body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

.box {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(max(240px,20vw), 1fr));
  grid-gap: 24px 40px;
}
.more {
  grid-column: 1 / -1;
}

tr:nth-child(even) {
  background-color: #f5f5f5;
}/* REACT LDS DEFAULT THEME INSTALLATION FILE */

/* LDS Base Theme */

/* DEFAULT LDS THEME INSTALLATION FILE */

/* Vendor */

/*!
 * Bootstrap Grid v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #ffffff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #ffffff;
}

/* DO NOT USE BS CONTAINERS IN LDS
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
*/

.row {
  /* Controlled by the theme */
  /* --bs-gutter-x: 1.5rem; */
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }

  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333333%;
  }

  .offset-sm-2 {
    margin-left: 16.66666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.33333333%;
  }

  .offset-sm-5 {
    margin-left: 41.66666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.33333333%;
  }

  .offset-sm-8 {
    margin-left: 66.66666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.33333333%;
  }

  .offset-sm-11 {
    margin-left: 91.66666667%;
  }

  .g-sm-0,
.gx-sm-0 {
    --bs-gutter-x: 0;
  }

  .g-sm-0,
.gy-sm-0 {
    --bs-gutter-y: 0;
  }

  .g-sm-1,
.gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-sm-1,
.gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-sm-2,
.gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-sm-2,
.gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-sm-3,
.gx-sm-3 {
    --bs-gutter-x: 1rem;
  }

  .g-sm-3,
.gy-sm-3 {
    --bs-gutter-y: 1rem;
  }

  .g-sm-4,
.gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-sm-4,
.gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-sm-5,
.gx-sm-5 {
    --bs-gutter-x: 3rem;
  }

  .g-sm-5,
.gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }

  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333333%;
  }

  .offset-md-2 {
    margin-left: 16.66666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.33333333%;
  }

  .offset-md-5 {
    margin-left: 41.66666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.33333333%;
  }

  .offset-md-8 {
    margin-left: 66.66666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.33333333%;
  }

  .offset-md-11 {
    margin-left: 91.66666667%;
  }

  .g-md-0,
.gx-md-0 {
    --bs-gutter-x: 0;
  }

  .g-md-0,
.gy-md-0 {
    --bs-gutter-y: 0;
  }

  .g-md-1,
.gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-md-1,
.gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-md-2,
.gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-md-2,
.gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-md-3,
.gx-md-3 {
    --bs-gutter-x: 1rem;
  }

  .g-md-3,
.gy-md-3 {
    --bs-gutter-y: 1rem;
  }

  .g-md-4,
.gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-md-4,
.gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-md-5,
.gx-md-5 {
    --bs-gutter-x: 3rem;
  }

  .g-md-5,
.gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }

  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333333%;
  }

  .offset-lg-2 {
    margin-left: 16.66666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333333%;
  }

  .offset-lg-5 {
    margin-left: 41.66666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333333%;
  }

  .offset-lg-8 {
    margin-left: 66.66666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333333%;
  }

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }

  .g-lg-0,
.gx-lg-0 {
    --bs-gutter-x: 0;
  }

  .g-lg-0,
.gy-lg-0 {
    --bs-gutter-y: 0;
  }

  .g-lg-1,
.gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-lg-1,
.gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-lg-2,
.gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-lg-2,
.gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-lg-3,
.gx-lg-3 {
    --bs-gutter-x: 1rem;
  }

  .g-lg-3,
.gy-lg-3 {
    --bs-gutter-y: 1rem;
  }

  .g-lg-4,
.gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-lg-4,
.gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-lg-5,
.gx-lg-5 {
    --bs-gutter-x: 3rem;
  }

  .g-lg-5,
.gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }

  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }

  .g-xl-0,
.gx-xl-0 {
    --bs-gutter-x: 0;
  }

  .g-xl-0,
.gy-xl-0 {
    --bs-gutter-y: 0;
  }

  .g-xl-1,
.gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xl-1,
.gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xl-2,
.gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xl-2,
.gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xl-3,
.gx-xl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xl-3,
.gy-xl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xl-4,
.gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xl-4,
.gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xl-5,
.gx-xl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xl-5,
.gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }

  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xxl-0 {
    margin-left: 0;
  }

  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xxl-3 {
    margin-left: 25%;
  }

  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xxl-6 {
    margin-left: 50%;
  }

  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xxl-9 {
    margin-left: 75%;
  }

  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }

  .g-xxl-0,
.gx-xxl-0 {
    --bs-gutter-x: 0;
  }

  .g-xxl-0,
.gy-xxl-0 {
    --bs-gutter-y: 0;
  }

  .g-xxl-1,
.gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xxl-1,
.gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xxl-2,
.gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xxl-2,
.gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xxl-3,
.gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xxl-3,
.gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xxl-4,
.gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xxl-4,
.gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xxl-5,
.gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xxl-5,
.gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !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;
}

.d-none {
  display: none !important;
}

.flex-fill {
  flex: 1 1 auto !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-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;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !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;
}

.justify-content-evenly {
  justify-content: space-evenly !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;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

@media (min-width: 576px) {
  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-grid {
    display: grid !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;
  }

  .d-sm-none {
    display: none !important;
  }

  .flex-sm-fill {
    flex: 1 1 auto !important;
  }

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

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !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;
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly !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;
  }

  .order-sm-first {
    order: -1 !important;
  }

  .order-sm-0 {
    order: 0 !important;
  }

  .order-sm-1 {
    order: 1 !important;
  }

  .order-sm-2 {
    order: 2 !important;
  }

  .order-sm-3 {
    order: 3 !important;
  }

  .order-sm-4 {
    order: 4 !important;
  }

  .order-sm-5 {
    order: 5 !important;
  }

  .order-sm-last {
    order: 6 !important;
  }

  .m-sm-0 {
    margin: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-sm-0 {
    margin-top: 0 !important;
  }

  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mt-sm-3 {
    margin-top: 1rem !important;
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mt-sm-5 {
    margin-top: 3rem !important;
  }

  .mt-sm-auto {
    margin-top: auto !important;
  }

  .me-sm-0 {
    margin-right: 0 !important;
  }

  .me-sm-1 {
    margin-right: 0.25rem !important;
  }

  .me-sm-2 {
    margin-right: 0.5rem !important;
  }

  .me-sm-3 {
    margin-right: 1rem !important;
  }

  .me-sm-4 {
    margin-right: 1.5rem !important;
  }

  .me-sm-5 {
    margin-right: 3rem !important;
  }

  .me-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-0 {
    margin-bottom: 0 !important;
  }

  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }

  .mb-sm-auto {
    margin-bottom: auto !important;
  }

  .ms-sm-0 {
    margin-left: 0 !important;
  }

  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }

  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }

  .ms-sm-3 {
    margin-left: 1rem !important;
  }

  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }

  .ms-sm-5 {
    margin-left: 3rem !important;
  }

  .ms-sm-auto {
    margin-left: auto !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-sm-0 {
    padding-top: 0 !important;
  }

  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pt-sm-3 {
    padding-top: 1rem !important;
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pt-sm-5 {
    padding-top: 3rem !important;
  }

  .pe-sm-0 {
    padding-right: 0 !important;
  }

  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pe-sm-3 {
    padding-right: 1rem !important;
  }

  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pe-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-0 {
    padding-bottom: 0 !important;
  }

  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }

  .ps-sm-0 {
    padding-left: 0 !important;
  }

  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }

  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }

  .ps-sm-3 {
    padding-left: 1rem !important;
  }

  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }

  .ps-sm-5 {
    padding-left: 3rem !important;
  }
}

@media (min-width: 768px) {
  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-grid {
    display: grid !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;
  }

  .d-md-none {
    display: none !important;
  }

  .flex-md-fill {
    flex: 1 1 auto !important;
  }

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

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !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;
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !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;
  }

  .order-md-first {
    order: -1 !important;
  }

  .order-md-0 {
    order: 0 !important;
  }

  .order-md-1 {
    order: 1 !important;
  }

  .order-md-2 {
    order: 2 !important;
  }

  .order-md-3 {
    order: 3 !important;
  }

  .order-md-4 {
    order: 4 !important;
  }

  .order-md-5 {
    order: 5 !important;
  }

  .order-md-last {
    order: 6 !important;
  }

  .m-md-0 {
    margin: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-md-0 {
    margin-top: 0 !important;
  }

  .mt-md-1 {
    margin-top: 0.25rem !important;
  }

  .mt-md-2 {
    margin-top: 0.5rem !important;
  }

  .mt-md-3 {
    margin-top: 1rem !important;
  }

  .mt-md-4 {
    margin-top: 1.5rem !important;
  }

  .mt-md-5 {
    margin-top: 3rem !important;
  }

  .mt-md-auto {
    margin-top: auto !important;
  }

  .me-md-0 {
    margin-right: 0 !important;
  }

  .me-md-1 {
    margin-right: 0.25rem !important;
  }

  .me-md-2 {
    margin-right: 0.5rem !important;
  }

  .me-md-3 {
    margin-right: 1rem !important;
  }

  .me-md-4 {
    margin-right: 1.5rem !important;
  }

  .me-md-5 {
    margin-right: 3rem !important;
  }

  .me-md-auto {
    margin-right: auto !important;
  }

  .mb-md-0 {
    margin-bottom: 0 !important;
  }

  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-md-3 {
    margin-bottom: 1rem !important;
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-md-5 {
    margin-bottom: 3rem !important;
  }

  .mb-md-auto {
    margin-bottom: auto !important;
  }

  .ms-md-0 {
    margin-left: 0 !important;
  }

  .ms-md-1 {
    margin-left: 0.25rem !important;
  }

  .ms-md-2 {
    margin-left: 0.5rem !important;
  }

  .ms-md-3 {
    margin-left: 1rem !important;
  }

  .ms-md-4 {
    margin-left: 1.5rem !important;
  }

  .ms-md-5 {
    margin-left: 3rem !important;
  }

  .ms-md-auto {
    margin-left: auto !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-md-0 {
    padding-top: 0 !important;
  }

  .pt-md-1 {
    padding-top: 0.25rem !important;
  }

  .pt-md-2 {
    padding-top: 0.5rem !important;
  }

  .pt-md-3 {
    padding-top: 1rem !important;
  }

  .pt-md-4 {
    padding-top: 1.5rem !important;
  }

  .pt-md-5 {
    padding-top: 3rem !important;
  }

  .pe-md-0 {
    padding-right: 0 !important;
  }

  .pe-md-1 {
    padding-right: 0.25rem !important;
  }

  .pe-md-2 {
    padding-right: 0.5rem !important;
  }

  .pe-md-3 {
    padding-right: 1rem !important;
  }

  .pe-md-4 {
    padding-right: 1.5rem !important;
  }

  .pe-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-0 {
    padding-bottom: 0 !important;
  }

  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-md-3 {
    padding-bottom: 1rem !important;
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-md-5 {
    padding-bottom: 3rem !important;
  }

  .ps-md-0 {
    padding-left: 0 !important;
  }

  .ps-md-1 {
    padding-left: 0.25rem !important;
  }

  .ps-md-2 {
    padding-left: 0.5rem !important;
  }

  .ps-md-3 {
    padding-left: 1rem !important;
  }

  .ps-md-4 {
    padding-left: 1.5rem !important;
  }

  .ps-md-5 {
    padding-left: 3rem !important;
  }
}

@media (min-width: 992px) {
  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-grid {
    display: grid !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;
  }

  .d-lg-none {
    display: none !important;
  }

  .flex-lg-fill {
    flex: 1 1 auto !important;
  }

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

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !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;
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !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;
  }

  .order-lg-first {
    order: -1 !important;
  }

  .order-lg-0 {
    order: 0 !important;
  }

  .order-lg-1 {
    order: 1 !important;
  }

  .order-lg-2 {
    order: 2 !important;
  }

  .order-lg-3 {
    order: 3 !important;
  }

  .order-lg-4 {
    order: 4 !important;
  }

  .order-lg-5 {
    order: 5 !important;
  }

  .order-lg-last {
    order: 6 !important;
  }

  .m-lg-0 {
    margin: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-lg-0 {
    margin-top: 0 !important;
  }

  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mt-lg-3 {
    margin-top: 1rem !important;
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mt-lg-5 {
    margin-top: 3rem !important;
  }

  .mt-lg-auto {
    margin-top: auto !important;
  }

  .me-lg-0 {
    margin-right: 0 !important;
  }

  .me-lg-1 {
    margin-right: 0.25rem !important;
  }

  .me-lg-2 {
    margin-right: 0.5rem !important;
  }

  .me-lg-3 {
    margin-right: 1rem !important;
  }

  .me-lg-4 {
    margin-right: 1.5rem !important;
  }

  .me-lg-5 {
    margin-right: 3rem !important;
  }

  .me-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-0 {
    margin-bottom: 0 !important;
  }

  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }

  .mb-lg-auto {
    margin-bottom: auto !important;
  }

  .ms-lg-0 {
    margin-left: 0 !important;
  }

  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }

  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }

  .ms-lg-3 {
    margin-left: 1rem !important;
  }

  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }

  .ms-lg-5 {
    margin-left: 3rem !important;
  }

  .ms-lg-auto {
    margin-left: auto !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-lg-0 {
    padding-top: 0 !important;
  }

  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pt-lg-3 {
    padding-top: 1rem !important;
  }

  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pt-lg-5 {
    padding-top: 3rem !important;
  }

  .pe-lg-0 {
    padding-right: 0 !important;
  }

  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pe-lg-3 {
    padding-right: 1rem !important;
  }

  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pe-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-0 {
    padding-bottom: 0 !important;
  }

  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }

  .ps-lg-0 {
    padding-left: 0 !important;
  }

  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }

  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }

  .ps-lg-3 {
    padding-left: 1rem !important;
  }

  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }

  .ps-lg-5 {
    padding-left: 3rem !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-grid {
    display: grid !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;
  }

  .d-xl-none {
    display: none !important;
  }

  .flex-xl-fill {
    flex: 1 1 auto !important;
  }

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

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !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;
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !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;
  }

  .order-xl-first {
    order: -1 !important;
  }

  .order-xl-0 {
    order: 0 !important;
  }

  .order-xl-1 {
    order: 1 !important;
  }

  .order-xl-2 {
    order: 2 !important;
  }

  .order-xl-3 {
    order: 3 !important;
  }

  .order-xl-4 {
    order: 4 !important;
  }

  .order-xl-5 {
    order: 5 !important;
  }

  .order-xl-last {
    order: 6 !important;
  }

  .m-xl-0 {
    margin: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xl-0 {
    margin-top: 0 !important;
  }

  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xl-3 {
    margin-top: 1rem !important;
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xl-5 {
    margin-top: 3rem !important;
  }

  .mt-xl-auto {
    margin-top: auto !important;
  }

  .me-xl-0 {
    margin-right: 0 !important;
  }

  .me-xl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xl-3 {
    margin-right: 1rem !important;
  }

  .me-xl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xl-5 {
    margin-right: 3rem !important;
  }

  .me-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xl-auto {
    margin-bottom: auto !important;
  }

  .ms-xl-0 {
    margin-left: 0 !important;
  }

  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xl-3 {
    margin-left: 1rem !important;
  }

  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xl-5 {
    margin-left: 3rem !important;
  }

  .ms-xl-auto {
    margin-left: auto !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xl-0 {
    padding-top: 0 !important;
  }

  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xl-3 {
    padding-top: 1rem !important;
  }

  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xl-5 {
    padding-top: 3rem !important;
  }

  .pe-xl-0 {
    padding-right: 0 !important;
  }

  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xl-3 {
    padding-right: 1rem !important;
  }

  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xl-0 {
    padding-left: 0 !important;
  }

  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xl-3 {
    padding-left: 1rem !important;
  }

  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xl-5 {
    padding-left: 3rem !important;
  }
}

@media (min-width: 1400px) {
  .d-xxl-inline {
    display: inline !important;
  }

  .d-xxl-inline-block {
    display: inline-block !important;
  }

  .d-xxl-block {
    display: block !important;
  }

  .d-xxl-grid {
    display: grid !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;
  }

  .d-xxl-none {
    display: none !important;
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }

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

  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !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;
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !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;
  }

  .order-xxl-first {
    order: -1 !important;
  }

  .order-xxl-0 {
    order: 0 !important;
  }

  .order-xxl-1 {
    order: 1 !important;
  }

  .order-xxl-2 {
    order: 2 !important;
  }

  .order-xxl-3 {
    order: 3 !important;
  }

  .order-xxl-4 {
    order: 4 !important;
  }

  .order-xxl-5 {
    order: 5 !important;
  }

  .order-xxl-last {
    order: 6 !important;
  }

  .m-xxl-0 {
    margin: 0 !important;
  }

  .m-xxl-1 {
    margin: 0.25rem !important;
  }

  .m-xxl-2 {
    margin: 0.5rem !important;
  }

  .m-xxl-3 {
    margin: 1rem !important;
  }

  .m-xxl-4 {
    margin: 1.5rem !important;
  }

  .m-xxl-5 {
    margin: 3rem !important;
  }

  .m-xxl-auto {
    margin: auto !important;
  }

  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xxl-0 {
    margin-top: 0 !important;
  }

  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xxl-3 {
    margin-top: 1rem !important;
  }

  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xxl-5 {
    margin-top: 3rem !important;
  }

  .mt-xxl-auto {
    margin-top: auto !important;
  }

  .me-xxl-0 {
    margin-right: 0 !important;
  }

  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xxl-3 {
    margin-right: 1rem !important;
  }

  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xxl-5 {
    margin-right: 3rem !important;
  }

  .me-xxl-auto {
    margin-right: auto !important;
  }

  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xxl-auto {
    margin-bottom: auto !important;
  }

  .ms-xxl-0 {
    margin-left: 0 !important;
  }

  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xxl-3 {
    margin-left: 1rem !important;
  }

  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xxl-5 {
    margin-left: 3rem !important;
  }

  .ms-xxl-auto {
    margin-left: auto !important;
  }

  .p-xxl-0 {
    padding: 0 !important;
  }

  .p-xxl-1 {
    padding: 0.25rem !important;
  }

  .p-xxl-2 {
    padding: 0.5rem !important;
  }

  .p-xxl-3 {
    padding: 1rem !important;
  }

  .p-xxl-4 {
    padding: 1.5rem !important;
  }

  .p-xxl-5 {
    padding: 3rem !important;
  }

  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xxl-0 {
    padding-top: 0 !important;
  }

  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xxl-3 {
    padding-top: 1rem !important;
  }

  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xxl-5 {
    padding-top: 3rem !important;
  }

  .pe-xxl-0 {
    padding-right: 0 !important;
  }

  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xxl-3 {
    padding-right: 1rem !important;
  }

  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xxl-5 {
    padding-right: 3rem !important;
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xxl-0 {
    padding-left: 0 !important;
  }

  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xxl-3 {
    padding-left: 1rem !important;
  }

  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
}

@media print {
  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-grid {
    display: grid !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;
  }

  .d-print-none {
    display: none !important;
  }
}

/* Base */

/* // Modified from David Well's reset CSS
// sass-lint:disable single-line-per-selector no-duplicate-properties property-sort-order */

@at-root {
  @-ms-viewport {
    width: device-width;
  }
}

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

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, select, textarea,
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;
  margin: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  border: 0;
}

html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
}

/* // HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1.5;
}

blockquote, q {
  quotes: none;
}

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

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

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type='search'] {
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

/* // Prevent modern browsers from displaying `audio` without controls.
// Remove excess height in iOS 5 devices. */

audio:not([controls]) {
  display: none;
  height: 0;
}

/* // Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. */

[hidden] {
  display: none;
}

/* // 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
// 2. Improve image quality when scaled in IE 7. */

img {
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

/* // Address Firefox 3+ setting `line-height` on `input` using `!important` in the UA stylesheet. */

button,
input {
  line-height: normal;
}

/* // Address inconsistent `text-transform` inheritance for `button` and `select`.
// All other form control elements do not inherit `text-transform` values.
// Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
// Correct `select` style inheritance in Firefox 4+ and Opera. */

button,
select {
  text-transform: none;
}

/* // 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
// 2. Correct inability to style clickable `input` types in iOS.
// 3. Improve usability and consistency of cursor style between image-type `input` and others. */

button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
  cursor: pointer;
  -webkit-appearance: button;
}

/* // Reset default cursor for disabled elements. */

button[disabled],
html input[disabled] {
  cursor: default;
}

/* // 1. Address box sizing set to border-box in IE 8/9.
// 2. Remove excess padding in IE 8/9. */

input[type='checkbox'],
input[type='radio'] {
  padding: 0;
  box-sizing: border-box;
}

/* // Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* // Remove inner padding and border in Firefox 3+. */

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}

::selection {
  text-shadow: none;
  background: #b3d4fc;
}

fieldset {
  border: 0;
}

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

input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: transparent;
}

/* Theme */

:root,
::before,
::after {
  --lds-color-transparent: transparent;

  /* LDS NEUTRAL -- aka "Grayscale" */
  --lds-color-neutral-200: #000000;
  --lds-color-neutral-105: #111111;
  --lds-color-neutral-110: var(--lds-color-neutral-105); /* DEPRECATED; Remove in v2.2 */
  --lds-color-neutral-100: #191919; /* LILLY: "Black" */
  --lds-color-neutral-090: #282828;
  --lds-color-neutral-080: #3A3A3A;
  --lds-color-neutral-070: #505050;
  --lds-color-neutral-060: #6A6A6A;
  --lds-color-neutral-050: #8A8A8A;
  --lds-color-neutral-040: #AFAFAF;
  --lds-color-neutral-030: #C5C5C5;
  --lds-color-neutral-020: #E2E2E2;
  --lds-color-neutral-010: #F0F0F0;
  --lds-color-neutral-005: #F5F5F5;
  --lds-color-neutral-000: #FFFFFF; /* LILLY: "White" */


  --lds-color-black: var(--lds-color-neutral-100);
  --lds-color-white: var(--lds-color-neutral-000);

  /* LDS STONE */
  --lds-color-stone-105: #071218;
  --lds-color-stone-100: #0F1B21;
  --lds-color-stone-090: #1E2A30;
  --lds-color-stone-080: #303B42;
  --lds-color-stone-070: #465158;
  --lds-color-stone-060: #606C73;
  --lds-color-stone-050: #818C94; /* LILLY: "Bold Gray" */
  --lds-color-stone-040: #A5B1B9;
  --lds-color-stone-030: #BBC7CF;
  --lds-color-stone-020: #D8E4EC; /* LILLY: "Neutral Stone" */
  --lds-color-stone-010: #EBF2F7;
  --lds-color-stone-005: #F3F7FA; /* LILLY: "Neutral Stone Tint" */

  /* LDS TEAL */
  --lds-color-teal-105: #00131A;
  --lds-color-teal-100: #041C23;
  --lds-color-teal-090: #002C36;
  --lds-color-teal-080: #05404C;
  --lds-color-teal-070: #0A5969;
  --lds-color-teal-060: #00758A;
  --lds-color-teal-050: #1899B3;
  --lds-color-teal-040: #4FBED9;
  --lds-color-teal-030: #87D1E6;
  --lds-color-teal-020: #C3E9F6;
  --lds-color-teal-010: #E5F3F9;
  --lds-color-teal-005: #F0F8FC;

  /* LDS SAGE */
  --lds-color-sage-105: #001412;
  --lds-color-sage-100: #011E1B;
  --lds-color-sage-090: #022D2C;
  --lds-color-sage-080: #02413D;
  --lds-color-sage-070: #005A56;
  --lds-color-sage-060: #007773;
  --lds-color-sage-050: #299B93;
  --lds-color-sage-040: #54C2B9;
  --lds-color-sage-030: #81D5CE;
  --lds-color-sage-020: #BEEBE6; /* LILLY: "Neutral Sage" */
  --lds-color-sage-010: #E6F4F2;
  --lds-color-sage-005: #F0F8F6; /* LILLY: "Neutral Sage Tint" */

  /* LDS GREEN */
  --lds-color-green-105: #00150B;
  --lds-color-green-100: #031F13;
  --lds-color-green-090: #022F1E;
  --lds-color-green-080: #00422C; /* LILLY: "Bold Green" */
  --lds-color-green-070: #005C3F;
  --lds-color-green-060: #007A55;
  --lds-color-green-050: #009F6F;
  --lds-color-green-040: #21C88F;
  --lds-color-green-030: #79D9AD;
  --lds-color-green-020: #BEEED3;
  --lds-color-green-010: #E7F4EA;
  --lds-color-green-005: #F0F9F2;

  /* LDS LIME */
  --lds-color-lime-105: #061400;
  --lds-color-lime-100: #0C1E01;
  --lds-color-lime-090: #132F00;
  --lds-color-lime-080: #1B4300;
  --lds-color-lime-070: #2A5B00;
  --lds-color-lime-060: #3C7908;
  --lds-color-lime-050: #539D19;
  --lds-color-lime-040: #79C343;
  --lds-color-lime-030: #9ED676;
  --lds-color-lime-020: #CCEBB1;
  --lds-color-lime-010: #ECF3E1;
  --lds-color-lime-005: #F5F8EB;

  /* LDS GOLD */
  --lds-color-gold-105: #171000;
  --lds-color-gold-100: #211801;
  --lds-color-gold-090: #332600;
  --lds-color-gold-080: #483700;
  --lds-color-gold-070: #644D00;
  --lds-color-gold-060: #846700;
  --lds-color-gold-050: #AC8700;
  --lds-color-gold-040: #DAAA00;
  --lds-color-gold-030: #F4C003; /* LILLY: "Vibrant Gold" */
  --lds-color-gold-020: #F7E0AC;
  --lds-color-gold-010: #F9F0E0; /* LILLY: "Neutral Cream" */
  --lds-color-gold-005: #FCF5ED; /* LILLY: "Neutral Cream Tint" */

  /* LDS ORANGE */
  --lds-color-orange-105: #210B00;
  --lds-color-orange-100: #2C1201;
  --lds-color-orange-090: #421F00;
  --lds-color-orange-080: #5B2D00;
  --lds-color-orange-070: #7E3F02;
  --lds-color-orange-060: #A55500;
  --lds-color-orange-050: #D7700A;
  --lds-color-orange-040: #FB984D;
  --lds-color-orange-030: #FAB88B;
  --lds-color-orange-020: #FFDCC6; /* LILLY: "Vibrant Orange" */
  --lds-color-orange-010: #FCEEE7;
  --lds-color-orange-005: #FCF5F2;

  /* LDS RED */
  --lds-color-red-105: #2D0000;
  --lds-color-red-100: #3D0101;
  --lds-color-red-090: #501009; /* LILLY: "Bold Brown" */
  --lds-color-red-080: #6E1911;
  --lds-color-red-070: #9F180F;
  --lds-color-red-060: #D31710; /* LILLY: "Lilly Red" */
  --lds-color-red-050: #F7513F;
  --lds-color-red-040: #FD9485; /* LILLY: "Vibrant Coral" */
  --lds-color-red-030: #F6B8AE;
  --lds-color-red-020: #FFDAD4; /* LILLY: "Pink" */
  --lds-color-red-010: #F9EEED; /* LILLY: "Neutral Rose" */
  --lds-color-red-005: #FFF9F8; /* LILLY: "Neutral Rose Tint" */

  /* LDS PINK */
  --lds-color-pink-105: #26050F;
  --lds-color-pink-100: #3A0218;
  --lds-color-pink-090: #540523;
  --lds-color-pink-080: #730932;
  --lds-color-pink-070: #9C1349;
  --lds-color-pink-060: #CE1562;
  --lds-color-pink-050: #F15082;
  --lds-color-pink-040: #F694AB;
  --lds-color-pink-030: #F1B8C2;
  --lds-color-pink-020: #FFD8DF;
  --lds-color-pink-010: #FCEDEE;
  --lds-color-pink-005: #FFF8F8;

  /* LDS MAGENTA */
  --lds-color-magenta-105: #29001A;
  --lds-color-magenta-100: #370324;
  --lds-color-magenta-090: #500637;
  --lds-color-magenta-080: #72024E;
  --lds-color-magenta-070: #970D6B;
  --lds-color-magenta-060: #C2248B;
  --lds-color-magenta-050: #EE4BAF;
  --lds-color-magenta-040: #FF89C9;
  --lds-color-magenta-030: #F7B2D3;
  --lds-color-magenta-020: #FFD9E9;
  --lds-color-magenta-010: #FCEDF1;
  --lds-color-magenta-005: #FFF4F5;

  /* LDS PURPLE */
  --lds-color-purple-105: #1B0432;
  --lds-color-purple-100: #240E3B;
  --lds-color-purple-090: #371855;
  --lds-color-purple-080: #4D2475;
  --lds-color-purple-070: #6A32A2;
  --lds-color-purple-060: #8C45D3;
  --lds-color-purple-050: #AB71E9;
  --lds-color-purple-040: #CC9BFD;
  --lds-color-purple-030: #D8BBF2;
  --lds-color-purple-020: #EEDDF9;
  --lds-color-purple-010: #F9EDFC;
  --lds-color-purple-005: #FCF4FC;

  /* LDS INDIGO */
  --lds-color-indigo-105: #080A38;
  --lds-color-indigo-100: #121441;
  --lds-color-indigo-090: #1D205F;
  --lds-color-indigo-080: #2A2E86;
  --lds-color-indigo-070: #393DBD;
  --lds-color-indigo-060: #565ADF;
  --lds-color-indigo-050: #7B80F5;
  --lds-color-indigo-040: #A5A8FF;
  --lds-color-indigo-030: #C1C2F9;
  --lds-color-indigo-020: #E2E0F9;
  --lds-color-indigo-010: #F1EFFC;
  --lds-color-indigo-005: #F9F5FC;

  /* LDS AZURE */
  --lds-color-azure-105: #001127;
  --lds-color-azure-100: #021A35;
  --lds-color-azure-090: #00284E;
  --lds-color-azure-080: #003A6C; /* LILLY: "Bold Blue" */
  --lds-color-azure-070: #12518E;
  --lds-color-azure-060: #1B6CBA;
  --lds-color-azure-050: #468EE0;
  --lds-color-azure-040: #86B3F2; /* LILLY: "Vibrant Azure" */
  --lds-color-azure-030: #A4C9FF;
  --lds-color-azure-020: #D4E3FF;
  --lds-color-azure-010: #EDF1FD;
  --lds-color-azure-005: #F5F6FC;

  /* LDS BLUE */
  --lds-color-blue-105: #00131D;
  --lds-color-blue-100: #031C2B;
  --lds-color-blue-090: #012C3F;
  --lds-color-blue-080: #003E57;
  --lds-color-blue-070: #025676;
  --lds-color-blue-060: #04729E;
  --lds-color-blue-050: #0696CC;
  --lds-color-blue-040: #4BBBF3;
  --lds-color-blue-030: #90CEF4;
  --lds-color-blue-020: #CDE6F9;
  --lds-color-blue-010: #E8F2FA;
  --lds-color-blue-005: #F2F7FC;
}

:root,
::before,
::after {
  /* Primary Red Brand Color Palette -- Should be the same as the base "red" palette */
  --lds-color-lilly-red-105: var(--lds-color-red-105);
  --lds-color-lilly-red-100: var(--lds-color-red-100);
  --lds-color-lilly-red-090: var(--lds-color-red-090);
  --lds-color-lilly-red-080: var(--lds-color-red-080);
  --lds-color-lilly-red-070: var(--lds-color-red-070);
  --lds-color-lilly-red-060: var(--lds-color-red-060);
  --lds-color-lilly-red-050: var(--lds-color-red-050);
  --lds-color-lilly-red-040: var(--lds-color-red-040);
  --lds-color-lilly-red-030: var(--lds-color-red-030);
  --lds-color-lilly-red-020: var(--lds-color-red-020);
  --lds-color-lilly-red-010: var(--lds-color-red-010);
  --lds-color-lilly-red-005: var(--lds-color-red-005);

  /* Named Brand Colors -- Derived from base palettes */
  --lds-color-lilly-black: var(--lds-color-neutral-100);
  --lds-color-lilly-white: var(--lds-color-neutral-000);

  --lds-color-lilly-gray-bold: var(--lds-color-stone-050);
  --lds-color-lilly-stone-neutral: var(--lds-color-stone-020);
  --lds-color-lilly-stone-neutral-tint: var(--lds-color-stone-005);

  --lds-color-lilly-brown-bold: var(--lds-color-red-090);
  --lds-color-lilly-orange-vibrant: var(--lds-color-orange-020);

  --lds-color-lilly-red: var(--lds-color-red-060);
  --lds-color-lilly-coral-vibrant: var(--lds-color-red-040);

  --lds-color-lilly-pink: var(--lds-color-red-020);
  --lds-color-lilly-rose-neutral: var(--lds-color-red-010);
  --lds-color-lilly-rose-neutral-tint: var(--lds-color-red-005);

  --lds-color-lilly-gold-vibrant: var(--lds-color-gold-030);
  --lds-color-lilly-cream-neutral: var(--lds-color-gold-010);
  --lds-color-lilly-cream-neutral-tint: var(--lds-color-gold-005);

  --lds-color-lilly-green-bold: var(--lds-color-green-080);
  --lds-color-lilly-sage-neutral: var(--lds-color-sage-020);
  --lds-color-lilly-sage-neutral-tint: var(--lds-color-sage-005);

  --lds-color-lilly-blue-bold: var(--lds-color-azure-080);
  --lds-color-lilly-azure-vibrant: var(--lds-color-azure-040);

  /* Inverted Color Name Tokens -- Derived from the above named brand colors */
  --lds-color-lilly-bold-gray: var(--lds-color-lilly-gray-bold);
  --lds-color-lilly-neutral-stone: var(--lds-color-lilly-stone-neutral);
  --lds-color-lilly-neutral-stone-tint: var(--lds-color-lilly-stone-neutral-tint);

  --lds-color-lilly-bold-green: var(--lds-color-lilly-green-bold);
  --lds-color-lilly-neutral-sage: var(--lds-color-lilly-sage-neutral);
  --lds-color-lilly-neutral-sage-tint: var(--lds-color-lilly-sage-neutral-tint);

  --lds-color-lilly-vibrant-gold: var(--lds-color-lilly-gold-vibrant);
  --lds-color-lilly-neutral-cream: var(--lds-color-lilly-cream-neutral);
  --lds-color-lilly-neutral-cream-tint: var(--lds-color-lilly-cream-neutral-tint);

  --lds-color-lilly-bold-brown: var(--lds-color-lilly-brown-bold);
  --lds-color-lilly-vibrant-orange: var(--lds-color-lilly-orange-vibrant);

  --lds-color-lilly-vibrant-coral: var(--lds-color-lilly-coral-vibrant);

  --lds-color-lilly-neutral-rose: var(--lds-color-lilly-rose-neutral);
  --lds-color-lilly-neutral-rose-tint: var(--lds-color-lilly-rose-neutral-tint);

  --lds-color-lilly-bold-blue: var(--lds-color-lilly-blue-bold);
  --lds-color-lilly-vibrant-azure: var(--lds-color-lilly-azure-vibrant);

  /* Old Compatibility Lilly Brand Color Token / Shortcut Lilly Red Token */
  --lds-color-lilly: var(--lds-color-lilly-red);

  /* DEPRECATED - Remove in LDS 2.2.0 */
  --lds-color-lilly-green: var(--lds-color-lilly-sage-neutral);
  --lds-color-lilly-sage: var(--lds-color-lilly-sage-neutral);
  --lds-color-lilly-sage-light: var(--lds-color-lilly-sage-neutral-tint);
  --lds-color-lilly-light-sage: var(--lds-color-lilly-sage-light);

  --lds-color-lilly-gold: var(--lds-color-lilly-gold-vibrant);
  --lds-color-lilly-gold-light: var(--lds-color-lilly-cream-neutral-tint);
  --lds-color-lilly-light-gold: var(--lds-color-lilly-gold-light);

  --lds-color-lilly-rose: var(--lds-color-lilly-coral-vibrant);

  --lds-color-lilly-azure: var(--lds-color-lilly-azure-vibrant);
}

:root,
::before,
::after {
  --lds-color-adobe-black: #041E2F;
  --lds-color-adobe-blue: #6A90D2;
  --lds-color-adobe-green: #3A6965;
  --lds-color-adobe-red: #FF330F;
  --lds-color-adobe-yellow: #E8F099;

  --lds-color-facebook-blue: #1877F2;

  --lds-color-instagram-pink: #E1306C;

  --lds-color-linkedin-blue: #0077B5;

  --lds-color-pinterest-red: #E60023;

  --lds-color-tiktok-blue: #25F4EE;
  --lds-color-tiktok-red: #FE2C55;

  --lds-color-twitter-blue: #199BF0;

  --lds-color-youtube-black: #212121;
  --lds-color-youtube-red: #FF0000;
}

:root,
::before,
::after {
  /* PRIMARY */
  --lds-color-primary-105: var(--lds-color-lilly-red-105);
  --lds-color-primary-100: var(--lds-color-lilly-red-100);
  --lds-color-primary-090: var(--lds-color-lilly-red-090);
  --lds-color-primary-080: var(--lds-color-lilly-red-080);
  --lds-color-primary-070: var(--lds-color-lilly-red-070);
  --lds-color-primary-060: var(--lds-color-lilly-red-060);
  --lds-color-primary-050: var(--lds-color-lilly-red-050);
  --lds-color-primary-040: var(--lds-color-lilly-red-040);
  --lds-color-primary-030: var(--lds-color-lilly-red-030);
  --lds-color-primary-020: var(--lds-color-lilly-red-020);
  --lds-color-primary-010: var(--lds-color-lilly-red-010);
  --lds-color-primary-005: var(--lds-color-lilly-red-005);

  --lds-color-primary: var(--lds-color-primary-060);
  --lds-color-primary-fg: var(--lds-color-primary);
  --lds-color-primary-fg-hover: var(--lds-color-primary-070);
  --lds-color-primary-fg-focus: var(--lds-color-primary-fg-hover);
  --lds-color-primary-fg-active: var(--lds-color-primary-080);
  --lds-color-primary-fg-visited: var(--lds-color-primary-fg);
  --lds-color-primary-bg: var(--lds-color-primary-010);
  /* functional hover used for things like hovering over dropdown items or datepicker days */
  --lds-color-primary-functional-hover: var(--lds-color-primary-010);

  --lds-color-primary-inverted: var(--lds-color-primary-030);
  --lds-color-primary-inverted-fg: var(--lds-color-primary-inverted);
  --lds-color-primary-inverted-fg-hover: var(--lds-color-primary-040);
  --lds-color-primary-inverted-fg-focus: var(--lds-color-primary-inverted-fg-hover);
  --lds-color-primary-inverted-fg-active: var(--lds-color-primary-050);
  --lds-color-primary-inverted-fg-visited: var(--lds-color-primary-inverted-fg);
  --lds-color-primary-inverted-bg: var(--lds-color-primary-100);

  /* SECONDARY */
  --lds-color-secondary-105: var(--lds-color-lilly-red-105);
  --lds-color-secondary-100: var(--lds-color-lilly-red-100);
  --lds-color-secondary-090: var(--lds-color-lilly-red-090);
  --lds-color-secondary-080: var(--lds-color-lilly-red-080);
  --lds-color-secondary-070: var(--lds-color-lilly-red-070);
  --lds-color-secondary-060: var(--lds-color-lilly-red-060);
  --lds-color-secondary-050: var(--lds-color-lilly-red-050);
  --lds-color-secondary-040: var(--lds-color-lilly-red-040);
  --lds-color-secondary-030: var(--lds-color-lilly-red-030);
  --lds-color-secondary-020: var(--lds-color-lilly-red-020);
  --lds-color-secondary-010: var(--lds-color-lilly-red-010);
  --lds-color-secondary-005: var(--lds-color-lilly-red-005);

  --lds-color-secondary: var(--lds-color-secondary-060);
  --lds-color-secondary-fg: var(--lds-color-secondary);
  --lds-color-secondary-fg-hover: var(--lds-color-secondary-070);
  --lds-color-secondary-fg-focus: var(--lds-color-secondary-fg);
  --lds-color-secondary-fg-active: var(--lds-color-secondary-080);
  --lds-color-secondary-fg-visited: var(--lds-color-secondary-fg);
  --lds-color-secondary-bg: var(--lds-color-secondary-010);

  --lds-color-secondary-inverted: var(--lds-color-secondary-030);
  --lds-color-secondary-inverted-fg: var(--lds-color-secondary-inverted);
  --lds-color-secondary-inverted-fg-hover: var(--lds-color-secondary-040);
  --lds-color-secondary-inverted-fg-focus: var(--lds-color-secondary-inverted-fg);
  --lds-color-secondary-inverted-fg-active: var(--lds-color-secondary-050);
  --lds-color-secondary-inverted-fg-visited: var(--lds-color-secondary-inverted-fg);
  --lds-color-secondary-inverted-bg: var(--lds-color-secondary-100);

  /* TERTIARY */
  --lds-color-tertiary-105: var(--lds-color-lilly-red-105);
  --lds-color-tertiary-100: var(--lds-color-lilly-red-100);
  --lds-color-tertiary-090: var(--lds-color-lilly-red-090);
  --lds-color-tertiary-080: var(--lds-color-lilly-red-080);
  --lds-color-tertiary-070: var(--lds-color-lilly-red-070);
  --lds-color-tertiary-060: var(--lds-color-lilly-red-060);
  --lds-color-tertiary-050: var(--lds-color-lilly-red-050);
  --lds-color-tertiary-040: var(--lds-color-lilly-red-040);
  --lds-color-tertiary-030: var(--lds-color-lilly-red-030);
  --lds-color-tertiary-020: var(--lds-color-lilly-red-020);
  --lds-color-tertiary-010: var(--lds-color-lilly-red-010);
  --lds-color-tertiary-005: var(--lds-color-lilly-red-005);

  --lds-color-tertiary: var(--lds-color-tertiary-060);
  --lds-color-tertiary-fg: var(--lds-color-tertiary);
  --lds-color-tertiary-fg-hover: var(--lds-color-tertiary-070);
  --lds-color-tertiary-fg-focus: var(--lds-color-tertiary-fg);
  --lds-color-tertiary-fg-active: var(--lds-color-tertiary-080);
  --lds-color-tertiary-fg-visited: var(--lds-color-tertiary-fg);
  --lds-color-tertiary-bg: var(--lds-color-tertiary-010);

  --lds-color-tertiary-inverted: var(--lds-color-tertiary-030);
  --lds-color-tertiary-inverted-fg: var(--lds-color-tertiary-inverted);
  --lds-color-tertiary-inverted-fg-hover: var(--lds-color-tertiary-040);
  --lds-color-tertiary-inverted-fg-focus: var(--lds-color-tertiary-inverted-fg);
  --lds-color-tertiary-inverted-fg-active: var(--lds-color-tertiary-050);
  --lds-color-tertiary-inverted-fg-visited: var(--lds-color-tertiary-inverted-fg);
  --lds-color-tertiary-inverted-bg: var(--lds-color-tertiary-100);

  /* ACTION */
  --lds-color-action-105: var(--lds-color-azure-105);
  --lds-color-action-100: var(--lds-color-azure-100);
  --lds-color-action-090: var(--lds-color-azure-090);
  --lds-color-action-080: var(--lds-color-azure-080);
  --lds-color-action-070: var(--lds-color-azure-070);
  --lds-color-action-060: var(--lds-color-azure-060);
  --lds-color-action-050: var(--lds-color-azure-050);
  --lds-color-action-040: var(--lds-color-azure-040);
  --lds-color-action-030: var(--lds-color-azure-030);
  --lds-color-action-020: var(--lds-color-azure-020);
  --lds-color-action-010: var(--lds-color-azure-010);
  --lds-color-action-005: var(--lds-color-azure-005);

  --lds-color-action: var(--lds-color-action-060);
  --lds-color-action-fg: var(--lds-color-action);
  --lds-color-action-fg-hover: var(--lds-color-action-070);
  --lds-color-action-fg-focus: var(--lds-color-action-fg-hover);
  --lds-color-action-fg-active: var(--lds-color-action-080);
  --lds-color-action-fg-visited: var(--lds-color-action-fg);
  --lds-color-action-bg: var(--lds-color-action-010);

  --lds-color-action-inverted: var(--lds-color-action-030);
  --lds-color-action-inverted-fg: var(--lds-color-action-inverted);
  --lds-color-action-inverted-fg-hover: var(--lds-color-action-040);
  --lds-color-action-inverted-fg-focus: var(--lds-color-action-inverted-fg-hover);
  --lds-color-action-inverted-fg-active: var(--lds-color-action-050);
  --lds-color-action-inverted-fg-visited: var(--lds-color-action-inverted-fg);
  --lds-color-action-inverted-bg: var(--lds-color-action-100);

  /* INFORMATIVE STATUS */
  --lds-color-info-105: var(--lds-color-azure-105);
  --lds-color-info-100: var(--lds-color-azure-100);
  --lds-color-info-090: var(--lds-color-azure-090);
  --lds-color-info-080: var(--lds-color-azure-080);
  --lds-color-info-070: var(--lds-color-azure-070);
  --lds-color-info-060: var(--lds-color-azure-060);
  --lds-color-info-050: var(--lds-color-azure-050);
  --lds-color-info-040: var(--lds-color-azure-040);
  --lds-color-info-030: var(--lds-color-azure-030);
  --lds-color-info-020: var(--lds-color-azure-020);
  --lds-color-info-010: var(--lds-color-azure-010);
  --lds-color-info-005: var(--lds-color-azure-005);

  --lds-color-info: var(--lds-color-info-060);
  --lds-color-info-fg: var(--lds-color-info);
  --lds-color-info-fg-hover: var(--lds-color-info-070);
  --lds-color-info-fg-focus: var(--lds-color-info-fg-hover);
  --lds-color-info-fg-active: var(--lds-color-info-080);
  --lds-color-info-fg-visited: var(--lds-color-info-fg);
  --lds-color-info-bg: var(--lds-color-info-010);

  --lds-color-info-inverted: var(--lds-color-info-030);
  --lds-color-info-inverted-fg: var(--lds-color-info-inverted);
  --lds-color-info-inverted-fg-hover: var(--lds-color-info-040);
  --lds-color-info-inverted-fg-focus: var(--lds-color-info-inverted-fg-hover);
  --lds-color-info-inverted-fg-active: var(--lds-color-info-050);
  --lds-color-info-inverted-fg-visited: var(--lds-color-info-inverted-fg);
  --lds-color-info-inverted-bg: var(--lds-color-info-100);

  /* SUCCESS STATUS */
  --lds-color-success-105: var(--lds-color-green-105);
  --lds-color-success-100: var(--lds-color-green-100);
  --lds-color-success-090: var(--lds-color-green-090);
  --lds-color-success-080: var(--lds-color-green-080);
  --lds-color-success-070: var(--lds-color-green-070);
  --lds-color-success-060: var(--lds-color-green-060);
  --lds-color-success-050: var(--lds-color-green-050);
  --lds-color-success-040: var(--lds-color-green-040);
  --lds-color-success-030: var(--lds-color-green-030);
  --lds-color-success-020: var(--lds-color-green-020);
  --lds-color-success-010: var(--lds-color-green-010);
  --lds-color-success-005: var(--lds-color-green-005);

  --lds-color-success: var(--lds-color-success-060);
  --lds-color-success-fg: var(--lds-color-success);
  --lds-color-success-fg-hover: var(--lds-color-success-070);
  --lds-color-success-fg-focus: var(--lds-color-success-fg-hover);
  --lds-color-success-fg-active: var(--lds-color-success-080);
  --lds-color-success-fg-visited: var(--lds-color-success-fg);
  --lds-color-success-bg: var(--lds-color-success-010);

  --lds-color-success-inverted: var(--lds-color-success-030);
  --lds-color-success-inverted-fg: var(--lds-color-success-inverted);
  --lds-color-success-inverted-fg-hover: var(--lds-color-success-040);
  --lds-color-success-inverted-fg-focus: var(--lds-color-success-inverted-fg-hover);
  --lds-color-success-inverted-fg-active: var(--lds-color-success-050);
  --lds-color-success-inverted-fg-visited: var(--lds-color-success-inverted-fg);
  --lds-color-success-inverted-bg: var(--lds-color-success-100);

  /* WARNING STATUS */
  --lds-color-warning-105: var(--lds-color-orange-105);
  --lds-color-warning-100: var(--lds-color-orange-100);
  --lds-color-warning-090: var(--lds-color-orange-090);
  --lds-color-warning-080: var(--lds-color-orange-080);
  --lds-color-warning-070: var(--lds-color-orange-070);
  --lds-color-warning-060: var(--lds-color-orange-060);
  --lds-color-warning-050: var(--lds-color-orange-050);
  --lds-color-warning-040: var(--lds-color-orange-040);
  --lds-color-warning-030: var(--lds-color-orange-030);
  --lds-color-warning-020: var(--lds-color-orange-020);
  --lds-color-warning-010: var(--lds-color-orange-010);
  --lds-color-warning-005: var(--lds-color-orange-005);

  --lds-color-warning: var(--lds-color-warning-060);
  --lds-color-warning-fg: var(--lds-color-warning);
  --lds-color-warning-fg-hover: var(--lds-color-warning-070);
  --lds-color-warning-fg-focus: var(--lds-color-warning-fg-hover);
  --lds-color-warning-fg-active: var(--lds-color-warning-080);
  --lds-color-warning-fg-visited: var(--lds-color-warning-fg);
  --lds-color-warning-bg: var(--lds-color-warning-010);

  --lds-color-warning-inverted: var(--lds-color-warning-030);
  --lds-color-warning-inverted-fg: var(--lds-color-warning-inverted);
  --lds-color-warning-inverted-fg-hover: var(--lds-color-warning-040);
  --lds-color-warning-inverted-fg-focus: var(--lds-color-warning-inverted-fg-hover);
  --lds-color-warning-inverted-fg-active: var(--lds-color-warning-050);
  --lds-color-warning-inverted-fg-visited: var(--lds-color-warning-inverted-fg);
  --lds-color-warning-inverted-bg: var(--lds-color-warning-100);

  /* DANGER (ERROR) STATUS */
  --lds-color-danger-105: var(--lds-color-red-105);
  --lds-color-danger-100: var(--lds-color-red-100);
  --lds-color-danger-090: var(--lds-color-red-090);
  --lds-color-danger-080: var(--lds-color-red-080);
  --lds-color-danger-070: var(--lds-color-red-070);
  --lds-color-danger-060: var(--lds-color-red-070);
  --lds-color-danger-050: var(--lds-color-red-050);
  --lds-color-danger-040: var(--lds-color-red-040);
  --lds-color-danger-030: var(--lds-color-red-030);
  --lds-color-danger-020: var(--lds-color-red-020);
  --lds-color-danger-010: var(--lds-color-red-010);
  --lds-color-danger-005: var(--lds-color-red-005);

  --lds-color-danger: var(--lds-color-danger-070);
  --lds-color-danger-fg: var(--lds-color-danger);
  --lds-color-danger-fg-hover: var(--lds-color-danger-080);
  --lds-color-danger-fg-focus: var(--lds-color-danger-fg-hover);
  --lds-color-danger-fg-active: var(--lds-color-danger-090);
  --lds-color-danger-fg-visited: var(--lds-color-danger-fg);
  --lds-color-danger-bg: var(--lds-color-danger-010);

  --lds-color-danger-inverted: var(--lds-color-danger-030);
  --lds-color-danger-inverted-fg: var(--lds-color-danger-inverted);
  --lds-color-danger-inverted-fg-hover: var(--lds-color-danger-040);
  --lds-color-danger-inverted-fg-focus: var(--lds-color-danger-inverted-fg-hover);
  --lds-color-danger-inverted-fg-active: var(--lds-color-danger-050);
  --lds-color-danger-inverted-fg-visited: var(--lds-color-danger-inverted-fg);
  --lds-color-danger-inverted-bg: var(--lds-color-danger-105);
}

/* TODO - REMOVE DEPRECATED V1 (LEGACY VUE LDS) COLOR TOKENS
/* This file provides backwards compatibilty with the old V1 (Vue LDS) theme Token Schema
/* It's here for now so component styles don't break during V2 development.
/* Once all the component styles are refactored to V2 tokens these should be removed.
 */

:root,
 ::before,
 ::after {
   /* GRAYSCALE */
   --lds-color-grey-900: var(--lds-color-neutral-100);
   --lds-color-grey-800: var(--lds-color-neutral-080);
   --lds-color-grey-700: var(--lds-color-neutral-070);
   --lds-color-grey-600: var(--lds-color-neutral-060);
   --lds-color-grey-500: var(--lds-color-neutral-050);
   --lds-color-grey-550: var(--lds-color-grey-500);
   --lds-color-grey-400: var(--lds-color-neutral-040);
   --lds-color-grey-300: var(--lds-color-neutral-020);
   --lds-color-grey-200: var(--lds-color-grey-300);
   --lds-color-grey-100: var(--lds-color-neutral-010);

    /* PRIMARY interactions */
    --lds-color-primary-hover: var(--lds-color-primary-fg-hover);
    --lds-color-primary-active: var(--lds-color-primary-fg-active);
    --lds-color-primary-visited: var(--lds-color-primary-fg-visited);


   /* ACTION (Information / Links) */
   /* --lds-color-action: var(--lds-color-action-fg); */
   --lds-color-action-hover: var(--lds-color-action-fg-hover);
   --lds-color-action-active: var(--lds-color-action-fg-active);
   --lds-color-action-visited: var(--lds-color-action-fg-visited);

   --lds-color-info-background: var(--lds-color-action-bg);

   --lds-color-menu-dark-link: var(--lds-color-action-inverted-fg);

   /* SUCCESS */
   /* --lds-color-success: var(--lds-color-success); */
   --lds-color-success-background: var(--lds-color-success-bg);
   --lds-color-success-dark: var(--lds-color-success-fg);
   --lds-color-success-light: var(--lds-color-success-inverted-fg);

   /* WARNINGS */
   /* --lds-color-warning: var(--lds-color-warning); */
   --lds-color-warning-background: var(--lds-color-warning-bg);
   --lds-color-warning-dark: var(--lds-color-warning-fg);
   --lds-color-warning-light: var(--lds-color-warning-inverted-fg);

   /* DANGER (Errors) */
   /* --lds-color-danger: var(--lds-color-danger); */
   --lds-color-danger-background: var(--lds-color-danger-bg);
   --lds-color-danger-dark: var(--lds-color-danger-fg);
   --lds-color-danger-light: var(--lds-color-danger-inverted-fg);

   /* DISABLED */
   --lds-color-disabled: var(--lds-color-grey-400);

   /* DOCUMENT */
   --lds-color-body-background: var(--lds-color-white);
   --lds-color-body: var(--lds-color-grey-900);
   --lds-color-font: var(--lds-color-grey-900);

   /* FOCUS */
   --lds-color-focus: rgba(33, 33, 33, .6);
   --lds-color-focus-light: rgba(255, 255, 255, .8);

   --lds-color-focus-outline: var(--lds-color-transparent);
   --lds-color-focus-outline-inset: var(--lds-color-transparent);
   --lds-color-focus-outline-text: var(--lds-color-focus);

   --lds-color-focus-shadow: var(--lds-color-focus);
   --lds-color-focus-shadow-inset: var(--lds-color-focus);
   --lds-color-focus-shadow-text: var(--lds-color-transparent);

   --lds-color-focus-outline-light: var(--lds-color-transparent);
   --lds-color-focus-outline-light-inset:  var(--lds-color-transparent);
   --lds-color-focus-outline-light-text: var(--lds-color-focus-light);

   --lds-color-focus-shadow-light: var(--lds-color-focus-light);
   --lds-color-focus-shadow-light-inset:  var(--lds-color-focus-light);
   --lds-color-focus-shadow-light-text: var(--lds-color-transparent);
}

:root,
::before,
::after {
  --lds-color-body-background: var(--lds-color-neutral-000)
}

:root,
::before,
::after {
  --lds-spacing-1000: 10rem;
  --lds-spacing-950: 9.5rem;
  --lds-spacing-900: 9rem;
  --lds-spacing-850: 8.5rem;
  --lds-spacing-800: 8rem;
  --lds-spacing-750: 7.5rem;
  --lds-spacing-700: 7rem;
  --lds-spacing-650: 6.5rem;
  --lds-spacing-600: 6rem;
  --lds-spacing-550: 5.5rem;
  --lds-spacing-500: 5rem;
  --lds-spacing-450: 4.5rem;
  --lds-spacing-400: 4rem;
  --lds-spacing-350: 3.5rem;
  --lds-spacing-300: 3rem;
  --lds-spacing-275: 2.75rem;
  --lds-spacing-250: 2.5rem;
  --lds-spacing-200: 2rem;
  --lds-spacing-175: 1.75rem;
  --lds-spacing-150: 1.5rem;
  --lds-spacing-125: 1.25rem;
  --lds-spacing-113: 1.125rem;
  --lds-spacing-100: 1rem;
  --lds-spacing-088: .875rem;
  --lds-spacing-075: .75rem;
  --lds-spacing-063: .625rem;
  --lds-spacing-050: .5rem;
  --lds-spacing-025: .25rem;
  --lds-spacing-013: .125rem;
  --lds-spacing-006: .0625rem;
  --lds-spacing-005: .05rem;
  --lds-spacing-003: .025rem;
  --lds-spacing-000: 0;
  --lds-spacing-neg-006: -.0625rem;
  --lds-spacing-neg-013: -.125rem;
  --lds-spacing-neg-025: -.25rem;
  --lds-spacing-neg-050: -.5rem;
  --lds-spacing-neg-063: -.625rem;
  --lds-spacing-neg-075: -.75rem;
  --lds-spacing-neg-100: -1rem;
}

:root {
  /* TODO: Deprecate this */
  --lds-border-focus-outline-offset: var(--lds-spacing-000);
  /* --lds-border-focus-outline-style: solid; */
  /* --lds-border-focus-outline-width: .1875rem;  */

  --lds-border-focus-outline-light-offset: var(--lds-border-focus-outline-offset);
  --lds-border-focus-outline-light-style: var(--lds-border-focus-outline-style);
  --lds-border-focus-outline-light-width: .125rem; /* 2px */

  --lds-border-focus-outline-inset-offset: var(--lds-spacing-neg-013);
  --lds-border-focus-outline-inset-style: var(--lds-border-focus-outline-style);
  --lds-border-focus-outline-inset-width: var(--lds-border-focus-outline-width);

  --lds-border-focus-outline-inset-light-offset: var(--lds-border-focus-outline-inset-offset);
  --lds-border-focus-outline-inset-light-style: var(--lds-border-focus-outline-inset-style);
  --lds-border-focus-outline-inset-light-width: var(--lds-border-focus-outline-inset-width);

  --lds-border-focus-outline-text-offset: var(--lds-spacing-013);
  --lds-border-focus-outline-text-style: var(--lds-border-focus-outline-style);
  --lds-border-focus-outline-text-width: .125rem;

  --lds-border-focus-outline-text-light-offset: var(--lds-border-focus-outline-text-offset);
  --lds-border-focus-outline-text-light-style: var(--lds-border-focus-outline-text-style);
  --lds-border-focus-outline-text-light-width: var(--lds-border-focus-outline-text-width);
}

:root {
  --lds-color-focus-outline: var(--lds-color-neutral-070);
  --lds-border-focus-outline-width: .1875rem; /* 3px */
  --lds-border-focus-outline-style: solid;
  /* Do we need more offset options? */
  --lds-border-focus-outline-offset: .1875rem; /* 3px */
}

:root,
::before,
::after {
  /*** Font Families ***/
  /* In general text should be using IBM Plex Sans whenever possible EXCEPT Arabic, Japanese or Korean which should use Noto Sans.
   * Functionally, IBM Plex Sans doesn't support every language character set.
   * Therefore we are falling back on Noto Sans first for additional character sets rather than system fonts.
   * This is an implied choice since the LDS Designers prefer Noto as an alternate.
   * Then compatible system fonts take over what the preferred fonts don't cover.
   * For the most part everything but Middle Eastern and Asian Languages will be in Plex, the rest in Noto.
   * A few more obscure character sets will be mixed or rely on system fonts.
   * However, motably Chinese is not explicitly covered, yet.
   *
   * Monospace is working the same way, as much as possible covered by IBM Plex Mono.
   * Then fall back on Noto Mono where possible; then system fonts.
   */

  /* Default */
  --lds-typography-font-family: 'IBM Plex Sans', 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans Hebrew', 'Noto Sans JP', 'Noto Sans KR', Helvetica, Arial, sans-serif;
  /* Alternate */
  --lds-typography-font-family-noto-sans: 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans Hebrew', 'Noto Sans JP', 'Noto Sans KR', Helvetica, Arial, sans-serif;
  /* I18n Overrides */
  --lds-typography-font-family-ar: 'Noto Sans Arabic', 'Noto Sans', 'Noto Sans Hebrew', Helvetica, Arial, sans-serif;
  --lds-typography-font-family-jp: 'Noto Sans JP', 'Noto Sans', 'Noto Sans Hebrew', Helvetica, Arial, sans-serif;
  --lds-typography-font-family-ko: 'Noto Sans KR', 'Noto Sans', 'Noto Sans Hebrew', Helvetica, Arial, sans-serif;
  /* Monospaced */
  --lds-typography-font-family-mono: 'IBM Plex Mono', 'Noto Mono', 'Consolas', 'Courier New', Courier, monospace;

  /*** Default Font Size and Line Height ***/
  /* IMPORTANT: This is the font size set on <HTML> and defines how REM is computed for the product */
  /* These values, particularly the font size value MUST be set in pixels */
  --lds-typography-font-size: 16px;
  --lds-typography-line-height: 24px;

  /*** Default Text Color ***/
  --lds-typography-color: var(--lds-color-neutral-100);

  /*** Font Weights ***/
  /* The design requirements only allow for light, regular, semi-bold and bold, all others are overridden by the closest compatible */
  --lds-typography-font-weight-thin: 300; /* 100 */
  --lds-typography-font-weight-extra-light: 300; /* 200 */
  --lds-typography-font-weight-light: 300;
  --lds-typography-font-weight-regular: 400;
  --lds-typography-font-weight-medium: 600; /* 500 */
  --lds-typography-font-weight-semi-bold: 600;
  --lds-typography-font-weight-bold: 700;
  --lds-typography-font-weight-extra-bold: 700; /* 800 */
  --lds-typography-font-weight-black: 700; /* 900 */
}

:root,
::before,
::after {
  /* Default Copy Text Color */
  --lds-typography-copy-color: var(--lds-typography-color);

  /* *** GENERIC STYLES BY SIZE *** */

  /* ** [SM] Small - "Caption" ** */
  --lds-typography-small-color: var(--lds-typography-copy-color);
  /* Default ("mobile") Viewports (0-767px) */
  --lds-typography-small-font-size: 0.75rem;
  --lds-typography-small-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-small-line-height: 1.125rem;
  /* Large ("desktop") Viewports (768px or larger ) */
  --lds-typography-small-rwd-font-size: 0.75rem;
  --lds-typography-small-rwd-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-small-rwd-line-height: 1.125rem;

  /* ** [MD] Medium ** */
  --lds-typography-medium-color: var(--lds-typography-copy-color);
  /* Default ("mobile") Viewports (0-767px) */
  --lds-typography-medium-font-size: 0.875rem;
  --lds-typography-medium-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-medium-line-height: 1.375rem;
  /* Large ("desktop") Viewports (768px or larger ) */
  --lds-typography-medium-rwd-font-size: 0.875rem;
  --lds-typography-medium-rwd-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-medium-rwd-line-height: 1.375rem;

  /* ** [LG] Large - DEFAULT for non-heading copy ** */
  --lds-typography-large-color: var(--lds-typography-copy-color);
  /* Default ("mobile") Viewports (0-767px) */
  --lds-typography-large-font-size: 1rem;
  --lds-typography-large-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-large-line-height: 1.5rem;
  /* Large ("desktop") Viewports (768px or larger ) */
  --lds-typography-large-rwd-font-size: 1rem;
  --lds-typography-large-rwd-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-large-rwd-line-height: 1.5rem;

  /* ** [XL] Extra Large - "Action" ** */
  --lds-typography-action-color: var(--lds-typography-copy-color);
  /* Default ("mobile") Viewports (0-767px) */
  --lds-typography-action-font-size: 1.125rem;
  --lds-typography-action-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-action-line-height: 1.75rem;
  /* Large ("desktop") Viewports (768px or larger ) */
  --lds-typography-action-rwd-font-size: 1.125rem;
  --lds-typography-action-rwd-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-action-rwd-line-height: 1.75rem;

  /* *** HTML ENTITIES *** */

  /* ** <p> paragraph blocks ** */
  --lds-typography-p-color: var(--lds-typography-large-color);
  /* Default ("mobile") Viewports (0-767px) */
  --lds-typography-p-font-size: var(--lds-typography-large-font-size);
  --lds-typography-p-font-weight: var(--lds-typography-large-font-weight);
  --lds-typography-p-line-height: var(--lds-typography-large-line-height);
  --lds-typography-p-margin-bottom: 1rem;
   /* Large ("desktop") Viewports (768px or larger ) */
  --lds-typography-p-rwd-font-size: var(--lds-typography-large-rwd-font-size);
  --lds-typography-p-rwd-font-weight: var(--lds-typography-large-rwd-font-weight);
  --lds-typography-p-rwd-line-height: var(--lds-typography-large-rwd-line-height);
  --lds-typography-p-rwd-margin-bottom: 1rem;

  /* ** Content Block margins for <ol> ordered and <ul> unordered <li> list items ** */
  --lds-typography-list-margin-bottom: 1rem;
  --lds-typography-list-margin-indent: 1.5rem;
  --lds-typography-list-item-margin: 0;
  --lds-typography-list-rwd-margin-bottom: 1rem;
  --lds-typography-list-rwd-margin-indent: 1.5rem;
  --lds-typography-list-item-rwd-margin: 0;

  /* ** <sup> inline superscripts ** */
  --lds-typography-sup-font-size: 80%;
  --lds-typography-sup-line-height: 80%;

  /* ** <sub> inline subscripts ** */
  --lds-typography-sub-font-size: 80%;
  --lds-typography-sub-line-height: 80%;

  /* ** <u> inline unarticulated annotation ** */
  /* NOTE: The inline annotation element is NOT semantically correct for adding visual underlines */
  --lds-typography-ua-text-decoration: var(--lds-color-danger) wavy underline;

  /* ** <code> inline source code ** */
  --lds-typography-code-background-color: var(--lds-color-stone-020);
  --lds-typography-code-padding: 0 var(--lds-spacing-025);
  --lds-typography-code-text-decoration: none;

  /* ** <mark> inline text highlight marking ** */
  --lds-typography-mark-background-color: var(--lds-color-warning-020);
  --lds-typography-mark-padding: 0 var(--lds-spacing-025);
  --lds-typography-mark-text-decoration: none;

  /* ** <del> inline text deletion marking ** */
  --lds-typography-del-background-color: var(--lds-color-danger-020);
  --lds-typography-del-padding: 0 var(--lds-spacing-025);
  --lds-typography-del-text-decoration: line-through;

  /* ** <ins> inline text insertion marking ** */
  --lds-typography-ins-background-color: var(--lds-color-success-020);
  --lds-typography-ins-padding: 0 var(--lds-spacing-025);
  --lds-typography-ins-text-decoration: none;
}

:root,
::before,
::after {
  /* Default Heading Text Color */
  --lds-typography-headings-color: var(--lds-typography-color);

  /* ** Display Heading (Very Large Heading Override) ** */
  --lds-typography-display-color: var(--lds-typography-headings-color);
  /* Default ("mobile") Viewports (0-767px) */
  --lds-typography-display-font-size: 3rem;
  --lds-typography-display-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-display-line-height: 4rem;
  /* Large ("desktop") Viewports (768px or larger ) */
  --lds-typography-display-rwd-font-size: 3.5rem;
  --lds-typography-display-rwd-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-display-rwd-line-height: 4.25rem;

  /* ** Heading 01 ** */
  --lds-typography-h1-color: var(--lds-typography-headings-color);
  /* Default ("mobile") Viewports (0-767px) */
  --lds-typography-h1-font-size: 2rem;
  --lds-typography-h1-font-weight: var(--lds-typography-font-weight-light);
  --lds-typography-h1-line-height: 2.75rem;
  --lds-typography-h1-margin-bottom: 1.5rem;
  /* Large ("desktop") Viewports (768px or larger ) */
  --lds-typography-h1-rwd-font-size: 2.5rem;
  --lds-typography-h1-rwd-font-weight: var(--lds-typography-font-weight-light);
  --lds-typography-h1-rwd-line-height: 3.25rem;
  --lds-typography-h1-rwd-margin-bottom: 1.5rem;

  /* ** Heading 02 ** */
  --lds-typography-h2-color: var(--lds-typography-headings-color);
  /* Default ("mobile") Viewports (0-767px) */
  --lds-typography-h2-font-size: 1.75rem;
  --lds-typography-h2-font-weight: var(--lds-typography-font-weight-light);
  --lds-typography-h2-line-height: 2.5rem;
  --lds-typography-h2-margin-bottom: 1.5rem;
  /* Large ("desktop") Viewports (768px or larger ) */
  --lds-typography-h2-rwd-font-size: 2rem;
  --lds-typography-h2-rwd-font-weight: var(--lds-typography-font-weight-light);
  --lds-typography-h2-rwd-line-height: 2.75rem;
  --lds-typography-h2-rwd-margin-bottom: 1.5rem;

  /* ** Heading 03 ** */
  --lds-typography-h3-color: var(--lds-typography-headings-color);
  /* Default ("mobile") Viewports (0-767px) */
  --lds-typography-h3-font-size: 1.5rem;
  --lds-typography-h3-font-weight: var(--lds-typography-font-weight-light);
  --lds-typography-h3-line-height: 2.25rem;
  --lds-typography-h3-margin-bottom: 1rem;
  /* Large ("desktop") Viewports (768px or larger ) */
  --lds-typography-h3-rwd-font-size: 1.75rem;
  --lds-typography-h3-rwd-font-weight: var(--lds-typography-font-weight-light);
  --lds-typography-h3-rwd-line-height: 2.5rem;
  --lds-typography-h3-rwd-margin-bottom: 1.5rem;

  /* Heading 04 */
  --lds-typography-h4-color: var(--lds-typography-headings-color);
  /* Default ("mobile") Viewports (0-767px) */
  --lds-typography-h4-font-size: 1.25rem;
  --lds-typography-h4-font-weight: var(--lds-typography-font-weight-light);
  --lds-typography-h4-line-height: 2rem;
  --lds-typography-h4-margin-bottom: 1rem;
  /* Large ("desktop") Viewports (768px or larger ) */
  --lds-typography-h4-rwd-font-size: 1.5rem;
  --lds-typography-h4-rwd-font-weight: var(--lds-typography-font-weight-light);
  --lds-typography-h4-rwd-line-height: 2.25rem;
  --lds-typography-h4-rwd-margin-bottom: 1rem;

  /* ** Heading 05 ** */
  --lds-typography-h5-color: var(--lds-typography-headings-color);
  /* Default ("mobile") Viewports (0-767px) */
  --lds-typography-h5-font-size: 1.125rem;
  --lds-typography-h5-font-weight: var(--lds-typography-font-weight-light);
  --lds-typography-h5-line-height: 1.875rem;
  --lds-typography-h5-margin-bottom: 0;
  /* Large ("desktop") Viewports (768px or larger ) */
  --lds-typography-h5-rwd-font-size: 1.25rem;
  --lds-typography-h5-rwd-font-weight: var(--lds-typography-font-weight-light);
  --lds-typography-h5-rwd-line-height: 2rem;
  --lds-typography-h5-rwd-margin-bottom: 0;

  /* ** Heading 06 ** */
  --lds-typography-h6-color: var(--lds-typography-headings-color);
  /* Default ("mobile") Viewports (0-767px) */
  --lds-typography-h6-font-size: 1rem;
  --lds-typography-h6-font-weight: var(--lds-typography-font-weight-light);
  --lds-typography-h6-line-height: 1.625rem;
  --lds-typography-h6-margin-bottom: 1rem;
  /* Large ("desktop") Viewports (768px or larger ) */
  --lds-typography-h6-rwd-font-size: 1.125rem;
  --lds-typography-h6-rwd-font-weight: var(--lds-typography-font-weight-light);
  --lds-typography-h6-rwd-line-height: 1.75rem;
  --lds-typography-h6-rwd-margin-bottom: 1rem;
}

:root {
  --lds-shadow-focus: 0 0 0 2px;
  --lds-shadow-focus-3px: 0 0 0 3px;
  --lds-shadow-focus-inset: inset 0 0 0 2px;

  --lds-shadow-focus-light: 0 0 0 2px;
  --lds-shadow-focus-3px-light: 0 0 0 3px;
  --lds-shadow-focus-inset-light: inset 0 0 0 2px;

  /* TODO: This needs further refinement */
  --lds-shadow-level-1: 0 2px 4px 0 rgba(52, 63, 65, 0.2);
  --lds-shadow-level-3: 0 4px 8px 0 rgba(52, 63, 65, 0.04), 0 8px 12px 0 rgba(52, 63, 65, 0.12);
  --lds-shadow-level-4: 0 4px 12px 0 rgba(52, 63, 65, 0.08), 0 18px 28px 0 rgba(52, 63, 65, 0.12);
}

:root {
  /* Validation error */
  --lds-typography-validation-message-font-size: var(--lds-typography-medium-font-size);
  --lds-typography-validation-message-font-weight: var(--lds-typography-medium-font-weight);
  --lds-typography-validation-message-line-height: var(--lds-typography-medium-line-height);
  --lds-color-validation-error: var(--lds-color-danger);
  --lds-color-validation-warning: var(--lds-color-warning);
  --lds-color-validation-success: var(--lds-color-success);
  --lds-spacing-validation-message-icon-wrapper-margin-right: .5rem; /* 8px */

  /* Form hints */
  --lds-typography-form-hint-font-size: var(--lds-typography-medium-font-size);
  --lds-typography-form-hint-font-style: italic;
  --lds-typography-form-hint-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-form-hint-line-height: var(--lds-typography-small-line-height);
  --lds-color-form-hint: var(--lds-color-neutral-060);
  --lds-spacing-form-hint-margin-bottom: var(--lds-spacing-050);

  /* Form character count (maxlength) */
  --lds-animation-form-charcount-transition: background var(--lds-animation-duration-short) var(--lds-animation-timing-func-standard);
  --lds-typography-form-charcount-font-size: 0.75rem;
  --lds-typography-form-charcount-line-height: 1.125rem;
  --lds-color-form-charcounter-text: var(--lds-color-neutral-060);
  --lds-spacing-form-charcount-margin-left: auto;
  --lds-spacing-form-charcount-padding-left: var(--lds-spacing-025);
  --lds-spacing-form-section-start-gap: var(--lds-spacing-050);

  /* Fieldset - legend */
  --lds-typography-fieldset-legend-font-size: var(--lds-typography-medium-font-size);
  --lds-typography-fieldset-legend-font-weight: var(--lds-typography-font-weight-medium);
  --lds-spacing-fieldset-legend-margin-bottom: var(--lds-spacing-100);
  --lds-typography-fieldset-legend-line-height: 1.25rem;

  /* Labels */
  --lds-color-form-label: var(--lds-color-neutral-100);
  --lds-color-form-label-disabled: var(--lds-color-neutral-050);
  --lds-typography-form-label-font-size: var(--lds-typography-h6-font-size);
  --lds-typography-form-label-font-weight: var(--lds-typography-font-weight-medium);
  --lds-typography-form-label-line-height: var(--lds-typography-h6-line-height);

  /* input focus - label */
  --lds-typography-form-label-font-weight-focus: var(--lds-typography-font-weight-bold);
}

:root {
  --lds-animation-timing-func-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --lds-animation-timing-func-bounce: cubic-bezier(0.4, 0, 0.2, 1.1);
  --lds-animation-timing-func-linear: cubic-bezier(0, 0, 1, 1);
  --lds-animation-duration-short: 200ms;
  --lds-animation-duration-medium: 400ms;
  --lds-animation-duration-long: 600ms;
}

/* TODO: Need a global radius refactor this is mostly just a placeholder for now */

:root {
  --lds-radius-none: 0;
  --lds-radius-xsmall: .125rem; /* 2px */
  --lds-radius-small: .25rem; /* 4px */
  --lds-radius-medium: .75rem; /* 12px */
  --lds-radius-large: 1.5rem; /* 24px */
  --lds-radius-pill: 3rem; /* 50px */

  /* This is the "Theme Radius" and should be referenced as the default radius for components */
  /* Components can have their own radius override classes for per-component customization */
  --lds-radius-default: var(--lds-radius-medium);
}

:root,
::before,
::after {
  /* The "LDS 2.0" theme uses responsive gutter widths for "mobile", "tablet" and "desktop". */
  --lds-spacing-grid-gutters-xs: 1rem;
  --lds-spacing-grid-gutters-sm: 1rem;
  --lds-spacing-grid-gutters-md: 1.5rem;
  --lds-spacing-grid-gutters-lg: 1.5rem;
  --lds-spacing-grid-gutters-xl: 2rem;
  --lds-spacing-grid-gutters-xxl: 2rem;

  /* Default gutter spacing is the smallest "mobile first" value */
  /* Responsive overrides are in media queries below */
  --bs-gutter-x: var(--lds-spacing-grid-gutters-xs);

  /* Default Bootstrap Color Vars -- overridden with LDS vars */
  --bs-blue: var(--lds-color-blue-060);         /* BS: #0d6efd; */
  --bs-indigo: var(--lds-color-indigo-060);     /* BS: #6610f2; */
  --bs-purple: var(--lds-color-purple-060);     /* BS: #6f42c1; */
  --bs-pink: var(--lds-color-pink-060);         /* BS: #d63384; */
  --bs-red: var(--lds-color-red-060);           /* BS: #dc3545; */
  --bs-orange: var(--lds-color-orange-060);     /* BS: #fd7e14; */
  --bs-yellow: var(--lds-color-gold-060);     /* BS: #ffc107; */
  --bs-green: var(--lds-color-green-060);       /* BS: #198754; */
  --bs-teal: var(--lds-color-teal-060);         /* BS: #20c997; */
  --bs-cyan: var(--lds-color-azure-060);        /* BS: #0dcaf0; */
  --bs-white: var(--lds-color-white);           /* BS: #ffffff; */
  --bs-gray: var(--lds-color-neutral-060);      /* BS: #6c757d; */
  --bs-gray-dark: var(--lds-color-neutral-080); /* BS: #343a40; */
  --bs-gray-100: var(--lds-color-neutral-010);  /* BS: #f8f9fa; */
  --bs-gray-200: var(--lds-color-neutral-020);  /* BS: #e9ecef; */
  --bs-gray-300: var(--lds-color-neutral-030);  /* BS: #dee2e6; */
  --bs-gray-400: var(--lds-color-neutral-040);  /* BS: #ced4da; */
  --bs-gray-500: var(--lds-color-neutral-050);  /* BS: #adb5bd; */
  --bs-gray-600: var(--lds-color-neutral-060);  /* BS: #6c757d; */
  --bs-gray-700: var(--lds-color-neutral-070);  /* BS: #495057; */
  --bs-gray-800: var(--lds-color-neutral-080);  /* BS: #343a40; */
  --bs-gray-900: var(--lds-color-neutral-090);  /* BS: #212529; */
  --bs-primary: var(--lds-color-primary);       /* BS: #0d6efd; */
  --bs-secondary: var(--lds-color-action);      /* BS: #6c757d; */
  --bs-success: var(--lds-color-success);       /* BS: #198754; */
  --bs-info: var(--lds-color-action);           /* BS: #0dcaf0; */
  --bs-warning: var(--lds-color-warning);       /* BS: #ffc107; */
  --bs-danger: var(--lds-color-danger);         /* BS: #dc3545; */
  --bs-light: var(--bs-gray-100);               /* BS: #f8f9fa; */
  --bs-dark: var(--bs-gray-900);                /* BS: #212529; */
  --bs-primary-rgb: 225, 37, 25;
  --bs-secondary-rgb: 0, 109, 202;
  --bs-success-rgb: 3, 124, 83;
  --bs-info-rgb: 0, 109, 202;
  --bs-warning-rgb: 169, 87, 0;
  --bs-danger-rgb: 209, 25, 99;
  --bs-light-rgb: 241, 241, 241;
  --bs-dark-rgb: 40, 40, 40;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));

  /* Default Bootstrap Typography Vars -- Overridden with LDS Vars */
  --bs-font-sans-serif: var(--lds-typography-font-family);
  --bs-font-monospace: var(--lds-typography-font-family-mono);
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: var(--lds-typography-font-size);
  --bs-body-font-weight: var(--lds-typography-font-weight-regular);
  --bs-body-line-height: var(--lds-typography-line-height);
  --bs-body-color: var(--lds-typography-color);    /* BS: #212529; */
  --bs-body-bg: var(--lds-color-body-background); /* BS: #ffffff; */
  --bs-body-color-rgb: 17, 17, 17;
  --bs-body-bg-rgb: 255, 255, 255;
}

@media (min-width: 576px) {
  :root,
  ::before,
  ::after {
    --bs-gutter-x: var(--lds-spacing-grid-gutters-sm);
  }
}

@media (min-width: 768px) {
  :root,
  ::before,
  ::after {
    --bs-gutter-x: var(--lds-spacing-grid-gutters-md);
  }
}

@media (min-width: 992px) {
  :root,
  ::before,
  ::after {
    --bs-gutter-x: var(--lds-spacing-grid-gutters-lg);
  }
}

@media (min-width: 1200px) {
  :root,
  ::before,
  ::after {
    --bs-gutter-x: var(--lds-spacing-grid-gutters-xl);
  }
}

@media (min-width: 1400px) {
  :root,
  ::before,
  ::after {
    --bs-gutter-x: var(--lds-spacing-grid-gutters-xxl);
  }
}

/* Add component variable stylesheet names in alphabetical order */

:root {
  /** Radius **/
  --lds-radius-accordion-none: var(--lds-radius-none);
  --lds-radius-accordion-xsmall: var(--lds-radius-xsmall);
  --lds-radius-accordion-small: var(--lds-radius-small);
  --lds-radius-accordion-medium: var(--lds-radius-medium);
  --lds-radius-accordion-large: var(--lds-radius-large);

  /* Global Themable Default */
  --lds-radius-accordion: var(--lds-radius-default);

  /** Component Parts */

  /* Header */
  --lds-typography-accordion-header-font-size: var(--lds-typography-h5-font-size);
  --lds-typography-accordion-header-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-accordion-header-line-height: var(--lds-typography-h6-rwd-line-height);
  --lds-typography-accordion-header-mobile-font-size: var(--lds-typography-h6-font-size);
  --lds-typography-accordion-header-mobile-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-accordion-header-mobile-line-height: var(--lds-typography-h6-line-height);

  --lds-color-accordion-heading-border: var(--lds-color-neutral-030);
  --lds-border-accordion-header-style: solid;

  --lds-border-accordion-header-width-top: var(--lds-border-accordion-header-width);
  --lds-border-accordion-header-width-right: 0;
  --lds-border-accordion-header-width-bottom: var(--lds-border-accordion-header-width);
  --lds-border-accordion-header-width-left: 0;

  --lds-border-accordion-header-width: var(--lds-spacing-006);

  /* Expanded  Header */
  --lds-border-accordion-expanded-header-width-bottom: var(--lds-spacing-013);
  --lds-color-accordion-expanded-heading-border: var(--lds-color-primary);
  --lds-color-accordion-expanded-heading-foreground: var(--lds-typography-color);
  --lds-typography-accordion-expanded-font-weight: var(--lds-typography-font-weight-bold);

  /* Toggle Btn */
  --lds-spacing-accordion-toggle-padding-top: var(--lds-spacing-150);
  --lds-spacing-accordion-toggle-padding-right: var(--lds-spacing-100);
  --lds-spacing-accordion-toggle-padding-bottom: var(--lds-spacing-150);
  --lds-spacing-accordion-toggle-padding-left: var(--lds-spacing-100);
  --lds-spacing-accordion-toggle-gap: var(--lds-spacing-250);

  --lds-color-accordion-toggle-icon: var(--lds-color-primary);
  --lds-color-accordion-toggle-background: var(--lds-color-white);
  --lds-color-accordion-toggle-expanded-background: var(--lds-color-primary-020);
  --lds-color-accordion-toggle-background-hover: var( --lds-color-primary-010);

  --lds-color-accordion-toggle-focus-outline: var(--lds-color-focus-outline-inset);
  --lds-border-accordion-toggle-focus-outline-offset: var(--lds-border-focus-outline-inset-offset);
  --lds-border-accordion-toggle-focus-outline-style: var(--lds-border-focus-outline-inset-style);
  --lds-border-accordion-toggle-focus-outline-width: var(--lds-border-focus-outline-inset-width);

  --lds-color-accordion-focus-shadow: var(--lds-color-neutral-070);
  --lds-shadow-accordion-focus: inset 0 0 0 3px;

  /* Body */
  --lds-color-accordion-body-background: var(--lds-color-white);
  --lds-color-accordion-body-border: var(--lds-color-neutral-030);
  --lds-border-accordion-body-style: solid;
  --lds-border-accordion-body-width: var(--lds-spacing-006);

  /* Panel */
  --lds-spacing-accordion-panel-padding-top: var(--lds-spacing-200);
  --lds-spacing-accordion-panel-padding-right: var(--lds-spacing-200);
  --lds-spacing-accordion-panel-padding-bottom: var(--lds-spacing-200);
  --lds-spacing-accordion-panel-padding-left: var(--lds-spacing-200);
}

@media (min-width: 768px) {
  :root {
    --lds-spacing-accordion-toggle-padding-right: var(--lds-spacing-150);
    --lds-spacing-accordion-toggle-padding-left: var(--lds-spacing-150);

    --lds-spacing-accordion-panel-padding-top: var(--lds-spacing-300);
    --lds-spacing-accordion-panel-padding-right: var(--lds-spacing-300);
    --lds-spacing-accordion-panel-padding-bottom: var(--lds-spacing-300);
    --lds-spacing-accordion-panel-padding-left: var(--lds-spacing-300);
  }
}

:root {
  /**
   * Borders
   */
  --lds-border-alert-width: var(--lds-spacing-013) 0 0 0;
  --lds-border-alert-focus-outline: var(--lds-spacing-013) solid rgba(0,0,0,0);

  /**
   * Colors
   */
  --lds-color-alert: var(--lds-typography-color);
  --lds-color-alert-info: var(--lds-color-info-fg);
  --lds-color-alert-success: var(--lds-color-success-fg);
  --lds-color-alert-warning: var(--lds-color-warning-fg);
  --lds-color-alert-error: var(--lds-color-danger-fg);

  --lds-color-alert-info-background: var(--lds-color-info-bg);
  --lds-color-alert-success-background: var(--lds-color-success-bg);
  --lds-color-alert-warning-background: var(--lds-color-warning-bg);
  --lds-color-alert-error-background: var(--lds-color-danger-bg);

  --lds-color-alert-background-active: rgba(0,0,0,.2);
  --lds-color-alert-background-hover: rgba(0,0,0,.1);

  /**
   * Radius
   */
  --lds-radius-alert: 0 0 var(--lds-spacing-025) var(--lds-spacing-025);

  /**
   * Shadows
   */
  --lds-shadow-alert: 0 3px 8px rgba(33, 33, 33, .2);
  --lds-shadow-alert-focus: 0 0 0 2px rgba(33, 33, 33, .6);
  --lds-shadow-alert-dark-focus: 0 0 0 2px hsla(0deg,0%,100%,.8);

  /**
   * Spacing
   */
  --lds-spacing-alert-padding: var(--lds-spacing-100) var(--lds-spacing-300);
  --lds-spacing-alert-content-gap: var(--lds-spacing-050);
  --lds-spacing-alert-icon-size: var(--lds-spacing-150);
  --lds-spacing-alert-btn-padding: var(--lds-spacing-013);

  /**
   * Typography
   */
  --lds-typography-alert-font-weight: var(--lds-typography-font-weight-regular);
}

:root {
  --lds-color-back-to-top-background: var(--lds-color-primary);
  --lds-color-back-to-top-background-hover: var(--lds-color-primary-hover);
  --lds-color-back-to-top-background-active: var(--lds-color-primary-active);
  --lds-color-back-to-top-text:  var(--lds-color-white);
  --lds-color-back-to-top-icon:  var(--lds-color-white);

  --lds-typography-back-to-top-font-size: var(--lds-spacing-088);
  --lds-typography-back-to-top-line-height: 1.25rem;

  --lds-spacing-back-to-top-btn-height: var(--lds-spacing-300);
  --lds-spacing-back-to-top-btn-width: var(--lds-spacing-300);
  --lds-spacing-back-to-top-btn-right: 1rem;
  --lds-spacing-back-to-top-btn-bottom: 1rem;

  --lds-spacing-back-to-top-icon-height: var(--lds-spacing-150);
  --lds-spacing-back-to-top-icon-width: var(--lds-spacing-150);
  --lds-spacing-back-to-top-icon-margin-vertical: var(--lds-spacing-075);

  --lds-position-back-to-top-btn: fixed;

  --lds-margin-right-back-to-top-btn-text-expanded: var(--lds-spacing-100);
  --lds-margin-right-back-to-top-btn-icon: var(--lds-spacing-050);
  --lds-margin-left-back-to-top-btn-icon: var(--lds-spacing-075);

  --lds-radius-back-to-top-btn-small: var(--lds-radius-small);
  --lds-radius-back-to-top-btn-medium: var(--lds-radius-medium);
  --lds-radius-back-to-top-btn-pill:  var(--lds-radius-pill);

  --lds-radius-back-to-top-btn: var(--lds-radius-back-to-top-btn-pill);

  --lds-shadow-back-to-top: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
}

:root {
  --lds-border-badge-style: solid;
  --lds-border-badge-width: 0px;

  --lds-color-badge-foreground: var(--lds-color-white);
  --lds-color-badge-background: var(--lds-color-action);
  --lds-color-badge-border: var(--lds-color-action);

  --lds-spacing-badge-padding-top: var(--lds-spacing-025);
  --lds-spacing-badge-padding-right: var(--lds-spacing-075);
  --lds-spacing-badge-padding-bottom: var(--lds-spacing-025);
  --lds-spacing-badge-padding-left: var(--lds-spacing-075);

  --lds-radius-badge: .25rem;

  --lds-typography-badge-font-size: .875rem;
  --lds-typography-badge-font-weight: var(--lds-typography-font-weight-medium);
  --lds-typography-badge-line-height: var(--lds-spacing-100);
}

:root {
  --lds-color-blockquote-background: var(--lds-color-white);

  /* MARK: Padding
  */
  --lds-spacing-blockquote-padding-top: 1.5rem;
  --lds-spacing-blockquote-padding-bottom: 1.5rem;
  --lds-spacing-blockquote-padding-left: 1.5rem;
  --lds-spacing-blockquote-padding-right: 1.5rem;

  /* MARK: Borders
  */
  --lds-border-blockquote-color: transparent;
  --lds-border-blockquote-style: solid;
  --lds-border-blockquote-top-width: 0;
  --lds-border-blockquote-bottom-width: 0;
  --lds-border-blockquote-left-width: 0;
  --lds-border-blockquote-right-width: 0;

  /* MARK: Typography - Quote
    default is "large dimension - standard style"
  */
  --lds-typography-blockquote-font-style: italic;
  --lds-typography-blockquote-font-size: var(--lds-typography-h2-font-size);
  --lds-typography-blockquote-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-blockquote-line-height: var(--lds-typography-h2-line-height);

  /* MARK: Typography - Author
    defaults to "large dimension" format
  */
  --lds-typography-blockquote-author-font-weight: var(--lds-typography-font-weight-bold);
  --lds-typography-blockquote-author-font-size: var(--lds-typography-h5-font-size);
  --lds-typography-blockquote-author-line-height: var(--lds-typography-h5-rwd-line-height);

  /* MARK: Typography - supplemental text
    defaults to "large dimension" format
  */
  --lds-typography-blockquote-supplement-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-blockquote-supplement-font-size: var(--lds-typography-h5-font-size);
  --lds-typography-blockquote-supplement-line-height: var(--lds-typography-h5-rwd-line-height);

  /* Max width of the content wrapper above 992px. Defaults to large dimension */
  --lds-spacing-blockquote-max-width: 1248px;

  /* Image sizing */
  --lds-spacing-blockquote-image-size: 132px;
  --lds-spacing-blockquote-image-gap: 16px; /* Gap between image and content */

  /* MARK: Spacing
  */
  --lds-spacing-blockquote-content-margin-bottom: 1.5rem;

  --lds-spacing-blockquote-icon-margin-top: 1.5rem;
  --lds-spacing-blockquote-icon-margin-bottom: 1rem;
}

@media (min-width: 992px) {
  :root {
    --lds-spacing-blockquote-padding-top: 1.5rem;
    --lds-spacing-blockquote-padding-bottom: 1.5rem;
    --lds-spacing-blockquote-padding-left: 2rem;
    --lds-spacing-blockquote-padding-right: 2rem;

    --lds-spacing-blockquote-icon-margin-bottom: 1.5rem;

    --lds-spacing-blockquote-image-gap: 24px; /* Gap between image and content */
  }
}

:root {
  /* Drawer top border */
  --lds-color-drawer-bg: var(--lds-color-white);
  --lds-color-drawer-border: var(--lds-color-primary);
  --lds-spacing-drawer-border-width: 4px;

  /* Headings */
  --lds-color-drawer-heading: var(--lds-color-primary);
  --lds-typography-drawer-heading-font-weight: var(--lds-typography-font-weight-bold);
  --lds-typography-drawer-heading-font-size: 1.125rem;

  /* Toggles */
  --lds-color-drawer-toggle: var(--lds-color-primary);
  --lds-color-drawer-toggle-hover: var(--lds-color-primary-fg-hover);
  --lds-color-drawer-toggle-focus: var(--lds-color-primary);
  --lds-shadow-drawer-toggle: 0 0 8px;
  --lds-typography-drawer-toggle-font-size: 1.5rem;
  --lds-radius-drawer-toggle: 50%;

  --lds-spacing-drawer-banner-height-collapsed: 4rem;

  /* Banner height expanded */
  --lds-spacing-drawer-banner-height-expanded: 4rem;

  --lds-animation-drawer-expand-transition-length: var(--lds-animation-duration-long);

  /* Banner */
  --lds-typography-drawer-banner-font-size: 1rem;
  --lds-typography-drawer-banner-line-height: 1.5;
  --lds-shadow-drawer-banner-expanded: 0 3px 8px;
  --lds-color-banner-focus-shadow: rgba(33, 33, 33, 0.6);
  --lds-color-banner-expand-shadow: rgba(33, 33, 33, 0.2);
  --lds-spacing-drawer-banner-pt: 0.35rem;

  /* Main */
  --lds-spacing-drawer-main-margin: 0 1rem;
  --lds-spacing-drawer-main-content-padding: 0.75rem 0 3rem;
  --lds-spacing-drawer-main-content-padding-b-attached: 3rem;
  --lds-spacing-drawer-main-column-padding-right: 1rem;
}

:root {
  --lds-border-breadcrumb-outline-focus: 3px solid var(--lds-color-neutral-070);
  --lds-border-breadcrumb-item-bottom: 1px solid var(--lds-color-neutral-020);
  --lds-border-breadcrumb-item-focus-outline-offset: -3px;

  --lds-color-breadcrumb: var(--lds-color-link-foreground);
  --lds-color-breadcrumb-hover: var(--lds-color-blue-090);
  --lds-color-breadcrumb-selected: var(--lds-color-neutral-080);
  --lds-color-breadcrumb-background-hover: var(--lds-color-neutral-010);
  --lds-color-breadcrumb-icon: var(--lds-color-neutral-050);
  --lds-color-breadcrumb-dd: var(--lds-color-neutral-100);
  --lds-color-breadcrumb-dd-background: var(--lds-color-white);

  --lds-radius-breadcrumb: var(--lds-spacing-075);

  --lds-shadow-breadcrumb-dd: 0px 4px 8px 0px rgba(52, 63, 65, 0.04), 0px 8px 12px 0px rgba(52, 63, 65, 0.12);

  --lds-spacing-breadcrumb-icon-size: var(--lds-spacing-075);
  --lds-spacing-breadcrumb-margin-x: var(--lds-spacing-025);
  --lds-spacing-breadcrumb-ellipsis: 0 var(--lds-spacing-050);
  --lds-spacing-breadcrumb-item-padding: var(--lds-spacing-050) var(--lds-spacing-100);

  --lds-typography-breadcrumb-font-size: var(--lds-typography-small-font-size);
  --lds-typography-breadcrumb-font-weight: var(--lds-typography-font-weight-semi-bold);
}

:root {
  /**
   * Animation
   */
  --lds-animation-button-transition: background-color var(--lds-animation-duration-short) var(--lds-animation-timing-func-linear), color var(--lds-animation-duration-short) var(--lds-animation-timing-func-linear);
  --lds-animation-button-cursor: pointer;
  --lds-animation-button-cursor-disabled: not-allowed;

  --lds-animation-button-ripple-duration: var(--lds-animation-duration-long);
  --lds-animation-button-ripple-timing-function: var(--lds-animation-timing-func-standard);

  /**
   * Borders and Outline
   */
  --lds-border-button-width: .125rem; /* 2px */
  --lds-border-button-width-disabled: var(--lds-border-button-width);

  --lds-border-button-outline-offset-focus: .1875rem;
  --lds-border-button-outline-style-focus: solid;
  --lds-border-button-outline-width-focus: .1875rem;

  --lds-border-button-ripple: .125rem solid rgba(255, 255, 255, 0.6);
  --lds-border-button-ripple-darker: .125rem solid rgba(198, 198, 198, 0.6);

  /**
   * Colors
   */
  --lds-color-button-background: var(--lds-color-primary-fg);
  --lds-color-button-background-hover: var(--lds-color-primary-fg-hover);
  --lds-color-button-background-focus: var(--lds-color-primary-fg-focus);
  --lds-color-button-background-active: var(--lds-color-primary-fg-active);
  --lds-color-button-background-visited: var(--lds-color-primary-fg-visited);
  --lds-color-button-border: var(--lds-color-transparent);
  --lds-color-button-border-hover: var(--lds-color-transparent);
  --lds-color-button-border-focus: var(--lds-color-transparent);
  --lds-color-button-border-active: var(--lds-color-transparent);
  --lds-color-button-border-visited: var(--lds-color-transparent);
  --lds-color-button-foreground: var(--lds-color-neutral-000);
  --lds-color-button-foreground-hover: var(--lds-color-neutral-000);
  --lds-color-button-foreground-focus: var(--lds-color-neutral-000);
  --lds-color-button-foreground-active: var(--lds-color-neutral-000);
  --lds-color-button-foreground-visited: var(--lds-color-neutral-000);
  --lds-color-button-outline-focus: var(--lds-color-neutral-070);
  --lds-color-button-shadow: var(--lds-color-transparent);
  --lds-color-button-shadow-hover: var(--lds-color-transparent);
  --lds-color-button-shadow-focus: var(--lds-color-transparent);
  --lds-color-button-shadow-active: var(--lds-color-transparent);
  --lds-color-button-shadow-visited: var(--lds-color-transparent);

  --lds-color-button-background-disabled: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-hover: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-focus: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-active: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-visited: var(--lds-color-neutral-010);
  --lds-color-button-border-disabled: var(--lds-color-transparent);
  --lds-color-button-border-disabled-hover: var(--lds-color-transparent);
  --lds-color-button-border-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-border-disabled-active: var(--lds-color-transparent);
  --lds-color-button-foreground-disabled: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-active: var(--lds-color-neutral-060);
  --lds-color-button-outline-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-hover: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-active: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-visited: var(--lds-color-transparent);

  --lds-color-button-ripple-background: rgba(255, 255, 255, 0.3);
  --lds-color-button-ripple-background-darker: rgba(198, 198, 198, 0.3);

  /**
   * Radius
   */
  --lds-radius-button-small: .25rem;
  --lds-radius-button-medium: .75rem;
  --lds-radius-button-pill: 3.125rem;

  /**
   * Shadows
   */
  --lds-shadow-button: none;
  --lds-shadow-button-hover: none;
  --lds-shadow-button-focus: none;
  --lds-shadow-button-active: none;
  --lds-shadow-button-visited: none;

  --lds-shadow-button-disabled: none;
  --lds-shadow-button-disabled-hover: none;
  --lds-shadow-button-disabled-focus: none;
  --lds-shadow-button-disabled-active: none;
  --lds-shadow-button-disabled-visited: none;

  /**
   * Spacing
   */
  --lds-spacing-button-margin-top: 0;
  --lds-spacing-button-margin-right: 0;
  --lds-spacing-button-margin-bottom: 0;
  --lds-spacing-button-margin-left: 0;

  --lds-spacing-button-padding-top: var(--lds-spacing-075); /* 12px */
  --lds-spacing-button-padding-right: var(--lds-spacing-150); /* 24px */
  --lds-spacing-button-padding-bottom: var(--lds-spacing-075); /* 12px */
  --lds-spacing-button-padding-left: var(--lds-spacing-150); /* 24px */

  /* this is using 1.25 REM instead of EM because the font size of buttons is 18px but the icons should still be 20px as designed */
  --lds-spacing-button-subcomponent-icon-height: 1.25rem;
  --lds-spacing-button-subcomponent-icon-width: 1.25rem;
  --lds-spacing-button-subcomponent-icon-margin-between: var(--lds-spacing-050);

  /**
   * Typography
   */
  --lds-typography-button-font-size: 1.125rem;
  --lds-typography-button-font-weight: var(--lds-typography-font-weight-semi-bold);
  --lds-typography-button-line-height: 1.75rem;

  --lds-typography-button-text-decoration: none;
  --lds-typography-button-text-decoration-hover: none;
  --lds-typography-button-text-decoration-focus: none;
  --lds-typography-button-text-decoration-active: none;
  --lds-typography-button-text-decoration-visited: none;
}

:root {
  --lds-border-button-group-width: var(--lds-spacing-013);
  --lds-border-button-group-width-right: var( --lds-border-button-group-width);
  --lds-border-button-group-width-left: var( --lds-border-button-group-width);
  --lds-border-button-group-focus-outline-offset: var(--lds-border-button-group-width);
  --lds-border-button-group-dropdown-item-focus-outline-offset: -3px;

  --lds-color-button-group-border: var(--lds-color-lilly-red-070);
  --lds-color-button-group-border-light: var(--lds-color-neutral-030);
  --lds-color-button-group-focus-shadow: var(--lds-color-neutral-000);
  --lds-color-button-group-outline-focus: var(--lds-color-neutral-070);
  --lds-color-button-group-dropdown: var(--lds-color-body);
  --lds-color-button-group-dropdown-item-hover: var(--lds-color-primary-functional-hover);

  --lds-radius-button-group: var(--lds-radius-button-medium);

  --lds-shadow-button-group-focus: var(--lds-shadow-focus);

  --lds-spacing-button-group-toggle-padding: var(--lds-spacing-075);
  --lds-spacing-button-group-dropdown-margin: var(--lds-spacing-075) 0;
  --lds-spacing-button-group-margin-left: 0;
  --lds-spacing-button-group-height: 3.25rem;

  --lds-typography-button-group-dropdown-font-size: var(--lds-typography-large-font-size);
  --lds-typography-button-group-dropdown-font-weight: var(--lds-typography-large-font-weight);
  --lds-typography-button-group-dropdown-line-height: var(--lds-typography-large-line-height);
}

:root {
  --lds-color-card-background: var(--lds-color-white);
  --lds-color-card-text: var(--lds-color-font);
  --lds-shadow-card: 0 3px 8px rgba(33, 33, 33, .2);

  --lds-spacing-card-padding-sm: var(--lds-spacing-100);
  --lds-spacing-card-padding-md: var(--lds-spacing-200);
  --lds-spacing-card-padding-lg: var(--lds-spacing-300);
  --lds-spacing-card-padding-xl: var(--lds-spacing-350);
}

:root {
  /* Animation */

  /* Border */

  /* Color */
  --lds-color-chat-header-bg: var(--lds-color-stone-010);
  --lds-color-chat-intro-avatar: var(--lds-color-white);
  --lds-color-chat-intro-avatar-bg: var(--lds-color-primary);

  /* Radius */
  --lds-radius-chat-intro-avatar: 50%;

  /* Shadow */

  /* Spacing */
  --lds-spacing-chat-header-pd: 1rem 1.5rem;
  --lds-spacing-chat-footer-pd: 1.25rem;
  --lds-spacing-chat-messages-pd: 1.5rem 2.5rem;
  --lds-spacing-chat-intro-avatar-sz: 4.5rem;
  --lds-spacing-chat-intro-avatar-pd: 0.75rem;
  --lds-spacing-chat-intro-avatar-mg: 0.5rem auto;
  --lds-spacing-chat-message-mt: 2rem;
  --lds-spacing-chat-message-mb: 1rem;
  --lds-spacing-chat-message-bot-mr: 2.5rem;
  --lds-spacing-chat-utilities-top-top: 0;
  --lds-spacing-chat-utilities-bottom-bottom: 1rem;

  /* Typography */
  --lds-typography-chat-header-fw: 700;
  --lds-typography-chat-intro-ta: center;
}

:root {
  /* Animation */

  /* Border */

  /* Color */
  --lds-color-chat-divider: var(--lds-color-stone-060);
  --lds-color-chat-divider-is-new: var(--lds-color-azure-060);

  /* Radius */

  /* Shadow */

  /* Spacing */
  --lds-spacing-chat-divider-gap: 0.5rem;
  --lds-spacing-chat-divider-min-ht: 1.375rem;
  --lds-spacing-chat-divider-mg: 1rem 0;
  --lds-spacing-chat-divider-hr-ht: 1px;

  /* Typography */
  --lds-typography-chat-divider-fz: 0.875rem;
  --lds-typography-chat-divider-fw: 700;
  --lds-typography-chat-divider-lh: 1.5714285714;
}

:root {
  /* Animation */
  --lds-animation-chat-prompt-card-duration: var(--lds-animation-duration-short);
  --lds-animation-chat-prompt-card-timing-function: var(--lds-animation-timing-func-standard);
  --lds-animation-chat-prompt-card-property: border, background-color;

  /* Border */
  --lds-border-chat-prompt-card-width: 2px;
  --lds-border-chat-prompt-card: var(--lds-border-chat-prompt-card-width) solid var(--lds-color-stone-030);
  --lds-border-chat-prompt-card-color-hover-active-focus: var(--lds-color-red-070);
  --lds-border-chat-prompt-card-outline-focus: 3px solid var(--lds-color-neutral-070);
  --lds-border-chat-prompt-card-outline-offset-focus: 2px;

  /* Color */
  --lds-color-chat-prompt-card-bg: var(--lds-color-white);
  --lds-color-chat-prompt-card-bg-hover: var(--lds-color-red-005);
  --lds-color-chat-prompt-card-bg-active: var(--lds-color-red-020);
  --lds-color-chat-prompt-card-bg-animated: var(--lds-color-stone-030);
  --lds-color-chat-prompt-card-bg-animated-gradient: var(--lds-color-red-050);
  --lds-color-chat-prompt-card-bg-animated-gradient-hover-active-focus: var(--lds-color-red-050);

  /* Radius */
  --lds-radius-chat-prompt-card: 0.5rem;
  --lds-radius-chat-prompt-card-sm: 0.25rem;

  /* Shadow */

  /* Spacing */
  --lds-spacing-chat-prompt-card-gap: 0.5rem;
  --lds-spacing-chat-prompt-card-pd: 0.75rem 1rem;
  --lds-spacing-chat-prompt-card-mg: 0;
  --lds-spacing-chat-prompt-card-icon-sz: 1.25rem;

  /* Typography */
  --lds-typography-chat-prompt-card-fz: 0.875rem;
  --lds-typography-chat-prompt-card-lh: 1.5714285714;
}

:root {
  /* Animation */
  --lds-animation-chat-message-dot-timing-func: var(--lds-animation-timing-func-standard);
  --lds-animation-chat-message-dot-duration: 1.5s;
  --lds-animation-chat-message-dot-iteration-count: infinite;
  --lds-animation-chat-message-spinner-timing-func: var(--lds-animation-timing-func-standard);
  --lds-animation-chat-message-spinner-duration: 1.5s;
  --lds-animation-chat-message-spinner-iteration-count: infinite;

  /* Border */
  --lds-border-chat-message-quote-left: 4px solid var(--lds-color-stone-100);
  --lds-border-chat-message-form-editing: 2px solid var(--lds-color-neutral-030);
  --lds-border-chat-message-form-editing-color-hover: var(--lds-color-neutral-070);
  --lds-border-chat-message-form-editing-outline: 3px solid var(--lds-color-neutral-070);
  --lds-border-chat-message-form-editing-outline-offset: 3px;

  /* Color */
  --lds-color-chat-message-avatar: var(--lds-color-white);
  --lds-color-chat-message-avatar-bg: var(--lds-color-stone-100);
  --lds-color-chat-message-align-start-avatar-bg: var(--lds-color-stone-060);
  --lds-color-chat-message-text-bg: var(--lds-color-stone-020);
  --lds-color-chat-message-align-start-text-bg: var(--lds-color-stone-010);
  --lds-color-chat-message-quote: var(--lds-color-stone-060);
  --lds-color-chat-message-quote-bg: var(--lds-color-white);
  --lds-color-chat-message-utility: var(--lds-color-neutral-060);
  --lds-color-chat-message-textarea: var(--lds-color-neutral-060);
  --lds-color-chat-message-textarea-focus: var(--lds-color-neutral-100);
  --lds-color-chat-message-save-button: var(--lds-color-white);
  --lds-color-chat-message-save-button-bg: var(--lds-color-green-060);
  --lds-color-chat-message-dot-bg: var(--lds-color-stone-040);
  --lds-color-chat-message-spinner-track: var(--lds-color-stone-020);
  --lds-color-chat-message-spinner-indicator: var(--lds-color-stone-060);

  /* Radius */
  --lds-radius-chat-message-avatar: 50%;
  --lds-radius-chat-message-text: 1.5rem;
  --lds-radius-chat-message-text-sm: 0.25rem;
  --lds-radius-chat-message-quote: 0.25rem;
  --lds-radius-chat-message-form-editing: 1rem;

  /* Shadow */

  /* Spacing */
  --lds-spacing-chat-message-gap: 0.5rem;
  --lds-spacing-chat-message-ml: 1rem;
  --lds-spacing-chat-message-mr: 0;
  --lds-spacing-chat-message-align-start-ml: 0;
  --lds-spacing-chat-message-align-start-mr: 1rem;
  --lds-spacing-chat-message-mb: 0.25rem;
  --lds-spacing-chat-message-group-gap: 0.25rem;
  --lds-spacing-chat-message-form-gap: 0.5rem;
  --lds-spacing-chat-message-avatar-sz: 2rem;
  --lds-spacing-chat-message-avatar-pd: 0.375em;
  --lds-spacing-chat-message-text-mb: 1rem;
  --lds-spacing-chat-message-text-pd: 0.625rem 1rem;
  --lds-spacing-chat-message-list-pl: 2rem;
  --lds-spacing-chat-message-quote-pd: 0.5rem 1rem;
  --lds-spacing-chat-message-quote-mg: 0 0 0.5rem;
  --lds-spacing-chat-message-quote-last-mb: 0.375rem;
  --lds-spacing-chat-message-quote-first-mt: 0.375rem;
  --lds-spacing-chat-message-actions-pt: 0.375rem;
  --lds-spacing-chat-message-utility-gap: 0.5rem;
  --lds-spacing-chat-message-utility-avatar-mr: 40px;
  --lds-spacing-chat-message-utility-icon-sz: 1rem;
  --lds-spacing-chat-message-form-editing-gap: 1.5rem;
  --lds-spacing-chat-message-form-editing-pd: 1rem;
  --lds-spacing-chat-message-textarea-max-height: 320px;
  --lds-spacing-chat-message-buttons-gap: 0.75rem;
  --lds-spacing-chat-message-dot-sz: 0.5rem;

  /* Typography */
  --lds-typography-chat-message-fw: 400;
  --lds-typography-chat-message-lh: 1.5;
  --lds-typography-chat-message-h1-fz: 2rem;
  --lds-typography-chat-message-h2-fz: 1.75rem;
  --lds-typography-chat-message-h3-fz: 1.5rem;
  --lds-typography-chat-message-h4-fz: 1.25rem;
  --lds-typography-chat-message-h5-fz: 1rem;
  --lds-typography-chat-message-h6-fz: 0.875rem;
  --lds-typography-chat-message-avatar-fw: 700;
  --lds-typography-chat-message-avatar-lh: 1.25rem;
  --lds-typography-chat-message-quote-cite-fz: 0.875rem;
  --lds-typography-chat-message-quote-cite-lh: 1.5714285714;
  --lds-typography-chat-message-align-start-quote-cite-fw: 700;
  --lds-typography-chat-message-utility-fz: 0.75rem;
  --lds-typography-chat-message-utility-lh: 1.5;
  --lds-typography-chat-message-utility-fw: 600;
  --lds-typography-chat-message-textarea-fs: 1rem;
  --lds-typography-chat-message-textarea-lh: 1.5;
}

:root {
  /* Animation */

  /* Border */
  --lds-border-chat-message-bot-is-stopped: 1px solid var(--lds-color-red-040);
  --lds-border-chat-message-bot-blockquote-l: 4px solid var(--lds-color-primary);

  /* Color */
  --lds-color-chat-message-bot-avatar-bg: var(--lds-color-primary);
  --lds-color-chat-message-bot-bg: transparent;
  --lds-color-chat-message-bot-bg-has-bg: var(--lds-color-stone-005);
  --lds-color-chat-message-bot-is-stopped: var(--lds-color-red-070);
  --lds-color-chat-message-bot-bg-is-stopped: var(--lds-color-red-010);
  --lds-color-chat-message-bot-blockquote-bg: var(--lds-color-red-010);
  --lds-color-chat-message-bot-chip-is-stopped: var(--lds-color-red-070);
  --lds-color-chat-message-bot-chip-is-stopped-hover: var(--lds-color-red-100);
  --lds-color-chat-message-bot-chip-bg-is-stopped-hover: var(--lds-color-red-020);

  /* Radius */
  --lds-radius-chat-message-bot: 16px;

  /* Shadow */
  --lds-shadow-chat-message-bot-has-shadow: 0 2px 4px 0 rgba(52, 63, 65, 0.20);

  /* Spacing */
  --lds-spacing-chat-message-bot-gap: 0.75rem;
  --lds-spacing-chat-message-bot-mr: 1rem;
  --lds-spacing-chat-message-bot-pt: 0.25rem;
  --lds-spacing-chat-message-bot-pd-has-bg: 0.5rem 1rem;
  --lds-spacing-chat-message-bot-label-mb: 0.625rem;
  --lds-spacing-chat-message-bot-text-mb: 0.5rem;
  --lds-spacing-chat-message-bot-blockquote-mb: 1rem;
  --lds-spacing-chat-message-bot-blockquote-pd: 1.5rem 2rem 1.5rem 1.75rem;
  --lds-spacing-chat-message-bot-utilities-mb: 0.5rem;
  --lds-spacing-chat-message-bot-utilities-gap: 0.5rem;
  --lds-spacing-chat-message-bot-actions-gap: 0.25rem;
  --lds-spacing-chat-message-bot-actions-col-gap: 0.625rem;

  /* Typography */
  --lds-typography-chat-message-bot-label-fz: 1rem;
  --lds-typography-chat-message-bot-label-fw: 700;
  --lds-typography-chat-message-bot-label-lh: 1.5;
  --lds-typography-chat-message-bot-blockquote-fs: italic;
}

:root {
  /* Animation */
  --lds-animation-chat-history-toggle-icon-transition: transform var(--lds-animation-duration-medium) var(--lds-animation-timing-func-standard);
  --lds-animation-chat-history-toggle-icon-transform-open: rotate(180deg);
  --lds-animation-chat-history-dd-transition: grid-template-rows var(--lds-animation-duration-medium) var(--lds-animation-timing-func-standard), padding var(--lds-animation-duration-medium) var(--lds-animation-timing-func-standard);

  /* Border */
  --lds-border-chat-history-header-outline-focus: 0.1875rem solid var(--lds-color-neutral-070);
  --lds-border-chat-history-header-outline-offset-focus: 0.125rem;
  --lds-border-chat-history-item-outline-focus: 0.1875rem solid var(--lds-color-neutral-070);
  --lds-border-chat-history-item-outline-offset-focus: 0.125rem;
  --lds-border-chat-history-item-btn-outline-focus: none;
  --lds-border-chat-history-item-input: 0 none;
  --lds-border-chat-history-item-input-outline: 0 none;
  --lds-border-chat-history-item-actions-btn: 0.25rem;

  /* Color */
  --lds-color-chat-history: var(--lds-color-neutral-100);
  --lds-color-chat-history-bg: transparent;
  --lds-color-chat-history-header: inherit;
  --lds-color-chat-history-header-bg: transparent;
  --lds-color-chat-history-header-bg-hover: var(--lds-color-primary-010);
  --lds-color-chat-history-toggle-icon-bg: var(--lds-color-neutral-100);
  --lds-color-chat-history-item: inherit;
  --lds-color-chat-history-item-bg: transparent;
  --lds-color-chat-history-item-bg-hover: var(--lds-color-primary-010);
  --lds-color-chat-history-dd-btn-bg-open: var(--lds-color-primary-020);

  /* Radius */
  --lds-radius-chat-history-header: 0.25rem;
  --lds-radius-chat-history-item: 0.25rem;
  --lds-radius-chat-history-item-input: 0.25rem;
  --lds-radius-chat-history-dd-btn: 0.25rem;

  /* Shadow */

  /* Spacing */
  --lds-spacing-chat-history-gap: 1rem;
  --lds-spacing-chat-history-header-gap: 0.375rem;
  --lds-spacing-chat-history-header-pd: 0.5rem 1rem;
  --lds-spacing-chat-history-toggle-icon-sz: 1.25rem;
  --lds-spacing-chat-history-item-gap: 0.5rem;
  --lds-spacing-chat-history-item-pd: 0.375rem 0.5rem;
  --lds-spacing-chat-history-item-mg: 0.375rem 0;
  --lds-spacing-chat-history-item-btn-pd: 0.1875rem 0.1875rem 0.1875rem 0.5em;
  --lds-spacing-chat-history-item-input-pd: 0.1875rem 0.5rem;
  --lds-spacing-chat-history-item-actions-gap: 0.375rem;
  --lds-spacing-chat-history-item-actions-btn-pd: 0.25rem;
  --lds-spacing-chat-history-dd-btn-pd: 0.25rem;
  --lds-spacing-chat-history-dd-icon-sz: 1.25rem;
  --lds-spacing-chat-history-dd-minwidth: 125px;
  --lds-spacing-chat-history-dd-pd-open: 0.5rem 0;
  --lds-spacing-chat-history-dd-item-pd: 0.5rem 1rem;

  /* Typography */
  --lds-typography-chat-history-header-fz: 0.75rem;
  --lds-typography-chat-history-header-fw: 700;
  --lds-typography-chat-history-header-lh: 1.5;
  --lds-typography-chat-history-header-ta: start;
  --lds-typography-chat-history-item-fz: 0.875rem;
  --lds-typography-chat-history-item-lh: 1.5714285714;
  --lds-typography-chat-history-item-btn-ta: start;
  --lds-typography-chat-history-item-input-ta: start;
  --lds-typography-chat-history-item-btn-fz: 0.875rem;
  --lds-typography-chat-history-item-btn-lh: 1.5714285714;
  --lds-typography-chat-history-item-input-ff: inherit;
  --lds-typography-chat-history-dd-btn-lh: 1.25;
}

:root {
  /* MARK: Layout
  */
  /* animation */

  /* border */
  --lds-border-chat-modal-width: var(--lds-spacing-006);
  --lds-border-chat-modal: var(--lds-border-chat-modal-width) solid var(--lds-color-neutral-020);

  /* color */
  --lds-color-chat-modal-bg: var(--lds-color-primary-005);

  /* radius */
  --lds-radius-chat-modal: var(--lds-spacing-100);

  /* shadow */
  --lds-shadow-chat-modal: var(--lds-shadow-level-1);

  /* spacing */
  --lds-spacing-chat-modal-height: calc(100vh - 96px);
  --lds-spacing-chat-modal-height-md: 640px;
  --lds-spacing-chat-modal-maxheight-md: calc(100vh - 2rem);
  --lds-spacing-chat-modal-width: 100vw;
  --lds-spacing-chat-modal-width-md: 360px;
  --lds-spacing-chat-modal-top-md: var(--lds-spacing-100);
  --lds-spacing-chat-modal-right-md: var(--lds-spacing-100);
  --lds-spacing-chat-modal-bottom-md: auto;
  --lds-spacing-chat-modal-left-md: auto;

  /* typography */
  --lds-typography-chat-modal-font-size: var(--lds-typography-medium-font-size);
  --lds-typography-chat-modal-line-height: 1.5714285714;


  /* MARK: Common
  */
  /* animation */
  --lds-animation-chat-modal-overlay:
    opacity var(--lds-animation-duration-medium) var(--lds-animation-timing-func-standard),
    visibility var(--lds-animation-duration-medium);
  --lds-animation-chat-modal-overlay-open:
    opacity var(--lds-animation-duration-medium) var(--lds-animation-timing-func-standard),
    visibility 0s;
  --lds-animation-chat-modal-icon-button-transition-duration: var(--lds-animation-duration-medium);
  --lds-animation-chat-modal-icon-button-transition-timing-func: var(--lds-animation-timing-func-standard);
  --lds-animation-chat-modal-icon-button-transition-prop: background-color, box-shadow;
  --lds-animation-chat-modal-drawer-wrapper-transition: height var(--lds-animation-duration-medium) var(--lds-animation-duration-medium);
  --lds-animation-chat-modal-drawer-wrapper-transition-open: height 0s;
  --lds-animation-chat-modal-drawer:
    opacity var(--lds-animation-duration-medium) var(--lds-animation-timing-func-standard),
    transform var(--lds-animation-duration-medium) var(--lds-animation-timing-func-standard),
    visibility 0s var(--lds-animation-duration-medium);
  --lds-animation-chat-modal-drawer-open:
    opacity var(--lds-animation-duration-medium) var(--lds-animation-timing-func-standard),
    transform var(--lds-animation-duration-medium) var(--lds-animation-timing-func-standard),
    visibility 0s 0s;

  /* border */
  --lds-border-chat-modal-icon-button-outline-focus: 3px solid var(--lds-color-neutral-070);
  --lds-border-chat-modal-icon-button-outline-offset-focus: 3px;

  /* color */
  --lds-color-chat-modal-overlay-bg: rgba(33, 33, 33, 0.6);
  --lds-color-chat-modal-icon-button-bg: transparent;
  --lds-color-chat-modal-icon-button-bg-focus: var(--lds-color-neutral-010);
  --lds-color-chat-modal-icon-button-bg-hover: var(--lds-color-neutral-010);
  --lds-color-chat-modal-icon-button-bg-active: var(--lds-color-neutral-020);
  --lds-color-chat-modal-drawer-bg: var(--lds-color-neutral-000);

  /* radius */
  --lds-radius-chat-modal-icon-button: var(--lds-radius-small);
  --lds-radius-chat-modal-drawer: var(--lds-radius-chat-modal) var(--lds-radius-chat-modal) 0 0;

  /* shadow */
  --lds-shadow-chat-modal-icon-button: none;
  --lds-shadow-chat-modal-icon-button-focus: none;
  --lds-shadow-chat-modal-icon-button-hover: var(--lds-shadow-level-1);
  --lds-shadow-chat-modal-icon-button-active: var(--lds-shadow-level-1);

  /* spacing */
  --lds-spacing-chat-modal-icon-button-sz: var(--lds-spacing-200);
  --lds-spacing-chat-modal-drawer-pd: 0 0 var(--lds-spacing-150);
  --lds-spacing-chat-modal-drawer-header-gap: var(--lds-spacing-050);
  --lds-spacing-chat-modal-drawer-header-minheight: 56px;
  --lds-spacing-chat-modal-drawer-header-pd: 0 var(--lds-spacing-075) 0 var(--lds-spacing-100);
  --lds-spacing-chat-modal-drawer-header-text-pd: var(--lds-spacing-075) 0;

  /* typography */
  --lds-typography-chat-modal-drawer-header-text-h2-fz: var(--lds-typography-large-font-size);
  --lds-typography-chat-modal-drawer-header-text-h2-fw: var(--lds-typography-font-weight-bold);
  --lds-typography-chat-modal-drawer-header-text-h2-lh: 1.5;
  --lds-typography-chat-modal-drawer-header-text-h3-fz: var(--lds-typography-medium-font-size);
  --lds-typography-chat-modal-drawer-header-text-h3-fw: var(--lds-typography-font-weight-regular);
  --lds-typography-chat-modal-drawer-header-text-h3-fs: italic;
  --lds-typography-chat-modal-drawer-header-text-h3-lh: 1.5714285714;

  /* z-index */
  --lds-z-index-chat-modal-overlay: 1;
  --lds-z-index-chat-modal-drawer-wrapper: 1;
  --lds-z-index-chat-modal-drawer: 1;

  /* MARK: Header
  */
  /* animation */
  --lds-animation-chat-modal-actions-menu-transform: translateY(-100%);
  --lds-animation-chat-modal-action-menu-link-transition:
    background-color var(--lds-animation-duration-medium) var(--lds-animation-timing-func-standard);

  /* border */
  --lds-border-chat-modal-header-bb: var(--lds-spacing-013) solid var(--lds-color-primary);
  --lds-border-chat-modal-actions-menu-link-outline: 3px solid var(--lds-color-neutral-070);
  --lds-border-chat-modal-actions-menu-link-outline-offset: -3px;

  /* color */
  --lds-color-chat-modal-header-bg: var(--lds-color-neutral-000);
  --lds-color-chat-modal-header-avatar: var(--lds-color-neutral-000);
  --lds-color-chat-modal-header-avatar-bg: var(--lds-color-primary);
  --lds-color-chat-modal-header-actions: var(--lds-color-neutral-100);
  --lds-color-chat-modal-actions-menu-link: var(--lds-color-neutral-100);
  --lds-color-chat-modal-actions-menu-link-bg-hover: var(--lds-color-red-010);
  --lds-color-chat-modal-actions-menu-link-bg-active: var(--lds-color-red-005);

  /* radius */
  --lds-radius-chat-modal-header: var(--lds-radius-chat-modal) var(--lds-radius-chat-modal) 0 0;
  --lds-radius-chat-modal-actions-menu: 0 0 var(--lds-radius-medium) var(--lds-radius-medium);

  /* shadow */
  --lds-shadow-chat-modal-actions-menu: var(--lds-shadow-level-4);

  /* spacing */
  --lds-spacing-chat-modal-header-gap: var(--lds-spacing-075);
  --lds-spacing-chat-modal-header-pd-top: var(--lds-spacing-075);
  --lds-spacing-chat-modal-header-pd-bottom: var(--lds-spacing-075);
  --lds-spacing-chat-modal-header-pd-right: var(--lds-spacing-075);
  --lds-spacing-chat-modal-header-pd-left: var(--lds-spacing-100);
  --lds-spacing-chat-modal-header-avatar-size: var(--lds-spacing-200);
  --lds-spacing-chat-modal-header-avatar-pd: var(--lds-spacing-025);
  --lds-spacing-chat-modal-header-avatar-mr: var(--lds-spacing-025);
  --lds-spacing-chat-modal-actions-menu-z: 5;
  --lds-spacing-chat-modal-actions-menu-top: 74px;
  --lds-spacing-chat-modal-actions-menu-bottom: auto;
  --lds-spacing-chat-modal-actions-menu-pd: var(--lds-spacing-050) 0;
  --lds-spacing-chat-modal-actions-menu-link-pd: var(--lds-spacing-075) var(--lds-spacing-100);
  --lds-spacing-chat-modal-actions-menu-link-icon-mr: var(--lds-spacing-050);

  /* typography */
  --lds-typography-chat-modal-header-h2-fz: var(--lds-typography-large-font-size);
  --lds-typography-chat-modal-header-h2-fw: var(--lds-typography-font-weight-bold);
  --lds-typography-chat-modal-header-h2-lh: 1.5;
  --lds-typography-chat-modal-header-h3-fz: var(--lds-typography-medium-font-size);
  --lds-typography-chat-modal-header-h3-fw: var(--lds-typography-font-weight-regular);
  --lds-typography-chat-modal-header-h3-lh: 1.5714285714;
  --lds-typography-chat-modal-actions-menu-link-fw: var(--lds-typography-font-weight-regular);

  /* z-index */
  --lds-z-index-chat-modal-header: 10;

  /* MARK: Messages
  */
  /* animation */

  /* border */

  /* color */
  --lds-color-chat-modal-messages-top-bg-image:
    linear-gradient(180deg, var(--lds-color-red-005) 0%, rgba(255, 248, 248, 0) 100%);
  --lds-color-chat-modal-messages-bottom-bg-image:
    linear-gradient(180deg, rgba(255, 248, 248, 0) 0%, var(--lds-color-red-005) 100%);
  --lds-color-chat-modal-timestamp: var(--lds-color-neutral-060);
  --lds-color-chat-modal-msg-avatar: var(--lds-color-neutral-000);
  --lds-color-chat-modal-msg-avatar-bg: var(--lds-color-primary);
  --lds-color-chat-modal-user-msg-text-bg: var(--lds-color-primary-020);
  --lds-color-chat-modal-message-loading-bg: var(--lds-color-primary);

  /* radius */
  --lds-radius-chat-modal-msg-avatar: 50%;

  /* shadow */

  /* spacing */
  --lds-spacing-chat-modal-messages-pd: var(--lds-spacing-100);
  --lds-spacing-chat-modal-messages-mg: var(--lds-spacing-050) 0;
  --lds-spacing-chat-modal-msg-heading-mb: var(--lds-spacing-100);
  --lds-spacing-chat-modal-msg-list-mb: var(--lds-spacing-100);
  --lds-spacing-chat-modal-msg-list-pl: var(--lds-spacing-200);
  --lds-spacing-chat-modal-msg-avatar-sz: var(--lds-spacing-150);
  --lds-spacing-chat-modal-msg-avatar-pd: var(--lds-spacing-025);

  /* typography */
  --lds-typography-chat-modal-timestamp-fz: var(--lds-typography-small-font-size);
  --lds-typography-chat-modal-timestamp-fw: 600;
  --lds-typography-chat-modal-msg-heading-fw: var(--lds-typography-font-weight-bold);
  --lds-typography-chat-modal-msg-h1-fz: 1.25rem;
  --lds-typography-chat-modal-msg-h2-fz: var(--lds-typography-action-font-size);
  --lds-typography-chat-modal-msg-h3-fz: var(--lds-typography-large-font-size);
  --lds-typography-chat-modal-msg-h4-fz: 0.9375rem;
  --lds-typography-chat-modal-msg-h5-fz: var(--lds-typography-medium-font-size);
  --lds-typography-chat-modal-msg-h6-fz: var(--lds-typography-small-font-size);

  /* z-index */
  --lds-z-index-chat-modal-msg-gradient: 1;
  --lds-z-index-chat-modal-msg-citation-btn: 1;

  /* MARK: Footer
  */
  /* animation */
  --lds-animation-chat-modal-input-area-transition-duration: var(--lds-animation-duration-medium);
  --lds-animation-chat-modal-input-area-transition-timing-func:
    var(--lds-animation-timing-func-standard);
  --lds-animation-chat-modal-input-area-transition-prop: border-color;
  --lds-animation-chat-modal-send-btn-before:
    background-color var(--lds-animation-duration-medium) var(--lds-animation-timing-func-standard);

  /* border */
  --lds-border-chat-modal-footer-bt: var(--lds-spacing-013) solid transparent;
  --lds-border-chat-modal-footer-bt-image-scroll:
    linear-gradient(90deg, rgba(175, 175, 175, 0), rgba(106, 106, 106, 0.5)) 1;
  --lds-border-chat-modal-input-area-width: var(--lds-spacing-013);
  --lds-border-chat-modal-input-area: var(--lds-border-chat-modal-input-area-width) solid var(--lds-color-neutral-030);
  --lds-border-chat-modal-input-area-color-hover: var(--lds-color-neutral-100);
  --lds-border-chat-modal-input-area-outline-focus: 3px solid var(--lds-color-neutral-100);
  --lds-border-chat-modal-input-area-outline-offset-focus: 3px;
  --lds-border-chat-modal-input-area-color-focus: var(--lds-color-neutral-030);
  --lds-border-chat-modal-send-btn-outline-color-focus: var(--lds-color-neutral-100);
  --lds-border-chat-modal-send-btn-outline-offset-focus: -3px;


  /* color */
  --lds-color-chat-modal-input-area-bg: var(--lds-color-neutral-000);
  --lds-color-chat-modal-send-btn: var(--lds-color-neutral-000);
  --lds-color-chat-modal-send-btn-bg: rgba(255, 255, 255, 0);
  --lds-color-chat-modal-send-btn-bg-hover-focus: var(--lds-color-red-010);
  --lds-color-chat-modal-send-btn-bg-active: var(--lds-color-red-020);
  --lds-color-chat-modal-send-btn-disabled: var(--lds-color-neutral-060);
  --lds-color-chat-modal-send-btn-before-bg: var(--lds-color-primary);
  --lds-color-chat-modal-send-btn-before-bg-disabled: var(--lds-color-neutral-010);

  /* radius */
  --lds-radius-chat-modal-input-area: var(--lds-radius-medium);
  --lds-radius-chat-modal-send-btn-focus: 0 6px 6px 0;
  --lds-radius-chat-modal-send-btn-before: 50%;

  /* shadow */
  --lds-shadow-chat-modal-send-btn: none;

  /* spacing */
  --lds-spacing-chat-modal-footer-py: var(--lds-spacing-075);
  --lds-spacing-chat-modal-footer-px: var(--lds-spacing-100);
  --lds-spacing-chat-modal-input-area-pl: var(--lds-spacing-075);
  --lds-spacing-chat-modal-send-btn-sz: var(--lds-spacing-275);
  --lds-spacing-chat-modal-send-btn-before-sz: 26px;

  /* typography */

  /* z-index */
  --lds-z-index-chat-input-area-after: -1;


  /* MARK: Citations
  */
  /* animation */
  --lds-animation-chat-modal-citations-gradient-transition:
    opacity var(--lds-animation-duration-short) var(--lds-animation-timing-func-standard);

  /* border */
  --lds-border-chat-modal-citation-outline-focus: 3px solid var(--lds-color-neutral-070);
  --lds-border-chat-modal-citation-outline-offset-focus: -3px;

  /* color */
  --lds-color-chat-modal-citations-gradient-top-bg-image:
    linear-gradient(180deg, var(--lds-color-neutral-000) 0%, rgba(255, 255, 255, 0) 100%);
  --lds-color-chat-modal-citations-gradient-bottom-bg-image:
    linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--lds-color-neutral-000) 100%);
  --lds-color-chat-modal-citation-bg-hover: var(--lds-color-red-010);
  --lds-color-chat-modal-citation-bg-active: var(--lds-color-red-005);
  --lds-color-chat-modal-citation: var(--lds-color-neutral-060);
  --lds-color-chat-modal-citation-title: var(--lds-color-blue-070);
  --lds-color-chat-modal-citation-title-visited: var(--lds-color-purple-070);

  /* radius */

  /* shadow */

  /* spacing */
  --lds-spacing-chat-modal-citations-maxheight: calc(var(--lds-spacing-chat-modal-height) - 200px);
  --lds-spacing-chat-modal-citations-height-md: 440px;
  --lds-spacing-chat-modal-citations-maxheight-md:
    calc(var(--lds-spacing-chat-modal-maxheight-md) - 200px);
  --lds-spacing-chat-modal-citations-gradient-height: var(--lds-spacing-100);
  --lds-spacing-chat-modal-citation-pd: var(--lds-spacing-050) var(--lds-spacing-100);
  --lds-spacing-chat-modal-citation-title-gap: var(--lds-spacing-025);
  --lds-spcaing-chat-modal-citation-icon-sz: var(--lds-spacing-100);
  --lds-spacing-chat-modal-citation-icon-top: 3px;

  /* typography */
  --lds-typography-chat-modal-citation-fz: var(--lds-typography-small-font-size);
  --lds-typography-chat-modal-citation-fw: var(--lds-typography-font-weight-regular);
  --lds-typography-chat-modal-citation-lh: 1.5;
  --lds-typography-chat-modal-citation-title-fz: var(--lds-typography-medium-font-size);
  --lds-typography-chat-modal-citation-title-fw: var(--lds-typography-font-weight-regular);
  --lds-typography-chat-modal-citation-title-lh: 1.5714285714;

  /* z-index */
  --lds-z-index-chat-modal-citations-gradient: 1;

  /* MARK: EndChat
  */
  /* animation */

  /* border */

  /* color */
  --lds-spacing-chat-modal-end-chat: var(--lds-color-neutral-060);

  /* radius */

  /* shadow */

  /* spacing */
  --lds-spacing-chat-modal-end-chat-pd: 0 var(--lds-spacing-100);
  --lds-spacing-chat-modal-end-chat-btns-gap: var(--lds-spacing-075);
  --lds-spacing-chat-modal-end-chat-btns-pd: var(--lds-spacing-100) 0 0;

  /* typography */
  --lds-typography-chat-modal-end-chat-btn-fz: var(--lds-typography-large-font-size);
  --lds-typography-chat-modal-end-chat-btn-fw: 600;

  /* MARK: Alert
  */
  /* animation */

  /* border */

  /* color */

  /* radius */

  /* shadow */

  /* spacing */
  --lds-spacing-chat-modal-alert-maxwidth: calc(100% - 2rem);
  --lds-spacing-chat-modal-alert-mg: 0 auto var(--lds-spacing-100);

  /* typography */

  /* z-index */
  --lds-z-index-chat-modal-alert-wrapper: 1;

}

:root {
  --lds-color-checkbox-bg-default: var(--lds-color-white);
  --lds-color-checkbox-bg: var(--lds-color-checkbox-bg-default);
  --lds-color-checkbox-border-default: var(--lds-color-neutral-060);
  --lds-color-checkbox-border: var(--lds-color-checkbox-border-default);
  --lds-border-checkbox-style: solid;
  --lds-border-checkbox-width: .125rem; /* 2px */
  --lds-radius-checkbox-border: var(--lds-radius-small);
  --lds-spacing-checkbox-size: 1rem;

  /* MARK: Margins */
  --lds-spacing-checkbox-margin-top: 5px; /* 5px makes cb center aligned with first line of label text */
  --lds-spacing-checkbox-margin-right: var(--lds-spacing-100);
  --lds-spacing-checkbox-margin-bottom: var(--lds-spacing-000);
  --lds-spacing-checkbox-margin-left: var(--lds-spacing-000);

  /* MARK: Checked */
  --lds-color-checkbox-checked-bg-default: var(--lds-color-neutral-100);
  --lds-color-checkbox-checked-bg: var(--lds-color-checkbox-checked-bg-default);
  --lds-color-checkbox-checked-border-default: var(--lds-color-neutral-100);
  --lds-color-checkbox-checked-border: var(--lds-color-checkbox-checked-border-default);

  /* MARK: Focus */
  --lds-color-checkbox-focus-outline: var(--lds-color-neutral-070);
  --lds-border-checkbox-focus-outline-offset: .125rem; /* 2px */
  --lds-border-checkbox-focus-outline-style: var(--lds-border-focus-outline-style);
  --lds-border-checkbox-focus-outline-width: .125rem; /* 2px */

  /*MARK: Hover */
    --lds-color-checkbox-bg-hover: var(--lds-color-neutral-010);
    --lds-color-checkbox-border-hover: var(--lds-color-neutral-080);
    --lds-color-checkbox-checked-bg-hover: var(--lds-color-neutral-080);
    --lds-color-checkbox-checked-border-hover: var(--lds-color-neutral-080);

  /* MARK: group fieldset */
  --lds-spacing-fieldset-checkbox-margin-left-no-indent: var(--lds-spacing-000);
  --lds-spacing-fieldset-checkbox-margin-left-indent: var(--lds-spacing-150);

  --lds-spacing-fieldset-checkbox-margin-left: var(--lds-spacing-fieldset-checkbox-margin-left-no-indent);
  --lds-spacing-fieldset-checkbox-margin-bottom-small: var(--lds-spacing-050);
  --lds-spacing-fieldset-checkbox-margin-bottom-medium: var(--lds-spacing-100);
  --lds-spacing-fieldset-checkbox-margin-top: var(--lds-spacing-000);
  --lds-spacing-validation-message-margin-bottom: var(--lds-spacing-050);
  --lds-spacing-fieldset-legend-margin-bottom-small: var(--lds-spacing-050);
  --lds-spacing-fieldset-legend-margin-bottom-medium: var(--lds-spacing-100);

  --lds-spacing-fieldset-checkbox-margin-bottom: var(--lds-spacing-fieldset-checkbox-margin-bottom-small);
  --lds-spacing-fieldset-legend-margin-bottom: var(--lds-spacing-fieldset-legend-margin-bottom-small);
}

:root {
  /* Animation */
  --lds-animation-chip-transition-duration: var(--lds-animation-duration-short);
  --lds-animation-chip-transition-timing-function: var(--lds-animation-timing-func-standard);
  --lds-animation-chip-transition-property: border, box-shadow, background-color;

  /* Border */
  --lds-border-chip: 0 none;
  --lds-border-chip-outline-focus: 3px solid var(--lds-color-neutral-070);
  --lds-border-chip-outline-offset-focus: 2px;

  /* Color */
  --lds-color-chip: var(--lds-color-neutral-100);
  --lds-color-chip-bg: var(--lds-color-neutral-010);
  --lds-color-chip-icon-fill: var(--lds-color-neutral-070);
  --lds-color-chip-disabled: var(--lds-color-neutral-060);
  --lds-color-chip-bg-disabled: var(--lds-color-neutral-005);
  --lds-color-chip-active: var(--lds-color-primary-080);
  --lds-color-chip-bg-active: var(--lds-color-primary-020);
  --lds-color-chip-icon-fill-active: var(--lds-color-primary-070);
  --lds-color-chip-hover: var(--lds-color-primary-070);
  --lds-color-chip-bg-hover: var(--lds-color-primary-010);
  --lds-color-chip-icon-fill-disabled: var(--lds-color-neutral-040);
  --lds-color-chip-bg-outlined: var(--lds-color-white);
  --lds-color-chip-outlined-active: var(--lds-color-primary-080);
  --lds-color-chip-bg-outlined-active: var(--lds-color-primary-020);
  --lds-color-chip-bg-outlined-hover: var(--lds-color-primary-010);
  --lds-color-chip-bg-outlined-disabled: var(--lds-color-neutral-005);
  --lds-color-chip-bg-ghost: transparent;
  --lds-color-chip-bg-ghost-hover: var(--lds-color-primary-010);
  --lds-color-chip-bg-ghost-disabled: var(--lds-color-white);

  /* Radius */
  --lds-radius-chip: 0.75rem;
  --lds-radius-chip-sm: 0.25rem;
  --lds-radius-chip-pill: 1.625rem;

  /* Shadow */
  --lds-shadow-chip-outlined: 0 0 0 1px inset;
  --lds-shadow-chip-outlined-active-hover: 0 0 0 2px var(--lds-color-primary-070) inset;
  --lds-shadow-chip-outlined-disabled: 0 0 0 1px var(--lds-color-neutral-030) inset;

  /* Spacing */
  --lds-spacing-chip-pd: 0.25rem 0.5rem;
  --lds-spacing-chip-mg: 0;
  --lds-spacing-chip-pd-icon-before: 0.25rem 0.5rem 0.25rem 0.625rem;
  --lds-spacing-chip-pd-icon-after: 0.25rem 0.6rem 0.25rem 0.625rem;
  --lds-spacing-chip-pd-icon-only: 0.25rem 0.25rem 0.25rem 0.5rem;
  --lds-spacing-chip-icon-sz: 1rem;
  --lds-spacing-chip-mr-icon-before: 0.25rem;
  --lds-spacing-chip-ml-icon-after: 0.5rem;
  --lds-spacing-chip-mx-icon-only: 0;

  /* Typography */
  --lds-typography-chip-ff: inherit;
  --lds-typography-chip-fw: inherit;
  --lds-typography-chip-ta: center;
  --lds-typography-chip-fz: 1rem;
  --lds-typography-chip-lh: 1.5;
  --lds-typography-chip-fz-compact: 0.875rem;
  --lds-typography-chip-lh-compact: 1.5714285714;

  /* z-index */
  --lds-z-index-chip-focus: 1;
}

:root {
  /* lds-contact-lilly */
  --lds-typography-contact-lilly-font-size: 1rem;
  --lds-typography-contact-lilly-font-weight: var(--lds-typography-font-weight-regular);
  --lds-animation-contact-lilly-transition-duration: var(--lds-animation-duration-long);
  --lds-animation-contact-lilly-transition-timing: var(--lds-animation-timing-func-standard);
  --lds-radius-contact-lilly: 0.75rem;
  --lds-radius-contact-lilly-compact: 0.625rem;
  --lds-spacing-contact-lilly-headset-icon-margin-end: var(--lds-spacing-050);
  --lds-shadow-contact-lilly-box-shadow-1: 0 2px 4px 0 rgba(52, 63, 65, 0.20);
  --lds-shadow-contact-lilly-box-shadow-3: 0 8px 12px 0 rgba(52, 63, 65, 0.12), 0 4px 8px 0 rgba(52, 63, 65, 0.04);
  --lds-spacing-contact-lilly-desktop-margin-x: var(--lds-spacing-000);

  /* lds-contact-lilly-toggle */
  --lds-spacing-contact-lilly-toggle-padding-y: var(--lds-spacing-050);
  --lds-spacing-contact-lilly-toggle-padding-y-compact: var(--lds-spacing-025);
  --lds-spacing-contact-lilly-toggle-padding-x: var(--lds-spacing-075);
  --lds-spacing-contact-lilly-toggle-icon-margin-l: var(--lds-spacing-050);
  --lds-spacing-contact-lilly-toggle-icon-margin-l-compact: var(--lds-spacing-025);
  --lds-border-contact-lilly-toggle-width: 0.125rem;
  --lds-border-contact-lilly-toggle-style: solid;
  --lds-border-contact-lilly-toggle-color: var(--lds-color-neutral-030);
  --lds-border-contact-lilly-toggle-focus-outline-width: 0.1875rem;
  --lds-border-contact-lilly-toggle-focus-outline-offset: 0.125rem;
  --lds-border-contact-lilly-toggle-focus-outline-color: var(--lds-color-neutral-070);
  --lds-border-contact-lilly-toggle-active-color: var(--lds-color-primary-060);
  --lds-color-contact-lilly-toggle: var(--lds-color-neutral-100);
  --lds-color-contact-lilly-toggle-bg: var(--lds-color-neutral-000);
  --lds-color-contact-lilly-toggle-bg-hover: var(--lds-color-primary-010);
  --lds-color-contact-lilly-toggle-bg-active: var(--lds-color-primary-010);
  --lds-typography-contact-lilly-toggle-line-height: 1.25;
  --lds-typography-contact-lilly-toggle-font-size: inherit;
  --lds-typography-contact-lilly-toggle-font-family: inherit;
  --lds-typography-contact-lilly-toggle-font-weight: inherit;
  --lds-transition-contact-lilly-toggle-property: background-color, box-shadow, border-color;
  --lds-transition-contact-lilly-toggle-icon-property: transform;
  --lds-transition-contact-lilly-toggle-icon-transform: rotate(180deg);

  /* lds-contact-lilly-dropdown */
  --lds-spacing-contact-lilly-dd-width: 15rem;
  --lds-spacing-contact-lilly-dd-margin-top: var(--lds-spacing-005);
  --lds-color-contact-lilly-dd-bg: var(--lds-color-neutral-000);
  --lds-animation-contact-lilly-dd-opacity: 0;
  --lds-animation-contact-lilly-dd-transition-property: opacity, visibility, max-height;
  --lds-animation-contact-lilly-dd-visibility: hidden;
  --lds-animation-contact-lilly-dd-active-opacity: 1;
  --lds-animation-contact-lilly-dd-active-visibility: visible;

  /* lds-contact-lilly-dropdown-content-item */
  --lds-spacing-contact-lilly-dd-content-item-padding-y: var(--lds-spacing-075);
  --lds-spacing-contact-lilly-dd-content-item-padding-y-compact: var(--lds-spacing-050);
  --lds-spacing-contact-lilly-dd-content-item-padding-x: var(--lds-spacing-100);
  --lds-spacing-contact-lilly-dd-content-item-icon-margin-r: var(--lds-spacing-050);
  --lds-color-contact-lilly-dd-content-item-hover-bg: var(--lds-color-primary-010);
  --lds-border-contact-lilly-dd-content-item-focus-outline-width: 0.1875rem;
  --lds-border-contact-lilly-dd-content-item-focus-outline-offset: -0.1875rem;
  --lds-border-contact-lilly-dd-content-item-focus-outline-color: var(--lds-color-neutral-070);

  /* lds-contact-lilly-dropdown-bottom */
  --lds-spacing-contact-lilly-dd-content-item-padding-t: var(--lds-spacing-125);
  --lds-spacing-contact-lilly-dd-content-item-padding-b: var(--lds-spacing-100);
  --lds-color-contact-lilly-dd-bottom-bg: var(--lds-color-azure-010);

  /* lds-contact-lilly-logo */
  --lds-color-contact-lilly-logo-ask: var(--lds-color-neutral-060);
  --lds-spacing-contact-lilly-logo-ask-margin-t: 0.4rem; /* "magic" number to place the text like the old SVG */
  --lds-spacing-contact-lilly-logo-ask-margin-r: 0.4rem; /* "magic" number to place the text like the old SVG */
  --lds-typography-contact-lilly-logo-ask-font-size: 1.333rem; /* "magic" number to place the text like the old SVG */
  --lds-typography-contact-lilly-logo-ask-font-weight: var(--lds-typography-font-weight-medium);
  --lds-spacing-contact-lilly-logo-width: 4.625rem;
  --lds-spacing-contact-lilly-logo-height: 2.5rem;
  --lds-spacing-contact-lilly-logo-padding-bottom: 0.4rem;

  /* lds-contact-lilly-dropdown-intro */
  --lds-color-contact-lilly-dd-intro: var(--lds-color-grey-700);
  --lds-typography-contact-lilly-dd-intro-font-size: 0.875rem;
  --lds-typography-contact-lilly-dd-intro-font-weight: var(--lds-typography-font-weight-medium);
}

:root {
  --lds-spacing-content-block-heading-margin-top: var(--lds-spacing-250);

  /* DEPRECATED */
  --lds-spacing-content-block-list-margin-bottom: var(--lds-typography-list-margin-bottom);
  --lds-spacing-content-block-list-margin-left: var(--lds-typography-list-margin-left);
}

:root {
  --lds-color-cookie-consent-banner-bg: var(--lds-color-white);
  --lds-color-cookie-consent-border-top: var(--lds-color-lilly);
  --lds-color-cookie-consent-shadow: rgba(33,33,33,.2);
  --lds-color-cookie-btn-close-focus: rgba(0,116,158,.4);

  --lds-typography-cookie-consent-font-size: .75rem;
  --lds-typography-cookie-consent-line-height: 1rem;

  --lds-spacing-cookie-btns-margin-top-sm: 1rem;
  --lds-spacing-cookie-btn-close-margin-left: .5rem;
  --lds-spacing-cookie-btn-accept-margin-left: 1.5rem;

  --lds-spacing-cookie-consent-padding-top: 1rem;
  --lds-spacing-cookie-consent-padding-bottom: 1rem;
  --lds-spacing-cookie-consent-padding-left: 0;
  --lds-spacing-cookie-consent-padding-right: 0;
}

:root {

  /* Base */

  --lds-animation-drawer-product-timing-duration: var(--lds-animation-duration-short);
  --lds-animation-drawer-product-timing-function: var(--lds-animation-timing-func-standard);

  --lds-color-drawer-product-background: var(--lds-color-white);
  --lds-color-drawer-product-foreground: var(--lds-color-black);

  --lds-radius-drawer-product: var(--lds-radius-large);

  --lds-shadow-drawer-product-top: 0;
  --lds-shadow-drawer-product-right: 0;
  --lds-shadow-drawer-product-bottom: 0;
  --lds-shadow-drawer-product-left: 0;

  --lds-spacing-drawer-product-padding-inline: 0;
  --lds-spacing-drawer-product-padding-block: 0;
  --lds-spacing-drawer-product-margin: 8rem;
  --lds-spacing-drawer-product-direction-left-size: fit-content;
  --lds-spacing-drawer-product-direction-right-size: fit-content;

  /* Overlay */

  --lds-animation-drawer-product-overlay-timing-duration: var(--lds-animation-duration-short);
  --lds-animation-drawer-product-overlay-timing-function: var(--lds-animation-timing-func-standard);

  --lds-color-drawer-product-overlay-background: rgba(26, 25, 25, 0.80);

  /* Header */

  --lds-color-drawer-product-header-background: var(--lds-color-drawer-product-background);
  --lds-color-drawer-product-header-foreground: var(--lds-color-drawer-product-foreground);

  --lds-spacing-drawer-product-header-gap: 0;
  --lds-spacing-drawer-product-header-padding-inline: var(--lds-spacing-100);
  --lds-spacing-drawer-product-header-padding-block: var(--lds-spacing-100);

  /* Footer */

  --lds-color-drawer-product-footer-background: var(--lds-color-drawer-product-background);
  --lds-color-drawer-product-footer-foreground: var(--lds-color-drawer-product-foreground);

  --lds-spacing-drawer-product-footer-gap: 0;
  --lds-spacing-drawer-product-footer-padding-inline: var(--lds-spacing-100);
  --lds-spacing-drawer-product-footer-padding-block: var(--lds-spacing-100);

  /* Content */

  --lds-color-drawer-product-content-background: var(--lds-color-drawer-product-background);
  --lds-color-drawer-product-content-foreground: var(--lds-color-drawer-product-foreground);

  --lds-spacing-drawer-product-content-gap: 0;
  --lds-spacing-drawer-product-content-padding-inline: var(--lds-spacing-100);
  --lds-spacing-drawer-product-content-padding-block: var(--lds-spacing-050) 0;

}

:root {
  /*
    MARK: Animation
  */
  --lds-animation-figure-caption-transition: outline-color var(--lds-animation-duration-long) var(--lds-animation-timing-func-standard);
  --lds-animation-figure-caption-toggle-transition: all var(--lds-animation-duration-long) var(--lds-animation-timing-func-standard);
  --lds-animation-figure-caption-toggle-icon-transition: transform var(--lds-animation-duration-long) var(--lds-animation-timing-func-standard);
  --lds-animation-figure-caption-toggle-icon-transform: rotate(180deg);
  --lds-animation-figure-caption-figcaption-transition: grid-template-rows var(--lds-animation-duration-long) var(--lds-animation-timing-func-standard);

  /*
    MARK: Border
  */
  --lds-border-figure-caption-outline: 2px solid var(--lds-color-neutral-050);
  --lds-border-figure-caption-outline-offset: 0.375rem; /* 6px */
  --lds-border-figure-caption-outline-color-hover: var(--lds-color-neutral-050);
  --lds-border-figure-caption-toggle-bb: 2px solid var(--lds-color-neutral-020);
  --lds-border-figure-caption-toggle-outline: 3px solid transparent;
  --lds-border-figure-caption-toggle-outline-offset: 3px;
  --lds-border-figure-caption-toggle-outline-color-focus: var(--lds-color-neutral-070);
  --lds-border-figure-caption-toggle-bb-color-focus-hover: var(--lds-color-primary-020);
  --lds-border-figure-caption-toggle-ripple-color: var(--lds-color-primary-060);

  /*
    MARK: Color
  */
  --lds-color-figure-caption-toggle: var(--lds-typography-color);
  --lds-color-figure-caption-toggle-bg-focus-hover: var(--lds-color-primary-010);
  --lds-color-figure-caption-toggle-icon-bg: var(--lds-color-primary);
  --lds-color-figure-caption-toggle-ripple-bg: var(--lds-color-primary-030);

  /*
    MARK: Radius
  */
  --lds-radius-figure-caption: var(--lds-radius-medium);
  --lds-radius-figure-caption-child: var(--lds-radius-medium);
  --lds-radius-figure-caption-toggle-collapsed: 0 0 var(--lds-radius-figure-caption-child) var(--lds-radius-figure-caption-child);

  --lds-radius-figure-caption-small: 1px; /* should be 0 but then outline has no radius */
  --lds-radius-figure-caption-child-small: 1px;
  --lds-radius-figure-caption-toggle-collapsed-small: 0 0 var(--lds-radius-figure-caption-child-small) var(--lds-radius-figure-caption-child-small);

  --lds-radius-figure-caption-large: 1rem;
  --lds-radius-figure-caption-child-large: 1rem;
  --lds-radius-figure-caption-toggle-collapsed-large: 0 0 var(--lds-radius-figure-caption-child-large) var(--lds-radius-figure-caption-child-large);

  /*
    MARK: Shadow
  */

  /*
    MARK: Spacing
  */
  --lds-spacing-figure-caption-mg: var(--lds-spacing-050) 0;
  --lds-spacing-figure-caption-toggle-pd: var(--lds-spacing-050) var(--lds-spacing-100);
  --lds-spacing-figure-caption-toggle-mg: var(--lds-spacing-050) 0 0;
  --lds-spacing-figure-caption-toggle-icon-size: var(--lds-spacing-125);
  --lds-spacing-figure-caption-toggle-icon-pd: 2px;
  --lds-spacing-figure-caption-toggle-icon-ml: var(--lds-spacing-075);
  --lds-spacing-figure-caption-video-meta-pd: 0 var(--lds-spacing-100);
  --lds-spacing-figure-caption-video-meta-mv: var(--lds-spacing-075);
  --lds-spacing-figure-caption-video-meta-mh: 0;
  --lds-spacing-figure-caption-text-pt: var(--lds-spacing-150);
  --lds-spacing-figure-caption-text-pb: var(--lds-spacing-100);
  --lds-spacing-figure-caption-text-ph: var(--lds-spacing-100);
  --lds-spacing-figure-caption-toggle-md-pd: var(--lds-spacing-100) var(--lds-spacing-150);
  --lds-spacing-figure-caption-video-meta-md-pd: 0 var(--lds-spacing-150);
  --lds-spacing-figure-caption-text-md-pd: var(--lds-spacing-150);

  /*
    MARK: Typography
  */
  --lds-typography-figure-caption-toggle-fs: var(--lds-typography-action-font-size);
  --lds-typography-figure-caption-toggle-fw: 500;
  --lds-typography-figure-caption-toggle-lh: 1.555555555555556; /* 28/18 */
  --lds-typography-figure-caption-video-heading-fs: var(--lds-typography-h3-font-size); /* 1.5rem */
  --lds-typography-figure-caption-video-heading-lh: 1.5; /* 36/24 */
  --lds-typography-figure-caption-video-time-fs: var(--lds-spacing-075);
  --lds-typography-figure-caption-video-time-lh: 1.5; /* 18/12 */
}

:root {
  /* LDS 2.0 FOOTER r1 */
  --lds-color-footer-top-border: var(--lds-color-neutral-040);
  --lds-color-footer-background: var(--lds-color-white);
  --lds-color-bg-footer-support-top: var(--lds-color-blue-020);
  --lds-color-bg-footer-support-bottom: var(--lds-color-blue-010);
  --lds-color-footer-global-links: var(--lds-color-neutral-100);
  --lds-color-footer-top-border-dark: var(--lds-color-lilly-white);
  --lds-color-footer-background-dark: var(--lds-color-neutral-080);
  --lds-color-footer-text-dark: var(--lds-color-lilly-white);
  --lds-color-footer-links-dark: var(--lds-color-blue-040);
  --lds-color-bg-footer-support-top-dark: var(--lds-color-neutral-090);
  --lds-color-bg-footer-support-bottom-dark: var(--lds-color-neutral-070);

  --lds-typography-footer-col-header-font-weight: var(--lds-typography-font-weight-bold);
  --lds-typography-footer-meta-font-size: var(--lds-typography-small-font-size);
  --lds-typography-footer-meta-font-weight: var(--lds-typography-small-font-weight);
  --lds-typography-footer-meta-line-height: var(--lds-typography-small-line-height);

  --lds-spacing-footer-social-link-margin-left: 2rem;
  --lds-spacing-footer-list-item-margin-bottom: 1rem;

  --lds-border-footer-width: 2px;
  --lds-border-footer-divider-width: 1px;


  /* LDS 1.0 FOOTER */
  --lds-color-footer-v1-top-border: var(--lds-color-neutral-040);
  --lds-color-footer-v1-background: var(--lds-color-neutral-005);

  --lds-spacing-footer-v1-social-link-margin-left: 2rem;
  --lds-spacing-footer-v1-list-item-margin-bottom: 1rem;

  --lds-border-footer-v1-width: 2px;
}

:root {
  --lds-spacing-half-bill-img-margin-bottom-w-caption: 1rem;
  --lds-spacing-half-bill-vert-padding-mobile: 4.5rem;
  --lds-spacing-half-bill-vert-padding-desktop: 6.5rem;
}

:root {
  --lds-spacing-header-dropdown-arrow-margin-left: 10px;
  --lds-spacing-header-dropdown-arrow-margin-top: 0;
  --lds-color-header-dropdown-bg: var(--lds-color-white);
  --lds-color-header-dropdown-fg: var(--lds-typography-color);
  --lds-radius-header-dropdown-list: .75rem;
  --lds-shadow-header-dropdown-list: 0px 4px 8px 0px rgba(52, 63, 65, 0.04), 0px 8px 12px 0px rgba(52, 63, 65, 0.12);
  --lds-spacing-header-dropdown-list-width: 224px;

  --lds-spacing-header-dropdown-list-padding-top: .5rem;
  --lds-spacing-header-dropdown-list-padding-bottom: .5rem;
  --lds-spacing-header-dropdown-list-padding-left: 0;
  --lds-spacing-header-dropdown-list-padding-right: 0;

  /* Dropdown items */
  --lds-spacing-header-dropdown-item-padding-top: .75rem;
  --lds-spacing-header-dropdown-item-padding-bottom: .75rem;
  --lds-spacing-header-dropdown-item-padding-left: 1rem;
  --lds-spacing-header-dropdown-item-padding-right: 1rem;
  --lds-spacing-header-dropdown-item-icon-margin-right: 1rem;
  --lds-color-header-dropdown-item-hover-bg: var(--lds-color-primary-010);

  /* Mobile */
  --lds-color-header-dropdown-bg-mobile: var(--lds-color-white);
  --lds-z-index-header-dropdown-expanded-mobile: 200;
  --lds-color-header-dropdown-btn-expanded-bg-mobile: var(--lds-color-primary-005);
  --lds-color-dropdown-expanded-arrow: var(--lds-color-primary-060);
  --lds-spacing-dropdown-close-arrow-size: 1.5rem;
}

/*
The "Flyout" menu only exists in desktop mode. In mobile the
 flyout is replaced by a dropdown sub menu
*/

:root {
  /* Flyout button */
  --lds-spacing-header-flyout-button-padding-top: .75rem;
  --lds-spacing-header-flyout-button-padding-bottom: .75rem;
  --lds-spacing-header-flyout-button-padding-left: 1rem;
  --lds-spacing-header-flyout-button-padding-right: 1rem;

  --lds-color-header-flyout-button-open-bg: var(--lds-color-primary-010);
  --lds-color-header-flyout-button-icon-open: var(--lds-color-primary);
  --lds-shadow-header-nested-flyout: 0px 0px 8px 0px rgba(52, 63, 65, 0.08), 0px 14px 28px 0px rgba(52, 63, 65, 0.12);

  --lds-z-index-flyout-list: 200;
}

/* TODO: Split this file up into separate files */

:root {
  --lds-color-header-box-shadow: rgba(33, 33, 33, 0.2);
  --lds-color-header-background-dark: #393939;
  --lds-color-header-text-dark: #bababa;
  --lds-color-header-box-shadow-dark: rgba(255, 255, 255, 0.8);
  --lds-color-header-toggle-focus: rgba(33, 33, 33, 0.6);
  --lds-color-header-menu-submenu-dark: rgba(0, 0, 0, 0.5);
  --lds-color-header-menu-item-content-dark: rgba(186, 186, 186, 0.5);
  --lds-color-header-menu-item-content: rgba(255, 255, 255, 0.2);
  --lds-color-header-menu-item-content-current: var(--lds-color-lilly);
  --lds-color-header-menu-item-content-focus: var(--lds-color-action);
  --lds-color-header-menu-item-content-focus-box-shadow: rgba(0, 116, 158, 0.4);
  --lds-color-header-menu-contact-item-content: #e0e0e0;
  --lds-position-header-menu-relative: relative;
  --lds-spacing-header-menu-padding: var(--lds-spacing-050) var(--lds-spacing-100);
  --lds-color-header-menu-background: var(--lds-color-grey-100);
  --lds-spacing-header-menu-padding-zero: 0;
  --lds-color-header-menu-background-transparent: transparent;
  --lds-flex-header-menu-item-content: 0 0 auto;
  --lds-spacing-header-menu-item-content-padding: var(--lds-spacing-050) 4px;
  --lds-typography-header-menu-item-content-line-height: var(--lds-spacing-150);
  --lds-spacing-header-menu-item-content-padding-alt:
    var(--lds-spacing-075)
    var(--lds-spacing-100)
    var(--lds-spacing-075)
    var(--lds-spacing-200);
  --lds-display-header-menu-container-menu-title-icon: none;
  --lds-typography-header-menu-container-menu-title-item-heading-font-size: 0.875rem;
  --lds-typography-header-menu-container-menu-title-item-heading-font-weight: var(--lds-typography-font-weight-bold);
  --lds-typography-header-menu-container-menu-title-item-heading-font-weight-alt: var(--lds-typography-font-weight-medium);
  --lds-typography-header-menu-container-menu-title-item-heading-line-height: var(--lds-spacing-350);
  --lds-spacing-menu-padding: var(--lds-spacing-050) var(--lds-spacing-100);
  --lds-color-menu-background: var(--lds-color-grey-100);
  --lds-spacing-menu-padding-desktop: 0;
  --lds-spacing-menu-margin: 0;
  --lds-color-menu-background-transparent: transparent;
  --lds-flex-menu-item-content: 0 0 auto;
  --lds-spacing-menu-item-content-padding: var(--lds-spacing-050) 4px;
  --lds-typography-menu-item-content-line-height: var(--lds-spacing-150);
  --lds-spacing-menu-item-content-padding-mobile:
    var(--lds-spacing-075)
    var(--lds-spacing-100)
    var(--lds-spacing-075)
    var(--lds-spacing-200);

  /* button */
  --lds-position-header-menu-item-button: absolute;
  --lds-spacing-header-menu-item-button-top: 0;
  --lds-spacing-header-menu-item-button-left: 0;
  --lds-spacing-header-menu-item-button-width: 100%;
  --lds-spacing-header-menu-item-button-height: 100%;
  --lds-color-header-menu-item-button: inherit;
  --lds-typography-header-menu-item-button-text-decoration: none;
  --lds-radius-header-menu-item-button: 3px;
  --lds-shadow-header-menu-item-button-focused-dark-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.8);
  --lds-shadow-header-menu-item-button-focused-box-shadow: inset 0 0 0 2px rgba(33, 33, 33, 0.6);
  --lds-border-header-menu-item-button-focused-outline-offset: -2px;
  --lds-border-header-menu-item-button-focused-outline: 3px solid transparent;
  --lds-border-header-menu-item-button-outline: 0;
  --lds-z-index-header-menu-item-button: 5;

  /* item - link */
  --lds-transition-header-menu-item-link-color: var(--lds-animation-duration-short);
  --lds-header-mega-menu-container-additional-link-color: var(--lds-color-action);
  --lds-header-mega-menu-container-menu-focus-box-shadow: inset 0 0 0 2px rgba(33, 33, 33, 0.6);
  --lds-border-radius-menu-submenu-focus: 0;
  --lds-typography-header-menu-item-heading-font-weight: var(--lds-typography-font-weight-regular);
  --lds-color-header-menu-item-link: var(--lds-color-black);
  --lds-typography-header-menu-item-link-font-weight: var(--lds-typography-font-weight-regular);
  --lds-text-decoration-header-menu-item-link: none;
  --lds-cursor-header-menu-item-link: pointer;
  --lds-border-radius-header-menu-item-link: 3px;
  --lds-outline-header-menu-primary-item-link-a: 0;
  --lds-focus-header-menu-exo-item-link-button-outline: 3px solid transparent;
  --lds-focus-header-menu-exo-item-link-button-outline-offset: -2px;
  --lds-transition-header-menu-item-color: var(--lds-animation-duration-short);
  --lds-typography-header-menu-exo-item-text-font-weight: var(--lds-typography-font-weight-regular);

  /* header menu */
  --lds-flex-header-menu-justify-content: flex-end;
  --lds-padding-header-menu-generic: 0;
  --lds-align-items-header-menu-primary: center;
  --lds-flex-direction-header-menu-primary: column;
  --lds-font-size-header-menu-primary: 1.125rem;
  --lds-background-header-menu-primary: var(--lds-color-white);
  --lds-flex-direction-header-menu-primary-min-width: row;
  --lds-flex-wrap-header-menu-primary-min-width: wrap;
  --lds-height-header-menu-primary-min-width: 100%;
  --lds-padding-header-menu-primary-min-width: 0;
  --lds-justify-content-header-menu-left: flex-start;
  --lds-justify-content-header-menu-even: space-between;
  --lds-position-header-menu-secondary: relative;
  --lds-align-items-header-menu-secondary: center;
  --lds-flex-wrap-header-menu-secondary: wrap;
  --lds-justify-content-header-menu-secondary: center;
  --lds-height-header-menu-secondary: var(--lds-spacing-350);
  --lds-font-size-header-menu-secondary: var(--lds-spacing-100);
  --lds-position-header-menu-submenu: relative;
  --lds-z-index-header-menu-submenu: 30;
  --lds-flex-direction-header-menu-submenu: column;
  --lds-padding-header-menu-submenu: var(--lds-spacing-050) 0;
  --lds-overflow-header-menu-submenu: hidden;
  --lds-font-size-header-menu-submenu: var(--lds-spacing-100);
  --lds-line-height-header-menu-submenu: var(--lds-spacing-150);
  --lds-background-header-menu-submenu: var(--lds-color-grey-100);
  --lds-position-header-menu-submenu-min-width: absolute;
  --lds-top-header-menu-submenu-min-width: 100%;
  --lds-left-header-menu-submenu-min-width: 0;
  --lds-width-header-menu-submenu-min-width: 13.75rem;
  --lds-padding-header-menu-submenu-min-width: 0;
  --lds-background-header-menu-submenu-min-width: var(--lds-color-white);
  --lds-opacity-header-menu-submenu-min-width: 0;
  --lds-visibility-header-menu-submenu-min-width: hidden;
  --lds-transform-header-menu-submenu-min-width: translateY(var(--lds-spacing-050));
  --lds-box-shadow-header-menu-submenu-min-width: 0 1px 3px var(--lds-color-header-box-shadow);
  --lds-transition-header-menu-submenu-min-width: all var(--lds-animation-duration-medium);
  --lds-display-submenu-container-min-width: block !important;
  --lds-height-submenu-container-min-width: auto !important;
  --lds-overflow-submenu-container-min-width: visible !important;
  --lds-visibility-submenu-container-min-width: visible !important;
  --lds-transition-submenu-container-min-width: none !important;
  --lds-position-header-menu-exo: relative;
  --lds-flex-direction-header-menu-exo: column;
  --lds-justify-content-header-menu-exo: flex-end;
  --lds-margin-top-header-menu-exo: var(--lds-spacing-100);
  --lds-font-size-header-menu-exo: 0.87500025rem;
  --lds-font-weight-header-menu-exo: 500;
  --lds-background-header-menu-exo: var(--lds-color-white);
  --lds-transition-header-menu-exo: transform var(--lds-animation-duration-short);
  --lds-flex-direction-header-menu-exo-desktop: row;
  --lds-padding-top-header-menu-exo-desktop: var(--lds-spacing-050);
  --lds-margin-header-menu-exo-desktop: 0;
  --lds-font-size-header-menu-exo-desktop: 0.75rem;
  --lds-right-header-menu-submenu: 0;
  --lds-left-header-menu-submenu: auto;

  /* menu item */
  --lds-height-header-menu-primary-item-content-desktop: 4rem;
  --lds-spacing-header-menu-primary-item-content-desktop: 0 16px;
  --lds-transition-border-color-header-menu-primary-item-content-desktop: var(--lds-animation-duration-medium);
  --lds-overflow-header-menu-item-dropdown: hidden;
  --lds-spacing-header-menu-item-content-padding-desktop: 0.5rem 1rem;
  --lds-spacing-header-menu-item-content-margin: 0;
  --lds-border-header-menu-item-content-bottom: 0;
  --lds-transition-header-menu-item-dropdown-height: var(--lds-animation-duration-long) var(--lds-animation-timing-func-standard);
  --lds-height-header-menu-item-dropdown: 0;
  --lds-max-height-header-submenu-container: 0;
  --lds-transition-header-submenu-container-max-height: var(--lds-animation-duration-long) var(--lds-animation-timing-func-standard);
  --lds-opacity-header-menu-item-submenu-not-active: 1;
  --lds-opacity-header-menu-item-megamenu-enter: 0;
  --lds-transform-header-menu-item-megamenu-enter: translateY(-0.5rem);
  --lds-transition-header-menu-item-megamenu: transform var(--lds-animation-duration-short), opacity var(--lds-animation-duration-short);
  --lds-opacity-header-menu-item-submenu-leave-to: 0;
  --lds-transform-header-menu-item-submenu-leave-to: translateY(-0.5rem);
  --lds-opacity-header-menu-item-submenu-not-active-submenu: 0;
  --lds-display-header-menu-item-desktop: flex;
  --lds-align-items-header-menu-item-desktop: center;
  --lds-padding-header-menu-item-desktop: 1rem 0;
  --lds-width-header-menu-item-toggle: max-content;
  --lds-margin-left-header-menu-item-toggle: 0.5rem;
  --lds-width-header-menu-item-toggle-icon: 100%;
  --lds-height-header-menu-item-toggle-icon: 1rem;
  --lds-position-header-menu-item-content: relative;
  --lds-align-items-header-menu-item-content: center;
  --lds-justify-content-header-menu-item-content: space-between;
  --lds-transition-header-menu-item-transform: var(--lds-animation-duration-medium);
  --lds-position-header-menu-item-has-submenu: relative;
  --lds-cursor-header-menu-item-has-submenu: pointer;
  --lds-cursor-header-menu-item-has-submenu-content: pointer;

  /* header */
  --lds-spacing-header-width: 100%;
  --lds-color-header-background: var(--lds-color-white);
  --lds-color-header-bottom-border: #ECECEC;
  --lds-spacing-visual-hidden-width: 1px;
  --lds-spacing-visual-hidden-height: 1px;
  --lds-spacing-visual-hidden-margin: -1px;
  --lds-overflow-visual-hidden: hidden;
  --lds-spacing-visual-hidden-clip: rect(0 0 0 0);
  --lds-border-visual-hidden: 0;
  --lds-z-index-header-main: 5;
  --lds-flex-direction-header-main: flex;
  --lds-flex-wrap-header-main: wrap;
  --lds-background-header-main: var(--lds-color-white);
  --lds-flex-wrap-header-main-large-screen: nowrap;
  --lds-position-header-main-small-screen: relative;
  --lds-display-header-logo-wrapper: flex;
  --lds-flex-direction-mobile-header-logo-wrapper: row-reverse;
  --lds-align-items-header-logo-wrapper: center;
  --lds-justify-content-header-logo-wrapper: space-between;
  --lds-spacing-header-logo-wrapper-width: 100%;
  --lds-spacing-header-logo-wrapper-min-height: 3.5rem;
  --lds-justify-content-header-logo-wrapper-large-screen: flex-start;
  --lds-spacing-header-logo-wrapper-width-large-screen: auto;
  --lds-spacing-header-logo-wrapper-min-height-large-screen: 4.5rem;
  --lds-spacing-header-menu-container-min-width: 0%;
  --lds-display-header-menu-container-large-screen: flex;
  --lds-spacing-header-menu-container-left-width: 100%;
  --lds-spacing-header-menu-container-left-padding-left: 1rem;
  --lds-spacing-header-menu-container-even-width: 100%;
  --lds-z-index-header-mobile-expanded: 20;
  --lds-position-header-menu-container-mobile: fixed;
  --lds-spacing-header-menu-container-mobile-top: 0;
  --lds-spacing-header-menu-container-mobile-left: 0;
  --lds-spacing-header-menu-container-mobile-flex-basis: calc(100% + 32px);
  --lds-spacing-header-menu-container-mobile-width: 100%;
  --lds-spacing-header-menu-container-mobile-height: 100%;
  --lds-overflow-header-menu-container-mobile-x: hidden;
  --lds-overflow-header-menu-container-mobile-y: auto;
  --lds-overflow-header-menu-wrapper-mobile: hidden;
  --lds-position-header-menu-wrapper: fixed;
  --lds-spacing-header-menu-wrapper-top: 0;
  --lds-spacing-header-menu-wrapper-right: calc(-100% - 15px);
  --lds-spacing-header-menu-wrapper-width: 100%;
  --lds-spacing-header-menu-wrapper-min-height: 100%;
  --lds-background-header-menu-wrapper: var(--lds-color-white);
  --lds-shadow-header-menu-wrapper: 0 0 30px var(--lds-color-header-box-shadow);
  --lds-transition-header-menu-wrapper: right var(--lds-animation-duration-medium) var(--lds-animation-timing-func-standard);
  --lds-spacing-header-menu-wrapper-right-toggle: 0;
  --lds-position-header-menu-wrapper-large-screen: static;
  --lds-display-header-menu-wrapper-large-screen: inline-block !important;
  --lds-flex-basis-header-menu-wrapper-large-screen: auto;
  --lds-padding-header-menu-wrapper-large-screen: 0;
  --lds-overflow-header-menu-wrapper-y-large-screen: visible;
  --lds-shadow-header-menu-wrapper-large-screen: none;
  --lds-transition-header-menu-wrapper-large-screen: right var(--lds-animation-duration-long) var(--lds-animation-timing-func-standard);
  --lds-spacing-header-menu-wrapper-right-large-screen: 0;
  --lds-display-header-menu-exo-large-screen: none;
  --lds-position-header-menu-wrapper-menu-small-screen: relative;
  --lds-padding-header-menu-container-logo: 0 1rem;
  --lds-display-header-menu-container-logo-large-screen: none;
  --lds-spacing-header-menu-container-logo-row-height: 96px;
  --lds-spacing-header-menu-scroll-container-height-small-screen: calc(100vh - var(--lds-spacing-header-menu-container-logo-row-height));
  --lds-spacing-header-menu-scroll-container-height-large-screen: auto;
  --lds-position-header-secondary: relative;
  --lds-display-header-secondary: none;
  --lds-background-header-secondary: var(--lds-color-grey-100);
  --lds-display-header-secondary-large-screen: block;
  --lds-typography-header-exo-mobile-menu-item-content-link-font-weight: 500;
  --lds-typography-header-exo-mobile-submenu-container-link-font-weight: 400;
  --lds-typography-header-exo-mobile-menu-item-icon-default-font-size: 18px;
  --lds-display-header-exo-small-screen: none;
  --lds-display-header-exo-mobile-small-screen: block;
  --lds-spacing-header-exo-mobile-width-small-screen: 100%;
  --lds-typography-hamburger-menu-icon-font-size: 20px;
  --lds-spacing-header-mobile-actions-margin-left: auto;
  --lds-display-header-mobile-actions-large-screen: none;
  --lds-display-header-toggle: flex;
  --lds-align-items-header-toggle: center;
  --lds-spacing-header-toggle-padding: 0.5rem;
  --lds-border-header-toggle-outline: none;
  --lds-display-header-toggle-large-screen: none;
  --lds-border-header-toggle-focus-outline: 3px solid transparent;
  --lds-border-header-toggle-focus-outline-offset: -2px;
  --lds-shadow-header-toggle-focus: inset 0 0 0 2px var(--lds-color-header-toggle-focus);
  --lds-radius-header-toggle-focus: 4px;
  --lds-spacing-header-toggle-icon-inline-width: 24px;
  --lds-spacing-header-toggle-icon-inline-height: 17px;
  --lds-color-header-toggle-icon-inline-fill: var(--lds-color-grey-900);
  --lds-typography-header-toggle-text-font-weight: 700;
  --lds-typography-header-toggle-text-font-size: 12px;
  --lds-color-header-toggle-text: inherit;
  --lds-transition-mobile-nav-transform: var(--lds-animation-duration-long) var(--lds-animation-timing-func-standard);
  --lds-transform-mobile-nav-enter-leave: translateX(calc(100% + 15px));
}

:root {
  --lds-color-mm-border-top: #ECECEC;
  --lds-color-mm-bg: var(--lds-color-white);
  --lds-radius-mm: 12px;
  --lds-z-index-mm-backdrop: 400;
  --lds-z-index-mm: 401;

  --lds-spacing-mm-padding-top: 2rem;
  --lds-spacing-mm-padding-right: 3rem;
  --lds-spacing-mm-padding-bottom: 3rem;
  --lds-spacing-mm-padding-left: 3rem;

  --lds-typography-mm-heading-font-size: 1.25rem;
  --lds-typography-mm-heading-font-weight: bold;

  --lds-typography-mm-sub-section-heading-font-size: 18px;
  --lds-typography-mm-sub-section-heading-font-weight: bold;
  --lds-spacing-mm-sub-section-heading-margin-bottom: 1rem;

  --lds-spacing-mm-item-col-pd-left: 1rem;
  --lds-spacing-mm-item-col-pd-right: 1rem;
  --lds-spacing-mm-item-col-pd-top: .5rem;
  --lds-spacing-mm-item-col-pd-bottom: .5rem;
  --lds-color-mm-item-hover-bg: var(--lds-color-primary-005);
}

/*
  Mobile sub-menu only exists in mobile viewports.
  In desktop viewports, the sub-menu is a flyout menu.
 */

:root {
  --lds-color-header-mobile-submenu-bg: var(--lds-color-primary-005);
  --lds-spacing-header-mobile-nested-flyout-padding-top: 1.5rem;
  --lds-spacing-header-mobile-nested-flyout-padding-bottom: 1.5rem;
  --lds-spacing-header-mobile-nested-flyout-padding-right: 1.5rem;

  --lds-spacing-header-mobile-nested-flyout-padding-left-level-1: 2rem;
  --lds-spacing-header-mobile-nested-flyout-padding-left-level-2: 3rem;
}

:root {
  /* List */
  --lds-spacing-top-nav-list-padding-left: 12px;
  --lds-spacing-top-nav-list-padding-right: 36px;

  /* List itmes */
  --lds-radius-top-nav-item-button: 3px;
  --lds-color-top-nav-item-border-bottom-hover: var(--lds-color-primary);
  --lds-spacing-top-nav-item-bottom-bar-height: 3px;
  --lds-spacing-top-nav-item-padding-mobile: 1.5rem 1rem;

  --lds-spacing-top-nav-menu-button-padding-left: 12px;
  --lds-spacing-top-nav-menu-button-padding-right: 12px;
  --lds-spacing-top-nav-menu-button-padding-top: 16px;
  --lds-spacing-top-nav-menu-button-padding-bottom: 16px;

  --lds-spacing-top-nav-divider-padding-vertical: 12px;
}

:root {
  --lds-spacing-search-menu-content-pd-top-mobile: 1rem;
  --lds-spacing-search-menu-content-pd-bottom-mobile: 1rem;
  --lds-spacing-search-menu-content-pd-left-mobile: 1rem;
  --lds-spacing-search-menu-content-pd-right-mobile: 1rem;

  --lds-spacing-search-menu-content-pd-top: 1rem;
  --lds-spacing-search-menu-content-pd-bottom: 1rem;
  --lds-spacing-search-menu-content-pd-left: 3rem;
  --lds-spacing-search-menu-content-pd-right: 3rem;

  --lds-spacing-search-input-pd-top: .75rem;
  --lds-spacing-search-input-pd-right: 1.5rem;
  --lds-spacing-search-input-pd-bottom: .75rem;
  --lds-spacing-search-input-pd-left: 1rem;
  --lds-typography-header-search-input-font-size: var(--lds-typography-large-font-size);
  --lds-typography-header-search-input-line-height: var(--lds-typography-large-line-height);
  --lds-radius-search-input: var(--lds-radius-small);

  --lds-color-search-result-hover: var(--lds-color-primary-005);

  /* Button in the utility nav - not the button in the search modal */
  --lds-spacing-header-search-button-padding: .5rem 0;
  --lds-radius-header-search-button: var(--lds-radius-small);
  --lds-spacing-header-search-button-icon-height: 1.25rem;
  --lds-spacing-header-search-button-icon-width: 1.25rem;

  /* search submit button - the button in the modal */
  --lds-spacing-search-submit-btn-height: 3rem;
  --lds-spacing-search-submit-btn-width: 3rem;

  --lds-spacing-search-anchor-padding: .5rem 1rem;
  --lds-radius-search-anchor: var(--lds-radius-small);
}

.lds-header .search-submit.radius-small {
  --lds-radius-header-search-button: .24rem; /* 4px */
}

.lds-header .search-submit.radius-medium {
  --lds-radius-header-search-button: .75rem /* 12px */
}

.lds-header .search-submit.radius-large {
  --lds-radius-header-search-button: 1.5rem /* 24px "pill" */
}

:root {
  --lds-typography-sso-font-size: var(--lds-typography-small-font-size);
  --lds-typography-sso-font-weight: var(--lds-typography-small-font-weight);
  --lds-typography-sso-line-height: var(--lds-typography-small-line-height);

  /* Modal */
  --lds-spacing-sso-modal-padding: 1rem;

  --lds-spacing-sso-user-info-padding-left: 1rem;

  /* modal user icon */
  --lds-spacing-sso-modal-user-icon-size: 3.5rem;

  /* Full name */
  --lds-typography-sso-full-name-font-size: var(--lds-typography-h5-font-size);
  --lds-typography-sso-full-name-font-weight: var(--lds-typography-font-weight-bold);
  --lds-typography-sso-full-name-line-height: var(--lds-typography-h5-line-height);

  /* Email */
  --lds-typography-sso-email-color: var(--lds-typography-small-color);
  --lds-typography-sso-email-font-size: var(--lds-typography-large-font-size);
  --lds-typography-sso-email-font-weight: var(--lds-typography-large-font-weight);
  --lds-typography-sso-email-line-height: var(--lds-typography-large-line-height);

  /* My profile link */
  --lds-typography-sso-profile-font-size: var(--lds-typography-large-font-size);
  --lds-typography-sso-profile-font-weight: var(--lds-typography-font-weight-bold);
  --lds-typography-sso-profile-line-height: var(--lds-typography-large-line-height);

  /* Sign out button */
  --lds-typography-sso-sign-out-color: var(--lds-typography-small-color);
  --lds-typography-sso-sign-out-font-size: var(--lds-typography-large-font-size);
  --lds-typography-sso-sign-out-font-weight: var(--lds-typography-large-font-weight);
  --lds-typography-sso-sign-out-line-height: var(--lds-typography-large-line-height);
  --lds-spacing-sso-sign-out-padding: var(--lds-spacing-sso-modal-padding);

  --lds-spacing-sso-icon-size: 1.25rem;
  --lds-spacing-sign-in-text-ml: .25rem;
  --lds-spacing-sso-icon-margin: .5rem;

  /* Divider */
  --lds-spacing-sso-divider-height: 32px;
  --lds-spacing-sso-divider-width: 1px;
  --lds-color-sso-divider: var(--lds-color-neutral-030);
  --lds-spacing-sso-divider-margin: 0 10px;

  /* Dropdown */
  --lds-spacing-sso-dropdown-min-width: 224px;
  --lds-spacing-sso-dropdown-max-width: 328px;
}

@media (min-width: 992px) {
  :root {
    --lds-typography-sso-email-font-size: var(--lds-typography-small-font-size);
    --lds-typography-sso-email-font-weight: var(--lds-typography-small-font-weight);
    --lds-typography-sso-email-line-height: var(--lds-typography-small-line-height);

    --lds-typography-sso-profile-font-size: var(--lds-typography-small-font-size);
    --lds-typography-sso-profile-line-height: var(--lds-typography-small-line-height);

    --lds-typography-sso-sign-out-font-size: var(--lds-typography-small-font-size);
    --lds-typography-sso-sign-out-font-weight: var(--lds-typography-small-font-weight);
    --lds-typography-sso-sign-out-line-height: var(--lds-typography-small-line-height);
  }
}

:root {
  --lds-typography-utility-menu-mobile-font-size: 14px;
  --lds-typography-utility-menu-mobile-font-weight: 400;
  --lds-typography-utility-menu-mobile-line-height: 22px;

  --lds-spacing-utility-menu-item-mobile-padding: 12px 16px;

  --lds-spacing-utility-menu-dropdown-nested-item-padding-left: 2rem;
}

/*
  Desktop utility menu styling only.
  Mobile utility menu is an entirely separate group of elements from the desktop version
*/

:root {
  --lds-color-utility-menu-bg: #F1F5F8;
  --lds-radius-utility-menu-bottom-left: 0;
  --lds-radius-utility-menu-bottom-right: 0;

  --lds-spacing-utility-menu-padding-top: 4px;
  --lds-spacing-utility-menu-padding-right: 48px;
  --lds-spacing-utility-menu-padding-bottom: 4px;
  --lds-spacing-utility-menu-padding-left: 40px;

  /* Utility menu items */
  --lds-color-utility-menu-text-fg: #212121;
  --lds-spacing-utility-menu-item-gap: 48px;

  --lds-typography-utility-menu-font-size: 12px;
  --lds-typography-utility-menu-font-weight: 400;
  --lds-typography-utility-menu-line-height: 15px;
  --lds-border-utility-menu-width: 1px;

  --lds-spacing-utility-menu-links-gap: 24px;
  --lds-spacing-utility-menu-selectors-gap: 4px;
  --lds-spacing-utility-menu-selectors-margin-left: 1.5rem;

  --lds-spacing-utility-menu-item-padding-top: 0;
  --lds-spacing-utility-menu-item-padding-right: 0;
  --lds-spacing-utility-menu-item-padding-bottom: 0;
  --lds-spacing-utility-menu-item-padding-left: 0;

  --lds-spacing-utility-menu-selector-padding: 6px;
  --lds-radius-utility-menu-selector: 8px;

  --lds-spacing-utility-menu-selector-icon-size: 20px;

  /* Lilly logo specific to the utility menu */
  --lds-spacing-utility-menu-logo-height: 36px;
  --lds-spacing-utility-menu-logo-width: 37px;
  --lds-spacing-utility-menu-logo-height-mobile: 48px;
  --lds-spacing-utility-menu-logo-width-mobile: 88px;

  /* Divider */
  --lds-spacing-utility-divider-height: 32px;
  --lds-spacing-utility-divider-width: 1px;
  --lds-color-utility-divider: var(--lds-color-neutral-030);
  --lds-spacing-utility-divider-margin-right: 4px;
}

/* Adjust dropdown chevrons to only have 4px margin when in utility nav */

.lds-header-utility {
  --lds-spacing-dropdown-expand-icon-margin-left: .25rem;
}

/* MARK: Screen size adjustments
*/

@media (min-width: 1000px) {
  :root {
    --lds-radius-utility-menu-bottom-left: 12px;
  }
}

@media (min-width: 1600px) {
  :root {
    --lds-radius-utility-menu-bottom-right: 12px;
  }
}

:root {
  --lds-spacing-hero-image-column-margin-bottom: 2.5rem;
  --lds-spacing-hero-image-column-margin-bottom-xxl: var(--lds-spacing-hero-image-column-margin-bottom);
  --lds-spacing-hero-image-column-margin-bottom-xl: var(--lds-spacing-hero-image-column-margin-bottom);
  --lds-spacing-hero-image-column-margin-bottom-lg: var(--lds-spacing-hero-image-column-margin-bottom);
  --lds-spacing-hero-image-column-margin-bottom-md: var(--lds-spacing-hero-image-column-margin-bottom);
  --lds-spacing-hero-image-column-margin-bottom-sm: var(--lds-spacing-hero-image-column-margin-bottom);
  --lds-spacing-hero-image-column-margin-bottom-xs: var(--lds-spacing-hero-image-column-margin-bottom);

  --lds-radius-hero-image-small: .25rem;  /*  4px */
  --lds-radius-hero-image-medium: .75rem; /* 12px */
  --lds-radius-hero-image-large: 1.5rem;  /* 24px */
}

:root {
  /* Primary Horizontal Divider */
  --lds-border-hr-primary-top-style: solid;
  --lds-border-hr-primary-top-width: 0.25rem;
  --lds-border-hr-primary-radius: 0;

  --lds-color-hr-primary-border-top: var(--lds-color-primary);
  --lds-color-hr-primary-opacity: 1;

  --lds-spacing-hr-primary-height: 0.25rem;
  --lds-spacing-hr-primary-width: 100%;

  --lds-spacing-hr-primary-margin-top: var(--lds-spacing-neg-025);
  --lds-spacing-hr-primary-margin-right: var(--lds-spacing-000);
  --lds-spacing-hr-primary-margin-bottom: var(--lds-spacing-000);
  --lds-spacing-hr-primary-margin-left: var(--lds-spacing-000);

  /* Secondary Horizontal Divider */
  --lds-border-hr-secondary-top-style: solid;
  --lds-border-hr-secondary-top-width: 0.0625rem;
  --lds-border-hr-secondary-radius: 0;

  --lds-color-hr-secondary-border-top: #E4EBF1;
  --lds-color-hr-secondary-opacity: 1;

  --lds-spacing-hr-secondary-height: 0.0625rem;
  --lds-spacing-hr-secondary-width: 100%;

  --lds-spacing-hr-secondary-margin-top: var(--lds-spacing-neg-006);
  --lds-spacing-hr-secondary-margin-right: var(--lds-spacing-000);
  --lds-spacing-hr-secondary-margin-bottom: var(--lds-spacing-000);
  --lds-spacing-hr-secondary-margin-left: var(--lds-spacing-000);

  /* Primary Vertical Divider */
  --lds-border-vr-primary-right-style: solid;
  --lds-border-vr-primary-right-width: 0.25rem;
  --lds-border-vr-primary-radius: 0;

  --lds-color-vr-primary-border-right: var(--lds-color-primary);
  --lds-color-vr-primary-opacity: 1;

  --lds-spacing-vr-primary-width: 0.25rem;
  --lds-spacing-vr-primary-height: 100%;

  --lds-spacing-vr-primary-margin-top: var(--lds-spacing-000);
  --lds-spacing-vr-primary-margin-right: var(--lds-spacing-neg-025);
  --lds-spacing-vr-primary-margin-bottom: var(--lds-spacing-000);
  --lds-spacing-vr-primary-margin-left: var(--lds-spacing-000);

  /* Secondary Vertical Divider */
  --lds-border-vr-secondary-right-style: solid;
  --lds-border-vr-secondary-right-width: 0.0625rem;
  --lds-border-vr-secondary-radius: 0;

  --lds-color-vr-secondary-border-right: #E4EBF1;
  --lds-color-vr-secondary-opacity: 1;

  --lds-spacing-vr-secondary-width: 0.0625rem;
  --lds-spacing-vr-secondary-height: 100%;

  --lds-spacing-vr-secondary-margin-top: var(--lds-spacing-000);
  --lds-spacing-vr-secondary-margin-right: var(--lds-spacing-neg-006);
  --lds-spacing-vr-secondary-margin-bottom: var(--lds-spacing-000);
  --lds-spacing-vr-secondary-margin-left: var(--lds-spacing-000);
}

:root {
  /* Dropdown wrapper */
  --lds-spacing-dropdown-wrapper-width: 100%;

  /* Dropdown button */
  --lds-color-dropdown-button-focus-outline: var(--lds-color-focus-outline);
  --lds-border-dropdown-button-focus-outline-offset: 2px;
  --lds-border-dropdown-button-focus-outline-style: var(--lds-border-focus-outline-style);
  --lds-border-dropdown-button-focus-outline-width: var(--lds-border-focus-outline-width);

  /* expand icon */
  --lds-spacing-dropdown-expand-icon-margin-left: .5rem;

  /* Dropdown container */
  --lds-shadow-dropdown: 0px 4px 8px 0px rgba(52, 63, 65, 0.04), 0px 8px 12px 0px rgba(52, 63, 65, 0.12);
  --lds-spacing-dropdown-top: 100%;
  --lds-spacing-dropdown-right: 0;
  --lds-spacing-dropdown-left: 0;
  --lds-radius-dropdown: var(--lds-radius-medium);
  --lds-color-dropdown-bg: var(--lds-color-white);
  --lds-z-index-dropdown: 10;

  /* dropdown item */
  --lds-spacing-dropdown-item-padding: 12px 16px;
  --lds-color-dropdown-item-fg: var(--lds-typography-color);
  --lds-color-dropdown-item-bg: var(--lds-color-white);

  /* dropdown item - hover */
  --lds-color-dropdown-item-hover: var(--lds-color-primary-functional-hover);

  /* dropdown item - focus */
  --lds-color-dropdown-item-focus-outline: var(--lds-color-focus-outline);
  --lds-border-dropdown-item-focus-outline-offset: -3px;
  --lds-border-dropdown-item-focus-outline-style: var(--lds-border-focus-outline-style);
  --lds-border-dropdown-item-focus-outline-width: var(--lds-border-focus-outline-width);
}

:root {
  --lds-color-icon-default: var(--lds-typography-color);
  --lds-spacing-icon-inline-height: 1.25em;
  --lds-spacing-icon-inline-width: 1.25em;
  --lds-spacing-icon-inline-margin-top: var(--lds-spacing-neg-025);

  --lds-spacing-icon-margin-top: var(--lds-spacing-000);
  --lds-spacing-icon-margin-right: var(--lds-spacing-000);
  --lds-spacing-icon-margin-bottom: var(--lds-spacing-000);
  --lds-spacing-icon-margin-left: var(--lds-spacing-000);
}

:root {
  --lds-spacing-image-width: 100%
}

:root {
  --lds-color-image-comparison-slider-background: var(--lds-color-white);
  --lds-color-image-comparison-slider-button-background: rgba(33, 33, 33, .3);
  --lds-color-image-comparison-slider-button-focus: var(--lds-color-grey-900);

  --lds-radius-image-comparison-slider: .25rem;
  --lds-radius-image-comparison-slider-button: 100px;

  --lds-border-image-comparison-slider-width: .25rem;

  --lds-shadow-image-comparison-slider: 0 3px 8px rgba(33, 33, 33, .2);
  --lds-shadow-image-comparison-slider-button: 0 0 0 3px hsla(0deg, 0%, 100%, .8);

  --lds-spacing-image-comparison-slider-margin-bottom: var(--lds-spacing-200);
  --lds-spacing-image-comparison-slider-title-margin-bottom: var(--lds-spacing-100);
  --lds-spacing-image-comparison-slider-caption-margin-top: var(--lds-spacing-150);
  --lds-spacing-image-comparison-slider-buffer-padding: var(--lds-spacing-100);
  --lds-spacing-image-comparison-slider-buffer-margin: -1rem;
}

:root {
  /* MARK: Borders and Outline
   */
  --lds-border-image-slider-outline-offset-focus: var(--lds-border-focus-outline-offset);
  --lds-border-image-slider-outline-style-focus: var(--lds-border-focus-outline-style);
  --lds-border-image-slider-outline-width-focus: var(--lds-border-focus-outline-width);

  /* MARK: Colors
   */
  --lds-color-image-slider-outline-focus: var(--lds-color-neutral-010);
  --lds-color-image-slider-background: var(--lds-color-neutral-070);
  --lds-color-image-slider-counter: var(--lds-color-neutral-040);
  --lds-color-image-slider-counter-active: var(--lds-color-white);
  --lds-color-image-slider-counter-background:  rgba(26, 25, 25, 0.85);
  --lds-color-image-slider-nav-buttons: var(--lds-color-white);
  --lds-color-image-slider-nav-buttons-hover: var(--lds-color-neutral-010);
  --lds-color-image-slider-nav-buttons-background: rgba(26, 25, 25, 0.70);
  --lds-color-image-slider-nav-buttons-hover-background: rgba(40, 40, 40, 0.70);

  --lds-color-image-slider-dots-background: var(--lds-color-neutral-050);
  --lds-color-image-slider-dots-active-background: var(--lds-color-white);
  --lds-color-image-slider-dots-hover-background: var(--lds-color-neutral-040);

  /* MARK: Radius
   */
  --lds-radius-image-slider-body: var(--lds-radius-small);
  --lds-radius-image-slider-toggle-button: var(--lds-radius-small);
  --lds-radius-image-slider-nav-buttons: var(--lds-radius-small);
  --lds-radius-image-slider-dots: var(--lds-spacing-100);

  /* MARK: Spacing
   */
  --lds-spacing-image-slider-margin-bottom: var(--lds-spacing-200);
  --lds-spacing-image-slider-frame-margin-right: var(--lds-spacing-025);
  --lds-spacing-image-slider-counter-padding: 5px 10px;

  --lds-spacing-image-slider-nav-buttons-padding-top: var(--lds-spacing-013);
  --lds-spacing-image-slider-nav-buttons-padding-right: var(--lds-spacing-025);
  --lds-spacing-image-slider-nav-buttons-padding-bottom: var(--lds-spacing-013);
  --lds-spacing-image-slider-nav-buttons-padding-left: var(--lds-spacing-025);
  --lds-spacing-image-slider-nav-buttons-margin: var(--lds-spacing-075);

  --lds-spacing-image-slider-dots-button-width: 2.75rem;
  --lds-spacing-image-slider-dots-button-height: 2.75rem;
  --lds-spacing-image-slider-dots-active-width: var(--lds-spacing-100);
  --lds-spacing-image-slider-dots-active-height: var(--lds-spacing-100);
  --lds-spacing-image-slider-dots-hover-width: var(--lds-spacing-063);
  --lds-spacing-image-slider-dots-hover-height: var(--lds-spacing-063);
  --lds-spacing-image-slider-dots-width: var(--lds-spacing-050);
  --lds-spacing-image-slider-dots-height: var(--lds-spacing-050);

  --lds-spacing-image-slider-toggle-button-padding: var(--lds-spacing-013);
  --lds-spacing-image-slider-toggle-button-width: var(--lds-spacing-175);
  --lds-spacing-image-slider-toggle-button-height: var(--lds-spacing-175);
  --lds-spacing-image-slider-toggle-button-right: 0;
  --lds-spacing-image-slider-toggle-button-top: 0;

  --lds-spacing-image-slider-caption-margin-top: var(--lds-spacing-050);

  /* MARK: Typography
   */
  --lds-typography-image-slider-caption-font-size: var(--lds-typography-small-font-size);
  --lds-typography-image-slider-caption-font-weight: var(--lds-typography-font-weight-bold);

  --lds-z-index-image-slider-exanded: 200;
}

@media (min-width: 768px) {
  :root {
    --lds-spacing-image-slider-nav-buttons-padding-top: var(--lds-spacing-063);
    --lds-spacing-image-slider-nav-buttons-padding-right: var(--lds-spacing-075);
    --lds-spacing-image-slider-nav-buttons-padding-bottom: var(--lds-spacing-063);
    --lds-spacing-image-slider-nav-buttons-padding-left: var(--lds-spacing-075);
  }
}

:root {
  /** Dimensions **/
  --lds-spacing-interactive-card-width: 100%;
  --lds-spacing-interactive-card-min-width: 288px;
  --lds-spacing-interactive-card-max-width: 480px;

  --lds-spacing-interactive-card-image-max-width-rwm: 80px;
  --lds-spacing-interactive-card-image-max-width-rwt: 96px;
  --lds-spacing-interactive-card-image-max-width-rwd: 112px;
  --lds-spacing-interactive-card-image-max-width: var(--lds-spacing-interactive-card-image-max-width-rwm);

  /** Density **/
  --lds-spacing-interactive-card-image-pd-small: 1rem;
  --lds-spacing-interactive-card-image-pd-medium: 1rem;
  --lds-spacing-interactive-card-image-pd-large: 1rem;
  --lds-spacing-interactive-card-image-padding: var(--lds-spacing-interactive-card-image-pd-small);

  --lds-spacing-interactive-card-body-padding-top-small: 1rem;
  --lds-spacing-interactive-card-body-padding-bottom-small: 1rem;
  --lds-spacing-interactive-card-body-padding-right-small: 1rem;
  --lds-spacing-interactive-card-body-padding-left-small: 1rem;

  --lds-spacing-interactive-card-body-padding-top-medium: 1.5rem;
  --lds-spacing-interactive-card-body-padding-bottom-medium: 1.5rem;
  --lds-spacing-interactive-card-body-padding-right-medium: 1rem;
  --lds-spacing-interactive-card-body-padding-left-medium: 1rem;

  --lds-spacing-interactive-card-body-padding-top-large: 2rem;
  --lds-spacing-interactive-card-body-padding-bottom-large: 2rem;
  --lds-spacing-interactive-card-body-padding-right-large: 1rem;
  --lds-spacing-interactive-card-body-padding-left-large: 1rem;

  --lds-spacing-interactive-card-body-padding-top: var(--lds-spacing-interactive-card-body-padding-top-small);
  --lds-spacing-interactive-card-body-padding-bottom: var(--lds-spacing-interactive-card-body-padding-bottom-small);
  --lds-spacing-interactive-card-body-padding-right: var(--lds-spacing-interactive-card-body-padding-right-small);
  --lds-spacing-interactive-card-body-padding-left: var(--lds-spacing-interactive-card-body-padding-left-small);

  --lds-spacing-interactive-card-title-margin-bottom-small: .25rem;
  --lds-spacing-interactive-card-title-margin-bottom-medium: .25rem;
  --lds-spacing-interactive-card-title-margin-bottom-large: .25rem;
  --lds-spacing-interactive-card-title-margin-bottom: var(--lds-spacing-interactive-card-title-margin-bottom-small);

  --lds-spacing-interactive-card-content-margin-bottom-small: 0;
  --lds-spacing-interactive-card-content-margin-bottom-medium: 0;
  --lds-spacing-interactive-card-content-margin-bottom-large: 0;
  --lds-spacing-interactive-card-content-margin-bottom: var(--lds-spacing-interactive-card-content-margin-bottom-small);

  /** Typography **/
  --lds-typography-interactive-card-title-color: var(--lds-typography-color);
  --lds-typography-interactive-card-title-line-height: var(--lds-typography-action-line-height); /* 1.75rem = 28px */
  --lds-typography-interactive-card-title-font-size: var(--lds-typography-action-font-size); /* 1.125rem = 18px */
  --lds-typography-interactive-card-title-font-weight: var(--lds-typography-font-weight-bold); /* 700 */

  --lds-typography-interactive-card-content-color: var(--lds-color-neutral-080);
  --lds-typography-interactive-card-content-line-height: var(--lds-typography-large-line-height); /* 1.5rem = 24px */
  --lds-typography-interactive-card-content-font-size: var(--lds-typography-large-font-size); /* 1rem = 16px */
  --lds-typography-interactive-card-content-font-weight: var(--lds-typography-font-weight-regular); /* 400 */

  --lds-typography-interactive-card-link-color: var(--lds-color-action-fg);

  /** Background Colors **/
  --lds-color-interactive-card-background: var(--lds-color-white);
  --lds-color-interactive-card-background-hover: var(--lds-color-primary-005);
  --lds-color-interactive-card-background-focus: var(--lds-color-primary-005);
  --lds-color-interactive-card-background-active: var(--lds-color-primary-010);

  --lds-color-interactive-card-image-background: transparent;
  --lds-color-interactive-card-image-background-hover: transparent;
  --lds-color-interactive-card-image-background-focus: transparent;
  --lds-color-interactive-card-image-background-active: transparent;

  /** Box Shadows **/

  /* STANDARD */
  /* --lds-shadow-interactive-card:
    0 2px 4px 0 rgba(52, 63, 65, .2); */

  --lds-shadow-interactive-card-color-base: #343F41; /* Figma spec is a non-palette color of #343F41 */
  --lds-shadow-interactive-card-color-opacity: 20%;
  --lds-shadow-interactive-card-color: color-mix(in srgb, var(--lds-shadow-interactive-card-color-base) var(--lds-shadow-interactive-card-color-opacity), transparent);
  --lds-shadow-interactive-card-offset-x: 0;
  --lds-shadow-interactive-card-offset-y: 2px;
  --lds-shadow-interactive-card-blur-radius: 4px;
  --lds-shadow-interactive-card-spread-radius: 0;

  --lds-shadow-interactive-card:
    var(--lds-shadow-interactive-card-offset-x)
    var(--lds-shadow-interactive-card-offset-y)
    var(--lds-shadow-interactive-card-blur-radius)
    var(--lds-shadow-interactive-card-spread-radius)
    var(--lds-shadow-interactive-card-color);

  /* HOVER */
  /* --lds-shadow-interactive-card-hover:
    0px 4px 8px 0px rgba(52, 63, 65, 0.04),
    0px 8px 12px 0px rgba(52, 63, 65, 0.12); */

  --lds-shadow-interactive-card-hover-color-base: var(--lds-shadow-interactive-card-color-base);

  --lds-shadow-interactive-card-hover-1-color-base: var(--lds-shadow-interactive-card-hover-color-base);
  --lds-shadow-interactive-card-hover-1-color-opacity: 4%;
  --lds-shadow-interactive-card-hover-1-color: color-mix(in srgb, var(--lds-shadow-interactive-card-hover-1-color-base) var(--lds-shadow-interactive-card-hover-1-color-opacity), transparent);
  --lds-shadow-interactive-card-hover-1-offset-x: 0;
  --lds-shadow-interactive-card-hover-1-offset-y: 4px;
  --lds-shadow-interactive-card-hover-1-blur-radius: 8px;
  --lds-shadow-interactive-card-hover-1-spread-radius: 0;

  --lds-shadow-interactive-card-hover-1:
    var(--lds-shadow-interactive-card-hover-1-offset-x)
    var(--lds-shadow-interactive-card-hover-1-offset-y)
    var(--lds-shadow-interactive-card-hover-1-blur-radius)
    var(--lds-shadow-interactive-card-hover-1-spread-radius)
    var(--lds-shadow-interactive-card-hover-1-color);

  --lds-shadow-interactive-card-hover-2-color-base: var(--lds-shadow-interactive-card-hover-color-base);
  --lds-shadow-interactive-card-hover-2-color-opacity: 12%;
  --lds-shadow-interactive-card-hover-2-color: color-mix(in srgb, var(--lds-shadow-interactive-card-hover-1-color-base) var(--lds-shadow-interactive-card-hover-1-color-opacity), transparent);
  --lds-shadow-interactive-card-hover-2-offset-x: 0;
  --lds-shadow-interactive-card-hover-2-offset-y: 8px;
  --lds-shadow-interactive-card-hover-2-blur-radius: 12px;
  --lds-shadow-interactive-card-hover-2-spread-radius: 0;

  --lds-shadow-interactive-card-hover-2:
    var(--lds-shadow-interactive-card-hover-2-offset-x)
    var(--lds-shadow-interactive-card-hover-2-offset-y)
    var(--lds-shadow-interactive-card-hover-2-blur-radius)
    var(--lds-shadow-interactive-card-hover-2-spread-radius)
    var(--lds-shadow-interactive-card-hover-2-color);

  --lds-shadow-interactive-card-hover:
    var(--lds-shadow-interactive-card-hover-1),
    var(--lds-shadow-interactive-card-hover-2);

  /* ACTIVE */
  /* --lds-shadow-interactive-card-active:
    0px 2px 4px 0px rgba(52, 63, 65, 0.16),
    0px 4px 6px 0px rgba(52, 63, 65, 0.10); */

  --lds-shadow-interactive-card-active-color-base: var(--lds-shadow-interactive-card-color-base);

  --lds-shadow-interactive-card-active-1-color-base: var(--lds-shadow-interactive-card-active-color-base);
  --lds-shadow-interactive-card-active-1-color-opacity: 4%;
  --lds-shadow-interactive-card-active-1-color: color-mix(in srgb, var(--lds-shadow-interactive-card-active-1-color-base) var(--lds-shadow-interactive-card-active-1-color-opacity), transparent);
  --lds-shadow-interactive-card-active-1-offset-x: 0;
  --lds-shadow-interactive-card-active-1-offset-y: 4px;
  --lds-shadow-interactive-card-active-1-blur-radius: 8px;
  --lds-shadow-interactive-card-active-1-spread-radius: 0;

  --lds-shadow-interactive-card-active-1:
    var(--lds-shadow-interactive-card-active-1-offset-x)
    var(--lds-shadow-interactive-card-active-1-offset-y)
    var(--lds-shadow-interactive-card-active-1-blur-radius)
    var(--lds-shadow-interactive-card-active-1-spread-radius)
    var(--lds-shadow-interactive-card-active-1-color);

  --lds-shadow-interactive-card-active-2-color-base: var(--lds-shadow-interactive-card-active-color-base);
  --lds-shadow-interactive-card-active-2-color-opacity: 12%;
  --lds-shadow-interactive-card-active-2-color: color-mix(in srgb, var(--lds-shadow-interactive-card-active-1-color-base) var(--lds-shadow-interactive-card-active-1-color-opacity), transparent);
  --lds-shadow-interactive-card-active-2-offset-x: 0;
  --lds-shadow-interactive-card-active-2-offset-y: 8px;
  --lds-shadow-interactive-card-active-2-blur-radius: 12px;
  --lds-shadow-interactive-card-active-2-spread-radius: 0;

  --lds-shadow-interactive-card-active-2:
    var(--lds-shadow-interactive-card-active-2-offset-x)
    var(--lds-shadow-interactive-card-active-2-offset-y)
    var(--lds-shadow-interactive-card-active-2-blur-radius)
    var(--lds-shadow-interactive-card-active-2-spread-radius)
    var(--lds-shadow-interactive-card-active-2-color);

  --lds-shadow-interactive-card-active:
    var(--lds-shadow-interactive-card-active-1),
    var(--lds-shadow-interactive-card-active-2);

  /** Border */
  --lds-border-interactive-card-style: solid;
  --lds-border-interactive-card-width: 1px;

  --lds-border-interactive-card-color: var(--lds-color-neutral-010);
  --lds-border-interactive-card-color-hover: var(--lds-border-interactive-card-color);
  --lds-border-interactive-card-color-focus: var(--lds-border-interactive-card-color-hover);
  --lds-border-interactive-card-color-active: var(--lds-border-interactive-card-color);

  /* FOCUS RING */
  --lds-border-interactive-card-outline-focus: 3px solid var(--lds-color-neutral-070);
  --lds-border-interactive-card-outline-offset-focus: 3px;

  /** Radius **/

  /* CARD */
  --lds-radius-interactive-card-border-none: var(--lds-radius-none);
  --lds-radius-interactive-card-border-xsmall: var(--lds-radius-xsmall);
  --lds-radius-interactive-card-border-small: var(--lds-radius-small);
  --lds-radius-interactive-card-border-medium: var(--lds-radius-medium);
  --lds-radius-interactive-card-border-large: var(--lds-radius-large);

  /* Global Themable Default */
  --lds-radius-interactive-card-border: var(--lds-radius-default);

  /* FOCUS */
  --lds-radius-interactive-card-border-focus-none: var(--lds-radius-none);
  --lds-radius-interactive-card-border-focus-xsmall: var(--lds-radius-xsmall);
  --lds-radius-interactive-card-border-focus-small: var(--lds-radius-small);
  --lds-radius-interactive-card-border-focus-medium: var(--lds-radius-medium);
  --lds-radius-interactive-card-border-focus-large: var(--lds-radius-large);

  --lds-radius-interactive-card-border-focus: var(--lds-radius-default);

  /** Images **/

  --lds-color-interactive-card-icon-background: var(--lds-color-black);
}

:root {
  /* *** TYPOGRAPHY *** */
  /* Many of these have been set based on regulatory compliance requirements -- OVERRIDE DANGEROUSLY */

  --lds-typography-isi-v2-brand-color: var(--lds-color-primary-060);

  /* Panel Main Headings (ALL INSTANCES) */
  --lds-typography-isi-v2-panel-headings-color: var(--lds-typography-isi-v2-brand-color);
  --lds-typography-isi-v2-panel-headings-font-size: var(--lds-typography-large-font-size);
  --lds-typography-isi-v2-panel-headings-font-weight: var(--lds-typography-font-weight-bold);
  --lds-typography-isi-v2-panel-headings-line-height: 1rem;

  /* Main Copy Globals */
  --lds-typography-isi-v2-content-elements-mb: 2rem;

  /* Main Copy Headings (Applies to ALL heading levels!) */
  --lds-typography-isi-v2-content-headings-color: var(--lds-typography-isi-v2-brand-color);
  --lds-typography-isi-v2-content-headings-font-size: var(--lds-typography-large-font-size);
  --lds-typography-isi-v2-content-headings-font-weight: var(--lds-typography-font-weight-bold);
  --lds-typography-isi-v2-content-headings-line-height: var(--lds-typography-large-line-height);
  --lds-typography-isi-v2-content-headings-margin-bottom: var(--lds-typography-isi-v2-content-elements-mb);

  /* Main Copy Serious Side Effects (SSE) Heading Override */
  --lds-typography-isi-v2-content-heading-sse-color: var(--lds-typography-copy-color);
  --lds-typography-isi-v2-content-heading-sse-font-size: var(--lds-typography-h6-rwd-font-size);
  --lds-typography-isi-v2-content-heading-sse-font-weight: var(--lds-typography-h6-rwd-font-weight);
  --lds-typography-isi-v2-content-heading-sse-line-height: var(--lds-typography-h6-rwd-line-height);

  /* Main Copy ISI Warning Block Inline Heading Override */
  --lds-typography-isi-v2-content-warning-block-heading-color: var(--lds-typography-isi-v2-brand-color);
  --lds-typography-isi-v2-content-warning-block-heading-font-weight: var(--lds-typography-font-weight-bold);

  /* Main Copy Default (applies to P, LI, etc.) */
  --lds-typography-isi-v2-content-color: var(--lds-typography-copy-color);
  --lds-typography-isi-v2-content-font-size: var(--lds-typography-medium-font-size);
  --lds-typography-isi-v2-content-font-weight: var(--lds-typography-medium-font-weight);
  --lds-typography-isi-v2-content-line-height: var(--lds-typography-medium-line-height);
  --lds-typography-isi-v2-content-margin-bottom: var(--lds-typography-isi-v2-content-elements-mb);

  /* *** BACKGROUND TREATMENTS *** */

  /* ISI Desktop and Mobile ISI Panel Background Colors */
  --lds-color-isi-v2-bg-base: var(--lds-color-white);
  --lds-color-isi-v2-bg-gradient: var(--lds-color-primary-010); /* #E4EBF1; */

  --lds-color-isi-v2-bg-gradient-start: var(--lds-color-isi-v2-bg-gradient);
  --lds-color-isi-v2-bg-gradient-stop: color-mix(in srgb, var(--lds-color-isi-v2-bg-gradient) 20%, transparent); /* rgba(228, 235, 241, 0.20) === #E4EBF133 */

  /* INDICATIONS Mobile Panel Background Colors */
  --lds-color-isi-v2-bg-indications-base: var(--lds-color-white);
  --lds-color-isi-v2-bg-indications-gradient: var(--lds-color-primary-005); /* #F1F5F8; */

  --lds-color-isi-v2-bg-indications-gradient-start: var(--lds-color-isi-v2-bg-indications-gradient);
  --lds-color-isi-v2-bg-indications-gradient-stop: color-mix(in srgb, var(--lds-color-isi-v2-bg-indications-gradient) 20%, transparent); /* rgba(241, 245, 248, 0.20) === #F1F5F833 */

  /* This token actually sets the 'background' value for the Desktop ISI and Mobile ISI panel -- OVERRIDE DANGEROUSLY */
  --lds-color-isi-v2-background:
    linear-gradient(
      180deg,
      var(--lds-color-isi-v2-bg-gradient-start) 0%,
      var(--lds-color-isi-v2-bg-gradient-stop) 100%
     ),
     var(--lds-color-isi-v2-bg-base);

  /* This token actually sets the 'background' value for the Mobile INDICATIONS panel -- OVERRIDE DANGEROUSLY */
  --lds-color-isi-v2-background-indications:
    linear-gradient(
      180deg,
      var(--lds-color-isi-v2-bg-indications-gradient-start) 0%,
      var(--lds-color-isi-v2-bg-indications-gradient-stop) 100%
    ),
    var(--lds-color-isi-v2-bg-indications-base);


  /* ** BOX SHADOW APPLIED TO THE TOP OF THE ISI PANEL(S) ** */
  /* TODO: Refactor to use global shadow tokens when ready: USE "Shadow - Level 1 Inverse" */
  --lds-spacing-isi-v2-box-shadow-offset-x: 0;
  --lds-spacing-isi-v2-box-shadow-offset-y: -.125rem;
  --lds-spacing-isi-v2-box-shadow-blur-radius: .25rem;
  --lds-spacing-isi-v2-box-shadow-spread-radius: 0;
  --lds-spacing-isi-v2-box-shadow:
    var(--lds-spacing-isi-v2-box-shadow-offset-x)
    var(--lds-spacing-isi-v2-box-shadow-offset-y)
    var(--lds-spacing-isi-v2-box-shadow-blur-radius)
    var(--lds-spacing-isi-v2-box-shadow-spread-radius);
  --lds-color-isi-v2-box-shadow: rgba(52, 63, 65, 0.20);
  /* Top Panel Box Shadow Adjustment:
   * Fixes box shadow cut off due to overflow restrictions of the ISI panel(s)
   * Must be set to the box-shadow blur-radius value
   * SYSTEM TOKEN: Do not document or manually override this this token
   */
  --lds-spacing-isi-v2-pt-box-shadow-adjustment: var(--lds-spacing-isi-v2-box-shadow-blur-radius);

  /* ** RADIUS APPLIED TO THE THE ISI PANEL(S) ** */
  /* Quick token to set both top corner values identically */
  --lds-radius-isi-v2-panel-top-corners: 1.5rem;
  /* This token sets all the individual corner radius values for the 'radius' selector -- OVERRIDE DANGEROUSLY */
  --lds-radius-isi-v2-panel:
    var(--lds-radius-isi-v2-panel-top-corners)
    var(--lds-radius-isi-v2-panel-top-corners)
    0px
    0px;

  /* *** BANNERS *** */
  /* ** RESPONSIVE PADDING ** */
  /* Applies to the headings in all banners and the headings in the content blocks */
  /* XS */
  --lds-spacing-isi-v2-banner-heading-xs-pb: 1rem;
  --lds-spacing-isi-v2-banner-heading-xs-pt: 1rem;
  /* SM */
  --lds-spacing-isi-v2-banner-heading-sm-pb: 1rem;
  --lds-spacing-isi-v2-banner-heading-sm-pt: 1rem;
  /* MD */
  --lds-spacing-isi-v2-banner-heading-md-pb: 1rem;
  --lds-spacing-isi-v2-banner-heading-md-pt: 1.5rem;
  /* LG */
  --lds-spacing-isi-v2-banner-heading-lg-pb: 1rem;
  --lds-spacing-isi-v2-banner-heading-lg-pt: 2rem;
  /* XL */
  --lds-spacing-isi-v2-banner-heading-xl-pb: 1rem;
  --lds-spacing-isi-v2-banner-heading-xl-pt: 1.5rem;
  /* XXL */
  --lds-spacing-isi-v2-banner-heading-xxl-pb: 1rem;
  --lds-spacing-isi-v2-banner-heading-xxl-pt: 1.5rem;

  /* ** BANNER HEIGHTS -- Computed from the heading text line-height and padding */
  /* THESE SHOULD NOT BE OVERRIDDEN -- Do not document to implementers */
  /* [XS] */
  --lds-spacing-isi-v2-banner-xs-height: calc(
    var(--lds-typography-isi-v2-panel-headings-line-height) +
    (
      var(--lds-spacing-isi-v2-banner-heading-xs-pb) +
      var(--lds-spacing-isi-v2-banner-heading-xs-pt)
    )
  );
  /* [SM] */
  --lds-spacing-isi-v2-banner-sm-height: calc(
    var(--lds-typography-isi-v2-panel-headings-line-height) +
    (
      var(--lds-spacing-isi-v2-banner-heading-sm-pb) +
      var(--lds-spacing-isi-v2-banner-heading-sm-pt)
    )
  );
  /* [MD] */
  --lds-spacing-isi-v2-banner-md-height: calc(
    var(--lds-typography-isi-v2-panel-headings-line-height) +
    (
      var(--lds-spacing-isi-v2-banner-heading-md-pb) +
      var(--lds-spacing-isi-v2-banner-heading-md-pt)
    )
  );
  /* [LG] */
  --lds-spacing-isi-v2-banner-lg-height: calc(
    var(--lds-typography-isi-v2-panel-headings-line-height) +
    (
      var(--lds-spacing-isi-v2-banner-heading-lg-pb) +
      var(--lds-spacing-isi-v2-banner-heading-lg-pt)
    )
  );
  /* [XL] */
  --lds-spacing-isi-v2-banner-xl-height: calc(
    var(--lds-typography-isi-v2-panel-headings-line-height) +
    (
      var(--lds-spacing-isi-v2-banner-heading-xl-pb) +
      var(--lds-spacing-isi-v2-banner-heading-xl-pt)
    )
  );
  /* [XXL] */
  --lds-spacing-isi-v2-banner-xxl-height: calc(
    var(--lds-typography-isi-v2-panel-headings-line-height) +
    (
      var(--lds-spacing-isi-v2-banner-heading-xxl-pb) +
      var(--lds-spacing-isi-v2-banner-heading-xxl-pt)
    )
  );

  /* *** COLLAPSED DETACHED ISI CONTENT PEEK VALUES *** */
  --lds-spacing-isi-v2-xs-content-peek-height: 5.25rem;
  --lds-spacing-isi-v2-sm-content-peek-height: 6rem;
  --lds-spacing-isi-v2-md-content-peek-height: 5.75rem;
  --lds-spacing-isi-v2-lg-content-peek-height: 5.75rem;
  --lds-spacing-isi-v2-xl-content-peek-height: 5.75rem;
  --lds-spacing-isi-v2-xxl-content-peek-height: 5.75rem;


  /* ** STATE HEIGHT VALUES -- Computed from banner height and content peek values ** */
  /* THESE SHOULD NOT BE OVERRIDDEN -- Do not document to implementers */

  /* * COLLAPSED */
  /* [XS] */
  --lds-spacing-isi-v2-xs-isi-collapsed-height: calc(
    var(--lds-spacing-isi-v2-banner-xs-height) +
    var(--lds-spacing-isi-v2-xs-content-peek-height)
  );
  --lds-spacing-isi-v2-xs-ind-collapsed-height: var(--lds-spacing-isi-v2-banner-xs-height);
  --lds-spacing-isi-v2-xs-collapsed-height: calc(
    var(--lds-spacing-isi-v2-xs-isi-collapsed-height) +
    var(--lds-spacing-isi-v2-xs-ind-collapsed-height)
  );
  /* [SM] - Stacked ISI Panels */
  --lds-spacing-isi-v2-sm-isi-collapsed-height: calc(
    var(--lds-spacing-isi-v2-banner-sm-height) +
    var(--lds-spacing-isi-v2-sm-content-peek-height)
  );
  --lds-spacing-isi-v2-sm-ind-collapsed-height: var(--lds-spacing-isi-v2-banner-sm-height);
  --lds-spacing-isi-v2-sm-collapsed-height: calc(
    var(--lds-spacing-isi-v2-sm-isi-collapsed-height) +
    var(--lds-spacing-isi-v2-sm-ind-collapsed-height)
  );
  /* [MD] - Single ISI Panel */
  --lds-spacing-isi-v2-md-collapsed-height: calc(
    var(--lds-spacing-isi-v2-banner-md-height) +
    var(--lds-spacing-isi-v2-md-content-peek-height)
  );
  /* [LG] - Single ISI Panel */
  --lds-spacing-isi-v2-lg-collapsed-height: calc(
    var(--lds-spacing-isi-v2-banner-lg-height) +
    var(--lds-spacing-isi-v2-lg-content-peek-height)
  );
  /* [XL] - Single ISI Panel */
  --lds-spacing-isi-v2-xl-collapsed-height: calc(
    var(--lds-spacing-isi-v2-banner-xl-height) +
    var(--lds-spacing-isi-v2-xl-content-peek-height)
  );
  /* [XXL] - Single ISI Panel */
  --lds-spacing-isi-v2-xxl-collapsed-height: calc(
    var(--lds-spacing-isi-v2-banner-xxl-height) +
    var(--lds-spacing-isi-v2-xxl-content-peek-height)
  );

  /* ** MOBILE EXPANDED BANNER OFFSETS ** */
  /* THESE SHOULD NOT BE OVERRIDDEN -- Do not document to implementers */

  /* [XS] */
  --lds-spacing-isi-v2-banner-xs-isi-expanded-height-offset: calc(
    var(--lds-spacing-isi-v2-banner-xs-height) +
    var(--lds-spacing-isi-v2-xs-ind-collapsed-height)
  );
  --lds-spacing-isi-v2-banner-xs-ind-expanded-height-offset: calc(
    var(--lds-spacing-isi-v2-banner-xs-height) +
    var(--lds-spacing-isi-v2-xs-isi-collapsed-height)
  );
  /* [SM] */
  --lds-spacing-isi-v2-banner-sm-isi-expanded-height-offset: calc(
    var(--lds-spacing-isi-v2-banner-sm-height) +
    var(--lds-spacing-isi-v2-sm-ind-collapsed-height)
  );
  --lds-spacing-isi-v2-banner-sm-ind-expanded-height-offset: calc(
    var(--lds-spacing-isi-v2-banner-sm-height) +
    var(--lds-spacing-isi-v2-sm-isi-collapsed-height)
  );

  /* ISI EXPANDED SCROLLABLE CONTENT SAFETY PADDING *
   * When the ISI is detached and in an expanded scrollable state this bottom "safety" padding
   * ensures there's no chance there is content that cannot be scrolled into visible range
   */
  --lds-spacing-isi-v2-rwm-expanded-content-scroll-safety-padding: 4rem;
  --lds-spacing-isi-v2-rwd-expanded-content-scroll-safety-padding: 1rem;

  /* *** TOGGLE ICONS *** */
  --lds-color-isi-v2-panel-toggle-icon: var(--lds-typography-isi-v2-panel-headings-color);
  --lds-color-isi-v2-panel-toggle-icon-active: var(--lds-color-isi-v2-panel-toggle-icon);
  --lds-color-isi-v2-panel-toggle-icon-focus: var(--lds-color-isi-v2-panel-toggle-icon);
  --lds-color-isi-v2-panel-toggle-icon-hover: var(--lds-color-isi-v2-panel-toggle-icon);
  --lds-typography-isi-v2-panel-toggle-icon-rwm-font-size: 1rem;
  --lds-typography-isi-v2-panel-toggle-icon-rwd-font-size: 1.25rem;

  /* *** ANIMATION SETTINGS *** */
  --lds-animation-isi-v2-columns-rwd-expand-transition-length: var(--lds-animation-duration-long);
  --lds-animation-isi-v2-columns-rwm-expand-transition-length: var(--lds-animation-duration-long);
  --lds-animation-isi-v2-columns-rwm-expand-transition-delay: var(--lds-animation-duration-short);
}

:root {
  --lds-color-jump-menu: var(--lds-color-neutral-070);
  --lds-color-jump-menu-list-item-background: var( --lds-color-neutral-020);
  --lds-color-jump-menu-list-item-visited: inherit;
  --lds-color-jump-menu-list-item-hover: var(--lds-color-primary-fg-hover);
  --lds-color-jump-menu-list-item-active: var(--lds-typography-color);
  --lds-color-jump-menu-list-item-active-bg: var(--lds-color-primary);
  --lds-color-jump-menu-outline-focus: var(--lds-color-focus-outline);
  --lds-color-jump-menu-title: var(--lds-typography-color);
  --lds-color-jump-menu-group-title: var(--lds-color-neutral-060);

  --lds-spacing-jump-menu-max-width: 224px;
  --lds-spacing-jump-menu-padding: .125rem;
  --lds-spacing-jump-menu-list-item-padding-x: 1rem;
  --lds-spacing-jump-menu-list-item-padding-y: .5rem;
  --lds-spacing-jump-menu-list-item-line-width: .125rem;
  --lds-spacing-jump-menu-title-margin: 1rem;

  --lds-radius-jump-menu-list-item: .25rem;

  --lds-typography-jump-menu-font-weight: var(--lds-typography-large-font-weight);
  --lds-typography-jump-menu-line-height: var(--lds-typography-large-line-height);
  --lds-typography-jump-menu-title-font-size: 1.25rem;
  --lds-typography-jump-menu-title-font-weight: var(--lds-typography-font-weight-bold);
  --lds-typography-jump-menu-title-line-height: 2rem;
  --lds-typography-jump-menu-group-title-font-size: .75rem;
  --lds-typography-jump-menu-group-title-font-weight: var(--lds-typography-font-weight-bold);
  --lds-typography-jump-menu-group-title-line-height: 1.125rem;
  --lds-typography-jump-menu-active-font-weight: var(--lds-typography-font-weight-semi-bold);

  --lds-border-jump-menu-focus-outline-offset: -2px;
  --lds-border-jump-menu-focus-outline-style: var(--lds-border-focus-outline-style);
  --lds-border-jump-menu-focus-outline-width: var(--lds-border-focus-outline-width);
}

:root {
  --lds-language-select-max-width: 10rem;

  --lds-spacing-language-select-padding-top: var(--lds-spacing-050);
  --lds-spacing-language-select-padding-bottom: var(--lds-spacing-050);
  --lds-spacing-language-select-padding-left: 0.75rem;
  --lds-spacing-language-select-padding-right: 0.75rem;

  --lds-spacing-language-select-label-padding-top: var(--lds-spacing-075);
  --lds-spacing-language-select-label-padding-right: var(--lds-spacing-200);
  --lds-spacing-language-select-label-padding-bottom: var(--lds-spacing-075);
  --lds-spacing-language-select-label-padding-left: var(--lds-spacing-100);

  --lds-spacing-language-select-padding-y-compact: var(--lds-spacing-025);

  --lds-typography-language-select-font: 1rem;
  --lds-radius-language-select: 0.75rem;
  --lds-radius-language-select-compact: 0.625rem;

  --lds-color-language-select-background: var(--lds-color-neutral-000);
  --lds-shadow-language-select: none;
  --lds-border-language-select-color: var(--lds-color-neutral-030);
  --lds-border-language-select-width: 2px;

  --lds-spacing-language-select-caret-size: var(--lds-spacing-icon-inline-width);
  --lds-spacing-language-select-caret-margin-left: var(--lds-spacing-dropdown-expand-icon-margin-left);
  --lds-spacing-language-select-label-max-width: calc(100% - var(--lds-spacing-language-select-caret-size) -
      var(--lds-spacing-language-select-caret-margin-left)
  );

  --lds-animation-language-select-transition-duration: var(--lds-animation-duration-medium);
  --lds-animation-language-select-transition-timing: var(--lds-animation-timing-func-standard);

  /* input hover */
  --lds-shadow-language-select-hover: 0px 2px 4px 0px rgba(52, 63, 65, 0.20);
  --lds-color-language-select-hover-background: var(--lds-color-primary-010);

  /* input focus */
  --lds-color-language-select-border-focus: var(--lds-border-language-select-color);
  --lds-outline-language-select-focus-width: 3px;
  --lds-outline-language-select-focus-style: var(--lds-color-select-focus-outline-style);
  --lds-outline-language-select-focus-color: var(--lds-color-neutral-070);
  --lds-shadow-language-select-focus: none;

  /* input open */
  --lds-border-language-select-open-color: var(--lds-color-primary-060);
  --lds-color-language-select-open-background: var(--lds-color-primary-010);
  --lds-shadow-language-select-open: 0px 8px 12px 0px rgba(52, 63, 65, 0.12), 0px 4px 8px 0px rgba(52, 63, 65, 0.04); /* Shadow - Level 3 */
  --lds-outline-language-select-open-width: 3px;
  --lds-outline-language-select-open-style: var(--lds-color-select-focus-outline-style);
  --lds-outline-language-select-open-color: transparent;

  /* toggle icon */
  --lds-animation-language-select-toggle-icon-transition-property: transform;
  --lds-animation-language-select-toggle-icon-transform: rotate(180deg);

  /* options */
  --lds-animation-language-select-options-opacity: 0;
  --lds-animation-language-select-options-visibility: hidden;
  --lds-animation-language-select-options-transition-property: opacity, visibility, max-height;
  --lds-spacing-language-select-option-check-size: 1.25em;

  /* options open */
  --lds-animation-language-select-options-active-opacity: 1;
  --lds-animation-language-select-options-active-visibility: visible;
}

:root {
  --lds-spacing-page-layout-container-max-width: 1600px;

  /* Utility Variable to calculate the max width of the layout container with gutters (wrapper) */
  --lds-spacing-page-wrapper-internal-max-width: calc(
    var(--lds-spacing-page-layout-container-max-width) -
    calc(2 * var(--lds-spacing-page-gutter-padding-xxl))
  );
}

:root {
  /* ** Logo Fill Color - All Logos ** */
  /* The Logo SVGs have fill="var(--lds-color-lilly-logo-fill)" hardcode set on their various parts */
  /* This var needs to be overridden to change the logo colors */
  --lds-color-lilly-logo-fill: var(--lds-color-lilly-red);

  /* ** Logo Minimum Dimensions ** */

  /* Standard Lilly Script Logo */
  /* NOTE: Brand guidelines stipulate this should not be less than 50px wide */
  /* However, we're currently using it a 37px wide in the utility menu so that needs supported */
  /* untill or unless the utility menu usage is revised to align to the brand guidelines */
  --lds-spacing-lilly-logo-min-w-lilly: 37px; /* 50px; */
  --lds-spacing-lilly-logo-min-h-lilly: 20.18px; /* 26.72px; */

  /* Lilly Script Logo With Tag Line Below */
  --lds-spacing-lilly-logo-min-w-lilly-tag-below: 97.83px;
  --lds-spacing-lilly-logo-min-h-lilly-tag-below: 45px;

  /* Lilly Script Logo With Tag Line To The Side */
  --lds-spacing-lilly-logo-min-w-lilly-tag-aside: 236.84px;
  --lds-spacing-lilly-logo-min-h-lilly-tag-aside: 45px;

  /* Lilly Script "L" Monogram Logo */
  --lds-spacing-lilly-logo-min-w-monogram: 16px;
  --lds-spacing-lilly-logo-min-h-monogram: 16px;

  /* ** Logo "T-Shirt" Sizes ** */

  /* Standard Lilly Script Logo */
  /* XS */
  --lds-spacing-lilly-logo-xs-w-lilly: 50px;
  --lds-spacing-lilly-logo-xs-h-lilly: 27.27px;
  /* SM */
  --lds-spacing-lilly-logo-sm-w-lilly: 58.67px;
  --lds-spacing-lilly-logo-sm-h-lilly: 32px;
  /* MD */
  --lds-spacing-lilly-logo-md-w-lilly: 88px;
  --lds-spacing-lilly-logo-md-h-lilly: 48px;
  /* LG */
  --lds-spacing-lilly-logo-lg-w-lilly: 132.00px;
  --lds-spacing-lilly-logo-lg-h-lilly: 72px;
  /* XL */
  --lds-spacing-lilly-logo-xl-w-lilly: 220.00px;
  --lds-spacing-lilly-logo-xl-h-lilly: 120px;

  /* Lilly Script Logo With Tag Line Below */
  /* XS */
  --lds-spacing-lilly-logo-xs-w-lilly-tag-below: 97.83px;
  --lds-spacing-lilly-logo-xs-h-lilly-tag-below: 45px;
  /* SM */
  --lds-spacing-lilly-logo-sm-w-lilly-tag-below: 97.83px;
  --lds-spacing-lilly-logo-sm-h-lilly-tag-below: 45px;
  /* MD */
  --lds-spacing-lilly-logo-md-w-lilly-tag-below: 104.35px;
  --lds-spacing-lilly-logo-md-h-lilly-tag-below: 48px;
  /* LG */
  --lds-spacing-lilly-logo-lg-w-lilly-tag-below: 156.53px;
  --lds-spacing-lilly-logo-lg-h-lilly-tag-below: 72px;
  /* XL */
  --lds-spacing-lilly-logo-xl-w-lilly-tag-below: 260.88px;
  --lds-spacing-lilly-logo-xl-h-lilly-tag-below: 120px;

  /* Lilly Script Logo With Tag Line To The Side */
  /* XS */
  --lds-spacing-lilly-logo-xs-w-lilly-tag-aside: 236.84px;
  --lds-spacing-lilly-logo-xs-h-lilly-tag-aside: 45px;
  /* SM */
  --lds-spacing-lilly-logo-sm-w-lilly-tag-aside: 236.84px;
  --lds-spacing-lilly-logo-sm-h-lilly-tag-aside: 45px;
  /* MD */
  --lds-spacing-lilly-logo-md-w-lilly-tag-aside: 252.63px;
  --lds-spacing-lilly-logo-md-h-lilly-tag-aside: 48px;
  /* LG */
  --lds-spacing-lilly-logo-lg-w-lilly-tag-aside: 378.94px;
  --lds-spacing-lilly-logo-lg-h-lilly-tag-aside: 72px;
  /* XL */
  --lds-spacing-lilly-logo-xl-w-lilly-tag-aside: 631.57px;
  --lds-spacing-lilly-logo-xl-h-lilly-tag-aside: 120px;

   /* Lilly Script "L" Monogram Logo */
  /* XS */
  --lds-spacing-lilly-logo-xs-w-monogram: 24px;
  --lds-spacing-lilly-logo-xs-h-monogram: 24px;
  /* SM */
  --lds-spacing-lilly-logo-sm-w-monogram: 32px;
  --lds-spacing-lilly-logo-sm-h-monogram: 32px;
  /* MD */
  --lds-spacing-lilly-logo-md-w-monogram: 48px;
  --lds-spacing-lilly-logo-md-h-monogram: 48px;
  /* LG */
  --lds-spacing-lilly-logo-lg-w-monogram: 72px;
  --lds-spacing-lilly-logo-lg-h-monogram: 72px;
  /* XL */
  --lds-spacing-lilly-logo-xl-w-monogram: 120px;
  --lds-spacing-lilly-logo-xl-h-monogram: 120px;

  /* ** DIMENSION ** */
  /* The default dimensions will be initialized to the minimum size of the standard Lilly logo
  /* However, these will be overridden depending on which logo and t-shirt size will be used
  /* in the CSS styles */
  --lds-spacing-lilly-logo-width: var(--lds-spacing-lilly-logo-mw-lilly);
  --lds-spacing-lilly-logo-height: var(--lds-spacing-lilly-logo-mh-lilly);
  /* This value will ALWAYS be half the height of the logo, whatever the height var is in context */
  --lds-spacing-lilly-logo-padding: calc(var(--lds-spacing-lilly-logo-height) / 2);

  /* *** LDS 1.0 DEPRECATED STYLES *** */

  /* t-size = xs */
  --lds-spacing-lilly-logo-width-xs: 44px;
  --lds-spacing-lilly-logo-height-xs: 24px;
  --lds-spacing-lilly-logo-padding-top-xs: 12px;
  --lds-spacing-lilly-logo-padding-right-xs: 10px;
  --lds-spacing-lilly-logo-padding-bottom-xs: 12px;
  --lds-spacing-lilly-logo-padding-left-xs: 10px;

  /* t-size = sm */
  --lds-spacing-lilly-logo-width-sm: 58.7px;
  --lds-spacing-lilly-logo-height-sm: 32px;
  --lds-spacing-lilly-logo-padding-top-sm: 16px;
  --lds-spacing-lilly-logo-padding-right-sm: 14.66px;
  --lds-spacing-lilly-logo-padding-bottom-sm: 16px;
  --lds-spacing-lilly-logo-padding-left-sm: 14.66px;

  /* t-size = md */
  --lds-spacing-lilly-logo-width-md: 88px;
  --lds-spacing-lilly-logo-height-md: 48px;
  --lds-spacing-lilly-logo-padding-top-md: 24px;
  --lds-spacing-lilly-logo-padding-right-md: 24px;
  --lds-spacing-lilly-logo-padding-bottom-md: 24px;
  --lds-spacing-lilly-logo-padding-left-md: 24px;

  /* t-size = lg */
  --lds-spacing-lilly-logo-width-lg: 132px;
  --lds-spacing-lilly-logo-height-lg: 72px;
  --lds-spacing-lilly-logo-padding-top-lg: 36px;
  --lds-spacing-lilly-logo-padding-right-lg: 34px;
  --lds-spacing-lilly-logo-padding-bottom-lg: 36px;
  --lds-spacing-lilly-logo-padding-left-lg: 34px;

  /* t-size = xl */
  --lds-spacing-lilly-logo-width-xl: 220px;
  --lds-spacing-lilly-logo-height-xl: 120px;
  --lds-spacing-lilly-logo-padding-top-xl: 60px;
  --lds-spacing-lilly-logo-padding-right-xl: 58px;
  --lds-spacing-lilly-logo-padding-bottom-xl: 60px;
  --lds-spacing-lilly-logo-padding-left-xl: 58px;

}

:root {
  --lds-animation-link-cursor: pointer;
  --lds-animation-link-cursor-disabled: not-allowed;

  --lds-border-link-focus-outline-offset: var(--lds-spacing-000);
  --lds-border-link-focus-outline-style: var(--lds-border-focus-outline-text-style);
  --lds-border-link-focus-outline-width: var(--lds-border-focus-outline-text-width);

  --lds-color-link-outline-focus: var(--lds-color-focus-outline);
  --lds-color-link-foreground: var(--lds-color-azure-070);
  --lds-color-link-foreground-hover: var(--lds-color-azure-090);
  --lds-color-link-foreground-visited: var(--lds-color-purple-070);
  --lds-color-link-foreground-disabled: var(--lds-color-disabled);
  --lds-color-link-background-active: var(--lds-color-blue-005);

  --lds-radius-link: var(--lds-spacing-013);

  --lds-spacing-link-icon-height: 1.10em;
  --lds-spacing-link-icon-width: 1.10em;
  --lds-spacing-link-icon-margin-top: 0;
  --lds-spacing-link-icon-margin-between: var(--lds-spacing-025);
  --lds-spacing-link-padding-active: var(--lds-spacing-013);

  --lds-shadow-link-focus: none;

  --lds-typography-link-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-link-text-decoration: underline;
  --lds-typography-link-text-decoration-hover: none;
  --lds-typography-link-text-decoration-disabled: var(--lds-typography-link-text-decoration);
}

:root {
  --lds-border-link-list: 2px solid var(--lds-color-neutral-020);

  --lds-color-link-list-bullet: var(--lds-color-link-foreground);
  --lds-color-link-list-bullet-hover: var(--lds-color-link-foreground-hover);

  --lds-spacing-link-list-margin-left: var(--lds-spacing-150);
  --lds-spacing-link-list-margin-bottom: var(--lds-spacing-050);
  --lds-spacing-link-list-bullet-width: var(--lds-spacing-063);
  --lds-spacing-link-list-bullet-margin-left: var(--lds-spacing-neg-063);
  --lds-spacing-link-list-bordered-padding-between: var(--lds-spacing-150);
  --lds-spacing-link-list-horizontal-gap-between: var(--lds-spacing-100);

  --lds-typography-link-list-font-weight: var(--lds-typography-font-weight-bold);
}

:root {
  --lds-color-loading-spinner: var(--lds-color-green-060);
  --lds-color-loading-spinner-bg: var(--lds-color-green-010);
  --lds-color-loading-spinner-icon: var(--lds-color-neutral-100);
}

:root {
  /* height of header */
  --lds-spacing-mobile-expand-panel-top: 96px;
  /* Shows above other open header menus */
  --lds-z-index-mobile-expand-panel: 400;
  --lds-color-mobile-expand-panel-bg: var(--lds-color-white);
}

:root {
  --lds-color-modal-backdrop: rgba(33, 33, 33, 0.75);
  --lds-color-modal-window: var(--lds-color-white);
  --lds-color-modal-foreground: var(--lds-color-font);
  --lds-z-index-modal: 1000;

  --lds-shadow-modal: 0 3px 8px rgba(33, 33, 33, .2);
  --lds-radius-modal: .25rem;

  --lds-spacing-modal-margin-top-sm: 1rem;
  --lds-spacing-modal-margin-bottom-sm: 1rem;
  --lds-spacing-modal-margin-top-md: 3rem;
  --lds-spacing-modal-margin-bottom-md: 3rem;

  /* Modal body */
  --lds-spacing-modal-body-padding-top: 3.5rem;
  --lds-spacing-modal-body-padding-bottom: 3.5rem;
  --lds-spacing-modal-body-padding-left: 3rem;
  --lds-spacing-modal-body-padding-right: 3rem;

  /* Close icon */
  --lds-radius-modal-close-btn: 100%;
  --lds-spacing-modal-close-btn-height: 2.25rem;
  --lds-spacing-modal-close-btn-width: 2.25rem;
  --lds-spacing-modal-close-btn-padding: .5rem;
  --lds-spacing-modal-close-btn-margin: 1rem;

  /* No-pad modal */
  --lds-spacing-modal-no-pd-margin-top: 4rem;
  --lds-spacing-modal-no-pd-icon-margin-top: 0;
  --lds-spacing-modal-no-pd-icon-margin-left: 0;
  --lds-spacing-modal-no-pd-icon-margin-right: 0;
  --lds-spacing-modal-no-pd-icon-margin-bottom: .5rem;
}

:root {
  /* Design requirement for the overall track and handle "control" height with vertical whitespace
   * NOT USED ON ANY COMPONENT ELEMENT, used for calculations only */
  --lds-spacing-numeric-slider-control-height: 2.75rem;

  /* *********** *\
   * MARK: TRACK
  \* *********** */

  /* Dimensions */
  --lds-spacing-numeric-slider-track-width: 100%;
  --lds-spacing-numeric-slider-track-min-width: 18rem; /* 288px */
  --lds-spacing-numeric-slider-track-height: 1rem; /* 16px */
  /* -- The top or bottom distance from the track to the total control design height */
  --lds-spacing-numeric-slider-track-control-vertical-offset: calc((var(--lds-spacing-numeric-slider-control-height) - var(--lds-spacing-numeric-slider-track-height)) / 2);

  /* Colors */
  --lds-color-numeric-slider-track: var(--lds-color-primary-020);
  --lds-color-numeric-slider-track-disabled: var(--lds-color-neutral-010);

  --lds-color-numeric-slider-track-step-bar: var(--lds-color-primary-fg);
  --lds-color-numeric-slider-track-step-bar-hover: var(--lds-color-primary-fg-hover);
  --lds-color-numeric-slider-track-step-bar-active: var(--lds-color-primary-fg-active);
  --lds-color-numeric-slider-track-step-bar-disabled: var(--lds-color-neutral-030);

  /* Animation */
  --lds-animation-numeric-slider-track-cursor: pointer;
  --lds-animation-numeric-slider-track-cursor-disabled: not-allowed;

  /* ************ *\
   * MARK: HANDLE
  \* ************ */

  /* Dimensions */
  --lds-spacing-numeric-slider-handle-width: 1.5rem; /* 24px */
  --lds-spacing-numeric-slider-handle-height: 1.5rem; /* 24px */
  /* -- The top or bottom distance from the track to the handle element height */
  --lds-spacing-numeric-slider-handle-track-vertical-offset: calc((var(--lds-spacing-numeric-slider-handle-height) - var(--lds-spacing-numeric-slider-track-height)) / 2);
  /* -- The top or bottom distance from the handle to the total control design height */
  --lds-spacing-numeric-slider-handle-control-vertical-offset: calc((var(--lds-spacing-numeric-slider-control-height) - var(--lds-spacing-numeric-slider-handle-height)) / 2);

  /* Colors */
  --lds-color-numeric-slider-handle-background: var(--lds-color-white);
  --lds-color-numeric-slider-handle-background-hover: var(--lds-color-primary-020);
  --lds-color-numeric-slider-handle-background-focus: var(--lds-color-white);
  --lds-color-numeric-slider-handle-background-active: var(--lds-color-primary-020);
  --lds-color-numeric-slider-handle-background-disabled: var(--lds-color-neutral-010);
  --lds-color-numeric-slider-handle-border: var(--lds-color-primary-fg);
  --lds-color-numeric-slider-handle-border-hover: var(--lds-color-primary-fg);
  --lds-color-numeric-slider-handle-border-focus: var(--lds-color-primary-fg-active);
  --lds-color-numeric-slider-handle-border-active: var(--lds-color-primary-fg-active);
  --lds-color-numeric-slider-handle-border-disabled: var(--lds-color-neutral-030);
  --lds-color-numeric-slider-handle-outline-focus: var(--lds-color-focus-outline);

  /* Border */
  --lds-border-numeric-slider-handle-style: solid;
  --lds-border-numeric-slider-handle-width: .375rem;
  --lds-border-numeric-slider-handle-width-hover: .3125rem;
  --lds-border-numeric-slider-handle-width-focus: .3125rem;
  --lds-border-numeric-slider-handle-width-active: .375rem;

  --lds-border-numeric-slider-handle-focus-outline-offset: var(--lds-border-focus-outline-offset);
  --lds-border-numeric-slider-handle-focus-outline-style: var(--lds-border-focus-outline-style);
  --lds-border-numeric-slider-handle-focus-outline-width: var(--lds-border-focus-outline-width);

  /* Radius */
  --lds-radius-numeric-slider-handle: 50%; /* Creates a round element */

  /* Animation */
  --lds-animation-numeric-slider-handle-cursor: grab;
  --lds-animation-numeric-slider-handle-cursor-disabled: not-allowed;

  /* ******************* *\
   * MARK: VALUE BUBBLE
  \* ******************* */

  /* NOTE: Overrides an instance of the LDS Tooltip mark-up */

  /* Dimensions */
  --lds-spacing-numeric-slider-value-bubble-above-position-bottom: 1.5rem;

  --lds-spacing-numeric-slider-value-bubble-padding-left: .6875rem;
  --lds-spacing-numeric-slider-value-bubble-padding-right: .6875rem;

  /* ******************* *\
   * MARK: STEP INIDCATORS
  \* ******************* */

  /* Dimensions */
  --lds-spacing-numeric-slider-step-top: .25rem;
  --lds-spacing-numeric-slider-step-track-offset-top: calc(var(--lds-spacing-numeric-slider-track-height) - var(--lds-spacing-numeric-slider-step-top));
  --lds-spacing-numeric-slider-step-height: .5rem;
  --lds-spacing-numeric-slider-step-width: .5rem;

  --lds-spacing-numeric-slider-step-indicator-top: .125rem;
  --lds-spacing-numeric-slider-step-indicator-height: .25rem;
  --lds-spacing-numeric-slider-step-indicator-width: .25rem;

  --lds-spacing-numeric-slider-step-indicator-top-hover: 0;
  --lds-spacing-numeric-slider-step-indicator-height-hover: .5rem;
  --lds-spacing-numeric-slider-step-indicator-width-hover: .5rem;

  --lds-spacing-numeric-slider-step-value-height: auto;
  --lds-spacing-numeric-slider-step-value-width: auto;
  --lds-spacing-numeric-slider-step-value-min-width: 1rem;

  --lds-spacing-numeric-slider-step-value-track-offset-top: calc(var(--lds-spacing-numeric-slider-step-track-offset-top) + var(--lds-spacing-numeric-slider-step-indicator-top));
  --lds-spacing-numeric-slider-step-value-top: calc(var(--lds-spacing-numeric-slider-step-value-track-offset-top) + var( --lds-spacing-numeric-slider-handle-track-vertical-offset));

  /* Colors */
  --lds-color-numeric-slider-step-indicator-background: var(--lds-color-primary-fg);
  --lds-color-numeric-slider-step-indicator-background-hover: var(--lds-color-primary-fg-hover);
  --lds-color-numeric-slider-step-indicator-background-active: var(--lds-color-primary-fg-active);
  --lds-color-numeric-slider-step-indicator-background-disabled: var(--lds-color-neutral-030);
  --lds-color-numeric-slider-step-indicator-background-selected: var(--lds-color-primary-020);
  --lds-color-numeric-slider-step-indicator-background-selected-hover: var(--lds-color-primary-030);
  --lds-color-numeric-slider-step-indicator-background-selected-active: var(--lds-color-primary-040);
  --lds-color-numeric-slider-step-indicator-background-selected-disabled: var(--lds-color-neutral-010);

  /* Radius */
  --lds-radius-numeric-slider-step-indicator: 50%;

  /* Typography */
  --lds-typography-numeric-slider-step-value-color: var(--lds-typography-color);
  --lds-typography-numeric-slider-step-value-font-family: var(--lds-typography-font-family-mono);
  --lds-typography-numeric-slider-step-value-font-size: var(--lds-typography-small-font-size);
  --lds-typography-numeric-slider-step-value-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-numeric-slider-step-value-line-height: var(--lds-typography-small-line-height);

  --lds-typography-numeric-slider-step-value-rwd-font-size: var(--lds-typography-small-rwd-font-size);
  --lds-typography-numeric-slider-step-value-rwd-line-height: var(--lds-typography-small-rwd-line-height);

  /* ****************** *\
   * MARK: RANGE LABELS
  \* ****************** */

  /* Dimensions */
  --lds-spacing-numeric-slider-range-label-below-padding-top-default: var(--lds-spacing-numeric-slider-handle-control-vertical-offset);
  --lds-spacing-numeric-slider-range-label-below-padding-top-with-value-labels: calc(var(--lds-spacing-numeric-slider-range-label-below-padding-top-default) + var(--lds-typography-numeric-slider-step-value-line-height));

  --lds-spacing-numeric-slider-range-label-below-padding-top: var(--lds-spacing-numeric-slider-range-label-below-padding-top-default);

  --lds-spacing-numeric-slider-min-label-padding-right:.75rem;
  --lds-spacing-numeric-slider-min-label-padding-left: 0;
  --lds-spacing-numeric-slider-mid-label-padding-right: .75rem;
  --lds-spacing-numeric-slider-mid-label-padding-left: .75rem;
  --lds-spacing-numeric-slider-max-label-padding-right: 0;
  --lds-spacing-numeric-slider-max-label-padding-left: .75rem;

  /* Typography */
  --lds-typography-numeric-slider-range-label-color: var(--lds-typography-color);
  --lds-typography-numeric-slider-range-label-font-size: var(--lds-typography-medium-font-size);
  --lds-typography-numeric-slider-range-label-font-weight: var(--lds-typography-font-weight-bold);
  --lds-typography-numeric-slider-range-label-line-height: var(--lds-typography-medium-line-height);

  --lds-typography-numeric-slider-range-label-rwd-font-size: var(--lds-typography-medium-rwd-font-size);
  --lds-typography-numeric-slider-range-label-rwd-line-height: var(--lds-typography-medium-rwd-line-height);

  /* ******************************************************************************************* */

  /* ******************* *\
   * MARK: DEPRECATED V1
  \* ******************* */

  /* range slider bar */
  --lds-spacing-range-slider-horiz-padding: 1rem;
  --lds-color-range-slider-bg: var(--lds-color-grey-300);
  --lds-spacing-range-slider-height: .25rem;

  /* range slider thumb */
  --lds-color-range-slider-thumb-bg: var(--lds-color-action);
  --lds-spacing-range-slider-thumb-size: 1.5rem;

  /* thumb value popup */
  --lds-color-range-slider-value-bg: var(--lds-color-action);
  --lds-color-range-slider-value-foreground: var(--lds-color-white);
  --lds-radius-range-slider-value: .25rem;

  /* min max labels */
  --lds-spacing-range-slider-min-padding-left: 1rem;
  --lds-spacing-range-slider-min-padding-right: 2rem;

  --lds-spacing-range-slider-max-padding-left: 2rem;
  --lds-spacing-range-slider-max-padding-right: 1rem;

  --lds-color-range-slider-step: var(--lds-color-grey-600);
  --lds-color-range-slider-step-active: #cce3ec;
}

:root {
  --lds-border-option-selector-width: var(--lds-spacing-013);
  --lds-border-option-selector-right-width: calc(var(--lds-border-option-selector-width)/2);
  --lds-border-option-selector-focus-outline-offset: 2px;
  --lds-border-option-selector-focus-outline-style: var(--lds-border-focus-outline-style);
  --lds-border-option-selector-focus-outline-width: var(--lds-border-focus-outline-width);

  --lds-color-option-selector-focus-outline: var(--lds-color-focus-outline);

  --lds-color-option-selector-border: var(--lds-color-primary);
  --lds-color-option-selector-background-selected: var(--lds-color-primary-020);
  --lds-color-option-selector-background-hover: var(--lds-color-primary-functional-hover);
  --lds-color-option-selector-background-selected-hover: var(--lds-color-primary-030);
  --lds-color-option-selector-disabled: var(--lds-color-neutral-030);
  --lds-color-option-selector-background-disabled: var(--lds-color-neutral-010);

  --lds-spacing-option-selector-margin-bottom: -2px;
  --lds-spacing-option-selector-list-label-margin-bottom: var(--lds-spacing-050);

  --lds-spacing-option-selector-padding-top: var(--lds-spacing-075); /* 12px */
  --lds-spacing-option-selector-padding-right: var(--lds-spacing-150); /* 24px */
  --lds-spacing-option-selector-padding-bottom: var(--lds-spacing-075); /* 12px */
  --lds-spacing-option-selector-padding-left: var(--lds-spacing-150); /* 24px */

  --lds-spacing-option-selector-padding-top-sm: var(--lds-spacing-050); /* 8px */
  --lds-spacing-option-selector-padding-right-sm: var(--lds-spacing-100); /* 16px */
  --lds-spacing-option-selector-padding-bottom-sm: var(--lds-spacing-050); /* 8px */
  --lds-spacing-option-selector-padding-left-sm: var(--lds-spacing-100); /* 16px */

  --lds-radius-option-selector: var(--lds-radius-medium);

  --lds-typography-option-selector-font-size: var(--lds-typography-action-rwd-font-size);
  --lds-typography-option-selector-line-height: var(--lds-typography-action-rwd-line-height);
  --lds-typography-option-selector-list-label-font-size: var(--lds-typography-h6-font-size);
  --lds-typography-option-selector-list-label-line-height: var(--lds-typography-h6-rwd-line-height);
}

:root {
  --lds-spacing-page-gutter-padding-xs: var(--lds-spacing-100);
  --lds-spacing-page-gutter-padding-sm: var(--lds-spacing-100);
  --lds-spacing-page-gutter-padding-md: var(--lds-spacing-150);
  --lds-spacing-page-gutter-padding-lg: var(--lds-spacing-300);
  --lds-spacing-page-gutter-padding-xl: var(--lds-spacing-300);
  --lds-spacing-page-gutter-padding-xxl: var(--lds-spacing-300);
}

/*   VIEWPORT SCREEN WIDTH  |  GUTTER  |  WRAPPER  | MARGIN  *
 * =========================+==========+===========+======== *
 *                     ∞ px |  3.0 rem |  1600 px  | 0 auto  *
 * [MAX]         1647.00 px |  3.0 rem |  1600 px  | 0 auto  *
 * =========================+==========+===========+======== *
 *               1646.99 px |  3.0 rem |   100 %   | 0       *
 * [XXL]>        1400.00 px |  3.0 rem |   100 %   | 0       *
 * -------------------------+----------+-----------+-------- *
 *               1399.99 px |  3.0 rem |   100 %   | 0       *
 * [XL]>         1200.00 px |  3.0 rem |   100 %   | 0       *
 * -------------------------+----------+-----------+-------- *
 *               1199.99 px |  3.0 rem |   100 %   | 0       *
 * [LG]>          992.00 px |  3.0 rem |   100 %   | 0       *
 * =========================+==========+===========+======== *
 *                991.99 px |  1.5 rem |   100 %   | 0       *
 * [MD]>          768.00 px |  1.5 rem |   100 %   | 0       *
 * =========================+==========+===========+======== *
 *                767.99 px |  1.0 rem |   100 %   | 0       *
 * [SM]>          576.00 px |  1.0 rem |   100 %   | 0       *
 * -------------------------+----------+-----------+-------- *
 *                575.99 px |  1.0 rem |   100 %   | 0       *
 * [XS]>            0.00 px |  1.0 rem |   100 %   | 0       *
 * =========================+==========+===========+======== */

:root {
  /* MARK: Animation
   */
  --lds-animation-pagination-transition: all var(--lds-animation-duration-short) var(--lds-animation-timing-func-standard);

  /* MARK: Borders and Outline
   */
  --lds-border-pagination-width: 0;
  --lds-border-pagination-style: solid;
  --lds-border-pagination-outlined-width: var(--lds-spacing-013);
  --lds-border-pagination-input: var(--lds-spacing-013) solid var(--lds-color-neutral-020);
  --lds-border-pagination-focus-outline-offset: var(--lds-border-focus-outline-offset);
  --lds-border-pagination-focus-outline-style: var(--lds-border-focus-outline-style);
  --lds-border-pagination-focus-outline-width: var(--lds-border-focus-outline-width);
  --lds-border-pagination-dd-item-focus-outline-offset: -3px;

  /* MARK: Colors
   */
  --lds-color-pagination: var(--lds-color-neutral-100);
  --lds-color-pagination-bg: var(--lds-color-transparent);
  --lds-color-pagination-active: var(--lds-color-white);
  --lds-color-pagination-active-bg: var(--lds-color-primary);
  --lds-color-pagination-active-border: var(--lds-color-primary);
  --lds-color-pagination-hover: var(--lds-color-primary-070);
  --lds-color-pagination-hover-bg: var(--lds-color-primary-010);
  --lds-color-pagination-hover-border: var(--lds-color-primary-010);
  --lds-color-pagination-focus-outline: var(--lds-color-neutral-070);
  --lds-color-pagination-border: var(--lds-color-neutral-020);
  --lds-color-pagination-text: var(--lds-color-neutral-050);
  --lds-color-pagination-dd-background: var(--lds-color-white);
  --lds-color-pagination-toggle-expanded: var(--lds-color-primary-080);
  --lds-color-pagination-toggle-expanded-bg: var(--lds-color-primary-020);

  --lds-color-pagination-disabled: var(--lds-color-neutral-050);
  --lds-color-pagination-disabled-bg: var(--lds-color-neutral-010);
  --lds-color-pagination-disabled-active: var(--lds-color-white);
  --lds-color-pagination-disabled-active-bg: var(--lds-color-neutral-060);

  /* MARK: Radius
   */
  --lds-radius-pagination: var(--lds-spacing-075);
  --lds-radius-pagination-small: var(--lds-spacing-025);
  --lds-radius-pagination-medium: var(--lds-spacing-075);
  --lds-radius-pagination-pill: var(--lds-spacing-150);

  /* MARK: Shadows
   */
   --lds-shadow-pagination-dd: 0px 4px 8px 0px rgba(52, 63, 65, 0.04), 0px 8px 12px 0px rgba(52, 63, 65, 0.12);

  /* MARK: Spacing
   */
  --lds-spacing-pagination-width: 2.25rem;
  --lds-spacing-pagination-margin-left: var(--lds-spacing-050);
  --lds-spacing-pagination-icon-size: var(--lds-spacing-100);
  --lds-spacing-pagination-item-padding: var(--lds-spacing-063) var(--lds-spacing-075);

  --lds-spacing-pagination-input-height: 2.25rem;
  --lds-spacing-pagination-input-width: var(--lds-spacing-300);
  --lds-spacing-pagination-input-padding: var(--lds-spacing-050) var(--lds-spacing-063);
  --lds-spacing-pagination-input-margin: 0 var(--lds-spacing-075);

  --lds-spacing-pagination-dd-max-height: 12.5rem;
  --lds-spacing-pagination-dd-padding: var(--lds-spacing-050) var(--lds-spacing-063);
  --lds-spacing-pagination-dd-margin-left: var(--lds-spacing-050);
  --lds-spacing-pagination-dd-margin-right: var(--lds-spacing-150);
  --lds-spacing-pagination-dd-margin-right-sm: var(--lds-spacing-100);

  /* MARK: Typography
   */
  --lds-typography-pagination-font-size: var(--lds-typography-font-size);
  --lds-typography-pagination-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-pagination-line-height: var(--lds-spacing-150);
}

:root {
  --lds-color-product-jump-menu-heading: var(--lds-color-neutral-000);
  --lds-color-product-jump-menu-link: var(--lds-color-stone-050);
  --lds-color-product-jump-menu-link-mousedown: var(--lds-color-stone-040);
  --lds-color-product-jump-menu-link-before : var(--lds-color-stone-080);
  --lds-color-product-jump-menu-group-title : var(--lds-color-stone-040);
  --lds-color-product-jump-menu-extra-icon : var(--lds-color-stone-040);
  --lds-color-product-jump-menu-link-before-active: var(--lds-color-red-040);
  --lds-color-product-jump-menu-link-active : var(--lds-color-neutral-000);
  --lds-color-product-jump-menu-link-active-hover : var(--lds-color-stone-020);
  --lds-color-product-jump-menu-link-active-focus : var(--lds-color-stone-020);
  --lds-color-product-jump-menu-title: var(--lds-color-neutral-000);
  --lds-color-product-jump-menu-background: var(--lds-color-stone-100);
  --lds-color-product-jump-menu-scroll-overlay: var(--lds-color-stone-100);
  --lds-color-shadow-product-jump-menu-wrapper: var(--lds-shadow-level-1);
  --lds-color-black-background-overlay-product-jump-menu: #0000001A;
  --lds-color-white-background-overlay-product-jump-menu: #FFFFFF1A;

  --lds-border-product-jump-menu-focus-outline-offset: -2px;
  --lds-border-product-jump-menu-focus-outline-style: var(--lds-border-focus-outline-style);
  --lds-border-product-jump-menu-focus-outline-width: var(--lds-border-focus-outline-width);

  --lds-border-radius-product-jump-menu-container: 1.25rem;

  --lds-z-index-product-jump-menu-container: 0.625rem;

  --lds-typography-product-jump-menu-button-font-size: var( --lds-typography-medium-font-size);
  --lds-typography-product-jump-menu-link-font-size: var( --lds-typography-small-font-size);
  --lds-typography-product-jump-menu-title-font-size: var( --lds-typography-large-font-size);
  --lds-typography-product-jump-menu-font-weight : var(--lds-typography-font-weight-semi-bold);
  --lds-typography-product-jump-menu-font-weight-active : var(--lds-typography-font-weight-bold);
  --lds-typography-product-jump-menu-line-height: var(--lds-typography-medium-line-height);
;
  --lds-spacing-padding-product-jump-menu-link: var(--lds-spacing-025) var(--lds-spacing-050);
  --lds-spacing-margin-product-jump-menu-button: var(--lds-spacing-050) var(--lds-spacing-100);
  --lds-spacing-gap-product-jump-menu-button: var(--lds-spacing-025);
  --lds-spacing-margin-product-jump-menu-button-icon: var(--lds-spacing-013) var(--lds-spacing-000);
  --lds-spacing-height-product-jump-menu-button-icon: var(--lds-spacing-100);
  --lds-spacing-width-product-jump-menu-button-icon: var(--lds-spacing-100);
  --lds-spacing-padding-product-jump-menu-button-extra-icon: var(--lds-spacing-100);
  --lds-spacing-padding-product-jump-menu-button-extra-icon-vertical-margin: var(--lds-spacing-013);
  --lds-spacing-height-product-jump-menu-button-extra-icon: var(--lds-spacing-125);
  --lds-spacing-width-product-jump-menu-button-extra-icon: var(--lds-spacing-125);
  --lds-spacing-expanded-min-height-product-jump-menu: 168px;
  --lds-spacing-expanded-max-height-padding: var(--lds-spacing-200);
  --lds-spacing-vertical-padding-product-jump-menu-wrapper: var(--lds-spacing-100);
  --lds-spacing-horizontal-padding-product-jump-menu-wrapper: var(--lds-spacing-100);
  --lds-spacing-height-product-jump-menu-scroll-overlay: var(--lds-spacing-150);
  --lds-spacing-bottom-position-product-jump-menu-scroll-overlay-bottom-position: var(--lds-spacing-150);
  --lds-spacing-bottom-padding-product-jump-menu-scroll-overlay-top-position: var(--lds-spacing-000);
  --lds-spacing-margin-bottom-product-jump-menu-scroll-overlay-bottom-position: 6px;
  --lds-spacing-padding-top-product-jump-menu-title-bottom-position: var(--lds-spacing-100);
  --lds-spacing-min-width-product-jump-menu-links: 288px;
  --lds-spacing-line-height-product-jump-menu-links: var(--lds-spacing-113);
  --lds-spacing-padding-product-jump-menu-links: var(--lds-spacing-100);
  --lds-spacing-padding-top-product-jump-menu-links: var(--lds-spacing-050);
  --lds-spacing-padding-horizontal-product-jump-menu-links-a: var(--lds-spacing-100);
  --lds-spacing-padding-vertical-product-jump-menu-links-a: var(--lds-spacing-050);
  --lds-spacing-margin-top-product-jump-menu-group-title: var(--lds-spacing-050);
  --lds-spacing-margin-left-product-jump-menu-group-title: var(--lds-spacing-100);
  --lds-spacing-margin-left-product-jump-menu-links-before: var(--lds-spacing-100);
  --lds-spacing-position-left-product-jump-menu-links-before: var(--lds-spacing-neg-100);
  --lds-spacing-width-product-jump-menu-links-before: var(--lds-spacing-013);
  --lds-spacing-margin-right-product-jump-menu-scroll-overlay: var(--lds-spacing-100);
  --lds-z-index-product-jump-menu: 10;
  --lds-z-index-product-jump-menu-content: 15;
  --lds-z-index-product-jump-menu-background-overlay: 9;
}

:root {
  /* animation */
  --lds-animation-prompt-input-duration: var(--lds-animation-duration-short);
  --lds-animation-prompt-input-timing-func: var(--lds-animation-timing-func-standard);
  --lds-animation-prompt-input-property: border-color, border-radius;
  --lds-animation-prompt-input-label-opacity-hidden: 0;
  --lds-animation-prompt-input-label-opacity-shown: 1;
  --lds-animation-prompt-input-label-duration: var(--lds-animation-duration-short);
  --lds-animation-prompt-input-label-timing-func: var(--lds-animation-timing-func-standard);
  --lds-animation-prompt-input-label-property: opacity;
  --lds-animation-prompt-input-input-duration: var(--lds-animation-duration-short);
  --lds-animation-prompt-input-input-timing-func: var(--lds-animation-timing-func-standard);
  --lds-animation-prompt-input-input-property: padding;

  /* border */
  --lds-border-prompt-input: var(--lds-spacing-013) solid var(--lds-color-neutral-030);
  --lds-border-prompt-input-outline-focus: 3px solid var(--lds-color-neutral-100);
  --lds-border-prompt-input-outline-offset-focus: 3px;
  --lds-border-prompt-input-color-focus: var(--lds-color-neutral-060);
  --lds-border-prompt-input-input: 0 none;

  /* color */
  --lds-color-prompt-input-bg: var(--lds-color-neutral-000);
  --lds-color-prompt-input-input-bg: transparent;
  --lds-color-prompt-input-divider-bg: transparent;
  --lds-color-prompt-input-divider-bg-image: linear-gradient(90deg, rgba(197, 197, 197, 0.00), var(--lds-color-neutral-030));

  /* radius */
  --lds-radius-prompt-input-sm: 8px;
  --lds-radius-prompt-input-md: 18px;
  --lds-radius-prompt-input-pill: 24px;
  --lds-radius-prompt-input-input: 0;

  /* shadow */

  /* spacing */
  --lds-spacing-prompt-input-label-p: 0.5rem 1rem 0;
  --lds-spacing-prompt-input-input-wrap-pt-has-label: var(--lds-spacing-200);
  --lds-spacing-prompt-input-input-p: var(--lds-spacing-050) var(--lds-spacing-100);
  --lds-spacing-prompt-input-input-m: 0;
  --lds-spacing-prompt-input-input-max-height: 104px;
  --lds-spacing-prompt-input-btn-area-p: var(--lds-spacing-025);
  --lds-spacing-prompt-input-divider-height: 2px;

  /* typography */
  --lds-typography-prompt-input-label-fz: 0.875rem;
  --lds-typography-prompt-input-label-fw: 700;
  --lds-typography-prompt-input-input-fz: var(--lds-typography-medium-font-size);
  --lds-typography-prompt-input-input-lh: 1.5714285714;

  /* z-index */
}

:root {
  --lds-color-progress-indicator-circle-base: var(--lds-color-green-010);
  --lds-color-progress-indicator-circle-base-fill: transparent;

  --lds-color-progress-indicator-circle-progress: var(--lds-color-success);
  --lds-color-progress-indicator-horizontal-progress: var(--lds-color-success);

  --lds-color-progress-indicator-circle-fill: transparent;

  --lds-color-progress-indicator-error-message: var(--lds-color-red-070);
  --lds-color-progress-indicator-error-state-base: var(--lds-color-lilly-red-030);
  --lds-color-progress-indicator-helper-text: var(--lds-color-black);
  --lds-color-progress-indicator-helper-text-horizontal: var(--lds-color-neutral-060);

  --lds-typography-progress-indicator-font-weight: var(--lds-typography-font-weight-semi-bold);
  --lds-typography-progress-indicator-helper-text-font-weight: var(--lds-typography-font-weight-regular);

  --lds-size-progress-indicator-horizontal-max-width: 800px;
  --lds-size-progress-indicator-horizontal-min-width: 160px;
  --lds-size-progress-indicator-helper-text-circle-max-width: 175px;

  --lds-spacing-progress-indicator-horizontal-padding: var(--lds-spacing-050);
  --lds-spacing-progress-indicator-circle-helper-text-padding-top: 10px;
  /* Theming defaults */
  --lds-size-progress-indicator-circle-diameter: var(--lds-spacing-800);
  --lds-size-progress-indicator-horizontal-height: 3.25rem; /* 52 pixels*/

  /* XSmall sizes*/
  --lds-size-progress-indicator-circle-diameter-xsmall: var(--lds-spacing-600);
  --lds-size-progress-indicator-horizontal-height-xsmall:  2.645rem; /* 42 pixels */

  /* Small sizes*/
  --lds-size-progress-indicator-circle-diameter-small: var(--lds-spacing-800);
  --lds-size-progress-indicator-horizontal-height-small: 3.25rem; /* 52 pixels*/;

  /* Medium sizes*/
  --lds-size-progress-indicator-circle-diameter-medium: var(--lds-spacing-1000);
  --lds-size-progress-indicator-horizontal-height-medium: 3.75rem; /* 60 pixels */

  /* Large sizes*/
  --lds-size-progress-indicator-circle-diameter-large: 12rem; /* 192 pixels */
  --lds-size-progress-indicator-horizontal-height-large: 4.25rem; /*68 pixels*/

}

:root {
  --lds-color-radio-bg-default: var(--lds-color-white);
  --lds-color-radio-border-default: var(--lds-color-neutral-060);
  --lds-border-radio-style: solid;
  --lds-border-radio-width: .125rem; /* 2px */
  --lds-radius-radio-border: 50%;
  --lds-spacing-radio-size: var(--lds-spacing-100); /* 16px */

  --lds-color-radio-bg: var(--lds-color-radio-bg-default);
  --lds-color-radio-border: var(--lds-color-radio-border-default);

  /* MARK: Margins */
  --lds-spacing-radio-margin-top: 5px; /* 5px makes radio center aligned with first line of label text */
  --lds-spacing-radio-margin-right: var(--lds-spacing-100);
  --lds-spacing-radio-margin-bottom: var(--lds-spacing-000);
  --lds-spacing-radio-margin-left: var(--lds-spacing-000);

  /* MARK: Checked */
  --lds-color-radio-checked-bg-default: var(--lds-color-neutral-100);
  --lds-color-radio-checked-border-default: var(--lds-color-neutral-100);
  --lds-color-radio-checked-checkmark: var(--lds-color-white);

  --lds-color-radio-checked-bg: var(--lds-color-radio-checked-bg-default);
  --lds-color-radio-checked-border: var(--lds-color-radio-checked-border-default);

  /* MARK: Focus */
  --lds-color-radio-focus-outline: var(--lds-color-neutral-070);
  --lds-border-radio-focus-outline-offset: .125rem; /* 2px */
  --lds-border-radio-focus-outline-style: var(--lds-border-focus-outline-style);
  --lds-border-radio-focus-outline-width: .125rem; /* 2px */

  /*MARK: Hover */
  --lds-color-radio-bg-hover: var(--lds-color-neutral-010);
  --lds-color-radio-border-hover: var(--lds-color-neutral-080);

  --lds-color-radio-checked-bg-hover: var(--lds-color-neutral-080);
  --lds-color-radio-checked-border-hover: var(--lds-color-neutral-080);

  /*MARK: Density */
  --lds-spacing-fieldset-radio-margin-bottom-small: var(--lds-spacing-050);
  --lds-spacing-fieldset-radio-margin-bottom-medium: var(--lds-spacing-100);

  --lds-spacing-fieldset-radio-margin-bottom: var(--lds-spacing-fieldset-radio-margin-bottom-small);

  --lds-spacing-fieldset-radio-margin-left-no-indent: var(--lds-spacing-000);
  --lds-spacing-fieldset-radio-margin-left-indent: var(--lds-spacing-150);

  --lds-spacing-fieldset-radio-margin-left: var(--lds-spacing-fieldset-radio-margin-left-no-indent);
}

:root {
  --lds-spacing-scrolling-cbox-group-margin-top: var(--lds-spacing-025);
  --lds-spacing-scrolling-cbox-group-margin-bottom: var(--lds-spacing-000);
  --lds-spacing-scrolling-cbox-group-margin-left: var(--lds-spacing-000);
  --lds-spacing-scrolling-cbox-group-margin-right: var(--lds-spacing-000);

  --lds-spacing-scrolling-cbox-group-padding-top: var(--lds-spacing-025);
  --lds-spacing-scrolling-cbox-group-padding-bottom: var(--lds-spacing-025);
  --lds-spacing-scrolling-cbox-group-padding-left: var(--lds-spacing-025);
  --lds-spacing-scrolling-cbox-group-padding-right: var(--lds-spacing-025);

  --lds-border-scrolling-cbox-group-style: solid;
  --lds-border-scrolling-cbox-group-width: var(--lds-spacing-006);
  --lds-color-scrolling-cbox-group-border: var(--lds-color-grey-500);
  --lds-radius-scrolling-cbox-group-border: var(--lds-spacing-025);

  --lds-spacing-scrolling-cbox-group-max-height: var(--lds-spacing-850);

  --lds-spacing-scrolling-cbox-group-label-padding-top: var(--lds-spacing-025);
  --lds-spacing-scrolling-cbox-group-label-padding-bottom: var(--lds-spacing-025);
  --lds-spacing-scrolling-cbox-group-label-padding-left: var(--lds-spacing-025);
  --lds-spacing-scrolling-cbox-group-label-padding-right: var(--lds-spacing-025);
}

/* Standalone search when not used in the header */

:root {
  --lds-typography-search-font-weight: 400;
  --lds-spacing-search-height: var(--lds-spacing-text-field-height);
  --lds-typography-search-match-font-weight: 700;

  /* Search suggestions */
  --lds-shadow-search-suggestions: var(--lds-shadow-level-3);
  --lds-spacing-search-suggestion-padding-y: var(--lds-spacing-050);
  --lds-spacing-search-suggestion-padding-x: var(--lds-spacing-100);
  --lds-color-search-suggestion-bg: var(--lds-color-white);
  --lds-color-search-suggestion-hover-bg: var(--lds-color-grey-100);
  --lds-color-search-suggestions-bg: var(--lds-color-white);
  --lds-radius-search-suggestions: var(--lds-radius-medium);

  /* Search button */
  --lds-color-search-btn-width: 44px;
  --lds-spacing-search-btn-width: var(--lds-spacing-350);
  --lds-typography-search-btn-font-size: var(--lds-typography-font-size);

  /* clear btn */
  --lds-radius-search-input-clear-radius: var(--lds-radius-small);
}

:root {
  --lds-color-search-result-href: var(--lds-color-grey-600);
  --lds-spacing-search-result-margin-bottom: 2rem;
  --lds-typography-search-result-href-font-size: var(--lds-typography-medium-font-size);
  --lds-typography-search-result-href-font-weight: var(--lds-typography-medium-font-weight);
  --lds-typography-search-result-href-line-height: var(--lds-typography-medium-line-height);
}

:root {
  /* allowed section padding variant sizes */
  /* T-shirt sizing does not correspond to viewport breakpoints */
  --lds-spacing-section-padding-us: var(--lds-spacing-100);  /* ultra small / minimum */
  --lds-spacing-section-padding-xs: var(--lds-spacing-250);  /* extra small */
  --lds-spacing-section-padding-sm: var(--lds-spacing-450);  /* small */
  --lds-spacing-section-padding-md: var(--lds-spacing-650);  /* medium */
  --lds-spacing-section-padding-lg: var(--lds-spacing-750);  /* large */
  --lds-spacing-section-padding-xl: var(--lds-spacing-1000); /* extra large / maximum */

  --lds-spacing-section-padding-top: var(--lds-spacing-section-padding-md);
  --lds-spacing-section-padding-bottom: var(--lds-spacing-section-padding-md);

  --lds-spacing-section-padding-top-mobile: var(--lds-spacing-section-padding-sm);
  --lds-spacing-section-padding-bottom-mobile: var(--lds-spacing-section-padding-sm);

  --lds-spacing-section-padding-top-mobile-chop: var(--lds-spacing-section-padding-us);
  --lds-spacing-section-padding-bottom-mobile-chop: var(--lds-spacing-section-padding-us);
}

:root {
  --lds-border-select-width: 0.0625rem;
  --lds-spacing-select-padding-top: var(--lds-spacing-050);
  --lds-spacing-select-padding-bottom: var(--lds-spacing-050);
  --lds-spacing-select-padding-left: var(--lds-spacing-100);
  --lds-spacing-select-padding-right: var(--lds-spacing-250);
  --lds-typography-select-font: var(--lds-typography-text-field-full-font-size);
  --lds-radius-select: 0.1875rem;
  --lds-color-select-bg: var(--lds-color-white);

  /* input focus */
  --lds-color-select-focus-shadow: var(--lds-color-focus-shadow);
  --lds-color-select-border-focus: var(--lds-color-grey-900);
  --lds-color-select-focus-outline: var(--lds-color-focus-outline);
  --lds-color-select-focus-outline-style: var(--lds-border-focus-outline-style);
  --lds-color-select-focus-outline-width: var(--lds-border-focus-outline-width);
  --lds-shadow-select-focus: var(--lds-shadow-focus);

  /* disabled */
  --lds-color-select-disabled-bg: var(--lds-color-grey-100);
  --lds-color-select-disabled-foreground: var(--lds-color-grey-700);
  --lds-color-select-disabled-icon: var(--lds-color-grey-500); /* used in react pkg - cant be used in background-image */

  /* error */
  --lds-color-select-error-border: var(--lds-color-danger);
  --lds-color-select-error-bg: rgba(239,74,95,.1);

  /* ** Custom Drop Panel ** */

  /* options list wrapper  */
  --lds-shadow-select-options-container: 0px 2px 8px rgba(0,0,0, .12);
  --lds-radius-select-options-container: .25rem;

  /* option  */
  --lds-shadow-select-option: inset 0 0 0 2px transparent;
  --lds-spacing-select-option-padding: .5rem 1rem;

  /* grouped option */
  --lds-spacing-select-option-grouped-padding: .5rem 1.5rem;
  --lds-typography-select-group-label-font-weight: var(--lds-typography-font-weight-bold);

  /* option focus */
  --lds-shadow-select-option-focus: inset 0 0 0 2px var(--lds-color-select-focus-shadow);
  --lds-border-select-option-outline-focus: var(--lds-border-focus-outline-width) var(--lds-border-focus-outline-style) transparent;
  --lds-border-select-option-outline-offset-focus: -2px;
}

:root {
  --lds-color-side-nav: var(--lds-color-primary);

  --side-nav-expand-transition-duration: 500ms;
  --side-nav-width: 20rem;
  --side-nav-max-depth: 4;
  --side-nav-jump-menu-depth: 4;
  --side-nav-mobile-breakpoint: 992px;
  --side-nav-active-marker-color: var(--lds-color-side-nav);
  --side-nav-jump-menu-active-color: var(--lds-color-side-nav)
}

:root {

  /*
    1. Sidenav
  */

  /* Default (expanded) state */

  --lds-border-sidenav-style: solid;
  --lds-border-sidenav-width: 1px;

  --lds-color-sidenav-background: var(--lds-color-neutral-000);
  --lds-color-sidenav-foreground: var(--lds-color-neutral-100);
  --lds-color-sidenav-border: var(--lds-color-neutral-020);

  --lds-radius-sidenav-top-right: 0;
  --lds-radius-sidenav-bottom-right: 0;

  --lds-spacing-sidenav-padding-inline: var(--lds-spacing-100);
  --lds-spacing-sidenav-padding-block: var(--lds-spacing-050);
  --lds-spacing-sidenav-width: 360px;

  /* Collapsed icon state */

  --lds-animation-sidenav-collapsed-timing-duration: var(--lds-animation-duration-short);
  --lds-animation-sidenav-collapsed-timing-function: var(--lds-animation-timing-func-standard);

  --lds-border-sidenav-collapsed-style: var(--lds-border-sidenav-style);
  --lds-border-sidenav-collapsed-width: var(--lds-border-sidenav-width);

  --lds-color-sidenav-collapsed-background: var(--lds-color-sidenav-background);
  --lds-color-sidenav-collapsed-border: var(--lds-color-sidenav-border);

  --lds-radius-sidenav-collapsed-top-right: var(--lds-border-sidenav-radius);
  --lds-radius-sidenav-collapsed-bottom-right: var(--lds-border-sidenav-radius);

  --lds-spacing-sidenav-collapsed-width: 64px;
  --lds-spacing-sidenav-collapsed-padding-inline-left: 10px;
  --lds-spacing-sidenav-collapsed-padding-inline-right: 10px;

  /* Mobile state */

  --lds-animation-sidenav-mobile-timing-duration: var(--lds-animation-duration-short);
  --lds-animation-sidenav-mobile-timing-function: var(--lds-animation-timing-func-standard);

  --lds-border-sidenav-mobile-style: var(--lds-border-sidenav-style);
  --lds-border-sidenav-mobile-width: var(--lds-border-sidenav-width);

  --lds-color-sidenav-mobile-background: var(--lds-color-sidenav-background);
  --lds-color-sidenav-mobile-backdrop-background: rgba(26, 25, 25, 0.80);
  --lds-color-sidenav-mobile-border: var(--lds-color-sidenav-border);

  --lds-filter-sidenav-mobile-backdrop: blur(4px);

  --lds-radius-sidenav-mobile-top-right: 16px;
  --lds-radius-sidenav-mobile-bottom-right: 16px;

  --lds-spacing-sidenav-mobile-width: 320px;
  --lds-spacing-sidenav-mobile-scrollbar-width: 15px;

  /*
    2. Sub-components
  */

  /* 2.0 Containers */

  /* Header */

  --lds-color-sidenav-header-background: var(--lds-color-sidenav-background);
  --lds-color-sidenav-header-foreground: var(--lds-color-sidenav-foreground);

  --lds-spacing-sidenav-header-gap: 0;
  --lds-spacing-sidenav-header-padding-inline: var(--lds-spacing-sidenav-padding-inline);
  --lds-spacing-sidenav-header-padding-block: var(--lds-spacing-sidenav-padding-block);

  /* Footer */

  --lds-color-sidenav-footer-background: var(--lds-color-sidenav-background);
  --lds-color-sidenav-footer-foreground: var(--lds-color-sidenav-foreground);

  --lds-spacing-sidenav-footer-gap: 0;
  --lds-spacing-sidenav-footer-padding-inline: var(--lds-spacing-sidenav-padding-inline);
  --lds-spacing-sidenav-footer-padding-block: var(--lds-spacing-sidenav-padding-block);

  /* Content */

  --lds-color-sidenav-content-background: var(--lds-color-sidenav-background);
  --lds-color-sidenav-content-foreground: var(--lds-color-sidenav-foreground);

  --lds-spacing-sidenav-content-gap: .5rem;
  --lds-spacing-sidenav-content-padding-inline: 0;
  --lds-spacing-sidenav-content-padding-block: 0;

  /* Group */

  --lds-color-sidenav-group-background: var(--lds-color-sidenav-background);
  --lds-color-sidenav-group-foreground: var(--lds-color-sidenav-foreground);

  --lds-spacing-sidenav-group-gap: 0;
  --lds-spacing-sidenav-group-padding-inline: var(--lds-spacing-sidenav-padding-inline);
  --lds-spacing-sidenav-group-padding-block: var(--lds-spacing-sidenav-padding-block);

  /* 2.1 Interaction */

  /* Action */

  --lds-animation-sidenav-action-transition: background var(--lds-animation-timing-func-standard) var(--lds-animation-duration-short);

  --lds-border-sidenav-action-width: 0;
  --lds-border-sidenav-action-width-disabled: var(--lds-border-sidenav-action-width);
  --lds-border-sidenav-action-width-current: var(--lds-border-sidenav-action-width);
  --lds-border-sidenav-action-width-current-disabled: var(--lds-border-sidenav-action-width-disabled);
  --lds-border-sidenav-action-outline-offset-focus: 0;
  --lds-border-sidenav-action-outline-style-focus: solid;
  --lds-border-sidenav-action-outline-width-focus: 2px;

  --lds-color-sidenav-action-background: var(--lds-color-transparent);
  --lds-color-sidenav-action-background-hover: var(--lds-color-stone-010);
  --lds-color-sidenav-action-background-focus: var(--lds-color-sidenav-action-background);
  --lds-color-sidenav-action-background-active: var(--lds-color-stone-020);
  --lds-color-sidenav-action-background-disabled: var(--lds-color-neutral-020);
  --lds-color-sidenav-action-background-visited: var(--lds-color-sidenav-action-background);
  --lds-color-sidenav-action-background-current: var(--lds-color-transparent);
  --lds-color-sidenav-action-background-current-hover: var(--lds-color-sidenav-action-background-hover);
  --lds-color-sidenav-action-background-current-focus: var(--lds-color-sidenav-action-background-focus);
  --lds-color-sidenav-action-background-current-active: var(--lds-color-sidenav-action-background-active);
  --lds-color-sidenav-action-background-current-disabled: var(--lds-color-sidenav-action-background-disabled);
  --lds-color-sidenav-action-border: var(--lds-color-transparent);
  --lds-color-sidenav-action-border-hover: var(--lds-color-sidenav-action-border);
  --lds-color-sidenav-action-border-focus: var(--lds-color-sidenav-action-border);
  --lds-color-sidenav-action-border-active: var(--lds-color-sidenav-action-border);
  --lds-color-sidenav-action-border-disabled: var(--lds-color-sidenav-action-border);
  --lds-color-sidenav-action-border-visited: var(--lds-color-sidenav-action-border);
  --lds-color-sidenav-action-border-current: var(--lds-color-transparent);
  --lds-color-sidenav-action-border-current-hover: var(--lds-color-sidenav-action-border-current);
  --lds-color-sidenav-action-border-current-focus: var(--lds-color-sidenav-action-border-current);
  --lds-color-sidenav-action-border-current-active: var(--lds-color-sidenav-action-border-current);
  --lds-color-sidenav-action-border-current-disabled: var(--lds-color-sidenav-action-border-current);
  --lds-color-sidenav-action-foreground: var(--lds-color-sidenav-foreground);
  --lds-color-sidenav-action-foreground-hover: var(--lds-color-sidenav-foreground);
  --lds-color-sidenav-action-foreground-focus: var(--lds-color-sidenav-foreground);
  --lds-color-sidenav-action-foreground-active: var(--lds-color-sidenav-foreground);
  --lds-color-sidenav-action-foreground-disabled: var(--lds-color-neutral-060);
  --lds-color-sidenav-action-foreground-visited: var(--lds-color-sidenav-foreground);
  --lds-color-sidenav-action-foreground-current: var(--lds-color-sidenav-action-foreground);
  --lds-color-sidenav-action-foreground-current-hover: var(--lds-color-sidenav-action-foreground-current);
  --lds-color-sidenav-action-foreground-current-focus: var(--lds-color-sidenav-action-foreground-current);
  --lds-color-sidenav-action-foreground-current-active: var(--lds-color-sidenav-action-foreground-current);
  --lds-color-sidenav-action-foreground-current-disabled: var(--lds-color-neutral-060);
  --lds-color-sidenav-action-shadow: var(--lds-color-transparent);
  --lds-color-sidenav-action-shadow-hover: var(--lds-color-sidenav-action-shadow);
  --lds-color-sidenav-action-shadow-focus: var(--lds-color-sidenav-action-shadow);
  --lds-color-sidenav-action-shadow-active: var(--lds-color-sidenav-action-shadow);
  --lds-color-sidenav-action-shadow-disabled: var(--lds-color-sidenav-action-shadow);
  --lds-color-sidenav-action-shadow-visited: var(--lds-color-sidenav-action-shadow);
  --lds-color-sidenav-action-shadow-current: var(--lds-color-transparent);
  --lds-color-sidenav-action-shadow-current-hover: var(--lds-color-sidenav-action-shadow-hover);
  --lds-color-sidenav-action-shadow-current-focus: var(--lds-color-sidenav-action-shadow-focus);
  --lds-color-sidenav-action-shadow-current-active: var(--lds-color-sidenav-action-shadow-active);
  --lds-color-sidenav-action-shadow-current-disabled: var(--lds-color-sidenav-action-shadow-disabled);
  --lds-color-sidenav-action-outline-focus: inherit;
  --lds-color-sidenav-action-leading-icon-foreground: var(--lds-color-sidenav-foreground);
  --lds-color-sidenav-action-leading-icon-foreground-hover: var(--lds-color-sidenav-action-leading-icon-foreground);
  --lds-color-sidenav-action-leading-icon-foreground-focus: var(--lds-color-sidenav-action-leading-icon-foreground);
  --lds-color-sidenav-action-leading-icon-foreground-active: var(--lds-color-sidenav-action-leading-icon-foreground);
  --lds-color-sidenav-action-leading-icon-foreground-disabled: var(--lds-color-neutral-060);
  --lds-color-sidenav-action-leading-icon-foreground-visited: var(--lds-color-sidenav-action-leading-icon-foreground);
  --lds-color-sidenav-action-leading-icon-foreground-current: var(--lds-color-sidenav-action-leading-icon-foreground);
  --lds-color-sidenav-action-leading-icon-foreground-current-hover: var(--lds-color-sidenav-action-leading-icon-foreground-current);
  --lds-color-sidenav-action-leading-icon-foreground-current-focus: var(--lds-color-sidenav-action-leading-icon-foreground-current);
  --lds-color-sidenav-action-leading-icon-foreground-current-active: var(--lds-color-sidenav-action-leading-icon-foreground-current);
  --lds-color-sidenav-action-leading-icon-foreground-current-disabled: var(--lds-color-neutral-060);
  --lds-color-sidenav-action-trailing-icon-foreground: var(--lds-color-sidenav-foreground);
  --lds-color-sidenav-action-trailing-icon-foreground-hover: var(--lds-color-sidenav-action-trailing-icon-foreground);
  --lds-color-sidenav-action-trailing-icon-foreground-focus: var(--lds-color-sidenav-action-trailing-icon-foreground);
  --lds-color-sidenav-action-trailing-icon-foreground-active: var(--lds-color-sidenav-action-trailing-icon-foreground);
  --lds-color-sidenav-action-trailing-icon-foreground-disabled: var(--lds-color-neutral-060);
  --lds-color-sidenav-action-trailing-icon-foreground-visited: var(--lds-color-sidenav-action-trailing-icon-foreground);
  --lds-color-sidenav-action-trailing-icon-foreground-current: var(--lds-color-sidenav-action-trailing-icon-foreground);
  --lds-color-sidenav-action-trailing-icon-foreground-current-hover: var(--lds-color-sidenav-action-trailing-icon-foreground-current);
  --lds-color-sidenav-action-trailing-icon-foreground-current-focus: var(--lds-color-sidenav-action-trailing-icon-foreground-current);
  --lds-color-sidenav-action-trailing-icon-foreground-current-active: var(--lds-color-sidenav-action-trailing-icon-foreground-current);
  --lds-color-sidenav-action-trailing-icon-foreground-current-disabled: var(--lds-color-neutral-060);

  --lds-radius-sidenav-action: .75rem;

  --lds-shadow-sidenav-action: none;
  --lds-shadow-sidenav-action-hover: var(--lds-shadow-sidenav-action);
  --lds-shadow-sidenav-action-focus: var(--lds-shadow-sidenav-action);
  --lds-shadow-sidenav-action-active: var(--lds-shadow-sidenav-action);
  --lds-shadow-sidenav-action-disabled: var(--lds-shadow-sidenav-action);
  --lds-shadow-sidenav-action-visited: var(--lds-shadow-sidenav-action);
  --lds-shadow-sidenav-action-current: none;
  --lds-shadow-sidenav-action-current-hover: var(--lds-shadow-sidenav-action-current);
  --lds-shadow-sidenav-action-current-focus: var(--lds-shadow-sidenav-action-current);
  --lds-shadow-sidenav-action-current-active: var(--lds-shadow-sidenav-action-current);
  --lds-shadow-sidenav-action-current-disabled: var(--lds-shadow-sidenav-action-current);

  --lds-spacing-sidenav-action-padding-inline: 1rem;
  --lds-spacing-sidenav-action-padding-block: .5rem;
  --lds-spacing-sidenav-action-leading-gap: .75rem;
  --lds-spacing-sidenav-action-leading-icon-size: 1.25rem;
  --lds-spacing-sidenav-action-leading-avatar-size: 1rem;
  --lds-spacing-sidenav-action-trailing-gap: .75rem;
  --lds-spacing-sidenav-action-trailing-icon-size: 1.125rem;

  --lds-typography-sidenav-action-font-size: 1rem;
  --lds-typography-sidenav-action-font-style: normal;
  --lds-typography-sidenav-action-font-weight: 400;
  --lds-typography-sidenav-action-font-weight-hover: var(--lds-typography-sidenav-action-font-weight);
  --lds-typography-sidenav-action-font-weight-active: var(--lds-typography-sidenav-action-font-weight);
  --lds-typography-sidenav-action-font-weight-focus: var(--lds-typography-sidenav-action-font-weight);
  --lds-typography-sidenav-action-font-weight-disabled: var(--lds-typography-sidenav-action-font-weight);
  --lds-typography-sidenav-action-font-weight-current: 400;
  --lds-typography-sidenav-action-font-weight-current-hover: var(--lds-typography-sidenav-action-font-weight);
  --lds-typography-sidenav-action-font-weight-current-active: var(--lds-typography-sidenav-action-font-weight);
  --lds-typography-sidenav-action-font-weight-current-focus: var(--lds-typography-sidenav-action-font-weight);
  --lds-typography-sidenav-action-font-weight-current-disabled: var(--lds-typography-sidenav-action-font-weight);
  --lds-typography-sidenav-action-line-height: 1.5rem;
  --lds-typography-sidenav-action-text-decoration: normal;
  --lds-typography-sidenav-action-text-decoration-hover: var(--lds-typography-sidenav-action-text-decoration);
  --lds-typography-sidenav-action-text-decoration-focus: var(--lds-typography-sidenav-action-text-decoration);
  --lds-typography-sidenav-action-text-decoration-active: var(--lds-typography-sidenav-action-text-decoration);
  --lds-typography-sidenav-action-text-decoration-disabled: var(--lds-typography-sidenav-action-text-decoration);
  --lds-typography-sidenav-action-text-decoration-current: normal;
  --lds-typography-sidenav-action-text-decoration-current-hover: var(--lds-typography-sidenav-action-text-decoration);
  --lds-typography-sidenav-action-text-decoration-current-focus: var(--lds-typography-sidenav-action-text-decoration);
  --lds-typography-sidenav-action-text-decoration-current-active: var(--lds-typography-sidenav-action-text-decoration);
  --lds-typography-sidenav-action-text-decoration-current-disabled: var(--lds-typography-sidenav-action-text-decoration);
  --lds-typography-sidenav-action-text-transform: normal;

  --lds-typography-sidenav-action-trailing-action-button-line-height: 1rem;

  /* Action List */

  --lds-spacing-sidenav-action-list-gap: .25rem;
  --lds-spacing-sidenav-action-list-padding-block: 0;
  --lds-spacing-sidenav-action-list-padding-inline: 0;

  /* Action List (sub) */

  --lds-spacing-sidenav-action-list-sub-gap: .25rem;
  --lds-spacing-sidenav-action-list-sub-padding-block: 0;
  --lds-spacing-sidenav-action-list-sub-padding-inline: 1rem 0;

  /* Action List - Item */

  --lds-radius-sidenav-action-list-item: var(--lds-radius-sidenav-action);
  --lds-color-sidenav-action-list-item-background: var(--lds-color-transparent);
  --lds-shadow-sidenav-action-list-item: none;

  --lds-animation-sidenav-action-list-item-button-transition: var(--lds-animation-sidenav-action-transition);

  --lds-border-sidenav-action-list-item-button-width: var(--lds-border-sidenav-action-width);
  --lds-border-sidenav-action-list-item-button-width-disabled: var(--lds-border-sidenav-action-width-disabled);
  --lds-border-sidenav-action-list-item-button-width-current: var(--lds-border-sidenav-action-width-current);
  --lds-border-sidenav-action-list-item-button-width-current-disabled: var(--lds-border-sidenav-action-width-current-disabled);
  --lds-border-sidenav-action-list-item-button-outline-offset-focus: var(--lds-border-sidenav-action-outline-offset-focus);
  --lds-border-sidenav-action-list-item-button-outline-style-focus: var(--lds-border-sidenav-action-outline-style-focus);
  --lds-border-sidenav-action-list-item-button-outline-width-focus: var(--lds-border-sidenav-action-outline-width-focus);

  --lds-color-sidenav-action-list-item-button-background: var(--lds-color-sidenav-action-background);
  --lds-color-sidenav-action-list-item-button-background-hover: var(--lds-color-sidenav-action-background-hover);
  --lds-color-sidenav-action-list-item-button-background-focus: var(--lds-color-sidenav-action-background-focus);
  --lds-color-sidenav-action-list-item-button-background-active: var(--lds-color-sidenav-action-background-active);
  --lds-color-sidenav-action-list-item-button-background-disabled: var(--lds-color-sidenav-action-background-disabled);
  --lds-color-sidenav-action-list-item-button-background-visited: var(--lds-color-sidenav-action-background-visited);
  --lds-color-sidenav-action-list-item-button-background-current: var(--lds-color-sidenav-action-background-current);
  --lds-color-sidenav-action-list-item-button-background-current-hover: var(--lds-color-sidenav-action-background-current-hover);
  --lds-color-sidenav-action-list-item-button-background-current-focus: var(--lds-color-sidenav-action-background-current-focus);
  --lds-color-sidenav-action-list-item-button-background-current-active: var(--lds-color-sidenav-action-background-current-active);
  --lds-color-sidenav-action-list-item-button-background-current-disabled: var(--lds-color-sidenav-action-background-current-disabled);
  --lds-color-sidenav-action-list-item-button-border: var(--lds-color-sidenav-action-border);
  --lds-color-sidenav-action-list-item-button-border-hover: var(--lds-color-sidenav-action-border-hover);
  --lds-color-sidenav-action-list-item-button-border-focus: var(--lds-color-sidenav-action-border-focus);
  --lds-color-sidenav-action-list-item-button-border-active: var(--lds-color-sidenav-action-border-active);
  --lds-color-sidenav-action-list-item-button-border-disabled: var(--lds-color-sidenav-action-border-disabled);
  --lds-color-sidenav-action-list-item-button-border-visited: var(--lds-color-sidenav-action-border-visited);
  --lds-color-sidenav-action-list-item-button-border-current: var(--lds-color-sidenav-action-border-current);
  --lds-color-sidenav-action-list-item-button-border-current-hover: var(--lds-color-sidenav-action-border-current-hover);
  --lds-color-sidenav-action-list-item-button-border-current-focus: var(--lds-color-sidenav-action-border-current-focus);
  --lds-color-sidenav-action-list-item-button-border-current-active: var(--lds-color-sidenav-action-border-current-active);
  --lds-color-sidenav-action-list-item-button-border-current-disabled: var(--lds-color-sidenav-action-border-current-disabled);
  --lds-color-sidenav-action-list-item-button-foreground: var(--lds-color-sidenav-action-foreground);
  --lds-color-sidenav-action-list-item-button-foreground-hover: var(--lds-color-sidenav-action-foreground-hover);
  --lds-color-sidenav-action-list-item-button-foreground-focus: var(--lds-color-sidenav-action-foreground-focus);
  --lds-color-sidenav-action-list-item-button-foreground-active: var(--lds-color-sidenav-action-foreground-active);
  --lds-color-sidenav-action-list-item-button-foreground-disabled: var(--lds-color-sidenav-action-foreground-disabled);
  --lds-color-sidenav-action-list-item-button-foreground-visited: var(--lds-color-sidenav-action-foreground-visited);
  --lds-color-sidenav-action-list-item-button-foreground-current: var(--lds-color-sidenav-action-foreground-current);
  --lds-color-sidenav-action-list-item-button-foreground-current-hover: var(--lds-color-sidenav-action-foreground-current-hover);
  --lds-color-sidenav-action-list-item-button-foreground-current-focus: var(--lds-color-sidenav-action-foreground-current-focus);
  --lds-color-sidenav-action-list-item-button-foreground-current-active: var(--lds-color-sidenav-action-foreground-current-active);
  --lds-color-sidenav-action-list-item-button-foreground-current-disabled: var(--lds-color-sidenav-action-foreground-current-disabled);
  --lds-color-sidenav-action-list-item-button-shadow: var(--lds-color-sidenav-action-shadow);
  --lds-color-sidenav-action-list-item-button-shadow-hover: var(--lds-color-sidenav-action-shadow-hover);
  --lds-color-sidenav-action-list-item-button-shadow-focus: var(--lds-color-sidenav-action-shadow-focus);
  --lds-color-sidenav-action-list-item-button-shadow-active: var(--lds-color-sidenav-action-shadow-active);
  --lds-color-sidenav-action-list-item-button-shadow-disabled: var(--lds-color-sidenav-action-shadow-disabled);
  --lds-color-sidenav-action-list-item-button-shadow-visited: var(--lds-color-sidenav-action-shadow-visited);
  --lds-color-sidenav-action-list-item-button-shadow-current: var(--lds-color-sidenav-action-shadow-current);
  --lds-color-sidenav-action-list-item-button-shadow-current-hover: var(--lds-color-sidenav-action-shadow-current-hover);
  --lds-color-sidenav-action-list-item-button-shadow-current-focus: var(--lds-color-sidenav-action-shadow-current-focus);
  --lds-color-sidenav-action-list-item-button-shadow-current-active: var(--lds-color-sidenav-action-shadow-current-active);
  --lds-color-sidenav-action-list-item-button-shadow-current-disabled: var(--lds-color-sidenav-action-shadow-current-disabled);
  --lds-color-sidenav-action-list-item-button-outline-focus: var(--lds-color-sidenav-action-outline-focus);
  --lds-color-sidenav-action-list-item-button-leading-icon-foreground: var(--lds-color-sidenav-action-leading-icon-foreground);
  --lds-color-sidenav-action-list-item-button-leading-icon-foreground-hover: var(--lds-color-sidenav-action-leading-icon-foreground-hover);
  --lds-color-sidenav-action-list-item-button-leading-icon-foreground-focus: var(--lds-color-sidenav-action-leading-icon-foreground-focus);
  --lds-color-sidenav-action-list-item-button-leading-icon-foreground-active: var(--lds-color-sidenav-action-leading-icon-foreground-active);
  --lds-color-sidenav-action-list-item-button-leading-icon-foreground-disabled: var(--lds-color-sidenav-action-leading-icon-foreground-disabled);
  --lds-color-sidenav-action-list-item-button-leading-icon-foreground-visited: var(--lds-color-sidenav-action-leading-icon-foreground-visited);
  --lds-color-sidenav-action-list-item-button-leading-icon-foreground-current: var(--lds-color-sidenav-action-leading-icon-foreground-current);
  --lds-color-sidenav-action-list-item-button-leading-icon-foreground-current-hover: var(--lds-color-sidenav-action-leading-icon-foreground-current-hover);
  --lds-color-sidenav-action-list-item-button-leading-icon-foreground-current-focus: var(--lds-color-sidenav-action-leading-icon-foreground-current-focus);
  --lds-color-sidenav-action-list-item-button-leading-icon-foreground-current-active: var(--lds-color-sidenav-action-leading-icon-foreground-current-active);
  --lds-color-sidenav-action-list-item-button-leading-icon-foreground-current-disabled: var(--lds-color-sidenav-action-leading-icon-foreground-current-disabled);
  --lds-color-sidenav-action-list-item-button-trailing-icon-foreground: var(--lds-color-sidenav-action-trailing-icon-foreground);
  --lds-color-sidenav-action-list-item-button-trailing-icon-foreground-hover: var(--lds-color-sidenav-action-trailing-icon-foreground-hover);
  --lds-color-sidenav-action-list-item-button-trailing-icon-foreground-focus: var(--lds-color-sidenav-action-trailing-icon-foreground-focus);
  --lds-color-sidenav-action-list-item-button-trailing-icon-foreground-active: var(--lds-color-sidenav-action-trailing-icon-foreground-active);
  --lds-color-sidenav-action-list-item-button-trailing-icon-foreground-disabled: var(--lds-color-sidenav-action-trailing-icon-foreground-disabled);
  --lds-color-sidenav-action-list-item-button-trailing-icon-foreground-visited: var(--lds-color-sidenav-action-trailing-icon-foreground-visited);
  --lds-color-sidenav-action-list-item-button-trailing-icon-foreground-current: var(--lds-color-sidenav-action-trailing-icon-foreground-current);
  --lds-color-sidenav-action-list-item-button-trailing-icon-foreground-current-hover: var(--lds-color-sidenav-action-trailing-icon-foreground-current-hover);
  --lds-color-sidenav-action-list-item-button-trailing-icon-foreground-current-focus: var(--lds-color-sidenav-action-trailing-icon-foreground-current-focus);
  --lds-color-sidenav-action-list-item-button-trailing-icon-foreground-current-active: var(--lds-color-sidenav-action-trailing-icon-foreground-current-active);
  --lds-color-sidenav-action-list-item-button-trailing-icon-foreground-current-disabled: var(--lds-color-sidenav-action-trailing-icon-foreground-current-disabled);

  --lds-radius-sidenav-action-list-item-button: var(--lds-radius-sidenav-action);

  --lds-shadow-sidenav-action-list-item-button: var(--lds-shadow-sidenav-action);
  --lds-shadow-sidenav-action-list-item-button-hover: var(--lds-shadow-sidenav-action-hover);
  --lds-shadow-sidenav-action-list-item-button-focus: var(--lds-shadow-sidenav-action-focus);
  --lds-shadow-sidenav-action-list-item-button-active: var(--lds-shadow-sidenav-action-active);
  --lds-shadow-sidenav-action-list-item-button-disabled: var(--lds-shadow-sidenav-action-disabled);
  --lds-shadow-sidenav-action-list-item-button-visited: var(--lds-shadow-sidenav-action-visited);
  --lds-shadow-sidenav-action-list-item-button-current: var(--lds-shadow-sidenav-action-current);
  --lds-shadow-sidenav-action-list-item-button-current-hover: var(--lds-shadow-sidenav-action-current-hover);
  --lds-shadow-sidenav-action-list-item-button-current-focus: var(--lds-shadow-sidenav-action-current-focus);
  --lds-shadow-sidenav-action-list-item-button-current-active: var(--lds-shadow-sidenav-action-current-active);
  --lds-shadow-sidenav-action-list-item-button-current-disabled: var(--lds-shadow-sidenav-action-current-disabled);

  --lds-spacing-sidenav-action-list-item-button-padding-inline: var(--lds-spacing-sidenav-action-padding-inline);
  --lds-spacing-sidenav-action-list-item-button-padding-block: var(--lds-spacing-sidenav-action-padding-block);
  --lds-spacing-sidenav-action-list-item-button-leading-gap: var(--lds-spacing-sidenav-action-leading-gap);
  --lds-spacing-sidenav-action-list-item-button-leading-icon-size: var(--lds-spacing-sidenav-action-leading-icon-size);
  --lds-spacing-sidenav-action-list-item-button-leading-avatar-size: var(--lds-spacing-sidenav-action-leading-avatar-size);
  --lds-spacing-sidenav-action-list-item-button-trailing-gap: var(--lds-spacing-sidenav-action-trailing-gap);
  --lds-spacing-sidenav-action-list-item-button-trailing-icon-size: var(--lds-spacing-sidenav-action-trailing-icon-size);

  --lds-typography-sidenav-action-list-item-button-font-size: var(--lds-typography-sidenav-action-font-size);
  --lds-typography-sidenav-action-list-item-button-font-style: var(--lds-typography-sidenav-action-font-style);
  --lds-typography-sidenav-action-list-item-button-font-weight: var(--lds-typography-sidenav-action-font-weight);
  --lds-typography-sidenav-action-list-item-button-font-weight-hover: var(--lds-typography-sidenav-action-font-weight-hover);
  --lds-typography-sidenav-action-list-item-button-font-weight-active: var(--lds-typography-sidenav-action-font-weight-active);
  --lds-typography-sidenav-action-list-item-button-font-weight-focus: var(--lds-typography-sidenav-action-font-weight-focus);
  --lds-typography-sidenav-action-list-item-button-font-weight-disabled: var(--lds-typography-sidenav-action-font-weight-disabled);
  --lds-typography-sidenav-action-list-item-button-font-weight-current: var(--lds-typography-sidenav-action-font-weight-current);
  --lds-typography-sidenav-action-list-item-button-font-weight-current-hover: var(--lds-typography-sidenav-action-font-weight-current-hover);
  --lds-typography-sidenav-action-list-item-button-font-weight-current-active: var(--lds-typography-sidenav-action-font-weight-current-active);
  --lds-typography-sidenav-action-list-item-button-font-weight-current-focus: var(--lds-typography-sidenav-action-font-weight-current-focus);
  --lds-typography-sidenav-action-list-item-button-font-weight-current-disabled: var(--lds-typography-sidenav-action-font-weight-current-disabled);
  --lds-typography-sidenav-action-list-item-button-line-height: var(--lds-typography-sidenav-action-line-height);
  --lds-typography-sidenav-action-list-item-button-text-decoration: var(--lds-typography-sidenav-action-text-decoration);
  --lds-typography-sidenav-action-list-item-button-text-decoration-hover: var(--lds-typography-sidenav-action-text-decoration-hover);
  --lds-typography-sidenav-action-list-item-button-text-decoration-focus: var(--lds-typography-sidenav-action-text-decoration-focus);
  --lds-typography-sidenav-action-list-item-button-text-decoration-active: var(--lds-typography-sidenav-action-text-decoration-active);
  --lds-typography-sidenav-action-list-item-button-text-decoration-disabled: var(--lds-typography-sidenav-action-text-decoration-disabled);
  --lds-typography-sidenav-action-list-item-button-text-decoration-current: var(--lds-typography-sidenav-action-text-decoration-current);
  --lds-typography-sidenav-action-list-item-button-text-decoration-current-hover: var(--lds-typography-sidenav-action-text-decoration-current-hover);
  --lds-typography-sidenav-action-list-item-button-text-decoration-current-focus: var(--lds-typography-sidenav-action-text-decoration-current-focus);
  --lds-typography-sidenav-action-list-item-button-text-decoration-current-active: var(--lds-typography-sidenav-action-text-decoration-current-active);
  --lds-typography-sidenav-action-list-item-button-text-decoration-current-disabled: var(--lds-typography-sidenav-action-text-decoration-current-disabled);
  --lds-typography-sidenav-action-list-item-button-text-transform: var(--lds-typography-sidenav-action-text-transform);

  /* Action List - Item (sub) */

  --lds-border-sidenav-action-list-sub-item-radius: 0;
  --lds-color-sidenav-action-list-sub-item-background: var(--lds-color-transparent);
  --lds-shadow-sidenav-action-list-sub-item: none;

  --lds-animation-sidenav-action-list-sub-item-button-transition: var(--lds-animation-sidenav-action-transition);

  --lds-border-sidenav-action-list-sub-item-button-width: var(--lds-border-sidenav-action-width);
  --lds-border-sidenav-action-list-sub-item-button-width-disabled: var(--lds-border-sidenav-action-width-disabled);
  --lds-border-sidenav-action-list-sub-item-button-width-current: var(--lds-border-sidenav-action-width-current);
  --lds-border-sidenav-action-list-sub-item-button-width-current-disabled: var(--lds-border-sidenav-action-width-current-disabled);
  --lds-border-sidenav-action-list-sub-item-button-outline-offset-focus: var(--lds-border-sidenav-action-outline-offset-focus);
  --lds-border-sidenav-action-list-sub-item-button-outline-style-focus: var(--lds-border-sidenav-action-outline-style-focus);
  --lds-border-sidenav-action-list-sub-item-button-outline-width-focus: var(--lds-border-sidenav-action-outline-width-focus);

  --lds-color-sidenav-action-list-sub-item-button-background: var(--lds-color-sidenav-action-background);
  --lds-color-sidenav-action-list-sub-item-button-background-hover: var(--lds-color-sidenav-action-background-hover);
  --lds-color-sidenav-action-list-sub-item-button-background-focus: var(--lds-color-sidenav-action-background-focus);
  --lds-color-sidenav-action-list-sub-item-button-background-active: var(--lds-color-sidenav-action-background-active);
  --lds-color-sidenav-action-list-sub-item-button-background-disabled: var(--lds-color-sidenav-action-background-disabled);
  --lds-color-sidenav-action-list-sub-item-button-background-visited: var(--lds-color-sidenav-action-background-visited);
  --lds-color-sidenav-action-list-sub-item-button-background-current: var(--lds-color-sidenav-action-background-current);
  --lds-color-sidenav-action-list-sub-item-button-background-current-hover: var(--lds-color-sidenav-action-background-current-hover);
  --lds-color-sidenav-action-list-sub-item-button-background-current-focus: var(--lds-color-sidenav-action-background-current-focus);
  --lds-color-sidenav-action-list-sub-item-button-background-current-active: var(--lds-color-sidenav-action-background-current-active);
  --lds-color-sidenav-action-list-sub-item-button-background-current-disabled: var(--lds-color-sidenav-action-background-current-disabled);
  --lds-color-sidenav-action-list-sub-item-button-border: var(--lds-color-sidenav-action-border);
  --lds-color-sidenav-action-list-sub-item-button-border-hover: var(--lds-color-sidenav-action-border-hover);
  --lds-color-sidenav-action-list-sub-item-button-border-focus: var(--lds-color-sidenav-action-border-focus);
  --lds-color-sidenav-action-list-sub-item-button-border-active: var(--lds-color-sidenav-action-border-active);
  --lds-color-sidenav-action-list-sub-item-button-border-disabled: var(--lds-color-sidenav-action-border-disabled);
  --lds-color-sidenav-action-list-sub-item-button-border-visited: var(--lds-color-sidenav-action-border-visited);
  --lds-color-sidenav-action-list-sub-item-button-border-current: var(--lds-color-sidenav-action-border-current);
  --lds-color-sidenav-action-list-sub-item-button-border-current-hover: var(--lds-color-sidenav-action-border-current-hover);
  --lds-color-sidenav-action-list-sub-item-button-border-current-focus: var(--lds-color-sidenav-action-border-current-focus);
  --lds-color-sidenav-action-list-sub-item-button-border-current-active: var(--lds-color-sidenav-action-border-current-active);
  --lds-color-sidenav-action-list-sub-item-button-border-current-disabled: var(--lds-color-sidenav-action-border-current-disabled);
  --lds-color-sidenav-action-list-sub-item-button-foreground: var(--lds-color-sidenav-action-foreground);
  --lds-color-sidenav-action-list-sub-item-button-foreground-hover: var(--lds-color-sidenav-action-foreground-hover);
  --lds-color-sidenav-action-list-sub-item-button-foreground-focus: var(--lds-color-sidenav-action-foreground-focus);
  --lds-color-sidenav-action-list-sub-item-button-foreground-active: var(--lds-color-sidenav-action-foreground-active);
  --lds-color-sidenav-action-list-sub-item-button-foreground-disabled: var(--lds-color-sidenav-action-foreground-disabled);
  --lds-color-sidenav-action-list-sub-item-button-foreground-visited: var(--lds-color-sidenav-action-foreground-visited);
  --lds-color-sidenav-action-list-sub-item-button-foreground-current: var(--lds-color-sidenav-action-foreground-current);
  --lds-color-sidenav-action-list-sub-item-button-foreground-current-hover: var(--lds-color-sidenav-action-foreground-current-hover);
  --lds-color-sidenav-action-list-sub-item-button-foreground-current-focus: var(--lds-color-sidenav-action-foreground-current-focus);
  --lds-color-sidenav-action-list-sub-item-button-foreground-current-active: var(--lds-color-sidenav-action-foreground-current-active);
  --lds-color-sidenav-action-list-sub-item-button-foreground-current-disabled: var(--lds-color-sidenav-action-foreground-current-disabled);
  --lds-color-sidenav-action-list-sub-item-button-shadow: var(--lds-color-sidenav-action-shadow);
  --lds-color-sidenav-action-list-sub-item-button-shadow-hover: var(--lds-color-sidenav-action-shadow-hover);
  --lds-color-sidenav-action-list-sub-item-button-shadow-focus: var(--lds-color-sidenav-action-shadow-focus);
  --lds-color-sidenav-action-list-sub-item-button-shadow-active: var(--lds-color-sidenav-action-shadow-active);
  --lds-color-sidenav-action-list-sub-item-button-shadow-disabled: var(--lds-color-sidenav-action-shadow-disabled);
  --lds-color-sidenav-action-list-sub-item-button-shadow-visited: var(--lds-color-sidenav-action-shadow-visited);
  --lds-color-sidenav-action-list-sub-item-button-shadow-current: var(--lds-color-sidenav-action-shadow-current);
  --lds-color-sidenav-action-list-sub-item-button-shadow-current-hover: var(--lds-color-sidenav-action-shadow-current-hover);
  --lds-color-sidenav-action-list-sub-item-button-shadow-current-focus: var(--lds-color-sidenav-action-shadow-current-focus);
  --lds-color-sidenav-action-list-sub-item-button-shadow-current-active: var(--lds-color-sidenav-action-shadow-current-active);
  --lds-color-sidenav-action-list-sub-item-button-shadow-current-disabled: var(--lds-color-sidenav-action-shadow-current-disabled);
  --lds-color-sidenav-action-list-sub-item-button-outline-focus: var(--lds-color-sidenav-action-outline-focus);
  --lds-color-sidenav-action-list-sub-item-button-leading-icon-foreground: var(--lds-color-sidenav-action-leading-icon-foreground);
  --lds-color-sidenav-action-list-sub-item-button-leading-icon-foreground-hover: var(--lds-color-sidenav-action-leading-icon-foreground-hover);
  --lds-color-sidenav-action-list-sub-item-button-leading-icon-foreground-focus: var(--lds-color-sidenav-action-leading-icon-foreground-focus);
  --lds-color-sidenav-action-list-sub-item-button-leading-icon-foreground-active: var(--lds-color-sidenav-action-leading-icon-foreground-active);
  --lds-color-sidenav-action-list-sub-item-button-leading-icon-foreground-disabled: var(--lds-color-sidenav-action-leading-icon-foreground-disabled);
  --lds-color-sidenav-action-list-sub-item-button-leading-icon-foreground-visited: var(--lds-color-sidenav-action-leading-icon-foreground-visited);
  --lds-color-sidenav-action-list-sub-item-button-leading-icon-foreground-current: var(--lds-color-sidenav-action-leading-icon-foreground-current);
  --lds-color-sidenav-action-list-sub-item-button-leading-icon-foreground-current-hover: var(--lds-color-sidenav-action-leading-icon-foreground-current-hover);
  --lds-color-sidenav-action-list-sub-item-button-leading-icon-foreground-current-focus: var(--lds-color-sidenav-action-leading-icon-foreground-current-focus);
  --lds-color-sidenav-action-list-sub-item-button-leading-icon-foreground-current-active: var(--lds-color-sidenav-action-leading-icon-foreground-current-active);
  --lds-color-sidenav-action-list-sub-item-button-leading-icon-foreground-current-disabled: var(--lds-color-sidenav-action-leading-icon-foreground-current-disabled);
  --lds-color-sidenav-action-list-sub-item-button-trailing-icon-foreground: var(--lds-color-sidenav-action-trailing-icon-foreground);
  --lds-color-sidenav-action-list-sub-item-button-trailing-icon-foreground-hover: var(--lds-color-sidenav-action-trailing-icon-foreground-hover);
  --lds-color-sidenav-action-list-sub-item-button-trailing-icon-foreground-focus: var(--lds-color-sidenav-action-trailing-icon-foreground-focus);
  --lds-color-sidenav-action-list-sub-item-button-trailing-icon-foreground-active: var(--lds-color-sidenav-action-trailing-icon-foreground-active);
  --lds-color-sidenav-action-list-sub-item-button-trailing-icon-foreground-disabled: var(--lds-color-sidenav-action-trailing-icon-foreground-disabled);
  --lds-color-sidenav-action-list-sub-item-button-trailing-icon-foreground-visited: var(--lds-color-sidenav-action-trailing-icon-foreground-visited);
  --lds-color-sidenav-action-list-sub-item-button-trailing-icon-foreground-current: var(--lds-color-sidenav-action-trailing-icon-foreground-current);
  --lds-color-sidenav-action-list-sub-item-button-trailing-icon-foreground-current-hover: var(--lds-color-sidenav-action-trailing-icon-foreground-current-hover);
  --lds-color-sidenav-action-list-sub-item-button-trailing-icon-foreground-current-focus: var(--lds-color-sidenav-action-trailing-icon-foreground-current-focus);
  --lds-color-sidenav-action-list-sub-item-button-trailing-icon-foreground-current-active: var(--lds-color-sidenav-action-trailing-icon-foreground-current-active);
  --lds-color-sidenav-action-list-sub-item-button-trailing-icon-foreground-current-disabled: var(--lds-color-sidenav-action-trailing-icon-foreground-current-disabled);

  --lds-radius-sidenav-action-list-sub-item-button: .75rem 0 0 .75rem;

  --lds-shadow-sidenav-action-list-sub-item-button: var(--lds-shadow-sidenav-action);
  --lds-shadow-sidenav-action-list-sub-item-button-hover: var(--lds-shadow-sidenav-action-hover);
  --lds-shadow-sidenav-action-list-sub-item-button-focus: var(--lds-shadow-sidenav-action-focus);
  --lds-shadow-sidenav-action-list-sub-item-button-active: var(--lds-shadow-sidenav-action-active);
  --lds-shadow-sidenav-action-list-sub-item-button-disabled: var(--lds-shadow-sidenav-action-disabled);
  --lds-shadow-sidenav-action-list-sub-item-button-visited: var(--lds-shadow-sidenav-action-visited);
  --lds-shadow-sidenav-action-list-sub-item-button-current: var(--lds-shadow-sidenav-action-current);
  --lds-shadow-sidenav-action-list-sub-item-button-current-hover: var(--lds-shadow-sidenav-action-current-hover);
  --lds-shadow-sidenav-action-list-sub-item-button-current-focus: var(--lds-shadow-sidenav-action-current-focus);
  --lds-shadow-sidenav-action-list-sub-item-button-current-active: var(--lds-shadow-sidenav-action-current-active);
  --lds-shadow-sidenav-action-list-sub-item-button-current-disabled: var(--lds-shadow-sidenav-action-current-disabled);

  --lds-spacing-sidenav-action-list-sub-item-button-padding-inline: var(--lds-spacing-sidenav-action-padding-inline);
  --lds-spacing-sidenav-action-list-sub-item-button-padding-block: .25rem;
  --lds-spacing-sidenav-action-list-sub-item-button-leading-gap: var(--lds-spacing-sidenav-action-leading-gap);
  --lds-spacing-sidenav-action-list-sub-item-button-leading-icon-size: 1.25rem;
  --lds-spacing-sidenav-action-list-sub-item-button-leading-avatar-size: var(--lds-spacing-sidenav-action-leading-avatar-size);
  --lds-spacing-sidenav-action-list-sub-item-button-trailing-gap: var(--lds-spacing-sidenav-action-trailing-gap);
  --lds-spacing-sidenav-action-list-sub-item-button-trailing-icon-size: 1.125rem;

  --lds-typography-sidenav-action-list-sub-item-button-font-size: var(--lds-typography-sidenav-action-font-size);
  --lds-typography-sidenav-action-list-sub-item-button-font-style: var(--lds-typography-sidenav-action-font-style);
  --lds-typography-sidenav-action-list-sub-item-button-font-weight: var(--lds-typography-sidenav-action-font-weight);
  --lds-typography-sidenav-action-list-sub-item-button-font-weight-hover: var(--lds-typography-sidenav-action-font-weight-hover);
  --lds-typography-sidenav-action-list-sub-item-button-font-weight-active: var(--lds-typography-sidenav-action-font-weight-active);
  --lds-typography-sidenav-action-list-sub-item-button-font-weight-focus: var(--lds-typography-sidenav-action-font-weight-focus);
  --lds-typography-sidenav-action-list-sub-item-button-font-weight-disabled: var(--lds-typography-sidenav-action-font-weight-disabled);
  --lds-typography-sidenav-action-list-sub-item-button-font-weight-current: var(--lds-typography-sidenav-action-font-weight-current);
  --lds-typography-sidenav-action-list-sub-item-button-font-weight-current-hover: var(--lds-typography-sidenav-action-font-weight-current-hover);
  --lds-typography-sidenav-action-list-sub-item-button-font-weight-current-active: var(--lds-typography-sidenav-action-font-weight-current-active);
  --lds-typography-sidenav-action-list-sub-item-button-font-weight-current-focus: var(--lds-typography-sidenav-action-font-weight-current-focus);
  --lds-typography-sidenav-action-list-sub-item-button-font-weight-current-disabled: var(--lds-typography-sidenav-action-font-weight-current-disabled);
  --lds-typography-sidenav-action-list-sub-item-button-line-height: var(--lds-typography-sidenav-action-line-height);
  --lds-typography-sidenav-action-list-sub-item-button-text-decoration: var(--lds-typography-sidenav-action-text-decoration);
  --lds-typography-sidenav-action-list-sub-item-button-text-decoration-hover: var(--lds-typography-sidenav-action-text-decoration-hover);
  --lds-typography-sidenav-action-list-sub-item-button-text-decoration-focus: var(--lds-typography-sidenav-action-text-decoration-focus);
  --lds-typography-sidenav-action-list-sub-item-button-text-decoration-active: var(--lds-typography-sidenav-action-text-decoration-active);
  --lds-typography-sidenav-action-list-sub-item-button-text-decoration-disabled: var(--lds-typography-sidenav-action-text-decoration-disabled);
  --lds-typography-sidenav-action-list-sub-item-button-text-decoration-current: var(--lds-typography-sidenav-action-text-decoration-current);
  --lds-typography-sidenav-action-list-sub-item-button-text-decoration-current-hover: var(--lds-typography-sidenav-action-text-decoration-current-hover);
  --lds-typography-sidenav-action-list-sub-item-button-text-decoration-current-focus: var(--lds-typography-sidenav-action-text-decoration-current-focus);
  --lds-typography-sidenav-action-list-sub-item-button-text-decoration-current-active: var(--lds-typography-sidenav-action-text-decoration-current-active);
  --lds-typography-sidenav-action-list-sub-item-button-text-decoration-current-disabled: var(--lds-typography-sidenav-action-text-decoration-current-disabled);
  --lds-typography-sidenav-action-list-sub-item-button-text-transform: var(--lds-typography-sidenav-action-text-transform);

  /* Action List - Item Collapse */

  --lds-color-sidenav-action-list-collapse-background: var(--lds-color-transparent);
  --lds-color-sidenav-action-list-collapse-background-expanded: var(--lds-color-transparent);
  --lds-radius-sidenav-action-list-collapse: .75rem;
  --lds-radius-sidenav-action-list-collapse-expanded: .75rem;
  --lds-shadow-sidenav-action-list-collapse: none;
  --lds-shadow-sidenav-action-list-collapse-expanded: 0px 2px 4px 0px rgba(52, 63, 65, 0.20);

  --lds-color-sidenav-action-list-collapse-content-background-expanded: var(--lds-color-transparent);
  --lds-spacing-sidenav-action-list-collapse-content-padding-inline-expanded: 0;
  --lds-spacing-sidenav-action-list-collapse-content-padding-block-expanded: 1rem;

  --lds-radius-sidenav-action-list-collapse-button-expanded: .75rem .75rem 0 0;
  --lds-color-sidenav-action-list-collapse-button-background-expanded: var(--lds-color-stone-010);
  --lds-color-sidenav-action-list-collapse-button-background-expanded-hover: var(--lds-color-stone-020);
  --lds-color-sidenav-action-list-collapse-button-background-expanded-focus: var(--lds-color-sidenav-action-list-collapse-button-background-expanded);
  --lds-color-sidenav-action-list-collapse-button-background-expanded-active: var(--lds-color-sidenav-action-list-collapse-button-background-expanded);
  --lds-color-sidenav-action-list-collapse-button-foreground-expanded: var(--lds-color-sidenav-action-list-collapse-button-foreground);
  --lds-color-sidenav-action-list-collapse-button-foreground-expanded-hover: var(--lds-color-sidenav-action-list-collapse-button-foreground-expanded);
  --lds-color-sidenav-action-list-collapse-button-foreground-expanded-focus: var(--lds-color-sidenav-action-list-collapse-button-foreground-expanded);
  --lds-color-sidenav-action-list-collapse-button-foreground-expanded-active: var(--lds-color-sidenav-action-list-collapse-button-foreground-expanded);
  --lds-color-sidenav-action-list-collapse-button-leading-icon-foreground-expanded: var(--lds-color-sidenav-action-list-collapse-button-leading-icon-foreground);
  --lds-color-sidenav-action-list-collapse-button-leading-icon-foreground-expanded-hover: var(--lds-color-sidenav-action-list-collapse-button-leading-icon-foreground-expanded);
  --lds-color-sidenav-action-list-collapse-button-leading-icon-foreground-expanded-focus: var(--lds-color-sidenav-action-list-collapse-button-leading-icon-foreground-expanded);
  --lds-color-sidenav-action-list-collapse-button-leading-icon-foreground-expanded-active: var(--lds-color-sidenav-action-list-collapse-button-leading-icon-foreground-expanded);
  --lds-color-sidenav-action-list-collapse-button-trailing-icon-foreground-expanded: var(--lds-color-sidenav-action-list-collapse-button-trailing-icon-foreground);
  --lds-color-sidenav-action-list-collapse-button-trailing-icon-foreground-expanded-hover: var(--lds-color-sidenav-action-list-collapse-button-trailing-icon-foreground-expanded);
  --lds-color-sidenav-action-list-collapse-button-trailing-icon-foreground-expanded-focus: var(--lds-color-sidenav-action-list-collapse-button-trailing-icon-foreground-expanded);
  --lds-color-sidenav-action-list-collapse-button-trailing-icon-foreground-expanded-active: var(--lds-color-sidenav-action-list-collapse-button-trailing-icon-foreground-expanded);
  --lds-typography-sidenav-action-list-collapse-button-font-weight-expanded: 600;
  --lds-typography-sidenav-action-list-collapse-button-font-weight-expanded-hover: var(--lds-typography-sidenav-action-list-collapse-button-font-weight-expanded);
  --lds-typography-sidenav-action-list-collapse-button-font-weight-expanded-focus: var(--lds-typography-sidenav-action-list-collapse-button-font-weight-expanded);
  --lds-typography-sidenav-action-list-collapse-button-font-weight-expanded-active: var(--lds-typography-sidenav-action-list-collapse-button-font-weight-expanded);
  --lds-typography-sidenav-action-list-collapse-button-text-decoration-expanded: var(--lds-typography-sidenav-action-list-collapse-button-text-decoration);

  --lds-animation-sidenav-action-list-collapse-button-transition: var(--lds-animation-sidenav-action-transition);

  --lds-border-sidenav-action-list-collapse-button-width: var(--lds-border-sidenav-action-width);
  --lds-border-sidenav-action-list-collapse-button-width-disabled: var(--lds-border-sidenav-action-width-disabled);
  --lds-border-sidenav-action-list-collapse-button-outline-offset-focus: var(--lds-border-sidenav-action-outline-offset-focus);
  --lds-border-sidenav-action-list-collapse-button-outline-style-focus: var(--lds-border-sidenav-action-outline-style-focus);
  --lds-border-sidenav-action-list-collapse-button-outline-width-focus: var(--lds-border-sidenav-action-outline-width-focus);

  --lds-color-sidenav-action-list-collapse-button-background: var(--lds-color-sidenav-action-background);
  --lds-color-sidenav-action-list-collapse-button-background-hover: var(--lds-color-sidenav-action-background-hover);
  --lds-color-sidenav-action-list-collapse-button-background-focus: var(--lds-color-sidenav-action-background-focus);
  --lds-color-sidenav-action-list-collapse-button-background-active: var(--lds-color-sidenav-action-background-active);
  --lds-color-sidenav-action-list-collapse-button-background-disabled: var(--lds-color-sidenav-action-background-disabled);
  --lds-color-sidenav-action-list-collapse-button-border: var(--lds-color-sidenav-action-border);
  --lds-color-sidenav-action-list-collapse-button-border-hover: var(--lds-color-sidenav-action-border-hover);
  --lds-color-sidenav-action-list-collapse-button-border-focus: var(--lds-color-sidenav-action-border-focus);
  --lds-color-sidenav-action-list-collapse-button-border-active: var(--lds-color-sidenav-action-border-active);
  --lds-color-sidenav-action-list-collapse-button-border-disabled: var(--lds-color-sidenav-action-border-disabled);
  --lds-color-sidenav-action-list-collapse-button-foreground: var(--lds-color-sidenav-action-foreground);
  --lds-color-sidenav-action-list-collapse-button-foreground-hover: var(--lds-color-sidenav-action-foreground-hover);
  --lds-color-sidenav-action-list-collapse-button-foreground-focus: var(--lds-color-sidenav-action-foreground-focus);
  --lds-color-sidenav-action-list-collapse-button-foreground-active: var(--lds-color-sidenav-action-foreground-active);
  --lds-color-sidenav-action-list-collapse-button-foreground-disabled: var(--lds-color-sidenav-action-foreground-disabled);
  --lds-color-sidenav-action-list-collapse-button-shadow: var(--lds-color-sidenav-action-shadow);
  --lds-color-sidenav-action-list-collapse-button-shadow-hover: var(--lds-color-sidenav-action-shadow-hover);
  --lds-color-sidenav-action-list-collapse-button-shadow-focus: var(--lds-color-sidenav-action-shadow-focus);
  --lds-color-sidenav-action-list-collapse-button-shadow-active: var(--lds-color-sidenav-action-shadow-active);
  --lds-color-sidenav-action-list-collapse-button-shadow-disabled: var(--lds-color-sidenav-action-shadow-disabled);
  --lds-color-sidenav-action-list-collapse-button-outline-focus: var(--lds-color-sidenav-action-outline-focus);
  --lds-color-sidenav-action-list-collapse-button-leading-icon-foreground: var(--lds-color-sidenav-action-leading-icon-foreground);
  --lds-color-sidenav-action-list-collapse-button-leading-icon-foreground-hover: var(--lds-color-sidenav-action-leading-icon-foreground-hover);
  --lds-color-sidenav-action-list-collapse-button-leading-icon-foreground-focus: var(--lds-color-sidenav-action-leading-icon-foreground-focus);
  --lds-color-sidenav-action-list-collapse-button-leading-icon-foreground-active: var(--lds-color-sidenav-action-leading-icon-foreground-active);
  --lds-color-sidenav-action-list-collapse-button-leading-icon-foreground-disabled: var(--lds-color-sidenav-action-leading-icon-foreground-disabled);
  --lds-color-sidenav-action-list-collapse-button-trailing-icon-foreground: var(--lds-color-sidenav-action-trailing-icon-foreground);
  --lds-color-sidenav-action-list-collapse-button-trailing-icon-foreground-hover: var(--lds-color-sidenav-action-trailing-icon-foreground-hover);
  --lds-color-sidenav-action-list-collapse-button-trailing-icon-foreground-focus: var(--lds-color-sidenav-action-trailing-icon-foreground-focus);
  --lds-color-sidenav-action-list-collapse-button-trailing-icon-foreground-active: var(--lds-color-sidenav-action-trailing-icon-foreground-active);
  --lds-color-sidenav-action-list-collapse-button-trailing-icon-foreground-disabled: var(--lds-color-sidenav-action-trailing-icon-foreground-disabled);

  --lds-radius-sidenav-action-list-collapse-button: var(--lds-radius-sidenav-action);

  --lds-shadow-sidenav-action-list-collapse-button: var(--lds-shadow-sidenav-action);
  --lds-shadow-sidenav-action-list-collapse-button-hover: var(--lds-shadow-sidenav-action-hover);
  --lds-shadow-sidenav-action-list-collapse-button-focus: var(--lds-shadow-sidenav-action-focus);
  --lds-shadow-sidenav-action-list-collapse-button-active: var(--lds-shadow-sidenav-action-active);
  --lds-shadow-sidenav-action-list-collapse-button-disabled: var(--lds-shadow-sidenav-action-disabled);

  --lds-spacing-sidenav-action-list-collapse-button-padding-inline: var(--lds-spacing-sidenav-action-padding-inline);
  --lds-spacing-sidenav-action-list-collapse-button-padding-block: var(--lds-spacing-sidenav-action-padding-block);
  --lds-spacing-sidenav-action-list-collapse-button-leading-gap: var(--lds-spacing-sidenav-action-leading-gap);
  --lds-spacing-sidenav-action-list-collapse-button-leading-icon-size: var(--lds-spacing-sidenav-action-leading-icon-size);
  --lds-spacing-sidenav-action-list-collapse-button-leading-avatar-size: var(--lds-spacing-sidenav-action-leading-avatar-size);
  --lds-spacing-sidenav-action-list-collapse-button-trailing-gap: var(--lds-spacing-sidenav-action-trailing-gap);
  --lds-spacing-sidenav-action-list-collapse-button-trailing-icon-size: var(--lds-spacing-sidenav-action-trailing-icon-size);

  --lds-typography-sidenav-action-list-collapse-button-font-size: var(--lds-typography-sidenav-action-font-size);
  --lds-typography-sidenav-action-list-collapse-button-font-style: var(--lds-typography-sidenav-action-font-style);
  --lds-typography-sidenav-action-list-collapse-button-font-weight: var(--lds-typography-sidenav-action-font-weight);
  --lds-typography-sidenav-action-list-collapse-button-font-weight-hover: var(--lds-typography-sidenav-action-font-weight-hover);
  --lds-typography-sidenav-action-list-collapse-button-font-weight-active: var(--lds-typography-sidenav-action-font-weight-active);
  --lds-typography-sidenav-action-list-collapse-button-font-weight-focus: var(--lds-typography-sidenav-action-font-weight-focus);
  --lds-typography-sidenav-action-list-collapse-button-font-weight-disabled: var(--lds-typography-sidenav-action-font-weight-disabled);
  --lds-typography-sidenav-action-list-collapse-button-line-height: var(--lds-typography-sidenav-action-line-height);
  --lds-typography-sidenav-action-list-collapse-button-text-decoration: var(--lds-typography-sidenav-action-text-decoration);
  --lds-typography-sidenav-action-list-collapse-button-text-decoration-hover: var(--lds-typography-sidenav-action-text-decoration-hover);
  --lds-typography-sidenav-action-list-collapse-button-text-decoration-focus: var(--lds-typography-sidenav-action-text-decoration-focus);
  --lds-typography-sidenav-action-list-collapse-button-text-decoration-active: var(--lds-typography-sidenav-action-text-decoration-active);
  --lds-typography-sidenav-action-list-collapse-button-text-decoration-disabled: var(--lds-typography-sidenav-action-text-decoration-disabled);
  --lds-typography-sidenav-action-list-collapse-button-text-transform: var(--lds-typography-sidenav-action-text-transform);

  /* Action List - Item Collapse (sub) */

  --lds-radius-sidenav-action-list-sub-collapse: none;
  --lds-radius-sidenav-action-list-sub-collapse-expanded: none;
  --lds-color-sidenav-action-list-sub-collapse-background: var(--lds-color-sidenav-action-list-collapse-background);
  --lds-color-sidenav-action-list-sub-collapse-background-expanded: var(--lds-color-sidenav-action-list-collapse-background-expanded);
  --lds-shadow-sidenav-action-list-sub-collapse: var(--lds-shadow-sidenav-action-list-collapse);
  --lds-shadow-sidenav-action-list-sub-collapse-expanded: none;

  --lds-color-sidenav-action-list-sub-collapse-content-background-expanded: var(--lds-color-transparent);
  --lds-spacing-sidenav-action-list-sub-collapse-content-padding-inline-expanded: 0;
  --lds-spacing-sidenav-action-list-sub-collapse-content-padding-block-expanded: .25rem 0;

  --lds-radius-sidenav-action-list-sub-collapse-button-expanded: var(--lds-radius-sidenav-action-list-sub-item-button);
  --lds-color-sidenav-action-list-sub-collapse-button-background-expanded: var(--lds-color-sidenav-action-list-collapse-button-background-expanded);
  --lds-color-sidenav-action-list-sub-collapse-button-background-expanded-hover: var(--lds-color-sidenav-action-list-collapse-button-background-expanded-hover);
  --lds-color-sidenav-action-list-sub-collapse-button-background-expanded-focus: var(--lds-color-sidenav-action-list-collapse-button-background-expanded-focus);
  --lds-color-sidenav-action-list-sub-collapse-button-background-expanded-active: var(--lds-color-sidenav-action-list-collapse-button-background-expanded-active);
  --lds-color-sidenav-action-list-sub-collapse-button-foreground-expanded: var(--lds-color-sidenav-action-list-collapse-button-foreground-expanded);
  --lds-color-sidenav-action-list-sub-collapse-button-foreground-expanded-hover: var(--lds-color-sidenav-action-list-collapse-button-foreground-expanded-hover);
  --lds-color-sidenav-action-list-sub-collapse-button-foreground-expanded-focus: var(--lds-color-sidenav-action-list-collapse-button-foreground-expanded-focus);
  --lds-color-sidenav-action-list-sub-collapse-button-foreground-expanded-active: var(--lds-color-sidenav-action-list-collapse-button-foreground-expanded-active);
  --lds-color-sidenav-action-list-sub-collapse-button-leading-icon-foreground-expanded: var(--lds-color-sidenav-action-list-collapse-button-leading-icon-foreground-expanded);
  --lds-color-sidenav-action-list-sub-collapse-button-leading-icon-foreground-expanded-hover: var(--lds-color-sidenav-action-list-collapse-button-leading-icon-foreground-expanded-hover);
  --lds-color-sidenav-action-list-sub-collapse-button-leading-icon-foreground-expanded-focus: var(--lds-color-sidenav-action-list-collapse-button-leading-icon-foreground-expanded-focus);
  --lds-color-sidenav-action-list-sub-collapse-button-leading-icon-foreground-expanded-active: var(--lds-color-sidenav-action-list-collapse-button-leading-icon-foreground-expanded-active);
  --lds-color-sidenav-action-list-sub-collapse-button-trailing-icon-foreground-expanded: var(--lds-color-sidenav-action-list-collapse-button-trailing-icon-foreground-expanded);
  --lds-color-sidenav-action-list-sub-collapse-button-trailing-icon-foreground-expanded-hover: var(--lds-color-sidenav-action-list-collapse-button-trailing-icon-foreground-expanded-hover);
  --lds-color-sidenav-action-list-sub-collapse-button-trailing-icon-foreground-expanded-focus: var(--lds-color-sidenav-action-list-collapse-button-trailing-icon-foreground-expanded-focus);
  --lds-color-sidenav-action-list-sub-collapse-button-trailing-icon-foreground-expanded-active: var(--lds-color-sidenav-action-list-collapse-button-trailing-icon-foreground-expanded-active);
  --lds-typography-sidenav-action-list-sub-collapse-button-font-weight-expanded: var(--lds-typography-sidenav-action-list-collapse-button-font-weight-expanded);
  --lds-typography-sidenav-action-list-sub-collapse-button-font-weight-expanded-hover: var(--lds-typography-sidenav-action-list-collapse-button-font-weight-expanded-hover);
  --lds-typography-sidenav-action-list-sub-collapse-button-font-weight-expanded-focus: var(--lds-typography-sidenav-action-list-collapse-button-font-weight-expanded-focus);
  --lds-typography-sidenav-action-list-sub-collapse-button-font-weight-expanded-active: var(--lds-typography-sidenav-action-list-collapse-button-font-weight-expanded-active);
  --lds-typography-sidenav-action-list-sub-collapse-button-text-decoration-expanded: var(--lds-typography-sidenav-action-list-sub-collapse-button-text-decoration);

  --lds-animation-sidenav-action-list-sub-collapse-button-transition: var(--lds-animation-sidenav-action-transition);

  --lds-border-sidenav-action-list-sub-collapse-button-width: var(--lds-border-sidenav-action-width);
  --lds-border-sidenav-action-list-sub-collapse-button-width-disabled: var(--lds-border-sidenav-action-width-disabled);
  --lds-border-sidenav-action-list-sub-collapse-button-outline-offset-focus: var(--lds-border-sidenav-action-outline-offset-focus);
  --lds-border-sidenav-action-list-sub-collapse-button-outline-style-focus: var(--lds-border-sidenav-action-outline-style-focus);
  --lds-border-sidenav-action-list-sub-collapse-button-outline-width-focus: var(--lds-border-sidenav-action-outline-width-focus);

  --lds-color-sidenav-action-list-sub-collapse-button-background: var(--lds-color-sidenav-action-background);
  --lds-color-sidenav-action-list-sub-collapse-button-background-hover: var(--lds-color-sidenav-action-background-hover);
  --lds-color-sidenav-action-list-sub-collapse-button-background-focus: var(--lds-color-sidenav-action-background-focus);
  --lds-color-sidenav-action-list-sub-collapse-button-background-active: var(--lds-color-sidenav-action-background-active);
  --lds-color-sidenav-action-list-sub-collapse-button-background-disabled: var(--lds-color-sidenav-action-background-disabled);
  --lds-color-sidenav-action-list-sub-collapse-button-border: var(--lds-color-sidenav-action-border);
  --lds-color-sidenav-action-list-sub-collapse-button-border-hover: var(--lds-color-sidenav-action-border-hover);
  --lds-color-sidenav-action-list-sub-collapse-button-border-focus: var(--lds-color-sidenav-action-border-focus);
  --lds-color-sidenav-action-list-sub-collapse-button-border-active: var(--lds-color-sidenav-action-border-active);
  --lds-color-sidenav-action-list-sub-collapse-button-border-disabled: var(--lds-color-sidenav-action-border-disabled);
  --lds-color-sidenav-action-list-sub-collapse-button-foreground: var(--lds-color-sidenav-action-foreground);
  --lds-color-sidenav-action-list-sub-collapse-button-foreground-hover: var(--lds-color-sidenav-action-foreground-hover);
  --lds-color-sidenav-action-list-sub-collapse-button-foreground-focus: var(--lds-color-sidenav-action-foreground-focus);
  --lds-color-sidenav-action-list-sub-collapse-button-foreground-active: var(--lds-color-sidenav-action-foreground-active);
  --lds-color-sidenav-action-list-sub-collapse-button-foreground-disabled: var(--lds-color-sidenav-action-foreground-disabled);
  --lds-color-sidenav-action-list-sub-collapse-button-shadow: var(--lds-color-sidenav-action-shadow);
  --lds-color-sidenav-action-list-sub-collapse-button-shadow-hover: var(--lds-color-sidenav-action-shadow-hover);
  --lds-color-sidenav-action-list-sub-collapse-button-shadow-focus: var(--lds-color-sidenav-action-shadow-focus);
  --lds-color-sidenav-action-list-sub-collapse-button-shadow-active: var(--lds-color-sidenav-action-shadow-active);
  --lds-color-sidenav-action-list-sub-collapse-button-shadow-disabled: var(--lds-color-sidenav-action-shadow-disabled);
  --lds-color-sidenav-action-list-sub-collapse-button-outline-focus: var(--lds-color-sidenav-action-outline-focus);
  --lds-color-sidenav-action-list-sub-collapse-button-leading-icon-foreground: var(--lds-color-sidenav-action-leading-icon-foreground);
  --lds-color-sidenav-action-list-sub-collapse-button-leading-icon-foreground-hover: var(--lds-color-sidenav-action-leading-icon-foreground-hover);
  --lds-color-sidenav-action-list-sub-collapse-button-leading-icon-foreground-focus: var(--lds-color-sidenav-action-leading-icon-foreground-focus);
  --lds-color-sidenav-action-list-sub-collapse-button-leading-icon-foreground-active: var(--lds-color-sidenav-action-leading-icon-foreground-active);
  --lds-color-sidenav-action-list-sub-collapse-button-leading-icon-foreground-disabled: var(--lds-color-sidenav-action-leading-icon-foreground-disabled);
  --lds-color-sidenav-action-list-sub-collapse-button-trailing-icon-foreground: var(--lds-color-sidenav-action-trailing-icon-foreground);
  --lds-color-sidenav-action-list-sub-collapse-button-trailing-icon-foreground-hover: var(--lds-color-sidenav-action-trailing-icon-foreground-hover);
  --lds-color-sidenav-action-list-sub-collapse-button-trailing-icon-foreground-focus: var(--lds-color-sidenav-action-trailing-icon-foreground-focus);
  --lds-color-sidenav-action-list-sub-collapse-button-trailing-icon-foreground-active: var(--lds-color-sidenav-action-trailing-icon-foreground-active);
  --lds-color-sidenav-action-list-sub-collapse-button-trailing-icon-foreground-disabled: var(--lds-color-sidenav-action-trailing-icon-foreground-disabled);

  --lds-radius-sidenav-action-list-sub-collapse-button: var(--lds-radius-sidenav-action-list-sub-item-button);

  --lds-shadow-sidenav-action-list-sub-collapse-button: var(--lds-shadow-sidenav-action);
  --lds-shadow-sidenav-action-list-sub-collapse-button-hover: var(--lds-shadow-sidenav-action-hover);
  --lds-shadow-sidenav-action-list-sub-collapse-button-focus: var(--lds-shadow-sidenav-action-focus);
  --lds-shadow-sidenav-action-list-sub-collapse-button-active: var(--lds-shadow-sidenav-action-active);
  --lds-shadow-sidenav-action-list-sub-collapse-button-disabled: var(--lds-shadow-sidenav-action-disabled);

  --lds-spacing-sidenav-action-list-sub-collapse-button-padding-inline: var(--lds-spacing-sidenav-action-padding-inline);
  --lds-spacing-sidenav-action-list-sub-collapse-button-padding-block: var(--lds-spacing-sidenav-action-list-sub-item-button-padding-block);
  --lds-spacing-sidenav-action-list-sub-collapse-button-leading-gap: var(--lds-spacing-sidenav-action-leading-gap);
  --lds-spacing-sidenav-action-list-sub-collapse-button-leading-icon-size: var(--lds-spacing-sidenav-action-list-sub-item-button-leading-icon-size);
  --lds-spacing-sidenav-action-list-sub-collapse-button-leading-avatar-size: var(--lds-spacing-sidenav-action-leading-avatar-size);
  --lds-spacing-sidenav-action-list-sub-collapse-button-trailing-gap: var(--lds-spacing-sidenav-action-trailing-gap);
  --lds-spacing-sidenav-action-list-sub-collapse-button-trailing-icon-size: var(--lds-spacing-sidenav-action-list-sub-item-button-trailing-icon-size);

  --lds-typography-sidenav-action-list-sub-collapse-button-font-size: var(--lds-typography-sidenav-action-font-size);
  --lds-typography-sidenav-action-list-sub-collapse-button-font-style: var(--lds-typography-sidenav-action-font-style);
  --lds-typography-sidenav-action-list-sub-collapse-button-font-weight: var(--lds-typography-sidenav-action-font-weight);
  --lds-typography-sidenav-action-list-sub-collapse-button-font-weight-hover: var(--lds-typography-sidenav-action-font-weight-hover);
  --lds-typography-sidenav-action-list-sub-collapse-button-font-weight-active: var(--lds-typography-sidenav-action-font-weight-active);
  --lds-typography-sidenav-action-list-sub-collapse-button-font-weight-focus: var(--lds-typography-sidenav-action-font-weight-focus);
  --lds-typography-sidenav-action-list-sub-collapse-button-font-weight-disabled: var(--lds-typography-sidenav-action-font-weight-disabled);
  --lds-typography-sidenav-action-list-sub-collapse-button-line-height: var(--lds-typography-sidenav-action-line-height);
  --lds-typography-sidenav-action-list-sub-collapse-button-text-decoration: var(--lds-typography-sidenav-action-text-decoration);
  --lds-typography-sidenav-action-list-sub-collapse-button-text-decoration-hover: var(--lds-typography-sidenav-action-text-decoration-hover);
  --lds-typography-sidenav-action-list-sub-collapse-button-text-decoration-focus: var(--lds-typography-sidenav-action-text-decoration-focus);
  --lds-typography-sidenav-action-list-sub-collapse-button-text-decoration-active: var(--lds-typography-sidenav-action-text-decoration-active);
  --lds-typography-sidenav-action-list-sub-collapse-button-text-decoration-disabled: var(--lds-typography-sidenav-action-text-decoration-disabled);
  --lds-typography-sidenav-action-list-sub-collapse-button-text-transform: var(--lds-typography-sidenav-action-text-transform);

  /* Trailing Action (used with Action) */

  --lds-animation-sidenav-action-trailing-action-transition: opacity var(--lds-animation-timing-func-standard) var(--lds-animation-duration-short);
  --lds-spacing-sidenav-action-trailing-action-padding-right: .5rem;
  --lds-spacing-sidenav-action-trailing-action-gap: 0rem;
  --lds-spacing-sidenav-action-trailing-action-offset: 0.5rem;

  --lds-border-sidenav-action-trailing-action-button-width: .125rem;
  --lds-border-sidenav-action-trailing-action-button-offset-focus: .1875rem;
  --lds-border-sidenav-action-trailing-action-button-style-focus: solid;
  --lds-border-sidenav-action-trailing-action-button-outline-width-focus: 2px;
  --lds-border-sidenav-action-trailing-action-button-ripple: .125rem solid color-mix(in srgb, var(--lds-color-stone-010), transparent 60%);
  --lds-border-sidenav-action-trailing-action-button-ripple-darker: .125rem solid color-mix(in srgb, var(--lds-color-stone-010), transparent 80%);

  --lds-color-sidenav-action-trailing-action-button-background: var(--lds-color-transparent);
  --lds-color-sidenav-action-trailing-action-button-background-hover: var(--lds-color-stone-010);
  --lds-color-sidenav-action-trailing-action-button-background-focus: var(--lds-color-transparent);
  --lds-color-sidenav-action-trailing-action-button-background-active: var(--lds-color-stone-020);
  --lds-color-sidenav-action-trailing-action-button-border: var(--lds-color-transparent);
  --lds-color-sidenav-action-trailing-action-button-border-hover: var(--lds-color-transparent);
  --lds-color-sidenav-action-trailing-action-button-border-focus: var(--lds-color-transparent);
  --lds-color-sidenav-action-trailing-action-button-border-active: var(--lds-color-transparent);
  --lds-color-sidenav-action-trailing-action-button-foreground: var(--lds-color-sidenav-foreground);
  --lds-color-sidenav-action-trailing-action-button-foreground-hover: var(--lds-color-sidenav-foreground);
  --lds-color-sidenav-action-trailing-action-button-foreground-focus: var(--lds-color-sidenav-foreground);
  --lds-color-sidenav-action-trailing-action-button-foreground-active: var(--lds-color-sidenav-foreground);
  --lds-color-sidenav-action-trailing-action-button-outline-focus: var(--lds-color-neutral-070);
  --lds-color-sidenav-action-trailing-action-button-ripple-background: color-mix(in srgb, var(--lds-color-stone-010), transparent 60%);
  --lds-color-sidenav-action-trailing-action-button-ripple-background-darker: color-mix(in srgb, var(--lds-color-stone-010), transparent 80%);

  --lds-radius-sidenav-action-trailing-action-button-medium: 4px;

  --lds-spacing-sidenav-action-trailing-action-button-subcomponent-icon-width: 1rem;
  --lds-spacing-sidenav-action-trailing-action-button-subcomponent-icon-height: 1rem;
  --lds-spacing-sidenav-action-trailing-action-button-padding-top: 10px;
  --lds-spacing-sidenav-action-trailing-action-button-padding-bottom: 10px;
  --lds-spacing-sidenav-action-trailing-action-button-padding-left: 8px;
  --lds-spacing-sidenav-action-trailing-action-button-padding-right: 8px;

  --lds-spacing-sidenav-action-trailing-action-button-width: calc(
    var(--lds-spacing-sidenav-action-trailing-action-button-subcomponent-icon-width) +
    var(--lds-spacing-sidenav-action-trailing-action-button-padding-left) +
    var(--lds-spacing-sidenav-action-trailing-action-button-padding-right)
  );

  /* Trailing Action (used with item) */

  --lds-animation-sidenav-action-list-item-trailing-action-transition: var(--lds-animation-sidenav-action-trailing-action-transition);
  --lds-spacing-sidenav-action-list-item-trailing-action-padding-right: .5rem;
  --lds-spacing-sidenav-action-list-item-trailing-action-gap: 0rem;
  --lds-spacing-sidenav-action-list-item-trailing-action-offset: 0.5rem;

  --lds-border-sidenav-action-list-item-trailing-action-button-width: .125rem;
  --lds-border-sidenav-action-list-item-trailing-action-button-offset-focus: .1875rem;
  --lds-border-sidenav-action-list-item-trailing-action-button-style-focus: solid;
  --lds-border-sidenav-action-list-item-trailing-action-button-outline-width-focus: 2px;
  --lds-border-sidenav-action-list-item-trailing-action-button-ripple: .125rem solid color-mix(in srgb, var(--lds-color-stone-010), transparent 60%);
  --lds-border-sidenav-action-list-item-trailing-action-button-ripple-darker: .125rem solid color-mix(in srgb, var(--lds-color-stone-010), transparent 80%);

  --lds-color-sidenav-action-list-item-trailing-action-button-background: var(--lds-color-transparent);
  --lds-color-sidenav-action-list-item-trailing-action-button-background-hover: var(--lds-color-stone-010);
  --lds-color-sidenav-action-list-item-trailing-action-button-background-focus: var(--lds-color-transparent);
  --lds-color-sidenav-action-list-item-trailing-action-button-background-active: var(--lds-color-stone-020);
  --lds-color-sidenav-action-list-item-trailing-action-button-border: var(--lds-color-transparent);
  --lds-color-sidenav-action-list-item-trailing-action-button-border-hover: var(--lds-color-transparent);
  --lds-color-sidenav-action-list-item-trailing-action-button-border-focus: var(--lds-color-transparent);
  --lds-color-sidenav-action-list-item-trailing-action-button-border-active: var(--lds-color-transparent);
  --lds-color-sidenav-action-list-item-trailing-action-button-foreground: var(--lds-color-sidenav-foreground);
  --lds-color-sidenav-action-list-item-trailing-action-button-foreground-hover: var(--lds-color-sidenav-foreground);
  --lds-color-sidenav-action-list-item-trailing-action-button-foreground-focus: var(--lds-color-sidenav-foreground);
  --lds-color-sidenav-action-list-item-trailing-action-button-foreground-active: var(--lds-color-sidenav-foreground);
  --lds-color-sidenav-action-list-item-trailing-action-button-outline-focus: var(--lds-color-neutral-070);
  --lds-color-sidenav-action-list-item-trailing-action-button-ripple-background: color-mix(in srgb, var(--lds-color-stone-010), transparent 60%);
  --lds-color-sidenav-action-list-item-trailing-action-button-ripple-background-darker: color-mix(in srgb, var(--lds-color-stone-010), transparent 80%);

  --lds-radius-sidenav-action-list-item-trailing-action-button-medium: 4px;

  --lds-spacing-sidenav-action-list-item-trailing-action-button-subcomponent-icon-width: 1rem;
  --lds-spacing-sidenav-action-list-item-trailing-action-button-subcomponent-icon-height: 1rem;
  --lds-spacing-sidenav-action-list-item-trailing-action-button-padding-top: 10px;
  --lds-spacing-sidenav-action-list-item-trailing-action-button-padding-bottom: 10px;
  --lds-spacing-sidenav-action-list-item-trailing-action-button-padding-left: 8px;
  --lds-spacing-sidenav-action-list-item-trailing-action-button-padding-right: 8px;

  --lds-spacing-sidenav-action-list-item-trailing-action-button-width: calc(
    var(--lds-spacing-sidenav-action-list-item-trailing-action-button-subcomponent-icon-width) +
    var(--lds-spacing-sidenav-action-list-item-trailing-action-button-padding-left) +
    var(--lds-spacing-sidenav-action-list-item-trailing-action-button-padding-right)
  );

  --lds-typography-sidenav-action-list-item-trailing-action-button-line-height: 1rem;

  /* Trailing Action (used with item (nested level)) */

  --lds-animation-sidenav-action-list-item-sub-trailing-action-transition: var(--lds-animation-sidenav-action-trailing-action-transition);
  --lds-spacing-sidenav-action-list-item-sub-trailing-action-padding-right: .875rem;
  --lds-spacing-sidenav-action-list-item-sub-trailing-action-gap: 0rem;
  --lds-spacing-sidenav-action-list-item-sub-trailing-action-offset: 0.5rem;

  --lds-border-sidenav-action-list-item-sub-trailing-action-button-width: .125rem;
  --lds-border-sidenav-action-list-item-sub-trailing-action-button-offset-focus: .1875rem;
  --lds-border-sidenav-action-list-item-sub-trailing-action-button-style-focus: solid;
  --lds-border-sidenav-action-list-item-sub-trailing-action-button-outline-width-focus: 2px;
  --lds-border-sidenav-action-list-item-sub-trailing-action-button-ripple: .125rem solid color-mix(in srgb, var(--lds-color-stone-010), transparent 60%);
  --lds-border-sidenav-action-list-item-sub-trailing-action-button-ripple-darker: .125rem solid color-mix(in srgb, var(--lds-color-stone-010), transparent 80%);

  --lds-color-sidenav-action-list-item-sub-trailing-action-button-background: var(--lds-color-transparent);
  --lds-color-sidenav-action-list-item-sub-trailing-action-button-background-hover: var(--lds-color-stone-010);
  --lds-color-sidenav-action-list-item-sub-trailing-action-button-background-focus: var(--lds-color-transparent);
  --lds-color-sidenav-action-list-item-sub-trailing-action-button-background-active: var(--lds-color-stone-020);
  --lds-color-sidenav-action-list-item-sub-trailing-action-button-border: var(--lds-color-transparent);
  --lds-color-sidenav-action-list-item-sub-trailing-action-button-border-hover: var(--lds-color-transparent);
  --lds-color-sidenav-action-list-item-sub-trailing-action-button-border-focus: var(--lds-color-transparent);
  --lds-color-sidenav-action-list-item-sub-trailing-action-button-border-active: var(--lds-color-transparent);
  --lds-color-sidenav-action-list-item-sub-trailing-action-button-foreground: var(--lds-color-sidenav-foreground);
  --lds-color-sidenav-action-list-item-sub-trailing-action-button-foreground-hover: var(--lds-color-sidenav-foreground);
  --lds-color-sidenav-action-list-item-sub-trailing-action-button-foreground-focus: var(--lds-color-sidenav-foreground);
  --lds-color-sidenav-action-list-item-sub-trailing-action-button-foreground-active: var(--lds-color-sidenav-foreground);
  --lds-color-sidenav-action-list-item-sub-trailing-action-button-outline-focus: var(--lds-color-neutral-070);
  --lds-color-sidenav-action-list-item-sub-trailing-action-button-ripple-background: color-mix(in srgb, var(--lds-color-stone-010), transparent 60%);
  --lds-color-sidenav-action-list-item-sub-trailing-action-button-ripple-background-darker: color-mix(in srgb, var(--lds-color-stone-010), transparent 80%);

  --lds-radius-sidenav-action-list-item-sub-trailing-action-button-medium: 4px;

  --lds-spacing-sidenav-action-list-item-sub-trailing-action-button-subcomponent-icon-width: 1rem;
  --lds-spacing-sidenav-action-list-item-sub-trailing-action-button-subcomponent-icon-height: 1rem;
  --lds-spacing-sidenav-action-list-item-sub-trailing-action-button-padding-top: 6px;
  --lds-spacing-sidenav-action-list-item-sub-trailing-action-button-padding-bottom: 6px;
  --lds-spacing-sidenav-action-list-item-sub-trailing-action-button-padding-left: 4px;
  --lds-spacing-sidenav-action-list-item-sub-trailing-action-button-padding-right: 4px;

  --lds-spacing-sidenav-action-list-item-sub-trailing-action-button-width: calc(
    var(--lds-spacing-sidenav-action-list-item-sub-trailing-action-button-subcomponent-icon-width) +
    var(--lds-spacing-sidenav-action-list-item-sub-trailing-action-button-padding-left) +
    var(--lds-spacing-sidenav-action-list-item-sub-trailing-action-button-padding-right)
  );

  --lds-typography-sidenav-action-list-item-sub-trailing-action-button-line-height: 1rem;

  /* Toggle Button */

  --lds-border-sidenav-toggle-button-width: .125rem;
  --lds-border-sidenav-toggle-button-offset-focus: .1875rem;
  --lds-border-sidenav-toggle-button-style-focus: solid;
  --lds-border-sidenav-toggle-button-outline-width-focus: 2px;
  --lds-border-sidenav-toggle-button-ripple: .125rem solid color-mix(in srgb, var(--lds-color-stone-010), transparent 60%);
  --lds-border-sidenav-toggle-button-ripple-darker: .125rem solid color-mix(in srgb, var(--lds-color-stone-010), transparent 80%);
  --lds-color-sidenav-toggle-button-background: var(--lds-color-transparent);
  --lds-color-sidenav-toggle-button-background-hover: var(--lds-color-stone-010);
  --lds-color-sidenav-toggle-button-background-focus: var(--lds-color-transparent);
  --lds-color-sidenav-toggle-button-background-active: var(--lds-color-stone-020);
  --lds-color-sidenav-toggle-button-border: var(--lds-color-transparent);
  --lds-color-sidenav-toggle-button-border-hover: var(--lds-color-transparent);
  --lds-color-sidenav-toggle-button-border-focus: var(--lds-color-transparent);
  --lds-color-sidenav-toggle-button-border-active: var(--lds-color-transparent);
  --lds-color-sidenav-toggle-button-foreground: var(--lds-color-sidenav-foreground);
  --lds-color-sidenav-toggle-button-foreground-hover: var(--lds-color-sidenav-foreground);
  --lds-color-sidenav-toggle-button-foreground-focus: var(--lds-color-sidenav-foreground);
  --lds-color-sidenav-toggle-button-foreground-active: var(--lds-color-sidenav-foreground);
  --lds-color-sidenav-toggle-button-outline-focus: var(--lds-color-neutral-070);
  --lds-color-sidenav-toggle-button-ripple-background: color-mix(in srgb, var(--lds-color-stone-010), transparent 60%);
  --lds-color-sidenav-toggle-button-ripple-background-darker: color-mix(in srgb, var(--lds-color-stone-010), transparent 80%);
  --lds-typography-sidenav-toggle-button-line-height: 1rem;
  --lds-radius-sidenav-toggle-button-medium: 12px;
  --lds-spacing-sidenav-toggle-button-subcomponent-icon-width: 1.5rem;
  --lds-spacing-sidenav-toggle-button-subcomponent-icon-height: 1.5rem;
  --lds-spacing-sidenav-toggle-button-padding-top: 10px;
  --lds-spacing-sidenav-toggle-button-padding-bottom: 10px;
  --lds-spacing-sidenav-toggle-button-padding-left: 8px;
  --lds-spacing-sidenav-toggle-button-padding-right: 8px;

  /* 2.3 Text */

  /* Heading */

  --lds-color-sidenav-heading-foreground: var(--lds-color-neutral-070);
  --lds-color-sidenav-heading-leading-icon-foreground: var(--lds-color-neutral-050);
  --lds-spacing-sidenav-heading-padding-inline: var(--lds-spacing-sidenav-padding-inline);
  --lds-spacing-sidenav-heading-padding-block: 0;
  --lds-spacing-sidenav-heading-margin-block: 0 .5rem;
  --lds-spacing-sidenav-heading-margin-block-collapsed: 0 .5rem;
  --lds-spacing-sidenav-heading-leading-gap: .25rem;
  --lds-spacing-sidenav-heading-leading-icon-size: 1.125rem;
  --lds-spacing-sidenav-heading-leading-avatar-size: 1rem;
  --lds-typography-sidenav-heading-font-size: 14px;
  --lds-typography-sidenav-heading-line-height: 22px;
  --lds-typography-sidenav-heading-font-weight: 400;
  --lds-typography-sidenav-heading-text-transform: normal;

  /* 2.4 Elements */

  /* Avatar */

  --lds-border-sidenav-avatar-radius: 100%;
  --lds-color-sidenav-avatar-background: var(--lds-color-primary-fg);
  --lds-color-sidenav-avatar-foreground: var(--lds-color-neutral-000);
  --lds-spacing-sidenav-avatar-size: 40px;
  --lds-spacing-sidenav-avatar-icon-size: calc(var(--lds-spacing-sidenav-avatar-size, 32px) * 0.8);
  --lds-typography-sidenav-avatar-font-size: calc(var(--lds-spacing-sidenav-avatar-size, 40px) * 0.6);
  --lds-typography-sidenav-avatar-font-weight: 400;

  /* Divider */

  --lds-spacing-sidenav-divider-height: var(--lds-spacing-006);
  --lds-color-sidenav-divider-background: var(--lds-color-sidenav-border);
}

:root {
  --lds-color-skip-to-main: var(--lds-color-white);
  --lds-color-skip-to-main-background: var( --lds-color-action);
  --lds-spacing-skip-to-main-side-nav-padding-left: 20rem;
  --lds-spacing-skip-to-main-padding: calc(var(--lds-spacing-025) - 1px) var(--lds-spacing-050);
  --lds-spacing-skip-to-main-margin: var(--lds-spacing-025) var(--lds-spacing-100);
  --lds-shadow-skip-to-main: 0 0 4px 1px rgba(255,255,255,0.4);
  --lds-typography-skip-to-main-font-size: 0.875rem;
}

:root {
  /* Step Pills */

  --lds-spacing-step-indicator-pill-min-width: 144px; /* !! This value is used in JS calculations !! */
  --lds-spacing-step-indicator-pill-max-width: 320px;

  --lds-spacing-step-indicator-pill-height: 8px; /* !! This value is used in JS calculations !! */
  --lds-radius-step-indicator-pill: 10px;

  /* pill default */
  --lds-color-step-indicator-pill: var(--lds-color-neutral-020);

  /* pill active */
  --lds-color-step-indicator-pill-active: var(--lds-color-green-050);

  /* pill complete */
  --lds-color-step-indicator-pill-complete: var(--lds-color-green-070);

  /* Step label */
  --lds-spacing-step-label-margin-top: .5rem;
  --lds-typography-step-label-font-size: var(--lds-typography-medium-font-size);
  --lds-typography-step-label-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-step-label-line-height: var(--lds-typography-medium-line-height);
  --lds-color-step-label: var(--lds-color-neutral-100);

  /* Step label active */
  --lds-color-step-label-active: var(--lds-color-neutral-090);
  --lds-typography-step-label-active-font-weight: var(--lds-typography-font-weight-bold);

  /* Step label complete */
  --lds-color-step-label-complete: var(--lds-color-neutral-070);

  /* condensed mode step label */
  --lds-color-step-ind-cnds-label: var(--lds-color-neutral-090);
  --lds-typography-step-ind-cnds-label-font-size: var(--lds-typography-h6-font-size);
  --lds-typography-step-ind-cnds-label-line-height: var(--lds-typography-h6-line-height);
  --lds-typography-step-ind-cnds-label-font-weight: var(--lds-typography-font-weight-semi-bold);

  /* condensed mode next label */
  --lds-typography-step-ind-cnds-next-font-size: var(--lds-typography-small-font-size);
  --lds-typography-step-ind-cnds-next-line-height: var(--lds-typography-small-line-height);
  --lds-typography-step-ind-cnds-next-font-weight: var(--lds-typography-font-weight-regular);

}

:root {
  --lds-spacing-sticky-top: 0;
  --lds-z-index-sticky: 100;
}

:root {
  /* border */
  --lds-border-switch-toggle-hover-width: 3px;
  --lds-border-switch-toggle-hover-style: solid;
  --lds-border-switch-toggle-width: 2px;
  --lds-border-switch-toggle-style: solid;
  --lds-border-switch-radius: 1000px;

  /* spacing */
  --lds-spacing-switch-min-width: var(--lds-spacing-300);
  --lds-spacing-switch-margin-left: var(--lds-spacing-150);
  --lds-spacing-switch-offset: 4px;
  --lds-spacing-switch-toggle-margin-right: calc(
    var(--lds-spacing-switch-offset) - var(--lds-spacing-150)
  );
  --lds-spacing-switch-toggle-margin-left: calc(
    var(--lds-spacing-switch-offset) - var(--lds-spacing-150)
  );

  /* typography */
  --lds-typography-switch-font-size: 0.625rem;
  --lds-typography-switch-toggle-line-height: calc(
    var(--lds-spacing-150) - var(--lds-spacing-switch-offset)
  );

  /* color */
  --lds-color-switch-bg: var(--lds-color-grey-600);
  --lds-color-switch-selected-bg: var(--lds-color-success-dark);
  --lds-color-switch-knob: var(--lds-color-white);
  --lds-color-switch-knob-border: var(--lds-color-grey-700);
  --lds-color-switch-selected-knob-border: #1d4732;
  --lds-color-switch-input-disabled: var(--lds-color-grey-300);

  /* animation */
  --lds-animation-switch-toggle: all var(--lds-animation-duration-short) var(--lds-animation-timing-func-standard);

  /* dimensions */
  --lds-dimension-switch-toggle-height: calc(
    var(--lds-spacing-150) - var(--lds-spacing-switch-offset)
  );
  --lds-dimension-switch-toggle-width: calc(
    var(--lds-spacing-150) - var(--lds-spacing-switch-offset)
  );
}

:root {
  /** Default table specific variables **/
  --lds-color-table-bg: var(--lds-color-white);

  --lds-spacing-table-layout: auto;
  --lds-spacing-table-width: 100%;
  --lds-spacing-table-border-collapse: collapse;

  --lds-spacing-table-cell-max-width: 50%;

  --lds-spacing-table-margin-bottom: 1rem;

  /** Z Indicies **/
  --lds-z-index-table-caption: 0;
  --lds-z-index-table-scroll-overlay: 10;
  --lds-z-index-table-scroll-shadows: 2;
  --lds-z-index-table-wrapper: 0;
  --lds-z-index-table-scroll-box: 1;
  --lds-z-index-table: 0;
  --lds-z-index-table-cells: 1;
  --lds-z-index-table-cells-frozen: 9;


  /** Table Radius **/
  --lds-radius-table-comfortable: .5rem;
  --lds-radius-table-compact: .25rem;
  /* Default is Compact */
  --lds-radius-table: var(--lds-radius-table-compact);

  /** Row Density: Default Row Border Widths **/
  --lds-spacing-table-row-border-width-comfortable: .5rem;
  --lds-spacing-table-row-border-width-compact: .25rem;
  /* Default is Compact */
  --lds-spacing-table-row-border-width: var(--lds-spacing-table-row-border-width-compact);

  /** Cell Density: Discrete Cell Margins (border spacing) **/
  --lds-spacing-table-discrete-cell-border-spacing-comfortable: .5rem;
  --lds-spacing-table-discrete-cell-border-spacing-compact: .25rem;
  /* Default is Compact */
  --lds-spacing-table-discrete-cell-border-spacing: var(--lds-spacing-table-discrete-cell-border-spacing-compact);

  /** Cell Density: Cell Padding (internal) **/
  --lds-spacing-table-cell-padding-vert-comfortable: 2rem;
  --lds-spacing-table-cell-padding-horz-comfortable: 2rem;
  --lds-spacing-table-cell-padding-vert-compact: .5rem;
  --lds-spacing-table-cell-padding-horz-compact: 1rem;
  /* Default is Compact */
  --lds-spacing-table-cell-padding:
    var(--lds-spacing-table-cell-padding-vert-compact)
    var(--lds-spacing-table-cell-padding-horz-compact);

  --lds-spacing-table-caption-margin-bottom: 1.5rem;
  --lds-spacing-table-caption-eyebrow-margin-bottom: 1rem;

  /** Swipe Overlay **/
  --lds-color-scroll-overlay-bg-base: var(--lds-color-black);
  --lds-color-scroll-overlay-bg-opacity: 60%;
  --lds-color-scroll-overlay-background: color-mix(in srgb, var(--lds-color-scroll-overlay-bg-base) var(--lds-color-scroll-overlay-bg-opacity), transparent);
  --lds-color-scroll-overlay-icon: var(--lds-color-white);

  --lds-radius-scroll-overlay: 1rem;

  --lds-shadow-scroll-overlay-color-base: var(--lds-color-black);
  --lds-shadow-scroll-overlay-color-opacity: 15%;
  --lds-shadow-scroll-overlay-color: color-mix(in srgb, var(--lds-shadow-scroll-overlay-color-base) var(--lds-shadow-scroll-overlay-color-opacity), transparent);
  --lds-shadow-scroll-overlay-offset-x: 4px;
  --lds-shadow-scroll-overlay-offset-y: 4px;
  --lds-shadow-scroll-overlay-blur-radius: 9px;
  --lds-shadow-scroll-overlay-spread-radius: 0px;
  --lds-shadow-scroll-overlay:
    var(--lds-shadow-scroll-overlay-offset-x)
    var(--lds-shadow-scroll-overlay-offset-y)
    var(--lds-shadow-scroll-overlay-blur-radius)
    var(--lds-shadow-scroll-overlay-spread-radius)
    var(--lds-shadow-scroll-overlay-color);

  --lds-spacing-scroll-overlay-top-offset: 2rem;
  --lds-spacing-scroll-overlay-padding: 1.25rem;
  --lds-spacing-scroll-overlay-max-width: 9rem;
  --lds-spacing-scroll-overlay-icon-height: 1.5rem;
  --lds-spacing-scroll-overlay-icon-margin-bottom: .75rem;

  --lds-typography-scroll-overlay-color: var(--lds-color-white);
  --lds-typography-scroll-overlay-font-size: var(--lds-typography-small-font-size);
  --lds-typography-scroll-overlay-font-weight: var(--lds-typography-font-weight-bold);
  --lds-typography-scroll-overlay-line-height: var(--lds-typography-small-line-height);

  /** Row and Cell Color Defaults **/
  --lds-color-table-head-tr-bg: var(--lds-color-neutral-030);
  --lds-color-table-head-th-bg: var(--lds-color-neutral-030);
  --lds-color-table-head-td-bg: transparent;

  --lds-color-table-body-tr-bg: var(--lds-color-neutral-010);
  --lds-color-table-body-th-bg: var(--lds-color-neutral-020);
  --lds-color-table-body-td-bg: var(--lds-color-neutral-010);

  --lds-color-table-head-th-frozen-border: var(--lds-color-neutral-040);

  --lds-color-table-scroll-shadow-base: var(--lds-color-neutral-100);
  --lds-color-table-scroll-shadow: color-mix(in srgb, var(--lds-color-table-scroll-shadow-base) 20%, transparent);

  --lds-color-table-scroll-shadow-bg-left: linear-gradient(270deg, transparent, var(--lds-color-table-scroll-shadow));
  --lds-color-table-scroll-shadow-bg-right: linear-gradient(90deg, transparent, var(--lds-color-table-scroll-shadow));

  --lds-color-table-cell-frozen-shadow-base: var(--lds-color-black);
  --lds-color-table-cell-frozen-shadow-12: color-mix(in srgb, var(--lds-color-table-cell-frozen-shadow-base) 12%, transparent);
  --lds-color-table-cell-frozen-shadow-25: color-mix(in srgb, var(--lds-color-table-cell-frozen-shadow-base) 25%, transparent);

  --lds-shadow-table-cell-frozen-12: .25rem 0 .25rem 0 var(--lds-color-table-cell-frozen-shadow-12);
  --lds-shadow-table-cell-frozen-25: .25rem 0 .25rem 0 var(--lds-color-table-cell-frozen-shadow-25);

  --lds-shadow-table-cell-frozen-rtl-12: -0.25rem 0 .25rem 0 var(--lds-color-table-cell-frozen-shadow-12);
  --lds-shadow-table-cell-frozen-rtl-25: -0.25rem 0 .25rem 0 var(--lds-color-table-cell-frozen-shadow-25);

  /** Cell Typography **/
  /* Not Responsive */
  --lds-typography-table-cell-color: var(--lds-typography-color);
  --lds-typography-table-th-color: var(--lds-typography-table-cell-color);
  --lds-typography-table-td-color: var(--lds-typography-table-cell-color);

  --lds-typography-table-head-cell-vertical-align: bottom;
  --lds-typography-table-body-cell-vertical-align: middle;

  /* Base "mobile" styles apply from XS-MD breakpoints (0-991px)
  /* Desktop (rwd) styles apply at the LG breakpoint and above (>992px)
  /* Basic "Quick Set" Tokens */
  --lds-typography-table-cell-font-size: .875rem;
  --lds-typography-table-cell-line-height: 1.125rem;
  --lds-typography-table-cell-font-weight: var(--lds-typography-font-weight-light);
  --lds-typography-table-cell-heading-font-weight: var(--lds-typography-font-weight-medium);
  --lds-typography-table-cell-rwd-font-size: 1rem;
  --lds-typography-table-cell-rwd-line-height: 1.25rem;
  --lds-typography-table-cell-rwd-font-weight: var(--lds-typography-table-cell-font-weight);
  --lds-typography-table-cell-rwd-heading-font-weight: var(--lds-typography-table-cell-heading-font-weight);

  /* Cell Type "Quick Set" Tokens */
  --lds-typography-table-th-font-size: var(--lds-typography-table-cell-font-size);
  --lds-typography-table-th-font-weight: var(--lds-typography-table-cell-heading-font-weight);
  --lds-typography-table-th-line-height: var(--lds-typography-table-cell-line-height);
  --lds-typography-table-th-rwd-font-size: var(--lds-typography-table-cell-rwd-font-size);
  --lds-typography-table-th-rwd-font-weight: var(--lds-typography-table-cell-rwd-heading-font-weight);
  --lds-typography-table-th-rwd-line-height: var(--lds-typography-table-cell-rwd-line-height);

  --lds-typography-table-td-font-size: var(--lds-typography-table-cell-font-size);
  --lds-typography-table-td-font-weight: var(--lds-typography-table-cell-font-weight);
  --lds-typography-table-td-line-height: var(--lds-typography-table-cell-line-height);
  --lds-typography-table-td-rwd-font-size: var(--lds-typography-table-cell-rwd-font-size);
  --lds-typography-table-td-rwd-font-weight: var(--lds-typography-table-cell-rwd-font-weight);
  --lds-typography-table-td-rwd-line-height: var(--lds-typography-table-cell-rwd-line-height);

  /* COMPLETE RESPONSIVE BREAKPOINT TOKENS */
  /* Extra-Small (Default) */
  --lds-typography-table-th-xs-font-size: var(--lds-typography-table-th-font-size);
  --lds-typography-table-th-xs-font-weight: var(--lds-typography-table-th-font-weight);
  --lds-typography-table-th-xs-line-height: var(--lds-typography-table-th-line-height);
  --lds-typography-table-td-xs-font-size: var(--lds-typography-table-td-font-size);
  --lds-typography-table-td-xs-font-weight: var(--lds-typography-table-td-font-weight);
  --lds-typography-table-td-xs-line-height: var(--lds-typography-table-td-line-height);
  /* Small */
  --lds-typography-table-th-sm-font-size: var(--lds-typography-table-th-font-size);
  --lds-typography-table-th-sm-font-weight: var(--lds-typography-table-th-font-weight);
  --lds-typography-table-th-sm-line-height: var(--lds-typography-table-th-line-height);
  --lds-typography-table-td-sm-font-size: var(--lds-typography-table-td-font-size);
  --lds-typography-table-td-sm-font-weight: var(--lds-typography-table-td-font-weight);
  --lds-typography-table-td-sm-line-height: var(--lds-typography-table-td-line-height);
  /* Medium */
  --lds-typography-table-th-md-font-size: var(--lds-typography-table-th-font-size);
  --lds-typography-table-th-md-font-weight: var(--lds-typography-table-th-font-weight);
  --lds-typography-table-th-md-line-height: var(--lds-typography-table-th-line-height);
  --lds-typography-table-td-md-font-size: var(--lds-typography-table-td-font-size);
  --lds-typography-table-td-md-font-weight: var(--lds-typography-table-td-font-weight);
  --lds-typography-table-td-md-line-height: var(--lds-typography-table-td-line-height);
  /* Large */
  --lds-typography-table-th-lg-font-size: var(--lds-typography-table-th-rwd-font-size);
  --lds-typography-table-th-lg-font-weight: var(--lds-typography-table-th-rwd-font-weight);
  --lds-typography-table-th-lg-line-height: var(--lds-typography-table-th-rwd-line-height);
  --lds-typography-table-td-lg-font-size: var(--lds-typography-table-td-rwd-font-size);
  --lds-typography-table-td-lg-font-weight: var(--lds-typography-table-td-rwd-font-weight);
  --lds-typography-table-td-lg-line-height: var(--lds-typography-table-td-rwd-line-height);
  /* Extra Large */
  --lds-typography-table-th-xl-font-size: var(--lds-typography-table-th-rwd-font-size);
  --lds-typography-table-th-xl-font-weight: var(--lds-typography-table-th-rwd-font-weight);
  --lds-typography-table-th-xl-line-height: var(--lds-typography-table-th-rwd-line-height);
  --lds-typography-table-td-xl-font-size: var(--lds-typography-table-td-rwd-font-size);
  --lds-typography-table-td-xl-font-weight: var(--lds-typography-table-td-rwd-font-weight);
  --lds-typography-table-td-xl-line-height: var(--lds-typography-table-td-rwd-line-height);
  /* 2X Large */
  --lds-typography-table-th-xxl-font-size: var(--lds-typography-table-th-rwd-font-size);
  --lds-typography-table-th-xxl-font-weight: var(--lds-typography-table-th-rwd-font-weight);
  --lds-typography-table-th-xxl-line-height: var(--lds-typography-table-th-rwd-line-height);
  --lds-typography-table-td-xxl-font-size: var(--lds-typography-table-td-rwd-font-size);
  --lds-typography-table-td-xxl-font-weight: var(--lds-typography-table-td-rwd-font-weight);
  --lds-typography-table-td-xxl-line-height: var(--lds-typography-table-td-rwd-line-height);

  /** Caption Typography **/
  /* Not Responsive */
  --lds-typography-table-caption-color: var(--lds-typography-color);
  --lds-typography-table-caption-eyebrow-color: var(--lds-typography-color);
  --lds-typography-table-caption-eyebrow-text-transform: uppercase;

  /* Responsive "Quick Set" Tokens */
  --lds-typography-table-caption-font-size: 1.125rem;
  --lds-typography-table-caption-font-weight: var(--lds-typography-font-weight-medium);
  --lds-typography-table-caption-line-height: 1.75rem;
  --lds-typography-table-caption-eyebrow-font-size: .75rem;
  --lds-typography-table-caption-eyebrow-font-weight: var(--lds-typography-font-weight-light);
  --lds-typography-table-caption-eyebrow-line-height: 1.125rem;

  /* COMPLETE RESPONSIVE BREAKPOINT TOKENS */
  /* Extra-Small (Default) */
  --lds-typography-table-caption-xs-font-size: var(--lds-typography-table-caption-font-size);
  --lds-typography-table-caption-xs-font-weight: var(--lds-typography-table-caption-font-weight);
  --lds-typography-table-caption-xs-line-height: var(--lds-typography-table-caption-line-height);
  --lds-typography-table-caption-eyebrow-xs-font-size: var(--lds-typography-table-caption-eyebrow-font-size);
  --lds-typography-table-caption-eyebrow-xs-font-weight: var(--lds-typography-table-caption-eyebrow-font-weight);
  --lds-typography-table-caption-eyebrow-xs-line-height: var(--lds-typography-table-caption-eyebrow-line-height);
  /* Small */
  --lds-typography-table-caption-sm-font-size: var(--lds-typography-table-caption-font-size);
  --lds-typography-table-caption-sm-font-weight: var(--lds-typography-table-caption-font-weight);
  --lds-typography-table-caption-sm-line-height: var(--lds-typography-table-caption-line-height);
  --lds-typography-table-caption-eyebrow-sm-font-size: var(--lds-typography-table-caption-eyebrow-font-size);
  --lds-typography-table-caption-eyebrow-sm-font-weight: var(--lds-typography-table-caption-eyebrow-font-weight);
  --lds-typography-table-caption-eyebrow-sm-line-height: var(--lds-typography-table-caption-eyebrow-line-height);
  /* Medium */
  --lds-typography-table-caption-md-font-size: var(--lds-typography-table-caption-font-size);
  --lds-typography-table-caption-md-font-weight: var(--lds-typography-table-caption-font-weight);
  --lds-typography-table-caption-md-line-height: var(--lds-typography-table-caption-line-height);
  --lds-typography-table-caption-eyebrow-md-font-size: var(--lds-typography-table-caption-eyebrow-font-size);
  --lds-typography-table-caption-eyebrow-md-font-weight: var(--lds-typography-table-caption-eyebrow-font-weight);
  --lds-typography-table-caption-eyebrow-md-line-height: var(--lds-typography-table-caption-eyebrow-line-height);
  /* Large */
  --lds-typography-table-caption-lg-font-size: var(--lds-typography-table-caption-font-size);
  --lds-typography-table-caption-lg-font-weight: var(--lds-typography-table-caption-font-weight);
  --lds-typography-table-caption-lg-line-height: var(--lds-typography-table-caption-line-height);
  --lds-typography-table-caption-eyebrow-lg-font-size: var(--lds-typography-table-caption-eyebrow-font-size);
  --lds-typography-table-caption-eyebrow-lg-font-weight: var(--lds-typography-table-caption-eyebrow-font-weight);
  --lds-typography-table-caption-eyebrow-lg-line-height: var(--lds-typography-table-caption-eyebrow-line-height);
  /* Extra-Large */
  --lds-typography-table-caption-xl-font-size: var(--lds-typography-table-caption-font-size);
  --lds-typography-table-caption-xl-font-weight: var(--lds-typography-table-caption-font-weight);
  --lds-typography-table-caption-xl-line-height: var(--lds-typography-table-caption-line-height);
  --lds-typography-table-caption-eyebrow-xl-font-size: var(--lds-typography-table-caption-eyebrow-font-size);
  --lds-typography-table-caption-eyebrow-xl-font-weight: var(--lds-typography-table-caption-eyebrow-font-weight);
  --lds-typography-table-caption-eyebrow-xl-line-height: var(--lds-typography-table-caption-eyebrow-line-height);
  /* 2X Large */
  --lds-typography-table-caption-xxl-font-size: var(--lds-typography-table-caption-font-size);
  --lds-typography-table-caption-xxl-font-weight: var(--lds-typography-table-caption-font-weight);
  --lds-typography-table-caption-xxl-line-height: var(--lds-typography-table-caption-line-height);
  --lds-typography-table-caption-eyebrow-xxl-font-size: var(--lds-typography-table-caption-eyebrow-font-size);
  --lds-typography-table-caption-eyebrow-xxl-font-weight: var(--lds-typography-table-caption-eyebrow-font-weight);
  --lds-typography-table-caption-eyebrow-xxl-line-height: var(--lds-typography-table-caption-eyebrow-line-height);
}

:root {
  /* Tab group */
  --lds-spacing-tab-group-margin-bottom: 2rem;
  --lds-radius-tab-group: .25rem;

  /* Tab header */
  --lds-color-tab-header-bg: var(--lds-color-primary-010);
  --lds-border-tab-header-width: .25rem;
  --lds-border-tab-header-style: solid;
  --lds-color-tab-header-border: var(--lds-color-primary);
  --lds-radius-tab-header-top: 1rem;

  /* tab header buttons */
  --lds-radius-tab-button-top: 1rem;
  --lds-radius-tab-buttom-bottom: 0;
  --lds-color-tab-button-foreground: var(--lds-color-grey-800);
  --lds-typography-tab-button-font-size: .875rem;
  --lds-spacing-tab-button-padding-top: .75rem;
  --lds-spacing-tab-button-padding-bottom: calc(.75rem - var(--lds-border-tab-header-width));
  --lds-spacing-tab-button-padding-left: 1rem;
  --lds-spacing-tab-button-padding-right: 1rem;
  --lds-spacing-tab-drawer-icon-margin-left: .5rem;

  /* Tab button - active / selected */
  --lds-color-tab-button-active-foreground: var(--lds-color-white);
  --lds-color-tab-button-active-bg: var(--lds-color-primary);
  --lds-typography-tab-button-active-font-weight: 700;

  /* Tab button - focus */
  --lds-color-tab-button-focus: var(--lds-color-focus-outline);
  --lds-border-tab-button-outline-width: var(--lds-border-focus-outline-width);
  --lds-border-tab-button-outline-style: var(--lds-border-focus-outline-style);
  --lds-border-tab-button-outline-offset: var(--lds-border-focus-outline-offset);

  /* Tab button - hover */
  --lds-color-tab-button-hover: var(--lds-color-primary-020);

  /* Tab content / body */
  --lds-spacing-tab-body-padding-mobile: 1.5rem;
  --lds-spacing-tab-body-padding-desktop: 3rem;
  --lds-radius-tab-body: .75rem;
  --lds-color-tab-body-border: var(--lds-color-neutral-030);
  --lds-border-tab-body-width: 1px;
  --lds-border-tab-body-style: solid;
}

:root{
  --lds-animation-textarea-transition: all var(--lds-animation-duration-short) var(--lds-animation-timing-func-standard);

  --lds-border-textarea-width: var(--lds-spacing-013);
  --lds-border-textarea-outline-offset: var(--lds-border-focus-outline-offset);
  --lds-border-textarea-outline-style: var(--lds-border-focus-outline-style);
  --lds-border-textarea-outline-width: var(--lds-border-focus-outline-width);

  --lds-color-textarea-border: var(--lds-color-stone-060);
  --lds-color-textarea-border-active: var(--lds-color-neutral-080);
  --lds-color-textarea-border-focus: var(--lds-color-neutral-100);
  --lds-color-textarea-border-disabled: var(--lds-color-neutral-030);
  --lds-color-textarea-border-error: var(--lds-color-danger);
  --lds-color-textarea-border-success: var(--lds-color-success);
  --lds-color-textarea-border-warning: var(--lds-color-warning);
  --lds-color-textarea-background-disabled: var(--lds-color-neutral-010);
  --lds-color-textarea-background-error: var(--lds-color-danger-bg);
  --lds-color-textarea-background-success: var(--lds-color-success-bg);
  --lds-color-textarea-background-warning: var(--lds-color-warning-bg);

  --lds-spacing-textarea-width: 100%;
  --lds-spacing-textarea-min-height: var(--lds-spacing-750);
  --lds-spacing-textarea-padding-top: var(--lds-spacing-050);
  --lds-spacing-textarea-padding-right: var(--lds-spacing-075);
  --lds-spacing-textarea-padding-bottom: var(--lds-spacing-050);
  --lds-spacing-textarea-padding-left: var(--lds-spacing-075);
  --lds-spacing-textarea-margin-y: var(--lds-spacing-050);

  --lds-radius-textarea: var(--lds-radius-medium);
  --lds-radius-textarea-small: var(--lds-radius-small);

  --lds-typography-textarea-line-height: 1.375rem;
  --lds-typography-textarea-font-size: .875rem;

}

:root {
  --lds-spacing-text-field-height: 2.75rem;
  --lds-spacing-text-field-width: 100%;
  --lds-spacing-text-field-padding-top: .625rem; /* 10px */
  --lds-spacing-text-field-padding-right: 1rem;
  --lds-spacing-text-field-padding-bottom: .625rem; /* 10px */
  --lds-spacing-text-field-padding-left: 1rem;
  --lds-spacing-text-field-margin-y: var(--lds-spacing-050);
  --lds-radius-text-field: var(--lds-radius-medium);
  --lds-radius-text-field-small: var(--lds-radius-small);

  --lds-color-text-field-border: var(--lds-color-neutral-030);
  --lds-border-text-field-width: .125rem; /* 2px */

  --lds-typography-text-field-line-height: 2;
  --lds-typography-text-field-full-font-size: 100%;
  --lds-typography-text-field-font-size: .875rem;
  --lds-color-text-field-placeholder: var(--lds-color-grey-500);

  /* input disabled */
  --lds-color-text-field-background-disabled: var(--lds-color-neutral-010);

  /* input focus */
  --lds-color-text-field-focus-outline: var(--lds-color-focus-outline);
  --lds-border-text-field-focus-outline-style: var(--lds-border-focus-outline-style);
  --lds-border-text-field-focus-outline-width: var(--lds-border-focus-outline-width);
  --lds-border-text-field-focus-outline-offset: var(--lds-border-focus-outline-offset);

  /* states */
  --lds-color-text-field-border-error: var(--lds-color-danger);
  --lds-color-text-field-border-success: var(--lds-color-success);
  --lds-color-text-field-border-warning: var(--lds-color-warning);
  --lds-color-text-field-background-error: var(--lds-color-danger-bg);
  --lds-color-text-field-background-success: var(--lds-color-success-bg);
  --lds-color-text-field-background-warning: var(--lds-color-warning-bg);
}

:root {
  --lds-color-tile-bg: var(--lds-color-blue-010);
  --lds-color-tile-text: var(--lds-typography-color);
  --lds-spacing-tile-padding: var(--lds-spacing-100);
  --lds-radius-tile: var(--lds-spacing-100);

  --lds-color-tile-border: var(--lds-color-transparent);
  --lds-border-tile-style: solid;
  --lds-border-tile-width: var(--lds-spacing-006);

  --lds-spacing-tile-padding-sm: var(--lds-spacing-100);
  --lds-spacing-tile-padding-md: var(--lds-spacing-200);
  --lds-spacing-tile-padding-lg: var(--lds-spacing-300);

  --lds-radius-tile-sm: var(--lds-spacing-025);
  --lds-radius-tile-md: var(--lds-spacing-075);
  --lds-radius-tile-lg: var(--lds-spacing-150);
}

:root {
  /*
    MARK: Animations
  */
  --lds-animation-toast-align-center-transform: translateX(-50%);
  --lds-animation-toast-button-actionable-button-transition: background-color var(--lds-animation-duration-short);
  --lds-animation-toast-button-actionable-button-transition-hover: background-color var(--lds-animation-duration-short);
  --lds-animation-toast-duration: var(--lds-animation-toast-transition-duration);
  --lds-animation-toast-enter-bottom-translate-end: translateY(0);
  --lds-animation-toast-enter-bottom-translate-start: translateY(var(--lds-spacing-100));
  --lds-animation-toast-enter-center-bottom-translate-end: translateX(-50%) translateY(0);
  --lds-animation-toast-enter-center-bottom-translate-start: translateX(-50%) translateY(var(--lds-spacing-100));
  --lds-animation-toast-enter-center-top-translate-end: translateX(-50%) translateY(0);
  --lds-animation-toast-enter-center-top-translate-start: translateX(-50%) translateY(var(--lds-spacing-neg-100));
  --lds-animation-toast-enter-opacity-end: 1;
  --lds-animation-toast-enter-opacity-start: 0;
  --lds-animation-toast-enter-top-translate-end: translateY(0);
  --lds-animation-toast-enter-top-translate-start: translateY(var(--lds-spacing-neg-100));
  --lds-animation-toast-leave-bottom-translate-end: translateY(var(--lds-spacing-100));
  --lds-animation-toast-leave-bottom-translate-start: translateY(0);
  --lds-animation-toast-leave-center-bottom-translate-end: translateX(-50%) translateY(var(--lds-spacing-100));
  --lds-animation-toast-leave-center-bottom-translate-start: translateX(-50%) translateY(0);
  --lds-animation-toast-leave-center-top-translate-end: translateX(-50%) translateY(var(--lds-spacing-neg-100));
  --lds-animation-toast-leave-center-top-translate-start: translateX(-50%) translateY(0);
  --lds-animation-toast-leave-opacity-end: 0;
  --lds-animation-toast-leave-opacity-start: 1;
  --lds-animation-toast-leave-top-translate-end: translateY(var(--lds-spacing-neg-100));
  --lds-animation-toast-leave-top-translate-start: translateY(0);
  --lds-animation-toast-transition-duration: var(--lds-animation-duration-medium);

  /*
    MARK: Borders
  */
  --lds-border-toast-width: var(--lds-spacing-013);
  --lds-border-toast-style: solid;
  --lds-border-toast-outline-offset: 0;
  --lds-border-toast-outline-style: var(--lds-border-focus-outline-style);
  --lds-border-toast-outline-width: var(--lds-border-focus-outline-width);

  /*
    MARK: Colors
  */
  --lds-color-toast-focus-outline: var(--lds-color-focus-outline);
  --lds-color-toast-border: var(--lds-color-neutral-010);
  --lds-color-toast-foreground : var(--lds-color-neutral-100);
  --lds-color-toast-background : var(--lds-color-white);
  --lds-color-toast-action-foreground: var(--lds-color-blue-060);
  --lds-color-toast-button-dismiss-background: var(--lds-color-neutral-100);
  --lds-color-toast-action-button-hover-background: rgba(0, 0, 0, 0.08);

  --lds-color-toast-error-background: var(--lds-color-danger-bg);
  --lds-color-toast-info-background: var(--lds-color-info-bg);
  --lds-color-toast-success-background: var(--lds-color-success-bg);
  --lds-color-toast-warning-background: var(--lds-color-warning-bg);
  --lds-color-toast-neutral-background: var(--lds-color-neutral-010);

  --lds-color-toast-error-border: var(--lds-color-danger-030);
  --lds-color-toast-info-border: var(--lds-color-info-030);
  --lds-color-toast-success-border: var(--lds-color-success-030);
  --lds-color-toast-warning-border: var(--lds-color-warning-030);
  --lds-color-toast-neutral-border: var(--lds-color-neutral-030);

  --lds-color-toast-error-icon: var(--lds-color-danger);
  --lds-color-toast-info-icon: var(--lds-color-info);
  --lds-color-toast-success-icon: var(--lds-color-success);
  --lds-color-toast-warning-icon: var(--lds-color-warning);
  --lds-color-toast-neutral-icon: var(--lds-color-neutral-060);

  /*
    MARK: Radius
  */
  --lds-radius-toast-sm: var(--lds-radius-small);
  --lds-radius-toast-md: var(--lds-radius-medium);
  --lds-radius-toast-lg: var(--lds-radius-large);
  --lds-radius-toast: var(--lds-radius-toast-sm);
  --lds-radius-toast-button: var(--lds-radius-small);

  /*
    MARK: Shadow
  */
  --lds-shadow-toast-box-shadow: var(--lds-shadow-level-3);


  /*
    MARK: Spacing
  */
  --lds-spacing-toast-action-padding: 0 var(--lds-spacing-050);
  --lds-spacing-toast-align-center: 50%;
  --lds-spacing-toast-align-left: var(--lds-spacing-100);
  --lds-spacing-toast-align-right: var(--lds-spacing-100);
  --lds-spacing-toast-content-margin-right: var(--lds-spacing-200);

  --lds-spacing-toast-button-dismiss-height: var(--lds-spacing-150);
  --lds-spacing-toast-button-dismiss-width: var(--lds-spacing-150);
  --lds-spacing-toast-button-dismiss-padding: var(--lds-spacing-013);
  --lds-spacing-toast-button-dismiss-margin-left: var(--lds-spacing-050);

  --lds-spacing-toast-padding-top: var(--lds-spacing-075);
  --lds-spacing-toast-padding-right: var(--lds-spacing-075);
  --lds-spacing-toast-padding-bottom: var(--lds-spacing-075);
  --lds-spacing-toast-padding-left: var(--lds-spacing-075);

  --lds-spacing-toast-position-bottom-margin-bottom: var(--lds-spacing-100);
  --lds-spacing-toast-position-top-margin-top: var(--lds-spacing-100);

  --lds-spacing-toast-icon-margin-top: 0;
  --lds-spacing-toast-icon-margin-right: var(--lds-spacing-100);

  /*
    MARK: Typography
  */
  --lds-typography-toast-action-text-decoration: underline;
  --lds-typography-toast-action-font-weight: var(--lds-typography-font-weight-medium);
  --lds-typography-toast-font-size: var(--lds-typography-medium-font-size);
  --lds-typography-toast-icon-font-size: var(--lds-spacing-100);
}

:root {
  --lds-border-tooltip-label-focus-outline-offset: .0625rem;
  --lds-border-tooltip-label-focus-outline-style: var(--lds-border-focus-outline-style);
  --lds-border-tooltip-label-focus-outline-width: var(--lds-border-focus-outline-width);

  --lds-border-tooltip-close-btn-focus-outline-offset: -1px;
  --lds-border-tooltip-close-btn-focus-outline-style: var(--lds-border-focus-outline-style);
  --lds-border-tooltip-close-btn-focus-outline-width: 2px;

  --lds-border-tooltip-panel-style: solid;
  --lds-border-tooltip-panel-width: .0625rem;

  --lds-color-tooltip-icon: var(--lds-color-primary);
  --lds-color-tooltip-icon-hover: var(--lds-color-primary-hover);
  --lds-color-tooltip-label-focus-outline: var(--lds-color-focus-outline);
  --lds-color-tooltip-close-btn-hover-focus: var(--lds-color-neutral-030);
  --lds-color-tooltip-close-btn-focus-outline: var(--lds-color-neutral-010);
  --lds-color-tooltip-panel-text: var(--lds-color-white);
  --lds-color-tooltip-panel-background: var(--lds-color-neutral-090);
  --lds-color-tooltip-panel-border: var(--lds-color-white);

  --lds-radius-tooltip-panel: var(--lds-radius-small);
  --lds-radius-tooltip-label: var(--lds-radius-xsmall);
  --lds-radius-tooltip-close-btn: var(--lds-radius-pill);

  --lds-shadow-tooltip-panel: 0px 4px 6px rgba(52, 63, 65, 0.10), 0px 2px 4px rgba(52, 63, 65, 0.16);

  --lds-spacing-tooltip-panel-padding-top: var(--lds-spacing-050);
  --lds-spacing-tooltip-panel-padding-right: var(--lds-spacing-150);
  --lds-spacing-tooltip-panel-padding-bottom: var(--lds-spacing-050);
  --lds-spacing-tooltip-panel-padding-left: var(--lds-spacing-050);
  --lds-spacing-tooltip-panel-max-width: 300px;
  --lds-spacing-tooltip-panel-z-index: 10;

  --lds-spacing-tooltip-above-position-bottom: var(--lds-spacing-100);
  --lds-spacing-tooltip-below-position-top: var(--lds-spacing-100);

  --lds-spacing-tooltip-close-btn-height: 1.28rem;
  --lds-spacing-tooltip-close-btn-width: 1.30rem;
  --lds-spacing-tooltip-close-btn-top: .5rem;
  --lds-spacing-tooltip-close-btn-right: .25rem;
  --lds-spacing-tooltip-icon-margin: 0 0 0 .125em;

  --lds-typography-tooltip-label-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-tooltip-label-text-decoration: underline;
  --lds-typography-tooltip-panel-font-size: var(--lds-typography-medium-font-size);
  --lds-typography-tooltip-panel-font-weight: var(--lds-typography-font-weight-medium);
  --lds-typography-tooltip-panel-line-height: var(--lds-typography-medium-line-height);
  --lds-typography-tooltip-panel-text-align: start;

  --lds-animation-tooltip-enter-duration: var(--lds-animation-duration-short);
  --lds-animation-tooltip-leave-duration: var(--lds-animation-duration-short);
}

:root {
  --lds-radius-video-player: 2px;
  --lds-color-interstitial-brand: var(--lds-color-primary);
  --lds-color-interstitial-overlay-bg: rgba(27, 27, 27, 0.64);
  --lds-color-interstitial-overlay-text: var(--lds-color-white);
}

:root {
  /* MARK: Border
  */
  /* video list */
  --lds-border-vlp-list-item-w: 1px;
  --lds-border-vlp-list-item-w-hover: 1px;
  --lds-border-vlp-list-item-w-active: 2px;
  --lds-border-vlp-list-item: var(--lds-border-vlp-list-item-w) solid var(--lds-color-neutral-020);
  --lds-border-vlp-list-item-hover: var(--lds-border-vlp-list-item-w) solid var(--lds-color-primary-080);
  --lds-border-vlp-list-item-active: var(--lds-border-vlp-list-item-w-active) solid var(--lds-color-primary);
  --lds-border-vlp-list-item-focus: 0 none;
  --lds-border-vlp-outline-color-focus: var(--lds-color-neutral-070);
  --lds-border-vlp-outline-w-focus: 3px;
  --lds-border-vlp-outline-offset-focus: 0;
  --lds-border-vlp-outline-style-focus: solid;
  /* non-chapterized player list, grid layout */
  --lds-border-vlp-list-item-btn-md: 0 none;
  /* chapterized player list, LG MQ only */
  --lds-border-vlp-list-item-chapter-lg-bottom: var(--lds-border-vlp-list-item-w) solid var(--lds-color-neutral-020);

  /* MARK: Color
  */
  /* video list */
  --lds-color-vlp-list-item-bg: var(--lds-color-white);
  --lds-color-vlp-list-item-bg-hover: var(--lds-color-primary-010);
  --lds-color-vlp-list-item-bg-active: var(--lds-color-primary-005);
  --lds-color-vlp-list-item-img-bg: rgba(27, 27, 27, 0.25);
  --lds-color-vlp-list-item-img-bg-active: rgba(27, 27, 27, 0.5);
  --lds-color-vlp-list-item-time: var(--lds-color-black);
  --lds-color-vlp-list-item-time-bg: var(--lds-color-white);
  --lds-color-vlp-list-item-time-active: var(--lds-color-white);
  --lds-color-vlp-list-item-time-bg-active: var(--lds-color-black);
  /* chapterized player list */
  --lds-color-vlp-list-item-img-icon-bg: var(--lds-color-white);
  --lds-color-vlp-list-item-chapter-time: var(--lds-color-neutral-070);
  /* chapterized player list, no thumbnail */
  --lds-color-vlp-list-item-img-icon-bg-no-thumb: var(--lds-color-black);

  /* MARK: Radius
  */
  /* video list */
  --lds-radius-vlp-list-item: var(--lds-radius-small);
  --lds-radius-vlp-list-item-img: var(--lds-radius-xsmall);
  --lds-radius-vlp-list-item-time: var(--lds-radius-xsmall);

  /* MARK: Spacing
  */
  /* video player meta */
  --lds-spacing-vlp-video-meta-mv: var(--lds-spacing-050);
  --lds-spacing-vlp-video-meta-mh: 0;
  --lds-spacing-vlp-video-heading-mg: 0;
  --lds-spacing-vlp-video-time-ml: var(--lds-spacing-150);
  /* video player details */
  --lds-spacing-vlp-video-details-mv: var(--lds-spacing-150);
  --lds-spacing-vlp-video-details-mh: 0;
  /* video list */
  --lds-spacing-vlp-list-title-mt: 0;
  --lds-spacing-vlp-list-title-mb: var(--lds-spacing-100);
  --lds-spacing-vlp-list-item-pd: var(--lds-spacing-050);
  --lds-spacing-vlp-list-item-mt: var(--lds-spacing-050);
  --lds-spacing-vlp-list-item-mb: var(--lds-spacing-050);
  --lds-spacing-vlp-list-item-img-mr: var(--lds-spacing-050);
  --lds-spacing-vlp-list-item-time-bottom: 4px;
  --lds-spacing-vlp-list-item-time-right: 4px;
  --lds-spacing-vlp-list-item-time-pd: var(--lds-spacing-025);
  --lds-spacing-vlp-list-item-text-mb: 0;
  /* non-chapterized player list, grid layout, MD-LG MQ only */
  --lds-spacing-vlp-list-item-md-ph: var(--lds-spacing-075);
  --lds-spacing-vlp-list-item-md-pb: var(--lds-spacing-100);
  --lds-spacing-vlp-list-item-btn-md-mg: 0;
  --lds-spacing-vlp-list-item-btn-md-pd: var(--lds-spacing-050);
  --lds-spacing-vlp-list-item-img-md-mr: 0;
  --lds-spacing-vlp-list-item-img-md-mb: var(--lds-spacing-050);
  --lds-spacing-vlp-list-item-text-md-pd: 0;
  /* chapterized player list */
  --lds-spacing-vlp-list-item-img-icon-size: 20px;
  --lds-spacing-vlp-list-item-img-icon-pd: 2px;
  --lds-spacing-vlp-list-item-chapter-time-ml: var(--lds-spacing-050);
  /* chapterized player list, LG MQ only */
  --lds-spacing-vlp-list-item-chapter-lg-pd: var(--lds-spacing-050);

  /* MARK: Typography
  */
  /* video player meta */
  --lds-typography-vlp-video-heading-fs: var(--lds-typography-h4-font-size);
  --lds-typography-vlp-video-heading-fw: var(--lds-typography-font-weight-bold);
  --lds-typography-vlp-video-heading-lh: 1.555555555555556; /* 28/18 */
  --lds-typography-vlp-video-time-fs: var(--lds-typography-medium-font-size);
  --lds-typography-vlp-video-time-lh: 1.571428571428571; /* 22/14 */
  /* video list */
  --lds-typography-vlp-list-title-fs: var(--lds-typography-h6-font-size);
  --lds-typography-vlp-list-title-fw: var(--lds-typography-font-weight-bold);
  --lds-typography-vlp-list-title-lh: 1.5; /* 24/16 */
  --lds-typography-vlp-list-item-ta: start;
  --lds-typography-vlp-list-item-time-fs: var(--lds-typography-small-font-size);
  --lds-typography-vlp-list-item-time-lh: 1;
  --lds-typography-vlp-list-item-text-fs: var(--lds-typography-small-font-size);
  --lds-typography-vlp-list-item-text-lh: 1.5; /* 18/12 */
  --lds-typography-vlp-list-item-title-fw: var(--lds-typography-font-weight-medium);
  /* chapterized player list */
  --lds-typography-vlp-list-item-chapter-time-fs: var(--lds-typography-small-font-size);
  --lds-typography-vlp-list-item-chapter-time-lh: 1.833333333333333; /* 22/12 */
}

/*** ITALIC ***/

/** ITALIC LIGHT **/

/* cyrillic-ext */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 100 300;
  font-display: swap;
  src: url('/assets/cyrillic-ext-italic-B8kpBlYn.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 100 300;
  font-display: swap;
  src: url('/assets/cyrillic-italic-DIOVfvsE.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 100 300;
  font-display: swap;
  src: url('/assets/greek-italic-D_UjJRtL.woff2') format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* latin-ext */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 100 300;
  font-display: swap;
  src: url('/assets/latin-ext-italic-Dh4FjxYK.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 100 300;
  font-display: swap;
  src: url('/assets/latin-italic-Dt1lDgwx.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/** END ITALIC LIGHT **/

/** ITALIC REGULAR **/

/* cyrillic-ext */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/cyrillic-ext-italic-BuQhcTbN.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/cyrillic-italic-qPk5opoZ.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/greek-italic-DQQnRjXH.woff2') format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* latin-ext */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/latin-ext-italic-CpVqOaMZ.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/latin-italic-B1JthRTR.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/** END ITALIC REGULAR **/

/** ITALIC SEMI-BOLD **/

/* cyrillic-ext */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 500 600;
  font-display: swap;
  src: url('/assets/cyrillic-ext-italic-B6o5y0-Y.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 500 600;
  font-display: swap;
  src: url('/assets/cyrillic-italic-qTuPnFrY.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 500 600;
  font-display: swap;
  src: url('/assets/greek-italic-CsIOzwPh.woff2') format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* latin-ext */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 500 600;
  font-display: swap;
  src: url('/assets/latin-ext-italic-CSyuVVib.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 500 600;
  font-display: swap;
  src: url('/assets/latin-italic-CDQVVTFH.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/** END ITALIC SEMI-BOLD **/

/** ITALIC BOLD **/

/* cyrillic-ext */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 700 900;
  font-display: swap;
  src: url('/assets/cyrillic-ext-italic-C_SQp8cK.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 700 900;
  font-display: swap;
  src: url('/assets/cyrillic-italic-BXZ0KCDa.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 700 900;
  font-display: swap;
  src: url('/assets/greek-italic-DFw2n9OX.woff2') format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* latin-ext */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 700 900;
  font-display: swap;
  src: url('/assets/latin-ext-italic-TgUFirRv.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 700 900;
  font-display: swap;
  src: url('/assets/latin-italic-Bsh7M-0Y.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/** END ITALIC BOLD **/

/*** END ITALIC ***/

/*** NORMAL ***/

/** NORMAL LIGHT ***/

/* cyrillic-ext */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 100 300;
  font-display: swap;
  src: url('/assets/cyrillic-ext-CJV5tWVm.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 100 300;
  font-display: swap;
  src: url('/assets/cyrillic-BLzfLPpY.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 100 300;
  font-display: swap;
  src: url('/assets/greek-BK24KdPN.woff2') format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* latin-ext */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 100 300;
  font-display: swap;
  src: url('/assets/latin-ext-DSEdhCS3.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 100 300;
  font-display: swap;
  src: url('/assets/latin-IjVXuVuL.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/** END NORMAL LIGHT **/

/** NORMAL REGULAR **/

/* cyrillic-ext */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/cyrillic-ext-Cn0HMoU9.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/cyrillic-BLRVUWWJ.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/greek-sVeRxrDw.woff2') format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* latin-ext */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/latin-ext-BVTrYU8h.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/latin-mrwDG-3l.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/** NORMAL REGULAR **/

/** NORMAL SEMI-BOLD ***/

/* cyrillic-ext */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url('/assets/cyrillic-ext-DkkktQxd.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url('/assets/cyrillic-D04HqGC_.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url('/assets/greek-BaiIpKBE.woff2') format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* latin-ext */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url('/assets/latin-ext-CLsDFV6U.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url('/assets/latin-ByTpCVxq.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/** END NORMAL SEMI-BOLD **/

/** NORMAL BOLD **/

/* cyrillic-ext */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
  src: url('/assets/cyrillic-ext-ShY4zn9s.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
  src: url('/assets/cyrillic-BVJqvIrL.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
  src: url('/assets/greek-BT1IYH3k.woff2') format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* latin-ext */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
  src: url('/assets/latin-ext-BqzE4mPl.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
  src: url('/assets/latin-BkhX7YUS.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/** END NORMAL BOLD **/

/*** END NORMAL ***/

/** ITALIC LIGHT **/

/* cyrillic-ext */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: italic;
  font-weight: 100 300;
  font-display: swap;
  src: url('/assets/cyrillic-ext-italic-DxfD6ISN.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: italic;
  font-weight: 100 300;
  font-display: swap;
  src: url('/assets/cyrillic-italic-BS84hdmp.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: italic;
  font-weight: 100 300;
  font-display: swap;
  src: url('/assets/latin-ext-italic-DITDdpQM.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: italic;
  font-weight: 100 300;
  font-display: swap;
  src: url('/assets/latin-italic-c-3DrMzw.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/** END ITALIC LIGHT **/

/** NORMAL LIGHT **/

/* cyrillic-ext */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 100 300;
  font-display: swap;
  src: url('/assets/cyrillic-ext-ChEPwjZ4.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 100 300;
  font-display: swap;
  src: url('/assets/cyrillic-D0GE5ExA.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 100 300;
  font-display: swap;
  src: url('/assets/latin-ext-277s74si.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 100 300;
  font-display: swap;
  src: url('/assets/latin-Dm54Fu6M.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/** END NORMAL LIGHT **/

/** ITALIC REGULAR **/

/* cyrillic-ext */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/cyrillic-ext-italic-BKrhP--V.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/cyrillic-italic-l_pTzSkf.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/latin-ext-italic-Db9VDVug.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/latin-italic-BnUz9YsF.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/** END ITALIC REGULAR **/

/** NORMAL REGULAR **/

/* cyrillic-ext */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/cyrillic-ext-uUj1_VUt.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/cyrillic-sNnvfE8d.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/latin-ext-BKMoCtvs.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/latin--qnlp5fX.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/** END NORMAL REGULAR **/

/** ITALIC SEMI-BOLD **/

/* cyrillic-ext */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: italic;
  font-weight: 500 600;
  font-display: swap;
  src: url('/assets/cyrillic-ext-italic-DdGYLZ9w.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: italic;
  font-weight: 500 600;
  font-display: swap;
  src: url('/assets/cyrillic-italic-EWJr1vAv.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: italic;
  font-weight: 500 600;
  font-display: swap;
  src: url('/assets/latin-ext-italic-D7KpX_xB.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: italic;
  font-weight: 500 600;
  font-display: swap;
  src: url('/assets/latin-italic-BinPx7fH.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/** END ITALIC SEMI-BOLD **/

/** NORMAL SEMI-BOLD **/

/* cyrillic-ext */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url('/assets/cyrillic-ext-DL7-MvwC.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url('/assets/cyrillic-D1vFlLQB.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url('/assets/latin-ext-RgiLoKAc.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url('/assets/latin-BdqDxKnG.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/** END NORMAL SEMI-BOLD **/

/** ITALIC BOLD **/

/* cyrillic-ext */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: italic;
  font-weight: 700 900;
  font-display: swap;
  src: url('/assets/cyrillic-ext-italic-C73qWH0A.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: italic;
  font-weight: 700 900;
  font-display: swap;
  src: url('/assets/cyrillic-italic-DkKPwZij.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: italic;
  font-weight: 700 900;
  font-display: swap;
  src: url('/assets/latin-ext-italic-BaaRGuFX.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: italic;
  font-weight: 700 900;
  font-display: swap;
  src: url('/assets/latin-italic-8xcOsed_.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/** END ITALIC BOLD **/

/** NORMAL BOLD **/

/* cyrillic-ext */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
  src: url('/assets/cyrillic-ext-CwHzcrhs.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
  src: url('/assets/cyrillic-CuvjNjwR.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
  src: url('/assets/latin-ext-Bw3AD5HE.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
  src: url('/assets/latin-YXGsDIW4.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/** END NORMAL BOLD **/

/** ITALIC LIGHT **/

/* cyrillic-ext */

@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 100 300;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/cyrillic-ext-italic-CX-J9CYW.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 100 300;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/cyrillic-italic-DYW-eHio.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* devanagari */

@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 100 300;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/devanagari-italic-DUUCwbCX.woff2') format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

/* greek-ext */

@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 100 300;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/greek-ext-italic-DZStgwPG.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 100 300;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/greek-italic-DqC5sUxA.woff2') format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* vietnamese */

@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 100 300;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/vietnamese-italic-CieMlJWa.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 100 300;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/latin-ext-italic-DfvnKiuy.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 100 300;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/latin-italic-DOGagmFJ.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/** END ITALIC LIGHT **/

/** NORMAL LIGHT **/

/* cyrillic-ext */

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100 300;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/cyrillic-ext-CoTzi7SV.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100 300;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/cyrillic-ext-CoTzi7SV.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* devanagari */

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100 300;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/devanagari-BPuH0tKv.woff2') format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

/* greek-ext */

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100 300;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/greek-ext-ByvOkSjz.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100 300;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/greek-DXLhnoKE.woff2') format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* vietnamese */

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100 300;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/vietnamese-DtGnwGFh.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100 300;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/latin-ext-BmaYBhSb.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100 300;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/latin-BI6aXIiy.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/** END NORMAL LIGHT **/

/** ITALIC REGULAR **/

/* cyrillic-ext */

@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400 600;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/cyrillic-ext-italic-CCw1eaSJ.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400 600;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/cyrillic-italic-CFt_rl5m.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* devanagari */

@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400 600;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/devanagari-italic-CdJ6jqnj.woff2') format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

/* greek-ext */

@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400 600;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/greek-ext-italic-CKZQLk9V.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400 600;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/greek-italic-DeUFaes4.woff2') format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* vietnamese */

@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400 600;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/vietnamese-italic-CSZQsQEg.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400 600;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/latin-ext-italic-C4xkcau8.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400 600;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/latin-italic-DWzzSXod.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/** END ITALIC REGULAR **/

/** NORMAL REGULAR **/

/* cyrillic-ext */

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400 600;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/cyrillic-ext-BfzZ8r9R.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400 600;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/cyrillic-CqBiseu7.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* devanagari */

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400 600;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/devanagari-BxxMstZO.woff2') format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

/* greek-ext */

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400 600;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/greek-ext-UuDB-LcF.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400 600;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/greek-C1y0DHcW.woff2') format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* vietnamese */

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400 600;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/vietnamese-B6WFXnT3.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400 600;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/latin-ext-DkhU5BzT.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400 600;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/latin-DiTp4e_7.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/** END NORMAL REGULAR **/

/** ITALIC BOLD **/

/* cyrillic-ext */

@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 700 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/cyrillic-ext-italic-CIVp1DKK.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 700 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/cyrillic-italic-4VV3eGc0.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* devanagari */

@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 700 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/devanagari-italic-QfPZEZAI.woff2') format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

/* greek-ext */

@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 700 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/greek-ext-italic-C_o3cY7X.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 700 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/greek-italic-CDOl1TbR.woff2') format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* vietnamese */

@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 700 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/vietnamese-italic-B5DbJIhK.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 700 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/latin-ext-italic-Co42A5Nx.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 700 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/latin-italic-BNHTRg46.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/** END ITALIC BOLD **/

/** NORMAL BOLD **/

/* cyrillic-ext */

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/cyrillic-ext-BS2Ed0fn.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/cyrillic-C8hgWbM8.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* devanagari */

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/devanagari-DEzVgktI.woff2') format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

/* greek-ext */

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/greek-ext-C2wuJTsV.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/greek-DYHof9DV.woff2') format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* vietnamese */

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/vietnamese-cEyy4RFZ.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/latin-ext-uHsAhPhY.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700 900;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/latin-DeFK5wxh.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/** END NORMAL BOLD **/

/* arabic light */

@font-face {
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-weight: 100 300;
  font-display: swap;
  src: url('/assets/arabic-CkCpOh4b.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* arabic regular */

@font-face {
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/arabic-D9mMuap2.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* arabic semi-bold */

@font-face {
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url('/assets/arabic-CwzzQJdA.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* arabic bold */

@font-face {
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
  src: url('/assets/arabic-BAIlxHvM.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* hebrew regular */

@font-face {
  font-family: 'Noto Sans Hebrew';
  font-style: normal;
  font-weight: 100 300;
  font-display: swap;
  src: url('/assets/hebrew-BESn1YM6.woff2') format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

/* hebrew regular */

@font-face {
  font-family: 'Noto Sans Hebrew';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/hebrew-CQl4hK_i.woff2') format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

/* hebrew semi-bold */

@font-face {
  font-family: 'Noto Sans Hebrew';
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url('/assets/hebrew-BqjuWqqh.woff2') format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

/* hebrew bold */

@font-face {
  font-family: 'Noto Sans Hebrew';
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
  src: url('/assets/hebrew-CKodEYcI.woff2') format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

/** LIGHT **/

/* cyrillic-ext */

@font-face {
  font-family: 'Noto Sans Mono';
  font-style: normal;
  font-weight: 100 300;
  font-display: swap;
  src: url('/assets/cyrillic-ext-DnjUNcQo.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'Noto Sans Mono';
  font-style: normal;
  font-weight: 100 300;
  font-display: swap;
  src: url('/assets/cyrillic-CM3brys9.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
  font-family: 'Noto Sans Mono';
  font-style: normal;
  font-weight: 100 300;
  font-display: swap;
  src: url('/assets/greek-ext-BYEqr5Fq.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
  font-family: 'Noto Sans Mono';
  font-style: normal;
  font-weight: 100 300;
  font-display: swap;
  src: url('/assets/greek-Dz2BbnIx.woff2') format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* vietnamese */

@font-face {
  font-family: 'Noto Sans Mono';
  font-style: normal;
  font-weight: 100 300;
  font-display: swap;
  src: url('data:font/woff2;base64,d09GMgABAAAAAA7IAA8AAAAAJygAAA5rAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGmIbh1wcgXQGYD9TVEFUQACBQBEICqhspBwLghoAATYCJAOEIAQgBYUQB4laG7kiI1LOnk1E5eYuwV8m2ES2+QJfwwY1KYbWVMfNJpQSSuSEuel7Y6OrZ/yn97kI4v37+upzZ96SoZnKjHbClYIYVkh/h0rBd45ozmbvLnYXMUIb7LA0AQ+HheChoTQtwUOguIbSeqgLNXXeK+rPKwW+h1Pvv0vHtsbCFa+NSQUpVbmCJdjAW/Pz/xHAEL16SecF8LOAIkChcT2V4oER26Uvxf5zrdfuuySfd+anAGDcbRHOqfu5XG62O/mEvH8Le0VWQMYBkiJSgl2nCpX4RtepTgmwZXt7ZSRNodt6glA4j1Ds05bS1N29UFURVG1KYURpwoCVCK2BR31T8eirve1yhEJoAqMqymX0c+fXdp8CRgdAQ4CAA82B+po5X8000yFsduNNMNEkk2HYHDhD3I2F2NnhxhkHGW8yPPvl4BBQk9ZgxJD+pkxQLh7eUgfK5S3ltaBcU2xrACUCkHsBBOyzZINibe2mAwiBBDnODwo72XCxiSHkQtOlHy0CH5sKTSkpckKhkI6kQfqoUBlejIaij9ir7DT33LCIBETV1OBqYLFlCGRGpQwRhvH2RfTumgkgcKF0PtlhqRNfVWrAgBLIh2ww21N0hQGLIcIXpQX8DD8bVDoNKJ3lIASugtVA/+MX3Vv9s6W/xf5cw0O4DVdLfk5+VGEriVHRRV7XssSFxunIo/Xxctsm9tfN+oAahPZT1SXKW8Qsdf5saKeKNssYgZhRDVg2WltDKOJ6GUVDUtzXj1vwjobxNw3OITTKb/v4eVlckWahf9AudM4xPISeOO/DcTK0sCFn42oavTJWiIPhMSE5JAR5CD9CkzT2i3FT0AzH36F0GQ9xLKgjkOB7FoHB3a16pd41ot72Ba10tAAKqbE/d3ew2xxQRU0jbN/jqAyVEct5w3AGms3JMHhwfCYNASMtOjY+OWVsqknRcfHZdFLqIPFXiRLpChwBxBlToM7i0vom8BO7B4ayab5SC3EiWaHAhvY0QJZW0B7nWUa0rktnCkLLZokbSUekCeEnFkh7kwXAaP2FYx5oIw4g1WLxCBaBYQQtGFvVqzB8fKoRTtPiLOFf3wMVL2IiiIM/3AKpMV1ogYAgXBjQ+EVpcxObKqtsCAFsWmKrQhggYn8FFiIoa7OhqER+gmAoyhrDIU0J2412MU+ODdRBB44koYlqtCZ2FwgncB7uaU31xfWb6z/0tt5e8p8BQ+JQRxVaHbsKwFcGl7GrXb+6fv9DiPxnfkaGU79/7CuPLw/tmfD/ePB/ZU/Jk8lPAp9MfHQdAnOoL3Ube3vhuddYEGaUNBfoMcKFrvtB6S9BsaZhrjMQNDPYxpSKw/OKaY43w4bSf1Nk4beCSYR9ZRWFiODzZSNFR+A66Nsm+dKRYzUdkeATFOk8JGQjvnJKEZdi664JRZcQ91gCokTA4lOF1BCyoHPpSuXi5Yvl+TkhguBD0oGftmeiIoeVjQSQWZEFxXtvriZFHZ9uUdM/hMPm99Hp081i1PGRnDZHw+YUc+YgnMK+pVMOD26OKMCtVG4eZcFqN55cHUeBqCWPz2gga2/J+JycMqkRAcfKt4ZUM5vc/Px6whSNMuehp2HzG298Hqj9IaR2FBx+n7f2ZomvlUmhHDwbUVgWFOzdijrOUtNPg/1U3eaRweGjGH9QgswmF9+7njVtowItPE5Nv7vLLaeAyl2xx4VadnCVUx6Vv/36z7VBdtI6eyESQO3Zc+ecKFj8+nc1iduJlspjCCI9POP6JHF8HZ+c6EstPbASIWGf34aOlH1vVOjp3BHJM299Nv+uJmun3fRIRJ8/Mhz2yo1a/f7IiguXrdp2aIy+feSg4Olns1+T0+6s3B+27JTzSflg8o6dQx0HlFEOS1aA/dLxiJO0kcJDhy/Hpr6hLURQcPMY6rhDTjsmR4tOUtNfwObnDE2eyz0FBdawsxR0Leuq1IaWhYL875/16zs71k9/an18/PpVpuP94r8zfAKqny5mClgpTIq6wF08ueNkThUJmpn+J8m3RkJBeFSJ86TUpvB1jbmZcfkh+iKXielm58lRJQVh3xPSB/abUdKZt744IcuknlFcpJ6ZaQJ1jYEFMb5tGT/rLhlciw3BOl1/rVuR4ZLu17SAtqIYkDR6cTDu7MTTE2OfH5SBZa5b53DFLq7hfPsNGQ/+4ZlzTcZIXXKDtwkbirvvUuKMapOsLLo0x5EpLs3l/Q1kW3CXY3Ifc0Smj39qOFODx2FWp+c+wV/BXMPanqAblp4ROabeaE4ujA1qTHHvhJTuRUMC+gdmyOeFrbFKCvRcj12SPzOotIi0gLXjRe7u61zN6+mxpcVzkmKao+M0xfT/UYwEvxrhe+9oo1t5fK5ueG1s8sCqhPARWXF0RZQxx9sePThCVWFI9CobFBljyW+vNajKUyNAWCPfWlqcqzOb403G8AEB3rmJ7jp5ICeP+PB/Yl+Y8rv4+7Wgc+dFzocPNzzyr0p14zOeF8zBK+78P7XKrH/XLFJP50NnlSzHUZEjkxkViuTXMqOjY3+Z3Pp3wZqNQfIgwJd5Hli038C91qx9vBoG93YOOTmoa0XZ1FTj0tb2lDWz06vnz5i0bGl55ITWhJzcUnCoEbL2CE90Kk+0akeUxg7w/2/HOQLJLLno/g5i5eMPvotXmrNNzeX8JLfSpLCINEvL0Lr0em18gCUAFi7zvNF5PmJ/5wsZT3MaPWJE3UYNaObqkxPCfQautfdRJeX6hE8bgm8Pr8W+2PfNMleFYwYPl5b/J6mSBvrIAZeN32f29+O5fF7srpGULVpzcFil1C3nQ/wJP9JyuUg7kdomzz3Unnfw6OwPCb34PnLeh1pCQXHE9tapT5iHaP4W1bx10rBlam9ehU51I51XfSevZ9aD/n83D7W0bNGaOoIqHpyF3U4EUI0rcNcESinVrmSx2SDnQ2yg4QbqMGiHlussQry+ZH6DxCHkz4gzemoSgl1yhXqqDBGj3cB/PxMK4YhIs4dfYUmRESzwjGrPBd4Bhyz3xCqvm1SX6pDaI8ybDFZnz7gk80ceb0ZUYYFrGixCY/E23fBMhjcJ+JKSCOGXxttYwEh2ibyQCyKDY4ZjBcMMxwqGGQ7HBM/sEUYEknVREUfyTURKFlmMDnom2iNIMJDGLSuhC5h5/xHVV4aF+Y4SlUE9Zrgm8xeXZP7AKzMj6rPANY27KA1nHeAXH1GEj0lHyZ99q5MO5OfP3iNEgBz8OR4iJGAqrREyrPYPFqIiNPdMnePL4CmB1eCDDwKrQcBBMHUOEWKAgsO/ZLh4BLz2UiL73ym+qIiXBaKDU/MSr9vRubuYa/RvvFqBz9RyVyXyiCq0IsLd3lNlzRKVhVNAVBYIiMoyblEauKaBQKvS8oiYDv/vuJanFXOPCHcWy45S2bL/fiYokZSvA92XLJ/7ysp/SDotpShu7jyFfbop4L/HoFpVW+/qRZT7BwFoDNIQfAFz7o7vPITUgy5bQHwqZrCC1IybJufuxLZHW3J3/H+0ziB1836GTProD2nTUvAB/iMX4f6S5wwM2C8m6IL4jmscfhtvxlaJFdPyCl9VC2dsi/fJGBXfJ3t8ZPjqnBOyi/xD0uSysmRBykMrGYWwLkMG4YBrEAjG3yrdqhk8I4ybYcSKefErfFUtnLEt3idjVXxfeI8mB8UbfhmizUhQzghKXW49GY6802u0ihv6pylxlRSV34rSHWZGLVZMyyt8VS2csS3eJ2NU70M9fVPw/bsTwg/wW9UMnhHMTciAAZBBD8sYxca6zCiI/5HfZvhtnBn0IiKITpksDfitL4/MgFuQAf5GBtA5I4Cu21bKb2P8NsGM4BkJ3Ox3dXnWMxzmc5Q8MRVATPqRNzTMKsmiDLalH28oLTAtrc2/y1BAPpRfYlLm2/f+vWsvrF5vPHoEAaSic45+F1ko0v+5OP4avtv88wvAT307PXqzkqSIuIoSDCDAD+Bi0gyXkrUTQKT29mSBAuD0bUEO1TAZtJABvnAZzGAAK8RKiw1LlbXrI6IUmCX4ZUcuyYBOWCN7PNK3HGhtsYOgd2qonlkGmBxoFW30UiBjhlpEn61Ah0C+3MJPrCDX58R8Q1YOzZfO+f3lbwWwnxbBgoCsNgu7qWuncaqCB+BG+C0BUQeRMK/ugNM5vpAILEprA5uXMUEoTHIQc+Y3K0HyOIIQ8ClIWBr/IUsy0W/BOI1a1CtWJ0e1MjZVxlS5apWTNqaY87lNI1qGYg1amRikcbPxpbZpSnV1AgXqbqkW1S/JJingpV+tTkDo+UqBUvVnKrw6r84P/cP72cq1lImemqYdngcJxhhzoxilSmW8feks/eUrtalTrKW9h3R2SrTrJsNlNRGr6gbR0hopU7LyC0VrsxadapKbpTmdeG1djr2IUU+ru9epVO2s25S8dEs1qk9uNxTerKgt9nUzsIHaptpO/lK3KN+kWmu7tM5UJ/OrldLAwKLyclrwT94PIiEccF7U/GhF0EtkkMwknUW+WUHATG+ChdiIgxDiIh4iEQW3feNbX4KPBEhIIBESS6QyuYPCsU9fpZOzi6sb7e7h6eWt6qfW+Pj6+QcEBgVrQ5jQsPCISF2UPjomNo6iGZbjBVGSFVXTDdOyHdfzgzCKX+/P9/dP0iwvysqu0aBFR3yqw4ARE2YsWLFhx0Hq3nLZYuzhdO7ev61Q9aj0cf2/lMmHbPZ+rL49aT9dt+ZWQ+mVx+Po/yFsFc+xrlE/3vfuNBZefpzqH+NJJiWhSYpmWI4XRElWAMs6kgVJ0QzL8YIoyQpgWUeKICmaYTleECVZASzrNuoAAAAAAAAAAERERERERETErLYhGZbjhe8ikU/3w7SeHpffW7n8ryjuLapTm9/fV1ki/tFLzOmLkKAI3o6Ihw6GSfb7GnHPtFlxbzO6NBwKTpjk0/e3Xy48HWgjAQ==') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
  font-family: 'Noto Sans Mono';
  font-style: normal;
  font-weight: 100 300;
  font-display: swap;
  src: url('/assets/latin-ext-BG2o2ZGc.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Noto Sans Mono';
  font-style: normal;
  font-weight: 100 300;
  font-display: swap;
  src: url('/assets/latin-skVrfScL.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/** END LIGHT **/

/** REGULAR **/

/* cyrillic-ext */

@font-face {
  font-family: 'Noto Sans Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/cyrillic-ext-CKBD4EQl.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'Noto Sans Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/cyrillic-B7ot0dIh.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
  font-family: 'Noto Sans Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/greek-ext-D07x-QU7.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
  font-family: 'Noto Sans Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/greek-BuP876jX.woff2') format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* vietnamese */

@font-face {
  font-family: 'Noto Sans Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('data:font/woff2;base64,d09GMgABAAAAAA6UAA8AAAAAJvAAAA40AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGmIbh0QcgXQGYD9TVEFURACBQBEICqhopCALghoAATYCJAOEIAQgBYRuB4laG4ciEdW0sxBFSdacU/CnBLmu5vwKmAckaEMAudp5xa7oVMfqvl9iyUYyYJ1FtFnVMwuBXSAk4QhHckDkOSMnUSWicEYSIuQ8OVdy5+Tu33Mi9iKaE5N3Z+vx32yHwaS7SCf09z6BAaceBBJQI3rd2dhQC5GRxO7FEPPqnimZ0TID22atwbW/LqLDIOsc/5UCx92nIQaD80KefFAtPAICgMhtOzCEJBiKKya/iChjC4Va0J2f1r7VfX9mz/dEod1HLbRFvYW5vflvecwN4vvBk1kSWxb5e6g1EpFKM0uiScRDIrkkUqBkSkzwPO2M6z/MJNVAwmDzke92PrWJ++DRfZn7THam10hDvRZxKSIsIRfKZ8+v9pEGgSETAACEAwAIHIAJgB6ACQSGADpAUMKPpViG5ViBlWBQohuiQYjBYhD88INjCZaAsBQrwbNvDgcBEJGIGgjOkqqhMI+cO20CzGOnjR4P84ThMybBDAEA5AYDQGDvZQSME8d/mQ06AAzkODLAcRQzoIISehDElQbLGEI6NMkxdthgZmYDdCCAvaDYbRaEi1HwFCiXGL7Mv2OsCZTTC73AoljdcQTIrjyCod6McXRHLwAgqEDsMGsFY4ugQSvzMDdQAU7IhfTERD3BwezM5utpBgzKYIOOVBisJfovlf6An+AbepBDjphsAW4lXtFwDk7Ap/S+l9whoaKORW9iWwtbbyC93J4st4Jy2y7Rdk9I1xaWD6izwPmt0FGL9mu7gL3Yw3Jp59GDKF92EGXIE0QOdg9EqewvqFT+Za6DH0oXmhipl9KsSy2w2CdqtrAodVLYA9UpkRRZOk1mGjOlsWC6bJHn09lt9RSRv9JZl3pApHMaAAx8NhmUaipprN4yoVecB8QSrRGkMlNYNQXyGUDYhs7D4Vlmo9gos+6IqQgpcLvLUFNUMNSGfuVWTnVBmVftqlI5NQWenMGuavzrQ03rBA4BEGAmDEwzcuTEKXBIYizK3LXcZXIoSk4wQgmaXcDwRAyYZZmlqHcVvpVPc3+iBMJgCGwZPQkFwAKsDkClfsvUjEQqBJikUAsKgTHBBlQ39WSh1OUqxfuA7ZCQELwOCCdpOUDbbl8GmIl1AbBBAIGgAgNgAAMQDzZ7bOsMImD2qBmtxEDQ+ycwCsWoHoiZjTwJsLcByOQ4AzhI5wg4rOy1rpwSgBY24hRGvamNdtDznLjA1TyO97b8bPnV8rftkCwD/oMw0lMvaqXtdIyD75SKytstv1h++0Mg+Xf5/iWP4M/Bl4JLg7P+X/b/UuD/sf+PuLvybv+7y29fAIHW6BFfCn+P2bKMKEBYc7ogE4ABADsK8CcB5V8An9Cx1HECLRIn8qf6cnmHWhDLSKD0vxRMFnk/+ATtMxWEUEGjiQg1qrUWbXeVqAkPjbRoNIJGkMRonfC5l8a8efpIvXXWglEU9JJCK4zQKjSST2oSvZ1bt5rXb95sqKutlYYdMwQaxAeTqFbhIS2GCsMwPHBpVyO1X74sdVzMhv9CL0+HOZraL4mBpRf8Kcc5grjE3qp8Uuo4f1k4dqrlXqm+Qapj4/e+u9uDkaQNH3zQHcMCJfvV1paJp3veKj8TmOgR95/4/HUmGvrxhbfhP7nE6o8ANBd33SSmy8LrFxq2XjpV4l0NlaiWe0jLhqE58Ca1vyV1vAH/6237DyUg8iAOkdNKaOHyfDws8KqRnntF6njrmLW2WarfcLGHtGnXtqgGqfH5CxfGBw5S+6FKiaJ1aB9p4dv00UdREtafOdNL5PaAOsUpGKI8rCwKpzfzF+90lzo3biSS+Pq3P3eXvJadO9HS7x05dPANH5ztDXHvuT77z/QSxwcuxSbogGz3uFXafmH8ex/l23Ts2FtiJ0LvQ1FHGaIQ8dW67TedlZemYd971L7VXNttwxb4nz+TfpbK8x2/CLs6/AwKRfNrb1H7q2Jgt4HW7bv02/rfTraJl3JrJKG52vVq7trUNTYxZVQKDF+e8H11onGr3HfnwaKkg89kbpX7XOvhut/dBV/XbnfFzTR32v8VbkzKfUKTvB+RuyD3KW08dXD0URf5knNaolcMnpS8Z0pjvXl/JeUM77F8yJAeK3NaWpLzXdklTovfu6p0XX12mdPq93qt/lIneqsHj8p3zHKf8H6Wbhp2KjXjg26elE+9pyr6zhrtBBlvvjRyb+u+1hb+hxtR0aTtDISsFdv2KIvuafC72tVS7cpMq5pgr6ZpzFhWmpzTt7pbnKVocGNUzugJ3paxZepyocH5S2RZQqUtoTBpgI/9XG3uF9NvPdxqz/y8wnn1dXkLphZWlYzKSZ3i6r2cigcMGhqb7hgWuct9viGstMpiLdzVt2iwW3TCnf2ubslRTa765Iu67K/mmF3WmBqzuSbG6oJDnVwfU1gc31ralDt3YnZJyeTs/Hm+kvix+c66mJSy5KKBMY15+TFe54DkmqoJvrzYRudACGqft7l5tLc2P7mgID1ors01eE1lmlJFQsRtrPzNMPRc8Qtcb1369QfRZXei6xZnnjJVPs1bf/pxVGtG452mOEdNSV9snWj8z2L922hUWy2af63nGOvaSnuX4ve2e3HGPePEF0yrpmYisya+5nxG1xFfh6tq4/Q5NTueGdSmqvbPeaLDlzpnTGZZeT+EqQe6YzKcltbSusQ5o3OrHlu65FWlprdZe63+rwp1qfDl7t2RZaXO4UMNmd29rySVVI0eN6JkRFx0obcQS1rj7r/6SfLbfyrESrnbZh48OPTJbPRqKq2p7J458ft5EdZAR5Z6cCX6nsXf+tlNCbrnB5m6taRCH7lmQmJ9WnH/bm67Psy0YMKAP+Jf7DtdnRA27Q2n5bWOtvD4tYOfG/lqj0Z822I7G99J7e/uOjdidqbsjTS5orU7piYv2RmRXdC3v/1KT2fqzbRj9Byy270bpeoTSdlSeAilHQKAEFjkxosmSIZyagFKJQzwMWWeDWDtyuawq8xQAFPnifJ3TJ8mfsdCoquZFW1aJTkOeJgQtcr931m7xIShfnI0Kxk6EPAU90QPYDaEIAJaWu8VDO6hQGoz4XiUIducP50V5Z9lfT/YRACdtwEd2aCQnQlkpsRNdleKK4bF7Sx5UaZFCJ0A8YP4QfwgfhA/COLiZAYhcChTXNV0cK0xmVorUIlFtEaGDwA8RTYohyphKyzHz5R5EYjgmtioVBhuRkzCvyAp9ydkY36wvQA6b4OyYxsEZwDy6jMl12RAHRHCynvdbGeOsHIqtHaMzBAO8YR1pgRL23QOQfPDdRxM2+QQN0OmkKDgIgMSFBAJQ5NDGqMDSORTRkqpQLxwdj5CC3xSmfEB4ACbFI9b2FasCTbZLOKadtWSQj3YhD3UVAkSPd2a9gAnYtoDQEx7YL2ObUDnbQBit9vVXF8RS/971a6266UHq5t6gG4vNSL8v7MCY8KC5wGdJwbfz4sI3s2zBS/ocF83KyLPUB5oFfDfHSBkzkx5d3GDeQMAGADm5J0okUVB9gAAWArrwiSAvuFPwQ2waHY79GbhNlVqUnGoOICl8OeRIBvrw4KMExvDK/27ms7TYZDBnOykTAAFWWw9/mU/noIldDbNA37SEqL47H78kzoWf54HLWEBdAXCX7IE4k39+aGyZqf3AD6KOetCdgUWzWJTgFT+pSGLp/CnMtjtDKGzbfgDftISovRsyj6pa/HndfA68C8Fwk6RkcK6Sn3eX0jQ0b7sEtK8GBYrhlL5l4YyeIoldDbNA37SEqL47H78kzoWfx6vsyNdJzaIf2nxFP5UKrsNgEpAznsoiYazLlQOVTHTfca/7MtToOk4UBvBxPKS28yn4B4A0hWAOOf+lvetNt3H/Mv+PMXmT/Vnt8d9NCY52CQcYPfkzZpRwoLyZQ3boercX2a35WTj8Cx7QX4/kCu/1dFLLvJfKwPY3V56/30QAMY79598fYYvNPt3FedfAcBN/4mHAHA3pzNWpmxsunASgBIMAEDAD+J6szqXwc2AIFMvY3VoBpxuDAbwwSRIgBKI0+9YkA1uSNOVXlgG6xP/KAUlGn49KdcsgaXwFHyv59TRCXHPtIDl/lINvhaSjf0h2MffCpQ010occxATAMi3B3Jb31vIW/4pp1zP9xdiAqyRyKDucB8pbsclAWO2uQCvdgtVSXSwKqNrVuVy/asKHL5VFcw+VZV6mVbRSeWrq2gYqw4iDX0cLVBTd2VY6GkyfF/oBX1QQyyWmpv+ISb0mLhLEzSsdIvHpcWtHH184zoYU56GQPJGlTfK1tWYq/4LGnMpXEgzqfOx9EAALAogtFBPYO0JrI0B5s1+0SRUeB5/tuI3F7z+3HDdrN2QnMYJ4jGY1zABr3kKed1Oj8tecY6XG1HfkTnly/cPmTYbDN4YfZl9UZd358Lq3Y4zfnVvmgbxqqt43Sui3NKLNqmQ3ZjGRzqYkn+JND95DdBow8XzC8OkpAJCMJLh/DpY6+uM7R3V2erqdsV1N1zN0dPb1w8gwoQyLqTSxjrPD8IoTtIsL8qqbtquH8ZpXtZtP87rft4PCAJDoDA4AolCY7A4PIFIIlOoNDqDyWJzuDy+QCgSS7y8fXylMnn9OypVao1WpzcYB7eaTR08rfVf3X/34DKB++N+rwk/kb5fZk8T+XbHpXmkRM34Nv+7wdLWm5E/l/vZWB+aWseHebw7VFrQEIygGE6QlJy8gqJSyv0BBCMohhMkJSevoKiUcv8AwQiK4QRJyckrKCqlfGoDAAAAkCRJkiRJcrkFiuEESfakDH/OG+c3l8Nvofj/scRenl1KPX/7pATnT1icnDFAQFonQh473hr262k4M1NKzK2p5sVpUH6SPH+XZZ5PfbACAAAA') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
  font-family: 'Noto Sans Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/latin-ext-C9R_vp0g.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Noto Sans Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/latin-CiQLx1mz.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/** END REGULAR **/

/** SEMI-BOLD **/

/* cyrillic-ext */

@font-face {
  font-family: 'Noto Sans Mono';
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url('/assets/cyrillic-ext-DcaR5l7r.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'Noto Sans Mono';
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url('/assets/cyrillic-CdrsSJ_k.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
  font-family: 'Noto Sans Mono';
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url('/assets/greek-ext-BYEqr5Fq.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
  font-family: 'Noto Sans Mono';
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url('/assets/greek-Dz2BbnIx.woff2') format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* vietnamese */

@font-face {
  font-family: 'Noto Sans Mono';
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url('data:font/woff2;base64,d09GMgABAAAAAA7IAA8AAAAAJygAAA5rAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGmIbh1wcgXQGYD9TVEFUQACBQBEICqhspBwLghoAATYCJAOEIAQgBYUQB4laG7kiI1LOnk1E5eYuwV8m2ES2+QJfwwY1KYbWVMfNJpQSSuSEuel7Y6OrZ/yn97kI4v37+upzZ96SoZnKjHbClYIYVkh/h0rBd45ozmbvLnYXMUIb7LA0AQ+HheChoTQtwUOguIbSeqgLNXXeK+rPKwW+h1Pvv0vHtsbCFa+NSQUpVbmCJdjAW/Pz/xHAEL16SecF8LOAIkChcT2V4oER26Uvxf5zrdfuuySfd+anAGDcbRHOqfu5XG62O/mEvH8Le0VWQMYBkiJSgl2nCpX4RtepTgmwZXt7ZSRNodt6glA4j1Ds05bS1N29UFURVG1KYURpwoCVCK2BR31T8eirve1yhEJoAqMqymX0c+fXdp8CRgdAQ4CAA82B+po5X8000yFsduNNMNEkk2HYHDhD3I2F2NnhxhkHGW8yPPvl4BBQk9ZgxJD+pkxQLh7eUgfK5S3ltaBcU2xrACUCkHsBBOyzZINibe2mAwiBBDnODwo72XCxiSHkQtOlHy0CH5sKTSkpckKhkI6kQfqoUBlejIaij9ir7DT33LCIBETV1OBqYLFlCGRGpQwRhvH2RfTumgkgcKF0PtlhqRNfVWrAgBLIh2ww21N0hQGLIcIXpQX8DD8bVDoNKJ3lIASugtVA/+MX3Vv9s6W/xf5cw0O4DVdLfk5+VGEriVHRRV7XssSFxunIo/Xxctsm9tfN+oAahPZT1SXKW8Qsdf5saKeKNssYgZhRDVg2WltDKOJ6GUVDUtzXj1vwjobxNw3OITTKb/v4eVlckWahf9AudM4xPISeOO/DcTK0sCFn42oavTJWiIPhMSE5JAR5CD9CkzT2i3FT0AzH36F0GQ9xLKgjkOB7FoHB3a16pd41ot72Ba10tAAKqbE/d3ew2xxQRU0jbN/jqAyVEct5w3AGms3JMHhwfCYNASMtOjY+OWVsqknRcfHZdFLqIPFXiRLpChwBxBlToM7i0vom8BO7B4ayab5SC3EiWaHAhvY0QJZW0B7nWUa0rktnCkLLZokbSUekCeEnFkh7kwXAaP2FYx5oIw4g1WLxCBaBYQQtGFvVqzB8fKoRTtPiLOFf3wMVL2IiiIM/3AKpMV1ogYAgXBjQ+EVpcxObKqtsCAFsWmKrQhggYn8FFiIoa7OhqER+gmAoyhrDIU0J2412MU+ODdRBB44koYlqtCZ2FwgncB7uaU31xfWb6z/0tt5e8p8BQ+JQRxVaHbsKwFcGl7GrXb+6fv9DiPxnfkaGU79/7CuPLw/tmfD/ePB/ZU/Jk8lPAp9MfHQdAnOoL3Ube3vhuddYEGaUNBfoMcKFrvtB6S9BsaZhrjMQNDPYxpSKw/OKaY43w4bSf1Nk4beCSYR9ZRWFiODzZSNFR+A66Nsm+dKRYzUdkeATFOk8JGQjvnJKEZdi664JRZcQ91gCokTA4lOF1BCyoHPpSuXi5Yvl+TkhguBD0oGftmeiIoeVjQSQWZEFxXtvriZFHZ9uUdM/hMPm99Hp081i1PGRnDZHw+YUc+YgnMK+pVMOD26OKMCtVG4eZcFqN55cHUeBqCWPz2gga2/J+JycMqkRAcfKt4ZUM5vc/Px6whSNMuehp2HzG298Hqj9IaR2FBx+n7f2ZomvlUmhHDwbUVgWFOzdijrOUtNPg/1U3eaRweGjGH9QgswmF9+7njVtowItPE5Nv7vLLaeAyl2xx4VadnCVUx6Vv/36z7VBdtI6eyESQO3Zc+ecKFj8+nc1iduJlspjCCI9POP6JHF8HZ+c6EstPbASIWGf34aOlH1vVOjp3BHJM299Nv+uJmun3fRIRJ8/Mhz2yo1a/f7IiguXrdp2aIy+feSg4Olns1+T0+6s3B+27JTzSflg8o6dQx0HlFEOS1aA/dLxiJO0kcJDhy/Hpr6hLURQcPMY6rhDTjsmR4tOUtNfwObnDE2eyz0FBdawsxR0Leuq1IaWhYL875/16zs71k9/an18/PpVpuP94r8zfAKqny5mClgpTIq6wF08ueNkThUJmpn+J8m3RkJBeFSJ86TUpvB1jbmZcfkh+iKXielm58lRJQVh3xPSB/abUdKZt744IcuknlFcpJ6ZaQJ1jYEFMb5tGT/rLhlciw3BOl1/rVuR4ZLu17SAtqIYkDR6cTDu7MTTE2OfH5SBZa5b53DFLq7hfPsNGQ/+4ZlzTcZIXXKDtwkbirvvUuKMapOsLLo0x5EpLs3l/Q1kW3CXY3Ifc0Smj39qOFODx2FWp+c+wV/BXMPanqAblp4ROabeaE4ujA1qTHHvhJTuRUMC+gdmyOeFrbFKCvRcj12SPzOotIi0gLXjRe7u61zN6+mxpcVzkmKao+M0xfT/UYwEvxrhe+9oo1t5fK5ueG1s8sCqhPARWXF0RZQxx9sePThCVWFI9CobFBljyW+vNajKUyNAWCPfWlqcqzOb403G8AEB3rmJ7jp5ICeP+PB/Yl+Y8rv4+7Wgc+dFzocPNzzyr0p14zOeF8zBK+78P7XKrH/XLFJP50NnlSzHUZEjkxkViuTXMqOjY3+Z3Pp3wZqNQfIgwJd5Hli038C91qx9vBoG93YOOTmoa0XZ1FTj0tb2lDWz06vnz5i0bGl55ITWhJzcUnCoEbL2CE90Kk+0akeUxg7w/2/HOQLJLLno/g5i5eMPvotXmrNNzeX8JLfSpLCINEvL0Lr0em18gCUAFi7zvNF5PmJ/5wsZT3MaPWJE3UYNaObqkxPCfQautfdRJeX6hE8bgm8Pr8W+2PfNMleFYwYPl5b/J6mSBvrIAZeN32f29+O5fF7srpGULVpzcFil1C3nQ/wJP9JyuUg7kdomzz3Unnfw6OwPCb34PnLeh1pCQXHE9tapT5iHaP4W1bx10rBlam9ehU51I51XfSevZ9aD/n83D7W0bNGaOoIqHpyF3U4EUI0rcNcESinVrmSx2SDnQ2yg4QbqMGiHlussQry+ZH6DxCHkz4gzemoSgl1yhXqqDBGj3cB/PxMK4YhIs4dfYUmRESzwjGrPBd4Bhyz3xCqvm1SX6pDaI8ybDFZnz7gk80ceb0ZUYYFrGixCY/E23fBMhjcJ+JKSCOGXxttYwEh2ibyQCyKDY4ZjBcMMxwqGGQ7HBM/sEUYEknVREUfyTURKFlmMDnom2iNIMJDGLSuhC5h5/xHVV4aF+Y4SlUE9Zrgm8xeXZP7AKzMj6rPANY27KA1nHeAXH1GEj0lHyZ99q5MO5OfP3iNEgBz8OR4iJGAqrREyrPYPFqIiNPdMnePL4CmB1eCDDwKrQcBBMHUOEWKAgsO/ZLh4BLz2UiL73ym+qIiXBaKDU/MSr9vRubuYa/RvvFqBz9RyVyXyiCq0IsLd3lNlzRKVhVNAVBYIiMoyblEauKaBQKvS8oiYDv/vuJanFXOPCHcWy45S2bL/fiYokZSvA92XLJ/7ysp/SDotpShu7jyFfbop4L/HoFpVW+/qRZT7BwFoDNIQfAFz7o7vPITUgy5bQHwqZrCC1IybJufuxLZHW3J3/H+0ziB1836GTProD2nTUvAB/iMX4f6S5wwM2C8m6IL4jmscfhtvxlaJFdPyCl9VC2dsi/fJGBXfJ3t8ZPjqnBOyi/xD0uSysmRBykMrGYWwLkMG4YBrEAjG3yrdqhk8I4ybYcSKefErfFUtnLEt3idjVXxfeI8mB8UbfhmizUhQzghKXW49GY6802u0ihv6pylxlRSV34rSHWZGLVZMyyt8VS2csS3eJ2NU70M9fVPw/bsTwg/wW9UMnhHMTciAAZBBD8sYxca6zCiI/5HfZvhtnBn0IiKITpksDfitL4/MgFuQAf5GBtA5I4Cu21bKb2P8NsGM4BkJ3Ox3dXnWMxzmc5Q8MRVATPqRNzTMKsmiDLalH28oLTAtrc2/y1BAPpRfYlLm2/f+vWsvrF5vPHoEAaSic45+F1ko0v+5OP4avtv88wvAT307PXqzkqSIuIoSDCDAD+Bi0gyXkrUTQKT29mSBAuD0bUEO1TAZtJABvnAZzGAAK8RKiw1LlbXrI6IUmCX4ZUcuyYBOWCN7PNK3HGhtsYOgd2qonlkGmBxoFW30UiBjhlpEn61Ah0C+3MJPrCDX58R8Q1YOzZfO+f3lbwWwnxbBgoCsNgu7qWuncaqCB+BG+C0BUQeRMK/ugNM5vpAILEprA5uXMUEoTHIQc+Y3K0HyOIIQ8ClIWBr/IUsy0W/BOI1a1CtWJ0e1MjZVxlS5apWTNqaY87lNI1qGYg1amRikcbPxpbZpSnV1AgXqbqkW1S/JJingpV+tTkDo+UqBUvVnKrw6r84P/cP72cq1lImemqYdngcJxhhzoxilSmW8feks/eUrtalTrKW9h3R2SrTrJsNlNRGr6gbR0hopU7LyC0VrsxadapKbpTmdeG1djr2IUU+ru9epVO2s25S8dEs1qk9uNxTerKgt9nUzsIHaptpO/lK3KN+kWmu7tM5UJ/OrldLAwKLyclrwT94PIiEccF7U/GhF0EtkkMwknUW+WUHATG+ChdiIgxDiIh4iEQW3feNbX4KPBEhIIBESS6QyuYPCsU9fpZOzi6sb7e7h6eWt6qfW+Pj6+QcEBgVrQ5jQsPCISF2UPjomNo6iGZbjBVGSFVXTDdOyHdfzgzCKX+/P9/dP0iwvysqu0aBFR3yqw4ARE2YsWLFhx0Hq3nLZYuzhdO7ev61Q9aj0cf2/lMmHbPZ+rL49aT9dt+ZWQ+mVx+Po/yFsFc+xrlE/3vfuNBZefpzqH+NJJiWhSYpmWI4XRElWAMs6kgVJ0QzL8YIoyQpgWUeKICmaYTleECVZASzrNuoAAAAAAAAAAERERERERETErLYhGZbjhe8ikU/3w7SeHpffW7n8ryjuLapTm9/fV1ki/tFLzOmLkKAI3o6Ihw6GSfb7GnHPtFlxbzO6NBwKTpjk0/e3Xy48HWgjAQ==') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
  font-family: 'Noto Sans Mono';
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url('/assets/latin-ext-BG2o2ZGc.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Noto Sans Mono';
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url('/assets/latin-skVrfScL.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/** END SEMI-BOLD **/

/** BOLD **/

/* cyrillic-ext */

@font-face {
  font-family: 'Noto Sans Mono';
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
  src: url('/assets/cyrillic-ext-Bu8lEnx1.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'Noto Sans Mono';
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
  src: url('/assets/cyrillic-DebYD11V.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
  font-family: 'Noto Sans Mono';
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
  src: url('/assets/greek-ext-AQdPmR_a.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
  font-family: 'Noto Sans Mono';
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
  src: url('/assets/greek-Dlp69JsH.woff2') format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* vietnamese */

@font-face {
  font-family: 'Noto Sans Mono';
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
  src: url('data:font/woff2;base64,d09GMgABAAAAAA6EAA8AAAAAJuQAAA4lAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGmIbh0ocgXQGYD9TVEFUQACBQBEICqhkpBULghoAATYCJAOEIAQgBYRiB4laG3IiM6NmnHQLERWbNRX/5YKpsnZfhKthUifFSCiaS2wkFlEZYOTaFk/xhn2QNb/pd4RT9iKo1v7tmf2ISSSQjQYEhSRJEgqPkmT0FyZUnmUc0bs9ojmbvbvYXUwgQHJYEiBYaohIsCRYsCBaSkNdoCp56pR+xZwaYi/itO8UKtrYzuwFQPWjjVSale9/gUeAi3MeSQlKUj4X1Yw54+C8nOeLJHLbDhZCEgzFFZNf/L+11N6/mQlvX7ZbsCEUPlsglXdObSZzc5lMJgwuG+TiFvbSqAKqVlV4QFQEuq5GoCJQorJCV+oKa0oQnBpO/vBNohqgdC4q6LJiN1ZtiVt99a2mZ3cbuDtExqRW1nJDJnNF88f5B3cpYMIAGAEIODAFGBLU9mI6dEKYllhuhZVWWQ3DJOMKcbcYssQSuGWWQZZbDa99PjgE9DDIQqxYlZEPykNz25pAeaytuhGUpyvsLaBEAOpbAgH7TppBfqbxtBTwgYTKZwfFKXZsTEIImUQu2UgIbsnWoCkxXooPgXyTo++ogc+xUBaGud4p66r75YGAdB0dqCQW2o5A9c1romCQExkf3OUTQGBDeS5bYLkCV12WpAlghDRIgCh3iOg0qFdjKqIBSqlUQSr4AHYWLCz+C4838Kv4vkIYMqFh+NL9McMYDMBz8cgoTOwyhmhxhze1pmGVXGuOuW0lLjSdI8wlQdKmuLtDyGpXLxantOhRegK9hcMlxMGkgyKm8nI9fAun630dXrY+1b/qIvqVnj+IyJmPXOWDIvpIrlRQn5xDyFneJfS+XEbeSOYcsaMi9IhwInJT3u5Ix6UD8q9c9uoSwXusX0DC5xOBZE+mqBU7R3SZAaYLlLzyUwliT4L/OTAY9JjnxDwjG7IRy1mnYi3dYkyBrOWx+TQErGV9Y2xKzcbsjFzfFGvSt2Vn5k5+A5DoxBGAs2Ie6HfoUHMr6NntAansmW3TChmlTjkmNL8ATQZB88xqZHQuxR8nj9mn+rXkInJF3sAAeTstwHrxmmMvQ6SA7GVwCAaBYQQd2NjSy2X15uxk2A+mPib8nw9A24tYCeLe+1GQ0+0FpiIgCBsGjMGAmbDzx+rsCAGcP2yvQxggQvP1YCEAGxCA6MZugFgo7WNwiHXCCTk75NExgX504EiED/VxIM4UhBM4B/esz/2b6g/V3/Txt2+FT4EhITrqYn+cLoBvko34/aqvqvFfBOrr+gVJZT1fJs43y5tZrRWt5aBV26r8uPqzwM9WfjIEwRKGfNtXLIGg+tYCwjpATAmYC/IZKNdAx29QToMBtycE5Syx0wqFMrxulBn8dhcq/k1Zid0JKxFXL61tBASXK1nyk6f6OB8kV7wU94tVOARBka5fQrK4yrVG+BMqt03IL0L4YvCIyn4oBpcqo0rJoj1dXcpdDoeTxWymCnbUAxeyU1HIjJsQD/KxAqjoGNlSoqWjo1TncDRcHDqTqXNwFC0dITv6huDicL+tGeEU9pX4p1Tns1Hr8yEpvIgqLKYsWOOOW3wUOaJ2373rDAUdjsVmc973JdkxFGK67j4SkjSRPc8fmF+l522E8i88OQF5dfGH9wDvd+4Oy9Gj6XBlqHjpuWsOim41Z622dtxa824vu9yEJTea5ov3VU4oRdiLgtwl7+7ifdWTIE3krudD32y9pEHbj6yHvH7axcVKFe5+x5nau8UoiqmSIXdjjJurnL4M8aDs+P37LhTs6uvTkbhaaWEcwEPSZY8RksQKDjf+6U0fak9XF0LU0nPjidma81Jw65iFxa9Mx3YKHyC7X/r2PPciGztGTHrxsYu8g2dq6litZXsPnb6+lFy8uif8uEsr2XHp2qUvN6/H6ZwcrvjobbS0y9cs231g16b0pZyjycp2r8WezjwHCcB6+Tha2k12HJainZcv/J4Xb0x2JS/k7hAF1qina+3d21trmGKbAuSD51cfPt88YyzpuCMx0bHX1D4mOuEZt9kvebPB2Htv4VSHdqH28tSFUGTrEHzeIbAdtq0XnvXnBj9OUnVwrFW92mwPPTzLVKpVrzGZdYss5dSJC/xMzo05s0PnxfrVODUajdmt1IAPJ681LGSGcXTzrRBFHM9by5fFT7u5eSSr8C89IxK+lL26sHtxwKKAXS8vyEBX+u/jH9bc5HRdmJZ/hwcfc0ymoszISZnV3iloNuakKZjmmSU4E2D7pk4RZl9orWhqkScQ69peimZ4zOHT/rmoteKsi9cEK6d8ZWzS4pKC8IUzE3IzGyNCWrNTahWP0pX+WpMYtV8sEcrzvO79SwfEhiVDRNFFN8MeYa3+3YNuRd+X+V319bnmr7/q4/MM/DiR5dq4VI+aGHPU4vbEnOyZcVGLCqPda2PTynURdg1LkTbJIE9ja8NCLJmTnFJD4DuOubymwrY5elqpIchFbJyKNnu0KBLZf3nGiGHFuDjec8HAOVJ95PuujhG3rrrQqlPhuEfL+qiSUEdflDI1rszkDwcr1Cu9NMvU6q3eXts5aru3po3+d2Fbc1VgFXzcwDSIL3Zxft85urwcvOdo5vzl1ftR6eqstL329owD6/IqWPOK89vnGr1syYHTkofg97rI8A1KU1SHGfULrclpnkvvKRleSX7Kwxv+anFLYpJ/bFbMDg1JTBIGipO/9YsIzc3JnpYi+sCaZ4XZDdjhmkNbH8Yvk/EsZc71c8msQtCXphYVoIw8p+YSOU1Ny0MpJYXgcwat8pew6uueWUr5BptVLFKmpOBpkWl6WdeKLJGYnXZ+3+eHdv2n9pB+wmoNvvj++25qWczLEwPfcJ+oap2djQ/FezljjmUOTNqb2BAvS4bLxJLXX2weHJ4cHz/Z4L2xMD73TtobCN5+ynYKSqcd5DTM2SGATqr6vx4NKE9H33ZgdoCUCTENGqClki6b2VkFiGOQ9V8kjCD/IVbs2lRnoWKTLksnImLV4P9jQiEWIhqWhL5VhvLJ6SMOzOG2FBYJdqwwts/m1g6FHQp9aKdNrho+STgLXxm8BQf4pkE2Gpt1aYHVUfhLwMpnUoDcqr5CV4eqgj8Bx4rgcALFiuBwgm8aUAQQwNxVSKUY1xQRiqshUjEgDR6KS01TA4bZNGZeB1TPBzr8SLghwcdcb6cuIV6l3TcJ+SQxWFsrgzfnAN80ZjYaSftn1z4STriY9HYGM+90shTpg5kTQnhIFMwyED6BlZxNfAqn6cF83ELsubMCdlbgcOIAGHM4MQcDgrmzCB8DtBjYM4ZRLoGXZfMt6QL+nCJeDuDjC/Vy+LgNXX/08o3+xFrlCGhm9voEBt6CWUDY28rS2SvRONg4iMYBHETjGMaBNU7MYdaYOUSoH/t/yswxCf2G2TTg0WqpU7Pk/+M22KKmHwiDbF4ZkuZDg26GDHEzmKdWrSpPx8nWgP8joPPC2bfbvW4WBwHoAbmpHGOob1JRBEDOs1cRiKY4RICc7Th/k/BjahbuEFJUryjdIqxSLTlBVaxbWNbR4WeWPciqzax8wUANCvVh5KuCSFVrWzYv7+O72jjjOeXtC9FKt5owkZVT+YjwA21c1XyoQVd0zCIdgdEQ2xutUR8G/F2AhgE7ohz3AzSrAXxXG2c8p7x9oVq71cRVwF9ZsDisasOyN7xqa9igErFhjtDVBqlni8L7ledNVCO1WTYv7+O72jjjOeXtC9Haza+y7MbU6hh/pZVI7AjPcdDCOtDqv/FXfkNucNfjLmMAd3Y3yW4IBzur/qpQB3HAa9DCHqkFSBsSsveuVR53Mf6qokQSdpTn+LAvS48dX6Wb+bqas7LkRL0u4MarFFepWzle62qxM/vrUVqW+spLvgx17G//unEbACAmJiAgy45H1xO7ygQRfzaOfwt4e/H5V4CPC3d41DiUjrYHECYMIMAP3kpyj8UTtwPI1vdqWliBLZABCUYoAhX4gxTWEANEKJ0CUmiD7e5PnJQBSudIIijBHFgNg6RFSUPdOvOfTIqFZuTdcfAufleA/4I2TEWadQL1UAc/oghQ45ldF6fOSwcd9XIIuMuAYEHcRbKotX12yKXaOACehzwlIq7+ScSw/Z6IC3EtkaCxLZFBaV4ikwdLAt9UHpkQAi55IgYkrosTcltIAFxgk+naNKvQxKyejV0dxVarVyvtmbWmbjVTmEBL2FXa1OvCnkRA1l6vSYCbqDW1Z0uS4S7sLPI+ihZjbKbpWmx/caZX2TYm1Yl60PLJaAYBggSb/KGIpiI6hdIrVNnhkmWfRLJcs3AuVj9KxKO71Vxto6BNiqDMNqDl61C9go8w2vtP16BaVaqL1T4+OhjqPrlulKL2I9hr2lV+WLrKdM0CtfjKmmbokK2C3qTCrtfCHzVtqk+iUVFVTYomkur1qvjAQKPqmAH8wXdBJMIB50VHzyBEhHgJUmTIZVFiQxCw3nfBQEzEQgixEQeRiIIxH/jQe8FFPMRHAiREhBgJUmTIUeCEM0pccMUNFWpo3PHAEy+80aBFhw+++G3SNzA0AhBhOEFSNGNsYmpmbmEJgBCMoBgOTyCSyBQqjc5gstgcLo8vEIrEEqlMrlCq1BqtTm8w1qjJbLHa7A6ny93KzrICWvVfenf/xmBbAeft6J8if4vn/Vh9K/w/XbfarEfYcb/6/8ZgUf1nZfU+3vfyulR2eV9V73fCaCFBhOEESdEMy/GCGCkdQIThBEnRDMvxghgpPUCE4QRJ0QzL8YIYKQNAhOEESdEMy/GCGCkjQIThBEnRDMvxghgpE0CcICn6lyltcz+0uzwuf23y/B8krnqnwvT7VyYtOn+s0qnYAQNdn4fezmM9n99Xdiami751zkWEE3StKt+/WXl4tyEDAAA=') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
  font-family: 'Noto Sans Mono';
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
  src: url('/assets/latin-ext-XCNLuLuk.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Noto Sans Mono';
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
  src: url('/assets/latin-Du9uRVv-.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/** END BOLD **/

/* Util */

.d-flex { display: flex !important; }

.d-block { display: block !important; }

.d-inline { display: inline !important; }

.d-inline-flex { display: inline-flex !important; }

.d-inline-block { display: inline-block !important; }

.flex-1 { flex: 1 !important; }

.flex-0 { flex: 0 !important; }

.flex-column { flex-direction: column !important; }

.flex-row { flex-direction: row !important; }

.flex-row-reverse { flex-direction: row-reverse !important; }

.flex-col-reverse { flex-direction: column-reverse !important; }

.flex-wrap { flex-wrap: wrap !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-center { justify-content: center !important; }

.justify-start { justify-content: flex-start !important; }

.justify-end { justify-content: flex-end !important; }

.align-center { align-items: center !important; }

.align-start { align-items: flex-start !important; }

.align-end { align-items: flex-end !important; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}

.focus:focus {
  outline-color: var(--lds-color-focus-outline);
  outline-offset: var(--lds-border-focus-outline-offset);
  outline-style: var(--lds-border-focus-outline-style);
  outline-width: var(--lds-border-focus-outline-width);
  box-shadow: var(--lds-shadow-focus) var(--lds-color-focus-shadow);
}

.focus-inset:focus {
  outline-color: var(--lds-color-focus-outline);
  outline-offset: var(--lds-border-focus-outline-offset);
  outline-style: var(--lds-border-focus-outline-style);
  outline-width: var(--lds-border-focus-outline-width);
  box-shadow: inset var(--lds-shadow-focus) var(--lds-color-focus-shadow)
}

.focus-3px:focus {
  outline-color: var(--lds-color-focus-outline);
  outline-offset: var(--lds-border-focus-outline-offset);
  outline-style: var(--lds-border-focus-outline-style);
  outline-width: var(--lds-border-focus-outline-width);
  box-shadow: var(--lds-shadow-focus-3px) var(--lds-color-focus-shadow);
}

/* MARGIN */

.mg-0 { margin: 0 !important; }

.mt-0 { margin-top: 0 !important; }

.mr-0 { margin-right: 0 !important; }

.mb-0 { margin-bottom: 0 !important; }

.ml-0 { margin-left: 0 !important; }

.mt-025 { margin-top: var(--lds-spacing-025) !important; }

.mt-050 { margin-top: var(--lds-spacing-050) !important; }

.mt-075 { margin-top: var(--lds-spacing-075) !important; }

.mt-100 { margin-top: var(--lds-spacing-100) !important; }

.mt-125 { margin-top: var(--lds-spacing-125) !important; }

.mt-150 { margin-top: var(--lds-spacing-150) !important; }

.mt-175 { margin-top: var(--lds-spacing-175) !important; }

.mt-200 { margin-top: var(--lds-spacing-200) !important; }

.mt-250 { margin-top: var(--lds-spacing-250) !important; }

.mt-300 { margin-top: var(--lds-spacing-300) !important; }

.mt-350 { margin-top: var(--lds-spacing-350) !important; }

.mt-400 { margin-top: var(--lds-spacing-400) !important; }

.mt-450 { margin-top: var(--lds-spacing-450) !important; }

.mr-025 { margin-right: var(--lds-spacing-025) !important; }

.mr-050 { margin-right: var(--lds-spacing-050) !important; }

.mr-075 { margin-right: var(--lds-spacing-075) !important; }

.mr-100 { margin-right: var(--lds-spacing-100) !important; }

.mr-125 { margin-right: var(--lds-spacing-125) !important; }

.mr-150 { margin-right: var(--lds-spacing-150) !important; }

.mr-175 { margin-right: var(--lds-spacing-175) !important; }

.mr-200 { margin-right: var(--lds-spacing-200) !important; }

.mr-250 { margin-right: var(--lds-spacing-250) !important; }

.mr-300 { margin-right: var(--lds-spacing-300) !important; }

.mr-350 { margin-right: var(--lds-spacing-350) !important; }

.mr-400 { margin-right: var(--lds-spacing-400) !important; }

.mr-450 { margin-right: var(--lds-spacing-450) !important; }

.mb-025 { margin-bottom: var(--lds-spacing-025) !important; }

.mb-050 { margin-bottom: var(--lds-spacing-050) !important; }

.mb-075 { margin-bottom: var(--lds-spacing-075) !important; }

.mb-100 { margin-bottom: var(--lds-spacing-100) !important; }

.mb-125 { margin-bottom: var(--lds-spacing-125) !important; }

.mb-150 { margin-bottom: var(--lds-spacing-150) !important; }

.mb-175 { margin-bottom: var(--lds-spacing-175) !important; }

.mb-200 { margin-bottom: var(--lds-spacing-200) !important; }

.mb-250 { margin-bottom: var(--lds-spacing-250) !important; }

.mb-300 { margin-bottom: var(--lds-spacing-300) !important; }

.mb-350 { margin-bottom: var(--lds-spacing-350) !important; }

.mb-400 { margin-bottom: var(--lds-spacing-400) !important; }

.mb-450 { margin-bottom: var(--lds-spacing-450) !important; }

.ml-025 { margin-left: var(--lds-spacing-025) !important; }

.ml-050 { margin-left: var(--lds-spacing-050) !important; }

.ml-075 { margin-left: var(--lds-spacing-075) !important; }

.ml-100 { margin-left: var(--lds-spacing-100) !important; }

.ml-125 { margin-left: var(--lds-spacing-125) !important; }

.ml-150 { margin-left: var(--lds-spacing-150) !important; }

.ml-175 { margin-left: var(--lds-spacing-175) !important; }

.ml-200 { margin-left: var(--lds-spacing-200) !important; }

.ml-250 { margin-left: var(--lds-spacing-250) !important; }

.ml-300 { margin-left: var(--lds-spacing-300) !important; }

.ml-350 { margin-left: var(--lds-spacing-350) !important; }

.ml-400 { margin-left: var(--lds-spacing-400) !important; }

.ml-450 { margin-left: var(--lds-spacing-450) !important; }

/* PADDING */

.pd-0 { padding: 0 !important; }

.pt-0 { padding-top: 0 !important; }

.pb-0 { padding-bottom: 0 !important; }

.pl-0 { padding-left: 0 !important; }

.pr-0 { padding-right: 0 !important; }

.pt-025 { padding-top: var(--lds-spacing-025) !important; }

.pt-050 { padding-top: var(--lds-spacing-050) !important; }

.pt-075 { padding-top: var(--lds-spacing-075) !important; }

.pt-100 { padding-top: var(--lds-spacing-100) !important; }

.pt-125 { padding-top: var(--lds-spacing-125) !important; }

.pt-150 { padding-top: var(--lds-spacing-150) !important; }

.pt-175 { padding-top: var(--lds-spacing-175) !important; }

.pt-200 { padding-top: var(--lds-spacing-200) !important; }

.pt-250 { padding-top: var(--lds-spacing-250) !important; }

.pt-300 { padding-top: var(--lds-spacing-300) !important; }

.pt-350 { padding-top: var(--lds-spacing-350) !important; }

.pt-400 { padding-top: var(--lds-spacing-400) !important; }

.pt-450 { padding-top: var(--lds-spacing-450) !important; }

.pr-025 { padding-right: var(--lds-spacing-025) !important; }

.pr-050 { padding-right: var(--lds-spacing-050) !important; }

.pr-075 { padding-right: var(--lds-spacing-075) !important; }

.pr-100 { padding-right: var(--lds-spacing-100) !important; }

.pr-125 { padding-right: var(--lds-spacing-125) !important; }

.pr-150 { padding-right: var(--lds-spacing-150) !important; }

.pr-175 { padding-right: var(--lds-spacing-175) !important; }

.pr-200 { padding-right: var(--lds-spacing-200) !important; }

.pr-250 { padding-right: var(--lds-spacing-250) !important; }

.pr-300 { padding-right: var(--lds-spacing-300) !important; }

.pr-350 { padding-right: var(--lds-spacing-350) !important; }

.pr-400 { padding-right: var(--lds-spacing-400) !important; }

.pr-450 { padding-right: var(--lds-spacing-450) !important; }

.pb-025 { padding-bottom: var(--lds-spacing-025) !important; }

.pb-050 { padding-bottom: var(--lds-spacing-050) !important; }

.pb-075 { padding-bottom: var(--lds-spacing-075) !important; }

.pb-100 { padding-bottom: var(--lds-spacing-100) !important; }

.pb-125 { padding-bottom: var(--lds-spacing-125) !important; }

.pb-150 { padding-bottom: var(--lds-spacing-150) !important; }

.pb-175 { padding-bottom: var(--lds-spacing-175) !important; }

.pb-200 { padding-bottom: var(--lds-spacing-200) !important; }

.pb-250 { padding-bottom: var(--lds-spacing-250) !important; }

.pb-300 { padding-bottom: var(--lds-spacing-300) !important; }

.pb-350 { padding-bottom: var(--lds-spacing-350) !important; }

.pb-400 { padding-bottom: var(--lds-spacing-400) !important; }

.pb-450 { padding-bottom: var(--lds-spacing-450) !important; }

.pl-025 { padding-left: var(--lds-spacing-025) !important; }

.pl-050 { padding-left: var(--lds-spacing-050) !important; }

.pl-075 { padding-left: var(--lds-spacing-075) !important; }

.pl-100 { padding-left: var(--lds-spacing-100) !important; }

.pl-125 { padding-left: var(--lds-spacing-125) !important; }

.pl-150 { padding-left: var(--lds-spacing-150) !important; }

.pl-175 { padding-left: var(--lds-spacing-175) !important; }

.pl-200 { padding-left: var(--lds-spacing-200) !important; }

.pl-250 { padding-left: var(--lds-spacing-250) !important; }

.pl-300 { padding-left: var(--lds-spacing-300) !important; }

.pl-350 { padding-left: var(--lds-spacing-350) !important; }

.pl-400 { padding-left: var(--lds-spacing-400) !important; }

.pl-450 { padding-left: var(--lds-spacing-450) !important; }

/* Layout */

html,
body,
#app,
#root {
  min-height: 100vh;
}

html body {
  position: relative;
  padding: 0;
  margin: 0;
  background-color: var(--lds-color-body-background);
}

.app-container {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.main-content-container {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* Lists have their own bottom margin */

.content-block ol,
.content-block ul:not(.lds-tab-header-list):not(.lds-link-list) {
  margin-bottom: var(--lds-typography-list-margin-bottom);
  margin-inline-start: var(--lds-typography-list-margin-indent);
}

/* Nested lists have the same bottom margin as list items */

.content-block ol ol,
.content-block ol ul,
.content-block ul:not(.lds-tab-header-list):not(.lds-link-list) ul,
.content-block ul:not(.lds-tab-header-list):not(.lds-link-list) ol {
  margin-bottom: var(--lds-typography-list-item-margin);
}

/* Styles for list item content */

.content-block ol li,
.content-block ul:not(.lds-tab-header-list):not(.lds-link-list) li {
  margin-bottom: var(--lds-typography-list-item-margin);
}

/* Nested lists item adjustments */

.content-block ol ol li,
.content-block ol ul li,
.content-block ul:not(.lds-tab-header-list):not(.lds-link-list) ul li,
.content-block ul:not(.lds-tab-header-list):not(.lds-link-list) ol li {
  margin-top: var(--lds-typography-list-item-margin);
}

.content-block ol li:last-child,
.content-block ul:not(.lds-tab-header-list):not(.lds-link-list) li:last-child {
  margin-bottom: 0;
}

.content-block .col > :last-child
.content-block > :last-child  {
  margin-bottom: var(--lds-spacing-000);
}

.content-block h1:not(:first-child),
.content-block .h1:not(:first-child),
.content-block h2:not(:first-child),
.content-block .h2:not(:first-child),
.content-block h3:not(:first-child),
.content-block .h3:not(:first-child),
.content-block h4:not(:first-child),
.content-block .h4:not(:first-child),
.content-block h5:not(:first-child),
.content-block .h5:not(:first-child) {
  margin-top: var(--lds-spacing-content-block-heading-margin-top);
}

.content-block h1:first-child:last-child,
.content-block .h1:first-child:last-child,
.content-block h2:first-child:last-child,
.content-block .h2:first-child:last-child,
.content-block h3:first-child:last-child,
.content-block .h3:first-child:last-child,
.content-block h4:first-child:last-child,
.content-block .h4:first-child:last-child,
.content-block h5:first-child:last-child,
.content-block .h5:first-child:last-child,
.content-block h6:first-child:last-child,
.content-block .h6:first-child:last-child {
  margin-bottom: var(--lds-spacing-000);
}

/* Desktop Transformations */

@media (min-width: 768px) {
  .content-block ol,
  .content-block ul:not(.lds-tab-header-list):not(.lds-link-list) {
    margin-bottom: var(--lds-typography-list-rwd-margin-bottom);
    margin-inline-start: var(--lds-typography-list-rwd-margin-indent);
    margin-inline-end: 0;
  }

  .content-block ol li,
  .content-block ul:not(.lds-tab-header-list):not(.lds-link-list) li {
    margin-bottom: var(--lds-typography-list-item-rwd-margin-bottom);
  }
}

/* LDS Sections Logically subdivide page content within <main> */

/* They impose a standard amount of vertical whitespace */

.section {
  padding-top: var(--lds-spacing-section-padding-top-mobile);
  padding-bottom: var(--lds-spacing-section-padding-bottom-mobile);
}

@media (min-width: 768px) {
  .section {
    padding-top: var(--lds-spacing-section-padding-top);
    padding-bottom: var(--lds-spacing-section-padding-bottom);
  }
}

/* DEPRECATED -- This chop stuff was rarely if ever used in Vue LDS */

/*
.section.chop-top {
  padding-top: var(--lds-spacing-section-padding-top-mobile-chop);
}
@media (min-width: 768px) {
  .section.chop-top {
    padding-top: var(--lds-spacing-section-padding-top);
  }
}

.section.chop-bottom {
  padding-bottom: var(--lds-spacing-section-padding-bottom-mobile-chop);
}
@media (min-width: 768px) {
  .section.chop-bottom {
    padding-bottom: var(--lds-spacing-section-padding-bottom);
  }
}
*/

/* DEPRECATED -- Sections shouldn't have margins? */

/* .section > :last-child { margin-bottom: var(--lds-spacing-000); } */

/* The LDS "Layout Wrapper" containstrains the page layout */

/* It is the width of the viewport until the layout width maxes at 1600px */

/* Wrapper implements page gutters unless explicitly disabled */

/* The Layout Container class can be used when the gutters should not be automatically applied */

.lds-layout-container,
.wrapper {
  width: 100%;
  max-width: 100%;
  min-width: 100%;

  /* When wrapper is 100% viewport width, never any margins */
  margin: 0;
}

.wrapper {
  /* Wrapper implies page gutters */
  padding-left: var(--lds-spacing-page-gutter-padding-xs);
  padding-right: var(--lds-spacing-page-gutter-padding-xs);
}

/* SMALL [SM] BREAKPOINT */

@media (min-width: 576px) {
  .wrapper {
    padding-left: var(--lds-spacing-page-gutter-padding-sm);
    padding-right: var(--lds-spacing-page-gutter-padding-sm);
  }
}

/* MEDIUM [MD] BREAKPOINT */

@media (min-width: 768px) {
  .wrapper {
    padding-left: var(--lds-spacing-page-gutter-padding-md);
    padding-right: var(--lds-spacing-page-gutter-padding-md);
  }
}

/* LARGE [LG] BREAKPOINT */

@media (min-width: 992px) {
  .wrapper {
    padding-left: var(--lds-spacing-page-gutter-padding-lg);
    padding-right: var(--lds-spacing-page-gutter-padding-lg);
  }
}

/* EXTRA LARGE [XL] BREAKPOINT */

@media (min-width: 1200px) {
  .wrapper {
    padding-left: var(--lds-spacing-page-gutter-padding-xl);
    padding-right: var(--lds-spacing-page-gutter-padding-xl);
  }
}

/* 2X LARGE [XXL] BREAKPOINT */

@media (min-width: 1400px) {
  .wrapper {
    padding-left: var(--lds-spacing-page-gutter-padding-xxl);
    padding-right: var(--lds-spacing-page-gutter-padding-xxl);
  }
}

/* MAX WIDTH CUTOFF */

@media (min-width: 1646.99px) {
  .lds-layout-container,
  .wrapper {
    /* The wrapper is fixed width on ultra-wide viewports */
    width: 1600px;
    max-width: 1600px;
    min-width: 1600px;

    /* The wrapper now horizontally centers on the page */
    margin: 0 auto;

    /* Overflow is now permissible since the wrapper is not the width of the viewport */
    overflow-x: unset;
  }
}

/* GUTTER DISABLE OVERRIDE */

.wrapper.no-gutters,
.wrapper.clear-gutters,
.wrapper.disable-default-gutters {
  padding-left: 0;
  padding-right: 0;
}

/* LDS Page Gutters add "comfortable" whitespace to the horizontal sides of the LDS Layout Wrapper */

/* In some cases the gutters need to be adjusted responsively or split horizontally */

.pg-sm    .pg-md,   .pg-lg,   .pg-xl,   .pg-xxl,
.pg-sm-l, .pg-md-l, .pg-lg-l, .pg-xl-l, .pg-xxl-l,
.pg-sm-r, .pg-md-r, .pg-lg-r, .pg-xl-r, .pg-xxl-r
.pg-sm-up, .pg-sm-up-l .pg-sm-up-r,
.pg-md-up, .pg-md-up-l .pg-md-up-r,
.pg-lg-up, .pg-lg-up-l .pg-lg-up-r,
.pg-xl-up, .pg-xl-up-l .pg-xl-up-r {
  padding-left: 0;
  padding-right: 0;
}

.pg,
.pg-xs,
.pg-sm-dn, .pg-md-dn, .pg-lg-dn, .pg-xl-dn, .pg-xxl-dn {
  padding-left: var(--lds-spacing-page-gutter-padding-xs);
  padding-right: var(--lds-spacing-page-gutter-padding-xs);
}

.pg-l,
.pg-xs-l,
.pg-sm-dn-l, .pg-md-dn-l, .pg-lg-dn-l, .pg-xl-dn-l, .pg-xxl-dn-l {
  padding-left: var(--lds-spacing-page-gutter-padding-xs);
  padding-right: 0;
}

.pg-r,
.pg-xs-r,
.pg-sm-dn-r, .pg-md-dn-r, .pg-lg-dn-r, .pg-xl-dn-r, .pg-xxl-dn-r {
  padding-right: var(--lds-spacing-page-gutter-padding-xs);
  padding-left: 0;
}

.pg-xs-none,
.pg-xs-none-up,
.pg-sm-none-dn, .pg-md-none-dn, .pg-lg-none-dn, .pg-xl-none-dn, .pg-xxl-none-dn {
  padding-left: 0;
  padding-right: 0;
}

/* SMALL MOBILE BREAKPOINT */

@media (min-width: 576px) {
  .pg-xs    .pg-md,   .pg-lg,   .pg-xl,   .pg-xxl,
  .pg-xs-l, .pg-md-l, .pg-lg-l, .pg-xl-l, .pg-xxl-l,
  .pg-xs-r, .pg-md-r, .pg-lg-r, .pg-xl-r, .pg-xxl-r
  .pg-md-up, .pg-md-up-l .pg-md-up-r,
  .pg-lg-up, .pg-lg-up-l .pg-lg-up-r,
  .pg-xl-up, .pg-xl-up-l .pg-xl-up-r {
    padding-left: 0;
    padding-right: 0;
  }

  .pg,
  .pg-sm,
  .pg-sm-up,
  .pg-sm-dn, .pg-md-dn, .pg-lg-dn, .pg-xl-dn, .pg-xxl-dn {
    padding-left: var(--lds-spacing-page-gutter-padding-sm);
    padding-right: var(--lds-spacing-page-gutter-padding-sm);
  }

  .pg-l,
  .pg-sm-l,
  .pg-sm-up-l,
  .pg-sm-dn-l, .pg-md-dn-l, .pg-lg-dn-l, .pg-xl-dn-l, .pg-xxl-dn-l {
    padding-left: var(--lds-spacing-page-gutter-padding-sm);
    padding-right: 0;
  }

  .pg-r,
  .pg-sm-r,
  .pg-sm-up-r,
  .pg-sm-dn-r, .pg-md-dn-r, .pg-lg-dn-r, .pg-xl-dn-r, .pg-xxl-dn-r {
    padding-right: var(--lds-spacing-page-gutter-padding-sm);
    padding-left: 0;
  }

  .pg-sm-none,
  .pg-sm-none-up, .pg-xs-none-up,
  .pg-sm-none-dn, .pg-md-none-dn, .pg-lg-none-dn, .pg-xl-none-dn, .pg-xxl-none-dn {
    padding-left: 0;
    padding-right: 0;
  }
}

/* MEDIUM TABLET BREAKPOINT */

@media (min-width: 768px) {
  .pg-xs    .pg-sm,   .pg-lg,   .pg-xl,   .pg-xxl,
  .pg-xs-l, .pg-sm-l, .pg-lg-l, .pg-xl-l, .pg-xxl-l,
  .pg-xs-r, .pg-sm-r, .pg-lg-r, .pg-xl-r, .pg-xxl-r,
  .pg-sm-dn, .pg-sm-dn-l .pg-sm-dn-r,
  .pg-lg-up, .pg-lg-up-l .pg-lg-up-r,
  .pg-xl-up, .pg-xl-up-l .pg-xl-up-r {
    padding-left: 0;
    padding-right: 0;
  }

  .pg,
  .pg-md,
  .pg-md-up, .pg-sm-up,
  .pg-md-dn, .pg-lg-dn, .pg-xl-dn, .pg-xxl-dn {
    padding-left: var(--lds-spacing-page-gutter-padding-md);
    padding-right: var(--lds-spacing-page-gutter-padding-md);
  }

  .pg-l,
  .pg-md-l,
  .pg-md-up-l, .pg-sm-up-l,
  .pg-md-dn-l, .pg-lg-dn-l, .pg-xl-dn-l, .pg-xxl-dn-l {
    padding-left: var(--lds-spacing-page-gutter-padding-md);
    padding-right: 0;
  }

  .pg-r,
  .pg-md-r,
  .pg-md-up-r, .pg-sm-up-r,
  .pg-md-dn-l, .pg-lg-dn-r, .pg-xl-dn-r, .pg-xxl-dn-r {
    padding-right: var(--lds-spacing-page-gutter-padding-md);
    padding-left: 0;
  }

  .pg-md-none,
  .pg-md-none-up, .pg-sm-none-up, .pg-xs-none-up,
  .pg-md-none-dn, .pg-lg-none-dn, .pg-xl-none-dn, .pg-xxl-none-dn {
    padding-left: 0;
    padding-right: 0;
  }
}

/* LARGE TABLET BREAKPOINT */

@media (min-width: 992px) {
  .pg-xs    .pg-sm,   .pg-md,   .pg-xl,   .pg-xxl,
  .pg-xs-l, .pg-sm-l, .pg-md-l, .pg-xl-l, .pg-xxl-l,
  .pg-xs-r, .pg-sm-r, .pg-md-r, .pg-xl-r, .pg-xxl-r,
  .pg-sm-dn, .pg-sm-dn-l .pg-sm-dn-r,
  .pg-md-dn, .pg-md-dn-l .pg-md-dn-r,
  .pg-xl-up, .pg-xl-up-l .pg-xl-up-r {
    padding-left: 0;
    padding-right: 0;
}

  .pg,
  .pg-lg
  .pg-lg-up, .pg-md-up, .pg-sm-up
  .pg-lg-dn, .pg-xl-dn, .pg-xxl-dn {
    padding-left: var(--lds-spacing-page-gutter-padding-lg);
    padding-right: var(--lds-spacing-page-gutter-padding-lg);
  }

  .pg-l,
  .pg-lg-l,
  .pg-lg-up-l, .pg-md-up-l, .pg-sm-up-l,
  .pg-lg-dn-l, .pg-xl-dn-l, .pg-xxl-dn-l {
    padding-left: var(--lds-spacing-page-gutter-padding-lg);
    padding-right: 0;
  }

  .pg-r,
  .pg-lg-r,
  .pg-lg-up-r, .pg-md-up-r, .pg-sm-up-r,
  .pg-lg-dn-r, .pg-xl-dn-r, .pg-xxl-dn-r {
    padding-right: var(--lds-spacing-page-gutter-padding-lg);
    padding-left: 0;
  }

  .pg-lg-none,
  .pg-lg-none-up, .pg-md-none-up, .pg-sm-none-up, .pg-xs-none-up,
  .pg-lg-none-dn, .pg-xl-none-dn, .pg-xxl-none-dn {
    padding-left: 0;
    padding-right: 0;
  }
}

/* EXTRA LARGE DESKTOP BREAKPOINT */

@media (min-width: 1200px) {
  .pg-xs    .pg-sm,   .pg-md,   .pg-lg,   .pg-xxl,
  .pg-xs-l, .pg-sm-l, .pg-md-l, .pg-lg-l, .pg-xxl-l,
  .pg-xs-r, .pg-sm-r, .pg-md-r, .pg-lg-r, .pg-xxl-r,
  .pg-sm-dn, .pg-sm-dn-l .pg-sm-dn-r,
  .pg-md-dn, .pg-md-dn-l .pg-md-dn-r,
  .pg-lg-dn, .pg-lg-dn-l .pg-lg-dn-r {
    padding-left: 0;
    padding-right: 0;
  }

  .pg,
  .pg-xl
  .pg-xl-up, .pg-lg-up, .pg-md-up, .pg-sm-up
  .pg-xl-dn, .pg-xxl-dn {
    padding-left: var(--lds-spacing-page-gutter-padding-xl);
    padding-right: var(--lds-spacing-page-gutter-padding-xl);
  }

  .pg-l,
  .pg-xl-l,
  .pg-xl-up-l, .pg-lg-up-l, .pg-md-up-l, .pg-sm-up-l,
  .pg-xl-dn-l, .pg-xxl-dn-l {
    padding-left: var(--lds-spacing-page-gutter-padding-xl);
    padding-right: 0;
  }

  .pg-r,
  .pg-xl-r,
  .pg-xl-up-r, .pg-lg-up-r, .pg-md-up-r, .pg-sm-up-r,
  .pg-xl-dn-r, .pg-xxl-dn-r {
    padding-right: var(--lds-spacing-page-gutter-padding-xl);
    padding-left: 0;
  }

  .pg-xl-none,
  .pg-xl-none-up, .pg-lg-none-up, .pg-md-none-up, .pg-sm-none-up, .pg-xs-none-up,
  .pg-xl-none-dn, .pg-xxl-none-dn {
    padding-left: 0; padding-right: 0;
  }
}

/* 2X LARGE DESKTOP BREAKPOINT */

@media (min-width: 1400px) {
  .pg-xs    .pg-sm,   .pg-md,   .pg-lg,   .pg-xxl,
  .pg-xs-l, .pg-sm-l, .pg-md-l, .pg-lg-l, .pg-xxl-l,
  .pg-xs-r, .pg-sm-r, .pg-md-r, .pg-lg-r, .pg-xxl-r,
  .pg-sm-dn, .pg-sm-dn-l .pg-sm-dn-r,
  .pg-md-dn, .pg-md-dn-l .pg-md-dn-r,
  .pg-lg-dn, .pg-lg-dn-l .pg-lg-dn-r,
  .pg-xl-dn, .pg-xl-dn-l .pg-xl-dn-r {
    padding-left: 0;
    padding-right: 0;
  }

  .pg,
  .pg-xxl
  .pg-xl-up, .pg-lg-up, .pg-md-up, .pg-sm-up
  .pg-xxl-dn {
    padding-left: var(--lds-spacing-page-gutter-padding-xxl);
    padding-right: var(--lds-spacing-page-gutter-padding-xxl);
  }

  .pg-l,
  .pg-xxl-l,
  .pg-xl-up-l, .pg-lg-up-l, .pg-md-up-l, .pg-sm-up-l,
  .pg-xxl-dn-l {
    padding-left: var(--lds-spacing-page-gutter-padding-xxl);
    padding-right: 0;
  }

  .pg-r,
  .pg-xxl-r,
  .pg-xl-up-r, .pg-lg-up-r, .pg-md-up-r, .pg-sm-up-r,
  .pg-xxl-dn-r {
    padding-right: var(--lds-spacing-page-gutter-padding-xxl);
    padding-left: 0;
  }

  .pg-xxl-none,
  .pg-xl-none-up, .pg-lg-none-up, .pg-md-none-up, .pg-sm-none-up, .pg-xs-none-up,
  .pg-xxl-none-dn {
    padding-left: 0;
    padding-right: 0;
  }
}

fieldset legend {
  margin-bottom: var(--lds-spacing-fieldset-legend-margin-bottom);
  font-size: var(--lds-typography-fieldset-legend-font-size);
  font-weight: var(--lds-typography-fieldset-legend-font-weight);
  line-height: var(--lds-typography-fieldset-legend-line-height);
}

.lds-form-validation-error,
.lds-form-validation-message {
  display: flex; /* message should always go below what they are describing */
  font-size: var(--lds-typography-validation-message-font-size);
  font-weight: var(--lds-typography-validation-message-font-weight);
  line-height: var(--lds-typography-validation-message-line-height);
}

.lds-form-validation-error,
.lds-form-validation-message.error {
  color: var(--lds-color-validation-error);
}

.lds-form-validation-message.warning {
  color: var(--lds-color-validation-warning);
}

.lds-form-validation-message.success {
  color: var(--lds-color-validation-success);
}

.lds-form-validation-message .icon-wrapper,
.lds-form-validation-error .icon-wrapper {
  margin-inline-end: var(--lds-spacing-validation-message-icon-wrapper-margin-right);
}

fieldset .lds-form-validation-message:not(:last-child),
fieldset .lds-form-validation-error:not(:last-child) {
  margin-bottom: var(--lds-spacing-validation-message-margin-bottom);
}

.lds-form-panel,
.lds-form-section-start {
  display: flex;
}

.lds-form-section-start {
  flex-direction: column;
  gap: var(--lds-spacing-form-section-start-gap);
}

.lds-form-character-count {
  display: flex;
  color: var(--lds-color-form-charcounter-text);
  font-size: var(--lds-typography-form-charcount-font-size);
  line-height: var(--lds-typography-form-charcount-line-height);
  margin-inline-start: var(--lds-spacing-form-charcount-margin-left);
  padding-inline-start: var(--lds-spacing-form-charcount-padding-left);
  transition: var(--lds-animation-form-charcount-transition);
}

.lds-form-hint {
  color: var(--lds-color-form-hint);
  font-size: var(--lds-typography-form-hint-font-size);
  font-style: var(--lds-typography-form-hint-font-style);
  font-weight: var(--lds-typography-form-hint-font-weight);
  line-height: var(--lds-typography-form-hint-line-height);
  margin-bottom: var(--lds-spacing-form-hint-margin-bottom);
}

.lds-form-label {
  color: var(--lds-color-form-label);
  font-size: var(--lds-typography-form-label-font-size);
  font-weight: var(--lds-typography-form-label-font-weight);
  line-height: var(--lds-typography-form-label-line-height);
}

.lds-form-label.disabled {
  color: var(--lds-color-form-label-disabled);
  cursor: not-allowed;
}

.lds-form-label:focus-within {
  font-weight: var(--lds-typography-form-label-font-weight-focus);
}

/* Typography */

/* Import default typography style definitions for HTML entities */

html {
  font-family: var(--lds-typography-font-family);
  font-size: var(--lds-typography-font-size)
}

html body {
  color: var(--lds-typography-color);
  font-family: var(--lds-typography-font-family);
  font-size: var(--lds-typography-font-size);
  font-style: normal;
  font-weight: var(--lds-typography-font-weight-regular);
  letter-spacing: 0;
  line-height: var(--lds-typography-line-height);
}

p, .p, .paragraph {
  color: var(--lds-typography-p-color);
  font-size: var(--lds-typography-p-font-size);
  font-style: normal;
  font-weight: var(--lds-typography-p-font-weight);
  letter-spacing: 0;
  line-height: var(--lds-typography-p-line-height);
  margin-bottom: var(--lds-typography-p-margin-bottom);
}

pre {
  font-family: var(--lds-typography-font-family-mono);
  font-size: var(--lds-typography-font-size);
  font-style: normal;
  font-weight: var(--lds-typography-font-weight-regular);
  letter-spacing: 0;
  line-height: var(--lds-typography-line-height);
}

/* Desktop Transformations */

@media (min-width: 768px) {
  p, .p, .paragraph {
    font-size: var(--lds-typography-p-rwd-font-size);
    font-style: normal;
    font-weight: var(--lds-typography-p-rwd-font-weight);
    letter-spacing: 0;
    line-height: var(--lds-typography-p-rwd-line-height);
    margin-bottom: var(--lds-typography-p-rwd-margin-bottom);
  }
}

h1, .h1 {
  color: var(--lds-typography-h1-color);
  font-size: var(--lds-typography-h1-font-size);
  font-style: normal;
  font-weight: var(--lds-typography-h1-font-weight);
  letter-spacing: 0;
  line-height: var(--lds-typography-h1-line-height);
  margin-bottom: var(--lds-typography-h1-margin-bottom);
}

h2, .h2 {
  color: var(--lds-typography-h2-color);
  font-size: var(--lds-typography-h2-font-size);
  font-style: normal;
  font-weight: var(--lds-typography-h2-font-weight);
  letter-spacing: 0;
  line-height: var(--lds-typography-h2-line-height);
  margin-bottom: var(--lds-typography-h2-margin-bottom);
}

h3, .h3 {
  color: var(--lds-typography-h3-color);
  font-size: var(--lds-typography-h3-font-size);
  font-style: normal;
  font-weight: var(--lds-typography-h3-font-weight);
  letter-spacing: 0;
  line-height: var(--lds-typography-h3-line-height);
  margin-bottom: var(--lds-typography-h3-margin-bottom);
}

h4, .h4 {
  color: var(--lds-typography-h4-color);
  font-size: var(--lds-typography-h4-font-size);
  font-style: normal;
  font-weight: var(--lds-typography-h4-font-weight);
  letter-spacing: 0;
  line-height: var(--lds-typography-h4-line-height);
  margin-bottom: var(--lds-typography-h4-margin-bottom);
}

h5, .h5 {
  color: var(--lds-typography-h5-color);
  font-size: var(--lds-typography-h5-font-size);
  font-style: normal;
  font-weight: var(--lds-typography-h5-font-weight);
  letter-spacing: 0;
  line-height: var(--lds-typography-h5-line-height);
  margin-bottom: var(--lds-typography-h5-margin-bottom);
}

h6, .h6 {
  color: var(--lds-typography-h6-color);
  font-size: var(--lds-typography-h6-font-size);
  font-style: normal;
  font-weight: var(--lds-typography-h6-font-weight);
  letter-spacing: 0;
  line-height: var(--lds-typography-h6-line-height);
  margin-bottom: var(--lds-typography-h6-margin-bottom);
}

/* Desktop Transformations */

@media (min-width: 768px) {
  h1, .h1 {
    font-size: var(--lds-typography-h1-rwd-font-size);
    line-height: var(--lds-typography-h1-rwd-line-height);
    margin-bottom: var(--lds-typography-h1-rwd-margin-bottom);
  }
  h2, .h2 {
    font-size: var(--lds-typography-h2-rwd-font-size);
    line-height: var(--lds-typography-h2-rwd-line-height);
    margin-bottom: var(--lds-typography-h2-rwd-margin-bottom);
  }
  h3, .h3 {
    font-size: var(--lds-typography-h3-rwd-font-size);
    line-height: var(--lds-typography-h3-rwd-line-height);
    margin-bottom: var(--lds-typography-h3-rwd-margin-bottom);
  }
  h4, .h4 {
    font-size: var(--lds-typography-h4-rwd-font-size);
    line-height: var(--lds-typography-h4-rwd-line-height);
    margin-bottom: var(--lds-typography-h4-rwd-margin-bottom);
  }
  h5, .h5 {
    font-size: var(--lds-typography-h5-rwd-font-size);
    line-height: var(--lds-typography-h5-rwd-line-height);
    margin-bottom: var(--lds-typography-h5-rwd-margin-bottom);
  }
  h6, .h6 {
    font-size: var(--lds-typography-h6-rwd-font-size);
    line-height: var(--lds-typography-h6-rwd-line-height);
    margin-bottom: var(--lds-typography-h6-rwd-margin-bottom);
  }
}

/* <sup> superscripts */

sup, .sup, .superscript {
  font-size: var(--lds-typography-sup-font-size);
  line-height: var(--lds-typography-sup-line-height);
  vertical-align: super;
}

/* <sub> subscripts */

sub, .sub, .subscript {
  font-size: var(--lds-typography-sub-font-size);
  line-height: var(--lds-typography-sub-line-height);
  vertical-align: sub;
}

/* <strong> strong, and <b> bring-to-Attention elements */

strong, .strong, b, .bring-to-attention {
  font-weight: var(--lds-typography-font-weight-bold);
}

/* <em> emphasis, <i> idiomatic text and <dfn> definition */

em, .em, i, .idiomatic-text, dfn, .dfn {
  font-style: italic;
}

/* <u> unarticulated annotation element */

/* NOTE: This should NOT be used for generic underlines in HTML5 */

/* In LDS to discourage random underline usage this will not have a basic underline */

u, .unarticulated-annotation {
  text-decoration: var(--lds-typography-ua-text-decoration)
}

/* <s> strikethrough */

/* NOTE: The <strike> tag is deprecated in HTML5 */

s, strike {
  text-decoration: line-through;
}

code, .code {
  font-family: var(--lds-typography-font-family-mono);
  background-color: var(--lds-typography-code-background-color);
  padding: var(--lds-typography-code-padding);
  text-decoration: var(--lds-typography-code-text-decoration);
}

mark, .mark {
  background-color: var(--lds-typography-mark-background-color);
  padding: var(--lds-typography-mark-padding);
  text-decoration: var(--lds-typography-mark-text-decoration);
}

/* <del> deleted text */

del, .del {
  background-color: var(--lds-typography-del-background-color);
  padding: var(--lds-typography-del-padding);
  text-decoration: var(--lds-typography-del-text-decoration);
}

/* <ins> inserted text */

ins, .ins {
  background-color: var(--lds-typography-ins-background-color);
  padding: var(--lds-typography-ins-padding);
  text-decoration: var(--lds-typography-ins-text-decoration);
}

/* <kbd> keyboard input */

kbd {
  font-family: var(--lds-typography-font-family-mono);
}

/* <samp> sample output */

samp {
  font-family: var(--lds-typography-font-family-mono);
}

/* buttons */

button {
  font-style: inherit;
}

.lds-text-display {
  color: var(--lds-typography-display-color);
  font-size: var(--lds-typography-display-font-size);
  font-weight: var(--lds-typography-display-font-weight);
  line-height: var(--lds-typography-display-line-height);
}

.lds-text-extra-large, .lds-text-xl, .lds-text-action {
  color: var(--lds-typography-action-color);
  font-size: var(--lds-typography-action-font-size);
  font-weight: var(--lds-typography-action-font-weight);
  line-height: var(--lds-typography-action-line-height);
}

.lds-text-large, .lds-text-lg, .lds-text-default {
  color: var(--lds-typography-large-color);
  font-size: var(--lds-typography-large-font-size);
  font-weight: var(--lds-typography-large-font-weight);
  line-height: var(--lds-typography-large-line-height);
}

.lds-text-medium, .lds-text-md {
  color: var(--lds-typography-medium-color);
  font-size: var(--lds-typography-medium-font-size);
  font-weight: var(--lds-typography-medium-font-weight);
  line-height: var(--lds-typography-medium-line-height);
}

.lds-text-small, .lds-text-sm, .caption {
  color: var(--lds-typography-small-color);
  font-size: var(--lds-typography-small-font-size);
  font-weight: var(--lds-typography-small-font-weight);
  line-height: var(--lds-typography-small-line-height);
}

/* Desktop Transformations */

@media (min-width: 768px) {
  .lds-text-display {
    font-size: var(--lds-typography-display-rwd-font-size);
    font-weight: var(--lds-typography-display-rwd-font-weight);
    line-height: var(--lds-typography-display-rwd-line-height);
  }

  .lds-text-extra-large, .lds-text-xl, .lds-text-action {
    font-size: var(--lds-typography-action-rwd-font-size);
    font-weight: var(--lds-typography-action-rwd-font-weight);
    line-height: var(--lds-typography-action-rwd-line-height);
  }

  .lds-text-large, .lds-text-lg, .lds-text-default {
    font-size: var(--lds-typography-large-rwd-font-size);
    font-weight: var(--lds-typography-large-rwd-font-weight);
    line-height: var(--lds-typography-large-rwd-line-height);
  }

  .lds-text-medium, .lds-text-md {
    font-size: var(--lds-typography-medium-rwd-font-size);
    font-weight: var(--lds-typography-medium-rwd-font-weight);
    line-height: var(--lds-typography-medium-rwd-line-height);
  }

  .lds-text-small, .lds-text-sm, .lds-caption, .caption {
    font-size: var(--lds-typography-small-rwd-font-size);
    font-weight: var(--lds-typography-small-rwd-font-weight);
    line-height: var(--lds-typography-small-rwd-line-height);
  }
}

.fz-display {
  font-size: var(--lds-typography-display-font-size);
  line-height: var(--lds-typography-display-line-height);
}

.fz-h1 {
  font-size: var(--lds-typography-h1-font-size);
  line-height: var(--lds-typography-h1-line-height);
}

.fz-h2 {
  font-size: var(--lds-typography-h2-font-size);
  line-height: var(--lds-typography-h2-line-height);
}

.fz-h3 {
  font-size: var(--lds-typography-h3-font-size);
  line-height: var(--lds-typography-h3-line-height);
}

.fz-h4 {
  font-size: var(--lds-typography-h4-font-size);
  line-height: var(--lds-typography-h4-line-height);
}

.fz-h5 {
  font-size: var(--lds-typography-h5-font-size);
  line-height: var(--lds-typography-h5-line-height);
}

.fz-h6 {
  font-size: var(--lds-typography-h6-font-size);
  line-height: var(--lds-typography-h6-line-height);
}

.fz-xl {
  font-size: var(--lds-typography-action-font-size);
  line-height: var(--lds-typography-action-line-height);
}

.fz-lg {
  font-size: var(--lds-typography-large-font-size);
  line-height: var(--lds-typography-large-line-height);
}

.fz-md {
  font-size: var(--lds-typography-medium-font-size);
  line-height: var(--lds-typography-medium-line-height);
}

.fz-sm {
  font-size: var(--lds-typography-small-font-size);
  line-height: var(--lds-typography-small-line-height);
}

/* Desktop Transformations */

@media (min-width: 768px) {
  .fz-display {
    font-size: var(--lds-typography-display-rwd-font-size);
    line-height: var(--lds-typography-display-rwd-line-height);
  }

  .fz-h1 {
    font-size: var(--lds-typography-h1-rwd-font-size);
    line-height: var(--lds-typography-h1-rwd-line-height);
  }

  .fz-h2 {
    font-size: var(--lds-typography-h2-rwd-font-size);
    line-height: var(--lds-typography-h2-rwd-line-height);
  }

  .fz-h3 {
    font-size: var(--lds-typography-h3-rwd-font-size);
    line-height: var(--lds-typography-h3-rwd-line-height);
  }

  .fz-h4 {
    font-size: var(--lds-typography-h4-rwd-font-size);
    line-height: var(--lds-typography-h4-rwd-line-height);
  }

  .fz-h5 {
    font-size: var(--lds-typography-h5-rwd-font-size);
    line-height: var(--lds-typography-h5-rwd-line-height);
  }

  .fz-h6 {
    font-size: var(--lds-typography-h6-rwd-font-size);
    line-height: var(--lds-typography-h6-rwd-line-height);
  }

  .fz-xl, .fz-extra-large, .fz-action {
    font-size: var(--lds-typography-action-rwd-font-size);
    line-height: var(--lds-typography-action-rwd-line-height);
  }

  .fz-lg, .fz-large, .fz-default {
    font-size: var(--lds-typography-large-rwd-font-size);
    line-height: var(--lds-typography-large-rwd-line-height);
  }

  .fz-md, .fz-medium {
    font-size: var(--lds-typography-medium-rwd-font-size);
    line-height: var(--lds-typography-medium-rwd-line-height);
  }

  .fz-sm, .fz-small {
    font-size: var(--lds-typography-small-rwd-font-size);
    line-height: var(--lds-typography-small-rwd-line-height);
  }
}

/* CSS 'font-style' Overrides */

.fs-normal { font-style: normal !important; }

.fs-italic, .i, .italic { font-style: italic !important; }

/* CSS 'font-weight' Overrides (Using LDS ALLOWED font weights) */

.fw-100, .fw-thin { font-weight: var(--lds-typography-font-weight-thin) !important; }

.fw-200, .fw-extra-light { font-weight: var(--lds-typography-font-weight-extra-light) !important; }

.fw-300, .fw-light { font-weight: var(--lds-typography-font-weight-light) !important; }

.fw-400, .fw-regular { font-weight: var(--lds-typography-font-weight-regular) !important; }

.fw-500, .fw-medium { font-weight: var(--lds-typography-font-weight-medium) !important; }

.fw-600, .fw-semi-bold { font-weight: var(--lds-typography-font-weight-semi-bold) !important; }

.fw-700, .fw-bold, .b, .bold { font-weight: var(--lds-typography-font-weight-bold) !important; }

.fw-800, .fw-extra-bold { font-weight: var(--lds-typography-font-weight-extra-bold) !important; }

.fw-900, .fw-black { font-weight: var(--lds-typography-font-weight-extra-bold) !important; }

/* CSS 'text-align' Overrides */

.ta-center { text-align: center !important; }

.ta-end { text-align: end !important; }

.ta-justify { text-align: justify !important; }

.ta-left { text-align: left !important; }

.ta-right { text-align: right !important; }

.ta-start { text-align: start !important; }

/* CSS 'text-decoration' Overrides */

.td-none { text-decoration: none !important; }

.td-underline, .u, .underline { text-decoration: underline !important; }

.td-line-through, .s, .strike { text-decoration: line-through !important; }

.td-overline, .o, .overline   { text-decoration: overline !important; }

/* CSS 'text-transform' Overrides */

.tt-none { text-transform: none !important; }

.tt-upper, .tt-uppercase  { text-transform: uppercase !important; }

.tt-lower, .tt-lowercase  { text-transform: lowercase !important; }

.tt-caps,  .tt-captialize { text-transform: capitalize !important; }

.tt-full,  .tt-full-width { text-transform: full-width !important; }

/* Misc Generic CSS Typography */

.nowrap, .no-wrap { white-space: nowrap; }

/* MONOSPACE -- Scoped Inheritance Overrides */

html.monospace, html.mono,
html.monospace body, html.mono body,
main.monospace, main.mono,
.section.monospace, .section.mono,
.content-block.monospace, .content-block.mono {
  font-family: var(--lds-typography-font-family-mono);
}

/* NOTO SANS -- Scoped Inheritance Overrides */

html.noto-sans, html.noto,
html.noto-sans body, html.noto body,
main.noto-sans, main.noto,
.section.noto-sans, .section.noto,
.content-block.noto-sans, .content-block.noto,
.ff-noto-sans, .ff-noto {
  font-family: var(--lds-typography-font-family-noto-sans);

  /* Noto Heading Theme Style Overrides -- Noto headings should all be regular weight */
  --lds-typography-h1-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h1-rwd-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h2-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h2-rwd-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h3-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h3-rwd-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h4-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h4-rwd-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h5-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h5-rwd-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h6-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h6-rwd-font-weight: var(--lds-typography-font-weight-regular);
}

/* Forced Overrides */

.ff-lds, .ff-default { font-family:  var(--lds-typography-font-family) !important; }

.ff-noto, .ff-noto-sans { font-family: var(--lds-typography-font-family-noto-sans) !important; }

.ff-mono, .ff-monospace { font-family: var(--lds-typography-font-family-mono) !important; }

/* Import internationalization typography font face overrides */

/* Scoped Inheritance Overrides */

html.lds-i18n-ar,
html.lds-i18n-ar body,
main.lds-i18n-ar,
.section.lds-i18n-ar,
.content-block.lds-i18n-ar {
  font-family: var(--lds-typography-font-family-ar);
}

/* Forced Overrides */

.ff-ar, .ff-arabic { font-family:  var(--lds-typography-font-family-ar) !important; }

/* Style Overrides */

html.lds-i18n-ar,
html.lds-i18n-ar body,
main.lds-i18n-ar,
.section.lds-i18n-ar,
.content-block.lds-i18n-ar,
.ff-arabic, .ff-ar {
  --lds-typography-h1-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h1-rwd-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h2-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h2-rwd-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h3-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h3-rwd-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h4-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h4-rwd-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h5-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h5-rwd-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h6-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h6-rwd-font-weight: var(--lds-typography-font-weight-regular);
}

/* Scoped Inheritance Overrides */

html.lds-i18n-jp,
html.lds-i18n-jp body,
main.lds-i18n-jp,
.section.lds-i18n-jp,
.content-block.lds-i18n-jp {
  font-family: var(--lds-typography-font-family-jp);
}

/* Forced Overrides */

.ff-jp, .ff-japanese { font-family:  var(--lds-typography-font-family-jp) !important; }

/* Style Overrides */

html.lds-i18n-jp,
html.lds-i18n-jp body,
main.lds-i18n-jp,
.section.lds-i18n-jp,
.content-block.lds-i18n-jp,
.ff-japanese, .ff-jp {
  --lds-typography-h1-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h1-rwd-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h2-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h2-rwd-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h3-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h3-rwd-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h4-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h4-rwd-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h5-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h5-rwd-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h6-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h6-rwd-font-weight: var(--lds-typography-font-weight-regular);
}

/* Scoped Inheritance Overrides */

html.lds-i18n-ko,
html.lds-i18n-ko body,
main.lds-i18n-ko,
.section.lds-i18n-ko,
.content-block.lds-i18n-ko {
  font-family: var(--lds-typography-font-family-ko);
}

/* Forced Overrides */

.ff-ko, .ff-korean { font-family:  var(--lds-typography-font-family-ko) !important; }

/* Style Overrides */

html.lds-i18n-ko,
html.lds-i18n-ko body,
main.lds-i18n-ko,
.section.lds-i18n-ko,
.content-block.lds-i18n-ko,
.ff-korean, .ff-ko {
  --lds-typography-h1-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h1-rwd-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h2-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h2-rwd-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h3-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h3-rwd-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h4-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h4-rwd-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h5-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h5-rwd-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h6-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-h6-rwd-font-weight: var(--lds-typography-font-weight-regular);
}

/* Components */

/* Header - Toggle */

.lds-accordion .toggle-btn {
  width: 100%;
  align-items: center;
  display: flex;
  gap: var(--lds-spacing-accordion-toggle-gap);
  justify-content: space-between;
  background-color: var(--lds-color-accordion-toggle-background);
  border-color: var(--lds-color-accordion-heading-border);
  border-style: var(--lds-border-accordion-header-style);
  border-right-width: var(--lds-border-accordion-header-width-right);
  border-bottom-width: var(--lds-border-accordion-header-width-bottom);
  border-left-width: var(--lds-border-accordion-header-width-left);
  padding-top: var(--lds-spacing-accordion-toggle-padding-top);
  padding-right: var(--lds-spacing-accordion-toggle-padding-right);
  padding-bottom: var(--lds-spacing-accordion-toggle-padding-bottom);
  padding-left: var(--lds-spacing-accordion-toggle-padding-left);
}

.lds-accordion:first-of-type .toggle-btn {
  border-top-width: var(--lds-border-accordion-header-width-top);
}

.lds-accordion-header.open .toggle-btn {
  border-bottom-color: var(--lds-color-accordion-expanded-heading-border);
  border-bottom-width: var(--lds-border-accordion-expanded-header-width-bottom);
  background-color: var(--lds-color-accordion-toggle-expanded-background);
}

.lds-accordion .toggle-btn:hover {
  background-color: var(--lds-color-accordion-toggle-background-hover);
}

.lds-accordion .toggle-btn:focus {
  outline-color: var(--lds-color-accordion-toggle-focus-outline);
  outline-offset: var(--lds-border-accordion-toggle-outline-offset);
  outline-style: var(--lds-border-accordion-toggle-outline-style);
  outline-width: var(--lds-border-accordion-toggle-outline-width);
  box-shadow: var(--lds-shadow-accordion-focus) var(--lds-color-accordion-focus-shadow);
  background-color: var(--lds-color-accordion-toggle-background-hover);
}

.lds-accordion .lds-accordion-toggle-icon {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: .75rem;
  transition: transform var(--lds-animation-duration-short) var(--lds-animation-timing-func-standard),
    background-color var(--lds-animation-duration-short) var(--lds-animation-timing-func-standard);
  background-color: var(--lds-color-accordion-toggle-icon);
  flex-shrink: 0;
}

/* rotate the icon when using a caret for a smooth transition */

/* Non-caret icons such as plus / minus should not be rotated */

.lds-accordion-header.open .lds-accordion-toggle-icon.caret-down,
.lds-accordion-header.open .lds-accordion-toggle-icon.caret-down-fill,
.lds-accordion-header.open .lds-accordion-toggle-icon.caret-circle-down,
.lds-accordion-header.open .lds-accordion-toggle-icon.caret-circle-down-fill {
  transform: rotate(180deg);
}

/* Header */

.lds-accordion .lds-accordion-header {
  font-size: var(--lds-typography-accordion-header-mobile-font-size);
  font-weight: var(--lds-typography-accordion-header-mobile-font-weight);
  line-height: var(--lds-typography-accordion-header-mobile-line-height);
  transition: color var(--lds-animation-duration-medium) var(--lds-animation-timing-func-standard);
  position: relative;
}

.lds-accordion-header.open {
  color: var(--lds-color-accordion-expanded-heading-foreground);
  font-weight: var(--lds-typography-accordion-expanded-font-weight);
}

.lds-accordion .lds-accordion-header-text {
  display: inline-block;
  overflow-wrap: anywhere;
  white-space: normal;
  hyphens: auto;
}

/* Body */

.lds-accordion .lds-accordion-body {
  background-color: var(--lds-color-accordion-body-background);
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--lds-animation-duration-medium) var(--lds-animation-timing-func-standard);
}

.lds-accordion-header.open + .lds-accordion-body {
  grid-template-rows: 1fr;
  border-color: var(--lds-color-accordion-body-border);
  border-style: var(--lds-border-accordion-body-style);
  border-right-width: var(--lds-border-accordion-body-width);
  border-bottom-width: var(--lds-border-accordion-body-width);
  border-left-width: var(--lds-border-accordion-body-width);
}

.lds-accordion-body .accordion-inner-expandable {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.lds-accordion-header.open + .lds-accordion-body.transition-end .accordion-inner-expandable {
  overflow: unset;
}

.lds-accordion .lds-accordion-panel {
  padding-top: var(--lds-spacing-accordion-panel-padding-top);
  padding-right: var(--lds-spacing-accordion-panel-padding-right);
  padding-bottom: var(--lds-spacing-accordion-panel-padding-bottom);
  padding-left: var(--lds-spacing-accordion-panel-padding-left);
}

.lds-accordion.solid:last-of-type .toggle-btn {
  border-bottom-width: 0;
}

.lds-accordion.solid:last-of-type .open .toggle-btn {
  border-bottom-width: var(--lds-border-accordion-expanded-header-width-bottom);
}

.lds-accordion.outlined:first-of-type .toggle-btn,
.lds-accordion.solid:first-of-type .toggle-btn {
  border-top-left-radius: var(--lds-radius-accordion);
  border-top-right-radius: var(--lds-radius-accordion);
}

.lds-accordion.outlined:last-of-type .toggle-btn,
.lds-accordion.solid:last-of-type .toggle-btn {
  border-bottom-left-radius: var(--lds-radius-accordion);
  border-bottom-right-radius: var(--lds-radius-accordion);
}

.lds-accordion.outlined:last-of-type .open .toggle-btn,
.lds-accordion.solid:last-of-type .open .toggle-btn {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.lds-accordion.outlined.open:last-of-type .lds-accordion-body,
.lds-accordion.solid.open:last-of-type .lds-accordion-body {
  border-bottom-left-radius: var(--lds-radius-accordion);
  border-bottom-right-radius: var(--lds-radius-accordion);
}

/* Desktop Transformations */

@media (min-width: 768px) {
  .lds-accordion .lds-accordion-header {
    font-size: var(--lds-typography-accordion-header-font-size);
    font-weight: var(--lds-typography-accordion-header-font-weight);
    line-height: var(--lds-typography-accordion-header-line-height);
  }
}

.lds-accordion.outlined .toggle-btn {
  --lds-border-accordion-header-width-right: var(--lds-border-accordion-header-width);
  --lds-border-accordion-header-width-left: var(--lds-border-accordion-header-width);
}

.lds-accordion.solid .toggle-btn {
  --lds-border-accordion-header-width-top: 0;
  --lds-border-accordion-header-width-right: 0;
  --lds-border-accordion-header-width-left: 0;

  --lds-color-accordion-toggle-background: var(--lds-color-primary-005);
}

.lds-accordion.xsmall .toggle-btn {
  --lds-spacing-accordion-toggle-padding-top: var(--lds-spacing-050);
  --lds-spacing-accordion-toggle-padding-right: var(--lds-spacing-100);
  --lds-spacing-accordion-toggle-padding-bottom: var(--lds-spacing-050);
  --lds-spacing-accordion-toggle-padding-left: var(--lds-spacing-100);
}

.lds-accordion.xsmall .lds-accordion-panel {
  --lds-spacing-accordion-panel-padding-top: var(--lds-spacing-100);
  --lds-spacing-accordion-panel-padding-right: var(--lds-spacing-150);
  --lds-spacing-accordion-panel-padding-bottom: var(--lds-spacing-100);
  --lds-spacing-accordion-panel-padding-left: var(--lds-spacing-150);
}

@media (min-width: 768px) {
  .lds-accordion.xsmall .toggle-btn {
    --lds-spacing-accordion-toggle-padding-right: var(--lds-spacing-150);
    --lds-spacing-accordion-toggle-padding-left: var(--lds-spacing-150);
  }

  .lds-accordion.xsmall .lds-accordion-panel {
    --lds-spacing-accordion-panel-padding-top: var(--lds-spacing-150);
    --lds-spacing-accordion-panel-padding-right: var(--lds-spacing-200);
    --lds-spacing-accordion-panel-padding-bottom: var(--lds-spacing-150);
    --lds-spacing-accordion-panel-padding-left: var(--lds-spacing-200);
  }
}

.lds-accordion.small .toggle-btn {
  --lds-spacing-accordion-toggle-padding-top: var(--lds-spacing-100);
  --lds-spacing-accordion-toggle-padding-right: var(--lds-spacing-100);
  --lds-spacing-accordion-toggle-padding-bottom: var(--lds-spacing-100);
  --lds-spacing-accordion-toggle-padding-left: var(--lds-spacing-100);
}

.lds-accordion.small .lds-accordion-panel {
  --lds-spacing-accordion-panel-padding-top: var(--lds-spacing-150);
  --lds-spacing-accordion-panel-padding-right: var(--lds-spacing-150);
  --lds-spacing-accordion-panel-padding-bottom: var(--lds-spacing-150);
  --lds-spacing-accordion-panel-padding-left: var(--lds-spacing-150);
}

@media (min-width: 768px) {
  .lds-accordion.small .toggle-btn {
    --lds-spacing-accordion-toggle-padding-right: var(--lds-spacing-150);
    --lds-spacing-accordion-toggle-padding-left: var(--lds-spacing-150);
  }

  .lds-accordion.small .lds-accordion-panel {
    --lds-spacing-accordion-panel-padding-top: var(--lds-spacing-200);
    --lds-spacing-accordion-panel-padding-right: var(--lds-spacing-200);
    --lds-spacing-accordion-panel-padding-bottom: var(--lds-spacing-200);
    --lds-spacing-accordion-panel-padding-left: var(--lds-spacing-200);
  }
}

.lds-accordion.no-radius {
  --lds-radius-accordion: var(--lds-radius-accordion-none);
}

.lds-accordion.radius-xs {
  --lds-radius-accordion: var(--lds-radius-accordion-xsmall);
}

.lds-accordion.radius-sm {
  --lds-radius-accordion: var(--lds-radius-accordion-small);
}

.lds-accordion.radius-md {
  --lds-radius-accordion: var(--lds-radius-accordion-medium);
}

.lds-accordion.radius-lg {
  --lds-radius-accordion: var(--lds-radius-accordion-large);
}

.lds-accordion.theme-radius,
.lds-accordion.radius-default {
  --lds-radius-accordion: var(--lds-radius-default) !important;
}

.lds-alert {
  border-style: solid;
  border-width: var(--lds-border-alert-width);
  border-color: var(--lds-color-alert-info);
  border-radius: var(--lds-radius-alert);
  box-shadow: var(--lds-shadow-alert);
  color: var(--lds-color-alert);
  display: block;
  font-weight: var(--lds-typography-alert-font-weight);
  padding: var(--lds-spacing-alert-padding);
  width: 100%;
  opacity: 1;
  transform: translateY(0);
}

.lds-alert.hidden {
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.lds-alert.info {
  background-color: var(--lds-color-alert-info-background);
  border-color: var(--lds-color-alert-info);
}

.lds-alert.warning {
  background-color: var(--lds-color-alert-warning-background);
  border-color: var(--lds-color-alert-warning);
}

.lds-alert.error {
  background-color: var(--lds-color-alert-error-background);
  border-color: var(--lds-color-alert-error);
}

.lds-alert.success {
  background-color: var(--lds-color-alert-success-background);
  border-color: var(--lds-color-alert-success);
}

/* MARK: Alert Content
*/

.lds-alert-content {
  display: flex;
  align-items: center;
  gap: var(--lds-spacing-alert-content-gap);
}

.lds-alert-message {
  flex-grow: 1;
}

/* MARK: Alert Icon
*/

.lds-alert .lds-icon.lds-alert-icon {
  height: var(--lds-spacing-alert-icon-size);
  width: var(--lds-spacing-alert-icon-size);
  margin-top: 0;
}

.lds-alert.info .lds-icon.lds-alert-icon {
  background-color: var(--lds-color-alert-info);
}

.lds-alert.warning .lds-icon.lds-alert-icon {
  background-color: var(--lds-color-alert-warning);
}

.lds-alert.error .lds-icon.lds-alert-icon {
  background-color: var(--lds-color-alert-error);
}

.lds-alert.success .lds-icon.lds-alert-icon {
  background-color: var(--lds-color-alert-success);
}

/* MARK: Alert Close button
*/

button.lds-alert-button {
  border-radius: 50%;
  padding: var(--lds-spacing-alert-btn-padding);
  transition: all var(--lds-animation-duration-short) var(--lds-animation-timing-func-standard);
}

button.lds-alert-button .lds-icon {
  height: var(--lds-spacing-alert-icon-size);
  width: var(--lds-spacing-alert-icon-size);
}

button.lds-alert-button:hover {
  background-color: var(--lds-color-alert-background-hover);
}

button.lds-alert-button:active {
  background-color: var(--lds-color-alert-background-active);
}

button.lds-alert-button:focus {
  box-shadow: var(--lds-shadow-alert-focus);
  outline: var(--lds-border-alert-focus-outline);
}

.lds-alert.inline {
  --lds-border-alert-width: var(--lds-spacing-006);
  --lds-shadow-alert: none;
  --lds-radius-alert: var(--lds-spacing-025);
  --lds-spacing-alert-padding: var(--lds-spacing-100);
}

.dark .lds-alert,
.lds-alert.dark {
  --lds-color-alert: var(--lds-color-neutral-020);
  --lds-typography-alert-font-weight: var(--lds-typography-font-weight-semi-bold);
}

.dark .lds-alert.info,
.lds-alert.dark.info {
  --lds-color-alert-info-background: var(--lds-color-neutral-080);
  --lds-color-alert-info: var(--lds-color-info-050);
}

.dark .lds-alert.warning,
.lds-alert.dark.warning {
  --lds-color-alert-warning-background: var(--lds-color-neutral-080);
  --lds-color-alert-warning: var(--lds-color-warning-050);
}

.dark .lds-alert.success,
.lds-alert.dark.success {
  --lds-color-alert-success-background: var(--lds-color-neutral-080);
  --lds-color-alert-success: var(--lds-color-success-050);
}

.dark .lds-alert.error,
.lds-alert.dark.error {
  --lds-color-alert-error-background: var(--lds-color-neutral-080);
  --lds-color-alert-error: var(--lds-color-danger-050);
}

.dark button.lds-alert-button:hover,
.lds-alert.dark button.lds-alert-button:hover {
  --lds-color-alert-background-hover: var(--lds-color-neutral-070);
}

.dark button.lds-alert-button:focus,
.lds-alert.dark button.lds-alert-button:focus {
  --lds-shadow-alert-focus: var(--lds-shadow-alert-dark-focus);
}

.lds-alert.compact {
  --lds-spacing-alert-padding: var(--lds-spacing-050) var(--lds-spacing-300);
}

.lds-alert.compact.inline {
  --lds-spacing-alert-padding: var(--lds-spacing-050);
}

.lds-button.lds-back-to-top {
  height: var(--lds-spacing-back-to-top-btn-height);
  padding: 0;
  border-radius: var(--lds-radius-back-to-top-btn);
  background-color: var(--lds-color-back-to-top-background);
  color: var(--lds-color-back-to-top-text);
  position: fixed;
  bottom:  var(--lds-spacing-back-to-top-btn-bottom);
  inset-inline-end: var(--lds-spacing-back-to-top-btn-right);
  display: flex;
  align-items: center;
  box-shadow: var(--lds-shadow-back-to-top);
  transition: background-color .3s,opacity .3s,transform .3s;
  font-size: var(--lds-typography-back-to-top-font-size);
  line-height: var(--lds-typography-back-to-top-line-height);
  z-index: 50;
}

.no-expand {
  width: var(--lds-spacing-back-to-top-btn-width);
  height: var(--lds-spacing-back-to-top-btn-height);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.no-expand .back-to-top-icon {
  width: var(--lds-spacing-back-to-top-icon-width);
  height: var(--lds-spacing-back-to-top-icon-height);
  background-color: var(--lds-color-back-to-top-icon);
}

.expand-wrapper {
  display: grid;
  grid-template-columns: 0fr;
  opacity: 0;
  transition: grid-template-columns var(--lds-animation-duration-medium) var(--lds-animation-timing-func-standard),opacity var(--lds-animation-duration-medium) var(--lds-animation-timing-func-standard);
}

.lds-button.lds-back-to-top:hover {
  background-color: var(--lds-color-back-to-top-background-hover);
}

.lds-button.lds-back-to-top.expand-on-hover:hover .expand-wrapper {
  grid-template-columns: 1fr;
  margin-inline-end: var(--lds-margin-right-back-to-top-btn-text-expanded);
  margin-inline-start: 0;
  opacity: 1;
}

.lds-button.lds-back-to-top.expand-on-hover:hover .back-to-top-icon {
  grid-template-columns: 1fr;
  margin-inline-end: var(--lds-margin-right-back-to-top-btn-icon);
  margin-inline-start: var(--lds-margin-left-back-to-top-btn-icon);
}

.lds-button.lds-back-to-top.expand-on-hover:focus .expand-wrapper {
  grid-template-columns: 1fr;
  margin-inline-end: var(--lds-margin-right-back-to-top-btn-text-expanded);
  margin-inline-start: 0;
  opacity: 1;
}

.lds-button.lds-back-to-top.expand-on-hover:focus .back-to-top-icon {
  grid-template-columns: 1fr;
  margin-inline-end: var(--lds-margin-right-back-to-top-btn-icon);
  margin-inline-start: var(--lds-margin-left-back-to-top-btn-icon);
}

.expand {
  overflow: hidden;
  white-space: nowrap;
}

.lds-button.lds-back-to-top:active {
  background-color: var(--lds-color-back-to-top-background-active);
}

.lds-button.lds-back-to-top:focus {
  outline-color: var(--lds-color-focus-outline);
  outline-offset: var(--lds-border-focus-outline-offset);
  outline-style: var(--lds-border-focus-outline-style);
  outline-width: var(--lds-border-focus-outline-width);
  box-shadow: var(--lds-shadow-focus-3px) var(--lds-color-focus-shadow);
}

.lds-back-to-top-enter,
.lds-back-to-top-leave-to {
  opacity: 0;
  transform: translateX(1rem);
}

.lds-button.lds-back-to-top.radius-sm {
  --lds-radius-back-to-top-btn: var(--lds-radius-back-to-top-btn-small);
}

.lds-button.lds-back-to-top.radius-md {
  --lds-radius-back-to-top-btn: var(--lds-radius-back-to-top-btn-medium);
}

.lds-button.lds-back-to-top.radius-pill {
  --lds-radius-back-to-top-btn: var(--lds-radius-back-to-top-btn-pill);
}

.lds-badge {
  display: inline-block;
  padding-top: calc(var(--lds-spacing-badge-padding-top) - var(--lds-border-badge-width));
  padding-right: calc(var(--lds-spacing-badge-padding-right) - var(--lds-border-badge-width));
  padding-bottom: calc(var(--lds-spacing-badge-padding-bottom) - var(--lds-border-badge-width));
  padding-left: calc(var(--lds-spacing-badge-padding-left) - var(--lds-border-badge-width));
  font-size: var(--lds-typography-badge-font-size);
  font-weight: var(--lds-typography-badge-font-weight);
  line-height: var(--lds-typography-badge-line-height);
  color: var(--lds-color-badge-foreground);
  vertical-align: middle;
  background-color: var(--lds-color-badge-background);
  border-color: var(--lds-color-badge-border);
  border-width: var(--lds-border-badge-width);
  border-radius: var(--lds-radius-badge);
  border-style: var(--lds-border-badge-style);
}

.lds-badge.disabled {
  --lds-color-badge-foreground: var(--lds-color-grey-500);
  --lds-color-badge-background: var(--lds-color-grey-100);
}

.lds-badge.outlined {
  --lds-spacing-badge-padding-top: var(--lds-spacing-025);
  --lds-spacing-badge-padding-right: var(--lds-spacing-075);
  --lds-spacing-badge-padding-bottom: var(--lds-spacing-025);
  --lds-spacing-badge-padding-left: var(--lds-spacing-075);
  --lds-color-badge-background: var(--lds-color-white);
  --lds-color-badge-foreground: var(--lds-color-grey-900);
  --lds-color-badge-border: var(--lds-color-grey-500);
  --lds-border-badge-width: .0625rem;
}

.lds-badge.disabled.outlined {
  --lds-spacing-badge-padding-top: var(--lds-spacing-025);
  --lds-spacing-badge-padding-right: var(--lds-spacing-075);
  --lds-spacing-badge-padding-bottom: var(--lds-spacing-025);
  --lds-spacing-badge-padding-left: var(--lds-spacing-075);
  --lds-color-badge-background: var(--lds-color-white);
  --lds-color-badge-foreground: var(--lds-color-grey-500);
  --lds-color-badge-border: var(--lds-color-grey-400);
  --lds-border-badge-width: .0625rem;
}

.lds-blockquote {
  display: inline-block;
  background: var(--lds-color-blockquote-background);
  margin: 0;

  padding-top: var(--lds-spacing-blockquote-padding-top);
  padding-bottom: var(--lds-spacing-blockquote-padding-bottom);
  padding-left: var(--lds-spacing-blockquote-padding-left);
  padding-right: var(--lds-spacing-blockquote-padding-right);

  border-color: var(--lds-border-blockquote-color);
  border-style: var(--lds-border-blockquote-style);
  border-top-width: var(--lds-border-blockquote-top-width);
  border-bottom-width: var(--lds-border-blockquote-bottom-width);
  border-left-width: var(--lds-border-blockquote-left-width);
  border-right-width: var(--lds-border-blockquote-right-width);
}

.lds-blockquote.full-width {
  display: block;
}

/*
  In desktop the blockquote text content has a max width defined by its dimension size.
  If in full width mode the block quote container will expand to its full container but the
  actual content will stay centered in the middle of the blockquote with a max width.
*/

@media (min-width: 992px) {
  .lds-blockquote.small .blockquote-wrapper {
    max-width: var(--lds-spacing-blockquote-max-width);
    margin: 0 auto;
  }
}

/* The quote portion of the blockquote */

.lds-blockquote .lds-blockquote-content,
.lds-blockquote .lds-blockquote-content p {
  font-style: var(--lds-typography-blockquote-font-style);
  font-size: var(--lds-typography-blockquote-font-size);
  font-weight: var(--lds-typography-blockquote-font-weight);
  line-height: var(--lds-typography-blockquote-line-height);

  margin-bottom: var(--lds-spacing-blockquote-content-margin-bottom);
}

/* Blockquote content with a photo to the side of the quote */

.blockquote-wrapper.side-photo .lds-blockquote-content {
  display: flex;
  gap: var(--lds-spacing-blockquote-image-gap);
  align-items: center;
  flex-direction: column;
}

@media (min-width: 992px) {
  .blockquote-wrapper.side-photo .lds-blockquote-content {
    gap: var(--lds-spacing-blockquote-image-gap);
    flex-direction: row;
  }
}

/* MARK: Citation
  author & supplemental text
*/

.lds-blockquote cite {
  display: block;
  font-style: normal;
}

.lds-blockquote p {
  margin: 0;
}

@media (min-width: 992px) {
  .blockquote-wrapper.side-photo cite {
    /*
      Align the cite with the quote text when there is a side image
      This is done by applying a left margin equal to the image size + gap between image
    */
    margin-left: calc(var(--lds-spacing-blockquote-image-gap) + var(--lds-spacing-blockquote-image-size));
  }
}

/* Author */

.lds-blockquote .lds-blockquote-author {
  display: block;
  font-weight: var(--lds-typography-blockquote-author-font-weight);
  font-size: var(--lds-typography-blockquote-author-font-size);
  line-height: var(--lds-typography-blockquote-author-line-height);
}

.lds-blockquote .lds-blockquote-supplement,
.lds-blockquote .lds-blockquote-supplement p {
  display: block;
  font-weight: var(--lds-typography-blockquote-supplement-font-weight);
  font-size: var(--lds-typography-blockquote-supplement-font-size);
  line-height: var(--lds-typography-blockquote-supplement-line-height);
}

/* MARK: Content alignment
*/

.lds-blockquote cite.align-right,
.lds-blockquote .lds-blockquote-content.align-right {
  text-align: right;
}

@media (min-width: 992px) {
  .blockquote-wrapper.side-photo cite.align-right {
    /*
      Align the cite with the quote text when there is a side image
      This is done by applying a left margin equal to the image size + gap between image
    */
    margin-right: calc(var(--lds-spacing-blockquote-image-gap) + var(--lds-spacing-blockquote-image-size));
  }
}

.lds-blockquote cite.align-left,
.lds-blockquote .lds-blockquote-content.align-left {
  text-align: left;
}

.lds-blockquote cite.align-center,
.lds-blockquote .lds-blockquote-content.align-center {
  text-align: center;
}

@media (min-width: 992px) {
  .blockquote-wrapper.side-photo cite.align-center {
    margin: 0;
  }
}

/* MARK: Quote icon
*/

.lds-blockquote .quote-icon {
  fill: inherit;
  display: block;
  margin-top: var(--lds-spacing-blockquote-icon-margin-top);
  margin-bottom: var(--lds-spacing-blockquote-icon-margin-bottom);
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 992px) {
  .lds-blockquote .quote-icon {
    width: 2rem;
    height: 2rem;
  }
}

.lds-blockquote .quote-icon-inline {
  display: inline;
  width: var(--lds-typography-blockquote-font-size);
  height: var(--lds-typography-blockquote-font-size);
  transform: rotate(180deg);
}

.lds-blockquote .author-photo {
  display: block;
  width: var(--lds-spacing-blockquote-image-size);
  height: var(--lds-spacing-blockquote-image-size);
  border-radius: 100%;
  margin: 0 auto;
}

/* MARK: RTL Support
 */

[dir="rtl"] .lds-blockquote .quote-icon {
  transform: rotateY(180deg);
}

[dir="rtl"] .lds-blockquote .quote-icon-inline {
  transform: rotateX(180deg);
}

.lds-blockquote.small {
  --lds-typography-blockquote-font-size: var(--lds-typography-font-size);
  --lds-typography-blockquote-line-height: var(--lds-typography-line-height);

  --lds-spacing-blockquote-image-size: 72px;
}

.lds-blockquote.small .lds-blockquote-author {
  --lds-typography-blockquote-author-font-weight: var(--lds-typography-font-weight-bold);
  --lds-typography-blockquote-author-font-size: var(--lds-typography-small-font-size);
  --lds-typography-blockquote-author-line-height: var(--lds-typography-small-line-height);
}

.lds-blockquote.small .lds-blockquote-supplement {
  --lds-typography-blockquote-supplement-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-blockquote-supplement-font-size: var(--lds-typography-small-font-size);
  --lds-typography-blockquote-supplement-line-height: var(--lds-typography-small-line-height);
}

@media (min-width: 992px) {
  .lds-blockquote.small {
    --lds-typography-blockquote-font-size: var(--lds-typography-h6-font-size);
    --lds-typography-blockquote-line-height: var(--lds-typography-h6-line-height);

    --lds-spacing-blockquote-image-size: 84px;
  }

  .lds-blockquote.small .lds-blockquote-author {
    --lds-typography-blockquote-author-font-weight: var(--lds-typography-font-weight-bold);
    --lds-typography-blockquote-author-font-size: var(--lds-typography-font-size);
    --lds-typography-blockquote-author-line-height: var(--lds-typography-line-height);
  }

  .lds-blockquote.small .lds-blockquote-supplement {
    --lds-typography-blockquote-supplement-font-weight: var(--lds-typography-font-weight-regular);
    --lds-typography-blockquote-supplement-font-size: var(--lds-typography-font-size);
    --lds-typography-blockquote-supplement-line-height: var(--lds-typography-line-height);
  }

  .lds-blockquote.small .blockquote-wrapper {
    --lds-spacing-blockquote-max-width: 736px;
  }
}

.lds-blockquote.medium {
  --lds-typography-blockquote-font-size: var(--lds-typography-h6-font-size);
  --lds-typography-blockquote-line-height: var(--lds-typography-h6-rwd-line-heigh);

  --lds-spacing-blockquote-image-size: 84px;
}

.lds-blockquote.medium .lds-blockquote-author {
  --lds-typography-blockquote-author-font-weight: var(--lds-typography-font-weight-bold);
  --lds-typography-blockquote-author-font-size: var(--lds-typography-small-font-size);
  --lds-typography-blockquote-author-line-height: var(--lds-typography-small-line-height);
}

.lds-blockquote.medium .lds-blockquote-supplement {
  --lds-typography-blockquote-supplement-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-blockquote-supplement-font-size: var(--lds-typography-small-font-size);
  --lds-typography-blockquote-supplement-line-height: var(--lds-typography-small-line-height);
}

@media (min-width: 992px) {
  .lds-blockquote.medium {
    --lds-typography-blockquote-font-size: var(--lds-typography-h4-font-size);
    --lds-typography-blockquote-line-height: var(--lds-typography-h4-line-height);

    --lds-spacing-blockquote-image-size: 108px;
  }

  .lds-blockquote.medium .lds-blockquote-author {
    --lds-typography-blockquote-author-font-weight: var(--lds-typography-font-weight-bold);
    --lds-typography-blockquote-author-font-size: var(--lds-typography-h6-font-size);
    --lds-typography-blockquote-author-line-height: var(--lds-typography-h6-rwd-line-height);
  }

  .lds-blockquote.medium .lds-blockquote-supplement {
    --lds-typography-blockquote-supplement-font-weight: var(--lds-typography-font-weight-regular);
    --lds-typography-blockquote-supplement-font-size: var(--lds-typography-h6-font-size);
    --lds-typography-blockquote-supplement-line-height: var(--lds-typography-h6-rwd-line-height);
  }

  .lds-blockquote.medium .blockquote-wrapper {
    --lds-spacing-blockquote-max-width: 992px;
  }
}

.lds-blockquote.large {
  --lds-typography-blockquote-font-size: var(--lds-typography-h4-font-size);
  --lds-typography-blockquote-line-height: var(--lds-typography-h4-rwd-line-height);

  --lds-spacing-blockquote-image-size: 108px;
}

.lds-blockquote.large .lds-blockquote-author {
  --lds-typography-blockquote-author-font-weight: var(--lds-typography-font-weight-bold);
  --lds-typography-blockquote-author-font-size: var(--lds-typography-font-size);
  --lds-typography-blockquote-author-line-height: var(--lds-typography-line-height);
}

.lds-blockquote.large .lds-blockquote-supplement {
  --lds-typography-blockquote-supplement-font-weight: var(--lds-typography-font-weight-regular);
  --lds-typography-blockquote-supplement-font-size: var(--lds-typography-font-size);
  --lds-typography-blockquote-supplement-line-height: var(--lds-typography-line-height);
}

@media (min-width: 992px) {
  .lds-blockquote.large {
    --lds-typography-blockquote-font-size: var(--lds-typography-h2-font-size);
    --lds-typography-blockquote-line-height: var(--lds-typography-h2-line-height);

    --lds-spacing-blockquote-image-size: 132px;
  }

  .lds-blockquote.large .lds-blockquote-author {
    --lds-typography-blockquote-author-font-weight: var(--lds-typography-font-weight-bold);
    --lds-typography-blockquote-author-font-size: var(--lds-typography-h5-font-size);
    --lds-typography-blockquote-author-line-height: var(--lds-typography-h5-rwd-line-height);
  }

  .lds-blockquote.large .lds-blockquote-supplement {
    --lds-typography-blockquote-supplement-font-weight: var(--lds-typography-font-weight-regular);
    --lds-typography-blockquote-supplement-font-size: var(--lds-typography-h5-font-size);
    --lds-typography-blockquote-supplement-line-height: var(--lds-typography-h5-rwd-line-height);
  }

  .lds-blockquote.large .blockquote-wrapper {
    --lds-spacing-blockquote-max-width: 1248px;
  }
}

.lds-blockquote.bordered {
  --lds-border-blockquote-color: var(--lds-color-primary);
  --lds-typography-blockquote-font-weight: 600;
}

.lds-blockquote.bordered.left {
  --lds-border-blockquote-left-width: 4px;
}

.lds-blockquote.bordered.right {
  --lds-border-blockquote-right-width: 4px;
}

.lds-blockquote.bordered-bg {
  --lds-border-blockquote-color: var(--lds-color-primary);
  --lds-color-blockquote-background: var(--lds-color-primary-010);
}

.lds-blockquote.bordered-bg.left {
  --lds-border-blockquote-left-width: 4px;
}

.lds-blockquote.bordered-bg.right {
  --lds-border-blockquote-right-width: 4px;
}

.lds-drawer .lds-drawer-banner {
  position: absolute;
  z-index: 10;
  display: flex;
  align-items: stretch;
  width: 100%;
  height: calc(var(--lds-spacing-drawer-banner-height-collapsed) - 4px);
  padding: 0.7rem 0;
  font-weight: var(--lds-typography-font-weight-regular);
  font-size: var(--lds-typography-drawer-banner-font-size);
  line-height: var(--lds-typography-drawer-banner-line-height);
  font-family: var(--lds-typography-font-family);
  color: inherit;
  overflow: hidden;
  vertical-align: middle;
  background: transparent;
}

.lds-drawer .lds-drawer-banner.expanded {
  position: relative;
  height: calc(var(--lds-spacing-drawer-banner-height-expanded) - 4px);
  background-color: var(--lds-color-white);
  box-shadow: var(--lds-shadow-drawer-banner-expanded) var(--lds-color-banner-expand-shadow);
}

.lds-drawer .lds-drawer-banner span {
  display: block;
}

.lds-drawer .lds-drawer-banner span.lds-drawer-banner-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 495.98px) {
  .lds-drawer .lds-drawer-banner span.lds-drawer-banner-wrapper {
    width: 100%;
  }
}

.lds-drawer .lds-drawer-banner span.lds-drawer-banner-text {
  display: block;
  padding-top: 0.05rem;
  text-align: start;
  font-size: var(--lds-typography-drawer-heading-font-size);
  font-weight: var(--lds-typography-drawer-heading-font-weight);
  color: var(--lds-color-drawer-heading);
}

.lds-drawer .lds-drawer-banner:not(.attached):focus {
  outline: 3px solid transparent;
  outline-offset: -2px;
  box-shadow: var(--lds-shadow-focus-inset) var(--lds-color-banner-focus-shadow);
}

/* ** /!\ IMPORTANT SPECIAL NOTE! /!\ ** *\
 * The class "lds-drawer-content-wrapper" has overrides in ./src/scss/side-nav/_side-nav.scss TODO:
 * There are modified wrapper spacing settings used for the content column of the side nav component that must
 * be applied to these "dynamic" wrapper classes to maintain proper page gutter margins in side nav layouts
 */

.lds-drawer-content-container {
  height: 100%;
}

.lds-drawer-content-container.expanded .lds-drawer-content {
  padding: 0.75rem 0 3rem;
}

.lds-drawer-content-container.expanded.drawer {
  height: 100%;
}

.lds-drawer-content-container.attached {
  height: 100%;
}

.lds-drawer-content-container.attached .lds-drawer-content {
  padding-bottom: 1rem;
}

@media (max-width: 991.98px) {
  .lds-drawer-content-container .lds-drawer-content-wrapper {
    margin: 0 1rem;
  }
}

@media (max-width: 991.98px) and (min-width: 496px) {
  .lds-drawer-content-container .lds-drawer-content-wrapper {
    width: 448px;
    margin: 0 auto;
  }
}

@media (max-width: 991.98px) and (min-width: 592px) {
  .lds-drawer-content-container .lds-drawer-content-wrapper {
    width: 544px;
    margin: 0 auto;
  }
}

@media (max-width: 991.98px) and (min-width: 688px) {
  .lds-drawer-content-container .lds-drawer-content-wrapper {
    width: 640px;
    margin: 0 auto;
  }
}

@media (max-width: 991.98px) and (min-width: 784px) {
  .lds-drawer-content-container .lds-drawer-content-wrapper {
    width: 736px;
    margin: 0 auto;
  }
}

@media (max-width: 991.98px) and (min-width: 896px) {
  .lds-drawer-content-container .lds-drawer-content-wrapper {
    width: 832px;
    margin: 0 auto;
  }
}

@media (max-width: 991.98px) and (min-width: 992px) {
  .lds-drawer-content-container .lds-drawer-content-wrapper {
    width: 928px;
    margin: 0 auto;
  }
}

@media (max-width: 991.98px) and (min-width: 1088px) {
  .lds-drawer-content-container .lds-drawer-content-wrapper {
    width: 1024px;
    margin: 0 auto;
  }
}

@media (max-width: 991.98px) and (min-width: 1184px) {
  .lds-drawer-content-container .lds-drawer-content-wrapper {
    width: 1120px;
    margin: 0 auto;
  }
}

@media (max-width: 991.98px) and (min-width: 1280px) {
  .lds-drawer-content-container .lds-drawer-content-wrapper {
    width: 1216px;
    margin: 0 auto;
  }
}

@media (max-width: 991.98px) and (min-width: 1376px) {
  .lds-drawer-content-container .lds-drawer-content-wrapper {
    width: 1312px;
    margin: 0 auto;
  }
}

@media (max-width: 991.98px) and (min-width: 1504px) {
  .lds-drawer-content-container .lds-drawer-content-wrapper {
    width: 1408px;
    margin: 0 auto;
  }
}

@media (max-width: 991.98px) and (min-width: 1600px) {
  .lds-drawer-content-container .lds-drawer-content-wrapper {
    width: 1504px;
    margin: 0 auto;
  }
}

@media (max-width: 991.98px) and (min-width: 1696px) {
  .lds-drawer-content-container .lds-drawer-content-wrapper {
    width: 1600px;
    margin: 0 auto;
  }
}

.lds-drawer-content h1, .lds-drawer-content .h1, .lds-drawer-content h2, .lds-drawer-content .h2, .lds-drawer-content h3, .lds-drawer-content .h3, .lds-drawer-content h4, .lds-drawer-content .h4, .lds-drawer-content h5, .lds-drawer-content .h5, .lds-drawer-content h6, .lds-drawer-content .h6 {
  padding: 0;
  margin: 0;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: normal;
}

.lds-drawer-content .content-block + .content-block {
  margin-top: 1.5rem;
}

@media (min-width: 768px) {
  .lds-drawer-content .content-block + .content-block {
    margin-top: 2.5rem;
  }
}

.lds-drawer-wrapper {
  position: relative;
}

/* MAIN ISI CONTAINER
 includes all transition animation effects settings for child elements */

.lds-drawer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
  background: var(--lds-color-drawer-bg);
  border-top-width: var(--lds-spacing-drawer-border-width);
  border-top-style: solid;
  border-top-color: var(--lds-color-drawer-border);
}

/* These transformations only apply when the entire ISI is detatched and collapsed */

.lds-drawer:not(.lds-drawer-expanded):not(.lds-drawer-attached) {
  transform: translateY(calc(100% - var(--lds-spacing-drawer-banner-height-collapsed)));
}

/* Prevent jump/jitter when the no-js class is removed */

.lds-drawer.lds-drawer-loaded {
  transition: transform var(--lds-animation-drawer-expand-transition-length), top var(--lds-animation-drawer-expand-transition-length);
}

/* Transitions only used by the desktop UI */

.lds-drawer.lds-drawer-expanded {
  transition: transform var(--lds-animation-drawer-expand-transition-length), top var(--lds-animation-drawer-expand-transition-length), height var(--lds-animation-drawer-expand-transition-length);
  z-index: 25;
}

.lds-drawer.lds-drawer-collapsing {
  transition: transform var(--lds-animation-drawer-expand-transition-length), top var(--lds-animation-drawer-expand-transition-length);
}

/* This disables a few things when the ISI attaches to the page */

.lds-drawer.lds-drawer-attached {
  position: relative;
  z-index: 1;
  transition: none;
}

.lds-drawer.lds-drawer-attached .lds-drawer-banner {
  cursor: default;
}

.lds-drawer.lds-drawer-attached .lds-drawer-banner:focus {
  outline: none;
}

/* This class is added briefly when the detach event fires and then is programmatically removed
It primarily helps adjust transition animations which might be awkward when detaching from the page */

.lds-drawer.lds-drawer-pre-detach {
  position: fixed;
  transform: translateY(calc(100% - var(--lds-spacing-drawer-banner-height-expanded)));
  transition: none;
}

.lds-drawer.lds-drawer-pre-detach .lds-drawer-main-column {
  transition: none;
}

html[data-drawer-expanded='true'] {
  position: fixed;
  width: 100%;
  overflow: hidden;
}

.lds-drawer-main {
  height: calc(100% - var(--lds-spacing-drawer-banner-height-collapsed));
  overflow: hidden;
}

.lds-drawer-main.expanded {
  height: calc(100% - var(--lds-spacing-drawer-banner-height-expanded));
  overflow-y: auto;
}

.lds-drawer-main.expanded .lds-drawer-content-container .lds-drawer-heading {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}

.lds-drawer-main.attached {
  height: 100%;
}

.lds-drawer-main-wrapper {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}

@media (min-width: 992px) {
  .lds-drawer-main-wrapper {
    margin: var(--lds-spacing-drawer-main-margin);
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
  }
}

@media (min-width: 992px) and (min-width: 496px) {
  .lds-drawer-main-wrapper {
    width: 448px;
    margin: 0 auto;
  }
}

@media (min-width: 992px) and (min-width: 592px) {
  .lds-drawer-main-wrapper {
    width: 544px;
    margin: 0 auto;
  }
}

@media (min-width: 992px) and (min-width: 688px) {
  .lds-drawer-main-wrapper {
    width: 640px;
    margin: 0 auto;
  }
}

@media (min-width: 992px) and (min-width: 784px) {
  .lds-drawer-main-wrapper {
    width: 736px;
    margin: 0 auto;
  }
}

@media (min-width: 992px) and (min-width: 896px) {
  .lds-drawer-main-wrapper {
    width: 832px;
    margin: 0 auto;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .lds-drawer-main-wrapper {
    width: 928px;
    margin: 0 auto;
  }
}

@media (min-width: 992px) and (min-width: 1088px) {
  .lds-drawer-main-wrapper {
    width: 1024px;
    margin: 0 auto;
  }
}

@media (min-width: 992px) and (min-width: 1184px) {
  .lds-drawer-main-wrapper {
    width: 1120px;
    margin: 0 auto;
  }
}

@media (min-width: 992px) and (min-width: 1280px) {
  .lds-drawer-main-wrapper {
    width: 1216px;
    margin: 0 auto;
  }
}

@media (min-width: 992px) and (min-width: 1376px) {
  .lds-drawer-main-wrapper {
    width: 1312px;
    margin: 0 auto;
  }
}

@media (min-width: 992px) and (min-width: 1504px) {
  .lds-drawer-main-wrapper {
    width: 1408px;
    margin: 0 auto;
  }
}

@media (min-width: 992px) and (min-width: 1600px) {
  .lds-drawer-main-wrapper {
    width: 1504px;
    margin: 0 auto;
  }
}

@media (min-width: 992px) and (min-width: 1696px) {
  .lds-drawer-main-wrapper {
    width: 1600px;
    margin: 0 auto;
  }
}

@media (min-width: 992px) {
  .lds-drawer-main-wrapper.expanded .lds-drawer-content {
    padding: var(--lds-spacing-drawer-main-content-padding);
  }
  .lds-drawer-main-wrapper.attached {
    padding-bottom: var(--lds-spacing-drawer-main-content-padding-b-attached);
  }
}

.lds-drawer-main-column {
  height: 100%;
}

.lds-drawer-main-column.drawer {
  order: 1;
  padding-inline-end: var(--lds-spacing-drawer-main-column-padding-right);
}

@media (max-width: 1199.98px) {
  .lds-drawer-main-column.drawer {
    padding: 0;
  }
}

.lds-drawer-main-column.attached {
  height: 100%;
}

.lds-drawer-main-content-panel {
  height: 100%;
}

.lds-drawer-main-content-panel h1, .lds-drawer-main-content-panel .h1, .lds-drawer-main-content-panel h2, .lds-drawer-main-content-panel .h2, .lds-drawer-main-content-panel h3, .lds-drawer-main-content-panel .h3, .lds-drawer-main-content-panel h4, .lds-drawer-main-content-panel .h4, .lds-drawer-main-content-panel h5, .lds-drawer-main-content-panel .h5, .lds-drawer-main-content-panel h6, .lds-drawer-main-content-panel .h6 {
  color: var(--lds-color-drawer-heading);
}

.lds-drawer-main-content-panel h1.lds-drawer-heading, .lds-drawer-main-content-panel .h1.lds-drawer-heading, .lds-drawer-main-content-panel h2.lds-drawer-heading, .lds-drawer-main-content-panel .h2.lds-drawer-heading, .lds-drawer-main-content-panel h3.lds-drawer-heading, .lds-drawer-main-content-panel .h3.lds-drawer-heading, .lds-drawer-main-content-panel h4.lds-drawer-heading, .lds-drawer-main-content-panel .h4.lds-drawer-heading, .lds-drawer-main-content-panel h5.lds-drawer-heading, .lds-drawer-main-content-panel .h5.lds-drawer-heading, .lds-drawer-main-content-panel h6.lds-drawer-heading, .lds-drawer-main-content-panel .h6.lds-drawer-heading {
  min-height: calc(var(--lds-spacing-drawer-banner-height-collapsed) - 4px);
  margin: 0.5rem 0 0;
  font-size: var(--lds-typography-drawer-heading-font-size);
  font-weight: var(--lds-typography-drawer-heading-font-weight);
  color: var(--lds-color-drawer-heading);
}

@media (max-width: 991.98px) {
  .lds-drawer-main-content-panel.drawer.expanded {
    height: 100%;
  }
}

@media (min-width: 992px) {
  .lds-drawer-main-content-panel.drawer {
    border-top: 0 none transparent;
  }
}

.lds-drawer-main-content-panel.attached {
  height: 100%;
}

.lds-drawer-spacer {
  height: var(--lds-spacing-drawer-banner-height-collapsed);
}

span.lds-drawer-banner-column.toggle {
  padding-inline-end: 0;
  text-align: end;
}

span.lds-drawer-toggle {
  font-size: var(--lds-typography-drawer-toggle-font-size);
  line-height: 0;
  color: var(--lds-color-drawer-toggle);
  border-radius: var(--lds-radius-drawer-toggle);
  outline: none;
  transition: color var(--lds-animation-duration-short) var(--lds-animation-timing-func-standard);
}

span.lds-drawer-toggle:hover {
  color: var(--lds-color-drawer-toggle-hover);
}

span.lds-drawer-toggle:focus {
  box-shadow: var(--lds-shadow-drawer-toggle) var(--lds-color-drawer-toggle-focus);
}

span.lds-drawer-toggle > svg {
  display: inline-block;
  width: var(--lds-spacing-icon-inline-width);
  height: var(--lds-spacing-icon-inline-height);
  margin-top: var(--lds-spacing-icon-inline-margin-top);
  vertical-align: middle;
  fill: currentColor;
}

.lds-drawer-wrapper .lds-drawer-toggle-leave-to {
  opacity: 0;
  transition: opacity var(--lds-animation-duration-short) var(--lds-animation-timing-func-standard);
}

.lds-drawer-wrapper .lds-drawer-toggle-enter {
  opacity: 0;
}

.lds-drawer-wrapper .lds-drawer-toggle-enter-to {
  transition: opacity var(--lds-animation-duration-short) var(--lds-animation-timing-func-standard);
}

.lds-drawer-wrapper .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}

.lds-drawer-wrapper .construction {
  border: dashed 1px #FF0000;
}

.lds-drawer-wrapper.no-js .lds-drawer {
  position: relative;
  height: auto;
  transform: none;
  transition: none;
}

.lds-drawer-wrapper.no-js .lds-drawer-toggle {
  display: none;
}

.lds-drawer-wrapper.no-js .lds-drawer-main {
  height: calc(100% - 4rem);
}

.lds-drawer-wrapper.no-js-before-leave {
  transition: none;
}

.lds-drawer-hidden {
  display: none !important;
}

/* MARK: Breadcrumb List
 */

.lds-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--lds-typography-breadcrumb-font-size);
}

.lds-breadcrumbs li .lds-breadcrumb {
  color: var(--lds-color-breadcrumb);
  font-weight: var(--lds-typography-breadcrumb-font-weight);
  text-decoration: none;
}

.lds-breadcrumbs li .lds-breadcrumb:hover {
  color: var(--lds-color-breadcrumb-hover);
}

.lds-breadcrumbs li .lds-breadcrumb:focus {
  outline: var(--lds-border-breadcrumb-outline-focus);
}

.lds-breadcrumbs li .lds-breadcrumb[aria-current="page"],
.lds-breadcrumbs li .lds-breadcrumb.lds-breadcrumb-content {
  color: var(--lds-color-breadcrumb-selected);
  cursor: default;
}

.lds-breadcrumbs li .lds-icon {
  --lds-spacing-icon-inline-height: var(--lds-spacing-breadcrumb-icon-size);
  --lds-spacing-icon-inline-width: var(--lds-spacing-breadcrumb-icon-size);
}

.lds-breadcrumbs li .caret-icon.lds-icon {
  color: var(--lds-color-breadcrumb-icon);
  display: inline-block;
  margin-right: var(--lds-spacing-breadcrumb-margin-x);
  margin-left: var(--lds-spacing-breadcrumb-margin-x);
}

.lds-breadcrumbs li .lds-breadcrumb .lds-icon,
.lds-breadcrumbs li .lds-breadcrumb:hover .lds-icon {
  margin-top: 0;
  color: inherit;
}

/* MARK: Breadcrumb Dropdown
 */

.lds-breadcrumb-dropdown .lds-breadcrumb-ellipsis-button {
  color: var(--lds-color-breadcrumb);
  border-radius: var(--lds-radius-breadcrumb);
  padding: var(--lds-spacing-breadcrumb-ellipsis);
  font-weight: var(--lds-typography-breadcrumb-font-weight);
  cursor: pointer;
}

.lds-breadcrumb-dropdown-content {
  background: var(--lds-color-breadcrumb-dd-background);
  border-radius: var(--lds-radius-breadcrumb);
  box-shadow: var(--lds-shadow-breadcrumb-dd);
  margin-inline-end: var(--lds-spacing-100);
  opacity: 0;
  position: absolute;
  visibility: hidden;
}

.lds-breadcrumb-dropdown.expanded .lds-breadcrumb-dropdown-content {
  opacity: 1;
  visibility: visible;
}

.lds-breadcrumb-dropdown-content li {
  list-style: none;
  margin: 0;
}

.lds-breadcrumb-dropdown-content .lds-breadcrumb-dropdown-content-item {
  padding: var(--lds-spacing-breadcrumb-item-padding);
  font-size: var(--lds-typography-breadcrumb-font-size);
  color: var(--lds-color-breadcrumb-dd);
  display: inline-block;
  text-align: start;
  text-decoration: none;
  width: 100%;
}

.lds-breadcrumb-dropdown-content .lds-breadcrumb-dropdown-content-item:hover {
  background: var(--lds-color-breadcrumb-background-hover);
}

.lds-breadcrumb-dropdown .lds-breadcrumb-ellipsis-button:focus,
.lds-breadcrumb-dropdown-content .lds-breadcrumb-dropdown-content-item:focus {
  outline: var(--lds-border-breadcrumb-outline-focus);
  outline-offset: var(--lds-border-breadcrumb-item-focus-outline-offset);
}

.lds-breadcrumb-dropdown-content ul li:not(:last-child) .lds-breadcrumb-dropdown-content-item {
  border-bottom: var(--lds-border-breadcrumb-item-bottom);
}

.lds-breadcrumb-dropdown-content ul li:first-child .lds-breadcrumb-dropdown-content-item:hover,
.lds-breadcrumb-dropdown-content ul li:first-child .lds-breadcrumb-dropdown-content-item:focus {
  border-top-left-radius: var(--lds-radius-breadcrumb);
  border-top-right-radius: var(--lds-radius-breadcrumb);
}

.lds-breadcrumb-dropdown-content ul li:last-child .lds-breadcrumb-dropdown-content-item:hover,
.lds-breadcrumb-dropdown-content ul li:last-child .lds-breadcrumb-dropdown-content-item:focus {
  border-bottom-left-radius: var(--lds-radius-breadcrumb);
  border-bottom-right-radius: var(--lds-radius-breadcrumb);
}

.lds-breadcrumb-dropdown .lds-breadcrumb-ellipsis-button:hover,
.lds-breadcrumb-dropdown.expanded .lds-breadcrumb-ellipsis-button {
  color: var(--lds-color-breadcrumb-hover);
  background-color: var(--lds-color-breadcrumb-background-hover);
}

/* MARK: RTL Support
 */

[dir="rtl"] .lds-breadcrumbs li .caret-icon.lds-icon {
  transform: rotate(180deg);
}

.lds-button-base,
.lds-button-clear-style {
  padding: 0;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
}

.lds-button {
  align-items: center;
  background-color: var(--lds-color-button-background);
  border: var(--lds-border-button-width) solid var(--lds-color-button-border);
  border-radius: var(--lds-radius-button-medium);
  box-shadow: var(--lds-shadow-button) var(--lds-color-button-shadow);
  color: var(--lds-color-button-foreground);
  cursor: var(--lds-animation-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--lds-typography-button-font-size);
  font-weight: var(--lds-typography-button-font-weight);
  line-height: var(--lds-typography-button-line-height);
  margin-top: var(--lds-spacing-button-margin-top);
  margin-right: var(--lds-spacing-button-margin-right);
  margin-bottom: var(--lds-spacing-button-margin-bottom);
  margin-left: var(--lds-spacing-button-margin-left);
  padding-top: calc(var(--lds-spacing-button-padding-top) - (var(--lds-border-button-width)));
  padding-right: calc(var(--lds-spacing-button-padding-right) - var(--lds-border-button-width));
  padding-bottom: calc(var(--lds-spacing-button-padding-bottom) - (var(--lds-border-button-width)));
  padding-left: calc(var(--lds-spacing-button-padding-left) - var(--lds-border-button-width));
  text-decoration: var(--lds-typography-button-text-decoration);
  transition: var(--lds-animation-button-transition);
}

.lds-button .lds-icon.button-icon.inline,
.lds-button .lds-icon.button-icon {
  --lds-spacing-icon-inline-height: var(--lds-spacing-button-subcomponent-icon-height);
  --lds-spacing-icon-inline-width: var(--lds-spacing-button-subcomponent-icon-width);
  min-width: unset;
}

.lds-button .lds-icon.button-icon.before {
  margin-inline-end: var(--lds-spacing-button-subcomponent-icon-margin-between);

}

.lds-button .lds-icon.button-icon.after {
  margin-inline-start: var(--lds-spacing-button-subcomponent-icon-margin-between);
}

.lds-button:hover,
.lds-button.hover {
  background-color: var(--lds-color-button-background-hover);
  border-color: var(--lds-color-button-border-hover);
  color: var(--lds-color-button-foreground-hover);
  text-decoration: var(--lds-typography-button-text-decoration-hover);
  box-shadow: var(--lds-shadow-button-hover) var(--lds-color-button-shadow-hover);

  /* This adjustment helps with border overlap in button groups */
  z-index: 1;
}

.lds-button:focus,
.lds-button.focus {
  background-color: var(--lds-color-button-background-focus);
  border-color: var(--lds-color-button-border-focus);
  color: var(--lds-color-button-foreground-focus);
  text-decoration: var(--lds-typography-button-text-decoration-focus);
  box-shadow: var(--lds-shadow-button-focus) var(--lds-color-button-shadow-focus);

  /* FOCUS RING */
  outline-color: var(--lds-color-button-outline-focus);
  outline-offset: var(--lds-border-button-outline-offset-focus);
  outline-style: var(--lds-border-button-outline-style-focus);
  outline-width: var(--lds-border-button-outline-width-focus);

  /* This adjustment helps with border overlap in button groups */
  z-index: 2;
}

.lds-button:active,
.lds-button.active {
  background-color: var(--lds-color-button-background-active);
  border-color: var(--lds-color-button-border-active);
  color: var(--lds-color-button-foreground-active);
  text-decoration: var(--lds-typography-button-text-decoration-active);
  box-shadow: var(--lds-shadow-button-active) var(--lds-color-button-shadow-active);
}

.lds-button:visited,
.lds-button.visited {
  background-color: var(--lds-color-button-background-visited);
  border-color: var(--lds-color-button-border-visited);
  color: var(--lds-color-button-foreground-visited);
  text-decoration: var(--lds-typography-button-text-decoration-visited);
  box-shadow: var(--lds-shadow-button-visited) var(--lds-color-button-shadow-visited);
}

/** STATES **/

/* DISABLED STATE */

.lds-button.disabled,
.lds-button[disabled] {
  background-color: var(--lds-color-button-background-disabled);
  border-color: var(--lds-color-button-border-disabled);
  border-width: var(--lds-border-button-width-disabled);
  color: var(--lds-color-button-foreground-disabled);
  box-shadow: var(--lds-shadow-button-disabled);
  cursor: var(--lds-animation-button-cursor-disabled);
}

.lds-button.disabled:hover,
.lds-button[disabled]:hover,
.lds-button.disabled.hover,
.lds-button[disabled].hover {
  background-color: var(--lds-color-button-background-disabled-hover);
  border-color: var(--lds-color-button-border-disabled-hover);
  color: var(--lds-color-button-foreground-disabled-hover);
}

.lds-button.disabled:focus,
.lds-button[disabled]:focus,
.lds-button.disabled.focus,
.lds-button[disabled].focus {
  background-color: var(--lds-color-button-background-disabled-focus);
  border-color: var(--lds-color-button-border-disabled-focus);
  color: var(--lds-color-button-foreground-disabled-focus);
  outline-color: var(--lds-color-button-outline-disabled-focus);
}

.lds-button.disabled:active,
.lds-button[disabled]:active,
.lds-button.disabled.active,
.lds-button[disabled].active {
  background-color: var(--lds-color-button-background-disabled-active);
  border-color: var(--lds-color-button-border-disabled-active);
  color: var(--lds-color-button-foreground-disabled-active);
}

@keyframes ripple {
  to {
    transform: scale(1.5);
    opacity: 0;
  }
}

@media screen and (prefers-reduced-motion: no-preference) {
  .lds-button {
    vertical-align: top; /* https://stackoverflow.com/questions/9273016/why-is-this-inline-block-element-pushed-downward */
    position: relative;
    overflow: hidden;
  }

  .lds-button .ripple {
    position: absolute;
    transform: scale(0);
    border-radius: 50%;
    border: var(--lds-border-button-ripple);
    background-color: var(--lds-color-button-ripple-background);
    animation: ripple var(--lds-animation-button-ripple-duration) var(--lds-animation-button-ripple-timing-function);
    pointer-events: none;
  }

  .lds-button.outlined .ripple,
  .lds-button.action-ghost:not(.inverted) .ripple,
  .lds-button.action-outlined .ripple,
  .lds-button.utility .ripple,
  .lds-button.utility-inverted .ripple,
  .lds-button.system .ripple {
    border: var(--lds-border-button-ripple-darker);
    background-color: var(--lds-color-button-ripple-background-darker);
  }
}

.lds-button.success,
.lds-button.loading-success,
lds-link.success,
lds-link.loading-success {
  --lds-color-button-background: var(--lds-color-success-fg);
  --lds-color-button-background-hover: var(--lds-color-success-fg-hover);
  --lds-color-button-background-focus: var(--lds-color-success-fg-focus);
  --lds-color-button-background-active: var(--lds-color-success-fg-active);
  --lds-color-button-background-visited: var(--lds-color-success-fg-visited);


  --lds-color-button-background-disabled: var(--lds-color-success-fg);
  --lds-color-button-background-disabled-hover: var(--lds-color-success-fg);
  --lds-color-button-background-disabled-focus: var(--lds-color-success-fg);
  --lds-color-button-background-disabled-active: var(--lds-color-success-fg);
  --lds-color-button-background-disabled-visited: var(--lds-color-success-fg);
  --lds-color-button-foreground-disabled: var(--lds-color-neutral-000);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-neutral-000);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-neutral-000);
  --lds-color-button-foreground-disabled-active: var(--lds-color-neutral-000);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-neutral-000);
}

.lds-button.warning,
lds-link.warning {
  --lds-color-button-background: var(--lds-color-warning-fg);
  --lds-color-button-background-hover: var(--lds-color-warning-fg-hover);
  --lds-color-button-background-focus: var(--lds-color-warning-fg-focus);
  --lds-color-button-background-active: var(--lds-color-warning-fg-active);
  --lds-color-button-background-visited: var(--lds-color-warning-fg-visited);


  --lds-color-button-background-disabled: var(--lds-color-warning-fg);
  --lds-color-button-background-disabled-hover: var(--lds-color-warning-fg);
  --lds-color-button-background-disabled-focus: var(--lds-color-warning-fg);
  --lds-color-button-background-disabled-active: var(--lds-color-warning-fg);
  --lds-color-button-background-disabled-visited: var(--lds-color-warning-fg);
  --lds-color-button-foreground-disabled: var(--lds-color-neutral-000);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-neutral-000);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-neutral-000);
  --lds-color-button-foreground-disabled-active: var(--lds-color-neutral-000);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-neutral-000);
}

.lds-button.danger,
.lds-button.loading-failure,
lds-link.danger,
lds-link.loading-failure {
  --lds-color-button-background: var(--lds-color-danger-fg);
  --lds-color-button-background-hover: var(--lds-color-danger-fg-hover);
  --lds-color-button-background-focus: var(--lds-color-danger-fg-focus);
  --lds-color-button-background-active: var(--lds-color-danger-fg-active);
  --lds-color-button-background-visited: var(--lds-color-danger-fg-visited);


  --lds-color-button-background-disabled: var(--lds-color-danger-fg);
  --lds-color-button-background-disabled-hover: var(--lds-color-danger-fg);
  --lds-color-button-background-disabled-focus: var(--lds-color-danger-fg);
  --lds-color-button-background-disabled-active: var(--lds-color-danger-fg);
  --lds-color-button-background-disabled-visited: var(--lds-color-danger-fg);
  --lds-color-button-foreground-disabled: var(--lds-color-neutral-000);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-neutral-000);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-neutral-000);
  --lds-color-button-foreground-disabled-active: var(--lds-color-neutral-000);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-neutral-000);
}

.lds-button.inverted,
lds-link.inverted {
  --lds-color-button-background: var(--lds-color-primary-inverted-fg);
  --lds-color-button-background-hover: var(--lds-color-primary-inverted-fg-hover);
  --lds-color-button-background-focus: var(--lds-color-primary-inverted-fg-focus);
  --lds-color-button-background-active: var(--lds-color-primary-inverted-fg-active);
  --lds-color-button-background-visited: var(--lds-color-primary-inverted-fg-visited);
  --lds-color-button-border: var(--lds-color-transparent);
  --lds-color-button-border-hover: var(--lds-color-transparent);
  --lds-color-button-border-focus: var(--lds-color-transparent);
  --lds-color-button-border-active: var(--lds-color-transparent);
  --lds-color-button-border-visited: var(--lds-color-transparent);
  --lds-color-button-foreground: var(--lds-color-neutral-100);
  --lds-color-button-foreground-hover: var(--lds-color-neutral-100);
  --lds-color-button-foreground-focus: var(--lds-color-neutral-100);
  --lds-color-button-foreground-active: var(--lds-color-primary-fg-active);
  --lds-color-button-foreground-visited: var(--lds-color-neutral-100);
  --lds-color-button-outline-focus: var(--lds-color-neutral-010);
  --lds-color-button-shadow: var(--lds-color-transparent);
  --lds-color-button-shadow-hover: var(--lds-color-transparent);
  --lds-color-button-shadow-focus: var(--lds-color-transparent);
  --lds-color-button-shadow-active: var(--lds-color-transparent);
  --lds-color-button-shadow-visited: var(--lds-color-transparentw);

  --lds-color-button-background-disabled: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-hover: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-focus: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-active: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-visited: var(--lds-color-neutral-010);
  --lds-color-button-border-disabled: var(--lds-color-transparent);
  --lds-color-button-border-disabled-hover: var(--lds-color-transparent);
  --lds-color-button-border-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-border-disabled-active: var(--lds-color-transparent);
  --lds-color-button-foreground-disabled: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-active: var(--lds-color-neutral-060);
  --lds-color-button-outline-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-hover: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-active: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-visited: var(--lds-color-transparent);
}

/* inverted primary button does not use the inverted green colors but just the standard success */

.lds-button.inverted.success,
.lds-button.inverted.loading-success,
lds-link.inverted.success,
lds-link.inverted.loading-success {
  --lds-color-button-background: var(--lds-color-success-fg);
  --lds-color-button-background-hover: var(--lds-color-success-fg-hover);
  --lds-color-button-background-focus: var(--lds-color-success-fg-focus);
  --lds-color-button-background-active: var(--lds-color-success-fg-active);
  --lds-color-button-background-visited: var(--lds-color-success-fg-visited);

  --lds-color-button-foreground: var(--lds-color-neutral-000);
  --lds-color-button-foreground-hover: var(--lds-color-neutral-000);
  --lds-color-button-foreground-focus: var(--lds-color-neutral-000);
  --lds-color-button-foreground-active: var(--lds-color-neutral-000);
  --lds-color-button-foreground-visited: var(--lds-color-neutral-000);

  --lds-color-button-background-disabled: var(--lds-color-success-fg);
  --lds-color-button-background-disabled-hover: var(--lds-color-success-fg);
  --lds-color-button-background-disabled-focus: var(--lds-color-success-fg);
  --lds-color-button-background-disabled-active: var(--lds-color-success-fg);
  --lds-color-button-background-disabled-visited: var(--lds-color-success-fg);

  --lds-color-button-foreground-disabled: var(--lds-color-neutral-000);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-neutral-000);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-neutral-000);
  --lds-color-button-foreground-disabled-active: var(--lds-color-neutral-000);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-neutral-000);

}

.lds-button.inverted.warning,
lds-link.inverted.warning {
  --lds-color-button-background: var(--lds-color-warning-inverted-fg);
  --lds-color-button-background-hover: var(--lds-color-warning-inverted-fg-hover);
  --lds-color-button-background-focus: var(--lds-color-warning-inverted-fg-focus);
  --lds-color-button-background-active: var(--lds-color-warning-inverted-fg-active);
  --lds-color-button-background-visited: var(--lds-color-warning-inverted-fg-visited);
  --lds-color-button-foreground: var(--lds-color-neutral-100);
  --lds-color-button-foreground-hover: var(--lds-color-neutral-100);
  --lds-color-button-foreground-focus: var(--lds-color-neutral-100);
  --lds-color-button-foreground-active: var(--lds-color-warning-fg-active);
  --lds-color-button-foreground-visited: var(--lds-color-neutral-100);

  --lds-color-button-background-disabled: var(--lds-color-warning-inverted-fg);
  --lds-color-button-background-disabled-hover: var(--lds-color-warning-inverted-fg);
  --lds-color-button-background-disabled-focus: var(--lds-color-warning-inverted-fg);
  --lds-color-button-background-disabled-active: var(--lds-color-warning-inverted-fg);
  --lds-color-button-background-disabled-visited: var(--lds-color-warning-inverted-fg);
  --lds-color-button-foreground-disabled: var(--lds-color-neutral-100);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-neutral-100);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-neutral-100);
  --lds-color-button-foreground-disabled-active: var(--lds-color-neutral-100);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-neutral-100);
}

.lds-button.inverted.danger,
.lds-button.inverted.loading-failure,
lds-link.inverted.danger,
lds-link.inverted.loading-failure {
  --lds-color-button-background: var(--lds-color-danger-fg);
  --lds-color-button-background-hover: var(--lds-color-danger-fg-hover);
  --lds-color-button-background-focus: var(--lds-color-danger-fg-focus);
  --lds-color-button-background-active: var(--lds-color-danger-fg-active);
  --lds-color-button-background-visited: var(--lds-color-danger-fg-visited);


  --lds-color-button-background-disabled: var(--lds-color-danger-fg);
  --lds-color-button-background-disabled-hover: var(--lds-color-danger-fg);
  --lds-color-button-background-disabled-focus: var(--lds-color-danger-fg);
  --lds-color-button-background-disabled-active: var(--lds-color-danger-fg);
  --lds-color-button-background-disabled-visited: var(--lds-color-danger-fg);

  --lds-color-button-foreground: var(--lds-color-neutral-000);
  --lds-color-button-foreground-hover: var(--lds-color-neutral-000);
  --lds-color-button-foreground-focus: var(--lds-color-neutral-000);
  --lds-color-button-foreground-active: var(--lds-color-neutral-000);
  --lds-color-button-foreground-visited: var(--lds-color-neutral-000);

  --lds-color-button-foreground-disabled: var(--lds-color-neutral-000);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-neutral-000);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-neutral-000);
  --lds-color-button-foreground-disabled-active: var(--lds-color-neutral-000);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-neutral-000);
}

.lds-button.outlined,
lds-link.outlined {
  --lds-color-button-background: var(--lds-color-neutral-000);
  --lds-color-button-background-hover: var(--lds-color-primary-010);
  --lds-color-button-background-focus: var(--lds-color-primary-010);
  --lds-color-button-background-active: var(--lds-color-primary-020);
  --lds-color-button-background-visited: var(--lds-color-neutral-000);
  --lds-color-button-border: var(--lds-color-primary-fg);
  --lds-color-button-border-hover: var(--lds-color-primary-fg-hover);
  --lds-color-button-border-focus: var(--lds-color-primary-fg-focus);
  --lds-color-button-border-active: var(--lds-color-primary-fg-active);
  --lds-color-button-border-visited: var(--lds-color-primary-fg-visited);
  --lds-color-button-foreground: var(--lds-color-primary-fg);
  --lds-color-button-foreground-hover: var(--lds-color-primary-fg-hover);
  --lds-color-button-foreground-focus: var(--lds-color-primary-fg-focus);
  --lds-color-button-foreground-active: var(--lds-color-primary-fg-active);
  --lds-color-button-foreground-visited: var(--lds-color-primary-fg-visited);
  --lds-color-button-outline-focus: var(--lds-color-neutral-070);

  --lds-color-button-background-disabled: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-hover: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-focus: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-active: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-visited: var(--lds-color-neutral-010);
  --lds-color-button-border-disabled: var(--lds-color-neutral-030);
  --lds-color-button-border-disabled-hover: var(--lds-color-neutral-030);
  --lds-color-button-border-disabled-focus: var(--lds-color-neutral-030);
  --lds-color-button-border-disabled-active: var(--lds-color-neutral-030);
  --lds-color-button-border-disabled-visited: var(--lds-color-neutral-030);
  --lds-color-button-foreground-disabled: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-active: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-neutral-060);
}

.lds-button.outlined.success,
.lds-button.outlined.loading-success,
lds-link.outlined.success,
lds-link.outlined.loading-success {
  --lds-color-button-background: var(--lds-color-neutral-000);
  --lds-color-button-background-hover: var(--lds-color-success-010);
  --lds-color-button-background-focus: var(--lds-color-success-010);
  --lds-color-button-background-active: var(--lds-color-success-020);
  --lds-color-button-background-visited: var(--lds-color-neutral-000);
  --lds-color-button-border: var(--lds-color-success-fg);
  --lds-color-button-border-hover: var(--lds-color-success-fg-hover);
  --lds-color-button-border-focus: var(--lds-color-success-fg-focus);
  --lds-color-button-border-active: var(--lds-color-success-fg-active);
  --lds-color-button-border-visited: var(--lds-color-success-fg-visited);
  --lds-color-button-foreground: var(--lds-color-success-fg);
  --lds-color-button-foreground-hover: var(--lds-color-success-fg-hover);
  --lds-color-button-foreground-focus: var(--lds-color-success-fg-focus);
  --lds-color-button-foreground-active: var(--lds-color-success-fg-active);
  --lds-color-button-foreground-visited: var(--lds-color-success-fg-visited);

  --lds-color-button-background-disabled: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-hover: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-focus: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-active: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-visited: var(--lds-color-neutral-000);
  --lds-color-button-border-disabled: var(--lds-color-success-fg);
  --lds-color-button-border-disabled-hover: var(--lds-color-success-fg);
  --lds-color-button-border-disabled-focus: var(--lds-color-success-fg);
  --lds-color-button-border-disabled-active: var(--lds-color-success-fg);
  --lds-color-button-border-disabled-visited: var(--lds-color-success-fg);
  --lds-color-button-foreground-disabled: var(--lds-color-success-fg);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-success-fg);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-success-fg);
  --lds-color-button-foreground-disabled-active: var(--lds-color-success-fg);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-success-fg);
}

.lds-button.outlined.warning,
lds-link.outlined.warning {
  --lds-color-button-background: var(--lds-color-neutral-000);
  --lds-color-button-background-hover: var(--lds-color-warning-010);
  --lds-color-button-background-focus: var(--lds-color-warning-010);
  --lds-color-button-background-active: var(--lds-color-warning-020);
  --lds-color-button-background-visited: var(--lds-color-neutral-000);
  --lds-color-button-border: var(--lds-color-warning-fg);
  --lds-color-button-border-hover: var(--lds-color-warning-fg-hover);
  --lds-color-button-border-focus: var(--lds-color-warning-fg-focus);
  --lds-color-button-border-active: var(--lds-color-warning-fg-active);
  --lds-color-button-border-visited: var(--lds-color-warning-fg-visited);
  --lds-color-button-foreground: var(--lds-color-warning-fg);
  --lds-color-button-foreground-hover: var(--lds-color-warning-fg-hover);
  --lds-color-button-foreground-focus: var(--lds-color-warning-fg-focus);
  --lds-color-button-foreground-active: var(--lds-color-warning-fg-active);
  --lds-color-button-foreground-visited: var(--lds-color-warning-fg-visited);

  --lds-color-button-background-disabled: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-hover: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-focus: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-active: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-visited: var(--lds-color-neutral-000);
  --lds-color-button-border-disabled: var(--lds-color-warning-fg);
  --lds-color-button-border-disabled-hover: var(--lds-color-warning-fg);
  --lds-color-button-border-disabled-focus: var(--lds-color-warning-fg);
  --lds-color-button-border-disabled-active: var(--lds-color-warning-fg);
  --lds-color-button-border-disabled-visited: var(--lds-color-warning-fg);
  --lds-color-button-foreground-disabled: var(--lds-color-warning-fg);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-warning-fg);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-warning-fg);
  --lds-color-button-foreground-disabled-active: var(--lds-color-warning-fg);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-warning-fg);
}

.lds-button.outlined.danger,
.lds-button.outlined.loading-failure,
lds-link.outlined.danger,
lds-link.outlined.loading-failure {
  --lds-color-button-background: var(--lds-color-neutral-000);
  --lds-color-button-background-hover: var(--lds-color-danger-010);
  --lds-color-button-background-focus: var(--lds-color-danger-010);
  --lds-color-button-background-active: var(--lds-color-danger-020);
  --lds-color-button-background-visited: var(--lds-color-danger-000);
  --lds-color-button-border: var(--lds-color-danger-fg);
  --lds-color-button-border-hover: var(--lds-color-danger-fg-hover);
  --lds-color-button-border-focus: var(--lds-color-danger-fg-focus);
  --lds-color-button-border-active: var(--lds-color-danger-fg-active);
  --lds-color-button-border-visited: var(--lds-color-danger-fg-visited);
  --lds-color-button-foreground: var(--lds-color-danger-fg);
  --lds-color-button-foreground-hover: var(--lds-color-danger-fg-hover);
  --lds-color-button-foreground-focus: var(--lds-color-danger-fg-focus);
  --lds-color-button-foreground-active: var(--lds-color-danger-fg-active);
  --lds-color-button-foreground-visited: var(--lds-color-danger-fg-visited);

  --lds-color-button-background-disabled: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-hover: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-focus: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-active: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-visited: var(--lds-color-neutral-000);
  --lds-color-button-border-disabled: var(--lds-color-danger-fg);
  --lds-color-button-border-disabled-hover: var(--lds-color-danger-fg);
  --lds-color-button-border-disabled-focus: var(--lds-color-danger-fg);
  --lds-color-button-border-disabled-active: var(--lds-color-danger-fg);
  --lds-color-button-border-disabled-visited: var(--lds-color-danger-fg);
  --lds-color-button-foreground-disabled: var(--lds-color-danger-fg);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-danger-fg);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-danger-fg);
  --lds-color-button-foreground-disabled-active: var(--lds-color-danger-fg);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-danger-fg);
}

.lds-button.outlined-inverted,
.lds-loading-button.loading .lds-button.outlined-inverted.disabled,
lds-link.outlined-inverted {
  --lds-color-button-background: var(--lds-color-neutral-070);
  --lds-color-button-background-hover: var(--lds-color-neutral-080);
  --lds-color-button-background-focus:  var(--lds-color-neutral-080);
  --lds-color-button-background-active:  var(--lds-color-neutral-090);
  --lds-color-button-background-visited:  var(--lds-color-neutral-070);
  --lds-color-button-border: var(--lds-color-primary-inverted-fg);
  --lds-color-button-border-hover: var(--lds-color-primary-inverted-fg-hover);
  --lds-color-button-border-focus: var(--lds-color-primary-inverted-fg-focus);
  --lds-color-button-border-active: var(--lds-color-primary-inverted-fg-active);
  --lds-color-button-border-visited: var(--lds-color-primary-inverted-fg-visited);
  --lds-color-button-foreground: var(--lds-color-primary-inverted-fg);
  --lds-color-button-foreground-hover: var(--lds-color-primary-inverted-fg-hover);
  --lds-color-button-foreground-focus: var(--lds-color-primary-inverted-fg-focus);
  --lds-color-button-foreground-active: var(--lds-color-primary-inverted-fg-active);
  --lds-color-button-foreground-visited: var(--lds-color-primary-inverted-fg-visited);
  --lds-color-button-outline-focus: var(--lds-color-neutral-010);

  --lds-color-button-background-disabled: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-hover: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-focus: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-active: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-visited: var(--lds-color-neutral-010);
  --lds-color-button-border-disabled: var(--lds-color-neutral-030);
  --lds-color-button-border-disabled-hover: var(--lds-color-neutral-030);
  --lds-color-button-border-disabled-focus: var(--lds-color-neutral-030);
  --lds-color-button-border-disabled-active: var(--lds-color-neutral-030);
  --lds-color-button-border-disabled-visited: var(--lds-color-neutral-030);
  --lds-color-button-foreground-disabled: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-active: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-neutral-060);
}

.lds-button.outlined-inverted.success,
.lds-button.outlined-inverted.loading-success,
.lds-loading-button.success .lds-button.outlined-inverted.disabled.success,
.lds-loading-button.success .lds-button.outlined-inverted.disabled.loading-success,
lds-link.outlined-inverted.success,
lds-link.outlined-inverted.loading-success {
  --lds-color-button-border: var(--lds-color-success-inverted-fg);
  --lds-color-button-border-hover: var(--lds-color-success-inverted-fg-hover);
  --lds-color-button-border-focus: var(--lds-color-success-inverted-fg-focus);
  --lds-color-button-border-active: var(--lds-color-success-inverted-fg-active);
  --lds-color-button-border-visited: var(--lds-color-success-inverted-fg-visited);
  --lds-color-button-foreground: var(--lds-color-success-inverted-fg);
  --lds-color-button-foreground-hover: var(--lds-color-success-inverted-fg-hover);
  --lds-color-button-foreground-focus: var(--lds-color-success-inverted-fg-focus);
  --lds-color-button-foreground-active: var(--lds-color-success-inverted-fg-active);
  --lds-color-button-foreground-visited: var(--lds-color-success-inverted-fg-visited);

  --lds-color-button-background-disabled: var(--lds-color-neutral-070);
  --lds-color-button-border-disabled: var(--lds-color-success-inverted-fg);
  --lds-color-button-border-disabled-hover: var(--lds-color-success-inverted-fg);
  --lds-color-button-border-disabled-focus: var(--lds-color-success-inverted-fg);
  --lds-color-button-border-disabled-active: var(--lds-color-success-inverted-fg);
  --lds-color-button-border-disabled-visited: var(--lds-color-success-inverted-fg);
  --lds-color-button-foreground-disabled: var(--lds-color-success-inverted-fg);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-success-inverted-fg);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-success-inverted-fg);
  --lds-color-button-foreground-disabled-active: var(--lds-color-success-inverted-fg);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-success-inverted-fg);
}

.lds-button.outlined-inverted.warning,
lds-link.outlined-inverted.warning {
  --lds-color-button-border: var(--lds-color-warning-inverted-fg);
  --lds-color-button-border-hover: var(--lds-color-warning-inverted-fg-hover);
  --lds-color-button-border-focus: var(--lds-color-warning-inverted-fg-focus);
  --lds-color-button-border-active: var(--lds-color-warning-inverted-fg-active);
  --lds-color-button-border-visited: var(--lds-color-warning-inverted-fg-visited);
  --lds-color-button-foreground: var(--lds-color-warning-inverted-fg);
  --lds-color-button-foreground-hover: var(--lds-color-warning-inverted-fg-hover);
  --lds-color-button-foreground-focus: var(--lds-color-warning-inverted-fg-focus);
  --lds-color-button-foreground-active: var(--lds-color-warning-inverted-fg-active);
  --lds-color-button-foreground-visited: var(--lds-color-warning-inverted-fg-visited);

  --lds-color-button-border-disabled: var(--lds-color-warning-inverted-fg);
  --lds-color-button-border-disabled-hover: var(--lds-color-warning-inverted-fg);
  --lds-color-button-border-disabled-focus: var(--lds-color-warning-inverted-fg);
  --lds-color-button-border-disabled-active: var(--lds-color-warning-inverted-fg);
  --lds-color-button-border-disabled-visited: var(--lds-color-warning-inverted-fg);
  --lds-color-button-foreground-disabled: var(--lds-color-warning-inverted-fg);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-warning-inverted-fg);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-warning-inverted-fg);
  --lds-color-button-foreground-disabled-active: var(--lds-color-warning-inverted-fg);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-warning-inverted-fg);
}

.lds-button.outlined-inverted.danger,
.lds-button.outlined-inverted.loading-failure,
.lds-loading-button.failure .lds-button.outlined-inverted.disabled.danger,
.lds-loading-button.failure .lds-button.outlined-inverted.disabled.loading-failure,
lds-link.outlined-inverted.danger,
lds-link.outlined-inverted.loading-failure {
  --lds-color-button-border: var(--lds-color-danger-inverted-fg);
  --lds-color-button-border-hover: var(--lds-color-danger-inverted-fg-hover);
  --lds-color-button-border-focus: var(--lds-color-danger-inverted-fg-focus);
  --lds-color-button-border-active: var(--lds-color-danger-inverted-fg-active);
  --lds-color-button-border-visited: var(--lds-color-danger-inverted-fg-visited);
  --lds-color-button-foreground: var(--lds-color-danger-inverted-fg);
  --lds-color-button-foreground-hover: var(--lds-color-danger-inverted-fg-hover);
  --lds-color-button-foreground-focus: var(--lds-color-danger-inverted-fg-focus);
  --lds-color-button-foreground-active: var(--lds-color-danger-inverted-fg-active);
  --lds-color-button-foreground-visited: var(--lds-color-danger-inverted-fg-visited);

  --lds-color-button-background-disabled: var(--lds-color-neutral-070);
  --lds-color-button-border-disabled: var(--lds-color-danger-inverted-fg);
  --lds-color-button-border-disabled-hover: var(--lds-color-danger-inverted-fg);
  --lds-color-button-border-disabled-focus: var(--lds-color-danger-inverted-fg);
  --lds-color-button-border-disabled-active: var(--lds-color-danger-inverted-fg);
  --lds-color-button-border-disabled-visited: var(--lds-color-danger-inverted-fg);
  --lds-color-button-foreground-disabled: var(--lds-color-danger-inverted-fg);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-danger-inverted-fg);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-danger-inverted-fg);
  --lds-color-button-foreground-disabled-active: var(--lds-color-danger-inverted-fg);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-danger-inverted-fg);
}

.lds-button.outlined-inverted.transparent,
lds-link.outlined-inverted.transparent {
  --lds-color-button-background: transparent;
  --lds-color-button-background-hover: rgba(255, 255, 255, 0.1);
  --lds-color-button-background-focus: rgba(255, 255, 255, 0.1);
  --lds-color-button-background-active: rgba(255, 255, 255, 0.05);
  --lds-color-button-background-visited: transparent;

  --lds-color-button-background-disabled: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-hover: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-focus: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-active: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-visited: var(--lds-color-neutral-010);
}

.lds-button.ghost,
lds-link.ghost {
  --lds-color-button-background: var(--lds-color-transparent);
  --lds-color-button-background-hover: rgba(0, 0, 0, 0.05);
  --lds-color-button-background-focus: rgba(0, 0, 0, 0.05);
  --lds-color-button-background-active: rgba(0, 0, 0, 0.1);
  --lds-color-button-background-visited: var(--lds-color-transparent);
  --lds-color-button-border: var(--lds-color-transparent);
  --lds-color-button-border-hover: var(--lds-color-transparent);
  --lds-color-button-border-focus: var(--lds-color-transparent);
  --lds-color-button-border-active: var(--lds-color-transparent);
  --lds-color-button-border-visited: var(--lds-color-transparent);
  --lds-color-button-foreground: var(--lds-color-primary-070);
  --lds-color-button-foreground-hover: var(--lds-color-primary-070);
  --lds-color-button-foreground-focus: var(--lds-color-primary-070);
  --lds-color-button-foreground-active: var(--lds-color-primary-070);
  --lds-color-button-foreground-visited: var(--lds-color-primary-070);
  --lds-color-button-outline-focus: var(--lds-color-neutral-070);
  --lds-color-button-shadow: var(--lds-color-transparent);
  --lds-color-button-shadow-hover: var(--lds-color-transparent);
  --lds-color-button-shadow-focus: rgba(52, 63, 65, 0.20);
  --lds-color-button-shadow-active: var(--lds-color-transparent);
  --lds-color-button-shadow-visited: var(--lds-color-transparent);

  --lds-shadow-button-hover: 0 .125rem .25rem 0;

  --lds-color-button-background-disabled: var(--lds-color-transparent);
  --lds-color-button-background-disabled-hover: var(--lds-color-transparent);
  --lds-color-button-background-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-background-disabled-active: var(--lds-color-transparent);
  --lds-color-button-background-disabled-visited: var(--lds-color-transparent);
  --lds-color-button-border-disabled: var(--lds-color-transparent);
  --lds-color-button-border-disabled-hover: var(--lds-color-transparent);
  --lds-color-button-border-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-border-disabled-active: var(--lds-color-transparent);
  --lds-color-button-foreground-disabled: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-active: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-neutral-060);
  --lds-color-button-outline-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-hover: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-active: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-visited: var(--lds-color-transparent);

  --lds-shadow-button-disabled-hover: none;
}

.lds-button.ghost.success,
.lds-button.ghost.loading-success,
lds-link.ghost.success,
lds-link.ghost.loading-success {
  --lds-color-button-foreground: var(--lds-color-success-070);
  --lds-color-button-foreground-hover: var(--lds-color-success-070);
  --lds-color-button-foreground-focus: var(--lds-color-success-070);
  --lds-color-button-foreground-active: var(--lds-color-success-070);
  --lds-color-button-foreground-visited: var(--lds-color-success-070);

  --lds-color-button-foreground-disabled: var(--lds-color-success-070);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-success-070);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-success-070);
  --lds-color-button-foreground-disabled-active: var(--lds-color-success-070);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-success-070);
}

.lds-button.ghost.warning,
lds-link.ghost.warning {
  --lds-color-button-foreground: var(--lds-color-warning-070);
  --lds-color-button-foreground-hover: var(--lds-color-warning-070);
  --lds-color-button-foreground-focus: var(--lds-color-warning-070);
  --lds-color-button-foreground-active: var(--lds-color-warning-070);
  --lds-color-button-foreground-visited: var(--lds-color-warning-070);

  --lds-color-button-foreground-disabled: var(--lds-color-warning-070);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-warning-070);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-warning-070);
  --lds-color-button-foreground-disabled-active: var(--lds-color-warning-070);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-warning-070);
}

.lds-button.ghost.danger,
.lds-button.ghost.loading-failure,
lds-link.ghost.danger,
lds-link.ghost.loading-failure {
  --lds-color-button-foreground: var(--lds-color-danger-070);
  --lds-color-button-foreground-hover: var(--lds-color-danger-070);
  --lds-color-button-foreground-focus: var(--lds-color-danger-070);
  --lds-color-button-foreground-active: var(--lds-color-danger-070);
  --lds-color-button-foreground-visited: var(--lds-color-danger-070);

  --lds-color-button-foreground-disabled: var(--lds-color-danger-070);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-danger-070);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-danger-070);
  --lds-color-button-foreground-disabled-active: var(--lds-color-danger-070);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-danger-070);
}

.lds-button.ghost-inverted,
lds-link.ghost-inverted {
  --lds-color-button-background: var(--lds-color-transparent);
  --lds-color-button-background-hover: rgba(255, 255, 255, 0.1);
  --lds-color-button-background-focus: rgba(255, 255, 255, 0.1);
  --lds-color-button-background-active: rgba(255, 255, 255, 0.05);
  --lds-color-button-background-visited: var(--lds-color-transparent);
  --lds-color-button-border: var(--lds-color-transparent);
  --lds-color-button-border-hover: var(--lds-color-transparent);
  --lds-color-button-border-focus: var(--lds-color-transparent);
  --lds-color-button-border-active: var(--lds-color-transparent);
  --lds-color-button-border-visited: var(--lds-color-transparent);
  --lds-color-button-foreground: var(--lds-color-primary-040);
  --lds-color-button-foreground-hover: var(--lds-color-primary-040);
  --lds-color-button-foreground-focus: var(--lds-color-primary-040);
  --lds-color-button-foreground-active: var(--lds-color-primary-040);
  --lds-color-button-foreground-visited: var(--lds-color-primary-040);
  --lds-color-button-outline-focus: var(--lds-color-neutral-010);
  --lds-color-button-shadow: var(--lds-color-transparent);
  --lds-color-button-shadow-hover: var(--lds-color-transparent);
  --lds-color-button-shadow-focus: rgba(52, 63, 65, 0.20);
  --lds-color-button-shadow-active: var(--lds-color-transparent);
  --lds-color-button-shadow-visited: var(--lds-color-transparent);

  --lds-shadow-button-hover: 0 .125rem .25rem 0;

  --lds-color-button-background-disabled: var(--lds-color-transparent);
  --lds-color-button-background-disabled-hover: var(--lds-color-transparent);
  --lds-color-button-background-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-background-disabled-active: var(--lds-color-transparent);
  --lds-color-button-background-disabled-visited: var(--lds-color-transparent);
  --lds-color-button-border-disabled: var(--lds-color-transparent);
  --lds-color-button-border-disabled-hover: var(--lds-color-transparent);
  --lds-color-button-border-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-border-disabled-active: var(--lds-color-transparent);
  --lds-color-button-foreground-disabled: var(--lds-color-neutral-050);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-neutral-050);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-neutral-050);
  --lds-color-button-foreground-disabled-active: var(--lds-color-neutral-050);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-neutral-050);
  --lds-color-button-outline-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-hover: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-active: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-visited: var(--lds-color-transparent);

  --lds-shadow-button-disabled-hover: none;
}

.lds-button.ghost-inverted.success,
.lds-button.ghost-inverted.loading-success,
lds-link.ghost-inverted.success,
lds-link.ghost-inverted.loading-success {
  --lds-color-button-foreground: var(--lds-color-success-040);
  --lds-color-button-foreground-hover: var(--lds-color-success-040);
  --lds-color-button-foreground-focus: var(--lds-color-success-040);
  --lds-color-button-foreground-active: var(--lds-color-success-040);
  --lds-color-button-foreground-visited: var(--lds-color-success-040);

  --lds-color-button-foreground-disabled: var(--lds-color-success-040);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-success-040);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-success-040);
  --lds-color-button-foreground-disabled-active: var(--lds-color-success-040);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-success-040);
}

.lds-button.ghost-inverted.warning,
lds-link.ghost-inverted.warning {
  --lds-color-button-foreground: var(--lds-color-warning-040);
  --lds-color-button-foreground-hover: var(--lds-color-warning-040);
  --lds-color-button-foreground-focus: var(--lds-color-warning-040);
  --lds-color-button-foreground-active: var(--lds-color-warning-040);
  --lds-color-button-foreground-visited: var(--lds-color-warning-040);

  --lds-color-button-foreground-disabled: var(--lds-color-warning-040);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-warning-040);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-warning-040);
  --lds-color-button-foreground-disabled-active: var(--lds-color-warning-040);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-warning-040);
}

.lds-button.ghost-inverted.danger,
.lds-button.ghost-inverted.loading-failure,
lds-link.ghost-inverted.danger,
lds-link.ghost-inverted.loading-failure {
  --lds-color-button-foreground: var(--lds-color-danger-040);
  --lds-color-button-foreground-hover: var(--lds-color-danger-040);
  --lds-color-button-foreground-focus: var(--lds-color-danger-040);
  --lds-color-button-foreground-active: var(--lds-color-danger-040);
  --lds-color-button-foreground-visited: var(--lds-color-danger-040);

  --lds-color-button-foreground-disabled: var(--lds-color-danger-040);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-danger-040);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-danger-040);
  --lds-color-button-foreground-disabled-active: var(--lds-color-danger-040);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-danger-040);
}

.lds-button.action,
lds-link.action {
  --lds-color-button-background: var(--lds-color-action-fg);
  --lds-color-button-background-hover: var(--lds-color-action-fg-hover);
  --lds-color-button-background-focus: var(--lds-color-action-fg-focus);
  --lds-color-button-background-active: var(--lds-color-action-fg-active);
  --lds-color-button-background-visited: var(--lds-color-action-fg-visited);
  --lds-color-button-border: var(--lds-color-transparent);
  --lds-color-button-border-hover: var(--lds-color-transparent);
  --lds-color-button-border-focus: var(--lds-color-transparent);
  --lds-color-button-border-active: var(--lds-color-transparent);
  --lds-color-button-border-visited: var(--lds-color-transparent);
  --lds-color-button-foreground: var(--lds-color-neutral-000);
  --lds-color-button-foreground-hover: var(--lds-color-neutral-000);
  --lds-color-button-foreground-focus: var(--lds-color-neutral-000);
  --lds-color-button-foreground-active: var(--lds-color-neutral-000);
  --lds-color-button-foreground-visited: var(--lds-color-neutral-000);
  --lds-color-button-outline-focus: var(--lds-color-neutral-070);
  --lds-color-button-shadow: var(--lds-color-transparent);
  --lds-color-button-shadow-hover: var(--lds-color-transparent);
  --lds-color-button-shadow-focus: var(--lds-color-transparent);
  --lds-color-button-shadow-active: var(--lds-color-transparent);
  --lds-color-button-shadow-visited: var(--lds-color-transparentw);

  --lds-color-button-background-disabled: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-hover: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-focus: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-active: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-visited: var(--lds-color-neutral-010);
  --lds-color-button-border-disabled: var(--lds-color-transparent);
  --lds-color-button-border-disabled-hover: var(--lds-color-transparent);
  --lds-color-button-border-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-border-disabled-active: var(--lds-color-transparent);
  --lds-color-button-border-disabled-visited: var(--lds-color-transparent);
  --lds-color-button-foreground-disabled: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-active: var(--lds-color-neutral-060);
  --lds-color-button-outline-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-hover: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-active: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-visited: var(--lds-color-transparent);
}

.lds-button.action.success,
.lds-button.action.loading-success,
lds-link.action.success,
lds-link.action.loading-success {
  --lds-color-button-background: var(--lds-color-success-fg);
  --lds-color-button-background-hover: var(--lds-color-success-fg-hover);
  --lds-color-button-background-focus: var(--lds-color-success-fg-focus);
  --lds-color-button-background-active: var(--lds-color-success-fg-active);
  --lds-color-button-background-visited: var(--lds-color-success-fg-visited);

  --lds-color-button-background-disabled: var(--lds-color-success-fg);
  --lds-color-button-background-disabled-hover: var(--lds-color-success-fg);
  --lds-color-button-background-disabled-focus: var(--lds-color-success-fg);
  --lds-color-button-background-disabled-active: var(--lds-color-success-fg);
  --lds-color-button-background-disabled-visited: var(--lds-color-success-fg);
}

.lds-button.action.warning,
lds-link.action.warning {
  --lds-color-button-background: var(--lds-color-warning-fg);
  --lds-color-button-background-hover: var(--lds-color-warning-fg-hover);
  --lds-color-button-background-focus: var(--lds-color-warning-fg-focus);
  --lds-color-button-background-active: var(--lds-color-warning-fg-active);
  --lds-color-button-background-visited: var(--lds-color-warning-fg-visited);

  --lds-color-button-background-disabled: var(--lds-color-warning-fg);
  --lds-color-button-background-disabled-hover: var(--lds-color-warning-fg);
  --lds-color-button-background-disabled-focus: var(--lds-color-warning-fg);
  --lds-color-button-background-disabled-active: var(--lds-color-warning-fg);
  --lds-color-button-background-disabled-visited: var(--lds-color-warning-fg);
}

.lds-button.action.danger,
.lds-button.action.loading-failure,
lds-link.action.danger,
lds-link.action.loading-failure {
  --lds-color-button-background: var(--lds-color-danger-fg);
  --lds-color-button-background-hover: var(--lds-color-danger-fg-hover);
  --lds-color-button-background-focus: var(--lds-color-danger-fg-focus);
  --lds-color-button-background-active: var(--lds-color-danger-fg-active);
  --lds-color-button-background-visited: var(--lds-color-danger-fg-visited);

  --lds-color-button-background-disabled: var(--lds-color-danger-fg);
  --lds-color-button-background-disabled-hover: var(--lds-color-danger-fg);
  --lds-color-button-background-disabled-focus: var(--lds-color-danger-fg);
  --lds-color-button-background-disabled-active: var(--lds-color-danger-fg);
  --lds-color-button-background-disabled-visited: var(--lds-color-danger-fg);
}

.lds-button.action-inverted,
lds-link.action-inverted {
  --lds-color-button-background: var(--lds-color-action-inverted-fg);
  --lds-color-button-background-hover: var(--lds-color-action-inverted-fg-hover);
  --lds-color-button-background-focus: var(--lds-color-action-inverted-fg-focus);
  --lds-color-button-background-active: var(--lds-color-action-inverted-fg-active);
  --lds-color-button-background-visited: var(--lds-color-action-inverted-fg-visited);
  --lds-color-button-border: var(--lds-color-transparent);
  --lds-color-button-border-hover: var(--lds-color-transparent);
  --lds-color-button-border-focus: var(--lds-color-transparent);
  --lds-color-button-border-active: var(--lds-color-transparent);
  --lds-color-button-border-visited: var(--lds-color-transparent);
  --lds-color-button-foreground: var(--lds-color-neutral-100);
  --lds-color-button-foreground-hover: var(--lds-color-neutral-100);
  --lds-color-button-foreground-focus: var(--lds-color-neutral-100);
  --lds-color-button-foreground-active: var(--lds-color-action-fg-active);
  --lds-color-button-foreground-visited: var(--lds-color-neutral-100);
  --lds-color-button-outline-focus: var(--lds-color-neutral-010);
  --lds-color-button-shadow: var(--lds-color-transparent);
  --lds-color-button-shadow-hover: var(--lds-color-transparent);
  --lds-color-button-shadow-focus: var(--lds-color-transparent);
  --lds-color-button-shadow-active: var(--lds-color-transparent);
  --lds-color-button-shadow-visited: var(--lds-color-transparentw);

  --lds-color-button-background-disabled: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-hover: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-focus: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-active: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-visited: var(--lds-color-neutral-010);
  --lds-color-button-border-disabled: var(--lds-color-transparent);
  --lds-color-button-border-disabled-hover: var(--lds-color-transparent);
  --lds-color-button-border-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-border-disabled-active: var(--lds-color-transparent);
  --lds-color-button-foreground-disabled: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-active: var(--lds-color-neutral-060);
  --lds-color-button-outline-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-hover: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-active: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-visited: var(--lds-color-transparent);
}

.lds-button.action-inverted.warning,
lds-link.action-inverted.warning  {
  --lds-color-button-background: var(--lds-color-warning-inverted-fg);
  --lds-color-button-background-hover: var(--lds-color-warning-inverted-fg-hover);
  --lds-color-button-background-focus: var(--lds-color-warning-inverted-fg-focus);
  --lds-color-button-background-active: var(--lds-color-warning-inverted-fg-active);
  --lds-color-button-background-visited: var(--lds-color-warning-inverted-fg-visited);
  --lds-color-button-foreground: var(--lds-color-neutral-100);
  --lds-color-button-foreground-hover: var(--lds-color-neutral-100);
  --lds-color-button-foreground-focus: var(--lds-color-neutral-100);
  --lds-color-button-foreground-active: var(--lds-color-warning-fg-active);
  --lds-color-button-foreground-visited: var(--lds-color-neutral-100);

  --lds-color-button-background-disabled: var(--lds-color-warning-inverted-fg);
  --lds-color-button-background-disabled-hover: var(--lds-color-warning-inverted-fg);
  --lds-color-button-background-disabled-focus: var(--lds-color-warning-inverted-fg);
  --lds-color-button-background-disabled-active: var(--lds-color-warning-inverted-fg);
  --lds-color-button-background-disabled-visited: var(--lds-color-warning-inverted-fg);
  --lds-color-button-foreground-disabled: var(--lds-color-neutral-100);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-neutral-100);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-neutral-100);
  --lds-color-button-foreground-disabled-active: var(--lds-color-neutral-100);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-neutral-100);
}

.lds-button.action-inverted.danger,
.lds-button.action-inverted.loading-failure,
lds-link.action-inverted.danger,
lds-link.action-inverted.loading-failure {
  --lds-color-button-background: var(--lds-color-danger-inverted-fg);
  --lds-color-button-background-hover: var(--lds-color-danger-inverted-fg-hover);
  --lds-color-button-background-focus: var(--lds-color-danger-inverted-fg-focus);
  --lds-color-button-background-active: var(--lds-color-danger-inverted-fg-active);
  --lds-color-button-background-visited: var(--lds-color-danger-inverted-fg-visited);
  --lds-color-button-foreground: var(--lds-color-neutral-100);
  --lds-color-button-foreground-hover: var(--lds-color-neutral-100);
  --lds-color-button-foreground-focus: var(--lds-color-neutral-100);
  --lds-color-button-foreground-active: var(--lds-color-danger-fg-active);
  --lds-color-button-foreground-visited: var(--lds-color-neutral-100);

  --lds-color-button-background-disabled: var(--lds-color-danger-inverted-fg);
  --lds-color-button-background-disabled-hover: var(--lds-color-danger-inverted-fg);
  --lds-color-button-background-disabled-focus: var(--lds-color-danger-inverted-fg);
  --lds-color-button-background-disabled-active: var(--lds-color-danger-inverted-fg);
  --lds-color-button-background-disabled-visited: var(--lds-color-danger-inverted-fg);
  --lds-color-button-foreground-disabled: var(--lds-color-neutral-100);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-neutral-100);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-neutral-100);
  --lds-color-button-foreground-disabled-active: var(--lds-color-neutral-100);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-neutral-100);
}

.lds-button.action-outlined,
lds-link.action-outlined {
  --lds-color-button-background: var(--lds-color-neutral-000);
  --lds-color-button-background-hover: var(--lds-color-action-010);
  --lds-color-button-background-focus: var(--lds-color-action-010);
  --lds-color-button-background-active: var(--lds-color-action-020);
  --lds-color-button-background-visited: var(--lds-color-neutral-000);
  --lds-color-button-border: var(--lds-color-action-fg);
  --lds-color-button-border-hover: var(--lds-color-action-fg-hover);
  --lds-color-button-border-focus: var(--lds-color-action-fg-focus);
  --lds-color-button-border-active: var(--lds-color-action-fg-active);
  --lds-color-button-border-visited: var(--lds-color-action-fg-visited);
  --lds-color-button-foreground: var(--lds-color-action-fg);
  --lds-color-button-foreground-hover: var(--lds-color-action-fg-hover);
  --lds-color-button-foreground-focus: var(--lds-color-action-fg-focus);
  --lds-color-button-foreground-active: var(--lds-color-action-fg-active);
  --lds-color-button-foreground-visited: var(--lds-color-action-fg-visited);
  --lds-color-button-outline-focus: var(--lds-color-neutral-070);

  --lds-color-button-background-disabled: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-hover: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-focus: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-active: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-visited: var(--lds-color-neutral-010);
  --lds-color-button-border-disabled: var(--lds-color-neutral-030);
  --lds-color-button-border-disabled-hover: var(--lds-color-neutral-030);
  --lds-color-button-border-disabled-focus: var(--lds-color-neutral-030);
  --lds-color-button-border-disabled-active: var(--lds-color-neutral-030);
  --lds-color-button-border-disabled-visited: var(--lds-color-neutral-030);
  --lds-color-button-foreground-disabled: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-active: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-neutral-060);
}

.lds-button.action-outlined.success,
.lds-button.action-outlined.loading-success,
lds-link.action-outlined.success,
lds-link.action-outlined.loading-success {
  --lds-color-button-background: var(--lds-color-neutral-000);
  --lds-color-button-background-hover: var(--lds-color-success-010);
  --lds-color-button-background-focus: var(--lds-color-success-010);
  --lds-color-button-background-active: var(--lds-color-success-020);
  --lds-color-button-background-visited: var(--lds-color-neutral-000);
  --lds-color-button-border: var(--lds-color-success-fg);
  --lds-color-button-border-hover: var(--lds-color-success-fg-hover);
  --lds-color-button-border-focus: var(--lds-color-success-fg-focus);
  --lds-color-button-border-active: var(--lds-color-success-fg-active);
  --lds-color-button-border-visited: var(--lds-color-success-fg-visited);
  --lds-color-button-foreground: var(--lds-color-success-fg);
  --lds-color-button-foreground-hover: var(--lds-color-success-fg-hover);
  --lds-color-button-foreground-focus: var(--lds-color-success-fg-focus);
  --lds-color-button-foreground-active: var(--lds-color-success-fg-active);
  --lds-color-button-foreground-visited: var(--lds-color-success-fg-visited);

  --lds-color-button-background-disabled: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-hover: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-focus: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-active: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-visited: var(--lds-color-neutral-000);
  --lds-color-button-border-disabled: var(--lds-color-success-fg);
  --lds-color-button-border-disabled-hover: var(--lds-color-success-fg);
  --lds-color-button-border-disabled-focus: var(--lds-color-succes-fg);
  --lds-color-button-border-disabled-active: var(--lds-color-success-fg);
  --lds-color-button-border-disabled-visited: var(--lds-color-success-fg);
  --lds-color-button-foreground-disabled: var(--lds-color-success-fg);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-success-fg);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-success-fg);
  --lds-color-button-foreground-disabled-active: var(--lds-color-success-fg);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-success-fg);
}

.lds-button.action-outlined.warning,
lds-link.action-outlined.warning {
  --lds-color-button-background: var(--lds-color-neutral-000);
  --lds-color-button-background-hover: var(--lds-color-warning-010);
  --lds-color-button-background-focus: var(--lds-color-warning-010);
  --lds-color-button-background-active: var(--lds-color-warning-020);
  --lds-color-button-background-visited: var(--lds-color-neutral-000);
  --lds-color-button-border: var(--lds-color-warning-fg);
  --lds-color-button-border-hover: var(--lds-color-warning-fg-hover);
  --lds-color-button-border-focus: var(--lds-color-warning-fg-focus);
  --lds-color-button-border-active: var(--lds-color-warning-fg-active);
  --lds-color-button-border-visited: var(--lds-color-warning-fg-visited);
  --lds-color-button-foreground: var(--lds-color-warning-fg);
  --lds-color-button-foreground-hover: var(--lds-color-warning-fg-hover);
  --lds-color-button-foreground-focus: var(--lds-color-warning-fg-focus);
  --lds-color-button-foreground-active: var(--lds-color-warning-fg-active);
  --lds-color-button-foreground-visited: var(--lds-color-warning-fg-visited);

  --lds-color-button-background-disabled: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-hover: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-focus: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-active: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-visited: var(--lds-color-neutral-000);
  --lds-color-button-border-disabled: var(--lds-color-warning-fg);
  --lds-color-button-border-disabled-hover: var(--lds-color-warning-fg);
  --lds-color-button-border-disabled-focus: var(--lds-color-warning-fg);
  --lds-color-button-border-disabled-active: var(--lds-color-warning-fg);
  --lds-color-button-border-disabled-visited: var(--lds-color-warning-fg);
  --lds-color-button-foreground-disabled: var(--lds-color-warning-fg);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-warning-fg);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-warning-fg);
  --lds-color-button-foreground-disabled-active: var(--lds-color-warning-fg);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-warning-fg);
}

.lds-button.action-outlined.danger,
.lds-button.action-outlined.loading-failure,
lds-link.action-outlined.danger,
lds-link.action-outlined.loading-failure {
  --lds-color-button-background: var(--lds-color-neutral-000);
  --lds-color-button-background-hover: var(--lds-color-danger-010);
  --lds-color-button-background-focus: var(--lds-color-danger-010);
  --lds-color-button-background-active: var(--lds-color-danger-020);
  --lds-color-button-background-visited: var(--lds-color-danger-000);
  --lds-color-button-border: var(--lds-color-danger-fg);
  --lds-color-button-border-hover: var(--lds-color-danger-fg-hover);
  --lds-color-button-border-focus: var(--lds-color-danger-fg-focus);
  --lds-color-button-border-active: var(--lds-color-danger-fg-active);
  --lds-color-button-border-visited: var(--lds-color-danger-fg-visited);
  --lds-color-button-foreground: var(--lds-color-danger-fg);
  --lds-color-button-foreground-hover: var(--lds-color-danger-fg-hover);
  --lds-color-button-foreground-focus: var(--lds-color-danger-fg-focus);
  --lds-color-button-foreground-active: var(--lds-color-danger-fg-active);
  --lds-color-button-foreground-visited: var(--lds-color-danger-fg-visited);

  --lds-color-button-background-disabled: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-hover: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-focus: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-active: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-visited: var(--lds-color-neutral-000);
  --lds-color-button-border-disabled: var(--lds-color-danger-fg);
  --lds-color-button-border-disabled-hover: var(--lds-color-danger-fg);
  --lds-color-button-border-disabled-focus: var(--lds-color-danger-fg);
  --lds-color-button-border-disabled-active: var(--lds-color-danger-fg);
  --lds-color-button-border-disabled-visited: var(--lds-color-danger-fg);
  --lds-color-button-foreground-disabled: var(--lds-color-danger-fg);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-danger-fg);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-danger-fg);
  --lds-color-button-foreground-disabled-active: var(--lds-color-danger-fg);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-danger-fg);
}

.lds-button.action-outlined-inverted,
lds-link.action-outlined-inverted {
  --lds-color-button-background: var(--lds-color-neutral-070);
  --lds-color-button-background-hover: var(--lds-color-neutral-080);
  --lds-color-button-background-focus:  var(--lds-color-neutral-080);
  --lds-color-button-background-active:  var(--lds-color-neutral-090);
  --lds-color-button-background-visited:  var(--lds-color-neutral-070);
  --lds-color-button-border: var(--lds-color-action-inverted-fg);
  --lds-color-button-border-hover: var(--lds-color-action-inverted-fg-hover);
  --lds-color-button-border-focus: var(--lds-color-action-inverted-fg-focus);
  --lds-color-button-border-active: var(--lds-color-action-inverted-fg-active);
  --lds-color-button-border-visited: var(--lds-color-action-inverted-fg-visited);
  --lds-color-button-foreground: var(--lds-color-action-inverted-fg);
  --lds-color-button-foreground-hover: var(--lds-color-action-inverted-fg-hover);
  --lds-color-button-foreground-focus: var(--lds-color-action-inverted-fg-focus);
  --lds-color-button-foreground-active: var(--lds-color-action-inverted-fg-active);
  --lds-color-button-foreground-visited: var(--lds-color-action-inverted-fg-visited);
  --lds-color-button-outline-focus: var(--lds-color-neutral-010);

  --lds-color-button-background-disabled: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-hover: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-focus: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-active: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-visited: var(--lds-color-neutral-010);
  --lds-color-button-border-disabled: var(--lds-color-neutral-030);
  --lds-color-button-border-disabled-hover: var(--lds-color-neutral-030);
  --lds-color-button-border-disabled-focus: var(--lds-color-neutral-030);
  --lds-color-button-border-disabled-active: var(--lds-color-neutral-030);
  --lds-color-button-border-disabled-visited: var(--lds-color-neutral-030);
  --lds-color-button-foreground-disabled: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-active: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-neutral-060);
}

.lds-button.action-outlined-inverted.success,
.lds-button.action-outlined.loading-success,
lds-link.action-outlined-inverted.success,
lds-link.action-outlined-inverted.loading-success {
  --lds-color-button-border: var(--lds-color-success-inverted-fg);
  --lds-color-button-border-hover: var(--lds-color-success-inverted-fg-hover);
  --lds-color-button-border-focus: var(--lds-color-success-inverted-fg-focus);
  --lds-color-button-border-active: var(--lds-color-success-inverted-fg-active);
  --lds-color-button-border-visited: var(--lds-color-success-inverted-fg-visited);
  --lds-color-button-foreground: var(--lds-color-success-inverted-fg);
  --lds-color-button-foreground-hover: var(--lds-color-success-inverted-fg-hover);
  --lds-color-button-foreground-focus: var(--lds-color-success-inverted-fg-focus);
  --lds-color-button-foreground-active: var(--lds-color-success-inverted-fg-active);
  --lds-color-button-foreground-visited: var(--lds-color-success-inverted-fg-visited);

  --lds-color-button-border-disabled: var(--lds-color-success-inverted-fg);
  --lds-color-button-border-disabled-hover: var(--lds-color-success-inverted-fg);
  --lds-color-button-border-disabled-focus: var(--lds-color-success-inverted-fg);
  --lds-color-button-border-disabled-active: var(--lds-color-success-inverted-fg);
  --lds-color-button-border-disabled-visited: var(--lds-color-success-inverted-fg);
  --lds-color-button-foreground-disabled: var(--lds-color-success-inverted-fg);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-success-inverted-fg);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-success-inverted-fg);
  --lds-color-button-foreground-disabled-active: var(--lds-color-success-inverted-fg);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-success-inverted-fg);
}

.lds-button.action-outlined-inverted.warning,
lds-link.action-outlined-inverted.warning {
  --lds-color-button-border: var(--lds-color-warning-inverted-fg);
  --lds-color-button-border-hover: var(--lds-color-warning-inverted-fg-hover);
  --lds-color-button-border-focus: var(--lds-color-warning-inverted-fg-focus);
  --lds-color-button-border-active: var(--lds-color-warning-inverted-fg-active);
  --lds-color-button-border-visited: var(--lds-color-warning-inverted-fg-visited);
  --lds-color-button-foreground: var(--lds-color-warning-inverted-fg);
  --lds-color-button-foreground-hover: var(--lds-color-warning-inverted-fg-hover);
  --lds-color-button-foreground-focus: var(--lds-color-warning-inverted-fg-focus);
  --lds-color-button-foreground-active: var(--lds-color-warning-inverted-fg-active);
  --lds-color-button-foreground-visited: var(--lds-color-warning-inverted-fg-visited);

  --lds-color-button-border-disabled: var(--lds-color-warning-inverted-fg);
  --lds-color-button-border-disabled-hover: var(--lds-color-warning-inverted-fg);
  --lds-color-button-border-disabled-focus: var(--lds-color-warning-inverted-fg);
  --lds-color-button-border-disabled-active: var(--lds-color-warning-inverted-fg);
  --lds-color-button-border-disabled-visited: var(--lds-color-warning-inverted-fg);
  --lds-color-button-foreground-disabled: var(--lds-color-warning-inverted-fg);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-warning-inverted-fg);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-warning-inverted-fg);
  --lds-color-button-foreground-disabled-active: var(--lds-color-warning-inverted-fg);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-warning-inverted-fg);
}

.lds-button.action-outlined-inverted.danger,
.lds-button.action-outlined-inverted.loading-failure,
lds-link.action-outlined-inverted.danger,
lds-link.action-outlined-inverted.loading-failure {
  --lds-color-button-border: var(--lds-color-danger-inverted-fg);
  --lds-color-button-border-hover: var(--lds-color-danger-inverted-fg-hover);
  --lds-color-button-border-focus: var(--lds-color-danger-inverted-fg-focus);
  --lds-color-button-border-active: var(--lds-color-danger-inverted-fg-active);
  --lds-color-button-border-visited: var(--lds-color-danger-inverted-fg-visited);
  --lds-color-button-foreground: var(--lds-color-danger-inverted-fg);
  --lds-color-button-foreground-hover: var(--lds-color-danger-inverted-fg-hover);
  --lds-color-button-foreground-focus: var(--lds-color-danger-inverted-fg-focus);
  --lds-color-button-foreground-active: var(--lds-color-danger-inverted-fg-active);
  --lds-color-button-foreground-visited: var(--lds-color-danger-inverted-fg-visited);

  --lds-color-button-border-disabled: var(--lds-color-danger-inverted-fg);
  --lds-color-button-border-disabled-hover: var(--lds-color-danger-inverted-fg);
  --lds-color-button-border-disabled-focus: var(--lds-color-danger-inverted-fg);
  --lds-color-button-border-disabled-active: var(--lds-color-danger-inverted-fg);
  --lds-color-button-border-disabled-visited: var(--lds-color-danger-inverted-fg);
  --lds-color-button-foreground-disabled: var(--lds-color-danger-inverted-fg);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-danger-inverted-fg);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-danger-inverted-fg);
  --lds-color-button-foreground-disabled-active: var(--lds-color-danger-inverted-fg);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-danger-inverted-fg);
}

.lds-button.action-outlined-inverted.transparent,
lds-link.action-outlined-inverted.transparent {
  --lds-color-button-background: transparent;
  --lds-color-button-background-hover: rgba(255, 255, 255, 0.1);
  --lds-color-button-background-focus: rgba(255, 255, 255, 0.1);
  --lds-color-button-background-active: rgba(255, 255, 255, 0.05);
  --lds-color-button-background-visited: transparent;

  --lds-color-button-background-disabled: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-hover: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-focus: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-active: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-visited: var(--lds-color-neutral-010);
}

.lds-button.action-ghost,
lds-link.action-ghost {
  --lds-color-button-background: var(--lds-color-transparent);
  --lds-color-button-background-hover: rgba(0, 0, 0, 0.05);
  --lds-color-button-background-focus: rgba(0, 0, 0, 0.05);
  --lds-color-button-background-active: rgba(0, 0, 0, 0.1);
  --lds-color-button-background-visited: var(--lds-color-transparent);
  --lds-color-button-border: var(--lds-color-transparent);
  --lds-color-button-border-hover: var(--lds-color-transparent);
  --lds-color-button-border-focus: var(--lds-color-transparent);
  --lds-color-button-border-active: var(--lds-color-transparent);
  --lds-color-button-border-visited: var(--lds-color-transparent);
  --lds-color-button-foreground: var(--lds-color-action-070);
  --lds-color-button-foreground-hover: var(--lds-color-action-070);
  --lds-color-button-foreground-focus: var(--lds-color-action-070);
  --lds-color-button-foreground-active: var(--lds-color-action-070);
  --lds-color-button-foreground-visited: var(--lds-color-action-070);
  --lds-color-button-outline-focus: var(--lds-color-neutral-070);
  --lds-color-button-shadow: var(--lds-color-transparent);
  --lds-color-button-shadow-hover: var(--lds-color-transparent);
  --lds-color-button-shadow-focus: rgba(52, 63, 65, 0.20);
  --lds-color-button-shadow-active: var(--lds-color-transparent);
  --lds-color-button-shadow-visited: var(--lds-color-transparent);

  --lds-shadow-button-hover: 0 .125rem .25rem 0;

  --lds-color-button-background-disabled: var(--lds-color-transparent);
  --lds-color-button-background-disabled-hover: var(--lds-color-transparent);
  --lds-color-button-background-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-background-disabled-active: var(--lds-color-transparent);
  --lds-color-button-background-disabled-visited: var(--lds-color-transparent);
  --lds-color-button-border-disabled: var(--lds-color-transparent);
  --lds-color-button-border-disabled-hover: var(--lds-color-transparent);
  --lds-color-button-border-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-border-disabled-active: var(--lds-color-transparent);
  --lds-color-button-foreground-disabled: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-active: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-neutral-060);
  --lds-color-button-outline-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-hover: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-active: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-visited: var(--lds-color-transparent);

  --lds-shadow-button-disabled-hover: none;
}

.lds-button.action-ghost.success,
.lds-button.action-ghost.loading-success,
lds-link.action-ghost.success,
lds-link.action-ghost.loading-success {
  --lds-color-button-foreground: var(--lds-color-success-070);
  --lds-color-button-foreground-hover: var(--lds-color-success-070);
  --lds-color-button-foreground-focus: var(--lds-color-success-070);
  --lds-color-button-foreground-active: var(--lds-color-success-070);
  --lds-color-button-foreground-visited: var(--lds-color-success-070);

  --lds-color-button-foreground-disabled: var(--lds-color-success-070);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-success-070);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-success-070);
  --lds-color-button-foreground-disabled-active: var(--lds-color-success-070);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-success-070);
}

.lds-button.action-ghost.warning,
lds-link.action-ghost.warning {
  --lds-color-button-foreground: var(--lds-color-warning-070);
  --lds-color-button-foreground-hover: var(--lds-color-warning-070);
  --lds-color-button-foreground-focus: var(--lds-color-warning-070);
  --lds-color-button-foreground-active: var(--lds-color-warning-070);
  --lds-color-button-foreground-visited: var(--lds-color-warning-070);

  --lds-color-button-foreground-disabled: var(--lds-color-warning-070);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-warning-070);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-warning-070);
  --lds-color-button-foreground-disabled-active: var(--lds-color-warning-070);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-warning-070);
}

.lds-button.action-ghost.danger,
.lds-button.action-ghost.loading-failure,
lds-link.action-ghost.danger,
lds-link.action-ghost.loading-failure {
  --lds-color-button-foreground: var(--lds-color-danger-070);
  --lds-color-button-foreground-hover: var(--lds-color-danger-070);
  --lds-color-button-foreground-focus: var(--lds-color-danger-070);
  --lds-color-button-foreground-active: var(--lds-color-danger-070);
  --lds-color-button-foreground-visited: var(--lds-color-danger-070);

  --lds-color-button-foreground-disabled: var(--lds-color-danger-070);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-danger-070);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-danger-070);
  --lds-color-button-foreground-disabled-active: var(--lds-color-danger-070);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-danger-070);
}

.lds-button.action-ghost-inverted,
lds-link.action-ghost-inverted {
  --lds-color-button-background: var(--lds-color-transparent);
  --lds-color-button-background-hover: rgba(255, 255, 255, 0.1);
  --lds-color-button-background-focus: rgba(255, 255, 255, 0.1);
  --lds-color-button-background-active: rgba(255, 255, 255, 0.05);
  --lds-color-button-background-visited: var(--lds-color-transparent);
  --lds-color-button-border: var(--lds-color-transparent);
  --lds-color-button-border-hover: var(--lds-color-transparent);
  --lds-color-button-border-focus: var(--lds-color-transparent);
  --lds-color-button-border-active: var(--lds-color-transparent);
  --lds-color-button-border-visited: var(--lds-color-transparent);
  --lds-color-button-foreground: var(--lds-color-action-040);
  --lds-color-button-foreground-hover: var(--lds-color-action-040);
  --lds-color-button-foreground-focus: var(--lds-color-action-040);
  --lds-color-button-foreground-active: var(--lds-color-action-040);
  --lds-color-button-foreground-visited: var(--lds-color-action-040);
  --lds-color-button-outline-focus: var(--lds-color-neutral-010);
  --lds-color-button-shadow: var(--lds-color-transparent);
  --lds-color-button-shadow-hover: var(--lds-color-transparent);
  --lds-color-button-shadow-focus: rgba(52, 63, 65, 0.20);
  --lds-color-button-shadow-active: var(--lds-color-transparent);
  --lds-color-button-shadow-visited: var(--lds-color-transparent);

  --lds-shadow-button-hover: 0 .125rem .25rem 0;

  --lds-color-button-background-disabled: var(--lds-color-transparent);
  --lds-color-button-background-disabled-hover: var(--lds-color-transparent);
  --lds-color-button-background-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-background-disabled-active: var(--lds-color-transparent);
  --lds-color-button-background-disabled-visited: var(--lds-color-transparent);
  --lds-color-button-border-disabled: var(--lds-color-transparent);
  --lds-color-button-border-disabled-hover: var(--lds-color-transparent);
  --lds-color-button-border-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-border-disabled-active: var(--lds-color-transparent);
  --lds-color-button-foreground-disabled: var(--lds-color-neutral-050);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-neutral-050);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-neutral-050);
  --lds-color-button-foreground-disabled-active: var(--lds-color-neutral-050);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-neutral-050);
  --lds-color-button-outline-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-hover: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-active: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-visited: var(--lds-color-transparent);

  --lds-shadow-button-disabled-hover: none;
}

.lds-button.action-ghost-inverted.success,
.lds-button.action-ghost-inverted.loading-success,
lds-link.action-ghost-inverted.success,
lds-link.action-ghost-inverted.loading-success {
  --lds-color-button-foreground: var(--lds-color-success-040);
  --lds-color-button-foreground-hover: var(--lds-color-success-040);
  --lds-color-button-foreground-focus: var(--lds-color-success-040);
  --lds-color-button-foreground-active: var(--lds-color-success-040);
  --lds-color-button-foreground-visited: var(--lds-color-success-040);

  --lds-color-button-foreground-disabled: var(--lds-color-success-040);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-success-040);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-success-040);
  --lds-color-button-foreground-disabled-active: var(--lds-color-success-040);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-success-040);
}

.lds-button.action-ghost-inverted.warning,
lds-link.action-ghost-inverted.warning {
  --lds-color-button-foreground: var(--lds-color-warning-040);
  --lds-color-button-foreground-hover: var(--lds-color-warning-040);
  --lds-color-button-foreground-focus: var(--lds-color-warning-040);
  --lds-color-button-foreground-active: var(--lds-color-warning-040);
  --lds-color-button-foreground-visited: var(--lds-color-warning-040);

  --lds-color-button-foreground-disabled: var(--lds-color-warning-040);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-warning-040);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-warning-040);
  --lds-color-button-foreground-disabled-active: var(--lds-color-warning-040);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-warning-040);
}

.lds-button.action-ghost-inverted.danger,
.lds-button.action-ghost-inverted.loading-failure,
lds-link.action-ghost-inverted.danger,
lds-link.action-ghost-inverted.loading-failure {
  --lds-color-button-foreground: var(--lds-color-danger-040);
  --lds-color-button-foreground-hover: var(--lds-color-danger-040);
  --lds-color-button-foreground-focus: var(--lds-color-danger-040);
  --lds-color-button-foreground-active: var(--lds-color-danger-040);
  --lds-color-button-foreground-visited: var(--lds-color-danger-040);

  --lds-color-button-foreground-disabled: var(--lds-color-danger-040);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-danger-040);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-danger-040);
  --lds-color-button-foreground-disabled-active: var(--lds-color-danger-040);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-danger-040);
}

/* @import './fill.css'; */

/* @import './fill-inverted.css'; */

/* @import './outlined.css'; */

.lds-button.neutral-outlined-inverted,
lds-link.neutral-outlined-inverted {
  --lds-color-button-background: var(--lds-color-neutral-070);
  --lds-color-button-background-hover: var(--lds-color-neutral-080);
  --lds-color-button-background-focus:  var(--lds-color-neutral-080);
  --lds-color-button-background-active:  var(--lds-color-neutral-090);
  --lds-color-button-background-visited:  var(--lds-color-neutral-070);
  --lds-color-button-border: var(--lds-color-neutral-010);
  --lds-color-button-border-hover: var(--lds-color-neutral-010);
  --lds-color-button-border-focus: var(--lds-color-neutral-010);
  --lds-color-button-border-active: var(--lds-color-neutral-010);
  --lds-color-button-border-visited: var(--lds-color-neutral-010);
  --lds-color-button-foreground: var(--lds-color-neutral-010);
  --lds-color-button-foreground-hover: var(--lds-color-neutral-010);
  --lds-color-button-foreground-focus: var(--lds-color-neutral-010);
  --lds-color-button-foreground-active: var(--lds-color-neutral-010);
  --lds-color-button-foreground-visited: var(--lds-color-neutral-010);
  --lds-color-button-outline-focus: var(--lds-color-neutral-010);

  --lds-color-button-background-disabled: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-hover: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-focus: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-active: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-visited: var(--lds-color-neutral-010);
  --lds-color-button-border-disabled: var(--lds-color-neutral-030);
  --lds-color-button-border-disabled-hover: var(--lds-color-neutral-030);
  --lds-color-button-border-disabled-focus: var(--lds-color-neutral-030);
  --lds-color-button-border-disabled-active: var(--lds-color-neutral-030);
  --lds-color-button-border-disabled-visited: var(--lds-color-neutral-030);
  --lds-color-button-foreground-disabled: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-active: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-neutral-060);
}

.lds-button.neutral-outlined-inverted.success,
.lds-button.neutral-outlined-inverted.loading-success,
lds-link.neutral-outlined-inverted.success,
lds-link.neutral-outlined-inverted.loading-success {
  --lds-color-button-border: var(--lds-color-success-inverted-fg);
  --lds-color-button-border-hover: var(--lds-color-success-inverted-fg);
  --lds-color-button-border-focus: var(--lds-color-success-inverted-fg);
  --lds-color-button-border-active: var(--lds-color-success-inverted-fg);
  --lds-color-button-border-visited: var(--lds-color-success-inverted-fg);
  --lds-color-button-foreground: var(--lds-color-success-inverted-fg);
  --lds-color-button-foreground-hover: var(--lds-color-success-inverted-fg);
  --lds-color-button-foreground-focus: var(--lds-color-success-inverted-fg);
  --lds-color-button-foreground-active: var(--lds-color-success-inverted-fg);
  --lds-color-button-foreground-visited: var(--lds-color-success-inverted-fg);

  --lds-color-button-border-disabled: var(--lds-color-success-inverted-fg);
  --lds-color-button-border-disabled-hover: var(--lds-color-success-inverted-fg);
  --lds-color-button-border-disabled-focus: var(--lds-color-success-inverted-fg);
  --lds-color-button-border-disabled-active: var(--lds-color-success-inverted-fg);
  --lds-color-button-border-disabled-visited: var(--lds-color-success-inverted-fg);
  --lds-color-button-foreground-disabled: var(--lds-color-success-inverted-fg);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-success-inverted-fg);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-success-inverted-fg);
  --lds-color-button-foreground-disabled-active: var(--lds-color-success-inverted-fg);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-success-inverted-fg);
}

.lds-button.neutral-outlined-inverted.warning,
lds-link.neutral-outlined-inverted.warning {
  --lds-color-button-border: var(--lds-color-warning-inverted-fg);
  --lds-color-button-border-hover: var(--lds-color-warning-inverted-fg);
  --lds-color-button-border-focus: var(--lds-color-warning-inverted-fg);
  --lds-color-button-border-active: var(--lds-color-warning-inverted-fg);
  --lds-color-button-border-visited: var(--lds-color-warning-inverted-fg);
  --lds-color-button-foreground: var(--lds-color-warning-inverted-fg);
  --lds-color-button-foreground-hover: var(--lds-color-warning-inverted-fg);
  --lds-color-button-foreground-focus: var(--lds-color-warning-inverted-fg);
  --lds-color-button-foreground-active: var(--lds-color-warning-inverted-fg);
  --lds-color-button-foreground-visited: var(--lds-color-warning-inverted-fg);

  --lds-color-button-border-disabled: var(--lds-color-warning-inverted-fg);
  --lds-color-button-border-disabled-hover: var(--lds-color-warning-inverted-fg);
  --lds-color-button-border-disabled-focus: var(--lds-color-warning-inverted-fg);
  --lds-color-button-border-disabled-active: var(--lds-color-warning-inverted-fg);
  --lds-color-button-border-disabled-visited: var(--lds-color-warning-inverted-fg);
  --lds-color-button-foreground-disabled: var(--lds-color-warning-inverted-fg);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-warning-inverted-fg);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-warning-inverted-fg);
  --lds-color-button-foreground-disabled-active: var(--lds-color-warning-inverted-fg);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-warning-inverted-fg);
}

.lds-button.neutral-outlined-inverted.danger,
.lds-button.neutral-outlined-inverted.loading-failure,
lds-link.neutral-outlined-inverted.danger,
lds-link.neutral-outlined-inverted.loading-failure {
  --lds-color-button-border: var(--lds-color-danger-inverted-fg);
  --lds-color-button-border-hover: var(--lds-color-danger-inverted-fg);
  --lds-color-button-border-focus: var(--lds-color-danger-inverted-fg);
  --lds-color-button-border-active: var(--lds-color-danger-inverted-fg);
  --lds-color-button-border-visited: var(--lds-color-danger-inverted-fg);
  --lds-color-button-foreground: var(--lds-color-danger-inverted-fg);
  --lds-color-button-foreground-hover: var(--lds-color-danger-inverted-fg);
  --lds-color-button-foreground-focus: var(--lds-color-danger-inverted-fg);
  --lds-color-button-foreground-active: var(--lds-color-danger-inverted-fg);
  --lds-color-button-foreground-visited: var(--lds-color-danger-inverted-fg);

  --lds-color-button-border-disabled: var(--lds-color-danger-inverted-fg);
  --lds-color-button-border-disabled-hover: var(--lds-color-danger-inverted-fg);
  --lds-color-button-border-disabled-focus: var(--lds-color-danger-inverted-fg);
  --lds-color-button-border-disabled-active: var(--lds-color-danger-inverted-fg);
  --lds-color-button-border-disabled-visited: var(--lds-color-danger-inverted-fg);
  --lds-color-button-foreground-disabled: var(--lds-color-danger-inverted-fg);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-danger-inverted-fg);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-danger-inverted-fg);
  --lds-color-button-foreground-disabled-active: var(--lds-color-danger-inverted-fg);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-danger-inverted-fg);
}

.lds-button.neutral-outlined-inverted.transparent,
lds-link.neutral-outlined-inverted.transparent {
  --lds-color-button-background: transparent;
  --lds-color-button-background-hover: rgba(255, 255, 255, 0.1);
  --lds-color-button-background-focus: rgba(255, 255, 255, 0.1);
  --lds-color-button-background-active: rgba(255, 255, 255, 0.05);
  --lds-color-button-background-visited: transparent;

  --lds-color-button-background-disabled: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-hover: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-focus: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-active: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-visited: var(--lds-color-neutral-010);
}

/* @import './ghost.css'; */

.lds-button.neutral-ghost-inverted,
lds-link.neutral-ghost-inverted {
  --lds-color-button-background: var(--lds-color-transparent);
  --lds-color-button-background-hover: rgba(255, 255, 255, 0.1);
  --lds-color-button-background-focus: rgba(255, 255, 255, 0.1);
  --lds-color-button-background-active: rgba(255, 255, 255, 0.05);
  --lds-color-button-background-visited: var(--lds-color-transparent);
  --lds-color-button-border: var(--lds-color-transparent);
  --lds-color-button-border-hover: var(--lds-color-transparent);
  --lds-color-button-border-focus: var(--lds-color-transparent);
  --lds-color-button-border-active: var(--lds-color-transparent);
  --lds-color-button-border-visited: var(--lds-color-transparent);
  --lds-color-button-foreground: var(--lds-color-neutral-000);
  --lds-color-button-foreground-hover: var(--lds-color-neutral-000);
  --lds-color-button-foreground-focus: var(--lds-color-neutral-000);
  --lds-color-button-foreground-active: var(--lds-color-neutral-000);
  --lds-color-button-foreground-visited: var(--lds-color-neutral-000);
  --lds-color-button-outline-focus: var(--lds-color-neutral-010);
  --lds-color-button-shadow: var(--lds-color-transparent);
  --lds-color-button-shadow-hover: var(--lds-color-transparent);
  --lds-color-button-shadow-focus: rgba(52, 63, 65, 0.20);
  --lds-color-button-shadow-active: var(--lds-color-transparent);
  --lds-color-button-shadow-visited: var(--lds-color-transparent);

  --lds-shadow-button-hover: 0 .125rem .25rem 0;

  --lds-color-button-background-disabled: var(--lds-color-transparent);
  --lds-color-button-background-disabled-hover: var(--lds-color-transparent);
  --lds-color-button-background-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-background-disabled-active: var(--lds-color-transparent);
  --lds-color-button-background-disabled-visited: var(--lds-color-transparent);
  --lds-color-button-border-disabled: var(--lds-color-transparent);
  --lds-color-button-border-disabled-hover: var(--lds-color-transparent);
  --lds-color-button-border-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-border-disabled-active: var(--lds-color-transparent);
  --lds-color-button-foreground-disabled: var(--lds-color-neutral-050);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-neutral-050);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-neutral-050);
  --lds-color-button-foreground-disabled-active: var(--lds-color-neutral-050);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-neutral-050);
  --lds-color-button-outline-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-hover: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-active: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-visited: var(--lds-color-transparent);

  --lds-shadow-button-disabled-hover: none;
}

.lds-button.neutral-ghost-inverted.success,
.lds-button.neutral-ghost-inverted.loading-success,
lds-link.neutral-ghost-inverted.success,
lds-link.neutral-ghost-inverted.loading-success {
  --lds-color-button-foreground: var(--lds-color-success-040);
  --lds-color-button-foreground-hover: var(--lds-color-success-040);
  --lds-color-button-foreground-focus: var(--lds-color-success-040);
  --lds-color-button-foreground-active: var(--lds-color-success-040);
  --lds-color-button-foreground-visited: var(--lds-color-success-040);

  --lds-color-button-foreground-disabled: var(--lds-color-success-040);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-success-040);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-success-040);
  --lds-color-button-foreground-disabled-active: var(--lds-color-success-040);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-success-040);
}

.lds-button.neutral-ghost-inverted.warning,
lds-link.neutral-ghost-inverted.warning {
  --lds-color-button-foreground: var(--lds-color-warning-040);
  --lds-color-button-foreground-hover: var(--lds-color-warning-040);
  --lds-color-button-foreground-focus: var(--lds-color-warning-040);
  --lds-color-button-foreground-active: var(--lds-color-warning-040);
  --lds-color-button-foreground-visited: var(--lds-color-warning-040);

  --lds-color-button-foreground-disabled: var(--lds-color-warning-040);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-warning-040);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-warning-040);
  --lds-color-button-foreground-disabled-active: var(--lds-color-warning-040);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-warning-040);
}

.lds-button.neutral-ghost-inverted.danger,
.lds-button.neutral-ghost-inverted.loading-failure,
lds-link.neutral-ghost-inverted.danger,
lds-link.neutral-ghost-inverted.loading-failure {
  --lds-color-button-foreground: var(--lds-color-danger-040);
  --lds-color-button-foreground-hover: var(--lds-color-danger-040);
  --lds-color-button-foreground-focus: var(--lds-color-danger-040);
  --lds-color-button-foreground-active: var(--lds-color-danger-040);
  --lds-color-button-foreground-visited: var(--lds-color-danger-040);

  --lds-color-button-foreground-disabled: var(--lds-color-danger-040);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-danger-040);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-danger-040);
  --lds-color-button-foreground-disabled-active: var(--lds-color-danger-040);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-danger-040);
}

.lds-button.utility,
.lds-button.system,
lds-link.system,
lds-link.utility {
  --lds-color-button-background: var(--lds-color-neutral-000);
  --lds-color-button-background-hover: var(--lds-color-primary-010);
  --lds-color-button-background-focus: var(--lds-color-primary-010);
  --lds-color-button-background-active: var(--lds-color-primary-020);
  --lds-color-button-background-visited: var(--lds-color-neutral-000);
  --lds-color-button-border: var(--lds-color-neutral-050);
  --lds-color-button-border-hover: var(--lds-color-netural-060);
  --lds-color-button-border-focus: var(--lds-color-netural-060);
  --lds-color-button-border-active: var(--lds-color-neutral-080);
  --lds-color-button-border-visited: var(--lds-color-neutral-050);
  --lds-color-button-foreground: var(--lds-color-neutral-100);
  --lds-color-button-foreground-hover: var(--lds-color-neutral-100);
  --lds-color-button-foreground-focus: var(--lds-color-neutral-100);
  --lds-color-button-foreground-active: var(--lds-color-neutral-100);
  --lds-color-button-foreground-visited: var(--lds-color-neutral-100);
  --lds-color-button-outline-focus: var(--lds-color-neutral-070);
  --lds-color-button-shadow: var(--lds-color-transparent);
  --lds-color-button-shadow-hover: rgba(52, 63, 65, 0.20);
  --lds-color-button-shadow-focus: var(--lds-color-transparent);
  --lds-color-button-shadow-active: rgba(52, 63, 65, 0.20);
  --lds-color-button-shadow-visited: var(--lds-color-transparent);

  --lds-shadow-button-hover: 0 .125rem .25rem 0;
  --lds-shadow-button-active: 0 .125rem .25rem 0;

  --lds-color-button-background-disabled: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-hover: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-focus: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-active: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-visited: var(--lds-color-neutral-010);
  --lds-color-button-border-disabled: var(--lds-color-neutral-030);
  --lds-color-button-border-disabled-hover: var(--lds-color-neutral-030);
  --lds-color-button-border-disabled-focus: var(--lds-color-neutral-030);
  --lds-color-button-border-disabled-active: var(--lds-color-neutral-030);
  --lds-color-button-border-disabled-visited: var(--lds-color-neutral-030);
  --lds-color-button-foreground-disabled: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-active: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-neutral-060);
  --lds-color-button-outline-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-hover: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-active: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-visited: var(--lds-color-transparent);

  --lds-shadow-button-disabled-hover: none;
  --lds-shadow-button-disabled-active: none;
}

.lds-button.utility.success,
.lds-button.utility.loading-success,
.lds-button.system.success,
.lds-button.system.loading-success,
lds-link.system.success,
lds-link.system.loading-success,
lds-link.utility.success,
lds-link.utility.loading-success {
  --lds-color-button-background: var(--lds-color-neutral-000);
  --lds-color-button-background-hover: var(--lds-color-success-010);
  --lds-color-button-background-focus: var(--lds-color-success-010);
  --lds-color-button-background-active: var(--lds-color-success-020);
  --lds-color-button-background-visited: var(--lds-color-neutral-000);
  --lds-color-button-foreground: var(--lds-color-success-fg);
  --lds-color-button-foreground-hover: var(--lds-color-success-fg);
  --lds-color-button-foreground-focus: var(--lds-color-success-fg);
  --lds-color-button-foreground-active: var(--lds-color-success-fg);
  --lds-color-button-foreground-visited: var(--lds-color-success-fg);

  --lds-color-button-background-disabled: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-hover: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-focus: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-active: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-visited: var(--lds-color-neutral-000);
  --lds-color-button-border-disabled: var(--lds-color-neutral-050);
  --lds-color-button-border-disabled-hover: var(--lds-color-neutral-050);
  --lds-color-button-border-disabled-focus: var(--lds-color-neutral-050);
  --lds-color-button-border-disabled-active: var(--lds-color-neutral-050);
  --lds-color-button-border-disabled-visited: var(--lds-color-neutral-050);
  --lds-color-button-foreground-disabled: var(--lds-color-success-fg);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-success-fg);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-success-fg);
  --lds-color-button-foreground-disabled-active: var(--lds-color-success-fg);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-success-fg);
}

.lds-button.utility.warning,
.lds-button.system.warning,
lds-link.system.warning,
lds-link.utility.warning {
  --lds-color-button-background: var(--lds-color-neutral-000);
  --lds-color-button-background-hover: var(--lds-color-warning-010);
  --lds-color-button-background-focus: var(--lds-color-warning-010);
  --lds-color-button-background-active: var(--lds-color-warning-020);
  --lds-color-button-background-visited: var(--lds-color-neutral-000);
  --lds-color-button-foreground: var(--lds-color-warning-fg);
  --lds-color-button-foreground-hover: var(--lds-color-warning-fg);
  --lds-color-button-foreground-focus: var(--lds-color-warning-fg);
  --lds-color-button-foreground-active: var(--lds-color-warning-fg);
  --lds-color-button-foreground-visited: var(--lds-color-warning-fg);

  --lds-color-button-background-disabled: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-hover: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-focus: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-active: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-visited: var(--lds-color-neutral-000);
  --lds-color-button-border-disabled: var(--lds-color-neutral-050);
  --lds-color-button-border-disabled-hover: var(--lds-color-neutral-050);
  --lds-color-button-border-disabled-focus: var(--lds-color-neutral-050);
  --lds-color-button-border-disabled-active: var(--lds-color-neutral-050);
  --lds-color-button-border-disabled-visited: var(--lds-color-neutral-050);
  --lds-color-button-foreground-disabled: var(--lds-color-warning-fg);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-warning-fg);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-warning-fg);
  --lds-color-button-foreground-disabled-active: var(--lds-color-warning-fg);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-warning-fg);
}

.lds-button.utility.danger,
.lds-button.utility.loading-failure,
.lds-button.system.danger,
.lds-button.system.loading-failure,
lds-link.system.danger,
lds-link.system.loading-failure,
lds-link.utility.danger,
lds-link.utility.loading-failure {
  --lds-color-button-background: var(--lds-color-neutral-000);
  --lds-color-button-background-hover: var(--lds-color-danger-010);
  --lds-color-button-background-focus: var(--lds-color-danger-010);
  --lds-color-button-background-active: var(--lds-color-danger-020);
  --lds-color-button-background-visited: var(--lds-color-neutral-000);
  --lds-color-button-foreground: var(--lds-color-danger-fg);
  --lds-color-button-foreground-hover: var(--lds-color-danger-fg);
  --lds-color-button-foreground-focus: var(--lds-color-danger-fg);
  --lds-color-button-foreground-active: var(--lds-color-danger-fg);
  --lds-color-button-foreground-visited: var(--lds-color-danger-fg);

  --lds-color-button-background-disabled: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-hover: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-focus: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-active: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-visited: var(--lds-color-neutral-000);
  --lds-color-button-border-disabled: var(--lds-color-neutral-050);
  --lds-color-button-border-disabled-hover: var(--lds-color-neutral-050);
  --lds-color-button-border-disabled-focus: var(--lds-color-neutral-050);
  --lds-color-button-border-disabled-active: var(--lds-color-neutral-050);
  --lds-color-button-border-disabled-visited: var(--lds-color-neutral-050);
  --lds-color-button-foreground-disabled: var(--lds-color-danger-fg);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-danger-fg);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-danger-fg);
  --lds-color-button-foreground-disabled-active: var(--lds-color-danger-fg);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-danger-fg);
}

.lds-button.utility-inverted,
lds-link.utility-inverted {
  --lds-color-button-background: var(--lds-color-neutral-000);
  --lds-color-button-background-hover: var(--lds-color-primary-010);
  --lds-color-button-background-focus: var(--lds-color-primary-010);
  --lds-color-button-background-active: var(--lds-color-primary-020);
  --lds-color-button-background-visited: var(--lds-color-neutral-000);
  --lds-color-button-border: var(--lds-color-neutral-050);
  --lds-color-button-border-hover: var(--lds-color-netural-060);
  --lds-color-button-border-focus: var(--lds-color-netural-060);
  --lds-color-button-border-active: var(--lds-color-neutral-080);
  --lds-color-button-border-visited: var(--lds-color-neutral-050);
  --lds-color-button-foreground: var(--lds-color-neutral-100);
  --lds-color-button-foreground-hover: var(--lds-color-neutral-100);
  --lds-color-button-foreground-focus: var(--lds-color-neutral-100);
  --lds-color-button-foreground-active: var(--lds-color-neutral-100);
  --lds-color-button-foreground-visited: var(--lds-color-neutral-100);
  --lds-color-button-outline-focus: var(--lds-color-neutral-010);
  --lds-color-button-shadow: var(--lds-color-transparent);
  --lds-color-button-shadow-hover: rgba(52, 63, 65, 0.20);
  --lds-color-button-shadow-focus: var(--lds-color-transparent);
  --lds-color-button-shadow-active: rgba(52, 63, 65, 0.20);
  --lds-color-button-shadow-visited: var(--lds-color-transparent);

  --lds-shadow-button-hover: 0 .125rem .25rem 0;
  --lds-shadow-button-active: 0 .125rem .25rem 0;

  --lds-color-button-background-disabled: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-hover: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-focus: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-active: var(--lds-color-neutral-010);
  --lds-color-button-background-disabled-visited: var(--lds-color-neutral-010);
  --lds-color-button-border-disabled: var(--lds-color-neutral-030);
  --lds-color-button-border-disabled-hover: var(--lds-color-neutral-030);
  --lds-color-button-border-disabled-focus: var(--lds-color-neutral-030);
  --lds-color-button-border-disabled-active: var(--lds-color-neutral-030);
  --lds-color-button-border-disabled-visited: var(--lds-color-neutral-030);
  --lds-color-button-foreground-disabled: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-active: var(--lds-color-neutral-060);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-neutral-060);
  --lds-color-button-outline-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-hover: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-focus: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-active: var(--lds-color-transparent);
  --lds-color-button-shadow-disabled-visited: var(--lds-color-transparent);

  --lds-shadow-button-disabled-hover: none;
  --lds-shadow-button-disabled-active: none;
}

.lds-button.utility-inverted.success,
.lds-button.utility-inverted.loading-success,
lds-link.utility-inverted.success,
lds-link.utility-inverted.loading-success {
  --lds-color-button-background: var(--lds-color-neutral-000);
  --lds-color-button-background-hover: var(--lds-color-success-010);
  --lds-color-button-background-focus: var(--lds-color-success-010);
  --lds-color-button-background-active: var(--lds-color-success-020);
  --lds-color-button-background-visited: var(--lds-color-neutral-000);
  --lds-color-button-foreground: var(--lds-color-success-fg);
  --lds-color-button-foreground-hover: var(--lds-color-success-fg);
  --lds-color-button-foreground-focus: var(--lds-color-success-fg);
  --lds-color-button-foreground-active: var(--lds-color-success-fg);
  --lds-color-button-foreground-visited: var(--lds-color-success-fg);

  --lds-color-button-background-disabled: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-hover: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-focus: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-active: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-visited: var(--lds-color-neutral-000);
  --lds-color-button-border-disabled: var(--lds-color-neutral-050);
  --lds-color-button-border-disabled-hover: var(--lds-color-neutral-050);
  --lds-color-button-border-disabled-focus: var(--lds-color-neutral-050);
  --lds-color-button-border-disabled-active: var(--lds-color-neutral-050);
  --lds-color-button-border-disabled-visited: var(--lds-color-neutral-050);
  --lds-color-button-foreground-disabled: var(--lds-color-success-fg);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-success-fg);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-success-fg);
  --lds-color-button-foreground-disabled-active: var(--lds-color-success-fg);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-success-fg);
}

.lds-button.utility-inverted.warning,
lds-link.utility-inverted.warning {
  --lds-color-button-background: var(--lds-color-neutral-000);
  --lds-color-button-background-hover: var(--lds-color-warning-010);
  --lds-color-button-background-focus: var(--lds-color-warning-010);
  --lds-color-button-background-active: var(--lds-color-warning-020);
  --lds-color-button-background-visited: var(--lds-color-neutral-000);
  --lds-color-button-foreground: var(--lds-color-warning-fg);
  --lds-color-button-foreground-hover: var(--lds-color-warning-fg);
  --lds-color-button-foreground-focus: var(--lds-color-warning-fg);
  --lds-color-button-foreground-active: var(--lds-color-warning-fg);
  --lds-color-button-foreground-visited: var(--lds-color-warning-fg);

  --lds-color-button-background-disabled: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-hover: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-focus: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-active: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-visited: var(--lds-color-neutral-000);
  --lds-color-button-border-disabled: var(--lds-color-neutral-050);
  --lds-color-button-border-disabled-hover: var(--lds-color-neutral-050);
  --lds-color-button-border-disabled-focus: var(--lds-color-neutral-050);
  --lds-color-button-border-disabled-active: var(--lds-color-neutral-050);
  --lds-color-button-border-disabled-visited: var(--lds-color-neutral-050);
  --lds-color-button-foreground-disabled: var(--lds-color-warning-fg);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-warning-fg);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-warning-fg);
  --lds-color-button-foreground-disabled-active: var(--lds-color-warning-fg);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-warning-fg);
}

.lds-button.utility-inverted.danger,
.lds-button.utility-inverted.loading-failure,
lds-link.utility-inverted.danger,
lds-link.utility-inverted.loading-failure {
  --lds-color-button-background: var(--lds-color-neutral-000);
  --lds-color-button-background-hover: var(--lds-color-danger-010);
  --lds-color-button-background-focus: var(--lds-color-danger-010);
  --lds-color-button-background-active: var(--lds-color-danger-020);
  --lds-color-button-background-visited: var(--lds-color-neutral-000);
  --lds-color-button-foreground: var(--lds-color-danger-fg);
  --lds-color-button-foreground-hover: var(--lds-color-danger-fg);
  --lds-color-button-foreground-focus: var(--lds-color-danger-fg);
  --lds-color-button-foreground-active: var(--lds-color-danger-fg);
  --lds-color-button-foreground-visited: var(--lds-color-danger-fg);

  --lds-color-button-background-disabled: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-hover: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-focus: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-active: var(--lds-color-neutral-000);
  --lds-color-button-background-disabled-visited: var(--lds-color-neutral-000);
  --lds-color-button-border-disabled: var(--lds-color-neutral-050);
  --lds-color-button-border-disabled-hover: var(--lds-color-neutral-050);
  --lds-color-button-border-disabled-focus: var(--lds-color-neutral-050);
  --lds-color-button-border-disabled-active: var(--lds-color-neutral-050);
  --lds-color-button-border-disabled-visited: var(--lds-color-neutral-050);
  --lds-color-button-foreground-disabled: var(--lds-color-danger-fg);
  --lds-color-button-foreground-disabled-hover: var(--lds-color-danger-fg);
  --lds-color-button-foreground-disabled-focus: var(--lds-color-danger-fg);
  --lds-color-button-foreground-disabled-active: var(--lds-color-danger-fg);
  --lds-color-button-foreground-disabled-visited: var(--lds-color-danger-fg);
}

.lds-button.icon-button,
.lds-button.icon-only,
lds-link.icon-button,
lds-link.icon-only {
  --lds-spacing-button-padding-top: var(--lds-spacing-075);
  --lds-spacing-button-padding-right: var(--lds-spacing-075);
  --lds-spacing-button-padding-bottom: var(--lds-spacing-075);
  --lds-spacing-button-padding-left: var(--lds-spacing-075);
}

.lds-button.compact,
lds-link.compact {
  --lds-spacing-button-padding-top: var(--lds-spacing-050);
  --lds-spacing-button-padding-right: var(--lds-spacing-100);
  --lds-spacing-button-padding-bottom: var(--lds-spacing-050);
  --lds-spacing-button-padding-left: var(--lds-spacing-100);

  --lds-spacing-button-subcomponent-icon-margin-between: var(--lds-spacing-025);
  /* this is using 1.25 REM instead of EM because the font size of buttons is 18px but the icons should still be 20px as designed */
  --lds-spacing-button-subcomponent-icon-height: 1.25rem;
  --lds-spacing-button-subcomponent-icon-width: 1.25rem;
}

.lds-button.icon-button.compact,
.lds-button.icon-only.compact,
lds-link.icon-button.compact,
lds-link.icon-only.compact {
  --lds-spacing-button-padding-top: var(--lds-spacing-050);
  --lds-spacing-button-padding-right: var(--lds-spacing-050);
  --lds-spacing-button-padding-bottom: var(--lds-spacing-050);
  --lds-spacing-button-padding-left: var(--lds-spacing-050);
}

.lds-button.radius-sm {
  border-radius: var(--lds-radius-button-small);
}

.lds-button.radius-md {
  border-radius: var(--lds-radius-button-medium);
}

.lds-button.pill,
.lds-button.radius-pill {
  border-radius: var(--lds-radius-button-pill);
}

.lds-button-group-container {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
}

.lds-button-group {
  display: flex;
}

.lds-button-group-buttons {
  display: flex;
  flex-wrap: nowrap;
  border-radius: var(--lds-radius-button-group);
}

.lds-button-group-buttons > .lds-button {
  display: block;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: nowrap;
  border-radius: 0;
  box-shadow: none;
}

.lds-button-group-buttons > .lds-button:focus {
  outline-offset: var(--lds-border-button-group-focus-outline-offset);
  box-shadow: var(--lds-shadow-button-group-focus) var(--lds-color-button-group-focus-shadow);
}

.lds-button-group-buttons > .lds-button:first-child {
  border-start-start-radius: var(--lds-radius-button-group);
  border-end-start-radius: var(--lds-radius-button-group);
}

.lds-button-group-buttons > .lds-button:last-of-type {
  border-start-end-radius: var(--lds-radius-button-group);
  border-end-end-radius: var(--lds-radius-button-group);
}

.lds-button-group-buttons > .lds-button:not([disabled]):not(.outlined):not(.outlined-inverted):not(.utility-inverted) {
  border-inline-end-width: var(--lds-border-button-group-width-right);
}

.lds-button-group-buttons > .lds-button:not(:last-of-type):not([disabled]):not(.outlined):not(.utility):not(.outlined-inverted):not(.utility-inverted) {
  border-inline-end-color: var(--lds-color-button-group-border);
  border-top-width: 0;
  border-bottom-width: 0;
}

.lds-button-group-buttons > .lds-button:not(:first-child),
.lds-button-group .lds-dropdown-button.lds-button {
  margin-inline-start: var(--lds-spacing-button-group-margin-left);
}

.lds-button-group-buttons > .lds-button[disabled] {
  border-top-width: 0;
  border-bottom-width: 0;
}

.lds-button-group-buttons > .lds-button[disabled] + [disabled] {
  border-inline-start-width: var(--lds-border-button-group-width-left);
  border-inline-start-color: var(--lds-color-button-group-border-light);
}

/* MARK: Dropdown
*/

.lds-button-group .lds-dropdown-button:focus,
.lds-button-group-dd-icon-btn:focus {
  outline-color: var(--lds-color-button-outline-focus);
  outline-offset: var(--lds-border-button-group-focus-outline-offset);
  box-shadow: var(--lds-shadow-button-group-focus) var(--lds-color-button-group-focus-shadow);
}

.lds-button-group .lds-button-group-dropdown .lds-button {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background-color: var(--lds-color-transparent);
  color: var(--lds-color-button-group-dropdown);
  font-size: var(--lds-typography-button-group-dropdown-font-size);
  font-weight: var(--lds-typography-button-group-dropdown-font-weight);
  line-height: var(--lds-typography-button-group-dropdown-line-height);
  text-align: left;
}

.lds-button-group .lds-button-group-dropdown .lds-button:focus {
  outline-color: var(--lds-color-button-group-outline-focus);
  outline-offset: var(--lds-border-button-group-dropdown-item-focus-outline-offset);
}

.lds-button-group .lds-button-group-dropdown .lds-button:not([disabled]):hover {
  background-color: var(--lds-color-button-group-dropdown-item-hover);
}

.lds-button-group .lds-button-group-dropdown .lds-button[disabled] {
  cursor: not-allowed;
  color: var(--lds-color-disabled);
}

.lds-button-group .lds-button-group-dd-wrapper {
  position: inherit;
  width: auto;
}

.lds-button-group .lds-button-group-dd-section {
  display: flex;
  flex-direction: column;
  margin: var(--lds-spacing-button-group-dropdown-margin);
}

.lds-button-group .lds-button-group-dd-icon-btn {
  padding: var(--lds-spacing-button-group-toggle-padding);
  height: var(--lds-spacing-button-group-height);
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}

.lds-button-group .lds-dropdown-expand-icon.lds-icon.inline {
  margin: 0;
}

.lds-button-group.inverted {
  --lds-color-button-group-border: var(--lds-color-lilly-red-040);
  --lds-color-button-group-focus-shadow: var(--lds-color-neutral-100);
}

.lds-button-group.outlined-inverted {
  --lds-color-button-group-focus-shadow: var(--lds-color-neutral-100);
  --lds-spacing-button-group-margin-left: var(--lds-spacing-neg-013);
}

.lds-button-group.outlined,
.lds-button-group.utility,
.lds-button-group.utility-inverted {
  --lds-spacing-button-group-margin-left: var(--lds-spacing-neg-013);
}

.lds-button-group.compact {
  --lds-spacing-button-group-toggle-padding: var(--lds-spacing-050);
  --lds-spacing-button-group-height: var(--lds-spacing-275);
}

.lds-button-group.radius-sm .lds-button-group-buttons {
  --lds-radius-button-group: var(--lds-radius-button-small);
}

.lds-button-group.radius-md .lds-button-group-buttons {
  --lds-radius-button-group: var(--lds-radius-button-medium);
}

.lds-button-group.pill,
.lds-button-group.radius-pill .lds-button-group-buttons {
  --lds-radius-button-group: var(--lds-radius-button-pill);
}

/* TODO - to delete this file after removing lds-card class dependency from LdsTabs and Theme/Theme Customization/Custom Component Theme Variants */

.lds-card {
  position: relative;
  display: block;
  background-color: var(--lds-color-card-background);
  color: var(--lds-color-card-foreground);
  border-radius: 4px;
  box-shadow: var(--lds-shadow-card);
}

.lds-card.grow {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.lds-card img,
.lds-card svg,
.lds-card .img {
  width: 100%;
  display: block;
}

.lds-card .card-body {
  display: flex;
  flex-direction: column;
  padding: var(--lds-spacing-card-padding-sm);
}

.lds-card.reverse {
  display: flex;
  flex-direction: column-reverse
}

@media (min-width: 768px) {
  .lds-card .card-body {
    padding: var(--lds-spacing-card-padding-md);
  }
}

@media (min-width: 992px) {
  .lds-card .card-body {
    padding: var(--lds-spacing-card-padding-lg);
  }
}

@media (min-width: 1200px) {
  .lds-card .card-body {
    padding: var(--lds-spacing-card-padding-xl);
  }
}

.lds-card .card-footer {
  display: flex;
  flex-direction: column;
  padding: var(--lds-spacing-card-padding-sm);
  padding-top: 0;
  margin-top: auto;
}

@media (min-width: 768px) {
  .lds-card .card-footer {
    padding: var(--lds-spacing-card-padding-md);
    padding-top: 0;
  }
}

@media (min-width: 992px) {
  .lds-card .card-footer {
    padding: var(--lds-spacing-card-padding-lg);
    padding-top: 0;
  }
}

@media (min-width: 1200px) {
  .lds-card .card-footer {
    padding: var(--lds-spacing-card-padding-xl);
    padding-top: 0;
  }
}

.lds-chat {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 0;
}

.lds-chat .header {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--lds-spacing-chat-header-pd);
  font-weight: var(--lds-typography-chat-header-fw);
  background-color: var(--lds-color-chat-header-bg);
}

.lds-chat .footer {
  padding: var(--lds-spacing-chat-footer-pd);
}

.lds-chat .messages {
  position: relative;
  flex-grow: 1;
  overflow-y: auto;
  padding: var(--lds-spacing-chat-messages-pd);
}

.lds-chat-intro {
  text-align: var(--lds-typography-chat-intro-ta);
}

.lds-chat-intro .intro-avatar {
  width: var(--lds-spacing-chat-intro-avatar-sz);
  height: var(--lds-spacing-chat-intro-avatar-sz);
  padding: var(--lds-spacing-chat-intro-avatar-pd);
  border-radius: var(--lds-radius-chat-intro-avatar);
  margin: var(--lds-spacing-chat-intro-avatar-mg);
  color: var(--lds-color-chat-intro-avatar);
  background-color: var(--lds-color-chat-intro-avatar-bg);
}

.lds-chat-intro .intro-avatar .lds-icon {
  background-color: var(--lds-color-chat-intro-avatar);
}

.lds-chat .lds-chat-message,
.lds-chat .lds-chat-message-bot {
  margin-top: var(--lds-spacing-chat-message-mt);
  margin-bottom: var(--lds-spacing-chat-message-mb);
}

.lds-chat .lds-chat-message-bot {
  margin-inline-end: var(--lds-spacing-chat-message-bot-mr);
}

.lds-chat .utilities-top,
.lds-chat .utilities-bottom {
  position: sticky;
  left: 0;
  right: 0;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--lds-animation-duration-medium) var(--lds-animation-timing-func-standard),
    visibility 0s var(--lds-animation-duration-medium);
}

.lds-chat .utilities-top {
  top: var(--lds-spacing-chat-utilities-top-top);
}

.lds-chat .utilities-bottom {
  bottom: var(--lds-spacing-chat-utilities-bottom-bottom);
}

.lds-chat.show-utilities-top .utilities-top,
.lds-chat.show-utilities-bottom .utilities-bottom {
  opacity: 1;
  visibility: visible;
  transition: opacity var(--lds-animation-duration-medium) var(--lds-animation-timing-func-standard),
  visibility 0s 0s;
}

.lds-chat .utilities-top-wrap,
.lds-chat .utilities-bottom-wrap {
  position: absolute;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.lds-chat .utilities-bottom-wrap {
  bottom: 0;
}

@keyframes fade-opacity {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes set-overflow {
  from {
    overflow: visible;
  }
  to {
    overflow: hidden;
  }
}

.lds-chat-divider {
  display: flex;
  justify-content: stretch;
  align-items: center;
  flex-wrap: nowrap;
  gap: var(--lds-spacing-chat-divider-gap);
  width: 100%;
  min-height: var(--lds-spacing-chat-divider-min-ht);
  margin: var(--lds-spacing-chat-divider-mg);
}

.lds-chat-divider .hr {
  flex-grow: 1;
  height: var(--lds-spacing-chat-divider-hr-ht);
  background-color: var(--lds-color-chat-divider);
}

.lds-chat-divider .timestamp {
  font-size: var(--lds-typography-chat-divider-fz);
  font-weight: var(--lds-typography-chat-divider-fw);
  line-height: var(--lds-typography-chat-divider-lh);
  color: var(--lds-color-chat-divider);
  white-space: nowrap;
}

.lds-chat-divider.is-new .hr {
  background-color: var(--lds-color-chat-divider-is-new);
}

.lds-chat-divider.is-new .timestamp {
  color: var(--lds-color-chat-divider-is-new);
}

.lds-prompt-card {
  display: flex;
  width: 100%;
  align-items: center;
  gap: var(--lds-spacing-chat-prompt-card-gap);
  position: relative;
  padding: var(--lds-spacing-chat-prompt-card-pd);
  border-radius: var(--lds-radius-chat-prompt-card);
  border: var(--lds-border-chat-prompt-card);
  margin: var(--lds-spacing-chat-prompt-card-mg);
  background-color: var(--lds-color-chat-prompt-card-bg);
  cursor: pointer;
  transition-duration: var(--lds-animation-chat-prompt-card-duration);
  transition-timing-function: var(--lds-animation-chat-prompt-card-timing-function);
  transition-property: var(--lds-animation-chat-prompt-card-property);
}

.lds-prompt-card.radius-sm {
  border-radius: var(--lds-radius-chat-prompt-card-sm);
}

.lds-prompt-card:hover,
.lds-prompt-card:active,
.lds-prompt-card:focus {
  border-color: var(--lds-border-chat-prompt-card-color-hover-active-focus);
}

.lds-prompt-card:hover {
  background-color: var(--lds-color-chat-prompt-card-bg-hover);
}

.lds-prompt-card:active {
  background-color: var(--lds-color-chat-prompt-card-bg-active);
}

.lds-prompt-card:focus {
  outline: var(--lds-border-chat-prompt-card-outline-focus);
  outline-offset: var(--lds-border-chat-prompt-card-outline-offset-focus);
}

.lds-prompt-card .prompt-text,
.lds-prompt-card .prompt-text p {
  font-size: var(--lds-typography-chat-prompt-card-fz);
  line-height: var(--lds-typography-chat-prompt-card-lh);
}

.lds-prompt-card .prompt-icon {
  flex-shrink: 0;
  width: var(--lds-spacing-chat-prompt-card-icon-sz);
  height: var(--lds-spacing-chat-prompt-card-icon-sz);
  margin-inline-start: auto;
}

/* MARK: RTL Support
 */

[dir="rtl"] .lds-prompt-card .prompt-icon .lds-icon.arrow-right {
  transform: rotate(180deg);
}

@media screen and (prefers-reduced-motion: no-preference) {
  @property --r {
    syntax: '<angle>';
    inherits: false;
    initial-value: 0deg;
  }
  @keyframes rotating {
    0% {
      --r: 0deg;
    }
    100% {
      --r: 360deg;
    }
  }

  .lds-prompt-card.is-animated {
    z-index: 1;
    border-color: transparent;
    background-clip: padding-box; /* rounded corner gradient border hack */
  }

  .lds-prompt-card.is-animated::before,
  .lds-prompt-card.is-animated::after {
    content: '';
    position: absolute;
    border-radius: var(--lds-radius-chat-prompt-card);
  }

  .lds-prompt-card.radius-sm.is-animated::before,
  .lds-prompt-card.radius-sm.is-animated::after {
    border-radius: var(--lds-radius-chat-prompt-card-sm);
  }

  .lds-prompt-card.is-animated::before {
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--lds-color-chat-prompt-card-bg);
  }

  .lds-prompt-card.is-animated:hover::before {
    background-color: var(--lds-color-chat-prompt-card-bg-hover);
  }

  .lds-prompt-card.is-animated:active::before {
    background-color: var(--lds-color-chat-prompt-card-bg-active);
  }

  .lds-prompt-card.is-animated::after {
    z-index: -2;
    top: calc(var(--lds-border-chat-prompt-card-width) * -1);
    bottom: calc(var(--lds-border-chat-prompt-card-width) * -1);
    left: calc(var(--lds-border-chat-prompt-card-width) * -1);
    right: calc(var(--lds-border-chat-prompt-card-width) * -1);
    background-color: var(--lds-color-chat-prompt-card-bg-animated);
    /* rotating conic gradient */
    background-image: conic-gradient(from var(--r), var(--lds-color-chat-prompt-card-bg-animated) 0%, var(--lds-color-chat-prompt-card-bg-animated-gradient) 10%, var(--lds-color-chat-prompt-card-bg-animated) 20%);
    animation: rotating 3s var(--lds-animation-timing-func-linear) infinite;
  }

  .lds-prompt-card.is-animated:hover::after ,
  .lds-prompt-card.is-animated:active::after ,
  .lds-prompt-card.is-animated:focus::after  {
    background-image: conic-gradient(from var(--r), var(--lds-color-chat-prompt-card-bg-animated) 0%, var(--lds-color-chat-prompt-card-bg-animated-gradient-hover-active-focus) 10%, var(--lds-color-chat-prompt-card-bg-animated) 20%);
  }
}

.lds-chat-message .message-avatar,
.lds-chat-message .message-initial,
.lds-chat-message-bot .message-avatar {
  position: relative;
  width: var(--lds-spacing-chat-message-avatar-sz);
  height: var(--lds-spacing-chat-message-avatar-sz);
  padding: var(--lds-spacing-chat-message-avatar-pd);
  border-radius: var(--lds-radius-chat-message-avatar);
  flex-shrink: 0;
}

.lds-chat-message .message-avatar .lds-icon,
.lds-chat-message-bot .message-avatar .lds-icon {
  background-color: var(--lds-color-chat-message-avatar);
}

.lds-chat-message .message-text,
.lds-chat-message-bot .message-text {
  min-height: 2.75rem;
}

.lds-chat-message .message-text h1,
.lds-chat-message .message-text h2,
.lds-chat-message .message-text h3,
.lds-chat-message .message-text h4,
.lds-chat-message .message-text h5,
.lds-chat-message .message-text h6,
.lds-chat-message-bot .message-text h1,
.lds-chat-message-bot .message-text h2,
.lds-chat-message-bot .message-text h3,
.lds-chat-message-bot .message-text h4,
.lds-chat-message-bot .message-text h5,
.lds-chat-message-bot .message-text h6 {
  margin-bottom: var(--lds-spacing-chat-message-text-mb);
  font-weight: var(--lds-spacing-chat-message-fw);
  line-height: var(--lds-typography-chat-message-lh);
}

.lds-chat-message .message-text ol,
.lds-chat-message .message-text ul,
.lds-chat-message-bot .message-text ol,
.lds-chat-message-bot .message-text ul {
  margin-bottom: var(--lds-spacing-chat-message-text-mb);
  padding-inline-start: var(--lds-spacing-chat-message-list-pl);
}

.lds-chat-message .message-text li,
.lds-chat-message-bot .message-text li {
  margin-bottom: var(--lds-spacing-chat-message-text-mb);
}

.lds-chat-message .message-text h1,
.lds-chat-message-bot .message-text h1 {
  font-size: var(--lds-typography-chat-message-h1-fz);
}

.lds-chat-message .message-text h2,
.lds-chat-message-bot .message-text h2 {
  font-size: var(--lds-typography-chat-message-h2-fz);
}

.lds-chat-message .message-text h3,
.lds-chat-message-bot .message-text h3 {
  font-size: var(--lds-typography-chat-message-h3-fz);
}

.lds-chat-message .message-text h4,
.lds-chat-message-bot .message-text h4 {
  font-size: var(--lds-typography-chat-message-h4-fz);
}

.lds-chat-message .message-text h5,
.lds-chat-message-bot .message-text h5 {
  font-size: var(--lds-typography-chat-message-h5-fz);
}

.lds-chat-message .message-text h6,
.lds-chat-message-bot .message-text h6 {
  font-size: var(--lds-typography-chat-message-h6-fz);
}

.lds-chat-message-bot .message-text blockquote > *:last-child {
  margin-bottom: 0;
}

/**********************
  generating/Typing animations */

.lds-chat-message .message-typing,
.lds-chat-message-bot .message-generating {
  display: flex;
  align-items: center;
  gap: calc(var(--lds-spacing-chat-message-dot-sz) / 2);
  height: 100%;
}

.lds-chat-message .message-typing > div,
.lds-chat-message-bot .message-generating > div {
  width: var(--lds-spacing-chat-message-dot-sz);
  height: var(--lds-spacing-chat-message-dot-sz);
  border-radius: 50%;
  background-color: var(--lds-color-chat-message-dot-bg);
  animation: var(--lds-animation-chat-message-dot-timing-func) dot-jumping-1 var(--lds-animation-chat-message-dot-duration) var(--lds-animation-chat-message-dot-iteration-count);
}

.lds-chat-message .message-typing > div + div,
.lds-chat-message-bot .message-generating > div + div {
  animation-name: dot-jumping-2;
}

.lds-chat-message .message-typing > div + div + div,
.lds-chat-message-bot .message-generating > div + div + div {
  animation-name: dot-jumping-3;
}

@keyframes dot-jumping-1 {
  20% {
    transform: translate(0, 0);
  }
  40% {
    transform: translate(0, calc(var(--lds-spacing-chat-message-dot-sz) * -1));
  }
  60% {
    transform: translate(0, 0);
  }
}

@keyframes dot-jumping-2 {
  30% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, calc(var(--lds-spacing-chat-message-dot-sz) * -1));
  }
  70% {
    transform: translate(0, 0);
  }
}

@keyframes dot-jumping-3 {
  40% {
    transform: translate(0, 0);
  }
  60% {
    transform: translate(0, calc(var(--lds-spacing-chat-message-dot-sz) * -1));
  }
  80% {
    transform: translate(0, 0);
  }
}

.lds-chat-message .spinner,
.lds-chat-message-bot .spinner {
  position: absolute;
  top: -11px;
  left: -8px;
  width: calc(100% + 16px);
  height: calc(100% + 22px);
}

.lds-chat-message .spinner-svg,
.lds-chat-message-bot .spinner-svg {
  animation: var(--lds-animation-chat-message-spinner-timing-func) spin var(--lds-animation-chat-message-spinner-duration) var(--lds-animation-chat-message-spinner-iteration-count);
}

.lds-chat-message .spinner-track,
.lds-chat-message-bot .spinner-track {
  stroke: var(--lds-color-chat-message-spinner-track);
}

.lds-chat-message .spinner-indicator,
.lds-chat-message-bot .spinner-indicator {
  fill: var(--lds-color-chat-message-spinner-indicator);
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.lds-chat-message {
  display: flex;
  flex-direction: column;
  gap: var(--lds-spacing-chat-message-gap);
  margin-inline-start: var(--lds-spacing-chat-message-ml);
  margin-inline-end: var(--lds-spacing-chat-message-mr);
  margin-bottom: var(--lds-spacing-chat-message-mb);
}

.lds-chat-message.align-message-start {
  margin-inline-start: var(--lds-spacing-chat-message-align-start-ml);
  margin-inline-end: var(--lds-spacing-chat-message-align-start-mr);
}

.lds-chat-message.meta-top {
  flex-direction: column-reverse;
}

.lds-chat-message .message-wrapper {
  display: flex;
  flex-direction: row-reverse;
  gap: var(--lds-spacing-chat-message-gap);
}

.lds-chat-message.align-message-start .message-wrapper {
  flex-direction: row;
}

.lds-chat-message .message-group {
  display: flex;
  flex-direction: column;
  gap: var(--lds-spacing-chat-message-group-gap);
}

.lds-chat-message .message-form {
  display: flex;
  flex-direction: row-reverse;
  gap: var(--lds-spacing-chat-message-form-gap);
}

.lds-chat-message.align-message-start .message-form {
  flex-direction: row;
}

.lds-chat-message .message-avatar,
.lds-chat-message .message-initial {
  flex-shrink: 0;
  align-self: flex-end;
  background-color: var(--lds-color-chat-message-avatar-bg);
}

.lds-chat-message.align-message-start .message-avatar,
.lds-chat-message.align-message-start .message-initial {
  background-color: var(--lds-color-chat-message-align-start-avatar-bg);
}

.lds-chat-message.meta-top .message-avatar,
.lds-chat-message.meta-top .message-initial {
  align-self: flex-start;
}

.lds-chat-message .message-initial {
  text-align: center;
  font-weight: var(--lds-typography-chat-message-avatar-fw);
  line-height: var(--lds-typography-chat-message-avatar-lh);
  color: var(--lds-color-chat-message-avatar);
}

.lds-chat-message .message-form .message-text {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: var(--lds-spacing-chat-message-text-pd);
  /* middle bubble */
  border-start-start-radius: var(--lds-radius-chat-message-text);
  border-start-end-radius: var(--lds-radius-chat-message-text-sm);
  border-end-end-radius: var(--lds-radius-chat-message-text-sm);
  border-end-start-radius: var(--lds-radius-chat-message-text);
  background-color: var(--lds-color-chat-message-text-bg);
}

.lds-chat-message.align-message-start .message-form .message-text {
  align-items: flex-start;
  /* middle bubble */
  border-start-start-radius: var(--lds-radius-chat-message-text-sm);
  border-start-end-radius: var(--lds-radius-chat-message-text);
  border-end-end-radius: var(--lds-radius-chat-message-text);
  border-end-start-radius: var(--lds-radius-chat-message-text-sm);
  background-color: var(--lds-color-chat-message-align-start-text-bg);
}

/* last bubble */

.lds-chat-message .message-form:last-child .message-text {
  border-start-start-radius: var(--lds-radius-chat-message-text);
  border-start-end-radius: var(--lds-radius-chat-message-text-sm);
  border-end-end-radius: var(--lds-radius-chat-message-text);
  border-end-start-radius: var(--lds-radius-chat-message-text);
}

/* first & only bubble */

.lds-chat-message .message-form:first-child .message-text {
  border-start-start-radius: var(--lds-radius-chat-message-text);
  border-start-end-radius: var(--lds-radius-chat-message-text);
  border-end-end-radius: var(--lds-radius-chat-message-text-sm);
  border-end-start-radius: var(--lds-radius-chat-message-text);
}

/* last bubble */

.lds-chat-message.align-message-start .message-form:last-child .message-text {
  border-start-start-radius: var(--lds-radius-chat-message-text-sm);
  border-start-end-radius: var(--lds-radius-chat-message-text);
  border-end-end-radius: var(--lds-radius-chat-message-text);
  border-end-start-radius: var(--lds-radius-chat-message-text);
}

/* first & only bubble */

.lds-chat-message.align-message-start .message-form:first-child .message-text {
  border-start-start-radius: var(--lds-radius-chat-message-text);
  border-start-end-radius: var(--lds-radius-chat-message-text);
  border-end-end-radius: var(--lds-radius-chat-message-text);
  border-end-start-radius: var(--lds-radius-chat-message-text-sm);
}

.lds-chat-message .message-text .message-quote {
  width: 100%;
  padding: var(--lds-spacing-chat-message-quote-pd);
  border-left: var(--lds-border-chat-message-quote-left);
  border-radius: var(--lds-radius-chat-message-quote);
  margin: var(--lds-spacing-chat-message-quote-mg);
  color: var(--lds-color-chat-message-quote);
  background-color: var(--lds-color-chat-message-quote-bg);
}

.lds-chat-message .message-text .message-quote:last-child {
  margin-bottom: var(--lds-spacing-chat-message-quote-last-mb);
}

.lds-chat-message .message-text .message-quote:first-child {
  margin-top: var(--lds-spacing-chat-message-quote-first-mt);
}

.lds-chat-message.align-message-start .message-text .message-quote {
  border-left-color: var(--lds-color-stone-060);
}

.lds-chat-message .message-text .message-quote cite {
  display: block;
  font-size: var(--lds-typography-chat-message-quote-cite-fz);
  line-height: var(--lds-typography-chat-message-quote-cite-lh);
}

.lds-chat-message.align-message-start .message-text .message-quote cite {
  font-weight: var(--lds-typography-chat-message-align-start-quote-cite-fw);
}

.lds-chat-message .message-actions {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: var(--lds-spacing-chat-message-actions-pt);
}

.lds-chat-message .message-action-btn {
  opacity: 0;
  transition-property: border, box-shadow, background-color, opacity;
}

.lds-chat-message .message-form:hover .message-action-btn,
.lds-chat-message .message-text:focus + .message-action-btn,
.lds-chat-message .message-action-btn:hover,
.lds-chat-message .message-action-btn:active,
.lds-chat-message .message-action-btn:focus {
  opacity: 1;
}

.lds-chat-message .message-utility {
  display: flex;
  justify-content: flex-end;
  gap: var(--lds-spacing-chat-message-utility-gap);
  margin-inline-start: auto;
  margin-inline-end: 0;
  font-size: var(--lds-typography-chat-message-utility-fz);
  line-height: var(--lds-typography-chat-message-utility-lh);
  font-weight: var(--lds-typography-chat-message-utility-fw);
  color: var(--lds-color-chat-message-utility);
}

.lds-chat-message.has-avatar .message-utility {
  margin-inline-end: var(--lds-spacing-chat-message-utility-avatar-mr);
}

.lds-chat-message.align-message-start .message-utility {
  flex-direction: row-reverse;
  margin-inline-start: 0;
  margin-inline-end: auto;
}

.lds-chat-message.align-message-start.has-avatar .message-utility {
  margin-inline-start: var(--lds-spacing-chat-message-utility-avatar-mr);
}

.lds-chat-message .message-utility .meta {
  display: flex;
}

.lds-chat-message.align-message-start .message-utility .meta {
  flex-direction: row-reverse;
}

.lds-chat-message .message-utility .timestamp {
  white-space: nowrap;
}

.lds-chat-message .message-utility .lds-icon {
  width: var(--lds-spacing-chat-message-utility-icon-sz);
  height: var(--lds-spacing-chat-message-utility-icon-sz);
}

.lds-chat-message .message-utility .read-icon,
.lds-chat-message .message-utility .sent-icon {
  margin-inline-start: calc(var(--lds-spacing-chat-message-utility-icon-sz) / 2);
}

.lds-chat-message .message-group:has(.message-form.is-editing) {
  width: 100%;
}

.lds-chat-message .message-form.is-editing {
  flex-grow: 1;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--lds-spacing-chat-message-form-editing-gap);
  padding: var(--lds-spacing-chat-message-form-editing-pd);
  border-radius: var(--lds-radius-chat-message-form-editing);
  border: var(--lds-border-chat-message-form-editing);
  background-color: var(--lds-color-white);
}

.lds-chat-message .message-form.is-editing:hover {
  border-color: var(--lds-border-chat-message-form-editing-color-hover);
}

.lds-chat-message .message-form.is-editing.is-valid {
  border-color: var(--lds-border-chat-message-form-editing-color-hover);
}

.lds-chat-message .message-form.is-editing:has(*:focus) {
  outline: var(--lds-border-chat-message-form-editing-outline);
  outline-offset: var(--lds-border-chat-message-form-editing-outline-offset);
}

/* auto-growing textareas */

.lds-chat-message .textarea-wrap {
  flex: 1;
  width: 100%;
}

.lds-chat-message .textarea-wrap textarea {
  display: block;
  width: 100%;
  max-height: var(--lds-spacing-chat-message-textarea-max-height);
  font-size: var(--lds-typography-chat-message-textarea-fs);
  line-height: var(--lds-typography-chat-message-textarea-lh);
  border: 0 none;
  border-radius: 0;
  resize: none;
  color: var(--lds-color-chat-message-textarea);
  background-color: transparent;
  transition: var(--lds-animation-textarea-transition);
}

.lds-chat-message .textarea-wrap textarea:focus {
  outline: 0 none;
  color: var(--lds-color-chat-message-textarea-focus);
}

@supports (field-sizing: content) {
  .lds-chat-message .textarea-wrap > textarea {
    field-sizing: content;
  }
}

@supports not (field-sizing: content) {
  /* https://css-tricks.com/the-cleanest-trick-for-autogrowing-textareas/ */
  /* "field-sizing: content" is not widely supported yet */
  .lds-chat-message .textarea-wrap {
    display: grid;
  }
  .lds-chat-message .textarea-wrap::after {
    content: attr(data-replicated-value) " ";
    white-space: pre-wrap;
    visibility: hidden;
    /* style must match <textarea> */
    display: block;
    width: 100%;
    max-height: var(--lds-spacing-chat-message-textarea-max-height);
    font-size: var(--lds-typography-chat-message-textarea-fs);
    line-height: var(--lds-typography-chat-message-textarea-lh);
    border: 0 none;
    border-radius: 0;
    resize: none;
    color: var(--lds-color-chat-message-textarea);
    background-color: transparent;
    transition: var(--lds-animation-textarea-transition);
  }
  .lds-chat-message .textarea-wrap > textarea {
    resize: none;
  }
  .lds-chat-message .textarea-wrap > textarea,
  .lds-chat-message .textarea-wrap::after {
    font: inherit;
    grid-area: 1 / 1 / 2 / 2;
  }
}

.lds-chat-message .message-editing-btns {
  display: flex;
  flex-direction: row;
  gap: var(--lds-spacing-chat-message-buttons-gap);
}

.lds-chat-message .is-valid .edit-save-btn {
  color: var(--lds-color-chat-message-save-button);
  background-color: var(--lds-color-chat-message-save-button-bg);
}

.lds-chat-message-bot {
  --lds-color-chat-message-spinner-track: var(--lds-color-primary-020);
  --lds-color-chat-message-spinner-indicator: var(--lds-color-primary);
  display: flex;
  gap: var(--lds-spacing-chat-message-bot-gap);
  margin-inline-end: var(--lds-spacing-chat-message-bot-mr);
}

.lds-chat-message-bot .message-avatar {
  background-color: var(--lds-color-chat-message-bot-avatar-bg);
}

.lds-chat-message-bot .message-content {
  flex-grow: 1;
  padding-top: var(--lds-spacing-chat-message-bot-pt);
  border-radius: var(--lds-radius-chat-message-bot);
  background-color: var(--lds-color-chat-message-bot-bg);
}

.lds-chat-message-bot .message-content.has-bg,
.lds-chat-message-bot .message-content.has-shadow,
.lds-chat-message-bot .message-content.is-stopped {
  padding: var(--lds-spacing-chat-message-bot-pd-has-bg);
}

.lds-chat-message-bot .message-content.has-bg {
  background-color: var(--lds-color-chat-message-bot-bg-has-bg);
}

.lds-chat-message-bot .message-content.has-shadow {
  box-shadow: var(--lds-shadow-chat-message-bot-has-shadow);
}

.lds-chat-message-bot .message-content.is-stopped {
  border: var(--lds-border-chat-message-bot-is-stopped);
  color: var(--lds-color-chat-message-bot-is-stopped);
  background-color: var(--lds-color-chat-message-bot-bg-is-stopped);
}

.lds-chat-message-bot .message-content.has-bg > *:last-child,
.lds-chat-message-bot .message-content.has-shadow > *:last-child,
.lds-chat-message-bot .message-content.is-stopped > *:last-child {
  margin-bottom: 0;
}

.lds-chat-message-bot .message-label {
  margin-bottom: var(--lds-spacing-chat-message-bot-label-mb);
  font-size: var(--lds-typography-chat-message-bot-label-fz);
  font-weight: var(--lds-typography-chat-message-bot-label-fw);
  line-height: var(--lds-typography-chat-message-bot-label-lh);
}

.lds-chat-message-bot .message-text {
  margin-bottom: var(--lds-spacing-chat-message-bot-text-mb);
}

.lds-chat-message-bot .message-text blockquote {
  margin-bottom: var(--lds-spacing-chat-message-bot-blockquote-mb);
  padding: var(--lds-spacing-chat-message-bot-blockquote-pd);
  border-left: var(--lds-border-chat-message-bot-blockquote-l);
  font-style: var(--lds-typography-chat-message-bot-blockquote-fs);
  background-color: var(--lds-color-chat-message-bot-blockquote-bg);
}

.lds-chat-message-bot .message-utilities,
.lds-chat-message-bot .message-actions {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: var(--lds-spacing-chat-message-bot-utilities-mb);
}

.lds-chat-message-bot .message-utilities {
  gap: var(--lds-spacing-chat-message-bot-utilities-gap);
}

.lds-chat-message-bot .message-actions {
  gap: var(--lds-spacing-chat-message-bot-actions-gap);
}

/**********************
  actions top */

.lds-chat-message-bot.actions-top .message-content {
  display: grid;
  grid-template-columns: 1fr min-content;
  grid-template-rows: auto auto auto;
  column-gap: var(--lds-spacing-chat-message-bot-actions-col-gap);
}

.lds-chat-message-bot.actions-top .message-actions {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  justify-content: flex-end;
  flex-wrap: nowrap;
  margin-bottom: 0;
}

/* without label */

.lds-chat-message-bot.actions-top .message-text {
  grid-column: 1 / 3;
  grid-row: 1 / 2;
}

.lds-chat-message-bot.actions-top .message-utilities {
  grid-column: 1 / 3;
  grid-row: 2 / 3;
}

/* with label */

.lds-chat-message-bot.actions-top .message-label {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}

.lds-chat-message-bot.actions-top:has(.message-label) .message-text {
  grid-row: 2 / 3;
}

.lds-chat-message-bot.actions-top:has(.message-label) .message-utilities {
  grid-row: 3 / 4;
}

/**********************
  actions side */

.lds-chat-message-bot.actions-side .message-content {
  display: grid;
  grid-template-columns: 1fr min-content;
  grid-template-rows: min-content 1fr;
  column-gap: var(--lds-spacing-chat-message-bot-actions-col-gap);
  align-items: start;
}

/* without label */

.lds-chat-message-bot.actions-side .message-actions {
  grid-column: 2 / 3;
  grid-row: 1 / 3;
  flex-direction: column;
  margin-bottom: 0;
}

.lds-chat-message-bot.actions-side .message-text {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}

.lds-chat-message-bot.actions-side .message-utilities {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}

/* with label */

.lds-chat-message-bot.actions-side:has(.message-label) .message-content {
  grid-template-rows: min-content min-content 1fr;
}

.lds-chat-message-bot.actions-side .message-label {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}

.lds-chat-message-bot.actions-side:has(.message-label) .message-actions {
  grid-row: 1 / 4;
}

.lds-chat-message-bot.actions-side:has(.message-label) .message-text {
  grid-row: 2 / 3;
}

.lds-chat-message-bot.actions-side:has(.message-label) .message-utilities {
  grid-row: 3 / 4;
}

/**********************
  stopped chips */

.lds-chat-message-bot .message-content.is-stopped .lds-chip {
  color: var(--lds-color-chat-message-bot-chip-is-stopped);
}

.lds-chat-message-bot .message-content.is-stopped .lds-chip:hover,
.lds-chat-message-bot .message-content.is-stopped .lds-chip:focus {
  color: var(--lds-color-chat-message-bot-chip-is-stopped-hover);
  background-color: var(--lds-color-chat-message-bot-chip-bg-is-stopped-hover);
}

/*
  MARK: Chat History
*/

.lds-chat-history {
  display: flex;
  flex-direction: column;
  gap: var(--lds-spacing-chat-history-gap);
  color: var(--lds-color-chat-history);
  background-color: var(--lds-color-chat-history-bg);
}

.lds-chat-history-content,
.lds-chat-history-item {
  padding: 0;
  list-style: none;
}

.lds-chat-history-header {
  display: flex;
  align-items: center;
  gap: var(--lds-spacing-chat-history-header-gap);
  width: 100%;
  padding: var(--lds-spacing-chat-history-header-pd);
  border-radius: var(--lds-radius-chat-history-header);
  font-size: var(--lds-typography-chat-history-header-fz);
  font-weight: var(--lds-typography-chat-history-header-fw);
  line-height: var(--lds-typography-chat-history-header-lh);
  text-align: var(--lds-typography-chat-history-header-ta);
  color: var(--lds-color-chat-history-header);
  background-color: var(--lds-color-chat-history-header-bg);
}

.lds-chat-history-header:hover,
.lds-chat-history-header:focus {
  background-color: var(--lds-color-chat-history-header-bg-hover);
}

.lds-chat-history-header:focus {
  outline: var(--lds-border-chat-history-header-outline-focus);
  outline-offset: var(--lds-border-chat-history-header-outline-offset-focus);
}

.lds-chat-history-header-text {
  flex-grow: 1;
}

.lds-chat-history-toggle-icon.lds-icon {
  flex-shrink: 0;
  width: var(--lds-spacing-chat-history-toggle-icon-sz);
  height: var(--lds-spacing-chat-history-toggle-icon-sz);
  background-color: var(--lds-color-chat-history-toggle-icon-bg);
  transition: var(--lds-animation-chat-history-toggle-icon-transition);
}

.lds-chat-history-group.is-opening .lds-chat-history-toggle-icon,
.lds-chat-history-group.is-open .lds-chat-history-toggle-icon {
  transform: var(--lds-animation-chat-history-toggle-icon-transform-open);
}

.lds-chat-history-body {
  display: grid;
  overflow: hidden;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--lds-animation-duration-medium) var(--lds-animation-timing-func-standard);
}

.lds-chat-history-group.is-opening .lds-chat-history-body,
.lds-chat-history-group.is-open .lds-chat-history-body {
  grid-template-rows: 1fr;
}

.lds-chat-history-group.is-open .lds-chat-history-body {
  overflow: visible;
}

.lds-chat-history-content {
  min-width: 0;
  min-height: 0;
  visibility: hidden;
  transition: visibility var(--lds-animation-duration-medium) var(--lds-animation-timing-func-standard);
}

.lds-chat-history-group.is-opening .lds-chat-history-content,
.lds-chat-history-group.is-open .lds-chat-history-content {
  visibility: visible;
}

.lds-chat-history-item {
  display: flex;
  gap: var(--lds-spacing-chat-history-item-gap);
  padding: var(--lds-spacing-chat-history-item-pd);
  border-radius: var(--lds-radius-chat-history-item);
  margin: var(--lds-spacing-chat-history-item-mg);
  font-size: var(--lds-typography-chat-history-item-fz);
  line-height: var(--lds-typography-chat-history-item-lh);
  color: var(--lds-color-chat-history-item);
  background-color: var(--lds-color-chat-history-item-bg);
}

.lds-chat-history-item:hover ,
.lds-chat-history-item:has(.lds-dropdown-button:focus),
.lds-chat-history-item:has(.lds-chat-history-item-input:focus) {
  background-color: var(--lds-color-chat-history-item-bg-hover);
}

.lds-chat-history-item:has(.lds-chat-history-item-link:focus),
.lds-chat-history-item:has(.lds-chat-history-item-btn:focus),
.lds-chat-history-item:has(.lds-chat-history-item-input:focus) {
  background-color: var(--lds-color-chat-history-item-bg-hover);
  outline: var(--lds-border-chat-history-item-outline-focus);
  outline-offset: var(--lds-border-chat-history-item-outline-offset-focus);
}

.lds-chat-history-item-link,
.lds-chat-history-item-btn {
  display: block;
  max-width: 100%;
  padding: var(--lds-spacing-chat-history-item-btn-pd);
  text-decoration: none;
  text-align: var(--lds-typography-chat-history-item-btn-ta);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lds-chat-history-item-link:focus,
.lds-chat-history-item-btn:focus {
  outline: var(--lds-border-chat-history-item-btn-outline-focus);
}

/*
  MARK: Tooltip
*/

.lds-chat-history .lds-tooltip-container {
  max-width: calc(100% - 28px - var(--lds-spacing-chat-history-item-gap)); /* 100% - 28px (button) + 8px (gap) */
}

.lds-chat-history-item .lds-tooltip {
  display: block;
}

.lds-chat-history-item .tooltip-container {
  display: flex;
}

.lds-chat-history-item .lds-tooltip-link {
  max-width: 100%;
}

/*
  MARK: Input
*/

.lds-chat-history-item-input {
  display: block;
  flex-grow: 1;
  padding: var(--lds-spacing-chat-history-item-input-pd);
  border: var(--lds-border-chat-history-item-input);
  border-radius: var(--lds-radius-chat-history-item-input);
  outline: var(--lds-border-chat-history-item-input-outline);
  text-decoration: none;
  text-align: var(--lds-typography-chat-history-item-input-ta);
  font-size: var(--lds-typography-chat-history-item-btn-fz);
  font-family: var(--lds-typography-chat-history-item-input-ff);
  line-height: var(--lds-typography-chat-history-item-btn-lh);
}

/*
  MARK: Item Actions
*/

.lds-chat-history-item-actions {
  display: flex;
  gap: var(--lds-spacing-chat-history-item-actions-gap);
}

.lds-chat-history-item-actions .lds-button.icon-only.compact {
  padding: var(--lds-spacing-chat-history-item-actions-btn-pd);
  border: var(--lds-border-chat-history-item-actions-btn);
  color: var(--lds-color-primary-070);
}

.lds-chat-history-item-actions .lds-button.icon-only.compact:focus {
  outline-offset: 2px;
}

.lds-chat-history-item-actions .lds-button.icon-only.compact:hover,
.lds-chat-history-item-actions .lds-button.icon-only.compact:focus {
  background-color: var(--lds-color-primary-020);
}

/*
  MARK: Dropdown
*/

.lds-chat-history .lds-dropdown-wrapper {
  display: block;
  width: auto;
  margin-inline-start: auto;
}

.lds-chat-history .lds-dropdown-button {
  padding: var(--lds-spacing-chat-history-dd-btn-pd);
  border-radius: var(--lds-radius-chat-history-dd-btn);
  line-height: var(--lds-typography-chat-history-dd-btn-lh);
}

.lds-chat-history .lds-dropdown-button.open,
.lds-chat-history .lds-dropdown-button:hover,
.lds-chat-history .lds-dropdown-button:focus {
  background-color: var(--lds-color-chat-history-dd-btn-bg-open);
}

.lds-chat-history .lds-dropdown-expand-icon {
  width: var(--lds-spacing-chat-history-dd-icon-sz);
  height: var(--lds-spacing-chat-history-dd-icon-sz);
}

.lds-chat-history .lds-dropdown {
  min-width: var(--lds-spacing-chat-history-dd-minwidth);
  transition: var(--lds-animation-chat-history-dd-transition);
}

.lds-chat-history .lds-dropdown.open {
  padding: var(--lds-spacing-chat-history-dd-pd-open);
}

.lds-chat-history .lds-dropdown-item {
  padding: var(--lds-spacing-chat-history-dd-item-pd);
}

.lds-chat-history .lds-dropdown-item:first-child,
.lds-chat-history .lds-dropdown-item:last-child {
  border-radius: 0;
}

.lds-chat-modal {
  display: flex;
  flex-direction: column;
  position: fixed;
  bottom: 0;
  width: var(--lds-spacing-chat-modal-width);
  max-width: 100%;
  height: var(--lds-spacing-chat-modal-height);
  border: var(--lds-border-chat-modal);
  border-radius: var(--lds-radius-chat-modal);
  background-color: var(--lds-color-chat-modal-bg);
  box-shadow: var(--lds-shadow-chat-modal);
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .lds-chat-modal {
    top: var(--lds-spacing-chat-modal-top-md);
    inset-inline-end: var(--lds-spacing-chat-modal-right-md);
    bottom: var(--lds-spacing-chat-modal-bottom-md);
    inset-inline-start: var(--lds-spacing-chat-modal-left-md);
    width: var(--lds-spacing-chat-modal-width-md);
    max-width: var(--lds-spacing-chat-modal-width-md);
    height: var(--lds-spacing-chat-modal-height-md);
    max-height: var(--lds-spacing-chat-modal-maxheight-md);
  }
}

.lds-chat-modal .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--lds-z-index-chat-modal-overlay);
  border-radius: var(--lds-radius-chat-modal);
  background-color: var(--lds-color-chat-modal-overlay-bg);
  opacity: 0;
  visibility: hidden;
  transition: var(--lds-animation-chat-modal-overlay);
}

.lds-chat-modal .open > .overlay {
  opacity: 1;
  visibility: visible;
  transition: var(--lds-animation-chat-modal-overlay-open);
}

/* icon-only buttons (not inside the messages div) */

.lds-chat-modal button.lds-alert-button,
/* stylelint-disable-next-line selector-not-notation */
.lds-chat-modal button.icon-only:not(.messages .icon-only) {
  width: var(--lds-spacing-chat-modal-icon-button-sz);
  height: var(--lds-spacing-chat-modal-icon-button-sz);
  border: 0 none;
  border-radius: var(--lds-radius-chat-modal-icon-button);
  background-color: var(--lds-color-chat-modal-icon-button-bg);
  transition-duration: var(--lds-animation-chat-modal-icon-button-transition-duration);
  transition-timing-function: var(--lds-animation-chat-modal-icon-button-transition-timing-func);
  transition-property: var(--lds-animation-chat-modal-icon-button-transition-prop);
  box-shadow: var(--lds-shadow-chat-modal-icon-button);
}

.lds-chat-modal button.lds-alert-button:focus,
/* stylelint-disable-next-line selector-not-notation */
.lds-chat-modal button.icon-only:focus:not(.messages .icon-only:focus) {
  outline: var(--lds-border-chat-modal-icon-button-outline-focus);
  outline-offset: var(--lds-border-chat-modal-icon-button-outline-offset-focus);
  background-color: var(--lds-color-chat-modal-icon-button-bg-focus);
  box-shadow: var(--lds-shadow-chat-modal-icon-button-focus);
}

.lds-chat-modal button.lds-alert-button:hover,
/* stylelint-disable-next-line selector-not-notation */
.lds-chat-modal button.icon-only:hover:not(.messages .icon-only:hover) {
  background-color: var(--lds-color-chat-modal-icon-button-bg-hover);
  box-shadow: var(--lds-shadow-chat-modal-icon-button-hover);
}

.lds-chat-modal button.lds-alert-button:active,
/* stylelint-disable-next-line selector-not-notation */
.lds-chat-modal button.icon-only:active:not(.messages .icon-only:active),
.lds-chat-modal button.lds-alert-button.active,
/* stylelint-disable-next-line selector-not-notation */
.lds-chat-modal button.icon-only.active:not(.messages .icon-only.active) {
  background-color: var(--lds-color-chat-modal-icon-button-bg-active);
  box-shadow: var(--lds-shadow-chat-modal-icon-button-active);
}

/* drawers */

.lds-chat-modal .drawer-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: var(--lds-z-index-chat-modal-drawer-wrapper);
  height: 0;
  border-radius: var(--lds-radius-chat-modal);
  overflow: hidden;
  transition: var(--lds-animation-chat-modal-drawer-wrapper-transition);
}

.lds-chat-modal .drawer-wrapper.open {
  height: 100%;
  transition: var(--lds-animation-chat-modal-drawer-wrapper-transition-open);
}

.lds-chat-modal .drawer-wrapper .drawer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: var(--lds-z-index-chat-modal-drawer);
  padding: var(--lds-spacing-chat-modal-drawer-pd);
  border-radius: var(--lds-radius-chat-modal-drawer);
  background-color: var(--lds-color-chat-modal-drawer-bg);
  transform: translateY(100%);
  opacity: 0;
  visibility: hidden;
  transition: var(--lds-animation-chat-modal-drawer);
}

.lds-chat-modal .drawer-wrapper.open .drawer {
  transform: translateY(0%);
  opacity: 1;
  visibility: visible;
  transition: var(--lds-animation-chat-modal-drawer-open);
}

.lds-chat-modal .drawer-header {
  display: flex;
  gap: var(--lds-spacing-chat-modal-drawer-header-gap);
  justify-content: space-between;
  align-items: center;
  min-height: var(--lds-spacing-chat-modal-drawer-header-minheight);
  padding: var(--lds-spacing-chat-modal-drawer-header-pd);
}

.lds-chat-modal .drawer-header-text {
  padding: var(--lds-spacing-chat-modal-drawer-header-text-pd);
  overflow: hidden;
}

.lds-chat-modal .drawer-header-text h2,
.lds-chat-modal .drawer-header-text h3 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
}

.lds-chat-modal .drawer-header-text h2 {
  font-size: var(--lds-typography-chat-modal-drawer-header-text-h2-fz);
  font-weight: var(--lds-typography-chat-modal-drawer-header-text-h2-fw);
  line-height: var(--lds-typography-chat-modal-drawer-header-text-h2-lh);
}

.lds-chat-modal .drawer-header-text h3 {
  font-size: var(--lds-typography-chat-modal-drawer-header-text-h3-fz);
  font-weight: var(--lds-typography-chat-modal-drawer-header-text-h3-fw);
  font-style: var(--lds-typography-chat-modal-drawer-header-text-h3-fs);
  line-height: var(--lds-typography-chat-modal-drawer-header-text-h3-lh);
}

.lds-chat-modal .header {
  position: relative;
  z-index: var(--lds-z-index-chat-modal-header);
  display: flex;
  gap: var(--lds-spacing-chat-modal-header-gap);
  align-items: center;
  padding-top: var(--lds-spacing-chat-modal-header-pd-top);
  padding-bottom: var(--lds-spacing-chat-modal-header-pd-bottom);
  padding-inline-start: var(--lds-spacing-chat-modal-header-pd-left);
  padding-inline-end: var(--lds-spacing-chat-modal-header-pd-right);
  border-radius: var(--lds-radius-chat-modal-header);
  background-color: var(--lds-color-chat-modal-header-bg);
  border-bottom: var(--lds-border-chat-modal-header-bb);
}

.lds-chat-modal .header-avatar {
  flex-shrink: 0;
  width: var(--lds-spacing-chat-modal-header-avatar-size);
  height: var(--lds-spacing-chat-modal-header-avatar-size);
  padding: var(--lds-spacing-chat-modal-header-avatar-pd);
  color: var(--lds-color-chat-modal-header-avatar);
  border-radius: 50%;
  background-color: var(--lds-color-chat-modal-header-avatar-bg);
}

.lds-chat-modal .header-avatar .lds-icon {
  background-color: currentColor;
}

.lds-chat-modal .header-text {
  overflow: hidden;
}

.lds-chat-modal .header-text h2,
.lds-chat-modal .header-text h3 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
}

.lds-chat-modal .header-text h2 {
  font-size: var(--lds-typography-chat-modal-header-h2-fz);
  font-weight: var(--lds-typography-chat-modal-header-h2-fw);
  line-height: var(--lds-typography-chat-modal-header-h2-lh);
}

.lds-chat-modal .header-text h3 {
  margin: 0;
  font-size: var(--lds-typography-chat-modal-header-h3-fz);
  font-weight: var(--lds-typography-chat-modal-header-h3-fw);
  line-height: var(--lds-typography-chat-modal-header-h3-lh);
}

.lds-chat-modal .header-actions {
  display: flex;
  flex-shrink: 0;
  margin-inline-start: auto;
  color: var(--lds-color-chat-modal-header-actions);
}

.lds-chat-modal .actions-menu {
  bottom: auto;
  top: 0;
  z-index: var(--lds-spacing-chat-modal-actions-menu-z);
}

.lds-chat-modal .actions-menu .drawer {
  top: var(--lds-spacing-chat-modal-actions-menu-top);
  bottom: var(--lds-spacing-chat-modal-actions-menu-bottom);
  padding: var(--lds-spacing-chat-modal-actions-menu-pd);
  border-radius: var(--lds-radius-chat-modal-actions-menu);
  box-shadow: var(--lds-shadow-chat-modal-actions-menu);
  transform: var(--lds-animation-chat-modal-actions-menu-transform);
}

.lds-chat-modal .actions-menu .drawer ul,
.lds-chat-modal .actions-menu .drawer li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.lds-chat-modal .actions-menu .drawer button.lds-link {
  display: block;
  width: 100%;
  text-align: start;
  padding: var(--lds-spacing-chat-modal-actions-menu-link-pd);
  border-radius: 0;
  font-weight: var(--lds-typography-chat-modal-actions-menu-link-fw);
  text-decoration: none;
  color: var(--lds-color-chat-modal-actions-menu-link);
  transition: var(--lds-animation-chat-modal-action-menu-link-transition);
}

.lds-chat-modal .actions-menu .drawer button.lds-link:focus {
  outline: var(--lds-border-chat-modal-actions-menu-link-outline);
  outline-offset: var(--lds-border-chat-modal-actions-menu-link-outline-offset);
}

.lds-chat-modal .actions-menu .drawer button.lds-link:hover {
  background-color: var(--lds-color-chat-modal-actions-menu-link-bg-hover);
}

.lds-chat-modal .actions-menu .drawer button.lds-link:active {
  background-color: var(--lds-color-chat-modal-actions-menu-link-bg-active);
}

.lds-chat-modal .actions-menu .drawer .lds-icon.inline.button-icon.before {
  margin-inline-end: var(--lds-spacing-chat-modal-actions-menu-link-icon-mr);
}

.lds-chat-modal .lds-chat-message,
.lds-chat-modal .lds-chat-message-bot {
  margin: var(--lds-spacing-chat-modal-messages-mg);
  font-size: var(--lds-typography-chat-modal-font-size);
  line-height: var(--lds-typography-chat-modal-line-height);
}

.lds-chat-modal .lds-chat-message .message-content,
.lds-chat-modal .lds-chat-message-bot .message-content {
  padding-top: 0;
}

.lds-chat-modal .messages {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  padding: var(--lds-spacing-chat-modal-messages-pd);
}

.lds-chat-modal .messages-top,
.lds-chat-modal .messages-bottom {
  position: sticky;
  left: 0;
  right: 0;
  z-index: var(--lds-z-index-chat-modal-msg-gradient);
  overflow: visible;
  width: 100%;
  height: 0;
  pointer-events: none;
}

.lds-chat-modal .messages-top {
  top: 0;
}

.lds-chat-modal .messages-bottom {
  bottom: 0;
}

.lds-chat-modal .messages-top::before,
.lds-chat-modal .messages-bottom::before {
  content: '';
  display: block;
  height: var(--lds-spacing-chat-modal-messages-pd);
  width: calc(100% + var(--lds-spacing-chat-modal-messages-pd) * 2);
  position: absolute;
  left: 0;
  right: 0;
  margin: calc(var(--lds-spacing-chat-modal-messages-pd) * -1);
  pointer-events: none;
}

.lds-chat-modal .messages-top::before {
  top: 0;
  background-image: var(--lds-color-chat-modal-messages-top-bg-image);
}

.lds-chat-modal .messages-bottom::before {
  bottom: 0;
  background-image: var(--lds-color-chat-modal-messages-bottom-bg-image);
}

.lds-chat-modal .messages-intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.lds-chat-modal .messages-intro,
.lds-chat-modal .messages-intro p {
  font-size: var(--lds-typography-chat-modal-intro-fz);
  font-weight: var(--lds-typography-chat-modal-intro-fw);
  line-height: var(--lds-typography-chat-modal-intro-lh);
}

.lds-chat-modal .messages-intro .heading {
  margin: var(--lds-spacing-chat-modal-intro-heading-mg);
  font-size: var(--lds-typography-chat-modal-intro-heading-fz);
  font-weight: var(--lds-typography-chat-modal-intro-heading-fw);
  line-height: var(--lds-typography-chat-modal-intro-heading-lh);
}

.lds-chat-modal .messages-intro p {
  margin: var(--lds-spacing-chat-modal-intro-p-mg);
}

.lds-chat-modal .messages-intro hr {
  width: var(--lds-spacing-chat-modal-intro-hr-width);
  height: var(--lds-spacing-chat-modal-intro-hr-height);
  border: 0 none;
  margin: var(--lds-spacing-chat-modal-intro-hr-mg);
  background-color: var(--lds-color-chat-modal-intro-hr-bg);
}

.lds-chat-modal .intro-timestamp {
  font-size: var(--lds-typography-chat-modal-timestamp-fz);
  font-weight: var(--lds-typography-chat-modal-timestamp-fw);
  color: var(--lds-color-chat-modal-timestamp);
}

.lds-chat-modal .message-text h1,
.lds-chat-modal .message-text h2,
.lds-chat-modal .message-text h3,
.lds-chat-modal .message-text h4,
.lds-chat-modal .message-text h5,
.lds-chat-modal .message-text h6 {
  margin-bottom: var(--lds-spacing-chat-modal-msg-heading-mb);
  font-weight: var(--lds-typography-chat-modal-msg-heading-fw);
  line-height: var(--lds-typography-chat-modal-line-height);
}

.lds-chat-modal .message-text ol,
.lds-chat-modal .message-text ul {
  margin-bottom: var(--lds-spacing-chat-modal-msg-list-mb);
  padding-left: var(--lds-spacing-chat-modal-msg-list-pl);
}

.lds-chat-modal .message-text li {
  margin-bottom: var(--lds-spacing-chat-modal-msg-list-mb);
}

.lds-chat-modal .message-text h1 {
  font-size: var(--lds-typography-chat-modal-msg-h1-fz);
}

.lds-chat-modal .message-text h2 {
  font-size: var(--lds-typography-chat-modal-msg-h2-fz);
}

.lds-chat-modal .message-text h3 {
  font-size: var(--lds-typography-chat-modal-msg-h3-fz);
}

.lds-chat-modal .message-text h4 {
  font-size: var(--lds-typography-chat-modal-msg-h4-fz);
}

.lds-chat-modal .message-text h5 {
  font-size: var(--lds-typography-chat-modal-msg-h5-fz);
}

.lds-chat-modal .message-text h6 {
  font-size: var(--lds-typography-chat-modal-msg-h6-fz);
}

.lds-chat-modal .message-avatar {
  flex-shrink: 0;
  width: var(--lds-spacing-chat-modal-msg-avatar-sz);
  height: var(--lds-spacing-chat-modal-msg-avatar-sz);
  padding: var(--lds-spacing-chat-modal-msg-avatar-pd);
  color: var(--lds-color-chat-modal-msg-avatar);
  border-radius: var(--lds-radius-chat-modal-msg-avatar);
  background-color: var(--lds-color-chat-modal-msg-avatar-bg);
}

.lds-chat-modal .lds-chat-message .message-form .message-text {
  background-color: var(--lds-color-chat-modal-user-msg-text-bg);
}

.lds-chat-modal button.message-citation-btn {
  position: relative;
  z-index: var(--lds-z-index-chat-modal-msg-citation-btn);
  font-size: var(--lds-typography-chat-modal-font-size);
  line-height: var(--lds-typography-chat-modal-line-height);
}

.lds-chat-modal .lds-chat-message .message-typing > div,
.lds-chat-modal .lds-chat-message-bot .message-generating > div {
  background-color: var(--lds-color-chat-modal-message-loading-bg);
}

.lds-chat-modal .footer {
  position: relative;
  padding: var(--lds-spacing-chat-modal-footer-py) var(--lds-spacing-chat-modal-footer-px);
  border-top: var(--lds-border-chat-modal-footer-bt);
}

.lds-chat-modal .messages.has-scrollbar + .footer {
  border-image: var(--lds-border-chat-modal-footer-bt-image-scroll);
}

.lds-chat-modal .input-area {
  position: relative;
  display: flex;
  align-items: flex-end;
  padding-inline-start: var(--lds-spacing-chat-modal-input-area-pl);
  border-radius: var(--lds-radius-chat-modal-input-area);
  border: var(--lds-border-chat-modal-input-area);
  background-color: var(--lds-color-chat-modal-input-area-bg);
  background-clip: padding-box;
  transition-duration: var(--lds-animation-chat-modal-input-area-transition-duration);
  transition-timing-function: var(--lds-animation-chat-modal-input-area-transition-timing-func);
  transition-property: var(--lds-animation-chat-modal-input-area-transition-prop);
}

.lds-chat-modal .input-area:hover {
  border-color: var(--lds-border-chat-modal-input-area-color-hover);
}

.lds-chat-modal .input-area:has(textarea:focus) {
  outline: var(--lds-border-chat-modal-input-area-outline-focus);
  outline-offset: var(--lds-border-chat-modal-input-area-outline-offset-focus);
  border-color: var(--lds-border-chat-modal-input-area-color-focus);
}

.lds-chat-modal .input-area.bot-responding,
.lds-chat-modal .input-area.bot-responding:has(textarea:focus) {
  border-color: transparent;
}

@property --r {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}

@keyframes rotating {
  0% {
    --r: 0deg;
  }
  100% {
    --r: 360deg;
  }
}

.lds-chat-modal .input-area::after {
  content: '';
  z-index: var(--lds-z-index-chat-input-area-after);
  position: absolute;
  top: calc(var(--lds-border-chat-modal-input-area-width) * -1);
  bottom: calc(var(--lds-border-chat-modal-input-area-width) * -1);
  inset-inline-start: calc(var(--lds-border-chat-modal-input-area-width) * -1);
  inset-inline-end: calc(var(--lds-border-chat-modal-input-area-width) * -1);
  border-radius: var(--lds-radius-chat-modal-input-area);
  opacity: 0;
  background-color: var(--lds-color-neutral-030);
  transition-duration: var(--lds-animation-chat-modal-input-area-transition-duration);
  transition-timing-function: var(--lds-animation-chat-modal-input-area-transition-timing-func);
  transition-property: opacity;
  /* rotating conic gradient */
  background-image: conic-gradient(from var(--r), var(--lds-color-neutral-030) 0%, var(--lds-color-red-050) 10%, var(--lds-color-neutral-030) 20%);
  animation: rotating 3s var(--lds-animation-timing-func-linear) infinite;
}

.lds-chat-modal .input-area.bot-responding::after {
  opacity: 1;
}

/* need to set a max-width to prevent the textarea from growing infinitely when a really long word with no breaks is entered */

.lds-chat-modal .input-area .textarea-wrap > textarea {
  max-width: calc(var(--lds-spacing-chat-modal-width) - (var(--lds-border-chat-modal-width) * 2) - (var(--lds-spacing-chat-modal-footer-px) * 2) - var(--lds-spacing-chat-modal-input-area-pl) - var(--lds-spacing-chat-modal-send-btn-sz));
}

@media screen and (min-width: 768px) {
  .lds-chat-modal .input-area .textarea-wrap > textarea {
    max-width: calc(var(--lds-spacing-chat-modal-width-md) - (var(--lds-border-chat-modal-width) * 2) - (var(--lds-spacing-chat-modal-footer-px) * 2) - var(--lds-spacing-chat-modal-input-area-pl) - var(--lds-spacing-chat-modal-send-btn-sz));
  }
}

@supports not (field-sizing: content) {
  .lds-chat-modal .input-area .textarea-wrap::after {
    max-width: calc(var(--lds-spacing-chat-modal-width) - (var(--lds-border-chat-modal-width) * 2) - (var(--lds-spacing-chat-modal-footer-px) * 2) - var(--lds-spacing-chat-modal-input-area-pl) - var(--lds-spacing-chat-modal-send-btn-sz));
  }

  @media screen and (min-width: 768px) {
    .lds-chat-modal .input-area .textarea-wrap::after {
      max-width: calc(var(--lds-spacing-chat-modal-width-md) - (var(--lds-border-chat-modal-width) * 2) - (var(--lds-spacing-chat-modal-footer-px) * 2) - var(--lds-spacing-chat-modal-input-area-pl) - var(--lds-spacing-chat-modal-send-btn-sz));
    }
  }
}

.lds-chat-modal .footer .lds-prompt-input .button-area {
  padding: 0;
}

.lds-chat-modal .footer .lds-prompt-input button.send-btn.icon-only {
  position: relative;
  justify-content: center;
  width: var(--lds-spacing-chat-modal-send-btn-sz);
  height: var(--lds-spacing-chat-modal-send-btn-sz);
  border-radius: 0 var(--lds-radius-chat-modal-input-area) var(--lds-radius-chat-modal-input-area) 0;
  color: var(--lds-color-chat-modal-send-btn);
  background-color: var(--lds-color-chat-modal-send-btn-bg);
  box-shadow: var(--lds-shadow-chat-modal-send-btn);
}

.lds-chat-modal .footer .lds-prompt-input button.send-btn.icon-only:hover,
.lds-chat-modal .footer .lds-prompt-input button.send-btn.icon-only:focus {
  background-color: var(--lds-color-chat-modal-send-btn-bg-hover-focus);
  box-shadow: var(--lds-shadow-chat-modal-send-btn);
}

.lds-chat-modal .footer .lds-prompt-input button.send-btn.icon-only:active {
  background-color: var(--lds-color-chat-modal-send-btn-bg-active);
  box-shadow: var(--lds-shadow-chat-modal-send-btn);
}

.lds-chat-modal .footer .lds-prompt-input button.send-btn.icon-only:focus {
  border-radius: var(--lds-radius-chat-modal-send-btn-focus);
  outline-color: var(--lds-border-chat-modal-send-btn-outline-color-focus);
  outline-offset: var(--lds-border-chat-modal-send-btn-outline-offset-focus);
}

.lds-chat-modal .footer .lds-prompt-input button.send-btn.icon-only:disabled {
  color: var(--lds-color-chat-modal-send-btn-disabled);
  background-color: var(--lds-color-chat-modal-send-btn-bg);
}

.lds-chat-modal .footer .lds-prompt-input button.send-btn.icon-only::before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  content: '';
  width: var(--lds-spacing-chat-modal-send-btn-before-sz);
  height: var(--lds-spacing-chat-modal-send-btn-before-sz);
  border-radius: var(--lds-radius-chat-modal-send-btn-before);
  background-color: var(--lds-color-chat-modal-send-btn-before-bg);
  transition: var(--lds-animation-chat-modal-send-btn-before);
}

.lds-chat-modal .footer .lds-prompt-input button.send-btn.icon-only:disabled::before {
  background-color: var(--lds-color-chat-modal-send-btn-before-bg-disabled);
}

.lds-chat-modal .message-citations-list {
  overflow-y: auto;
  max-height: var(--lds-spacing-chat-modal-citations-maxheight);
}

@media screen and (min-width: 768px) {
  .lds-chat-modal .message-citations-list {
    height: var(--lds-spacing-chat-modal-citations-height-md);
    max-height: var(--lds-spacing-chat-modal-citations-maxheight-md);
  }
}

.lds-chat-modal .message-citations-top,
.lds-chat-modal .message-citations-bottom {
  position: sticky;
  left: 0;
  right: 0;
  z-index: var(--lds-z-index-chat-modal-citations-gradient);
  overflow: visible;
  width: 100%;
  height: 0;
  pointer-events: none;
  transition: var(--lds-animation-chat-modal-citations-gradient-transition);
}

.lds-chat-modal .message-citations-top {
  top: 0;
}

.lds-chat-modal .message-citations-bottom {
  bottom: 0;
}

.lds-chat-modal .scrolled-top .message-citations-top,
.lds-chat-modal .scrolled-bottom .message-citations-bottom {
  opacity: 0;
}

.lds-chat-modal .message-citations-top::before,
.lds-chat-modal .message-citations-bottom::before {
  content: '';
  display: block;
  width: 100%;
  height: var(--lds-spacing-chat-modal-citations-gradient-height);
  position: absolute;
  left: 0;
  right: 0;
  pointer-events: none;
}

.lds-chat-modal .message-citations-top::before {
  top: 0;
  background-image: var(--lds-color-chat-modal-citations-gradient-top-bg-image);
}

.lds-chat-modal .message-citations-bottom::before {
  bottom: 0;
  background-image: var(--lds-color-chat-modal-citations-gradient-bottom-bg-image);
}

.lds-chat-modal .message-citation {
  display: block;
  padding: var(--lds-spacing-chat-modal-citation-pd);
  text-decoration: none;
}

.lds-chat-modal .message-citation:hover {
  background-color: var(--lds-color-chat-modal-citation-bg-hover);
}

.lds-chat-modal .message-citation:active {
  background-color: var(--lds-color-chat-modal-citation-bg-active);
}

.lds-chat-modal .message-citation:focus {
  outline: var(--lds-border-chat-modal-citation-outline-focus);
  outline-offset: var(--lds-border-chat-modal-citation-outline-offset-focus);
}

.lds-chat-modal .message-citation .citation-domain,
.lds-chat-modal .message-citation .citation-description {
  margin: 0;
  font-size: var(--lds-typography-chat-modal-citation-fz);
  font-weight: var(--lds-typography-chat-modal-citation-fw);
  line-height: var(--lds-typography-chat-modal-citation-lh);
}

.lds-chat-modal .message-citation .citation-title span,
.lds-chat-modal .message-citation .citation-description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}

.lds-chat-modal .message-citation .citation-title {
  display: flex;
  gap: var(--lds-spacing-chat-modal-citation-title-gap);
  margin: 0;
  font-size: var(--lds-typography-chat-modal-citation-title-fz);
  font-weight: var(--lds-typography-chat-modal-citation-title-fw);
  line-height: var(--lds-typography-chat-modal-citation-title-lh);
  color: var(--lds-color-chat-modal-citation-title);
}

.lds-chat-modal .message-citation .citation-title span {
  text-decoration: underline;
}

.lds-chat-modal .message-citation .citation-title .lds-icon {
  flex-shrink: 0;
  flex-basis: var(--lds-spcaing-chat-modal-citation-icon-sz);
  position: relative;
  top: var(--lds-spacing-chat-modal-citation-icon-top);
  width: var(--lds-spcaing-chat-modal-citation-icon-sz);
  height: var(--lds-spcaing-chat-modal-citation-icon-sz);
  background-color: var(--lds-color-chat-modal-citation-title);
}

.lds-chat-modal .message-citation:visited .citation-title {
  color: var(--lds-color-chat-modal-citation-title-visited);
}

.lds-chat-modal .message-citation:visited .citation-title .lds-icon {
  background-color: var(--lds-color-chat-modal-citation-title-visited);
}

.lds-chat-modal .message-citation .citation-description {
  color: var(--lds-color-chat-modal-citation);
}

.lds-chat-modal .end-chat-body {
  padding: var(--lds-spacing-chat-modal-end-chat-pd);
  color: var(--lds-spacing-chat-modal-end-chat);
}

.lds-chat-modal .end-chat-buttons {
  display: flex;
  flex-direction: column;
  gap: var(--lds-spacing-chat-modal-end-chat-btns-gap);
  padding: var(--lds-spacing-chat-modal-end-chat-btns-pd);
}

.lds-chat-modal .end-chat-buttons button {
  display: block;
  width: 100%;
  font-size: var(--lds-typography-chat-modal-end-chat-btn-fz);
  font-weight: var(--lds-typography-chat-modal-end-chat-btn-fw);
}

.lds-chat-modal .alert-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: var(--lds-z-index-chat-modal-alert-wrapper);
}

.lds-chat-modal .alert-wrapper .lds-alert {
  max-width: var(--lds-spacing-chat-modal-alert-maxwidth);
  margin: var(--lds-spacing-chat-modal-alert-mg);
}

.lds-chat-modal .alert-wrapper .lds-alert-content {
  align-items: flex-start;
}

.lds-chat-modal .alert-wrapper .lds-alert-message {
  font-size: var(--lds-typography-chat-modal-font-size);
  line-height: var(--lds-typography-chat-modal-line-height);
}

.lds-check-label {
  display: inline-flex;
  cursor: pointer;
}

/* Helper class to apply to hints or validation errors to align them with the CB label text */

.lds-check-helper-text {
  display: flex;
  margin-inline-start: calc(var(--lds-spacing-checkbox-margin-right) + var(--lds-spacing-checkbox-size));
}

.lds-check-label.disabled {
  color: var(--lds-color-form-label-disabled);
  cursor: not-allowed;
}

.lds-checkbox {
  position: relative;
  padding: 0;
  appearance: none;
  -webkit-appearance: none; /* fix for safari */
  height: var(--lds-spacing-checkbox-size);
  width: var(--lds-spacing-checkbox-size);
  min-width: var(--lds-spacing-checkbox-size); /* Fix squished checkbox when label is long and wrapping */

  border-color: var(--lds-color-checkbox-border);
  border-style: var(--lds-border-checkbox-style);
  border-width: var(--lds-border-checkbox-width);
  background-color: var(--lds-color-checkbox-bg);

  border-radius: var(--lds-radius-checkbox-border);
  margin-top: var(--lds-spacing-checkbox-margin-top);
  margin-bottom: var(--lds-spacing-checkbox-margin-bottom);
  margin-left: var(--lds-spacing-checkbox-margin-left);
  margin-inline-end: var(--lds-spacing-checkbox-margin-right);
}

/* MARK: Focus
*/

.lds-checkbox:focus {
  outline-offset: var(--lds-border-checkbox-focus-outline-offset);
  outline-style: var(--lds-border-checkbox-focus-outline-style);
  outline-width: var(--lds-border-checkbox-focus-outline-width);
  outline-color: var(--lds-color-checkbox-focus-outline);
}

/* MARK: Checked
*/

.lds-checkbox:checked,
.lds-checkbox.mixed {
  background-color: var(--lds-color-checkbox-checked-bg);
  border-color: var(--lds-color-checkbox-checked-border);
}

.lds-checkbox:checked::after {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='m5.87261225 9.23697023-1.45086574-1.44325796c-.19497333-.19395096-.50997863-.19403528-.70505576-.00018872l-.5691237.56553361c-.19587899.19464335-.19688066.51122425-.00223731.70710324.00068052.00068483.00136302.00136769.00204749.00204858l2.38828516 2.37576192c.19504735.1940246.51019822.1940246.70524557 0l6.03973204-6.00806208c.1957748-.19474819.196607-.51132958.0018588-.70710434-.000618-.00062121-.0012376-.0012408-.0018588-.00185876l-.5844921-.58142727c-.1950473-.1940246-.5101982-.1940246-.7052456 0z' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  border-radius: var(--lds-radius-checkbox-border);
  height: 16px;
  width: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
}

/* MARK: Mixed state
*/

.lds-checkbox.mixed::after {
  content: ' ';
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  width: 8px;
  height: 2px;
  background-color: white;
}

/* MARK: Scrolling checkbox group
*/

.lds-scrolling-checkbox-group-wrapper {
  display: inline-flex;
  flex-direction: column;
}

.lds-scrolling-checkbox-group-label {
  display: flex;
  justify-content: space-between;
}

.lds-scrolling-checkbox-group {
  display: inline-flex;
  flex-direction: column;
  padding-top: var(--lds-spacing-scrolling-cbox-group-padding-top);
  padding-bottom: var(--lds-spacing-scrolling-cbox-group-padding-bottom);
  padding-left: var(--lds-spacing-scrolling-cbox-group-padding-left);
  padding-right: var(--lds-spacing-scrolling-cbox-group-padding-right);
  margin-top: var(--lds-spacing-scrolling-cbox-group-margin-top);
  margin-bottom: var(--lds-spacing-scrolling-cbox-group-margin-bottom);
  margin-left: var(--lds-spacing-scrolling-cbox-group-margin-left);
  margin-right: var(--lds-spacing-scrolling-cbox-group-margin-right);
  border-style: var(--lds-border-scrolling-cbox-group-style);
  border-width: var(--lds-border-scrolling-cbox-group-width);
  border-color: var(--lds-color-scrolling-cbox-group-border);
  overflow-y: auto;
  border-radius: var(--lds-radius-scrolling-cbox-group-border);
  max-height: var(--lds-spacing-scrolling-cbox-group-max-height); /* 4 rows - each checkbox is 2rem + edge padding */
}

.lds-scrolling-checkbox-group label {
  padding-top: var(--lds-spacing-scrolling-cbox-group-label-padding-top);
  padding-bottom: var(--lds-spacing-scrolling-cbox-group-label-padding-bottom);
  padding-left: var(--lds-spacing-scrolling-cbox-group-label-padding-left);
  padding-right: var(--lds-spacing-scrolling-cbox-group-label-padding-right);
}

.lds-checkbox-group .select-all .box {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  border-color: var(--lds-color-checkbox-border);
  border-style: var(--lds-border-checkbox-style);
  border-width: var(--lds-border-checkbox-width);
  background-color: var(--lds-color-checkbox-bg);
  appearance: none;
  -webkit-appearance: none; /* fix for safari */
  height: 16px;
  width: 16px;
  min-width: 16px; /* Fix squished checkbox when label is long and wrapping */
  border-radius: var(--lds-radius-checkbox-border);
  margin-top: var(--lds-spacing-checkbox-margin-top);
  margin-right: var(--lds-spacing-checkbox-margin-right);
  margin-bottom: var(--lds-spacing-checkbox-margin-bottom);
  margin-left: var(--lds-spacing-checkbox-margin-left);
}

.lds-checkbox.error {
  --lds-color-checkbox-border: var(--lds-color-danger-070);
  --lds-color-checkbox-bg: var(--lds-color-danger-010);
}

.lds-checkbox.error:checked,
.lds-checkbox.error.mixed {
  --lds-color-checkbox-checked-bg: var(--lds-color-danger-070);
  --lds-color-checkbox-checked-border: var(--lds-color-danger-070);
}

/* Hover - unchecked */

.lds-checkbox.error:hover {
  --lds-color-checkbox-border: var(--lds-color-danger-080);
  --lds-color-checkbox-bg: var(--lds-color-danger-020);
}

/* Hover - checked */

.lds-checkbox.error:checked:hover {
  --lds-color-checkbox-checked-bg: var(--lds-color-danger-080);
  --lds-color-checkbox-checked-border: var(--lds-color-danger-080);
}

.lds-checkbox.disabled,
.lds-checkbox:disabled,
.lds-checkbox.disabled:hover,
.lds-checkbox:disabled:hover{
  --lds-color-checkbox-border: var(--lds-color-neutral-030);
  --lds-color-checkbox-bg: var(--lds-color-neutral-010);
}

.lds-checkbox:checked:disabled,
.lds-checkbox:checked:disabled:hover,
.lds-checkbox.mixed:disabled,
.lds-checkbox.mixed:disabled:hover {
  --lds-color-checkbox-checked-bg: var(--lds-color-neutral-030);
  --lds-color-checkbox-checked-border: var(--lds-color-neutral-030);
}

.lds-checkbox:checked:disabled::after,
.lds-checkbox:checked.disabled::after {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='%23F1F1F1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='m5.87261225 9.23697023-1.45086574-1.44325796c-.19497333-.19395096-.50997863-.19403528-.70505576-.00018872l-.5691237.56553361c-.19587899.19464335-.19688066.51122425-.00223731.70710324.00068052.00068483.00136302.00136769.00204749.00204858l2.38828516 2.37576192c.19504735.1940246.51019822.1940246.70524557 0l6.03973204-6.00806208c.1957748-.19474819.196607-.51132958.0018588-.70710434-.000618-.00062121-.0012376-.0012408-.0018588-.00185876l-.5844921-.58142727c-.1950473-.1940246-.5101982-.1940246-.7052456 0z' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

fieldset.lds-checkbox-group {
  display: flex;
  flex-direction: column;
  --lds-spacing-fieldset-checkbox-margin-left: var(--lds-spacing-fieldset-checkbox-margin-left-no-indent);
}

/* Check label gets special padding applied when in a group */

fieldset.lds-checkbox-group .lds-check-label {
  margin-inline-start: var(--lds-spacing-fieldset-checkbox-margin-left);
  margin-bottom: var(--lds-spacing-fieldset-checkbox-margin-bottom);
  margin-top: var(--lds-spacing-fieldset-checkbox-margin-top);
}

fieldset.lds-checkbox-group .lds-check-label:last-child {
  margin-bottom: var(--lds-spacing-000);
}

.lds-checkbox-group .select-all {
  margin-bottom: var(--lds-spacing-fieldset-checkbox-margin-bottom);
  display: flex;
  align-items: center;
  cursor: pointer;
}

.lds-checkbox-group .select-all:focus {
  outline: 0;
}

.lds-checkbox-group .select-all:focus .box {
  outline-color: var(--lds-color-checkbox-focus-outline);
  outline-offset: var(--lds-border-checkbox-focus-outline-offset);
  outline-style: var(--lds-border-checkbox-focus-outline-style);
  outline-width: var(--lds-border-checkbox-focus-outline-width);
  box-shadow: var(--lds-shadow-checkbox-focus) var(--lds-color-checkbox-focus-shadow);
}

.lds-checkbox-group .select-all .box {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  border-color: var(--lds-color-checkbox-border);
  border-style: var(--lds-border-checkbox-style);
  border-width: var(--lds-border-checkbox-width);
  background-color: var(--lds-color-checkbox-bg);
  appearance: none;
  -webkit-appearance: none; /* fix for safari */
  height: 16px;
  width: 16px;
  min-width: 16px; /* Fix squished checkbox when label is long and wrapping */
  border-radius: var(--lds-radius-checkbox-border);
  margin-top: var(--lds-spacing-checkbox-margin-top);
  margin-bottom: var(--lds-spacing-checkbox-margin-bottom);
  margin-left: var(--lds-spacing-checkbox-margin-left);
  margin-inline-end: var(--lds-spacing-checkbox-margin-right);
}

/* Hover - unchecked */

.lds-checkbox-group .select-all:hover .box {
  --lds-color-checkbox-bg: var(--lds-color-neutral-010);
  --lds-color-checkbox-border: var(--lds-color-neutral-080);
}

/* Checked */

.lds-checkbox-group .checked-state-checked .box {
  background-color: var(--lds-color-checkbox-checked-bg);
  border-color: var(--lds-color-checkbox-checked-border);
}

/* Hover - checked */

.lds-checkbox-group .checked-state-checked:hover .box {
  --lds-color-checkbox-checked-bg: var(--lds-color-neutral-080);
  --lds-color-checkbox-checked-border: var(--lds-color-neutral-080);
}

.lds-checkbox-group .select-all .box::after {
  position: absolute;
  border-radius: var(--lds-radius-checkbox-border);
  height: 16px;
  width: 16px;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
}

/* Check mark style for all selected */

.lds-checkbox-group .select-all.checked-state-checked .box::after {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='m5.87261225 9.23697023-1.45086574-1.44325796c-.19497333-.19395096-.50997863-.19403528-.70505576-.00018872l-.5691237.56553361c-.19587899.19464335-.19688066.51122425-.00223731.70710324.00068052.00068483.00136302.00136769.00204749.00204858l2.38828516 2.37576192c.19504735.1940246.51019822.1940246.70524557 0l6.03973204-6.00806208c.1957748-.19474819.196607-.51132958.0018588-.70710434-.000618-.00062121-.0012376-.0012408-.0018588-.00185876l-.5844921-.58142727c-.1950473-.1940246-.5101982-.1940246-.7052456 0z' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  top: calc(50% - 1px);  /* Fixes a weird placement discrepancy between an input and a div */
}

.lds-checkbox-group .select-all.checked-state-mixed .box {
  background-color: var(--lds-color-checkbox-checked-bg);
  border-color: var(--lds-color-checkbox-checked-border);
}

.lds-checkbox-group .checked-state-mixed:hover .box {
  --lds-color-checkbox-checked-bg: var(--lds-color-neutral-080);
  --lds-color-checkbox-checked-border: var(--lds-color-neutral-080);
}

/* Minus mark for mixed state */

.lds-checkbox-group .select-all.checked-state-mixed .box::after {
  content: ' ';
  width: 8px;
  height: 2px;
  background-color: var(--lds-color-white);
}

/* Adjust variables for when in group mixed and error */

.lds-checkbox-group .select-all.checked-state-error.checked-state-mixed .box,
.lds-checkbox-group .select-all.checked-state-error .box {
  --lds-color-checkbox-border: var(--lds-color-danger-070);
  --lds-color-checkbox-checked-bg: var(--lds-color-danger-070);
  --lds-color-checkbox-checked-border: var(--lds-color-danger-070);
}

/* Error hover - unchecked */

.lds-checkbox-group .select-all.checked-state-error.checked-state-unchecked:hover .box {
  --lds-color-checkbox-border: var(--lds-color-danger-080);
  --lds-color-checkbox-bg: var(--lds-color-danger-020);
}

/* Error Hover - checked or mixed */

.lds-checkbox-group .select-all.checked-state-error.checked-state-mixed:hover .box,
.lds-checkbox-group .select-all.checked-state-error:hover .box {
  --lds-color-checkbox-checked-bg: var(--lds-color-danger-080);
  --lds-color-checkbox-checked-border: var(--lds-color-danger-080);
  --lds-color-checkbox-border: var(--lds-color-danger-080);
}

fieldset.lds-checkbox-group.indent {
  --lds-spacing-fieldset-checkbox-margin-left: var(--lds-spacing-fieldset-checkbox-margin-left-indent);
}

/* Hover - unchecked */

.lds-checkbox:hover {
  --lds-color-checkbox-bg: var(  --lds-color-checkbox-bg-hover);
  --lds-color-checkbox-border: var(--lds-color-checkbox-border-hover);
}

/* Hover - checked */

.lds-checkbox:checked:hover {
  --lds-color-checkbox-checked-bg: var(--lds-color-checkbox-checked-bg-hover);
  --lds-color-checkbox-checked-border: var(--lds-color-checkbox-checked-border-hover);
}

/* Default - unchecked */

.lds-checkbox {
  --lds-color-checkbox-bg: var(--lds-color-checkbox-bg-default);
  --lds-color-checkbox-border: var( --lds-color-checkbox-border-default);
}

/* Default - checked */

.lds-checkbox:checked {
  --lds-color-checkbox-checked-bg: var(--lds-color-checkbox-checked-bg-default);
  --lds-color-checkbox-checked-border: var(--lds-color-checkbox-checked-border-default);
}

fieldset.lds-checkbox-group.pd-sm, /* DEPRECATED - TODO: Remove */
fieldset.lds-checkbox-group.small {
  --lds-spacing-fieldset-checkbox-margin-bottom: var(--lds-spacing-fieldset-checkbox-margin-bottom-small);
  --lds-spacing-fieldset-legend-margin-bottom: var(--lds-spacing-fieldset-legend-margin-bottom-small);
}

fieldset.lds-checkbox-group.pd-md, /* DEPRECATED - TODO: Remove */
fieldset.lds-checkbox-group.medium {
  --lds-spacing-fieldset-checkbox-margin-bottom: var(--lds-spacing-fieldset-checkbox-margin-bottom-medium);
  --lds-spacing-fieldset-legend-margin-bottom: var(--lds-spacing-fieldset-legend-margin-bottom-medium);
}

.lds-chip {
  position: relative;
  padding: var(--lds-spacing-chip-pd);
  border: var(--lds-border-chip);
  border-radius: var(--lds-radius-chip);
  margin: var(--lds-spacing-chip-mg);
  font-family: var(--lds-typography-chip-ff);
  font-weight: var(--lds-typography-chip-fw);
  font-size: var(--lds-typography-chip-fz);
  line-height: var(--lds-typography-chip-lh);
  text-align: var(--lds-typography-chip-ta);
  color: var(--lds-color-chip);
  background-color: var(--lds-color-chip-bg);
  cursor: pointer;
  transition-duration: var(--lds-animation-chip-transition-duration);
  transition-timing-function: var(--lds-animation-chip-transition-timing-function);
  transition-property: var(--lds-animation-chip-transition-property);
}

.lds-chip.compact {
  font-size: var(--lds-typography-chip-fz-compact);
  line-height: var(--lds-typography-chip-lh-compact);
}

.lds-chip.radius-sm {
  border-radius: var(--lds-radius-chip-sm);
}

.lds-chip.pill {
  border-radius: var(--lds-radius-chip-pill);
}

.lds-chip:focus {
  outline: var(--lds-border-chip-outline-focus);
  outline-offset: var(--lds-border-chip-outline-offset-focus);
  z-index: var(--lds-z-index-chip-focus);
}

.lds-chip.has-icon-before {
    padding: var(--lds-spacing-chip-pd-icon-before);
}

.lds-chip.has-icon-after,
.lds-chip.has-close {
  padding: var(--lds-spacing-chip-pd-icon-after);
}

.lds-chip.icon-only {
  padding: var(--lds-spacing-chip-pd-icon-only);
}

.lds-chip .lds-icon,
.lds-chip .lds-icon.inline {
  width: var(--lds-spacing-chip-icon-sz);
  height: var(--lds-spacing-chip-icon-sz);
  fill: var(--lds-color-chip-icon-fill)
}

.lds-chip .chip-icon.icon-before {
  margin-right: var(--lds-spacing-chip-mr-icon-before);
}

.lds-chip .chip-icon.icon-after,
.lds-chip .chip-icon-close {
  margin-left: var(--lds-spacing-chip-ml-icon-after);
}

.lds-chip.icon-only .chip-icon {
  margin-right: var(--lds-spacing-chip-mx-icon-only);
  margin-left: var(--lds-spacing-chip-mx-icon-only);
}

.lds-chip:disabled {
  color: var(--lds-color-chip-disabled);
  background-color: var(--lds-color-chip-bg-disabled);
  cursor: not-allowed;
}

/**********************
  default (filled) */

.lds-chip:active,
.lds-chip.is-selected {
  color: var(--lds-color-chip-active);
  background-color: var(--lds-color-chip-bg-active);
}

.lds-chip:active .lds-icon,
.lds-chip.is-selected .lds-icon {
  fill: var(--lds-color-chip-icon-fill-active);
}

.lds-chip:not(:disabled):hover,
.lds-chip:focus {
  color: var(--lds-color-chip-hover);
  background-color: var(--lds-color-chip-bg-hover);
}

.lds-chip:disabled .lds-icon {
  fill: var(--lds-color-chip-icon-fill-disabled)
}

/**********************
  outlined */

.lds-chip.outlined {
  box-shadow: var(--lds-shadow-chip-outlined);
  background-color: var(--lds-color-chip-bg-outlined);
}

.lds-chip.outlined.is-selected,
.lds-chip.outlined:active,
.lds-chip.outlined:not(:disabled):hover,
.lds-chip.outlined:focus {
  box-shadow: var(--lds-shadow-chip-outlined-active-hover);
}

.lds-chip.outlined:active,
.lds-chip.outlined.is-selected {
  color: var(--lds-color-chip-outlined-active);
  background-color: var(--lds-color-chip-bg-outlined-active);
}

.lds-chip.outlined:not(:disabled):hover,
.lds-chip.outlined:focus {
  background-color: var(--lds-color-chip-bg-outlined-hover);
}

.lds-chip.outlined:disabled {
  box-shadow: var(--lds-shadow-chip-outlined-disabled);
  background-color: var(--lds-color-chip-bg-outlined-disabled);
}

/**********************
  ghost */

.lds-chip.ghost {
  background-color: var(--lds-color-chip-bg-ghost);
}

.lds-chip.ghost:not(:disabled):hover,
.lds-chip.ghost:focus {
  background-color: var(--lds-color-chip-bg-ghost-hover);
}

.lds-chip.ghost:disabled {
  background-color: var(--lds-color-chip-bg-ghost-disabled);
}

.lds-contact-lilly {
  display: block;
  position: relative;
  z-index: 1;
  font-size: var(--lds-typography-contact-lilly-font-size);
  font-weight: var(--lds-typography-contact-lilly-font-weight);
  line-height: var(--lds-typography-line-height);
  white-space: normal;
  cursor: default;
}

.lds-contact-lilly-align-right .lds-dropdown {
  right: 0;
  left: unset;
}

.lds-contact-lilly-toggle {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
  padding: var(--lds-spacing-contact-lilly-toggle-padding-y) var(--lds-spacing-contact-lilly-toggle-padding-x);
  border: var(--lds-border-contact-lilly-toggle-width) var(--lds-border-contact-lilly-toggle-style) var(--lds-border-contact-lilly-toggle-color);
  border-radius: var(--lds-radius-contact-lilly);
  text-align: start;
  font-size: var(--lds-typography-contact-lilly-toggle-font-size);
  font-family: var(--lds-typography-contact-lilly-toggle-font-family);
  font-weight: var(--lds-typography-contact-lilly-toggle-font-weight);
  line-height: var(--lds-typography-contact-lilly-toggle-line-height);
  color: var(--lds-color-contact-lilly-toggle);
  background-color: var(--lds-color-contact-lilly-toggle-bg);
  transition-duration: var(--lds-animation-contact-lilly-transition-duration);
  transition-property: var(--lds-transition-contact-lilly-toggle-property);
  transition-timing-function: var(--lds-animation-contact-lilly-transition-timing);
}

.lds-contact-lilly-toggle:hover {
  background-color: var(--lds-color-contact-lilly-toggle-bg-hover);
  box-shadow: var(--lds-shadow-contact-lilly-box-shadow-1);
}

.lds-contact-lilly-toggle:focus,
.lds-contact-lilly-toggle.focus {
  outline-width: var(--lds-border-contact-lilly-toggle-focus-outline-width);
  outline-offset: var(--lds-border-contact-lilly-toggle-focus-outline-offset);
  outline-color: var(--lds-border-contact-lilly-toggle-focus-outline-color);
}

.lds-contact-lilly-toggle .lds-contact-lilly-toggle-icon {
  margin-inline-start: var(--lds-spacing-contact-lilly-toggle-icon-margin-l);
  transition: var(--lds-transition-contact-lilly-toggle-icon-property) var(--lds-animation-contact-lilly-transition-duration) var(--lds-animation-contact-lilly-transition-timing);
}

.lds-contact-lilly-toggle.open {
  border-color: var(--lds-border-contact-lilly-toggle-active-color);
  background-color: var(--lds-color-contact-lilly-toggle-bg-active);
  box-shadow: var(--lds-shadow-contact-lilly-box-shadow-3);
}

.lds-contact-lilly-toggle-label {
  display: inline-flex;
}

/* MARK: Dropdown */

.lds-contact-lilly-dropdown {
  position: absolute;
  top: 100%;
  width: 100%;
  border-radius: var(--lds-radius-contact-lilly);
  text-align: start;
  background: var(--lds-color-contact-lilly-dd-bg);
  transition-duration: var(--lds-animation-contact-lilly-transition-duration);
  transition-property: var(--lds-animation-contact-lilly-dd-transition-property);
  transition-timing-function: var(--lds-animation-contact-lilly-transition-timing);
  box-shadow: var(--lds-shadow-contact-lilly-box-shadow-3);
}

.lds-contact-lilly-dropdown-top {
  padding-top: .5rem;
}

.lds-contact-lilly-dropdown-content-item > a.lds-link,
.lds-contact-lilly-dropdown-content-item > button.lds-link {
  align-items: unset;
  display: flex;
  width: 100%;
  padding: var(--lds-spacing-contact-lilly-dd-content-item-padding-y) var(--lds-spacing-contact-lilly-dd-content-item-padding-x);
  color: inherit;
  font-weight: inherit;
  text-decoration: none;
  text-align: start;
  cursor: pointer;
}

.lds-contact-lilly-dropdown-content-item > a.lds-link:hover,
.lds-contact-lilly-dropdown-content-item > button.lds-link:hover {
  text-decoration: none;
  background-color: var(--lds-color-contact-lilly-dd-content-item-hover-bg);
}

.lds-contact-lilly-dropdown-content-item > a.lds-link:focus,
.lds-contact-lilly-dropdown-content-item > button.lds-link:focus,
.lds-contact-lilly-dropdown-content-item > a.lds-link.focus,
.lds-contact-lilly-dropdown-content-item > button.lds-link.focus {
  outline-width: var(--lds-border-contact-lilly-dd-content-item-focus-outline-width);
  outline-offset: var(--lds-border-contact-lilly-dd-content-item-focus-outline-offset);
  outline-color: var(--lds-border-contact-lilly-dd-content-item-focus-outline-color);
}

.lds-contact-lilly .lds-icon.inline,
.lds-contact-lilly .lds-icon.inline.button-icon {
  margin-top: 0;
}

.lds-contact-lilly-dropdown-content-item > .lds-link .lds-icon,
.lds-contact-lilly .lds-icon.inline.button-icon.before {
  margin-inline-end: var(--lds-spacing-contact-lilly-dd-content-item-icon-margin-r);
}

.lds-contact-lilly-dropdown-content-item-text {
  word-wrap: break-word;
  display: block;
}

.lds-contact-lilly-dropdown-content-item-generic {
  padding: var(--lds-spacing-contact-lilly-dd-content-item-padding-y) var(--lds-spacing-contact-lilly-dd-content-item-padding-x);
}

.lds-contact-lilly-dropdown-content-item.lds-contact-lilly-dropdown-content-item-generic *:last-child,
.lds-contact-lilly-dropdown-content-item.lds-contact-lilly-dropdown-content-item-generic .content-block *:last-child {
  margin-bottom: 0;
}

.lds-contact-lilly-dropdown-bottom {
  padding: var(--lds-spacing-contact-lilly-dd-content-item-padding-t) var(--lds-spacing-contact-lilly-dd-content-item-padding-x) var(--lds-spacing-contact-lilly-dd-content-item-padding-b);
  text-align: center;
  background-color: var(--lds-color-contact-lilly-dd-bottom-bg);
  border-bottom-left-radius: var(--lds-radius-contact-lilly);
  border-bottom-right-radius: var(--lds-radius-contact-lilly);
}

.lds-contact-lilly-logo {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.lds-logo-ask-lilly-ask {
  display: block;
  margin-top: var(--lds-spacing-contact-lilly-logo-ask-margin-t);
  margin-inline-end: var(--lds-spacing-contact-lilly-logo-ask-margin-r);
  color: var(--lds-color-contact-lilly-logo-ask);
  font-size: var(--lds-typography-contact-lilly-logo-ask-font-size);
  font-weight: var(--lds-typography-contact-lilly-logo-ask-font-weight);
}

.lds-lilly-logo.lilly.lds-logo-ask-lilly {
  --lds-spacing-lilly-logo-width: var(--lds-spacing-contact-lilly-logo-width);
  --lds-spacing-lilly-logo-height: var(--lds-spacing-contact-lilly-logo-height);
  --lds-spacing-lilly-logo-padding: 0 0 var(--lds-spacing-contact-lilly-logo-padding-bottom) 0;
}

.lds-lilly-logo.lds-logo-ask-lilly svg {
  max-width: 100%;
  height: auto;
}

.lds-contact-lilly-dropdown-intro {
  font-size: var(--lds-typography-contact-lilly-dd-intro-font-size);
  font-weight: var(--lds-typography-contact-lilly-dd-intro-font-weight);
  color: var(--lds-color-contact-lilly-dd-intro);
}

@media screen and (min-width:768px) {
  .lds-contact-lilly:not(.force-mobile) {
    display: inline-block;
    z-index: 8;
  }

  .lds-contact-lilly:not(.force-mobile) .lds-contact-lilly-dropdown {
    width: var(--lds-spacing-contact-lilly-dd-width);
    min-width: var(--lds-spacing-contact-lilly-dd-width);
    margin-right: var(--lds-spacing-contact-lilly-desktop-margin-x);
    margin-left: var(--lds-spacing-contact-lilly-desktop-margin-x);
  }
}

.lds-header-utility-menu-item-mobile .lds-contact-lilly,
.lds-header-utility-menu-item-mobile .lds-contact-lilly button {
  width: 100%;
}

@media screen and (min-width: 992px) and (max-width:1087.98px) {
  .lds-contact-lilly:not(.force-mobile) .lds-contact-lilly-toggle {
    padding-top: var(--lds-spacing-contact-lilly-toggle-padding-y-compact);
    padding-bottom: var(--lds-spacing-contact-lilly-toggle-padding-y-compact);
    border-radius: var(--lds-radius-contact-lilly-compact);
  }

  .lds-contact-lilly:not(.force-mobile) .lds-contact-lilly-toggle .lds-contact-lilly-toggle-icon {
    margin-inline-start: var(--lds-spacing-contact-lilly-toggle-icon-margin-l-compact);
  }

  .lds-contact-lilly:not(.force-mobile) .lds-contact-lilly-dropdown {
    border-radius: var(--lds-radius-contact-lilly-compact);
  }

  .lds-contact-lilly:not(.force-mobile) .lds-contact-lilly-dropdown-bottom {
    border-bottom-left-radius: var(--lds-radius-contact-lilly-compact);
    border-bottom-right-radius: var(--lds-radius-contact-lilly-compact);
  }

  .lds-contact-lilly:not(.force-mobile) .lds-contact-lilly-dropdown-content-item > a.lds-link,
  .lds-contact-lilly:not(.force-mobile) .lds-contact-lilly-dropdown-content-item > button.lds-link {
    padding-top: var(--lds-spacing-contact-lilly-dd-content-item-padding-y-compact);
    padding-bottom: var(--lds-spacing-contact-lilly-dd-content-item-padding-y-compact);
  }
}

.lds-icon.cl-btn-icon {
  margin-inline-end: var(--lds-spacing-contact-lilly-headset-icon-margin-end);
}

.lds-icon.cl-btn-icon.icon-only {
  margin: 0;
}

.lds-cookie-consent {
  display: none;
  width: 100%;
  padding-top: var(--lds-spacing-cookie-consent-padding-top);
  padding-bottom: var(--lds-spacing-cookie-consent-padding-bottom);
  padding-left: var(--lds-spacing-cookie-consent-padding-left);
  padding-right: var(--lds-spacing-cookie-consent-padding-right);
  border-top: .25rem solid var(--lds-color-cookie-consent-border-top);
  box-shadow: 0 3px 8px var(--lds-color-cookie-consent-shadow);
  background-color: var(--lds-color-cookie-consent-banner-bg);
}

.lds-cookie-consent.active {
  display: block;
}

.lds-cookie-message-container {
  margin: 0;
  font-size: var(--lds-typography-cookie-consent-font-size);
  line-height: var(--lds-typography-cookie-consent-line-height);
}

@media (max-width: 576px) {
  .lds-cookie-consent-btn-container {
    margin-top: var(--lds-spacing-cookie-btns-margin-top-sm);
  }
}

@media (min-width: 768px) {
  .lds-cookie-consent-btn-container .btn-close,
  .lds-cookie-consent-btn-container .btn-accept {
    white-space: nowrap;
  }

  .lds-cookie-consent-btn-container .btn-close {
    margin-left: var(--lds-spacing-cookie-btn-close-margin-left);
  }

  .lds-cookie-consent-btn-container .btn-accept {
    margin-left: var(--lds-spacing-cookie-btn-accept-margin-left);
  }
}

.lds-cookie-consent-btn-container .btn-close:focus {
  outline: none;
  box-shadow: 0 0 2px 2px var(--lds-color-cookie-btn-close-focus);
}

body[data-scroll-locked="true"] {
  overflow: hidden;
  overscroll-behavior: contain;
  position: relative;
}

.lds-drawer-product ~ *[data-drawer-push-content] {
  --lds-spacing-drawer-wrapper-push: 240px;

  transition-property: transform;
  transition-duration: var(--lds-animation-duration-short);
  transition-timing-function: var(--lds-animation-timing-func-standard);
}

.lds-drawer-product[data-state="open"][data-direction="left"] ~ *[data-drawer-push-content] {
  transform: translateX(var(--lds-spacing-drawer-wrapper-push));
}

.lds-drawer-product[data-state="open"][data-direction="right"] ~ *[data-drawer-push-content] {
  transform: translateX(calc(var(--lds-spacing-drawer-wrapper-push) * -1));
}

.lds-drawer-product[data-state="open"][data-direction="top"] ~ *[data-drawer-push-content] {
  transform: translateY(var(--lds-spacing-drawer-wrapper-push));
}

/* Bottom direction */

.lds-drawer-product[data-state="open"][data-direction="bottom"] ~ *[data-drawer-push-content] {
  transform: translateY(calc(var(--lds-spacing-drawer-wrapper-push) * -1));
}

.lds-drawer-product[data-state="closed"] ~ *[data-drawer-push-content] {
  transform: translate(0);
}

.lds-drawer-product {
  touch-action: none;
  position: fixed;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  display: flex;
  flex-direction: column;
  inline-size: fit-content;
  background: var(--lds-color-drawer-product-background);
  color: var(--lds-color-drawer-product-foreground);
  will-change: transform;
  animation-duration: var(--lds-animation-drawer-product-timing-duration);
  animation-timing-function: var(--lds-animation-product-drawer-timing-function);
  animation-fill-mode: forwards;
  z-index: 100;
}

.lds-drawer-product[data-direction="top"],
.lds-drawer-product[data-direction="bottom"] {
  inline-size: 100%;
  inset-inline-start: 0;
  inset-inline-end: 0;
}

.lds-drawer-product[data-direction="top"] {
  inset-block-start: 0;
  inset-block-end: auto;
  border-end-start-radius: var(--lds-radius-drawer-product);
  border-end-end-radius: var(--lds-radius-drawer-product);
  margin-block-end: var(--lds-spacing-drawer-product-margin);
  box-shadow: var(--lds-shadow-drawer-product-top);
}

.lds-drawer-product[data-direction="bottom"] {
  inset-block-end: 0;
  inset-block-start: auto;
  border-start-start-radius: var(--lds-radius-drawer-product);
  border-start-end-radius: var(--lds-radius-drawer-product);
  margin-block-start: var(--lds-spacing-drawer-product-margin);
  box-shadow: var(--lds-shadow-drawer-product-bottom);
}

.lds-drawer-product[data-direction="left"],
.lds-drawer-product[data-direction="right"] {
  block-size: 100%;
}

.lds-drawer-product[data-direction="left"] {
  inline-size: var(--lds-spacing-drawer-product-direction-left-size);
  border-start-end-radius: var(--lds-radius-drawer-product);
  border-end-end-radius: var(--lds-radius-drawer-product);
  margin-inline-end: var(--lds-spacing-drawer-product-margin);
  box-shadow: var(--lds-shadow-drawer-product-left);
}

.lds-drawer-product[data-direction="right"] {
  inline-size: var(--lds-spacing-drawer-product-direction-right-size);
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-end: 0;
  inset-inline-start: initial;
  border-start-start-radius: var(--lds-radius-drawer-product);
  border-end-start-radius: var(--lds-radius-drawer-product);
  margin-inline-start: var(--lds-spacing-drawer-product-margin);
  box-shadow: var(--lds-shadow-drawer-product-right);
}

.lds-drawer-product[data-state="open"][data-direction="top"] {
  animation-name: drawer-slide-from-top;
}

.lds-drawer-product[data-state="closed"][data-direction="top"] {
  animation-name: drawer-slide-to-top;
}

.lds-drawer-product[data-state="open"][data-direction="right"] {
  animation-name: drawer-slide-from-right;
}

.lds-drawer-product[data-state="closed"][data-direction="right"] {
  animation-name: drawer-slide-to-right;
}

.lds-drawer-product[data-state="open"][data-direction="bottom"] {
  animation-name: drawer-slide-from-bottom;
}

.lds-drawer-product[data-state="closed"][data-direction="bottom"] {
  animation-name: drawer-slide-to-bottom;
}

.lds-drawer-product[data-state="open"][data-direction="left"] {
  animation-name: drawer-slide-from-left;
}

.lds-drawer-product[data-state="closed"][data-direction="left"] {
  animation-name: drawer-slide-to-left;
}

/* Container */

.lds-drawer-product-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 0%;
  padding-block: var(--lds-spacing-drawer-product-padding-block);
  padding-inline: var(--lds-spacing-drawer-product-padding-inline);
  background: var(--lds-color-drawer-product-background);
  color: var(--lds-color-drawer-product-foreground);
  overflow: hidden;
}

.lds-drawer-product[data-direction="top"] .lds-drawer-product-container {
  border-end-start-radius: var(--lds-radius-drawer-product);
  border-end-end-radius: var(--lds-radius-drawer-product);
}

.lds-drawer-product[data-direction="bottom"] .lds-drawer-product-container {
  border-start-start-radius: var(--lds-radius-drawer-product);
  border-start-end-radius: var(--lds-radius-drawer-product);
}

.lds-drawer-product[data-direction="left"] .lds-drawer-product-container {
  border-start-end-radius: var(--lds-radius-drawer-product);
  border-end-end-radius: var(--lds-radius-drawer-product);
}

.lds-drawer-product[data-direction="right"] .lds-drawer-product-container {
  border-start-start-radius: var(--lds-radius-drawer-product);
  border-end-start-radius: var(--lds-radius-drawer-product);
}

/* Animations */

@keyframes drawer-slide-from-top {
  from {
    transform: translate(0, -100%);
  }
  to {
    transform: translate(0, 0);
  }
}

@keyframes drawer-slide-to-top {
  from {
    transform: translate(0, 0);
  }
  to {
    transform: translate(0, -100%);
  }
}

@keyframes drawer-slide-from-right {
  from {
    transform: translate(100%, 0);
  }
  to {
    transform: translate(0, 0);
  }
}

@keyframes drawer-slide-to-right {
  from {
    transform: translate(0, 0);
  }
  to {
    transform: translate(100%, 0);
  }
}

@keyframes drawer-slide-from-bottom {
  from {
    transform: translate(0, 100%);
  }
  to {
    transform: translate(0, 0);
  }
}

@keyframes drawer-slide-to-bottom {
  from {
    transform: translate(0, 0);
  }
  to {
    transform: translate(0, 100%);
  }
}

@keyframes drawer-slide-from-left {
  from {
    transform: translate(-100%, 0);
  }
  to {
    transform: translate(0, 0);
  }
}

@keyframes drawer-slide-to-left {
  from {
    transform: translate(0, 0);
  }
  to {
    transform: translate(-100%, 0);
  }
}

.lds-drawer-product-overlay {
  inset: 0;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  background-color: var(--lds-color-drawer-product-overlay-background);
  animation-duration: var(--lds-animation-drawer-product-overlay-timing-duration);
  animation-timing-function: var(--lds-animation-drawer-product-overlay-timing-function);
  animation-fill-mode: forwards;
}

.lds-drawer-product-overlay[data-state="open"] {
  animation-name: drawer-overlay-fade-in;
}

.lds-drawer-product-overlay[data-state="closed"] {
  animation-name: drawer-overlay-fade-out;
}

/* Animations */

@keyframes drawer-overlay-fade-in {
  from {
    opacity: 0;
    visibility: hidden;
  }
  to {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes drawer-overlay-fade-out {
  from {
    opacity: 1;
    visibility: visible;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}

.lds-drawer-product-header {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: var(--lds-spacing-drawer-product-header-gap);
  padding-inline: var(--lds-spacing-drawer-product-header-padding-inline);
  padding-block: var(--lds-spacing-drawer-product-header-padding-block);
  background-color: var(--lds-color-drawer-product-header-background);
  color: var(--lds-color-drawer-product-header-foreground);
}

.lds-drawer-product-footer {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: var(--lds-spacing-drawer-product-footer-gap);
  padding-inline: var(--lds-spacing-drawer-product-footer-padding-inline);
  padding-block: var(--lds-spacing-drawer-product-footer-padding-block);
  background-color: var(--lds-color-drawer-product-footer-background);
  color: var(--lds-color-drawer-product-footer-foreground);
}

.lds-drawer-product-content {
  display: flex;
  overflow: auto;
  flex-direction: column;
  flex: 1 1 0%;
  gap: var(--lds-spacing-drawer-product-content-gap);
  min-block-size: 0;
  padding-inline: var(--lds-spacing-drawer-product-content-padding-inline);
  padding-block: var(--lds-spacing-drawer-product-content-padding-block);
  background: var(--lds-color-drawer-product-content-background);
  color: var(--lds-color-drawer-product-content-foreground);
}

.lds-drawer-product-content[data-y-overflow="true"] {
  position: relative;
}

.lds-drawer-product-content[data-y-overflow="true"]::before,
.lds-drawer-product-content[data-y-overflow="true"]::after {
  content: '';
  position: sticky;
  inset-inline-start: 0;
  inline-size: 100%;
  min-block-size: 16px;
  filter: blur(1px);
  pointer-events: none;
  transition-duration: var(--lds-animation-duration-short);
  transition-timing-function: var(--lds-animation-timing-func-standard);
  transition-property: opacity;
  z-index: 1;
}

.lds-drawer-product-content[data-y-overflow="true"]::before {
  inset-block-start: -10px;
  margin-block-start: -24px;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 0%, #E2E2E2 100%);
}

.lds-drawer-product-content[data-y-overflow="true"]::after {
  inset-block-end: 0;
  margin-block-start: -24px;
  background: linear-gradient(-180deg, rgba(255, 255, 255, 0.00) 0%, #E2E2E2 100%);
}

.lds-drawer-product-content[data-y-overflow-start="true"]::before {
  opacity: 0;
}

.lds-drawer-product-content[data-y-overflow-end="true"]::after {
  opacity: 0;
}

/*
  MARK: Base
*/

.lds-figure-caption {
  margin: var(--lds-spacing-figure-caption-mg);
  border-radius: var(--lds-radius-figure-caption);
  outline: var(--lds-border-figure-caption-outline);
  outline-offset: var(--lds-border-figure-caption-outline-offset);
  transition: var(--lds-animation-figure-caption-transition);
}

.lds-figure-caption:has(.lds-figure-caption-toggle:hover) {
  outline-color: var(--lds-border-figure-caption-outline-color-hover);
}

.lds-figure-caption > *:first-child,
.lds-figure-caption .lds-video-player .lds-video-container,
.lds-figure-caption .lds-video-player .lds-video-container iframe,
.lds-figure-caption .lds-video-player .lds-video-container video {
  border-radius: var(--lds-radius-figure-caption-child);
}

.lds-figure-caption .lds-video-player.has-brand-border .lds-video-container,
.lds-figure-caption .lds-video-player.has-brand-border .lds-video-container iframe,
.lds-figure-caption .lds-video-player.has-brand-border .lds-video-container video {
  border-radius: var(--lds-radius-figure-caption-child) var(--lds-radius-figure-caption-child) 0 0;
}

.lds-figure-caption .lds-figure-caption-toggle {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  padding: var(--lds-spacing-figure-caption-toggle-pd);
  border-bottom: var(--lds-border-figure-caption-toggle-bb);
  outline: var(--lds-border-figure-caption-toggle-outline);
  outline-offset: var(--lds-border-figure-caption-toggle-outline-offset);
  margin: var(--lds-spacing-figure-caption-toggle-mg);
  font-size: var(--lds-typography-figure-caption-toggle-fs);
  font-weight: var(--lds-typography-figure-caption-toggle-fw);
  text-align: start;
  line-height: var(--lds-typography-figure-caption-toggle-lh);
  color: var(--lds-color-figure-caption-toggle);
  transition: var(--lds-animation-figure-caption-toggle-transition);
}

.lds-figure-caption .lds-figure-caption-toggle:focus {
  outline-color: var(--lds-border-figure-caption-toggle-outline-color-focus);
}

.lds-figure-caption .lds-figure-caption-toggle:focus,
.lds-figure-caption .lds-figure-caption-toggle:hover {
  border-bottom-color: var(--lds-border-figure-caption-toggle-bb-color-focus-hover);
  background-color: var(--lds-color-figure-caption-toggle-bg-focus-hover);
}

.lds-figure-caption .lds-figure-caption-toggle-icon {
  width: var(--lds-spacing-figure-caption-toggle-icon-size);
  height: var(--lds-spacing-figure-caption-toggle-icon-size);
  padding: var(--lds-spacing-figure-caption-toggle-icon-pd);
  margin-inline-start: var(--lds-spacing-figure-caption-toggle-icon-ml);
  background-color: var(--lds-color-figure-caption-toggle-icon-bg);
  transition: var(--lds-animation-figure-caption-toggle-icon-transition);
}

/*
  MARK: Animation
*/

@media screen and (prefers-reduced-motion: no-preference) {
  .lds-figure-caption .lds-figure-caption-toggle {
    vertical-align: top; /* https://stackoverflow.com/questions/9273016/why-is-this-inline-block-element-pushed-downward */
    position: relative;
    overflow: hidden;
  }

  .lds-figure-caption .lds-figure-caption-toggle .ripple {
    position: absolute;
    transform: scale(0);
    border-radius: 50%;
    border: var(--lds-color-red-060);
    background-color: var(--lds-color-red-030);
    animation: ripple var(--lds-animation-button-ripple-duration) var(--lds-animation-button-ripple-timing-function);
    pointer-events: none;
  }
}

/*
  MARK: Button Align
*/

.lds-figure-caption .lds-figure-caption-toggle.align-center {
  justify-content: center;
}

.lds-figure-caption .lds-figure-caption-toggle.align-right {
  justify-content: flex-end;
}

/*
  MARK: Icon swap
*/

.lds-figure-caption .lds-figure-caption-toggle-icon.icon-swap {
  transition: none;
}

.lds-figure-caption.collapsed .lds-figure-caption-toggle-icon.icon-swap {
  transform: none;
}

/*
  MARK: Video Meta
*/

.lds-figure-caption .lds-video-meta {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: var(--lds-spacing-figure-caption-video-meta-pd);
  margin: var(--lds-spacing-figure-caption-video-meta-mv) var(--lds-spacing-figure-caption-video-meta-mh);
}

.lds-figure-caption .lds-video-heading {
  font-size: var(--lds-typography-figure-caption-video-heading-fs);
  line-height: var(--lds-typography-figure-caption-video-heading-lh);
}

.lds-figure-caption .lds-video-time {
  font-size: var(--lds-typography-figure-caption-video-time-fs);
  line-height: var(--lds-typography-figure-caption-video-time-lh);
}

/*
  MARK: Text
*/

.lds-figure-caption .lds-figure-caption-text {
  padding: var(--lds-spacing-figure-caption-text-pt) 0 var(--lds-spacing-figure-caption-text-pb) var(--lds-spacing-figure-caption-text-ph);
}

.lds-figure-caption .lds-figure-caption-text-scroll {
  overflow-y: auto;
  padding-right: var(--lds-spacing-figure-caption-text-ph);
}

.lds-figure-caption .lds-figure-caption-text-scroll *:last-child{
  margin-bottom: 0;
}

/*
  MARK: Collapsed
*/

.lds-figure-caption.collapsed {
  outline-color: transparent;
}

.lds-figure-caption.collapsed .lds-figure-caption-toggle {
  border-bottom-color: transparent;
  border-radius: var(--lds-radius-figure-caption-toggle-collapsed);
}

.lds-figure-caption.collapsed .lds-figure-caption-toggle-icon {
  transform: var(--lds-animation-figure-caption-toggle-icon-transform);
}

/*
  MARK: Small Border Radius
*/

.lds-figure-caption.radius-small {
  border-radius: var(--lds-radius-figure-caption-small);
}

.lds-figure-caption.radius-small > *:first-child,
.lds-figure-caption.radius-small .lds-video-player .lds-video-container,
.lds-figure-caption.radius-small .lds-video-player .lds-video-container iframe,
.lds-figure-caption.radius-small .lds-video-player .lds-video-container video {
  border-radius: var(--lds-radius-figure-caption-child-small);
}

.lds-figure-caption.radius-small .lds-video-player.has-brand-border .lds-video-container,
.lds-figure-caption.radius-small .lds-video-player.has-brand-border .lds-video-container iframe,
.lds-figure-caption.radius-small .lds-video-player.has-brand-border .lds-video-container video {
  border-radius: var(--lds-radius-figure-caption-child-small) var(--lds-radius-figure-caption-child-small) 0 0;
}

.lds-figure-caption.radius-small.collapsed .lds-figure-caption-toggle {
  border-radius: var(--lds-radius-figure-caption-toggle-collapsed-small);
}

/*
  MARK: Large Border Radius
*/

.lds-figure-caption.radius-large {
  border-radius: var(--lds-radius-figure-caption-large);
}

.lds-figure-caption.radius-large > *:first-child,
.lds-figure-caption.radius-large .lds-video-player .lds-video-container,
.lds-figure-caption.radius-large .lds-video-player .lds-video-container iframe,
.lds-figure-caption.radius-large .lds-video-player .lds-video-container video {
  border-radius: var(--lds-radius-figure-caption-child-large);
}

.lds-figure-caption.radius-large .lds-video-player.has-brand-border .lds-video-container,
.lds-figure-caption.radius-large .lds-video-player.has-brand-border .lds-video-container iframe,
.lds-figure-caption.radius-large .lds-video-player.has-brand-border .lds-video-container video {
  border-radius: var(--lds-radius-figure-caption-child-large) var(--lds-radius-figure-caption-child-large) 0 0;
}

.lds-figure-caption.radius-large.collapsed .lds-figure-caption-toggle {
  border-radius: var(--lds-radius-figure-caption-toggle-collapsed-large);
}

/*#endregion*/

/*
  MARK: Expand/Collapse
  CSS grid can transition auto-height
  https://css-tricks.com/css-grid-can-do-auto-height-transitions/
*/

.lds-figure-caption figcaption {
  display: grid;
  grid-template-rows: 1fr;
  overflow: hidden;
  transition: var(--lds-animation-figure-caption-figcaption-transition);
}

.lds-figure-caption figcaption > .lds-figure-caption-text-wrapper {
  min-height: 0;
  transition: opacity 1s;
  opacity: 1;
}

.lds-figure-caption.collapsed figcaption {
  grid-template-rows: 0fr;
}

.lds-figure-caption.collapsed figcaption > .lds-figure-caption-text-wrapper {
  opacity: 0;
}

/*
  MARK: MQs
*/

@media screen and (min-width:768px) {
  .lds-figure-caption .lds-figure-caption-toggle {
    padding: var(--lds-spacing-figure-caption-toggle-md-pd);
  }

  .lds-figure-caption .lds-video-meta {
    padding: var(--lds-spacing-figure-caption-video-meta-md-pd);
  }

  .lds-figure-caption .lds-figure-caption-text {
    padding: var(--lds-spacing-figure-caption-text-md-pd) 0 var(--lds-spacing-figure-caption-text-md-pd) var(--lds-spacing-figure-caption-text-md-pd);
  }

  .lds-figure-caption .lds-figure-caption-text-scroll {
    padding-inline-end: var(--lds-spacing-figure-caption-text-md-pd);
  }
}

.lds-footer-v1 {
  padding: calc(3.5rem - 2px) 0 3.5rem;
  text-align: center;
  background: var(--lds-color-footer-v1-background);
  border-top: var(--lds-border-footer-v1-width) solid var(--lds-color-footer-v1-top-border);
}

.lds-footer-v1 .lds-footer-logo {
  display: flex;
  justify-content: center;
}

.lds-footer-v1 .text-nowrap {
  white-space: nowrap;
}

/* **
 * MARK: SUPPORT
 */

.lds-footer-v1 .lds-footer-support {
  margin-bottom: 2rem;
  text-align: center;
}

.lds-footer-v1 .lds-footer-support p {
  margin-bottom: 0;
}

/* **
 * MARK: META
 */

.lds-footer-v1 .lds-footer-meta {
  margin-bottom: 3rem;
  font-size: var(--lds-typography-small-font-size);
  font-weight: var(--lds-typography-small-font-weight);
  line-height: var(--lds-typography-small-line-height);
}

.lds-footer-v1 .lds-footer-meta p {
  margin-bottom: 0;
  font-size: var(--lds-typography-small-font-size);
  font-weight: var(--lds-typography-small-font-weight);
  line-height: var(--lds-typography-small-line-height);
}

/* **
 * MARK: MAIN MENU
 */

.lds-footer-v1 .lds-footer-main-links {
  padding-bottom: 1rem;
}

.lds-footer-v1 .lds-footer-main-links a,
.lds-footer-v1 .lds-footer-main-links .lds-link {
  display: inline-block;
  margin-bottom: var(--lds-spacing-footer-v1-list-item-margin-bottom);
}

.lds-footer-v1 .lds-footer-main-links .h4 {
  margin-bottom: 0.5rem;
  font-weight: var(--lds-typography-font-weight-bold);
}

.lds-footer-v1 .lds-footer-main-links .lds-footer-main-links-global {
  display: inline-block;
  margin-bottom: 1rem;
  clear: both;
}

.lds-footer-v1 .lds-footer-main-links li {
  display: inline-block;
}

.lds-footer-v1 .lds-footer-main-links li.d-md-none li {
  display: block;
}

.lds-footer-v1 .lds-footer-main-links .global-content {
  display: contents;
}

.lds-footer-v1 .lds-footer-main-links-column {
  margin-bottom: 2rem;
}

.lds-footer-v1 .lds-footer-main-links-column li {
  display: block;
}

.lds-footer-v1 .lds-footer-main-links-column a {
  display: inline-block;
  margin-bottom: 1rem;
}

.lds-footer-v1 .lds-footer-main-links-column a:last-child {
  margin-bottom: 1rem;
}

.lds-footer-v1 .lds-footer-main-links .column-heading {
  margin-bottom: 1rem;
  font-size: var(--lds-typography-action-font-size);
  font-weight: var(--lds-typography-font-weight-semi-bold);
  line-height: var(--lds-typography-action-line-height);
}

/* **
 * MARK: SOCIAL ICONS
 */

.lds-footer-v1 .lds-footer-social-container {
  margin-inline-start: auto;
}

.lds-footer-v1 .lds-footer-social-icons {
  height: 1.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
}

.lds-footer-v1 .lds-footer-social-icons a,
.lds-footer-v1 .lds-footer-social-icons .lds-link {
  display: inline-block;
  margin-inline-start: var(--lds-spacing-footer-v1-social-link-margin-left);
}

.lds-footer-v1 .lds-footer-social-icons a:first-child,
.lds-footer-v1 .lds-footer-social-icons .lds-link:first-child {
  margin-inline-start: 0;
}

.lds-footer-v1 .lds-footer-social-icons .icon,
.lds-footer-v1 .lds-footer-social-icons .lds-icon {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}

/* **
 * MARK: GLOBAL MENU
 */

.lds-footer-v1 .lds-footer-global-links {
  font-size: var(--lds-typography-small-font-size);
  font-weight: var(--lds-typography-small-font-weight);
  line-height: var(--lds-typography-small-line-height);
  text-align: end;
}

.lds-footer-v1 .lds-footer-global-links a,
.lds-footer-v1 .lds-footer-global-links .lds-link {
  display: inline-block;
  margin-inline-start: 2rem;
}

.lds-footer-v1 .lds-footer-global-links a:first-child,
.lds-footer-v1 .lds-footer-global-links .lds-link:first-child {
  margin-inline-start: 0;
}

/* **
 * MARK: LANGUAGE SELECT
 */

.lds-footer-v1 .lds-footer-language-select {
  text-align: center;
  padding-top: 2rem;
 }

.lds-footer-v1 .lds-footer-language-select-inner {
  display: inline-block;
 }

/* **
 * MARK: PRIVACY CTRLS
 */

.lds-footer-v1 .lds-footer-legal-privacy {
  text-align: center;
  padding-top: 2rem;
}

.lds-footer-v1 .lds-footer-legal-privacy .lds-privacy-link {
  margin-bottom: 1rem;
}

.lds-footer-v1 .lds-footer-legal-privacy .lds-privacy-link .privacy-link-icon {
  display: inline-block;
  width:37px;
  height:22px;
}

.lds-footer-v1 .lds-footer-legal-privacy .lds-privacy-link .privacy-link-icon svg.lds-icon.check-toggle {
  width:35px;
  height:35px;
}

.lds-footer-v1 .lds-footer-legal-privacy .lds-privacy-link .privacy-link-anchor {
  display: inline-block;
}

.lds-footer-v1 .lds-footer-legal-privacy .lds-privacy-link .privacy-link-anchor,
.lds-footer-v1 .lds-footer-legal-privacy .lds-privacy-cookies {
  font-size: var(--lds-typography-large-font-size);
  font-weight: var(--lds-typography-large-font-weight);
  line-height: var(--lds-typography-large-line-height);
}

/* **
 * MARK: DESKTOP
 */

@media (min-width: 768px) {
  .lds-footer-v1 {
    text-align: start;
  }

  .lds-footer-v1 .lds-footer-support {
    margin-bottom: .5rem;
    text-align: end;
  }

  .lds-footer-v1 .lds-footer-meta {
    margin-bottom: 1.5rem;
  }

  .lds-footer-v1 .lds-footer-meta,
  .lds-footer-v1 .lds-footer-meta p,
  .lds-footer-v1 .lds-footer-global-links {
    font-size: var(--lds-typography-small-rwd-font-size);
    font-weight: var(--lds-typography-small-rwd-font-weight);
    line-height: var(--lds-typography-small-rwd-line-height);
  }

  .lds-footer-v1 .lds-footer-main-links-column {
    margin-bottom: 1rem;
  }

  .lds-footer-v1 .lds-footer-main-links-column a {
    margin-bottom: 0.5rem;
  }

  .lds-footer-v1 .lds-footer-main-links .column-heading {
    font-size: var(--lds-typography-action-rwd-font-size);
    line-height: var(--lds-typography-action-rwd-line-height);
    margin-bottom: 0.5rem;
  }

  .lds-footer-v1 .lds-footer-social-icons {
    text-align: end;
  }

  .lds-footer-v1 .lds-footer-language-select {
    text-align: end;
    padding-top: 1rem;
   }

  .lds-footer-v1 .lds-footer-legal-privacy {
    text-align: end;
    padding-top: 1rem;
  }

  .lds-footer-v1 .lds-footer-legal-privacy .lds-privacy-link .privacy-link-anchor,
  .lds-footer-v1 .lds-footer-legal-privacy .lds-privacy-cookies {
    font-size: var(--lds-typography-small-rwd-font-size);
    font-weight: var(--lds-typography-large-rwd-font-weight);
    line-height: var(--lds-typography-large-rwd-line-height);
  }
}

.lds-footer-v2 {
  padding: calc(2rem - var(--lds-border-footer-width)) 0 2rem;
  text-align: center;
  background: var(--lds-color-footer-background);
  border-top: var(--lds-border-footer-width) solid var(--lds-color-footer-top-border);
}

.lds-footer-v2 .lds-footer-logo {
  display: flex;
  justify-content: center;
  margin-bottom: 1.5rem;
}

.lds-footer-v2 .lds-footer-logo .lds-lilly-logo {
  padding: 0;
}

.lds-footer-v2 .lds-footer .text-nowrap {
  white-space: nowrap;
}

.lds-footer-v2 .lds-footer-main-links {
  padding: 0;
  margin-bottom: 1.5rem;
}

.lds-footer-v2 .lds-footer-main-links li {
  display: block;
}

.lds-footer-v2 .lds-footer-main-links a {
  display: inline-block;
  margin-bottom: var(--lds-spacing-footer-list-item-margin-bottom);
}

.lds-footer-v2 .lds-footer-list-even .lds-footer-list {
  display: flex;
  flex-wrap: wrap;
}

.lds-footer-v2 .lds-footer-list-even .lds-footer-list-item {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0.25rem 0; /* space for focus outline offset */
}

.lds-footer-v2 .lds-footer-list-even .lds-link {
  padding: 0.5rem 0;
  margin-bottom: 0;
}

.lds-footer-v2 .lds-footer .lds-footer-list-cols .h5 {
  font-weight: var(--lds-typography-footer-col-header-font-weight);
}

.lds-footer-v2 .lds-footer-divider {
  height: var(--lds-border-footer-divider-width);
  margin: 0 0 2rem;
  padding: 0;
  border-style: none;
  background-color: var(--lds-color-footer-top-border);
}

.lds-footer-v2 .lds-footer-row-middle {
  justify-content: space-between;
  margin-top: 2rem;
}

.lds-footer-v2 .lds-footer-support {
  margin-bottom: 2rem;
}

.lds-footer-v2 .lds-footer-support-top {
  border-radius: 1rem;
  padding: 1.5rem;
  background-color: var(--lds-color-bg-footer-support-top);
}

.lds-footer-v2 .lds-footer-support-top:has(+ .lds-footer-support-bottom) {
  border-start-start-radius: 1rem;
  border-start-end-radius: 1rem;
  border-end-end-radius: 0;
  border-end-start-radius: 0;
}

.lds-footer-v2 .lds-footer-support-bottom {
  border-radius: 1rem;
  padding: 1.5rem;
  background-color: var(--lds-color-bg-footer-support-bottom);
}

.lds-footer-v2 .lds-footer-support-top + .lds-footer-support-bottom {
  border-start-start-radius: 0;
  border-start-end-radius: 0;
  border-end-end-radius: 1rem;
  border-end-start-radius: 1rem;
}

.lds-footer-v2 .lds-footer-support .lds-footer-support-bottom .lds-select-input-wrapper {
  max-width: none;
}

.lds-footer-v2 .lds-footer-support p {
  margin-bottom: 0;
}

.lds-footer-v2 .lds-footer-support-bottom .lds-language-select {
  max-width: none;
  width: 100%;
  border-color: var(--lds-color-neutral-050);
}

.lds-footer-v2 .lds-footer-support-bottom .lds-language-select:hover {
  border-color: var(--lds-color-neutral-060);
}

.lds-footer-v2 .lds-footer-support-bottom .lds-language-select:active {
  border-color: var(--lds-color-neutral-080);
}

.lds-footer-v2 .lds-footer-support-bottom .lds-language-select:focus {
  outline-offset: var(--lds-border-button-outline-offset-focus);
}

.lds-footer-v2 .lds-footer-support-bottom .lds-footer-divider {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.lds-footer-v2 .lds-footer-support-bottom .lds-button-reset-cookie-consent {
  margin-bottom: 1.5rem;
}

.lds-footer-v2 .lds-footer-support-bottom .lds-button-reset-cookie-consent,
.lds-footer-v2 .lds-footer-support-bottom .lds-button-privacy-choices {
  display: block;
  width: 100%;
}

.lds-footer-v2 .lds-button-privacy-choices > svg {
  vertical-align: middle;
  margin-inline-end: 0.5rem;
}

.lds-footer-v2 .lds-footer-meta {
  margin-bottom: 3rem;
}

.lds-footer-v2 .lds-footer-meta p {
  margin-bottom: 0;
  font-size: var(--lds-typography-footer-meta-font-size);
  font-weight: var(--lds-typography-footer-meta-font-weight);
  line-height: var(--lds-typography-footer-meta-line-height);
}

.lds-footer-v2 .lds-footer-global-links {
  font-size: var(--lds-typography-footer-meta-font-size);
  font-weight: var(--lds-typography-footer-meta-font-weight);
  line-height: var(--lds-typography-footer-meta-line-height);
  text-align: inherit;
}

.lds-footer-v2 .lds-footer-global-links .lds-link {
  display: inline-block;
  margin-inline-start: 2rem;
  padding: 0.75rem 0;
  color: var(--lds-color-footer-global-links);
}

.lds-footer-v2 .lds-footer-global-links .lds-link:first-child {
  margin-inline-start: 0;
}

.lds-footer-v2 .lds-footer-social-icons {
  margin-bottom: 1rem;
  text-align: center;
}

.lds-footer-v2 .lds-footer-social-icons a {
  display: inline-block;
  margin-inline-start: var(--lds-spacing-footer-social-link-margin-left);
}

.lds-footer-v2 .lds-footer-social-icons a:first-child {
  margin-inline-start: 0;
}

.lds-footer-v2 .lds-footer-social-icons .icon,
.lds-footer-v2 .lds-footer-social-icons .lds-icon {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}

@media (min-width: 576px) {
  .lds-footer-v2 .lds-footer-list-even {
    display: flex;
    flex-wrap: wrap;
  }

  .lds-footer-v2 .lds-footer-main-links .lds-footer-list-even {
    justify-content: center;
  }

  .lds-footer-v2 .lds-footer-list-even .lds-footer-list-item {
    flex-grow: 0;
    width: auto;
    padding: 0.25rem 1rem;
  }

  .lds-footer-v2 .lds-footer-list-even .lds-link {
    flex-shrink: 0;
    display: block;
  }

  .lds-footer-v2 .lds-footer-list-even .lds-footer-list {
    justify-content: center;
  }

  .lds-footer-v2 .lds-footer-list-cols {
    justify-content: center;
  }

  .lds-footer-v2 .lds-footer-list-col {
    flex-grow: 1;
  }

  .lds-footer-v2 .lds-footer-meta {
    text-align: start;
  }

  .lds-footer-v2 .lds-footer-row-bottom {
    align-items: center;
  }

  .lds-footer-v2 .lds-footer-global-links {
    text-align: start;
  }

  .lds-footer-v2 .lds-footer-global-links .lds-footer-list {
    margin-inline-start: -1rem;
  }

  .lds-footer-v2 .lds-footer-global-links .lds-link {
    padding: 0.25rem 0;
  }

  .lds-footer-v2 .lds-footer-social-icons {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .lds-footer-v2 {
    text-align: start;
  }

  .lds-footer-v2 .lds-footer-row-top.has-list-links {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .lds-footer-v2 .lds-footer-row-top .lds-footer-logo {
    justify-content: flex-start;
  }

  .lds-footer-v2 .lds-footer-row-top.has-category-links .lds-footer-main-links {
    margin-inline-start: -1rem;
  }

  .lds-footer-v2 .lds-footer-row-top.has-list-links .lds-footer-main-links {
    margin-inline-start: auto;
  }

  .lds-footer-v2 .lds-footer-main-links .lds-footer-list-even {
    margin-inline-end: -1rem;
    justify-content: flex-end;
  }

  .lds-footer-v2 .lds-footer-row-middle {
    margin-bottom: 2rem;
  }

  .lds-footer-v2 .lds-footer-support {
    margin-bottom: .5rem;
    text-align: center;
  }

  .lds-footer-v2 .lds-footer-meta {
    margin-bottom: 1.5rem;
  }

  .lds-footer-v2 .lds-footer-social-icons {
    text-align: end;
  }
}

@media (min-width: 1200px) {
  .lds-footer-v2 .lds-footer-row-top.has-category-links {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .lds-footer-v2 .lds-footer-row-top.has-category-links .lds-footer-main-links {
    margin-inline-start: 1rem;
    flex-grow: 1;
  }

  .lds-footer-v2 .lds-footer-support {
    display: flex;
    align-self: flex-start;
  }

  .lds-footer-v2 .lds-footer-support-top,
  .lds-footer-v2 .lds-footer-support-bottom {
    flex-grow: 1;
  }

  .lds-footer-v2 .lds-footer-support-top {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .lds-footer-v2 .lds-footer-support-top:has(+ .lds-footer-support-bottom) {
    flex-basis: 50%;
    border-start-start-radius: 1rem;
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    border-end-start-radius: 1rem;
  }

  .lds-footer-v2 .lds-footer-support-top + .lds-footer-support-bottom {
    flex-basis: 50%;
    border-start-start-radius: 0;
    border-start-end-radius: 1rem;
    border-end-end-radius: 1rem;
    border-end-start-radius: 0;
  }
}

/* Black theme */

.lds-footer-v2.lds-footer-black {
  border-color: var(--lds-color-footer-top-border-dark);
  background-color: var(--lds-color-footer-background-dark);
}

.lds-footer-v2.lds-footer-black,
.lds-footer-v2.lds-footer-black h1,
.lds-footer-v2.lds-footer-black h2,
.lds-footer-v2.lds-footer-black h3,
.lds-footer-v2.lds-footer-black h4,
.lds-footer-v2.lds-footer-black h5,
.lds-footer-v2.lds-footer-black h6,
.lds-footer-v2.lds-footer-black p,
.lds-footer-v2.lds-footer-black .lds-footer-global-links .lds-link {
  color: var(--lds-color-footer-text-dark);
}

.lds-footer-v2.lds-footer-black .lds-link {
  color: var(--lds-color-footer-links-dark);
}

.lds-footer-v2.lds-footer-black .lds-footer-divider,
.lds-footer-v2.lds-footer-black .lds-footer-social-icons .lds-icon {
  background-color: var(--lds-color-footer-text-dark);
}

.lds-footer-v2.lds-footer-black .lds-footer-support-top {
  background-color: var(--lds-color-bg-footer-support-top-dark);
}

.lds-footer-v2.lds-footer-black .lds-footer-support-bottom {
  background-color: var(--lds-color-bg-footer-support-bottom-dark);
}

.lds-half-billboard,
.lds-half-billboard-wrapper {
  position: relative;
}

.lds-half-billboard-content {
  padding-top: var(--lds-spacing-half-bill-vert-padding-mobile);
  padding-bottom: var(--lds-spacing-half-bill-vert-padding-mobile);
}

@media (min-width: 768px) {
  .lds-half-billboard-content {
    padding-top: var(--lds-spacing-half-bill-vert-padding-desktop);
    padding-bottom: var(--lds-spacing-half-bill-vert-padding-desktop);
  }
}

.lds-half-billboard-img {
  position: relative;
  display: block;
  /* width: 100%; */
  height: 23.5rem;
}

.padded .lds-half-billboard-img {
  padding-top: var(--lds-spacing-half-bill-vert-padding-mobile);
  padding-bottom: var(--lds-spacing-half-bill-vert-padding-mobile);
}

@media (min-width: 768px) {
  .padded .lds-half-billboard-img {
    padding-top: var(--lds-spacing-half-bill-vert-padding-desktop);
    padding-bottom: var(--lds-spacing-half-bill-vert-padding-desktop);
  }
}

@media (min-width: 576px) {
  .breakpoint-small .lds-half-billboard-img {
    height: auto;
  }
}

@media (max-width: 575.98px) {
  .padded.breakpoint-small .lds-half-billboard-img {
    padding-top: 0;
  }
}

@media (min-width: 768px) {
  .breakpoint-medium .lds-half-billboard-img {
    height: auto;
  }
}

@media (max-width: 767.98px) {
  .padded.breakpoint-medium .lds-half-billboard-img {
    padding-top: 0;
  }
}

@media (min-width: 992px) {
  .breakpoint-large .lds-half-billboard-img {
    height: auto;
  }
}

@media (max-width: 991.98px) {
  .padded.breakpoint-large .lds-half-billboard-img {
    padding-top: 0;
  }
}

@media (min-width: 1200px) {
  .breakpoint-xlarge .lds-half-billboard-img {
    height: auto;
  }
}

@media (max-width: 1199.98px) {
  .padded.breakpoint-xlarge .lds-half-billboard-img {
    padding-top: 0;
  }
}

.lds-half-billboard-img-container {
  position: relative;
  height: 100%;
  text-align: center;
  background-position: center center;
  background-repeat: no-repeat;
}

.lds-half-billboard-img-container:not(.has-caption) img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.lds-half-billboard-img-container.has-caption img {
  margin-bottom: var(--lds-spacing-half-bill-img-margin-bottom-w-caption);
}

.lds-half-billboard-img-container.has-caption > :last-child {
  margin-bottom: 0;
}

.lds-half-billboard-img-container.position-link a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.lds-half-billboard-img-container.position-link a span {
  /* Screen reader only styles */
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}

.lds-half-billboard-img-container.cover img {
  object-fit: cover;
}

.lds-half-billboard-img-container.contain img {
  object-fit: contain;
}

.lds-header-menu-item-link {
  color: var(--lds-color-header-menu-item-link);
  text-decoration: var(--lds-text-decoration-header-menu-item-link);
  cursor: var(--lds-cursor-header-menu-item-link);
  transition: color var(--lds-transition-header-menu-item-link-color);
  font-weight: var(--lds-typography-header-menu-item-link-font-weight);
}

.lds-header-menu-item-link .lds-link {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font: inherit;
  color: var(--lds-color-header-menu-item-link);
  text-decoration: var(--lds-text-decoration-header-menu-item-link);
  border-radius: var(--lds-border-radius-header-menu-item-link);
}

.lds-header-menu-item-link a:hover {
  text-decoration: var(--lds-text-decoration-header-menu-item-link);
}

.lds-header-menu-secondary .lds-header-menu-item-link a,
.lds-header-menu-secondary .lds-header-menu-item-link button {
  z-index: 5;
}

.lds-header-menu-primary.lds-header-menu .lds-header-menu-item-link a,
.lds-header-menu-primary.lds-header-menu .lds-header-menu-item-link button,
.lds-header-menu-secondary .lds-header-menu-item-link a,
.lds-header-menu-secondary .lds-header-menu-item-link button {
  outline: var(--lds-outline-header-menu-primary-item-link-a);
}

.lds-header-menu-primary.lds-header-menu .lds-header-menu-item-link a:focus,
.lds-header-menu-primary.lds-header-menu
  .lds-header-menu-item-link
  button:focus,
.lds-header-menu-secondary .lds-header-menu-item-link a:focus,
.lds-header-menu-secondary .lds-header-menu-item-link button:focus {
  outline: var(--lds-focus-header-menu-exo-item-link-button-outline);
  outline-offset: var(
    --lds-focus-header-menu-exo-item-link-button-outline-offset
  );
  box-shadow: var(--lds-focus-header-menu-exo-item-link-button-box-shadow);
  z-index: 1;
}

.lds-header-menu-item-heading {
  font-weight: var(--lds-typography-header-menu-item-heading-font-weight);
}

.lds-header-menu-item-text {
  transition: color var(--lds-transition-header-menu-item-color);
}

.lds-header-menu {
  justify-content: var(--lds-flex-header-menu-justify-content);
  margin-left: 0;
  list-style: none;
}

.lds-header-menu-generic {
  padding: var(--lds-padding-header-menu-generic);
}

.lds-header-menu-primary {
  display: flex;
  align-items: var(--lds-align-items-header-menu-primary);
  flex-direction: var(--lds-flex-direction-header-menu-primary);
  font-size: var(--lds-font-size-header-menu-primary);
  background: var(--lds-background-header-menu-primary);
}

@media (min-width: 992px) {
  .lds-header-menu-primary {
    flex-direction: var(--lds-flex-direction-header-menu-primary-min-width);
    flex-wrap: var(--lds-flex-wrap-header-menu-primary-min-width);
    height: var(--lds-height-header-menu-primary-min-width);
    padding: var(--lds-padding-header-menu-primary-min-width);
  }
}

.lds-header-menu-primary.lds-header-menu-left {
  justify-content: var(--lds-justify-content-header-menu-left);
}

.lds-header-menu-primary.lds-header-menu-even {
  justify-content: var(--lds-justify-content-header-menu-even);
}

body[data-mobile-nav-expanded] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

body.stop-transitions * {
  transition: none !important;
}

.lds-header {
  position: relative;
  z-index: 10;
  width: var(--lds-spacing-header-width);
  background: var(--lds-color-header-background);
  box-shadow: var(--lds-shadow-header);
  border-bottom: 1px solid var(--lds-color-header-bottom-border);
}

.lds-header .visually-hidden {
  position: absolute;
  width: var(--lds-spacing-visual-hidden-width);
  height: var(--lds-spacing-visual-hidden-height);
  margin: var(--lds-spacing-visual-hidden-margin);
  overflow: var(--lds-overflow-visual-hidden);
  clip: var(--lds-spacing-visual-hidden-clip);
  border: var(--lds-border-visual-hidden);
}

.lds-header .screen-reader-text {
  position: absolute;
  width: var(--lds-spacing-visual-hidden-width);
  height: var(--lds-spacing-visual-hidden-height);
  margin: var(--lds-spacing-visual-hidden-margin);
  overflow: var(--lds-overflow-visual-hidden);
  clip: var(--lds-spacing-visual-hidden-clip);
  border: var(--lds-border-visual-hidden);
}

.lds-header-main {
  z-index: var(--lds-z-index-header-main);
  display: var(--lds-flex-direction-header-main);
  flex-wrap: var(--lds-flex-wrap-header-main);
  background: var(--lds-background-header-main);
}

@media (min-width: 992px) {
  .lds-header-main {
    flex-wrap: var(--lds-flex-wrap-header-main-large-screen);
  }
  .header-mobile {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .lds-header-main {
    position: var(--lds-position-header-main-small-screen);
  }
}

/* MARK: Mobile panel
 */

.lds-header-menu-container {
  min-width: var(--lds-spacing-header-menu-container-min-width);
}

@media (min-width: 992px) {
  .lds-header-menu-container {
    display: var(--lds-display-header-menu-container-large-screen);
  }
}

.lds-header-menu-container.left {
  width: var(--lds-spacing-header-menu-container-left-width);
  padding-inline-start: var(--lds-spacing-header-menu-container-left-padding-left);
}

.lds-header-menu-wrapper {
  position: var(--lds-position-header-menu-wrapper);
  top: var(--lds-spacing-header-menu-wrapper-top);
  right: var(--lds-spacing-header-menu-wrapper-right);
  width: var(--lds-spacing-header-menu-wrapper-width);
  min-height: var(--lds-spacing-header-menu-wrapper-min-height);
  background: var(--lds-background-header-menu-wrapper);
  box-shadow: var(--lds-shadow-header-menu-wrapper);
  transition: var(--lds-transition-header-menu-wrapper);
}

.toggle-mobile-menu {
  right: var(--lds-spacing-header-menu-wrapper-right-toggle);
}

@media (min-width: 992px) {
  .lds-header-menu-wrapper {
    position: var(--lds-position-header-menu-wrapper-large-screen);
    display: var(--lds-display-header-menu-wrapper-large-screen);
    flex-basis: var(--lds-flex-basis-header-menu-wrapper-large-screen);
    padding: var(--lds-padding-header-menu-wrapper-large-screen);
    overflow-y: var(--lds-overflow-header-menu-wrapper-y-large-screen);
    box-shadow: var(--lds-shadow-header-menu-wrapper-large-screen);
    transition: var(--lds-transition-header-menu-wrapper-large-screen);
    right: var(--lds-spacing-header-menu-wrapper-right-large-screen);
  }
}

@media (max-width: 991.98px) {
  .lds-header-menu-wrapper > .lds-header-menu {
    position: var(--lds-position-header-menu-wrapper-menu-small-screen);
  }
}

@media (max-width: 991.98px) {
  .lds-header-menu-scroll-container {
    height: var(--lds-spacing-header-menu-scroll-container-height-small-screen);
    overflow-y: auto;
  }
}

.header-icons-wrapper {
  display: flex;
  gap: 24px;
}

@media (min-width: 992px) {
  .header-icons-wrapper {
    display: none;
  }
}

.mobile-search-button {
  display: flex;
}

.mobile-search-button.close {
  margin-inline-end: 0;
}

.mobile-search-button .lds-icon.inline {
  width: 24px;
  height: 24px;
}

/* MARK: Hamburger Menu
*/

.lds-hamburger-menu-icon {
  width: 24px !important;
  height: 24px !important;
  min-height: 24px;
}

/* Hamburger menu container */

.lds-header-mobile-actions {
  margin-inline-start: var(--lds-spacing-header-mobile-actions-margin-left);
}

@media (min-width: 992px) {
  .lds-header-mobile-actions {
    display: var(--lds-display-header-mobile-actions-large-screen);
  }
}

/* The actual Button part of the HB menu */

.lds-header-toggle {
  display: var(--lds-display-header-toggle);
  flex-direction: column;
  align-items: var(--lds-align-items-header-toggle);
  padding: var(--lds-spacing-header-toggle-padding);
  outline: var(--lds-border-header-toggle-outline);
}

@media (min-width: 992px) {
  .lds-header-toggle {
    display: var(--lds-display-header-toggle-large-screen);
  }
}

.lds-header-toggle:focus {
  outline: var(--lds-border-header-toggle-focus-outline);
  outline-offset: var(--lds-border-header-toggle-focus-outline-offset);
  box-shadow: var(--lds-shadow-header-toggle-focus);
  border-radius: var(--lds-radius-header-toggle-focus);
}

/* Icon for the hamburger menu in mobile */

.lds-header-toggle .icon.inline {
  width: var(--lds-spacing-header-toggle-icon-inline-width);
  height: var(--lds-spacing-header-toggle-icon-inline-height);
  fill: var(--lds-color-header-toggle-icon-inline-fill);
}

/* Text next to hamburger menu "Menu" or "Close" */

.lds-header-toggle-text {
  font-weight: var(--lds-typography-header-toggle-text-font-weight);
  font-size: var(--lds-typography-header-toggle-text-font-size);
  color: var(--lds-color-header-toggle-text);
}

@media (min-width: 1600px) {
  .lds-header-main {
    width: 1600px;
    margin: 0 auto;
  }
}

.lds-header .header-menus-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  align-self: stretch;
}

:root {
  /* mobile toggle */
  --lds-spacing-header-menu-item-type-contact-lilly-menu-item-toggle-top: 0;
  --lds-spacing-header-menu-item-type-contact-lilly-menu-item-toggle-right: 1rem;

  --lds-spacing-header-menu-item-type-contact-lilly-contact-lilly-toggle-padding: 0 16px;
  --lds-spacing-header-menu-item-type-contact-lilly-contact-lilly-toggle-height: 4rem;
  --lds-border-header-menu-item-type-contact-lilly-contact-lilly-toggle-focused-outline-offset: -2px;
  --lds-border-header-menu-item-type-contact-lilly-contact-lilly-toggle-focused-outline: 3px solid transparent;
  --lds-shadow-header-menu-item-type-contact-lilly-contact-lilly-toggle-focused-box-shadow: inset 0 0 0 2px var(--lds-color-header-toggle-focus);
  --lds-radius-header-menu-item-type-contact-lilly-contact-lilly-toggle-border-radius: 4px;

  --lds-spacing-header-menu-item-type-contact-lilly-contact-lilly-dropdown-padding: 0 16px;
  --lds-spacing-header-menu-item-type-contact-lilly-contact-lilly-dropdown-margin: 0;
  --lds-spacing-header-menu-item-type-contact-lilly-contact-lilly-dropdown-padding-desktop: 0;

  --lds-spacing-header-menu-primary-contact-lilly-item-content-padding: 0;
  --lds-spacing-header-menu-primary-contact-lilly-item-content-padding-mobile: 0;
  --lds-spacing-header-menu-primary-contact-lilly-first-child-item-content-padding-left: 0;
  --lds-spacing-header-menu-primary-contact-lilly-last-child-item-content-padding-right: 0;

  --lds-spacing-header-menu-primary-menu-left-contact-lilly-margin-left: auto;
  --lds-spacing-header-menu-primary-menu-even-contact-lilly-margin-left: 0;
}

.lds-header-menu-item-type-contact-lilly .lds-header-menu-item-toggle {
  position: absolute;
  top: var(--lds-spacing-header-menu-item-type-contact-lilly-menu-item-toggle-top);
  right: var(--lds-spacing-header-menu-item-type-contact-lilly-menu-item-toggle-right);
}

.lds-header-menu-item-type-contact-lilly .lds-contact-lilly.lds-contact-lilly-active + .lds-header-menu-item-toggle.will-rotate {
  transform: rotate(180deg);
}

.lds-header-menu-item-type-contact-lilly .lds-contact-lilly-toggle {
  display: block;
  width: 100%;
  height: var(--lds-spacing-header-menu-item-type-contact-lilly-contact-lilly-toggle-height);
  padding: var(--lds-spacing-header-menu-item-type-contact-lilly-contact-lilly-toggle-padding);
  text-align: left;
}

.lds-header-menu-item-type-contact-lilly .lds-contact-lilly-toggle:focus {
  outline: var(--lds-border-header-menu-item-type-contact-lilly-contact-lilly-toggle-focused-outline);
  outline-offset: var(--lds-border-header-menu-item-type-contact-lilly-contact-lilly-toggle-focused-outline-offset);
  box-shadow: var(--lds-shadow-header-menu-item-type-contact-lilly-contact-lilly-toggle-focused-box-shadow);
  border-radius: var(--lds-radius-header-menu-item-type-contact-lilly-contact-lilly-toggle-border-radius);
}

.lds-header-menu-item-type-contact-lilly .lds-contact-lilly-dropdown {
  margin: 0;
  padding: var(--lds-spacing-header-menu-item-type-contact-lilly-contact-lilly-dropdown-padding);
}

.lds-header-menu-primary > .lds-header-menu-item-type-contact-lilly > .lds-header-menu-item-content {
  padding: var(--lds-spacing-header-menu-primary-contact-lilly-item-content-padding);
}

.lds-header-menu-primary.lds-header-menu-even .lds-header-menu-item.lds-header-menu-item-type-contact-lilly {
  margin-left: var(--lds-spacing-header-menu-primary-menu-even-contact-lilly-margin-left);
}

@media (min-width: 900px) {
  .lds-header-menu-item-type-contact-lilly .lds-header-menu-item-toggle {
    display: none;
  }

  .lds-header-menu-item-type-contact-lilly .lds-contact-lilly-toggle {
    height: var(--lds-spacing-header-menu-item-button-height);
    padding: var(--lds-spacing-header-menu-item-content-padding-desktop);
  }

  .lds-header-menu-item-type-contact-lilly .lds-contact-lilly-dropdown {
    padding: var(--lds-spacing-header-menu-item-type-contact-lilly-contact-lilly-dropdown-padding-desktop);
    margin: var(--lds-spacing-header-menu-item-type-contact-lilly-contact-lilly-dropdown-margin);
  }

  .lds-header-menu-primary > .lds-header-menu-item-type-contact-lilly:first-child > .lds-header-menu-item-content {
    padding-left: var(--lds-spacing-header-menu-primary-contact-lilly-first-child-item-content-padding-left);
  }

  .lds-header-menu-primary > .lds-header-menu-item-type-contact-lilly:last-child > .lds-header-menu-item-content {
    padding-right: var(--lds-spacing-header-menu-primary-contact-lilly-last-child-item-content-padding-right);
  }

  .lds-header-menu-primary.lds-header-menu-left .lds-header-menu-item-type-contact-lilly {
    margin-left: var(--lds-spacing-header-menu-primary-menu-left-contact-lilly-margin-left);
  }
}

@media (max-width: 899.98px) {
  .lds-header-menu-primary > .lds-header-menu-item-type-contact-lilly {
    overflow-x: hidden;
  }

  .lds-header-menu-primary > .lds-header-menu-item-type-contact-lilly > .lds-header-menu-item-content {
    position: relative;
    display: block;
    height: auto;
    padding: var(--lds-spacing-header-menu-primary-contact-lilly-item-content-padding-mobile);
  }

  .lds-header-menu-primary .lds-header-menu-item-type-contact-lilly .lds-contact-lilly-toggle {
    border: 0 none;
    font-weight: inherit;
    background: none;
    box-shadow: none;
  }
}

.lds-header-logo-wrapper {
  display: var(--lds-display-header-logo-wrapper);
  align-items: var(--lds-align-items-header-logo-wrapper);
  justify-content: var(--lds-justify-content-header-logo-wrapper);
  width: var(--lds-spacing-header-logo-wrapper-width);
  min-height: var(--lds-spacing-header-logo-wrapper-min-height);
  padding-inline-start: 1rem; /* 16px; */
  padding-inline-end: 1.5rem; /* 24px; */
  padding-top: 1.5rem; /* 24px; */
  padding-bottom: 1.5rem /* 24px; */
}

.header-mobile .lds-header-logo-wrapper {
  flex-direction: var(--lds-flex-direction-mobile-header-logo-wrapper);
}

/* LG */

@media (min-width: 992px) {
  .lds-header-logo-wrapper {
    justify-content: var(--lds-justify-content-header-logo-wrapper-large-screen);
    width: var(--lds-spacing-header-logo-wrapper-width-large-screen);
    min-height: var(--lds-spacing-header-logo-wrapper-min-height-large-screen);
    padding-inline-start: 3rem; /* 48px; */
    padding-inline-end: 1.5rem; /* 24px; */
    padding-top: .5rem; /* 8px; */
    padding-bottom: .5rem; /* 8px; */
  }
}

/* Custom LG Intermediate Transition */

@media (min-width: 1088px) {
  .lds-header-logo-wrapper {
    padding-inline-start: 3rem; /* 48px; */
    padding-inline-end: 1.5rem; /* 24px; */
    padding-top: 1.5rem; /* 24px; */
    padding-bottom: 1.5rem; /* 24px; */
  }
}

/*
  Top Nav refers to the main or primary navigation in the desktop header.
  Top nav displays below the utility nav
  Top nav is not displayed in mobile (999px or below)
*/

.top-nav {
  display: none;
}

@media (min-width: 992px) {
  .top-nav {
    display: flex;
    flex: 1;
    max-height: 72px;
  }
}

.top-nav-list {
  display: flex;
  padding-inline-start: var(--lds-spacing-top-nav-list-padding-left);
  padding-inline-end: var(--lds-spacing-top-nav-list-padding-right);
  padding-top: 0;
  padding-bottom: 0;
  justify-content: flex-end;
  align-items: flex-start;
}

.top-nav-list .top-nav-item {
  list-style-type: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  line-height: 20px;
}

.top-nav-list .top-nav-item .menu-button {
  padding-top: var(--lds-spacing-top-nav-menu-button-padding-top);
  padding-bottom: var(--lds-spacing-top-nav-menu-button-padding-bottom);
  padding-inline-start: var(--lds-spacing-top-nav-menu-button-padding-left);
  padding-inline-end: var(--lds-spacing-top-nav-menu-button-padding-right);
}

.top-nav-list .top-nav-item.divider {
  display: none;
  padding-top: var(--lds-spacing-top-nav-divider-padding-vertical);
  padding-bottom: var(--lds-spacing-top-nav-divider-padding-vertical);

  padding-inline-start: var(--lds-spacing-top-nav-menu-button-padding-left);
  padding-inline-end: var(--lds-spacing-top-nav-menu-button-padding-right);
}

@media (min-width: 992px) {
  .top-nav-list .top-nav-item.divider {
    display: flex;
  }
}

.top-nav-item.divider {
  display: none;
}

.top-nav-item.divider::after {
  display: none;
}

@media (min-width: 992px) {
  .top-nav-item.divider {
    display: flex;
  }
}

/*
The "Flyout" menu only exists in desktop mode. In mobile the
 flyout is replaced by a dropdown sub menu
*/

.dropdown-item.flyout {
  position: relative;
}

.flyout-button {
  display: none;
  width: 100%;
  padding-top: var(--lds-spacing-header-flyout-button-padding-top);
  padding-bottom: var(--lds-spacing-header-flyout-button-padding-bottom);
  padding-inline-start: var(--lds-spacing-header-flyout-button-padding-left);
  padding-inline-end: var(--lds-spacing-header-flyout-button-padding-right);
  justify-content: space-between;
}

@media (min-width: 992px) {
  .flyout-button {
    display: flex;
  }
}

.flyout-button.active {
  font-weight: bold;
}

.flyout-button:focus {
  outline: 3px solid var(--lds-color-neutral-070);
}

/* In mobile only color the "deepest" flyout that is currently open */

@media (min-width: 992px) {
  .flyout-button.open {
    background-color: var(--lds-color-header-flyout-button-open-bg);
  }
}

/* Caret right icon in flyout only exists in desktop */

.lds-icon.flyout-caret {
  display: none;
  height: 20px;
  width: 20px;
}

@media (min-width: 992px) {
  .lds-icon.flyout-caret {
    display: inline;
  }
}

.flyout-button.open .lds-icon.flyout-caret {
  background-color: var(--lds-color-header-flyout-button-icon-open);
}

/* Hide flyout list in mobile */

.flyout .lds-header-dropdown-list.flyout-list {
  display: none;
  right: 0;
  left: 0;
  top: 0;
  transform: none;
}

@media (min-width: 992px) {
  .flyout .lds-header-dropdown-list.flyout-list {
    display: flex;
  }
}

.flyout .lds-header-dropdown-list.flyout-list.expanded.right {
  right: unset;
  left: 100%;
  transform: none;
}

.flyout .lds-header-dropdown-list.flyout-list.expanded.left {
  right: unset;
  left: -100%;
  transform: none;
}

/* Nested flyout lists get increased box shadow */

.flyout-list .flyout-list {
  box-shadow: var(--lds-shadow-header-nested-flyout);
}

/* Adjust nested flyouts so they appear stacked correctly if they overlap backwards */

.flyout .flyout-list {
  z-index: var(--lds-z-index-flyout-list);
}

.flyout .flyout.flyout-list {
  z-index: calc(var(--lds-z-index-flyout-list) + 1);
}

.flyout .flyout-button.active .flyout.flyout-list {
  z-index: calc(var(--lds-z-index-flyout-list) + 2);
}

/* MARK: Mobile specific styling
This only applies to the dropdown when it is inside of the top nav mobile panel
*/

.header-mobile .top-nav-item.dropdown .header-dropdown-mobile .menu-button,
.header-dropdown-mobile .menu-button {
  background-color: var(--lds-color-header-dropdown-btn-expanded-bg-mobile);
  justify-content: flex-start;
  gap: .5rem;
}

.header-dropdown-mobile .lds-icon.dropdown-close-arrow {
  display: inline;
  background-color: var(--lds-color-dropdown-expanded-arrow);
  height: var(--lds-spacing-dropdown-close-arrow-size);
  width: var(--lds-spacing-dropdown-close-arrow-size);
}

.lds-icon.dropdown-close-arrow {
  display: none;
}

.header-mobile .top-nav-item.dropdown,
.header-mobile .top-nav-item.dropdown .menu-button {
  width: 100%;
}

.header-mobile .top-nav-item.dropdown .menu-button {
  padding: var(--lds-spacing-top-nav-item-padding-mobile);
  justify-content: space-between;
}

.header-mobile .lds-icon.inline.dropdown-arrow {
  transform: rotate(-90deg);
  height: 1.5rem;
  width: 1.5rem;
}

.header-mobile .dropdown .dropdown-item {
  width: 100%;
}

.header-mobile .dropdown .dropdown-item a {
  padding: var(--lds-spacing-top-nav-item-padding-mobile);
}

.dropdown-item.active > a {
  font-weight: bold;
}

.header-mobile .dropdown .dropdown-item.active > a {
  border-inline-start: 3px solid #D52B1E;
}

/* dropdown list when expanded */

.header-mobile .lds-header-dropdown-list:not(.mobile) {
  transform: none;
  max-height: 0;
  display: none;
}

.header-dropdown-mobile .lds-mobile-dropdown-list {
  position: static;
  width: 100%;
  transform: none;
  box-shadow: none;
  padding: 0;
  max-width: 100%;
}

/* MARK: Desktop Styling
*/

.top-nav-item.dropdown {
  position: relative;
}

.will-rotate {
  transition: var(--lds-animation-duration-short);
}

.top-nav-item.dropdown .dropdown-arrow {
  margin-inline-start: var(--lds-spacing-header-dropdown-arrow-margin-left);
  margin-top: var(--lds-spacing-header-dropdown-arrow-margin-top)
}

.top-nav-item.dropdown.expanded .dropdown-arrow {
  transform: rotate(180deg);
}

.top-nav-item.dropdown .menu-button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/* MARK: Dropdown Menu
*/

.lds-header-dropdown-list {
  position: absolute;
  top: 100%;
  right: 50%;

  visibility: hidden;
  opacity: 0;
  transition: all var(--lds-animation-duration-medium);
  transform: translate(50%, .5rem);

  background: var(--lds-color-header-dropdown-bg);
  color: var(--lds-color-header-dropdown-fg);

  border-radius: var(--lds-radius-header-dropdown-list);
  box-shadow: var(--lds-shadow-header-dropdown-list);

  display: flex;
  width: var(--lds-spacing-header-dropdown-list-width);
  min-width: var(--lds-spacing-header-dropdown-list-width);
  max-width: var(--lds-spacing-header-dropdown-list-width);
  padding-top: var(--lds-spacing-header-dropdown-list-padding-top);
  padding-bottom: var(--lds-spacing-header-dropdown-list-padding-bottom);
  padding-left: var(--lds-spacing-header-dropdown-list-padding-left);
  padding-right: var(--lds-spacing-header-dropdown-list-padding-right);
  flex-direction: column;
  align-items: flex-start;
}

.lds-header-dropdown-list.expanded {
  visibility: visible;
  opacity: 1;
  transform: translateX(50%);
}

.lds-mobile-dropdown-list ul,
.lds-header-dropdown-list ul {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* MARK: Dropdown item
*/

.lds-mobile-dropdown-list .dropdown-item,
.lds-header-dropdown-list .dropdown-item {
  width: 100%;
  list-style-type: none;
  font-weight: normal;
}

.lds-header-dropdown-list .dropdown-item:hover {
  background-color: var(--lds-color-header-dropdown-item-hover-bg);
}

.lds-mobile-dropdown-list .dropdown-item.active .menu-button,
.lds-header-dropdown-list .dropdown-item.active .menu-button {
  font-weight: bold;
}

.lds-mobile-dropdown-list .dropdown-item a,
.lds-header-dropdown-list .dropdown-item a {
  width: 100%;
  height: 100%;
  display: inline-block;
  color: inherit;
  text-decoration: none;

  padding-top: var(--lds-spacing-header-dropdown-item-padding-top);
  padding-bottom: var(--lds-spacing-header-dropdown-item-padding-bottom);
  padding-left: var(--lds-spacing-header-dropdown-item-padding-left);
  padding-right: var(--lds-spacing-header-dropdown-item-padding-right);
}

.lds-mobile-dropdown-list .dropdown-item a:focus,
.lds-header-dropdown-list .dropdown-item a:focus {
  outline: 3px solid var(--lds-color-neutral-070);
  outline-offset: -3px;
}

.lds-header-dropdown-list .dropdown-icon {
  margin-inline-end: var(--lds-spacing-header-dropdown-item-icon-margin-right);
}

/* MARK: RTL Support
 */

[dir="rtl"] .header-dropdown-mobile .lds-icon.caret-left.dropdown-close-arrow {
  transform: rotate(180deg);
}

/* li container */

.top-nav-item.link {
  width: 100%;
  display: flex;
}

/* anchor in the li */

.top-nav-link {
  text-decoration: none;
  padding: var(--lds-spacing-top-nav-item-padding-mobile);
  width: 100%;
}

@media (min-width: 992px) {
  .top-nav-item.link {
    width: unset;
  }

  .top-nav-link {
    padding: 0;
    width: unset;
  }
}

/*
  MARK: Backdrop
*/

.lds-header-mega-menu-backdrop,
.mega-menu-wrapper,
.mega-menu-section {
  display: none;
}

@media (min-width: 992px) {
  .lds-header-mega-menu-backdrop,
  .mega-menu-wrapper,
  .mega-menu-section {
    display: grid;
  }
}

.lds-header-mega-menu-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(33, 33, 33, 0.60);

  opacity: 0;
  visibility: hidden;
  max-height: 0;
  transition: opacity 300ms;
  z-index: var(--lds-z-index-mm-backdrop);
}

.lds-header-mega-menu-backdrop.expanded {
  opacity: 1;
  visibility: visible;
  max-height: unset;
}

/*
  MARK: Menu Content
*/

.mega-menu-wrapper {
  position: fixed;
  left: 0;
  right: 0;
  grid-template-rows: 0fr;
  z-index: var(--lds-z-index-mm);
  transition: grid-template-rows 300ms;
}

.mega-menu-wrapper.expanded {
  grid-template-rows: 1fr;
}

.mega-menu-expandible {
  overflow: hidden;
}

.mega-menu-wrapper.expanded .mega-menu-expandible {
  overflow-y: auto;
  border-top: 1px solid var(--lds-color-mm-border-top);
  background-color: var(--lds-color-mm-bg);
  border-bottom-left-radius: var(--lds-radius-mm);
  border-bottom-right-radius: var(--lds-radius-mm);
}

.mega-menu-content {
  background-color: var(--lds-color-mm-bg);
  padding-top: var(--lds-spacing-mm-padding-top);
  padding-inline-end: var(--lds-spacing-mm-padding-right);
  padding-bottom: var(--lds-spacing-mm-padding-bottom);
  padding-inline-start: var(--lds-spacing-mm-padding-left);
  border-bottom-left-radius: var(--lds-radius-mm);
  border-bottom-right-radius: var(--lds-radius-mm);
}

.mega-menu-heading {
  font-size: var(--lds-typography-mm-heading-font-size);
  font-weight: var(--lds-typography-mm-heading-font-weight);
  margin-bottom: 1rem;
}

/* MARK: Divider
*/

.mega-menu-divider {
  display: none;
}

@media (min-width: 992px) {
  .mega-menu-divider {
    display: block;
    margin-bottom: 1rem;
  }
}

/*
  MARK: Section
  Sections only display in desktop
*/

.mega-menu-section {
  display: none;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

@media (min-width: 992px) {
  .mega-menu-section {
    display: block;
  }

  .mega-menu-section-mobile {
    display: none;
  }
}

.mega-menu-section .subsection-heading {
  font-size: var(--lds-typography-mm-sub-section-heading-font-size);
  font-weight: var(--lds-typography-mm-sub-section-heading-font-weight);
  margin-bottom: var(--lds-spacing-mm-sub-section-heading-margin-bottom);
}

/*
  MARK: Column
  In mobile columns do not appear and instead mobile submenu is used.
*/

.mega-menu-column {
  display: none;
}

@media (min-width: 992px) {
  .mega-menu-column {
    display: flex;
  }

  .mega-menu-column ul {
    width: 100%;
  }
}

/*
  MARK: Item
*/

@media (min-width: 992px) {
  .mega-menu-item {
    list-style-type: none;
    font-weight: var(--lds-typography-font-weight-regular);
  }

  .mega-menu-item.column-label {
    margin-bottom: 1rem;
  }

  .mega-menu-item.column-label,
  .mega-menu-item.column-label a,
  .mega-menu-item.column-label a:visited {
    font-weight: bold;
  }

  .mega-menu-item.column-label.mm-col-padding,
  .mega-menu-item.column-label a {
    padding-inline-start: var(--lds-spacing-mm-item-col-pd-left);
    padding-inline-end: var(--lds-spacing-mm-item-col-pd-right);
    padding-bottom: 0;
    font-weight: bold;
    padding-top: 0;
  }

  /* Column labels underline only when they are links */
  .mega-menu-item.column-label a,
  .mega-menu-item.column-label a:visited {
    color: var(--lds-typography-color);
    text-decoration: underline;
  }

  .mega-menu-item.dropdown-item a,
  .mega-menu-item.dropdown-item a:visited {
    padding-inline-start: var(--lds-spacing-mm-item-col-pd-left);
    padding-inline-end: var(--lds-spacing-mm-item-col-pd-right);
    padding-top: var(--lds-spacing-mm-item-col-pd-top);
    padding-bottom: var(--lds-spacing-mm-item-col-pd-bottom);
  }

  .mega-menu-item.dropdown-item a:hover {
    background-color: var(--lds-color-mm-item-hover-bg);
  }

  .mega-menu-item a,
  .mega-menu-item a:visited {
    color: var(--lds-typography-color);
    text-decoration: none;
    display: inline-block;
    width: 100%;
    line-height: 24px;
  }

  .mega-menu-item a:focus,
  .mega-menu-item.column-label a:focus {
    outline: 3px solid var(--lds-color-neutral-070);
    border-radius: 4px;
  }
}

/*
  MARK: Mobile Submenu button
  Submenu button is used to open the mobile sub menu and only displays in mobile
*/

.mobile-submenu-button {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: var(--lds-spacing-top-nav-item-padding-mobile);
  position: relative;
  font-weight: var(--lds-typography-font-weight-regular);
}

.mobile-submenu-button:focus {
  outline: 3px solid var(--lds-color-neutral-070);
  outline-offset: -3px;
}

.mobile-submenu-button.active {
  font-weight: bold;
}

.mobile-submenu-button.open.red-bg {
  background-color: var(--lds-color-header-flyout-button-open-bg);
}

/* Button caret */

.mobile-submenu-button .lds-icon.mobile-submenu-caret {
  display: inline;
  width: 24px;
  height: 24px;
}

.mobile-submenu-button.open > .mobile-submenu-caret {
  rotate: 180deg;
  background-color: var(--lds-color-header-flyout-button-icon-open);
}

@media (min-width: 992px) {
  .mobile-submenu-button {
    display: none;
  }
}

/*
  MARK: Mobile submenu
  Mobile sub-menu only exists in mobile viewports.
  In desktop viewports, the sub-menu is a flyout menu.
 */

.mobile-submenu {
  position: relative;

  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--lds-animation-duration-medium) var(--lds-animation-timing-func-standard);
}

@media (min-width: 992px) {
  .mobile-submenu {
    display: none;
  }
}

.inner-expandable {
  overflow: hidden;
}

.mobile-submenu.expanded {
  grid-template-rows: 1fr;
}

.mobile-submenu.expanded.red-bg {
  background-color: var(--lds-color-header-mobile-submenu-bg);
}

/* MARK: Level 1 nesting
  A mobile menu link or a sub menu inside of a sub menu
*/

.header-mobile .dropdown .mobile-submenu .dropdown-item a,
.mobile-submenu .mobile-submenu-button  {
  padding-inline-start: var(--lds-spacing-header-mobile-nested-flyout-padding-left-level-1);
  padding-inline-end: var(--lds-spacing-header-mobile-nested-flyout-padding-right);
  padding-top: var(--lds-spacing-header-mobile-nested-flyout-padding-top);
  padding-bottom: var(--lds-spacing-header-mobile-nested-flyout-padding-bottom);
}

/* MARK: Level 2 nesting
  - MAX nesting allowed
  Mobile menu link or sub menu underneath two parent sub menus
*/

.header-mobile .dropdown .mobile-submenu .mobile-submenu .dropdown-item a,
.mobile-submenu .mobile-submenu .dropdown-item a,
.mobile-submenu .mobile-submenu .mobile-submenu-button {
  padding-inline-start: var(--lds-spacing-header-mobile-nested-flyout-padding-left-level-2);
  padding-inline-end: var(--lds-spacing-header-mobile-nested-flyout-padding-right);
  padding-top: var(--lds-spacing-header-mobile-nested-flyout-padding-top);
  padding-bottom: var(--lds-spacing-header-mobile-nested-flyout-padding-bottom);
}

.top-nav-item {
  position: relative;
}

.top-nav-item.active {
  font-weight: bold;
}

@media (min-width: 992px) {
  .top-nav-item .menu-button::after {
    content: ' ';
    opacity: 0;

    position: absolute;
    height: var(--lds-spacing-top-nav-item-bottom-bar-height);
    width: calc(
      100%
      - var(--lds-spacing-top-nav-menu-button-padding-left)
      - var(--lds-spacing-top-nav-menu-button-padding-right)
    );
    left: var(--lds-spacing-top-nav-menu-button-padding-left);
    top: calc(100% - var(--lds-spacing-top-nav-item-bottom-bar-height));
    background-color: var(--lds-color-top-nav-item-border-bottom-hover);

    transform: translateY(-.5rem) scaleX(.9);
    transition: opacity var(--lds-animation-duration-short), transform var(--lds-animation-duration-short);
  }

  .top-nav-item .menu-button:hover::after,
  .top-nav-item.expanded .menu-button::after {
    opacity: 1;
    transform: translateY(0) scaleX(1);
  }
}

.top-nav-item .menu-button {
  position: relative;
  border-radius: var(--lds-radius-top-nav-item-button);
  text-align: start;
}

.top-nav-item .menu-button:focus {
    outline: 3px solid var(--lds-color-neutral-070);
    outline-offset: -3px;
  }

@media (min-width: 992px) {
  .top-nav-item .menu-button:focus {
    outline-offset: -8px;
    border-radius: 10px;
  }
}

.header-mobile-panel-bar {
  border-bottom: 1px solid var(--lds-color-neutral-020);
  background: var(--lds-color-white);
}

/* Update in ux-lds */

.lds-header-toggle {
  padding: 0;
}

@media (min-width: 992px) {
  .header-mobile {
    display: none;
  }
}

/* Mobile utility menu is an entirely separate group of elements from the desktop version */

.lds-header-utility-mobile,
.lds-header-utility-menu-mobile {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.lds-header-utility-menu-item-mobile {
  /* Individual nav item */
  list-style-type: none;
  color: var(--lds-color-utility-menu-text-fg);
  font-size: var(--lds-typography-utility-menu-mobile-font-size);
  font-style: normal;
  font-weight: var(--lds-typography-utility-menu-mobile-font-weight);
  line-height: var(--lds-typography-utility-menu-mobile-line-height);
}

.lds-header-utility-menu-item-mobile .lds-header-menu-item-content.selector {
  /* uses margin here as to not affect width of selectors */
  margin: var(--lds-spacing-utility-menu-item-mobile-padding);
}

/* between 768 and 992 the contact and language selectors have a max width on their buttons */

@media (min-width: 768px) {
  .lds-header-utility-menu-item-mobile .lds-header-menu-item-content.selector .lds-contact-lilly-toggle {
    max-width: 224px;
  }
}

.lds-header-utility-menu-item-mobile
  > .lds-header-menu-item-content .lds-header-menu-item-link a:not(.lds-dropdown-item-link),
.lds-header-utility-menu-item-mobile .lds-dropdown-button.utility-menu-dropdown {
  padding: var(--lds-spacing-utility-menu-item-mobile-padding);
  width: 100%;
  display: inline-block;
}

.lds-header-utility-menu-item-mobile .lds-dropdown-button.lds-language-select {
  width: 100%;
}

.lds-header-utility-menu-item-mobile
  > .lds-header-menu-item-content .lds-header-menu-item-link a:focus,
.lds-dropdown-button.utility-menu-dropdown:focus,
.utility-menu-dropdown .lds-dropdown-item-button:focus {
  outline: 3px solid var(--lds-color-neutral-070);
  outline-offset: -3px;
  outline-color: var(--lds-color-focus) !important;
}

.lds-header-utility-menu-item-mobile a,
.lds-header-utility-menu-item-mobile button {
  color: var(--lds-color-utility-menu-text-fg);
  text-decoration: none;
}

@media (max-width: 991.98px) {
  .utility-logo {
    padding: 2rem;
  }

  .lds-header-utility-logo {
    width: var(--lds-spacing-utility-menu-logo-width-mobile);
    height: var(--lds-spacing-utility-menu-logo-height-mobile);
  }
}

@media (min-width: 992px) {
  .lds-header-utility-mobile {
    display: none;
  }
}

@media (min-width: 768px) {
  .lds-header-utility-menu-item-mobile .lds-language-select {
    max-width: 100%;
  }
}

/* MARK: Mobile Dropdown
  (Modified LdsDropdown)
*/

@media (max-width: 991px) {
  /* Dropdown opener button */
  .lds-header-utility-menu-item-mobile > .lds-header-menu-item-content .lds-header-menu-item-link button.lds-dropdown-button,
  .lds-dropdown-button.utility-menu-dropdown {
    padding: var(--lds-spacing-utility-menu-item-mobile-padding);
    text-align: start;
    display: flex;
    justify-content: space-between;
  }
  /* Dropdown icon */
  .lds-dropdown-button.utility-menu-dropdown .lds-icon.caret-down.inline.lds-dropdown-expand-icon {
    margin: 0;
  }
  .lds-dropdown-button.utility-menu-dropdown.open .lds-icon.caret-down.inline.lds-dropdown-expand-icon {
    background-color: var(--lds-color-dropdown-expanded-arrow);
  }

  /* Dropdown container */
  .lds-dropdown.utility-menu-dropdown {
    position: static;
    box-shadow: none;
  }
  .lds-dropdown-button.utility-menu-dropdown.open,
  .utility-menu-dropdown .lds-dropdown-item-button,
  .utility-menu-dropdown .lds-dropdown-item-link {
    background-color: var(--lds-color-header-mobile-submenu-bg);
    padding-inline-start: var(--lds-spacing-utility-menu-dropdown-nested-item-padding-left);
  }

  /* dropdown items */
  .utility-menu-dropdown .lds-dropdown-item:first-child,
  .utility-menu-dropdown .lds-dropdown-item:last-child,
  .utility-menu-dropdown .lds-dropdown-item-button,
  .utility-menu-dropdown .lds-dropdown-item-link {
    border-radius: 0;
  }
}

/* MARK: CL & LS
*/

/* In the header mobile force the CL & LS to open to the right */

@media (min-width: 768px) and (max-width: 991.9px) {
  .header-mobile .lds-contact-lilly-dropdown.lds-dropdown,
  .header-mobile .lds-contact-lilly-dropdown.lds-dropdown.left,
  .header-mobile .lds-language-select-wrapper .lds-dropdown,
  .header-mobile .lds-language-select-wrapper .lds-dropdown.left {
    inset-inline-start: 0;
    right: unset;
  }
}

/*
  Desktop utility menu styling only.
  Mobile utility menu is an entirely separate group of elements from the desktop version
*/

.lds-header-utility {
  display: none;
}

@media (min-width: 992px) {
  .lds-header-utility {
    /* Main wrapper for utility nav */

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    align-self: stretch;
  }

  .lds-header-utility-menu {
    /* Menu wrapper utility nav */

    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    gap: var(--lds-spacing-utility-menu-item-gap);
    flex-wrap: nowrap;

    background-color: var(--lds-color-utility-menu-bg);
    color: var(--lds-color-utility-menu-text-fg);
    padding-top: var(--lds-spacing-utility-menu-padding-top);
    padding-bottom: var(--lds-spacing-utility-menu-padding-bottom);
    padding-inline-start: var(--lds-spacing-utility-menu-padding-left);
    padding-inline-end: var(--lds-spacing-utility-menu-padding-right);
    border-end-start-radius: var(--lds-radius-utility-menu-bottom-left);
    border-end-end-radius: var(--lds-radius-utility-menu-bottom-right);
  }

  .lds-header-utility-logo {
    /* Styling applied directly to svg */
    display: flex;
    width: var(--lds-spacing-utility-menu-logo-width);
    height: var(--lds-spacing-utility-menu-logo-height);
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .utility-logo {
    /* Logo svg container */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .utility-content {
    /* Wrapper for links and selectors */
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
  }

  .utility-links {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--lds-spacing-utility-menu-links-gap);
  }

  /* MARK: Selectors
  */
  .utility-selectors {
    /* contact lilly and language selector. This is different from other dropdowns */
    display: flex;
    align-items: center;
    gap: var(--lds-spacing-utility-menu-selectors-gap);
    margin-inline-start: var(--lds-spacing-utility-menu-selectors-margin-left);
  }

  .selectors-divider {
    min-height: var(--lds-spacing-utility-divider-height);
    width: var(--lds-spacing-utility-divider-width);
    min-width: var(--lds-spacing-utility-divider-width);
    background-color: var(--lds-color-utility-divider);
    margin-inline-end: var(--lds-spacing-utility-divider-margin-right);
  }

  /* Prevent dropdowns & search from wrapping text */
  .utility-selectors .utility-button,
  .utility-selectors .lds-dropdown-button {
    display: flex;
    align-items: center;
    white-space: nowrap;
    border: none;
    background: inherit;
    padding: var(--lds-spacing-utility-menu-selector-padding) !important;
    border-radius: var(--lds-radius-utility-menu-selector);
    font-size: var(--lds-typography-small-font-size);
    font-weight: var(--lds-typography-font-weight-regular);
    line-height: var(--lds-typography-small-line-height) !important;
  }

  .utility-selectors .utility-button .lds-icon,
  .utility-selectors .lds-dropdown-button .lds-icon {
    margin-top: 0;
  }

  .utility-selectors .utility-button .lds-icon:not(.lds-dropdown-expand-icon),
  .utility-selectors .lds-dropdown-button .lds-icon:not(.lds-dropdown-expand-icon) {
    height: var(--lds-spacing-utility-menu-selector-icon-size);
    width: var(--lds-spacing-utility-menu-selector-icon-size);
  }

  .utility-selectors .utility-button:focus,
  .utility-selectors .lds-dropdown-button:focus {
    outline-width: var(--lds-border-focus-outline-width);
    outline-style: var(--lds-border-focus-outline-style);
    outline-color: var(--lds-color-neutral-070);
    background-color: inherit;
    box-shadow: none;
    border: none;
  }

  .utility-selectors .utility-button:hover,
  .utility-selectors .lds-dropdown-button:hover,
  .utility-selectors .lds-dropdown-button.open {
    background-color: var(--lds-color-stone-020);
    box-shadow: none;
  }

  .lds-header-utility-menu-item {
    /* Individual nav item */
    list-style-type: none;
    color: var(--lds-color-utility-menu-text-fg);
    font-size: var(--lds-typography-utility-menu-font-size);
    font-style: normal;
    font-weight: var(--lds-typography-utility-menu-font-weight);
    line-height: var(--lds-typography-utility-menu-line-height);

    padding-top: var(--lds-spacing-utility-menu-item-padding-top);
    padding-right: var(--lds-spacing-utility-menu-item-padding-right);
    padding-bottom: var(--lds-spacing-utility-menu-item-padding-bottom);
    padding-left: var(--lds-spacing-utility-menu-item-padding-left);
  }

  .lds-header-utility-menu-item .lds-contact-lilly-toggle,
  .lds-header-utility-menu-item .lds-language-select {
    font-size: var(--lds-typography-utility-menu-font-size);
    line-height: var(--lds-typography-utility-menu-line-height);
    border-width: var(--lds-border-utility-menu-width);
  }

  /* Reset link styling in utility menu */
  .lds-header-utility-menu-item a {
    color: var(--lds-color-utility-menu-text-fg);
    text-decoration: none;
  }

  .lds-dropdown-button.utility-menu-dropdown.open,
  .lds-dropdown-button.utility-menu-dropdown:hover,
  .lds-header-utility-menu-item a:not(.lds-dropdown-item-link):hover  {
    text-decoration: underline;
    text-underline-offset: 3px;
    outline: 0;
    border: 0;
  }
  .lds-dropdown-button.utility-menu-dropdown:focus,
  .lds-header-utility-menu-item .lds-header-menu-item-link a:not(.lds-dropdown-item-link):focus  {
    text-decoration: underline;
    text-underline-offset: 3px;
    border-radius: var(--lds-radius-xsmall);

    outline-color: var(--lds-color-focus);
    outline-width: 2px;
    outline-offset: 4px;
    outline-style: solid;
  }

  /* Dropdown */
  .lds-dropdown-wrapper.utility-menu-dropdown,
  .utility-menu-dropdown {
    display: inline-block;
  }

  .lds-dropdown.utility-menu-dropdown {
    top: calc(var(--lds-spacing-utility-menu-padding-bottom) + var(--lds-spacing-dropdown-top));
    min-width: 176px;
    max-width: 240px;
  }
}

@media (min-width: 992px) and (max-width: 999px) {
  /* Between 992 and 1200px we hide some text and show only icons */
  .sso-utility-text {
    display: none;
  }

  .sso-user-icon.before {
    margin-inline-end: 0 !important;
  }
}

/*
  1. drop "or register" text at 1200
  2. Drop "search" and use iso code at 1120
  3. Drop all text at 1050 for side nav
*/

@media (min-width: 1000px) and (max-width: 1200px) {
  .utility-register-text, /* hides signed-out register text */
  .utility-or-text, /* hides signed-out or text */
  .lds-header-utility-menu.side-nav-utility .utility-signed-in-text { /* hides signed-in name text */
    display: none;
  }
}

/* MARK: Responsive adjustments
*/

/*
  Hide search text, and LS long text at 1120
*/

@media (min-width: 992px) and (max-width: 1120px) {
  .lds-header-utility-menu .search-utility-text, /* hides search text */
  .lds-header-utility-menu .ls-full-text { /* hides LS long text */
    display: none;
  }

  .lds-header-utility-menu .ls-short-text { /* shows LS short text */
    display: inline;
  }
}

/* At 1050 drop "sign in"
Side nav only - drop "contact us", and chevrons */

@media (min-width: 992px) and (max-width: 1050px) {
  .sso-utility-text, /* hides all sso text */
  .lds-header-utility-menu.side-nav-utility .cl-btn-text, /* hides contact lilly text */
  .lds-header-utility-menu.side-nav-utility .lds-icon.caret-down.inline.lds-dropdown-expand-icon {
    display: none;
  }
  .lds-header-utility-menu.side-nav-utility .lds-icon.cl-btn-icon {
    margin-inline-end: 0;
  }
}

.utility-selectors .lds-language-select-dd-label {
  max-width: calc(100% - 1rem);
}

.lds-header-mega-menu-backdrop.sso-modal,
.mega-menu-wrapper.sso-modal {
  display: grid;
}

.utility-nav-sso {
  white-space: nowrap; /* design says this should never wrap */
}

.utility-nav-sso,
.sso-signed-out,
.sso-signed-in {
  display: flex;
  align-items: center;

  font-size: var(--lds-typography-sso-font-size);
  font-weight: var(--lds-typography-sso-font-weight);
  line-height: var(--lds-typography-sso-line-height);
}

.sso-signed-out,
.sso-signed-in {
  display: inline-block;
  border-radius: 8px;
}

.sso-signed-out a:focus {
  outline-color: var(--lds-color-focus);
  outline-width: var(--lds-border-focus-outline-width);
  outline-offset: var(--lds-border-focus-outline-offset);
}

.sso-signed-out.hidden,
.sso-signed-in.hidden {
  display: none;
}

.sso-signed-out-icon.lds-icon.inline {
  height: var(--lds-spacing-sso-icon-size);
  width: var(--lds-spacing-sso-icon-size);
  min-width: var(--lds-spacing-sso-icon-size);
  margin-inline-end: var(--lds-spacing-sign-in-text-ml);
}

.sso-user-icon {
  width: var(--lds-spacing-sso-icon-size);
  height: var(--lds-spacing-sso-icon-size);

}

.sso-user-icon.before {
  margin-inline-end: var(--lds-spacing-sso-icon-margin);
}

.sso-user-icon.after {
  margin-inline-start: var(--lds-spacing-sso-icon-margin);
}

.sso-divider {
  min-height: var(--lds-spacing-sso-divider-height);
  width: var(--lds-spacing-sso-divider-width);
  min-width: var(--lds-spacing-sso-divider-width);
  background-color: var(--lds-color-sso-divider);
  margin: var(--lds-spacing-sso-divider-margin);
}

/* MARK: SSO Dropdown (desktop)
*/

.lds-dropdown.sso-dropdown {
  position: fixed;
  /* Top is set programatically */
  left: unset;
  right: var(--lds-spacing-utility-menu-padding-right);
  min-width: var(--lds-spacing-sso-dropdown-min-width);
  max-width: var(--lds-spacing-sso-dropdown-max-width);

  border-top-right-radius: 0;
  border-top-left-radius: 0;
  overflow: hidden;
}

/* MARK: Dropdown content
*/

.sso-user-wrapper {
  display: flex;
  padding: var(--lds-spacing-sso-modal-padding);
}

.sso-modal-user-icon {
  width: var(--lds-spacing-sso-modal-user-icon-size);
  height: var(--lds-spacing-sso-modal-user-icon-size);
}

.sso-user-info {
  padding-left: var(--lds-spacing-sso-user-info-padding-left);
  /* white-space: break-spaces; */ /* This property causes a ton of issues in LIT */
  word-break: break-all;
}

.sso-full-name {
  display: block;
  font-size: var(--lds-typography-sso-full-name-font-size);
  font-weight: var(--lds-typography-sso-full-name-font-weight);
  line-height: var(--lds-typography-sso-full-name-line-height);
}

.sso-email {
  display: block;
  color: var(--lds-typography-sso-email-color);
  font-size: var(--lds-typography-sso-email-font-size);
  font-weight: var(--lds-typography-sso-email-font-weight);
  line-height: var(--lds-typography-sso-email-line-height);
}

.lds-link.sso-my-profile-link {
  display: block;
  font-size: var(--lds-typography-sso-profile-font-size);
  font-weight: var(--lds-typography-sso-profile-font-weight);
  line-height: var(--lds-typography-sso-profile-line-height);
}

.sso-sign-out-btn {
  display: flex;
  width: 100%;
  justify-content: center;
  color: var(--lds-typography-sso-sign-out-color);
  font-size: var(--lds-typography-sso-sign-out-font-size);
  font-weight: var(--lds-typography-sso-sign-out-font-weight);
  line-height: var(--lds-typography-sso-sign-out-line-height);
  padding: var(--lds-spacing-sso-sign-out-padding);
}

.user-info-divider-wrapper {
  margin-left: var(--lds-spacing-sso-modal-padding);
  margin-right: var(--lds-spacing-sso-modal-padding);
}

/* MARK: SSO Modal (mobile)
*/

@media(min-width: 992px) {
  .sso-modal {
    display: none;
  }

  .mobile-sso-sign-in,
  .mobile-sso-sign-out {
    display: none;
  }
}

/*
  MARK: Utility Nav Search Btn
 */

.utility-nav-search {
  font-size: var(--lds-typography-utility-menu-font-size);
}

.search-utility-text {
  margin-inline-end: 2px;
}

.utility-nav-search > button .lds-icon.magnifying-glass {
  height: var(--lds-spacing-header-search-button-icon-height);
  width: var(--lds-spacing-header-search-button-icon-width);
  margin-inline-end: .25rem;
}

.search-btn.compact .lds-icon.magnifying-glass {
  margin: 0;
}

/*
  MARK: Search Modal & Input
 */

.mega-menu-wrapper.search-modal .mega-menu-expandible {
  overflow-y: hidden; /* Fixes scrollbar flash upon opening */
}

.lds-header-mega-menu-backdrop.search-modal,
.mega-menu-wrapper.search-modal {
  display: grid;
}

.search-menu-content {
  padding-top: var(--lds-spacing-search-menu-content-pd-top-mobile);
  padding-bottom: var(--lds-spacing-search-menu-content-pd-bottom-mobile);
  padding-inline-start: var(--lds-spacing-search-menu-content-pd-left-mobile);
  padding-inline-end: var(--lds-spacing-search-menu-content-pd-right-mobile);
  overflow: hidden;
  max-height: 100%;
}

@media (min-width: 992px) {
  .search-menu-content {
    padding-top: var(--lds-spacing-search-menu-content-pd-top);
    padding-bottom: var(--lds-spacing-search-menu-content-pd-bottom);
    padding-inline-start: var(--lds-spacing-search-menu-content-pd-left);
    padding-inline-end: var(--lds-spacing-search-menu-content-pd-right);
  }
}

.search-controls {
  width: 100%;
  display: flex;
  gap: 8px;
  align-items: center;
}

.search-input-wrapper {
  display: flex;
  flex: 1;
  position: relative;
}

.search-input-wrapper .clear-button {
  position: absolute;
  top: 12px;
  inset-inline-end: 8px;
  border-radius: 4px;
}

.search-input-wrapper .clear-button:focus {
  outline-width: var(--lds-border-focus-outline-width);
  outline-style: var(--lds-border-focus-outline-style);
  outline-color: var(--lds-color-neutral-070);
}

.search-input {
  border: none;
  outline: none;
  display: inline-flex;
  flex: 1;
  resize: none;
  padding-top: var(--lds-spacing-search-input-pd-top);
  padding-inline-end: var(--lds-spacing-search-input-pd-right);
  padding-bottom: var(--lds-spacing-search-input-pd-bottom);
  padding-inline-start: var(--lds-spacing-search-input-pd-left);
  font-size: var(--lds-typography-header-search-input-font-size);
  line-height: var(--lds-typography-header-search-input-line-height);
  border-radius: var(--lds-radius-search-input);
  max-height: 4.5rem;
}

.search-input:focus,
.search-input.active {
  outline-width: var(--lds-border-focus-outline-width);
  outline-style: var(--lds-border-focus-outline-style);
  outline-color: var(--lds-color-neutral-070);
}

/* Hidden input is used to track the scroll width of the
  actual input so we can control its rows
 */

.search-input.hidden-input {
  position: absolute;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
  width: 100%;
}

.lds-button.search-submit {
  display: flex;
  width: var(--lds-spacing-search-submit-btn-width);
  height: var(--lds-spacing-search-submit-btn-height);
  padding: .75rem;
  justify-content: center;
  align-items: center;
}

.search-divider {
  margin-bottom: 1rem;
}

.search-results {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-inline-start: 0;
  padding-inline-end: 0;
}

.search-results-scroll-container {
  overflow-y: auto;
}

@media (min-width: 992px) {
  .search-results-scroll-container {
    max-height: 500px;
  }
}

/*
  MARK: Search Results List
*/

.search-result {
  list-style-type: none;
  width: 100%;
}

.search-anchor,
.search-anchor:visited {
  text-decoration: none;
  color: var(--lds-color-font);
  display: flex;
  padding: var(--lds-spacing-search-anchor-padding);
  border-radius: var(--lds-radius-search-anchor);
  width: 100%;
  text-align: start;
}

.search-anchor:focus,
.search-anchor.active {
  outline-width: var(--lds-border-focus-outline-width);
  outline-style: var(--lds-border-focus-outline-style);
  outline-color: var(--lds-color-neutral-070);
  outline-offset: -4px;
}

.search-anchor:hover {
  background-color: var(--lds-color-search-result-hover);
}

.lds-icon.inline.search-icon {
  margin-top: 3px;
  margin-inline-end: 1rem;
}

.search-details {
  display: flex;
  flex-direction: column;
}

.search-title {
  margin-bottom: 1rem;
}

.search-no-results-msg {
  display: flex;
  flex-direction: column;
  word-wrap: break-word;
}

.no-results-text {
  margin-bottom: 1rem;
}

.another-search-text {
  color: var(--lds-color-neutral-070);
}

.loading-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* MARK: RTL Support
 */

[dir="rtl"] .lds-icon.inline.search-icon.arrow-right {
  transform: rotate(180deg);
}

.lds-hero-v1 {
  position: relative;
  overflow: hidden;
}

.lds-hero-v1 .lds-hero-image {
  position: absolute;
  width: 100%;
  height: 100%;
}

.lds-hero-v1 .lds-hero-image-fallback {
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  object-fit: cover;
}

.lds-hero-v1 .lds-hero-body,
.lds-hero-v1 .lds-hero-scroll {
  position: relative;
}

.lds-hero-v1 .lds-hero-body {
  min-height: var(--lds-spacing-hero-v1-body-height-min-mobile);
  text-align: center;
}

.lds-hero-v1.use-scroll-button .lds-hero-body {
  min-height: var(--lds-spacing-hero-v1-body-height-min-mobile-scroll-button)
}

@media (min-width: 768px) {
  .lds-hero-v1 .lds-hero-body {
    min-height: var(--lds-spacing-hero-v1-body-height-min-desktop);
  }

  .lds-hero-v1.use-scroll-button .lds-hero-body {
    min-height: var(--lds-spacing-hero-v1-body-height-min-desktop-scroll-button)
  }
}

.lds-hero-v1.center .lds-hero-body {
  text-align: center;
}

.lds-hero-v1.left .lds-hero-body {
  text-align: left;
}

.lds-hero-v1.right .lds-hero-body {
  text-align: right;
}

.lds-hero-v1 .lds-hero-scroll {
  margin-bottom: var(--lds-spacing-hero-v1-scroll-btn-margin-bottom);
  font-weight: var(--lds-typography-hero-v1-scroll-btn-font-weight);
  text-align: center;
}

.lds-hero-v1 .lds-hero-scroll .lds-button.lds-hero-scroll-button {
  height: var(--lds-spacing-hero-v1-scroll-btn-height);
  padding: var(--lds-spacing-hero-v1-scroll-btn-padding);
  font-size: var(--lds-typography-hero-v1-scroll-btn-font-size);
  font-weight: var(--lds-typography-hero-v1-scroll-btn-font-weight);
}

.lds-hero-v1 .lds-hero-scroll .lds-button.lds-hero-scroll-button span.lds-hero-scroll-button-label {
  display: block;
  text-align: center;
}

.lds-hero-v1 .lds-hero-scroll .lds-button.lds-hero-scroll-button span.lds-hero-scroll-button-icon {
  display: inline-block;
  width: var(--lds-spacing-hero-v1-scroll-btn-icon-height);
  height: var(--lds-spacing-hero-v1-scroll-btn-icon-width);
  margin-top: var(--lds-spacing-v1-hero-scroll-btn-icon-margin-top);
}

.lds-hero {
  display: block;
}

.lds-hero .wrapper,
.lds-hero .row
{
  height: 100%;
}

/* ** IMAGE ** */

.lds-hero-image-container-col {
  margin-bottom: var(--lds-spacing-hero-image-column-margin-bottom-xs);
}

.lds-hero-image-wrapper {
  text-align: center;
}

.lds-hero-image-wrapper.align-left {
  text-align: left;
}

.lds-hero-image-wrapper.align-right {
  text-align: right;
}

.lds-hero-image-wrapper.contain,
.lds-hero-image-wrapper.cover,
.lds-hero-image-wrapper.fill {
  height: 100%;
  width: 100%;
  border-radius: var(--lds-radius-hero-image-medium);
}

.lds-hero-image {
  max-width: 100%;
  max-height: 100%;
  border-radius: var(--lds-radius-hero-image-medium);
  background-position: center center;
  background-repeat: no-repeat;
}

.lds-hero-image-wrapper.radius-none,
.lds-hero-image-wrapper.radius-none .lds-hero-image {
  border-radius: 0;
}

.lds-hero-image-wrapper.radius-small,
.lds-hero-image-wrapper.radius-small .lds-hero-image {
  border-radius: var(--lds-radius-hero-image-small);
}

.lds-hero-image-wrapper.radius-medium,
.lds-hero-image-wrapper.radius-medium .lds-hero-image {
  border-radius: var(--lds-radius-hero-image-medium);
}

.lds-hero-image-wrapper.radius-large,
.lds-hero-image-wrapper.radius-large .lds-hero-image {
  border-radius: var(--lds-radius-hero-image-large);
}

.lds-hero-image-wrapper.contain .lds-hero-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background-size: contain;
}

.lds-hero-image-wrapper.cover .lds-hero-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-size: cover;
}

.lds-hero-image-wrapper.fill .lds-hero-image {
  width: 100%;
  height: 100%;
  object-fit: fill;
  background-size: cover;
}

.lds-hero-image-wrapper.align-bottom .lds-hero-image {
  background-position: bottom center;
}

.lds-hero-image-wrapper.align-top .lds-hero-image {
  background-position: top center;
}

.lds-hero-image-wrapper.align-left .lds-hero-image {
  background-position: center left;
}

.lds-hero-image-wrapper.align-left.align-top .lds-hero-image {
  background-position: top left;
}

.lds-hero-image-wrapper.align-left.align-bottom .lds-hero-image {
  background-position: bottom left;
}

.lds-hero-image-wrapper.align-right .lds-hero-image {
  background-position: center right;
}

.lds-hero-image-wrapper.align-right.align-top .lds-hero-image {
  background-position: top right;
}

.lds-hero-image-wrapper.align-right.align-bottom .lds-hero-image {
  background-position: bottom right;
}

/* ** CONTENT ** */

.lds-hero-content-wrapper h1:last-child,
.lds-hero-content-wrapper h2:last-child,
.lds-hero-content-wrapper h3:last-child,
.lds-hero-content-wrapper h4:last-child,
.lds-hero-content-wrapper h5:last-child,
.lds-hero-content-wrapper h6:last-child,
.lds-hero-content-wrapper p:last-child,
.lds-hero-content-wrapper ul:last-child,
.lds-hero-content-wrapper ol:last-child {
  margin-bottom: 0;
}

/* ** RESPONSIVE OVERRIDES ** */

@media (min-width: 576px) {
  .lds-hero-image-container-col {
    margin-bottom: var(--lds-spacing-hero-image-column-margin-bottom-sm);
  }
}

@media (min-width: 768px) {
  .lds-hero-image-container-col {
    margin-bottom: var(--lds-spacing-hero-image-column-margin-bottom-md);
  }
}

@media (min-width: 992px) {
  .lds-hero-image-container-col {
    margin-bottom: var(--lds-spacing-hero-image-column-margin-bottom-lg);
  }

  .lds-hero-image-container-col.split-img-left,
  .lds-hero-image-container-col.split-img-right {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .lds-hero-image-container-col {
    margin-bottom: var(--lds-spacing-hero-image-column-margin-bottom-xl);
  }

  .lds-hero-image-container-col.split-img-left,
  .lds-hero-image-container-col.split-img-right {
    margin-bottom: 0;
  }
}

@media (min-width: 1400px) {
  .lds-hero-image-container-col {
    margin-bottom: var(--lds-spacing-hero-image-column-margin-bottom-xxl);
  }

  .lds-hero-image-container-col.split-img-left,
  .lds-hero-image-container-col.split-img-right {
    margin-bottom: 0;
  }
}

.lds-divider:not(.secondary),
.lds-divider.primary {
  height: var(--lds-spacing-hr-primary-height);
  width: var(--lds-spacing-hr-primary-width);

  margin-top: var(--lds-spacing-hr-primary-margin-top);
  margin-right: var(--lds-spacing-hr-primary-margin-right);
  margin-bottom: var(--lds-spacing-hr-primary-margin-bottom);
  margin-left: var(--lds-spacing-hr-primary-margin-left);
  opacity: var(--lds-color-hr-primary-opacity);

  /* Reset all borders */
  border-color: var(--lds-color-transparent);
  border-style: none;
  border-width: 0;

  /* Style only the top border */
  border-top-color: var(--lds-color-hr-primary-border-top);
  border-top-width: var(--lds-border-hr-primary-top-width);
  border-top-style: var(--lds-border-hr-primary-top-style);
  border-radius: var(--lds-border-hr-primary-radius);
}

.lds-divider.secondary {
  height: var(--lds-spacing-hr-secondary-height);
  width: var(--lds-spacing-hr-secondary-width);

  margin-top: var(--lds-spacing-hr-secondary-margin-top);
  margin-right: var(--lds-spacing-hr-secondary-margin-right);
  margin-bottom: var(--lds-spacing-hr-secondary-margin-bottom);
  margin-left: var(--lds-spacing-hr-secondary-margin-left);
  opacity: var(--lds-color-hr-secondary-opacity);

  /* Style only the top border */
  border-top-color: var(--lds-color-hr-secondary-border-top);
  border-top-width: var(--lds-border-hr-secondary-top-width);
  border-top-style: var(--lds-border-hr-secondary-top-style);
  border-radius: var(--lds-border-hr-secondary-radius);
}

@media (min-width: 768px) {
  .lds-divider:not(.secondary).vertical {
    width: var(--lds-spacing-vr-primary-width);
    height: var(--lds-spacing-vr-primary-height);

    margin-top: var(--lds-spacing-vr-primary-margin-top);
    margin-right: var(--lds-spacing-vr-primary-margin-right);
    margin-bottom: var(--lds-spacing-vr-primary-margin-bottom);
    margin-left: var(--lds-spacing-vr-primary-margin-left);
    opacity: var(--lds-color-vr-primary-opacity);

    /* Style only the right border */
    border-right-color: var(--lds-color-vr-primary-border-right);
    border-right-width: var(--lds-border-vr-primary-right-width);
    border-right-style: var(--lds-border-vr-primary-right-style);
    border-radius: var(--lds-border-vr-primary-radius);
  }

  .lds-divider.secondary.vertical {
    width: var(--lds-spacing-vr-secondary-width);
    height: var(--lds-spacing-vr-secondary-height);
    border-radius: var(--lds-border-vr-secondary-radius);

    margin-top: var(--lds-spacing-vr-secondary-margin-top);
    margin-right: var(--lds-spacing-vr-secondary-margin-right);
    margin-bottom: var(--lds-spacing-vr-secondary-margin-bottom);
    margin-left: var(--lds-spacing-vr-secondary-margin-left);
    opacity: var(--lds-color-vr-secondary-opacity);

    /* Style only the right border */
    border-right-color: var(--lds-color-vr-secondary-border-right);
    border-right-width: var(--lds-border-vr-secondary-right-width);
    border-right-style: var(--lds-border-vr-secondary-right-style);
  }
}

.lds-dropdown-wrapper {
  position: relative;
  display: inline-block;
  width: var(--lds-spacing-dropdown-wrapper-width);
}

.lds-dropdown-button:focus {
  outline-color: var(--lds-color-dropdown-button-focus-outline);
  outline-offset: var(--lds-border-dropdown-button-focus-outline-offset);
  outline-style: var(--lds-border-dropdown-button-focus-outline-style);
  outline-width: var(--lds-border-dropdown-button-focus-outline-width);
}

.lds-dropdown {
  position: absolute;
  top: var(--lds-spacing-dropdown-top);
  left: var(--lds-spacing-dropdown-left);
  right: var(--lds-spacing-dropdown-right);

  box-shadow: var(--lds-shadow-dropdown);
  border-radius: var(--lds-radius-dropdown);
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--lds-animation-duration-medium) var(--lds-animation-timing-func-standard);
  background-color: var(--lds-color-dropdown-bg);
  z-index: var(--lds-z-index-dropdown);
}

.lds-dropdown.open {
  grid-template-rows: 1fr;
}

.lds-dropdown.left {
  width: inherit;
  right: 0%;
  inset-inline-start: auto;
}

.dropdown-inner-expandable {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.lds-dropdown.open.transition-end .dropdown-inner-expandable {
  overflow: auto;
}

/* MARK: Expand icon
*/

.lds-dropdown-expand-icon.lds-icon.inline {
  margin-inline-start: var(--lds-spacing-dropdown-expand-icon-margin-left);
}

.icon-only .lds-dropdown-expand-icon.lds-icon.inline {
  margin-inline-start: 0;
}

.icon-rotate .lds-dropdown-expand-icon.lds-icon.inline {
  transition: var(--lds-animation-duration-medium);
}

.lds-dropdown-button.icon-rotate.open .lds-dropdown-expand-icon {
  transform: rotate(180deg);
}

/* MARK: Dropdown Item
*/

.lds-dropdown-item {
  width: 100%;
  padding: var(--lds-spacing-dropdown-item-padding);
  color: var(--lds-color-dropdown-item-fg);
  background-color: var(--lds-color-dropdown-item-bg);
}

.lds-dropdown-item:first-child {
  border-top-left-radius: var(--lds-radius-dropdown);
  border-top-right-radius: var(--lds-radius-dropdown);
}

.lds-dropdown-item:last-child {
  border-bottom-left-radius: var(--lds-radius-dropdown);
  border-bottom-right-radius: var(--lds-radius-dropdown);
}

.lds-dropdown-item:hover {
  background-color: var(--lds-color-dropdown-item-hover);
}

a.lds-dropdown-item:hover,
button.lds-dropdown-item:hover {
  cursor: pointer;
}

.lds-dropdown-item:focus {
  outline-color: var(--lds-color-dropdown-item-focus-outline);
  outline-offset: var(--lds-border-dropdown-item-focus-outline-offset);
  outline-style: var(--lds-border-dropdown-item-focus-outline-style);
  outline-width: var(--lds-border-dropdown-item-focus-outline-width);
}

.lds-dropdown-item-link {
  text-decoration: none;
}

.lds-dropdown-item-button {
  text-align: start;
}

.lds-icon {
  display: block;
  width: 100%;
  height: 100%;
  mask-repeat: no-repeat;
  background-color: var(--lds-color-icon-default);
  margin: var(--lds-spacing-icon-margin-top) var(--lds-spacing-icon-margin-right) var(--lds-spacing-icon-margin-bottom) var(--lds-spacing-icon-margin-left);
}

.lds-icon.inline {
  display: inline-block;
  width: var(--lds-spacing-icon-inline-width);
  min-width: var(--lds-spacing-icon-inline-width);
  height: var(--lds-spacing-icon-inline-height);
  vertical-align: middle;
  margin-top: var(--lds-spacing-icon-inline-margin-top);
  background-color: currentColor;
}

/* TODO: Determine if these styles are needed or not */

.lds-icon.inline.button-icon {
  height: var(--lds-spacing-button-subcomponent-icon-height);
  width: var(--lds-spacing-button-subcomponent-icon-width);
  margin-top: var(--lds-spacing-button-subcomponent-icon-margin-top);
}

.lds-icon.inline.button-icon.after {
  margin-inline-start: var(--lds-spacing-button-subcomponent-icon-margin-between);
}

.lds-icon.inline.button-icon.before {
  margin-inline-end: var(--lds-spacing-button-subcomponent-icon-margin-between);
}

.lds-icon.archive {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M224%2C48H32A16%2C16%2C0%2C0%2C0%2C16%2C64V88a16%2C16%2C0%2C0%2C0%2C16%2C16v88a16%2C16%2C0%2C0%2C0%2C16%2C16H208a16%2C16%2C0%2C0%2C0%2C16-16V104a16%2C16%2C0%2C0%2C0%2C16-16V64A16%2C16%2C0%2C0%2C0%2C224%2C48ZM208%2C192H48V104H208ZM224%2C88H32V64H224V88ZM96%2C136a8%2C8%2C0%2C0%2C1%2C8-8h48a8%2C8%2C0%2C0%2C1%2C0%2C16H104A8%2C8%2C0%2C0%2C1%2C96%2C136Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.arrow-clockwise-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M240%2C56v48a8%2C8%2C0%2C0%2C1-8%2C8H184a8%2C8%2C0%2C0%2C1-5.66-13.66l17-17-10.55-9.65-.25-.24a80%2C80%2C0%2C1%2C0-1.67%2C114.78%2C8%2C8%2C0%2C0%2C1%2C11%2C11.63A95.44%2C95.44%2C0%2C0%2C1%2C128%2C224h-1.32A96%2C96%2C0%2C1%2C1%2C195.75%2C60l10.93%2C10L226.34%2C50.3A8%2C8%2C0%2C0%2C1%2C240%2C56Z%22%2F%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.arrow-counter-clockwise-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M224%2C128a96%2C96%2C0%2C0%2C1-94.71%2C96H128A95.38%2C95.38%2C0%2C0%2C1%2C62.1%2C197.8a8%2C8%2C0%2C0%2C1%2C11-11.63A80%2C80%2C0%2C1%2C0%2C71.43%2C71.39a3.07%2C3.07%2C0%2C0%2C1-.26.25L60.63%2C81.29l17%2C17A8%2C8%2C0%2C0%2C1%2C72%2C112H24a8%2C8%2C0%2C0%2C1-8-8V56A8%2C8%2C0%2C0%2C1%2C29.66%2C50.3L49.31%2C70%2C60.25%2C60A96%2C96%2C0%2C0%2C1%2C224%2C128Z%22%2F%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.arrow-down {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M205.66%2C149.66l-72%2C72a8%2C8%2C0%2C0%2C1-11.32%2C0l-72-72a8%2C8%2C0%2C0%2C1%2C11.32-11.32L120%2C196.69V40a8%2C8%2C0%2C0%2C1%2C16%2C0V196.69l58.34-58.35a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.arrow-left {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M224%2C128a8%2C8%2C0%2C0%2C1-8%2C8H59.31l58.35%2C58.34a8%2C8%2C0%2C0%2C1-11.32%2C11.32l-72-72a8%2C8%2C0%2C0%2C1%2C0-11.32l72-72a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32L59.31%2C120H216A8%2C8%2C0%2C0%2C1%2C224%2C128Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.arrow-right {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M221.66%2C133.66l-72%2C72a8%2C8%2C0%2C0%2C1-11.32-11.32L196.69%2C136H40a8%2C8%2C0%2C0%2C1%2C0-16H196.69L138.34%2C61.66a8%2C8%2C0%2C0%2C1%2C11.32-11.32l72%2C72A8%2C8%2C0%2C0%2C1%2C221.66%2C133.66Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.arrow-square-out {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M224%2C104a8%2C8%2C0%2C0%2C1-16%2C0V59.32l-66.33%2C66.34a8%2C8%2C0%2C0%2C1-11.32-11.32L196.68%2C48H152a8%2C8%2C0%2C0%2C1%2C0-16h64a8%2C8%2C0%2C0%2C1%2C8%2C8Zm-40%2C24a8%2C8%2C0%2C0%2C0-8%2C8v72H48V80h72a8%2C8%2C0%2C0%2C0%2C0-16H48A16%2C16%2C0%2C0%2C0%2C32%2C80V208a16%2C16%2C0%2C0%2C0%2C16%2C16H176a16%2C16%2C0%2C0%2C0%2C16-16V136A8%2C8%2C0%2C0%2C0%2C184%2C128Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.arrow-u-up-left {
  mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20256%20256%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m232%20144a64.07%2064.07%200%200%201%20-64%2064h-88a8%208%200%200%201%200-16h88a48%2048%200%200%200%200-96h-116.69l34.35%2034.34a8%208%200%200%201%20-11.32%2011.32l-48-48a8%208%200%200%201%200-11.32l48-48a8%208%200%200%201%2011.32%2011.32l-34.35%2034.34h116.69a64.07%2064.07%200%200%201%2064%2064z%22%2F%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.arrow-up-bold {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M208.49%2C120.49a12%2C12%2C0%2C0%2C1-17%2C0L140%2C69V216a12%2C12%2C0%2C0%2C1-24%2C0V69L64.49%2C120.49a12%2C12%2C0%2C0%2C1-17-17l72-72a12%2C12%2C0%2C0%2C1%2C17%2C0l72%2C72A12%2C12%2C0%2C0%2C1%2C208.49%2C120.49Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.arrow-up {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M205.66%2C117.66a8%2C8%2C0%2C0%2C1-11.32%2C0L136%2C59.31V216a8%2C8%2C0%2C0%2C1-16%2C0V59.31L61.66%2C117.66a8%2C8%2C0%2C0%2C1-11.32-11.32l72-72a8%2C8%2C0%2C0%2C1%2C11.32%2C0l72%2C72A8%2C8%2C0%2C0%2C1%2C205.66%2C117.66Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.arrows-clockwise-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M224%2C48V96a8%2C8%2C0%2C0%2C1-8%2C8H168a8%2C8%2C0%2C0%2C1-5.66-13.66l20.58-20.58C169.92%2C58.85%2C151.17%2C48%2C128%2C48%2C91.73%2C48%2C69.87%2C69.44%2C69.66%2C69.66A8%2C8%2C0%2C0%2C1%2C58.34%2C58.34C59.42%2C57.27%2C85.18%2C32%2C128%2C32c23.36%2C0%2C46.13%2C9.1%2C66.28%2C26.41l16.06-16.07A8%2C8%2C0%2C0%2C1%2C224%2C48ZM186.34%2C186.34c-.21.22-22.07%2C21.66-58.34%2C21.66-23.17%2C0-41.92-10.85-54.92-21.76l20.58-20.58A8%2C8%2C0%2C0%2C0%2C88%2C152H40a8%2C8%2C0%2C0%2C0-8%2C8v48a8%2C8%2C0%2C0%2C0%2C13.66%2C5.66l16.06-16.07C81.87%2C214.9%2C104.64%2C224%2C128%2C224c42.82%2C0%2C68.58-25.27%2C69.66-26.34a8%2C8%2C0%2C0%2C0-11.32-11.32Z%22%2F%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.arrows-counter-clockwise-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M88%2C104H40a8%2C8%2C0%2C0%2C1-8-8V48a8%2C8%2C0%2C0%2C1%2C13.66-5.66L61.72%2C58.41C81.87%2C41.1%2C104.64%2C32%2C128%2C32c42.82%2C0%2C68.58%2C25.27%2C69.66%2C26.34a8%2C8%2C0%2C0%2C1-11.3%2C11.34C186.13%2C69.44%2C164%2C48%2C128%2C48c-23.17%2C0-41.92%2C10.85-54.92%2C21.76L93.66%2C90.34A8%2C8%2C0%2C0%2C1%2C88%2C104Zm128%2C48H168a8%2C8%2C0%2C0%2C0-5.66%2C13.66l20.58%2C20.58C169.92%2C197.15%2C151.17%2C208%2C128%2C208c-35.84%2C0-58-21.32-58.36-21.67a8%2C8%2C0%2C0%2C0-11.3%2C11.33C59.42%2C198.73%2C85.18%2C224%2C128%2C224c23.36%2C0%2C46.13-9.1%2C66.28-26.41l16.06%2C16.07A8%2C8%2C0%2C0%2C0%2C224%2C208V160A8%2C8%2C0%2C0%2C0%2C216%2C152Z%22%2F%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.arrows-counter-clockwise {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22none%22%2F%3E%3Cpolyline%20points%3D%2288%2096%2040%2096%2040%2048%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2216%22%2F%3E%3Cpath%20d%3D%22M40%2C96%2C68.28%2C67.72A88%2C88%2C0%2C0%2C1%2C192%2C67%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2216%22%2F%3E%3Cpolyline%20points%3D%22168%20160%20216%20160%20216%20208%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2216%22%2F%3E%3Cpath%20d%3D%22M216%2C160l-28.28%2C28.28A88%2C88%2C0%2C0%2C1%2C64%2C189%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2216%22%2F%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.arrows-down-up {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M117.66%2C170.34a8%2C8%2C0%2C0%2C1%2C0%2C11.32l-32%2C32a8%2C8%2C0%2C0%2C1-11.32%2C0l-32-32a8%2C8%2C0%2C0%2C1%2C11.32-11.32L72%2C188.69V48a8%2C8%2C0%2C0%2C1%2C16%2C0V188.69l18.34-18.35A8%2C8%2C0%2C0%2C1%2C117.66%2C170.34Zm96-96-32-32a8%2C8%2C0%2C0%2C0-11.32%2C0l-32%2C32a8%2C8%2C0%2C0%2C0%2C11.32%2C11.32L168%2C67.31V208a8%2C8%2C0%2C0%2C0%2C16%2C0V67.31l18.34%2C18.35a8%2C8%2C0%2C0%2C0%2C11.32-11.32Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.arrows-in-simple {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M213.66%2C53.66%2C163.31%2C104H192a8%2C8%2C0%2C0%2C1%2C0%2C16H144a8%2C8%2C0%2C0%2C1-8-8V64a8%2C8%2C0%2C0%2C1%2C16%2C0V92.69l50.34-50.35a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32ZM112%2C136H64a8%2C8%2C0%2C0%2C0%2C0%2C16H92.69L42.34%2C202.34a8%2C8%2C0%2C0%2C0%2C11.32%2C11.32L104%2C163.31V192a8%2C8%2C0%2C0%2C0%2C16%2C0V144A8%2C8%2C0%2C0%2C0%2C112%2C136Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.arrows-left-right {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M213.66%2C181.66l-32%2C32a8%2C8%2C0%2C0%2C1-11.32-11.32L188.69%2C184H48a8%2C8%2C0%2C0%2C1%2C0-16H188.69l-18.35-18.34a8%2C8%2C0%2C0%2C1%2C11.32-11.32l32%2C32A8%2C8%2C0%2C0%2C1%2C213.66%2C181.66Zm-139.32-64a8%2C8%2C0%2C0%2C0%2C11.32-11.32L67.31%2C88H208a8%2C8%2C0%2C0%2C0%2C0-16H67.31L85.66%2C53.66A8%2C8%2C0%2C0%2C0%2C74.34%2C42.34l-32%2C32a8%2C8%2C0%2C0%2C0%2C0%2C11.32Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.arrows-out-simple {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M216%2C48V96a8%2C8%2C0%2C0%2C1-16%2C0V67.31l-50.34%2C50.35a8%2C8%2C0%2C0%2C1-11.32-11.32L188.69%2C56H160a8%2C8%2C0%2C0%2C1%2C0-16h48A8%2C8%2C0%2C0%2C1%2C216%2C48ZM106.34%2C138.34%2C56%2C188.69V160a8%2C8%2C0%2C0%2C0-16%2C0v48a8%2C8%2C0%2C0%2C0%2C8%2C8H96a8%2C8%2C0%2C0%2C0%2C0-16H67.31l50.35-50.34a8%2C8%2C0%2C0%2C0-11.32-11.32Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.bed {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M216%2C72H32V48a8%2C8%2C0%2C0%2C0-16%2C0V208a8%2C8%2C0%2C0%2C0%2C16%2C0V176H240v32a8%2C8%2C0%2C0%2C0%2C16%2C0V112A40%2C40%2C0%2C0%2C0%2C216%2C72ZM32%2C88h72v72H32Zm88%2C72V88h96a24%2C24%2C0%2C0%2C1%2C24%2C24v48Z%22%2F%3E%3C%2Fsvg%3E");
}

.lds-icon.bell-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M221.8%2C175.94C216.25%2C166.38%2C208%2C139.33%2C208%2C104a80%2C80%2C0%2C1%2C0-160%2C0c0%2C35.34-8.26%2C62.38-13.81%2C71.94A16%2C16%2C0%2C0%2C0%2C48%2C200H88.81a40%2C40%2C0%2C0%2C0%2C78.38%2C0H208a16%2C16%2C0%2C0%2C0%2C13.8-24.06ZM128%2C216a24%2C24%2C0%2C0%2C1-22.62-16h45.24A24%2C24%2C0%2C0%2C1%2C128%2C216Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.biohazard {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M185.68%2C104.28q-1.4-2.88-3.06-5.6a60%2C60%2C0%2C0%2C0-26.92-78%2C8%2C8%2C0%2C0%2C0-7.4%2C14.19A44%2C44%2C0%2C0%2C1%2C170.72%2C84.4a63.85%2C63.85%2C0%2C0%2C0-85.46%2C0A44%2C44%2C0%2C0%2C1%2C107.7%2C34.87a8%2C8%2C0%2C1%2C0-7.4-14.19%2C60%2C60%2C0%2C0%2C0-26.93%2C78%2C62.59%2C62.59%2C0%2C0%2C0-3.05%2C5.58A60.07%2C60.07%2C0%2C0%2C0%2C16%2C164a8%2C8%2C0%2C0%2C0%2C16%2C0%2C44.09%2C44.09%2C0%2C0%2C1%2C32.89-42.58A63.94%2C63.94%2C0%2C0%2C0%2C109%2C193.11a44%2C44%2C0%2C0%2C1-56.65%2C8%2C8%2C8%2C0%2C1%2C0-8.62%2C13.47A60%2C60%2C0%2C0%2C0%2C126.74%2C196l1.26%2C0%2C1.26%2C0a60%2C60%2C0%2C0%2C0%2C83.05%2C18.59%2C8%2C8%2C0%2C1%2C0-8.62-13.47%2C44%2C44%2C0%2C0%2C1-56.65-8%2C63.94%2C63.94%2C0%2C0%2C0%2C44.07-71.69A44.09%2C44.09%2C0%2C0%2C1%2C224%2C164a8%2C8%2C0%2C0%2C0%2C16%2C0A60.07%2C60.07%2C0%2C0%2C0%2C185.68%2C104.28ZM128%2C84a47.91%2C47.91%2C0%2C0%2C1%2C35.56%2C15.79%2C44%2C44%2C0%2C0%2C1-71.13%2C0A47.89%2C47.89%2C0%2C0%2C1%2C128%2C84Zm.12%2C49.92-.12.2-.12-.2h.24ZM80%2C132a47.6%2C47.6%2C0%2C0%2C1%2C1.44-11.65%2C44%2C44%2C0%2C0%2C1%2C36%2C58.46A48.07%2C48.07%2C0%2C0%2C1%2C80%2C132Zm58.57%2C46.81a44%2C44%2C0%2C0%2C1%2C36-58.46%2C48%2C48%2C0%2C0%2C1-36%2C58.46Z%22%2F%3E%3C%2Fsvg%3E");
}

.lds-icon.bookmark-simple-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M184%2C32H72A16%2C16%2C0%2C0%2C0%2C56%2C48V224a8%2C8%2C0%2C0%2C0%2C12.24%2C6.78L128%2C193.43l59.77%2C37.35A8%2C8%2C0%2C0%2C0%2C200%2C224V48A16%2C16%2C0%2C0%2C0%2C184%2C32Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.bookmark-simple {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M184%2C32H72A16%2C16%2C0%2C0%2C0%2C56%2C48V224a8%2C8%2C0%2C0%2C0%2C12.24%2C6.78L128%2C193.43l59.77%2C37.35A8%2C8%2C0%2C0%2C0%2C200%2C224V48A16%2C16%2C0%2C0%2C0%2C184%2C32Zm0%2C177.57-51.77-32.35a8%2C8%2C0%2C0%2C0-8.48%2C0L72%2C209.57V48H184Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.calendar-blank-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23000000%22%20viewBox%3D%220%200%20256%20256%22%20data-darkreader-inline-fill%3D%22%22%20style%3D%22--darkreader-inline-fill%3A%20%23000000%3B%22%3E%3Cpath%20d%3D%22M208%2C32H184V24a8%2C8%2C0%2C0%2C0-16%2C0v8H88V24a8%2C8%2C0%2C0%2C0-16%2C0v8H48A16%2C16%2C0%2C0%2C0%2C32%2C48V208a16%2C16%2C0%2C0%2C0%2C16%2C16H208a16%2C16%2C0%2C0%2C0%2C16-16V48A16%2C16%2C0%2C0%2C0%2C208%2C32Zm0%2C48H48V48H72v8a8%2C8%2C0%2C0%2C0%2C16%2C0V48h80v8a8%2C8%2C0%2C0%2C0%2C16%2C0V48h24Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.calendar-blank {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M208%2C32H184V24a8%2C8%2C0%2C0%2C0-16%2C0v8H88V24a8%2C8%2C0%2C0%2C0-16%2C0v8H48A16%2C16%2C0%2C0%2C0%2C32%2C48V208a16%2C16%2C0%2C0%2C0%2C16%2C16H208a16%2C16%2C0%2C0%2C0%2C16-16V48A16%2C16%2C0%2C0%2C0%2C208%2C32ZM72%2C48v8a8%2C8%2C0%2C0%2C0%2C16%2C0V48h80v8a8%2C8%2C0%2C0%2C0%2C16%2C0V48h24V80H48V48ZM208%2C208H48V96H208V208Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.caret-circle-down-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24Zm45.66%2C93.66-40%2C40a8%2C8%2C0%2C0%2C1-11.32%2C0l-40-40a8%2C8%2C0%2C0%2C1%2C11.32-11.32L128%2C140.69l34.34-34.35a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.caret-circle-down {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24Zm0%2C192a88%2C88%2C0%2C1%2C1%2C88-88A88.1%2C88.1%2C0%2C0%2C1%2C128%2C216Zm45.66-109.66a8%2C8%2C0%2C0%2C1%2C0%2C11.32l-40%2C40a8%2C8%2C0%2C0%2C1-11.32%2C0l-40-40a8%2C8%2C0%2C0%2C1%2C11.32-11.32L128%2C140.69l34.34-34.35A8%2C8%2C0%2C0%2C1%2C173.66%2C106.34Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.caret-circle-up-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24Zm45.66%2C125.66a8%2C8%2C0%2C0%2C1-11.32%2C0L128%2C115.31%2C93.66%2C149.66a8%2C8%2C0%2C0%2C1-11.32-11.32l40-40a8%2C8%2C0%2C0%2C1%2C11.32%2C0l40%2C40A8%2C8%2C0%2C0%2C1%2C173.66%2C149.66Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.caret-circle-up {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24Zm0%2C192a88%2C88%2C0%2C1%2C1%2C88-88A88.1%2C88.1%2C0%2C0%2C1%2C128%2C216Zm45.66-77.66a8%2C8%2C0%2C0%2C1-11.32%2C11.32L128%2C115.31%2C93.66%2C149.66a8%2C8%2C0%2C0%2C1-11.32-11.32l40-40a8%2C8%2C0%2C0%2C1%2C11.32%2C0Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.caret-down-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M213.66%2C101.66l-80%2C80a8%2C8%2C0%2C0%2C1-11.32%2C0l-80-80A8%2C8%2C0%2C0%2C1%2C48%2C88H208a8%2C8%2C0%2C0%2C1%2C5.66%2C13.66Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.caret-down {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M213.66%2C101.66l-80%2C80a8%2C8%2C0%2C0%2C1-11.32%2C0l-80-80A8%2C8%2C0%2C0%2C1%2C53.66%2C90.34L128%2C164.69l74.34-74.35a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.caret-left {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M165.66%2C202.34a8%2C8%2C0%2C0%2C1-11.32%2C11.32l-80-80a8%2C8%2C0%2C0%2C1%2C0-11.32l80-80a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32L91.31%2C128Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.caret-right {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M181.66%2C133.66l-80%2C80a8%2C8%2C0%2C0%2C1-11.32-11.32L164.69%2C128%2C90.34%2C53.66a8%2C8%2C0%2C0%2C1%2C11.32-11.32l80%2C80A8%2C8%2C0%2C0%2C1%2C181.66%2C133.66Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.caret-up-down-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M183.39%2C172.94a8%2C8%2C0%2C0%2C1-1.73%2C8.72l-48%2C48a8%2C8%2C0%2C0%2C1-11.32%2C0l-48-48A8%2C8%2C0%2C0%2C1%2C80%2C168h96A8%2C8%2C0%2C0%2C1%2C183.39%2C172.94ZM80%2C88h96a8%2C8%2C0%2C0%2C0%2C5.66-13.66l-48-48a8%2C8%2C0%2C0%2C0-11.32%2C0l-48%2C48A8%2C8%2C0%2C0%2C0%2C80%2C88Z%22%2F%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.caret-up-down {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M181.66%2C170.34a8%2C8%2C0%2C0%2C1%2C0%2C11.32l-48%2C48a8%2C8%2C0%2C0%2C1-11.32%2C0l-48-48a8%2C8%2C0%2C0%2C1%2C11.32-11.32L128%2C212.69l42.34-42.35A8%2C8%2C0%2C0%2C1%2C181.66%2C170.34Zm-96-84.68L128%2C43.31l42.34%2C42.35a8%2C8%2C0%2C0%2C0%2C11.32-11.32l-48-48a8%2C8%2C0%2C0%2C0-11.32%2C0l-48%2C48A8%2C8%2C0%2C0%2C0%2C85.66%2C85.66Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.caret-up-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M215.39%2C163.06A8%2C8%2C0%2C0%2C1%2C208%2C168H48a8%2C8%2C0%2C0%2C1-5.66-13.66l80-80a8%2C8%2C0%2C0%2C1%2C11.32%2C0l80%2C80A8%2C8%2C0%2C0%2C1%2C215.39%2C163.06Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.caret-up {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M213.66%2C165.66a8%2C8%2C0%2C0%2C1-11.32%2C0L128%2C91.31%2C53.66%2C165.66a8%2C8%2C0%2C0%2C1-11.32-11.32l80-80a8%2C8%2C0%2C0%2C1%2C11.32%2C0l80%2C80A8%2C8%2C0%2C0%2C1%2C213.66%2C165.66Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.chats-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M232%2C96a16%2C16%2C0%2C0%2C0-16-16H184V48a16%2C16%2C0%2C0%2C0-16-16H40A16%2C16%2C0%2C0%2C0%2C24%2C48V176a8%2C8%2C0%2C0%2C0%2C13%2C6.22L72%2C154V184a16%2C16%2C0%2C0%2C0%2C16%2C16h93.59L219%2C230.22a8%2C8%2C0%2C0%2C0%2C5%2C1.78%2C8%2C8%2C0%2C0%2C0%2C8-8Zm-42.55%2C89.78a8%2C8%2C0%2C0%2C0-5-1.78H88V152h80a16%2C16%2C0%2C0%2C0%2C16-16V96h32V207.25Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.check-circle-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24Zm45.66%2C85.66-56%2C56a8%2C8%2C0%2C0%2C1-11.32%2C0l-24-24a8%2C8%2C0%2C0%2C1%2C11.32-11.32L112%2C148.69l50.34-50.35a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.check-circle {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M173.66%2C98.34a8%2C8%2C0%2C0%2C1%2C0%2C11.32l-56%2C56a8%2C8%2C0%2C0%2C1-11.32%2C0l-24-24a8%2C8%2C0%2C0%2C1%2C11.32-11.32L112%2C148.69l50.34-50.35A8%2C8%2C0%2C0%2C1%2C173.66%2C98.34ZM232%2C128A104%2C104%2C0%2C1%2C1%2C128%2C24%2C104.11%2C104.11%2C0%2C0%2C1%2C232%2C128Zm-16%2C0a88%2C88%2C0%2C1%2C0-88%2C88A88.1%2C88.1%2C0%2C0%2C0%2C216%2C128Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.check-square {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M173.66%2C98.34a8%2C8%2C0%2C0%2C1%2C0%2C11.32l-56%2C56a8%2C8%2C0%2C0%2C1-11.32%2C0l-24-24a8%2C8%2C0%2C0%2C1%2C11.32-11.32L112%2C148.69l50.34-50.35A8%2C8%2C0%2C0%2C1%2C173.66%2C98.34ZM224%2C48V208a16%2C16%2C0%2C0%2C1-16%2C16H48a16%2C16%2C0%2C0%2C1-16-16V48A16%2C16%2C0%2C0%2C1%2C48%2C32H208A16%2C16%2C0%2C0%2C1%2C224%2C48ZM208%2C208V48H48V208H208Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.check-toggle {
  mask-image: url("data:image/svg+xml,%3Csvg%20enable-background%3D%22new%200%200%2032.1%2032.1%22%20viewBox%3D%220%200%2032.1%2032.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m24.3%208h-16.6c-4.3%200-7.7%203.5-7.7%208s3.4%208%207.7%208h16.7c4.3%200%207.7-3.5%207.7-8-.1-4.5-3.6-8-7.8-8zm-9.2%2014.6h-7.4c-3.5%200-6.4-3-6.4-6.6%200-3.7%202.8-6.6%206.4-6.6h10.8zm11.5-3.2c-.2.2-.7.2-.9%200l-2.4-2.5-2.4%202.5c-.2.2-.7.2-.9%200s-.2-.7%200-.9l2.4-2.5-2.4-2.5c-.2-.2-.2-.7%200-.9s.7-.2.9%200l2.4%202.5%202.4-2.5c.2-.2.7-.2.9%200s.2.7%200%20.9l-2.4%202.5%202.4%202.5c.2.2.2.7%200%20.9z%22%2F%3E%3Cpath%20d%3D%22m13.5%2012.7c.2.2.3.7.1.9l-4.6%205.6c-.1.1-.2.2-.3.2-.2.1-.5.1-.8-.1l-2.4-2.5c-.2-.2-.2-.7%200-.9s.7-.2.9%200l2%201.9%204.1-5.1c.2-.2.7-.2%201%200z%22%2F%3E%3C%2Fsvg%3E");
}

.lds-icon.check {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M229.66%2C77.66l-128%2C128a8%2C8%2C0%2C0%2C1-11.32%2C0l-56-56a8%2C8%2C0%2C0%2C1%2C11.32-11.32L96%2C188.69%2C218.34%2C66.34a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.checks {
  mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20256%20256%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m149.61%2085.71-89.6%2088a8%208%200%200%201%20-11.22%200l-38.4-37.71a8%208%200%201%201%2011.22-11.41l32.79%2032.2%2084-82.5a8%208%200%201%201%2011.22%2011.42zm96.1-11.32a8%208%200%200%200%20-11.32-.1l-84%2082.5-18.83-18.5a8%208%200%200%200%20-11.21%2011.42l24.43%2024a8%208%200%200%200%2011.22%200l89.6-88a8%208%200%200%200%20.11-11.32z%22%2F%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.closed-captioning {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M224%2C48H32A16%2C16%2C0%2C0%2C0%2C16%2C64V192a16%2C16%2C0%2C0%2C0%2C16%2C16H224a16%2C16%2C0%2C0%2C0%2C16-16V64A16%2C16%2C0%2C0%2C0%2C224%2C48Zm0%2C144H32V64H224V192ZM118.92%2C151.71A8%2C8%2C0%2C0%2C1%2C116%2C162.64a40%2C40%2C0%2C1%2C1%2C0-69.28%2C8%2C8%2C0%2C1%2C1-8%2C13.85%2C24%2C24%2C0%2C1%2C0%2C0%2C41.58A8%2C8%2C0%2C0%2C1%2C118.92%2C151.71Zm80%2C0A8%2C8%2C0%2C0%2C1%2C196%2C162.64a40%2C40%2C0%2C1%2C1%2C0-69.28%2C8%2C8%2C0%2C1%2C1-8%2C13.85%2C24%2C24%2C0%2C1%2C0%2C0%2C41.58A8%2C8%2C0%2C0%2C1%2C198.92%2C151.71Z%22%2F%3E%3C%2Fsvg%3E");
}

.lds-icon.code-block {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M58.34%2C101.66l-32-32a8%2C8%2C0%2C0%2C1%2C0-11.32l32-32A8%2C8%2C0%2C0%2C1%2C69.66%2C37.66L43.31%2C64%2C69.66%2C90.34a8%2C8%2C0%2C0%2C1-11.32%2C11.32Zm40%2C0a8%2C8%2C0%2C0%2C0%2C11.32%2C0l32-32a8%2C8%2C0%2C0%2C0%2C0-11.32l-32-32A8%2C8%2C0%2C0%2C0%2C98.34%2C37.66L124.69%2C64%2C98.34%2C90.34A8%2C8%2C0%2C0%2C0%2C98.34%2C101.66ZM200%2C40H176a8%2C8%2C0%2C0%2C0%2C0%2C16h24V200H56V136a8%2C8%2C0%2C0%2C0-16%2C0v64a16%2C16%2C0%2C0%2C0%2C16%2C16H200a16%2C16%2C0%2C0%2C0%2C16-16V56A16%2C16%2C0%2C0%2C0%2C200%2C40Z%22%2F%3E%3C%2Fsvg%3E");
}

.lds-icon.code {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M69.12%2C94.15%2C28.5%2C128l40.62%2C33.85a8%2C8%2C0%2C1%2C1-10.24%2C12.29l-48-40a8%2C8%2C0%2C0%2C1%2C0-12.29l48-40a8%2C8%2C0%2C0%2C1%2C10.24%2C12.3Zm176%2C27.7-48-40a8%2C8%2C0%2C1%2C0-10.24%2C12.3L227.5%2C128l-40.62%2C33.85a8%2C8%2C0%2C1%2C0%2C10.24%2C12.29l48-40a8%2C8%2C0%2C0%2C0%2C0-12.29ZM162.73%2C32.48a8%2C8%2C0%2C0%2C0-10.25%2C4.79l-64%2C176a8%2C8%2C0%2C0%2C0%2C4.79%2C10.26A8.14%2C8.14%2C0%2C0%2C0%2C96%2C224a8%2C8%2C0%2C0%2C0%2C7.52-5.27l64-176A8%2C8%2C0%2C0%2C0%2C162.73%2C32.48Z%22%2F%3E%3C%2Fsvg%3E");
}

.lds-icon.copy {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M216%2C32H88a8%2C8%2C0%2C0%2C0-8%2C8V80H40a8%2C8%2C0%2C0%2C0-8%2C8V216a8%2C8%2C0%2C0%2C0%2C8%2C8H168a8%2C8%2C0%2C0%2C0%2C8-8V176h40a8%2C8%2C0%2C0%2C0%2C8-8V40A8%2C8%2C0%2C0%2C0%2C216%2C32ZM160%2C208H48V96H160Zm48-48H176V88a8%2C8%2C0%2C0%2C0-8-8H96V48H208Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.dot {
  mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20256%20256%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m140%20128a12%2012%200%201%201%20-12-12%2012%2012%200%200%201%2012%2012z%22%2F%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.dots-three-outline-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M156%2C128a28%2C28%2C0%2C1%2C1-28-28A28%2C28%2C0%2C0%2C1%2C156%2C128ZM48%2C100a28%2C28%2C0%2C1%2C0%2C28%2C28A28%2C28%2C0%2C0%2C0%2C48%2C100Zm160%2C0a28%2C28%2C0%2C1%2C0%2C28%2C28A28%2C28%2C0%2C0%2C0%2C208%2C100Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.dots-three-outline-vertical-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M156%2C128a28%2C28%2C0%2C1%2C1-28-28A28%2C28%2C0%2C0%2C1%2C156%2C128ZM128%2C76a28%2C28%2C0%2C1%2C0-28-28A28%2C28%2C0%2C0%2C0%2C128%2C76Zm0%2C104a28%2C28%2C0%2C1%2C0%2C28%2C28A28%2C28%2C0%2C0%2C0%2C128%2C180Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.download-simple {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M224%2C152v56a16%2C16%2C0%2C0%2C1-16%2C16H48a16%2C16%2C0%2C0%2C1-16-16V152a8%2C8%2C0%2C0%2C1%2C16%2C0v56H208V152a8%2C8%2C0%2C0%2C1%2C16%2C0Zm-101.66%2C5.66a8%2C8%2C0%2C0%2C0%2C11.32%2C0l40-40a8%2C8%2C0%2C0%2C0-11.32-11.32L136%2C132.69V40a8%2C8%2C0%2C0%2C0-16%2C0v92.69L93.66%2C106.34a8%2C8%2C0%2C0%2C0-11.32%2C11.32Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.envelope-simple {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M224%2C48H32a8%2C8%2C0%2C0%2C0-8%2C8V192a16%2C16%2C0%2C0%2C0%2C16%2C16H216a16%2C16%2C0%2C0%2C0%2C16-16V56A8%2C8%2C0%2C0%2C0%2C224%2C48ZM203.43%2C64%2C128%2C133.15%2C52.57%2C64ZM216%2C192H40V74.19l82.59%2C75.71a8%2C8%2C0%2C0%2C0%2C10.82%2C0L216%2C74.19V192Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.export {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M216%2C112v96a16%2C16%2C0%2C0%2C1-16%2C16H56a16%2C16%2C0%2C0%2C1-16-16V112A16%2C16%2C0%2C0%2C1%2C56%2C96H80a8%2C8%2C0%2C0%2C1%2C0%2C16H56v96H200V112H176a8%2C8%2C0%2C0%2C1%2C0-16h24A16%2C16%2C0%2C0%2C1%2C216%2C112ZM93.66%2C69.66%2C120%2C43.31V136a8%2C8%2C0%2C0%2C0%2C16%2C0V43.31l26.34%2C26.35a8%2C8%2C0%2C0%2C0%2C11.32-11.32l-40-40a8%2C8%2C0%2C0%2C0-11.32%2C0l-40%2C40A8%2C8%2C0%2C0%2C0%2C93.66%2C69.66Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.eye-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M247.31%2C124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57%2C61.26%2C162.88%2C48%2C128%2C48S61.43%2C61.26%2C36.34%2C86.35C17.51%2C105.18%2C9%2C124%2C8.69%2C124.76a8%2C8%2C0%2C0%2C0%2C0%2C6.5c.35.79%2C8.82%2C19.57%2C27.65%2C38.4C61.43%2C194.74%2C93.12%2C208%2C128%2C208s66.57-13.26%2C91.66-38.34c18.83-18.83%2C27.3-37.61%2C27.65-38.4A8%2C8%2C0%2C0%2C0%2C247.31%2C124.76ZM128%2C168a40%2C40%2C0%2C1%2C1%2C40-40A40%2C40%2C0%2C0%2C1%2C128%2C168Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.eye-slash-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M53.92%2C34.62A8%2C8%2C0%2C1%2C0%2C42.08%2C45.38L61.32%2C66.55C25%2C88.84%2C9.38%2C123.2%2C8.69%2C124.76a8%2C8%2C0%2C0%2C0%2C0%2C6.5c.35.79%2C8.82%2C19.57%2C27.65%2C38.4C61.43%2C194.74%2C93.12%2C208%2C128%2C208a127.11%2C127.11%2C0%2C0%2C0%2C52.07-10.83l22%2C24.21a8%2C8%2C0%2C1%2C0%2C11.84-10.76Zm89%2C121.69a32%2C32%2C0%2C0%2C1-41.67-45.85Zm104.39-25.05c-.42.94-10.55%2C23.37-33.36%2C43.8a8%2C8%2C0%2C0%2C1-11.26-.57L101.4%2C63.07A8%2C8%2C0%2C0%2C1%2C106%2C49.79%2C134%2C134%2C0%2C0%2C1%2C128%2C48c34.88%2C0%2C66.57%2C13.26%2C91.66%2C38.35%2C18.83%2C18.83%2C27.3%2C37.62%2C27.65%2C38.41A8%2C8%2C0%2C0%2C1%2C247.31%2C131.26Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.face-mask {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M176%2C104a8%2C8%2C0%2C0%2C1-8%2C8H88a8%2C8%2C0%2C0%2C1%2C0-16h80A8%2C8%2C0%2C0%2C1%2C176%2C104Zm-8%2C24H88a8%2C8%2C0%2C0%2C0%2C0%2C16h80a8%2C8%2C0%2C0%2C0%2C0-16Zm88-24v24a32%2C32%2C0%2C0%2C1-32%2C32h-5.19c-7.19%2C15.8-21.79%2C29.43-43.23%2C40.16a191.16%2C191.16%2C0%2C0%2C1-46.15%2C15.71%2C7.93%2C7.93%2C0%2C0%2C1-2.86%2C0%2C191.16%2C191.16%2C0%2C0%2C1-46.15-15.71C59%2C189.43%2C44.38%2C175.8%2C37.19%2C160H32A32%2C32%2C0%2C0%2C1%2C0%2C128V104A32%2C32%2C0%2C0%2C1%2C32%2C72h.85a16%2C16%2C0%2C0%2C1%2C9.68-10l80-29.09a16.06%2C16.06%2C0%2C0%2C1%2C10.94%2C0l80%2C29.09a16%2C16%2C0%2C0%2C1%2C9.68%2C10H224A32%2C32%2C0%2C0%2C1%2C256%2C104ZM32.55%2C144a58.74%2C58.74%2C0%2C0%2C1-.55-8V88a16%2C16%2C0%2C0%2C0-16%2C16v24a16%2C16%2C0%2C0%2C0%2C16%2C16ZM208%2C136V77.09L128%2C48%2C48%2C77.09V136c0%2C45%2C69.09%2C61.52%2C80%2C63.84C138.89%2C197.52%2C208%2C181%2C208%2C136Zm32-32a16%2C16%2C0%2C0%2C0-16-16v48a58.74%2C58.74%2C0%2C0%2C1-.55%2C8H224a16%2C16%2C0%2C0%2C0%2C16-16Z%22%2F%3E%3C%2Fsvg%3E");
}

.lds-icon.files {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M213.66%2C66.34l-40-40A8%2C8%2C0%2C0%2C0%2C168%2C24H88A16%2C16%2C0%2C0%2C0%2C72%2C40V56H56A16%2C16%2C0%2C0%2C0%2C40%2C72V216a16%2C16%2C0%2C0%2C0%2C16%2C16H168a16%2C16%2C0%2C0%2C0%2C16-16V200h16a16%2C16%2C0%2C0%2C0%2C16-16V72A8%2C8%2C0%2C0%2C0%2C213.66%2C66.34ZM168%2C216H56V72h76.69L168%2C107.31v84.53c0%2C.06%2C0%2C.11%2C0%2C.16s0%2C.1%2C0%2C.16V216Zm32-32H184V104a8%2C8%2C0%2C0%2C0-2.34-5.66l-40-40A8%2C8%2C0%2C0%2C0%2C136%2C56H88V40h76.69L200%2C75.31Zm-56-32a8%2C8%2C0%2C0%2C1-8%2C8H88a8%2C8%2C0%2C0%2C1%2C0-16h48A8%2C8%2C0%2C0%2C1%2C144%2C152Zm0%2C32a8%2C8%2C0%2C0%2C1-8%2C8H88a8%2C8%2C0%2C0%2C1%2C0-16h48A8%2C8%2C0%2C0%2C1%2C144%2C184Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.floppy-disk-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M219.31%2C80%2C176%2C36.69A15.86%2C15.86%2C0%2C0%2C0%2C164.69%2C32H48A16%2C16%2C0%2C0%2C0%2C32%2C48V208a16%2C16%2C0%2C0%2C0%2C16%2C16H208a16%2C16%2C0%2C0%2C0%2C16-16V91.31A15.86%2C15.86%2C0%2C0%2C0%2C219.31%2C80ZM208%2C208H184V152a16%2C16%2C0%2C0%2C0-16-16H88a16%2C16%2C0%2C0%2C0-16%2C16v56H48V48H164.69L208%2C91.31ZM160%2C72a8%2C8%2C0%2C0%2C1-8%2C8H96a8%2C8%2C0%2C0%2C1%2C0-16h56A8%2C8%2C0%2C0%2C1%2C160%2C72Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.folder-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M216%2C72H131.31L104%2C44.69A15.88%2C15.88%2C0%2C0%2C0%2C92.69%2C40H40A16%2C16%2C0%2C0%2C0%2C24%2C56V200.62A15.41%2C15.41%2C0%2C0%2C0%2C39.39%2C216h177.5A15.13%2C15.13%2C0%2C0%2C0%2C232%2C200.89V88A16%2C16%2C0%2C0%2C0%2C216%2C72ZM40%2C56H92.69l16%2C16H40Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.folder {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M216%2C72H131.31L104%2C44.69A15.86%2C15.86%2C0%2C0%2C0%2C92.69%2C40H40A16%2C16%2C0%2C0%2C0%2C24%2C56V200.62A15.4%2C15.4%2C0%2C0%2C0%2C39.38%2C216H216.89A15.13%2C15.13%2C0%2C0%2C0%2C232%2C200.89V88A16%2C16%2C0%2C0%2C0%2C216%2C72ZM40%2C56H92.69l16%2C16H40ZM216%2C200H40V88H216Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.funnel-simple {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M200%2C128a8%2C8%2C0%2C0%2C1-8%2C8H64a8%2C8%2C0%2C0%2C1%2C0-16H192A8%2C8%2C0%2C0%2C1%2C200%2C128Zm32-56H24a8%2C8%2C0%2C0%2C0%2C0%2C16H232a8%2C8%2C0%2C0%2C0%2C0-16Zm-80%2C96H104a8%2C8%2C0%2C0%2C0%2C0%2C16h48a8%2C8%2C0%2C0%2C0%2C0-16Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.gear-six-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M237.94%2C107.21a8%2C8%2C0%2C0%2C0-3.89-5.4l-29.83-17-.12-33.62a8%2C8%2C0%2C0%2C0-2.83-6.08%2C111.91%2C111.91%2C0%2C0%2C0-36.72-20.67%2C8%2C8%2C0%2C0%2C0-6.46.59L128%2C41.85%2C97.88%2C25a8%2C8%2C0%2C0%2C0-6.47-.6A111.92%2C111.92%2C0%2C0%2C0%2C54.73%2C45.15a8%2C8%2C0%2C0%2C0-2.83%2C6.07l-.15%2C33.65-29.83%2C17a8%2C8%2C0%2C0%2C0-3.89%2C5.4%2C106.47%2C106.47%2C0%2C0%2C0%2C0%2C41.56%2C8%2C8%2C0%2C0%2C0%2C3.89%2C5.4l29.83%2C17%2C.12%2C33.63a8%2C8%2C0%2C0%2C0%2C2.83%2C6.08%2C111.91%2C111.91%2C0%2C0%2C0%2C36.72%2C20.67%2C8%2C8%2C0%2C0%2C0%2C6.46-.59L128%2C214.15%2C158.12%2C231a7.91%2C7.91%2C0%2C0%2C0%2C3.9%2C1%2C8.09%2C8.09%2C0%2C0%2C0%2C2.57-.42%2C112.1%2C112.1%2C0%2C0%2C0%2C36.68-20.73%2C8%2C8%2C0%2C0%2C0%2C2.83-6.07l.15-33.65%2C29.83-17a8%2C8%2C0%2C0%2C0%2C3.89-5.4A106.47%2C106.47%2C0%2C0%2C0%2C237.94%2C107.21ZM128%2C168a40%2C40%2C0%2C1%2C1%2C40-40A40%2C40%2C0%2C0%2C1%2C128%2C168Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.globe {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24ZM101.63%2C168h52.74C149%2C186.34%2C140%2C202.87%2C128%2C215.89%2C116%2C202.87%2C107%2C186.34%2C101.63%2C168ZM98%2C152a145.72%2C145.72%2C0%2C0%2C1%2C0-48h60a145.72%2C145.72%2C0%2C0%2C1%2C0%2C48ZM40%2C128a87.61%2C87.61%2C0%2C0%2C1%2C3.33-24H81.79a161.79%2C161.79%2C0%2C0%2C0%2C0%2C48H43.33A87.61%2C87.61%2C0%2C0%2C1%2C40%2C128ZM154.37%2C88H101.63C107%2C69.66%2C116%2C53.13%2C128%2C40.11%2C140%2C53.13%2C149%2C69.66%2C154.37%2C88Zm19.84%2C16h38.46a88.15%2C88.15%2C0%2C0%2C1%2C0%2C48H174.21a161.79%2C161.79%2C0%2C0%2C0%2C0-48Zm32.16-16H170.94a142.39%2C142.39%2C0%2C0%2C0-20.26-45A88.37%2C88.37%2C0%2C0%2C1%2C206.37%2C88ZM105.32%2C43A142.39%2C142.39%2C0%2C0%2C0%2C85.06%2C88H49.63A88.37%2C88.37%2C0%2C0%2C1%2C105.32%2C43ZM49.63%2C168H85.06a142.39%2C142.39%2C0%2C0%2C0%2C20.26%2C45A88.37%2C88.37%2C0%2C0%2C1%2C49.63%2C168Zm101.05%2C45a142.39%2C142.39%2C0%2C0%2C0%2C20.26-45h35.43A88.37%2C88.37%2C0%2C0%2C1%2C150.68%2C213Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.headset-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M232%2C128v80a40%2C40%2C0%2C0%2C1-40%2C40H136a8%2C8%2C0%2C0%2C1%2C0-16h56a24%2C24%2C0%2C0%2C0%2C24-24H192a24%2C24%2C0%2C0%2C1-24-24V144a24%2C24%2C0%2C0%2C1%2C24-24h23.65A88%2C88%2C0%2C0%2C0%2C66%2C65.54%2C87.29%2C87.29%2C0%2C0%2C0%2C40.36%2C120H64a24%2C24%2C0%2C0%2C1%2C24%2C24v40a24%2C24%2C0%2C0%2C1-24%2C24H48a24%2C24%2C0%2C0%2C1-24-24V128A104.11%2C104.11%2C0%2C0%2C1%2C201.89%2C54.66%2C103.41%2C103.41%2C0%2C0%2C1%2C232%2C128Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.headset {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M201.89%2C54.66A103.43%2C103.43%2C0%2C0%2C0%2C128.79%2C24H128A104%2C104%2C0%2C0%2C0%2C24%2C128v56a24%2C24%2C0%2C0%2C0%2C24%2C24H64a24%2C24%2C0%2C0%2C0%2C24-24V144a24%2C24%2C0%2C0%2C0-24-24H40.36A88.12%2C88.12%2C0%2C0%2C1%2C190.54%2C65.93%2C87.39%2C87.39%2C0%2C0%2C1%2C215.65%2C120H192a24%2C24%2C0%2C0%2C0-24%2C24v40a24%2C24%2C0%2C0%2C0%2C24%2C24h24a24%2C24%2C0%2C0%2C1-24%2C24H136a8%2C8%2C0%2C0%2C0%2C0%2C16h56a40%2C40%2C0%2C0%2C0%2C40-40V128A103.41%2C103.41%2C0%2C0%2C0%2C201.89%2C54.66ZM64%2C136a8%2C8%2C0%2C0%2C1%2C8%2C8v40a8%2C8%2C0%2C0%2C1-8%2C8H48a8%2C8%2C0%2C0%2C1-8-8V136Zm128%2C56a8%2C8%2C0%2C0%2C1-8-8V144a8%2C8%2C0%2C0%2C1%2C8-8h24v56Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.heart-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M240%2C102c0%2C70-103.79%2C126.66-108.21%2C129a8%2C8%2C0%2C0%2C1-7.58%2C0C119.79%2C228.66%2C16%2C172%2C16%2C102A62.07%2C62.07%2C0%2C0%2C1%2C78%2C40c20.65%2C0%2C38.73%2C8.88%2C50%2C23.89C139.27%2C48.88%2C157.35%2C40%2C178%2C40A62.07%2C62.07%2C0%2C0%2C1%2C240%2C102Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.heart {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M178%2C40c-20.65%2C0-38.73%2C8.88-50%2C23.89C116.73%2C48.88%2C98.65%2C40%2C78%2C40a62.07%2C62.07%2C0%2C0%2C0-62%2C62c0%2C70%2C103.79%2C126.66%2C108.21%2C129a8%2C8%2C0%2C0%2C0%2C7.58%2C0C136.21%2C228.66%2C240%2C172%2C240%2C102A62.07%2C62.07%2C0%2C0%2C0%2C178%2C40ZM128%2C214.8C109.74%2C204.16%2C32%2C155.69%2C32%2C102A46.06%2C46.06%2C0%2C0%2C1%2C78%2C56c19.45%2C0%2C35.78%2C10.36%2C42.6%2C27a8%2C8%2C0%2C0%2C0%2C14.8%2C0c6.82-16.67%2C23.15-27%2C42.6-27a46.06%2C46.06%2C0%2C0%2C1%2C46%2C46C224%2C155.61%2C146.24%2C204.15%2C128%2C214.8Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.house-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M224%2C115.55V208a16%2C16%2C0%2C0%2C1-16%2C16H168a16%2C16%2C0%2C0%2C1-16-16V168a8%2C8%2C0%2C0%2C0-8-8H112a8%2C8%2C0%2C0%2C0-8%2C8v40a16%2C16%2C0%2C0%2C1-16%2C16H48a16%2C16%2C0%2C0%2C1-16-16V115.55a16%2C16%2C0%2C0%2C1%2C5.17-11.78l80-75.48.11-.11a16%2C16%2C0%2C0%2C1%2C21.53%2C0%2C1.14%2C1.14%2C0%2C0%2C0%2C.11.11l80%2C75.48A16%2C16%2C0%2C0%2C1%2C224%2C115.55Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.info-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24Zm-4%2C48a12%2C12%2C0%2C1%2C1-12%2C12A12%2C12%2C0%2C0%2C1%2C124%2C72Zm12%2C112a16%2C16%2C0%2C0%2C1-16-16V128a8%2C8%2C0%2C0%2C1%2C0-16%2C16%2C16%2C0%2C0%2C1%2C16%2C16v40a8%2C8%2C0%2C0%2C1%2C0%2C16Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.info {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24Zm0%2C192a88%2C88%2C0%2C1%2C1%2C88-88A88.1%2C88.1%2C0%2C0%2C1%2C128%2C216Zm16-40a8%2C8%2C0%2C0%2C1-8%2C8%2C16%2C16%2C0%2C0%2C1-16-16V128a8%2C8%2C0%2C0%2C1%2C0-16%2C16%2C16%2C0%2C0%2C1%2C16%2C16v40A8%2C8%2C0%2C0%2C1%2C144%2C176ZM112%2C84a12%2C12%2C0%2C1%2C1%2C12%2C12A12%2C12%2C0%2C0%2C1%2C112%2C84Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.lab-flask {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M221.69%2C199.77%2C160%2C96.92V40h8a8%2C8%2C0%2C0%2C0%2C0-16H88a8%2C8%2C0%2C0%2C0%2C0%2C16h8V96.92L34.31%2C199.77A16%2C16%2C0%2C0%2C0%2C48%2C224H208a16%2C16%2C0%2C0%2C0%2C13.72-24.23ZM110.86%2C103.25A7.93%2C7.93%2C0%2C0%2C0%2C112%2C99.14V40h32V99.14a7.93%2C7.93%2C0%2C0%2C0%2C1.14%2C4.11L183.36%2C167c-12%2C2.37-29.07%2C1.37-51.75-10.11-15.91-8.05-31.05-12.32-45.22-12.81ZM48%2C208l28.54-47.58c14.25-1.74%2C30.31%2C1.85%2C47.82%2C10.72%2C19%2C9.61%2C35%2C12.88%2C48%2C12.88a69.89%2C69.89%2C0%2C0%2C0%2C19.55-2.7L208%2C208Z%22%2F%3E%3C%2Fsvg%3E");
}

.lds-icon.lab-microscope {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M224%2C208H203.94A88.05%2C88.05%2C0%2C0%2C0%2C144%2C64.37V32a16%2C16%2C0%2C0%2C0-16-16H80A16%2C16%2C0%2C0%2C0%2C64%2C32V136a16%2C16%2C0%2C0%2C0%2C16%2C16h48a16%2C16%2C0%2C0%2C0%2C16-16V80.46A72%2C72%2C0%2C0%2C1%2C181.25%2C208H32a8%2C8%2C0%2C0%2C0%2C0%2C16H224a8%2C8%2C0%2C0%2C0%2C0-16Zm-96-72H80V32h48V136ZM72%2C184a8%2C8%2C0%2C0%2C1%2C0-16h64a8%2C8%2C0%2C0%2C1%2C0%2C16Z%22%2F%3E%3C%2Fsvg%3E");
}

.lds-icon.lab-test-tube {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M237.66%2C86.34l-60-60a8%2C8%2C0%2C0%2C0-11.32%2C0L37.11%2C155.57a44.77%2C44.77%2C0%2C0%2C0%2C63.32%2C63.32L212.32%2C107l22.21-7.4a8%2C8%2C0%2C0%2C0%2C3.13-13.25ZM89.11%2C207.57a28.77%2C28.77%2C0%2C0%2C1-40.68-40.68l28.8-28.8c8.47-2.9%2C21.75-4%2C39.07%2C5%2C10.6%2C5.54%2C20.18%2C8%2C28.56%2C8.73ZM205.47%2C92.41a8%2C8%2C0%2C0%2C0-3.13%2C1.93l-39.57%2C39.57c-8.47%2C2.9-21.75%2C4-39.07-5-10.6-5.54-20.18-8-28.56-8.73L172%2C43.31%2C217.19%2C88.5Z%22%2F%3E%3C%2Fsvg%3E");
}

.lds-icon.lab-virus {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M136%2C108a28%2C28%2C0%2C1%2C0-28%2C28A28%2C28%2C0%2C0%2C0%2C136%2C108Zm-28%2C12a12%2C12%2C0%2C1%2C1%2C12-12A12%2C12%2C0%2C0%2C1%2C108%2C120Zm68-8a16%2C16%2C0%2C1%2C1-16%2C16A16%2C16%2C0%2C0%2C1%2C176%2C112Zm-32%2C64a16%2C16%2C0%2C1%2C1-16-16A16%2C16%2C0%2C0%2C1%2C144%2C176Zm96-56H223.66a95.52%2C95.52%2C0%2C0%2C0-22.39-53.95l12.39-12.39a8%2C8%2C0%2C0%2C0-11.32-11.32L190%2C54.73A95.52%2C95.52%2C0%2C0%2C0%2C136%2C32.34V16a8%2C8%2C0%2C0%2C0-16%2C0V32.34A95.52%2C95.52%2C0%2C0%2C0%2C66.05%2C54.73L53.66%2C42.34A8%2C8%2C0%2C0%2C0%2C42.34%2C53.66L54.73%2C66.05a95.52%2C95.52%2C0%2C0%2C0-22.39%2C54H16a8%2C8%2C0%2C0%2C0%2C0%2C16H32.34A95.52%2C95.52%2C0%2C0%2C0%2C54.73%2C190L42.34%2C202.34a8%2C8%2C0%2C0%2C0%2C11.32%2C11.32l12.39-12.39a95.52%2C95.52%2C0%2C0%2C0%2C54%2C22.39V240a8%2C8%2C0%2C0%2C0%2C16%2C0V223.66A95.52%2C95.52%2C0%2C0%2C0%2C190%2C201.27l12.39%2C12.39a8%2C8%2C0%2C0%2C0%2C11.32-11.32L201.27%2C190A95.52%2C95.52%2C0%2C0%2C0%2C223.66%2C136H240a8%2C8%2C0%2C0%2C0%2C0-16ZM128%2C208a80%2C80%2C0%2C1%2C1%2C80-80A80.09%2C80.09%2C0%2C0%2C1%2C128%2C208Z%22%2F%3E%3C%2Fsvg%3E");
}

.lds-icon.lilly-monogram {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20121%20121%22%20%3E%3Cpath%20d%3D%22M71.6499%2059.0945C78.772%2049.2639%2085.7242%2041.2979%2091.3195%2035.3646C98.951%2028.0762%20104.546%2024.1772%20107.258%2024.1772C108.276%2024.1772%20108.615%2024.5169%20108.615%2025.5323C108.615%2029.0917%20103.528%2036.5499%2097.4227%2042.8212C90.4705%2049.6002%2081.3141%2056.0412%2071.6482%2059.0928L71.6499%2059.0945ZM8.73874%2090.6206C8.73874%2088.2482%2011.7903%2086.3837%2016.3702%2086.3837C21.4579%2086.3837%2026.8834%2088.5879%2030.4444%2091.13C26.0361%2093.1644%2021.4579%2094.5195%2016.54%2094.5195C12.4696%2094.5195%208.74044%2093.3325%208.74044%2090.6206H8.73874ZM15.8608%20101.638C23.6603%20101.638%2031.122%2099.7736%2037.5665%2096.0444C48.0797%20102.655%2058.2533%20105.367%2067.7493%20105.367C85.5543%20105.367%20100.476%2095.7065%20113.025%2078.4177L107.43%2073.6714C94.8822%2089.4335%2083.0122%2098.0788%2068.2587%2098.0788C61.1367%2098.0788%2053.507%2095.7065%2045.1979%2091.13C51.3028%2086.0457%2057.5757%2079.0952%2064.8675%2068.7569C84.1992%2064.858%2098.2734%2053.3327%20105.903%2045.7063C110.651%2040.96%20118.281%2031.4691%20118.281%2022.6557C118.281%2018.5886%20115.567%2015.3672%20110.312%2015.3672C92.8462%2015.3672%2072.3275%2043.8417%2058.9325%2062.3176C56.3887%2062.8253%2053.8449%2062.9951%2051.1329%2062.9951C36.2113%2062.9951%2029.0893%2056.5541%2029.0893%2050.2828C29.0893%2040.6221%2042.8239%2030.7915%2059.442%2028.9269C58.4248%2026.7227%2057.5774%2024.5203%2056.3904%2021.9781C39.6025%2023.8427%2020.2725%2035.5378%2020.2725%2050.7923C20.2725%2054.6912%2021.4596%2058.4203%2024.1732%2061.3004C29.2608%2067.0639%2038.4172%2070.2836%2049.2701%2070.2836C50.6269%2070.2836%2051.8139%2070.2836%2053.0009%2070.1138C47.2357%2077.4022%2042.3179%2082.4864%2037.7397%2086.2156C32.9917%2082.8261%2025.1921%2079.2668%2017.0529%2079.2668C7.55684%2079.2668%200.434814%2083.8433%200.434814%2090.7921C0.434814%2099.0977%209.93084%20101.64%2015.8659%20101.64L15.8608%20101.638Z%22%2F%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.link {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M137.54%2C186.36a8%2C8%2C0%2C0%2C1%2C0%2C11.31l-9.94%2C10A56%2C56%2C0%2C0%2C1%2C48.38%2C128.4L72.5%2C104.28A56%2C56%2C0%2C0%2C1%2C149.31%2C102a8%2C8%2C0%2C1%2C1-10.64%2C12%2C40%2C40%2C0%2C0%2C0-54.85%2C1.63L59.7%2C139.72a40%2C40%2C0%2C0%2C0%2C56.58%2C56.58l9.94-9.94A8%2C8%2C0%2C0%2C1%2C137.54%2C186.36Zm70.08-138a56.08%2C56.08%2C0%2C0%2C0-79.22%2C0l-9.94%2C9.95a8%2C8%2C0%2C0%2C0%2C11.32%2C11.31l9.94-9.94a40%2C40%2C0%2C0%2C1%2C56.58%2C56.58L172.18%2C140.4A40%2C40%2C0%2C0%2C1%2C117.33%2C142%2C8%2C8%2C0%2C1%2C0%2C106.69%2C154a56%2C56%2C0%2C0%2C0%2C76.81-2.26l24.12-24.12A56.08%2C56.08%2C0%2C0%2C0%2C207.62%2C48.38Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.list-bullets {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M80%2C64a8%2C8%2C0%2C0%2C1%2C8-8H216a8%2C8%2C0%2C0%2C1%2C0%2C16H88A8%2C8%2C0%2C0%2C1%2C80%2C64Zm136%2C56H88a8%2C8%2C0%2C0%2C0%2C0%2C16H216a8%2C8%2C0%2C0%2C0%2C0-16Zm0%2C64H88a8%2C8%2C0%2C0%2C0%2C0%2C16H216a8%2C8%2C0%2C0%2C0%2C0-16ZM44%2C52A12%2C12%2C0%2C1%2C0%2C56%2C64%2C12%2C12%2C0%2C0%2C0%2C44%2C52Zm0%2C64a12%2C12%2C0%2C1%2C0%2C12%2C12A12%2C12%2C0%2C0%2C0%2C44%2C116Zm0%2C64a12%2C12%2C0%2C1%2C0%2C12%2C12A12%2C12%2C0%2C0%2C0%2C44%2C180Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.list-varied-line-lengths {
  mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0%203.83456C0%203.61322%200.0877975%203.40095%200.244078%203.24444C0.400358%203.08793%200.61232%203%200.833333%203H19.1667C19.3877%203%2019.5996%203.08793%2019.7559%203.24444C19.9122%203.40095%2020%203.61322%2020%203.83456C20%204.05589%2019.9122%204.26817%2019.7559%204.42468C19.5996%204.58119%2019.3877%204.66911%2019.1667%204.66911H0.833333C0.61232%204.66911%200.400358%204.58119%200.244078%204.42468C0.0877975%204.26817%200%204.05589%200%203.83456ZM0.833333%208.8419H14.1667C14.3877%208.8419%2014.5996%208.75397%2014.7559%208.59746C14.9122%208.44095%2015%208.22868%2015%208.00734C15%207.786%2014.9122%207.57373%2014.7559%207.41722C14.5996%207.26071%2014.3877%207.17278%2014.1667%207.17278H0.833333C0.61232%207.17278%200.400358%207.26071%200.244078%207.41722C0.0877975%207.57373%200%207.786%200%208.00734C0%208.22868%200.0877975%208.44095%200.244078%208.59746C0.400358%208.75397%200.61232%208.8419%200.833333%208.8419ZM19.1667%2011.3456H0.833333C0.61232%2011.3456%200.400358%2011.4335%200.244078%2011.59C0.0877975%2011.7465%200%2011.9588%200%2012.1801C0%2012.4015%200.0877975%2012.6137%200.244078%2012.7702C0.400358%2012.9268%200.61232%2013.0147%200.833333%2013.0147H19.1667C19.3877%2013.0147%2019.5996%2012.9268%2019.7559%2012.7702C19.9122%2012.6137%2020%2012.4015%2020%2012.1801C20%2011.9588%2019.9122%2011.7465%2019.7559%2011.59C19.5996%2011.4335%2019.3877%2011.3456%2019.1667%2011.3456ZM14.1667%2015.5183H0.833333C0.61232%2015.5183%200.400358%2015.6063%200.244078%2015.7628C0.0877975%2015.9193%200%2016.1316%200%2016.3529C0%2016.5742%200.0877975%2016.7865%200.244078%2016.943C0.400358%2017.0995%200.61232%2017.1875%200.833333%2017.1875H14.1667C14.3877%2017.1875%2014.5996%2017.0995%2014.7559%2016.943C14.9122%2016.7865%2015%2016.5742%2015%2016.3529C15%2016.1316%2014.9122%2015.9193%2014.7559%2015.7628C14.5996%2015.6063%2014.3877%2015.5183%2014.1667%2015.5183Z%22%20fill%3D%22%23818C94%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.lds-icon.list {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M224%2C128a8%2C8%2C0%2C0%2C1-8%2C8H40a8%2C8%2C0%2C0%2C1%2C0-16H216A8%2C8%2C0%2C0%2C1%2C224%2C128ZM40%2C72H216a8%2C8%2C0%2C0%2C0%2C0-16H40a8%2C8%2C0%2C0%2C0%2C0%2C16ZM216%2C184H40a8%2C8%2C0%2C0%2C0%2C0%2C16H216a8%2C8%2C0%2C0%2C0%2C0-16Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.lock-key-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M208%2C80H176V56a48%2C48%2C0%2C0%2C0-96%2C0V80H48A16%2C16%2C0%2C0%2C0%2C32%2C96V208a16%2C16%2C0%2C0%2C0%2C16%2C16H208a16%2C16%2C0%2C0%2C0%2C16-16V96A16%2C16%2C0%2C0%2C0%2C208%2C80Zm-72%2C78.63V184a8%2C8%2C0%2C0%2C1-16%2C0V158.63a24%2C24%2C0%2C1%2C1%2C16%2C0ZM160%2C80H96V56a32%2C32%2C0%2C0%2C1%2C64%2C0Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.lock-key-open-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M208%2C80H96V56a32%2C32%2C0%2C0%2C1%2C32-32c15.37%2C0%2C29.2%2C11%2C32.16%2C25.59a8%2C8%2C0%2C0%2C0%2C15.68-3.18C171.32%2C24.15%2C151.2%2C8%2C128%2C8A48.05%2C48.05%2C0%2C0%2C0%2C80%2C56V80H48A16%2C16%2C0%2C0%2C0%2C32%2C96V208a16%2C16%2C0%2C0%2C0%2C16%2C16H208a16%2C16%2C0%2C0%2C0%2C16-16V96A16%2C16%2C0%2C0%2C0%2C208%2C80Zm-72%2C78.63V184a8%2C8%2C0%2C0%2C1-16%2C0V158.63a24%2C24%2C0%2C1%2C1%2C16%2C0Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.logo-android-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M207.06%2C88.67c-.74-.74-1.49-1.46-2.24-2.17l24.84-24.84a8%2C8%2C0%2C0%2C0-11.32-11.32l-26%2C26a111.43%2C111.43%2C0%2C0%2C0-128.55.19L37.66%2C50.34A8%2C8%2C0%2C0%2C0%2C26.34%2C61.66L51.4%2C86.72A113.38%2C113.38%2C0%2C0%2C0%2C16%2C169.13V192a16%2C16%2C0%2C0%2C0%2C16%2C16H224a16%2C16%2C0%2C0%2C0%2C16-16V168A111.25%2C111.25%2C0%2C0%2C0%2C207.06%2C88.67ZM92%2C168a12%2C12%2C0%2C1%2C1%2C12-12A12%2C12%2C0%2C0%2C1%2C92%2C168Zm72%2C0a12%2C12%2C0%2C1%2C1%2C12-12A12%2C12%2C0%2C0%2C1%2C164%2C168Z%22%2F%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.logo-android {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M176%2C156a12%2C12%2C0%2C1%2C1-12-12A12%2C12%2C0%2C0%2C1%2C176%2C156ZM92%2C144a12%2C12%2C0%2C1%2C0%2C12%2C12A12%2C12%2C0%2C0%2C0%2C92%2C144Zm148%2C24v24a16%2C16%2C0%2C0%2C1-16%2C16H32a16%2C16%2C0%2C0%2C1-16-16V169.13A113.38%2C113.38%2C0%2C0%2C1%2C51.4%2C86.72L26.34%2C61.66A8%2C8%2C0%2C0%2C1%2C37.66%2C50.34L63.82%2C76.5a111.43%2C111.43%2C0%2C0%2C1%2C128.55-.19l26-26a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32L204.82%2C86.5c.75.71%2C1.5%2C1.43%2C2.24%2C2.17A111.25%2C111.25%2C0%2C0%2C1%2C240%2C168Zm-16%2C0a96%2C96%2C0%2C0%2C0-96-96h-.34C74.91%2C72.18%2C32%2C115.75%2C32%2C169.13V192H224Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.logo-apple-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M128.23%2C30A40%2C40%2C0%2C0%2C1%2C167%2C0h1a8%2C8%2C0%2C0%2C1%2C0%2C16h-1a24%2C24%2C0%2C0%2C0-23.24%2C18%2C8%2C8%2C0%2C1%2C1-15.5-4ZM223.3%2C169.59a8.07%2C8.07%2C0%2C0%2C0-2.8-3.4C203.53%2C154.53%2C200%2C134.64%2C200%2C120c0-17.67%2C13.47-33.06%2C21.5-40.67a8%2C8%2C0%2C0%2C0%2C0-11.62C208.82%2C55.74%2C187.82%2C48%2C168%2C48a72.23%2C72.23%2C0%2C0%2C0-40%2C12.13%2C71.56%2C71.56%2C0%2C0%2C0-90.71%2C9.09A74.63%2C74.63%2C0%2C0%2C0%2C16%2C123.4a127%2C127%2C0%2C0%2C0%2C40.14%2C89.73A39.8%2C39.8%2C0%2C0%2C0%2C83.59%2C224h87.68a39.84%2C39.84%2C0%2C0%2C0%2C29.12-12.57%2C125%2C125%2C0%2C0%2C0%2C17.82-24.6C225.23%2C174%2C224.33%2C172%2C223.3%2C169.59Z%22%2F%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.logo-apple-mac-command {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M180%2C144H160V112h20a36%2C36%2C0%2C1%2C0-36-36V96H112V76a36%2C36%2C0%2C1%2C0-36%2C36H96v32H76a36%2C36%2C0%2C1%2C0%2C36%2C36V160h32v20a36%2C36%2C0%2C1%2C0%2C36-36ZM160%2C76a20%2C20%2C0%2C1%2C1%2C20%2C20H160ZM56%2C76a20%2C20%2C0%2C0%2C1%2C40%2C0V96H76A20%2C20%2C0%2C0%2C1%2C56%2C76ZM96%2C180a20%2C20%2C0%2C1%2C1-20-20H96Zm16-68h32v32H112Zm68%2C88a20%2C20%2C0%2C0%2C1-20-20V160h20a20%2C20%2C0%2C0%2C1%2C0%2C40Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.logo-apple {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M223.3%2C169.59a8.07%2C8.07%2C0%2C0%2C0-2.8-3.4C203.53%2C154.53%2C200%2C134.64%2C200%2C120c0-17.67%2C13.47-33.06%2C21.5-40.67a8%2C8%2C0%2C0%2C0%2C0-11.62C208.82%2C55.74%2C187.82%2C48%2C168%2C48a72.2%2C72.2%2C0%2C0%2C0-40%2C12.13%2C71.56%2C71.56%2C0%2C0%2C0-90.71%2C9.09A74.63%2C74.63%2C0%2C0%2C0%2C16%2C123.4a127.06%2C127.06%2C0%2C0%2C0%2C40.14%2C89.73A39.8%2C39.8%2C0%2C0%2C0%2C83.59%2C224h87.68a39.84%2C39.84%2C0%2C0%2C0%2C29.12-12.57%2C125%2C125%2C0%2C0%2C0%2C17.82-24.6C225.23%2C174%2C224.33%2C172%2C223.3%2C169.59Zm-34.63%2C30.94a23.76%2C23.76%2C0%2C0%2C1-17.4%2C7.47H83.59a23.82%2C23.82%2C0%2C0%2C1-16.44-6.51A111.14%2C111.14%2C0%2C0%2C1%2C32%2C123%2C58.5%2C58.5%2C0%2C0%2C1%2C48.65%2C80.47%2C54.81%2C54.81%2C0%2C0%2C1%2C88%2C64h.78A55.45%2C55.45%2C0%2C0%2C1%2C123%2C76.28a8%2C8%2C0%2C0%2C0%2C10%2C0A55.44%2C55.44%2C0%2C0%2C1%2C168%2C64a70.64%2C70.64%2C0%2C0%2C1%2C36%2C10.35c-13%2C14.52-20%2C30.47-20%2C45.65%2C0%2C23.77%2C7.64%2C42.73%2C22.18%2C55.3A105.82%2C105.82%2C0%2C0%2C1%2C188.67%2C200.53ZM128.23%2C30A40%2C40%2C0%2C0%2C1%2C167%2C0h1a8%2C8%2C0%2C0%2C1%2C0%2C16h-1a24%2C24%2C0%2C0%2C0-23.24%2C18%2C8%2C8%2C0%2C1%2C1-15.5-4Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.logo-facebook-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M232%2C128a104.16%2C104.16%2C0%2C0%2C1-91.55%2C103.26%2C4%2C4%2C0%2C0%2C1-4.45-4V152h24a8%2C8%2C0%2C0%2C0%2C8-8.53%2C8.17%2C8.17%2C0%2C0%2C0-8.25-7.47H136V112a16%2C16%2C0%2C0%2C1%2C16-16h16a8%2C8%2C0%2C0%2C0%2C8-8.53A8.17%2C8.17%2C0%2C0%2C0%2C167.73%2C80H152a32%2C32%2C0%2C0%2C0-32%2C32v24H96a8%2C8%2C0%2C0%2C0-8%2C8.53A8.17%2C8.17%2C0%2C0%2C0%2C96.27%2C152H120v75.28a4%2C4%2C0%2C0%2C1-4.44%2C4A104.15%2C104.15%2C0%2C0%2C1%2C24.07%2C124.09c2-54%2C45.74-97.9%2C99.78-100A104.12%2C104.12%2C0%2C0%2C1%2C232%2C128Z%22%2F%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.logo-figma {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M184%2C96a40%2C40%2C0%2C0%2C0-24-72H88A40%2C40%2C0%2C0%2C0%2C64%2C96a40%2C40%2C0%2C0%2C0%2C1.37%2C65A44%2C44%2C0%2C1%2C0%2C136%2C196V160a40%2C40%2C0%2C1%2C0%2C48-64Zm0-32a24%2C24%2C0%2C0%2C1-24%2C24H136V40h24A24%2C24%2C0%2C0%2C1%2C184%2C64ZM64%2C64A24%2C24%2C0%2C0%2C1%2C88%2C40h32V88H88A24%2C24%2C0%2C0%2C1%2C64%2C64Zm24%2C88a24%2C24%2C0%2C0%2C1%2C0-48h32v48H88Zm32%2C44a28%2C28%2C0%2C1%2C1-28-28h28Zm40-44a24%2C24%2C0%2C1%2C1%2C24-24A24%2C24%2C0%2C0%2C1%2C160%2C152Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.logo-github-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M216%2C104v8a56.06%2C56.06%2C0%2C0%2C1-48.44%2C55.47A39.8%2C39.8%2C0%2C0%2C1%2C176%2C192v40a8%2C8%2C0%2C0%2C1-8%2C8H104a8%2C8%2C0%2C0%2C1-8-8V216H72a40%2C40%2C0%2C0%2C1-40-40A24%2C24%2C0%2C0%2C0%2C8%2C152a8%2C8%2C0%2C0%2C1%2C0-16%2C40%2C40%2C0%2C0%2C1%2C40%2C40%2C24%2C24%2C0%2C0%2C0%2C24%2C24H96v-8a39.8%2C39.8%2C0%2C0%2C1%2C8.44-24.53A56.06%2C56.06%2C0%2C0%2C1%2C56%2C112v-8a58.14%2C58.14%2C0%2C0%2C1%2C7.69-28.32A59.78%2C59.78%2C0%2C0%2C1%2C69.07%2C28%2C8%2C8%2C0%2C0%2C1%2C76%2C24a59.75%2C59.75%2C0%2C0%2C1%2C48%2C24h24a59.75%2C59.75%2C0%2C0%2C1%2C48-24%2C8%2C8%2C0%2C0%2C1%2C6.93%2C4%2C59.74%2C59.74%2C0%2C0%2C1%2C5.37%2C47.68A58%2C58%2C0%2C0%2C1%2C216%2C104Z%22%2F%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.logo-instagram {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M128%2C80a48%2C48%2C0%2C1%2C0%2C48%2C48A48.05%2C48.05%2C0%2C0%2C0%2C128%2C80Zm0%2C80a32%2C32%2C0%2C1%2C1%2C32-32A32%2C32%2C0%2C0%2C1%2C128%2C160ZM176%2C24H80A56.06%2C56.06%2C0%2C0%2C0%2C24%2C80v96a56.06%2C56.06%2C0%2C0%2C0%2C56%2C56h96a56.06%2C56.06%2C0%2C0%2C0%2C56-56V80A56.06%2C56.06%2C0%2C0%2C0%2C176%2C24Zm40%2C152a40%2C40%2C0%2C0%2C1-40%2C40H80a40%2C40%2C0%2C0%2C1-40-40V80A40%2C40%2C0%2C0%2C1%2C80%2C40h96a40%2C40%2C0%2C0%2C1%2C40%2C40ZM192%2C76a12%2C12%2C0%2C1%2C1-12-12A12%2C12%2C0%2C0%2C1%2C192%2C76Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.logo-linkedin-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M216%2C24H40A16%2C16%2C0%2C0%2C0%2C24%2C40V216a16%2C16%2C0%2C0%2C0%2C16%2C16H216a16%2C16%2C0%2C0%2C0%2C16-16V40A16%2C16%2C0%2C0%2C0%2C216%2C24ZM96%2C176a8%2C8%2C0%2C0%2C1-16%2C0V112a8%2C8%2C0%2C0%2C1%2C16%2C0ZM88%2C96a12%2C12%2C0%2C1%2C1%2C12-12A12%2C12%2C0%2C0%2C1%2C88%2C96Zm96%2C80a8%2C8%2C0%2C0%2C1-16%2C0V140a20%2C20%2C0%2C0%2C0-40%2C0v36a8%2C8%2C0%2C0%2C1-16%2C0V112a8%2C8%2C0%2C0%2C1%2C15.79-1.78A36%2C36%2C0%2C0%2C1%2C184%2C140Z%22%2F%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.logo-microsoft-excel-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M200%2C24H72A16%2C16%2C0%2C0%2C0%2C56%2C40V64H40A16%2C16%2C0%2C0%2C0%2C24%2C80v96a16%2C16%2C0%2C0%2C0%2C16%2C16H56v24a16%2C16%2C0%2C0%2C0%2C16%2C16H200a16%2C16%2C0%2C0%2C0%2C16-16V40A16%2C16%2C0%2C0%2C0%2C200%2C24ZM72%2C160a8%2C8%2C0%2C0%2C1-6.15-13.12L81.59%2C128%2C65.85%2C109.12a8%2C8%2C0%2C0%2C1%2C12.3-10.24L92%2C115.5l13.85-16.62a8%2C8%2C0%2C1%2C1%2C12.3%2C10.24L102.41%2C128l15.74%2C18.88a8%2C8%2C0%2C0%2C1-12.3%2C10.24L92%2C140.5%2C78.15%2C157.12A8%2C8%2C0%2C0%2C1%2C72%2C160Zm56%2C56H72V192h56Zm0-152H72V40h56Zm72%2C152H144V192a16%2C16%2C0%2C0%2C0%2C16-16v-8h40Zm0-64H160V104h40Zm0-64H160V80a16%2C16%2C0%2C0%2C0-16-16V40h56Z%22%2F%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.logo-microsoft-outlook-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M88%2C144a16%2C16%2C0%2C1%2C1%2C16-16A16%2C16%2C0%2C0%2C1%2C88%2C144Zm144-24v88a16%2C16%2C0%2C0%2C1-5%2C11.61%2C8.8%2C8.8%2C0%2C0%2C1-.72.65A15.93%2C15.93%2C0%2C0%2C1%2C216%2C224H88a16%2C16%2C0%2C0%2C1-16-16V192H40a16%2C16%2C0%2C0%2C1-16-16V80A16%2C16%2C0%2C0%2C1%2C40%2C64H96V48a16%2C16%2C0%2C0%2C1%2C16-16h80a16%2C16%2C0%2C0%2C1%2C16%2C16v56h8a15.94%2C15.94%2C0%2C0%2C1%2C10%2C3.54l.08.07.14.11a6.78%2C6.78%2C0%2C0%2C1%2C.74.68A15.93%2C15.93%2C0%2C0%2C1%2C232%2C120ZM112%2C64h24a16%2C16%2C0%2C0%2C1%2C16%2C16v74.13l40-28.89V48H112ZM88%2C160a32%2C32%2C0%2C1%2C0-32-32A32%2C32%2C0%2C0%2C0%2C88%2C160Zm111.26%2C48L152%2C173.87V176a16%2C16%2C0%2C0%2C1-16%2C16H88v16ZM216%2C127.65%2C165.66%2C164%2C216%2C200.35Z%22%2F%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.logo-microsoft-teams-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M219.26%2C80h-7.57A31.71%2C31.71%2C0%2C0%2C0%2C216%2C64a32%2C32%2C0%2C0%2C0-45.88-28.85A40%2C40%2C0%2C0%2C0%2C96.81%2C64H40A16%2C16%2C0%2C0%2C0%2C24%2C80v96a16%2C16%2C0%2C0%2C0%2C16%2C16H76.67a64%2C64%2C0%2C0%2C0%2C118.7-.15A40%2C40%2C0%2C0%2C0%2C232%2C152V92.74A12.76%2C12.76%2C0%2C0%2C0%2C219.26%2C80ZM136%2C32a24%2C24%2C0%2C0%2C1%2C15.07%2C42.68A16%2C16%2C0%2C0%2C0%2C136%2C64H113.38A24%2C24%2C0%2C0%2C1%2C136%2C32ZM88%2C160a8%2C8%2C0%2C0%2C1-8-8V112H72a8%2C8%2C0%2C0%2C1%2C0-16h32a8%2C8%2C0%2C0%2C1%2C0%2C16H96v40A8%2C8%2C0%2C0%2C1%2C88%2C160Zm96%2C8a48%2C48%2C0%2C0%2C1-89.56%2C24H136a16%2C16%2C0%2C0%2C0%2C16-16V96h32Zm0-88H168a39.89%2C39.89%2C0%2C0%2C0%2C7.6-29.6A16%2C16%2C0%2C1%2C1%2C184%2C80Zm32%2C72a24%2C24%2C0%2C0%2C1-16.36%2C22.75A62.76%2C62.76%2C0%2C0%2C0%2C200%2C168V96h16Z%22%2F%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.logo-microsoft-windows-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M112%2C144v51.64a8%2C8%2C0%2C0%2C1-8%2C8%2C8.54%2C8.54%2C0%2C0%2C1-1.43-.13l-64-11.64A8%2C8%2C0%2C0%2C1%2C32%2C184V144a8%2C8%2C0%2C0%2C1%2C8-8h64A8%2C8%2C0%2C0%2C1%2C112%2C144Zm-2.87-89.78a8%2C8%2C0%2C0%2C0-6.56-1.73l-64%2C11.64A8%2C8%2C0%2C0%2C0%2C32%2C72v40a8%2C8%2C0%2C0%2C0%2C8%2C8h64a8%2C8%2C0%2C0%2C0%2C8-8V60.36A8%2C8%2C0%2C0%2C0%2C109.13%2C54.22ZM216%2C136H136a8%2C8%2C0%2C0%2C0-8%2C8v57.45a8%2C8%2C0%2C0%2C0%2C6.57%2C7.88l80%2C14.54A7.61%2C7.61%2C0%2C0%2C0%2C216%2C224a8%2C8%2C0%2C0%2C0%2C8-8V144A8%2C8%2C0%2C0%2C0%2C216%2C136Zm5.13-102.14a8%2C8%2C0%2C0%2C0-6.56-1.73l-80%2C14.55A8%2C8%2C0%2C0%2C0%2C128%2C54.55V112a8%2C8%2C0%2C0%2C0%2C8%2C8h80a8%2C8%2C0%2C0%2C0%2C8-8V40A8%2C8%2C0%2C0%2C0%2C221.13%2C33.86Z%22%2F%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.logo-microsoft-word-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M200%2C24H72A16%2C16%2C0%2C0%2C0%2C56%2C40V64H40A16%2C16%2C0%2C0%2C0%2C24%2C80v96a16%2C16%2C0%2C0%2C0%2C16%2C16H56v24a16%2C16%2C0%2C0%2C0%2C16%2C16H200a16%2C16%2C0%2C0%2C0%2C16-16V40A16%2C16%2C0%2C0%2C0%2C200%2C24ZM68.24%2C153.94l-12-48a8%2C8%2C0%2C1%2C1%2C15.52-3.88l6.76%2C27%2C6.32-12.66a8%2C8%2C0%2C0%2C1%2C14.32%2C0l6.32%2C12.66%2C6.76-27a8%2C8%2C0%2C0%2C1%2C15.52%2C3.88l-12%2C48a8%2C8%2C0%2C0%2C1-6.89%2C6%2C8.46%2C8.46%2C0%2C0%2C1-.87.05%2C8%2C8%2C0%2C0%2C1-7.16-4.42L92%2C137.89l-8.84%2C17.69a8%2C8%2C0%2C0%2C1-14.92-1.64ZM200%2C216H72V192h72a16%2C16%2C0%2C0%2C0%2C16-16v-8h40Zm0-64H160V104h40Zm0-64H160V80a16%2C16%2C0%2C0%2C0-16-16H72V40H200Z%22%2F%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.logo-pinterest-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M232%2C128.7c-.38%2C56.49-46.46%2C102.73-102.94%2C103.29a104.16%2C104.16%2C0%2C0%2C1-25.94-3%2C4%2C4%2C0%2C0%2C1-2.91-4.86l8.64-34.55A60.57%2C60.57%2C0%2C0%2C0%2C136%2C196c37%2C0%2C66.7-33.45%2C63.81-73.36A72%2C72%2C0%2C1%2C0%2C61.24%2C155%2C8%2C8%2C0%2C0%2C0%2C72%2C159.29a8.19%2C8.19%2C0%2C0%2C0%2C4-10.49%2C56%2C56%2C0%2C1%2C1%2C107.86-24.93C186%2C154.4%2C163.73%2C180%2C136%2C180a44.87%2C44.87%2C0%2C0%2C1-23.14-6.44l14.9-59.62a8%2C8%2C0%2C0%2C0-15.52-3.88L85.38%2C217.51a4%2C4%2C0%2C0%2C1-5.71%2C2.59A104%2C104%2C0%2C0%2C1%2C24%2C126.88C24.6%2C70.52%2C70.67%2C24.52%2C127%2C24A104%2C104%2C0%2C0%2C1%2C232%2C128.7Z%22%2F%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.logo-reddit-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M248%2C104a32%2C32%2C0%2C0%2C0-52.94-24.19c-16.75-8.9-36.76-14.28-57.66-15.53l5.19-31.17%2C17.72%2C2.72a24%2C24%2C0%2C1%2C0%2C2.87-15.74l-26-4a8%2C8%2C0%2C0%2C0-9.11%2C6.59L121.2%2C64.16c-21.84.94-42.82%2C6.38-60.26%2C15.65a32%2C32%2C0%2C0%2C0-42.59%2C47.74A59%2C59%2C0%2C0%2C0%2C16%2C144c0%2C21.93%2C12%2C42.35%2C33.91%2C57.49C70.88%2C216%2C98.61%2C224%2C128%2C224s57.12-8%2C78.09-22.51C228%2C186.35%2C240%2C165.93%2C240%2C144a59%2C59%2C0%2C0%2C0-2.35-16.45A32.16%2C32.16%2C0%2C0%2C0%2C248%2C104ZM184%2C24a8%2C8%2C0%2C1%2C1-8%2C8A8%2C8%2C0%2C0%2C1%2C184%2C24ZM72%2C128a16%2C16%2C0%2C1%2C1%2C16%2C16A16%2C16%2C0%2C0%2C1%2C72%2C128Zm91.75%2C55.07a76.18%2C76.18%2C0%2C0%2C1-71.5%2C0%2C8%2C8%2C0%2C1%2C1%2C7.5-14.14%2C60.18%2C60.18%2C0%2C0%2C0%2C56.5%2C0%2C8%2C8%2C0%2C1%2C1%2C7.5%2C14.14ZM168%2C144a16%2C16%2C0%2C1%2C1%2C16-16A16%2C16%2C0%2C0%2C1%2C168%2C144Z%22%2F%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.logo-reddit {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M248%2C104a32%2C32%2C0%2C0%2C0-52.94-24.19c-16.75-8.9-36.76-14.28-57.66-15.53l5.19-31.17%2C17.72%2C2.72a24%2C24%2C0%2C1%2C0%2C2.87-15.74l-26-4a8%2C8%2C0%2C0%2C0-9.11%2C6.59L121.2%2C64.16c-21.84.94-42.82%2C6.38-60.26%2C15.65a32%2C32%2C0%2C0%2C0-42.59%2C47.74A59%2C59%2C0%2C0%2C0%2C16%2C144c0%2C21.93%2C12%2C42.35%2C33.91%2C57.49C70.88%2C216%2C98.61%2C224%2C128%2C224s57.12-8%2C78.09-22.51C228%2C186.35%2C240%2C165.93%2C240%2C144a59%2C59%2C0%2C0%2C0-2.35-16.45A32.16%2C32.16%2C0%2C0%2C0%2C248%2C104ZM184%2C24a8%2C8%2C0%2C1%2C1-8%2C8A8%2C8%2C0%2C0%2C1%2C184%2C24Zm40.13%2C93.78a8%2C8%2C0%2C0%2C0-3.29%2C10A43.58%2C43.58%2C0%2C0%2C1%2C224%2C144c0%2C16.53-9.59%2C32.27-27%2C44.33C178.67%2C201%2C154.17%2C208%2C128%2C208s-50.67-7-69-19.67C41.59%2C176.27%2C32%2C160.53%2C32%2C144a43.75%2C43.75%2C0%2C0%2C1%2C3.14-16.17%2C8%2C8%2C0%2C0%2C0-3.27-10A16%2C16%2C0%2C1%2C1%2C52.94%2C94.59a8%2C8%2C0%2C0%2C0%2C10.45%2C2.23l.36-.22C81.45%2C85.9%2C104.25%2C80%2C128%2C80h0c23.73%2C0%2C46.53%2C5.9%2C64.23%2C16.6l.42.25a8%2C8%2C0%2C0%2C0%2C10.39-2.26%2C16%2C16%2C0%2C1%2C1%2C21.07%2C23.19ZM88%2C144a16%2C16%2C0%2C1%2C1%2C16-16A16%2C16%2C0%2C0%2C1%2C88%2C144Zm96-16a16%2C16%2C0%2C1%2C1-16-16A16%2C16%2C0%2C0%2C1%2C184%2C128Zm-16.93%2C44.25a8%2C8%2C0%2C0%2C1-3.32%2C10.82%2C76.18%2C76.18%2C0%2C0%2C1-71.5%2C0%2C8%2C8%2C0%2C1%2C1%2C7.5-14.14%2C60.18%2C60.18%2C0%2C0%2C0%2C56.5%2C0A8%2C8%2C0%2C0%2C1%2C167.07%2C172.25Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.logo-slack {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M221.13%2C128A32%2C32%2C0%2C0%2C0%2C184%2C76.31V56a32%2C32%2C0%2C0%2C0-56-21.13A32%2C32%2C0%2C0%2C0%2C76.31%2C72H56a32%2C32%2C0%2C0%2C0-21.13%2C56A32%2C32%2C0%2C0%2C0%2C72%2C179.69V200a32%2C32%2C0%2C0%2C0%2C56%2C21.13A32%2C32%2C0%2C0%2C0%2C179.69%2C184H200a32%2C32%2C0%2C0%2C0%2C21.13-56ZM72%2C152a16%2C16%2C0%2C1%2C1-16-16H72Zm48%2C48a16%2C16%2C0%2C0%2C1-32%2C0V152a16%2C16%2C0%2C0%2C1%2C16-16h16Zm0-80H56a16%2C16%2C0%2C0%2C1%2C0-32h48a16%2C16%2C0%2C0%2C1%2C16%2C16Zm0-48H104a16%2C16%2C0%2C1%2C1%2C16-16Zm16-16a16%2C16%2C0%2C0%2C1%2C32%2C0v48a16%2C16%2C0%2C0%2C1-16%2C16H136Zm16%2C160a16%2C16%2C0%2C0%2C1-16-16V184h16a16%2C16%2C0%2C0%2C1%2C0%2C32Zm48-48H152a16%2C16%2C0%2C0%2C1-16-16V136h64a16%2C16%2C0%2C0%2C1%2C0%2C32Zm0-48H184V104a16%2C16%2C0%2C1%2C1%2C16%2C16Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.logo-snapchat {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M247.83%2C182.28a8%2C8%2C0%2C0%2C0-5.13-5.9c-.39-.14-28.95-10.88-43-49.23l19.3-7.72A8%2C8%2C0%2C1%2C0%2C213%2C104.57l-17.82%2C7.13A149%2C149%2C0%2C0%2C1%2C192%2C80%2C64%2C64%2C0%2C0%2C0%2C64%2C80a151.24%2C151.24%2C0%2C0%2C1-3.18%2C31.75L43%2C104.57A8%2C8%2C0%2C1%2C0%2C37%2C119.43l19.37%2C7.75a94%2C94%2C0%2C0%2C1-17.74%2C30.2c-12.52%2C14.14-25.27%2C19-25.36%2C19a8%2C8%2C0%2C0%2C0-2.77%2C13.36c7.1%2C6.67%2C17.67%2C7.71%2C27.88%2C8.72%2C6.31.62%2C12.83%2C1.27%2C16.39%2C3.23%2C3.37%2C1.86%2C6.85%2C6.62%2C10.21%2C11.22%2C5.4%2C7.41%2C11.53%2C15.8%2C21.24%2C18.28%2C9.07%2C2.33%2C18.35-.83%2C26.54-3.62%2C5.55-1.89%2C10.8-3.68%2C15.21-3.68s9.66%2C1.79%2C15.21%2C3.68c6.2%2C2.11%2C13%2C4.43%2C19.9%2C4.43a26.35%2C26.35%2C0%2C0%2C0%2C6.64-.81h0c9.7-2.48%2C15.83-10.87%2C21.23-18.28%2C3.36-4.6%2C6.84-9.36%2C10.21-11.22%2C3.56-2%2C10.08-2.61%2C16.39-3.23%2C10.21-1%2C20.78-2.05%2C27.88-8.72A8%2C8%2C0%2C0%2C0%2C247.83%2C182.28Zm-31.82.26c-7.91.78-16.08%2C1.59-22.53%2C5.13s-11%2C9.79-15.41%2C15.81c-4%2C5.48-8.15%2C11.16-12.28%2C12.21-4.46%2C1.15-10.76-1-17.42-3.27s-13.31-4.53-20.37-4.53-13.83%2C2.3-20.37%2C4.53-13%2C4.42-17.42%2C3.27c-4.13-1.05-8.27-6.73-12.28-12.21-4.39-6-8.93-12.24-15.41-15.81S47.9%2C183.32%2C40%2C182.54c-1.55-.15-3.15-.31-4.74-.49a97.34%2C97.34%2C0%2C0%2C0%2C14.69-13.29c8.37-9.27%2C17.72-23.23%2C23.74-43.13l.06-.13a8.63%2C8.63%2C0%2C0%2C0%2C.46-1.61A158.47%2C158.47%2C0%2C0%2C0%2C80%2C80a48%2C48%2C0%2C0%2C1%2C96%2C0%2C158.42%2C158.42%2C0%2C0%2C0%2C5.8%2C43.92%2C8.63%2C8.63%2C0%2C0%2C0%2C.46%2C1.61l.06.13c6%2C19.9%2C15.37%2C33.86%2C23.74%2C43.13a97.34%2C97.34%2C0%2C0%2C0%2C14.69%2C13.29C219.16%2C182.23%2C217.57%2C182.39%2C216%2C182.54Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.logo-soundcloud-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M24%2C120v48a8%2C8%2C0%2C0%2C1-16%2C0V120a8%2C8%2C0%2C0%2C1%2C16%2C0ZM48%2C88a8%2C8%2C0%2C0%2C0-8%2C8v96a8%2C8%2C0%2C0%2C0%2C16%2C0V96A8%2C8%2C0%2C0%2C0%2C48%2C88Zm32-8a8%2C8%2C0%2C0%2C0-8%2C8V192a8%2C8%2C0%2C0%2C0%2C16%2C0V88A8%2C8%2C0%2C0%2C0%2C80%2C80Zm32-32a8%2C8%2C0%2C0%2C0-8%2C8V192a8%2C8%2C0%2C0%2C0%2C16%2C0V56A8%2C8%2C0%2C0%2C0%2C112%2C48Zm110.84%2C58.34A80%2C80%2C0%2C0%2C0%2C144%2C40a8%2C8%2C0%2C0%2C0-8%2C8V192a8%2C8%2C0%2C0%2C0%2C8%2C8h64a48%2C48%2C0%2C0%2C0%2C14.84-93.66Z%22%2F%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.logo-tiktok-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M232%2C80v40a8%2C8%2C0%2C0%2C1-8%2C8%2C103.25%2C103.25%2C0%2C0%2C1-48-11.71V156a76%2C76%2C0%2C0%2C1-152%2C0c0-36.9%2C26.91-69.52%2C62.6-75.88A8%2C8%2C0%2C0%2C1%2C96%2C88v42.69a8%2C8%2C0%2C0%2C1-4.57%2C7.23A20%2C20%2C0%2C1%2C0%2C120%2C156V24a8%2C8%2C0%2C0%2C1%2C8-8h40a8%2C8%2C0%2C0%2C1%2C8%2C8%2C48.05%2C48.05%2C0%2C0%2C0%2C48%2C48A8%2C8%2C0%2C0%2C1%2C232%2C80Z%22%2F%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.logo-x {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M214.75%2C211.71l-62.6-98.38%2C61.77-67.95a8%2C8%2C0%2C0%2C0-11.84-10.76L143.24%2C99.34%2C102.75%2C35.71A8%2C8%2C0%2C0%2C0%2C96%2C32H48a8%2C8%2C0%2C0%2C0-6.75%2C12.3l62.6%2C98.37-61.77%2C68a8%2C8%2C0%2C1%2C0%2C11.84%2C10.76l58.84-64.72%2C40.49%2C63.63A8%2C8%2C0%2C0%2C0%2C160%2C224h48a8%2C8%2C0%2C0%2C0%2C6.75-12.29ZM164.39%2C208%2C62.57%2C48h29L193.43%2C208Z%22%2F%3E%3C%2Fsvg%3E");
}

.lds-icon.logo-youtube-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M234.33%2C69.52a24%2C24%2C0%2C0%2C0-14.49-16.4C185.56%2C39.88%2C131%2C40%2C128%2C40s-57.56-.12-91.84%2C13.12a24%2C24%2C0%2C0%2C0-14.49%2C16.4C19.08%2C79.5%2C16%2C97.74%2C16%2C128s3.08%2C48.5%2C5.67%2C58.48a24%2C24%2C0%2C0%2C0%2C14.49%2C16.41C69%2C215.56%2C120.4%2C216%2C127.34%2C216h1.32c6.94%2C0%2C58.37-.44%2C91.18-13.11a24%2C24%2C0%2C0%2C0%2C14.49-16.41c2.59-10%2C5.67-28.22%2C5.67-58.48S236.92%2C79.5%2C234.33%2C69.52Zm-72.11%2C61.81-48%2C32A4%2C4%2C0%2C0%2C1%2C108%2C160V96a4%2C4%2C0%2C0%2C1%2C6.22-3.33l48%2C32a4%2C4%2C0%2C0%2C1%2C0%2C6.66Z%22%2F%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.magnifying-glass {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M229.66%2C218.34l-50.07-50.06a88.11%2C88.11%2C0%2C1%2C0-11.31%2C11.31l50.06%2C50.07a8%2C8%2C0%2C0%2C0%2C11.32-11.32ZM40%2C112a72%2C72%2C0%2C1%2C1%2C72%2C72A72.08%2C72.08%2C0%2C0%2C1%2C40%2C112Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.medical-asclepius {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M216%2C79v1a40%2C40%2C0%2C0%2C1-40%2C40H136v80h8a16%2C16%2C0%2C0%2C0%2C10.67-27.93%2C8%2C8%2C0%2C0%2C1%2C10.66-11.92A32%2C32%2C0%2C0%2C1%2C144%2C216h-8v16a8%2C8%2C0%2C0%2C1-16%2C0V216H96a8%2C8%2C0%2C0%2C1%2C0-16h24V120H96a16%2C16%2C0%2C0%2C0%2C0%2C32%2C8%2C8%2C0%2C0%2C1%2C0%2C16%2C32%2C32%2C0%2C0%2C1%2C0-64h24V24a8%2C8%2C0%2C0%2C1%2C16%2C0v80h40a24%2C24%2C0%2C0%2C0%2C24-24V79a23%2C23%2C0%2C0%2C0-23-23H160a8%2C8%2C0%2C0%2C1%2C0-16h17a39%2C39%2C0%2C0%2C1%2C39%2C39ZM56%2C96H32a8%2C8%2C0%2C0%2C1-8-8V80A40%2C40%2C0%2C0%2C1%2C64%2C40H96a8%2C8%2C0%2C0%2C1%2C0%2C16A40%2C40%2C0%2C0%2C1%2C56%2C96ZM80%2C56H64A24%2C24%2C0%2C0%2C0%2C40%2C80H56A24%2C24%2C0%2C0%2C0%2C80%2C56Z%22%2F%3E%3C%2Fsvg%3E");
}

.lds-icon.medical-first-aid-kit {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M216%2C56H176V48a24%2C24%2C0%2C0%2C0-24-24H104A24%2C24%2C0%2C0%2C0%2C80%2C48v8H40A16%2C16%2C0%2C0%2C0%2C24%2C72V200a16%2C16%2C0%2C0%2C0%2C16%2C16H216a16%2C16%2C0%2C0%2C0%2C16-16V72A16%2C16%2C0%2C0%2C0%2C216%2C56ZM96%2C48a8%2C8%2C0%2C0%2C1%2C8-8h48a8%2C8%2C0%2C0%2C1%2C8%2C8v8H96ZM216%2C200H40V72H216V200Zm-56-64a8%2C8%2C0%2C0%2C1-8%2C8H136v16a8%2C8%2C0%2C0%2C1-16%2C0V144H104a8%2C8%2C0%2C0%2C1%2C0-16h16V112a8%2C8%2C0%2C0%2C1%2C16%2C0v16h16A8%2C8%2C0%2C0%2C1%2C160%2C136Z%22%2F%3E%3C%2Fsvg%3E");
}

.lds-icon.medical-first-aid {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M216%2C88H168V40a16%2C16%2C0%2C0%2C0-16-16H104A16%2C16%2C0%2C0%2C0%2C88%2C40V88H40a16%2C16%2C0%2C0%2C0-16%2C16v48a16%2C16%2C0%2C0%2C0%2C16%2C16H88v48a16%2C16%2C0%2C0%2C0%2C16%2C16h48a16%2C16%2C0%2C0%2C0%2C16-16V168h48a16%2C16%2C0%2C0%2C0%2C16-16V104A16%2C16%2C0%2C0%2C0%2C216%2C88Zm0%2C64H160a8%2C8%2C0%2C0%2C0-8%2C8v56H104V160a8%2C8%2C0%2C0%2C0-8-8H40V104H96a8%2C8%2C0%2C0%2C0%2C8-8V40h48V96a8%2C8%2C0%2C0%2C0%2C8%2C8h56Z%22%2F%3E%3C%2Fsvg%3E");
}

.lds-icon.medical-hospital {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M248%2C208h-8V128a16%2C16%2C0%2C0%2C0-16-16H168V48a16%2C16%2C0%2C0%2C0-16-16H56A16%2C16%2C0%2C0%2C0%2C40%2C48V208H32a8%2C8%2C0%2C0%2C0%2C0%2C16H248a8%2C8%2C0%2C0%2C0%2C0-16Zm-24-80v80H168V128ZM56%2C48h96V208H136V160a8%2C8%2C0%2C0%2C0-8-8H80a8%2C8%2C0%2C0%2C0-8%2C8v48H56Zm64%2C160H88V168h32ZM72%2C96a8%2C8%2C0%2C0%2C1%2C8-8H96V72a8%2C8%2C0%2C0%2C1%2C16%2C0V88h16a8%2C8%2C0%2C0%2C1%2C0%2C16H112v16a8%2C8%2C0%2C0%2C1-16%2C0V104H80A8%2C8%2C0%2C0%2C1%2C72%2C96Z%22%2F%3E%3C%2Fsvg%3E");
}

.lds-icon.medical-infusion-bag {
  mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%22-5%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.31977%200.0253906C3.40211%200.0253906%202.69587%200.839049%202.69587%201.788V8.77093C2.69587%2010.2571%203.73171%2011.5182%205.0941%2011.6668V12.291C5.0941%2013.0255%205.62644%2013.6663%206.33778%2013.7016V16.9804C6.33778%2017.4938%205.96303%2017.87%205.55217%2017.87C5.14143%2017.87%204.76694%2017.4939%204.76694%2016.9804V15.1795C4.76694%2014.0263%203.90972%2013.0462%202.80625%2013.0462C1.70267%2013.0462%200.845215%2014.0261%200.845215%2015.1795V16.8948C0.845486%2017.2147%201.08604%2017.5165%201.43316%2017.5165C1.78%2017.5165%202.02081%2017.215%202.02081%2016.8948V15.1796C2.02081%2014.6663%202.39558%2014.29%202.80639%2014.29C3.21711%2014.29%203.59163%2014.6661%203.59163%2015.1796V16.9806C3.59163%2018.1337%204.44886%2019.1139%205.55233%2019.1139C6.65594%2019.1139%207.51336%2018.1341%207.51336%2016.9806V13.7018C8.22447%2013.6662%208.7567%2013.0256%208.7567%2012.2912V11.667C10.1192%2011.5184%2011.1549%2010.2573%2011.1549%208.7711V1.78819C11.1549%200.83919%2010.4487%200.0255788%209.53104%200.0255788L4.31977%200.0253906ZM3.87113%201.78765C3.87113%201.47867%204.0947%201.26861%204.3197%201.26861H9.53051C9.75555%201.26861%209.97907%201.47848%209.97907%201.78783V4.11582L3.87113%204.11564V1.78765Z%22%2F%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.medical-pill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M216.42%2C39.6a53.26%2C53.26%2C0%2C0%2C0-75.32%2C0L39.6%2C141.09a53.26%2C53.26%2C0%2C0%2C0%2C75.32%2C75.31h0L216.43%2C114.91A53.31%2C53.31%2C0%2C0%2C0%2C216.42%2C39.6ZM103.61%2C205.09h0a37.26%2C37.26%2C0%2C0%2C1-52.7-52.69L96%2C107.31%2C148.7%2C160ZM205.11%2C103.6%2C160%2C148.69%2C107.32%2C96l45.1-45.09a37.26%2C37.26%2C0%2C0%2C1%2C52.69%2C52.69ZM189.68%2C82.34a8%2C8%2C0%2C0%2C1%2C0%2C11.32l-24%2C24a8%2C8%2C0%2C1%2C1-11.31-11.32l24-24A8%2C8%2C0%2C0%2C1%2C189.68%2C82.34Z%22%2F%3E%3C%2Fsvg%3E");
}

.lds-icon.medical-prescription {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M183.31%2C188l22.35-22.34a8%2C8%2C0%2C0%2C0-11.32-11.32L172%2C176.69l-41.15-41.16A52%2C52%2C0%2C0%2C0%2C124%2C32H72a8%2C8%2C0%2C0%2C0-8%2C8V192a8%2C8%2C0%2C0%2C0%2C16%2C0V136h28.69l52%2C52-22.35%2C22.34a8%2C8%2C0%2C0%2C0%2C11.32%2C11.32L172%2C199.31l22.34%2C22.35a8%2C8%2C0%2C0%2C0%2C11.32-11.32ZM80%2C48h44a36%2C36%2C0%2C0%2C1%2C0%2C72H80Z%22%2F%3E%3C%2Fsvg%3E");
}

.lds-icon.medical-pulse {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M240%2C128a8%2C8%2C0%2C0%2C1-8%2C8H204.94l-37.78%2C75.58A8%2C8%2C0%2C0%2C1%2C160%2C216h-.4a8%2C8%2C0%2C0%2C1-7.08-5.14L95.35%2C60.76%2C63.28%2C131.31A8%2C8%2C0%2C0%2C1%2C56%2C136H24a8%2C8%2C0%2C0%2C1%2C0-16H50.85L88.72%2C36.69a8%2C8%2C0%2C0%2C1%2C14.76.46l57.51%2C151%2C31.85-63.71A8%2C8%2C0%2C0%2C1%2C200%2C120h32A8%2C8%2C0%2C0%2C1%2C240%2C128Z%22%2F%3E%3C%2Fsvg%3E");
}

.lds-icon.medical-stethoscope {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M220%2C160a12%2C12%2C0%2C1%2C1-12-12A12%2C12%2C0%2C0%2C1%2C220%2C160Zm-4.55%2C39.29A48.08%2C48.08%2C0%2C0%2C1%2C168%2C240H144a48.05%2C48.05%2C0%2C0%2C1-48-48V151.49A64%2C64%2C0%2C0%2C1%2C40%2C88V40a8%2C8%2C0%2C0%2C1%2C8-8H72a8%2C8%2C0%2C0%2C1%2C0%2C16H56V88a48%2C48%2C0%2C0%2C0%2C48.64%2C48c26.11-.34%2C47.36-22.25%2C47.36-48.83V48H136a8%2C8%2C0%2C0%2C1%2C0-16h24a8%2C8%2C0%2C0%2C1%2C8%2C8V87.17c0%2C32.84-24.53%2C60.29-56%2C64.31V192a32%2C32%2C0%2C0%2C0%2C32%2C32h24a32.06%2C32.06%2C0%2C0%2C0%2C31.22-25%2C40%2C40%2C0%2C1%2C1%2C16.23.27ZM232%2C160a24%2C24%2C0%2C1%2C0-24%2C24A24%2C24%2C0%2C0%2C0%2C232%2C160Z%22%2F%3E%3C%2Fsvg%3E");
}

.lds-icon.medical-syringe {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M237.66%2C66.34l-48-48a8%2C8%2C0%2C0%2C0-11.32%2C11.32L196.69%2C48%2C168%2C76.69%2C133.66%2C42.34a8%2C8%2C0%2C0%2C0-11.32%2C11.32L128.69%2C60l-84%2C84A15.86%2C15.86%2C0%2C0%2C0%2C40%2C155.31v49.38L18.34%2C226.34a8%2C8%2C0%2C0%2C0%2C11.32%2C11.32L51.31%2C216h49.38A15.86%2C15.86%2C0%2C0%2C0%2C112%2C211.31l84-84%2C6.34%2C6.35a8%2C8%2C0%2C0%2C0%2C11.32-11.32L179.31%2C88%2C208%2C59.31l18.34%2C18.35a8%2C8%2C0%2C0%2C0%2C11.32-11.32ZM100.69%2C200H56V155.31l18-18%2C20.34%2C20.35a8%2C8%2C0%2C0%2C0%2C11.32-11.32L85.31%2C126%2C98%2C113.31l20.34%2C20.35a8%2C8%2C0%2C0%2C0%2C11.32-11.32L109.31%2C102%2C140%2C71.31%2C184.69%2C116Z%22%20%2F%3E%3C%2Fsvg%3E");
}

.lds-icon.medical-wheelchair-motion {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M176%2C80a32%2C32%2C0%2C1%2C0-32-32A32%2C32%2C0%2C0%2C0%2C176%2C80Zm0-48a16%2C16%2C0%2C1%2C1-16%2C16A16%2C16%2C0%2C0%2C1%2C176%2C32Zm-8%2C136a64%2C64%2C0%2C1%2C1-64-64%2C8%2C8%2C0%2C0%2C1%2C0%2C16%2C48%2C48%2C0%2C1%2C0%2C48%2C48%2C8%2C8%2C0%2C0%2C1%2C16%2C0Zm38.19-37.07a8%2C8%2C0%2C0%2C1%2C1.65%2C6.64l-16%2C80A8%2C8%2C0%2C0%2C1%2C184%2C224a7.77%2C7.77%2C0%2C0%2C1-1.58-.16%2C8%2C8%2C0%2C0%2C1-6.27-9.41L190.24%2C144H128a8%2C8%2C0%2C0%2C1-6.94-12l20.06-34.9a80.09%2C80.09%2C0%2C0%2C0-88%2C9.17A8%2C8%2C0%2C1%2C1%2C42.91%2C94a96%2C96%2C0%2C0%2C1%2C113.46-6.42%2C8%2C8%2C0%2C0%2C1%2C2.57%2C10.69L141.82%2C128H200A8%2C8%2C0%2C0%2C1%2C206.19%2C130.93Z%22%2F%3E%3C%2Fsvg%3E");
}

.lds-icon.medical-wheelchair {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M255.59%2C189.47a8%2C8%2C0%2C0%2C0-10.12-5.06l-17.42%2C5.81-28.9-57.8A8%2C8%2C0%2C0%2C0%2C192%2C128H112V104h56a8%2C8%2C0%2C0%2C0%2C0-16H112V79a32%2C32%2C0%2C1%2C0-16%2C0V89.81A72%2C72%2C0%2C0%2C0%2C112%2C232c33.52%2C0%2C63.69-22.71%2C71.75-54a8%2C8%2C0%2C1%2C0-15.5-4C162.09%2C198%2C137.91%2C216%2C112%2C216A56%2C56%2C0%2C0%2C1%2C96%2C106.34V136a8%2C8%2C0%2C0%2C0%2C8%2C8h83.05l29.79%2C59.58a8%2C8%2C0%2C0%2C0%2C9.69%2C4l24-8A8%2C8%2C0%2C0%2C0%2C255.59%2C189.47ZM88%2C48a16%2C16%2C0%2C1%2C1%2C16%2C16A16%2C16%2C0%2C0%2C1%2C88%2C48Z%22%2F%3E%3C%2Fsvg%3E");
}

.lds-icon.minus-circle-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24Zm40%2C112H88a8%2C8%2C0%2C0%2C1%2C0-16h80a8%2C8%2C0%2C0%2C1%2C0%2C16Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.minus-circle {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M176%2C128a8%2C8%2C0%2C0%2C1-8%2C8H88a8%2C8%2C0%2C0%2C1%2C0-16h80A8%2C8%2C0%2C0%2C1%2C176%2C128Zm56%2C0A104%2C104%2C0%2C1%2C1%2C128%2C24%2C104.11%2C104.11%2C0%2C0%2C1%2C232%2C128Zm-16%2C0a88%2C88%2C0%2C1%2C0-88%2C88A88.1%2C88.1%2C0%2C0%2C0%2C216%2C128Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.minus {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M224%2C128a8%2C8%2C0%2C0%2C1-8%2C8H40a8%2C8%2C0%2C0%2C1%2C0-16H216A8%2C8%2C0%2C0%2C1%2C224%2C128Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

.lds-icon.no-smoking {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M201%2C60.08c8-14.23%2C7.42-21.71%2C6.36-24.91a7.79%2C7.79%2C0%2C0%2C0-2.64-3.86%2C8%2C8%2C0%2C1%2C1%2C6.5-14.62%2C22.57%2C22.57%2C0%2C0%2C1%2C11.32%2C13.44c3.36%2C10.14.81%2C22.85-7.6%2C37.79-8%2C14.23-7.42%2C21.72-6.36%2C24.92a7.79%2C7.79%2C0%2C0%2C0%2C2.64%2C3.85%2C8%2C8%2C0%2C1%2C1-6.5%2C14.62%2C22.53%2C22.53%2C0%2C0%2C1-11.32-13.44C190.07%2C87.73%2C192.62%2C75%2C201%2C60.08Zm-47.6%2C37.79a22.53%2C22.53%2C0%2C0%2C0%2C11.32%2C13.44%2C8%2C8%2C0%2C1%2C0%2C6.5-14.62%2C7.79%2C7.79%2C0%2C0%2C1-2.64-3.85c-1.06-3.2-1.64-10.69%2C6.36-24.92%2C8.41-14.94%2C11-27.65%2C7.6-37.79a22.57%2C22.57%2C0%2C0%2C0-11.32-13.44%2C8%2C8%2C0%2C1%2C0-6.5%2C14.62%2C7.79%2C7.79%2C0%2C0%2C1%2C2.64%2C3.86c1.06%2C3.2%2C1.64%2C10.68-6.36%2C24.91C152.62%2C75%2C150.07%2C87.73%2C153.43%2C97.87Zm60.49%2C112.75a8%2C8%2C0%2C1%2C1-11.84%2C10.76L175.37%2C192H32a16%2C16%2C0%2C0%2C1-16-16V144a16%2C16%2C0%2C0%2C1%2C16-16h85.19L42.08%2C45.38A8%2C8%2C0%2C1%2C1%2C53.92%2C34.62ZM32%2C176H80V144H32Zm128.82%2C0-29.09-32H96v32ZM224%2C128H178.52a8%2C8%2C0%2C1%2C0%2C0%2C16H224v32h-1.84a8%2C8%2C0%2C1%2C0%2C0%2C16H224a16%2C16%2C0%2C0%2C0%2C16-16V144A16%2C16%2C0%2C0%2C0%2C224%2C128Z%22%2F%3E%3C%2Fsvg%3E");
}

.lds-icon.paper-plane-tilt-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M231.4%2C44.34s0%2C.1%2C0%2C.15l-58.2%2C191.94a15.88%2C15.88%2C0%2C0%2C1-14%2C11.51q-.69.06-1.38.06a15.86%2C15.86%2C0%2C0%2C1-14.42-9.15L107%2C164.15a4%2C4%2C0%2C0%2C1%2C.77-4.58l57.92-57.92a8%2C8%2C0%2C0%2C0-11.31-11.31L96.43%2C148.26a4%2C4%2C0%2C0%2C1-4.58.77L17.08%2C112.64a16%2C16%2C0%2C0%2C1%2C2.49-29.8l191.94-58.2.15%2C0A16%2C16%2C0%2C0%2C1%2C231.4%2C44.34Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.paperclip {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M209.66%2C122.34a8%2C8%2C0%2C0%2C1%2C0%2C11.32l-82.05%2C82a56%2C56%2C0%2C0%2C1-79.2-79.21L147.67%2C35.73a40%2C40%2C0%2C1%2C1%2C56.61%2C56.55L105%2C193A24%2C24%2C0%2C1%2C1%2C71%2C159L154.3%2C74.38A8%2C8%2C0%2C1%2C1%2C165.7%2C85.6L82.39%2C170.31a8%2C8%2C0%2C1%2C0%2C11.27%2C11.36L192.93%2C81A24%2C24%2C0%2C1%2C0%2C159%2C47L59.76%2C147.68a40%2C40%2C0%2C1%2C0%2C56.53%2C56.62l82.06-82A8%2C8%2C0%2C0%2C1%2C209.66%2C122.34Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.pause-circle-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.13%2C104.13%2C0%2C0%2C0%2C128%2C24ZM112%2C160a8%2C8%2C0%2C0%2C1-16%2C0V96a8%2C8%2C0%2C0%2C1%2C16%2C0Zm48%2C0a8%2C8%2C0%2C0%2C1-16%2C0V96a8%2C8%2C0%2C0%2C1%2C16%2C0Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.pause-circle {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24Zm0%2C192a88%2C88%2C0%2C1%2C1%2C88-88A88.1%2C88.1%2C0%2C0%2C1%2C128%2C216ZM112%2C96v64a8%2C8%2C0%2C0%2C1-16%2C0V96a8%2C8%2C0%2C0%2C1%2C16%2C0Zm48%2C0v64a8%2C8%2C0%2C0%2C1-16%2C0V96a8%2C8%2C0%2C0%2C1%2C16%2C0Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.pause-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M216%2C48V208a16%2C16%2C0%2C0%2C1-16%2C16H160a16%2C16%2C0%2C0%2C1-16-16V48a16%2C16%2C0%2C0%2C1%2C16-16h40A16%2C16%2C0%2C0%2C1%2C216%2C48ZM96%2C32H56A16%2C16%2C0%2C0%2C0%2C40%2C48V208a16%2C16%2C0%2C0%2C0%2C16%2C16H96a16%2C16%2C0%2C0%2C0%2C16-16V48A16%2C16%2C0%2C0%2C0%2C96%2C32Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.pencil-simple-line-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M227.32%2C73.37%2C182.63%2C28.69a16%2C16%2C0%2C0%2C0-22.63%2C0L36.69%2C152A15.86%2C15.86%2C0%2C0%2C0%2C32%2C163.31V208a16%2C16%2C0%2C0%2C0%2C16%2C16H216a8%2C8%2C0%2C0%2C0%2C0-16H115.32l112-112A16%2C16%2C0%2C0%2C0%2C227.32%2C73.37ZM192%2C108.69%2C147.32%2C64l24-24L216%2C84.69Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.pencil-simple-line {
  mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20256%20256%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m227.32%2073.37-44.69-44.68a16%2016%200%200%200%20-22.63%200l-123.31%20123.31a15.86%2015.86%200%200%200%20-4.69%2011.31v44.69a16%2016%200%200%200%2016%2016h168a8%208%200%200%200%200-16h-100.68l112-112a16%2016%200%200%200%200-22.63zm-134.63%20134.63h-44.69v-44.69l88-88%2044.69%2044.69zm99.31-99.31-44.68-44.69%2024-24%2044.68%2044.69z%22%2F%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.pencil-simple {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M227.31%2C73.37%2C182.63%2C28.68a16%2C16%2C0%2C0%2C0-22.63%2C0L36.69%2C152A15.86%2C15.86%2C0%2C0%2C0%2C32%2C163.31V208a16%2C16%2C0%2C0%2C0%2C16%2C16H92.69A15.86%2C15.86%2C0%2C0%2C0%2C104%2C219.31L227.31%2C96a16%2C16%2C0%2C0%2C0%2C0-22.63ZM92.69%2C208H48V163.31l88-88L180.69%2C120ZM192%2C108.68%2C147.31%2C64l24-24L216%2C84.68Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.phone-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M231.88%2C175.08A56.26%2C56.26%2C0%2C0%2C1%2C176%2C224C96.6%2C224%2C32%2C159.4%2C32%2C80A56.26%2C56.26%2C0%2C0%2C1%2C80.92%2C24.12a16%2C16%2C0%2C0%2C1%2C16.62%2C9.52l21.12%2C47.15%2C0%2C.12A16%2C16%2C0%2C0%2C1%2C117.39%2C96c-.18.27-.37.52-.57.77L96%2C121.45c7.49%2C15.22%2C23.41%2C31%2C38.83%2C38.51l24.34-20.71a8.12%2C8.12%2C0%2C0%2C1%2C.75-.56%2C16%2C16%2C0%2C0%2C1%2C15.17-1.4l.13.06%2C47.11%2C21.11A16%2C16%2C0%2C0%2C1%2C231.88%2C175.08Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.play-circle-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.13%2C104.13%2C0%2C0%2C0%2C128%2C24Zm36.44%2C110.66-48%2C32A8.05%2C8.05%2C0%2C0%2C1%2C112%2C168a8%2C8%2C0%2C0%2C1-8-8V96a8%2C8%2C0%2C0%2C1%2C12.44-6.66l48%2C32a8%2C8%2C0%2C0%2C1%2C0%2C13.32Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.play-circle {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24Zm0%2C192a88%2C88%2C0%2C1%2C1%2C88-88A88.1%2C88.1%2C0%2C0%2C1%2C128%2C216Zm36.44-94.66-48-32A8%2C8%2C0%2C0%2C0%2C104%2C96v64a8%2C8%2C0%2C0%2C0%2C12.44%2C6.66l48-32a8%2C8%2C0%2C0%2C0%2C0-13.32ZM120%2C145.05V111l25.58%2C17Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.play-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M240%2C128a15.74%2C15.74%2C0%2C0%2C1-7.6%2C13.51L88.32%2C229.65a16%2C16%2C0%2C0%2C1-16.2.3A15.86%2C15.86%2C0%2C0%2C1%2C64%2C216.13V39.87a15.86%2C15.86%2C0%2C0%2C1%2C8.12-13.82%2C16%2C16%2C0%2C0%2C1%2C16.2.3L232.4%2C114.49A15.74%2C15.74%2C0%2C0%2C1%2C240%2C128Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.plus-circle-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.13%2C104.13%2C0%2C0%2C0%2C128%2C24Zm40%2C112H136v32a8%2C8%2C0%2C0%2C1-16%2C0V136H88a8%2C8%2C0%2C0%2C1%2C0-16h32V88a8%2C8%2C0%2C0%2C1%2C16%2C0v32h32a8%2C8%2C0%2C0%2C1%2C0%2C16Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.plus-circle {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24Zm0%2C192a88%2C88%2C0%2C1%2C1%2C88-88A88.1%2C88.1%2C0%2C0%2C1%2C128%2C216Zm48-88a8%2C8%2C0%2C0%2C1-8%2C8H136v32a8%2C8%2C0%2C0%2C1-16%2C0V136H88a8%2C8%2C0%2C0%2C1%2C0-16h32V88a8%2C8%2C0%2C0%2C1%2C16%2C0v32h32A8%2C8%2C0%2C0%2C1%2C176%2C128Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.plus {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M224%2C128a8%2C8%2C0%2C0%2C1-8%2C8H136v80a8%2C8%2C0%2C0%2C1-16%2C0V136H40a8%2C8%2C0%2C0%2C1%2C0-16h80V40a8%2C8%2C0%2C0%2C1%2C16%2C0v80h80A8%2C8%2C0%2C0%2C1%2C224%2C128Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.prohibit {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24Zm88%2C104a87.56%2C87.56%2C0%2C0%2C1-20.41%2C56.28L71.72%2C60.4A88%2C88%2C0%2C0%2C1%2C216%2C128ZM40%2C128A87.56%2C87.56%2C0%2C0%2C1%2C60.41%2C71.72L184.28%2C195.6A88%2C88%2C0%2C0%2C1%2C40%2C128Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.push-pin-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M235.33%2C104l-53.47%2C53.65c4.56%2C12.67%2C6.45%2C33.89-13.19%2C60A15.93%2C15.93%2C0%2C0%2C1%2C157%2C224c-.38%2C0-.75%2C0-1.13%2C0a16%2C16%2C0%2C0%2C1-11.32-4.69L96.29%2C171%2C53.66%2C213.66a8%2C8%2C0%2C0%2C1-11.32-11.32L85%2C159.71l-48.3-48.3A16%2C16%2C0%2C0%2C1%2C38%2C87.63c25.42-20.51%2C49.75-16.48%2C60.4-13.14L152%2C20.7a16%2C16%2C0%2C0%2C1%2C22.63%2C0l60.69%2C60.68A16%2C16%2C0%2C0%2C1%2C235.33%2C104Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.question-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24Zm0%2C168a12%2C12%2C0%2C1%2C1%2C12-12A12%2C12%2C0%2C0%2C1%2C128%2C192Zm8-48.72V144a8%2C8%2C0%2C0%2C1-16%2C0v-8a8%2C8%2C0%2C0%2C1%2C8-8c13.23%2C0%2C24-9%2C24-20s-10.77-20-24-20-24%2C9-24%2C20v4a8%2C8%2C0%2C0%2C1-16%2C0v-4c0-19.85%2C17.94-36%2C40-36s40%2C16.15%2C40%2C36C168%2C125.38%2C154.24%2C139.93%2C136%2C143.28Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.question {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M140%2C180a12%2C12%2C0%2C1%2C1-12-12A12%2C12%2C0%2C0%2C1%2C140%2C180ZM128%2C72c-22.06%2C0-40%2C16.15-40%2C36v4a8%2C8%2C0%2C0%2C0%2C16%2C0v-4c0-11%2C10.77-20%2C24-20s24%2C9%2C24%2C20-10.77%2C20-24%2C20a8%2C8%2C0%2C0%2C0-8%2C8v8a8%2C8%2C0%2C0%2C0%2C16%2C0v-.72c18.24-3.35%2C32-17.9%2C32-35.28C168%2C88.15%2C150.06%2C72%2C128%2C72Zm104%2C56A104%2C104%2C0%2C1%2C1%2C128%2C24%2C104.11%2C104.11%2C0%2C0%2C1%2C232%2C128Zm-16%2C0a88%2C88%2C0%2C1%2C0-88%2C88A88.1%2C88.1%2C0%2C0%2C0%2C216%2C128Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.quotes-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M116%2C72v88a48.05%2C48.05%2C0%2C0%2C1-48%2C48%2C8%2C8%2C0%2C0%2C1%2C0-16%2C32%2C32%2C0%2C0%2C0%2C32-32v-8H40a16%2C16%2C0%2C0%2C1-16-16V72A16%2C16%2C0%2C0%2C1%2C40%2C56h60A16%2C16%2C0%2C0%2C1%2C116%2C72ZM216%2C56H156a16%2C16%2C0%2C0%2C0-16%2C16v64a16%2C16%2C0%2C0%2C0%2C16%2C16h60v8a32%2C32%2C0%2C0%2C1-32%2C32%2C8%2C8%2C0%2C0%2C0%2C0%2C16%2C48.05%2C48.05%2C0%2C0%2C0%2C48-48V72A16%2C16%2C0%2C0%2C0%2C216%2C56Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.radio-button-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24Zm0%2C192a88%2C88%2C0%2C1%2C1%2C88-88A88.1%2C88.1%2C0%2C0%2C1%2C128%2C216Zm64-88a64%2C64%2C0%2C1%2C1-64-64A64.07%2C64.07%2C0%2C0%2C1%2C192%2C128Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.regulatory-triangle-uk {
  mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%2014L2.08986e-06%202.74376e-06L16%204.14252e-06L8%2014Z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.robot {
  mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20256%20256%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m200%2048h-64v-32a8%208%200%200%200%20-16%200v32h-64a32%2032%200%200%200%20-32%2032v112a32%2032%200%200%200%2032%2032h144a32%2032%200%200%200%2032-32v-112a32%2032%200%200%200%20-32-32zm16%20144a16%2016%200%200%201%20-16%2016h-144a16%2016%200%200%201%20-16-16v-112a16%2016%200%200%201%2016-16h144a16%2016%200%200%201%2016%2016zm-52-56h-72a28%2028%200%200%200%200%2056h72a28%2028%200%200%200%200-56zm-24%2016v24h-24v-24zm-60%2012a12%2012%200%200%201%2012-12h8v24h-8a12%2012%200%200%201%20-12-12zm84%2012h-8v-24h8a12%2012%200%200%201%200%2024zm-92-68a12%2012%200%201%201%2012%2012%2012%2012%200%200%201%20-12-12zm88%200a12%2012%200%201%201%2012%2012%2012%2012%200%200%201%20-12-12z%22%2F%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.sign-in {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cline%20x1%3D%2224%22%20y1%3D%22128%22%20x2%3D%22136%22%20y2%3D%22128%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2216%22%2F%3E%3Cpolyline%20points%3D%2296%2088%20136%20128%2096%20168%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2216%22%2F%3E%3Cpath%20d%3D%22M136%2C40h56a8%2C8%2C0%2C0%2C1%2C8%2C8V208a8%2C8%2C0%2C0%2C1-8%2C8H136%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2216%22%2F%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.sign-out {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M104%2C40H48a8%2C8%2C0%2C0%2C0-8%2C8V208a8%2C8%2C0%2C0%2C0%2C8%2C8h56%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2216%22%2F%3E%3Cline%20x1%3D%22104%22%20y1%3D%22128%22%20x2%3D%22216%22%20y2%3D%22128%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2216%22%2F%3E%3Cpolyline%20points%3D%22176%2088%20216%20128%20176%20168%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2216%22%2F%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.sparkle-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M208%2C144a15.78%2C15.78%2C0%2C0%2C1-10.42%2C14.94L146%2C178l-19%2C51.62a15.92%2C15.92%2C0%2C0%2C1-29.88%2C0L78%2C178l-51.62-19a15.92%2C15.92%2C0%2C0%2C1%2C0-29.88L78%2C110l19-51.62a15.92%2C15.92%2C0%2C0%2C1%2C29.88%2C0L146%2C110l51.62%2C19A15.78%2C15.78%2C0%2C0%2C1%2C208%2C144ZM152%2C48h16V64a8%2C8%2C0%2C0%2C0%2C16%2C0V48h16a8%2C8%2C0%2C0%2C0%2C0-16H184V16a8%2C8%2C0%2C0%2C0-16%2C0V32H152a8%2C8%2C0%2C0%2C0%2C0%2C16Zm88%2C32h-8V72a8%2C8%2C0%2C0%2C0-16%2C0v8h-8a8%2C8%2C0%2C0%2C0%2C0%2C16h8v8a8%2C8%2C0%2C0%2C0%2C16%2C0V96h8a8%2C8%2C0%2C0%2C0%2C0-16Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.speaker-simple-high-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M160%2C32V224a8%2C8%2C0%2C0%2C1-12.91%2C6.31L77.25%2C176H32a16%2C16%2C0%2C0%2C1-16-16V96A16%2C16%2C0%2C0%2C1%2C32%2C80H77.25l69.84-54.31A8%2C8%2C0%2C0%2C1%2C160%2C32Zm32%2C64a8%2C8%2C0%2C0%2C0-8%2C8v48a8%2C8%2C0%2C0%2C0%2C16%2C0V104A8%2C8%2C0%2C0%2C0%2C192%2C96Zm32-16a8%2C8%2C0%2C0%2C0-8%2C8v80a8%2C8%2C0%2C0%2C0%2C16%2C0V88A8%2C8%2C0%2C0%2C0%2C224%2C80Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.speaker-simple-none-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M155.52%2C24.81a8%2C8%2C0%2C0%2C0-8.43.88L77.25%2C80H32A16%2C16%2C0%2C0%2C0%2C16%2C96v64a16%2C16%2C0%2C0%2C0%2C16%2C16H77.25l69.84%2C54.31A7.94%2C7.94%2C0%2C0%2C0%2C152%2C232a8%2C8%2C0%2C0%2C0%2C8-8V32A8%2C8%2C0%2C0%2C0%2C155.52%2C24.81Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.speaker-simple-slash-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M184%2C152V104a8%2C8%2C0%2C0%2C1%2C16%2C0v48a8%2C8%2C0%2C0%2C1-16%2C0Zm40-72a8%2C8%2C0%2C0%2C0-8%2C8v80a8%2C8%2C0%2C0%2C0%2C16%2C0V88A8%2C8%2C0%2C0%2C0%2C224%2C80ZM53.92%2C34.62A8%2C8%2C0%2C1%2C0%2C42.08%2C45.38L73.55%2C80H32A16%2C16%2C0%2C0%2C0%2C16%2C96v64a16%2C16%2C0%2C0%2C0%2C16%2C16H77.25l69.84%2C54.31A8%2C8%2C0%2C0%2C0%2C160%2C224V175.09l42.08%2C46.29a8%2C8%2C0%2C1%2C0%2C11.84-10.76Zm92.16%2C77.59A8%2C8%2C0%2C0%2C0%2C160%2C106.83V32a8%2C8%2C0%2C0%2C0-12.91-6.31l-39.85%2C31a8%2C8%2C0%2C0%2C0-1%2C11.7Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.square-split-horizontal {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M200%2C40H56A16%2C16%2C0%2C0%2C0%2C40%2C56V200a16%2C16%2C0%2C0%2C0%2C16%2C16H200a16%2C16%2C0%2C0%2C0%2C16-16V56A16%2C16%2C0%2C0%2C0%2C200%2C40ZM56%2C56h64V200H56ZM200%2C200H136V56h64V200Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.star-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M234.5%2C114.38l-45.1%2C39.36%2C13.51%2C58.6a16%2C16%2C0%2C0%2C1-23.84%2C17.34l-51.11-31-51%2C31a16%2C16%2C0%2C0%2C1-23.84-17.34L66.61%2C153.8%2C21.5%2C114.38a16%2C16%2C0%2C0%2C1%2C9.11-28.06l59.46-5.15%2C23.21-55.36a15.95%2C15.95%2C0%2C0%2C1%2C29.44%2C0h0L166%2C81.17l59.44%2C5.15a16%2C16%2C0%2C0%2C1%2C9.11%2C28.06Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.star {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M239.2%2C97.29a16%2C16%2C0%2C0%2C0-13.81-11L166%2C81.17%2C142.72%2C25.81h0a15.95%2C15.95%2C0%2C0%2C0-29.44%2C0L90.07%2C81.17%2C30.61%2C86.32a16%2C16%2C0%2C0%2C0-9.11%2C28.06L66.61%2C153.8%2C53.09%2C212.34a16%2C16%2C0%2C0%2C0%2C23.84%2C17.34l51-31%2C51.11%2C31a16%2C16%2C0%2C0%2C0%2C23.84-17.34l-13.51-58.6%2C45.1-39.36A16%2C16%2C0%2C0%2C0%2C239.2%2C97.29Zm-15.22%2C5-45.1%2C39.36a16%2C16%2C0%2C0%2C0-5.08%2C15.71L187.35%2C216v0l-51.07-31a15.9%2C15.9%2C0%2C0%2C0-16.54%2C0l-51%2C31h0L82.2%2C157.4a16%2C16%2C0%2C0%2C0-5.08-15.71L32%2C102.35a.37.37%2C0%2C0%2C1%2C0-.09l59.44-5.14a16%2C16%2C0%2C0%2C0%2C13.35-9.75L128%2C32.08l23.2%2C55.29a16%2C16%2C0%2C0%2C0%2C13.35%2C9.75L224%2C102.26S224%2C102.32%2C224%2C102.33Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.stop-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20256%20256%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m216%2056v144a16%2016%200%200%201%20-16%2016h-144a16%2016%200%200%201%20-16-16v-144a16%2016%200%200%201%2016-16h144a16%2016%200%200%201%2016%2016z%22%2F%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.text-outdent {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M224%2C128a8%2C8%2C0%2C0%2C1-8%2C8H112a8%2C8%2C0%2C0%2C1%2C0-16H216A8%2C8%2C0%2C0%2C1%2C224%2C128ZM112%2C72H216a8%2C8%2C0%2C0%2C0%2C0-16H112a8%2C8%2C0%2C0%2C0%2C0%2C16ZM216%2C184H40a8%2C8%2C0%2C0%2C0%2C0%2C16H216a8%2C8%2C0%2C0%2C0%2C0-16ZM72%2C144a8%2C8%2C0%2C0%2C0%2C5.66-13.66L43.31%2C96%2C77.66%2C61.66A8%2C8%2C0%2C0%2C0%2C66.34%2C50.34l-40%2C40a8%2C8%2C0%2C0%2C0%2C0%2C11.32l40%2C40A8%2C8%2C0%2C0%2C0%2C72%2C144Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.thumbs-down {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M239.82%2C157l-12-96A24%2C24%2C0%2C0%2C0%2C204%2C40H32A16%2C16%2C0%2C0%2C0%2C16%2C56v88a16%2C16%2C0%2C0%2C0%2C16%2C16H75.06l37.78%2C75.58A8%2C8%2C0%2C0%2C0%2C120%2C240a40%2C40%2C0%2C0%2C0%2C40-40V184h56a24%2C24%2C0%2C0%2C0%2C23.82-27ZM72%2C144H32V56H72Zm150%2C21.29a7.88%2C7.88%2C0%2C0%2C1-6%2C2.71H152a8%2C8%2C0%2C0%2C0-8%2C8v24a24%2C24%2C0%2C0%2C1-19.29%2C23.54L88%2C150.11V56H204a8%2C8%2C0%2C0%2C1%2C7.94%2C7l12%2C96A7.87%2C7.87%2C0%2C0%2C1%2C222%2C165.29Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.thumbs-up {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M234%2C80.12A24%2C24%2C0%2C0%2C0%2C216%2C72H160V56a40%2C40%2C0%2C0%2C0-40-40%2C8%2C8%2C0%2C0%2C0-7.16%2C4.42L75.06%2C96H32a16%2C16%2C0%2C0%2C0-16%2C16v88a16%2C16%2C0%2C0%2C0%2C16%2C16H204a24%2C24%2C0%2C0%2C0%2C23.82-21l12-96A24%2C24%2C0%2C0%2C0%2C234%2C80.12ZM32%2C112H72v88H32ZM223.94%2C97l-12%2C96a8%2C8%2C0%2C0%2C1-7.94%2C7H88V105.89l36.71-73.43A24%2C24%2C0%2C0%2C1%2C144%2C56V80a8%2C8%2C0%2C0%2C0%2C8%2C8h64a8%2C8%2C0%2C0%2C1%2C7.94%2C9Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.trash-simple-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M224%2C56a8%2C8%2C0%2C0%2C1-8%2C8h-8V208a16%2C16%2C0%2C0%2C1-16%2C16H64a16%2C16%2C0%2C0%2C1-16-16V64H40a8%2C8%2C0%2C0%2C1%2C0-16H216A8%2C8%2C0%2C0%2C1%2C224%2C56ZM88%2C32h80a8%2C8%2C0%2C0%2C0%2C0-16H88a8%2C8%2C0%2C0%2C0%2C0%2C16Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.trash {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M216%2C48H176V40a24%2C24%2C0%2C0%2C0-24-24H104A24%2C24%2C0%2C0%2C0%2C80%2C40v8H40a8%2C8%2C0%2C0%2C0%2C0%2C16h8V208a16%2C16%2C0%2C0%2C0%2C16%2C16H192a16%2C16%2C0%2C0%2C0%2C16-16V64h8a8%2C8%2C0%2C0%2C0%2C0-16ZM96%2C40a8%2C8%2C0%2C0%2C1%2C8-8h48a8%2C8%2C0%2C0%2C1%2C8%2C8v8H96Zm96%2C168H64V64H192ZM112%2C104v64a8%2C8%2C0%2C0%2C1-16%2C0V104a8%2C8%2C0%2C0%2C1%2C16%2C0Zm48%2C0v64a8%2C8%2C0%2C0%2C1-16%2C0V104a8%2C8%2C0%2C0%2C1%2C16%2C0Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.upload-simple {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M224%2C152v56a16%2C16%2C0%2C0%2C1-16%2C16H48a16%2C16%2C0%2C0%2C1-16-16V152a8%2C8%2C0%2C0%2C1%2C16%2C0v56H208V152a8%2C8%2C0%2C0%2C1%2C16%2C0ZM93.66%2C85.66%2C120%2C59.31V152a8%2C8%2C0%2C0%2C0%2C16%2C0V59.31l26.34%2C26.35a8%2C8%2C0%2C0%2C0%2C11.32-11.32l-40-40a8%2C8%2C0%2C0%2C0-11.32%2C0l-40%2C40A8%2C8%2C0%2C0%2C0%2C93.66%2C85.66Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.user-circle-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M172%2C120a44%2C44%2C0%2C1%2C1-44-44A44.05%2C44.05%2C0%2C0%2C1%2C172%2C120Zm60%2C8A104%2C104%2C0%2C1%2C1%2C128%2C24%2C104.11%2C104.11%2C0%2C0%2C1%2C232%2C128Zm-16%2C0a88.09%2C88.09%2C0%2C0%2C0-91.47-87.93C77.43%2C41.89%2C39.87%2C81.12%2C40%2C128.25a87.65%2C87.65%2C0%2C0%2C0%2C22.24%2C58.16A79.71%2C79.71%2C0%2C0%2C1%2C84%2C165.1a4%2C4%2C0%2C0%2C1%2C4.83.32%2C59.83%2C59.83%2C0%2C0%2C0%2C78.28%2C0%2C4%2C4%2C0%2C0%2C1%2C4.83-.32%2C79.71%2C79.71%2C0%2C0%2C1%2C21.79%2C21.31A87.62%2C87.62%2C0%2C0%2C0%2C216%2C128Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.user-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M230.93%2C220a8%2C8%2C0%2C0%2C1-6.93%2C4H32a8%2C8%2C0%2C0%2C1-6.92-12c15.23-26.33%2C38.7-45.21%2C66.09-54.16a72%2C72%2C0%2C1%2C1%2C73.66%2C0c27.39%2C8.95%2C50.86%2C27.83%2C66.09%2C54.16A8%2C8%2C0%2C0%2C1%2C230.93%2C220Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.vehicle-ambulance {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M80%2C120a8%2C8%2C0%2C0%2C1%2C8-8h16V96a8%2C8%2C0%2C0%2C1%2C16%2C0v16h16a8%2C8%2C0%2C0%2C1%2C0%2C16H120v16a8%2C8%2C0%2C0%2C1-16%2C0V128H88A8%2C8%2C0%2C0%2C1%2C80%2C120Zm176%2C0v64a16%2C16%2C0%2C0%2C1-16%2C16H223a32%2C32%2C0%2C0%2C1-62%2C0H111a32%2C32%2C0%2C0%2C1-62%2C0H32a16%2C16%2C0%2C0%2C1-16-16V72A16%2C16%2C0%2C0%2C1%2C32%2C56H184a8%2C8%2C0%2C0%2C1%2C8%2C8v8h34.58a15.93%2C15.93%2C0%2C0%2C1%2C14.86%2C10.06l14%2C35A7.92%2C7.92%2C0%2C0%2C1%2C256%2C120ZM192%2C88v24h44.18l-9.6-24ZM32%2C184H49a32%2C32%2C0%2C0%2C1%2C62%2C0h50a32.11%2C32.11%2C0%2C0%2C1%2C15-19.69V72H32Zm64%2C8a16%2C16%2C0%2C1%2C0-16%2C16A16%2C16%2C0%2C0%2C0%2C96%2C192Zm112%2C0a16%2C16%2C0%2C1%2C0-16%2C16A16%2C16%2C0%2C0%2C0%2C208%2C192Zm32-8V128H192v32a32.06%2C32.06%2C0%2C0%2C1%2C31%2C24Z%22%2F%3E%3C%2Fsvg%3E");
}

.lds-icon.warning-circle-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24Zm-8%2C56a8%2C8%2C0%2C0%2C1%2C16%2C0v56a8%2C8%2C0%2C0%2C1-16%2C0Zm8%2C104a12%2C12%2C0%2C1%2C1%2C12-12A12%2C12%2C0%2C0%2C1%2C128%2C184Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.warning-circle {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24Zm0%2C192a88%2C88%2C0%2C1%2C1%2C88-88A88.1%2C88.1%2C0%2C0%2C1%2C128%2C216Zm-8-80V80a8%2C8%2C0%2C0%2C1%2C16%2C0v56a8%2C8%2C0%2C0%2C1-16%2C0Zm20%2C36a12%2C12%2C0%2C1%2C1-12-12A12%2C12%2C0%2C0%2C1%2C140%2C172Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.warning-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M236.8%2C188.09%2C149.35%2C36.22h0a24.76%2C24.76%2C0%2C0%2C0-42.7%2C0L19.2%2C188.09a23.51%2C23.51%2C0%2C0%2C0%2C0%2C23.72A24.35%2C24.35%2C0%2C0%2C0%2C40.55%2C224h174.9a24.35%2C24.35%2C0%2C0%2C0%2C21.33-12.19A23.51%2C23.51%2C0%2C0%2C0%2C236.8%2C188.09ZM120%2C104a8%2C8%2C0%2C0%2C1%2C16%2C0v40a8%2C8%2C0%2C0%2C1-16%2C0Zm8%2C88a12%2C12%2C0%2C1%2C1%2C12-12A12%2C12%2C0%2C0%2C1%2C128%2C192Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.warning {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M236.8%2C188.09%2C149.35%2C36.22h0a24.76%2C24.76%2C0%2C0%2C0-42.7%2C0L19.2%2C188.09a23.51%2C23.51%2C0%2C0%2C0%2C0%2C23.72A24.35%2C24.35%2C0%2C0%2C0%2C40.55%2C224h174.9a24.35%2C24.35%2C0%2C0%2C0%2C21.33-12.19A23.51%2C23.51%2C0%2C0%2C0%2C236.8%2C188.09ZM222.93%2C203.8a8.5%2C8.5%2C0%2C0%2C1-7.48%2C4.2H40.55a8.5%2C8.5%2C0%2C0%2C1-7.48-4.2%2C7.59%2C7.59%2C0%2C0%2C1%2C0-7.72L120.52%2C44.21a8.75%2C8.75%2C0%2C0%2C1%2C15%2C0l87.45%2C151.87A7.59%2C7.59%2C0%2C0%2C1%2C222.93%2C203.8ZM120%2C144V104a8%2C8%2C0%2C0%2C1%2C16%2C0v40a8%2C8%2C0%2C0%2C1-16%2C0Zm20%2C36a12%2C12%2C0%2C1%2C1-12-12A12%2C12%2C0%2C0%2C1%2C140%2C180Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.x-circle-fill {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24Zm37.66%2C130.34a8%2C8%2C0%2C0%2C1-11.32%2C11.32L128%2C139.31l-26.34%2C26.35a8%2C8%2C0%2C0%2C1-11.32-11.32L116.69%2C128%2C90.34%2C101.66a8%2C8%2C0%2C0%2C1%2C11.32-11.32L128%2C116.69l26.34-26.35a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32L139.31%2C128Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.x-circle {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M165.66%2C101.66%2C139.31%2C128l26.35%2C26.34a8%2C8%2C0%2C0%2C1-11.32%2C11.32L128%2C139.31l-26.34%2C26.35a8%2C8%2C0%2C0%2C1-11.32-11.32L116.69%2C128%2C90.34%2C101.66a8%2C8%2C0%2C0%2C1%2C11.32-11.32L128%2C116.69l26.34-26.35a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32ZM232%2C128A104%2C104%2C0%2C1%2C1%2C128%2C24%2C104.11%2C104.11%2C0%2C0%2C1%2C232%2C128Zm-16%2C0a88%2C88%2C0%2C1%2C0-88%2C88A88.1%2C88.1%2C0%2C0%2C0%2C216%2C128Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-icon.x {
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M205.66%2C194.34a8%2C8%2C0%2C0%2C1-11.32%2C11.32L128%2C139.31%2C61.66%2C205.66a8%2C8%2C0%2C0%2C1-11.32-11.32L116.69%2C128%2C50.34%2C61.66A8%2C8%2C0%2C0%2C1%2C61.66%2C50.34L128%2C116.69l66.34-66.35a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32L139.31%2C128Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A");
}

.lds-image {
  width: var(--lds-spacing-image-width);
}

.lds-image-comparison-slider {
  margin-bottom: var(--lds-spacing-image-comparison-slider-margin-bottom);
}

.lds-image-comparison-slider .lds-image-comparison-slider-titles .h4.lds-image-comparison-slider-title-left,
.lds-image-comparison-slider .lds-image-comparison-slider-titles .h4.lds-image-comparison-slider-title-right {
  margin-bottom: var(--lds-spacing-image-comparison-slider-title-margin-bottom);
}

.lds-image-comparison-slider-title-right {
  text-align: end;
}

.lds-image-comparison-slider .lds-image-comparison-slider-caption {
  margin-top: var(--lds-spacing-image-comparison-slider-caption-margin-top);
}

.lds-image-comparison-slider-buffer {
  margin: var(--lds-spacing-image-comparison-slider-buffer-margin);
  padding: var(--lds-spacing-image-comparison-slider-buffer-padding);
  position: relative;
}

.lds-image-comparison-slider-images {
  border-radius: var(--lds-radius-image-comparison-slider);
  box-shadow: var(--lds-shadow-image-comparison-slider);
  height: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.lds-image-comparison-slider-images .lds-image-comparison-slider-left,
.lds-image-comparison-slider-images .lds-image-comparison-slider-right {
  height: auto;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
}

.lds-image-comparison-slider-images .lds-image-comparison-slider-left img,
.lds-image-comparison-slider-images .lds-image-comparison-slider-right img {
  max-width: 100%;
}

.lds-image-comparison-slider-images .lds-image-comparison-slider-left {
  top: 0;
  bottom: 0;
  inset-inline-start: 0;
  width: 50%;
  height: 100%;
  position: absolute;
}

.lds-image-comparison-slider-images .lds-image-comparison-slider-left img {
  height: 100%;
  width: auto;
  max-width: none;
}

.lds-image-comparison-slider-control {
  top: 0;
  inset-inline-start: calc(50% - 1.325rem);
  position: absolute;
  height: 100%;
  width: 2.75rem;
  z-index: 5;
}

.lds-image-comparison-slider-control-bar-bottom,
.lds-image-comparison-slider-control-bar-top {
  background-color: var(--lds-color-image-comparison-slider-background);
  box-shadow: var(--lds-shadow-image-comparison-slider);
  height: calc(50% - 1.25rem);
  inset-inline-start: calc(50% - .125rem);
  position: absolute;
  top: 0;
  width: 4px;
}

.lds-image-comparison-slider-control-bar-bottom {
  bottom: 0;
  top: auto;
}

.lds-image-comparison-slider-control-button {
  background: var(--lds-color-image-comparison-slider-button-background);
  border-style: solid;
  border-width:  var(--lds-border-image-comparison-slider-width);
  border-color: var(--lds-color-image-comparison-slider-background);
  border-radius: var(--lds-radius-image-comparison-slider-button);
  box-shadow: var(--lds-shadow-image-comparison-slider);
  cursor: grab;
  position: absolute;
  top: calc(50% - 1.375rem);
  height: 2.75rem;
  width: 2.75rem;
}

.lds-image-comparison-slider-control-button.grabbed,
.lds-image-comparison-slider-control-button:focus {
  background-color: var(--lds-color-image-comparison-slider-background);
  box-shadow: var(--lds-shadow-image-comparison-slider-button);
  outline: 3px solid rgba(0,0,0,0);
}

.lds-image-comparison-slider-control-button.grabbed .lds-image-comparison-slider-control-icon-left,
.lds-image-comparison-slider-control-button.grabbed .lds-image-comparison-slider-control-icon-right,
.lds-image-comparison-slider-control-button:focus .lds-image-comparison-slider-control-icon-left,
.lds-image-comparison-slider-control-button:focus .lds-image-comparison-slider-control-icon-right {
  color: var(--lds-color-image-comparison-slider-button-focus);
}

.lds-image-comparison-slider-control-icon-left,
.lds-image-comparison-slider-control-icon-right {
  color: var(--lds-color-image-comparison-slider-background);
  position: absolute;
  top: calc(50% - .35rem);
}

.lds-image-comparison-slider-control-icon-left {
  right: 1rem;
}

.lds-image-comparison-slider-control-icon-right {
  left: 1rem;
}

.lds-image-slider-container {
  margin-bottom: var(--lds-spacing-image-slider-margin-bottom);
}

.lds-image-slider {
  position: relative;
}

.lds-image-slider-body {
  position: relative;
  width: auto;
  overflow: hidden;
  background: var(--lds-color-image-slider-background);
  border-radius: var(--lds-radius-image-slider-body);
}

.lds-image-slider-frame {
  display: flex;
  align-items: center;
  scroll-snap-type: x mandatory;
}

.lds-image-slider-frame-segment {
  text-align: center;
  width: 100%;
  margin-inline-end: var(--lds-spacing-image-slider-frame-margin-right);
  flex-shrink: 0;
  scroll-snap-align: start;
}

.lds-image-slider-frame-segment img.w-100 {
  width: 100%;
}

.lds-image-slider-frame-segment img.mw-100 {
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

.lds-image-slider-navigation {
  position: absolute;
  display: flex;
  justify-content: space-between;
  width: 100%;
  top: calc(50% - 3rem);
}

.lds-image-slider-next,
.lds-image-slider-prev {
  padding-top: var(--lds-spacing-image-slider-nav-buttons-padding-top);
  padding-right: var(--lds-spacing-image-slider-nav-buttons-padding-right);
  padding-bottom: var(--lds-spacing-image-slider-nav-buttons-padding-bottom);
  padding-left: var(--lds-spacing-image-slider-nav-buttons-padding-left);
  background: var(--lds-color-image-slider-nav-buttons-background);
  color: var(--lds-color-image-slider-nav-buttons);
  border-radius: var(--lds-radius-image-slider-nav-buttons);
  margin: var(--lds-spacing-image-slider-nav-buttons-margin);
}

.lds-image-slider-full-screen {
  position: absolute;
  inset-inline-end: var(--lds-spacing-image-slider-toggle-button-right);
  top: var(--lds-spacing-image-slider-toggle-button-top);
  margin: var(--lds-spacing-image-slider-nav-buttons-margin);
}

.lds-image-slider-full-screen-toggle {
  width: var(--lds-spacing-image-slider-toggle-button-width);
  height: var(--lds-spacing-image-slider-toggle-button-height);
  padding: var(--lds-spacing-image-slider-toggle-button-padding);
  color: var(--lds-color-image-slider-nav-buttons);
  background: var(--lds-color-image-slider-nav-buttons-background);
  border-radius: var(--lds-radius-image-slider-toggle-button);
}

.lds-image-slider-bottom-navigation {
  position: absolute;
  display: flex;
  justify-content: center;
  width: 100%;
  bottom: 0;
  margin: var(--lds-spacing-image-slider-nav-buttons-margin);
}

.lds-image-slider-dots {
  display: none;
  justify-content: center;
  align-items: center;
}

.lds-image-slider-counter {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  font-size: var(--lds-typography-image-slider-caption-font-size);
  background: var(--lds-color-image-slider-nav-buttons-background);
  color: var(--lds-color-image-slider-counter);
  padding: var(--lds-spacing-image-slider-counter-padding);
  border-radius: var(--lds-radius-image-slider-nav-buttons);
}

.lds-image-slider-counter .active-count {
  color: var(--lds-color-image-slider-counter-active);
  font-weight: var(--lds-typography-image-slider-caption-font-weight);
}

.lds-image-slider-bottom-navigation.counter .lds-image-slider-counter {
  background: var(--lds-color-image-slider-counter-background);
  border-start-end-radius: var(--lds-radius-image-slider-nav-buttons);
  border-end-end-radius: var(--lds-radius-image-slider-nav-buttons);
}

.lds-image-slider-dots button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--lds-spacing-image-slider-dots-button-width);
  height: var(--lds-spacing-image-slider-dots-button-height);
  background: var(--lds-color-image-slider-nav-buttons-background);
}

.lds-image-slider-dots button:first-child {
  border-start-start-radius: var(--lds-radius-image-slider-nav-buttons);
  border-end-start-radius: var(--lds-radius-image-slider-nav-buttons);
}

.lds-image-slider-dots button:last-child {
  border-start-end-radius: var(--lds-radius-image-slider-nav-buttons);
  border-end-end-radius: var(--lds-radius-image-slider-nav-buttons);
}

.lds-image-slider-bottom-navigation.counter .lds-image-slider-dots button:first-child {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}

.lds-image-slider-next:hover,
.lds-image-slider-prev:hover,
.lds-image-slider-full-screen-toggle:hover,
.lds-image-slider-dots button:hover {
  background: var(--lds-color-image-slider-nav-buttons-hover-background);
  color: var(--lds-color-image-slider-nav-buttons-hover);
}

.lds-image-slider-next:focus,
.lds-image-slider-prev:focus,
.lds-image-slider-full-screen-toggle:focus,
.lds-image-slider-dots button:focus {
  outline-color: var(--lds-color-image-slider-outline-focus);
  outline-offset: var(--lds-border-image-slider-outline-offset-focus);
  outline-style: var(--lds-border-image-slider-outline-style-focus);
  outline-width: var(--lds-border-image-slider-outline-width-focus);
  z-index: 2;
}

.lds-image-slider-dots button span.dot {
  width: var(--lds-spacing-image-slider-dots-width);
  height: var(--lds-spacing-image-slider-dots-height);
  background-color: var(--lds-color-image-slider-dots-background);
  border-radius: var(--lds-radius-image-slider-dots);
  display: inline-block;
}

.lds-image-slider-dots button.active span.dot {
  background-color: var(--lds-color-image-slider-dots-active-background);
  width: var(--lds-spacing-image-slider-dots-active-width);
  height: var(--lds-spacing-image-slider-dots-active-height);
}

.lds-image-slider-dots button:hover:not(.active) span.dot {
  background-color: var(--lds-color-image-slider-dots-hover-background);
  width: var(--lds-spacing-image-slider-dots-hover-width);
  height: var(--lds-spacing-image-slider-dots-hover-height);
}

.lds-image-slider-captions {
  margin-top: var(--lds-spacing-image-slider-caption-margin-top);
}

.lds-image-slider-captions p {
  display: none;
  font-size: var(--lds-typography-image-slider-caption-font-size);
  font-weight: var(--lds-typography-image-slider-caption-font-weight);
}

.lds-image-slider-captions p.active {
  display: block;
}

.lds-image-slider.expanded {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--lds-z-index-image-slider-exanded);
  border-radius: 0;
  height: 100vh;
}

.lds-image-slider.expanded .lds-image-slider-body,
.lds-image-slider.expanded .lds-image-slider-frame,
.lds-image-slider.expanded .lds-image-slider-frame-segment {
  height: 100%;
}

.lds-image-slider.expanded .lds-image-slider-frame-segment img {
  object-fit: contain;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100vh;
}

.lds-image-slider.expanded .lds-image-slider-navigation {
  top: calc(50% - 2rem);
}

.lds-image-slider.expanded .lds-image-slider-bottom-navigation {
  bottom: 1rem;
}

@media (min-width: 768px) {
  .lds-image-slider-dots {
    display: flex;
  }

  .lds-image-slider-counter {
    display: none;
  }

  .lds-image-slider-bottom-navigation.counter .lds-image-slider-counter {
    display: flex;
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }
}

/* MARK: RTL Support
 */

[dir="rtl"] .lds-image-slider-next,
[dir="rtl"] .lds-image-slider-prev {
  transform: rotate(180deg);
}

.lds-image-slider-captions.caption-text-bold p {
  --lds-typography-image-slider-caption-font-size: var(--lds-typography-small-font-size);
  --lds-typography-image-slider-caption-font-weight: var(--lds-typography-font-weight-bold);
}

.lds-image-slider-captions.caption-text-heading p {
  --lds-typography-image-slider-caption-font-size: var(--lds-typography-h4-rwd-font-size);
  --lds-typography-image-slider-caption-font-weight: var(--lds-typography-font-weight-regular);
}

.lds-image-slider-captions.caption-text-large p {
  --lds-typography-image-slider-caption-font-size: var(--lds-typography-large-font-size);
  --lds-typography-image-slider-caption-font-weight: var(--lds-typography-large-font-weight);
}

.lds-image-slider.inverted {
  --lds-color-image-slider-outline-focus: var(--lds-color-focus-outline);

  --lds-color-image-slider-counter: var(--lds-color-neutral-080);
  --lds-color-image-slider-counter-active: var(--lds-typography-color);
  --lds-color-image-slider-counter-background:  rgba(241, 241, 241, 0.7);

  --lds-color-image-slider-nav-buttons: var(--lds-typography-color);
  --lds-color-image-slider-nav-buttons-hover: var(--lds-color-neutral-080);
  --lds-color-image-slider-nav-buttons-background: rgba(241, 241, 241, 0.7);
  --lds-color-image-slider-nav-buttons-hover-background: var(--lds-color-neutral-020);

  --lds-color-image-slider-dots-background: var(--lds-color-neutral-060);
  --lds-color-image-slider-dots-active-background: var(--lds-typography-color);
  --lds-color-image-slider-dots-hover-background: var(--lds-color-neutral-070);
}

.lds-image-slider.radius-sm {
  --lds-radius-image-slider-nav-buttons: var(--lds-radius-small);
}

.lds-image-slider.radius-md {
  --lds-radius-image-slider-nav-buttons: var(--lds-radius-medium);
}

.lds-image-slider.radius-lg {
  --lds-radius-image-slider-nav-buttons: var(--lds-radius-large);
}

.lds-interactive-card {
  display: flex;
  align-items: center;
  padding: 0;
  width: var(--lds-spacing-interactive-card-width);
  min-width: var(--lds-spacing-interactive-card-min-width);
  max-width: var(--lds-spacing-interactive-card-max-width);
  border-radius: var(--lds-radius-interactive-card-border);
  border-color: var(--lds-border-interactive-card-color);
  border-style: var(--lds-border-interactive-card-style);
  border-width: var(--lds-border-interactive-card-width);
  background: var(--lds-color-interactive-card-background);
  box-shadow: var(--lds-shadow-interactive-card);
  text-decoration: none;
  text-align: left;
}

.lds-interactive-card.grow {
  flex-direction: column;
  flex: 1;
}

.lds-interactive-card .card-container {
  display: flex;
  flex-direction: row;
  align-items: start;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  border-radius: inherit;
  background-color: transparent;
}

.lds-interactive-card .card-image {
  display: none;
}

.lds-interactive-card .card-body {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-align: start;
  padding-top: var(--lds-spacing-interactive-card-body-padding-top);
  padding-bottom: var(--lds-spacing-interactive-card-body-padding-bottom);
  padding-inline-start: var(--lds-spacing-interactive-card-body-padding-left);
  padding-inline-end: var(--lds-spacing-interactive-card-body-padding-right);
  font-family: var(--lds-typography-font-family);
  font-size: 1rem;
}

.lds-interactive-card .card-title {
  color: var(--lds-typography-interactive-card-title-color);
  font-size: var(--lds-typography-interactive-card-title-font-size);
  font-weight: var(--lds-typography-interactive-card-title-font-weight);
  line-height: var(--lds-typography-interactive-card-title-line-height);
  margin-bottom: var(--lds-spacing-interactive-card-title-margin-bottom);
}

.lds-interactive-card .card-content {
  color: var(--lds-typography-interactive-card-content-color);
  font-size: var(--lds-typography-interactive-card-content-font-size);
  font-weight: var(--lds-typography-interactive-card-content-font-weight);
  line-height: var(--lds-typography-interactive-card-content-line-height);
  margin-bottom: var(--lds-spacing-interactive-card-content-margin-bottom);
}

.lds-interactive-card .card-link {
  color: var(--lds-typography-interactive-card-link-color);
  line-height: var(--lds-typography-interactive-card-content-line-height);
}

.lds-interactive-card:hover {
  background: var(--lds-color-interactive-card-background-hover);
  box-shadow: var(--lds-shadow-interactive-card-hover);
}

.lds-interactive-card:active {
  background: var(--lds-color-interactive-card-background-active);
  box-shadow: var(--lds-shadow-interactive-card-active);
}

.lds-interactive-card:focus {
  background: var(--lds-color-interactive-card-background-hover);
  box-shadow: var(--lds-shadow-interactive-card-hover);
  outline: var(--lds-border-interactive-card-outline-focus);
  outline-offset: var(--lds-border-interactive-card-outline-offset-focus);
  border-radius: var(--lds-radius-interactive-card-border-focus);
}

/* MARK: RTL Support
 */

[dir="rtl"] .lds-interactive-card .card-link .lds-icon.arrow-right {
  transform: rotate(180deg);
}

.lds-interactive-card.image .card-image {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  max-width: var(--lds-spacing-interactive-card-image-max-width);
  padding: var(--lds-spacing-interactive-card-image-padding);
  border-end-start-radius: inherit;
  border-start-start-radius: inherit;
  background-color: var(--lds-color-interactive-card-image-background);
}

.lds-interactive-card.image:active .card-image {
  background-color: var(--lds-color-interactive-card-image-background-active);
}

.lds-interactive-card.image:focus .card-image {
  background-color: var(--lds-color-interactive-card-image-background-focus);
}

.lds-interactive-card.image:hover .card-image {
  background-color: var(--lds-color-interactive-card-image-background-hover);
}

.lds-interactive-card.image .card-image img,
.lds-interactive-card.image .card-image svg,
.lds-interactive-card.image .card-image .img {
  display: block;
  width: 100%;
  max-width: calc(
    var(--lds-spacing-interactive-card-image-max-width) -
    (2 * var(--lds-spacing-interactive-card-image-padding))
  );
}

.lds-interactive-card.image .card-image svg.lds-icon {
  background-color: var(--lds-color-interactive-card-icon-background);
  max-height: calc(
    var(--lds-spacing-interactive-card-image-max-width) -
    (2 * var(--lds-spacing-interactive-card-image-padding))
  );
}

.lds-interactive-card.image:not(.image-background) .card-body {
  --lds-spacing-interactive-card-body-padding-top: var(--lds-spacing-interactive-card-body-padding-top-small);
  --lds-spacing-interactive-card-body-padding-bottom: var(--lds-spacing-interactive-card-body-padding-bottom-small);
  --lds-spacing-interactive-card-body-padding-right: var(--lds-spacing-interactive-card-body-padding-right-small);
  --lds-spacing-interactive-card-body-padding-left: 0;
}

.lds-interactive-card.image.image-background {
  --lds-color-interactive-card-image-background: var(--lds-color-primary-fg);
  --lds-color-interactive-card-image-background-active: var(--lds-color-primary-fg-active);
  --lds-color-interactive-card-image-background-focus: var(--lds-color-primary-fg-hover);
  --lds-color-interactive-card-image-background-hover: var(--lds-color-primary-fg-hover);

  --lds-color-interactive-card-icon-background: var(--lds-color-white);
}

.lds-interactive-card.outlined {
  --lds-border-interactive-card-width: 2px;

  --lds-border-interactive-card-color: var(--lds-color-primary-fg);
  --lds-border-interactive-card-color-hover: var(--lds-color-primary-fg);
  --lds-border-interactive-card-color-focus: var(--lds-color-primary-fg);
  --lds-border-interactive-card-color-active: var(--lds-color-primary-fg);
}

.lds-interactive-card.solid {
  --lds-color-interactive-card-background: var(--lds-color-primary-fg);
  --lds-color-interactive-card-background-hover: var(--lds-color-primary-fg-hover);
  --lds-color-interactive-card-background-focus: var(--lds-color-primary-fg-hover);
  --lds-color-interactive-card-background-active: var(--lds-color-primary-fg-active);

  --lds-color-interactive-card-icon-background: var(--lds-color-white);

  --lds-typography-interactive-card-title-color: var(--lds-color-white);
  --lds-typography-interactive-card-content-color: var(--lds-color-white);
  --lds-typography-interactive-card-link-color: var(--lds-color-white);

  --lds-border-interactive-card-width: 0;

  --lds-border-interactive-card-color: transparent;
  --lds-border-interactive-card-color-hover: transparent;
  --lds-border-interactive-card-color-focus: transparent;
  --lds-border-interactive-card-color-active: transparent;
}

.lds-interactive-card.large .card-body {
  --lds-spacing-interactive-card-body-padding-top: var(--lds-spacing-interactive-card-body-padding-top-large);
  --lds-spacing-interactive-card-body-padding-bottom: var(--lds-spacing-interactive-card-body-padding-bottom-large);
  --lds-spacing-interactive-card-body-padding-right: var(--lds-spacing-interactive-card-body-padding-right-large);
  --lds-spacing-interactive-card-body-padding-left: var(--lds-spacing-interactive-card-body-padding-left-large);
}

.lds-interactive-card.image.large:not(.image-background) .card-body {
  --lds-spacing-interactive-card-body-padding-top: var(--lds-spacing-interactive-card-body-padding-top-large);
  --lds-spacing-interactive-card-body-padding-bottom: var(--lds-spacing-interactive-card-body-padding-bottom-large);
  --lds-spacing-interactive-card-body-padding-right: var(--lds-spacing-interactive-card-body-padding-right-large);
  --lds-spacing-interactive-card-body-padding-left: 0;
}

.lds-interactive-card.large .card-title {
  --lds-spacing-interactive-card-title-margin-bottom: var(--lds-spacing-interactive-card-title-margin-bottom-large);
}

.lds-interactive-card.large .card-content {
  --lds-spacing-interactive-card-content-margin-bottom: var(--lds-spacing-interactive-card-content-margin-bottom-large);
}

.lds-interactive-card.medium .card-body {
  --lds-spacing-interactive-card-body-padding-top: var(--lds-spacing-interactive-card-body-padding-top-medium);
  --lds-spacing-interactive-card-body-padding-bottom: var(--lds-spacing-interactive-card-body-padding-bottom-medium);
  --lds-spacing-interactive-card-body-padding-right: var(--lds-spacing-interactive-card-body-padding-right-medium);
  --lds-spacing-interactive-card-body-padding-left: var(--lds-spacing-interactive-card-body-padding-left-medium);
}

.lds-interactive-card.image.medium:not(.image-background) .card-body {
  --lds-spacing-interactive-card-body-padding-top: var(--lds-spacing-interactive-card-body-padding-top-medium);
  --lds-spacing-interactive-card-body-padding-bottom: var(--lds-spacing-interactive-card-body-padding-bottom-medium);
  --lds-spacing-interactive-card-body-padding-right: var(--lds-spacing-interactive-card-body-padding-right-medium);
  --lds-spacing-interactive-card-body-padding-left: 0;
}

.lds-interactive-card.medium .card-title {
  --lds-spacing-interactive-card-title-margin-bottom: var(--lds-spacing-interactive-card-title-margin-bottom-medium);
}

.lds-interactive-card.medium .card-content {
  --lds-spacing-interactive-card-content-margin-bottom: var(--lds-spacing-interactive-card-content-margin-bottom-medium);
}

.lds-interactive-card.small .card-body {
  --lds-spacing-interactive-card-body-padding-top: var(--lds-spacing-interactive-card-body-padding-top-small);
  --lds-spacing-interactive-card-body-padding-bottom: var(--lds-spacing-interactive-card-body-padding-bottom-small);
  --lds-spacing-interactive-card-body-padding-right: var(--lds-spacing-interactive-card-body-padding-right-small);
  --lds-spacing-interactive-card-body-padding-left: var(--lds-spacing-interactive-card-body-padding-left-small);
}

.lds-interactive-card.image.small:not(.image-background) .card-body {
  --lds-spacing-interactive-card-body-padding-top: var(--lds-spacing-interactive-card-body-padding-top-small);
  --lds-spacing-interactive-card-body-padding-bottom: var(--lds-spacing-interactive-card-body-padding-bottom-small);
  --lds-spacing-interactive-card-body-padding-right: var(--lds-spacing-interactive-card-body-padding-right-small);
  --lds-spacing-interactive-card-body-padding-left: 0;
}

.lds-interactive-card.small .card-title {
  --lds-spacing-interactive-card-title-margin-bottom: var(--lds-spacing-interactive-card-title-margin-bottom-small);
}

.lds-interactive-card.small .card-content {
  --lds-spacing-interactive-card-content-margin-bottom: var(--lds-spacing-interactive-card-content-margin-bottom-small);
}

.lds-interactive-card.no-radius {
  --lds-radius-interactive-card-border: var(--lds-radius-interactive-card-border-none);
  --lds-radius-interactive-card-border-focus: var(--lds-radius-interactive-card-border-focus-none);
}

.lds-interactive-card.radius-xs {
  --lds-radius-interactive-card-border: var(--lds-radius-interactive-card-border-xsmall);
  --lds-radius-interactive-card-border-focus: var(--lds-radius-interactive-card-border-focus-xsmall);
}

.lds-interactive-card.radius-sm {
  --lds-radius-interactive-card-border: var(--lds-radius-interactive-card-border-small);
  --lds-radius-interactive-card-border-focus: var(--lds-radius-interactive-card-border-focus-small);
}

.lds-interactive-card.radius-md {
  --lds-radius-interactive-card-border: var(--lds-radius-interactive-card-border-medium);
  --lds-radius-interactive-card-border-focus: var(--lds-radius-interactive-card-border-focus-medium);
}

.lds-interactive-card.radius-lg {
  --lds-radius-interactive-card-border: var(--lds-radius-interactive-card-border-large);
  --lds-radius-interactive-card-border-focus: var(--lds-radius-interactive-card-border-focus-large);
}

@media (max-width: 359.98px) {
  /* ENABLE IMAGE PANEL ONLY ABOVE THIS MINIMUM SCREEN WIDTH */
  .lds-interactive-card.image .card-image {
    display: none;
  }

  .lds-interactive-card.image .card-body,
  .lds-interactive-card.image.small .card-body {
    --lds-spacing-interactive-card-body-padding-top: var(--lds-spacing-interactive-card-body-padding-top-small);
    --lds-spacing-interactive-card-body-padding-bottom: var(--lds-spacing-interactive-card-body-padding-bottom-small);
    --lds-spacing-interactive-card-body-padding-left: var(--lds-spacing-interactive-card-body-padding-left-small);
    --lds-spacing-interactive-card-body-padding-right: var(--lds-spacing-interactive-card-body-padding-right-small);
  }

  .lds-interactive-card.image.medium .card-body {
    --lds-spacing-interactive-card-body-padding-top: var(--lds-spacing-interactive-card-body-padding-top-medium);
    --lds-spacing-interactive-card-body-padding-bottom: var(--lds-spacing-interactive-card-body-padding-bottom-medium);
    --lds-spacing-interactive-card-body-padding-left: var(--lds-spacing-interactive-card-body-padding-left-medium);
    --lds-spacing-interactive-card-body-padding-right: var(--lds-spacing-interactive-card-body-padding-right-medium);
  }

  .lds-interactive-card.image.large .card-body {
    --lds-spacing-interactive-card-body-padding-top: var(--lds-spacing-interactive-card-body-padding-top-large);
    --lds-spacing-interactive-card-body-padding-bottom: var(--lds-spacing-interactive-card-body-padding-bottom-large);
    --lds-spacing-interactive-card-body-padding-left: var(--lds-spacing-interactive-card-body-padding-left-large);
    --lds-spacing-interactive-card-body-padding-right: var(--lds-spacing-interactive-card-body-padding-right-large);
  }
}

/* SM */

@media (min-width: 576px) {
  .lds-interactive-card .card-image {
    --lds-spacing-interactive-card-image-max-width: var(--lds-spacing-interactive-card-image-max-width-rwm);
  }
}

/* MD */

@media (min-width: 768px) {
  .lds-interactive-card .card-image {
    --lds-spacing-interactive-card-image-max-width: var(--lds-spacing-interactive-card-image-max-width-rwt);
  }
}

/* LG */

@media (min-width: 992px) {
  .lds-interactive-card .card-image {
    --lds-spacing-interactive-card-image-max-width: var(--lds-spacing-interactive-card-image-max-width-rwt);
  }
}

/* XL */

@media (min-width: 1200px) {
  .lds-interactive-card .card-image {
    --lds-spacing-interactive-card-image-max-width: var(--lds-spacing-interactive-card-image-max-width-rwd);
  }
}

/* XXL */

@media (min-width: 1400px) {
  .lds-interactive-card .card-image {
    --lds-spacing-interactive-card-image-max-width: var(--lds-spacing-interactive-card-image-max-width-rwd);
  }
}

.lds-isi-v1 span.lds-isi-banner-column {
  text-align: left;
}

@media (min-width: 992px) {
  .lds-isi-v1 span.lds-isi-banner-column.isi {
    padding-left: 0;
  }
}

.lds-isi-v1 span.lds-isi-banner-column.isi {
  padding: 0;
}

.lds-isi-v1 span.lds-isi-banner-column.indications {
  padding: 0;
}

.lds-isi-v1 .lds-isi-banner {
  position: absolute;
  z-index: 10;
  display: none;
  width: 100%;
  height: calc(var(--lds-spacing-isi-v1-banner-height-collapsed) - 4px);
  padding: 0.7rem 0;
  font-weight: var(--lds-typography-font-weight-regular);
  font-size: var(--lds-typography-isi-v1-banner-font-size-sm);
  line-height: var(--lds-typography-isi-v1-banner-line-height-sm);
  font-family: var(--lds-typography-font-family);
  color: inherit;
  vertical-align: top;
  background: transparent;
}

@media (min-width: 992px) {
  .lds-isi-v1 .lds-isi-banner {
    display: flex;
    font-size: var(--lds-typography-isi-v1-banner-font-size-lg);
    line-height: var(--lds-typography-isi-v1-banner-line-height-lg);
  }
  .lds-isi-v1 .lds-isi-banner.expanded {
    position: relative;
    display: block;
    height: calc(var(--lds-spacing-isi-v1-banner-height-expanded) - 4px);
    background-color: var(--lds-color-white);
    box-shadow: var(--lds-shadow-isi-v1-banner-expanded) var(--lds-color-banner-expand-shadow);
  }
}

.lds-isi-v1 .lds-isi-banner.expanded {
  vertical-align: middle;
}

.lds-isi-v1 .lds-isi-banner span {
  display: block;
}

.lds-isi-v1 .lds-isi-banner span.lds-isi-banner-wrapper {
  display: flex;
}

.lds-isi-v1 .lds-isi-banner span.lds-isi-banner-text {
  display: none;
  padding-top: 0.05rem;
  font-size: var(--lds-typography-isi-v1-heading-font-size);
  font-weight: var(--lds-typography-isi-v1-heading-font-weight);
  color: var(--lds-color-isi-v1-heading);
}

@media (min-width: 992px) {
  .lds-isi-v1 .lds-isi-banner span.lds-isi-banner-text {
    font-size: var(--lds-typography-isi-v1-heading-font-size-lg);
  }
}

.lds-isi-v1 .lds-isi-banner.expanded span.lds-isi-banner-text {
  display: block;
}

.lds-isi-v1 .lds-isi-banner:not(.attached):focus {
  outline: 3px solid transparent;
  outline-offset: -2px;
  box-shadow: var(--lds-shadow-focus-inset) var(--lds-color-banner-focus-shadow);
}

.lds-isi-v1 .lds-isi-content .content-block .p,
.lds-isi-v1 .lds-isi-content .content-block p {
  margin-bottom: var(--lds-spacing-isi-v1-main-p-margin-b);
}

@media (min-width: 992px) {
  .lds-isi-v1 .lds-isi-content .content-block .p,
  .lds-isi-v1 .lds-isi-content .content-block p {
    margin-bottom: var(--lds-spacing-isi-v1-main-p-margin-b-lg);
  }
}

.lds-isi-v1 .lds-isi-content .content-block,
.lds-isi-v1 .lds-isi-content .content-block .p,
.lds-isi-v1 .lds-isi-content .content-block p,
.lds-isi-v1 .lds-isi-content .content-block li {
  font-size: var(--lds-typography-isi-v1-main-font-size);
  line-height: var(--lds-typography-isi-v1-main-line-height);
}

@media (min-width: 992px) {
  .lds-isi-v1 .lds-isi-content .content-block,
  .lds-isi-v1 .lds-isi-content .content-block p,
  .lds-isi-v1 .lds-isi-content .content-block li {
    font-size: var(--lds-typography-isi-v1-main-font-size-lg);
    line-height: var(--lds-typography-isi-v1-main-line-height-lg);
  }
}

.lds-isi-v1 .lds-isi-content-banner {
  position: absolute;
  z-index: 10;
  display: flex;
  width: 100%;
  padding: 0.7rem 0;
  font-weight: var(--lds-typography-font-weight-regular);
  font-size: var(--lds-typography-isi-v1-banner-font-size-sm);
  line-height: var(--lds-typography-isi-v1-banner-line-height-sm);
  font-family: var(--lds-typography-font-family);
  color: inherit;
  vertical-align: middle;
  background: transparent;
}

@media (min-width: 992px) {
  .lds-isi-v1 .lds-isi-content-banner {
    display: none;
  }
}

/* Mobile isi banner (bottom column) */

.lds-isi-v1 .lds-isi-content-banner.isi {
  height: calc(var(--lds-spacing-isi-v1-banner-height-mobile-collapsed) - 4px);
}

.lds-isi-v1 .lds-isi-content-banner.isi.expanded {
  height: calc(var(--lds-spacing-isi-v1-banner-height-mobile-expanded) - 4px);
}

.lds-isi-v1 .lds-isi-content-banner.indications {
  height: calc(var(--lds-spacing-isi-v1-banner-height-mobile-indications-collapsed) - 4px);
}

.lds-isi-v1 .lds-isi-content-banner.indications.expanded {
  height: calc(var(--lds-spacing-isi-v1-banner-height-mobile-expanded) - 4px);
}

.lds-isi-v1 .lds-isi-content-banner.expanded {
  position: relative;
  box-shadow: var(--lds-shadow-isi-v1-banner-expanded) var(--lds-color-banner-expand-shadow);
}

.lds-isi-v1 .lds-isi-content-banner:not(.attached):focus {
  outline: 3px solid transparent;
  outline-offset: -2px;
  box-shadow: var(--lds-shadow-focus-inset) var(--lds-color-banner-focus-shadow);
}

.lds-isi-v1 .lds-isi-content-banner span {
  display: block;
}

.lds-isi-v1 .lds-isi-content-banner span.lds-isi-banner-wrapper {
  /* stylelint-disable-next-line media-feature-range-notation */
  display: flex;
}

.lds-isi-v1 .lds-isi-content-banner.indications span.lds-isi-banner-wrapper {
  margin-top: 4px;
}

@media (min-width: 992px) {
  .lds-isi-v1 .lds-isi-content-banner.indications span.lds-isi-banner-wrapper {
    margin-top: 0;
  }
}

@media (max-width: 495.98px) {
  .lds-isi-v1 .lds-isi-content-banner span.lds-isi-banner-wrapper.wrapper {
    width: 100%;
  }
}

.lds-isi-v1 .lds-isi-content-banner span.lds-isi-banner-text {
  display: none;
  padding-top: var(--lds-spacing-isi-v1-banner-pt);
  font-size: var(--lds-typography-isi-v1-heading-font-size);
  font-weight: var(--lds-typography-isi-v1-heading-font-weight);
  color: var(--lds-color-isi-v1-heading);
}

@media (min-width: 992px) {
  .lds-isi-v1 .lds-isi-content-banner span.lds-isi-banner-text {
    font-size: var(--lds-typography-isi-v1-heading-font-size-lg);
  }
}

.lds-isi-v1 .lds-isi-content-banner.expanded span.lds-isi-banner-text {
  display: block;
}

/* ** /!\ IMPORTANT SPECIAL NOTE! /!\ ** *\
 * The class "lds-isi-content-wrapper" has overrides in ./src/scss/side-nav/_side-nav.scss TODO:
 * There are modified wrapper spacing settings used for the content column of the side nav component that must
 * be applied to these "dynamic" wrapper classes to maintain proper page gutter margins in side nav layouts
 */

@media (min-width: 992px) {
  .lds-isi-v1 .lds-isi-content-container {
    height: 100%;
  }
}

@media (max-width: 991.98px) {
  .lds-isi-v1 .lds-isi-content-container {
    height: 100%;
  }
  .lds-isi-v1 .lds-isi-content-container.expanded {
    overflow-y: auto;
  }
  .lds-isi-v1 .lds-isi-content-container.expanded .lds-isi-heading {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
    padding-top: 0;
  }
  .lds-isi-v1 .lds-isi-content-container.expanded .lds-isi-content {
    padding: 0.75rem 0 3rem;
  }
  .lds-isi-v1 .lds-isi-content-container.expanded.isi {
    height: calc(100% - (3rem));
  }
  .lds-isi-v1 .lds-isi-content-container.expanded.indications {
    height: calc(100% - (3rem));
  }
}

.lds-isi-v1 .lds-isi-content-container.attached {
  height: 100%;
}

.lds-isi-v1 .lds-isi-content-container.attached .lds-isi-content {
  padding-bottom: 1rem;
}

@media (max-width: 991.98px) {
  .lds-isi-v1 .lds-isi-content-container .lds-isi-content-wrapper {
    margin: 0 1rem;
  }
}

@media (max-width: 991.98px) and (min-width: 496px) {
  .lds-isi-v1 .lds-isi-content-container .lds-isi-content-wrapper {
    width: 448px;
    margin: 0 auto;
  }
}

@media (max-width: 991.98px) and (min-width: 592px) {
  .lds-isi-v1 .lds-isi-content-container .lds-isi-content-wrapper {
    width: 544px;
    margin: 0 auto;
  }
}

@media (max-width: 991.98px) and (min-width: 688px) {
  .lds-isi-v1 .lds-isi-content-container .lds-isi-content-wrapper {
    width: 640px;
    margin: 0 auto;
  }
}

@media (max-width: 991.98px) and (min-width: 784px) {
  .lds-isi-v1 .lds-isi-content-container .lds-isi-content-wrapper {
    width: 736px;
    margin: 0 auto;
  }
}

@media (max-width: 991.98px) and (min-width: 896px) {
  .lds-isi-v1 .lds-isi-content-container .lds-isi-content-wrapper {
    width: 832px;
    margin: 0 auto;
  }
}

@media (max-width: 991.98px) and (min-width: 992px) {
  .lds-isi-v1 .lds-isi-content-container .lds-isi-content-wrapper {
    width: 928px;
    margin: 0 auto;
  }
}

@media (max-width: 991.98px) and (min-width: 1088px) {
  .lds-isi-v1 .lds-isi-content-container .lds-isi-content-wrapper {
    width: 1024px;
    margin: 0 auto;
  }
}

@media (max-width: 991.98px) and (min-width: 1184px) {
  .lds-isi-v1 .lds-isi-content-container .lds-isi-content-wrapper {
    width: 1120px;
    margin: 0 auto;
  }
}

@media (max-width: 991.98px) and (min-width: 1280px) {
  .lds-isi-v1 .lds-isi-content-container .lds-isi-content-wrapper {
    width: 1216px;
    margin: 0 auto;
  }
}

@media (max-width: 991.98px) and (min-width: 1376px) {
  .lds-isi-v1 .lds-isi-content-container .lds-isi-content-wrapper {
    width: 1312px;
    margin: 0 auto;
  }
}

@media (max-width: 991.98px) and (min-width: 1504px) {
  .lds-isi-v1 .lds-isi-content-container .lds-isi-content-wrapper {
    width: 1408px;
    margin: 0 auto;
  }
}

@media (max-width: 991.98px) and (min-width: 1600px) {
  .lds-isi-v1 .lds-isi-content-container .lds-isi-content-wrapper {
    width: 1504px;
    margin: 0 auto;
  }
}

@media (max-width: 991.98px) and (min-width: 1696px) {
  .lds-isi-v1 .lds-isi-content-container .lds-isi-content-wrapper {
    width: 1600px;
    margin: 0 auto;
  }
}

.lds-isi-v1 .lds-isi-content h1, .lds-isi-v1 .lds-isi-content .h1, .lds-isi-v1 .lds-isi-content h2, .lds-isi-v1 .lds-isi-content .h2, .lds-isi-v1 .lds-isi-content h3, .lds-isi-v1 .lds-isi-content .h3, .lds-isi-v1 .lds-isi-content h4, .lds-isi-v1 .lds-isi-content .h4, .lds-isi-v1 .lds-isi-content h5, .lds-isi-v1 .lds-isi-content .h5, .lds-isi-v1 .lds-isi-content h6, .lds-isi-v1 .lds-isi-content .h6 {
  padding: 0;
  margin: 0;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: normal;
}

.lds-isi-v1 .lds-isi-content.isi .lds-isi-warning-block h1.lds-isi-warning-block-heading,
.lds-isi-v1 .lds-isi-content.isi .lds-isi-warning-block h2.lds-isi-warning-block-heading,
.lds-isi-v1 .lds-isi-content.isi .lds-isi-warning-block h3.lds-isi-warning-block-heading,
.lds-isi-v1 .lds-isi-content.isi .lds-isi-warning-block h4.lds-isi-warning-block-heading,
.lds-isi-v1 .lds-isi-content.isi .lds-isi-warning-block h5.lds-isi-warning-block-heading,
.lds-isi-v1 .lds-isi-content.isi .lds-isi-warning-block h6.lds-isi-warning-block-heading {
  display: inline;
  padding: 0;
  margin: 0;
  line-height: normal;
  font-size: var(--lds-typography-isi-v1-main-font-size);
  font-weight: var(--lds-typography-isi-v1-heading-font-weight);
  color: var(--lds-color-isi-v1-heading);
}

@media (min-width: 992px) {
  .lds-isi-v1 .lds-isi-content.isi .lds-isi-warning-block h1.lds-isi-warning-block-heading,
  .lds-isi-v1 .lds-isi-content.isi .lds-isi-warning-block h2.lds-isi-warning-block-heading,
  .lds-isi-v1 .lds-isi-content.isi .lds-isi-warning-block h3.lds-isi-warning-block-heading,
  .lds-isi-v1 .lds-isi-content.isi .lds-isi-warning-block h4.lds-isi-warning-block-heading,
  .lds-isi-v1 .lds-isi-content.isi .lds-isi-warning-block h5.lds-isi-warning-block-heading,
  .lds-isi-v1 .lds-isi-content.isi .lds-isi-warning-block h6.lds-isi-warning-block-heading {
    font-size: var(--lds-typography-isi-v1-main-warning-heading-font-size-lg);
  }
}

.lds-isi-v1 .lds-isi-content.isi .lds-isi-warning-block p.lds-isi-warning-block-paragraph {
  display: inline;
}

.lds-isi-v1 .lds-isi-content .content-block + .content-block {
  margin-top: 1.5rem;
}

@media (min-width: 768px) {
  .lds-isi-v1 .lds-isi-content .content-block + .content-block {
    margin-top: 2.5rem;
  }
}

.lds-isi-v1.lds-isi-section {
  position: relative;
}

/* MAIN ISI CONTAINER
 includes all transition animation effects settings for child elements */

.lds-isi-v1 .lds-isi {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
  background: var(--lds-color-isi-bg);
  border-top-width: var(--lds-spacing-isi-border-width);
  border-top-style: solid;
  border-top-color: var(--lds-color-isi-border);
}

/* These transformations only apply when the entire ISI is detatched and collapsed */

.lds-isi-v1 .lds-isi:not(.lds-isi-expanded):not(.lds-isi-attached) {
  transform: translateY(calc(100% - var(--lds-spacing-isi2-total-banner-height-mobile-collapsed)));
}

@media (min-width: 992px) {
  .lds-isi-v1 .lds-isi:not(.lds-isi-expanded):not(.lds-isi-attached) {
    transform: translateY(calc(100% - var(--lds-spacing-isi2-banner-height-collapsed)));
  }
}

/* Prevent jump/jitter when the no-js class is removed */

@media (min-width: 992px) {
  .lds-isi-v1 .lds-isi.lds-isi-loaded {
    transition: transform var(--lds-animation-isi-expand-transition-length), top var(--lds-animation-isi-expand-transition-length);
  }
}

/* Transitions only used by the desktop UI */

@media (min-width: 992px) {
  .lds-isi-v1 .lds-isi.lds-isi-expanded {
    transition: transform var(--lds-animation-isi-expand-transition-length), top var(--lds-animation-isi-expand-transition-length), height var(--lds-animation-isi-expand-transition-length);
  }
}

@media (max-width: 992px) {
.lds-isi-main-column {
    transition: transform var(--lds-animation-isi-columns-expand-transition-length-mobile) var(--lds-animation-isi-columns-expand-transition-delay-mobile), height var(--lds-animation-isi-columns-expand-transition-length-mobile);
  }

  .lds-isi-main-content-panel {
    transition: transform var(--lds-animation-isi-expand-transition-length), top var(--lds-animation-isi-expand-transition-length);
  }
}

.lds-isi-v1 .lds-isi.lds-isi-expanded {
  z-index: 25;
}

@media (max-width: 992px) {
  .lds-isi-v1 .lds-isi.lds-isi-collapsing {
    transition: transform var(--lds-animation-isi-expand-transition-length), top var(--lds-animation-isi-expand-transition-length);
  }
}

/* This disables a few things when the ISI attaches to the page */

.lds-isi-v1 .lds-isi.lds-isi-attached {
  position: relative;
  z-index: 1;
  transition: none;
}

.lds-isi-v1 .lds-isi.lds-isi-attached .lds-isi-banner {
  cursor: default;
}

.lds-isi-v1 .lds-isi.lds-isi-attached .lds-isi-banner:focus {
  outline: none;
}

/* This class is added briefly when the detach event fires and then is programmatically removed
It primarily helps adjust transition animations which might be awkward when detaching from the page */

.lds-isi-v1 .lds-isi.lds-isi-pre-detach {
  position: fixed;
  transform: translateY(calc(100% - var(--lds-spacing-isi2-banner-height-mobile-expanded)));
  transition: none;
}

.lds-isi-v1 .lds-isi.lds-isi-pre-detach .lds-isi-main-column {
  transition: none;
}

@media (min-width: 992px) {
  .lds-isi-v1 .lds-isi.lds-isi-pre-detach {
    transform: translateY(calc(100% - var(--lds-spacing-isi2-banner-height-expanded)));
  }
}

html[data-isi-expanded='true'] {
  position: fixed;
  width: 100%;
  overflow: hidden;
}

.lds-isi-v1 .lds-isi-main {
  overflow: hidden;
}

@media (min-width: 992px) {
  .lds-isi-v1 .lds-isi-main {
    height: calc(100% - var(--lds-spacing-isi-v1-banner-height-collapsed));
  }
  .lds-isi-v1 .lds-isi-main.expanded {
    height: calc(100% - var(--lds-spacing-isi-v1-banner-height-expanded));
    overflow-y: auto;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .lds-isi-v1 .lds-isi-main.expanded .lds-isi-content-container .lds-isi-heading {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .lds-isi-v1 .lds-isi-main {
    height: calc(var(--lds-spacing-isi-v1-banner-height-mobile-collapsed) + var(--lds-spacing-isi-v1-banner-height-mobile-indications-collapsed));
    transform: none;
    transition: none;
  }
  .lds-isi-v1 .lds-isi-main.expanded {
    height: 100%;
  }
}

.lds-isi-v1 .lds-isi-main.attached {
  height: 100%;
}

.lds-isi-v1 .lds-isi-main-wrapper {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}

@media (min-width: 992px) {
  .lds-isi-v1 .lds-isi-main-wrapper {
    margin: var(--lds-spacing-isi-v1-main-margin-lg);
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
  }
}

@media (min-width: 992px) and (min-width: 496px) {
  .lds-isi-v1 .lds-isi-main-wrapper {
    width: 448px;
    margin: 0 auto;
  }
}

@media (min-width: 992px) and (min-width: 592px) {
  .lds-isi-v1 .lds-isi-main-wrapper {
    width: 544px;
    margin: 0 auto;
  }
}

@media (min-width: 992px) and (min-width: 688px) {
  .lds-isi-v1 .lds-isi-main-wrapper {
    width: 640px;
    margin: 0 auto;
  }
}

@media (min-width: 992px) and (min-width: 784px) {
  .lds-isi-v1 .lds-isi-main-wrapper {
    width: 736px;
    margin: 0 auto;
  }
}

@media (min-width: 992px) and (min-width: 896px) {
  .lds-isi-v1 .lds-isi-main-wrapper {
    width: 832px;
    margin: 0 auto;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .lds-isi-v1 .lds-isi-main-wrapper {
    width: 928px;
    margin: 0 auto;
  }
}

@media (min-width: 992px) and (min-width: 1088px) {
  .lds-isi-v1 .lds-isi-main-wrapper {
    width: 1024px;
    margin: 0 auto;
  }
}

@media (min-width: 992px) and (min-width: 1184px) {
  .lds-isi-v1 .lds-isi-main-wrapper {
    width: 1120px;
    margin: 0 auto;
  }
}

@media (min-width: 992px) and (min-width: 1280px) {
  .lds-isi-v1 .lds-isi-main-wrapper {
    width: 1216px;
    margin: 0 auto;
  }
}

@media (min-width: 992px) and (min-width: 1376px) {
  .lds-isi-v1 .lds-isi-main-wrapper {
    width: 1312px;
    margin: 0 auto;
  }
}

@media (min-width: 992px) and (min-width: 1504px) {
  .lds-isi-v1 .lds-isi-main-wrapper {
    width: 1408px;
    margin: 0 auto;
  }
}

@media (min-width: 992px) and (min-width: 1600px) {
  .lds-isi-v1 .lds-isi-main-wrapper {
    width: 1504px;
    margin: 0 auto;
  }
}

@media (min-width: 992px) and (min-width: 1696px) {
  .lds-isi-v1 .lds-isi-main-wrapper {
    width: 1600px;
    margin: 0 auto;
  }
}

@media (min-width: 992px) {
  .lds-isi-v1 .lds-isi-main-wrapper.expanded .lds-isi-content {
    padding: var(--lds-spacing-isi-v1-main-content-padding);
  }
}

@media (min-width: 992px) {
  .lds-isi-v1 .lds-isi-main-wrapper.attached {
    padding-bottom: var(--lds-spacing-isi-v1-main-content-padding-b-attached);
  }
}

@media (max-width: 1199.98px) {
  .lds-isi-v1 .lds-isi-main-column.isi {
    order: 2;
    height: var(--lds-spacing-isi-v1-banner-height-mobile-collapsed);
    padding: 0;
  }
  .lds-isi-v1 .lds-isi-main-column.isi.expanded {
    height: calc(100% - var(--lds-spacing-isi-v1-banner-height-mobile-expanded));
  }
  .lds-isi-v1 .lds-isi-main-column.indications {
    order: 1;
    height: var(--lds-spacing-isi-v1-banner-height-mobile-expanded);
    padding: 0;
  }
  /* Always show bottom column with the minimum height */
  .lds-isi-v1 .lds-isi-main-column.indications.expanded {
    height: calc(100% - var(--lds-spacing-isi-v1-banner-height-mobile-collapsed));
  }
}

@media (min-width: 992px) {
  .lds-isi-v1 .lds-isi-main-column {
    height: 100%;
  }
  .lds-isi-v1 .lds-isi-main-column.isi {
    order: 1;
    padding: var(--lds-spacing-isi-v1-main-column-isi-v1-padding);
  }
  .lds-isi-v1 .lds-isi-main-column.indications {
    order: 2;
    padding: var(--lds-spacing-isi-v1-main-column-indications-padding);
  }
}

.lds-isi-v1 .lds-isi-main-column.attached {
  height: 100%;
}

@media (min-width: 992px) {
  .lds-isi-v1 .lds-isi-main-content-panel {
    height: 100%;
  }
}

@media (max-width: 991.98px) {
  .lds-isi-v1 .lds-isi-main-content-panel {
    overflow: hidden;
  }
  .lds-isi-v1 .lds-isi-main-content-panel.expanded.lds-isi-content-container {
    overflow-y: auto;
  }
}

.lds-isi-v1 .lds-isi-main-content-panel h1, .lds-isi-v1 .lds-isi-main-content-panel .h1, .lds-isi-v1 .lds-isi-main-content-panel h2, .lds-isi-v1 .lds-isi-main-content-panel .h2, .lds-isi-v1 .lds-isi-main-content-panel h3, .lds-isi-v1 .lds-isi-main-content-panel .h3, .lds-isi-v1 .lds-isi-main-content-panel h4, .lds-isi-v1 .lds-isi-main-content-panel .h4, .lds-isi-v1 .lds-isi-main-content-panel h5, .lds-isi-v1 .lds-isi-main-content-panel .h5, .lds-isi-v1 .lds-isi-main-content-panel h6, .lds-isi-v1 .lds-isi-main-content-panel .h6 {
  color: var(--lds-color-isi-heading);
}

.lds-isi-v1 .lds-isi-main-content-panel h1.lds-isi-heading,
.lds-isi-v1 .lds-isi-main-content-panel .h1.lds-isi-heading,
.lds-isi-v1 .lds-isi-main-content-panel h2.lds-isi-heading,
.lds-isi-v1 .lds-isi-main-content-panel .h2.lds-isi-heading,
.lds-isi-v1 .lds-isi-main-content-panel h3.lds-isi-heading,
.lds-isi-v1 .lds-isi-main-content-panel .h3.lds-isi-heading,
.lds-isi-v1 .lds-isi-main-content-panel h4.lds-isi-heading,
.lds-isi-v1 .lds-isi-main-content-panel .h4.lds-isi-heading,
.lds-isi-v1 .lds-isi-main-content-panel h5.lds-isi-heading,
.lds-isi-v1 .lds-isi-main-content-panel .h5.lds-isi-heading,
.lds-isi-v1 .lds-isi-main-content-panel h6.lds-isi-heading,
.lds-isi-v1 .lds-isi-main-content-panel .h6.lds-isi-heading {
  margin: 0.1rem 0 0;
  font-size: var(--lds-typography-isi-heading-font-size);
  font-weight: var(--lds-typography-isi-heading-font-weight);
  color: var(--lds-color-isi-v1-heading);
}

.lds-isi-v1 .lds-isi-main-column:not(.indications) h2.lds-isi-heading,
.lds-isi-v1 .lds-isi-main-column:not(.indications) .h2.lds-isi-heading {
  line-height: var(--lds-typography-isi-v1-banner-heading-line-height);
  margin: .2rem 0;
}

@media (min-width: 992px) {
  .lds-isi-v1 .lds-isi-main-content-panel h1.lds-isi-heading,
  .lds-isi-v1 .lds-isi-main-content-panel .h1.lds-isi-heading,
  .lds-isi-v1 .lds-isi-main-content-panel h2.lds-isi-heading,
  .lds-isi-v1 .lds-isi-main-content-panel .h2.lds-isi-heading,
  .lds-isi-v1 .lds-isi-main-content-panel h3.lds-isi-heading,
  .lds-isi-v1 .lds-isi-main-content-panel .h3.lds-isi-heading,
  .lds-isi-v1 .lds-isi-main-content-panel h4.lds-isi-heading,
  .lds-isi-v1 .lds-isi-main-content-panel .h4.lds-isi-heading,
  .lds-isi-v1 .lds-isi-main-content-panel h5.lds-isi-heading,
  .lds-isi-v1 .lds-isi-main-content-panel .h5.lds-isi-heading,
  .lds-isi-v1 .lds-isi-main-content-panel h6.lds-isi-heading,
  .lds-isi-v1 .lds-isi-main-content-panel .h6.lds-isi-heading {
    font-size: var(--lds-typography-isi-v1-heading-font-size-lg);
  }
  .lds-isi-v1 .lds-isi-main-column:not(.indications) h2.lds-isi-heading,
  .lds-isi-v1 .lds-isi-main-column:not(.indications) .h2.lds-isi-heading {
    line-height: var(--lds-typography-isi-v1-banner-heading-line-height-lg);
    margin: 0.1rem 0 0;
  }
}

@media (max-width: 991.98px) {
  .lds-isi-v1 .lds-isi-main-content-panel.isi {
    height: calc(var(--lds-spacing-isi-v1-banner-height-mobile-collapsed) - 4px);
    border-top-width: var(--lds-spacing-isi-v1-border-width);
    border-top-style: solid;
    border-top-color: var(--lds-color-isi-v1-border);
  }
  .lds-isi-v1 .lds-isi-main-content-panel.isi.expanded {
    height: 100%;
  }
}

@media (min-width: 992px) {
  .lds-isi-v1 .lds-isi-main-content-panel.isi {
    border-top: 0 none transparent;
  }
}

@media (max-width: 991.98px) {
  .lds-isi-v1 .lds-isi-main-content-panel.indications {
    height: calc(var(--lds-spacing-isi-v1-banner-height-mobile-indications-collapsed) - 6px);
    overflow: hidden;
  }
  .lds-isi-v1 .lds-isi-main-content-panel.indications.expanded {
    height: 100%;
  }
}

.lds-isi-v1 .lds-isi-main-content-panel.attached {
  height: 100%;
}

.lds-isi-v1 .lds-isi-spacer {
  height: calc(var(--lds-spacing-isi-v1-banner-height-mobile-collapsed) + var(--lds-spacing-isi-v1-banner-height-mobile-indications-collapsed));
}

@media (min-width: 992px) {
  .lds-isi-v1 .lds-isi-spacer {
    height: var(--lds-spacing-isi-v1-banner-height-collapsed);
  }
}

.lds-isi-v1 span.lds-isi-banner-column.toggle {
  padding-right: 0;
  text-align: right;
}

.lds-isi-v1 span.lds-isi-toggle {
  font-size: var(--lds-typography-isi-v1-toggle-font-size);
  line-height: 0;
  color: var(--lds-color-isi-v1-toggle);
  border-radius: var(--lds-radius-isi-v1-toggle);
  outline: none;
  transition: color 150ms;
}

@media (min-width: 992px) {
  .lds-isi-v1 span.lds-isi-toggle {
    font-size: var(--lds-typography-isi-v1-toggle-font-size-lg);
  }
}

.lds-isi-v1 span.lds-isi-toggle:hover {
  color: var(--lds-color-isi-v1-toggle-hover);
}

.lds-isi-v1 span.lds-isi-toggle:focus {
  box-shadow: var(--lds-shadow-isi-v1-toggle) var(--lds-color-isi-v1-toggle-focus);
}

.lds-isi-v1 .lds-isi-toggle-leave-to {
  opacity: 0;
  transition: opacity 150ms;
}

.lds-isi-v1 .lds-isi-toggle-enter {
  opacity: 0;
}

.lds-isi-v1 .lds-isi-toggle-enter-to {
  transition: opacity 150ms;
}

.lds-isi-v1 .lds-isi-indication-mobile {
  display: block;
}

@media (min-width: 992px) {
  .lds-isi-v1 .lds-isi-indication-mobile {
    display: none;
  }
}

.lds-isi-v1 .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}

.lds-isi-v1 .construction {
  border: dashed 1px #FF0000;
}

.lds-isi-v1.lds-isi-section.no-js .lds-isi {
  position: relative;
  height: auto;
  transform: none;
  transition: none;
}

.lds-isi-v1.lds-isi-section.no-js .lds-isi-toggle {
  display: none;
}

.lds-isi-v1.lds-isi-section.no-js .lds-isi-main {
  height: calc(100% - 3rem);
  overflow-y: auto;
}

@media (min-width: 992px) {
  .lds-isi-v1.lds-isi-section.no-js .lds-isi-main {
    height: calc(100% - 4rem);
  }
}

.lds-isi-v1.lds-isi-section.no-js-before-leave {
  transition: none;
}

.lds-isi-hidden {
  display: none !important;
}

/* THIS ORDER IS DELIBERATE AND IMPORTANT! */

/* NOTICE:
 * Like most features of the ISI, its typography styles are heavily impacted by regulatory
 * compliance requirements. Deviations may incur legal or regulatory penalites. Therefore, all
 * these styles must be considered "locked-in" as deliberate and non-arbitrary for compliance.
 * Likewise, any changes should have pre-approval from Lilly legal or regulatory sources of truth
 * and be confirmed by the LDS product owner.
 */

/* Panel heading styles - ALL INSTANCES */

.lds-isi-v2 .lds-isi-banner,
 .lds-isi-v2 .lds-isi-banner-wrapper,
 .lds-isi-v2 .lds-isi-banner-column,
 .lds-isi-v2 .lds-isi-banner-text,
 .lds-isi-v2 .lds-isi-heading {
  color: var(--lds-typography-isi-v2-panel-headings-color);
  font-size: var(--lds-typography-isi-v2-panel-headings-font-size);
  font-weight: var(--lds-typography-isi-v2-panel-headings-font-weight);
  line-height: var(--lds-typography-isi-v2-panel-headings-line-height);
 }

/* Content element styles */

.lds-isi-v2 .lds-isi-content, .lds-isi-v2 .lds-isi-content .content-block,
.lds-isi-v2 .lds-isi-content p, .lds-isi-v2 .lds-isi-content .content-block p,
.lds-isi-v2 .lds-isi-content .p, .lds-isi-v2 .lds-isi-content .content-block .p,
.lds-isi-v2 .lds-isi-content li, .lds-isi-v2 .lds-isi-content .content-block li
{
  color: var(--lds-typography-isi-v2-content-color);
  font-size: var(--lds-typography-isi-v2-content-font-size);
  font-weight: var(--lds-typography-isi-v2-content-font-weight);
  line-height: var(--lds-typography-isi-v2-content-line-height);
}

.lds-isi-v2 .lds-isi-content .brand-color {
  color: var(--lds-typography-isi-v2-brand-color);
}

/* Content element typographic spacing */

.lds-isi-v2 .lds-isi-content p, .lds-isi-v2 .lds-isi-content .content-block p,
.lds-isi-v2 .lds-isi-content .p, .lds-isi-v2 .lds-isi-content .content-block .p,
.lds-isi-v2 .lds-isi-content ol, .lds-isi-v2 .lds-isi-content .content-block ol,
.lds-isi-v2 .lds-isi-content ul, .lds-isi-v2 .lds-isi-content .content-block ul {
  padding: 0;
  margin-top: 0;
  margin-bottom: var(--lds-typography-isi-v2-content-margin-bottom);
}

/* Content heading element styles */

.lds-isi-v2 .lds-isi-content h1, .lds-isi-v2 .lds-isi-content .content-block h1,
.lds-isi-v2 .lds-isi-content h2, .lds-isi-v2 .lds-isi-content .content-block h2,
.lds-isi-v2 .lds-isi-content h3, .lds-isi-v2 .lds-isi-content .content-block h3,
.lds-isi-v2 .lds-isi-content h4, .lds-isi-v2 .lds-isi-content .content-block h4,
.lds-isi-v2 .lds-isi-content h5, .lds-isi-v2 .lds-isi-content .content-block h5,
.lds-isi-v2 .lds-isi-content h6, .lds-isi-v2 .lds-isi-content .content-block h6 {
  color: var(--lds-typography-isi-v2-content-headings-color);
  font-size: var(--lds-typography-isi-v2-content-headings-font-size);
  font-weight: var(--lds-typography-isi-v2-content-headings-font-weight);
  line-height: var(--lds-typography-isi-v2-content-headings-line-height);
}

/* Content heading element "serious side effects" heading override styles */

.lds-isi-v2 .lds-isi-content h1.serious-side-effects, .lds-isi-v2 .lds-isi-content .content-block h1.serious-side-effects,
.lds-isi-v2 .lds-isi-content h2.serious-side-effects, .lds-isi-v2 .lds-isi-content .content-block h2.serious-side-effects,
.lds-isi-v2 .lds-isi-content h3.serious-side-effects, .lds-isi-v2 .lds-isi-content .content-block h3.serious-side-effects,
.lds-isi-v2 .lds-isi-content h4.serious-side-effects, .lds-isi-v2 .lds-isi-content .content-block h4.serious-side-effects,
.lds-isi-v2 .lds-isi-content h5.serious-side-effects, .lds-isi-v2 .lds-isi-content .content-block h5.serious-side-effects,
.lds-isi-v2 .lds-isi-content h6.serious-side-effects, .lds-isi-v2 .lds-isi-content .content-block h6.serious-side-effects {
  color: var(--lds-typography-isi-v2-content-heading-sse-color);
  font-size: var(--lds-typography-isi-v2-content-heading-sse-font-size);
  font-weight: var(--lds-typography-isi-v2-content-heading-sse-font-weight);
  line-height: var(--lds-typography-isi-v2-content-heading-sse-line-height);
}

/* Content heading typographic spacing */

.lds-isi-v2 .lds-isi-content h1, .lds-isi-v2 .lds-isi-content .h1,
.lds-isi-v2 .lds-isi-content h2, .lds-isi-v2 .lds-isi-content .h2,
.lds-isi-v2 .lds-isi-content h3, .lds-isi-v2 .lds-isi-content .h3,
.lds-isi-v2 .lds-isi-content h4, .lds-isi-v2 .lds-isi-content .h4,
.lds-isi-v2 .lds-isi-content h5, .lds-isi-v2 .lds-isi-content .h5,
.lds-isi-v2 .lds-isi-content h6, .lds-isi-v2 .lds-isi-content .h6,
.lds-isi-v2 .lds-isi-content .content-block h1, .lds-isi-v2 .lds-isi-content .content-block .h1,
.lds-isi-v2 .lds-isi-content .content-block h2, .lds-isi-v2 .lds-isi-content .content-block .h2,
.lds-isi-v2 .lds-isi-content .content-block h3, .lds-isi-v2 .lds-isi-content .content-block .h3,
.lds-isi-v2 .lds-isi-content .content-block h4, .lds-isi-v2 .lds-isi-content .content-block .h4,
.lds-isi-v2 .lds-isi-content .content-block h5, .lds-isi-v2 .lds-isi-content .content-block .h5,
.lds-isi-v2 .lds-isi-content .content-block h6, .lds-isi-v2 .lds-isi-content .content-block .h6 {
  padding: 0;
  margin-top: 0 !important;
  margin-bottom: var(--lds-typography-isi-v2-content-headings-margin-bottom);
}

/* ISI Warning Block Heading -- This is a special use case
 * Semantically this is a heading for the warning block paragraph however, visually it needs to
 * appear to be a bold word or phrase at the beginning of the warning block paragraph. This is
 * mainly so that the collapsed ISI content "peek" doesn't waste a whole line on just the
 * warning block heading. It may also have regulatory significance as well.
 */

.lds-isi-v2 .lds-isi-content.isi .lds-isi-warning-block h1.lds-isi-warning-block-heading,
.lds-isi-v2 .lds-isi-content.isi .lds-isi-warning-block h2.lds-isi-warning-block-heading,
.lds-isi-v2 .lds-isi-content.isi .lds-isi-warning-block h3.lds-isi-warning-block-heading,
.lds-isi-v2 .lds-isi-content.isi .lds-isi-warning-block h4.lds-isi-warning-block-heading,
.lds-isi-v2 .lds-isi-content.isi .lds-isi-warning-block h5.lds-isi-warning-block-heading,
.lds-isi-v2 .lds-isi-content.isi .lds-isi-warning-block h6.lds-isi-warning-block-heading {
  color: var(--lds-typography-isi-v2-content-warning-block-heading-color);
  font-size: var(--lds-typography-isi-v2-content-font-size);
  font-weight: var(--lds-typography-isi-v2-content-warning-block-heading-font-weight);
}

/* *** SINGLE PANEL MODE (TABLET/DESKTOP) OVERRIDES *** */

/* NONE! ISI typography styles currently DO NOT change responsively */

html[data-isi-expanded='true'] {
  position: fixed;
  width: 100%;
  overflow: hidden;
}

.lds-isi-v2.lds-isi-section {
  position: relative;
}

/* MAIN ISI CONTAINER
  * includes all transition animation effects settings for child elements
  */

.lds-isi-v2 .lds-isi {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
}

/* These transformations only apply when the entire ISI is detatched and collapsed */

.lds-isi-v2 .lds-isi:not(.lds-isi-expanded):not(.lds-isi-attached) {
  transform: translateY(
    calc(
      100% -
      var(--lds-spacing-isi-v2-xs-collapsed-height)
    )
  );
}

/* THE ISI MUST NEVER BE COVERED UP *EXCEPT* BY ACTIVE MODALS */

.lds-isi-v2 .lds-isi.lds-isi-expanded {
  z-index: 25;
}

/* This disables a few things when the ISI attaches to the page */

.lds-isi-v2 .lds-isi.lds-isi-attached {
  position: relative;
  z-index: 1;
  transition: none;
}

.lds-isi-v2 .lds-isi.lds-isi-attached .lds-isi-banner {
  cursor: default;
}

.lds-isi-v2 .lds-isi.lds-isi-attached .lds-isi-banner:focus {
  outline: none;
}

/* This class is added briefly when the detach event fires and then is programmatically removed
It primarily helps adjust transition animations which might be awkward when detaching from the page */

.lds-isi-v2 .lds-isi.lds-isi-pre-detach {
  position: fixed;
  transform: translateY(
    calc(
      100% -
      (2 * var(--lds-spacing-isi-v2-banner-xs-height))
    )
  );
  transition: var(--lds-animation-timing-func-standard);
}

.lds-isi-v2 .lds-isi.lds-isi-pre-detach .lds-isi-main-column {
  transition: none;
}

.lds-isi-v2 .lds-isi.lds-isi-collapsing {
  transition:
    transform var(--lds-animation-isi-v2-columns-rwd-expand-transition-length),
    top var(--lds-animation-isi-v2-columns-rwd-expand-transition-length);
}

/* [SM] */

@media (min-width: 576px) {
  .lds-isi-v2 .lds-isi:not(.lds-isi-expanded):not(.lds-isi-attached) {
    transform: translateY(
      calc(
        100% -
        var(--lds-spacing-isi-v2-sm-collapsed-height)
      )
    );
  }

  .lds-isi-v2 .lds-isi.lds-isi-pre-detach {
    transform: translateY(
      calc(
        100% -
        (2 * var(--lds-spacing-isi-v2-banner-sm-height))
      )
    );
  }
}

/* *** STACKED PANEL MODE (MOBILE) EXPLICIT STYLES *** */

@media (max-width: 767.99px) {
  .lds-isi-main-column {
    transition:
      transform var(--lds-animation-isi-v2-columns-rwm-expand-transition-length) var(--lds-animation-isi-v2-columns-rwm-expand-transition-delay),
      height var(--lds-animation-isi-v2-columns-rwm-expand-transition-length);
  }

  .lds-isi-main-content-panel {
    transition:
      transform var(--lds-animation-isi-v2-columns-rwd-expand-transition-length),
      top var(--lds-animation-isi-v2-columns-rwd-expand-transition-length);
  }

  /* When the detached ISI is collapsing in mobile mode, if the ISI container is not opaque it's
   * possible to see the content underneath the ISI in the area BELOW the collapsing panels.
   * This style briefly paints the ISI container background the color of the body background
   * AND rolls it off to transparent at the top so that the color does not bleed through into the
   * outside of the top border radius whitespace nor the upper drop shadow area because in that
   * context the underlying content / color / background treatment should punch through.
   */
  .lds-isi-v2 .lds-isi.lds-isi-collapsing {
    /* transition: transform var(--lds-animation-isi-v2-columns-rwd-expand-transition-length), top var(--lds-animation-isi-v2-columns-rwd-expand-transition-length); */
    background-image: linear-gradient(
      180deg,
      transparent 0%,
      var(--lds-color-body-background) 20%
    );
    background-position: top left;
    background-size: 100% 100%;
  }
}

/* [MD] *** SINGLE PANEL MODE (TABLET/DESKTOP) OVERRIDES *** */

@media (min-width: 768px) {
  /* This creates an awkward bouncy transition on the scrolling attach/detach... TODO: Remove?
  .lds-isi-v2 .lds-isi.lds-isi-loaded {
    transition:
      transform var(--lds-animation-isi-v2-columns-rwd-expand-transition-length),
      top var(--lds-animation-isi-v2-columns-rwd-expand-transition-length);
  } */

  .lds-isi-v2 .lds-isi:not(.lds-isi-expanded):not(.lds-isi-attached) {
    transform: translateY(
      calc(
        100% -
        var(--lds-spacing-isi-v2-md-collapsed-height)
      )
    );
  }

  .lds-isi-v2 .lds-isi.lds-isi-expanded {
    transition:
      transform var(--lds-animation-isi-v2-columns-rwd-expand-transition-length),
      top var(--lds-animation-isi-v2-columns-rwd-expand-transition-length),
      height var(--lds-animation-isi-v2-columns-rwd-expand-transition-length);
  }

  .lds-isi-v2 .lds-isi.lds-isi-pre-detach {
    transform: translateY(
      calc(
        100% -
        var(--lds-spacing-isi-v2-banner-md-height)
      )
    );
    transition: none;
  }
}

/* [LG] */

@media (min-width: 992px) {
  .lds-isi-v2 .lds-isi:not(.lds-isi-expanded):not(.lds-isi-attached) {
    transform: translateY(
      calc(
        100% -
        var(--lds-spacing-isi-v2-lg-collapsed-height)
      )
    );
  }

  .lds-isi-v2 .lds-isi.lds-isi-pre-detach {
    transform: translateY(
      calc(
        100% -
        var(--lds-spacing-isi-v2-banner-lg-height)
      )
    );
    transition: none;
  }
}

/* [XL] */

@media (min-width: 1200px) {
  .lds-isi-v2 .lds-isi:not(.lds-isi-expanded):not(.lds-isi-attached) {
    transform: translateY(
      calc(
        100% -
        var(--lds-spacing-isi-v2-xl-collapsed-height)
      )
    );
  }

  .lds-isi-v2 .lds-isi.lds-isi-pre-detach {
    transform: translateY(
      calc(
        100% -
        var(--lds-spacing-isi-v2-banner-xl-height)
      )
    );
    transition: none;
  }
}

/* [XXL] */

@media (min-width: 1400px) {
  .lds-isi-v2 .lds-isi:not(.lds-isi-expanded):not(.lds-isi-attached) {
    transform: translateY(
      calc(
        100% -
        var(--lds-spacing-isi-v2-xxl-collapsed-height)
      )
    );
  }

  .lds-isi-v2 .lds-isi.lds-isi-pre-detach {
    transform: translateY(
      calc(
        100% -
        var(--lds-spacing-isi-v2-banner-xxl-height)
      )
    );
    transition: none;
  }
}

/* [XS] *** STACKED PANEL MODE (MOBILE) DEFAULT *** */

.lds-isi-v2 .lds-isi-spacer {
  display: block;
  position: relative;
  height: var(--lds-spacing-isi-v2-xs-collapsed-height);
  background-color: transparent;
  padding: 0;
  border: 0;
  margin: 0;
  z-index: 0;
}

.lds-isi-v2 .lds-isi-spacer.attached {
  position: absolute;
  visibility: hidden;
  width: 0 !important;
}

/* [SM] */

@media (min-width: 576px) {
  .lds-isi-v2 .lds-isi-spacer {
    height: var(--lds-spacing-isi-v2-sm-collapsed-height);
  }
}

/* [MD] *** SINGLE PANEL MODE (TABLET/DESKTOP) OVERRIDES *** */

@media (min-width: 768px) {
  .lds-isi-v2 .lds-isi-spacer {
    height: var(--lds-spacing-isi-v2-md-collapsed-height);
  }
}

/* [LG] */

@media (min-width: 992px) {
  .lds-isi-v2 .lds-isi-spacer {
    height: var(--lds-spacing-isi-v2-lg-collapsed-height);
  }
}

/* [XL] */

@media (min-width: 1200px) {
  .lds-isi-v2 .lds-isi-spacer {
    height: var(--lds-spacing-isi-v2-xl-collapsed-height);
  }
}

/* [XXL] */

@media (min-width: 1400px) {
  .lds-isi-v2 .lds-isi-spacer {
    height: var(--lds-spacing-isi-v2-xxl-collapsed-height);
  }
}

.lds-isi-v2 .lds-isi-main {
  overflow: hidden;
}

/* IMPORTANT:
 * For the component to function correctly
 * Various containers need to have their height set at 100%
 * either always or when the display state changes
 * CHANGING THIS CAN BREAK THE FEATURE
 */

.lds-isi-v2 .lds-isi-main.attached,
.lds-isi-v2 .lds-isi-main-column.attached,
.lds-isi-v2 .lds-isi-main-column.isi.attached,
.lds-isi-v2 .lds-isi-main-column.indications.attached,
.lds-isi-v2 .lds-isi-main-content-panel.attached,
.lds-isi-v2 .lds-isi-main-content-panel.isi.attached,
.lds-isi-v2 .lds-isi-main-content-panel.indications.attached,
.lds-isi-v2 .lds-isi-main-wrapper {
  height: 100%;
}

.lds-isi-v2 .lds-isi-container {
  height: 100%;
  overflow-y: hidden;
}

.lds-isi-v2 span.lds-isi-banner-column {
  text-align: start;
}

/* *** STACKED PANEL MODE (MOBILE) EXPLICIT STYLES *** */

@media (max-width: 767.99px) {
  .lds-isi-v2 .lds-isi-main {
    padding-top: var(--lds-spacing-isi-v2-pt-box-shadow-adjustment);
    transform: none;
    transition: none;
  }

  .lds-isi-v2 .lds-isi-main.attached,
  .lds-isi-v2 .lds-isi-main.expanded {
    height: 100%;
  }

  .lds-isi-v2 .lds-isi-main-wrapper {
    /* *** MOBILE "TAB" APPEARANCE FOR INDICATIONS PANEL *** */
    /* Since the indications panel is the top panel
     * This styling needs to be the "background" for the entire mobile ISI
     * so that it looks like the lower ISI panel is "layered"
     * on top of the indications panel
     */
    background: var(--lds-color-isi-v2-background-indications);
    border-radius: var(--lds-radius-isi-v2-panel);
    box-shadow: var(--lds-spacing-isi-v2-box-shadow) var(--lds-color-isi-v2-box-shadow);
  }

  /* This is a generic flex container in mobile simply to set the panel stack order */
  /* It should NOT act like a bootstrap grid row */
  .lds-isi-v2 .lds-isi-main-row {
    display: flex;
    flex-direction: column;
    margin-right: 0;
    margin-left: 0;
    height: 100%; /* IMPORTANT */
  }

  /* When mobile DETACHED AND COLLAPSED the content should not overflow while the height is constrained */
  .lds-isi-v2 .lds-isi-main-content-panel {
    overflow: hidden;
  }

  /* When mobile DETACHED AND EXPANDED this is the container in both panels that actually allows scrolling */
  .lds-isi-v2 .lds-isi-main-content-panel.expanded.lds-isi-content-container {
    overflow-y: auto;
  }

  /* MOBILE ISI PANEL */
  .lds-isi-v2 .lds-isi-main-column.isi {
    /* ISI panel is visually shown as the second panel */
    order: 2;

    /* *** MOBILE "ROUNDED TAB" APPEARANCE FOR ISI PANEL *** */
    background: var(--lds-color-isi-v2-background);
    border-radius: var(--lds-radius-isi-v2-panel);
    box-shadow:
      var(--lds-spacing-isi-v2-box-shadow)
      var(--lds-color-isi-v2-box-shadow);
  }

  /* The ISI Panel mobile ATTACHED state height */
  .lds-isi-v2 .lds-isi-main-column.isi.attached {
    height: 100%;
  }

   /* The ISI Panel CONTENT CONTAINER mobile DETACHED EXPANDED or ATTACHED state height */
  .lds-isi-v2 .lds-isi-main-content-panel.isi.attached,
  .lds-isi-v2 .lds-isi-main-content-panel.isi.expanded {
    height: 100%;
  }

  /* MOBILE INDICATIONS PANEL */
  .lds-isi-v2 .lds-isi-main-column.indications {
    order: 1;

    /* *** MOBILE "TAB" APPEARANCE FOR INDICATION PANEL *** */
    /* Radius ONLY, the rest of the visual style is applied to the ISI wrapper */
    border-radius: var(--lds-radius-isi-v2-panel);
  }

  .lds-isi-v2 .lds-isi-main-column.indications.attached {
    height: 100%;
  }

  .lds-isi-v2 .lds-isi-main-content-panel.indications {
    overflow: hidden;
  }
  .lds-isi-v2 .lds-isi-main-content-panel.indications.attached,
  .lds-isi-v2 .lds-isi-main-content-panel.indications.expanded {
    height: 100%;
  }
}

/* [XS] */

@media (max-width: 575.99px) {
  .lds-isi-v2 .lds-isi-main {
    height: calc(
      var(--lds-spacing-isi-v2-xs-collapsed-height) +
      var(--lds-spacing-isi-v2-pt-box-shadow-adjustment)
    );
  }

  .lds-isi-v2 .lds-isi-main-column.isi,
  .lds-isi-v2 .lds-isi-main-content-panel.isi {
    height: var(--lds-spacing-isi-v2-xs-isi-collapsed-height);
  }
  .lds-isi-v2 .lds-isi-main-column.isi.expanded {
    height: calc(
      100% -
      var(--lds-spacing-isi-v2-xs-ind-collapsed-height)
    );
  }

  .lds-isi-v2 .lds-isi-main-column.indications,
  .lds-isi-v2 .lds-isi-main-content-panel.indications {
    height: var(--lds-spacing-isi-v2-xs-ind-collapsed-height);
  }
  .lds-isi-v2 .lds-isi-main-column.indications.expanded {
    height: calc(
      100% -
      var(--lds-spacing-isi-v2-xs-isi-collapsed-height)
    );
  }
}

/* [SM] */

@media (min-width: 576px) {
  .lds-isi-v2 .lds-isi-main {
    height: calc(
      var(--lds-spacing-isi-v2-sm-collapsed-height) +
      var(--lds-spacing-isi-v2-pt-box-shadow-adjustment)
    );
  }

.lds-isi-v2 .lds-isi-main-column.isi,
.lds-isi-v2 .lds-isi-main-content-panel.isi {
  height: var(--lds-spacing-isi-v2-sm-isi-collapsed-height);
}
.lds-isi-v2 .lds-isi-main-column.isi.expanded {
  height: calc(
    100% -
    var(--lds-spacing-isi-v2-sm-ind-collapsed-height)
  );
}

.lds-isi-v2 .lds-isi-main-column.indications,
.lds-isi-v2 .lds-isi-main-content-panel.indications {
  height: var(--lds-spacing-isi-v2-sm-ind-collapsed-height);
}
.lds-isi-v2 .lds-isi-main-column.indications.expanded {
  height: calc(
    100% -
    var(--lds-spacing-isi-v2-sm-isi-collapsed-height)
  );
}
}

/* *** [MD] SINGLE PANEL MODE (TABLET/DESKTOP) OVERRIDES *** */

@media (min-width: 768px) {
  .lds-isi-v2 .lds-isi-main {
    height: var(--lds-spacing-isi-v2-md-collapsed-height);
  }

  .lds-isi-v2 .lds-isi-main.expanded {
    height: calc(
      100% -
      var(--lds-spacing-isi-v2-banner-md-height)
    );
    overflow-y: auto;
  }

  .lds-isi-v2 .lds-isi-main.attached {
    height: 100%;
  }

  .lds-isi-v2 .lds-isi-container {
    /* *** DESKTOP "TAB" APPEARANCE *** */
    background: var(--lds-color-isi-v2-background);
    border-radius: var(--lds-radius-isi-v2-panel);
    box-shadow: var(--lds-spacing-isi-v2-box-shadow) var(--lds-color-isi-v2-box-shadow);
  }

  /* Visually the "static" headings in the "banner" part of the ISI are shown however for better
   * semantic construction for accessibility, having the banner headings be "section" headers for
   * the ISI panels (ISI and Indications) optimizes the screen reader experience. Therefore the
   * visual headings you see are "aria-hidden" from screen readers and these visually hidden
   * headings in the content containers are read by them in the context of those panels.
   */
  .lds-isi-v2 .lds-isi-main.expanded .lds-isi-content-container .lds-isi-heading {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
  }

   /* This container needs to RESPONSIVELY be a bootstrap grid row only in the "desktop" responsive
    * context. This is because at desktop the the ISI is one panel with an inner layout container
    * wrapper which aligns its content on the layout grid. In mobile this is not where that shoud
    * be implemented.
    * The CSS is a direct copy of the Bootstrap 5 row styles. If that changes this will need to be
    * updated as well.
    */
  .lds-isi-v2 .lds-isi-main-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-right: calc(-0.5* var(--bs-gutter-x));
    margin-left: calc(-0.5* var(--bs-gutter-x));
    justify-content: flex-start;
  }
  .lds-isi-v2 .lds-isi-main-row > * {
    box-sizing: border-box;
    flex-shrink: 0;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)* 0.5);
    padding-left: calc(var(--bs-gutter-x)* 0.5);
  }

  .lds-isi-v2 .lds-isi-main-wrapper.expanded .lds-isi-content {
    /* GRID COLUMN -- EITHER DO NOT OR DANGEROUSLY OVERRIDE FLEX, WIDTH OR HORIZONTAL PADDING */
    padding-bottom: var(--lds-spacing-isi-v2-rwd-expanded-content-scroll-safety-padding);
  }

  .lds-isi-v2 .lds-isi-main-column {
    /* GRID COLUMN -- EITHER DO NOT OR DANGEROUSLY OVERRIDE FLEX, WIDTH OR HORIZONTAL PADDING */
    height: 100%;
  }
  .lds-isi-v2 .lds-isi-main-column.isi {
    /* GRID COLUMN -- EITHER DO NOT OR DANGEROUSLY OVERRIDE FLEX, WIDTH OR HORIZONTAL PADDING */
    order: 1;
  }
  .lds-isi-v2 .lds-isi-main-column.indications {
    /* GRID COLUMN -- EITHER DO NOT OR DANGEROUSLY OVERRIDE FLEX, WIDTH OR HORIZONTAL PADDING */
    order: 2;
  }

  .lds-isi-v2 .lds-isi-main-content-panel {
    height: 100%;
  }
}

/* [LG] */

@media (min-width: 992px) {
  .lds-isi-v2 .lds-isi-main {
    height: var(--lds-spacing-isi-v2-lg-collapsed-height);
  }

  .lds-isi-v2 .lds-isi-main.expanded {
    height: calc(
      100% -
      var(--lds-spacing-isi-v2-banner-lg-height)
    );
  }
}

/* [XL] */

@media (min-width: 1200px) {
  .lds-isi-v2 .lds-isi-main {
    height: var(--lds-spacing-isi-v2-xl-collapsed-height);
  }

  .lds-isi-v2 .lds-isi-main.expanded {
    height: calc(
      100% -
      var(--lds-spacing-isi-v2-banner-xl-height)
    );
  }
}

/* [XXL] */

@media (min-width: 1400px) {
  .lds-isi-v2 .lds-isi-main {
    height: var(--lds-spacing-isi-v2-xxl-collapsed-height);
  }

  .lds-isi-v2 .lds-isi-main.expanded {
    height: calc(
      100% -
      var(--lds-spacing-isi-v2-banner-xxl-height)
    );
  }
}

/* ISI SINGLE PANEL MODE BANNER
 * This element is only present when the ISI is in "single panel" mode for desktop and tablet widths
 * It is effectively a giant button that spans across the top of the ISI used to toggle the ISI open
 * and closed. The only thing visible inside it is the toggle icon when the ISI is collapsed.
 * Otherwise it contains visually hidden accessibility content for screen readers.
 */

.lds-isi-v2 .lds-isi-banner {
  display: none;
  visibility: hidden;
}

.lds-isi-v2 .lds-isi-banner .lds-isi-toggle {
  display: inline;
  visibility: visible;
}

.lds-isi-v2 .lds-isi-banner .lds-isi-toggle.attached {
  display: none;
  visibility: hidden;
}

/* *** SINGLE PANEL MODE (TABLET/DESKTOP) OVERRIDES *** */

@media (min-width: 768px) {
  /* This is an HTML <button> element */
  .lds-isi-v2 .lds-isi-banner {
    display: flex;
    visibility: visible;
    position: absolute;
    z-index: 10;
    width: 100%;
    min-height: var(--lds-spacing-isi-v2-banner-md-height);
    vertical-align: top;
    background: transparent;
    border-radius: var(--lds-radius-isi-v2-panel);
    padding-top: var(--lds-spacing-isi-v2-banner-heading-md-pt);
    padding-bottom: var(--lds-spacing-isi-v2-banner-heading-md-pb);
  }

  .lds-isi-v2 .lds-isi-banner span {
    display: block;
  }

  .lds-isi-v2 .lds-isi-banner span.lds-isi-banner-wrapper {
    display: flex;
    width: 100%;
  }

  .lds-isi-v2 .lds-isi-banner span.lds-isi-banner-text {
    display: none;
  }

  .lds-isi-v2 .lds-isi-banner.expanded {
    display: block;
    position: relative;
  }

  .lds-isi-v2 .lds-isi-banner.expanded span.lds-isi-banner-text {
    display: block;
  }

  .lds-isi-v2 .lds-isi-banner.attached {
    display: none;
  }

  .lds-isi-v2 .lds-isi-banner-wrapper.wrapper {
    overflow: visible;
  }
}

@media (min-width: 992px) {
  .lds-isi-v2 .lds-isi-banner {
    padding-top: var(--lds-spacing-isi-v2-banner-heading-lg-pt);
    padding-bottom: var(--lds-spacing-isi-v2-banner-heading-lg-pb);
    min-height: var(--lds-spacing-isi-v2-banner-lg-height);
  }
}

@media (min-width: 1200px) {
  .lds-isi-v2 .lds-isi-banner {
    padding-top: var(--lds-spacing-isi-v2-banner-heading-xl-pt);
    padding-bottom: var(--lds-spacing-isi-v2-banner-heading-xl-pb);
    min-height: var(--lds-spacing-isi-v2-banner-xl-height);
  }
}

@media (min-width: 1400px) {
  .lds-isi-v2 .lds-isi-banner {
    padding-top: var(--lds-spacing-isi-v2-banner-heading-xxl-pt);
    padding-bottom: var(--lds-spacing-isi-v2-banner-heading-xxl-pb);
    min-height: var(--lds-spacing-isi-v2-banner-xxl-height);
  }
}

/* *** MAX LAYOUT WIDTH OVERRIDES *** */

@media (min-width: 1646.99px) {
  /* Due to absolute positioning, the main banner needs be constrained by the layout container width  */
  .lds-isi-v2 .lds-isi-banner {
    width: var(--lds-spacing-page-layout-container-max-width);
    max-width: var(--lds-spacing-page-layout-container-max-width);
  }
}

.lds-isi-v2 .lds-isi-content-banner {
  position: absolute;
  z-index: 10;
  display: flex;
  width: 100%;
  min-height: var(--lds-spacing-isi-v2-banner-xs-height);
  vertical-align: middle;
  background: transparent;
  border-radius: var(--lds-radius-isi-v2-panel);
  padding-bottom: var(--lds-spacing-isi-v2-banner-heading-xs-pb);
  padding-top: var(--lds-spacing-isi-v2-banner-heading-xs-pt);
}

.lds-isi-v2 .lds-isi-content-banner span {
  display: block;
}

.lds-isi-v2 .lds-isi-content-banner span.lds-isi-banner-wrapper {
  display: flex;
  width: 100%;
}

.lds-isi-v2 .lds-isi-content-banner span.lds-isi-banner-text {
  display: none;
}

.lds-isi-v2 .lds-isi-content-banner.expanded {
  position: relative;
}

.lds-isi-v2 .lds-isi-content-banner.expanded span.lds-isi-banner-text {
  display: block;
}

.lds-isi-v2 .lds-isi-content-banner.attached {
  display: none;
}

.lds-isi-v2 .lds-isi-content-banner.indications {
  border-radius: var(--lds-radius-isi-v2-panel);
}

@media (min-width: 576px) {
  .lds-isi-v2 .lds-isi-content-banner {
    padding-bottom: var(--lds-spacing-isi-v2-banner-heading-sm-pb);
    padding-top: var(--lds-spacing-isi-v2-banner-heading-sm-pt);
    min-height: var(--lds-spacing-isi-v2-banner-sm-height);
  }
}

/* *** SINGLE PANEL MODE (TABLET/DESKTOP) OVERRIDES *** */

@media (min-width: 768px) {
  .lds-isi-v2 .lds-isi-content-banner {
    display: none;
  }
}

/* ** /!\ IMPORTANT SPECIAL NOTE! /!\ ** *\
 * The class "lds-isi-content-wrapper" has overrides in ./src/scss/side-nav/_side-nav.scss TODO:
 * There are modified wrapper spacing settings used for the content column of the side nav component that must
 * be applied to these "dynamic" wrapper classes to maintain proper page gutter margins in side nav layouts
 */

.lds-isi-v2 .lds-isi-content-container {
   height: 100%;
}

.lds-isi-v2 .lds-isi-content-container .lds-isi-heading {
  padding-bottom: var(--lds-spacing-isi-v2-banner-heading-xs-pb);
  padding-top: var(--lds-spacing-isi-v2-banner-heading-xs-pt);
  margin: 0;
}

/* When the ISI is expanded, this is the element that actually scrolls */

.lds-isi-v2 .lds-isi-content-container.expanded {
  padding-bottom: var(--lds-spacing-isi-v2-rwm-expanded-content-scroll-safety-padding);
  overflow-y: auto;
}

/* When the ISI is expanded, the in-content panel headings are not displayed because the banner
 * headings remain to allow the illusion that the content is scrolling under them if the content
 * needs to scroll when expanded
 */

.lds-isi-v2 .lds-isi-content-container.expanded .lds-isi-heading {
  display: none;
}

/* The content container is always full-height when attached */

.lds-isi-v2 .lds-isi-content-container.attached {
  height: 100%;
}

/* LDS content blocks should have no intrinsic spacing in the ISI content context */

.lds-isi-v2 .lds-isi-content .content-block {
  margin: 0 !important;
  padding: 0 !important;
 }

/* ISI Warning Block Heading -- This is a special use case
 * Semantically this is a heading for the warning block paragraph however, visually it needs to
 * appear inline at the beginning of the warning block paragraph. This is mainly so that the
 * collapsed ISI content "peek" doesn't waste a whole line on just the warning block heading.
 * It may also have regulatory significance as well.
 */

.lds-isi-v2 .lds-isi-content.isi .lds-isi-warning-block h1.lds-isi-warning-block-heading,
.lds-isi-v2 .lds-isi-content.isi .lds-isi-warning-block h2.lds-isi-warning-block-heading,
.lds-isi-v2 .lds-isi-content.isi .lds-isi-warning-block h3.lds-isi-warning-block-heading,
.lds-isi-v2 .lds-isi-content.isi .lds-isi-warning-block h4.lds-isi-warning-block-heading,
.lds-isi-v2 .lds-isi-content.isi .lds-isi-warning-block h5.lds-isi-warning-block-heading,
.lds-isi-v2 .lds-isi-content.isi .lds-isi-warning-block h6.lds-isi-warning-block-heading {
  display: inline !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* To go with the above, the corresponding paragraph needs to also forced inline */

.lds-isi-v2 .lds-isi-content.isi .lds-isi-warning-block p.lds-isi-warning-block-paragraph {
  display: inline !important;
}

/* [SM] */

@media (min-width: 576px) {
  .lds-isi-v2 .lds-isi-content-container .lds-isi-heading {
    padding-bottom: var(--lds-spacing-isi-v2-banner-heading-sm-pb);
    padding-top: var(--lds-spacing-isi-v2-banner-heading-sm-pt);
  }
}

/* [MD] *** SINGLE PANEL MODE (TABLET/DESKTOP) OVERRIDES *** */

@media (min-width: 768px) {
  .lds-isi-v2 .lds-isi-content-container .lds-isi-heading {
    padding-bottom: var(--lds-spacing-isi-v2-banner-heading-md-pb);
    padding-top: var(--lds-spacing-isi-v2-banner-heading-md-pt);
  }

  .lds-isi-v2 .lds-isi-content-container.expanded {
    overflow-y: visible;
  }
}

/* [LG] */

@media (min-width: 992px) {
  .lds-isi-v2 .lds-isi-content-container .lds-isi-heading {
    padding-bottom: var(--lds-spacing-isi-v2-banner-heading-lg-pb);
    padding-top: var(--lds-spacing-isi-v2-banner-heading-lg-pt);
  }
}

/* [XL] */

@media (min-width: 1200px) {
  .lds-isi-v2 .lds-isi-content-container .lds-isi-heading {
    padding-bottom: var(--lds-spacing-isi-v2-banner-heading-xl-pb);
    padding-top: var(--lds-spacing-isi-v2-banner-heading-xl-pt);
  }
}

/* [XXL] */

@media (min-width: 1400px) {
  .lds-isi-v2 .lds-isi-content-container .lds-isi-heading {
    padding-bottom: var(--lds-spacing-isi-v2-banner-heading-xxl-pb);
    padding-top: var(--lds-spacing-isi-v2-banner-heading-xxl-pt);
  }
}

.lds-isi-v2 span.lds-isi-banner-column.toggle {
  padding-inline-end: 0;
  text-align: end;
}

.lds-isi-v2  button .lds-isi-toggle {
  display: inline-block;
  position: relative;
  outline: none;
  overflow: visible;

  color: var(--lds-color-isi-v2-panel-toggle-icon);
  font-size: var(--lds-typography-isi-v2-panel-toggle-icon-rwm-font-size);
  font-weight: normal;
  line-height: var(--lds-typography-isi-v2-panel-headings-line-height);
  transition: color var(--lds-animation-duration-short);
 }

.lds-isi-v2 button:active .lds-isi-toggle {
  color: var(--lds-color-isi-v2-panel-toggle-icon-active);
 }

.lds-isi-v2 button:focus .lds-isi-toggle {
  color: var(--lds-color-isi-v2-panel-toggle-icon-focus);
 }

.lds-isi-v2 button:hover .lds-isi-toggle {
  color: var(--lds-color-isi-v2-panel-toggle-icon-hover);
 }

/* *** SINGLE PANEL MODE (TABLET/DESKTOP) OVERRIDES *** */

@media (min-width: 768px) {
  .lds-isi-v2 span.lds-isi-toggle {
    font-size: var(--lds-typography-isi-v2-panel-toggle-icon-rwd-font-size);
  }
}

.lds-isi-v2 .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}

.lds-isi-hidden {
  display: none !important;
}

.lds-isi-v2 .lds-isi-toggle-leave-to {
  opacity: 0;
  transition: opacity var(--lds-animation-duration-short);
}

.lds-isi-v2 .lds-isi-toggle-enter {
  opacity: 0;
}

.lds-isi-v2 .lds-isi-toggle-enter-to {
  transition: opacity var(--lds-animation-duration-short);
}

.lds-isi-v2 .lds-isi-indication-mobile {
  display: block;
}

/* *** SINGLE PANEL MODE (TABLET/DESKTOP) OVERRIDES *** */

@media (min-width: 768px) {
  .lds-isi-v2 .lds-isi-indication-mobile {
    display: none;
  }
}

/* These styles are only applied if JavaScript is disabled or not supported by the browser.
 * While this is an edge-case, regulatory compliance mandates the ISI always be present and
 * discoverable. The idea is to force the ISI to be attached to the page so that even if its
 * typical "omnipresence" at the bottom of the viewport is not possible it is properly "on"
 * the page.
 */

.lds-isi-v2.lds-isi-section.no-js .lds-isi {
  position: relative;
  height: auto;
  transform: none;
  transition: none;
}

.lds-isi-v2.lds-isi-section.no-js .lds-isi-spacer {
  display: none;
  visibility: hidden;
}

.lds-isi-v2.lds-isi-section.no-js .lds-isi-main {
  height: calc(100% - 3rem);
  overflow-y: auto;
}

.lds-isi-v2.lds-isi-section.no-js-before-leave {
  transition: none;
}

.lds-isi-v2.lds-isi-section.no-js .lds-isi-toggle {
  display: none;
}

/* *** SINGLE PANEL MODE (TABLET/DESKTOP) OVERRIDES *** */

@media (min-width: 768px) {
  .lds-isi-v2.lds-isi-section.no-js .lds-isi-main {
    height: calc(100% - 4rem);
  }
}

.lds-lilly-logo {
  display: block;
  box-sizing: content-box;
  line-height: 0;
  width: var(--lds-spacing-lilly-logo-width);
  height: var(--lds-spacing-lilly-logo-height);
  padding: var(--lds-spacing-lilly-logo-padding);
}

.lds-lilly-logo:focus {
  outline-color: var(--lds-color-link-outline-focus);
  outline-offset: var(--lds-border-link-focus-outline-offset);
  outline-style: var(--lds-border-link-focus-outline-style);
  outline-width: var(--lds-border-link-focus-outline-width);
}

/* LOGO SIZES */

/* The logos have "hard" minimum dimensions */

/* By default, they will be set to their "medium" t-shirt size */

.lds-lilly-logo.lilly {
  /* minimum */
  min-width: var(--lds-spacing-lilly-logo-min-w-lilly) !important;
  min-height: var(--lds-spacing-lilly-logo-min-h-lilly) !important;
  /* default medium */
  --lds-spacing-lilly-logo-width: var(--lds-spacing-lilly-logo-md-w-lilly);
  --lds-spacing-lilly-logo-height: var(--lds-spacing-lilly-logo-md-h-lilly);
  --lds-spacing-lilly-logo-padding: calc(var(--lds-spacing-lilly-logo-height) / 2);
}

.lds-lilly-logo.lilly-tag-below {
  /* minimum */
  min-width: var(--lds-spacing-lilly-logo-min-w-lilly-tag-below) !important;
  min-height: var(--lds-spacing-lilly-logo-min-h-lilly-tag-below) !important;
  /* default medium */
  --lds-spacing-lilly-logo-width: var(--lds-spacing-lilly-logo-md-w-lilly-tag-below);
  --lds-spacing-lilly-logo-height: var(--lds-spacing-lilly-logo-md-h-lilly-tag-below);
  --lds-spacing-lilly-logo-padding: calc(var(--lds-spacing-lilly-logo-height) / 2);
}

.lds-lilly-logo.lilly-tag-aside {
  /* minimum */
  min-width: var(--lds-spacing-lilly-logo-min-w-lilly-tag-side) !important;
  min-height: var(--lds-spacing-lilly-logo-min-h-lilly-tag-side) !important;
  /* default medium */
  --lds-spacing-lilly-logo-width: var(--lds-spacing-lilly-logo-md-w-lilly-tag-aside);
  --lds-spacing-lilly-logo-height: var(--lds-spacing-lilly-logo-md-h-lilly-tag-aside);
  --lds-spacing-lilly-logo-padding: calc(var(--lds-spacing-lilly-logo-height) / 2);
}

.lds-lilly-logo.monogram {
  /* minimum */
  min-width: var(--lds-spacing-lilly-logo-min-w-monogram) !important;
  min-height: var(--lds-spacing-lilly-logo-min-h-monogram) !important;
  /* default medium */
  --lds-spacing-lilly-logo-width: var(--lds-spacing-lilly-logo-md-w-monogram);
  --lds-spacing-lilly-logo-height: var(--lds-spacing-lilly-logo-md-h-monogram);
  --lds-spacing-lilly-logo-padding: calc(var(--lds-spacing-lilly-logo-height) / 2);
}

/* PADDING OVERRIDES */

/* TOP */

.lds-lilly-logo.pt-0, .lds-lilly-logo.no-pad-top,
.lds-lilly-logo.pt-0.lilly, .lds-lilly-logo.no-pad-top.lilly,
.lds-lilly-logo.pt-0.lilly-tag-below, .lds-lilly-logo.no-pad-top.lilly-tag-below,
.lds-lilly-logo.pt-0.lilly-tag-aside, .lds-lilly-logo.no-pad-top.lilly-tag-aside,
.lds-lilly-logo.pt-0.monogram, .lds-lilly-logo.no-pad-top.monogram {
  padding-top: 0;
}

/* RIGHT */

.lds-lilly-logo.pr-0, .lds-lilly-logo.no-pad-right,
.lds-lilly-logo.pr-0.lilly, .lds-lilly-logo.no-pad-right.lilly,
.lds-lilly-logo.pr-0.lilly-tag-below, .lds-lilly-logo.no-pad-right.lilly-tag-below,
.lds-lilly-logo.pr-0.lilly-tag-aside, .lds-lilly-logo.no-pad-right.lilly-tag-aside,
.lds-lilly-logo.pr-0.monogram, .lds-lilly-logo.no-pad-right.monogram {
  padding-right: 0;
}

/* BOTTOM */

.lds-lilly-logo.pb-0, .lds-lilly-logo.no-pad-bottom,
.lds-lilly-logo.pb-0.lilly, .lds-lilly-logo.no-pad-bottom.lilly,
.lds-lilly-logo.pb-0.lilly-tag-below, .lds-lilly-logo.no-pad-bottom.lilly-tag-below,
.lds-lilly-logo.pb-0.lilly-tag-aside, .lds-lilly-logo.no-pad-bottom.lilly-tag-aside,
.lds-lilly-logo.pb-0.monogram, .lds-lilly-logo.no-pad-bottom.monogram {
  padding-bottom: 0;
}

/* LEFT */

.lds-lilly-logo.pb-0, .lds-lilly-logo.no-pad-left,
.lds-lilly-logo.pb-0.lilly, .lds-lilly-logo.no-pad-left.lilly,
.lds-lilly-logo.pb-0.lilly-tag-below, .lds-lilly-logo.no-pad-left.lilly-tag-below,
.lds-lilly-logo.pb-0.lilly-tag-aside, .lds-lilly-logo.no-pad-left.lilly-tag-aside,
.lds-lilly-logo.pb-0.monogram, .lds-lilly-logo.no-pad-left.monogram {
  padding-left: 0;
}

/* ALL */

.lds-lilly-logo.pd-0, .lds-lilly-logo.no-padding,
.lds-lilly-logo.pd-0.lilly, .lds-lilly-logo.no-padding.lilly,
.lds-lilly-logo.pd-0.lilly-tag-below, .lds-lilly-logo.no-padding.lilly-tag-below,
.lds-lilly-logo.pd-0.lilly-tag-aside, .lds-lilly-logo.no-padding.lilly-tag-aside,
.lds-lilly-logo.pd-0.monogram, .lds-lilly-logo.no-padding.monogram {
  padding: 0;
}

/* LOGO FILL COLORS OVERRIDES */

.lds-lilly-logo.red {
  --lds-color-lilly-logo-fill: var(--lds-color-lilly-red);
}

.lds-lilly-logo.black {
  --lds-color-lilly-logo-fill: var(--lds-color-lilly-black);
}

.lds-lilly-logo.white {
  --lds-color-lilly-logo-fill: var(--lds-color-lilly-white);
}

/* MAKE THE SVG OR IMAGE ELEMENT FILL THE LOGO CONTAINER */

.lds-lilly-logo img,
.lds-lilly-logo svg {
  width: 100%;
  height: 100%;
  line-height: 0;
}

/* LDS 1.0 DEPRECATED STYLES */

.lilly-logo-xs {
  width: var(--lds-spacing-lilly-logo-width-xs);
  height: var(--lds-spacing-lilly-logo-height-xs);
  padding-top: var(--lds-spacing-lilly-logo-padding-top-xs);
  padding-right: var(--lds-spacing-lilly-logo-padding-right-xs);
  padding-bottom: var(--lds-spacing-lilly-logo-padding-bottom-xs);
  padding-left: var(--lds-spacing-lilly-logo-padding-left-xs);
}

.lilly-logo-sm {
  width: var(--lds-spacing-lilly-logo-width-sm);
  height: var(--lds-spacing-lilly-logo-height-sm);
  padding-top: var(--lds-spacing-lilly-logo-padding-top-sm);
  padding-right: var(--lds-spacing-lilly-logo-padding-right-sm);
  padding-bottom: var(--lds-spacing-lilly-logo-padding-bottom-sm);
  padding-left: var(--lds-spacing-lilly-logo-padding-left-sm);
}

.lilly-logo-md {
  width: var(--lds-spacing-lilly-logo-width-md);
  height: var(--lds-spacing-lilly-logo-height-md);
  padding-top: var(--lds-spacing-lilly-logo-padding-top-md);
  padding-right: var(--lds-spacing-lilly-logo-padding-right-md);
  padding-bottom: var(--lds-spacing-lilly-logo-padding-bottom-md);
  padding-left: var(--lds-spacing-lilly-logo-padding-left-md);
}

.lilly-logo-lg {
  width: var(--lds-spacing-lilly-logo-width-lg);
  height: var(--lds-spacing-lilly-logo-height-lg);
  padding-top: var(--lds-spacing-lilly-logo-padding-top-lg);
  padding-right: var(--lds-spacing-lilly-logo-padding-right-lg);
  padding-bottom: var(--lds-spacing-lilly-logo-padding-bottom-lg);
  padding-left: var(--lds-spacing-lilly-logo-padding-left-lg);
}

.lilly-logo-xl {
  width: var(--lds-spacing-lilly-logo-width-xl);
  height: var(--lds-spacing-lilly-logo-height-xl);
  padding-top: var(--lds-spacing-lilly-logo-padding-top-xl);
  padding-right: var(--lds-spacing-lilly-logo-padding-right-xl);
  padding-bottom: var(--lds-spacing-lilly-logo-padding-bottom-xl);
  padding-left: var(--lds-spacing-lilly-logo-padding-left-xl);
}

.lds-lilly-logo.lilly-logo-fit {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  max-width: 100%;
}

.lds-lilly-logo.lilly-logo-fit svg {
  width: 64.7%;
  height: 50%;
}

.lds-lilly-logo.lilly-logo-fit img {
  width: 64.7%;
}

/* MINIMUM SIZE */

.lds-lilly-logo.lilly.min {
  /* This is using the XS size which is the minimum brand guidelines size for now */
  --lds-spacing-lilly-logo-width: var(--lds-spacing-lilly-logo-xs-w-lilly);
  --lds-spacing-lilly-logo-height: var(--lds-spacing-lilly-logo-xs-h-lilly);
  --lds-spacing-lilly-logo-padding: calc(var(--lds-spacing-lilly-logo-height) / 2);
}

.lds-lilly-logo.lilly-tag-below.min {
  --lds-spacing-lilly-logo-width: var(--lds-spacing-lilly-logo-min-w-lilly-tag-below);
  --lds-spacing-lilly-logo-height: var(--lds-spacing-lilly-logo-min-h-lilly-tag-below);
  --lds-spacing-lilly-logo-padding: calc(var(--lds-spacing-lilly-logo-height) / 2);
}

.lds-lilly-logo.lilly-tag-aside.min {
  --lds-spacing-lilly-logo-width: var(--lds-spacing-lilly-logo-min-w-lilly-tag-aside);
  --lds-spacing-lilly-logo-height: var(--lds-spacing-lilly-logo-min-h-lilly-tag-aside);
  --lds-spacing-lilly-logo-padding: calc(var(--lds-spacing-lilly-logo-height) / 2);
}

.lds-lilly-logo.monogram.min {
  --lds-spacing-lilly-logo-width: var(--lds-spacing-lilly-logo-min-w-monogram);
  --lds-spacing-lilly-logo-height: var(--lds-spacing-lilly-logo-min-h-monogram);
  --lds-spacing-lilly-logo-padding: calc(var(--lds-spacing-lilly-logo-height) / 2);
}

.lds-lilly-logo.lilly.xs {
  --lds-spacing-lilly-logo-width: var(--lds-spacing-lilly-logo-xs-w-lilly);
  --lds-spacing-lilly-logo-height: var(--lds-spacing-lilly-logo-xs-h-lilly);
  --lds-spacing-lilly-logo-padding: calc(var(--lds-spacing-lilly-logo-height) / 2);
}

.lds-lilly-logo.lilly-tag-below.xs {
  --lds-spacing-lilly-logo-width: var(--lds-spacing-lilly-logo-xs-w-lilly-tag-below);
  --lds-spacing-lilly-logo-height: var(--lds-spacing-lilly-logo-xs-h-lilly-tag-below);
  --lds-spacing-lilly-logo-padding: calc(var(--lds-spacing-lilly-logo-height) / 2);
}

.lds-lilly-logo.lilly-tag-aside.xs {
  --lds-spacing-lilly-logo-width: var(--lds-spacing-lilly-logo-xs-w-lilly-tag-aside);
  --lds-spacing-lilly-logo-height: var(--lds-spacing-lilly-logo-xs-h-lilly-tag-aside);
  --lds-spacing-lilly-logo-padding: calc(var(--lds-spacing-lilly-logo-height) / 2);
}

.lds-lilly-logo.monogram.xs {
  --lds-spacing-lilly-logo-width: var(--lds-spacing-lilly-logo-xs-w-monogram);
  --lds-spacing-lilly-logo-height: var(--lds-spacing-lilly-logo-xs-h-monogram);
  --lds-spacing-lilly-logo-padding: calc(var(--lds-spacing-lilly-logo-height) / 2);
}

/* SMALL */

.lds-lilly-logo.lilly.sm {
  --lds-spacing-lilly-logo-width: var(--lds-spacing-lilly-logo-sm-w-lilly);
  --lds-spacing-lilly-logo-height: var(--lds-spacing-lilly-logo-sm-h-lilly);
  --lds-spacing-lilly-logo-padding: calc(var(--lds-spacing-lilly-logo-height) / 2);
}

.lds-lilly-logo.lilly-tag-below.sm {
  --lds-spacing-lilly-logo-width: var(--lds-spacing-lilly-logo-sm-w-lilly-tag-below);
  --lds-spacing-lilly-logo-height: var(--lds-spacing-lilly-logo-sm-h-lilly-tag-below);
  --lds-spacing-lilly-logo-padding: calc(var(--lds-spacing-lilly-logo-height) / 2);
}

.lds-lilly-logo.lilly-tag-aside.sm {
  --lds-spacing-lilly-logo-width: var(--lds-spacing-lilly-logo-sm-w-lilly-tag-aside);
  --lds-spacing-lilly-logo-height: var(--lds-spacing-lilly-logo-sm-h-lilly-tag-aside);
  --lds-spacing-lilly-logo-padding: calc(var(--lds-spacing-lilly-logo-height) / 2);
}

.lds-lilly-logo.monogram.sm {
  --lds-spacing-lilly-logo-width: var(--lds-spacing-lilly-logo-sm-w-monogram);
  --lds-spacing-lilly-logo-height: var(--lds-spacing-lilly-logo-sm-h-monogram);
  --lds-spacing-lilly-logo-padding: calc(var(--lds-spacing-lilly-logo-height) / 2);
}

/* MEDIUM */

.lds-lilly-logo.lilly.md {
  --lds-spacing-lilly-logo-width: var(--lds-spacing-lilly-logo-md-w-lilly);
  --lds-spacing-lilly-logo-height: var(--lds-spacing-lilly-logo-md-h-lilly);
  --lds-spacing-lilly-logo-padding: calc(var(--lds-spacing-lilly-logo-height) / 2);
}

.lds-lilly-logo.lilly-tag-below.md {
  --lds-spacing-lilly-logo-width: var(--lds-spacing-lilly-logo-md-w-lilly-tag-below);
  --lds-spacing-lilly-logo-height: var(--lds-spacing-lilly-logo-md-h-lilly-tag-below);
  --lds-spacing-lilly-logo-padding: calc(var(--lds-spacing-lilly-logo-height) / 2);
}

.lds-lilly-logo.lilly-tag-aside.md {
  --lds-spacing-lilly-logo-width: var(--lds-spacing-lilly-logo-md-w-lilly-tag-aside);
  --lds-spacing-lilly-logo-height: var(--lds-spacing-lilly-logo-md-h-lilly-tag-aside);
  --lds-spacing-lilly-logo-padding: calc(var(--lds-spacing-lilly-logo-height) / 2);
}

.lds-lilly-logo.monogram.md {
  --lds-spacing-lilly-logo-width: var(--lds-spacing-lilly-logo-md-w-monogram);
  --lds-spacing-lilly-logo-height: var(--lds-spacing-lilly-logo-md-h-monogram);
  --lds-spacing-lilly-logo-padding: calc(var(--lds-spacing-lilly-logo-height) / 2);
}

/* LARGE */

.lds-lilly-logo.lilly.lg {
  --lds-spacing-lilly-logo-width: var(--lds-spacing-lilly-logo-lg-w-lilly);
  --lds-spacing-lilly-logo-height: var(--lds-spacing-lilly-logo-lg-h-lilly);
  --lds-spacing-lilly-logo-padding: calc(var(--lds-spacing-lilly-logo-height) / 2);
}

.lds-lilly-logo.lilly-tag-below.lg {
  --lds-spacing-lilly-logo-width: var(--lds-spacing-lilly-logo-lg-w-lilly-tag-below);
  --lds-spacing-lilly-logo-height: var(--lds-spacing-lilly-logo-lg-h-lilly-tag-below);
  --lds-spacing-lilly-logo-padding: calc(var(--lds-spacing-lilly-logo-height) / 2);
}

.lds-lilly-logo.lilly-tag-aside.lg {
  --lds-spacing-lilly-logo-width: var(--lds-spacing-lilly-logo-lg-w-lilly-tag-aside);
  --lds-spacing-lilly-logo-height: var(--lds-spacing-lilly-logo-lg-h-lilly-tag-aside);
  --lds-spacing-lilly-logo-padding: calc(var(--lds-spacing-lilly-logo-height) / 2);
}

.lds-lilly-logo.monogram.lg {
  --lds-spacing-lilly-logo-width: var(--lds-spacing-lilly-logo-lg-w-monogram);
  --lds-spacing-lilly-logo-height: var(--lds-spacing-lilly-logo-lg-h-monogram);
  --lds-spacing-lilly-logo-padding: calc(var(--lds-spacing-lilly-logo-height) / 2);
}

.lds-lilly-logo.lilly.xl {
  --lds-spacing-lilly-logo-width: var(--lds-spacing-lilly-logo-xl-w-lilly);
  --lds-spacing-lilly-logo-height: var(--lds-spacing-lilly-logo-xl-h-lilly);
  --lds-spacing-lilly-logo-padding: calc(var(--lds-spacing-lilly-logo-height) / 2);
}

.lds-lilly-logo.lilly-tag-below.xl {
  --lds-spacing-lilly-logo-width: var(--lds-spacing-lilly-logo-xl-w-lilly-tag-below);
  --lds-spacing-lilly-logo-height: var(--lds-spacing-lilly-logo-xl-h-lilly-tag-below);
  --lds-spacing-lilly-logo-padding: calc(var(--lds-spacing-lilly-logo-height) / 2);
}

.lds-lilly-logo.lilly-tag-aside.xl {
  --lds-spacing-lilly-logo-width: var(--lds-spacing-lilly-logo-xl-w-lilly-tag-aside);
  --lds-spacing-lilly-logo-height: var(--lds-spacing-lilly-logo-xl-h-lilly-tag-aside);
  --lds-spacing-lilly-logo-padding: calc(var(--lds-spacing-lilly-logo-height) / 2);
}

.lds-lilly-logo.monogram.xl {
  --lds-spacing-lilly-logo-width: var(--lds-spacing-lilly-logo-xl-w-monogram);
  --lds-spacing-lilly-logo-height: var(--lds-spacing-lilly-logo-xl-h-monogram);
  --lds-spacing-lilly-logo-padding: calc(var(--lds-spacing-lilly-logo-height) / 2);
}

.lds-product-jump-menu-link {
  color: var(--lds-color-product-jump-menu-link);
  padding: var(--lds-spacing-padding-product-jump-menu-link);
  transition-duration: var(--lds-animation-duration-short);
}

.lds-product-jump-menu-section {
  scroll-margin-top: 3.125rem;
}

.lds-product-jump-menu-button {
  display: inline-flex;
  color: var(--lds-color-product-jump-menu-heading);
  margin: var(--lds-spacing-margin-product-jump-menu-button);
  gap: var(--lds-spacing-gap-product-jump-menu-button);
  font-size: var(--lds-typography-product-jump-menu-button-font-size);
  font-weight: var(--lds-typography-product-jump-menu-font-weight);
  line-height: var(--lds-typography-product-jump-menu-line-height);
  align-items: center;
}

.lds-product-jump-menu-button .lds-product-jump-menu-index-button-icon {
  margin: var(--lds-spacing-margin-product-jump-menu-button-icon);
  height: var(--lds-spacing-height-product-jump-menu-button-icon);
  width: var(--lds-spacing-width-product-jump-menu-button-icon);
  background-color: var(--lds-color-product-jump-menu-heading);
}

.lds-product-jump-menu-button .lds-product-jump-menu-extra-icon-left {
  align-items: center;
  background-color: var(--lds-color-product-jump-menu-extra-icon);
  padding-left: var(--lds-spacing-padding-product-jump-menu-button-extra-icon);
  height: var(--lds-spacing-height-product-jump-menu-button-extra-icon);
  width: var(--lds-spacing-width-product-jump-menu-button-extra-icon);
  margin-top: var(--lds-spacing-padding-product-jump-menu-button-extra-icon-vertical-margin);
  margin-bottom: var( --lds-spacing-padding-product-jump-menu-button-extra-icon-vertical-margin);
}

.lds-product-jump-menu-button .lds-product-jump-menu-extra-icon-right {
  background-color: var(--lds-color-product-jump-menu-extra-icon);
  padding-right: var(--lds-spacing-padding-product-jump-menu-button-extra-icon);
  height: var(--lds-spacing-height-product-jump-menu-button-extra-icon);
  width: var(--lds-spacing-width-product-jump-menu-button-extra-icon);
  margin-top: var(--lds-spacing-padding-product-jump-menu-button-extra-icon-vertical-margin);
  margin-bottom: var( --lds-spacing-padding-product-jump-menu-button-extra-icon-vertical-margin);
}

.lds-product-jump-menu-wrapper {
  --lds-product-jump-menu-link-wrappers-closed-width: auto;
  --lds-product-jump-menu-link-wrappers-open-width: 400px;
  --lds-product-jump-menu-link-wrappers-closed-height: 0px;
  --lds-product-jump-menu-link-wrappers-open-height: 0px;

  position: fixed;
  overflow: hidden;
  display: inline-flex;
  flex-direction: column;
  border-radius:  var(--lds-border-radius-product-jump-menu-container);
  z-index: var(--lds-z-index-product-jump-menu);
  background-color: var(--lds-color-product-jump-menu-background);
  box-shadow: var(--lds-color-shadow-product-jump-menu-wrapper);
  justify-content: space-between;
  max-height: calc(100% - var(--lds-spacing-expanded-max-height-padding));
}

.lds-product-jump-menu-wrapper:focus-visible {
  outline-color: var(--lds-color-button-outline-focus);
  outline-offset: var(--lds-border-button-outline-offset-focus);
  outline-style: var(--lds-border-button-outline-style-focus);
  outline-width: var(--lds-border-button-outline-width-focus);
}

.lds-product-jump-menu-wrapper.bottom {
  bottom: var(--lds-spacing-vertical-padding-product-jump-menu-wrapper);
  flex-direction: column-reverse;
}

.lds-product-jump-menu-wrapper.right {
  right: var(--lds-spacing-horizontal-padding-product-jump-menu-wrapper);
}

.lds-product-jump-menu-wrapper.top {
  top: var(--lds-spacing-vertical-padding-product-jump-menu-wrapper);
}

.lds-product-jump-menu-wrapper.top .scroll-overlay {
  background: transparent;
}

.lds-product-jump-menu-wrapper.bottom .scroll-overlay {
  background: transparent;
}

.lds-product-jump-menu-wrapper.top.expanded .scroll-overlay {
  z-index: var(--lds-z-index-product-jump-menu);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: var(--lds-spacing-height-product-jump-menu-scroll-overlay);
  background: linear-gradient(to top, var(--lds-color-product-jump-menu-scroll-overlay), transparent); /*Shadow effect */
  pointer-events: none;
  margin-inline-end: var(--lds-spacing-margin-right-product-jump-menu-scroll-overlay);
}

.lds-product-jump-menu-wrapper.bottom.expanded .scroll-overlay {
  z-index: var(--lds-z-index-product-jump-menu);
  position: absolute;
  bottom: var(--lds-spacing-bottom-position-product-jump-menu-scroll-overlay-bottom-position);
  left: 0;
  right: 0;
  width: auto;
  margin-bottom: var(--lds-spacing-margin-bottom-product-jump-menu-scroll-overlay-bottom-position);
  height: var(--lds-spacing-height-product-jump-menu-scroll-overlay);
  background: linear-gradient(to top, var(--lds-color-product-jump-menu-scroll-overlay), transparent);
  pointer-events: none;
  margin-inline-end: var(--lds-spacing-margin-right-product-jump-menu-scroll-overlay);
}

.lds-product-jump-menu-wrapper .lds-product-jump-menu-group-title {
  font-size: var(--lds-typography-product-jump-menu-link-font-size);
  font-weight: var(--lds-typography-product-jump-menu-font-weight);
  margin-top: var(--lds-spacing-margin-top-product-jump-menu-group-title);
  margin-inline-start: var(--lds-spacing-margin-left-product-jump-menu-group-title);
  margin-bottom: 0;
  color: var(--lds-color-product-jump-menu-group-title);
}

.lds-product-jump-menu-wrapper.bottom .lds-product-jump-menu-title {
  font-size: var(--lds-typography-product-jump-menu-title-font-size);
  font-weight: var(--lds-typography-product-jump-menu-font-weight);
  color: var(--lds-color-product-jump-menu-title);
  padding-top: var(--lds-spacing-padding-top-product-jump-menu-title-bottom-position);
}

.lds-product-jump-menu-wrapper.top .lds-product-jump-menu-title {
  font-size: var(--lds-typography-product-jump-menu-title-font-size);
  font-weight: var(--lds-typography-product-jump-menu-font-weight);
  color: var(--lds-color-product-jump-menu-title);
}

.lds-product-jump-menu-wrapper .lds-product-jump-menu-content {
  z-index: var(--lds-z-index-product-jump-menu-content);
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-radius:  var(--lds-radius-large);
  background-color: var(--lds-color-product-jump-menu-background);
}

.lds-product-jump-menu-links-outer-wrapper{
  position: relative;
  width: var(--lds-product-jump-menu-link-wrappers-closed-width);
  height: var(--lds-product-jump-menu-link-wrappers-closed-height);
  overflow: hidden;
  transition: all var(--lds-animation-duration-short) var(--lds-animation-timing-func-bounce);
}

.lds-product-jump-menu-wrapper.top.expanded .lds-product-jump-menu-links-outer-wrapper {
  position: relative;
  width: var(--lds-product-jump-menu-link-wrappers-open-width);
  height: var(--lds-product-jump-menu-link-wrappers-open-height);
  margin-bottom: 1rem;
  overflow: hidden;
  transition: all var(--lds-animation-duration-short) var(--lds-animation-timing-func-bounce);;
}

.lds-product-jump-menu-wrapper.bottom.expanded .lds-product-jump-menu-links-outer-wrapper {
  width: var(--lds-product-jump-menu-link-wrappers-open-width);
  height: var(--lds-product-jump-menu-link-wrappers-open-height);
  overflow: hidden;
  transition: all var(--lds-animation-duration-short) var(--lds-animation-timing-func-bounce);;
}

.lds-product-jump-menu-links-inner-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--lds-product-jump-menu-link-wrappers-open-width);
  height: 100%;
  min-height: var(--lds-spacing-expanded-min-height-product-jump-menu);
  padding: 0;
  overflow: hidden;
  overflow-y: auto;
  opacity: 0.2;
  transform: translateY(-1rem);
  transition: all var(--lds-animation-duration-short);
}

.lds-product-jump-menu-links-inner-wrapper.expanded {
  opacity: 1;
  transform: translateY(0);
  transition: all var(--lds-animation-duration-short);
}

.lds-product-jump-menu-wrapper.top .lds-product-jump-menu-links-inner-wrapper{
  margin-bottom: 1rem;
}

.lds-product-jump-menu-wrapper.bottom .lds-product-jump-menu-links {
  padding-top: var(--lds-spacing-padding-product-jump-menu-links);
  margin-bottom: 0;
  padding-bottom: 0;
  margin-top: 1rem;
}

.lds-product-jump-menu-wrapper .lds-product-jump-menu-links {
  display: block;
  padding: var(--lds-spacing-padding-product-jump-menu-links);
  padding-top: var(--lds-spacing-padding-top-product-jump-menu-links);
  min-width: var(--lds-spacing-min-width-product-jump-menu-links);
  font-size: var(--lds-typography-product-jump-menu-link-font-size);
  font-weight: var(--lds-typography-product-jump-menu-font-weight);
  line-height: var(--lds-spacing-line-height-product-jump-menu-links);
  color: var(--lds-color-product-jump-menu-link);
  white-space: wrap;
}

.lds-product-jump-menu-wrapper .lds-product-jump-menu-links a {
  display: block;
  opacity: 0; /* Initially hidden */
  position: relative; /* Needed for ::before positioning */
  padding-inline-start: var(--lds-spacing-padding-horizontal-product-jump-menu-links-a);
  padding-top: var(--lds-spacing-padding-vertical-product-jump-menu-links-a);
  padding-bottom: var(--lds-spacing-padding-vertical-product-jump-menu-links-a);
  text-decoration: none;
  color: inherit; /* Default link color */
  transition: color var(--lds-animation-duration-short) var(--lds-animation-timing-func-standard), opacity var(--lds-animation-duration-short)  var(--lds-animation-timing-func-standard); /* Smooth color transition for text */
}

.lds-product-jump-menu-wrapper.expanded .lds-product-jump-menu-links a {
  opacity: 1;
  transition: all var(--lds-animation-duration-short);
}

.lds-product-jump-menu-wrapper .lds-product-jump-menu-links a::before {
  content: "";
  position: absolute;
  top: 0;
  margin-inline-start: var(--lds-spacing-margin-left-product-jump-menu-links-before);
  inset-inline-start: var(--lds-spacing-position-left-product-jump-menu-links-before); /* Adjust position relative to the text */
  width: var(--lds-spacing-width-product-jump-menu-links-before);
  height: 100%;
  background-color: var(--lds-color-product-jump-menu-link-before); /* Default line color */
  transition: background-color var(--lds-animation-duration-short) var(--lds-animation-timing-func-standard); /* Smooth transition for line color */
}

.lds-product-jump-menu-wrapper .lds-product-jump-menu-links a.active {
  font-weight: var(--lds-typography-product-jump-menu-font-weight-active);
  color: var(--lds-color-product-jump-menu-link-active); /* Link text turns white */
  transition: color var(--lds-animation-duration-short) var(--lds-animation-timing-func-standard);
}

.lds-product-jump-menu-wrapper .lds-product-jump-menu-links a.active:hover {
  color: var(--lds-color-product-jump-menu-link-active-hover);
  transition: color var(--lds-animation-duration-short) var(--lds-animation-timing-func-standard);
}

.lds-product-jump-menu-wrapper .lds-product-jump-menu-links a:hover {
  color: var(--lds-color-product-jump-menu-link-active); /* Link text turns white */
  transition: color var(--lds-animation-duration-short) var(--lds-animation-timing-func-standard);
}

.lds-product-jump-menu-wrapper .lds-product-jump-menu-links a:active {
  transition: color var(--lds-animation-duration-short) var(--lds-animation-timing-func-standard);
  color: var(--lds-color-product-jump-menu-link-mousedown);
}

.lds-product-jump-menu-wrapper .lds-product-jump-menu-links a:focus-visible {
  color: var(--lds-color-product-jump-menu-link-active);
  border-radius: 4px;
  border: 3px solid white;
  outline: none;
}

.lds-product-jump-menu-wrapper .lds-product-jump-menu-links a.active:focus-visible {
  color: var(--lds-color-product-jump-menu-link-active-focus);
  border-radius: 4px;
  border: 3px solid white;
  outline: none;
}

.lds-product-jump-menu-wrapper .lds-product-jump-menu-links a:focus-visible::before {
  background-color: transparent;
}

/* When the link is active (clicked),  the line turns red */

.lds-product-jump-menu-wrapper .lds-product-jump-menu-links a.active::before {
  background-color: var(--lds-color-product-jump-menu-link-before-active); /* Line turns red when active */
  transition: background-color var(--lds-animation-duration-short) var(--lds-animation-timing-func-standard);
}

.lds-product-jump-menu-background-overlay.black.expanded {
  position: fixed;
  top: 0;
  left: 0;
  background-color: var(--lds-color-black-background-overlay-product-jump-menu);
  backdrop-filter: blur(0.2rem);
  width: 100dvw;
  height: 100dvh;
  z-index: var(--lds-z-index-product-jump-menu-background-overlay);
}

.lds-product-jump-menu-background-overlay.white.expanded {
  position: fixed;
  top: 0;
  left: 0;
  background-color: var(--lds-color-white-background-overlay-product-jump-menu);
  backdrop-filter: blur(0.2rem);
  width: 100dvw;
  height: 100dvh;
  z-index: var(--lds-z-index-product-jump-menu-background-overlay);
}

.lds-jump-menu-container,
.lds-jump-menu-container aside,
.lds-jump-menu-container .sidebar {
  position: relative;
}

.lds-jump-menu {
  color: var(--lds-color-jump-menu);
  max-width: var(--lds-spacing-jump-menu-max-width);
  padding: var(--lds-spacing-jump-menu-padding);
  width: 100%;
  display: none;
  overflow-y: auto;
}

@media(min-width: 768px) {
  .lds-jump-menu {
    display: block;
  }
}

.lds-jump-menu:not(.lds-jump-menu-sticky) {
  position: absolute;
  top: 0;
}

.lds-jump-menu-sticky {
  position: sticky;
}

.lds-jump-menu-list {
  list-style: none;
}

.lds-jump-menu-list-item {
  position: relative;
}

.lds-jump-menu-list-item::before {
  background-color: var(--lds-color-jump-menu-list-item-background);
  width: var(--lds-spacing-jump-menu-list-item-line-width);
  position: absolute;
  content: '';
  height: 100%;
  inset-inline-start: 0;
  top: 0;
  z-index: -9;
}

.lds-jump-menu-list-item:first-child::before {
  border-top-left-radius:  var(--lds-radius-jump-menu-list-item);
  border-top-right-radius:  var(--lds-radius-jump-menu-list-item);
}

.lds-jump-menu-list-item:last-child::before {
  border-bottom-left-radius:  var(--lds-radius-jump-menu-list-item);
  border-bottom-right-radius: var(--lds-radius-jump-menu-list-item);
}

.lds-jump-menu-list-item a {
  border-radius: var(--lds-radius-jump-menu-list-item);
  color: inherit;
  display: inline-block;
  font-weight: var(--lds-typography-jump-menu-font-weight);
  line-height: var(--lds-typography-jump-menu-line-height);
  padding: var(--lds-spacing-jump-menu-list-item-padding-y) var(--lds-spacing-jump-menu-list-item-padding-x);
  text-decoration: none;
  width: 100%;
}

.lds-jump-menu-list-item a:visited {
  color: var(--lds-color-jump-menu-list-item-visited);
}

.lds-jump-menu-list-item a:hover {
  color: var(--lds-color-jump-menu-list-item-hover);
  font-weight: var(--lds-typography-jump-menu-active-font-weight);
  text-decoration: none;
}

.lds-jump-menu-list-item a:focus {
  outline-color: var(--lds-color-jump-menu-outline-focus);
  outline-offset: var(--lds-border-jump-menu-focus-outline-offset);
  outline-style: var(--lds-border-jump-menu-focus-outline-style);
  outline-width: var(--lds-border-jump-menu-focus-outline-width);
}

.lds-jump-menu-list-item-active {
  color: var(--lds-color-jump-menu-list-item-active);
  position: relative;
}

.lds-jump-menu-list-item-active::before {
  background: var(--lds-color-jump-menu-list-item-active-bg);
  border-radius: var(--lds-radius-jump-menu-list-item);
}

.lds-jump-menu-list-item-active a {
  font-weight: var(--lds-typography-jump-menu-active-font-weight);
}

.lds-jump-menu-title {
  color: var(--lds-color-jump-menu-title);
  font-size: var(--lds-typography-jump-menu-title-font-size);
  font-weight: var(--lds-typography-jump-menu-title-font-weight);
  line-height: var(--lds-typography-jump-menu-title-line-height);
  margin-bottom: var(--lds-spacing-jump-menu-title-margin);
}

.lds-jump-menu-group-title {
  color: var(--lds-color-jump-menu-group-title);
  font-size: var(--lds-typography-jump-menu-group-title-font-size);
  font-weight: var(--lds-typography-jump-menu-group-title-font-weight);
  line-height: var(--lds-typography-jump-menu-group-title-line-height);
  padding: 0 var(--lds-spacing-jump-menu-list-item-padding-x);
  margin-top: var(--lds-spacing-jump-menu-title-margin);
  margin-bottom: 0;
}

.lds-language-select-wrapper .lds-select-input-wrapper {
  position: relative;
}

.lds-language-select {
  position: relative;
  display: inline-flex;
  justify-content: space-between;
  max-width: 100%;
  padding-top: var(--lds-spacing-language-select-padding-top);
  padding-right: var(--lds-spacing-language-select-padding-right);
  padding-bottom: var(--lds-spacing-language-select-padding-bottom);
  padding-left: var(--lds-spacing-language-select-padding-left);
  border: var(--lds-border-language-select-width) solid var(--lds-border-language-select-color);
  border-radius: var(--lds-radius-language-select);
  color: var(--lds-color-font);
  font-size: var(--lds-typography-language-select-font);
  text-align: start;
  line-height: 1.3125rem;
  cursor: pointer;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: var(--lds-shadow-language-select);
  -moz-box-shadow: var(--lds-shadow-language-select);
  -webkit-box-shadow: var(--lds-shadow-language-select);
  background-color: var(--lds-color-language-select-background);
}

.lds-language-select:hover {
  box-shadow: var(--lds-shadow-language-select-hover);
  -moz-box-shadow: var(--lds-shadow-language-select-hover);
  -webkit-box-shadow: var(--lds-shadow-language-select-hover);
  background-color: var(--lds-color-language-select-hover-background);
}

.lds-language-select:not(.open):focus,
.lds-language-select:not(.open):focus-visible {
  border-color: var(--lds-color-language-select-border-focus);
  font-weight: var(--lds-typography-font-weight-regular);
  outline: var(--lds-outline-language-select-focus-width) var(--lds-outline-language-select-focus-style) var(--lds-outline-language-select-focus-color);
  box-shadow: var(--lds-shadow-language-select-focus);
  -moz-box-shadow: var(--lds-shadow-language-select-focus);
  -webkit-box-shadow: var(--lds-shadow-language-select-focus);
}

.lds-language-select:active,
.lds-language-select.open {
  border-color: var(--lds-border-language-select-open-color);
  background-color: var(--lds-color-language-select-open-background);
  box-shadow: var(--lds-shadow-language-select-open);
  -moz-box-shadow: var(--lds-shadow-language-select-open);
  -webkit-box-shadow: var(--lds-shadow-language-select-open);
}

.lds-language-select-wrapper .lds-language-select .globe {
  margin-inline-end: 0.5rem;
  margin-top: 0;
}

.lds-language-select-wrapper .caret-down,
.lds-language-select-wrapper .lds-icon.inline.caret-down {
  margin-top: 0;
}

.lds-language-select-wrapper .lds-dropdown {
  top: 100%;
  min-width: 224px;
}

.lds-language-select-wrapper .lang-select-options {
  padding: var(--lds-spacing-050) 0;
}

.lds-language-select-dd-label {
  display: inline-flex;
  position: relative;
  max-width: var(--lds-spacing-language-select-label-max-width);
}

.ls-full-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .lds-language-select-wrapper .lds-dropdown,
  .lds-language-select-wrapper .lds-dropdown-wrapper {
    max-width: 224px;
  }
}

.lds-language-select-wrapper .lds-dropdown.left {
  right: 0;
  inset-inline-start: auto;
}

.lds-language-select-wrapper .lds-dropdown .lds-select-option {
  padding: var(--lds-spacing-075) var(--lds-spacing-100);
}

.lds-language-select-wrapper .lds-dropdown .lds-select-option:focus {
  outline: 3px solid var(--lds-color-neutral-070, #515151);
  outline-offset: -3px;
  box-shadow: none;
}

.lds-language-select-wrapper .lds-dropdown .check {
  display: none;
  position: absolute;
  inset-inline-end: .75em;
  height: var(--lds-spacing-language-select-option-check-size, 1.25em);
  width: var(--lds-spacing-language-select-option-check-size, 1.25em);
  margin: auto 0;
}

.lds-language-select-wrapper .lds-dropdown .lds-select-option.selected {
  font-weight: var(--lds-typography-font-weight-bold);
}

.lds-language-select-wrapper .lds-dropdown .lds-select-option.selected .check {
  display: inline-block;
}

.lds-language-select-wrapper .lds-dropdown .lds-select-option.selected:not(:hover) {
  position: relative;
  background-color: inherit;
}

.lds-language-select-wrapper .lds-dropdown .lds-select-option:hover {
  position: relative;
  background-color: var(--lds-color-primary-010);
}

.lds-select-input-wrapper .lds-select .globe {
  position: absolute;
  top: 50%;
  left: 1rem;
  z-index: 11;
  width: 1rem;
  height: 1rem;
  transform: translateY(-50%);
}

.lds-language-select-wrapper fieldset.lds-checkbox-group .lds-check-label {
  display: block;
  width: 100%;
  min-height: 2.5rem;
  padding-top: var(--lds-spacing-language-select-label-padding-top);
  padding-bottom: var(--lds-spacing-language-select-label-padding-bottom);
  padding-inline-start: var(--lds-spacing-language-select-label-padding-left);
  padding-inline-end: var(--lds-spacing-language-select-label-padding-right);
  margin: 0;
  text-align: start;
  box-shadow: var(--lds-shadow-select-option);
  transition: background-color var(--lds-animation-duration-medium) var(--lds-animation-timing-func-standard);
  cursor: pointer;
}

.lds-language-select-wrapper fieldset.lds-checkbox-group .lds-check-label:hover {
  background-color: var(--lds-color-primary-010);
}

.lds-language-select-wrapper fieldset.lds-checkbox-group .lds-check-label:focus,
.lds-language-select-wrapper fieldset.lds-checkbox-group .lds-check-label:has(input:focus) {
  outline: 3px solid var(--lds-color-neutral-070, #515151);
  outline-offset: -3px;
  box-shadow: none;
}

.lds-language-select-wrapper .lds-dropdown legend,
.lds-language-select-wrapper .lds-radio {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}

.lds-language-select-wrapper .lds-radio::after {
  content: none;
}

@media (min-width: 768px) {
  .lds-language-select-wrapper .lds-select-input-wrapper,
  .lds-language-select {
      max-width: var(--lds-language-select-max-width);
  }
}

/* MARK: Utility Nav specific
*/

/*
  Short text to display in a compact utility navigation. Not normally displayed.
  setting useIsoCodeLabel prop will show the iso code instead of the label.
  Further adjustments made in utility-menu.css
*/

.ls-short-text,
.ls-full-text {
  margin-right: auto;
}

.ls-short-text {
  display: none;
}

.ls-compact .ls-short-text {
  display: inline;
}

.ls-compact .ls-full-text {
  display: none;
}

.lds-link {
  align-items: center;
  color: var(--lds-color-link-foreground);
  display: inline-flex;
  font-size: inherit;
  font-weight: var(--lds-typography-link-font-weight);
  cursor: var(--lds-animation-link-cursor);
  text-decoration: var(--lds-typography-link-text-decoration);
  vertical-align: top;
}

/* When used with button elements, reset default system button styling attributes */

button.lds-link,
input.lds-link[type="button"],
input.lds-link[type="submit"],
input.lds-link[type="reset"] {
  background: none;
  border: 0;
  font-family: var(--lds-typography-button-font-family);
  line-height: inherit;
  margin: 0;
  padding: 0;
}

.lds-link:hover,
.lds-link.hover {
  color: var(--lds-color-link-foreground-hover);
  text-decoration: var(--lds-typography-link-text-decoration-hover);
}

.lds-link:visited,
.lds-link.visited {
  color: var(--lds-color-link-foreground-visited);
}

.lds-link:active,
.lds-link.active,
.lds-link:focus,
.lds-link.focus {
  outline-color: var(--lds-color-link-outline-focus);
  outline-offset: var(--lds-border-link-focus-outline-offset);
  outline-style: var(--lds-border-link-focus-outline-style);
  outline-width: var(--lds-border-link-focus-outline-width);
  border-radius: var(--lds-radius-link);
}

.lds-link.standalone:active,
.lds-link.standalone.active {
  background-color: var(--lds-color-link-background-active);
  padding: var(--lds-spacing-link-padding-active);
  outline: 0;
}

/* Handle coloring the disabled state for all psuedo states, primarily for button elements */

.lds-link.disabled,
button.lds-link.disabled,
input.lds-link[type="button"].disabled,
input.lds-link[type="submit"].disabled,
input.lds-link[type="reset"].disabled,
.lds-link.disabled:hover, .lds-link.disabled.hover,
button.lds-link.disabled:hover, button.lds-link.disabled.hover,
input.lds-link[type="button"].disabled:hover, input.lds-link[type="button"].disabled.hover,
input.lds-link[type="submit"].disabled:hover, input.lds-link[type="submit"].disabled.hover,
input.lds-link[type="reset"].disabled:hover, input.lds-link[type="reset"].disabled.hover,
.lds-link.disabled:active, .lds-link.disabled.active,
button.lds-link.disabled:active, button.lds-link.disabled.active,
input.lds-link[type="button"].disabled:active, input.lds-link[type="button"].disabled.active,
input.lds-link[type="submit"].disabled:active, input.lds-link[type="submit"].disabled.active,
input.lds-link[type="reset"].disabled:active, input.lds-link[type="reset"].disabled.active,
.lds-link.disabled:visited, .lds-link.disabled.visited,
button.lds-link.disabled:visited, button.lds-link.disabled.visited,
input.lds-link[type="button"].disabled:visited, input.lds-link[type="button"].disabled.visited,
input.lds-link[type="submit"].disabled:visited, input.lds-link[type="submit"].disabled.visited,
input.lds-link[type="reset"].disabled:visited, input.lds-link[type="reset"].disabled.visited,
button.lds-link[disabled],
input.lds-link[type="button"][disabled],
input.lds-link[type="submit"][disabled],
input.lds-link[type="reset"][disabled],
button.lds-link[disabled]:hover, button.lds-link.hover[disabled],
input.lds-link[type="button"][disabled]:hover, input.lds-link.hover[type="button"][disabled],
input.lds-link[type="submit"][disabled]:hover, input.lds-link.hover[type="submit"][disabled],
input.lds-link[type="reset"][disabled]:hover, input.lds-link.hover[type="reset"][disabled],
button.lds-link[disabled]:active, button.lds-link.active[disabled],
input.lds-link[type="button"][disabled]:active, input.lds-link.active[type="button"][disabled],
input.lds-link[type="submit"][disabled]:active, input.lds-link.active[type="submit"][disabled],
input.lds-link[type="reset"][disabled]:active, input.lds-link.active[type="reset"][disabled],
button.lds-link[disabled]:visited, button.lds-link.visited[disabled],
input.lds-link[type="button"][disabled]:visited, input.lds-link.visited[type="button"][disabled],
input.lds-link[type="submit"][disabled]:visited, input.lds-link.visited[type="submit"][disabled],
input.lds-link[type="reset"][disabled]:visited, input.lds-link.visited[type="reset"][disabled] {
  color: var(--lds-color-link-foreground-disabled);
  cursor: var(--lds-animation-link-cursor-disabled);
  text-decoration: var(--lds-typography-link-text-decoration-disabled);
}

.lds-link .lds-icon.inline.link-icon {
  height: var(--lds-spacing-link-icon-height);
  width: var(--lds-spacing-link-icon-width);
  min-width: var(--lds-spacing-link-icon-width);
  margin-top: var(--lds-spacing-link-icon-margin-top);
}

.lds-link .lds-icon.inline.link-icon.after {
  margin-inline-start: var(--lds-spacing-link-icon-margin-between);
}

.lds-link .lds-icon.inline.link-icon.before {
  margin-inline-end: var(--lds-spacing-link-icon-margin-between);
}

.lds-link.loading-success {
  --lds-color-link-foreground: var(--lds-color-success-dark);
  --lds-color-link-foreground-disabled: var(--lds-color-success-dark);
  --lds-typography-link-text-decoration-disabled: none;
}

.lds-link.loading-failure {
  --lds-color-link-foreground: var(--lds-color-danger-dark);
  --lds-color-link-foreground-disabled: var(--lds-color-danger-dark);
  --lds-typography-link-text-decoration-disabled: none;
}

.lds-link.no-underline {
  --lds-typography-link-text-decoration: none;
  --lds-typography-link-text-decoration-hover: underline;
}

.lds-link.standalone {
  --lds-border-link-focus-outline-offset: var(--lds-border-focus-outline-text-offset);
  --lds-radius-link: var(--lds-spacing-025);
}

.lds-link-list {
  margin-inline-start: var(--lds-spacing-link-list-margin-left);
}

.lds-link-list.unstyled {
  margin-inline-start: 0;
  list-style: none;
}

.lds-link-list.unstyled ul {
  margin-bottom: 0;
  margin-inline-start: var(--lds-spacing-link-list-margin-left);
}

.lds-link-list ul li::before {
  display: inline-block;
  width: var(--lds-spacing-link-list-bullet-width);
  margin-inline-start: var(--lds-spacing-link-list-bullet-margin-left);
  font-weight: var(--lds-typography-font-weight-bold);
  color: var(--lds-color-link-list-bullet);
  content: '\2022';
}

.lds-link-list li::marker {
  color: var(--lds-color-link-list-bullet);
}

.lds-link-list ul li:hover::before,
.lds-link-list li:hover::marker {
  color: var(--lds-color-link-list-bullet-hover);
}

.lds-link-list-item {
  margin-bottom: var(--lds-spacing-link-list-margin-bottom);
}

.lds-link-list-subheader {
  display: inline-block;
  font-weight: var(--lds-typography-link-list-font-weight);
  margin-bottom: var(--lds-spacing-link-list-margin-bottom);
}

.lds-link-list.bordered.left {
  padding-inline-start: var(--lds-spacing-link-list-bordered-padding-between);
  border-inline-start: var(--lds-border-link-list);
}

.lds-link-list.bordered.right {
  padding-inline-end: var(--lds-spacing-link-list-bordered-padding-between);
  border-inline-end: var(--lds-border-link-list);
}

.lds-link-list.horizontal {
  display: flex;
  align-items: flex-start;
  gap: var(--lds-spacing-link-list-horizontal-gap-between);
}

/* Sub-elements Default/Ready State */

.lds-loading-button span.lds-loading-btn-text-default {
  display: inline-flex;
  align-items: center;
}

.lds-loading-button span.lds-loading-btn-text-loading,
.lds-loading-button span.lds-loading-btn-text-success,
.lds-loading-button span.lds-loading-btn-text-failure {
  display: none;
  align-items: center;
  gap: .25rem;
}

.lds-loading-button .lds-loading-spinner {
  display: none;
}

/* Sub-elements Loading State */

.lds-loading-button.loading span.lds-loading-btn-text-default { display: none; }

.lds-loading-button.loading span.lds-loading-btn-text-loading { display: inline-flex; }

.lds-loading-button.loading .lds-loading-spinner {
  display: inline-flex;
  margin-inline-end: .25rem;
}

.lds-loading-button.loading.icon-only .lds-loading-spinner {
  margin-inline-end: 0;
}

/* Sub-elements Success State */

.lds-loading-button.success span.lds-loading-btn-text-default { display: none; }

.lds-loading-button.success span.lds-loading-btn-text-success { display: inline-flex; }

/* Sub-elements Failure State */

.lds-loading-button.failure span.lds-loading-btn-text-default { display: none; }

.lds-loading-button.failure span.lds-loading-btn-text-failure { display: inline-flex; }

/*
  I used the following links to help build the animation.

  https://webvfx.com/blog/svg-dasharray-dashoffset/svg-dasharray-dashoffset/
  https://www.fffuel.co/svg-spinner/
*/

.lds-loading-spinner {
  position: relative;
  display: inline-block;

  /* Rotated the svg to make it look like it starts at the top */
  rotate: 270deg;
}

.lds-loading-spinner-svg-bg {
  stroke: var(--lds-color-loading-spinner-bg);
  fill: none;
  stroke-width: 2;
}

.lds-loading-spinner-svg-dash {
  stroke: var(--lds-color-loading-spinner);
  fill: none;
  stroke-width: 4;
  stroke-linecap: round;
  /* Radius of 20 makes a full circumference of 125.6 */
  stroke-dasharray: 1, 126;
  animation: lds-loading-spinner 1.5s ease-in-out infinite;
}

@keyframes lds-loading-spinner {
  0% {
    stroke-dasharray: 1, 126;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 126, 126;
    stroke-dashoffset: -50;
  }
  100% {
    stroke-dasharray: 126, 126;
    stroke-dashoffset: -124;
  }
}

.lds-loading-spinner-icon,
.lds-icon.lds-loading-spinner-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg); /* Icon rotate to account for parent svg rotation */
  width: 50%;
  height: 50%;
  background: var(--lds-color-loading-spinner-icon);
}

.lds-loading-spinner.primary,
.lds-loading-spinner.lilly {
  --lds-color-loading-spinner: var(--lds-color-primary);
  --lds-color-loading-spinner-bg: var(--lds-color-neutral-020);
  --lds-color-loading-spinner-icon: var(--lds-color-primary);
}

/* Mobile expand panel is a MOBILE-ONLY component used in both the Top Nav and the Side Nav
  If specific modifications are required for either component please namespace accordingly or add a custom className to the component
*/

.mobile-expand-panel {
  position: fixed;
  /* Top goes to just below the header in mobile - may need to adjust for side-nav */
  top: var(--lds-spacing-mobile-expand-panel-top);
  right: -100%;
  transition: right var(--lds-animation-duration-medium);
  width: 100%;
  z-index: var(--lds-z-index-mobile-expand-panel);
  /* 100% - header height */
  height: calc(100% - var(--lds-spacing-mobile-expand-panel-top));
  max-height: calc(100% - var(--lds-spacing-mobile-expand-panel-top));;
  overflow-y: scroll;
  overflow-x: hidden;
  background: var(--lds-color-mobile-expand-panel-bg);
}

.mobile-expand-panel.expanded {
  right: 0;
}

@media (min-width: 992px) {
  .mobile-expand-panel {
    display: none;
  }
}

html[data-modal-active*='true'] {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.lds-modal {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: var(--lds-z-index-modal);
  overflow-y: auto;
  background-color: var(--lds-color-modal-backdrop);
  display: none;
}

.lds-modal.open {
  display: block;
}

.lds-modal-window {
  position: relative;
  background-color: var(--lds-color-modal-window);
  color: var(--lds-color-modal-foreground);
  border-radius: var(--lds-radius-modal);
  box-shadow: var(--lds-shadow-modal);

  margin-top: var(--lds-spacing-modal-margin-top-sm);
  margin-bottom: var(--lds-spacing-modal-margin-bottom-sm);
  transition: transform var(--lds-animation-duration-long) var(--lds-animation-timing-func-standard);
}

@media (min-width: 768px) {
  .lds-modal-window {
    margin-top: var(--lds-spacing-modal-margin-top-md);
    margin-bottom: var(--lds-spacing-modal-margin-bottom-md);
  }
}

.lds-modal-body {
  padding-top: var(--lds-spacing-modal-body-padding-top);
  padding-bottom: var(--lds-spacing-modal-body-padding-bottom);
  padding-left: var(--lds-spacing-modal-body-padding-left);
  padding-right: var(--lds-spacing-modal-body-padding-right);
}

.lds-modal .lds-modal-close-btn.icon,
.lds-modal .lds-modal-close-btn[variant="icon"] {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  width: var(--lds-spacing-modal-close-btn-width);
  height: var(--lds-spacing-modal-close-btn-height);
  padding: var(--lds-spacing-modal-close-btn-padding);
  border-radius: var(--lds-radius-modal-close-btn);
  margin: var(--lds-spacing-modal-close-btn-margin);
  display: flex;
  justify-content: center;
  align-items: center;
}

/* no padding variant */

.lds-modal-window.no-padding {
  margin-top: var(--lds-spacing-modal-no-pd-margin-top);
  overflow: visible;
}

.lds-modal-window.no-padding .lds-modal-body {
  padding: 0;
}

.lds-modal-window.no-padding .lds-modal-close-btn.icon,
.lds-modal-window.no-padding .lds-modal-close-btn[variant="icon"] {
  top: auto;
  inset-inline-end: 0;
  bottom: 100%;
  margin-bottom: var(--lds-spacing-modal-no-pd-icon-margin-bottom);
  margin-top: var(--lds-spacing-modal-no-pd-icon-margin-top);
  margin-left: var(--lds-spacing-modal-no-pd-icon-margin-left);
  margin-right: var(--lds-spacing-modal-no-pd-icon-margin-right);
  fill: var(--lds-color-white);
}

/* X close icon */

.lds-modal-close-btn.icon,
.lds-modal-close-btn.icon-no-pd {
  padding: .75rem;
  border-radius: 20px;
}

.lds-modal-close-btn.icon:hover {
  background-color: var(--lds-color-grey-200);
}

.lds-modal-close-btn.icon.no-pad:hover {
  background-color: rgba(117, 117, 117, 0.8);
}

/* V1 */

/*@import './v1/base.css';*/

/* V2 */

/* ******************** *\
 * MARK: COMPONENT BASE
\* ******************** */

.lds-numeric-slider {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
}

.lds-numeric-slider .lds-numeric-slider-control {
  flex: 1 0 var(--lds-spacing-numeric-slider-track-min-width);
  order: 2;
  display: flex;
  max-width: 100%;
  min-width: var(--lds-spacing-numeric-slider-track-min-width);
  position: relative;
}

.lds-numeric-slider.range-labels-below .lds-numeric-slider-control {
  flex: 1 0 100%;
  order: 1;
}

/* ******************* *\
 * MARK: INPUT ELEMENT
\* ************************************************************************************************ */

/* These are the styles for the component's <input type="range"> element which makes it visibly
 * hidden. However, it is still physically there. The user actually interacts with this invisible
 * element while the custom visible elements are made to appear to be what the component is.
 * This also means the input has a priority z-index. As such developers may need to use sibling
 * combinators to cascade down psuedo-class changes to the elements underneath it when the user
 * interacts with the input element.
 *
 * Also note that the handle (or "thumb") part of the slider is not accessible in a standard way
 * expect that the vendor thumb classes may behave unexpectedly or become non-functional
 * entirely.
 */

.lds-numeric-slider input[type="range"],
.lds-numeric-slider .lds-numeric-slider-input {
  appearance: none;
  -webkit-appearance: none;
  position: absolute;
  z-index: 5;
  height: var(--lds-spacing-numeric-slider-track-height);
  width: var(--lds-spacing-numeric-slider-track-width);
  min-width: var(--lds-spacing-numeric-slider-track-min-width);
  margin: 0;
  cursor: var(--lds-animation-numeric-slider-track-cursor);
  /* DEBUG: change opacity to 1 to see actual range slider */
  opacity: 0;
  background-color: var(--lds-color-gold-010);
}

/* /!\ Experimental vendor "thumb" part styles - DO NOT RELY ON THESE to work consistently across all browsers /!\ */

.lds-numeric-slider input[type="range"]::-webkit-slider-thumb,
.lds-numeric-slider .lds-numeric-slider-input::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none;
  display: block;
  height: var(--lds-spacing-numeric-slider-handle-height);
  width: var(--lds-spacing-numeric-slider-handle-width);
  border-radius: var(--lds-radius-numeric-slider-handle);
  cursor: var(--lds-animation-numeric-slider-handle-cursor);
  /* DEBUG: change opacity to 1 to see actual range slider */
  opacity: 0;
  background-color: var(--lds-color-gold-060);
}

.lds-numeric-slider input[type="range"]::-moz-range-thumb,
.lds-numeric-slider .lds-numeric-slider-input::-moz-range-thumb {
  appearance: none;
  display: block;
  height: var(--lds-spacing-numeric-slider-handle-height);
  width: var(--lds-spacing-numeric-slider-handle-width);
  border: 0;
  border-radius: var(--lds-radius-numeric-slider-handle);
  outline: 0;
  cursor: var(--lds-animation-numeric-slider-handle-cursor);
  /* DEBUG: change opacity to 1 to see actual range slider */
  opacity: 0;
  background-color: var(--lds-color-gold-060);
}

/* Disabled State */

.lds-numeric-slider.disabled input[type="range"],
.lds-numeric-slider.disabled .lds-numeric-slider-input {
  cursor: var(--lds-animation-numeric-slider-track-cursor-disabled);
}

.lds-numeric-slider.disabled input[type="range"]::-webkit-slider-thumb,
.lds-numeric-slider.disabled .lds-numeric-slider-input::-webkit-slider-thumb {
  cursor: var(--lds-animation-numeric-slider-handle-cursor-disabled);
}

.lds-numeric-slider.disabled input[type="range"]::-moz-range-thumb,
.lds-numeric-slider.disabled .lds-numeric-slider-input::-moz-range-thumb {
  cursor: var(--lds-animation-numeric-slider-handle-cursor-disabled);
}

/* *********** *\
 * MARK: TRACK
\* *********** */

.lds-numeric-slider .lds-numeric-slider-track {
  display: block;
  position: relative;
  z-index: 1;
  height: var(--lds-spacing-numeric-slider-track-height);
  width: var(--lds-spacing-numeric-slider-track-width);
  min-width: var(--lds-spacing-numeric-slider-track-min-width);
  background-color: var(--lds-color-numeric-slider-track);
  border-radius: calc(var(--lds-spacing-numeric-slider-track-height) / 2);
}

.lds-numeric-slider.disabled .lds-numeric-slider-track {
  background-color: var(--lds-color-numeric-slider-track-disabled);
}

/* ***************** *\
 * MARK: TRACK STEPS
\* ***************** */

/* "Steps" is the steps elements container */

.lds-numeric-slider .lds-numeric-slider-track .lds-numeric-slider-steps {
  display: flex;
  position: relative;
  height: var(--lds-spacing-numeric-slider-track-height);
}

/* "Step Bar" is a track overlay that covers the selected steps */

.lds-numeric-slider-track > .lds-numeric-slider-steps  .lds-numeric-slider-step-bar {
  position: absolute;
  height: var(--lds-spacing-numeric-slider-track-height);
  inset-inline-start: 0;
  background-color: var(--lds-color-numeric-slider-track-step-bar);
  border-start-start-radius: calc(var(--lds-spacing-numeric-slider-track-height) / 2);
  border-end-start-radius: calc(var(--lds-spacing-numeric-slider-track-height) / 2);
}

.lds-numeric-slider-input:hover + .lds-numeric-slider-track > .lds-numeric-slider-steps .lds-numeric-slider-step-bar {
  background-color: var(--lds-color-numeric-slider-track-step-bar-hover);
}

.lds-numeric-slider-input:active + .lds-numeric-slider-track > .lds-numeric-slider-steps .lds-numeric-slider-step-bar {
  background-color: var(--lds-color-numeric-slider-track-step-bar-active);
}

.lds-numeric-slider.disabled .lds-numeric-slider-track .lds-numeric-slider-step-bar,
.lds-numeric-slider.disabled .lds-numeric-slider-input:hover + .lds-numeric-slider-track > .lds-numeric-slider-steps .lds-numeric-slider-step-bar,
.lds-numeric-slider.disabled .lds-numeric-slider-input:active + .lds-numeric-slider-track > .lds-numeric-slider-steps .lds-numeric-slider-step-bar {
  background-color: var(--lds-color-numeric-slider-track-step-bar-disabled);
}

/* ************ *\
 * MARK: HANDLE
\* ************************************************************************************************ */

/* The handle (or "thumb") is the element the user "grabs" and slides back and forth on the track
 */

.lds-numeric-slider-handle {
  display: block;
  z-index: 2;
  position: absolute;
  top: -1rem;
  transform: translateY(50%);
  height: var(--lds-spacing-numeric-slider-handle-height);
  width: var(--lds-spacing-numeric-slider-handle-width);
  background-color: var(--lds-color-numeric-slider-handle-border);
  border-radius: var(--lds-radius-numeric-slider-handle);
  outline: unset;
  cursor: var(--lds-animation-numeric-slider-handle-cursor);
}

.lds-numeric-slider-handle::before {
  box-sizing: border-box;
  content: "";
  display: block;
  height: var(--lds-spacing-numeric-slider-handle-height);
  width: var(--lds-spacing-numeric-slider-handle-width);
  border-radius: var(--lds-radius-numeric-slider-handle);
  cursor: var(--lds-animation-numeric-slider-handle-cursor);
}

.lds-numeric-slider-handle .lds-numeric-slider-handle-overlay {
  position: absolute;
  top: 0;
  height: var(--lds-spacing-numeric-slider-handle-height);
  width: var(--lds-spacing-numeric-slider-handle-width);
  border-color: var(--lds-color-numeric-slider-handle-border);
  border-radius: var(--lds-radius-numeric-slider-handle);
  border-style: var(--lds-border-numeric-slider-handle-style);
  border-width: var(--lds-border-numeric-slider-handle-width);
  background-color: var(--lds-color-numeric-slider-handle-background);
}

/* ******************* *\
 * MARK: HANDLE STATES
\* ************************************************************************************************ */

/* The Handle span element is currently z-indexed BELOW the "invisible" base input element and
 * therefore simple pseudo-classes for hover, focus and active do not occur on the handle element
 * itself. They are fired on the base input element. Using the sibling combinator to target the
 * track element class (which should be directly below the input in well-formed component mark-up)
 * and then using the child selector to get the handle is how this will need to be done in CSS here
 * Additional override classes are provided for programmatic application if ever necessary
 *
 * Also note that the order here is specific for override purposes when multiple states may be active
 */

/* HOVER */

.lds-numeric-slider-input:hover + .lds-numeric-slider-track > .lds-numeric-slider-handle,
.lds-numeric-slider-handle.hovered {
  background-color: var(--lds-color-numeric-slider-handle-border-hover);
}

.lds-numeric-slider-input:hover + .lds-numeric-slider-track > .lds-numeric-slider-handle .lds-numeric-slider-handle-overlay,
.lds-numeric-slider-handle.hovered .lds-numeric-slider-handle-overlay {
  border-width: var(--lds-border-numeric-slider-handle-width-hover);
  border-color: var(--lds-color-numeric-slider-handle-border-hover);
  background-color: var(--lds-color-numeric-slider-handle-background-hover);
}

/* FOCUS - Even if the input is being hovered, if it's focused it should look focused */

.lds-numeric-slider-input:focus + .lds-numeric-slider-track > .lds-numeric-slider-handle,
.lds-numeric-slider-handle.focused {
  background-color: var(--lds-color-numeric-slider-handle-border-focus);
  outline-offset: var(--lds-border-numeric-slider-handle-focus-outline-offset);
  outline-style: var(--lds-border-numeric-slider-handle-focus-outline-style);
  outline-width: var(--lds-border-numeric-slider-handle-focus-outline-width);
}

.lds-numeric-slider-input:focus + .lds-numeric-slider-track > .lds-numeric-slider-handle .lds-numeric-slider-handle-overlay,
.lds-numeric-slider-handle.focused .lds-numeric-slider-handle-overlay {
  border-width: var(--lds-border-numeric-slider-handle-width-focus);
  border-color: var(--lds-color-numeric-slider-handle-border-focus);
  background-color: var(--lds-color-numeric-slider-handle-background-focus);
}

/* ACTIVE - Even if the input is both hovered and focused, if the user has mouse down on it to move the slider, that state should be visible */

.lds-numeric-slider-input:active + .lds-numeric-slider-track > .lds-numeric-slider-handle,
.lds-numeric-slider-handle.activated {
  background-color: var(--lds-color-numeric-slider-handle-border-active);
}

.lds-numeric-slider-input:active + .lds-numeric-slider-track > .lds-numeric-slider-handle .lds-numeric-slider-handle-overlay,
.lds-numeric-slider-handle.activated .lds-numeric-slider-handle-overlay {
  border-width: var(--lds-border-numeric-slider-handle-width-active);
  border-color: var(--lds-color-numeric-slider-handle-border-active);
  background-color: var(--lds-color-numeric-slider-handle-background-active);
}

/* DISABLED - Override everything else when disabled */

.lds-numeric-slider.disabled .lds-numeric-slider-handle,
.lds-numeric-slider.disabled .lds-numeric-slider-handle.hovered,
.lds-numeric-slider.disabled .lds-numeric-slider-handle.focused,
.lds-numeric-slider.disabled .lds-numeric-slider-handle.activated,
.lds-numeric-slider-input[disabled] + .lds-numeric-slider-track > .lds-numeric-slider-handle,
.lds-numeric-slider-input[disabled] + .lds-numeric-slider-track > .lds-numeric-slider-handle.hovered,
.lds-numeric-slider-input[disabled] + .lds-numeric-slider-track > .lds-numeric-slider-handle.focused,
.lds-numeric-slider-input[disabled] + .lds-numeric-slider-track > .lds-numeric-slider-handle.activated,
.lds-numeric-slider-input[disabled]:hover + .lds-numeric-slider-track > .lds-numeric-slider-handle,
.lds-numeric-slider-input[disabled]:focus + .lds-numeric-slider-track > .lds-numeric-slider-handle,
.lds-numeric-slider-input[disabled]:active + .lds-numeric-slider-track > .lds-numeric-slider-handle {
  background-color: var(--lds-color-numeric-slider-handle-border-disabled);
  cursor: var(--lds-animation-numeric-slider-handle-cursor-disabled);
  outline: unset;
}

.lds-numeric-slider.disabled .lds-numeric-slider-handle .lds-numeric-slider-handle-overlay,
.lds-numeric-slider.disabled .lds-numeric-slider-handle.hovered .lds-numeric-slider-handle-overlay,
.lds-numeric-slider.disabled .lds-numeric-slider-handle.focused .lds-numeric-slider-handle-overlay,
.lds-numeric-slider.disabled .lds-numeric-slider-handle.activated .lds-numeric-slider-handle-overlay,
.lds-numeric-slider-input[disabled] + .lds-numeric-slider-track > .lds-numeric-slider-handle .lds-numeric-slider-handle-overlay,
.lds-numeric-slider-input[disabled] + .lds-numeric-slider-track > .lds-numeric-slider-handle.hovered .lds-numeric-slider-handle-overlay,
.lds-numeric-slider-input[disabled] + .lds-numeric-slider-track > .lds-numeric-slider-handle.focused .lds-numeric-slider-handle-overlay,
.lds-numeric-slider-input[disabled] + .lds-numeric-slider-track > .lds-numeric-slider-handle.activated .lds-numeric-slider-handle-overlay,
.lds-numeric-slider-input[disabled]:hover + .lds-numeric-slider-track > .lds-numeric-slider-handle .lds-numeric-slider-handle-overlay,
.lds-numeric-slider-input[disabled]:focus + .lds-numeric-slider-track > .lds-numeric-slider-handle .lds-numeric-slider-handle-overlay,
.lds-numeric-slider-input[disabled]:active + .lds-numeric-slider-track > .lds-numeric-slider-handle .lds-numeric-slider-handle-overlay {
  border-width: var(--lds-border-numeric-slider-handle-width);
  border-color: var(--lds-color-numeric-slider-handle-border-disabled);
  background-color: var(--lds-color-numeric-slider-handle-background-disabled);
}

/* Tooltip token overrides in this context */

.lds-numeric-slider-value-bubble {
  --lds-spacing-tooltip-above-position-bottom: var(--lds-spacing-numeric-slider-value-bubble-above-position-bottom);
  --lds-spacing-tooltip-panel-padding-right: var(--lds-spacing-numeric-slider-value-bubble-padding-right);
  --lds-spacing-tooltip-panel-padding-left: var(--lds-spacing-numeric-slider-value-bubble-padding-left)
}

.lds-numeric-slider-value-bubble.tooltip-description {
  display: none;
  inset-inline-start: 50%;
  cursor: default;
  transform: translateX(-50%);
}

.lds-numeric-slider-value-bubble.tooltip-description.temporary,
.lds-numeric-slider-value-bubble.tooltip-description.never {
  display: none;
}

.lds-numeric-slider-value-bubble.tooltip-description.always,
.lds-numeric-slider-handle.moving .lds-numeric-slider-value-bubble.tooltip-description.temporary {
  display: block;
}

.lds-numeric-slider-value-bubble.tooltip-description .lds-tooltip-arrow {
  inset-inline-start: 51%
}

.lds-numeric-slider.min-selected .lds-numeric-slider-value-bubble.tooltip-description {
  inset-inline-start: 25%;
  transform: translateX(-25%);
}

.lds-numeric-slider.min-selected .lds-numeric-slider-value-bubble.tooltip-description .lds-tooltip-arrow {
  inset-inline-start: 35%
}

.lds-numeric-slider.max-selected .lds-numeric-slider-value-bubble.tooltip-description {
  inset-inline-start: 75%;
  transform: translateX(-75%);
}

.lds-numeric-slider.max-selected .lds-numeric-slider-value-bubble.tooltip-description .lds-tooltip-arrow {
  inset-inline-start: 76%
}

/* MARK: RTL Support
 */

[dir="rtl"] .lds-numeric-slider-value-bubble.tooltip-description {
  transform: translateX(50%);
}

[dir="rtl"] .lds-numeric-slider.min-selected .lds-numeric-slider-value-bubble.tooltip-description {
  transform: translateX(25%);
}

[dir="rtl"] .lds-numeric-slider.max-selected .lds-numeric-slider-value-bubble.tooltip-description {
  transform: translateX(75%);
}

/* ********************* *\
 * MARK: STEP INDICATORS
\* ************************************************************************************************ */

/* The step indicators are either or both:
 * - dots on the track that indicate the step locations where the handle can stop.
 * - numbers below the track that indicate the values at the step locations
 *
 * Step indicators are contained in <div class="lds-numeric-slider-step-item">
 * - When a step is the selected value or within the selected range it will also be decorated with class "in-selected-range"
 * - the track dot indicators are the first child element <div class="step-indicator">
 * - the track number indicators are the second child element <div class="step-value">
 */

.lds-numeric-slider .lds-numeric-slider-step-item {
  display: none;
  position: absolute;
  top: var(--lds-spacing-numeric-slider-step-top);
  height: var(--lds-spacing-numeric-slider-step-height);
  width: var(--lds-spacing-numeric-slider-step-width);
  overflow: visible;
}

.lds-numeric-slider.show-step-indicators .lds-numeric-slider-step-item,
.lds-numeric-slider.show-step-values .lds-numeric-slider-step-item {
  display: block;
}

/* ******************* *\
 * MARK: DOT INDICATOR
\* ******************* */

.lds-numeric-slider-step-item .step-indicator {
  display: none;
  position: relative;
  top: var(--lds-spacing-numeric-slider-step-indicator-top);
  height: var(--lds-spacing-numeric-slider-step-indicator-height);
  width: var(--lds-spacing-numeric-slider-step-indicator-width);
  border-radius: var(--lds-radius-numeric-slider-step-indicator);
  background-color: var(--lds-color-numeric-slider-step-indicator-background);
}

.lds-numeric-slider.show-step-indicators .lds-numeric-slider-step-item .step-indicator {
  display: block;
}

/* UNSELECTED HOVER STATE */

.lds-numeric-slider-input:hover + .lds-numeric-slider-track > .lds-numeric-slider-steps .lds-numeric-slider-step-item .step-indicator {
  top: var(--lds-spacing-numeric-slider-step-indicator-top-hover);
  height: var(--lds-spacing-numeric-slider-step-indicator-height-hover);
  width: var(--lds-spacing-numeric-slider-step-indicator-width-hover);
  /* FOR MVP - NO RESIZE ON HOVER ? */
  /*
  top: var(--lds-spacing-numeric-slider-step-indicator-top);
  height: var(--lds-spacing-numeric-slider-step-indicator-height);
  width: var(--lds-spacing-numeric-slider-step-indicator-width);
  */
  background-color: var(--lds-color-numeric-slider-step-indicator-background-hover);
}

/* UNSELECTED ACTIVE STATE */

.lds-numeric-slider-input:active + .lds-numeric-slider-track > .lds-numeric-slider-steps .lds-numeric-slider-step-item .step-indicator {
  top: var(--lds-spacing-numeric-slider-step-indicator-top);
  height: var(--lds-spacing-numeric-slider-step-indicator-height);
  width: var(--lds-spacing-numeric-slider-step-indicator-width);
  background-color: var(--lds-color-numeric-slider-step-indicator-background-active);
}

/* UNSELECTED DISABLED STATE */

.lds-numeric-slider.disabled .lds-numeric-slider-step-item .step-indicator,
.lds-numeric-slider.disabled .lds-numeric-slider-input:hover + .lds-numeric-slider-track > .lds-numeric-slider-steps .lds-numeric-slider-step-item .step-indicator,
.lds-numeric-slider.disabled .lds-numeric-slider-input:active + .lds-numeric-slider-track > .lds-numeric-slider-steps .lds-numeric-slider-step-item .step-indicator {
  top: var(--lds-spacing-numeric-slider-step-indicator-top);
  height: var(--lds-spacing-numeric-slider-step-indicator-height);
  width: var(--lds-spacing-numeric-slider-step-indicator-width);
  background-color: var(--lds-color-numeric-slider-step-indicator-background-disabled);
}

/* SELECTED STATE */

.lds-numeric-slider-step-item.in-selected-range .step-indicator {
  background-color: var(--lds-color-numeric-slider-step-indicator-background-selected);
}

/* SELECTED HOVER STATE */

.lds-numeric-slider-input:hover + .lds-numeric-slider-track > .lds-numeric-slider-steps .lds-numeric-slider-step-item.in-selected-range .step-indicator {
  background-color: var(--lds-color-numeric-slider-step-indicator-background-selected-hover);
}

/* SELECTED ACTIVE STATE */

.lds-numeric-slider-input:active + .lds-numeric-slider-track > .lds-numeric-slider-steps .lds-numeric-slider-step-item.in-selected-range .step-indicator {
  background-color: var(--lds-color-numeric-slider-step-indicator-background-selected-active);
}

/* SELECTED DISABLED STATE */

.lds-numeric-slider.disabled .lds-numeric-slider-step-item.in-selected-range .step-indicator,
.lds-numeric-slider.disabled .lds-numeric-slider-input:hover + .lds-numeric-slider-track > .lds-numeric-slider-steps .lds-numeric-slider-step-item.in-selected-range .step-indicator,
.lds-numeric-slider.disabled .lds-numeric-slider-input:active + .lds-numeric-slider-track > .lds-numeric-slider-steps .lds-numeric-slider-step-item.in-selected-range .step-indicator {
  top: var(--lds-spacing-numeric-slider-step-indicator-top);
  height: var(--lds-spacing-numeric-slider-step-indicator-height);
  width: var(--lds-spacing-numeric-slider-step-indicator-width);
  background-color: var(--lds-color-numeric-slider-step-indicator-background-selected-disabled);
}

/* ********************* *\
 * MARK: VALUE INDICATOR
\* ********************* */

.lds-numeric-slider-step-item .step-value {
  display: none;
  position: absolute;
  top: var(--lds-spacing-numeric-slider-step-value-top);
  left: 0;
  height: var(--lds-spacing-numeric-slider-step-value-height);
  width: var(--lds-spacing-numeric-slider-step-value-width);
  min-width: var(--lds-spacing-numeric-slider-step-value-min-width);
  color: var(--lds-typography-numeric-slider-step-value-color);
  font-family: var(--lds-typography-numeric-slider-step-value-font-family);
  font-size: var(--lds-typography-numeric-slider-step-value-font-size);
  font-weight: var(--lds-typography-numeric-slider-step-value-font-weight);
  line-height: var(--lds-typography-numeric-slider-step-value-line-height);
  text-align: center;
  cursor: default;
}

.lds-numeric-slider.show-step-values .lds-numeric-slider-step-item .step-value {
  display: block;
}

/* NO CHANGE WHEN IN SELECTED RANGE (yet)
.lds-numeric-slider-step-item.in-selected-range .step-value {
}
*/

/* ********************* *\
 * MARK: RESPONSIVE
\* ********************* */

/* Disable below the minimum viewport width */

@media (max-width: 319.98px) {
  .lds-numeric-slider.show-step-indicators .lds-numeric-slider-step-item,
  .lds-numeric-slider.show-step-values .lds-numeric-slider-step-item {
    display: none;
  }
}

/* Desktop Transformation */

@media (min-width: 768px) {
  .lds-numeric-slider .lds-numeric-slider-range-label {
    --lds-typography-numeric-slider-step-value-font-size: var(--lds-typography-numeric-slider-step-value-rwd-font-size);
    --lds-typography-numeric-slider-step-value-line-height: var(--lds-typography-numeric-slider-step-value-rwd-line-height);
  }
}

/* ****************** *\
 * MARK: RANGE LABELS
\* ************************************************************************************************ */

/* There are three range lables; two can appear at either end of the slider and one in the center
 */

.lds-numeric-slider .lds-numeric-slider-range-label {
  display: none;
  position: relative;
  color: var(--lds-typography-numeric-slider-range-label-color);
  font-size: var(--lds-typography-numeric-slider-range-label-font-size);
  font-weight: var(--lds-typography-numeric-slider-range-label-font-weight);
  line-height: var(--lds-typography-numeric-slider-range-label-line-height);
  padding-bottom: 0;
  overflow: hidden;
  overflow-wrap: break-word;
}

.lds-numeric-slider .lds-numeric-slider-range-label .range-label-inner {
  display: inline-block;
}

.lds-numeric-slider.show-range-labels .lds-numeric-slider-range-label {
  display: block;
}

.lds-numeric-slider-range-label.min {
  flex: 0 0 auto;
  order: 1;
  padding-top: 0;
  text-align: start;
}

.lds-numeric-slider-range-label.min .range-label-inner {
  width: auto;
  padding-inline-start: var(--lds-spacing-numeric-slider-min-label-padding-left);
  padding-inline-end: var(--lds-spacing-numeric-slider-min-label-padding-right);
}

.lds-numeric-slider.range-labels-below .lds-numeric-slider-range-label.min {
  order: 2;
  flex-basis: 33%;
  max-width: 33%;
  padding-top: var(--lds-spacing-numeric-slider-range-label-below-padding-top);
}

.lds-numeric-slider-range-label.mid {
  order: 4;
  flex: 1 0 100%;
  align-self: center;
  padding-top: var(--lds-spacing-numeric-slider-range-label-below-padding-top);
  text-align: center;
}

.lds-numeric-slider-range-label.mid .range-label-inner {
  width: 100%;
  padding-inline-start: var(--lds-spacing-numeric-slider-mid-label-padding-left);
  padding-inline-end: var(--lds-spacing-numeric-slider-mid-label-padding-right);
}

.lds-numeric-slider.range-labels-below .lds-numeric-slider-range-label.mid {
  order: 3;
  flex: 1 0 34%;
  max-width: 34%;
}

.lds-numeric-slider-range-label.max {
  flex: 0 0 auto;
  order: 3;
  padding: var(--lds-spacing-numeric-slider-max-label-padding);
  text-align: end;
}

.lds-numeric-slider-range-label.max .range-label-inner {
  width: auto;
  padding-inline-start: var(--lds-spacing-numeric-slider-max-label-padding-left);
  padding-inline-end: var(--lds-spacing-numeric-slider-max-label-padding-right);
}

.lds-numeric-slider.range-labels-below .lds-numeric-slider-range-label.max {
  order: 4;
  flex-basis: 33%;
  max-width: 33%;
  padding-top: var(--lds-spacing-numeric-slider-range-label-below-padding-top);
}

.lds-numeric-slider.show-step-values .lds-numeric-slider-range-label.min,
.lds-numeric-slider.show-step-values .lds-numeric-slider-range-label.mid,
.lds-numeric-slider.show-step-values .lds-numeric-slider-range-label.max {
  --lds-spacing-numeric-slider-range-label-below-padding-top: var(--lds-spacing-numeric-slider-range-label-below-padding-top-with-value-labels);
}

/* ********************* *\
 * MARK: RESPONSIVE
\* ********************* */

/* Disable below the minimum viewport width */

@media (max-width: 319.98px) {
  .lds-numeric-slider.show-range-labels .lds-numeric-slider-range-label {
    display: none;
  }
}

/* Desktop Transformation */

@media (min-width: 768px) {
  .lds-numeric-slider .lds-numeric-slider-range-label {
    --lds-typography-numeric-slider-range-label-font-size: var(--lds-typography-numeric-slider-range-label-rwd-font-size);
    --lds-typography-numeric-slider-range-label-line-height: var(--lds-typography-numeric-slider-range-label-rwd-line-height);
  }
}

.lds-option-selector-item {
  display: block;
  margin-bottom: var(--lds-spacing-option-selector-margin-bottom);
  padding: 0;
}

.lds-option-selector-item label {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding-top: calc(var(--lds-spacing-option-selector-padding-top-sm) - (var(--lds-border-option-selector-width)));
  padding-right: calc(var(--lds-spacing-option-selector-padding-right-sm) - var(--lds-border-option-selector-width));
  padding-bottom: calc(var(--lds-spacing-option-selector-padding-bottom-sm) - (var(--lds-border-option-selector-width)));
  padding-left: calc(var(--lds-spacing-option-selector-padding-left-sm) - var(--lds-border-option-selector-width));
  margin-bottom: 0;
  font-size: var(--lds-typography-option-selector-font-size);
  line-height: var(--lds-typography-option-selector-line-height);
  cursor: pointer;
  border: var(--lds-border-option-selector-width) solid var(--lds-color-option-selector-border);
  border-radius: 0;
  transition: all var(--lds-animation-duration-short) var(--lds-animation-timing-func-standard);
}

.lds-option-selector-item:first-child label {
  border-start-start-radius: var(--lds-radius-option-selector);
  border-start-end-radius: var(--lds-radius-option-selector);
}

.lds-option-selector-item:last-child label {
  border-end-start-radius: var(--lds-radius-option-selector);
  border-end-end-radius: var(--lds-radius-option-selector);
}

.lds-option-selector-item label:hover {
  background-color: var(--lds-color-option-selector-background-hover);
}

.lds-option-selector-item.disabled {
  cursor: not-allowed;
}

.lds-option-selector-item.disabled label {
  color: var(--lds-color-option-selector-disabled);
  pointer-events: none;
  background-color: var(--lds-color-option-selector-background-disabled);
  border-color: var(--lds-color-option-selector-disabled);
}

.lds-option-selector-list-label {
  margin-bottom: var(--lds-spacing-option-selector-list-label-margin-bottom);
}

.lds-option-selector-item input[type='radio'].lds-option-selector {
  position: absolute;
  width: 1px;
  height: 1px;
  margin-left: -1px;
  opacity: 0;
}

.lds-option-selector-item input[type='radio']:checked + label {
  background-color: var(--lds-color-option-selector-background-selected);
  font-weight: var(--lds-typography-font-weight-bold);
}

.lds-option-selector-item input[type='radio']:checked:hover + label {
  background-color: var(--lds-color-option-selector-background-selected-hover);
}

.lds-option-selector-item input[type='radio']:focus + label {
  outline-color: var(--lds-color-option-selector-focus-outline);
  outline-offset: var(--lds-border-option-selector-focus-outline-offset);
  outline-style: var(--lds-border-option-selector-focus-outline-style);
  outline-width: var(--lds-border-option-selector-focus-outline-width);
  z-index: 2;
}

@media (min-width: 768px) {
  .lds-option-selector-item label {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: calc(var(--lds-spacing-option-selector-padding-top) - (var(--lds-border-option-selector-width)));
    padding-right: calc(var(--lds-spacing-option-selector-padding-right) - var(--lds-border-option-selector-width));
    padding-bottom: calc(var(--lds-spacing-option-selector-padding-bottom) - (var(--lds-border-option-selector-width)));
    padding-left: calc(var(--lds-spacing-option-selector-padding-left) - var(--lds-border-option-selector-width));
    text-align: center;
    border-inline-end-width: var(--lds-border-option-selector-right-width);
  }
  .lds-option-selector-item + .lds-option-selector-item label {
    border-inline-start-width: var(--lds-border-option-selector-right-width);
  }
  .lds-option-selector-item:first-child label {
    border-start-end-radius: 0;
    border-end-start-radius: var(--lds-radius-option-selector);
  }
  .lds-option-selector-item:last-child label {
    border-inline-end-width: var(--lds-border-option-selector-width);
    border-start-end-radius: var(--lds-radius-option-selector);
    border-end-end-radius: var(--lds-radius-option-selector);
    border-end-start-radius: 0;
  }
}

.lds-option-selector-container.compact {
  --lds-spacing-option-selector-padding-top: var(--lds-spacing-option-selector-padding-top-sm);
  --lds-spacing-option-selector-padding-right: var(--lds-spacing-option-selector-padding-right-sm);
  --lds-spacing-option-selector-padding-bottom: var(--lds-spacing-option-selector-padding-bottom-sm);
  --lds-spacing-option-selector-padding-left: var(--lds-spacing-option-selector-padding-left-sm);
}

.lds-option-selector-container.radius-sm {
  --lds-radius-option-selector: var(--lds-radius-small);
}

.lds-option-selector-container.radius-md {
  --lds-radius-option-selector: var(--lds-radius-medium);
}

.lds-option-selector-container.radius-lg {
  --lds-radius-option-selector: var(--lds-radius-large);
}

/* MARK: Pagination List
 */

.lds-pagination-list {
  display: flex;
  position: relative;
  margin-inline-start: 0;
}

.lds-pagination-list li {
  display: block;
}

.lds-pagination-list li + li {
  margin-inline-start: var(--lds-spacing-pagination-margin-left);
}

.lds-pagination-list .lds-pagination-link:focus,
.lds-pagination-dropdown-toggle:focus {
  outline-color: var(--lds-color-pagination-focus-outline);
  outline-offset: var(--lds-border-pagination-focus-outline-offset);
  outline-style: var(--lds-border-pagination-focus-outline-style);
  outline-width: var(--lds-border-pagination-focus-outline-width);
}

.lds-pagination-list .lds-pagination-link,
.lds-pagination-list .lds-pagination-ellipsis {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  color: var(--lds-color-pagination);
  background-color: var(--lds-color-pagination-bg);
  width: var(--lds-spacing-pagination-width);
  height: var(--lds-spacing-pagination-width);
  border-radius: var(--lds-radius-pagination);
  line-height: var(--lds-typography-pagination-line-height);
  font-weight: var(--lds-typography-pagination-font-weight);
  transition: var(--lds-animation-pagination-transition);
}

.lds-pagination-list .lds-pagination-link {
  border-color: var(--lds-color-pagination-border);
  border-style: var(--lds-border-pagination-style);
  border-width: var(--lds-border-pagination-width);
}

.lds-pagination-list .lds-pagination-link .lds-icon {
  margin-top: 0;
  width: var(--lds-spacing-pagination-icon-size);
  min-width: var(--lds-spacing-pagination-icon-size);
  height: var(--lds-spacing-pagination-icon-size);
}

.lds-pagination-list .lds-pagination-link:hover {
  color: var(--lds-color-pagination-hover);
  background-color: var(--lds-color-pagination-hover-bg);
}

/* Adjust the prev / next buttons size in desktop for text */

@media (min-width: 992px) {
  .lds-pagination-list .lds-pagination-link.nav-btn {
    width: auto;
  }
}

.lds-pagination-list .lds-pagination-link.prev {
  padding-inline-end: var(--lds-spacing-100);
  padding-inline-start: var(--lds-spacing-050);
}

.lds-pagination-list .lds-pagination-link.next {
  padding-inline-end: var(--lds-spacing-050);
  padding-inline-start: var(--lds-spacing-100);
}

.lds-pagination-list .lds-pagination-link.active {
  color: var(--lds-color-pagination-active);
  background-color: var(--lds-color-pagination-active-bg);
}

.lds-pagination-list .lds-pagination-link.disabled,
.lds-pagination-list .lds-pagination-link:disabled {
  pointer-events: none;
  color: var(--lds-color-pagination-disabled);
}

.lds-pagination-list .lds-pagination-link.active.disabled,
.lds-pagination-list .lds-pagination-link.active:disabled {
  color: var(--lds-color-pagination-disabled-active);
  background-color: var(--lds-color-pagination-disabled-active-bg);
}

/* MARK: Sub-components
 */

.lds-pagination-current-page,
.lds-pagination-per-page {
  display: flex;
  align-items: baseline;
}

.lds-pagination-text {
  color: var(--lds-color-pagination-text);
}

.lds-pagination-list .lds-pagination-text {
  display: flex;
  align-items: center;
  height: var(--lds-spacing-pagination-input-height);
}

.lds-pagination-text.of-text {
  margin: 0 var(--lds-spacing-025);
}

.lds-pagination .lds-pagination-input {
  text-align: center;
  width: var(--lds-spacing-pagination-input-width);
  height: var(--lds-spacing-pagination-input-height);
  padding: var(--lds-spacing-pagination-input-padding);
  margin: var(--lds-spacing-pagination-input-margin);
  font-family: var(--lds-typography-font-family);
  border: var(--lds-border-pagination-input);
  border-radius: var(--lds-radius-pagination);
  color: var(--lds-color-pagination);
}

.lds-pagination-input::-webkit-inner-spin-button,
.lds-pagination-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

/* MARK: Dropdown
 */

.lds-pagination-dropdown {
  position: relative;
  width: auto;
}

.lds-pagination-dropdown.items-per-page-dd {
  margin-top: 0;
  margin-bottom: 0;
  margin-inline-start: var(--lds-spacing-pagination-dd-margin-left);
  margin-inline-end: var(--lds-spacing-pagination-dd-margin-right);
}

.lds-pagination-dropdown-toggle .lds-dropdown-expand-icon.lds-icon.inline {
  --lds-spacing-dropdown-expand-icon-margin-left: var(--lds-spacing-025);
}

@media (max-width: 576px) {
  .lds-pagination-dropdown.items-per-page-dd {
    margin-inline-end: var(--lds-spacing-pagination-dd-margin-right-sm);
  }

  .lds-pagination-dropdown-toggle .lds-dropdown-expand-icon.lds-icon.inline {
    --lds-spacing-dropdown-expand-icon-margin-left: var(--lds-spacing-000);
  }
}

.lds-pagination-dropdown-toggle {
  line-height: 1;
  border: var(--lds-border-pagination-input);
  height: var(--lds-spacing-pagination-input-height);
  padding: var(--lds-spacing-pagination-dd-padding);
  border-radius: var(--lds-radius-pagination);
}

.items-per-page-dd .lds-pagination-dropdown-toggle {
  min-width: var(--lds-spacing-400);
}

.lds-pagination-dropdown.pagination-dropdown .lds-pagination-dropdown-toggle,
.lds-pagination-dropdown.pagination-dropdown.expanded .lds-pagination-dropdown-toggle {
  color: var(--lds-color-pagination-active);
  background-color: var(--lds-color-pagination-active-bg);
  border-color: var(--lds-color-pagination-active-border);
}

.lds-pagination-dropdown-toggle svg.lds-icon {
  width: var(--lds-spacing-pagination-icon-size);
  min-width: var(--lds-spacing-pagination-icon-size);
  height: var(--lds-spacing-pagination-icon-size);
}

.lds-pagination-dropdown-content {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  background-color: var(--lds-color-pagination-dd-background);
  border-radius: var(--lds-radius-pagination);
  box-shadow: var(--lds-shadow-pagination-dd);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0;
  right: 0;
  max-height: var(--lds-spacing-pagination-dd-max-height);
  overflow-y: auto;
  scrollbar-width: none;
  z-index: 10;
}

.up .lds-pagination-dropdown-content {
  bottom: 100%;
  top: auto;
  border-radius: var(--lds-radius-pagination);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.lds-pagination-dropdown.expanded .lds-pagination-dropdown-content {
  opacity: 1;
  visibility: visible;
}

.lds-pagination-dropdown.expanded .lds-pagination-dropdown-toggle {
  color: var(--lds-color-pagination-toggle-expanded);
  background-color: var(--lds-color-pagination-toggle-expanded-bg);
  border-color: var(--lds-color-pagination-toggle-expanded-bg);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.lds-pagination-dropdown.expanded.up .lds-pagination-dropdown-toggle {
  border-radius: var(--lds-radius-pagination);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.lds-pagination-list .lds-pagination-dropdown-content li,
.lds-pagination-per-page .lds-pagination-dropdown-content li {
  list-style: none;
  margin-inline-start: 0;
}

.lds-pagination-dropdown-item {
  width: 100%;
  text-align: start;
  line-height: 1;
  padding: var(--lds-spacing-pagination-item-padding);
}

.lds-pagination-dropdown-item.selected {
  font-weight: var(--lds-typography-font-weight-bold);
}

.lds-pagination-dropdown-item:hover,
.lds-pagination-dropdown-toggle:hover,
.lds-pagination-dropdown.pagination-dropdown .lds-pagination-dropdown-toggle:hover,
.lds-pagination-dropdown.pagination-dropdown.expanded .lds-pagination-dropdown-toggle:hover {
  color: var(--lds-color-pagination-hover);
  background-color: var(--lds-color-pagination-hover-bg);
  border-color: var(--lds-color-pagination-hover-border);
}

.lds-pagination-dropdown-content ul li:last-child .lds-pagination-dropdown-item:hover,
.lds-pagination-dropdown-content ul li:last-child .lds-pagination-dropdown-item:focus {
  border-bottom-left-radius: var(--lds-radius-pagination);
  border-bottom-right-radius: var(--lds-radius-pagination);
}

.up .lds-pagination-dropdown-content ul li:last-child .lds-pagination-dropdown-item:hover,
.up .lds-pagination-dropdown-content ul li:last-child .lds-pagination-dropdown-item:focus {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.up .lds-pagination-dropdown-content ul li:first-child .lds-pagination-dropdown-item:hover,
.up .lds-pagination-dropdown-content ul li:first-child .lds-pagination-dropdown-item:focus {
  border-top-left-radius: var(--lds-radius-pagination);
  border-top-right-radius: var(--lds-radius-pagination);
}

.lds-pagination-dropdown-item:focus {
  outline-color: var(--lds-color-pagination-focus-outline);
  outline-offset: var(--lds-border-pagination-dd-item-focus-outline-offset);
  outline-style: var(--lds-border-pagination-focus-outline-style);
  outline-width: var(--lds-border-pagination-focus-outline-width);
}

/* MARK: Mobile styles
 */

.lds-pagination-list-mobile {
  display: flex;
  margin: 0 var(--lds-spacing-pagination-margin-left);
}

@media (max-width: 991px) {
  .pagination-mobile .lds-pagination-list .lds-pagination-link.nav-icon-btn,
  .lds-pagination-list .lds-pagination-link.nav-btn {
    padding: 0;
    border-width: var(--lds-border-pagination-outlined-width);
  }

  /* Hide the next / prev text in the buttons in mobile */
  .lds-pagination-list .lds-pagination-link.nav-btn span {
    display: none;
  }

  .pagination-mobile .lds-pagination-list .lds-pagination-link.nav-icon-btn.disabled,
  .pagination-mobile .lds-pagination-list .lds-pagination-link.nav-icon-btn:disabled,
  .lds-pagination-list .lds-pagination-link.nav-btn.disabled,
  .lds-pagination-list .lds-pagination-link.nav-btn:disabled {
    background-color: var(--lds-color-pagination-disabled-bg);
    border-color: var(--lds-color-pagination-disabled-bg);
  }

  .pagination-mobile .lds-pagination-list .lds-pagination-link.nav-icon-btn:hover,
  .lds-pagination-list .lds-pagination-link.nav-btn:hover {
    border-color: var(--lds-color-pagination-hover-bg);
  }
}

.lds-pagination-list.desktop {
  display: none;
}

@media (min-width: 992px) {
  .lds-pagination-list.mobile {
    display: none;
  }
  .lds-pagination-list.desktop {
    display: flex;
  }
}

/* MARK: RTL Support
 */

[dir="rtl"] .lds-pagination .nav-btn .lds-icon,
[dir="rtl"] .lds-pagination .nav-icon-btn .lds-icon {
  transform: rotate(180deg);
}

.lds-pagination.outlined {
  --lds-radius-pagination: var(--lds-radius-pagination-small);
}

.lds-pagination.outlined .lds-pagination-list .lds-pagination-link {
  --lds-border-pagination-width : var(--lds-border-pagination-outlined-width);
}

.lds-pagination.outlined .lds-pagination-list .lds-pagination-link.active {
  --lds-color-pagination-border: var(--lds-color-pagination-active-bg);
}

.lds-pagination.outlined .lds-pagination-list .lds-pagination-link:not(.active):hover {
  --lds-color-pagination-border: var(--lds-color-pagination-hover-bg);
}

.lds-pagination.outlined .lds-pagination-list .lds-pagination-link:disabled,
.lds-pagination.outlined .lds-pagination-list .lds-pagination-link.disabled {
  --lds-color-pagination-bg: var(--lds-color-pagination-disabled-bg);
  --lds-color-pagination-border: var(--lds-color-pagination-disabled-bg);
}

.lds-pagination.underlined .lds-pagination-input,
.lds-pagination.underlined .lds-pagination-dropdown-toggle,
.lds-pagination.underlined .lds-pagination-dropdown-content,
.lds-pagination.underlined .lds-pagination-list .lds-pagination-link.nav-icon-btn,
.lds-pagination.underlined .lds-pagination-list li .lds-pagination-link:focus {
  --lds-radius-pagination: var(--lds-radius-pagination-small);
}

.lds-pagination.underlined .lds-pagination-list .lds-pagination-link:not(.nav-icon-btn) {
  --lds-border-pagination-width: 0 0 var(--lds-spacing-013) 0;
  --lds-color-pagination-border: var(--lds-color-transparent);
  --lds-radius-pagination: 0;
}

.lds-pagination.underlined .lds-pagination-list .lds-pagination-link.active,
.lds-pagination.underlined.pagination-mobile .lds-pagination-dropdown-toggle {
  --lds-color-pagination-active : var(--lds-color-primary);
  --lds-color-pagination-active-bg : var(--lds-color-transparent);
  --lds-color-pagination-border: var(--lds-color-primary);
}

.lds-pagination.underlined.pagination-mobile .pagination-dropdown .lds-pagination-dropdown-toggle {
  --lds-color-pagination-hover-border: var(--lds-color-pagination-hover);
}

.lds-pagination.underlined .lds-pagination-list .lds-pagination-link:not(.active):not(.nav-icon-btn):hover {
  --lds-color-pagination-border: var(--lds-color-pagination-hover);
  --lds-color-pagination-hover-bg: var(--lds-color-transparent);
}

.lds-pagination.radius-sm {
  --lds-radius-pagination: var(--lds-radius-pagination-small);
}

.lds-pagination.radius-md {
  --lds-radius-pagination: var(--lds-radius-pagination-medium);
}

.lds-pagination.pill,
.lds-pagination.radius-pill {
  --lds-radius-pagination: var(--lds-radius-pagination-pill);
}

.lds-progress-indicator {
  position: relative;
  display: inline-block;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  height: var(--lds-size-progress-indicator-circle-diameter);
  width: var(--lds-size-progress-indicator-circle-diameter);
}

.lds-progress-indicator-horizontal {
  position: relative;
  display: inline-block;
  height: var(--lds-size-progress-indicator-horizontal-height);
  max-width: var(--lds-size-progress-indicator-horizontal-max-width);
  min-width: var(--lds-size-progress-indicator-horizontal-min-width);
  width: 100%;
}

.lds-progress-indicator-circle-base {
  fill: var(--lds-color-progress-indicator-circle-base-fill);
  stroke: var(--lds-color-progress-indicator-circle-base);
}

.lds-progress-indicator-horizontal-base {
  transform: none;
  fill: var(--lds-color-progress-indicator-circle-base-fill);
  stroke: var(--lds-color-progress-indicator-circle-base);
}

.lds-progress-indicator.error .lds-progress-indicator-circle-base,
.lds-progress-indicator-horizontal.error .lds-progress-indicator-horizontal-base {
  stroke: var(--lds-color-progress-indicator-error-state-base);
}

.lds-progress-indicator-svg {
  overflow: visible;
  height: 100%;
  width: 100%;
}

.lds-progress-indicator-circle-progress {
  transform: none;
  transition: stroke-dashoffset 300ms;
  fill: var(--lds-color-progress-indicator-circle-fill);
  stroke: var(--lds-color-progress-indicator-circle-progress);
}

.lds-progress-indicator-horizontal-progress {
  transform: none;
  transition: stroke-dashoffset 300ms;
  fill: var(--lds-color-progress-indicator-circle-fill);
  stroke: var(--lds-color-progress-indicator-horizontal-progress);
}

.lds-progress-indicator-circle-progress.complete {
  stroke: var(--lds-color-progress-indicator-circle-progress-complete);
}

.lds-progress-indicator-horizontal-progress.complete {
  stroke: var(--lds-color-progress-indicator-horizontal-progress-complete);
}

.lds-progress-indicator-text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  color: var(--lds-color-progress-indicator-text);
  text-align: center;
  transform: translateY(-50%) rotate(90deg);
  transition: color 1s;
  transform-origin: 50% 50%;
  font-weight: var(--lds-typography-progress-indicator-font-weight);
}

.lds-progress-indicator-text-horizontal {
  color: var(--lds-color-progress-indicator-text);
  text-align: start;
  transition: color 1s;
  font-weight: var(--lds-typography-progress-indicator-font-weight);
  padding-inline-end: var(--lds-spacing-progress-indicator-horizontal-padding);
}

.lds-progress-indicator-text-container {
  position: relative;
  inset-inline-start: 0;
  width: 100%;
  text-align: start;
  transform: translateY(-50%);
  transition: color 1s;
  transform-origin: 50% 50%;
  top: 75%;
}

.lds-progress-indicator-horizontal.error .lds-progress-indicator-text-container {
  display: flex;
  top: 0%;
}

.lds-progress-indicator-helper-text-horizontal {
  position: absolute;
  top: 0%;
  color: var(--lds-color-progress-indicator-helper-text-horizontal);
}

.lds-progress-indicator-horizontal.error .lds-progress-indicator-helper-text-horizontal {
  color: var(--lds-color-progress-indicator-error-message);
}

.lds-progress-indicator-helper-text {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: calc(-50% - (var(--lds-spacing-progress-indicator-circle-helper-text-padding-top)));
  width: 100%;
  color: var(--lds-color-progress-indicator-helper-text);
  text-align: center;
  transform: translateY(-50%) rotate(90deg);
  transition: color 1s;
  transform-origin: 50% 50%;
  font-weight: var(--lds-typography-progress-indicator-helper-text-font-weight);
  max-width: var(--lds-size-progress-indicator-helper-text-circle-max-width);
  overflow: wrap;
}

.lds-progress-indicator.error .lds-progress-indicator-helper-text {
  color: var(--lds-color-progress-indicator-error-message);
}

.lds-progress-indicator-helper-text .lds-icon,
.lds-progress-indicator-helper-text-horizontal .lds-icon {
  margin-inline-end: var(--lds-spacing-025);
}

.lds-progress-indicator.size-xs {
  --lds-size-progress-indicator-circle-diameter: var(--lds-size-progress-indicator-circle-diameter-xsmall);
  --lds-size-progress-indicator-horizontal-height: var(--lds-size-progress-indicator-horizontal-height-xsmall);
}

.lds-progress-indicator.size-sm {
  --lds-size-progress-indicator-circle-diameter: var(--lds-size-progress-indicator-circle-diameter-small);
  --lds-size-progress-indicator-horizontal-height: var(--lds-size-progress-indicator-horizontal-height-small);
}

.lds-progress-indicator.size-md {
  --lds-size-progress-indicator-circle-diameter: var(--lds-size-progress-indicator-circle-diameter-medium);
  --lds-size-progress-indicator-horizontal-height: var(--lds-size-progress-indicator-horizontal-height-medium);
}

.lds-progress-indicator.size-lg {
  --lds-size-progress-indicator-circle-diameter: var(--lds-size-progress-indicator-circle-diameter-large);
  --lds-size-progress-indicator-horizontal-height: var(--lds-size-progress-indicator-horizontal-height-large);
}

.lds-progress-indicator-horizontal.size-xs {
  --lds-size-progress-indicator-circle-diameter: var(--lds-size-progress-indicator-circle-diameter-xsmall);
  --lds-size-progress-indicator-horizontal-height: var(--lds-size-progress-indicator-horizontal-height-xsmall);
}

.lds-progress-indicator-horizontal.size-sm {
  --lds-size-progress-indicator-circle-diameter: var(--lds-size-progress-indicator-circle-diameter-small);
  --lds-size-progress-indicator-horizontal-height: var(--lds-size-progress-indicator-horizontal-height-small);
}

.lds-progress-indicator-horizontal.size-md {
  --lds-size-progress-indicator-circle-diameter: var(--lds-size-progress-indicator-circle-diameter-medium);
  --lds-size-progress-indicator-horizontal-height: var(--lds-size-progress-indicator-horizontal-height-medium);
}

.lds-progress-indicator-horizontal.size-lg {
  --lds-size-progress-indicator-circle-diameter: var(--lds-size-progress-indicator-circle-diameter-large);
  --lds-size-progress-indicator-horizontal-height: var(--lds-size-progress-indicator-horizontal-height-large);
}

.lds-prompt-input {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  border-radius: var(--lds-radius-prompt-input-sm);
  border: var(--lds-border-prompt-input);
  background-color: var(--lds-color-prompt-input-bg);
  background-clip: padding-box;
  transition-duration: var(--lds-animation-prompt-input-duration);
  transition-timing-function: var(--lds-animation-prompt-input-timing-func);
  transition-property: var(--lds-animation-prompt-input-property);
}

.lds-prompt-input.radius-medium {
  border-radius: var(--lds-radius-prompt-input-md);
}

.lds-prompt-input.radius-pill {
  border-radius: var(--lds-radius-prompt-input-pill);
}

.lds-prompt-input.is-multiline.has-label {
  border-top-left-radius: var(--lds-radius-prompt-input-sm);
  border-top-right-radius: var(--lds-radius-prompt-input-sm);
}

.lds-prompt-input:hover {
  border-color: var(--lds-color-neutral-100);
}

.lds-prompt-input.singleline {
  flex-wrap: nowrap;
}

.lds-prompt-input:has(*:focus) {
  outline: var(--lds-border-prompt-input-outline-focus);
  outline-offset: var(--lds-border-prompt-input-outline-offset-focus);
  border-color: var(--lds-border-prompt-input-color-focus);
}

.lds-prompt-input .textarea-wrap label {
  display: block;
}

.lds-prompt-input .input-label-wrap {
  display: block;
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  opacity: var(--lds-animation-prompt-input-label-opacity-hidden);
  transition-duration: var(--lds-animation-prompt-input-label-duration);
  transition-timing-function: var(--lds-animation-prompt-input-label-timing-func);
  transition-property: var(--lds-animation-prompt-input-label-property);
}

.lds-prompt-input.is-multiline .input-label-wrap {
  opacity: var(--lds-animation-prompt-input-label-opacity-shown);
}

.lds-prompt-input .input-label {
  display: block;
  padding: var(--lds-spacing-prompt-input-label-p);
  font-size: var(--lds-typography-prompt-input-label-fz);
  font-weight: var(--lds-typography-prompt-input-label-fw);
}

.lds-prompt-input .textarea-wrap {
  flex: 1 1 0;
  max-width: 100%;
  transition-duration: var(--lds-animation-prompt-input-input-duration);
  transition-timing-function: var(--lds-animation-prompt-input-input-timing-func);
  transition-property: var(--lds-animation-prompt-input-input-property);
}

.lds-prompt-input.is-multiline .textarea-wrap {
  flex-basis: auto;
}

.lds-prompt-input.multiline .textarea-wrap,
.lds-prompt-input.multiline-focus:has(*:focus) .textarea-wrap {
  min-width: 100%;
}

.lds-prompt-input.is-multiline.has-label .textarea-wrap {
  padding-top: var(--lds-spacing-prompt-input-input-wrap-pt-has-label);
}

.lds-prompt-input .input-wrap input,
.lds-prompt-input .input-wrap textarea {
  display: block;
  width: var(--lds-spacing-textarea-width);
  max-width: 100%;
  padding: var(--lds-spacing-prompt-input-input-p);
  margin: var(--lds-spacing-prompt-input-input-m);
  font-size: var(--lds-typography-prompt-input-input-fz);
  line-height: var(--lds-typography-prompt-input-input-lh);
  border: var(--lds-border-prompt-input-input);
  border-radius: var(--lds-radius-prompt-input-input);
  background-color: var(--lds-color-prompt-input-input-bg);
  transition: var(--lds-animation-textarea-transition);
}

.lds-prompt-input .input-wrap textarea {
  max-height: var(--lds-spacing-prompt-input-input-max-height);
  resize: none;
}

.lds-prompt-input .input-wrap input:focus,
.lds-prompt-input .input-wrap textarea:focus {
  outline: 0 none;
}

@supports (field-sizing: content) {
  .lds-prompt-input.dynamic .input-wrap textarea,
  .lds-prompt-input.multiline .input-wrap textarea,
  .lds-prompt-input.multiline-focus .input-wrap textarea {
    field-sizing: content;
  }
}

@supports not (field-sizing: content) {
  /* https://css-tricks.com/the-cleanest-trick-for-autogrowing-textareas/ */
  /* "field-sizing: content" is not widely supported yet */
  .lds-prompt-input.dynamic .input-wrap,
  .lds-prompt-input.multiline .input-wrap,
  .lds-prompt-input.multiline-focus .input-wrap {
    display: grid;
  }
  .lds-prompt-input.dynamic .input-wrap::after,
  .lds-prompt-input.multiline .input-wrap::after,
  .lds-prompt-input.multiline-focus .input-wrap::after {
    content: attr(data-replicated-value) " ";
    white-space: pre-wrap;
    visibility: hidden;
    /* style must match <textarea> */
    display: block;
    width: var(--lds-spacing-textarea-width);
    max-width: 100%;
    max-height: var(--lds-spacing-prompt-input-input-max-height);
    padding: var(--lds-spacing-prompt-input-input-p);
    margin: var(--lds-spacing-prompt-input-input-m);
    font-size: var(--lds-typography-prompt-input-input-fz);
    line-height: var(--lds-typography-prompt-input-input-lh);
    border: var(--lds-border-prompt-input-input);
    border-radius: var(--lds-radius-prompt-input-input);
    background-color: var(--lds-color-prompt-input-input-bg);
    transition: var(--lds-animation-textarea-transition);
  }
  .lds-prompt-input.dynamic .input-wrap textarea,
  .lds-prompt-input.multiline .input-wrap textarea,
  .lds-prompt-input.multiline-focus .input-wrap textarea {
    resize: none;
  }
  .lds-prompt-input.dynamic .input-wrap textarea,
  .lds-prompt-input.multiline .input-wrap textarea,
  .lds-prompt-input.multiline-focus .input-wrap textarea,
  .lds-prompt-input.dynamic .input-wrap::after,
  .lds-prompt-input.multiline .input-wrap::after,
  .lds-prompt-input.multiline-focus .input-wrap::after {
    font: inherit;
    grid-area: 1 / 1 / 2 / 2;
  }
}

.lds-prompt-input .button-area {
  position: relative;
  flex: 0 0 content;
  display: flex;
  justify-content: flex-end;
  padding: var(--lds-spacing-prompt-input-btn-area-p);
}

.lds-prompt-input.is-multiline .button-area {
  flex-grow: 1;
}

.lds-prompt-input.has-divider .button-area::before {
  content: '';
  position: absolute;
  top: calc(var(--lds-spacing-prompt-input-divider-height) * -1);
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: var(--lds-spacing-prompt-input-divider-height);
  background-color: var(--lds-color-prompt-input-divider-bg);
  background-image: var(--lds-color-prompt-input-divider-bg-image);
}

.lds-radio-label {
  display: inline-flex;
  cursor: pointer;
}

.lds-radio-label.disabled {
  color: var(--lds-color-form-label-disabled);
  cursor: not-allowed;
}

.lds-radio {
  position: relative;
  padding: 0;
  appearance: none;
  -webkit-appearance: none; /* fix for safari */
  height: var(--lds-spacing-radio-size);
  width: var(--lds-spacing-radio-size);
  min-width: var(--lds-spacing-radio-size); /* Fix squished radio when label is long and wrapping */

  border-color: var(--lds-color-radio-border);
  border-style: var(--lds-border-radio-style);
  border-width: var(--lds-border-radio-width);
  background-color: var(--lds-color-radio-bg);

  border-radius: var(--lds-radius-radio-border);
  margin-top: var(--lds-spacing-radio-margin-top);
  margin-bottom: var(--lds-spacing-radio-margin-bottom);
  margin-left: var(--lds-spacing-radio-margin-left);
  margin-inline-end: var(--lds-spacing-radio-margin-right);
}

/* MARK: Focus
*/

.lds-radio:focus {
  outline-offset: var(--lds-border-radio-focus-outline-offset);
  outline-style: var(--lds-border-radio-focus-outline-style);
  outline-width: var(--lds-border-radio-focus-outline-width);
  outline-color: var(--lds-color-radio-focus-outline);
}

/* MARK: Checked
*/

.lds-radio:checked {
  background-color: var(--lds-color-radio-checked-bg);
  border-color: var(--lds-color-radio-checked-border);
}

.lds-radio:checked::after {
  content: ' ';
  height: 6px;
  width: 6px;
  border-radius: var(--lds-radius-radio-border);
  background-color:  var(--lds-color-radio-checked-checkmark);
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
}

.lds-radio-helper-text {
  display: flex;
  margin-inline-start: calc(var(--lds-spacing-radio-margin-right) + var(--lds-spacing-radio-size));
}

.lds-radio.error {
  --lds-color-radio-border: var(--lds-color-danger-070);
  --lds-color-radio-bg: var(--lds-color-danger-010);
}

.lds-radio.error:checked {
  --lds-color-radio-checked-bg: var(--lds-color-danger-070);
  --lds-color-radio-checked-border: var(--lds-color-danger-070);
}

/* Hover - unchecked */

.lds-radio.error:hover {
  --lds-color-radio-border: var(--lds-color-danger-080);
  --lds-color-radio-bg: var(--lds-color-danger-020);
}

/* Hover - checked */

.lds-radio.error:checked:hover {
  --lds-color-radio-checked-bg: var(--lds-color-danger-080);
  --lds-color-radio-checked-border: var(--lds-color-danger-080);
}

.lds-radio.disabled,
.lds-radio:disabled,
.lds-radio.disabled:hover,
.lds-radio:disabled:hover {
  --lds-color-radio-border: var(--lds-color-neutral-030);
  --lds-color-radio-bg: var(--lds-color-neutral-010);
}

.lds-radio:checked:disabled,
.lds-radio:checked:disabled:hover {
  --lds-color-radio-checked-bg: var(--lds-color-neutral-030);
  --lds-color-radio-checked-border: var(--lds-color-neutral-030);
}

fieldset.lds-radio-group {
  display: flex;
  flex-direction: column;
}

/* radio label gets special padding applied when in a group */

fieldset.lds-radio-group .lds-radio-label {
  margin-left: var(--lds-spacing-fieldset-radio-margin-left);
  margin-bottom: var(--lds-spacing-fieldset-radio-margin-bottom);
  margin-top: var(--lds-spacing-fieldset-radio-margin-top);
}

fieldset.lds-radio-group .lds-radio-label:last-child {
  margin-bottom: var(--lds-spacing-000);
}

fieldset.lds-radio-group.indent {
  --lds-spacing-fieldset-radio-margin-left: var(--lds-spacing-fieldset-radio-margin-left-indent);
}

fieldset.lds-radio-group.auto-columns {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: var(--lds-spacing-fieldset-radio-margin-bottom) 16px;
}

fieldset.lds-radio-group.auto-columns .lds-radio-label {
  margin-left: var(--lds-spacing-fieldset-radio-margin-left);
  display: flex;
  align-items: center;
}

/* Hover - unchecked */

.lds-radio:hover {
  --lds-color-radio-bg: var(--lds-color-radio-bg-hover);
  --lds-color-radio-border: var(--lds-color-radio-border-hover);
}

/* Hover - checked */

.lds-radio:checked:hover {
  --lds-color-radio-checked-bg: var(--lds-color-radio-checked-bg-hover);
  --lds-color-radio-checked-border: var(--lds-color-radio-checked-border-hover);
}

/* Default - unchecked */

.lds-radio {
  --lds-color-radio-bg: var(--lds-color-radio-bg-default);
  --lds-color-radio-border: var(--lds-color-radio-border-default);
}

/* Default - checked */

.lds-radio:checked {
  --lds-color-radio-checked-bg: var(--lds-color-radio-checked-bg-default);
  --lds-color-radio-checked-border: var(--lds-color-radio-checked-border-default);
}

fieldset.lds-radio-group-pd-sm,  /* DEPRECATED - TODO: Remove */
fieldset.lds-radio-group.small {
  --lds-spacing-fieldset-radio-margin-bottom: var(--lds-spacing-fieldset-radio-margin-bottom-small);
}

fieldset.lds-radio-group-pd-md,  /* DEPRECATED - TODO: Remove */
fieldset.lds-radio-group.medium {
  --lds-spacing-fieldset-radio-margin-bottom: var(--lds-spacing-fieldset-radio-margin-bottom-medium);
}

/* MARK: Search input
*/

/* Standalone search when not used in the header */

.lds-search {
  position: relative;
  display: flex;
}

.lds-text-field.lds-search-field {
  height: var(--lds-spacing-search-height);
  padding-inline-end: calc(var(--lds-spacing-search-btn-width) - 1px);
  border-start-end-radius: 0; /* straight right edge next to button */
  border-end-end-radius: 0;
  margin: 0;
}

/* fix focus ring behind suggestions box */

.lds-text-field.lds-search-field:focus {
  z-index: 2;
  border-end-end-radius: 0;
}

/* fix focused search field covering clear button */

.lds-text-field.lds-search-field:focus ~ .lds-search-clear,
.lds-text-field.lds-search-field:focus ~ .lds-tooltip-container:has(.lds-search-clear-tooltip) {
  z-index: 2;
}

.lds-search-clear,
.lds-tooltip-container:has(.lds-search-clear-tooltip) {
  position: absolute;
  inset-inline-end: calc(var(--lds-spacing-search-btn-width) - 1px);
  top: 50%;
  transform: translateY(-50%);
  border-radius: var(--lds-radius-search-input-clear-radius);
}

.lds-search-clear-tooltip .lds-search-clear {
  position: static;
  transform: none;
}

.lds-search-clear,
.lds-search-clear:hover,
.lds-search-clear:active {
  border-color: transparent;
  background-color: transparent;
}

.lds-search-clear:focus {
  outline-width: var(--lds-border-focus-outline-width);
  outline-style: var(--lds-border-focus-outline-style);
  outline-color: var(--lds-color-neutral-070);
}

.lds-search-clear,
.lds-search-button {
  display: block;
  font-size: var(--lds-typography-search-btn-font-size);
  box-shadow: none;
}

.lds-search-button {
  border-inline-start-width: 0;
  border-start-start-radius: 0;
  border-end-start-radius: 0;
  padding: 0;
  width: var(--lds-color-search-btn-width);
  height: var(--lds-spacing-search-height);
}

.lds-search-button:disabled {
  padding: 0;
}

/* MARK: Search Suggestions
*/

.lds-search-suggestions {
  position: absolute;
  top: var(--lds-spacing-search-height);
  inset-inline-start: 0;
  z-index: 1;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin: 0;
  list-style-type: none;
  background-color: var(--lds-color-search-suggestions-bg);
  box-shadow: var(--lds-shadow-search-suggestions);
  display: flex;
  min-width: 176px;
  flex-direction: column;
  border-radius: var(--lds-radius-search-suggestions);
  align-items: center;
}

@media (min-width: 992px) {
  .lds-search-suggestions {
    max-height: 500px;
    overflow-y: auto;
  }
}

.lds-search-list {
  width: 100%;
}

.lds-search-suggestion button {
  width: 100%;
  padding: var(--lds-spacing-search-suggestion-padding-y) var(--lds-spacing-search-suggestion-padding-x);
  border-color: transparent;
  text-align: start;
  font-weight: var(--lds-typography-search-font-weight);
  background: var(--lds-color-search-suggestion-bg);
  box-shadow: none;
}

.lds-search-suggestion button:hover,
.lds-search-suggestion.is-active {
  border-color: transparent;
  background: var(--lds-color-search-suggestion-hover-bg);
}

/* fix focus ring behind next suggestion */

.lds-search-suggestion button:focus {
  position: relative;
  z-index: 2;
}

.lds-search-suggestion b {
  font-weight: var(--lds-typography-search-match-font-weight);
}

.lds-search-results {
  list-style: none;
  margin: 0;
  padding: 0;
}

.lds-search-result {
  margin-bottom: var(--lds-spacing-search-result-margin-bottom);
}

.lds-search-result-href {
  color: var(--lds-color-search-result-href);
  font-size: var(--lds-typography-search-result-href-font-size);
  font-weight: var(--lds-typography-search-result-href-font-weight);
  line-height: var(--lds-typography-search-result-href-line-height);
}

/* Basic HTML <select> Element Styling */

.lds-select {
  position: relative;
  display: block;
  width: 100%;
  height: 2.5rem;
  padding-top: calc(var(--lds-spacing-select-padding-top) - var(--lds-border-select-width));
  padding-bottom: calc(var(--lds-spacing-select-padding-bottom) - var(--lds-border-select-width));
  padding-inline-start: calc(var(--lds-spacing-select-padding-left) - var(--lds-border-select-width));
  padding-inline-end: calc(var(--lds-spacing-select-padding-right) - var(--lds-border-select-width));
  font-size: var(--lds-typography-select-font);
  font-weight: var(--lds-typography-font-weight-regular);
  line-height: 1.5rem;
  border: 1px solid var(--lds-color-text-field-border);
  border-radius: var(--lds-radius-select);
  color: var(--lds-color-font);
  cursor: pointer;
  -moz-appearance:none;
  -webkit-appearance:none;
  appearance:none;

  background-color: var(--lds-color-select-bg);
  background-image: url("data:image/svg+xml, %3Csvg viewBox='0 0 16 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.85355339.85355339 6.79289322 6.79289322c.19526215.19526215.51184463.19526215.70710678 0l6.79289321-6.79289322c.1952622-.19526214.1952622-.51184463 0-.70710678-.0937682-.09376819-.2209451-.14644661-.3535534-.14644661h-13.58578642c-.27614237 0-.5.22385763-.5.5 0 .13260825.05267842.2597852.14644661.35355339z'/%3E%3C/svg%3E");
  background-size: .75rem;
  background-repeat: no-repeat;
  background-position-x: calc(100% - 1rem);
  background-position-y: calc(50%);
}

.lds-select:focus {
  border-color: var(--lds-color-select-border-focus);
  outline: var(--lds-color-select-focus-outline-width) var(--lds-color-select-focus-outline-style) var(--lds-color-select-focus-outline);
  box-shadow: var(--lds-shadow-select-focus) var(--lds-color-select-focus-shadow);
}

.lds-select.disabled,
.lds-select:disabled {
  cursor: not-allowed;
  background-color: var(--lds-color-select-disabled-bg);
  color: var(--lds-color-select-disabled-foreground);
  background-image: url("data:image/svg+xml, %3Csvg viewBox='0 0 16 8' fill='%239E9E9E' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.85355339.85355339 6.79289322 6.79289322c.19526215.19526215.51184463.19526215.70710678 0l6.79289321-6.79289322c.1952622-.19526214.1952622-.51184463 0-.70710678-.0937682-.09376819-.2209451-.14644661-.3535534-.14644661h-13.58578642c-.27614237 0-.5.22385763-.5.5 0 .13260825.05267842.2597852.14644661.35355339z'/%3E%3C/svg%3E");
}

.lds-select.error {
  border-color: var(--lds-color-select-error-border);
  background-color: var(--lds-color-select-error-bg);
}

/* LDS Select Custom Component */

.lds-select-wrapper {
  display: flex;
  flex-direction: column;
}

.lds-select-input-wrapper {
  width: 100%;
  position: relative;
}

.lds-select-input-wrapper .lds-select {
  background-image: none;
  text-align: start;
}

.lds-select-input-wrapper .lds-select .caret-down  {
  position: absolute;
  top: calc(.875rem - 1px);
  inset-inline-end: calc(1rem - 1px);
}

.lds-select:disabled .caret-down  {
  fill: var(--lds-color-select-disabled-icon);
}

.lds-select-input-wrapper.open .lds-select:focus {
  outline: 0;
  /* border: 0; */
  box-shadow: none;
}

/* This appears to only be used for the language select drop down */

.lds-select-options {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 15;
  width: 100%;
  max-height: 16.25rem;
  overflow-y: auto;
  background-color: var(--lds-color-white);
  border-radius: var(--lds-radius-select-options-container);
  box-shadow: var(--lds-shadow-select-options-container);
}

.lds-select-input-wrapper.open .lds-select-options {
  display: flex;
  flex-direction: column;
}

/* ^^^ */

.lds-select-input-wrapper .lds-dropdown {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.lds-select-input-wrapper .lds-select-option {
  display: block;
  width: 100%;
  min-height: 2.5rem;
  padding: var(--lds-spacing-select-option-padding);
  text-align: start;
  box-shadow: var(--lds-shadow-select-option);
  transition: background-color var(--lds-animation-duration-medium) var(--lds-animation-timing-func-linear);
  cursor: pointer;
}

.lds-select-input-wrapper .lds-select-option:last-child {
  /* correct for some radius style funk due to overflowing background color on this
   * when it is at the bottom (last child) of the panel with a rounded bottom
   * needs to be sufficently larger than (multiples of) the actual radius to look right */
  border-bottom-left-radius: calc(var(--lds-radius-select-options-container) * 3);
  border-bottom-right-radius: calc(var(--lds-radius-select-options-container) * 3);
}

.lds-select-option:hover,
.lds-select-option.selected {
  background-color: rgba(0,0,0, .08);
}

.lds-select-option:focus {
  outline: var(--lds-border-select-option-outline-focus);
  outline-offset: var(--lds-border-select-option-outline-offset-focus);
  box-shadow: var(--lds-shadow-select-option-focus);
}

.lds-select-wrapper .select-group-label {
  font-weight: var(--lds-typography-select-group-label-font-weight);
  min-height: 2.5rem;
  padding: var(--lds-spacing-select-option-padding);
}

.grouped.lds-select-option {
  padding: var(--lds-spacing-select-option-grouped-padding);
}

.lds-side-nav-wrapper {
  max-width: 1920px;
  margin: 0 auto;
}

.lds-side-nav-col {
  background-color: var(--lds-color-white);
}

@media screen and (max-width: 991.98px) {
  .lds-side-nav-col {
    position: sticky;
    top: 0;
    z-index: 30;
    border-bottom: 1px solid var(--lds-color-neutral-020);
  }
}

@media screen and (min-width: 992px) {
  .lds-side-nav-col {
    position: fixed;
    top: 0;
    width: 20rem;
    height: 100%;
    border-left: 1px solid var(--lds-color-neutral-020);
    border-right: 1px solid var(--lds-color-neutral-020);
  }

  .lds-side-nav-col aside {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    max-height: 100vh;
    overflow: hidden;
  }

  .lds-side-nav-menu-container {
    overflow-y: auto;
  }

  .lds-side-nav-content-col {
    margin-inline-start: 20rem;
    width: calc(100% - 20rem);
  }

  .lds-side-nav-content-col .wrapper {
    width: auto;
    min-width: auto;
    max-width: none;
  }

  /* prevent ISI from covering sidenav */
  .lds-side-nav-wrapper .lds-isi-v2 .lds-isi {
    margin-top: 0;
    margin-bottom: 0;
    margin-inline-end: 0;
    margin-inline-start: 20rem;
    max-width: calc(100% - 20rem);
  }

  .lds-side-nav-wrapper .lds-isi-v2 .lds-isi .lds-isi-container {
    width: 100%;
    max-width: 100%;
    min-width: auto;
    margin: 0;
  }

  .lds-side-nav-wrapper .lds-isi-v2 .lds-isi .lds-isi-container .lds-isi-banner {
    width: 100%;
    max-width: 100%;
  }

  .lds-side-nav-wrapper .lds-isi-v2 .lds-isi .lds-isi-container .lds-isi-banner.expanded {
    width: 100%;
    max-width: 100%;
  }

  .lds-side-nav-wrapper .lds-isi-v2 .lds-isi.lds-isi-attached {
    margin-inline-start: 0;
    max-width: 100%;
  }
}

@media screen and (min-width: 1920px) {
  .lds-side-nav-wrapper .lds-isi-v2 .lds-isi {
    margin-top: 0;
    margin-bottom: 0;
    margin-inline-end: calc((100% - 1920px) / 2 - 20rem);
    margin-inline-start: calc((100% - 1920px) / 2 + 20rem);
    width: calc(100% - 40rem);
    max-width: calc(1920px - 20rem);
  }
}

.lds-side-nav-mobile-actions .screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}

.lds-side-nav-search {
  padding: 0 2rem;
  margin: 1rem 0;
}

.lds-side-nav-search .lds-search-clear,
.lds-side-nav-search .lds-search-button {
  padding-top: 0.25rem;
}

@media(min-width: 992px) {
  .lds-side-nav-mobile-actions {
    display: none;
  }
}

@media screen and (max-width: 991.98px) {
  .lds-side-nav-top-container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
  }

  .lds-side-nav-logo-desktop {
    display: none;
  }

  .lds-side-nav-mobile-actions {
    display: flex;
    align-items: center;
  }

  .lds-side-nav-mobile-actions .lds-icon.inline {
    width: 1.5rem;
    height: 1.5rem;
  }

  .lds-side-nav-mobile-actions > * {
    margin-inline-end: 1.5rem;
  }

  .lds-side-nav-mobile-actions > *:last-child {
    margin-inline-end: 0;
  }

  .lds-side-nav-toggle {
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
  }

  .lds-side-nav-toggle-text {
    font-size: var(--lds-typography-small-font-size);
    font-weight: 600;
    line-height: 1.5;
  }

  .lds-side-nav-search {
    position: absolute;
    top: 100%;
    inset-inline-start: 0;
    width: 100%;
    height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  }

  .lds-side-nav-search .lds-side-nav-search-container {
    padding: 0.5rem 1rem;
    background-color: var(--lds-color-neutral-010);
  }

  .lds-side-nav-search.enabled {
    height: 3.5rem;
    opacity: 1;
    visibility: visible;
  }
}

@media screen and (min-width: 992px) {
  .lds-side-nav-logo-mobile {
    display: none;
  }

  .lds-side-nav-logo,
  .lds-side-nav-logo-desktop {
    padding: 3rem;
  }

  .lds-side-nav-toggle,
  .lds-side-nav-search-button {
    display: none;
  }
}

.lds-side-nav-menu {
  list-style: none;
}

@media screen and (max-width: 991.98px) {
  .lds-side-nav-menu-container {
    position: fixed;
    top: 0;
    z-index: 30;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    width: 100%;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
    background-color: var(--lds-color-white);
  }

  .expanded .lds-side-nav-menu-container {
    overscroll-behavior: contain;
    transform: translateX(0);
  }

  /* lock body scroll when side nav is open */
  body:has(.lds-side-nav-wrapper.expanded) {
    height: 100vh;
    overflow-y: hidden;
  }

  .lds-side-nav-menu-container-logo {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid var(--lds-color-neutral-020);
  }

  .lds-side-nav-menu-container-logo .lds-icon.inline {
    width: 1.5rem;
    height: 1.5rem;
  }

  .lds-side-nav-scroll-container {
    overflow-y: auto;
  }

  .lds-side-nav-menu-container .lds-header-utility-mobile {
    border-top: 1px solid var(--lds-color-neutral-020);
  }
}

@media screen and (min-width: 992px) {
  .lds-side-nav-menu-container-logo {
    display: none;
  }
}

@media screen and (max-width: 991.98px) {
  .side-nav-item.divider {
    padding: 0 1rem;
  }
}

@keyframes ripple {
  to {
    transform: scale(1.5);
    opacity: 0;
  }
}

.lds-icon.inline.side-nav-menu-item-icon,
.side-nav-menu-item-icon {
  margin-inline-end: 0.5rem;
  margin-top: 0;
}

@media screen and (min-width: 992px) {
  .side-nav-menu-item-icon {
    margin-inline-end: 1rem;
  }
}

.side-nav-external-icon {
  margin-inline-start: auto;
}

/* all links */

.side-nav-item .menu-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  text-decoration: none;
  background-color: transparent;
}

/* standard link */

.side-nav-item > .menu-button {
  padding: 1.5rem 1rem;
  transition-property: background-color;
  transition-duration: 600ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media screen and (min-width: 992px) {
  .side-nav-item > .menu-button {
    padding: 1rem 2rem;
  }
}

/* all links */

.side-nav-item .menu-button::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  height: 0;
  margin: auto 0;
  background-color: transparent;
  transition-property: height, width, background-color;
  transition-duration: 600ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* standard link */

.side-nav-item > .menu-button::before {
  inset-inline-start: 0;
  width: 0;
  height: 100%;
  border-radius: 0 4px 4px 0;
}

/* standard link */

.side-nav-item.active > .menu-button {
  font-weight: var(--lds-typography-font-weight-bold);
  background-color: var(--lds-color-primary-010);
}

.side-nav-item.active > .menu-button::before {
  width: 4px;
  background-color: var(--lds-color-primary);
}

.side-nav-item > .menu-button:hover {
  font-weight: var(--lds-typography-font-weight-medium);
  background-color: var(--lds-color-red-005);
}

.side-nav-item > .menu-button:focus {
  outline: 3px solid transparent;
  outline-offset: -2px;
  box-shadow: inset 0 0 0 2px rgba(33, 33, 33, 0.6);
}

.side-nav-item.active > .menu-button:hover {
  background-color: var(--lds-color-red-020);
}

/* mobile submenu back link */

.side-nav-sub-menu-back > .menu-button {
  background-color: var(--lds-color-red-005);
}

/* hide level 2 submenu back links on mobile */

.side-nav-menu .side-nav-item .side-nav-sub-menu-back {
  display: none;
}

/* hide all submenu back links on desktop */

@media screen and (min-width: 992px) {
  .side-nav-sub-menu-back {
    display: none;
  }
}

/* Submenu link - level 3 */

.side-nav-menu .side-nav-item .side-nav-item > .menu-button {
  padding-inline-start: 3rem;
}

/* Submenu link - level 4 */

.side-nav-menu .side-nav-item .side-nav-item .side-nav-item > .menu-button {
  padding-inline-start: 4rem;
}

@media screen and (min-width: 992px) {
  /* Submenu link - level 2 */
  .side-nav-menu .side-nav-item > .menu-button {
    padding-inline-start: 3rem;
  }

  /* Submenu link - level 3 */
  .side-nav-menu .side-nav-item .side-nav-item > .menu-button {
    padding-inline-start: 4rem;
  }

  /* Submenu link - level 4 */
  .side-nav-menu .side-nav-item .side-nav-item .side-nav-item > .menu-button {
    padding-inline-start: 5rem;
  }
}

@media screen and (prefers-reduced-motion: no-preference) {
  .side-nav-item .menu-button {
    position: relative;
    overflow: hidden;
  }

  .side-nav-item > .menu-button .ripple {
    position: absolute;
    transform: scale(0);
    border-radius: 50%;
    border: var(--lds-border-button-ripple);
    background-color: var(--lds-color-red-030);
    animation: ripple var(--lds-animation-button-ripple-duration) var(--lds-animation-button-ripple-timing-function);
    pointer-events: none;
  }
}

/* MARK: RTL Support
 */

[dir="rtl"] .lds-icon.caret-left.side-nav-menu-item-icon.side-nav-back-icon {
  transform: rotate(180deg);
}

.side-nav-item.has-sub-menu.is-expanded > .menu-button {
  background-color: var(--lds-color-red-005);
}

.side-nav-button-text {
  text-align: start;
}

.side-nav-button-text.has-expand-icon {
  margin-inline-end: 1em;
}

.lds-icon.side-nav-expand-icon,
.lds-icon.inline.side-nav-expand-icon,
.side-nav-expand-icon {
  margin-inline-start: auto;
  transition: transform var(--lds-animation-duration-long) var(--lds-animation-timing-func-standard);
}

.is-expanded > .menu-button > .side-nav-expand-icon {
  transform: rotate(180deg);
}

.is-expanded .side-nav-expand-icon .lds-icon {
  background-color: var(--lds-color-primary);
}

/* BEGIN: CSS grid can transition auto-height
   https://css-tricks.com/css-grid-can-do-auto-height-transitions/ */

.side-nav-menu-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: grid-template-rows var(--lds-animation-duration-long) var(--lds-animation-timing-func-standard);
  background-color: var(--lds-color-red-005);
}

.side-nav-menu-wrapper > .side-nav-menu {
  min-height: 0;
  transition: visibility 1s;
  visibility: hidden;
}

.is-expanded > .side-nav-menu-wrapper {
  grid-template-rows: 1fr;
}

.is-expanded > .side-nav-menu-wrapper > .side-nav-menu {
  visibility: visible;
}

/* END */

/* stylelint-disable */

@media screen and (max-width: 991.98px) {
  .side-nav-menu-wrapper:not(.side-nav-menu-wrapper .side-nav-menu-wrapper) {
    display: block;
    position: fixed;
    top: 104px;
    inset-inline-start: 0;
    z-index: 40;
    width: 100vw;
    height: calc(100vh - 104px);
    transition: transform var(--lds-animation-duration-long) var(--lds-animation-timing-func-standard);
    transform: translateX(100vw);
    background-color: var(--lds-color-white);
  }
  .side-nav-menu-wrapper:not(.side-nav-menu-wrapper .side-nav-menu-wrapper) > .side-nav-menu {
    min-height: auto;
    transition: none;
    visibility: visible;
  }
  .is-expanded > .side-nav-menu-wrapper:not(.side-nav-menu-wrapper .side-nav-menu-wrapper) {
    transform: translateX(0);
    overflow-y: auto;
  }
}

/* stylelint-enable */

.side-nav-jump-menu {
  padding: 0.5rem 0;
  background-color: var(--lds-color-red-005);
}

@media screen and (max-width: 991.98px) {
  .side-nav-jump-menu {
    display: none;
  }
}

/* jump menu link */

.side-nav-jump-menu-item > .menu-button {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-inline-start: 3rem;
  padding-inline-end: 2rem;
}

.side-nav-jump-menu-item > .menu-button:hover {
  background-color: var(--lds-color-red-010);
}

/* jump menu link */

.side-nav-jump-menu-item > .menu-button::before,
.side-nav-jump-menu-item > .menu-button::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  inset-inline-start: 2rem;
  width: 2px;
  height: 100%;
  margin: auto 0;
  border-radius: 0;
}

.side-nav-jump-menu-item:first-of-type > .menu-button::before,
.side-nav-jump-menu-item:first-of-type > .menu-button::after {
  border-radius: 1px 1px 0 0;
}

.side-nav-jump-menu-item:last-of-type > .menu-button::before,
.side-nav-jump-menu-item:last-of-type > .menu-button::after {
  border-radius: 0 0 1px 1px;
}

.side-nav-jump-menu-item > .menu-button::before {
  background-color: var(--lds-color-red-020);
  transition: none;
}

.side-nav-jump-menu-item > .menu-button::after {
  height: 0%;
  background-color: transparent;
  transition-property: height, background-color;
  transition-duration: 600ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* jump menu link - level 2 */

.side-nav-menu .side-nav-item .side-nav-jump-menu-item > .menu-button {
  padding-inline-start: 4rem;
}

.side-nav-menu .side-nav-item .side-nav-jump-menu-item > .menu-button::before,
.side-nav-menu .side-nav-item .side-nav-jump-menu-item > .menu-button::after {
  inset-inline-start: 3rem;
}

/* jump menu link - level 3 */

.side-nav-menu .side-nav-item .side-nav-item .side-nav-jump-menu-item > .menu-button {
  padding-inline-start: 5rem;
}

.side-nav-menu .side-nav-item .side-nav-item .side-nav-jump-menu-item > .menu-button::before,
.side-nav-menu .side-nav-item .side-nav-item .side-nav-jump-menu-item > .menu-button::after {
  inset-inline-start: 4rem;
}

/* jump menu link - level 4 */

.side-nav-menu .side-nav-item .side-nav-item .side-nav-item .side-nav-jump-menu-item > .menu-button {
  padding-inline-start: 6rem;
}

.side-nav-menu .side-nav-item .side-nav-item .side-nav-item .side-nav-jump-menu-item > .menu-button::before,
.side-nav-menu .side-nav-item .side-nav-item .side-nav-item .side-nav-jump-menu-item > .menu-button::after {
  inset-inline-start: 5rem;
}

/* jump menu link */

.side-nav-jump-menu-item.active > .menu-button {
  font-weight: var(--lds-typography-font-weight-medium);
  color: var(--lds-color-primary);
  background-color: transparent;
}

.side-nav-jump-menu-item.active > .menu-button:hover {
  background-color: var(--lds-color-red-010);
}

.side-nav-jump-menu-item.active > .menu-button::before {
  width: 2px;
}

.side-nav-jump-menu-item.active > .menu-button::after {
  height: 100%;
  background-color: var(--lds-color-primary);
}

.side-nav-jump-menu-item > .menu-button:focus {
  outline: 3px solid transparent;
  outline-offset: -2px;
  box-shadow: inset 0 0 0 2px rgba(33, 33, 33, 0.6);
}

@media screen and (prefers-reduced-motion: no-preference) {
  .side-nav-jump-menu-item > .menu-button .ripple {
    position: absolute;
    transform: scale(0);
    border-radius: 50%;
    border: var(--lds-border-button-ripple);
    background-color: var(--lds-color-button-ripple-background);
    animation: ripple var(--lds-animation-button-ripple-duration) var(--lds-animation-button-ripple-timing-function);
    pointer-events: none;
  }
}

/* Styling customizations for the utility menu when it is inside the side nav */

.lds-side-nav-top-header {
  display: none;
}

@media (min-width: 768px) and (max-width: 991.9px) {
  .lds-side-nav-wrapper .lds-contact-lilly-dropdown,
  .lds-side-nav-wrapper .lds-language-select-wrapper .lds-dropdown {
    left: 0;
    right: unset;
  }
}

@media (min-width: 992px) {
  .lds-side-nav-top-header {
    display: block;
  }
  .lds-side-nav-top-header .lds-header-utility-menu {
    width: 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .lds-side-nav-top-header .lds-header-utility-menu.no-logo {
    justify-content: flex-end;
  }

  .lds-side-nav-top-header .utility-content {
    flex-wrap: nowrap;
  }

  .lds-side-nav-top-header .utility-content .lds-contact-lilly {
    min-width: max-content;
  }
}

@media (min-width: 1920px) {
  .lds-side-nav-top-header .lds-header-utility-menu {
    width: 1600px;
    margin: 0 auto;
  }
}

/* LDS SideNav (product variant) */

.lds-sidenav-product[data-state="expanded"] .is-hidden-on-sidenav-expand {
  display: none;
}

.lds-sidenav-product[data-state="collapsed"][data-collapsible="icon"] .is-hidden-on-sidenav-collapse-icon {
  display: none;
}

.lds-sidenav-product-avatar {
  display: inline-grid;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  border-radius: var(--lds-border-sidenav-avatar-radius);
  inline-size: var(--lds-spacing-sidenav-avatar-size);
  block-size: var(--lds-spacing-sidenav-avatar-size);
  background-color: var(--lds-color-sidenav-avatar-background);
  color: var(--lds-color-sidenav-avatar-foreground);
}

/* Image */

.lds-sidenav-product-avatar .lds-sidenav-product-avatar-image {
  display: flex;
  grid-area: 1 / 1;
  border-radius: var(--lds-border-sidenav-avatar-radius);
  inline-size: 100%;
  block-size: 100%;
  overflow: hidden;
  justify-self: stretch;
}

.lds-sidenav-product-avatar .lds-sidenav-product-avatar-image img {
  inline-size: 100%;
  object-fit: cover;
  user-select: none;
  -webkit-user-drag: none;
}

/* Initials */

.lds-sidenav-product-avatar .lds-sidenav-product-avatar-initials {
  inline-size: fit-content;
  block-size: 100%;
  grid-area: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  font-size: var(--lds-typography-sidenav-avatar-font-size);
  font-weight: var(--lds-typography-sidenav-avatar-font-weight);
}

/* Icon */

.lds-sidenav-product-avatar .lds-sidenav-product-avatar-icon {
  grid-area: 1 / 1;
  --lds-spacing-icon-inline-margin-top: 0;
  --lds-spacing-icon-inline-height: var(--lds-spacing-sidenav-avatar-icon-size);
  --lds-spacing-icon-inline-width: var(--lds-spacing-sidenav-avatar-icon-size);
}

/* Content */

.lds-sidenav-product-avatar .lds-sidenav-product-avatar-content {
  grid-area: 1 / 1;
}

.lds-sidenav-product-divider {
  background-color: var(--lds-color-sidenav-divider-background);
  block-size: var(--lds-spacing-sidenav-divider-height);
  inline-size: 100%;
}

.lds-sidenav-product-header {
  display: flex;
  flex-direction: column;
  gap: var(--lds-spacing-sidenav-header-gap);
  padding-inline: var(--lds-spacing-sidenav-header-padding-inline);
  padding-block: var(--lds-spacing-sidenav-header-padding-block);
  background-color: var(--lds-color-sidenav-header-background);
  color: var(--lds-color-sidenav-header-foreground);
}

.lds-sidenav-product-footer {
  display: flex;
  flex-direction: column;
  gap: var(--lds-spacing-sidenav-footer-gap);
  padding-inline: var(--lds-spacing-sidenav-footer-padding-inline);
  padding-block: var(--lds-spacing-sidenav-footer-padding-block);
  background-color: var(--lds-color-sidenav-footer-background);
  color: var(--lds-color-sidenav-footer-foreground);
}

.lds-sidenav-product-content {
  display: flex;
  overflow: auto;
  flex-direction: column;
  flex: 1 1 0%;
  gap: var(--lds-spacing-sidenav-content-gap);
  min-block-size: 0;
  padding-inline: var(--lds-spacing-sidenav-content-padding-inline);
  padding-block: var(--lds-spacing-sidenav-content-padding-block);
  background: var(--lds-color-sidenav-content-background);
  color: var(--lds-color-sidenav-content-foreground);
}

.lds-sidenav-product[data-state="collapsed"][data-collapsible="icon"] .lds-sidenav-product-content {
  overflow-x: hidden;
}

.lds-sidenav-product-content[data-y-overflow="true"] {
  position: relative;
}

.lds-sidenav-product-content[data-y-overflow="true"]::before,
.lds-sidenav-product-content[data-y-overflow="true"]::after {
  content: '';
  position: sticky;
  inset-inline-start: 0;
  inline-size: 100%;
  min-block-size: 16px;
  filter: blur(1px);
  pointer-events: none;
  transition-duration: var(--lds-animation-duration-short);
  transition-timing-function: var(--lds-animation-timing-func-standard);
  transition-property: opacity;
  z-index: 1;
}

.lds-sidenav-product-content[data-y-overflow="true"]::before {
  inset-block-start: -1px;
  margin-block-start: -24px;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 0%, #E2E2E2 100%);
}

.lds-sidenav-product-content[data-y-overflow="true"]::after {
  inset-block-end: 0;
  margin-block-start: -24px;
  background: linear-gradient(-180deg, rgba(255, 255, 255, 0.00) 0%, #E2E2E2 100%);
}

.lds-sidenav-product-content[data-y-overflow-start="true"]::before {
  opacity: 0;
}

.lds-sidenav-product-content[data-y-overflow-end="true"]::after {
  opacity: 0;
}

.lds-sidenav-product-group {
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
  inline-size: 100%;
  gap: var(--lds-spacing-sidenav-group-gap);
  padding-inline: var(--lds-spacing-sidenav-group-padding-inline);
  padding-block: var(--lds-spacing-sidenav-group-padding-block);
  border-radius: var(--lds-border-sidenav-group-radius);
  background: var(--lds-color-sidenav-group-background);
  color: var(--lds-color-sidenav-group-foreground);
}

.lds-sidenav-product-heading {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  color: var(--lds-color-sidenav-heading-foreground);
  gap: var(--lds-spacing-sidenav-heading-leading-gap);
  padding-inline: var(--lds-spacing-sidenav-heading-padding-inline);
  padding-block: var(--lds-spacing-sidenav-heading-padding-block);
  margin-block: var(--lds-spacing-sidenav-heading-margin-block);
}

/* Icon */

.lds-sidenav-product-heading .lds-icon {
  --lds-spacing-icon-inline-margin-top: 0;
}

/* Content */

.lds-sidenav-product-heading .lds-sidenav-product-heading-content {
  color: inherit;
  font-weight: var(--lds-typography-sidenav-heading-font-weight);
  font-size: var(--lds-typography-sidenav-heading-font-size);
  line-height: var(--lds-typography-sidenav-heading-line-height);
  margin: 0;
}

/* Leading visual */

.lds-sidenav-product-heading .lds-sidenav-product-leading-visual {
  display: flex;
  align-items: center;
  justify-content: center;
}

.lds-sidenav-product-heading .lds-sidenav-product-leading-visual .lds-icon {
  --lds-spacing-icon-inline-height: var(
    --lds-spacing-sidenav-heading-leading-icon-size
  );
  --lds-spacing-icon-inline-width: var(
    --lds-spacing-sidenav-heading-leading-icon-size
  );

  color: var(--lds-color-sidenav-heading-leading-icon-foreground);
}

.lds-sidenav-product[data-state="collapsed"][data-collapsible="icon"] .lds-sidenav-product-heading {
  margin-block: var(--lds-spacing-sidenav-heading-margin-block-collapsed);
}

.lds-sidenav-product-toggle-button {
  aspect-ratio: 1;
  flex-shrink: 0;
  inline-size: fit-content;
}

.lds-sidenav-product-toggle-button.icon-only.compact.lds-button {
  --lds-border-button-width: var(--lds-border-sidenav-toggle-button-width);

  --lds-border-button-outline-offset-focus: var(--lds-border-sidenav-toggle-button-offset-focus);
  --lds-border-button-outline-style-focus: var(--lds-border-sidenav-toggle-button-style-focus);
  --lds-border-button-outline-width-focus: var(--lds-border-sidenav-toggle-button-outline-width-focus);

  --lds-border-button-ripple: var(--lds-border-sidenav-toggle-button-ripple);
  --lds-border-button-ripple-darker: var(--lds-border-sidenav-toggle-button-ripple-darker);

  --lds-color-button-background: var(--lds-color-sidenav-toggle-button-background);
  --lds-color-button-background-hover: var(--lds-color-sidenav-toggle-button-background-hover);
  --lds-color-button-background-focus: var(--lds-color-sidenav-toggle-button-background-focus);
  --lds-color-button-background-active: var(--lds-color-sidenav-toggle-button-background-active);
  --lds-color-button-border: var(--lds-color-sidenav-toggle-button-border);
  --lds-color-button-border-hover: var(--lds-color-sidenav-toggle-button-border-hover);
  --lds-color-button-border-focus: var(--lds-color-sidenav-toggle-button-border-focus);
  --lds-color-button-border-active: var(--lds-color-sidenav-toggle-button-border-active);
  --lds-color-button-foreground: var(--lds-color-sidenav-toggle-button-foreground);
  --lds-color-button-foreground-hover: var(--lds-color-sidenav-toggle-button-foreground-hover);
  --lds-color-button-foreground-focus: var(--lds-color-sidenav-toggle-button-foreground-focus);
  --lds-color-button-foreground-active: var(--lds-color-sidenav-toggle-button-foreground-active);

  --lds-color-button-outline-focus: var(--lds-color-sidenav-toggle-button-outline-focus);

  --lds-color-button-ripple-background: var(--lds-color-sidenav-toggle-button-ripple-background);
  --lds-color-button-ripple-background-darker: var(--lds-color-sidenav-toggle-button-ripple-background-darker);

  --lds-typography-button-line-height: var(--lds-typography-sidenav-toggle-button-line-height);

  --lds-spacing-button-subcomponent-icon-width: var(--lds-spacing-sidenav-toggle-button-subcomponent-icon-width);
  --lds-spacing-button-subcomponent-icon-height: var(--lds-spacing-sidenav-toggle-button-subcomponent-icon-height);
  --lds-spacing-button-padding-top: var(--lds-spacing-sidenav-toggle-button-padding-top);
  --lds-spacing-button-padding-bottom: var(--lds-spacing-sidenav-toggle-button-padding-bottom);
  --lds-spacing-button-padding-left: var(--lds-spacing-sidenav-toggle-button-padding-left);
  --lds-spacing-button-padding-right: var(--lds-spacing-sidenav-toggle-button-padding-right);

  --lds-radius-button-medium: var(--lds-radius-sidenav-toggle-button-medium);
}

.lds-sidenav-product[data-state="collapsed"][data-collapsible="icon"] .lds-sidenav-product-toggle-button {
  inline-size: 100%;
}

.lds-sidenav-product-action {
  box-shadow: var(--lds-shadow-sidenav-action) var(--lds-color-sidenav-action-shadow);
  padding-inline: var(--lds-spacing-sidenav-action-padding-inline);
  padding-block: var(--lds-spacing-sidenav-action-padding-block);
  border-width: var(--lds-border-sidenav-action-width);
  border-color: var(--lds-color-sidenav-action-border);
  border-radius: var(--lds-radius-sidenav-action);
  gap: var(--lds-spacing-sidenav-action-trailing-gap);
  font-size: var(--lds-typography-sidenav-action-font-size);
  font-style: var(--lds-typography-sidenav-action-font-style);
  font-weight: var(--lds-typography-sidenav-action-font-weight);
  line-height: var(--lds-typography-sidenav-action-line-height);
  background-color: var(--lds-color-sidenav-action-background);
  color: var(--lds-color-sidenav-action-foreground);
  text-decoration: var(--lds-typography-sidenav-action-text-decoration);
  text-transform: var(--lds-typography-sidenav-action-text-transform);
  transition: var(--lds-animation-sidenav-action-transition);

  display: flex;
  align-items: center;
  justify-content: space-between;
  inline-size: 100%;
  overflow: hidden;
}

button.lds-sidenav-product-action {
  border: none;
  appearance: none
}

.lds-sidenav-product-action .lds-icon {
  --lds-spacing-icon-inline-margin-top: 0;
  flex-shrink: 0;
}

/* Container for leading visual and content */

.lds-sidenav-product-action .lds-sidenav-product-action-container {
  gap: var(--lds-spacing-sidenav-action-leading-gap);
  display: flex;
  align-items: center;
  flex-shrink: 1;
  inline-size: 100%;
  overflow: hidden;
}

/* Content container */

.lds-sidenav-product-action .lds-sidenav-product-action-content {
  display: flex;
  justify-content: start;
  flex-shrink: 1;
  text-align: start;
}

/* Leading visual */

.lds-sidenav-product-action .lds-sidenav-product-leading-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.lds-sidenav-product-action .lds-sidenav-product-leading-visual .lds-icon {
  --lds-spacing-icon-inline-height: var(--lds-spacing-sidenav-action-leading-icon-size);
  --lds-spacing-icon-inline-width: var(--lds-spacing-sidenav-action-leading-icon-size);
  color: var(--lds-color-sidenav-action-leading-icon-foreground);
}

.lds-sidenav-product-action .lds-sidenav-product-leading-visual .lds-sidenav-product-avatar {
  --lds-spacing-sidenav-avatar-size: var(--lds-spacing-sidenav-action-leading-avatar-size);
}

/* Trailing visual */

.lds-sidenav-product-action .lds-sidenav-product-trailing-visual {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}

.lds-sidenav-product-action .lds-sidenav-product-trailing-visual .lds-icon {
  --lds-spacing-icon-inline-height: var(--lds-spacing-sidenav-action-trailing-icon-size);
  --lds-spacing-icon-inline-width: var(--lds-spacing-sidenav-action-trailing-icon-size);
  color: var(--lds-color-sidenav-action-trailing-icon-foreground);
}

/* Option: Truncation of text */

.lds-sidenav-product-action[data-truncate="true"] .lds-sidenav-product-action-content {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Interaction states */

/* Hover */

.lds-sidenav-product-action:hover {
  box-shadow: var(--lds-shadow-sidenav-action-hover) var(--lds-color-sidenav-action-shadow-hover);
  border-color: var(--lds-color-sidenav-action-border-hover);
  color: var(--lds-color-sidenav-action-foreground-hover);
  background-color: var(--lds-color-sidenav-action-background-hover);
  font-weight: var(--lds-typography-sidenav-action-font-weight-hover);
  text-decoration: var(--lds-typography-sidenav-action-text-decoration-hover);
}

.lds-sidenav-product-action:hover .lds-sidenav-product-leading-visual .lds-icon {
  color: var(--lds-color-sidenav-action-leading-icon-foreground-hover);
}

.lds-sidenav-product-action:hover .lds-sidenav-product-trailing-visual .lds-icon {
  color: var(--lds-color-sidenav-action-trailing-icon-foreground-hover);
}

/* Focus */

.lds-sidenav-product-action:focus {
  box-shadow: var(--lds-shadow-sidenav-action-focus) var(--lds-color-sidenav-action-shadow-focus);
  border-color: var(--lds-color-sidenav-action-border-focus);
  color: var(--lds-color-sidenav-action-foreground-focus);
  background-color: var(--lds-color-sidenav-action-background-focus);
  font-weight: var(--lds-typography-sidenav-action-font-weight-focus);
  text-decoration: var(--lds-typography-sidenav-action-text-decoration-focus);
  outline-color: var(--lds-color-sidenav-action-outline-focus);
  outline-offset: var(--lds-border-sidenav-action-outline-offset-focus);
  outline-style: var(--lds-border-sidenav-action-outline-style-focus);
  outline-width: var(--lds-border-sidenav-action-outline-width-focus);
}

.lds-sidenav-product-action:focus .lds-sidenav-product-leading-visual .lds-icon {
  color: var(--lds-color-sidenav-action-leading-icon-foreground-focus);
}

.lds-sidenav-product-action:focus .lds-sidenav-product-trailing-visual .lds-icon {
  color: var(--lds-color-sidenav-action-trailing-icon-foreground-focus);
}

/* Active */

.lds-sidenav-product-action:active {
  box-shadow: var(--lds-shadow-sidenav-action-active) var(--lds-color-sidenav-action-shadow-active);
  border-color: var(--lds-color-sidenav-action-border-active);
  color: var(--lds-color-sidenav-action-foreground-active);
  background-color: var(--lds-color-sidenav-action-background-active);
  font-weight: var(--lds-typography-sidenav-action-font-weight-active);
  text-decoration: var(--lds-typography-sidenav-action-text-decoration-active);
}

.lds-sidenav-product-action:active .lds-sidenav-product-leading-visual .lds-icon {
  color: var(--lds-color-sidenav-action-leading-icon-foreground-active);
}

.lds-sidenav-product-action:active .lds-sidenav-product-trailing-visual .lds-icon {
  color: var(--lds-color-sidenav-action-trailing-icon-foreground-active);
}

/* Disabled */

.lds-sidenav-product-action:disabled {
  box-shadow: var(--lds-shadow-sidenav-action-disabled) var(--lds-color-sidenav-action-shadow-disabled);
  border-color: var(--lds-color-sidenav-action-border-disabled);
  border-width: var(--lds-border-sidenav-action-width-disabled);
  background-color: var(--lds-color-sidenav-action-background-disabled);
  color: var(--lds-color-sidenav-action-foreground-disabled);
  font-weight: var(--lds-typography-sidenav-action-font-weight-disabled);
  text-decoration: var(--lds-typography-sidenav-action-text-decoration-disabled);
}

.lds-sidenav-product-action:disabled .lds-sidenav-product-leading-visual .lds-icon {
  color: var(--lds-color-sidenav-action-leading-icon-foreground-disabled);
}

.lds-sidenav-product-action:disabled .lds-sidenav-product-trailing-visual .lds-icon {
  color: var(--lds-color-sidenav-action-trailing-icon-foreground-disabled);
}

/* Vistied */

.lds-sidenav-product-action:visited {
  box-shadow: var(--lds-shadow-sidenav-action-visited) var(--lds-color-sidenav-action-shadow-visited);
  border-color: var(--lds-color-sidenav-action-border-visited);
  background-color: var(--lds-color-sidenav-action-background-visited);
  color: var(--lds-color-sidenav-action-foreground-visited);
}

.lds-sidenav-product-action:visited .lds-sidenav-product-leading-visual .lds-icon {
  color: var(--lds-color-sidenav-action-leading-icon-foreground-visited);
}

.lds-sidenav-product-action:visited .lds-sidenav-product-trailing-visual .lds-icon {
  color: var(--lds-color-sidenav-action-trailing-icon-foreground-visited);
}

/* Active (current) state */

.lds-sidenav-product-action[data-active="true"] {
  background-color: var(--lds-color-sidenav-action-background-current);
  border-width: var(--lds-border-sidenav-action-width-current);
  border-color: var(--lds-color-sidenav-action-border-current);
  box-shadow: var(--lds-shadow-sidenav-action-current) var(--lds-color-sidenav-action-shadow-current);
  color: var(--lds-color-sidenav-action-foreground-current);
  font-weight: var(--lds-typography-sidenav-action-font-weight-current);
  text-decoration: var(--lds-typography-sidenav-action-text-decoration-current);
}

.lds-sidenav-product-action[data-active="true"] .lds-sidenav-product-leading-visual .lds-icon {
  color: var(--lds-color-sidenav-action-leading-icon-foreground-current);
}

.lds-sidenav-product-action[data-active="true"] .lds-sidenav-product-trailing-visual .lds-icon {
  color: var(--lds-color-sidenav-action-trailing-icon-foreground-current);
}

/* Hover */

.lds-sidenav-product-action[data-active="true"]:hover {
  background-color: var(--lds-color-sidenav-action-background-current-hover);
  border-color: var(--lds-color-sidenav-action-border-current-hover);
  box-shadow: var(--lds-shadow-sidenav-action-current-hover) var(--lds-color-sidenav-action-shadow-current-hover);
  color: var(--lds-color-sidenav-action-foreground-current-hover);
  font-weight: var(--lds-typography-sidenav-action-font-weight-current-hover);
  text-decoration: var(--lds-typography-sidenav-action-text-decoration-current-hover);
}

.lds-sidenav-product-action[data-active="true"]:hover .lds-sidenav-product-leading-visual .lds-icon {
  color: var(--lds-color-sidenav-action-leading-icon-foreground-current-hover);
}

.lds-sidenav-product-action[data-active="true"]:hover .lds-sidenav-product-trailing-visual .lds-icon {
  color: var(--lds-color-sidenav-action-trailing-icon-foreground-current-hover);
}

/* Focus */

.lds-sidenav-product-action[data-active="true"]:focus {
  background-color: var(--lds-color-sidenav-action-background-current-focus);
  border-color: var(--lds-color-sidenav-action-border-current-focus);
  box-shadow: var(--lds-shadow-sidenav-action-current-focus) var(--lds-color-sidenav-action-shadow-current-focus);
  color: var(--lds-color-sidenav-action-foreground-current-focus);
  font-weight: var(--lds-typography-sidenav-action-font-weight-current-focus);
  text-decoration: var(--lds-typography-sidenav-action-text-decoration-current-focus);
}

.lds-sidenav-product-action[data-active="true"]:focus .lds-sidenav-product-leading-visual .lds-icon {
  color: var(--lds-color-sidenav-action-leading-icon-foreground-current-focus);
}

.lds-sidenav-product-action[data-active="true"]:focus .lds-sidenav-product-trailing-visual .lds-icon {
  color: var(--lds-color-sidenav-action-trailing-icon-foreground-current-focus);
}

/* Active */

.lds-sidenav-product-action[data-active="true"]:active {
  background-color: var(--lds-color-sidenav-action-background-current-active);
  border-color: var(--lds-color-sidenav-action-border-current-active);
  box-shadow: var(--lds-shadow-sidenav-action-current-active) var(--lds-color-sidenav-action-shadow-current-active);
  color: var(--lds-color-sidenav-action-foreground-current-active);
  font-weight: var(--lds-typography-sidenav-action-font-weight-current-active);
  text-decoration: var(--lds-typography-sidenav-action-text-decoration-current-active);
}

.lds-sidenav-product-action[data-active="true"]:active .lds-sidenav-product-leading-visual .lds-icon {
  color: var(--lds-color-sidenav-action-leading-icon-foreground-current-active);
}

.lds-sidenav-product-action[data-active="true"]:active .lds-sidenav-product-trailing-visual .lds-icon {
  color: var(--lds-color-sidenav-action-trailing-icon-foreground-current-active);
}

/* Disabled */

.lds-sidenav-product-action[data-active="true"]:disabled {
  background-color: var(--lds-color-sidenav-action-background-current-disabled);
  border-color: var(--lds-color-sidenav-action-border-current-disabled);
  border-width: var(--lds-border-sidenav-action-width-current-disabled);
  box-shadow: var(--lds-shadow-sidenav-action-current-disabled) var(--lds-color-sidenav-action-shadow-current-disabled);
  color: var(--lds-color-sidenav-action-foreground-current-disabled);
  font-weight: var(--lds-typography-sidenav-action-font-weight-current-disabled);
  text-decoration: var(--lds-typography-sidenav-action-text-decoration-current-disabled);
}

.lds-sidenav-product-action[data-active="true"]:disabled .lds-sidenav-product-leading-visual .lds-icon {
  color: var(--lds-color-sidenav-action-leading-icon-foreground-current-disabled);
}

.lds-sidenav-product-action[data-active="true"]:disabled .lds-sidenav-product-trailing-visual .lds-icon {
  color: var(--lds-color-sidenav-action-trailing-icon-foreground-current-disabled);
}

.lds-sidenav-product-action-trailing-action {
  position: relative;
  display: flex;
  inset-inline-end: var(--lds-spacing-sidenav-action-trailing-action-padding-right);
  gap: var(--lds-spacing-sidenav-action-trailing-action-gap);
}

/* Trailing action button */

.lds-sidenav-product-action-trailing-action .lds-button {
  --lds-border-button-width: var(--lds-border-sidenav-action-trailing-action-button-width);

  --lds-border-button-outline-offset-focus: var(--lds-border-sidenav-action-trailing-action-button-offset-focus);
  --lds-border-button-outline-style-focus: var(--lds-border-sidenav-action-trailing-action-button-style-focus);
  --lds-border-button-outline-width-focus: var(--lds-border-sidenav-action-trailing-action-button-outline-width-focus);

  --lds-border-button-ripple: var(--lds-border-sidenav-action-trailing-action-button-ripple);
  --lds-border-button-ripple-darker: var(--lds-border-sidenav-action-trailing-action-button-ripple-darker);

  --lds-color-button-background: var(--lds-color-sidenav-action-trailing-action-button-background);
  --lds-color-button-background-hover: var(--lds-color-sidenav-action-trailing-action-button-background-hover);
  --lds-color-button-background-focus: var(--lds-color-sidenav-action-trailing-action-button-background-focus);
  --lds-color-button-background-active: var(--lds-color-sidenav-action-trailing-action-button-background-active);
  --lds-color-button-border: var(--lds-color-sidenav-action-trailing-action-button-border);
  --lds-color-button-border-hover: var(--lds-color-sidenav-action-trailing-action-button-border-hover);
  --lds-color-button-border-focus: var(--lds-color-sidenav-action-trailing-action-button-border-focus);
  --lds-color-button-border-active: var(--lds-color-sidenav-action-trailing-action-button-border-active);
  --lds-color-button-foreground: var(--lds-color-sidenav-action-trailing-action-button-foreground);
  --lds-color-button-foreground-hover: var(--lds-color-sidenav-action-trailing-action-button-foreground-hover);
  --lds-color-button-foreground-focus: var(--lds-color-sidenav-action-trailing-action-button-foreground-focus);
  --lds-color-button-foreground-active: var(--lds-color-sidenav-action-trailing-action-button-foreground-active);

  --lds-color-button-outline-focus: var(--lds-color-sidenav-action-trailing-action-button-outline-focus);

  --lds-color-button-ripple-background: var(--lds-color-sidenav-action-trailing-action-button-ripple-background);
  --lds-color-button-ripple-background-darker: var(--lds-color-sidenav-action-trailing-action-button-ripple-background-darker);

  --lds-typography-button-line-height: var(--lds-typography-sidenav-action-trailing-action-button-line-height);

  --lds-spacing-button-subcomponent-icon-width: var(--lds-spacing-sidenav-action-trailing-action-button-subcomponent-icon-width);
  --lds-spacing-button-subcomponent-icon-height: var(--lds-spacing-sidenav-action-trailing-action-button-subcomponent-icon-height);
  --lds-spacing-button-padding-top: var(--lds-spacing-sidenav-action-trailing-action-button-padding-top);
  --lds-spacing-button-padding-bottom: var(--lds-spacing-sidenav-action-trailing-action-button-padding-bottom);
  --lds-spacing-button-padding-left: var(--lds-spacing-sidenav-action-trailing-action-button-padding-left);
  --lds-spacing-button-padding-right: var(--lds-spacing-sidenav-action-trailing-action-button-padding-right);

  --lds-radius-button-medium: var(--lds-radius-sidenav-action-trailing-action-button-medium);
}

/* Sidenav is expanded */

/* Trailing action */

.lds-sidenav-product[data-state="expanded"] .lds-sidenav-product-action-wrapper-outside:has(.lds-sidenav-product-action-trailing-action) {
  display: grid;
}

.lds-sidenav-product[data-state="expanded"] .lds-sidenav-product-action-wrapper-outside:has(.lds-sidenav-product-action-trailing-action) > .lds-sidenav-product-action {
  grid-area: 1 / 1;
}

.lds-sidenav-product[data-state="expanded"] .lds-sidenav-product-action-wrapper-outside:has(.lds-sidenav-product-action-trailing-action) > .lds-sidenav-product-action-trailing-action {
  place-self: center end;
  grid-area: 1 / 1;
}

/* Show trailing actions on hover/focus interaction */

.lds-sidenav-product[data-state="expanded"] .lds-sidenav-product-action-trailing-action[data-show-hover="true"] {
  opacity: 0;
  visibility: hidden;
  transition: var(--lds-animation-sidenav-action-trailing-action-transition);
}

.lds-sidenav-product[data-state="expanded"] .lds-sidenav-product-action-wrapper-outside:hover > .lds-sidenav-product-action-trailing-action[data-show-hover="true"],
.lds-sidenav-product[data-state="expanded"] .lds-sidenav-product-action-wrapper-outside:focus-within > .lds-sidenav-product-action-trailing-action[data-show-hover="true"] {
  opacity: 1;
  visibility: visible;
}

/* Default */

/* If one trailing action is found */

.lds-sidenav-product[data-state="expanded"] .lds-sidenav-product-action:has(~ .lds-sidenav-product-action-trailing-action[data-show-hover="false"] > .lds-button:last-child:nth-child(1)) {
  padding-inline-end: calc(var(--lds-spacing-sidenav-action-trailing-action-button-width) + var(--lds-spacing-sidenav-action-trailing-action-offset) + var(--lds-spacing-sidenav-action-trailing-action-padding-right) + var(--lds-spacing-sidenav-action-trailing-action-gap));
}

/* If two trailing action is found */

.lds-sidenav-product[data-state="expanded"] .lds-sidenav-product-action:has(~ .lds-sidenav-product-action-trailing-action[data-show-hover="false"] > .lds-button:last-child:nth-child(2)) {
  padding-inline-end: calc((var(--lds-spacing-sidenav-action-trailing-action-button-width) * 2) + (var(--lds-spacing-sidenav-action-trailing-action-gap) * 2) + var(--lds-spacing-sidenav-action-trailing-action-offset) + var(--lds-spacing-sidenav-action-trailing-action-padding-right));
}

/* Show trailing actions on hover/focus interaction */

/* If one trailing action is found */

.lds-sidenav-product[data-state="expanded"] .lds-sidenav-product-action-wrapper-outside:hover:has(> .lds-sidenav-product-action-trailing-action[data-show-hover="true"] > .lds-button:last-child:nth-child(1)) > .lds-sidenav-product-action,
.lds-sidenav-product[data-state="expanded"] .lds-sidenav-product-action-wrapper-outside:focus-within:has(> .lds-sidenav-product-action-trailing-action[data-show-hover="true"] > .lds-button:last-child:nth-child(1)) > .lds-sidenav-product-action {
  padding-inline-end: calc(var(--lds-spacing-sidenav-action-trailing-action-button-width) + var(--lds-spacing-sidenav-action-trailing-action-offset) + var(--lds-spacing-sidenav-action-trailing-action-gap) + var(--lds-spacing-sidenav-action-trailing-action-padding-right));
}

/* If two trailing action is found */

.lds-sidenav-product[data-state="expanded"] .lds-sidenav-product-action-wrapper-outside:hover:has(> .lds-sidenav-product-action-trailing-action[data-show-hover="true"] > .lds-button:last-child:nth-child(2)) > .lds-sidenav-product-action,
.lds-sidenav-product[data-state="expanded"] .lds-sidenav-product-action-wrapper-outside:focus-within:has(> .lds-sidenav-product-action-trailing-action[data-show-hover="true"] > .lds-button:last-child:nth-child(2)) > .lds-sidenav-product-action {
  padding-inline-end: calc((var(--lds-spacing-sidenav-action-trailing-action-button-width) * 2) + (var(--lds-spacing-sidenav-action-trailing-action-gap) * 2) + var(--lds-spacing-sidenav-action-trailing-action-offset) + var(--lds-spacing-sidenav-action-trailing-action-padding-right));
}

.lds-sidenav-product-action-list .lds-sidenav-product-action-trailing-action {
  --lds-spacing-sidenav-action-trailing-action-padding-right: var(--lds-spacing-sidenav-action-list-item-trailing-action-padding-right);
  --lds-spacing-sidenav-action-trailing-action-gap: var(--lds-spacing-sidenav-action-list-item-trailing-action-gap);
}

/* Trailing action button */

.lds-sidenav-product-action-list .lds-sidenav-product-action-trailing-action .lds-button {
  --lds-border-button-width: var(--lds-border-sidenav-action-list-item-trailing-action-button-width);

  --lds-border-button-outline-offset-focus: var(--lds-border-sidenav-action-list-item-trailing-action-button-offset-focus);
  --lds-border-button-outline-style-focus: var(--lds-border-sidenav-action-list-item-trailing-action-button-style-focus);
  --lds-border-button-outline-width-focus: var(--lds-border-sidenav-action-list-item-trailing-action-button-outline-width-focus);

  --lds-border-button-ripple: var(--lds-border-sidenav-action-list-item-trailing-action-button-ripple);
  --lds-border-button-ripple-darker: var(--lds-border-sidenav-action-list-item-trailing-action-button-ripple-darker);

  --lds-color-button-background: var(--lds-color-sidenav-action-list-item-trailing-action-button-background);
  --lds-color-button-background-hover: var(--lds-color-sidenav-action-list-item-trailing-action-button-background-hover);
  --lds-color-button-background-focus: var(--lds-color-sidenav-action-list-item-trailing-action-button-background-focus);
  --lds-color-button-background-active: var(--lds-color-sidenav-action-list-item-trailing-action-button-background-active);
  --lds-color-button-border: var(--lds-color-sidenav-action-list-item-trailing-action-button-border);
  --lds-color-button-border-hover: var(--lds-color-sidenav-action-list-item-trailing-action-button-border-hover);
  --lds-color-button-border-focus: var(--lds-color-sidenav-action-list-item-trailing-action-button-border-focus);
  --lds-color-button-border-active: var(--lds-color-sidenav-action-list-item-trailing-action-button-border-active);
  --lds-color-button-foreground: var(--lds-color-sidenav-action-list-item-trailing-action-button-foreground);
  --lds-color-button-foreground-hover: var(--lds-color-sidenav-action-list-item-trailing-action-button-foreground-hover);
  --lds-color-button-foreground-focus: var(--lds-color-sidenav-action-list-item-trailing-action-button-foreground-focus);
  --lds-color-button-foreground-active: var(--lds-color-sidenav-action-list-item-trailing-action-button-foreground-active);

  --lds-color-button-outline-focus: var(--lds-color-sidenav-action-list-item-trailing-action-button-outline-focus);

  --lds-color-button-ripple-background: var(--lds-color-sidenav-action-list-item-trailing-action-button-ripple-background);
  --lds-color-button-ripple-background-darker: var(--lds-color-sidenav-action-list-item-trailing-action-button-ripple-background-darker);

  --lds-typography-button-line-height: var(--lds-typography-sidenav-action-list-item-trailing-action-button-line-height);

  --lds-spacing-button-subcomponent-icon-width: var(--lds-spacing-sidenav-action-list-item-trailing-action-button-subcomponent-icon-width);
  --lds-spacing-button-subcomponent-icon-height: var(--lds-spacing-sidenav-action-list-item-trailing-action-button-subcomponent-icon-height);
  --lds-spacing-button-padding-top: var(--lds-spacing-sidenav-action-list-item-trailing-action-button-padding-top);
  --lds-spacing-button-padding-bottom: var(--lds-spacing-sidenav-action-list-item-trailing-action-button-padding-bottom);
  --lds-spacing-button-padding-left: var(--lds-spacing-sidenav-action-list-item-trailing-action-button-padding-left);
  --lds-spacing-button-padding-right: var(--lds-spacing-sidenav-action-list-item-trailing-action-button-padding-right);

  --lds-radius-button-medium: var(--lds-radius-sidenav-action-list-item-trailing-action-button-medium);
}

/* Sidenav is expanded */

.lds-sidenav-product[data-state="expanded"] .lds-sidenav-product-action-list .lds-sidenav-product-action-trailing-action[data-show-hover="true"] {
  --lds-animation-sidenav-action-trailing-action-transition: var(--lds-animation-sidenav-action-list-item-trailing-action-transition);
}

/* Default */

/* If one trailing action is found */

.lds-sidenav-product[data-state="expanded"] .lds-sidenav-product-action-list .lds-sidenav-product-action:has(~ .lds-sidenav-product-action-trailing-action[data-show-hover="false"] > .lds-button:last-child:nth-child(1)) {
  padding-inline-end: calc(var(--lds-spacing-sidenav-action-trailing-action-button-width) + var(--lds-spacing-sidenav-action-trailing-action-offset) + var(--lds-spacing-sidenav-action-trailing-action-padding-right) + var(--lds-spacing-sidenav-action-trailing-action-gap));
}

/* If two trailing action is found */

.lds-sidenav-product[data-state="expanded"] .lds-sidenav-product-action-list .lds-sidenav-product-action:has(~ .lds-sidenav-product-action-trailing-action[data-show-hover="false"] > .lds-button:last-child:nth-child(2)) {
  padding-inline-end: calc((var(--lds-spacing-sidenav-action-list-item-trailing-action-button-width) * 2) + (var(--lds-spacing-sidenav-action-list-item-trailing-action-gap) * 2) + var(--lds-spacing-sidenav-action-list-item-trailing-action-offset) + var(--lds-spacing-sidenav-action-list-item-trailing-action-padding-right));
}

/* Show trailing actions on hover/focus interaction */

/* If one trailing action is found */

.lds-sidenav-product[data-state="expanded"] .lds-sidenav-product-action-list .lds-sidenav-product-action-wrapper-outside:hover:has(> .lds-sidenav-product-action-trailing-action[data-show-hover="true"] > .lds-button:last-child:nth-child(1)) > .lds-sidenav-product-action,
.lds-sidenav-product[data-state="expanded"] .lds-sidenav-product-action-list .lds-sidenav-product-action-wrapper-outside:focus-within:has(> .lds-sidenav-product-action-trailing-action[data-show-hover="true"] > .lds-button:last-child:nth-child(1)) > .lds-sidenav-product-action {
  padding-inline-end: calc(var(--lds-spacing-sidenav-action-list-item-trailing-action-button-width) + var(--lds-spacing-sidenav-action-list-item-trailing-action-offset) + var(--lds-spacing-sidenav-action-list-item-trailing-action-gap) + var(--lds-spacing-sidenav-action-list-item-trailing-action-padding-right));
}

/* If two trailing action is found */

.lds-sidenav-product[data-state="expanded"] .lds-sidenav-product-action-list .lds-sidenav-product-action-wrapper-outside:hover:has(> .lds-sidenav-product-action-trailing-action[data-show-hover="true"] > .lds-button:last-child:nth-child(2)) > .lds-sidenav-product-action,
.lds-sidenav-product[data-state="expanded"] .lds-sidenav-product-action-list .lds-sidenav-product-action-wrapper-outside:focus-within:has(> .lds-sidenav-product-action-trailing-action[data-show-hover="true"] > .lds-button:last-child:nth-child(2)) > .lds-sidenav-product-action {
  padding-inline-end: calc((var(--lds-spacing-sidenav-action-list-item-trailing-action-button-width) * 2) + (var(--lds-spacing-sidenav-action-list-item-trailing-action-gap) * 2) + var(--lds-spacing-sidenav-action-list-item-trailing-action-offset) + var(--lds-spacing-sidenav-action-list-item-trailing-action-padding-right));
}

.lds-sidenav-product-action-list-sub .lds-sidenav-product-action-trailing-action {
  --lds-spacing-sidenav-action-trailing-action-padding-right: var(--lds-spacing-sidenav-action-list-item-sub-trailing-action-padding-right);
  --lds-spacing-sidenav-action-trailing-action-gap: var(--lds-spacing-sidenav-action-list-item-sub-trailing-action-gap);
}

/* Trailing action button */

.lds-sidenav-product-action-list-sub .lds-sidenav-product-action-trailing-action .lds-button {
  --lds-border-button-width: var(--lds-border-sidenav-action-list-item-sub-trailing-action-button-width);

  --lds-border-button-outline-offset-focus: var(--lds-border-sidenav-action-list-item-sub-trailing-action-button-offset-focus);
  --lds-border-button-outline-style-focus: var(--lds-border-sidenav-action-list-item-sub-trailing-action-button-style-focus);
  --lds-border-button-outline-width-focus: var(--lds-border-sidenav-action-list-item-sub-trailing-action-button-outline-width-focus);

  --lds-border-button-ripple: var(--lds-border-sidenav-action-list-item-sub-trailing-action-button-ripple);
  --lds-border-button-ripple-darker: var(--lds-border-sidenav-action-list-item-sub-trailing-action-button-ripple-darker);

  --lds-color-button-background: var(--lds-color-sidenav-action-list-item-sub-trailing-action-button-background);
  --lds-color-button-background-hover: var(--lds-color-sidenav-action-list-item-sub-trailing-action-button-background-hover);
  --lds-color-button-background-focus: var(--lds-color-sidenav-action-list-item-sub-trailing-action-button-background-focus);
  --lds-color-button-background-active: var(--lds-color-sidenav-action-list-item-sub-trailing-action-button-background-active);
  --lds-color-button-border: var(--lds-color-sidenav-action-list-item-sub-trailing-action-button-border);
  --lds-color-button-border-hover: var(--lds-color-sidenav-action-list-item-sub-trailing-action-button-border-hover);
  --lds-color-button-border-focus: var(--lds-color-sidenav-action-list-item-sub-trailing-action-button-border-focus);
  --lds-color-button-border-active: var(--lds-color-sidenav-action-list-item-sub-trailing-action-button-border-active);
  --lds-color-button-foreground: var(--lds-color-sidenav-action-list-item-sub-trailing-action-button-foreground);
  --lds-color-button-foreground-hover: var(--lds-color-sidenav-action-list-item-sub-trailing-action-button-foreground-hover);
  --lds-color-button-foreground-focus: var(--lds-color-sidenav-action-list-item-sub-trailing-action-button-foreground-focus);
  --lds-color-button-foreground-active: var(--lds-color-sidenav-action-list-item-sub-trailing-action-button-foreground-active);

  --lds-color-button-outline-focus: var(--lds-color-sidenav-action-list-item-sub-trailing-action-button-outline-focus);

  --lds-color-button-ripple-background: var(--lds-color-sidenav-action-list-item-sub-trailing-action-button-ripple-background);
  --lds-color-button-ripple-background-darker: var(--lds-color-sidenav-action-list-item-sub-trailing-action-button-ripple-background-darker);

  --lds-typography-button-line-height: var(--lds-typography-sidenav-action-list-item-sub-trailing-action-button-line-height);

  --lds-spacing-button-subcomponent-icon-width: var(--lds-spacing-sidenav-action-list-item-sub-trailing-action-button-subcomponent-icon-width);
  --lds-spacing-button-subcomponent-icon-height: var(--lds-spacing-sidenav-action-list-item-sub-trailing-action-button-subcomponent-icon-height);
  --lds-spacing-button-padding-top: var(--lds-spacing-sidenav-action-list-item-sub-trailing-action-button-padding-top);
  --lds-spacing-button-padding-bottom: var(--lds-spacing-sidenav-action-list-item-sub-trailing-action-button-padding-bottom);
  --lds-spacing-button-padding-left: var(--lds-spacing-sidenav-action-list-item-sub-trailing-action-button-padding-left);
  --lds-spacing-button-padding-right: var(--lds-spacing-sidenav-action-list-item-sub-trailing-action-button-padding-right);

  --lds-radius-button-medium: var(--lds-radius-sidenav-action-list-item-sub-trailing-action-button-medium);
}

/* SideNav is expanded */

.lds-sidenav-product[data-state="expanded"] .lds-sidenav-product-action-list-sub .lds-sidenav-product-action-trailing-action[data-show-hover="true"] {
  --lds-animation-sidenav-action-trailing-action-transition: var(--lds-animation-sidenav-action-list-item-sub-trailing-action-transition);
}

/* Default */

/* If one trailing action is found */

.lds-sidenav-product[data-state="expanded"] .lds-sidenav-product-action-list-sub .lds-sidenav-product-action:has(~ .lds-sidenav-product-action-trailing-action[data-show-hover="false"] > .lds-button:last-child:nth-child(1)) {
  padding-inline-end: calc(var(--lds-spacing-sidenav-action-list-item-sub-trailing-action-button-width) + var(--lds-spacing-sidenav-action-list-item-sub-trailing-action-offset) + var(--lds-spacing-sidenav-action-list-item-sub-trailing-action-padding-right) + var(--lds-spacing-sidenav-action-list-item-sub-trailing-action-gap));
}

/* If two trailing action is found */

.lds-sidenav-product[data-state="expanded"] .lds-sidenav-product-action-list-sub .lds-sidenav-product-action:has(~ .lds-sidenav-product-action-trailing-action[data-show-hover="false"] > .lds-button:last-child:nth-child(2)) {
  padding-inline-end: calc((var(--lds-spacing-sidenav-action-list-item-sub-trailing-action-button-width) * 2) + (var(--lds-spacing-sidenav-action-list-item-sub-trailing-action-gap) * 2) + var(--lds-spacing-sidenav-action-list-item-sub-trailing-action-offset) + var(--lds-spacing-sidenav-action-list-item-sub-trailing-action-padding-right));
}

/* Show trailing actions on hover/focus interaction */

/* If one trailing action is found */

.lds-sidenav-product[data-state="expanded"] .lds-sidenav-product-action-list-sub .lds-sidenav-product-action-wrapper-outside:hover:has(> .lds-sidenav-product-action-trailing-action[data-show-hover="true"] > .lds-button:last-child:nth-child(1)) > .lds-sidenav-product-action,
.lds-sidenav-product[data-state="expanded"] .lds-sidenav-product-action-list-sub .lds-sidenav-product-action-wrapper-outside:focus-within:has(> .lds-sidenav-product-action-trailing-action[data-show-hover="true"] > .lds-button:last-child:nth-child(1)) > .lds-sidenav-product-action {
  padding-inline-end: calc(var(--lds-spacing-sidenav-action-list-item-sub-trailing-action-button-width) + var(--lds-spacing-sidenav-action-list-item-sub-trailing-action-offset) + var(--lds-spacing-sidenav-action-list-item-sub-trailing-action-gap) + var(--lds-spacing-sidenav-action-list-item-sub-trailing-action-padding-right));
}

/* If two trailing action is found */

.lds-sidenav-product[data-state="expanded"] .lds-sidenav-product-action-list-sub .lds-sidenav-product-action-wrapper-outside:hover:has(> .lds-sidenav-product-action-trailing-action[data-show-hover="true"] > .lds-button:last-child:nth-child(2)) > .lds-sidenav-product-action,
.lds-sidenav-product[data-state="expanded"] .lds-sidenav-product-action-list-sub .lds-sidenav-product-action-wrapper-outside:focus-within:has(> .lds-sidenav-product-action-trailing-action[data-show-hover="true"] > .lds-button:last-child:nth-child(2)) > .lds-sidenav-product-action {
  padding-inline-end: calc((var(--lds-spacing-sidenav-action-list-item-sub-trailing-action-button-width) * 2) + (var(--lds-spacing-sidenav-action-list-item-sub-trailing-action-gap) * 2) + var(--lds-spacing-sidenav-action-list-item-sub-trailing-action-offset) + var(--lds-spacing-sidenav-action-list-item-sub-trailing-action-padding-right));
}

.lds-sidenav-product-action-list,
.lds-sidenav-product-action-list-sub {
  list-style: none;
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
  inline-size: 100%;
  margin: 0;
}

.lds-sidenav-product-action-list {
  gap: var(--lds-spacing-sidenav-action-list-gap);
  padding-block: var(--lds-spacing-sidenav-action-list-padding-block);
  padding-inline: var(--lds-spacing-sidenav-action-list-padding-inline);
}

.lds-sidenav-product-action-list-sub {
  gap: var(--lds-spacing-sidenav-action-list-sub-gap);
  padding-block: var(--lds-spacing-sidenav-action-list-sub-padding-block);
  padding-inline: var(--lds-spacing-sidenav-action-list-sub-padding-inline);
}

.lds-sidenav-product-action-list-item {
  border-radius: var(--lds-radius-sidenav-action-list-item);
  background-color: var(--lds-color-sidenav-action-list-item-background);
  box-shadow: var(--lds-shadow-sidenav-action-list-item);
}

/* Button */

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action,
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action {
  --lds-shadow-sidenav-action: var(--lds-shadow-sidenav-action-list-item-button);
  --lds-color-sidenav-action-shadow: var(--lds-color-sidenav-action-list-item-button-shadow);
  --lds-border-sidenav-action-width: var(--lds-border-sidenav-action-list-item-button-width);
  --lds-spacing-sidenav-action-padding-inline: var(--lds-spacing-sidenav-action-list-item-button-padding-inline);
  --lds-spacing-sidenav-action-padding-block: var(--lds-spacing-sidenav-action-list-item-button-padding-block);
  --lds-radius-sidenav-action: var(--lds-radius-sidenav-action-list-item-button);
  --lds-spacing-sidenav-action-leading-gap: var(--lds-spacing-sidenav-action-list-item-button-trailing-gap);
  --lds-typography-sidenav-action-font-size: var(--lds-typography-sidenav-action-list-item-button-font-size);
  --lds-typography-sidenav-action-font-style: var(--lds-typography-sidenav-action-list-item-button-font-style);
  --lds-typography-sidenav-action-line-height: var(--lds-typography-sidenav-action-list-item-button-line-height);
  --lds-color-sidenav-action-background: var(--lds-color-sidenav-action-list-item-button-background);
  --lds-color-sidenav-action-foreground: var(--lds-color-sidenav-action-list-item-button-foreground);
  --lds-typography-sidenav-action-text-decoration: var(--lds-typography-sidenav-action-list-item-button-text-decoration);
  --lds-typography-sidenav-action-text-transform: var(--lds-typography-sidenav-action-list-item-button-text-transform);
  --lds-typography-sidenav-action-font-weight: var(--lds-typography-sidenav-action-list-item-button-font-weight);
  --lds-animation-sidenav-action-transition: var(--lds-animation-sidenav-action-list-item-button-transition);
}

/* Container */

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action .lds-sidenav-product-button-container,
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action .lds-sidenav-product-button-container {
  --lds-spacing-sidenav-action-leading-gap: var(--lds-spacing-sidenav-action-list-item-button-leading-gap);
}

/* Leading visual */

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action .lds-sidenav-product-leading-visual .lds-icon,
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action .lds-sidenav-product-leading-visual .lds-icon {
  --lds-color-sidenav-action-leading-icon-foreground: var(--lds-color-sidenav-action-list-item-button-leading-icon-foreground);
  --lds-spacing-icon-inline-height: var(--lds-spacing-sidenav-action-list-item-button-leading-icon-size);
  --lds-spacing-icon-inline-width: var(--lds-spacing-sidenav-action-list-item-button-leading-icon-size);
}

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action .lds-sidenav-product-leading-visual .lds-sidenav-product-avatar,
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action .lds-sidenav-product-leading-visual .lds-sidenav-product-avatar {
  --lds-spacing-sidenav-avatar-size: var(--lds-spacing-sidenav-action-list-item-button-leading-avatar-size);
}

/* Trailing visual */

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action .lds-sidenav-product-trailing-visual .lds-icon,
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action .lds-sidenav-product-trailing-visual .lds-icon {
  --lds-color-sidenav-action-trailing-icon-foreground: var(--lds-color-sidenav-action-list-item-button-trailing-icon-foreground);
  --lds-spacing-icon-inline-height: var(--lds-spacing-sidenav-action-list-item-button-trailing-icon-size);
  --lds-spacing-icon-inline-width: var(--lds-spacing-sidenav-action-list-item-button-trailing-icon-size);
}

/* State - interaction */

/* Hover */

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action:hover,
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action:hover {
  --lds-shadow-sidenav-action-hover: var(--lds-shadow-sidenav-action-list-item-button-hover);
  --lds-color-sidenav-action-shadow-hover: var(--lds-color-sidenav-action-list-item-button-shadow-hover);
  --lds-color-sidenav-action-border-hover: var(--lds-color-sidenav-action-list-item-button-border-hover);
  --lds-color-sidenav-action-foreground-hover: var(--lds-color-sidenav-action-list-item-button-foreground-hover);
  --lds-color-sidenav-action-background-hover: var(--lds-color-sidenav-action-list-item-button-background-hover);
  --lds-typography-sidenav-action-font-weight-hover: var(--lds-typography-sidenav-action-list-item-button-font-weight-hover);
  --lds-typography-sidenav-action-text-decoration-hover: var(--lds-typography-sidenav-action-list-item-button-text-decoration-hover);
}

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action:hover .lds-sidenav-product-leading-visual .lds-icon,
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action:hover .lds-sidenav-product-leading-visual .lds-icon {
  --lds-color-sidenav-action-leading-icon-foreground-hover: var(--lds-color-sidenav-action-list-item-button-leading-icon-foreground-hover);
}

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action:hover .lds-sidenav-product-trailing-visual .lds-icon,
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action:hover .lds-sidenav-product-trailing-visual .lds-icon {
  --lds-color-sidenav-action-trailing-icon-foreground-hover: var(--lds-color-sidenav-action-list-item-button-trailing-icon-foreground-hover);
}

/* Focus */

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action:focus,
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action:focus {
  --lds-shadow-sidenav-action-focus: var(--lds-shadow-sidenav-action-list-item-button-focus);
  --lds-color-sidenav-action-shadow-focus: var(--lds-color-sidenav-action-list-item-button-shadow-focus);
  --lds-color-sidenav-action-border-focus: var(--lds-color-sidenav-action-list-item-button-border-focus);
  --lds-color-sidenav-action-foreground-focus: var(--lds-color-sidenav-action-list-item-button-foreground-focus);
  --lds-color-sidenav-action-background-focus: var(--lds-color-sidenav-action-list-item-button-background-focus);
  --lds-typography-sidenav-action-font-weight-focus: var(--lds-typography-sidenav-action-list-item-button-font-weight-focus);
  --lds-typography-sidenav-action-text-decoration-focus: var(--lds-typography-sidenav-action-list-item-button-text-decoration-focus);
  --lds-color-sidenav-action-outline-focus: var(--lds-color-sidenav-action-list-item-button-outline-focus);
  --lds-border-sidenav-action-outline-offset-focus: var(--lds-border-sidenav-action-list-item-button-outline-offset-focus);
  --lds-border-sidenav-action-outline-style-focus: var(--lds-border-sidenav-action-list-item-button-outline-style-focus);
  --lds-border-sidenav-action-outline-width-focus: var(--lds-border-sidenav-action-list-item-button-outline-width-focus);
}

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action:focus .lds-sidenav-product-leading-visual .lds-icon,
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action:focus .lds-sidenav-product-leading-visual .lds-icon {
  --lds-color-sidenav-action-leading-icon-foreground-focus: var(--lds-color-sidenav-action-list-item-button-leading-icon-foreground-focus);
}

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action:focus .lds-sidenav-product-trailing-visual .lds-icon,
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action:focus .lds-sidenav-product-trailing-visual .lds-icon {
  --lds-color-sidenav-action-trailing-icon-foreground-focus: var(--lds-color-sidenav-action-list-item-button-trailing-icon-foreground-focus);
}

/* Active */

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action:active,
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action:active {
  --lds-shadow-sidenav-action-active: var(--lds-shadow-sidenav-action-list-item-button-active);
  --lds-color-sidenav-action-shadow-active: var(--lds-color-sidenav-action-list-item-button-shadow-active);
  --lds-color-sidenav-action-border-active: var(--lds-color-sidenav-action-list-item-button-border-active);
  --lds-color-sidenav-action-foreground-active: var(--lds-color-sidenav-action-list-item-button-foreground-active);
  --lds-color-sidenav-action-background-active: var(--lds-color-sidenav-action-list-item-button-background-active);
  --lds-typography-sidenav-action-font-weight-active: var(--lds-typography-sidenav-action-list-item-button-font-weight-active);
  --lds-typography-sidenav-action-text-decoration-active: var(--lds-typography-sidenav-action-list-item-button-text-decoration-active);
}

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action:active .lds-sidenav-product-leading-visual .lds-icon,
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action:active .lds-sidenav-product-leading-visual .lds-icon {
  --lds-color-sidenav-action-leading-icon-foreground-active: var(--lds-color-sidenav-action-list-item-button-leading-icon-foreground-active);
}

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action:active .lds-sidenav-product-trailing-visual .lds-icon,
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action:active .lds-sidenav-product-trailing-visual .lds-icon {
  --lds-color-sidenav-action-trailing-icon-foreground-active: var(--lds-color-sidenav-action-list-item-button-trailing-icon-foreground-active);
}

/* Disabled */

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action:disabled,
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action:disabled {
  --lds-shadow-sidenav-action-disabled: var(--lds-shadow-sidenav-action-list-item-button-disabled) ;
  --lds-color-sidenav-action-shadow-disabled: var(--lds-color-sidenav-action-list-item-button-shadow-disabled);
  --lds-color-sidenav-action-border-disabled: var(--lds-color-sidenav-action-list-item-button-border-disabled);
  --lds-border-sidenav-action-width-disabled: var(--lds-border-sidenav-action-list-item-button-width-disabled);
  --lds-color-sidenav-action-background-disabled: var(--lds-color-sidenav-action-list-item-button-background-disabled);
  --lds-color-sidenav-action-foreground-disabled: var(--lds-color-sidenav-action-list-item-button-foreground-disabled);
  --lds-typography-sidenav-action-font-weight-disabled: var(--lds-typography-sidenav-action-list-item-button-font-weight-disabled);
  --lds-typography-sidenav-action-text-decoration-disabled: var(--lds-typography-sidenav-action-list-item-button-text-decoration-disabled);
}

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action:disabled .lds-sidenav-product-leading-visual .lds-icon,
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action:disabled .lds-sidenav-product-leading-visual .lds-icon {
  --lds-color-sidenav-action-leading-icon-foreground-disabled: var(--lds-color-sidenav-action-list-item-button-leading-icon-foreground-disabled);
}

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action:disabled .lds-sidenav-product-trailing-visual .lds-icon,
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action:disabled .lds-sidenav-product-trailing-visual .lds-icon {
  --lds-color-sidenav-action-trailing-icon-foreground-disabled: var(--lds-color-sidenav-action-list-item-button-trailing-icon-foreground-disabled);
}

/* Visited */

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action:visited,
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action:visited {
  --lds-shadow-sidenav-action-visited: var(--lds-shadow-sidenav-action-list-item-button-visited);
  --lds-color-sidenav-action-shadow-visited: var(--lds-color-sidenav-action-list-item-button-shadow-visited);
  --lds-color-sidenav-action-border-visited: var(--lds-color-sidenav-action-list-item-button-border-visited);
  --lds-color-sidenav-action-background-visited: var(--lds-color-sidenav-action-list-item-button-background-visited);
  --lds-color-sidenav-action-foreground-visited: var(--lds-color-sidenav-action-list-item-button-foreground-visited);
}

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action:visited .lds-sidenav-product-leading-visual .lds-icon,
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action:visited .lds-sidenav-product-leading-visual .lds-icon {
  --lds-color-sidenav-action-leading-icon-foreground-visited: var(--lds-color-sidenav-action-list-item-button-leading-icon-foreground-visited);
}

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action:visited .lds-sidenav-product-trailing-visual .lds-icon,
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action:visited .lds-sidenav-product-trailing-visual .lds-icon {
  --lds-color-sidenav-action-trailing-icon-foreground-visited: var(--lds-color-sidenav-action-list-item-button-trailing-icon-foreground-visited);
}

/* Active (current) state */

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action[data-active="true"],
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action[data-active="true"] {
  --lds-color-sidenav-action-background-current: var(--lds-color-sidenav-action-list-item-button-background-current);
  --lds-border-sidenav-action-width-current: var(--lds-border-sidenav-action-list-item-button-width-current);
  --lds-color-sidenav-action-border-current: var(--lds-color-sidenav-action-list-item-button-border-current);
  --lds-shadow-sidenav-action-current: var(--lds-shadow-sidenav-action-list-item-button-current);
  --lds-color-sidenav-action-shadow-current: var(--lds-color-sidenav-action-list-item-button-shadow-current);
  --lds-color-sidenav-action-foreground-current: var(--lds-color-sidenav-action-list-item-button-foreground-current-focus);
  --lds-typography-sidenav-action-font-weight-current: var(--lds-typography-sidenav-action-list-item-button-font-weight-current);
  --lds-typography-sidenav-action-text-decoration-current: var(--lds-typography-sidenav-action-list-item-button-text-decoration-current);
}

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action[data-active="true"] .lds-sidenav-product-leading-visual .lds-icon,
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action[data-active="true"] .lds-sidenav-product-leading-visual .lds-icon {
  --lds-color-sidenav-action-leading-icon-foreground-current: var(--lds-color-sidenav-action-list-item-button-leading-icon-foreground-current);
}

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action[data-active="true"] .lds-sidenav-product-trailing-visual .lds-icon,
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action[data-active="true"] .lds-sidenav-product-trailing-visual .lds-icon {
  --lds-color-sidenav-action-trailing-icon-foreground-current: var(--lds-color-sidenav-action-list-item-button-trailing-icon-foreground-current);
}

/* Hover */

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action[data-active="true"]:hover,
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action[data-active="true"]:hover {
  --lds-color-sidenav-action-background-current-hover: var(--lds-color-sidenav-action-list-item-button-background-current-hover);
  --lds-color-sidenav-action-border-current-hover: var(--lds-color-sidenav-action-list-item-button-border-current-hover);
  --lds-shadow-sidenav-action-current-hover: var(--lds-shadow-sidenav-action-list-item-button-current-hover);
  --lds-color-sidenav-action-shadow-current-hover: var(--lds-color-sidenav-action-list-item-button-shadow-current-hover);
  --lds-color-sidenav-action-foreground-current-hover: var(--lds-color-sidenav-action-list-item-button-foreground-current-hover);
  --lds-typography-sidenav-action-font-weight-current-hover: var(--lds-typography-sidenav-action-list-item-button-font-weight-current-hover);
  --lds-typography-sidenav-action-text-decoration-current-hover: var(--lds-typography-sidenav-action-list-item-button-text-decoration-current-hover);
}

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action[data-active="true"]:hover .lds-sidenav-product-leading-visual .lds-icon,
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action[data-active="true"]:hover .lds-sidenav-product-leading-visual .lds-icon {
  --lds-color-sidenav-action-leading-icon-foreground-current-hover: var(--lds-color-sidenav-action-list-item-button-leading-icon-foreground-current-hover);
}

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action[data-active="true"]:hover .lds-sidenav-product-trailing-visual .lds-icon,
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action[data-active="true"]:hover .lds-sidenav-product-trailing-visual .lds-icon {
  --lds-color-sidenav-action-trailing-icon-foreground-current-hover: var(--lds-color-sidenav-action-list-item-button-trailing-icon-foreground-current-hover);
}

/* Focus */

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action[data-active="true"]:focus,
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action[data-active="true"]:focus {
  --lds-color-sidenav-action-background-current-focus: var(--lds-color-sidenav-action-list-item-button-background-current-focus);
  --lds-color-sidenav-action-border-current-focus: var(--lds-color-sidenav-action-list-item-button-border-current-focus);
  --lds-shadow-sidenav-action-current-focus: var(--lds-shadow-sidenav-action-list-item-button-current-focus);
  --lds-color-sidenav-action-shadow-current-focus: var(--lds-color-sidenav-action-list-item-button-shadow-current-focus);
  --lds-color-sidenav-action-foreground-current-focus: var(--lds-color-sidenav-action-list-item-button-foreground-current-focus);
  --lds-typography-sidenav-action-font-weight-current-focus: var(--lds-typography-sidenav-action-list-item-button-font-weight-current-focus);
  --lds-typography-sidenav-action-text-decoration-current-focus: var(--lds-typography-sidenav-action-list-item-button-text-decoration-current-focus);
}

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action[data-active="true"]:focus .lds-sidenav-product-leading-visual .lds-icon,
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action[data-active="true"]:focus .lds-sidenav-product-leading-visual .lds-icon {
  --lds-color-sidenav-action-leading-icon-foreground-current-focus: var(--lds-color-sidenav-action-list-item-button-leading-icon-foreground-current-focus);
}

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action[data-active="true"]:focus .lds-sidenav-product-trailing-visual .lds-icon,
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action[data-active="true"]:focus .lds-sidenav-product-trailing-visual .lds-icon {
  --lds-color-sidenav-action-trailing-icon-foreground-current-focus: var(--lds-color-sidenav-action-list-item-button-trailing-icon-foreground-current-focus);
}

/* Active */

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action[data-active="true"]:active,
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action[data-active="true"]:active {
  --lds-color-sidenav-action-background-current-active: var(--lds-color-sidenav-action-list-item-button-background-current-active);
  --lds-color-sidenav-action-border-current-active: var(--lds-color-sidenav-action-list-item-button-border-current-active);
  --lds-shadow-sidenav-action-current-active: var(--lds-shadow-sidenav-action-list-item-button-current-active);
  --lds-color-sidenav-action-shadow-current-active: var(--lds-color-sidenav-action-list-item-button-shadow-current-active);
  --lds-color-sidenav-action-foreground-current-active: var(--lds-color-sidenav-action-list-item-button-foreground-current-active);
  --lds-typography-sidenav-action-font-weight-current-active: var(--lds-typography-sidenav-action-list-item-button-font-weight-current-active);
  --lds-typography-sidenav-action-text-decoration-current-active: var(--lds-typography-sidenav-action-list-item-button-text-decoration-current-active);
}

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action[data-active="true"]:active .lds-sidenav-product-leading-visual .lds-icon,
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action[data-active="true"]:active .lds-sidenav-product-leading-visual .lds-icon {
  --lds-color-sidenav-action-leading-icon-foreground-current-active: var(--lds-color-sidenav-action-list-item-button-leading-icon-foreground-current-active);
}

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action[data-active="true"]:active .lds-sidenav-product-trailing-visual .lds-icon,
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action[data-active="true"]:active .lds-sidenav-product-trailing-visual .lds-icon {
  --lds-color-sidenav-action-trailing-icon-foreground-current-active: var(--lds-color-sidenav-action-list-item-button-trailing-icon-foreground-current-active);
}

/* Disabled */

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action[data-active="true"]:disabled,
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action[data-active="true"]:disabled {
  --lds-color-sidenav-action-background-current-disabled: var(--lds-color-sidenav-action-list-item-button-background-current-disabled);
  --lds-color-sidenav-action-border-current-disabled: var(--lds-color-sidenav-action-list-item-button-border-current-disabled);
  --lds-border-sidenav-action-width-current-disabled: var(--lds-border-sidenav-action-list-item-button-width-current-disabled);
  --lds-shadow-sidenav-action-current-disabled: var(--lds-shadow-sidenav-action-list-item-button-current-disabled);
  --lds-color-sidenav-action-shadow-current-disabled: var(--lds-color-sidenav-action-list-item-button-shadow-current-disabled);
  --lds-color-sidenav-action-foreground-current-disabled: var(--lds-color-sidenav-action-list-item-button-foreground-current-disabled);
  --lds-typography-sidenav-action-font-weight-current-disabled: var(--lds-typography-sidenav-action-list-item-button-font-weight-current-disabled);
  --lds-typography-sidenav-action-text-decoration-current-disabled: var(--lds-typography-sidenav-action-list-item-button-text-decoration-current-disabled);
}

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action[data-active="true"]:disabled .lds-sidenav-product-leading-visual .lds-icon,
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action[data-active="true"]:disabled .lds-sidenav-product-leading-visual .lds-icon {
  --lds-color-sidenav-action-leading-icon-foreground-current-disabled: var(--lds-color-sidenav-action-list-item-button-leading-icon-foreground-current-disabled);
}

.lds-sidenav-product-action-list-item > .lds-sidenav-product-action[data-active="true"]:disabled .lds-sidenav-product-trailing-visual .lds-icon,
.lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action[data-active="true"]:disabled .lds-sidenav-product-trailing-visual .lds-icon {
  --lds-color-sidenav-action-trailing-icon-foreground-current-disabled: var(--lds-color-sidenav-action-list-item-button-trailing-icon-foreground-current-disabled);
}

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item {
  border-radius: var(--lds-radius-sidenav-action-list-sub-item);
  background-color: var(--lds-color-sidenav-action-list-sub-item-background);
  box-shadow: var(--lds-shadow-sidenav-action-list-sub-item);
}

/* Button */

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action,
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action {
  --lds-shadow-sidenav-action: var(--lds-shadow-sidenav-action-list-sub-item-button);
  --lds-color-sidenav-action-shadow: var(--lds-color-sidenav-action-list-sub-item-button-shadow);
  --lds-border-sidenav-action-width: var(--lds-border-sidenav-action-list-sub-item-button-width);
  --lds-spacing-sidenav-action-padding-inline: var(--lds-spacing-sidenav-action-list-sub-item-button-padding-inline);
  --lds-spacing-sidenav-action-padding-block: var(--lds-spacing-sidenav-action-list-sub-item-button-padding-block);
  --lds-radius-sidenav-action: var(--lds-radius-sidenav-action-list-sub-item-button);
  --lds-spacing-sidenav-action-leading-gap: var(--lds-spacing-sidenav-action-list-sub-item-button-trailing-gap);
  --lds-typography-sidenav-action-font-size: var(--lds-typography-sidenav-action-list-sub-item-button-font-size);
  --lds-typography-sidenav-action-font-style: var(--lds-typography-sidenav-action-list-sub-item-button-font-style);
  --lds-typography-sidenav-action-line-height: var(--lds-typography-sidenav-action-list-sub-item-button-line-height);
  --lds-color-sidenav-action-background: var(--lds-color-sidenav-action-list-sub-item-button-background);
  --lds-color-sidenav-action-foreground: var(--lds-color-sidenav-action-list-sub-item-button-foreground);
  --lds-typography-sidenav-action-text-decoration: var(--lds-typography-sidenav-action-list-sub-item-button-text-decoration);
  --lds-typography-sidenav-action-text-transform: var(--lds-typography-sidenav-action-list-sub-item-button-text-transform);
  --lds-typography-sidenav-action-font-weight: var(--lds-typography-sidenav-action-list-sub-item-button-font-weight);
  --lds-animation-sidenav-action-transition: var(--lds-animation-sidenav-action-list-sub-item-button-transition);
}

/* Container */

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action .lds-sidenav-product-button-container,
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action .lds-sidenav-product-button-container {
  --lds-spacing-sidenav-action-leading-gap: var(--lds-spacing-sidenav-action-list-sub-item-button-leading-gap);
}

/* Leading visual */

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action .lds-sidenav-product-leading-visual .lds-icon,
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action .lds-sidenav-product-leading-visual .lds-icon {
  --lds-color-sidenav-action-leading-icon-foreground: var(--lds-color-sidenav-action-list-sub-item-button-leading-icon-foreground);
  --lds-spacing-icon-inline-height: var(--lds-spacing-sidenav-action-list-sub-item-button-leading-icon-size);
  --lds-spacing-icon-inline-width: var(--lds-spacing-sidenav-action-list-sub-item-button-leading-icon-size);
}

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action .lds-sidenav-product-leading-visual .lds-sidenav-product-avatar,
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action .lds-sidenav-product-leading-visual .lds-sidenav-product-avatar {
  --lds-spacing-sidenav-avatar-size: var(--lds-spacing-sidenav-action-list-sub-item-button-leading-avatar-size);
}

/* Trailing visual */

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action .lds-sidenav-product-trailing-visual .lds-icon,
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action .lds-sidenav-product-trailing-visual .lds-icon {
  --lds-color-sidenav-action-trailing-icon-foreground: var(--lds-color-sidenav-action-list-sub-item-button-trailing-icon-foreground);
  --lds-spacing-icon-inline-height: var(--lds-spacing-sidenav-action-list-sub-item-button-trailing-icon-size);
  --lds-spacing-icon-inline-width: var(--lds-spacing-sidenav-action-list-sub-item-button-trailing-icon-size);
}

/* State - interaction */

/* Hover */

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action:hover,
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action:hover {
  --lds-shadow-sidenav-action-hover: var(--lds-shadow-sidenav-action-list-sub-item-button-hover);
  --lds-color-sidenav-action-shadow-hover: var(--lds-color-sidenav-action-list-sub-item-button-shadow-hover);
  --lds-color-sidenav-action-border-hover: var(--lds-color-sidenav-action-list-sub-item-button-border-hover);
  --lds-color-sidenav-action-foreground-hover: var(--lds-color-sidenav-action-list-sub-item-button-foreground-hover);
  --lds-color-sidenav-action-background-hover: var(--lds-color-sidenav-action-list-sub-item-button-background-hover);
  --lds-typography-sidenav-action-font-weight-hover: var(--lds-typography-sidenav-action-list-sub-item-button-font-weight-hover);
  --lds-typography-sidenav-action-text-decoration-hover: var(--lds-typography-sidenav-action-list-sub-item-button-text-decoration-hover);
}

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action:hover .lds-sidenav-product-leading-visual .lds-icon,
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action:hover .lds-sidenav-product-leading-visual .lds-icon {
  --lds-color-sidenav-action-leading-icon-foreground-hover: var(--lds-color-sidenav-action-list-sub-item-button-leading-icon-foreground-hover);
}

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action:hover .lds-sidenav-product-trailing-visual .lds-icon,
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action:hover .lds-sidenav-product-trailing-visual .lds-icon {
  --lds-color-sidenav-action-trailing-icon-foreground-hover: var(--lds-color-sidenav-action-list-sub-item-button-trailing-icon-foreground-hover);
}

/* Focus */

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action:focus,
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action:focus {
  --lds-shadow-sidenav-action-focus: var(--lds-shadow-sidenav-action-list-sub-item-button-focus);
  --lds-color-sidenav-action-shadow-focus: var(--lds-color-sidenav-action-list-sub-item-button-shadow-focus);
  --lds-color-sidenav-action-border-focus: var(--lds-color-sidenav-action-list-sub-item-button-border-focus);
  --lds-color-sidenav-action-foreground-focus: var(--lds-color-sidenav-action-list-sub-item-button-foreground-focus);
  --lds-color-sidenav-action-background-focus: var(--lds-color-sidenav-action-list-sub-item-button-background-focus);
  --lds-typography-sidenav-action-font-weight-focus: var(--lds-typography-sidenav-action-list-sub-item-button-font-weight-focus);
  --lds-typography-sidenav-action-text-decoration-focus: var(--lds-typography-sidenav-action-list-sub-item-button-text-decoration-focus);
  --lds-color-sidenav-action-outline-focus: var(--lds-color-sidenav-action-list-sub-item-button-outline-focus);
  --lds-border-sidenav-action-outline-offset-focus: var(--lds-border-sidenav-action-list-sub-item-button-outline-offset-focus);
  --lds-border-sidenav-action-outline-style-focus: var(--lds-border-sidenav-action-list-sub-item-button-outline-style-focus);
  --lds-border-sidenav-action-outline-width-focus: var(--lds-border-sidenav-action-list-sub-item-button-outline-width-focus);
}

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action:focus .lds-sidenav-product-leading-visual .lds-icon,
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action:focus .lds-sidenav-product-leading-visual .lds-icon {
  --lds-color-sidenav-action-leading-icon-foreground-focus: var(--lds-color-sidenav-action-list-sub-item-button-leading-icon-foreground-focus);
}

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action:focus .lds-sidenav-product-trailing-visual .lds-icon,
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action:focus .lds-sidenav-product-trailing-visual .lds-icon {
  --lds-color-sidenav-action-trailing-icon-foreground-focus: var(--lds-color-sidenav-action-list-sub-item-button-trailing-icon-foreground-focus);
}

/* Active */

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action:active,
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action:active {
  --lds-shadow-sidenav-action-active: var(--lds-shadow-sidenav-action-list-sub-item-button-active);
  --lds-color-sidenav-action-shadow-active: var(--lds-color-sidenav-action-list-sub-item-button-shadow-active);
  --lds-color-sidenav-action-border-active: var(--lds-color-sidenav-action-list-sub-item-button-border-active);
  --lds-color-sidenav-action-foreground-active: var(--lds-color-sidenav-action-list-sub-item-button-foreground-active);
  --lds-color-sidenav-action-background-active: var(--lds-color-sidenav-action-list-sub-item-button-background-active);
  --lds-typography-sidenav-action-font-weight-active: var(--lds-typography-sidenav-action-list-sub-item-button-font-weight-active);
  --lds-typography-sidenav-action-text-decoration-active: var(--lds-typography-sidenav-action-list-sub-item-button-text-decoration-active);
}

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action:active .lds-sidenav-product-leading-visual .lds-icon,
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action:active .lds-sidenav-product-leading-visual .lds-icon {
  --lds-color-sidenav-action-leading-icon-foreground-active: var(--lds-color-sidenav-action-list-sub-item-button-leading-icon-foreground-active);
}

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action:active .lds-sidenav-product-trailing-visual .lds-icon,
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action:active .lds-sidenav-product-trailing-visual .lds-icon {
  --lds-color-sidenav-action-trailing-icon-foreground-active: var(--lds-color-sidenav-action-list-sub-item-button-trailing-icon-foreground-active);
}

/* Disabled */

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action:disabled,
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action:disabled {
  --lds-shadow-sidenav-action-disabled: var(--lds-shadow-sidenav-action-list-sub-item-button-disabled) ;
  --lds-color-sidenav-action-shadow-disabled: var(--lds-color-sidenav-action-list-sub-item-button-shadow-disabled);
  --lds-color-sidenav-action-border-disabled: var(--lds-color-sidenav-action-list-sub-item-button-border-disabled);
  --lds-border-sidenav-action-width-disabled: var(--lds-border-sidenav-action-list-sub-item-button-width-disabled);
  --lds-color-sidenav-action-background-disabled: var(--lds-color-sidenav-action-list-sub-item-button-background-disabled);
  --lds-color-sidenav-action-foreground-disabled: var(--lds-color-sidenav-action-list-sub-item-button-foreground-disabled);
  --lds-typography-sidenav-action-font-weight-disabled: var(--lds-typography-sidenav-action-list-sub-item-button-font-weight-disabled);
  --lds-typography-sidenav-action-text-decoration-disabled: var(--lds-typography-sidenav-action-list-sub-item-button-text-decoration-disabled);
}

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action:disabled .lds-sidenav-product-leading-visual .lds-icon,
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action:disabled .lds-sidenav-product-leading-visual .lds-icon {
  --lds-color-sidenav-action-leading-icon-foreground-disabled: var(--lds-color-sidenav-action-list-sub-item-button-leading-icon-foreground-disabled);
}

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action:disabled .lds-sidenav-product-trailing-visual .lds-icon,
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action:disabled .lds-sidenav-product-trailing-visual .lds-icon {
  --lds-color-sidenav-action-trailing-icon-foreground-disabled: var(--lds-color-sidenav-action-list-sub-item-button-trailing-icon-foreground-disabled);
}

/* Visited */

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action:visited,
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action:visited {
  --lds-shadow-sidenav-action-visited: var(--lds-shadow-sidenav-action-list-sub-item-button-visited);
  --lds-color-sidenav-action-shadow-visited: var(--lds-color-sidenav-action-list-sub-item-button-shadow-visited);
  --lds-color-sidenav-action-border-visited: var(--lds-color-sidenav-action-list-sub-item-button-border-visited);
  --lds-color-sidenav-action-background-visited: var(--lds-color-sidenav-action-list-sub-item-button-background-visited);
  --lds-color-sidenav-action-foreground-visited: var(--lds-color-sidenav-action-list-sub-item-button-foreground-visited);
}

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action:visited .lds-sidenav-product-leading-visual .lds-icon,
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action:visited .lds-sidenav-product-leading-visual .lds-icon {
  --lds-color-sidenav-action-leading-icon-foreground-visited: var(--lds-color-sidenav-action-list-sub-item-button-leading-icon-foreground-visited);
}

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action:visited .lds-sidenav-product-trailing-visual .lds-icon,
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action:visited .lds-sidenav-product-trailing-visual .lds-icon {
  --lds-color-sidenav-action-trailing-icon-foreground-visited: var(--lds-color-sidenav-action-list-sub-item-button-trailing-icon-foreground-visited);
}

/* Active (current) state */

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action[data-active="true"],
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action[data-active="true"] {
  --lds-color-sidenav-action-background-current: var(--lds-color-sidenav-action-list-sub-item-button-background-current);
  --lds-border-sidenav-action-width-current: var(--lds-border-sidenav-action-list-sub-item-button-width-current);
  --lds-color-sidenav-action-border-current: var(--lds-color-sidenav-action-list-sub-item-button-border-current);
  --lds-shadow-sidenav-action-current: var(--lds-shadow-sidenav-action-list-sub-item-button-current);
  --lds-color-sidenav-action-shadow-current: var(--lds-color-sidenav-action-list-sub-item-button-shadow-current);
  --lds-color-sidenav-action-foreground-current: var(--lds-color-sidenav-action-list-sub-item-button-foreground-current-focus);
  --lds-typography-sidenav-action-font-weight-current: var(--lds-typography-sidenav-action-list-sub-item-button-font-weight-current);
  --lds-typography-sidenav-action-text-decoration-current: var(--lds-typography-sidenav-action-list-sub-item-button-text-decoration-current);
}

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action[data-active="true"] .lds-sidenav-product-leading-visual .lds-icon,
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action[data-active="true"] .lds-sidenav-product-leading-visual .lds-icon {
  --lds-color-sidenav-action-leading-icon-foreground-current: var(--lds-color-sidenav-action-list-sub-item-button-leading-icon-foreground-current);
}

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action[data-active="true"] .lds-sidenav-product-trailing-visual .lds-icon,
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action[data-active="true"] .lds-sidenav-product-trailing-visual .lds-icon {
  --lds-color-sidenav-action-trailing-icon-foreground-current: var(--lds-color-sidenav-action-list-sub-item-button-trailing-icon-foreground-current);
}

/* Hover */

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action[data-active="true"]:hover,
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action[data-active="true"]:hover {
  --lds-color-sidenav-action-background-current-hover: var(--lds-color-sidenav-action-list-sub-item-button-background-current-hover);
  --lds-color-sidenav-action-border-current-hover: var(--lds-color-sidenav-action-list-sub-item-button-border-current-hover);
  --lds-shadow-sidenav-action-current-hover: var(--lds-shadow-sidenav-action-list-sub-item-button-current-hover);
  --lds-color-sidenav-action-shadow-current-hover: var(--lds-color-sidenav-action-list-sub-item-button-shadow-current-hover);
  --lds-color-sidenav-action-foreground-current-hover: var(--lds-color-sidenav-action-list-sub-item-button-foreground-current-hover);
  --lds-typography-sidenav-action-font-weight-current-hover: var(--lds-typography-sidenav-action-list-sub-item-button-font-weight-current-hover);
  --lds-typography-sidenav-action-text-decoration-current-hover: var(--lds-typography-sidenav-action-list-sub-item-button-text-decoration-current-hover);
}

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action[data-active="true"]:hover .lds-sidenav-product-leading-visual .lds-icon,
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action[data-active="true"]:hover .lds-sidenav-product-leading-visual .lds-icon {
  --lds-color-sidenav-action-leading-icon-foreground-current-hover: var(--lds-color-sidenav-action-list-sub-item-button-leading-icon-foreground-current-hover);
}

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action[data-active="true"]:hover .lds-sidenav-product-trailing-visual .lds-icon,
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action[data-active="true"]:hover .lds-sidenav-product-trailing-visual .lds-icon {
  --lds-color-sidenav-action-trailing-icon-foreground-current-hover: var(--lds-color-sidenav-action-list-sub-item-button-trailing-icon-foreground-current-hover);
}

/* Focus */

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action[data-active="true"]:focus,
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action[data-active="true"]:focus {
  --lds-color-sidenav-action-background-current-focus: var(--lds-color-sidenav-action-list-sub-item-button-background-current-focus);
  --lds-color-sidenav-action-border-current-focus: var(--lds-color-sidenav-action-list-sub-item-button-border-current-focus);
  --lds-shadow-sidenav-action-current-focus: var(--lds-shadow-sidenav-action-list-sub-item-button-current-focus);
  --lds-color-sidenav-action-shadow-current-focus: var(--lds-color-sidenav-action-list-sub-item-button-shadow-current-focus);
  --lds-color-sidenav-action-foreground-current-focus: var(--lds-color-sidenav-action-list-sub-item-button-foreground-current-focus);
  --lds-typography-sidenav-action-font-weight-current-focus: var(--lds-typography-sidenav-action-list-sub-item-button-font-weight-current-focus);
  --lds-typography-sidenav-action-text-decoration-current-focus: var(--lds-typography-sidenav-action-list-sub-item-button-text-decoration-current-focus);
}

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action[data-active="true"]:focus .lds-sidenav-product-leading-visual .lds-icon,
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action[data-active="true"]:focus .lds-sidenav-product-leading-visual .lds-icon {
  --lds-color-sidenav-action-leading-icon-foreground-current-focus: var(--lds-color-sidenav-action-list-sub-item-button-leading-icon-foreground-current-focus);
}

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action[data-active="true"]:focus .lds-sidenav-product-trailing-visual .lds-icon,
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action[data-active="true"]:focus .lds-sidenav-product-trailing-visual .lds-icon {
  --lds-color-sidenav-action-trailing-icon-foreground-current-focus: var(--lds-color-sidenav-action-list-sub-item-button-trailing-icon-foreground-current-focus);
}

/* Active */

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action[data-active="true"]:active,
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action[data-active="true"]:active {
  --lds-color-sidenav-action-background-current-active: var(--lds-color-sidenav-action-list-sub-item-button-background-current-active);
  --lds-color-sidenav-action-border-current-active: var(--lds-color-sidenav-action-list-sub-item-button-border-current-active);
  --lds-shadow-sidenav-action-current-active: var(--lds-shadow-sidenav-action-list-sub-item-button-current-active);
  --lds-color-sidenav-action-shadow-current-active: var(--lds-color-sidenav-action-list-sub-item-button-shadow-current-active);
  --lds-color-sidenav-action-foreground-current-active: var(--lds-color-sidenav-action-list-sub-item-button-foreground-current-active);
  --lds-typography-sidenav-action-font-weight-current-active: var(--lds-typography-sidenav-action-list-sub-item-button-font-weight-current-active);
  --lds-typography-sidenav-action-text-decoration-current-active: var(--lds-typography-sidenav-action-list-sub-item-button-text-decoration-current-active);
}

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action[data-active="true"]:active .lds-sidenav-product-leading-visual .lds-icon,
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action[data-active="true"]:active .lds-sidenav-product-leading-visual .lds-icon {
  --lds-color-sidenav-action-leading-icon-foreground-current-active: var(--lds-color-sidenav-action-list-sub-item-button-leading-icon-foreground-current-active);
}

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action[data-active="true"]:active .lds-sidenav-product-trailing-visual .lds-icon,
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action[data-active="true"]:active .lds-sidenav-product-trailing-visual .lds-icon {
  --lds-color-sidenav-action-trailing-icon-foreground-current-active: var(--lds-color-sidenav-action-list-sub-item-button-trailing-icon-foreground-current-active);
}

/* Disabled */

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action[data-active="true"]:disabled,
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action[data-active="true"]:disabled {
  --lds-color-sidenav-action-background-current-disabled: var(--lds-color-sidenav-action-list-sub-item-button-background-current-disabled);
  --lds-color-sidenav-action-border-current-disabled: var(--lds-color-sidenav-action-list-sub-item-button-border-current-disabled);
  --lds-border-sidenav-action-width-current-disabled: var(--lds-border-sidenav-action-list-sub-item-button-width-current-disabled);
  --lds-shadow-sidenav-action-current-disabled: var(--lds-shadow-sidenav-action-list-sub-item-button-current-disabled);
  --lds-color-sidenav-action-shadow-current-disabled: var(--lds-color-sidenav-action-list-sub-item-button-shadow-current-disabled);
  --lds-color-sidenav-action-foreground-current-disabled: var(--lds-color-sidenav-action-list-sub-item-button-foreground-current-disabled);
  --lds-typography-sidenav-action-font-weight-current-disabled: var(--lds-typography-sidenav-action-list-sub-item-button-font-weight-current-disabled);
  --lds-typography-sidenav-action-text-decoration-current-disabled: var(--lds-typography-sidenav-action-list-sub-item-button-text-decoration-current-disabled);
}

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action[data-active="true"]:disabled .lds-sidenav-product-leading-visual .lds-icon,
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action[data-active="true"]:disabled .lds-sidenav-product-leading-visual .lds-icon {
  --lds-color-sidenav-action-leading-icon-foreground-current-disabled: var(--lds-color-sidenav-action-list-sub-item-button-leading-icon-foreground-current-disabled);
}

.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action[data-active="true"]:disabled .lds-sidenav-product-trailing-visual .lds-icon,
.lds-sidenav-product-action-list-sub > .lds-sidenav-product-action-list-item > .lds-sidenav-product-action-wrapper-outside > .lds-sidenav-product-action[data-active="true"]:disabled .lds-sidenav-product-trailing-visual .lds-icon {
  --lds-color-sidenav-action-trailing-icon-foreground-current-disabled: var(--lds-color-sidenav-action-list-sub-item-button-trailing-icon-foreground-current-disabled);
}

.lds-sidenav-product-action-list-item-collapse {

  & > .lds-sidenav-product-action-list-item-collapse-container {
    border-radius: var(--lds-radius-sidenav-action-list-collapse);
    box-shadow: var(--lds-shadow-sidenav-action-list-collapse);
    background-color: var(--lds-color-sidenav-action-list-collapse-background);

    .lds-sidenav-product[data-state="expanded"] &[data-state="expanded"] {
      border-radius: var(--lds-radius-sidenav-action-list-collapse-expanded);
      box-shadow: var(--lds-shadow-sidenav-action-list-collapse-expanded);
      background-color: var(--lds-color-sidenav-action-list-collapse-background-expanded);
    }
  }

  /* Button */

  .lds-sidenav-product-action-list-item-collapse-container > .lds-sidenav-product-action.lds-sidenav-product-action-list-item-collapse-toggle-action {
    --lds-shadow-sidenav-action: var(--lds-shadow-sidenav-action-list-collapse-button);
    --lds-color-sidenav-action-shadow: var(--lds-color-sidenav-action-list-collapse-button-shadow);
    --lds-border-sidenav-action-width: var(--lds-border-sidenav-action-list-collapse-button-width);
    --lds-spacing-sidenav-action-padding-inline: var(--lds-spacing-sidenav-action-list-collapse-button-padding-inline);
    --lds-spacing-sidenav-action-padding-block: var(--lds-spacing-sidenav-action-list-collapse-button-padding-block);
    --lds-radius-sidenav-action: var(--lds-radius-sidenav-action-list-collapse-button);
    --lds-spacing-sidenav-action-leading-gap: var(--lds-spacing-sidenav-action-list-collapse-button-trailing-gap);
    --lds-typography-sidenav-action-font-size: var(--lds-typography-sidenav-action-list-collapse-button-font-size);
    --lds-typography-sidenav-action-font-style: var(--lds-typography-sidenav-action-list-collapse-button-font-style);
    --lds-typography-sidenav-action-line-height: var(--lds-typography-sidenav-action-list-collapse-button-line-height);
    --lds-color-sidenav-action-background: var(--lds-color-sidenav-action-list-collapse-button-background);
    --lds-color-sidenav-action-foreground: var(--lds-color-sidenav-action-list-collapse-button-foreground);
    --lds-typography-sidenav-action-text-decoration: var(--lds-typography-sidenav-action-list-collapse-button-text-decoration);
    --lds-typography-sidenav-action-text-transform: var(--lds-typography-sidenav-action-list-collapse-button-text-transform);
    --lds-typography-sidenav-action-font-weight: var(--lds-typography-sidenav-action-list-collapse-button-font-weight);
    --lds-animation-sidenav-action-transition: var(--lds-animation-sidenav-action-list-collapse-button-transition);

    .lds-sidenav-product-button-container {
      --lds-spacing-sidenav-action-leading-gap: var(--lds-spacing-sidenav-action-list-collapse-button-leading-gap);
    }

    .lds-sidenav-product-leading-visual .lds-icon {
      --lds-color-sidenav-action-leading-icon-foreground: var(--lds-color-sidenav-action-list-collapse-button-leading-icon-foreground);
      --lds-spacing-icon-inline-height: var(--lds-spacing-sidenav-action-list-collapse-button-leading-icon-size);
      --lds-spacing-icon-inline-width: var(--lds-spacing-sidenav-action-list-collapse-button-leading-icon-size);
    }

    .lds-sidenav-product-leading-visual .lds-sidenav-product-avatar {
      --lds-spacing-sidenav-avatar-size: var(--lds-spacing-sidenav-action-list-collapse-button-leading-avatar-size);
    }

    .lds-sidenav-product-trailing-visual .lds-icon {
      --lds-color-sidenav-action-trailing-icon-foreground: var(--lds-color-sidenav-action-list-collapse-button-trailing-icon-foreground);
      --lds-spacing-icon-inline-height: var(--lds-spacing-sidenav-action-list-collapse-button-trailing-icon-size);
      --lds-spacing-icon-inline-width: var(--lds-spacing-sidenav-action-list-collapse-button-trailing-icon-size);
    }

    /* State - interaction */

    &:hover {
      --lds-shadow-sidenav-action-hover: var(--lds-shadow-sidenav-action-list-collapse-button-hover);
      --lds-color-sidenav-action-shadow-hover: var(--lds-color-sidenav-action-list-collapse-button-shadow-hover);
      --lds-color-sidenav-action-border-hover: var(--lds-color-sidenav-action-list-collapse-button-border-hover);
      --lds-color-sidenav-action-foreground-hover: var(--lds-color-sidenav-action-list-collapse-button-foreground-hover);
      --lds-color-sidenav-action-background-hover: var(--lds-color-sidenav-action-list-collapse-button-background-hover);
      --lds-typography-sidenav-action-font-weight-hover: var(--lds-typography-sidenav-action-list-collapse-button-font-weight-hover);
      --lds-typography-sidenav-action-text-decoration-hover: var(--lds-typography-sidenav-action-list-collapse-button-text-decoration-hover);

      .lds-sidenav-product-leading-visual .lds-icon {
        --lds-color-sidenav-action-leading-icon-foreground-hover: var(--lds-color-sidenav-action-list-collapse-button-leading-icon-foreground-hover);
      }

      .lds-sidenav-product-trailing-visual .lds-icon {
        --lds-color-sidenav-action-trailing-icon-foreground-hover: var(--lds-color-sidenav-action-list-collapse-button-trailing-icon-foreground-hover);
      }
    }

    &:focus {
      --lds-shadow-sidenav-action-focus: var(--lds-shadow-sidenav-action-list-collapse-button-focus);
      --lds-color-sidenav-action-shadow-focus: var(--lds-color-sidenav-action-list-collapse-button-shadow-focus);
      --lds-color-sidenav-action-border-focus: var(--lds-color-sidenav-action-list-collapse-button-border-focus);
      --lds-color-sidenav-action-foreground-focus: var(--lds-color-sidenav-action-list-collapse-button-foreground-focus);
      --lds-color-sidenav-action-background-focus: var(--lds-color-sidenav-action-list-collapse-button-background-focus);
      --lds-typography-sidenav-action-font-weight-focus: var(--lds-typography-sidenav-action-list-collapse-button-font-weight-focus);
      --lds-typography-sidenav-action-text-decoration-focus: var(--lds-typography-sidenav-action-list-collapse-button-text-decoration-focus);
      --lds-color-sidenav-action-outline-focus: var(--lds-color-sidenav-action-list-collapse-button-outline-focus);
      --lds-border-sidenav-action-outline-offset-focus: var(--lds-border-sidenav-action-list-collapse-button-outline-offset-focus);
      --lds-border-sidenav-action-outline-style-focus: var(--lds-border-sidenav-action-list-collapse-button-outline-style-focus);
      --lds-border-sidenav-action-outline-width-focus: var(--lds-border-sidenav-action-list-collapse-button-outline-width-focus);

      .lds-sidenav-product-leading-visual .lds-icon {
        --lds-color-sidenav-action-leading-icon-foreground-focus: var(--lds-color-sidenav-action-list-collapse-button-leading-icon-foreground-focus);
      }

      .lds-sidenav-product-trailing-visual .lds-icon {
        --lds-color-sidenav-action-trailing-icon-foreground-focus: var(--lds-color-sidenav-action-list-collapse-button-trailing-icon-foreground-focus);
      }
    }

    &:active {
      --lds-shadow-sidenav-action-active: var(--lds-shadow-sidenav-action-list-collapse-button-active);
      --lds-color-sidenav-action-shadow-active: var(--lds-color-sidenav-action-list-collapse-button-shadow-active);
      --lds-color-sidenav-action-border-active: var(--lds-color-sidenav-action-list-collapse-button-border-active);
      --lds-color-sidenav-action-foreground-active: var(--lds-color-sidenav-action-list-collapse-button-foreground-active);
      --lds-color-sidenav-action-background-active: var(--lds-color-sidenav-action-list-collapse-button-background-active);
      --lds-typography-sidenav-action-font-weight-active: var(--lds-typography-sidenav-action-list-collapse-button-font-weight-active);
      --lds-typography-sidenav-action-text-decoration-active: var(--lds-typography-sidenav-action-list-collapse-button-text-decoration-active);

      .lds-sidenav-product-leading-visual .lds-icon {
        --lds-color-sidenav-action-leading-icon-foreground-active: var(--lds-color-sidenav-action-list-collapse-button-leading-icon-foreground-active);
      }

      .lds-sidenav-product-trailing-visual .lds-icon {
        --lds-color-sidenav-action-trailing-icon-foreground-active: var(--lds-color-sidenav-action-list-collapse-button-trailing-icon-foreground-active);
      }
    }

    &:disabled {
      --lds-shadow-sidenav-action-disabled: var(--lds-shadow-sidenav-action-list-collapse-button-disabled) ;
      --lds-color-sidenav-action-shadow-disabled: var(--lds-color-sidenav-action-list-collapse-button-shadow-disabled);
      --lds-color-sidenav-action-border-disabled: var(--lds-color-sidenav-action-list-collapse-button-border-disabled);
      --lds-border-sidenav-action-width-disabled: var(--lds-border-sidenav-action-list-collapse-button-width-disabled);
      --lds-color-sidenav-action-background-disabled: var(--lds-color-sidenav-action-list-collapse-button-background-disabled);
      --lds-color-sidenav-action-foreground-disabled: var(--lds-color-sidenav-action-list-collapse-button-foreground-disabled);
      --lds-typography-sidenav-action-font-weight-disabled: var(--lds-typography-sidenav-action-list-collapse-button-font-weight-disabled);
      --lds-typography-sidenav-action-text-decoration-disabled: var(--lds-typography-sidenav-action-list-collapse-button-text-decoration-disabled);

      .lds-sidenav-product-leading-visual .lds-icon {
        --lds-color-sidenav-action-leading-icon-foreground-disabled: var(--lds-color-sidenav-action-list-collapse-button-leading-icon-foreground-disabled);
      }

      .lds-sidenav-product-trailing-visual .lds-icon {
        --lds-color-sidenav-action-trailing-icon-foreground-disabled: var(--lds-color-sidenav-action-list-collapse-button-trailing-icon-foreground-disabled);
      }
    }

    /* State - expanded */

    .lds-sidenav-product[data-state="expanded"] &[aria-expanded="true"] {
      background-color: var(--lds-color-sidenav-action-list-collapse-button-background-expanded);
      border-radius: var(--lds-radius-sidenav-action-list-collapse-button-expanded);
      color: var(--lds-color-sidenav-action-list-collapse-button-foreground-expanded);
      font-weight: var(--lds-typography-sidenav-action-list-collapse-button-font-weight-expanded);
      text-decoration: var(--lds-typography-sidenav-action-list-collapse-button-text-decoration-expanded);

      .lds-sidenav-product-expand-icon {
        transform: rotate(180deg);
      }

      .lds-sidenav-product-leading-visual .lds-icon {
        color: var(--lds-color-sidenav-action-list-collapse-button-leading-icon-foreground-expanded);
      }

      .lds-sidenav-product-trailing-visual .lds-icon {
        color: var(--lds-color-sidenav-action-list-collapse-button-trailing-icon-foreground-expanded);
      }

      &:hover {
        background-color: var(--lds-color-sidenav-action-list-collapse-button-background-expanded-hover);
        color: var(--lds-color-sidenav-action-list-collapse-button-foreground-expanded-hover);
        font-weight: var(--lds-typography-sidenav-action-list-collapse-button-font-weight-expanded-hover);

        .lds-sidenav-product-leading-visual .lds-icon {
          color: var(--lds-color-sidenav-action-list-collapse-button-leading-icon-foreground-expanded-hover);
        }

        .lds-sidenav-product-trailing-visual .lds-icon {
          color: var(--lds-color-sidenav-action-list-collapse-button-trailing-icon-foreground-expanded-hover);
        }
      }

      &:focus {
        background-color: var(--lds-color-sidenav-action-list-collapse-button-background-expanded-focus);
        color: var(--lds-color-sidenav-action-list-collapse-button-foreground-expanded-focus);
        font-weight: var(--lds-typography-sidenav-action-list-collapse-button-font-weight-expanded-focus);

        .lds-sidenav-product-leading-visual .lds-icon {
          color: var(--lds-color-sidenav-action-list-collapse-button-leading-icon-foreground-expanded-focus);
        }

        .lds-sidenav-product-trailing-visual .lds-icon {
          color: var(--lds-color-sidenav-action-list-collapse-button-trailing-icon-foreground-expanded-focus);
        }
      }

      &:active {
        background-color: var(--lds-color-sidenav-action-list-collapse-button-background-expanded-active);
        color: var(--lds-color-sidenav-action-list-collapse-button-foreground-expanded-active);
        font-weight: var(--lds-typography-sidenav-action-list-collapse-button-font-weight-expanded-active);

        .lds-sidenav-product-leading-visual .lds-icon {
          color: var(--lds-color-sidenav-action-list-collapse-button-leading-icon-foreground-expanded-active);
        }

        .lds-sidenav-product-trailing-visual .lds-icon {
          color: var(--lds-color-sidenav-action-list-collapse-button-trailing-icon-foreground-expanded-active);
        }
      }

    }

  }

  /* Content expanded */

  .lds-sidenav-product[data-state="expanded"] & .lds-sidenav-product-action-list-item-collapse-content[data-state="expanded"] {
    background-color: var(--lds-color-sidenav-action-list-collapse-content-background-expanded);
    padding-inline: var(--lds-spacing-sidenav-action-list-collapse-content-padding-inline-expanded);
    padding-block: var(--lds-spacing-sidenav-action-list-collapse-content-padding-block-expanded);
  }

}

.lds-sidenav-product-action-list-sub .lds-sidenav-product-action-list-item-collapse {

  & > .lds-sidenav-product-action-list-item-collapse-container {
    --lds-radius-sidenav-action-list-collapse: var(--lds-border-sidenav-action-list-sub-collapse-radius);
    --lds-shadow-sidenav-action-list-collapse: var(--lds-shadow-sidenav-action-list-sub-collapse);
    --lds-color-sidenav-action-list-collapse-background: var(--lds-color-sidenav-action-list-sub-collapse-background);

    .lds-sidenav-product[data-state="expanded"] &[data-state="expanded"] {
      --lds-radius-sidenav-action-list-collapse-expanded: var(--lds-border-sidenav-action-list-sub-collapse-radius-expanded);
      --lds-shadow-sidenav-action-list-collapse-expanded: var(--lds-shadow-sidenav-action-list-sub-collapse-expanded);
      --lds-color-sidenav-action-list-collapse-background-expanded: var(--lds-color-sidenav-action-list-sub-collapse-background-expanded);
    }
  }

  /* Button */

  .lds-sidenav-product-action-list-item-collapse-container > .lds-sidenav-product-action.lds-sidenav-product-action-list-item-collapse-toggle-action {
    --lds-spacing-sidenav-action-padding-inline: var(--lds-spacing-sidenav-action-list-sub-collapse-button-padding-inline);
    --lds-spacing-sidenav-action-padding-block: var(--lds-spacing-sidenav-action-list-sub-collapse-button-padding-block);
    --lds-radius-sidenav-action: var(--lds-radius-sidenav-action-list-sub-collapse-button);
    --lds-spacing-sidenav-action-leading-gap: var(--lds-spacing-sidenav-action-list-sub-collapse-button-trailing-gap);
    --lds-typography-sidenav-action-font-size: var(--lds-typography-sidenav-action-list-sub-collapse-button-font-size);
    --lds-typography-sidenav-action-font-styl: var(--lds-typography-sidenav-action-list-sub-collapse-button-font-style);
    --lds-typography-sidenav-action-line-height: var(--lds-typography-sidenav-action-list-sub-collapse-button-line-height);
    --lds-color-sidenav-action-background: var(--lds-color-sidenav-action-list-sub-collapse-button-background);
    --lds-color-sidenav-action-foreground: var(--lds-color-sidenav-action-list-sub-collapse-button-foreground);
    --lds-typography-sidenav-action-text-decoration: var(--lds-typography-sidenav-action-list-sub-collapse-button-text-decoration);
    --lds-typography-sidenav-action-text-transform: var(--lds-typography-sidenav-action-list-sub-collapse-button-text-transform);
    --lds-typography-sidenav-action-font-weight: var(--lds-typography-sidenav-action-list-sub-collapse-button-font-weight);

    .lds-sidenav-product-button-container {
      --lds-spacing-sidenav-action-leading-gap: var(--lds-spacing-sidenav-action-list-sub-collapse-button-leading-gap);
    }

    .lds-sidenav-product-leading-visual .lds-icon {
      --lds-color-sidenav-action-leading-icon-foreground: var(--lds-color-sidenav-action-list-sub-collapse-button-leading-icon-foreground);
      --lds-spacing-icon-inline-height: var(--lds-spacing-sidenav-action-list-sub-collapse-button-leading-icon-size);
      --lds-spacing-icon-inline-width: var(--lds-spacing-sidenav-action-list-sub-collapse-button-leading-icon-size);
    }

    .lds-sidenav-product-leading-visual .lds-sidenav-product-avatar {
      --lds-spacing-sidenav-avatar-size: var(--lds-spacing-sidenav-action-list-sub-collapse-button-leading-avatar-size);
    }

    .lds-sidenav-product-trailing-visual .lds-icon {
      --lds-color-sidenav-action-trailing-icon-foreground: var(--lds-color-sidenav-action-list-collapse-button-trailing-icon-foreground);
      --lds-spacing-icon-inline-height: var(--lds-spacing-sidenav-action-list-sub-collapse-button-trailing-icon-size);
      --lds-spacing-icon-inline-width: var(--lds-spacing-sidenav-action-list-sub-collapse-button-trailing-icon-size);
    }

    /* State - interaction */

    &:hover {
      --lds-color-sidenav-action-foreground-hover: var(--lds-color-sidenav-action-list-sub-collapse-button-foreground-hover);
      --lds-color-sidenav-action-background-hover: var(--lds-color-sidenav-action-list-sub-collapse-button-background-hover);
      --lds-typography-sidenav-action-font-weight-hover: var(--lds-typography-sidenav-action-list-sub-collapse-button-font-weight-hover);
      --lds-typography-sidenav-action-text-decoration-hover: var(--lds-typography-sidenav-action-list-sub-collapse-button-text-decoration-hover);

      .lds-sidenav-product-leading-visual .lds-icon {
        --lds-color-sidenav-action-leading-icon-foreground-hover: var(--lds-color-sidenav-action-list-sub-collapse-button-leading-icon-foreground-hover);
      }

      .lds-sidenav-product-trailing-visual .lds-icon {
        --lds-color-sidenav-action-trailing-icon-foreground-hover: var(--lds-color-sidenav-action-list-sub-collapse-button-trailing-icon-foreground-hover);
      }
    }

    &:focus {
      --lds-color-sidenav-action-foreground-focus: var(--lds-color-sidenav-action-list-sub-collapse-button-foreground-focus);
      --lds-color-sidenav-action-background-focus: var(--lds-color-sidenav-action-list-sub-collapse-button-background-focus);
      --lds-typography-sidenav-action-font-weight-focus: var(--lds-typography-sidenav-action-list-sub-collapse-button-font-weight-focus);
      --lds-typography-sidenav-action-text-decoration-focus: var(--lds-typography-sidenav-action-list-sub-collapse-button-text-decoration-focus);
      --lds-color-sidenav-action-outline-focus: var(--lds-color-sidenav-action-list-sub-collapse-button-outline-focus);
      --lds-border-sidenav-action-outline-offset-focus: var(--lds-border-sidenav-action-list-sub-collapse-button-outline-offset-focus);
      --lds-border-sidenav-action-outline-style-focus: var(--lds-border-sidenav-action-list-sub-collapse-button-outline-style-focus);
      --lds-border-sidenav-action-outline-width-focus: var(--lds-border-sidenav-action-list-sub-collapse-button-outline-width-focus);

      .lds-sidenav-product-leading-visual .lds-icon {
        --lds-color-sidenav-action-leading-icon-foreground-focus: var(--lds-color-sidenav-action-list-sub-collapse-button-leading-icon-foreground-focus);
      }

      .lds-sidenav-product-trailing-visual .lds-icon {
        --lds-color-sidenav-action-trailing-icon-foreground-focus: var(--lds-color-sidenav-action-list-sub-collapse-button-trailing-icon-foreground-focus);
      }
    }

    &:active {
      --lds-color-sidenav-action-foreground-active: var(--lds-color-sidenav-action-list-sub-collapse-button-foreground-active);
      --lds-color-sidenav-action-background-active: var(--lds-color-sidenav-action-list-sub-collapse-button-background-active);
      --lds-typography-sidenav-action-font-weight-active: var(--lds-typography-sidenav-action-list-sub-collapse-button-font-weight-active);
      --lds-typography-sidenav-action-text-decoration-active: var(--lds-typography-sidenav-action-list-sub-collapse-button-text-decoration-active);

      .lds-sidenav-product-leading-visual .lds-icon {
        --lds-color-sidenav-action-leading-icon-foreground-active: var(--lds-color-sidenav-action-list-sub-collapse-button-leading-icon-foreground-active);
      }

      .lds-sidenav-product-trailing-visual .lds-icon {
        --lds-color-sidenav-action-trailing-icon-foreground-active: var(--lds-color-sidenav-action-list-sub-collapse-button-trailing-icon-foreground-active);
      }
    }

    /* State - expanded */

    .lds-sidenav-product[data-state="expanded"] &[aria-expanded="true"] {
      --lds-color-sidenav-action-list-collapse-button-foreground-expanded: var(--lds-color-sidenav-action-list-sub-collapse-button-foreground-expanded);
      --lds-radius-sidenav-action-list-collapse-button-expanded: var(--lds-radius-sidenav-action-list-sub-collapse-button-expanded);
      --lds-color-sidenav-action-list-collapse-button-background-expanded: var(--lds-color-sidenav-action-list-sub-collapse-button-background-expanded);
      --lds-typography-sidenav-action-list-collapse-button-font-weight-expanded: var(--lds-typography-sidenav-action-list-sub-collapse-button-font-weight-expanded);
      --lds-typography-sidenav-action-list-collapse-button-text-decoration-expanded: var(--lds-typography-sidenav-action-list-sub-collapse-button-text-decoration-expanded);

      .lds-sidenav-product-leading-visual .lds-icon {
        --lds-color-sidenav-action-list-collapse-button-leading-icon-foreground-expanded: var(--lds-color-sidenav-action-list-sub-collapse-button-leading-icon-foreground-expanded);
      }

      .lds-sidenav-product-trailing-visual .lds-icon {
        --lds-color-sidenav-action-list-collapse-button-trailing-icon-foreground-expanded: var(--lds-color-sidenav-action-list-sub-collapse-button-trailing-icon-foreground-expanded);
      }

      &:hover {
        --lds-color-sidenav-action-list-collapse-button-background-expanded-hover: var(--lds-color-sidenav-action-list-sub-collapse-button-background-expanded-hover);
        --lds-color-sidenav-action-list-collapse-button-foreground-expanded-hover: var(--lds-color-sidenav-action-list-sub-collapse-button-foreground-expanded-hover);
        --lds-typography-sidenav-action-list-collapse-button-font-weight-expanded-hover: var(--lds-typography-sidenav-action-list-sub-collapse-button-font-weight-expanded-hover);

        .lds-sidenav-product-leading-visual .lds-icon {
          --lds-color-sidenav-action-list-collapse-button-leading-icon-foreground-expanded-hover: var(--lds-color-sidenav-action-list-sub-collapse-button-leading-icon-foreground-expanded-hover);
        }

        .lds-sidenav-product-trailing-visual .lds-icon {
          --lds-color-sidenav-action-list-collapse-button-trailing-icon-foreground-expanded-hover: var(--lds-color-sidenav-action-list-sub-collapse-button-trailing-icon-foreground-expanded-hover);
        }
      }

      &:focus {
        --lds-color-sidenav-action-list-collapse-button-background-expanded-focus: var(--lds-color-sidenav-action-list-sub-collapse-button-background-expanded-focus);
        --lds-color-sidenav-action-list-collapse-button-foreground-expanded-focus: var(--lds-color-sidenav-action-list-sub-collapse-button-foreground-expanded-focus);
        --lds-typography-sidenav-action-list-collapse-button-font-weight-expanded-focus: var(--lds-typography-sidenav-action-list-sub-collapse-button-font-weight-expanded-focus);

        .lds-sidenav-product-leading-visual .lds-icon {
          --lds-color-sidenav-action-list-collapse-button-leading-icon-foreground-expanded-focus: var(--lds-color-sidenav-action-list-sub-collapse-button-leading-icon-foreground-expanded-focus);
        }

        .lds-sidenav-product-trailing-visual .lds-icon {
          --lds-color-sidenav-action-list-collapse-button-trailing-icon-foreground-expanded-focus: var(--lds-color-sidenav-action-list-sub-collapse-button-trailing-icon-foreground-expanded-focus);
        }
      }

      &:active {
        --lds-color-sidenav-action-list-collapse-button-background-expanded-active: var(--lds-color-sidenav-action-list-sub-collapse-button-background-expanded-active);
        --lds-color-sidenav-action-list-collapse-button-foreground-expanded-active: var(--lds-color-sidenav-action-list-sub-collapse-button-foreground-expanded-active);
        --lds-typography-sidenav-action-list-collapse-button-font-weight-expanded-active: var(--lds-typography-sidenav-action-list-sub-collapse-button-font-weight-expanded-active);

        .lds-sidenav-product-leading-visual .lds-icon {
          --lds-color-sidenav-action-list-collapse-button-leading-icon-foreground-expanded-active: var(--lds-color-sidenav-action-list-sub-collapse-button-leading-icon-foreground-expanded-active);
        }

        .lds-sidenav-product-trailing-visual .lds-icon {
          --lds-color-sidenav-action-list-collapse-button-trailing-icon-foreground-expanded-active: var(--lds-color-sidenav-action-list-sub-collapse-button-trailing-icon-foreground-expanded-active);
        }
      }
    }

  }

  /* Content expanded */

  .lds-sidenav-product[data-state="expanded"] & .lds-sidenav-product-action-list-item-collapse-content[data-state="expanded"] {
    --lds-color-sidenav-action-list-collapse-content-background-expanded: var(--lds-color-sidenav-action-list-sub-collapse-content-background-expanded);
    --lds-spacing-sidenav-action-list-collapse-content-padding-inline-expanded: var(--lds-spacing-sidenav-action-list-sub-collapse-content-padding-inline-expanded);
    --lds-spacing-sidenav-action-list-collapse-content-padding-block-expanded: var(--lds-spacing-sidenav-action-list-sub-collapse-content-padding-block-expanded);
  }

}

.lds-sidenav-product {
  display: block;
  position: relative;
  background-color: var(--lds-color-sidenav-background);
}

/* Wrapper container */

.lds-sidenav-product-wrapper:has(.lds-sidenav-product) {
  display: flex;
  inline-size: 100%;
  min-block-size: 100svh;
}

/* Main container, spacer container */

.lds-sidenav-product .lds-sidenav-product-container,
.lds-sidenav-product .lds-sidenav-product-spacer {
  transition-property: inset-inline-start, inset-inline-end, width;
  transition-timing-function: var(--lds-animation-timing-func-standard);
  transition-duration: var(--lds-animation-sidenav-collapsed-timing-duration);
  inline-size: var(--lds-spacing-sidenav-width);
  block-size: 100svh;
  background: transparent;
}

/* Main container */

.lds-sidenav-product .lds-sidenav-product-container {
  display: flex;
  position: fixed;
  inset-inline-start: 0;
  inset-block: 0;
}

/* Main container inner */

.lds-sidenav-product .lds-sidenav-product-container-inner {
  display: flex;
  flex-direction: column;
  block-size: 100%;
  inline-size: 100%;
  color: var(--lds-color-sidenav-foreground);
  border-color: var(--lds-color-sidenav-border);
  border-width: var(--lds-border-sidenav-width);
  border-style: var(--lds-border-sidenav-style);
  border-start-end-radius: var(--lds-radius-sidenav-top-right);
  border-end-end-radius: var(--lds-radius-sidenav-bottom-right);
}

/* States */

/* SideNav: Mobile */

.lds-sidenav-product[data-mobile="true"] {
  display: flex;
  flex-direction: column;
  block-size: 100svh;
  inline-size: 100%;
}

/* SideNav: Collapsed - Icon */

.lds-sidenav-product[data-state="collapsed"][data-collapsible="icon"] {
  --lds-spacing-sidenav-collapsed-inner-width: calc(var(--lds-spacing-sidenav-collapsed-width) - (var(--lds-spacing-sidenav-collapsed-padding-inline-left) + var(--lds-spacing-sidenav-collapsed-padding-inline-right)));

  background-color: var(--lds-color-sidenav-collapsed-background);
}

.lds-sidenav-product[data-state="collapsed"][data-collapsible="icon"] .lds-sidenav-product-container-inner {
  border-color: var(--lds-color-sidenav-collapsed-border);
  border-width: var(--lds-border-sidenav-collapsed-width);
  border-style: var(--lds-border-sidenav-collapsed-style);
  border-start-end-radius: var(--lds-radius-sidenav-collapsed-top-right);
  border-end-end-radius: var(--lds-radius-sidenav-collapsed-bottom-right);
}

.lds-sidenav-product[data-state="collapsed"][data-collapsible="icon"] .lds-sidenav-product-container,
.lds-sidenav-product[data-state="collapsed"][data-collapsible="icon"] .lds-sidenav-product-spacer {
  inline-size: var(--lds-spacing-sidenav-collapsed-width);
}

.lds-sidenav-product[data-state="collapsed"][data-collapsible="icon"] .lds-sidenav-product-header,
.lds-sidenav-product[data-state="collapsed"][data-collapsible="icon"] .lds-sidenav-product-footer,
.lds-sidenav-product[data-state="collapsed"][data-collapsible="icon"] .lds-sidenav-product-group {
  padding-inline: var(--lds-spacing-sidenav-collapsed-padding-inline-left) var(--lds-spacing-sidenav-collapsed-padding-inline-right);
}

.lds-sidenav-product[data-state="collapsed"][data-collapsible="icon"] .lds-sidenav-product-heading,
.lds-sidenav-product[data-state="collapsed"][data-collapsible="icon"] .lds-sidenav-product-action,
.lds-sidenav-product[data-state="collapsed"][data-collapsible="icon"] .lds-sidenav-product-group .lds-button {
  padding: 0;
}

.lds-sidenav-product[data-state="collapsed"][data-collapsible="icon"] .lds-sidenav-product-leading-visual {
  margin-inline: auto;
}

.lds-sidenav-product[data-state="collapsed"][data-collapsible="icon"] .lds-sidenav-product-heading {
  inline-size: var(--lds-spacing-sidenav-collapsed-inner-width);
}

.lds-sidenav-product[data-state="collapsed"][data-collapsible="icon"] .lds-sidenav-product-action,
.lds-sidenav-product[data-state="collapsed"][data-collapsible="icon"] .lds-sidenav-product-group .lds-button,
.lds-sidenav-product[data-state="collapsed"][data-collapsible="icon"] .lds-sidenav-product-header .lds-button,
.lds-sidenav-product[data-state="collapsed"][data-collapsible="icon"] .lds-sidenav-product-footer .lds-button {
  aspect-ratio: 1;
  inline-size: var(--lds-spacing-sidenav-collapsed-inner-width);
  block-size: var(--lds-spacing-sidenav-collapsed-inner-width);
}

.lds-sidenav-product[data-state="collapsed"][data-collapsible="icon"] .lds-sidenav-product-action-content,
.lds-sidenav-product[data-state="collapsed"][data-collapsible="icon"] .lds-sidenav-product-trailing-visual,
.lds-sidenav-product[data-state="collapsed"][data-collapsible="icon"] .lds-sidenav-product-action-trailing-action,
.lds-sidenav-product[data-state="collapsed"][data-collapsible="icon"] .lds-sidenav-product-heading-content {
  display: none;
}

/* If overflow */

.lds-sidenav-product[data-state="collapsed"][data-collapsible="icon"]:has(.lds-sidenav-product-content[data-y-overflow="true"]) .lds-sidenav-product-container,
.lds-sidenav-product[data-state="collapsed"][data-collapsible="icon"]:has(.lds-sidenav-product-content[data-y-overflow="true"]) .lds-sidenav-product-spacer {
  inline-size: calc(var(--lds-spacing-sidenav-collapsed-width) + var(--lds-spacing-sidenav-mobile-scrollbar-width));
}

/* SideNav: Collapsed - Offcanvas */

.lds-sidenav-product[data-state="collapsed"][data-collapsible="offcanvas"] .lds-sidenav-product-container,
.lds-sidenav-product[data-state="collapsed"][data-collapsible="offcanvas"] .lds-sidenav-product-spacer {
  inline-size: 0;
}

.lds-sidenav-product[data-state="collapsed"][data-collapsible="offcanvas"] .lds-sidenav-product-container {
  inset-inline-start: calc(var(--lds-spacing-sidenav-width) * -1);
}

.lds-sidenav-product-dialog {
  position: fixed;
  inset-inline-start: 0;
  inset-block: 0;
  margin: 0;
  padding: 0;
  block-size: 100svh;
  inline-size: 100svh;
  min-block-size: 100svh;
  max-block-size: 100svh;
  max-inline-size: 100svw;
  box-shadow: none;
  background: transparent;
  border: none;
}

/* Backdrop */

.lds-sidenav-product-dialog::backdrop {
  background-color: var(--lds-color-sidenav-mobile-backdrop-background);
  backdrop-filter: var(--lds-filter-sidenav-mobile-backdrop);
}

.lds-sidenav-product-dialog[data-state="opening"]::backdrop,
.lds-sidenav-product-dialog[data-state="closing"]::backdrop {
  animation-duration: var(--lds-animation-sidenav-mobile-timing-duration);
  animation-timing-function: var(--lds-animation-sidenav-mobile-timing-function);
  animation-fill-mode: forwards;
}

.lds-sidenav-product-dialog[data-state="opening"]::backdrop {
  animation-name: sidenav-mobile-fade-in;
}

.lds-sidenav-product-dialog[data-state="closing"]::backdrop {
  animation-name: sidenav-mobile-fade-out;
}

/* Container */

.lds-sidenav-product-dialog .lds-sidenav-product-dialog-container {
  position: relative;
  block-size: 100svh;
  inline-size: 100svh;
  background: var(--lds-color-sidenav-mobile-background);
  border-color: var(--lds-color-sidenav-mobile-border);
  border-style: var(--lds-border-sidenav-mobile-style);
  border-width: var(--lds-border-sidenav-mobile-width);
  border-start-end-radius: var(--lds-radius-sidenav-mobile-top-right);
  border-end-end-radius: var(--lds-radius-sidenav-mobile-bottom-right);
  max-inline-size: var(--lds-spacing-sidenav-mobile-width);
  overflow: hidden;
}

.lds-sidenav-product-dialog[data-state="opening"] .lds-sidenav-product-dialog-container,
.lds-sidenav-product-dialog[data-state="closing"] .lds-sidenav-product-dialog-container {
  animation-duration: var(--lds-animation-sidenav-mobile-timing-duration);
  animation-timing-function: var(--lds-animation-sidenav-mobile-timing-function);
  animation-fill-mode: forwards;
}

.lds-sidenav-product-dialog[data-state="opening"] .lds-sidenav-product-dialog-container {
  animation-name: sidenav-mobile-slide-in;
}

.lds-sidenav-product-dialog[data-state="closing"] .lds-sidenav-product-dialog-container {
  animation-name: sidenav-mobile-slide-out;
}

/* Overlay */

.lds-sidenav-product-dialog .lds-sidenav-product-dialog-overlay {
  background-color: transparent;
  position: fixed;
  inset: 0;
  z-index: -1;
}

/* Animations */

@keyframes sidenav-mobile-slide-in {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}

@keyframes sidenav-mobile-slide-out {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes sidenav-mobile-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes sidenav-mobile-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.lds-skip-to-main {
  position: relative;
  font-size: var(--lds-typography-skip-to-main-font-size);
  background-color: var(--lds-color-skip-to-main-background);
}

.lds-skip-to-main.side-nav {
  padding-left: var(--lds-spacing-skip-to-main-side-nav-padding-left);
}

.lds-skip-to-main .lds-skip-placeholder {
  padding-top: 0;
  transition: padding-top var(--lds-animation-duration-medium) var(--lds-animation-timing-func-standard);
}

.lds-skip-to-main .lds-skip-link {
  position: absolute;
  display: block;
  padding: var(--lds-spacing-skip-to-main-padding);
  margin: var(--lds-spacing-skip-to-main-margin);
  color: var(--lds-color-skip-to-main);
  box-shadow: var(--lds-shadow-skip-to-main);
  border: 1px solid var(--lds-color-skip-to-main);
  border-radius: var(--lds-spacing-025);
  text-decoration: none;
  line-height: 1rem;
  transform: translateY(-225%);
  transition: transform var(--lds-animation-duration-medium) var(--lds-animation-timing-func-standard);
}

.lds-skip-to-main .lds-skip-link:focus {
  text-decoration: none;
  outline: none;
  transform: translateY(0);
}

.lds-skip-to-main .lds-skip-link:focus + .lds-skip-placeholder {
  padding-top: 2rem;
}

.lds-step-indicator {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* wrapper around list and condensed step count */

.lds-step-indicator .list-wrapper {
  display: flex;
  width: 100%;
  gap: 1rem;
  align-items: center;
  flex-wrap: wrap; /* allow the list to wrap if needed. This is an edge case if someone ever uses more than 7 steps which is not recommended */
}

/* actual ol list element */

.lds-step-indicator .step-list {
  display: flex;
  flex: 1;
  gap: 8px;
  margin: 0;
  position: relative;
  list-style-type: none;
}

/* MARK: Steps
*/

.lds-step-indicator .step-list-item {
  display: flex;
  flex-direction: column;
  flex: 1 1 0; /* makes the items grow/ shrink to fit the container. With a basis of 0 to make them all the same size */

  min-width: var(--lds-spacing-step-indicator-pill-min-width);
  max-width: var(--lds-spacing-step-indicator-pill-max-width);
}

.lds-step-indicator .step-pill {
  position: relative;
  background-color: var(--lds-color-step-indicator-pill);

  height: var(--lds-spacing-step-indicator-pill-height);
  border-radius: var(--lds-radius-step-indicator-pill);
  transition-property: background-color, color;
  transition-duration: var(--lds-animation-duration-medium);
  transition-timing-function: var(--lds-animation-timing-func-standard);
}

/* Use ::after element to animate slide going from not - active - to active */

.lds-step-indicator .step-pill::after {
  position: absolute;
  content: ' ';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--lds-radius-step-indicator-pill);

  background-size: 200% 100%;
  background-image: linear-gradient(
    to right,
    var(--lds-color-step-indicator-pill) 50%,
    var(--lds-color-step-indicator-pill-active) 50%);
  transition-property: background-position;
  transition-duration: var(--lds-animation-duration-long);
}

.lds-step-indicator .step-list-item.active .step-pill {
  background-color: var(--lds-color-step-indicator-pill-active);
}

.lds-step-indicator .step-list-item.active .step-pill::after {
  background-position: -100% 0;
}

.lds-step-indicator .step-list-item.complete .step-pill {
  background-color: var(--lds-color-step-indicator-pill-complete);
}

/*
  By setting the after to display none when complete this disables the backwards slide
  animation when going backwards from completed to active and instead fades to dark green.
  this is the desired behavior.
*/

.lds-step-indicator .step-list-item.complete .step-pill::after {
  display: none;
  background-position: -100% 0;
}

/* MARK: Step labels
*/

.lds-step-indicator .step-label {
  display: flex;
  margin-top: var(--lds-spacing-step-label-margin-top);
  line-height: var(--lds-typography-step-label-line-height);
  font-weight: var(--lds-typography-step-label-font-weight);
  font-size: var(--lds-typography-step-label-font-size);
  color: var(--lds-color-step-label);
}

.lds-step-indicator .step-list-item.active .step-label {
  font-weight: var(--lds-typography-step-label-active-font-weight);
  color: var(--lds-color-step-label-active);
}

.lds-step-indicator .step-list-item.complete .step-label {
  color: var(--lds-color-step-label-complete);
}

.lds-step-indicator .of-text {
  margin: 0 var(--lds-spacing-025);
}

/* MARK: RTL Support
 */

[dir="rtl"] .lds-step-indicator .step-list-item.active .step-pill::after,
[dir="rtl"] .lds-step-indicator .step-list-item.complete .step-pill::after {
  background-position: 100% 0;
}

.lds-step-indicator.condensed {
  --lds-spacing-step-indicator-pill-min-width: 24px;
  --lds-spacing-step-indicator-pill-max-width: 72px;

  --lds-spacing-step-indicator-pill-height: 6px;
}

.lds-step-indicator.condensed .step-label,
.lds-step-indicator .step-label,
.lds-step-indicator.condensed .complete-label,
.lds-step-indicator .complete-label {
  display: none;
}

.step-count,
.lds-step-indicator.condensed .step-count {
  color: var(--lds-color-step-indicator);
  display: inline-block;
  font-weight: 700;
  white-space: nowrap;
}

.condensed-complete-label,
.condensed-label,
.condensed-next-label {
  display: none;
}

.lds-step-indicator.condensed .condensed-label,
.lds-step-indicator.condensed .condensed-next-label,
.lds-step-indicator.condensed .condensed-complete-label {
  display: flex;
  color: var(--lds-color-step-ind-cnds-label);
}

.lds-step-indicator.condensed .condensed-label,
.lds-step-indicator.condensed .condensed-complete-label {
  font-size: var(--lds-typography-step-ind-cnds-label-font-size);
  line-height: var(--lds-typography-step-ind-cnds-label-line-height);
  font-weight: var(--lds-typography-step-ind-cnds-label-font-weight);
}

.lds-step-indicator.condensed .condensed-next-label {
  font-size: var(--lds-typography-step-ind-cnds-next-font-size);
  line-height: var(--lds-typography-step-ind-cnds-next-line-height);
  font-weight: var(--lds-typography-step-ind-cnds-next-font-weight);
}

.lds-step-indicator.condensed .condensed-complete-label {
  display: flex;
  align-items: center;
  gap: 8px;
}

.lds-step-indicator.condensed .condensed-complete-label .lds-icon {
  width: 20px;
  height: 22px;
}

.lds-step-indicator .step-label {
  display: flex;
  margin-top: var(--lds-spacing-step-label-margin-top);
  line-height: var(--lds-typography-step-label-line-height);
  font-weight: var(--lds-typography-step-label-font-weight);
  font-size: var(--lds-typography-step-label-font-size);
  color: var(--lds-color-step-label);
}

.lds-step-indicator .step-list-item.active .step-label {
  font-weight: var(--lds-typography-step-label-active-font-weight);
  color: var(--lds-color-step-label-active);
}

.lds-step-indicator .step-list-item.complete .step-label {
  color: var(--lds-color-step-label-complete);
}

/* Do not show step labels when all steps completed */

.lds-step-indicator.all-completed .step-label {
  display: none;
}

.lds-step-indicator .complete-label {
  display: flex;
  align-items: center;
  justify-content: flex-end;

  margin-top: var(--lds-spacing-step-label-margin-top);
  line-height: var(--lds-typography-step-label-line-height);
  font-weight: var(--lds-typography-step-label-active-font-weight);
  font-size: var(--lds-typography-step-label-font-size);
  color: var(--lds-color-step-label-active);
}

.lds-step-indicator .complete-label .lds-icon {
  width: 20px;
  height: 22px;
  background-color: var(--lds-color-step-indicator-pill-complete);
}

.lds-step-indicator .step-count {
  display: none;
}

.lds-sticky {
  position: sticky;
  top: var(--lds-spacing-sticky-top);
  z-index: var(--lds-z-index-sticky);
}

.lds-switch .lds-switch-label {
  display: inline-block;
  cursor: pointer;
  font-weight: var(--lds-typography-font-weight-bold);
}

.lds-switch .lds-switch-toggle {
  position: relative;
  display: inline-block;
  width: auto;
  min-width: var(--lds-spacing-switch-min-width);
  height: var(--lds-spacing-150);
  border: var(--lds-border-switch-toggle-width)
    var(--lds-border-switch-toggle-style) var(--lds-color-switch-bg);
  border-radius: var(--lds-border-switch-radius);
  margin-inline-start: var(--lds-spacing-switch-margin-left);
  background: var(--lds-color-switch-bg);
  cursor: pointer;
  font-size: var(--lds-typography-switch-font-size);
  line-height: var(--lds-typography-switch-toggle-line-height);
  text-transform: uppercase;
  transition: var(--lds-animation-switch-toggle);
  vertical-align: bottom;
}

.lds-switch .lds-switch-toggle-knob {
  position: absolute;
  top: 0;
  inset-inline-end: 100%;
  display: block;
  width: var(--lds-dimension-switch-toggle-width);
  height: var(--lds-dimension-switch-toggle-height);
  border-radius: var(--lds-border-switch-radius);
  margin-inline-end: var(--lds-spacing-switch-toggle-margin-right);
  background: var(--lds-color-switch-knob);
  transition: var(--lds-animation-switch-toggle);
}

.lds-switch .lds-switch-toggle:hover .lds-switch-toggle-knob {
  border: var(--lds-border-switch-toggle-hover-width)
    var(--lds-border-switch-toggle-hover-style)
    var(--lds-color-switch-knob-border);
}

.lds-switch .lds-switch-input:not(:checked) + .lds-switch-toggle .lds-switch-toggle-knob {
  margin-inline-start: var(--lds-spacing-switch-toggle-margin-left);
}

.lds-switch .lds-switch-input:checked + .lds-switch-toggle {
  border-color: var(--lds-color-switch-selected-bg);
  background-color: var(--lds-color-switch-selected-bg);
}

.lds-switch .lds-switch-input:checked + .lds-switch-toggle .lds-switch-toggle-knob {
  inset-inline-end: var(--lds-spacing-000);
  margin-inline-end: var(--lds-spacing-000);
}

.lds-switch .lds-switch-input:checked + .lds-switch-toggle:hover .lds-switch-toggle-knob {
  border: var(--lds-border-switch-toggle-hover-width)
    var(--lds-border-switch-toggle-hover-style)
    var(--lds-color-switch-selected-knob-border);
}

.lds-switch.disabled .lds-switch-label {
  color: var(--lds-color-form-label-disabled);
  cursor: not-allowed;
}

.lds-switch.disabled .lds-switch-toggle,
.lds-switch.disabled .lds-switch-input:checked + .lds-switch-toggle {
  border-color: var(--lds-color-switch-input-disabled);
  background-color: var(--lds-color-switch-input-disabled);
  cursor: not-allowed;
}

.lds-switch.disabled .lds-switch-toggle:hover .lds-switch-toggle-knob,
.lds-switch.disabled .lds-switch-input:checked + .lds-switch-toggle:hover .lds-switch-toggle-knob {
  border: var(--lds-spacing-000);
}

.lds-switch-input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin-inline-start: -1px;
  opacity: 0;
}

.lds-switch-toggle .lds-switch-toggle-knob {
  position: absolute;
  top: 0;
  display: block;
  width: var(--lds-dimension-switch-toggle-height);
  height: var(--lds-dimension-switch-toggle-width);
  border-radius: var(--lds-border-switch-radius);
  background-color: var(--lds-color-white);
  transition: var(--lds-animation-switch-toggle);
}

.lds-switch-input:focus + .lds-switch-toggle {
  outline-color: var(--lds-color-focus-outline);
  outline-offset: var(--lds-border-focus-outline-offset);
  outline-style: var(--lds-border-focus-outline-style);
  outline-width: var(--lds-border-focus-outline-width);
  box-shadow: var(--lds-shadow-focus-3px) var(--lds-color-focus-shadow);
}

.lds-table-v1-wrapper {
  position: relative;
  overflow: auto;
  max-width: 100%;
  border-radius: var(--lds-radius-table);
  padding: 6px; /* padding needed to show shadow */
}

.lds-table-v1 {
  width: 100%;
  border-radius: var(--lds-radius-table);
  border-collapse: separate;
  box-shadow: var(--lds-shadow-table);
}

/* non-striped tables have borders on the bottom of rows */

.lds-table-v1:not(.striped) td,
.lds-table-v1:not(.striped) tbody th {
  padding-bottom: calc(var(--lds-spacing-table-cell-padding-bottom-mobile) - var(--lds-border-table-cell-bottom-width));

  border-bottom-width: var(--lds-border-table-cell-bottom-width);
  border-bottom-style: var(--lds-border-table-cell-bottom-style);
  border-bottom-color:  var(--lds-color-table-cell-border-bottom);
}

/* last row should not have the border */

.lds-table-v1:not(.striped) tr:last-child td,
.lds-table-v1:not(.striped) tbody tr:last-child th {
  padding-bottom: var(--lds-spacing-table-cell-padding-bottom-mobile);
  border-bottom: 0;
}

@media (min-width: 992px) {
  .lds-table-v1:not(.striped) td,
  .lds-table-v1:not(.striped) tbody th {
    padding-bottom: calc(var(--lds-spacing-table-cell-padding-bottom) - var(--lds-border-table-cell-bottom-width));
  }

  .lds-table-v1:not(.striped) tr:last-child td,
  .lds-table-v1:not(.striped) tbody tr:last-child th {
    padding-bottom: var(--lds-spacing-table-cell-padding-bottom);
  }

}

.lds-table-v1.striped tr:nth-child(2n) td,
.lds-table-v1.striped tr:nth-child(2n) th {
  background-color: var(--lds-color-table-row-stripe);
}

.lds-table-v1.layout-fixed { table-layout: fixed; }

.lds-table-v1.layout-auto { table-layout: auto; }

.lds-table-v1 thead th {
  border-bottom-width: var(--lds-border-table-bottom-width);
  border-bottom-style: var(--lds-border-table-bottom-style);
  border-bottom-color: var(--lds-color-table-head-border-bottom);
  text-align: var(--lds-typography-table-head-cell-align);
}

.lds-table-v1 td,
.lds-table-v1 th {
  padding-top: var(--lds-spacing-table-cell-padding-top-mobile);
  padding-bottom: var(--lds-spacing-table-cell-padding-bottom-mobile);
  padding-left: var(--lds-spacing-table-cell-padding-left-mobile);
  padding-right: var(--lds-spacing-table-cell-padding-right-mobile);
}

.lds-table-v1 th:last-child,
.lds-table-v1 td:last-child  {
  padding-right: var(--lds-spacing-table-cell-last-child-padding-right-mobile);
}

.lds-table-v1 td:first-child,
.lds-table-v1 tbody th,
.lds-table-v1 thead th:first-child {
  text-align: var(--lds-typography-table-first-column-cell-align);
  padding-left: var(--lds-spacing-table-cell-first-child-padding-left-mobile);
}

.lds-table-v1 tbody td {
  text-align: var(--lds-typography-table-body-cell-align);
}

/* LG */

@media (min-width: 992px) {
  .lds-table-v1 td,
  .lds-table-v1 th {
    padding-top: var(--lds-spacing-table-cell-padding-top);
    padding-bottom: var(--lds-spacing-table-cell-padding-bottom);
    padding-left: var(--lds-spacing-table-cell-padding-left);
    padding-right: var(--lds-spacing-table-cell-padding-right);
  }

  .lds-table-v1 th:last-child,
  .lds-table-v1 td:last-child  {
    padding-right: var(--lds-spacing-table-cell-last-child-padding-right);
  }

  .lds-table-v1 td:first-child,
  .lds-table-v1 tbody th,
  .lds-table-v1 thead th:first-child {
    padding-left: var(--lds-spacing-table-cell-first-child-padding-left);
  }
}

/* Alignment "hard" overrides */

.lds-table-v1 td.align-left,
.lds-table-v1 th.align-left,
.lds-table-v1 tr.align-left td,
.lds-table-v1 tr.align-left th {
  text-align: left !important;
}

.lds-table-v1 td.align-right,
.lds-table-v1 th.align-right,
.lds-table-v1 tr.align-right td,
.lds-table-v1 tr.align-right th {
  text-align: right !important;
}

.lds-table-v1 td.align-center,
.lds-table-v1 th.align-center,
.lds-table-v1 tr.align-center td,
.lds-table-v1 tr.align-center th {
  text-align: center !important;
}

.lds-table-v1.flat {
  border-radius: var(--lds-radius-table-flat);
  box-shadow: var(--lds-shadow-table-flat);
  border: 0;
}

.lds-table-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  border-radius: var(--lds-radius-table);
  background-color: var(--lds-color-table-bg);
  margin-bottom: var(--lds-spacing-table-margin-bottom);
  z-index: var(--lds-z-index-table-wrapper);
}

.lds-table-wrapper .lds-table-scroll-box {
  position: relative;
  overflow: auto;
  width: 100%;
  z-index: var(--lds-z-index-table-scroll-box);
}

.lds-table-scroll-shadow-right,
.lds-table-scroll-shadow-left {
  bottom: 0;
  pointer-events: none;
  position: absolute;
  -webkit-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
  height: 100%;
  width: 2.5rem;
  z-index: var(--lds-z-index-table-scroll-shadows)
}

.lds-table-scroll-shadow-right {
  background: var(--lds-color-table-scroll-shadow-bg-right);
  filter: blur(.125rem);
  inset-inline-end: 0;
}

.lds-table-scroll-shadow-left {
  background: var(--lds-color-table-scroll-shadow-bg-left);
  filter: blur(.125rem);
  inset-inline-start: 0;
}

.frozen-first-col .lds-table-scroll-shadow-left,
.frozen-first-col-body .lds-table-scroll-shadow-left,
.frozen-second-col .lds-table-scroll-shadow-left,
.frozen-second-col-body .lds-table-scroll-shadow-left {
  display: none !important;
  visibility: hidden;
}

.lds-table-top-scroll-bar {
  position: relative;
  overflow: auto;
  width: 100%;
}

.lds-table-top-scroll-bar-filler {
  display: block;
  position: relative;
  height: 0;
  width: 100%;
  background-color: transparent;
}

.lds-table-caption {
  margin-bottom: var(--lds-spacing-table-caption-margin-bottom);
  color: var(--lds-typography-table-caption-color);
  font-size: var(--lds-typography-table-caption-xs-font-size);
  font-weight: var(--lds-typography-table-caption-xs-font-weight);
  line-height: var(--lds-typography-table-caption-xs-line-height);
  z-index: var(--lds-z-index-table-caption);
}

.lds-table-caption .lds-table-caption-eyebrow {
  display: block;
  position: relative;
  margin-bottom: var(--lds-spacing-table-caption-eyebrow-margin-bottom);
  color: var(--lds-typography-table-caption-eybrow-color);
  font-size: var(--lds-typography-table-caption-eyebrow-xs-font-size);
  font-weight: var(--lds-typography-table-caption-eyebrow-xs-font-weight);
  line-height: var(--lds-typography-table-caption-eyebrow-xs-line-height);
  text-transform: var(--lds-typography-table-caption-eyebrow-text-transform);
}

button.lds-table-scroll-overlay {
  display: none;
  position: absolute;
  z-index: var(--lds-z-index-table-scroll-overlay);
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: none 0 transparent;
  background: transparent;
  text-align: center;
}

.lds-table-container.scrollable.scroll-overlay button.lds-table-scroll-overlay {
  display: block;
}

button.lds-table-scroll-overlay span.lds-table-scroll-overlay-container {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

button.lds-table-scroll-overlay span.lds-table-swipe-notice {
  display: block;
  position: relative;
  top: var(--lds-spacing-scroll-overlay-top-offset);
  margin: 0 auto;
  padding: var(--lds-spacing-scroll-overlay-padding);
  max-width: var(--lds-spacing-scroll-overlay-max-width);
  border-radius: var(--lds-radius-scroll-overlay);
  text-align: center;
  background: var(--lds-color-scroll-overlay-background);
  box-shadow: var(--lds-shadow-scroll-overlay);
  backdrop-filter: blur(1px);
}

.lds-table-swipe-notice svg.lds-table-scroll-overlay-icon {
  height: var(--lds-spacing-scroll-overlay-icon-height);
  stroke: var(--lds-color-scroll-overlay-icon);
  margin-bottom: var(--lds-spacing-scroll-overlay-icon-margin-bottom);
}

.lds-table-swipe-notice span.lds-table-scroll-overlay-text {
  display: block;
  font-size: var(--lds-typography-scroll-overlay-font-size);
  font-weight: var(--lds-typography-scroll-overlay-font-weight);
  line-height: var(--lds-typography-scroll-overlay-line-height);
  color: var(--lds-typography-scroll-overlay-color);
  margin: 0;
}

/** RESPONSIVE OVERRIDES **/

/* [SM] */

@media (min-width: 576px) {
  .lds-table-caption {
    font-size: var(--lds-typography-table-caption-sm-font-size);
    font-weight: var(--lds-typography-table-caption-sm-font-weight);
    line-height: var(--lds-typography-table-caption-sm-line-height);
  }
  .lds-table-caption .lds-table-caption-eyebrow {
    font-size: var(--lds-typography-table-caption-eyebrow-sm-font-size);
    font-weight: var(--lds-typography-table-caption-eyebrow-sm-font-weight);
    line-height: var(--lds-typography-table-caption-eyebrow-sm-line-height);
  }
}

/* [MD] */

@media (min-width: 768px) {
  .lds-table-caption {
    font-size: var(--lds-typography-table-caption-md-font-size);
    font-weight: var(--lds-typography-table-caption-md-font-weight);
    line-height: var(--lds-typography-table-caption-md-line-height);
  }
  .lds-table-caption .lds-table-caption-eyebrow {
    font-size: var(--lds-typography-table-caption-eyebrow-md-font-size);
    font-weight: var(--lds-typography-table-caption-eyebrow-md-font-weight);
    line-height: var(--lds-typography-table-caption-eyebrow-md-line-height);
  }
}

/* [LG] */

@media (min-width: 992px) {
  .lds-table-caption {
    font-size: var(--lds-typography-table-caption-lg-font-size);
    font-weight: var(--lds-typography-table-caption-lg-font-weight);
    line-height: var(--lds-typography-table-caption-lg-line-height);
  }
  .lds-table-caption .lds-table-caption-eyebrow {
    font-size: var(--lds-typography-table-caption-eyebrow-lg-font-size);
    font-weight: var(--lds-typography-table-caption-eyebrow-lg-font-weight);
    line-height: var(--lds-typography-table-caption-eyebrow-lg-line-height);
  }
}

/* [XL] */

@media (min-width: 1200px) {
  .lds-table-caption {
    font-size: var(--lds-typography-table-caption-xl-font-size);
    font-weight: var(--lds-typography-table-caption-xl-font-weight);
    line-height: var(--lds-typography-table-caption-xl-line-height);
  }
  .lds-table-caption .lds-table-caption-eyebrow {
    font-size: var(--lds-typography-table-caption-eyebrow-xl-font-size);
    font-weight: var(--lds-typography-table-caption-eyebrow-xl-font-weight);
    line-height: var(--lds-typography-table-caption-eyebrow-xl-line-height);
  }
}

/* [XXL] */

@media (min-width: 1400px) {
  .lds-table-caption {
    font-size: var(--lds-typography-table-caption-xxl-font-size);
    font-weight: var(--lds-typography-table-caption-xxl-font-weight);
    line-height: var(--lds-typography-table-caption-xxl-line-height);
  }
  .lds-table-caption .lds-table-caption-eyebrow {
    font-size: var(--lds-typography-table-caption-eyebrow-xxl-font-size);
    font-weight: var(--lds-typography-table-caption-eyebrow-xxl-font-weight);
    line-height: var(--lds-typography-table-caption-eyebrow-xxl-line-height);
  }
}

table.lds-table {
  table-layout: var(--lds-spacing-table-layout);
  height: 1px;
  width: var(--lds-spacing-table-width);
  border-collapse: var(--lds-spacing-table-border-collapse);
  background-color: var(--lds-color-table-bg);
  z-index: var(--lds-z-index-table);
}

table.lds-table tr {
  height: 100%;
  border-top-width: var(--lds-spacing-table-row-border-width);
  border-top-style: solid;
  border-top-color:  var(--lds-color-table-bg);
  border-bottom-width: var(--lds-spacing-table-row-border-width);
  border-bottom-style: solid;
  border-bottom-color: var(--lds-color-table-bg);
}

/** Global Cell Styles **/

table.lds-table th,
table.lds-table td {
  position: relative;
  z-index: var(--lds-z-index-table-cells);
  height: 100%;
  max-width: var(--lds-spacing-table-cell-max-width); /* Doesn't apply unless table-layout is "fixed" */
  padding: var(--lds-spacing-table-cell-padding);
}

/** Base Cell Typography **/

table.lds-table th {
  color: var(--lds-typography-table-th-color);
  font-size: var(--lds-typography-table-th-xs-font-size);
  font-weight: var(--lds-typography-table-th-xs-font-weight);
  line-height: var(--lds-typography-table-th-xs-line-height);
}

table.lds-table td {
  color: var(--lds-typography-table-td-color);
  font-size: var(--lds-typography-table-td-xs-font-size);
  font-weight: var(--lds-typography-table-td-xs-font-weight);
  line-height: var(--lds-typography-table-td-xs-line-height);
}

/** Psuedo-Row Radius **/

/* Table rows <tr> do not accept a border-radius value. Therefore to make rows appear to have a
 * Border radius on either end, the first row cell must have a top and bottom left radius and
 * likewise the last cell must have a top and bottom right radius.
 *
 * Furthermore, because we are using borders on rows to separate the rows per the design, for the
 * radius to look as designed, it needs to be twice as large as the design value.
 */

table.lds-table tr th:first-of-type,
table.lds-table tr th:first-child,
table.lds-table tr td:first-child {
  border-start-start-radius: calc(var(--lds-radius-table) * 2);
  border-end-start-radius: calc(var(--lds-radius-table) * 2);
}

table.lds-table tr th:last-child,
table.lds-table tr td:last-child {
  border-start-end-radius: calc(var(--lds-radius-table) * 2);
  border-end-end-radius: calc(var(--lds-radius-table) * 2);
}

/** Standard Table Head Cell Styling **/

table.lds-table thead th,
table.lds-table thead td {
  vertical-align: var(--lds-typography-table-head-cell-vertical-align);
}

table.lds-table thead th {
  background-color: var(--lds-color-table-head-th-bg);
}

table.lds-table thead td {
  background-color: var(--lds-color-table-head-td-bg);
}

table.lds-table thead th.row-heading-cell {
  background-color: var(--lds-color-table-head-th-bg);
}

table.lds-table thead th.row-heading-cell .row-heading-cell-inner {
  background-color: var(--lds-color-table-head-th-bg);
  justify-content: center;
}

/** Standard Table Body Cell Styling **/

table.lds-table tbody th,
table.lds-table tbody td {
  vertical-align: var(--lds-typography-table-body-cell-vertical-align);
}

table.lds-table tbody th {
  background-color: var(--lds-color-table-body-th-bg);
}

table.lds-table tbody td {
  background-color: var(--lds-color-table-body-td-bg);
}

table.lds-table tbody th.row-heading-cell {
  background-color: var(--lds-color-table-body-td-bg);
}

table.lds-table tbody th.row-heading-cell .row-heading-cell-inner {
  background-color: var(--lds-color-table-body-th-bg);
}

/** Table Cell Content Alignment **/

table.lds-table thead.ta-center th,
table.lds-table thead.ta-center td,
table.lds-table tbody.ta-center th,
table.lds-table tbody.ta-center td,
table.lds-table tr.ta-center th,
table.lds-table tr.ta-center td {
  text-align: center;
}

table.lds-table thead.ta-left th,
table.lds-table thead.ta-left td,
table.lds-table tbody.ta-left th,
table.lds-table tbody.ta-left td,
table.lds-table tr.ta-left th,
table.lds-table tr.ta-left td {
  text-align: start;
}

table.lds-table thead.ta-right th,
table.lds-table thead.ta-right td,
table.lds-table tbody.ta-right th,
table.lds-table tbody.ta-right td,
table.lds-table tr.ta-right th,
table.lds-table tr.ta-right td {
  text-align: end;
}

/** Table Caption Element **/

/* Because it would horizontally scroll with the table, the table caption element content is ALWAYS
 * visually hidden. But it must be accessible to screen readers so this is nearly identical to our
 * utility "sr-only" class style. The visual caption will go into a bespoke container above the
 * table which will be hidden from assistive technology.
 *
 * Note that position absolute appears to be unnecessary in the table context. Furthermore it
 * causes an unexpected 1px of phantom whitespace to be rendered above the <tbody> (between it and
 * the <thead> if present).
 */

table.lds-table caption {
  /* position: absolute; */
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}

/** Row Heading Cells (Customizations for Freezing Columns) **/

table.lds-table th.row-heading-cell {
  height: 100%;
  padding: 0;
}

table.lds-table th.row-heading-cell .row-heading-cell-inner {
  display: flex;
  position: relative;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: var(--lds-spacing-table-cell-padding);
  border-radius: calc(var(--lds-radius-table) * 2);
}

table.lds-table thead.ta-center th.row-heading-cell .row-heading-cell-inner,
table.lds-table tbody.ta-center th.row-heading-cell .row-heading-cell-inner,
table.lds-table tr.ta-center th.row-heading-cell .row-heading-cell-inner,
table.lds-table th.row-heading-cell.ta-center .row-heading-cell-inner {
  justify-content: center;
}

table.lds-table thead.ta-left th.row-heading-cell .row-heading-cell-inner,
table.lds-table tbody.ta-left th.row-heading-cell .row-heading-cell-inner,
table.lds-table tr.ta-left th.row-heading-cell .row-heading-cell-inner,
table.lds-table th.row-heading-cell.ta-left .row-heading-cell-inner {
  justify-content: start;
}

table.lds-table thead.ta-right th.row-heading-cell .row-heading-cell-inner,
table.lds-table tbody.ta-right th.row-heading-cell .row-heading-cell-inner,
table.lds-table tr.ta-right th.row-heading-cell .row-heading-cell-inner,
table.lds-table th.row-heading-cell.ta-right .row-heading-cell-inner {
  justify-content: end;
}

/** Freezing Row Heading Cells in Columns */

.lds-table-container.frozen-first-col table.lds-table th:nth-child(1),
.lds-table-container.frozen-first-col-body table.lds-table tbody th:nth-child(1),
.lds-table-container.frozen-second-col table.lds-table th:nth-child(2),
.lds-table-container.frozen-second-col-body table.lds-table tbody th:nth-child(2)
{
  position: sticky;
  inset-inline-start: 0;
  z-index: var(--lds-z-index-table-cells-frozen);
}

.lds-table-container.scrollable.frozen-second-col table.lds-table thead .row-heading-cell-inner {
  border-inline-start: solid 1px var(--lds-color-table-head-th-frozen-border);
}

.lds-table-container.scrollable.frozen-first-col table.lds-table th:nth-child(1),
.lds-table-container.scrollable.frozen-first-col-body table.lds-table tbody th:nth-child(1),
.lds-table-container.scrollable.frozen-second-col table.lds-table th:nth-child(2),
.lds-table-container.scrollable.frozen-second-col-body table.lds-table tbody th:nth-child(2),
.lds-table-container.scrollable.frozen-first-col table.lds-table .row-heading-cell-inner,
.lds-table-container.scrollable.frozen-first-col-body table.lds-table tbody .row-heading-cell-inner,
.lds-table-container.scrollable.frozen-second-col table.lds-table .row-heading-cell-inner,
.lds-table-container.scrollable.frozen-second-col-body table.lds-table tbody .row-heading-cell-inner
{
  box-shadow: var(--lds-shadow-table-cell-frozen-12);
}

.lds-table-container.scrollable.frozen-first-col.frozen-col-shadow-25 table.lds-table th:nth-child(1),
.lds-table-container.scrollable.frozen-first-col-body.frozen-col-shadow-25 table.lds-table tbody th:nth-child(1),
.lds-table-container.scrollable.frozen-second-col.frozen-col-shadow-25 table.lds-table th:nth-child(2),
.lds-table-container.scrollable.frozen-second-col-body.frozen-col-shadow-25 table.lds-table tbody th:nth-child(2),
.lds-table-container.scrollable.frozen-first-col.frozen-col-shadow-25 table.lds-table .row-heading-cell-inner,
.lds-table-container.scrollable.frozen-first-col-body.frozen-col-shadow-25 table.lds-table tbody .row-heading-cell-inner,
.lds-table-container.scrollable.frozen-second-col.frozen-col-shadow-25 table.lds-table .row-heading-cell-inner,
.lds-table-container.scrollable.frozen-second-col-body.frozen-col-shadow-25 table.lds-table tbody .row-heading-cell-inner
{
  box-shadow: var(--lds-shadow-table-cell-frozen-25);
}

.frozen-first-col table.lds-table td:nth-child(1),
.frozen-first-col-body table.lds-table tbody td:nth-child(1),
.frozen-second-col table.lds-table td:nth-child(2),
.frozen-second-col-body table.lds-table tbody td:nth-child(2) {
  background-color: transparent;
}

/** Default neumeric data styles **/

table.lds-table tbody.numeric-data td,
table.lds-table tr.numeric-data td,
table.lds-table td.numeric-data,
table.lds-table th.numeric-data {
  font-family: var(--lds-typography-font-family-mono);
  text-align: center;
}

/** RESPONSIVE OVERRIDES **/

/* [SM] */

@media (min-width: 576px) {
  table.lds-table th {
    font-size: var(--lds-typography-table-th-sm-font-size);
    font-weight: var(--lds-typography-table-th-sm-font-weight);
    line-height: var(--lds-typography-table-th-sm-line-height);
  }
  table.lds-table td {
    font-size: var(--lds-typography-table-td-sm-font-size);
    font-weight: var(--lds-typography-table-td-sm-font-weight);
    line-height: var(--lds-typography-table-td-sm-line-height);
  }
}

/* [MD] */

@media (min-width: 768px) {
  table.lds-table th {
    font-size: var(--lds-typography-table-th-md-font-size);
    font-weight: var(--lds-typography-table-th-md-font-weight);
    line-height: var(--lds-typography-table-th-md-line-height);
  }
  table.lds-table td {
    font-size: var(--lds-typography-table-td-md-font-size);
    font-weight: var(--lds-typography-table-td-md-font-weight);
    line-height: var(--lds-typography-table-td-md-line-height);
  }
}

/* [LG] */

@media (min-width: 992px) {
  table.lds-table th {
    font-size: var(--lds-typography-table-th-lg-font-size);
    font-weight: var(--lds-typography-table-th-lg-font-weight);
    line-height: var(--lds-typography-table-th-lg-line-height);
  }
  table.lds-table td {
    font-size: var(--lds-typography-table-td-lg-font-size);
    font-weight: var(--lds-typography-table-td-lg-font-weight);
    line-height: var(--lds-typography-table-td-lg-line-height);
  }
}

/* [XL] */

@media (min-width: 1200px) {
  table.lds-table th {
    font-size: var(--lds-typography-table-th-xl-font-size);
    font-weight: var(--lds-typography-table-th-xl-font-weight);
    line-height: var(--lds-typography-table-th-xl-line-height);
  }
  table.lds-table td {
    font-size: var(--lds-typography-table-td-xl-font-size);
    font-weight: var(--lds-typography-table-td-xl-font-weight);
    line-height: var(--lds-typography-table-td-xl-line-height);
  }
}

/* [XXL] */

@media (min-width: 1400px) {
  table.lds-table th {
    font-size: var(--lds-typography-table-th-xxl-font-size);
    font-weight: var(--lds-typography-table-th-xxl-font-weight);
    line-height: var(--lds-typography-table-th-xxl-line-height);
  }
  table.lds-table td {
    font-size: var(--lds-typography-table-td-xxl-font-size);
    font-weight: var(--lds-typography-table-td-xxl-font-weight);
    line-height: var(--lds-typography-table-td-xxl-line-height);
  }
}

/** ABSOLUTE OVERRIDES **/

.clear-default-cell-color table.lds-table thead th,
.clear-default-cell-color table.lds-table thead td,
.clear-default-cell-color table.lds-table tbody th,
.clear-default-cell-color table.lds-table tbody td {
  background-color: transparent;
}

table.lds-table th.no-radius,
table.lds-table td.no-radius {
  border-radius: 0 !important;
}

/* MARK: RTL Support
 */

[dir="rtl"] .lds-table-container.scrollable {
  --lds-shadow-table-cell-frozen-25: var(--lds-shadow-table-cell-frozen-rtl-25);
  --lds-shadow-table-cell-frozen-12: var(--lds-shadow-table-cell-frozen-rtl-12);
}

.lds-table-container.comfortable-density {
  --lds-spacing-table-discrete-cell-border-spacing: var(--lds-spacing-table-discrete-cell-border-spacing-comfortable);

  --lds-spacing-table-row-border-width: var(--lds-spacing-table-row-border-width-comfortable);

  --lds-spacing-table-cell-padding:
    var(--lds-spacing-table-cell-padding-vert-comfortable)
    var(--lds-spacing-table-cell-padding-horz-comfortable);
}

.lds-table-container.compact-density {
  --lds-spacing-table-discrete-cell-border-spacing: var(--lds-spacing-table-discrete-cell-border-spacing-compact);

  --lds-spacing-table-row-border-width: var(--lds-spacing-table-row-border-width-compact);

  --lds-spacing-table-cell-padding:
    var(--lds-spacing-table-cell-padding-vert-compact)
    var(--lds-spacing-table-cell-padding-horz-compact);
}

.lds-table-container.comfortable-density {
  --lds-radius-table: var(--lds-radius-table-comfortable);
}

.lds-table-container.compact-density {
  --lds-radius-table: var(--lds-radius-table-compact);
}

.lds-table-container.discrete-cells {
  --lds-spacing-table-border-collapse: separate;
}

.lds-table-container.discrete-cells table.lds-table {
  border-spacing: var(--lds-spacing-table-discrete-cell-border-spacing);
}

.lds-table-container.discrete-cells table.lds-table tr {
  border: none 0 transparent;
}

.lds-table-container.discrete-cells table.lds-table th,
.lds-table-container.discrete-cells table.lds-table td {
  border-radius: var(--lds-radius-table);
}

.lds-table-container.discrete-cells table.lds-table th.row-heading-cell {
  padding: var(--lds-spacing-table-cell-padding);
}

.lds-table-container.discrete-cells table.lds-table thead th.row-heading-cell {
  background-color: var(--lds-color-table-head-th-bg);
}

.lds-table-container.discrete-cells table.lds-table tbody th.row-heading-cell {
  background-color: var(--lds-color-table-body-th-bg);
}

.lds-table-container.discrete-cells table.lds-table th.row-heading-cell .row-heading-cell-inner {
  display: inline;
  width: auto;
  height: auto;
  padding: 0;
  border-radius: unset;
}

.lds-table-container.discrete-cells table.lds-table th.row-heading-cell .row-heading-cell-inner,
.lds-table-container.discrete-cells.frozen-col-shadow-25 table.lds-table th.row-heading-cell .row-heading-cell-inner {
  box-shadow: none;
}

.lds-table-container.discrete-cells.scrollable.frozen-second-col table.lds-table thead .row-heading-cell-inner {
  border-left: none;
}

.lds-tab-group {
  margin-bottom: var(--lds-spacing-tab-group-margin-bottom);
  overflow: visible;
  border-radius: var(--lds-radius-tab-group);
}

.lds-tab-group.full-width .lds-tab-header {
  /* remove radius when in full width mode */
  border-radius: 0;
}

/* This statement goes second in case tabs are nested */

.lds-tab-header,
.lds-tab-group.contained .lds-tab-header {
  display: block;
  background-color: var(--lds-color-tab-header-bg);
  border-bottom-width: var(--lds-border-tab-header-width);
  border-bottom-style: var(--lds-border-tab-header-style);
  border-bottom-color: var(--lds-color-tab-header-border);
  border-top-right-radius: var(--lds-radius-tab-header-top);
  border-top-left-radius: var(--lds-radius-tab-header-top);
}

.lds-tab-header.left {
  text-align: start;
}

.lds-tab-header.left .tab-btn-container {
  justify-content: start;
}

.lds-tab-header.right {
  text-align: end;
}

.lds-tab-header.right .tab-btn-container {
  justify-content: end;
}

.lds-tab-header.center {
  text-align: center;
}

.lds-tab-header.center .tab-btn-container {
  justify-content: center;
}

.lds-tab-header .tab-btn {
  position: relative;
  border-top-left-radius: var(--lds-radius-tab-button-top);
  border-top-right-radius: var(--lds-radius-tab-button-top);
  border-bottom-left-radius: var(--lds-radius-tab-button-bottom);
  border-bottom-right-radius: var(--lds-radius-tab-button-bottom);
  color: var(--lds-color-tab-button-foreground);
  background-color: var(--lds-color-tab-header-bg);
  font-size: var(--lds-typography-tab-button-font-size);
  outline: 0;
  padding-top: var(--lds-spacing-tab-button-padding-top);
  padding-bottom: var(--lds-spacing-tab-button-padding-bottom);
  padding-left: var(--lds-spacing-tab-button-padding-left);
  padding-right: var(--lds-spacing-tab-button-padding-right);
  transition: all var(--lds-animation-duration-medium) var(--lds-animation-timing-func-standard);
  white-space: nowrap;
}

.tab-btn.tab-drawer-btn {
  white-space: unset;
}

.lds-tab-header.full .tab-btn {
  display: flex;
  flex: 1;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.tab-btn.active {
  background-color: var(--lds-color-tab-button-active-bg);
  color: var(--lds-color-tab-button-active-foreground);
  font-weight: var(--lds-typography-tab-button-active-font-weight);
}

.tab-btn:focus {
  position: relative;
  z-index: 1; /* Show focus outline above other buttons */
  outline-color: var(--lds-color-tab-button-focus);
  outline-offset: var(--lds-border-tab-button-outline-offset);
  outline-width: var(--lds-border-tab-button-outline-width);
  outline-style: var(--lds-border-tab-button-outline-style);
}

.tab-btn:not(.active):hover {
  background-color: var(--lds-color-tab-button-hover);
}

/* In mobile we use a "drawer" for tab buttons */

.tab-btn-container {
  display: none
}

@media (min-width: 768px) {
  .tab-btn-container {
    display: flex;
  }
}

/* This class is added if the tabs are long enough to force the mobile "drawer" */

/* stylelint-disable-next-line selector-class-pattern */

.tab-btn-container__force-mobile {
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

/* ~~~ MOBILE STYLES FOR TAB DRAWER ~~~ */

.lds-tab-drawer {
  display: block;
  position: relative;
  max-width: 95%;
}

@media (min-width: 768px) {
  .lds-tab-drawer {
    display: none;
  }
}

.lds-tab-drawer-label {
  display: -webkit-inline-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 88%;
  margin-bottom: -2px;
  line-height: 1;
}

@media (min-width: 576px) {
  .lds-tab-drawer-label {
    max-width: 94%;
  }
}

@media (min-width: 768px) {
  .lds-tab-drawer-label {
    max-width: 95%;
  }
}

@media (min-width: 992px) {
  .lds-tab-drawer-label {
    max-width: 96%;
  }
}

@media (min-width: 1200px) {
  .lds-tab-drawer-label {
    max-width: 97%;
  }
}

.center .lds-tab-drawer-dropdown {
  left: 50%;
  transform: translateX(-50%);
}

.right .lds-tab-drawer-dropdown {
  right: 0;
}

.lds-tab-drawer-dropdown .drawer-btn.active {
  font-weight: 700;
}

.lds-tab-container {
  padding-top: var(--lds-spacing-tab-body-padding-mobile);
  padding-bottom: var(--lds-spacing-tab-body-padding-mobile);
  border-color: var(--lds-color-tab-body-border);
  border-width: var(--lds-border-tab-body-width);
  border-bottom-right-radius: var(--lds-radius-tab-body);
  border-bottom-left-radius: var(--lds-radius-tab-body);
  border-style: var(--lds-border-tab-body-style);
  border-top: 0;
}

@media (min-width: 992px) {
  .lds-tab-container {
    padding-top: var(--lds-spacing-tab-body-padding-desktop);
    padding-bottom: var(--lds-spacing-tab-body-padding-desktop);
  }
}

.lds-tab-group.full-width .lds-tab-container {
  /* No content container border in full-width mode */
  border: 0;
}

.lds-tab-container.tab-padded {
  padding: var(--lds-spacing-tab-body-padding-mobile);
}

@media (min-width: 992px) {
  .lds-tab-container.tab-padded {
    padding: var(--lds-spacing-tab-body-padding-desktop);
  }
}

.lds-tab {
  display: none;
}

.lds-tab.active {
  display: block;
}

/* Theme style variants */

.lds-tab-group.underlined {
  /* Tab group */
  --lds-spacing-tab-group-margin-bottom: 2rem;
  --lds-radius-tab-group: .25rem;

  /* Tab header */
  --lds-color-tab-header-bg: transparent;
  --lds-border-tab-header-width: .125rem;
  --lds-border-tab-header-style: solid;
  --lds-color-tab-header-border: var(--lds-color-neutral-020);
  --lds-radius-tab-header-top: 0;

  /* tab header buttons */
  --lds-radius-tab-button-top: 1rem;
  --lds-radius-tab-button-bottom: 0;
  --lds-color-tab-button-foreground: var( --lds-typography-color);
  --lds-typography-tab-button-font-size: .875rem;
  --lds-spacing-tab-button-padding-top: .75rem;
  --lds-spacing-tab-button-padding-bottom: calc(.75rem - var(--lds-border-tab-header-width));
  --lds-spacing-tab-button-padding-left: 1rem;
  --lds-spacing-tab-button-padding-right: 1rem;
  --lds-spacing-tab-drawer-icon-margin-left: .5rem;

  /* Tab button - active / selected */
  --lds-color-tab-button-active-foreground: var( --lds-typography-color);
  --lds-color-tab-button-active-bg: transparent;
  --lds-typography-tab-button-active-font-weight: 700;
  /* Variable only exists on underlined */
  --lds-color-tab-btn-active-indicator: var(--lds-color-primary);
  --lds-color-tab-btn-hover-indicator: var(--lds-color-primary-070);

  /* Tab button - focus */
  --lds-color-tab-button-focus: var(--lds-color-focus-outline);
  --lds-border-tab-button-outline-width: var(--lds-border-focus-outline-width);
  --lds-border-tab-button-outline-style: var(--lds-border-focus-outline-style);
  --lds-border-tab-button-outline-offset: 0;

  /* Tab button - hover */
  --lds-color-tab-button-hover: transparent;

  /* Mobile tab drawer */
  --lds-spacing-tab-drawer-button-padding: .5rem 1rem;

  /* Tab content / body */
  --lds-spacing-tab-body-padding: 3rem;
  --lds-radius-tab-body: 0;
  --lds-color-tab-body-border: transparent;
  --lds-border-tab-body-width: 0;
  --lds-border-tab-body-style: none;
}

.lds-tab-group.underlined .tab-btn:hover::after,
.lds-tab-group.underlined .tab-btn.active::after {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(0px - var(--lds-border-tab-header-width));
  height: .25rem;
  background-color: var(--lds-color-tab-btn-active-indicator);
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  transition: background-color  var(--lds-animation-duration-medium) var(--lds-animation-timing-func-standard);
}

.lds-tab-group.underlined .tab-btn:hover::after,
.lds-tab-group.underlined .tab-btn.active:focus::after {
  background-color: var(--lds-color-tab-btn-hover-indicator);
}

.lds-textarea {
  display: block;
  width: var(--lds-spacing-textarea-width);
  min-height: var(--lds-spacing-textarea-min-height);
  padding-top: calc(var(--lds-spacing-textarea-padding-top) - var(--lds-border-textarea-width));
  padding-right: calc(var(--lds-spacing-textarea-padding-right) - var(--lds-border-textarea-width));
  padding-bottom: calc(var(--lds-spacing-textarea-padding-bottom) - var(--lds-border-textarea-width));
  padding-left: calc(var(--lds-spacing-textarea-padding-left) - var(--lds-border-textarea-width));
  margin: var(--lds-spacing-textarea-margin-y) 0;
  font-size: var(--lds-typography-textarea-font-size);
  line-height: var(--lds-typography-textarea-line-height);
  border: var(--lds-border-textarea-width) solid var(--lds-color-textarea-border);
  border-radius: var(--lds-radius-textarea);
  transition:  var(--lds-animation-textarea-transition);
}

.lds-textarea:focus {
  border-color: var(--lds-color-textarea-border-focus);
  outline-color: var(--lds-color-textarea-focus-outline);
  outline-offset: var(--lds-border-textarea-outline-offset);
  outline-style: var(--lds-border-textarea-outline-style);
  outline-width: var(--lds-border-textarea-outline-width);
}

.lds-textarea:active {
  border-color: var(--lds-color-textarea-border-active);
}

.lds-textarea:disabled {
  background-color: var(--lds-color-textarea-background-disabled);
  border-color: var(--lds-color-textarea-border-disabled);
}

.lds-textarea.success {
  background-color:  var(--lds-color-textarea-background-success);
  border-color: var(--lds-color-textarea-border-success);
}

.lds-textarea.error {
  background-color: var(--lds-color-textarea-background-error);
  border-color: var(--lds-color-textarea-border-error);
}

.lds-textarea.warning {
  background-color: var(--lds-color-textarea-background-warning);
  border-color: var(--lds-color-textarea-border-warning);
}

.lds-textarea-helper-text {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

.lds-textarea-wrapper:focus-within label {
  font-weight: var(--lds-typography-font-weight-medium);
}

.lds-textarea-wrapper.radius-sm {
  --lds-radius-textarea: var(--lds-radius-textarea-small);
}

.lds-text-field {
  display: block;
  width: var(--lds-spacing-text-field-width);
  height: var(--lds-spacing-text-field-height);
  padding-top: var(--lds-spacing-text-field-padding-top);
  padding-right: var(--lds-spacing-text-field-padding-right);
  padding-bottom: var(--lds-spacing-text-field-padding-bottom);
  padding-left: var(--lds-spacing-text-field-padding-left);
  margin: var(--lds-spacing-text-field-margin-y) 0;
  font-size: var(--lds-typography-text-field-full-font-size);
  line-height: var(--lds-typography-text-field-line-height);
  border: var(--lds-border-text-field-width) solid var(--lds-color-text-field-border);
  border-radius: var(--lds-radius-text-field);
}

.lds-text-field:focus {
  outline-width: var(--lds-border-text-field-focus-outline-width);
  outline-style: var(--lds-border-text-field-focus-outline-style);
  outline-color: var(--lds-color-text-field-focus-outline);
  outline-offset: var(--lds-border-text-field-focus-outline-offset);
}

.lds-text-field:active {
  box-shadow: none;
}

.lds-text-field.error {
  background-color: var(--lds-color-text-field-background-error);
  border-color: var(--lds-color-text-field-border-error);
}

.lds-text-field.success {
  background-color: var(--lds-color-text-field-background-success);
  border-color: var(--lds-color-text-field-border-success);
}

.lds-text-field.warning {
  background-color: var(--lds-color-text-field-background-warning);
  border-color: var(--lds-color-text-field-border-warning);
}

.lds-text-field::placeholder {
  color: var(--lds-color-text-field-placeholder);
  font: var(--lds-typography-font-weight-regular) var(--lds-typography-text-field-font-size)/var(--lds-typography-line-height) var(--lds-typography-font-family);
}

.lds-text-field.disabled,
.lds-text-field:disabled {
  color: var(--lds-color-text-field-background-disabled);
  cursor: not-allowed;
}

.lds-text-field-wrapper.radius-sm {
  --lds-radius-text-field: var(--lds-radius-text-field-small);
}

.lds-tile {
  overflow: hidden;
  background-color: var(--lds-color-tile-bg);
  border-radius: var(--lds-radius-tile);
  border-color: var(--lds-color-tile-border);
  border-style: var(--lds-border-tile-style);
  border-width: var(--lds-border-tile-width);
  box-sizing: border-box;
  color: var(--lds-color-tile-text);
}

.lds-tile.grow {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.lds-tile .tile-body {
  display: flex;
  flex-direction: column;
}

.lds-tile.reverse {
  display: flex;
  flex-direction: column-reverse;
}

.lds-tile .tile-footer {
  display: flex;
  flex-direction: column;
  margin-top: auto;
}

.lds-tile.padding-sm .tile-body {
  padding: var(--lds-spacing-tile-padding-sm);
  padding-bottom: 0;
}

.lds-tile.padding-md .tile-body {
  padding: var(--lds-spacing-tile-padding-md);
  padding-bottom: 0;
}

.lds-tile.padding-lg .tile-body {
  padding: var(--lds-spacing-tile-padding-lg);
  padding-bottom: 0;
}

.lds-tile.padding-sm .tile-footer {
  padding: var(--lds-spacing-tile-padding-sm);
  padding-top: 0;
}

.lds-tile.padding-md .tile-footer {
  padding: var(--lds-spacing-tile-padding-md);
  padding-top: 0;
}

.lds-tile.padding-lg .tile-footer {
  padding: var(--lds-spacing-tile-padding-lg);
  padding-top: 0;
}

.lds-tile.outlined {
  --lds-color-tile-border: var(--lds-color-primary-060);
  --lds-border-tile-width: var(--lds-spacing-013);
}

.lds-tile.radius-sm {
  --lds-radius-tile: var(--lds-radius-tile-sm);
}

.lds-tile.radius-md {
  --lds-radius-tile: var(--lds-radius-tile-md);
}

.lds-tile.radius-lg {
  --lds-radius-tile: var(--lds-radius-tile-lg);
}

.lds-toast {
  align-items: center;
  background-color: var(--lds-color-toast-background);
  border-color: var(--lds-color-toast-border);
  border-style: var(--lds-border-toast-style);
  border-width: var(--lds-border-toast-width);
  border-radius: var(--lds-radius-toast);
  box-shadow: var(--lds-shadow-toast-box-shadow);
  color: var(--lds-color-toast-foreground);
  display: inline-flex;
  font-size: var(--lds-typography-toast-font-size);
  padding-top: var(--lds-spacing-toast-padding-top);
  padding-right: var(--lds-spacing-toast-padding-right);
  padding-bottom: var(--lds-spacing-toast-padding-bottom);
  padding-left: var(--lds-spacing-toast-padding-left);
}

.lds-toast.info {
  background-color: var(--lds-color-toast-info-background);
  border-color: var(--lds-color-toast-info-border);
}

.lds-toast.success {
  background-color: var(--lds-color-toast-success-background);
  border-color: var(--lds-color-toast-success-border);
}

.lds-toast.warning {
  background-color: var(--lds-color-toast-warning-background);
  border-color: var(--lds-color-toast-warning-border);
}

.lds-toast.error {
  background-color: var(--lds-color-toast-error-background);
  border-color: var(--lds-color-toast-error-border);
}

.lds-toast.neutral {
  background-color: var(--lds-color-toast-neutral-background);
  border-color: var(--lds-color-toast-neutral-border);
}

.lds-toast.info .lds-toast-icon {
  color: var(--lds-color-toast-info-icon);
}

.lds-toast.success .lds-toast-icon {
  color: var(--lds-color-toast-success-icon);
}

.lds-toast.warning .lds-toast-icon {
  color: var(--lds-color-toast-warning-icon);
}

.lds-toast.error .lds-toast-icon {
  color: var(--lds-color-toast-error-icon);
}

.lds-toast.neutral .lds-toast-icon {
  color: var(--lds-color-toast-neutral-icon);
}

.lds-toast .lds-toast-actionable-button:focus {
  outline-color: var(--lds-color-toast-focus-outline);
  outline-offset: var(--lds-border-toast-outline-offset);
  outline-style: var(--lds-border-toast-outline-style);
  outline-width: var(--lds-border-toast-outline-width);
}

.lds-toast .lds-toast-actionable-button:hover {
  background-color: var(--lds-color-toast-action-button-hover-background);
}

.lds-toast:not(.inline) {
  position: fixed;
  z-index: 100;
}

.lds-toast:not(.inline).lds-toast-position-top {
  top: 0;
  margin-top: var(--lds-spacing-toast-position-top-margin-top);
}

.lds-toast:not(.inline).lds-toast-position-bottom {
  bottom: 0;
  margin-bottom: var(--lds-spacing-toast-position-bottom-margin-bottom);
}

.lds-toast:not(.inline).lds-toast-align-center {
  inset-inline-start: var(--lds-spacing-toast-align-center);
  transform: var(--lds-animation-toast-align-center-transform);
}

.lds-toast:not(.inline).lds-toast-align-left {
  inset-inline-start: var(--lds-spacing-toast-align-left);
}

.lds-toast:not(.inline).lds-toast-align-right {
  inset-inline-end: var(--lds-spacing-toast-align-right);
}

.lds-icon.lds-toast-icon {
  margin-top: var(--lds-spacing-toast-icon-margin-top);
  margin-inline-end: var(--lds-spacing-toast-icon-margin-right);
  font-size: var(--lds-typography-toast-icon-font-size);
}

.lds-toast-content {
  margin-inline-end: var(--lds-spacing-toast-content-margin-right);
}

.lds-toast-actionable-button {
  transition: var(--lds-animation-toast-button-actionable-button-transition);
}

.lds-toast-actionable-button:hover {
  transition: var(--lds-animation-toast-button-actionable-button-transition-hover);
}

.lds-toast-dismiss {
  display: flex;
  justify-content: center;
  border-radius: var(--lds-radius-toast-button);
  height: var(--lds-spacing-toast-button-dismiss-height);
  width: var(--lds-spacing-toast-button-dismiss-width);
  padding: var(--lds-spacing-toast-button-dismiss-padding);
  margin-inline-start: var(--lds-spacing-toast-button-dismiss-margin-left);
}

.lds-toast-dismiss .lds-icon {
  background-color: var(--lds-color-toast-button-dismiss-background);
}

.lds-toast-action {
  color: var(--lds-color-toast-action-foreground);
  padding: var(--lds-spacing-toast-action-padding);
  font-weight: var(--lds-typography-toast-action-font-weight);
  text-decoration: var(--lds-typography-toast-action-text-decoration);
  border-radius: var(--lds-radius-toast-button);
}

.lds-toast.success .lds-toast-action,
.lds-toast.error .lds-toast-action,
.lds-toast.info .lds-toast-action,
.lds-toast.neutral .lds-toast-action,
.lds-toast.warning .lds-toast-action {
  --lds-color-toast-action-foreground: var(--lds-color-toast-foreground);
}

.lds-toast.padding-sm {
  --lds-spacing-toast-padding-top: var(--lds-spacing-050);
  --lds-spacing-toast-padding-right: var(--lds-spacing-050);
  --lds-spacing-toast-padding-bottom: var(--lds-spacing-050);
  --lds-spacing-toast-padding-left: var(--lds-spacing-050);
}

.lds-toast.padding-md {
  --lds-spacing-toast-padding-top: var(--lds-spacing-075);
  --lds-spacing-toast-padding-right: var(--lds-spacing-075);
  --lds-spacing-toast-padding-bottom: var(--lds-spacing-075);
  --lds-spacing-toast-padding-left: var(--lds-spacing-075);
}

.lds-toast.padding-lg {
  --lds-spacing-toast-padding-top: var(--lds-spacing-100);
  --lds-spacing-toast-padding-right: var(--lds-spacing-100);
  --lds-spacing-toast-padding-bottom: var(--lds-spacing-100);
  --lds-spacing-toast-padding-left: var(--lds-spacing-100);
}

.lds-toast.inverted {
  --lds-color-toast-foreground: var(--lds-color-white);
  --lds-color-toast-background: var(--lds-color-neutral-100);
  --lds-color-toast-focus-outline: var(--lds-color-neutral-010);
  --lds-color-toast-button-dismiss-background: var(--lds-color-white);
  --lds-color-toast-action-button-hover-background: rgba(255, 255, 255, 0.3);

  --lds-color-toast-error-background: var(--lds-color-danger-100);
  --lds-color-toast-info-background: var(--lds-color-info-100);
  --lds-color-toast-success-background: var(--lds-color-success-100);
  --lds-color-toast-warning-background: var(--lds-color-warning-100);
  --lds-color-toast-neutral-background: var(--lds-color-neutral-090);

  --lds-color-toast-error-border: var(--lds-color-danger-080);
  --lds-color-toast-info-border: var(--lds-color-info-080);
  --lds-color-toast-success-border: var(--lds-color-success-080);
  --lds-color-toast-warning-border: var(--lds-color-warning-080);
  --lds-color-toast-neutral-border: var(--lds-color-neutral-080);

  --lds-color-toast-error-icon: var(--lds-color-danger-050);
  --lds-color-toast-info-icon: var(--lds-color-info-050);
  --lds-color-toast-success-icon: var(--lds-color-success-050);
  --lds-color-toast-warning-icon: var(--lds-color-warning-050);
  --lds-color-toast-neutral-icon: var(--lds-color-neutral-050);
}

.lds-toast.radius-sm {
  --lds-radius-toast: var(--lds-radius-toast-sm);
}

.lds-toast.radius-md {
  --lds-radius-toast: var(--lds-radius-toast-md);
}

.lds-toast.radius-lg {
  --lds-radius-toast: var(--lds-radius-toast-lg);
}

@keyframes toastEnterTop {
  0% {
    opacity: var(--lds-animation-toast-enter-opacity-start);
    transform: var(--lds-animation-toast-enter-top-translate-start);
  }
  100% {
    opacity: var(--lds-animation-toast-enter-opacity-end);
    transform: var(--lds-animation-toast-enter-top-translate-end);
  }
}

@keyframes toastEnterTopCenter {
  0% {
    opacity: var(--lds-animation-toast-enter-opacity-start);
    transform: var(--lds-animation-toast-enter-center-top-translate-start);
  }
  100% {
    opacity: var(--lds-animation-toast-enter-opacity-end);
    transform: var(--lds-animation-toast-enter-center-top-translate-end);
  }
}

@keyframes toastEnterBottom {
  0% {
    opacity: var(--lds-animation-toast-enter-opacity-start);
    transform: var(--lds-animation-toast-enter-bottom-translate-start);
  }
  100% {
    opacity: var(--lds-animation-toast-enter-opacity-end);
    transform: var(--lds-animation-toast-enter-bottom-translate-end);
  }
}

@keyframes toastEnterBottomCenter {
  0% {
    opacity: var(--lds-animation-toast-enter-opacity-start);
    transform: var(--lds-animation-toast-enter-center-bottom-translate-start);
  }
  100% {
    opacity: var(--lds-animation-toast-enter-opacity-end);
    transform: var(--lds-animation-toast-enter-center-bottom-translate-end);
  }
}

.toast-enter.lds-toast-position-top {
  animation: var(--lds-animation-toast-duration) toastEnterTop;
}

.toast-enter.lds-toast-position-top:not(.inline).lds-toast-align-center {
  animation: var(--lds-animation-toast-duration) toastEnterTopCenter;
}

.toast-enter.lds-toast-position-bottom {
  animation: var(--lds-animation-toast-duration) toastEnterBottom;
}

.toast-enter.lds-toast-position-bottom:not(.inline).lds-toast-align-center {
  animation: var(--lds-animation-toast-duration) toastEnterBottomCenter;
}

@keyframes toastLeaveTop {
  0% {
    opacity: var(--lds-animation-toast-leave-opacity-start);
    transform: var(--lds-animation-toast-leave-top-translate-start);
  }
  100% {
    opacity: var(--lds-animation-toast-leave-opacity-end);
    transform: var(--lds-animation-toast-leave-top-translate-end);
  }
}

@keyframes toastLeaveTopCenter {
  0% {
    opacity: var(--lds-animation-toast-leave-opacity-start);
    transform: var(--lds-animation-toast-leave-center-top-translate-start);
  }
  100% {
    opacity: var(--lds-animation-toast-leave-opacity-end);
    transform: var(--lds-animation-toast-leave-center-top-translate-end);
  }
}

@keyframes toastLeaveBottom {
  0% {
    opacity: var(--lds-animation-toast-leave-opacity-start);
    transform: var(--lds-animation-toast-leave-bottom-translate-start);
  }
  100% {
    opacity: var(--lds-animation-toast-leave-opacity-end);
    transform: var(--lds-animation-toast-leave-bottom-translate-end);
  }
}

@keyframes toastLeaveBottomCenter {
  0% {
    opacity: var(--lds-animation-toast-leave-opacity-start);
    transform: var(--lds-animation-toast-leave-center-bottom-translate-start);
  }
  100% {
    opacity: var(--lds-animation-toast-leave-opacity-end);
    transform: var(--lds-animation-toast-leave-center-bottom-translate-end);
  }
}

.toast-leave.lds-toast-position-top {
  animation: var(--lds-animation-toast-transition-duration) toastLeaveTop;
}

.toast-leave.lds-toast-position-top:not(.inline).lds-toast-align-center {
  animation: var(--lds-animation-toast-transition-duration) toastLeaveTopCenter;
}

.toast-leave.lds-toast-position-bottom {
  animation: var(--lds-animation-toast-transition-duration) toastLeaveBottom;
}

.toast-leave.lds-toast-position-bottom:not(.inline).lds-toast-align-center {
  animation: var(--lds-animation-toast-transition-duration)
    toastLeaveBottomCenter;
}

.lds-tooltip-container {
  display: inline;
}

.lds-tooltip {
  position: relative;
  display: inline-block;
}

.lds-tooltip:focus {
  border: none;
}

.lds-tooltip:not(.persistent):active .lds-tooltip-description {
  transform: scale(1.02);
}

.lds-tooltip-icon {
  margin: var(--lds-spacing-tooltip-icon-margin);
  vertical-align: text-bottom;
}

.tooltip-description {
  display: block;
  position: absolute;
  inset-inline-start: 50%;
  z-index: var(--lds-spacing-tooltip-panel-z-index);
  padding-top: var(--lds-spacing-tooltip-panel-padding-top);
  padding-bottom: var(--lds-spacing-tooltip-panel-padding-bottom);
  padding-inline-start: var(--lds-spacing-tooltip-panel-padding-left);
  padding-inline-end: var(--lds-spacing-tooltip-panel-padding-right);
  max-width: var(--lds-spacing-tooltip-panel-max-width);
  font-size: var(--lds-typography-tooltip-panel-font-size);
  font-weight: var(--lds-typography-tooltip-panel-font-weight);
  line-height: var(--lds-typography-tooltip-panel-line-height);
  text-align: var(--lds-typography-tooltip-panel-text-align);
  background: var(--lds-color-tooltip-panel-background);
  border-color: var(--lds-color-tooltip-panel-border);
  border-style: var(--lds-border-tooltip-panel-style);
  border-width: var(--lds-border-tooltip-panel-width);
  border-radius: var(--lds-radius-tooltip-panel);
  color: var(--lds-color-tooltip-panel-text);
  box-shadow: var(--lds-shadow-tooltip-panel);
  transition: box-shadow var(--lds-animation-duration-short), transform var(--lds-animation-duration-short);
  outline: none;
  cursor: pointer;
}

.tooltip-description.enabled,
.tooltip-close.enabled {
  opacity: 1;
  visibility: visible;
}

.tooltip-description.disabled,
.tooltip-close.disabled {
  opacity: 0;
  visibility: hidden;
}

.lds-tooltip-container-link .tooltip-description {
  text-align: center;
  padding-inline-end: var(--lds-spacing-tooltip-panel-padding-left);
}

.lds-tooltip-arrow {
  position: absolute;
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: var(--lds-animation-duration-short);
  transition-timing-function: var(--lds-animation-timing-func-standard);
}

.lds-tooltip-arrow::before {
  position: absolute;
  width: 0;
  height: 0;
  margin-inline-start: -10px;
  border-style: solid;
  content: "";
}

.lds-tooltip-arrow::after {
  position: absolute;
  width: 0;
  height: 0;
  margin-inline-start: -8.5px;
  border-style: solid;
  content: "";
}

.tooltip-description.top {
  bottom: calc(100% + var(--lds-spacing-tooltip-above-position-bottom));
}

.tooltip-description.top .lds-tooltip-arrow {
  top: 100%;
}

.tooltip-description.top .lds-tooltip-arrow::before {
  border-color: var(--lds-color-tooltip-panel-border) transparent transparent;
  border-width: 11.5px 10px 0;
}

.tooltip-description.top .lds-tooltip-arrow::after {
  border-color: var(--lds-color-tooltip-panel-background) transparent transparent;
  border-width: 10px 8.5px 0;
}

.tooltip-description.bottom {
  top: calc(100% + var(--lds-spacing-tooltip-below-position-top));
}

.tooltip-description.bottom .lds-tooltip-arrow {
  bottom: 100%;
}

.tooltip-description.bottom .lds-tooltip-arrow::before {
  bottom: 100%;
  border-color: transparent transparent var(--lds-color-tooltip-panel-border);
  border-width: 0 10px 11.5px;
}

.tooltip-description.bottom .lds-tooltip-arrow::after {
  bottom: 100%;
  border-color: transparent transparent var(--lds-color-tooltip-panel-background);
  border-width: 0 8.5px 10px;
}

.tooltip-container {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
}

.tooltip-text {
  position: relative;
  font-weight: var(--lds-typography-tooltip-label-font-weight);
  text-decoration: var(--lds-typography-tooltip-label-text-decoration);
}

.tooltip-text:focus {
  outline-color: var(--lds-color-tooltip-label-focus-outline);
  outline-offset: var(--lds-border-tooltip-label-focus-outline-offset);
  outline-style: var(--lds-border-tooltip-label-focus-outline-style);
  outline-width: var(--lds-border-tooltip-label-focus-outline-width);
  border-radius: var(--lds-radius-tooltip-label);
}

.tooltip-icon {
  margin-inline-end: 0.125em;
  margin-inline-start: 0.25em;
  vertical-align: text-bottom;
  color: var(--lds-color-tooltip-icon);
}

.tooltip-icon:hover,
.tooltip-text:hover .tooltip-icon,
.tooltip-text:focus .tooltip-icon {
  color: var(--lds-color-tooltip-icon-hover);
}

.tooltip-close {
  border-radius: var(--lds-radius-tooltip-close-btn);
  top: var(--lds-spacing-tooltip-close-btn-top);
  inset-inline-end: var(--lds-spacing-tooltip-close-btn-right);
  height: var(--lds-spacing-tooltip-close-btn-height);
  width: var(--lds-spacing-tooltip-close-btn-width);
  position: absolute;
}

.tooltip-close:hover,
.tooltip-close:focus {
  color: var(--lds-color-tooltip-close-btn-hover-focus);
}

.tooltip-close:focus {
  outline-color: var(--lds-color-tooltip-close-btn-focus-outline);
  outline-offset: var(--lds-border-tooltip-close-btn-focus-outline-offset);
  outline-style: var(--lds-border-tooltip-close-btn-focus-outline-style);
  outline-width: var(--lds-border-tooltip-close-btn-focus-outline-width);
}

.lds-tooltip-enter,
.lds-tooltip-leave-to {
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity var(--lds-animation-tooltip-enter-duration),
    transform var(--lds-animation-tooltip-enter-duration);
}

.lds-tooltip-enter-to,
.lds-tooltip-leave {
  opacity: 1;
  transform: translateY(0);
  transition: opacity var(--lds-animation-tooltip-leave-duration),
    transform var(--lds-animation-tooltip-leave-duration);
}

.lds-tooltip.inverted .tooltip-description {
  --lds-color-tooltip-panel-background: var(--lds-color-neutral-010);
  --lds-color-tooltip-panel-border: var(--lds-color-neutral-030);
  --lds-color-tooltip-panel-text: var( --lds-typography-color);
}

.lds-tooltip.inverted .tooltip-close {
  --lds-color-tooltip-close-btn-hover-focus: var(--lds-color-neutral-070);
  --lds-color-tooltip-close-btn-focus-outline: var(--lds-color-focus-outline);
}

.lds-tooltip.radius-sm {
  --lds-radius-tooltip-panel: var(--lds-radius-small);
}

.lds-tooltip.radius-md {
  --lds-radius-tooltip-panel: var(--lds-radius-medium);
}

.lds-video-list-player-row {
  justify-content: center;
}

@media (min-width: 992px) {
  .lds-video-player-column,
  .lds-video-list-column {
    flex: 0 0 auto;
  }

  .lds-video-player-column {
    width: 66.66666667%;
  }

  .lds-video-list-column {
    width: 33.33333333%;
  }
}

@media (min-width: 1200px) {
  .lds-video-player-column {
    width: 58.33333333%;
  }

  .lds-video-list-column {
    width: 25%;
  }

  .lds-side-nav-wrapper .lds-video-player-column {
    width: 66.66666667%;
  }

  .lds-side-nav-wrapper .lds-video-list-column {
    width: 33.33333333%;
  }
}

.lds-video-list-player .lds-video-meta {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: var(--lds-spacing-vlp-video-meta-mv) var(--lds-spacing-vlp-video-meta-mh);
}

.lds-video-list-player .lds-figure-caption .lds-video-meta {
  padding: 0;
}

.lds-video-heading {
  margin: var(--lds-spacing-vlp-video-heading-mg);
  font-size: var(--lds-typography-vlp-video-heading-fs);
  font-weight: var(--lds-typography-vlp-video-heading-fw);
  line-height: var(--lds-typography-vlp-video-heading-lh);
}

.lds-video-time {
  margin-inline-start: var(--lds-spacing-vlp-video-time-ml);
  font-size: var(--lds-typography-vlp-video-time-fs);
  line-height: var(--lds-typography-vlp-video-time-lh);
}

.lds-video-details {
  margin: var(--lds-spacing-vlp-video-details-mv) var(--lds-spacing-vlp-video-details-mh);
}

.lds-video-list-player .lds-skip-panel {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  white-space: nowrap;
  transition: height var(--lds-animation-duration-medium) var(--lds-animation-timing-func-standard);
}

.lds-video-list-player .lds-skip-panel:focus-within {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

/* MARK: List title
*/

.lds-video-list-title {
  margin-top: var(--lds-spacing-vlp-list-title-mt);
  margin-bottom: var(--lds-spacing-vlp-list-title-mb);
  font-size: var(--lds-typography-vlp-list-title-fs);
  font-weight: var(--lds-typography-vlp-list-title-fw);
  line-height: var(--lds-typography-vlp-list-title-lh);
}

/* prepend with `.lds-video-list-player` to override `.content-block` styles */

.lds-video-list-player .lds-video-list,
.lds-video-list-player .lds-video-list .lds-video-list-item {
  margin: 0;
  padding: 0;
  list-style: none;
}

.lds-video-list-player .lds-video-list {
  /* add padding so button focus ring isn't cut off */
  padding: 0 var(--lds-border-vlp-outline-w-focus);
  overflow-y: auto;
}

/* MARK: Button
*/

.lds-video-list .lds-video-list-item button {
  display: flex;
  align-items: flex-start;
  width: 100%;
  padding: calc(var(--lds-spacing-vlp-list-item-pd) - var(--lds-border-vlp-list-item-w));
  border-radius: var(--lds-radius-vlp-list-item);
  border: var(--lds-border-vlp-list-item);
  margin-top: var(--lds-spacing-vlp-list-item-mt);
  margin-bottom: var(--lds-spacing-vlp-list-item-mb);
  text-align: var(--lds-typography-vlp-list-item-ta);
  background-color: var(--lds-color-vlp-list-item-bg);
}

.lds-video-list .lds-video-list-item button:hover {
  padding: calc(var(--lds-spacing-vlp-list-item-pd) - var(--lds-border-vlp-list-item-w-hover));
  border: var(--lds-border-vlp-list-item-hover);
  background-color: var(--lds-color-vlp-list-item-bg-hover);
}

.lds-video-list .lds-video-list-item button:focus {
  padding: var(--lds-spacing-vlp-list-item-pd);
  border: var(--lds-border-vlp-list-item-focus);
  outline-color: var(--lds-border-vlp-outline-color-focus);
  outline-width: var(--lds-border-vlp-outline-w-focus);
  outline-offset: var(--lds-border-vlp-outline-offset-focus);
  outline-style: var(--lds-border-vlp-outline-style-focus);
}

.lds-video-list .lds-video-list-item button.active {
  padding: calc(var(--lds-spacing-050) - var(--lds-border-vlp-list-item-w-active));
  border: var(--lds-border-vlp-list-item-active);
  background-color: var(--lds-color-vlp-list-item-bg-active);
}

/* MARK: Thumbnail image
*/

.lds-video-list .lds-video-list-item-img {
  display: block;
  position: relative;
  flex-basis: 107px;
  flex-shrink: 0;
  max-width: 107px;
  border-radius: var(--lds-radius-vlp-list-item-img);
  margin-inline-end: var(--lds-spacing-vlp-list-item-img-mr);
}

.lds-video-list .lds-video-list-item-img::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--lds-radius-vlp-list-item-img);
  background-color: var(--lds-color-vlp-list-item-img-bg);
}

.lds-video-list .active .lds-video-list-item-img::after {
  background-color: var(--lds-color-vlp-list-item-img-bg-active);
}

.lds-video-list .lds-video-list-item-img img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--lds-radius-vlp-list-item-img);
}

/* MARK: Timestamp
*/

.lds-video-list .lds-video-list-item-time {
  display: inline-block;
  position: absolute;
  bottom: var(--lds-spacing-vlp-list-item-time-bottom);
  inset-inline-end: var(--lds-spacing-vlp-list-item-time-right);
  z-index: 1;
  padding: var(--lds-spacing-vlp-list-item-time-pd);
  border-radius: var(--lds-radius-vlp-list-item-time);
  font-size: var(--lds-typography-vlp-list-item-time-fs);
  line-height: var(--lds-typography-vlp-list-item-time-lh);
  color: var(--lds-color-vlp-list-item-time);
  background-color: var(--lds-color-vlp-list-item-time-bg);
}

.lds-video-list .lds-video-list-item button.active .lds-video-list-item-time {
  color: var(--lds-color-vlp-list-item-time-active);
  background-color: var(--lds-color-vlp-list-item-time-bg-active);
}

/* MARK: Text
*/

.lds-video-list .lds-video-list-item-text {
  flex-grow: 1;
}

.lds-video-list .lds-video-list-item-title,
.lds-video-list .lds-video-list-item-desc {
  margin-bottom: var(--lds-spacing-vlp-list-item-text-mb);
  font-size: var(--lds-typography-vlp-list-item-text-fs);
  line-height: var(--lds-typography-vlp-list-item-text-lh);
}

.lds-video-list .lds-video-list-item-title {
  font-weight: var(--lds-typography-vlp-list-item-title-fw);
}

/* MARK: Md to Lg MQ
*/

/* switch to grid for portrait tablet only */

@media screen and (min-width:768px) and (max-width:991.98px) {
  .lds-video-list-player .lds-video-list-videos {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    /* add padding so button focus ring isn't cut off */
    padding: var(--lds-border-vlp-outline-w-focus) 0;
    margin: 0 calc(-1 * var(--lds-spacing-vlp-list-item-md-ph));
  }

  .lds-video-list-player .lds-video-list-videos .lds-video-list-item {
    flex-basis: 25%;
    display: flex;
    align-items: stretch;
    padding: 0 var(--lds-spacing-vlp-list-item-md-ph) var(--lds-spacing-vlp-list-item-md-pb);
  }

  .lds-video-list-videos .lds-video-list-item button {
    flex-direction: column;
    margin: var(--lds-spacing-vlp-list-item-btn-md-mg);
  }

  .lds-video-list-videos .lds-video-list-item button:not(.active):not(:hover) {
    padding: var(--lds-spacing-vlp-list-item-btn-md-pd);
    border: var(--lds-border-vlp-list-item-btn-md);
  }

  .lds-video-list-videos .lds-video-list-item-img {
    flex-basis: auto;
    max-width: 100%;
    margin-right: var(--lds-spacing-vlp-list-item-img-md-mr);
    margin-bottom: var(--lds-spacing-vlp-list-item-img-md-mb);
  }

  .lds-video-list-videos .lds-video-list-item-text {
    padding: var(--lds-spacing-vlp-list-item-text-md-pd);
  }
}

.lds-video-list-chapters .lds-video-list-item-img {
  flex-basis: 93px;
  flex-shrink: 0;
  max-width: 93px;
}

.lds-video-list-chapters .lds-video-list-item-img-icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: var(--lds-spacing-vlp-list-item-img-icon-size);
  height: var(--lds-spacing-vlp-list-item-img-icon-size);
  padding: var(--lds-spacing-vlp-list-item-img-icon-pd);
  margin: auto;
}

.lds-video-list-chapters .lds-video-list-item-img-icon .lds-icon {
  background-color: var(--lds-color-vlp-list-item-img-icon-bg);
}

.lds-video-list-chapters .lds-video-list-item-chapter-time {
  display: flex;
  align-items: center;
  margin-inline-start: var(--lds-spacing-vlp-list-item-chapter-time-ml);
  font-size: var(--lds-typography-vlp-list-item-chapter-time-fs);
  line-height: var(--lds-typography-vlp-list-item-chapter-time-lh);
  color: var(--lds-color-vlp-list-item-chapter-time);
}

@media screen and (min-width:992px) {
  .lds-video-list-chapters .lds-video-list-item button:not(.active):not(:hover):not(:focus) {
    border-radius: 0;
    border: 0 none;
  }

  .lds-video-list-chapters .lds-video-list-item:not(:last-child) button:not(.active):not(:hover):not(:focus) {
    padding: var(--lds-spacing-vlp-list-item-chapter-lg-pd) var(--lds-spacing-vlp-list-item-chapter-lg-pd) calc(var(--lds-spacing-vlp-list-item-chapter-lg-pd) - var(--lds-border-vlp-list-item-w));
    border-bottom: var(--lds-border-vlp-list-item-chapter-lg-bottom);
  }
}

.lds-video-list-chapters .lds-video-list-item-no-img button {
  align-items: stretch;
}

.lds-video-list-chapters .lds-video-list-item-no-img .lds-video-list-item-img {
  flex-basis: var(--lds-spacing-vlp-list-item-img-icon-size);
  max-width: var(--lds-spacing-vlp-list-item-img-icon-size);
}

.lds-video-list-chapters .lds-video-list-item-no-img .lds-video-list-item-img::after {
  content: none;
}

.lds-video-list-chapters .lds-video-list-item-no-img .lds-video-list-item-img-icon .lds-icon {
  background-color: var(--lds-color-vlp-list-item-img-icon-bg-no-thumb);
}

.lds-video-player.has-brand-border .lds-video-container {
  border-bottom: 8px solid var(--lds-color-interstitial-brand);
  border-radius: var(--lds-radius-video-player);
}

@media screen and (min-width: 992px) {
  .lds-video-player.has-brand-border .lds-video-container {
    border-bottom-width: 12px;
  }
}

.lds-video-player .lds-video-container iframe,
.lds-video-player .lds-video-container video {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--lds-radius-video-player);
}

.lds-video-player.has-brand-border .lds-video-container iframe,
.lds-video-player.has-brand-border .lds-video-container video {
  border-radius: var(--lds-radius-video-player) var(--lds-radius-video-player) 0 0;
}

/* video transcript */

.lds-video-player .lds-figure-caption .lds-figure-caption-toggle.lds-button {
  margin: var(--lds-spacing-050) 0;
}

.lds-video-player .lds-figure-caption .lds-figure-caption-toggle.lds-button:not([disabled="disabled"]) {
  color: var(--lds-color-interstitial-brand);
  border-color: transparent;
  background-color: transparent;
}

.lds-video-player .lds-figure-caption .lds-figure-caption-toggle-icon {
  width: 1.25rem;
  height: 1.25rem;
  background-color: var(--lds-color-interstitial-brand);
}

.lds-video-player .lds-figure-caption .lds-figure-caption-tile {
  background-color: var(--lds-color-primary-005);
}

/* youtube interstitial */

.lds-youtube-video-player-interstitial {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
}

.lds-youtube-video-player-interstitial::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--lds-color-interstitial-overlay-bg);
  content: "";
}

.lds-youtube-video-player-interstitial.active {
  display: flex;
}

.lds-youtube-video-player-interstitial .lds-youtube-video-player-interstitial-content {
  z-index: 10;
  color: var(--lds-color-interstitial-overlay-text);
  padding: 0 var(--lds-spacing-300);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  overflow: auto;
}

.lds-youtube-video-player-interstitial .lds-youtube-video-player-interstitial-content p {
  text-align: center;
  color: var(--lds-color-interstitial-overlay-text);
}

@media (max-width: 1200px) {
  .lds-youtube-video-player-interstitial .lds-youtube-video-player-interstitial-content {
    justify-content: flex-start;
  }

  .lds-youtube-video-player-interstitial .lds-lilly-logo {
    padding-top: var(--lds-spacing-lilly-logo-padding-bottom-md);
    padding-bottom: var(--lds-spacing-lilly-logo-padding-bottom-md);
  }

  .lds-youtube-video-player-interstitial .lds-button {
    overflow: visible;
  }
}

@media (max-width: 992px) {
  .lds-youtube-video-player-interstitial .lds-youtube-video-player-interstitial-content {
    display: block;
    padding: 0 var(--lds-spacing-200) var(--lds-spacing-200);
  }
  .lds-youtube-video-player-interstitial .lds-lilly-logo {
    margin: 0 auto;
    padding-top: var(--lds-spacing-lilly-logo-padding-bottom-sm);
    padding-bottom: var(--lds-spacing-lilly-logo-padding-bottom-sm);
  }
}

@media (max-width: 768px) {
  .lds-youtube-video-player-interstitial .lds-youtube-video-player-interstitial-content {
    justify-content: center;

  }
}

@media (max-width: 576px) {
  .lds-youtube-video-player-interstitial .lds-youtube-video-player-interstitial-content {
    padding: var(--lds-spacing-100);
    justify-content: flex-start;
  }
}

/* stylelint-disable-next-line selector-class-pattern */

.kaltura_player {
  width: 100%;
  height: 100%;
}

/* LDS React Theme Extensions */

:root {
  --lds-spacing-datepicker-input-max-width: 8rem;
  --lds-spacing-calendar-padding: 1rem .75rem;
  --lds-z-index-datepicker: 10;

  /* Calendar open button (btn next to input) */
  --lds-spacing-datepicker-btn-padding: .75rem;
  --lds-color-calendar-open-btn-ghost-fg: var(--lds-color-primary-060);
  --lds-color-calendar-open-btn-ghost-hover-bg: var(--lds-color-primary-010);
  --lds-color-calendar-btn-open-bg: var(--lds-color-primary-080);

  /* Calendar popup */
  --lds-radius-datepicker-calendar: var(--lds-radius-medium);
  --lds-border-datepicker-calendar: 2px solid var(--lds-color-neutral-030);

  /* Calendar buttons */
  --lds-color-calendar-bg: var(--lds-color-white);
  --lds-color-calendar-fg: var(--lds-color-black);
  --lds-spacing-calendar-cell: 38px;
  --lds-radius-calendar-cell: 100%;

  /* Calendar days */
  --lds-color-calendar-today: var(--lds-color-black);
  --lds-color-calendar-outside-day: var(--lds-color-neutral-060);
  --lds-spacing-calendar-day-margin: .25rem;
  --lds-color-calendar-day-disabled-bg: var(--lds-color-neutral-010);
  --lds-color-calendar-day-disabled-fg: var(--lds-color-neutral-030);
  --lds-color-calendar-day-hover-bg: var(--lds-color-primary-010);
  --lds-color-calendar-day-hover-fg: var(--lds-color-primary-060);
  --lds-color-calendar-day-selected-hover-bg: var(--lds-color-primary-070);
  --lds-color-calendar-day-selected-bg: var(--lds-color-primary-060);
  --lds-color-calendar-day-selected-fg: var(--lds-color-white);

  --lds-color-calendar-day-focus-outline: var(--lds-color-neutral-070);
  --lds-spacing-calendar-day-focus-outline-offset: 2px;
  --lds-spacing-calendar-day-focus-outline-width: 2px;

  /* Weekend column headers */
  --lds-color-calendar-weekend-label: var(--lds-color-neutral-030);

  /* Year input */
  --lds-spacing-calendar-input-height: 34px;
  --lds-color-date-year-input-border: var(--lds-color-neutral-090);
  --lds-border-date-year-input-width: 2px;
  --lds-border-date-year-input-style: solid;
  --lds-spacing-date-year-input-padding: 6px 16px;

  /* Option selectors for date and year */
  --lds-z-index-calendar-select: 20;
  --lds-color-date-option-select-focus-outline: var(--lds-color-focus-outline);
  --lds-border-date-option-select-focus-outline-width: var(--lds-border-focus-outline-width);
  --lds-border-date-option-select-focus-outline-style: var(--lds-border-focus-outline-style);
  --lds-radius-date-option-select: 32px;
  --lds-color-date-option-select-hover-bg: var(--lds-color-primary-010);

  /* Today button */
  --lds-color-datepicker-today: var(--lds-color-primary);
  --lds-spacing-datepicker-today-btn-padding: .5rem 1rem;
  --lds-spacing-datepicker-today-btn-margin-top: .5rem;
}

.lds-isi-v1.touched {
  --lds-spacing-isi2-banner-height-collapsed: 3.5rem;
  --lds-spacing-isi2-banner-height-mobile-collapsed: 3.25rem;

  --lds-spacing-isi2-total-banner-height-mobile-collapsed:
    calc(var(--lds-spacing-isi2-banner-height-mobile-collapsed) + var(--lds-spacing-isi2-banner-height-mobile-indications-collapsed));

  --lds-spacing-isi2-expanded-indications-banner-offset:
    calc(var(--lds-spacing-isi2-banner-height-mobile-collapsed) + var(--lds-spacing-isi2-banner-height-mobile-indications-expanded));
}

.lds-isi-v2.touched {
  /* DEFAULT PEEK HEIGHT RESPONSIVE ADJUSTMENTS TO "hidePeekAfterInteraction"
   * If neceessary to modify, set the amount of peek height after the ISI panel has been interacted
   * with or "touched" once to show. The values MUST use rem units, even when setting "zero" for no
   * peek (which is the default shown). DO NOT SET negative rem values!
   */
  --lds-spacing-isi-v2-xs-content-peek-height: 0rem;
  --lds-spacing-isi-v2-sm-content-peek-height: 0rem;
  --lds-spacing-isi-v2-md-content-peek-height: 0rem;
  --lds-spacing-isi-v2-lg-content-peek-height: 0rem;
  --lds-spacing-isi-v2-xl-content-peek-height: 0rem;
  --lds-spacing-isi-v2-xxl-content-peek-height: 0rem;

  /* DO NOT MODIFY THE FOLLOWING CALCULATED VARIABLES!
   * These should be copied and pasted EXACTLY so that the calculated values properly update when
   * the .touched class is applied dynamically
   */

  /* Recalculate detached collapsed ISI panel heights after initial interaction */
  --lds-spacing-isi-v2-xs-isi-collapsed-height: calc(var(--lds-spacing-isi-v2-banner-xs-height) + var(--lds-spacing-isi-v2-xs-content-peek-height));
  --lds-spacing-isi-v2-xs-collapsed-height: calc(var(--lds-spacing-isi-v2-xs-isi-collapsed-height) + var(--lds-spacing-isi-v2-xs-ind-collapsed-height));
  --lds-spacing-isi-v2-sm-isi-collapsed-height: calc(var(--lds-spacing-isi-v2-banner-sm-height) + var(--lds-spacing-isi-v2-sm-content-peek-height));
  --lds-spacing-isi-v2-sm-collapsed-height: calc(var(--lds-spacing-isi-v2-sm-isi-collapsed-height) + var(--lds-spacing-isi-v2-sm-ind-collapsed-height));
  --lds-spacing-isi-v2-md-collapsed-height: calc(var(--lds-spacing-isi-v2-banner-md-height) + var(--lds-spacing-isi-v2-md-content-peek-height));
  --lds-spacing-isi-v2-lg-collapsed-height: calc(var(--lds-spacing-isi-v2-banner-lg-height) + var(--lds-spacing-isi-v2-lg-content-peek-height));
  --lds-spacing-isi-v2-xl-collapsed-height: calc(var(--lds-spacing-isi-v2-banner-xl-height) + var(--lds-spacing-isi-v2-xl-content-peek-height));
  --lds-spacing-isi-v2-xxl-collapsed-height: calc(var(--lds-spacing-isi-v2-banner-xxl-height) + var(--lds-spacing-isi-v2-xxl-content-peek-height));

  /* Recalculate detached mobile Indication panel expanded height offsets after initial interaction */
  --lds-spacing-isi-v2-banner-xs-ind-expanded-height-offset: calc(var(--lds-spacing-isi-v2-banner-xs-height) + var(--lds-spacing-isi-v2-xs-isi-collapsed-height));
  --lds-spacing-isi-v2-banner-sm-ind-expanded-height-offset: calc(var(--lds-spacing-isi-v2-banner-sm-height) + var(--lds-spacing-isi-v2-sm-isi-collapsed-height)
  );
}

:root {
  /* options list wrapper  */
  --lds-shadow-select-options-container: 0px 2px 8px rgba(0,0,0, .12);
  --lds-radius-select-options-container: .25rem;

  /* option  */
  --lds-shadow-select-option: inset 0 0 0 2px transparent;
  --lds-spacing-select-option-padding: .5rem 1rem;

  /* grouped option */
  --lds-spacing-select-option-grouped-padding: .5rem 1.5rem;
  --lds-typography-select-group-label-font-weight: var(--lds-typography-font-weight-bold);

  /* option focus */
  --lds-shadow-select-option-focus: inset 0 0 0 2px var(--lds-color-select-focus-shadow);
  --lds-border-select-option-outline-focus: var(--lds-border-focus-outline-width) var(--lds-border-focus-outline-style) transparent;
  --lds-border-select-option-outline-offset-focus: -2px;
}

.disappear-enter {
  opacity: 0;
  transform: translateY(-1.5rem);
}

.disappear-enter-active {
  transition: all var(--lds-animation-duration-medium) var(--lds-animation-timing-func-standard);
}

.disappear-exit {
  opacity: 1;
}

.disappear-exit-active {
  opacity: 0;
  transform: translateY(-1.5rem);
  transition: all var(--lds-animation-duration-medium) var(--lds-animation-timing-func-standard);
}

/* MARK: Input
*/

.lds-datepicker-wrapper {
  position: relative;
  display: inline-flex;
  flex: 0;
}

.lds-datepicker-wrapper label {
  display: flex;
  flex-direction: column;
}

.lds-datepicker-input-wrapper {
  display: flex;
  align-items: center;
}

.lds-datepicker-input {
  max-width: var(--lds-spacing-datepicker-input-max-width);
  display: inline;
  border-start-start-radius: var(--lds-radius-text-field);
  border-end-start-radius: var(--lds-radius-text-field);
}

/* Override text field radius to merge with calendar button */

.lds-text-field.lds-date-picker-input.has-calendar {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
  border-inline-end: 0;
}

/* MARK: Calendar btn
 */

.calendar-btn,
.calendar-btn.primary,
.calendar-btn.ghost {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
  height: var(--lds-spacing-text-field-height);
  width: var(--lds-spacing-text-field-height);
  min-width: var(--lds-spacing-text-field-height);
  padding: var(--lds-spacing-datepicker-btn-padding);
  display: flex;
  justify-content: center;
  align-items: center;
}

/* override button icon styles to fix display of svg */

.calendar-btn .lds-icon.inline.button-icon {
  width: 1.25rem; /* 20px */
  height: 1.25rem;
  margin: 0;
}

.calendar-btn.calendar-open {
  background-color: var(--lds-color-calendar-btn-open-bg);
}

.calendar-btn.ghost {
  border-width: var(--lds-border-text-field-width);
  border-color: var(--lds-color-text-field-border);
  border-style: solid;
  border-inline-start: 0;
  color: var(--lds-color-calendar-open-btn-ghost-fg);
}

.calendar-btn.ghost.calendar-open {
  background-color: var(--lds-color-calendar-open-btn-ghost-hover-bg);
}

.calendar-btn.ghost:hover {
  background-color: var(--lds-color-calendar-open-btn-ghost-hover-bg);
}

/* MARK: Calendar
 */

.lds-calendar-popup {
  /* Full screen in mobile */
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  display: none;
  padding: var(--lds-spacing-calendar-padding);
  /* Allow select dropdown to go outside of popup */
  overflow: visible;
  flex-direction: column;
  z-index: var(--lds-z-index-datepicker);
  background-color: var(--lds-color-calendar-bg);
}

@media (min-width: 992px) {
  .lds-calendar-popup {
    position: absolute;
    top: 100%;
    left: unset;
    right: unset;
    bottom: unset;
    margin-top: .5rem;
    border: var(--lds-border-datepicker-calendar);
    border-radius: var(--lds-radius-datepicker-calendar);
  }
}

.lds-calendar-popup.open {
  display: flex;
}

.calendar-control-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
}

.lds-calendar-table {
  margin-top: 1rem;
  border-collapse: separate;
  border-spacing: var(--lds-spacing-calendar-day-margin);
}

.lds-calendar-popup th,
.lds-calendar-popup td {
  text-align: center;
  height: var(--lds-spacing-calendar-cell);
  width: var(--lds-spacing-calendar-cell);
  border-radius: var(--lds-radius-calendar-cell);
}

.lds-calendar-popup th {
  font-weight: var(--lds-typography-font-weight-bold);
}

.lds-calendar-popup th.weekend {
  color: var(--lds-color-calendar-weekend-label);
}

.calendar-day.outside {
  color: var(--lds-color-calendar-outside-day);
}

.date-selection {
  display: flex;
  height: var(--lds-spacing-calendar-input-height);
  gap: .15rem;
}

@media (min-width: 340px) {
  .date-selection {
    gap: .5rem;
  }
}

/* MARK: Year text input
*/

.date-selection .date-input.year {
  height: var(--lds-spacing-calendar-input-height);
  max-width: 71px;
  border-radius: var(--lds-radius-date-option-select);
  border-color: var(--lds-color-date-year-input-border);
  border-width: var(--lds-border-date-year-input-width);
  border-style: var(--lds-border-date-year-input-style);
  padding: var(--lds-spacing-date-year-input-padding);
}

.date-selection .date-input.year:focus {
  outline-color: var(--lds-color-date-option-select-focus-outline);
  outline-width: var(--lds-border-date-option-select-focus-outline-width);
  outline-style: var(--lds-border-date-option-select-focus-outline-style);
  outline-offset: 2px;
}

/* MARK: Calendar day buttons
*/

.lds-datepicker-wrapper .day-btn {
  width: var(--lds-spacing-calendar-cell);
  height: var(--lds-spacing-calendar-cell);
  border-radius: var(--lds-radius-calendar-cell);
  position: relative;
}

.lds-calendar-popup .day-btn:focus {
  outline-offset: var(--lds-spacing-calendar-day-focus-outline-offset);
  outline-color: var(--lds-color-calendar-day-focus-outline);
  outline-width: var(--lds-spacing-calendar-day-focus-outline-width);
  outline-style: solid;
}

.lds-datepicker-wrapper .day-btn.selected {
  background-color: var(--lds-color-calendar-day-selected-bg);
  color: var(--lds-color-calendar-day-selected-fg);
}

.lds-datepicker-wrapper .day-btn:hover:not(:disabled) {
  background-color: var(--lds-color-calendar-day-hover-bg);
  color: var(--lds-color-calendar-day-hover-fg);
}

.lds-datepicker-wrapper .day-btn.selected:hover:not(:disabled) {
  background-color: var(--lds-color-calendar-day-selected-hover-bg);
  color: var(--lds-color-calendar-day-selected-fg);
}

.lds-datepicker-wrapper .day-btn:disabled {
  background-color: var(--lds-color-calendar-day-disabled-bg);
  color: var(--lds-color-calendar-day-disabled-fg);
  cursor: not-allowed;
}

.calendar-day.today {
  color: var(--lds-color-calendar-today);
}

.lds-datepicker-wrapper .today .day-btn::after {
  background-color: var(--lds-color-calendar-today);
  border-radius: 4px;
  bottom: 4px;
  content: "";
  height: 4px;
  inset-inline-start: calc(50% - 2px);
  position: absolute;
  width: 4px;
}

.lds-datepicker-wrapper .today .day-btn.selected:hover::after,
.lds-datepicker-wrapper .today .day-btn.selected::after {
  background-color: var(--lds-color-calendar-day-selected-fg);
}

.lds-datepicker-wrapper .today .day-btn:hover::after {
  background-color: var(--lds-color-calendar-day-hover-fg);
}

/* MARK: Date & Year Dropdown
*/

.date-option-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline-start: 12px;
  padding-inline-end: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: var(--lds-radius-date-option-select);
}

.date-option-button:focus {
  outline-color: var(--lds-color-date-option-select-focus-outline);
  outline-width: var(--lds-border-date-option-select-focus-outline-width);
  outline-style: var(--lds-border-date-option-select-focus-outline-style);
}

.date-option-button:hover {
  background-color: var(--lds-color-date-option-select-hover-bg)
}

.date-option-button:active {
  font-weight: 700;
}

.date-option-button .lds-icon.inline {
  width: 12px;
  min-width: 12px;
  max-width: 12px;
  min-height: 12px;
  max-height: 12px;
  margin: 0;
  margin-inline-start: 4px;
  display: inline-block;
  transition: var(--lds-animation-duration-short);
}

.date-option-button.expanded .lds-icon.inline {
  transform: rotate(180deg);
}

.date-selection .lds-datepicker-option-selector {
  position: absolute;
  top: 64px;
  right: 0;
  left: 0;
  background: var(--lds-color-white);

  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--lds-animation-duration-medium) var(--lds-animation-timing-func-standard);
}

.date-selection .lds-datepicker-option-selector.open {
  bottom: 0;
  z-index: var(--lds-z-index-calendar-select);
  border-end-start-radius: var(--lds-radius-datepicker-calendar);
  border-end-end-radius: var(--lds-radius-datepicker-calendar);
  overflow: auto;
  border-top: 2px solid var(--lds-color-neutral-020);
  grid-template-rows: 1fr;
}

.date-selection .lds-datepicker-option-selector .inner-expandable {
  overflow: hidden;
}

.date-selection .lds-datepicker-option-selector.open .inner-expandable {
  overflow: auto;
}

.lds-datepicker-option-selector .option-button.selected {
  font-weight: 700;
}

.lds-datepicker-option-selector .option-button {
  width: 100%;
  height: 48px;
  text-align: start;
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.lds-datepicker-option-selector .option-button:focus {
  outline-color: var(--lds-color-dropdown-item-focus-outline);
  outline-width: var(--lds-border-dropdown-item-focus-outline-width);
  outline-style: var(--lds-border-dropdown-item-focus-outline-style);
  outline-offset: var(--lds-border-dropdown-item-focus-outline-offset);
}

.lds-datepicker-option-selector .option-button:hover {
  background-color: var(--lds-color-dropdown-item-hover);
}

/* MARK: Today button
*/

.lds-calendar-popup .today-button {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--lds-color-datepicker-today);
  margin-top: var(--lds-spacing-datepicker-today-btn-margin-top);
  padding: var(--lds-spacing-datepicker-today-btn-padding);
}

.lds-calendar-popup .today-button .lds-icon.inline.calendar-blank {
  width: 20px;
  height: 20px;
  margin: 0;
  margin-inline-end: 4px;
}

.lds-footer-v1 .lds-footer-social-icons .lds-link .lds-icon {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}

.lds-footer-v1 .lds-footer-list {
  display: flex;
  flex-wrap: wrap;
}

.lds-footer-v1 .lds-footer-list .lds-footer-links-item {
  display: inline-block;
  max-width: 100%;
}

.lds-footer-v1 .lds-footer-list-even .lds-footer-links-item {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.lds-footer-v1 .lds-footer-list-auto .lds-footer-links-item {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  padding-right: 2rem;
}

.lds-footer-v1 .lds-footer-list-even .lds-footer-links-item:not(:first-child) {
  padding-left: 2rem;
}

.lds-footer-v1 .lds-footer-list-even .lds-footer-main-links-column .lds-footer-links-item,
.lds-footer-v1 .lds-footer-list-auto .lds-footer-main-links-column .lds-footer-links-item {
  padding-left: 0;
}

@media (max-width: 768px) {
  .lds-footer-v1 .lds-lilly-logo,
  .lds-footer-v1 .footer-override {
    display: flex;
    justify-content: center;
  }


  .lds-footer-v1 .lds-footer-list-auto .lds-footer-links-item,
  .lds-footer-v1 .lds-footer-list-even .lds-footer-links-item {
    flex-basis: auto;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .lds-footer-v1 .lds-footer-list-even .lds-footer-links-item:not(:first-child) {
    padding-left: 0;
  }
}

.lds-icon {
  display: block;
  width: 100%;
  height: 100%;
  margin: var(--lds-spacing-icon-margin-top) var(--lds-spacing-icon-margin-right) var(--lds-spacing-icon-margin-bottom) var(--lds-spacing-icon-margin-left);
}

.lds-icon.inline {
  display: inline-block;
  width: var(--lds-spacing-icon-inline-width);
  height: var(--lds-spacing-icon-inline-height);
  vertical-align: middle;
  margin-top: var(--lds-spacing-icon-inline-margin-top);
  fill: currentColor;
}

.lds-icon.inline.icon-radio circle:first-child,
.lds-icon.inline.icon-checkbox rect {
  stroke: currentColor;
}

.lds-icon.icon-radio circle:first-child,
.lds-icon.icon-checkbox rect {
  fill: none;
  stroke: var(--lds-color-grey-900);
  stroke-width: 1.75;
}

.lds-icon.inline.button-icon {
  height: var(--lds-spacing-button-subcomponent-icon-height);
  width: var(--lds-spacing-button-subcomponent-icon-width);
  margin-top: var(--lds-spacing-button-subcomponent-icon-margin-top);
}

.lds-icon.inline.button-icon.after {
  margin-left: var(--lds-spacing-button-subcomponent-icon-margin-between);
}

.lds-icon.inline.button-icon.before {
  margin-right: var(--lds-spacing-button-subcomponent-icon-margin-between);
}

.lds-modal .lds-modal-close-btn .lds-icon.inline.button-icon,
.lds-modal-close-btn .lds-icon {
  margin: 0;
  margin-top: 0;
}

.lds-scrolling-checkbox-group .lds-checkbox-option:focus {
  outline-color: var(--lds-color-checkbox-focus-outline);
  outline-offset: var(--lds-border-checkbox-focus-outline-offset);
  outline-style: var(--lds-border-checkbox-focus-outline-style);
  outline-width: var(--lds-border-checkbox-focus-outline-width);
  box-shadow: var(--lds-shadow-checkbox-focus) var(--lds-color-checkbox-focus-shadow);
}

.lds-switch-label-right {
  margin-right: var(--lds-spacing-150);
}

.lds-switch .lds-switch-toggle.lds-switch-label-right {
  margin-left: initial;
}

/* */

/* TODO: MIGRATE STYLES TO UX-LDS */

/* */

.lds-video-list-player .lds-skip-panel {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  white-space: nowrap;
  transition: height var(--lds-animation-duration-medium) var(--lds-animation-timing-func-standard);
}

.lds-video-list-player .lds-skip-panel:focus-within {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.lds-render-error-block {
  padding: calc(.25rem - 1px);
  border: dashed 1px #F00;
  color: #F00;
  font-weight: bold;
}
.App {
  text-align: center;
}

.App-logo {
  height: 40vmin;
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  .App-logo {
    animation: App-logo-spin infinite 20s linear;
  }
}

.App-header {
  background-color: #282c34;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: calc(10px + 2vmin);
  color: white;
}

.App-link {
  color: #61dafb;
}

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


.lds-side-nav {
  z-index: 1 !important;
  padding-top: 5rem;
  /* width: 15rem !important; */
}
.lds-side-nav-scroll-container {
  overflow-y: hidden !important;
}
.lds-side-nav-content {
  overflow-x: hidden !important;
  /* margin-left: 15rem !important; */
}
.lds-select-input-wrapper .lds-select {
color: black;

}

#header > div > div.lds-header-menu-container.header-mobile.right > nav > div.lds-header-menu-scroll-container > ul > li:nth-child(1) > div > div > div {
  width: 10rem;
}

.lds-header {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
}

.lds-header-main {
  height: 100% !important;
  align-items: center !important;
  padding-top: 16px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.lds-header-menu-container {
  height: 100% !important;
  align-items: center !important;
}

.lds-header-menu-scroll-container {
  height: 100% !important;
  align-items: center !important;
}

.lds-header-menu.lds-header-menu-primary {
  height: 100% !important;
  align-items: center !important;
}

.lds-header-menu-primary {
  gap: 2rem !important;
}

.lds-header-menu-primary > li > .lds-header-menu-item-link,
.lds-header-menu-primary > li > button {
  padding-left: 0 !important;
  padding-right: 0 !important;
  font-size: 1rem !important;
}
.lds-select {
  text-overflow: ellipsis;
}

#requestTable.lds-table {
  p {
    margin-bottom: 0;
  }
}

#requestTable td a,
#requestTable th a {
  color: inherit;
  text-decoration: none;
}

.orca-table-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}

.orca-table-header h2 {
  margin: 0;
  line-height: 1.2;
}

.orca-table-actions {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  margin-left: auto;
  flex-wrap: wrap;
}

.orca-table-wrapper {
  width: 100%;
  max-height: 70vh;
  overflow: auto;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  background: #ffffff;
}

#requestTable.orca-data-table {
  width: max-content;
  min-width: 100%;
  margin: 0;
  border-collapse: collapse;
}

/* Each header cell uses flex-column: label on top, filter on bottom */
.orca-th-cell {
  vertical-align: top;
  padding: 8px 8px 6px !important;
}

.orca-th-inner {
  display: flex;
  flex-direction: column;
  gap: 6px;
  height: 100%;
}

.orca-th-label {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  white-space: nowrap;
}

.orca-filter-slot {
  width: 100%;
}

.orca-filter-input {
  width: 100%;
  box-sizing: border-box;
  padding: 0 8px;
  border: 1px solid #9e9e9e;
  border-radius: 4px;
  font-size: 14px;
  height: 40px;
  outline: none;
}

.orca-filter-input:focus {
  border-color: #1976d2;
}

#requestTable.orca-data-table thead {
  position: sticky;
  top: 0;
  z-index: 9;
  background: #ffffff;
  box-shadow: 0 2px 0 0 #d52b1e;
  --lds-color-table-head-th-bg: #ffffff;
  --lds-color-table-head-td-bg: #ffffff;
}

#requestTable.orca-data-table thead th {
  vertical-align: top;
  background: #ffffff;
  padding-top: 0 !important;
}

#requestTable.orca-data-table td pre {
  margin: 0;
  font-family: inherit;
}

.orca-button-pair {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  width: 100%;
  grid-column: 1 / -1;
}

@media (max-width: 900px) {
  .orca-table-actions {
    width: 100%;
    margin-left: 0;
  }

  .orca-table-actions .lds-button {
    flex: 1 1 240px;
  }
}

.freeze-table-cols table thead {
  z-index: 9;
}

.freeze-table-cols table thead th {
  position: relative;
}

.freeze-table-cols table th:nth-child(1),
.freeze-table-cols table td:nth-child(1) {
  position: sticky !important;
  left: 0;
  z-index: 5;
  width: 50px !important;
  min-width: 50px !important;
  max-width: 50px !important;
  box-shadow: 2px 0 0 0 #e5e7eb;
}

.freeze-table-cols table th:nth-child(2),
.freeze-table-cols table td:nth-child(2) {
  position: sticky !important;
  left: 50px;
  z-index: 5;
}

.freeze-table-cols table tr:nth-child(even) td:nth-child(1),
.freeze-table-cols table tr:nth-child(even) td:nth-child(2) {
  background: #f5f5f5;
}

.freeze-table-cols table th:nth-child(1),
.freeze-table-cols table th:nth-child(2),
.freeze-table-cols table tr:nth-child(odd) td:nth-child(1),
.freeze-table-cols table tr:nth-child(odd) td:nth-child(2) {
  background: #ffffff;
}

table.lds-table tbody tr:nth-child(odd) td {
  background-color: #ffffff !important;
}

table.lds-table tbody tr:nth-child(even) td {
  background-color: #f5f5f5 !important;
}/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:'';display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow{box-sizing:border-box}.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:'';display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,0.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:#ccc}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow + .ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #ccc;content:'Edit';margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove::before{content:'Remove';margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0;content:'Save';padding-right:0}.ql-snow .ql-tooltip[data-mode=link]::before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]::before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]::before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}

/*# sourceMappingURL=quill.snow.css.map*/