/* src/styles.scss */
.page-container {
  max-width: 1200px;
  margin: 2rem auto 0 auto;
  padding: 1rem 1rem 1rem 1rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
@media (max-width: 768px) {
  .page-container {
    padding: 0.5rem;
  }
}
.page-container button {
  margin-top: 1rem !important;
}
p {
  margin: 1rem !important;
  text-align: center;
  max-width: 800px;
}
#tap {
  font-family: monospace;
  background-color: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 7px 19px;
  color: red;
  font-weight: bold;
  font-size: 17px;
  display: block;
  margin-top: 15px !important;
  width: fit-content;
}
#tapInfo {
  font-weight: bold;
  line-height: 30px;
}
.align-left {
  text-align: left;
  margin: 0px !important;
}
.navigation-bar__wrapper {
  height: 97vh;
}
#loading {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f4f4f4;
}
.loading-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: left;
  margin-top: 50px;
}
.loading-container .loader {
  width: 40px;
  height: 40px;
  border: 4px solid var(--ds-color-grey-200);
  border-top: 4px solid var(--ds-color-ocean-600);
  border-radius: 50%;
  animation: spin 2s linear infinite;
  margin-bottom: 10px;
}
.loading-container p {
  font-size: 14px;
  font-weight: normal;
  color: black;
}
.loading-container-sm {
  display: flex;
  flex-direction: left;
  justify-content: left;
  align-items: left;
  margin-top: 4px;
}
.loading-container-sm .loader-sm {
  width: 20px;
  height: 20px;
  border: 2px solid var(--ds-color-grey-200);
  border-top: 2px solid var(--ds-color-ocean-600);
  border-radius: 50%;
  animation: spin 2s linear infinite;
}
.loading-container-sm p {
  font-size: 11px;
  font-weight: normal;
  color: black;
}
.loading-container-left {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0px;
}
.loading-container-left .loader {
  width: 40px;
  height: 40px;
  border: 4px solid var(--ds-color-grey-200);
  border-top: 4px solid var(--ds-color-ocean-600);
  border-radius: 50%;
  animation: spin 2s linear infinite;
  margin-top: 30px;
}
.loading-container-left p {
  font-size: 0.9rem;
  font-weight: normal;
  color: gray;
  text-align: left !important;
  margin: 0px !important;
}
.error-box p {
  font-size: 0.9rem;
  font-weight: normal;
  color: gray;
  text-align: left !important;
  margin: 0px !important;
}
.validity {
  margin-top: 25px !important;
}
#expirationDate {
  font-family: monospace;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  padding: 5px 10px;
  font-size: 13px;
}
#pdfDownload {
  margin-right: 15px;
}
ds-imprint p {
  text-align: left;
  margin: auto !important;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.page-wrapper,
.page-container {
  width: 100%;
  max-width: 100%;
  padding: 0 1rem;
  box-sizing: border-box;
}
.rotate-notification {
  position: fixed;
  bottom: 20px;
  left: 20px;
  right: 20px;
  background-color: var(--ds-color-grey-100);
  color: #333;
  border: 1px solid var(--ds-color-ocean-800);
  border-radius: 8px;
  padding: 16px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  z-index: 9999;
  text-align: center;
  font-size: 14px;
}
.rotate-notification button {
  margin-top: 10px;
  padding: 6px 12px;
  border: none;
  background-color: var(--ds-color-ocean-800);
  color: white;
  border-radius: 4px;
  cursor: pointer;
}
::ng-deep .ag-theme-alpine .status-option-1 {
  background-color: #e6ffed !important;
}
::ng-deep .ag-theme-alpine .status-option-2 {
  background-color: #fff7e6 !important;
}
::ng-deep .ag-theme-alpine .status-option-3 {
  background-color: #fbefff !important;
}
.lightFont {
  font-weight: 600;
  margin-bottom: 4px;
}
.boldFont {
  font-weight: bold;
}
.info-message {
  text-align: left;
  font-size: 13px;
  color: grey;
  max-width: 800px;
  margin-top: 20px;
}
.dashboard-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(260px, 1fr));
  grid-auto-rows: 1fr;
  gap: 1.5rem;
  padding-top: 2rem;
  max-width: 1100px;
  animation: fadeIn 0.4s ease-in-out;
  margin-bottom: 60px;
  align-items: stretch;
}
@media (max-width: 1024px) {
  .dashboard-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .dashboard-grid {
    grid-template-columns: 1fr;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.dashboard-tile {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--ds-color-grey-300);
  border-radius: 4px;
  overflow: hidden;
  background: white !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
  cursor: pointer;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease;
  min-height: 140px;
  height: 100%;
}
.dashboard-tile:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.08);
  border-color: var(--ds-color-primary-200, #cfe8ff);
}
.dashboard-tile:focus-within {
  outline: 2px solid var(--ds-color-primary-400, #5aa7ff);
  outline-offset: 2px;
}
.tile-header {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0.9rem 1rem;
  background: var(--ds-surface-muted, #f6f8fa);
  border-bottom: 1px solid var(--ds-color-grey-200);
}
.tile-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
}
.tile-icon ds-icon {
  font-size: 1.1rem;
  color: var(--ds-color-primary-600, #1173b6);
}
.tile-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--ds-color-primary-700, #0d5f99);
}
.tile-body {
  flex: 1;
}
.tile-body p {
  text-align: left !important;
  font-size: 12px !important;
}
.tile-body p {
  margin: 0;
  color: #5f6b7a;
  line-height: 1.45;
  font-size: 0.92rem;
}
.handover-row {
  background-color: #fff4cc !important;
}
@media (max-width: 768px) {
  .dashboard-tile {
    min-height: 150px;
  }
  .tile-title {
    font-size: 15px;
  }
}

/* node_modules/@bmw-ds/components/density-styles/styles/scss/density-styles-ng.scss */
/*! Global styles for Angular applications */
:root:has(.ds-dark) {
  --ds-color-typography-action: var(--ds-color-ocean-300);
  --ds-color-typography-action-active: var(--ds-color-ocean-200);
  --ds-color-typography-action-hover: var(--ds-color-ocean-200);
  --ds-color-typography-base: var(--ds-color-cool-grey-100);
  --ds-color-typography-caution: var(--ds-color-yellow-300);
  --ds-color-typography-critical: var(--ds-color-red-300);
  --ds-color-typography-disabled: var(--ds-color-cool-grey-100-alpha-30);
  --ds-color-typography-info: var(--ds-color-blue-300);
  --ds-color-typography-invert: var(--ds-color-cool-grey-900);
  --ds-color-typography-neutral: var(--ds-color-cool-grey-300);
  --ds-color-typography-placeholder: var(--ds-color-cool-grey-400);
  --ds-color-typography-positive: var(--ds-color-green-300);
  --ds-color-surface-action: var(--ds-color-ocean-800);
  --ds-color-surface-action-active: var(--ds-color-ocean-700);
  --ds-color-surface-action-hover: var(--ds-color-ocean-700);
  --ds-color-surface-action-mild: var(--ds-color-ocean-700);
  --ds-color-surface-action-strong: var(--ds-color-ocean-300);
  --ds-color-surface-action-strong-active: var(--ds-color-ocean-200);
  --ds-color-surface-action-strong-hover: var(--ds-color-ocean-200);
  --ds-color-surface-base: var(--ds-color-cool-grey-900);
  --ds-color-surface-caution: var(--ds-color-yellow-800);
  --ds-color-surface-caution-hover: var(--ds-color-yellow-700);
  --ds-color-surface-caution-mild: var(--ds-color-yellow-700);
  --ds-color-surface-caution-strong: var(--ds-color-yellow-300);
  --ds-color-surface-critical: var(--ds-color-red-800);
  --ds-color-surface-critical-hover: var(--ds-color-red-700);
  --ds-color-surface-critical-mild: var(--ds-color-red-700);
  --ds-color-surface-critical-strong: var(--ds-color-red-300);
  --ds-color-surface-critical-strong-active: var(--ds-color-red-400);
  --ds-color-surface-critical-strong-hover: var(--ds-color-red-400);
  --ds-color-surface-disabled: var(--ds-color-grey-100-alpha-10);
  --ds-color-surface-info: var(--ds-color-blue-800);
  --ds-color-surface-info-hover: var(--ds-color-blue-700);
  --ds-color-surface-info-mild: var(--ds-color-blue-700);
  --ds-color-surface-info-strong: var(--ds-color-blue-300);
  --ds-color-surface-invert: var(--ds-color-cool-grey-100);
  --ds-color-surface-mark: var(--ds-color-yellow-300-alpha-30);
  --ds-color-surface-neutral: var(--ds-color-cool-grey-800);
  --ds-color-surface-neutral-hover: var(--ds-color-cool-grey-700);
  --ds-color-surface-neutral-mild: var(--ds-color-cool-grey-700);
  --ds-color-surface-neutral-medium: var(--ds-color-cool-grey-500);
  --ds-color-surface-neutral-strong: var(--ds-color-cool-grey-300);
  --ds-color-surface-neutral-translucent: var(--ds-color-grey-100-alpha-10);
  --ds-color-surface-nontypable-input: var(--ds-color-cool-grey-700-alpha-20);
  --ds-color-surface-page: var(--ds-color-cool-grey-950);
  --ds-color-surface-positive: var(--ds-color-green-800);
  --ds-color-surface-positive-hover: var(--ds-color-green-700);
  --ds-color-surface-positive-mild: var(--ds-color-green-700);
  --ds-color-surface-positive-strong: var(--ds-color-green-300);
  --ds-color-surface-transparent: var(--ds-color-white-alpha-00);
  --ds-color-surface-backdrop: var(--ds-color-cool-grey-700-alpha-70);
  --ds-color-surface-overlay-hover: var(--ds-color-white-alpha-05);
  --ds-color-surface-overlay-blend: var(--ds-color-white-alpha-20);
  --ds-color-outline-action: var(--ds-color-ocean-400-alpha-30);
  --ds-color-outline-critical: var(--ds-color-red-600-alpha-30);
  --ds-color-icon-action: var(--ds-color-ocean-300);
  --ds-color-icon-action-active: var(--ds-color-ocean-200);
  --ds-color-icon-action-hover: var(--ds-color-ocean-200);
  --ds-color-icon-base: var(--ds-color-cool-grey-100);
  --ds-color-icon-caution: var(--ds-color-yellow-300);
  --ds-color-icon-critical: var(--ds-color-red-300);
  --ds-color-icon-disabled: var(--ds-color-cool-grey-100-alpha-30);
  --ds-color-icon-info: var(--ds-color-blue-300);
  --ds-color-icon-invert: var(--ds-color-cool-grey-900);
  --ds-color-icon-neutral: var(--ds-color-cool-grey-300);
  --ds-color-icon-neutral-mild: var(--ds-color-cool-grey-200);
  --ds-color-icon-positive: var(--ds-color-green-300);
  --ds-color-icon-base-translucent: var(--ds-color-cool-grey-100-alpha-20);
  --ds-color-icon-base-translucent-hover: var(--ds-color-cool-grey-100-alpha-10);
  --ds-color-border-action: var(--ds-color-ocean-700);
  --ds-color-border-action-strong: var(--ds-color-ocean-200);
  --ds-color-border-action-strong-active: var(--ds-color-ocean-100);
  --ds-color-border-action-strong-hover: var(--ds-color-ocean-100);
  --ds-color-border-base: var(--ds-color-cool-grey-800);
  --ds-color-border-caution: var(--ds-color-yellow-700);
  --ds-color-border-critical: var(--ds-color-red-700);
  --ds-color-border-critical-strong: var(--ds-color-red-200);
  --ds-color-border-critical-strong-active: var(--ds-color-red-100);
  --ds-color-border-critical-strong-hover: var(--ds-color-red-100);
  --ds-color-border-disabled: var(--ds-color-grey-100-alpha-10);
  --ds-color-border-info: var(--ds-color-blue-700);
  --ds-color-border-invert: var(--ds-color-white);
  --ds-color-border-neutral: var(--ds-color-cool-grey-700);
  --ds-color-border-neutral-mild: var(--ds-color-cool-grey-600);
  --ds-color-border-positive: var(--ds-color-green-700);
  --ds-color-border-transparent: var(--ds-color-white-alpha-00);
  --ds-logo-bmwgroup: var(--ds-asset-logo-bmwgroup-inverted);
  --ds-logo-bmwgroup-bmw: var(--ds-asset-logo-bmwgroup-bmw-inverted);
  --ds-logo-bmwgroup-bmw-mini: var(--ds-asset-logo-bmwgroup-bmw-mini-inverted);
  --ds-logo-bmwgroup-bmw-mini-rr: var(--ds-asset-logo-bmwgroup-bmw-mini-rr-inverted);
  --ds-logo-bmwgroup-mini: var(--ds-asset-logo-bmwgroup-mini-inverted);
  --ds-icon-checkbox-checked: var(--ds-asset-icon-checkbox-checked-inverted);
  --ds-icon-checkbox-checked-disabled: var(--ds-asset-icon-checkbox-checked-disabled-inverted);
  --ds-icon-checkbox-checked-readonly: var(--ds-asset-icon-checkbox-checked-readonly-inverted);
  --ds-icon-checkbox-checked-error: var(--ds-asset-icon-checkbox-checked-error-inverted);
  --ds-icon-checkbox-indeterminate: var(--ds-asset-icon-checkbox-indeterminate-inverted);
  --ds-icon-checkbox-indeterminate-disabled: var( --ds-asset-icon-checkbox-indeterminate-disabled-inverted );
  --ds-icon-checkbox-indeterminate-readonly: var( --ds-asset-icon-checkbox-indeterminate-readonly-inverted );
  --ds-icon-checkbox-indeterminate-error: var(--ds-asset-icon-checkbox-indeterminate-error-inverted);
  --ds-icon-disclosure: var(--ds-asset-icon-disclosure-inverted);
  --ds-icon-disclosure-disabled: var(--ds-asset-icon-disclosure-disabled-inverted);
  --ds-icon-minus: var(--ds-asset-icon-minus-inverted);
  --ds-icon-minus-disabled: var(--ds-asset-icon-minus-disabled-inverted);
  --ds-icon-plus: var(--ds-asset-icon-plus-inverted);
  --ds-icon-plus-disabled: var(--ds-asset-icon-plus-disabled-inverted);
  --ds-color-shimmer-1: var(--ds-color-shimmer-dark-1);
  --ds-color-shimmer-2: var(--ds-color-shimmer-dark-2);
  --ds-color-shimmer-3: var(--ds-color-shimmer-dark-3);
}
:root,
:host {
  --ds-typography-weight-400: 400;
  --ds-typography-weight-500: 500;
  --ds-typography-weight-600: 600;
  --ds-typography-weight-700: 700;
  --ds-typography-transform-capitalize1: capitalize;
  --ds-typography-transform-lowercase1: lowercase;
  --ds-typography-transform-uppercase1: uppercase;
  --ds-typography-style-italic: italic;
  --ds-typography-style-regular: initial;
  --ds-typography-size-01: 10px;
  --ds-typography-size-02: 11px;
  --ds-typography-size-03: 12px;
  --ds-typography-size-04: 14px;
  --ds-typography-size-05: 16px;
  --ds-typography-size-06: 18px;
  --ds-typography-size-07: 20px;
  --ds-typography-size-08: 23px;
  --ds-typography-size-09: 26px;
  --ds-typography-size-10: 29px;
  --ds-typography-size-11: 33px;
  --ds-typography-size-12: 37px;
  --ds-typography-size-13: 42px;
  --ds-typography-size-14: 47px;
  --ds-typography-size-15: 53px;
  --ds-typography-size-16: 59px;
  --ds-typography-family-brand: BMWGroupTNCondensedPro-Medium;
  --ds-typography-family-mono:
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
  --ds-typography-family-system:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --ds-space-05x: 2px;
  --ds-space-0x: 0px;
  --ds-space-10x: 40px;
  --ds-space-11x: 44px;
  --ds-space-12x: 48px;
  --ds-space-13x: 52px;
  --ds-space-14x: 56px;
  --ds-space-15x: 60px;
  --ds-space-16x: 64px;
  --ds-space-17x: 68px;
  --ds-space-18x: 72px;
  --ds-space-1x: 4px;
  --ds-space-2x: 8px;
  --ds-space-3x: 12px;
  --ds-space-4x: 16px;
  --ds-space-5x: 20px;
  --ds-space-6x: 24px;
  --ds-space-7x: 28px;
  --ds-space-8x: 32px;
  --ds-space-9x: 36px;
  --ds-shape-line-1: 1px;
  --ds-shape-line-2: 2px;
  --ds-shape-line-4: 4px;
  --ds-shape-radius-2: 2px;
  --ds-shape-radius-9999: 9999px;
  --ds-motion-delay-0: 88ms;
  --ds-motion-delay-1: 133ms;
  --ds-motion-delay-2: 200ms;
  --ds-motion-delay-3: 300ms;
  --ds-motion-duration-0: 88ms;
  --ds-motion-duration-1: 133ms;
  --ds-motion-duration-2: 200ms;
  --ds-motion-duration-3: 300ms;
  --ds-motion-timing-0: cubic-bezier(0, 0, 0.2, 1);
  --ds-motion-timing-1: cubic-bezier(0.4, 0.15, 1, 1);
  --ds-motion-timing-2: cubic-bezier(0.4, 0.15, 0.2, 1);
  --ds-icon-family-brand: url;
  --ds-elevation-0: 0;
  --ds-elevation-1: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.2)) drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.2));
  --ds-elevation-2: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.2)) drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.16));
  --ds-elevation-3: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.2)) drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.12)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.12));
  --ds-elevation-4: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.2)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.12)) drop-shadow(0px 8px 8px rgba(0, 0, 0, 0.12));
  --ds-elevation-5: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.2)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.1)) drop-shadow(0px 8px 8px rgba(0, 0, 0, 0.1)) drop-shadow(0px 12px 16px rgba(0, 0, 0, 0.1));
  --ds-elevation-6: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.2)) drop-shadow(0px 8px 8px rgba(0, 0, 0, 0.1)) drop-shadow(0px 12px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0px 16px 20px rgba(0, 0, 0, 0.1));
  --ds-elevation-7: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.2)) drop-shadow(0px 12px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0px 16px 20px rgba(0, 0, 0, 0.1)) drop-shadow(0px 20px 24px rgba(0, 0, 0, 0.1));
  --ds-elevation-8: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.2)) drop-shadow(0px 16px 20px rgba(0, 0, 0, 0.1)) drop-shadow(0px 20px 24px rgba(0, 0, 0, 0.1)) drop-shadow(0px 24px 28px rgba(0, 0, 0, 0.1));
  --ds-color-avocado-100: #e5fcb1;
  --ds-color-avocado-200: #c7ec69;
  --ds-color-avocado-300: #abd350;
  --ds-color-avocado-400: #8cb735;
  --ds-color-avocado-500: #6e9917;
  --ds-color-avocado-600: #517b00;
  --ds-color-avocado-700: #395e00;
  --ds-color-avocado-800: #234200;
  --ds-color-avocado-900: #112800;
  --ds-color-avocado-950: #031000;
  --ds-color-black: #000000;
  --ds-color-black-alpha-02: rgba(0, 0, 0, 0.02);
  --ds-color-black-alpha-50: rgba(0, 0, 0, 0.5);
  --ds-color-blue-100: #ecf3ff;
  --ds-color-blue-200: #cbdfff;
  --ds-color-blue-300: #9ec7ff;
  --ds-color-blue-400: #62acff;
  --ds-color-blue-500: #008ff0;
  --ds-color-blue-600: #0071c5;
  --ds-color-blue-700: #005499;
  --ds-color-blue-800: #00396f;
  --ds-color-blue-900: #002248;
  --ds-color-blue-950: #000b20;
  --ds-color-bondiblue-100: #daf9fc;
  --ds-color-bondiblue-200: #85eef9;
  --ds-color-bondiblue-300: #51d6e4;
  --ds-color-bondiblue-400: #34b9c8;
  --ds-color-bondiblue-500: #0f9aaa;
  --ds-color-bondiblue-600: #007b8a;
  --ds-color-bondiblue-700: #005d6a;
  --ds-color-bondiblue-800: #00404c;
  --ds-color-bondiblue-900: #002730;
  --ds-color-bondiblue-950: #000f14;
  --ds-color-cool-grey-100: #f2f3f4;
  --ds-color-cool-grey-100-alpha-10: rgba(242, 243, 244, 0.1);
  --ds-color-cool-grey-100-alpha-20: rgba(242, 243, 244, 0.2);
  --ds-color-cool-grey-100-alpha-30: rgba(242, 243, 244, 0.3);
  --ds-color-cool-grey-200: #dcdee1;
  --ds-color-cool-grey-200-alpha-20: rgba(220, 222, 225, 0.2);
  --ds-color-cool-grey-300: #c1c5cb;
  --ds-color-cool-grey-400: #a2aab4;
  --ds-color-cool-grey-500: #858d98;
  --ds-color-cool-grey-600: #69707a;
  --ds-color-cool-grey-700: #4e545d;
  --ds-color-cool-grey-700-alpha-20: rgba(78, 84, 93, 0.2);
  --ds-color-cool-grey-700-alpha-70: rgba(78, 84, 93, 0.7);
  --ds-color-cool-grey-800: #353a41;
  --ds-color-cool-grey-800-alpha-10: rgba(53, 58, 65, 0.1);
  --ds-color-cool-grey-800-alpha-20: rgba(53, 58, 65, 0.2);
  --ds-color-cool-grey-900: #1f2328;
  --ds-color-cool-grey-900-alpha-30: rgba(31, 35, 40, 0.3);
  --ds-color-cool-grey-950: #0b0d10;
  --ds-color-fuschia-100: #f7edf9;
  --ds-color-fuschia-200: #eed3f2;
  --ds-color-fuschia-300: #e9afee;
  --ds-color-fuschia-400: #ea7eec;
  --ds-color-fuschia-500: #e63be3;
  --ds-color-fuschia-600: #c117b9;
  --ds-color-fuschia-700: #97008c;
  --ds-color-fuschia-800: #6c0061;
  --ds-color-fuschia-900: #44003c;
  --ds-color-fuschia-950: #1d0018;
  --ds-color-gamboge-100: #fff0e8;
  --ds-color-gamboge-200: #ffd6bc;
  --ds-color-gamboge-300: #ffb574;
  --ds-color-gamboge-400: #ec9500;
  --ds-color-gamboge-500: #c37c00;
  --ds-color-gamboge-600: #9a6300;
  --ds-color-gamboge-700: #744b00;
  --ds-color-gamboge-800: #513300;
  --ds-color-gamboge-900: #321e00;
  --ds-color-gamboge-950: #140a00;
  --ds-color-green-100: #e5fceb;
  --ds-color-green-200: #9ff7b7;
  --ds-color-green-300: #6de28f;
  --ds-color-green-400: #55c474;
  --ds-color-green-500: #3ea359;
  --ds-color-green-600: #2a813f;
  --ds-color-green-700: #185f28;
  --ds-color-green-800: #084114;
  --ds-color-green-900: #002704;
  --ds-color-green-950: #000f01;
  --ds-color-grey-100: #f5f6f6;
  --ds-color-grey-100-alpha-10: rgba(245, 246, 246, 0.1);
  --ds-color-grey-200: #e0e2e3;
  --ds-color-grey-300: #c6c8cb;
  --ds-color-grey-400: #a9abaf;
  --ds-color-grey-500: #8c8e91;
  --ds-color-grey-600: #707173;
  --ds-color-grey-700: #555658;
  --ds-color-grey-800: #3d3e3e;
  --ds-color-grey-900: #282828;
  --ds-color-grey-900-alpha-10: rgba(41, 41, 41, 0.1);
  --ds-color-grey-950: #161616;
  --ds-color-grey-950-alpha-05: rgba(22, 22, 22, 0.05);
  --ds-color-heliotrope-100: #f4edff;
  --ds-color-heliotrope-200: #e6d4ff;
  --ds-color-heliotrope-300: #d8b3ff;
  --ds-color-heliotrope-400: #cd8aff;
  --ds-color-heliotrope-500: #c653ff;
  --ds-color-heliotrope-600: #b400e6;
  --ds-color-heliotrope-700: #8b00ab;
  --ds-color-heliotrope-800: #640077;
  --ds-color-heliotrope-900: #40004a;
  --ds-color-heliotrope-950: #1b001f;
  --ds-color-jade-100: #d5fce8;
  --ds-color-jade-200: #6cf6c0;
  --ds-color-jade-300: #52dbab;
  --ds-color-jade-400: #37bd93;
  --ds-color-jade-500: #179e7b;
  --ds-color-jade-600: #007e64;
  --ds-color-jade-700: #005f4c;
  --ds-color-jade-800: #004235;
  --ds-color-jade-900: #002820;
  --ds-color-jade-950: #000f0b;
  --ds-color-ocean-100: #e0f2ff;
  --ds-color-ocean-200: #a8dfff;
  --ds-color-ocean-300: #3ccaff;
  --ds-color-ocean-400: #00aede;
  --ds-color-ocean-400-alpha-30: rgba(2, 145, 183, 0.3);
  --ds-color-ocean-500: #0291b7;
  --ds-color-ocean-500-alpha-30: rgba(2, 145, 183, 0.3);
  --ds-color-ocean-600: #037493;
  --ds-color-ocean-700: #035970;
  --ds-color-ocean-800: #024051;
  --ds-color-ocean-900: #012935;
  --ds-color-ocean-950: #00131a;
  --ds-color-olive-100: #fbf5be;
  --ds-color-olive-200: #e8e27d;
  --ds-color-olive-300: #ccc962;
  --ds-color-olive-400: #adad46;
  --ds-color-olive-500: #8d9129;
  --ds-color-olive-600: #6d7407;
  --ds-color-olive-700: #505800;
  --ds-color-olive-800: #353d00;
  --ds-color-olive-900: #1e2500;
  --ds-color-olive-950: #090d00;
  --ds-color-persimmon-100: #fff0ee;
  --ds-color-persimmon-200: #ffd4ce;
  --ds-color-persimmon-300: #ffb1a2;
  --ds-color-persimmon-400: #ff8761;
  --ds-color-persimmon-500: #e96200;
  --ds-color-persimmon-600: #b84f00;
  --ds-color-persimmon-700: #8a3c00;
  --ds-color-persimmon-800: #602900;
  --ds-color-persimmon-900: #3b1800;
  --ds-color-persimmon-950: #180600;
  --ds-color-red-100: #ffefef;
  --ds-color-red-200: #ffd4d4;
  --ds-color-red-300: #ffb0b0;
  --ds-color-red-400: #ff8485;
  --ds-color-red-500: #ff454a;
  --ds-color-red-600: #df001a;
  --ds-color-red-600-alpha-30: rgba(223, 0, 26, 0.3);
  --ds-color-red-700: #aa0014;
  --ds-color-red-800: #79010d;
  --ds-color-red-900: #4b0308;
  --ds-color-red-950: #200102;
  --ds-color-rose-100: #ffebf3;
  --ds-color-rose-200: #ffcee2;
  --ds-color-rose-300: #ffa9cd;
  --ds-color-rose-400: #ff7ab4;
  --ds-color-rose-500: #ff2d98;
  --ds-color-rose-600: #d50075;
  --ds-color-rose-700: #a30054;
  --ds-color-rose-800: #750036;
  --ds-color-rose-900: #4b001e;
  --ds-color-rose-950: #210008;
  --ds-color-violet-100: #eef0ff;
  --ds-color-violet-200: #d6daff;
  --ds-color-violet-300: #babeff;
  --ds-color-violet-400: #9f9dff;
  --ds-color-violet-500: #8677ff;
  --ds-color-violet-600: #7547ff;
  --ds-color-violet-700: #6800e3;
  --ds-color-violet-800: #4e009c;
  --ds-color-violet-900: #330061;
  --ds-color-violet-950: #15002a;
  --ds-color-viridian-100: #d0fcf2;
  --ds-color-viridian-200: #68f4dd;
  --ds-color-viridian-300: #4ed9c7;
  --ds-color-viridian-400: #32bbae;
  --ds-color-viridian-500: #0e9c94;
  --ds-color-viridian-600: #007c78;
  --ds-color-viridian-700: #005e5c;
  --ds-color-viridian-800: #004141;
  --ds-color-viridian-900: #002729;
  --ds-color-viridian-950: #000e10;
  --ds-color-white: #ffffff;
  --ds-color-white-alpha-00: rgba(255, 255, 255, 0);
  --ds-color-white-alpha-05: rgba(255, 255, 255, 0.05);
  --ds-color-white-alpha-20: rgba(255, 255, 255, 0.2);
  --ds-color-yellow-100: #fff7de;
  --ds-color-yellow-200: #ffe38e;
  --ds-color-yellow-300: #f6c800;
  --ds-color-yellow-300-alpha-30: rgba(248, 202, 0, 0.3);
  --ds-color-yellow-400: #daaa00;
  --ds-color-yellow-500: #ba8900;
  --ds-color-yellow-600: #976900;
  --ds-color-yellow-700: #744b00;
  --ds-color-yellow-800: #523000;
  --ds-color-yellow-900: #341a00;
  --ds-color-yellow-950: #170700;
  --ds-asset-icon-checkbox-checked-default: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMjQgMjQnIGlkPSdjaGVjaycgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBzdHlsZT0nZmlsbDogaW5oZXJpdDsnPjxwYXRoIGQ9J00xMCAxNS4xNzJsOS4xOTItOS4xOTMgMS40MTUgMS40MTRMMTAgMThsLTYuMzY0LTYuMzY0IDEuNDE0LTEuNDE0eicgZmlsbD0nI2ZmZmZmZicgZmlsbC1ydWxlPSdldmVub2RkJy8+PC9zdmc+);
  --ds-asset-icon-checkbox-checked-disabled-default: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMjQgMjQnIGlkPSdjaGVjaycgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBzdHlsZT0nZmlsbDogaW5oZXJpdDsnPjxwYXRoIGQ9J00xMCAxNS4xNzJsOS4xOTItOS4xOTMgMS40MTUgMS40MTRMMTAgMThsLTYuMzY0LTYuMzY0IDEuNDE0LTEuNDE0eicgZmlsbD0nIzFmMjMyODRkJyBmaWxsLXJ1bGU9J2V2ZW5vZGQnLz48L3N2Zz4=);
  --ds-asset-icon-checkbox-checked-disabled-inverted: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMjQgMjQnIGlkPSdjaGVjaycgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBzdHlsZT0nZmlsbDogaW5oZXJpdDsnPjxwYXRoIGQ9J00xMCAxNS4xNzJsOS4xOTItOS4xOTMgMS40MTUgMS40MTRMMTAgMThsLTYuMzY0LTYuMzY0IDEuNDE0LTEuNDE0eicgZmlsbD0nI2YyZjNmNDRkJyBmaWxsLXJ1bGU9J2V2ZW5vZGQnLz48L3N2Zz4=);
  --ds-asset-icon-checkbox-checked-error-default: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJjaGVjayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHlsZT0iZmlsbDogI2RmMDAxYTsiPjxwYXRoIGQ9Ik0xMCAxNS4xNzJsOS4xOTItOS4xOTMgMS40MTUgMS40MTRMMTAgMThsLTYuMzY0LTYuMzY0IDEuNDE0LTEuNDE0eiIgZmlsbD0iI2RmMDAxYSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
  --ds-asset-icon-checkbox-checked-error-inverted: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJjaGVjayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHlsZT0iZmlsbDogI2ZmODQ4NTsiPjxwYXRoIGQ9Ik0xMCAxNS4xNzJsOS4xOTItOS4xOTMgMS40MTUgMS40MTRMMTAgMThsLTYuMzY0LTYuMzY0IDEuNDE0LTEuNDE0eiIgZmlsbD0iI2ZmODQ4NSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
  --ds-asset-icon-checkbox-checked-inverted: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMjQgMjQnIGlkPSdjaGVjaycgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBzdHlsZT0nZmlsbDogaW5oZXJpdDsnPjxwYXRoIGQ9J00xMCAxNS4xNzJsOS4xOTItOS4xOTMgMS40MTUgMS40MTRMMTAgMThsLTYuMzY0LTYuMzY0IDEuNDE0LTEuNDE0eicgZmlsbD0nIzFmMjMyOCcgZmlsbC1ydWxlPSdldmVub2RkJy8+PC9zdmc+);
  --ds-asset-icon-checkbox-checked-readonly-default: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMjQgMjQnIGlkPSdjaGVjaycgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBzdHlsZT0nZmlsbDogaW5oZXJpdDsnPjxwYXRoIGQ9J00xMCAxNS4xNzJsOS4xOTItOS4xOTMgMS40MTUgMS40MTRMMTAgMThsLTYuMzY0LTYuMzY0IDEuNDE0LTEuNDE0eicgZmlsbD0nIzY5NzA3YScgZmlsbC1ydWxlPSdldmVub2RkJy8+PC9zdmc+);
  --ds-asset-icon-checkbox-checked-readonly-inverted: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMjQgMjQnIGlkPSdjaGVjaycgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBzdHlsZT0nZmlsbDogaW5oZXJpdDsnPjxwYXRoIGQ9J00xMCAxNS4xNzJsOS4xOTItOS4xOTMgMS40MTUgMS40MTRMMTAgMThsLTYuMzY0LTYuMzY0IDEuNDE0LTEuNDE0eicgZmlsbD0nI2MxYzVjYicgZmlsbC1ydWxlPSdldmVub2RkJy8+PC9zdmc+);
  --ds-asset-icon-checkbox-indeterminate-default: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMjQgMjQnIGlkPSdzdWJ0cmFjdCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBzdHlsZT0nZmlsbDogaW5oZXJpdDsnPjxwYXRoIGQ9J001IDExaDE0djJINXonIGZpbGw9JyNmZmZmZmYnIGZpbGwtcnVsZT0nZXZlbm9kZCcvPjwvc3ZnPg==);
  --ds-asset-icon-checkbox-indeterminate-disabled-default: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMjQgMjQnIGlkPSdzdWJ0cmFjdCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBzdHlsZT0nZmlsbDogaW5oZXJpdDsnPjxwYXRoIGQ9J001IDExaDE0djJINXonIGZpbGw9JyMxZjIzMjg0ZCcgZmlsbC1ydWxlPSdldmVub2RkJy8+PC9zdmc+);
  --ds-asset-icon-checkbox-indeterminate-disabled-inverted: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMjQgMjQnIGlkPSdzdWJ0cmFjdCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBzdHlsZT0nZmlsbDogaW5oZXJpdDsnPjxwYXRoIGQ9J001IDExaDE0djJINXonIGZpbGw9JyNmMmYzZjQ0ZCcgZmlsbC1ydWxlPSdldmVub2RkJy8+PC9zdmc+);
  --ds-asset-icon-checkbox-indeterminate-error-default: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJzdWJ0cmFjdCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHlsZT0iZmlsbDogI2RmMDAxYTsiPjxwYXRoIGQ9Ik01IDExaDE0djJINXoiIGZpbGw9IiNkZjAwMWEiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
  --ds-asset-icon-checkbox-indeterminate-error-inverted: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJzdWJ0cmFjdCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHlsZT0iZmlsbDogI2ZmODQ4NTsiPjxwYXRoIGQ9Ik01IDExaDE0djJINXoiIGZpbGw9IiNmZjg0ODUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
  --ds-asset-icon-checkbox-indeterminate-inverted: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMjQgMjQnIGlkPSdzdWJ0cmFjdCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBzdHlsZT0nZmlsbDogaW5oZXJpdDsnPjxwYXRoIGQ9J001IDExaDE0djJINXonIGZpbGw9JyMxZjIzMjgnIGZpbGwtcnVsZT0nZXZlbm9kZCcvPjwvc3ZnPg==);
  --ds-asset-icon-checkbox-indeterminate-readonly-default: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMjQgMjQnIGlkPSdzdWJ0cmFjdCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBzdHlsZT0nZmlsbDogaW5oZXJpdDsnPjxwYXRoIGQ9J001IDExaDE0djJINXonIGZpbGw9JyM2OTcwN2EnIGZpbGwtcnVsZT0nZXZlbm9kZCcvPjwvc3ZnPg==);
  --ds-asset-icon-checkbox-indeterminate-readonly-inverted: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMjQgMjQnIGlkPSdzdWJ0cmFjdCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBzdHlsZT0nZmlsbDogaW5oZXJpdDsnPjxwYXRoIGQ9J001IDExaDE0djJINXonIGZpbGw9JyNjMWM1Y2InIGZpbGwtcnVsZT0nZXZlbm9kZCcvPjwvc3ZnPg==);
  --ds-asset-icon-disclosure-default: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMjQgMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgZmlsbD0naW5oZXJpdCc+PHBhdGggZD0nTTEyIDEzLjE3Mmw0Ljk1LTQuOTUgMS40MTQgMS40MTRMMTIgMTYgNS42MzYgOS42MzYgNy4wNSA4LjIyMnonIGZpbGw9JyMwMzc0OTMnIGZpbGwtcnVsZT0nZXZlbm9kZCcvPjwvc3ZnPg==);
  --ds-asset-icon-disclosure-disabled-default: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMjQgMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgZmlsbD0naW5oZXJpdCc+PHBhdGggZD0nTTEyIDEzLjE3Mmw0Ljk1LTQuOTUgMS40MTQgMS40MTRMMTIgMTYgNS42MzYgOS42MzYgNy4wNSA4LjIyMnonIGZpbGw9JyMxZjIzMjg0ZCcgZmlsbC1ydWxlPSdldmVub2RkJy8+PC9zdmc+);
  --ds-asset-icon-disclosure-disabled-inverted: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMjQgMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgZmlsbD0naW5oZXJpdCc+PHBhdGggZD0nTTEyIDEzLjE3Mmw0Ljk1LTQuOTUgMS40MTQgMS40MTRMMTIgMTYgNS42MzYgOS42MzYgNy4wNSA4LjIyMnonIGZpbGw9JyNmMmYzZjQ0ZCcgZmlsbC1ydWxlPSdldmVub2RkJy8+PC9zdmc+);
  --ds-asset-icon-disclosure-inverted: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMjQgMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgZmlsbD0naW5oZXJpdCc+PHBhdGggZD0nTTEyIDEzLjE3Mmw0Ljk1LTQuOTUgMS40MTQgMS40MTRMMTIgMTYgNS42MzYgOS42MzYgNy4wNSA4LjIyMnonIGZpbGw9JyMzY2NhZmYnIGZpbGwtcnVsZT0nZXZlbm9kZCcvPjwvc3ZnPg==);
  --ds-asset-icon-minus-default: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMjQgMjQnIGlkPSdzdWJ0cmFjdCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBzdHlsZT0nZmlsbDogaW5oZXJpdDsnPjxwYXRoIGQ9J001IDExaDE0djJINXonIGZpbGw9JyMwMzc0OTMnIGZpbGwtcnVsZT0nZXZlbm9kZCcvPjwvc3ZnPg==);
  --ds-asset-icon-minus-disabled-default: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMjQgMjQnIGlkPSdzdWJ0cmFjdCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBzdHlsZT0nZmlsbDogaW5oZXJpdDsnPjxwYXRoIGQ9J001IDExaDE0djJINXonIGZpbGw9JyMxZjIzMjg0ZCcgZmlsbC1ydWxlPSdldmVub2RkJy8+PC9zdmc+);
  --ds-asset-icon-minus-disabled-inverted: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMjQgMjQnIGlkPSdzdWJ0cmFjdCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBzdHlsZT0nZmlsbDogaW5oZXJpdDsnPjxwYXRoIGQ9J001IDExaDE0djJINXonIGZpbGw9JyNmMmYzZjQ0ZCcgZmlsbC1ydWxlPSdldmVub2RkJy8+PC9zdmc+);
  --ds-asset-icon-minus-inverted: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMjQgMjQnIGlkPSdzdWJ0cmFjdCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBzdHlsZT0nZmlsbDogaW5oZXJpdDsnPjxwYXRoIGQ9J001IDExaDE0djJINXonIGZpbGw9JyMzY2NhZmYnIGZpbGwtcnVsZT0nZXZlbm9kZCcvPjwvc3ZnPg==);
  --ds-asset-icon-plus-default: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMjQgMjQnIGlkPSdhZGQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgc3R5bGU9J2ZpbGw6IGluaGVyaXQ7Jz48cGF0aCBkPSdNMTEgMTFWNWgydjZoNnYyaC02djZoLTJ2LTZINXYtMnonIGZpbGw9JyMwMzc0OTMnIGZpbGwtcnVsZT0nZXZlbm9kZCcvPjwvc3ZnPg==);
  --ds-asset-icon-plus-disabled-default: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMjQgMjQnIGlkPSdhZGQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgc3R5bGU9J2ZpbGw6IGluaGVyaXQ7Jz48cGF0aCBkPSdNMTEgMTFWNWgydjZoNnYyaC02djZoLTJ2LTZINXYtMnonIGZpbGw9JyMxZjIzMjg0ZCcgZmlsbC1ydWxlPSdldmVub2RkJy8+PC9zdmc+);
  --ds-asset-icon-plus-disabled-inverted: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMjQgMjQnIGlkPSdhZGQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgc3R5bGU9J2ZpbGw6IGluaGVyaXQ7Jz48cGF0aCBkPSdNMTEgMTFWNWgydjZoNnYyaC02djZoLTJ2LTZINXYtMnonIGZpbGw9JyNmMmYzZjQ0ZCcgZmlsbC1ydWxlPSdldmVub2RkJy8+PC9zdmc+);
  --ds-asset-icon-plus-inverted: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMjQgMjQnIGlkPSdhZGQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgc3R5bGU9J2ZpbGw6IGluaGVyaXQ7Jz48cGF0aCBkPSdNMTEgMTFWNWgydjZoNnYyaC02djZoLTJ2LTZINXYtMnonIGZpbGw9JyMzY2NhZmYnIGZpbGwtcnVsZT0nZXZlbm9kZCcvPjwvc3ZnPg==);
  --ds-asset-logo-bmwgroup-bmw-default: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjMuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjE1MDIuNHB4IiBoZWlnaHQ9IjM0MC4ycHgiIHZpZXdCb3g9IjAgMCAxNTAyLjQgMzQwLjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE1MDIuNCAzNDAuMjsiCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzZGNkY2Rjt9Cgkuc3Qxe2ZpbGw6IzAwNjZCMTt9Cjwvc3R5bGU+CjxnIGlkPSJCTVciPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTEzMzIuMywwYy05My45LDAtMTcwLjEsNzYuMS0xNzAuMSwxNzAuMXM3Ni4xLDE3MC4xLDE3MC4xLDE3MC4xczE3MC4xLTc2LjEsMTcwLjEtMTcwLjFTMTQyNi4yLDAsMTMzMi4zLDAKCQkJTDEzMzIuMywweiBNMTQ5MS4zLDE3MC4xYzAsODcuOC03MS4yLDE1OS0xNTksMTU5Yy04Ny44LDAtMTU5LTcxLjItMTU5LTE1OXM3MS4yLTE1OSwxNTktMTU5CgkJCUMxNDIwLjEsMTEuMSwxNDkxLjMsODIuMywxNDkxLjMsMTcwLjF6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTEzMzIuMyw2OS4ydjUuNWwwLDBjNTIuNiwwLDk1LjMsNDIuOCw5NS4zLDk1LjNoNS41QzE0MzMuMSwxMTQuNCwxMzg4LDY5LjIsMTMzMi4zLDY5LjJMMTMzMi4zLDY5LjIKCQkJIE0xMzMyLjMsMjY1LjRjLTUyLjYsMC05NS4zLTQyLjgtOTUuMy05NS4zaC01LjVjMCw1NS43LDQ1LjIsMTAwLjksMTAwLjksMTAwLjkiLz4KCQk8Zz4KCQkJPHBhdGggaWQ9IldfMDAwMDAxNTU4MzIyMTQ5ODA5MjU4NTEwNjAwMDAwMDg0NzYxNTQyMjg5NDk0NDkzOTZfIiBjbGFzcz0ic3QwIiBkPSJNMTQxNC43LDk3LjljMi4zLDIuNSw1LjYsNi41LDcuNSw4LjkKCQkJCWwzNC40LTIxLjljLTEuNy0yLjMtNC41LTUuNy02LjUtOC4xbC0yMS44LDE0LjRsLTEuNSwxLjNsMS4xLTEuNmw5LjYtMTkuMmwtNi44LTYuOGwtMTkuMiw5LjZsLTEuNiwxLjFsMS4zLTEuNWwxNC40LTIxLjgKCQkJCWMtMi41LTIuMi01LTQuMS04LjEtNi41bC0yMS45LDM0LjRjMi44LDIuMSw2LjQsNS4zLDguNyw3LjRMMTQyNSw3N2wxLjMtMWwtMSwxLjNMMTQxNC43LDk3Ljl6Ii8+CgkJCTxwYXRoIGlkPSJNXzAwMDAwMDI2MTI4OTk5MTQ3OTMxMDg4OTYwMDAwMDA0OTU4Nzg2NTEzOTg5MDMyMTIwXyIgY2xhc3M9InN0MCIgZD0iTTEzMzYuNiw1NC4zbDkuNC0yMS4xbDAuNi0xLjlsLTAuMiwybDEsMjguMgoJCQkJYzMuMywwLjMsNi43LDAuOCwxMC4xLDEuM2wtMS41LTQxLjdjLTQuNy0wLjUtOS40LTAuOS0xNC4xLTEuMWwtOS4zLDIzbC0wLjMsMS43TDEzMzIsNDNsLTkuMy0yM2MtNC43LDAuMi05LjQsMC42LTE0LjEsMS4xCgkJCQlsLTEuNSw0MS43YzMuNC0wLjYsNi44LTEsMTAuMS0xLjNsMS0yOC4ybC0wLjItMmwwLjYsMS45bDkuNCwyMS4xSDEzMzYuNnoiLz4KCQkJPHBhdGggaWQ9IkJfeDVGXzIyZF8wMDAwMDAzMTE3OTkwMzc3MDA0OTU5ODY2MDAwMDAxMjg5MjExOTY5NTQxMjA2NDY3OV8iIGNsYXNzPSJzdDAiIGQ9Ik0xMjYwLjUsODcuNgoJCQkJYzUuNC01LjcsOC41LTEyLjQsMy4xLTE4LjdjLTMtMy40LTcuOS00LjItMTIuMS0yLjVsLTAuNCwwLjJsMC4xLTAuNGMwLjYtMS42LDEtNi44LTMuNC0xMC40Yy0yLjItMS43LTQuOS0yLjQtNy42LTIuMQoJCQkJYy01LjEsMC41LTksNC0xOS43LDE1LjljLTMuMiwzLjYtNy45LDkuMy0xMC44LDEzYzAsMCwyOS40LDI3LjksMjkuNCwyNy45QzEyNDguOCw5OS43LDEyNTIuOCw5NS42LDEyNjAuNSw4Ny42eiBNMTIyMi4xLDgwLjcKCQkJCWM1LjktNy4yLDEyLjItMTMuOCwxNS4xLTE2LjRjMC45LTAuOCwxLjktMS42LDMuMS0yYzEuOS0wLjUsMy45LDAuOCw0LjQsMi44YzAuNSwyLTAuOCwzLjktMi4yLDUuNAoJCQkJYy0zLjEsMy41LTE0LjYsMTUuNS0xNC42LDE1LjVTMTIyMi4xLDgwLjcsMTIyMi4xLDgwLjd6IE0xMjMzLjYsOTEuN2MwLDAsMTEuMi0xMS44LDE0LjgtMTUuNmMxLjQtMS41LDIuNC0yLjQsMy40LTIuOQoJCQkJYzEuMy0wLjYsMi43LTAuOCw0LDAuMWMxLjIsMC44LDEuOCwyLjMsMS41LDMuN2MtMC40LDEuNy0xLjcsMy4zLTIuOSw0LjVjLTEuNSwxLjctMTQuOCwxNS44LTE0LjgsMTUuOUwxMjMzLjYsOTEuN3oiLz4KCQk8L2c+CgkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTEzMzIuMyw2OS4ydjEwMC45aC0xMDAuOUMxMjMxLjQsMTE0LjMsMTI3Ni41LDY5LjIsMTMzMi4zLDY5LjJ6Ii8+CgkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE0MzMuMSwxNzAuMWMwLDU1LjctNDUuMSwxMDAuOS0xMDAuOSwxMDAuOVYxNzAuMUgxNDMzLjF6Ii8+Cgk8L2c+CjwvZz4KPGcgaWQ9IkJNV19Hcm91cF9OZXh0Ij4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01LDE1NS43aDY0YzIwLjQsMCwzMi44LTMuNSw0MS45LTExLjFjOS41LTcuNiwxNC0xOS42LDE0LTM0LjNjMC05LjctMi43LTE4LTYuNC0yMy4zCgkJCWMtMy43LTUtNy42LTguNS0xMi4yLTExLjhjMi4zLTMuNyw1LjQtOC43LDguMy0xMy42YzQuMy03LjgsNy0xNC43LDctMjQuNGMwLTEyLjYtNS42LTIzLjUtMTQuOS0yOS45Qzk4LjUsMS43LDg4LjIsMCw3Mi4zLDBINQoJCQlWMTU1LjdMNSwxNTUuN3ogTTI5LjksMTMyLjFWODguNGg0MC45YzkuNSwwLDE1LjMsMC44LDIwLDMuN2M2LjIsNC4zLDguNywxMC4xLDguNywxOC4yYzAsNy4yLTEuOSwxMi42LTYuNCwxNi4zCgkJCWMtNC41LDMuOS0xMS4xLDUuNi0yMy43LDUuNkgyOS45TDI5LjksMTMyLjF6IE0yOS45LDY0LjhWMjMuNUg3MGM5LjEsMCwxNS41LDAuNCwxOS42LDIuOWM0LjcsMi43LDYuNiw3LDYuNiwxMy4yCgkJCWMwLDYtMi4xLDEwLjUtNSwxNS43Yy0xLjksMy4xLTMuOSw2LjYtNS44LDkuNUgyOS45TDI5LjksNjQuOHoiLz4KCQk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjE2Ny4yLDE1NS43IDE2Ny4yLDM3LjQgMjAzLjgsMTI0LjcgMjI2LjcsMTI0LjcgMjYzLjIsMzcuNCAyNjMuMiwxNTUuNyAyODcuOCwxNTUuNyAyODcuOCwwIAoJCQkyNTQuOCwwIDIxNS41LDkzLjkgMTc2LjEsMCAxNDIuNywwIDE0Mi43LDE1NS43IDE2Ny4yLDE1NS43IAkJIi8+CgkJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIzNjIuNywxNTUuNyAzODguNSw1OC40IDQxNC40LDE1NS43IDQ0Ny4yLDE1NS43IDQ3Ny43LDAgNDUyLjUsMCA0MjguNiwxMjMuMiA0MDIsMjMuNSAzNzUuMywyMy41IAoJCQkzNDguNywxMjMuMiAzMjQuOCwwIDI5OS4yLDAgMzI5LjcsMTU1LjcgMzYyLjcsMTU1LjcgCQkiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTE1LjgsMzM1di04MS44SDkxdjYxLjNjLTUuNiwwLjYtMTYuMywxLjktMjYuNCwxLjljLTE3LjUsMC0yNy43LTQuMy0zMy4yLTE1LjVjLTQuNS05LjEtNi0yMi41LTYtNDAuNwoJCQljMC0xOC4yLDEuNy0zMi4yLDYuMi00MS41YzUuOC0xMi4yLDE0LjctMTYuOSwzMi42LTE2LjljNS42LDAsMTEuOCwwLjgsMTguMiwyLjFjOS43LDEuOSwxOS44LDQuMSwyOC4zLDYuMnYtMjQuNAoJCQljLTYuNC0xLjctMTUuMy0zLjctMjQuOC01LjZjLTcuNi0xLjQtMTYuMS0yLjctMjQuMi0yLjdjLTI4LjcsMC00MS45LDEwLjctNTAuNiwyNS40QzIuOSwyMTYuNywwLDIzNS4zLDAsMjYwLjcKCQkJQzAsMjg1LDMuMSwzMDIuOCwxMC4xLDMxNWM4LjUsMTQuNywyMC45LDI1LjIsNTAuOCwyNS4yQzc4LjksMzQwLjIsMTAxLDMzNy41LDExNS44LDMzNUwxMTUuOCwzMzV6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE1OS4xLDMzNi42di01Ni44aDM2LjVsMzMuNCw1Ni44aDI5LjFsLTM1LjctNjAuNWMzLjktNC4xLDEwLjMtMTEuNCwxNS4zLTE3LjNjOC4xLTkuOSwxMy0xOS42LDEzLTMzLjYKCQkJYzAtMTMuNi01LTI2LjItMTMuOC0zMy43Yy05LjktOC41LTIxLjUtMTAuNS00MC41LTEwLjVoLTYyLjN2MTU1LjdIMTU5LjFMMTU5LjEsMzM2LjZ6IE0xNTkuMSwyNTUuOXYtNTFoMzQuNwoJCQljMTMuMiwwLDE5LjgsMSwyNC40LDQuMWM1LjQsMy43LDcuMiw5LjEsNy4yLDE2LjNjMCw4LjMtMy41LDE0LjItOC4xLDIwYy0yLjcsMy4zLTYuMiw3LjQtOS4xLDEwLjVIMTU5LjFMMTU5LjEsMjU1Ljl6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTMyNS45LDE3Ny41Yy0zMC42LDAtNDQuOCw5LjktNTQuNSwyNi40Yy04LjEsMTMuNi0xMC41LDM0LjUtMTAuNSw1NS4zYzAsMjQuMiwzLjcsNDQuNCwxMS44LDU3LjQKCQkJYzkuNSwxNS4zLDIyLjksMjMuNSw1My4zLDIzLjVjMjYuNCwwLDQwLjUtNy4yLDUxLjQtMjMuMWM5LjMtMTMuMiwxMy40LTM0LjMsMTMuNC01Ny44YzAtMjIuMy0zLjMtNDQuNC0xMy40LTU4LjgKCQkJQzM2Ni42LDE4NC45LDM1Mi41LDE3Ny41LDMyNS45LDE3Ny41TDMyNS45LDE3Ny41eiBNMzI1LjksMjAxLjRjMTQsMCwyNSwzLjUsMzEuNiwxNS4xYzYsMTAuMSw3LjgsMjYsNy44LDQyLjcKCQkJYzAsMTcuMy0xLjksMzQuOS05LjksNDUuMmMtNy4yLDkuMy0xNy4xLDExLjgtMjkuNSwxMS44Yy0xNCwwLTI1LjgtMi4zLTMyLjYtMTRjLTUuNC05LjctNy0yNi40LTctNDIuOWMwLTE2LjcsMS40LTMzLDYuOC00Mi43CgkJCUMyOTkuOSwyMDQuMSwzMTEuOSwyMDEuNCwzMjUuOSwyMDEuNEwzMjUuOSwyMDEuNHoiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDA2LjcsMTgxdjk1LjhjMCwyMi4xLDIuNSwzOCwxMyw0OS4xYzEwLjMsMTEuNCwyMy45LDE0LjIsNDUsMTQuMmMxOS44LDAsMzMuNy0zLjMsNDQuMi0xMy44CgkJCWMxMS4xLTExLjEsMTMuNi0yNi4yLDEzLjYtNDkuNVYxODFoLTI1djk2LjRjMCwxNi4zLTEsMjYtNy44LDMyLjRjLTUuOCw1LjItMTQuNyw2LjQtMjUsNi40Yy0xMC41LDAtMTkuNi0xLjItMjUuMi02LjYKCQkJYy02LjgtNi42LTcuOC0xNi4zLTcuOC0zMi4yVjE4MUg0MDYuN0w0MDYuNywxODF6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTU2NS43LDMzNi42di01NS43YzE2LjMsMCwzMC4xLDAsMzguOC0wLjZjMTQuNS0wLjgsMjYuMi0zLjksMzQuOS0xMi44YzkuMS05LjUsMTIuNi0yMi45LDEyLjYtMzcuOAoJCQljMC0xNC4yLTMuOS0yNy41LTEyLjItMzYuMWMtOC43LTguOS0xOS44LTEyLjYtMzctMTIuNmgtNjIuMXYxNTUuN0g1NjUuN0w1NjUuNywzMzYuNnogTTU2NS43LDI1N3YtNTJoMzQuNQoJCQljOS45LDAsMTUuOSwxLDIwLjIsNS40YzQuMyw0LjMsNi4yLDEwLjksNi4yLDE5LjRjMCw4LjMtMSwxNC45LTUuMiwxOS40Yy00LjEsNS0xMC4xLDYuNi0xOS40LDcuMkM1OTIuNSwyNTcsNTc5LjUsMjU3LDU2NS43LDI1NwoJCQlMNTY1LjcsMjU3eiIvPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=);
  --ds-asset-logo-bmwgroup-bmw-inverted: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjMuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjE1MDIuNHB4IiBoZWlnaHQ9IjM0MC4ycHgiIHZpZXdCb3g9IjAgMCAxNTAyLjQgMzQwLjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE1MDIuNCAzNDAuMjsiCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe2ZpbGw6IzAwNjZCMTt9Cjwvc3R5bGU+CjxnIGlkPSJCTVciPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTEzMzIuMywwYy05My45LDAtMTcwLjEsNzYuMS0xNzAuMSwxNzAuMXM3Ni4xLDE3MC4xLDE3MC4xLDE3MC4xczE3MC4xLTc2LjEsMTcwLjEtMTcwLjFTMTQyNi4yLDAsMTMzMi4zLDAKCQkJTDEzMzIuMywweiBNMTQ5MS4zLDE3MC4xYzAsODcuOC03MS4yLDE1OS0xNTksMTU5cy0xNTktNzEuMi0xNTktMTU5czcxLjItMTU5LDE1OS0xNTlTMTQ5MS4zLDgyLjMsMTQ5MS4zLDE3MC4xeiIvPgoJCTxnPgoJCQk8cGF0aCBpZD0iV182MF8iIGNsYXNzPSJzdDAiIGQ9Ik0xNDE0LjcsOTcuOWMyLjMsMi41LDUuNiw2LjUsNy41LDguOWwzNC40LTIxLjljLTEuNy0yLjMtNC41LTUuNy02LjUtOC4xbC0yMS44LDE0LjRsLTEuNSwxLjMKCQkJCWwxLjEtMS42bDkuNi0xOS4ybC02LjgtNi44bC0xOS4yLDkuNmwtMS42LDEuMWwxLjMtMS41bDE0LjQtMjEuOGMtMi41LTIuMi01LTQuMS04LjEtNi41bC0yMS45LDM0LjRjMi44LDIuMSw2LjQsNS4zLDguNyw3LjQKCQkJCUwxNDI1LDc3bDEuMy0xbC0xLDEuM0wxNDE0LjcsOTcuOXoiLz4KCQkJPHBhdGggaWQ9Ik1fNjBfIiBjbGFzcz0ic3QwIiBkPSJNMTMzNi42LDU0LjNsOS40LTIxLjFsMC42LTEuOWwtMC4yLDJsMSwyOC4yYzMuMywwLjMsNi43LDAuOCwxMC4xLDEuM2wtMS41LTQxLjcKCQkJCWMtNC43LTAuNS05LjQtMC45LTE0LjEtMS4xbC05LjMsMjNsLTAuMywxLjdMMTMzMiw0M2wtOS4zLTIzYy00LjcsMC4yLTkuNCwwLjYtMTQuMSwxLjFsLTEuNSw0MS43YzMuNC0wLjYsNi44LTEsMTAuMS0xLjMKCQkJCWwxLTI4LjJsLTAuMi0ybDAuNiwxLjlsOS40LDIxLjFIMTMzNi42eiIvPgoJCQk8cGF0aCBpZD0iQl94NUZfMjJkXzYwXyIgY2xhc3M9InN0MCIgZD0iTTEyNjAuNSw4Ny42YzUuNC01LjcsOC41LTEyLjQsMy4xLTE4LjdjLTMtMy40LTcuOS00LjItMTIuMS0yLjVsLTAuNCwwLjJsMC4xLTAuNAoJCQkJYzAuNi0xLjYsMS02LjgtMy40LTEwLjRjLTIuMi0xLjctNC45LTIuNC03LjYtMi4xYy01LjEsMC41LTksNC0xOS43LDE1LjljLTMuMiwzLjYtNy45LDkuMy0xMC44LDEzYzAsMCwyOS40LDI3LjksMjkuNCwyNy45CgkJCQlDMTI0OC44LDk5LjcsMTI1Mi44LDk1LjYsMTI2MC41LDg3LjZ6IE0xMjIyLjEsODAuN2M1LjktNy4yLDEyLjItMTMuOCwxNS4xLTE2LjRjMC45LTAuOCwxLjktMS42LDMuMS0yYzEuOS0wLjUsMy45LDAuOCw0LjQsMi44CgkJCQljMC41LDItMC44LDMuOS0yLjIsNS40Yy0zLjEsMy41LTE0LjYsMTUuNS0xNC42LDE1LjVTMTIyMi4xLDgwLjcsMTIyMi4xLDgwLjd6IE0xMjMzLjYsOTEuN2MwLDAsMTEuMi0xMS44LDE0LjgtMTUuNgoJCQkJYzEuNC0xLjUsMi40LTIuNCwzLjQtMi45YzEuMy0wLjYsMi43LTAuOCw0LDAuMWMxLjIsMC44LDEuOCwyLjMsMS41LDMuN2MtMC40LDEuNy0xLjcsMy4zLTIuOSw0LjVjLTEuNSwxLjctMTQuOCwxNS44LTE0LjgsMTUuOQoJCQkJTDEyMzMuNiw5MS43eiIvPgoJCTwvZz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTQzMy4xLDE3MC4xaC0xMDAuOVY2OS4yQzEzODgsNjkuMiwxNDMzLjEsMTE0LjMsMTQzMy4xLDE3MC4xeiIvPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMzMyLjMsMTcwLjF2MTAwLjljLTU1LjcsMC0xMDAuOS00NS4xLTEwMC45LTEwMC45SDEzMzIuM3oiLz4KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTMzMi4zLDY5LjJ2MTAwLjloLTEwMC45QzEyMzEuNCwxMTQuMywxMjc2LjUsNjkuMiwxMzMyLjMsNjkuMnoiLz4KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTQzMy4xLDE3MC4xYzAsNTUuNy00NS4xLDEwMC45LTEwMC45LDEwMC45VjE3MC4xSDE0MzMuMXoiLz4KCTwvZz4KPC9nPgo8ZyBpZD0iQk1XX0dyb3VwX05leHQiPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTUsMTU1LjdoNjRjMjAuNCwwLDMyLjgtMy41LDQxLjktMTEuMWM5LjUtNy42LDE0LTE5LjYsMTQtMzQuM2MwLTkuNy0yLjctMTgtNi40LTIzLjMKCQkJYy0zLjctNS03LjYtOC41LTEyLjItMTEuOGMyLjMtMy43LDUuNC04LjcsOC4zLTEzLjZjNC4zLTcuOCw3LTE0LjcsNy0yNC40YzAtMTIuNi01LjYtMjMuNS0xNC45LTI5LjlDOTguNSwxLjcsODguMiwwLDcyLjMsMEg1CgkJCVYxNTUuN0w1LDE1NS43eiBNMjkuOSwxMzIuMVY4OC40aDQwLjljOS41LDAsMTUuMywwLjgsMjAsMy43YzYuMiw0LjMsOC43LDEwLjEsOC43LDE4LjJjMCw3LjItMS45LDEyLjYtNi40LDE2LjMKCQkJYy00LjUsMy45LTExLjEsNS42LTIzLjcsNS42SDI5LjlMMjkuOSwxMzIuMXogTTI5LjksNjQuOFYyMy41SDcwYzkuMSwwLDE1LjUsMC40LDE5LjYsMi45YzQuNywyLjcsNi42LDcsNi42LDEzLjIKCQkJYzAsNi0yLjEsMTAuNS01LDE1LjdjLTEuOSwzLjEtMy45LDYuNi01LjgsOS41SDI5LjlMMjkuOSw2NC44eiIvPgoJCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTY3LjIsMTU1LjcgMTY3LjIsMzcuNCAyMDMuOCwxMjQuNyAyMjYuNywxMjQuNyAyNjMuMiwzNy40IDI2My4yLDE1NS43IDI4Ny44LDE1NS43IDI4Ny44LDAgCgkJCTI1NC44LDAgMjE1LjUsOTMuOSAxNzYuMSwwIDE0Mi43LDAgMTQyLjcsMTU1LjcgMTY3LjIsMTU1LjcgCQkiLz4KCQk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjM2Mi43LDE1NS43IDM4OC41LDU4LjQgNDE0LjQsMTU1LjcgNDQ3LjIsMTU1LjcgNDc3LjcsMCA0NTIuNSwwIDQyOC42LDEyMy4yIDQwMiwyMy41IDM3NS4zLDIzLjUgCgkJCTM0OC43LDEyMy4yIDMyNC44LDAgMjk5LjIsMCAzMjkuNywxNTUuNyAzNjIuNywxNTUuNyAJCSIvPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMTUuOCwzMzV2LTgxLjhIOTF2NjEuM2MtNS42LDAuNi0xNi4zLDEuOS0yNi40LDEuOWMtMTcuNSwwLTI3LjctNC4zLTMzLjItMTUuNWMtNC41LTkuMS02LTIyLjUtNi00MC43CgkJCWMwLTE4LjIsMS43LTMyLjIsNi4yLTQxLjVjNS44LTEyLjIsMTQuNy0xNi45LDMyLjYtMTYuOWM1LjYsMCwxMS44LDAuOCwxOC4yLDIuMWM5LjcsMS45LDE5LjgsNC4xLDI4LjMsNi4ydi0yNC40CgkJCWMtNi40LTEuNy0xNS4zLTMuNy0yNC44LTUuNmMtNy42LTEuNC0xNi4xLTIuNy0yNC4yLTIuN2MtMjguNywwLTQxLjksMTAuNy01MC42LDI1LjRDMi45LDIxNi43LDAsMjM1LjMsMCwyNjAuNwoJCQlDMCwyODUsMy4xLDMwMi44LDEwLjEsMzE1YzguNSwxNC43LDIwLjksMjUuMiw1MC44LDI1LjJDNzguOSwzNDAuMiwxMDEsMzM3LjUsMTE1LjgsMzM1TDExNS44LDMzNXoiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTU5LjEsMzM2LjZ2LTU2LjhoMzYuNWwzMy40LDU2LjhoMjkuMWwtMzUuNy02MC41YzMuOS00LjEsMTAuMy0xMS40LDE1LjMtMTcuM2M4LjEtOS45LDEzLTE5LjYsMTMtMzMuNgoJCQljMC0xMy42LTUtMjYuMi0xMy44LTMzLjdjLTkuOS04LjUtMjEuNS0xMC41LTQwLjUtMTAuNWgtNjIuM3YxNTUuN0gxNTkuMUwxNTkuMSwzMzYuNnogTTE1OS4xLDI1NS45di01MWgzNC43CgkJCWMxMy4yLDAsMTkuOCwxLDI0LjQsNC4xYzUuNCwzLjcsNy4yLDkuMSw3LjIsMTYuM2MwLDguMy0zLjUsMTQuMi04LjEsMjBjLTIuNywzLjMtNi4yLDcuNC05LjEsMTAuNUgxNTkuMUwxNTkuMSwyNTUuOXoiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzI1LjksMTc3LjVjLTMwLjYsMC00NC44LDkuOS01NC41LDI2LjRjLTguMSwxMy42LTEwLjUsMzQuNS0xMC41LDU1LjNjMCwyNC4yLDMuNyw0NC40LDExLjgsNTcuNAoJCQljOS41LDE1LjMsMjIuOSwyMy41LDUzLjMsMjMuNWMyNi40LDAsNDAuNS03LjIsNTEuNC0yMy4xYzkuMy0xMy4yLDEzLjQtMzQuMywxMy40LTU3LjhjMC0yMi4zLTMuMy00NC40LTEzLjQtNTguOAoJCQlDMzY2LjYsMTg0LjksMzUyLjUsMTc3LjUsMzI1LjksMTc3LjVMMzI1LjksMTc3LjV6IE0zMjUuOSwyMDEuNGMxNCwwLDI1LDMuNSwzMS42LDE1LjFjNiwxMC4xLDcuOCwyNiw3LjgsNDIuNwoJCQljMCwxNy4zLTEuOSwzNC45LTkuOSw0NS4yYy03LjIsOS4zLTE3LjEsMTEuOC0yOS41LDExLjhjLTE0LDAtMjUuOC0yLjMtMzIuNi0xNGMtNS40LTkuNy03LTI2LjQtNy00Mi45YzAtMTYuNywxLjQtMzMsNi44LTQyLjcKCQkJQzI5OS45LDIwNC4xLDMxMS45LDIwMS40LDMyNS45LDIwMS40TDMyNS45LDIwMS40eiIvPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MDYuNywxODF2OTUuOGMwLDIyLjEsMi41LDM4LDEzLDQ5LjFjMTAuMywxMS40LDIzLjksMTQuMiw0NSwxNC4yYzE5LjgsMCwzMy43LTMuMyw0NC4yLTEzLjgKCQkJYzExLjEtMTEuMSwxMy42LTI2LjIsMTMuNi00OS41VjE4MWgtMjV2OTYuNGMwLDE2LjMtMSwyNi03LjgsMzIuNGMtNS44LDUuMi0xNC43LDYuNC0yNSw2LjRjLTEwLjUsMC0xOS42LTEuMi0yNS4yLTYuNgoJCQljLTYuOC02LjYtNy44LTE2LjMtNy44LTMyLjJWMTgxSDQwNi43TDQwNi43LDE4MXoiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTY1LjcsMzM2LjZ2LTU1LjdjMTYuMywwLDMwLjEsMCwzOC44LTAuNmMxNC41LTAuOCwyNi4yLTMuOSwzNC45LTEyLjhjOS4xLTkuNSwxMi42LTIyLjksMTIuNi0zNy44CgkJCWMwLTE0LjItMy45LTI3LjUtMTIuMi0zNi4xYy04LjctOC45LTE5LjgtMTIuNi0zNy0xMi42aC02Mi4xdjE1NS43SDU2NS43TDU2NS43LDMzNi42eiBNNTY1LjcsMjU3di01MmgzNC41CgkJCWM5LjksMCwxNS45LDEsMjAuMiw1LjRjNC4zLDQuMyw2LjIsMTAuOSw2LjIsMTkuNGMwLDguMy0xLDE0LjktNS4yLDE5LjRjLTQuMSw1LTEwLjEsNi42LTE5LjQsNy4yQzU5Mi41LDI1Nyw1NzkuNSwyNTcsNTY1LjcsMjU3CgkJCUw1NjUuNywyNTd6Ii8+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==);
  --ds-asset-logo-bmwgroup-bmw-mini-default: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjMuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDIxNTQuMyAzNDAuMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjE1NC4zIDM0MC4yOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzZGNkY2Rjt9Cgkuc3Qxe2ZpbGw6IzAwNjZCMTt9Cjwvc3R5bGU+CjxnIGlkPSJCTVciPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTEzMzIuMywwYy05My45LDAtMTcwLjEsNzYuMS0xNzAuMSwxNzAuMXM3Ni4xLDE3MC4xLDE3MC4xLDE3MC4xczE3MC4xLTc2LjEsMTcwLjEtMTcwLjFTMTQyNi4yLDAsMTMzMi4zLDAKCQkJTDEzMzIuMywweiBNMTQ5MS4zLDE3MC4xYzAsODcuOC03MS4yLDE1OS0xNTksMTU5Yy04Ny44LDAtMTU5LTcxLjItMTU5LTE1OXM3MS4yLTE1OSwxNTktMTU5CgkJCUMxNDIwLjEsMTEuMSwxNDkxLjMsODIuMywxNDkxLjMsMTcwLjF6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTEzMzIuMyw2OS4ydjUuNWwwLDBjNTIuNiwwLDk1LjMsNDIuOCw5NS4zLDk1LjNoNS41QzE0MzMuMSwxMTQuNCwxMzg4LDY5LjIsMTMzMi4zLDY5LjJMMTMzMi4zLDY5LjIKCQkJIE0xMzMyLjMsMjY1LjRjLTUyLjYsMC05NS4zLTQyLjgtOTUuMy05NS4zaC01LjVjMCw1NS43LDQ1LjIsMTAwLjksMTAwLjksMTAwLjkiLz4KCQk8Zz4KCQkJPHBhdGggaWQ9IldfMDAwMDAwMzg0MDE5NTg1NTk3NDc5NTIyMzAwMDAwMDMzMzUxODA3MTc2OTQ4ODc1NjVfIiBjbGFzcz0ic3QwIiBkPSJNMTQxNC43LDk3LjljMi4zLDIuNSw1LjYsNi41LDcuNSw4LjkKCQkJCWwzNC40LTIxLjljLTEuNy0yLjMtNC41LTUuNy02LjUtOC4xbC0yMS44LDE0LjRsLTEuNSwxLjNsMS4xLTEuNmw5LjYtMTkuMmwtNi44LTYuOGwtMTkuMiw5LjZsLTEuNiwxLjFsMS4zLTEuNWwxNC40LTIxLjgKCQkJCWMtMi41LTIuMi01LTQuMS04LjEtNi41bC0yMS45LDM0LjRjMi44LDIuMSw2LjQsNS4zLDguNyw3LjRMMTQyNSw3N2wxLjMtMWwtMSwxLjNMMTQxNC43LDk3Ljl6Ii8+CgkJCTxwYXRoIGlkPSJNXzAwMDAwMDE0NjI1NzkyNjYyMjg1MzI4MDUwMDAwMDAxNDgzMjI5NjE5NDE5NjMzODMyXyIgY2xhc3M9InN0MCIgZD0iTTEzMzYuNiw1NC4zbDkuNC0yMS4xbDAuNi0xLjlsLTAuMiwybDEsMjguMgoJCQkJYzMuMywwLjMsNi43LDAuOCwxMC4xLDEuM2wtMS41LTQxLjdjLTQuNy0wLjUtOS40LTAuOS0xNC4xLTEuMWwtOS4zLDIzbC0wLjMsMS43TDEzMzIsNDNsLTkuMy0yM2MtNC43LDAuMi05LjQsMC42LTE0LjEsMS4xCgkJCQlsLTEuNSw0MS43YzMuNC0wLjYsNi44LTEsMTAuMS0xLjNsMS0yOC4ybC0wLjItMmwwLjYsMS45bDkuNCwyMS4xSDEzMzYuNnoiLz4KCQkJPHBhdGggaWQ9IkJfeDVGXzIyZF8wMDAwMDA0OTE4OTg2MjY2NzYxNDIwNjM0MDAwMDAwMDgzOTU5MDE3NjgxOTEzMzg1N18iIGNsYXNzPSJzdDAiIGQ9Ik0xMjYwLjUsODcuNgoJCQkJYzUuNC01LjcsOC41LTEyLjQsMy4xLTE4LjdjLTMtMy40LTcuOS00LjItMTIuMS0yLjVsLTAuNCwwLjJsMC4xLTAuNGMwLjYtMS42LDEtNi44LTMuNC0xMC40Yy0yLjItMS43LTQuOS0yLjQtNy42LTIuMQoJCQkJYy01LjEsMC41LTksNC0xOS43LDE1LjljLTMuMiwzLjYtNy45LDkuMy0xMC44LDEzYzAsMCwyOS40LDI3LjksMjkuNCwyNy45QzEyNDguOCw5OS43LDEyNTIuOCw5NS42LDEyNjAuNSw4Ny42eiBNMTIyMi4xLDgwLjcKCQkJCWM1LjktNy4yLDEyLjItMTMuOCwxNS4xLTE2LjRjMC45LTAuOCwxLjktMS42LDMuMS0yYzEuOS0wLjUsMy45LDAuOCw0LjQsMi44YzAuNSwyLTAuOCwzLjktMi4yLDUuNAoJCQkJYy0zLjEsMy41LTE0LjYsMTUuNS0xNC42LDE1LjVTMTIyMi4xLDgwLjcsMTIyMi4xLDgwLjd6IE0xMjMzLjYsOTEuN2MwLDAsMTEuMi0xMS44LDE0LjgtMTUuNmMxLjQtMS41LDIuNC0yLjQsMy40LTIuOQoJCQkJYzEuMy0wLjYsMi43LTAuOCw0LDAuMWMxLjIsMC44LDEuOCwyLjMsMS41LDMuN2MtMC40LDEuNy0xLjcsMy4zLTIuOSw0LjVjLTEuNSwxLjctMTQuOCwxNS44LTE0LjgsMTUuOUwxMjMzLjYsOTEuN3oiLz4KCQk8L2c+CgkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTEzMzIuMyw2OS4ydjEwMC45aC0xMDAuOUMxMjMxLjQsMTE0LjMsMTI3Ni41LDY5LjIsMTMzMi4zLDY5LjJ6Ii8+CgkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE0MzMuMSwxNzAuMWMwLDU1LjctNDUuMSwxMDAuOS0xMDAuOSwxMDAuOVYxNzAuMUgxNDMzLjF6Ii8+Cgk8L2c+CjwvZz4KPGcgaWQ9Ik1JTkkiPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE4MTQuNiwxOTYuOGgtMTAuNHYtNTMuNWgxNS42bDEzLjYsNDIuN2wxMy41LTQyLjdoMTUuNnY1My41aC0xMC44di0zOS42bC0xMi41LDM5LjZoLTExLjdsLTEyLjktMzkuOQoJCQlWMTk2Ljh6IE0xODg1LjYsMTk2LjhoLTExLjF2LTUzLjVoMTEuMVYxOTYuOHogTTE5MDguNCwxOTYuOGgtMTAuNnYtNTMuNWgxMy4xbDIxLjMsMzguOHYtMzguOGgxMC42djUzLjVoLTEzLjFsLTIxLjMtMzguNlYxOTYuOAoJCQl6IE0xOTY1LjksMTk2LjhoLTExLjF2LTUzLjVoMTEuMVYxOTYuOHogTTIwNDQuNSwyMTYuNWgtNTAuN2MyLjctNi4zLDQuOC0xMi45LDYuNC0xOS43aDY0bDE2LjktMTYuOWgtNzguMwoJCQljMC4zLTMuMywwLjQtNi41LDAuNC05LjljMC0zLjMtMC4yLTYuNi0wLjQtOS45aDk4bDE2LjktMTYuOWgtMTE3LjVjLTEuNi02LjgtMy43LTEzLjQtNi40LTE5LjdoMTQzLjZsMTYuOS0xNi45aC0xNjkuNQoJCQljLTIxLTMzLTU3LjktNTQuOS05OS44LTU0LjljLTQxLjksMC03OC44LDIxLjktOTkuOCw1NC45aC0xNjkuNWwxNi45LDE2LjloMTQzLjdjLTIuNyw2LjMtNC45LDEyLjktNi40LDE5LjdoLTExNy41bDE2LjksMTYuOWg5OAoJCQljLTAuMywzLjMtMC40LDYuNS0wLjQsOS45YzAsMy4zLDAuMiw2LjYsMC40LDkuOWgtNzguM2wxNi45LDE2LjloNjRjMS42LDYuOCwzLjcsMTMuNCw2LjQsMTkuN2gtNTAuOGwxNi45LDE2LjloNDIuOAoJCQljMjEsMzMsNTcuOSw1NC45LDk5LjgsNTQuOWM0MS45LDAsNzguOC0yMS45LDk5LjgtNTQuOWg0Mi44TDIwNDQuNSwyMTYuNXogTTE4ODUsMjcxLjVjLTU1LjksMC0xMDEuNC00NS41LTEwMS40LTEwMS40CgkJCWMwLTU1LjksNDUuNS0xMDEuNCwxMDEuNC0xMDEuNGM1NS45LDAsMTAxLjQsNDUuNSwxMDEuNCwxMDEuNEMxOTg2LjQsMjI2LDE5NDAuOSwyNzEuNSwxODg1LDI3MS41Ii8+Cgk8L2c+CjwvZz4KPGcgaWQ9IkJNV19Hcm91cF9OZXh0Ij4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01LDE1NS43aDY0YzIwLjQsMCwzMi44LTMuNSw0MS45LTExLjFjOS41LTcuNiwxNC0xOS42LDE0LTM0LjNjMC05LjctMi43LTE4LTYuNC0yMy4zCgkJCWMtMy43LTUtNy42LTguNS0xMi4yLTExLjhjMi4zLTMuNyw1LjQtOC43LDguMy0xMy42YzQuMy03LjgsNy0xNC43LDctMjQuNGMwLTEyLjYtNS42LTIzLjUtMTQuOS0yOS45Qzk4LjUsMS43LDg4LjIsMCw3Mi4zLDBINQoJCQlWMTU1LjdMNSwxNTUuN3ogTTI5LjksMTMyLjFWODguNGg0MC45YzkuNSwwLDE1LjMsMC44LDIwLDMuN2M2LjIsNC4zLDguNywxMC4xLDguNywxOC4yYzAsNy4yLTEuOSwxMi42LTYuNCwxNi4zCgkJCWMtNC41LDMuOS0xMS4xLDUuNi0yMy43LDUuNkgyOS45TDI5LjksMTMyLjF6IE0yOS45LDY0LjhWMjMuNUg3MGM5LjEsMCwxNS41LDAuNCwxOS42LDIuOWM0LjcsMi43LDYuNiw3LDYuNiwxMy4yCgkJCWMwLDYtMi4xLDEwLjUtNSwxNS43Yy0xLjksMy4xLTMuOSw2LjYtNS44LDkuNUgyOS45TDI5LjksNjQuOHoiLz4KCQk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjE2Ny4yLDE1NS43IDE2Ny4yLDM3LjQgMjAzLjgsMTI0LjcgMjI2LjcsMTI0LjcgMjYzLjIsMzcuNCAyNjMuMiwxNTUuNyAyODcuOCwxNTUuNyAyODcuOCwwIAoJCQkyNTQuOCwwIDIxNS41LDkzLjkgMTc2LjEsMCAxNDIuNywwIDE0Mi43LDE1NS43IDE2Ny4yLDE1NS43IAkJIi8+CgkJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIzNjIuNywxNTUuNyAzODguNSw1OC40IDQxNC40LDE1NS43IDQ0Ny4yLDE1NS43IDQ3Ny43LDAgNDUyLjUsMCA0MjguNiwxMjMuMiA0MDIsMjMuNSAzNzUuMywyMy41IAoJCQkzNDguNywxMjMuMiAzMjQuOCwwIDI5OS4yLDAgMzI5LjcsMTU1LjcgMzYyLjcsMTU1LjcgCQkiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTE1LjgsMzM1di04MS44SDkxdjYxLjNjLTUuNiwwLjYtMTYuMywxLjktMjYuNCwxLjljLTE3LjUsMC0yNy43LTQuMy0zMy4yLTE1LjVjLTQuNS05LjEtNi0yMi41LTYtNDAuNwoJCQljMC0xOC4yLDEuNy0zMi4yLDYuMi00MS41YzUuOC0xMi4yLDE0LjctMTYuOSwzMi42LTE2LjljNS42LDAsMTEuOCwwLjgsMTguMiwyLjFjOS43LDEuOSwxOS44LDQuMSwyOC4zLDYuMnYtMjQuNAoJCQljLTYuNC0xLjctMTUuMy0zLjctMjQuOC01LjZjLTcuNi0xLjQtMTYuMS0yLjctMjQuMi0yLjdjLTI4LjcsMC00MS45LDEwLjctNTAuNiwyNS40QzIuOSwyMTYuNywwLDIzNS4zLDAsMjYwLjcKCQkJQzAsMjg1LDMuMSwzMDIuOCwxMC4xLDMxNWM4LjUsMTQuNywyMC45LDI1LjIsNTAuOCwyNS4yQzc4LjksMzQwLjIsMTAxLDMzNy41LDExNS44LDMzNUwxMTUuOCwzMzV6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE1OS4xLDMzNi42di01Ni44aDM2LjVsMzMuNCw1Ni44aDI5LjFsLTM1LjctNjAuNWMzLjktNC4xLDEwLjMtMTEuNCwxNS4zLTE3LjNjOC4xLTkuOSwxMy0xOS42LDEzLTMzLjYKCQkJYzAtMTMuNi01LTI2LjItMTMuOC0zMy43Yy05LjktOC41LTIxLjUtMTAuNS00MC41LTEwLjVoLTYyLjN2MTU1LjdIMTU5LjFMMTU5LjEsMzM2LjZ6IE0xNTkuMSwyNTUuOXYtNTFoMzQuNwoJCQljMTMuMiwwLDE5LjgsMSwyNC40LDQuMWM1LjQsMy43LDcuMiw5LjEsNy4yLDE2LjNjMCw4LjMtMy41LDE0LjItOC4xLDIwYy0yLjcsMy4zLTYuMiw3LjQtOS4xLDEwLjVIMTU5LjFMMTU5LjEsMjU1Ljl6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTMyNS45LDE3Ny41Yy0zMC42LDAtNDQuOCw5LjktNTQuNSwyNi40Yy04LjEsMTMuNi0xMC41LDM0LjUtMTAuNSw1NS4zYzAsMjQuMiwzLjcsNDQuNCwxMS44LDU3LjQKCQkJYzkuNSwxNS4zLDIyLjksMjMuNSw1My4zLDIzLjVjMjYuNCwwLDQwLjUtNy4yLDUxLjQtMjMuMWM5LjMtMTMuMiwxMy40LTM0LjMsMTMuNC01Ny44YzAtMjIuMy0zLjMtNDQuNC0xMy40LTU4LjgKCQkJQzM2Ni42LDE4NC45LDM1Mi41LDE3Ny41LDMyNS45LDE3Ny41TDMyNS45LDE3Ny41eiBNMzI1LjksMjAxLjRjMTQsMCwyNSwzLjUsMzEuNiwxNS4xYzYsMTAuMSw3LjgsMjYsNy44LDQyLjcKCQkJYzAsMTcuMy0xLjksMzQuOS05LjksNDUuMmMtNy4yLDkuMy0xNy4xLDExLjgtMjkuNSwxMS44Yy0xNCwwLTI1LjgtMi4zLTMyLjYtMTRjLTUuNC05LjctNy0yNi40LTctNDIuOWMwLTE2LjcsMS40LTMzLDYuOC00Mi43CgkJCUMyOTkuOSwyMDQuMSwzMTEuOSwyMDEuNCwzMjUuOSwyMDEuNEwzMjUuOSwyMDEuNHoiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDA2LjcsMTgxdjk1LjhjMCwyMi4xLDIuNSwzOCwxMyw0OS4xYzEwLjMsMTEuNCwyMy45LDE0LjIsNDUsMTQuMmMxOS44LDAsMzMuNy0zLjMsNDQuMi0xMy44CgkJCWMxMS4xLTExLjEsMTMuNi0yNi4yLDEzLjYtNDkuNVYxODFoLTI1djk2LjRjMCwxNi4zLTEsMjYtNy44LDMyLjRjLTUuOCw1LjItMTQuNyw2LjQtMjUsNi40Yy0xMC41LDAtMTkuNi0xLjItMjUuMi02LjYKCQkJYy02LjgtNi42LTcuOC0xNi4zLTcuOC0zMi4yVjE4MUg0MDYuN0w0MDYuNywxODF6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTU2NS43LDMzNi42di01NS43YzE2LjMsMCwzMC4xLDAsMzguOC0wLjZjMTQuNS0wLjgsMjYuMi0zLjksMzQuOS0xMi44YzkuMS05LjUsMTIuNi0yMi45LDEyLjYtMzcuOAoJCQljMC0xNC4yLTMuOS0yNy41LTEyLjItMzYuMWMtOC43LTguOS0xOS44LTEyLjYtMzctMTIuNmgtNjIuMXYxNTUuN0g1NjUuN0w1NjUuNywzMzYuNnogTTU2NS43LDI1N3YtNTJoMzQuNQoJCQljOS45LDAsMTUuOSwxLDIwLjIsNS40YzQuMyw0LjMsNi4yLDEwLjksNi4yLDE5LjRjMCw4LjMtMSwxNC45LTUuMiwxOS40Yy00LjEsNS0xMC4xLDYuNi0xOS40LDcuMkM1OTIuNSwyNTcsNTc5LjUsMjU3LDU2NS43LDI1NwoJCQlMNTY1LjcsMjU3eiIvPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=);
  --ds-asset-logo-bmwgroup-bmw-mini-inverted: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjMuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjIxNTQuM3B4IiBoZWlnaHQ9IjM0MC4ycHgiIHZpZXdCb3g9IjAgMCAyMTU0LjMgMzQwLjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIxNTQuMyAzNDAuMjsiCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe2ZpbGw6IzAwNjZCMTt9Cjwvc3R5bGU+CjxnIGlkPSJCTVciPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTEzMzIuMywwYy05My45LDAtMTcwLjEsNzYuMS0xNzAuMSwxNzAuMXM3Ni4xLDE3MC4xLDE3MC4xLDE3MC4xczE3MC4xLTc2LjEsMTcwLjEtMTcwLjFTMTQyNi4yLDAsMTMzMi4zLDAKCQkJTDEzMzIuMywweiBNMTQ5MS4zLDE3MC4xYzAsODcuOC03MS4yLDE1OS0xNTksMTU5Yy04Ny44LDAtMTU5LTcxLjItMTU5LTE1OXM3MS4yLTE1OSwxNTktMTU5CgkJCUMxNDIwLjEsMTEuMSwxNDkxLjMsODIuMywxNDkxLjMsMTcwLjF6Ii8+CgkJPGc+CgkJCTxwYXRoIGlkPSJXXzYwXyIgY2xhc3M9InN0MCIgZD0iTTE0MTQuNyw5Ny45YzIuMywyLjUsNS42LDYuNSw3LjUsOC45bDM0LjQtMjEuOWMtMS43LTIuMy00LjUtNS43LTYuNS04LjFsLTIxLjgsMTQuNGwtMS41LDEuMwoJCQkJbDEuMS0xLjZsOS42LTE5LjJsLTYuOC02LjhsLTE5LjIsOS42bC0xLjYsMS4xbDEuMy0xLjVsMTQuNC0yMS44Yy0yLjUtMi4yLTUtNC4xLTguMS02LjVsLTIxLjksMzQuNGMyLjgsMi4xLDYuNCw1LjMsOC43LDcuNAoJCQkJTDE0MjUsNzdsMS4zLTFsLTEsMS4zTDE0MTQuNyw5Ny45eiIvPgoJCQk8cGF0aCBpZD0iTV82MF8iIGNsYXNzPSJzdDAiIGQ9Ik0xMzM2LjYsNTQuM2w5LjQtMjEuMWwwLjYtMS45bC0wLjIsMmwxLDI4LjJjMy4zLDAuMyw2LjcsMC44LDEwLjEsMS4zbC0xLjUtNDEuNwoJCQkJYy00LjctMC41LTkuNC0wLjktMTQuMS0xLjFsLTkuMywyM2wtMC4zLDEuN0wxMzMyLDQzbC05LjMtMjNjLTQuNywwLjItOS40LDAuNi0xNC4xLDEuMWwtMS41LDQxLjdjMy40LTAuNiw2LjgtMSwxMC4xLTEuMwoJCQkJbDEtMjguMmwtMC4yLTJsMC42LDEuOWw5LjQsMjEuMUgxMzM2LjZ6Ii8+CgkJCTxwYXRoIGlkPSJCX3g1Rl8yMmRfNjBfIiBjbGFzcz0ic3QwIiBkPSJNMTI2MC41LDg3LjZjNS40LTUuNyw4LjUtMTIuNCwzLjEtMTguN2MtMy0zLjQtNy45LTQuMi0xMi4xLTIuNWwtMC40LDAuMmwwLjEtMC40CgkJCQljMC42LTEuNiwxLTYuOC0zLjQtMTAuNGMtMi4yLTEuNy00LjktMi40LTcuNi0yLjFjLTUuMSwwLjUtOSw0LTE5LjcsMTUuOWMtMy4yLDMuNi03LjksOS4zLTEwLjgsMTNjMCwwLDI5LjQsMjcuOSwyOS40LDI3LjkKCQkJCUMxMjQ4LjgsOTkuNywxMjUyLjgsOTUuNiwxMjYwLjUsODcuNnogTTEyMjIuMSw4MC43YzUuOS03LjIsMTIuMi0xMy44LDE1LjEtMTYuNGMwLjktMC44LDEuOS0xLjYsMy4xLTJjMS45LTAuNSwzLjksMC44LDQuNCwyLjgKCQkJCWMwLjUsMi0wLjgsMy45LTIuMiw1LjRjLTMuMSwzLjUtMTQuNiwxNS41LTE0LjYsMTUuNVMxMjIyLjEsODAuNywxMjIyLjEsODAuN3ogTTEyMzMuNiw5MS43YzAsMCwxMS4yLTExLjgsMTQuOC0xNS42CgkJCQljMS40LTEuNSwyLjQtMi40LDMuNC0yLjljMS4zLTAuNiwyLjctMC44LDQsMC4xYzEuMiwwLjgsMS44LDIuMywxLjUsMy43Yy0wLjQsMS43LTEuNywzLjMtMi45LDQuNWMtMS41LDEuNy0xNC44LDE1LjgtMTQuOCwxNS45CgkJCQlMMTIzMy42LDkxLjd6Ii8+CgkJPC9nPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNDMzLjEsMTcwLjFoLTEwMC45VjY5LjJDMTM4OCw2OS4yLDE0MzMuMSwxMTQuMywxNDMzLjEsMTcwLjF6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTEzMzIuMywxNzAuMXYxMDAuOWMtNTUuNywwLTEwMC45LTQ1LjEtMTAwLjktMTAwLjlIMTMzMi4zeiIvPgoJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMzMyLjMsNjkuMnYxMDAuOWgtMTAwLjlDMTIzMS40LDExNC4zLDEyNzYuNSw2OS4yLDEzMzIuMyw2OS4yeiIvPgoJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xNDMzLjEsMTcwLjFjMCw1NS43LTQ1LjEsMTAwLjktMTAwLjksMTAwLjlWMTcwLjFIMTQzMy4xeiIvPgoJPC9nPgo8L2c+CjxnIGlkPSJNSU5JIj4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xODE0LjYsMTk2LjhoLTEwLjR2LTUzLjVoMTUuNmwxMy42LDQyLjdsMTMuNS00Mi43aDE1LjZ2NTMuNWgtMTAuOHYtMzkuNmwtMTIuNSwzOS42aC0xMS43bC0xMi45LTM5LjkKCQkJVjE5Ni44eiBNMTg4NS42LDE5Ni44aC0xMS4xdi01My41aDExLjFWMTk2Ljh6IE0xOTA4LjQsMTk2LjhoLTEwLjZ2LTUzLjVoMTMuMWwyMS4zLDM4Ljh2LTM4LjhoMTAuNnY1My41aC0xMy4xbC0yMS4zLTM4LjZWMTk2LjgKCQkJeiBNMTk2NS45LDE5Ni44aC0xMS4xdi01My41aDExLjFWMTk2Ljh6IE0yMDQ0LjUsMjE2LjVoLTUwLjdjMi43LTYuMyw0LjgtMTIuOSw2LjQtMTkuN2g2NGwxNi45LTE2LjloLTc4LjMKCQkJYzAuMy0zLjMsMC40LTYuNSwwLjQtOS45YzAtMy4zLTAuMi02LjYtMC40LTkuOWg5OGwxNi45LTE2LjloLTExNy41Yy0xLjYtNi44LTMuNy0xMy40LTYuNC0xOS43aDE0My42bDE2LjktMTYuOWgtMTY5LjUKCQkJYy0yMS0zMy01Ny45LTU0LjktOTkuOC01NC45Yy00MS45LDAtNzguOCwyMS45LTk5LjgsNTQuOWgtMTY5LjVsMTYuOSwxNi45aDE0My43Yy0yLjcsNi4zLTQuOSwxMi45LTYuNCwxOS43aC0xMTcuNWwxNi45LDE2LjloOTgKCQkJYy0wLjMsMy4zLTAuNCw2LjUtMC40LDkuOWMwLDMuMywwLjIsNi42LDAuNCw5LjloLTc4LjNsMTYuOSwxNi45aDY0YzEuNiw2LjgsMy43LDEzLjQsNi40LDE5LjdoLTUwLjhsMTYuOSwxNi45aDQyLjgKCQkJYzIxLDMzLDU3LjksNTQuOSw5OS44LDU0LjljNDEuOSwwLDc4LjgtMjEuOSw5OS44LTU0LjloNDIuOEwyMDQ0LjUsMjE2LjV6IE0xODg1LDI3MS41Yy01NS45LDAtMTAxLjQtNDUuNS0xMDEuNC0xMDEuNAoJCQljMC01NS45LDQ1LjUtMTAxLjQsMTAxLjQtMTAxLjRjNTUuOSwwLDEwMS40LDQ1LjUsMTAxLjQsMTAxLjRDMTk4Ni40LDIyNiwxOTQwLjksMjcxLjUsMTg4NSwyNzEuNSIvPgoJPC9nPgo8L2c+CjxnIGlkPSJCTVdfR3JvdXBfTmV4dCI+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNSwxNTUuN2g2NGMyMC40LDAsMzIuOC0zLjUsNDEuOS0xMS4xYzkuNS03LjYsMTQtMTkuNiwxNC0zNC4zYzAtOS43LTIuNy0xOC02LjQtMjMuMwoJCQljLTMuNy01LTcuNi04LjUtMTIuMi0xMS44YzIuMy0zLjcsNS40LTguNyw4LjMtMTMuNmM0LjMtNy44LDctMTQuNyw3LTI0LjRjMC0xMi42LTUuNi0yMy41LTE0LjktMjkuOUM5OC41LDEuNyw4OC4yLDAsNzIuMywwSDUKCQkJVjE1NS43TDUsMTU1Ljd6IE0yOS45LDEzMi4xVjg4LjRoNDAuOWM5LjUsMCwxNS4zLDAuOCwyMCwzLjdjNi4yLDQuMyw4LjcsMTAuMSw4LjcsMTguMmMwLDcuMi0xLjksMTIuNi02LjQsMTYuMwoJCQljLTQuNSwzLjktMTEuMSw1LjYtMjMuNyw1LjZIMjkuOUwyOS45LDEzMi4xeiBNMjkuOSw2NC44VjIzLjVINzBjOS4xLDAsMTUuNSwwLjQsMTkuNiwyLjljNC43LDIuNyw2LjYsNyw2LjYsMTMuMgoJCQljMCw2LTIuMSwxMC41LTUsMTUuN2MtMS45LDMuMS0zLjksNi42LTUuOCw5LjVIMjkuOUwyOS45LDY0Ljh6Ii8+CgkJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxNjcuMiwxNTUuNyAxNjcuMiwzNy40IDIwMy44LDEyNC43IDIyNi43LDEyNC43IDI2My4yLDM3LjQgMjYzLjIsMTU1LjcgMjg3LjgsMTU1LjcgMjg3LjgsMCAKCQkJMjU0LjgsMCAyMTUuNSw5My45IDE3Ni4xLDAgMTQyLjcsMCAxNDIuNywxNTUuNyAxNjcuMiwxNTUuNyAJCSIvPgoJCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMzYyLjcsMTU1LjcgMzg4LjUsNTguNCA0MTQuNCwxNTUuNyA0NDcuMiwxNTUuNyA0NzcuNywwIDQ1Mi41LDAgNDI4LjYsMTIzLjIgNDAyLDIzLjUgMzc1LjMsMjMuNSAKCQkJMzQ4LjcsMTIzLjIgMzI0LjgsMCAyOTkuMiwwIDMyOS43LDE1NS43IDM2Mi43LDE1NS43IAkJIi8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTExNS44LDMzNXYtODEuOEg5MXY2MS4zYy01LjYsMC42LTE2LjMsMS45LTI2LjQsMS45Yy0xNy41LDAtMjcuNy00LjMtMzMuMi0xNS41Yy00LjUtOS4xLTYtMjIuNS02LTQwLjcKCQkJYzAtMTguMiwxLjctMzIuMiw2LjItNDEuNWM1LjgtMTIuMiwxNC43LTE2LjksMzIuNi0xNi45YzUuNiwwLDExLjgsMC44LDE4LjIsMi4xYzkuNywxLjksMTkuOCw0LjEsMjguMyw2LjJ2LTI0LjQKCQkJYy02LjQtMS43LTE1LjMtMy43LTI0LjgtNS42Yy03LjYtMS40LTE2LjEtMi43LTI0LjItMi43Yy0yOC43LDAtNDEuOSwxMC43LTUwLjYsMjUuNEMyLjksMjE2LjcsMCwyMzUuMywwLDI2MC43CgkJCUMwLDI4NSwzLjEsMzAyLjgsMTAuMSwzMTVjOC41LDE0LjcsMjAuOSwyNS4yLDUwLjgsMjUuMkM3OC45LDM0MC4yLDEwMSwzMzcuNSwxMTUuOCwzMzVMMTE1LjgsMzM1eiIvPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNTkuMSwzMzYuNnYtNTYuOGgzNi41bDMzLjQsNTYuOGgyOS4xbC0zNS43LTYwLjVjMy45LTQuMSwxMC4zLTExLjQsMTUuMy0xNy4zYzguMS05LjksMTMtMTkuNiwxMy0zMy42CgkJCWMwLTEzLjYtNS0yNi4yLTEzLjgtMzMuN2MtOS45LTguNS0yMS41LTEwLjUtNDAuNS0xMC41aC02Mi4zdjE1NS43SDE1OS4xTDE1OS4xLDMzNi42eiBNMTU5LjEsMjU1Ljl2LTUxaDM0LjcKCQkJYzEzLjIsMCwxOS44LDEsMjQuNCw0LjFjNS40LDMuNyw3LjIsOS4xLDcuMiwxNi4zYzAsOC4zLTMuNSwxNC4yLTguMSwyMGMtMi43LDMuMy02LjIsNy40LTkuMSwxMC41SDE1OS4xTDE1OS4xLDI1NS45eiIvPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMjUuOSwxNzcuNWMtMzAuNiwwLTQ0LjgsOS45LTU0LjUsMjYuNGMtOC4xLDEzLjYtMTAuNSwzNC41LTEwLjUsNTUuM2MwLDI0LjIsMy43LDQ0LjQsMTEuOCw1Ny40CgkJCWM5LjUsMTUuMywyMi45LDIzLjUsNTMuMywyMy41YzI2LjQsMCw0MC41LTcuMiw1MS40LTIzLjFjOS4zLTEzLjIsMTMuNC0zNC4zLDEzLjQtNTcuOGMwLTIyLjMtMy4zLTQ0LjQtMTMuNC01OC44CgkJCUMzNjYuNiwxODQuOSwzNTIuNSwxNzcuNSwzMjUuOSwxNzcuNUwzMjUuOSwxNzcuNXogTTMyNS45LDIwMS40YzE0LDAsMjUsMy41LDMxLjYsMTUuMWM2LDEwLjEsNy44LDI2LDcuOCw0Mi43CgkJCWMwLDE3LjMtMS45LDM0LjktOS45LDQ1LjJjLTcuMiw5LjMtMTcuMSwxMS44LTI5LjUsMTEuOGMtMTQsMC0yNS44LTIuMy0zMi42LTE0Yy01LjQtOS43LTctMjYuNC03LTQyLjljMC0xNi43LDEuNC0zMyw2LjgtNDIuNwoJCQlDMjk5LjksMjA0LjEsMzExLjksMjAxLjQsMzI1LjksMjAxLjRMMzI1LjksMjAxLjR6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQwNi43LDE4MXY5NS44YzAsMjIuMSwyLjUsMzgsMTMsNDkuMWMxMC4zLDExLjQsMjMuOSwxNC4yLDQ1LDE0LjJjMTkuOCwwLDMzLjctMy4zLDQ0LjItMTMuOAoJCQljMTEuMS0xMS4xLDEzLjYtMjYuMiwxMy42LTQ5LjVWMTgxaC0yNXY5Ni40YzAsMTYuMy0xLDI2LTcuOCwzMi40Yy01LjgsNS4yLTE0LjcsNi40LTI1LDYuNGMtMTAuNSwwLTE5LjYtMS4yLTI1LjItNi42CgkJCWMtNi44LTYuNi03LjgtMTYuMy03LjgtMzIuMlYxODFINDA2LjdMNDA2LjcsMTgxeiIvPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01NjUuNywzMzYuNnYtNTUuN2MxNi4zLDAsMzAuMSwwLDM4LjgtMC42YzE0LjUtMC44LDI2LjItMy45LDM0LjktMTIuOGM5LjEtOS41LDEyLjYtMjIuOSwxMi42LTM3LjgKCQkJYzAtMTQuMi0zLjktMjcuNS0xMi4yLTM2LjFjLTguNy04LjktMTkuOC0xMi42LTM3LTEyLjZoLTYyLjF2MTU1LjdINTY1LjdMNTY1LjcsMzM2LjZ6IE01NjUuNywyNTd2LTUyaDM0LjUKCQkJYzkuOSwwLDE1LjksMSwyMC4yLDUuNGM0LjMsNC4zLDYuMiwxMC45LDYuMiwxOS40YzAsOC4zLTEsMTQuOS01LjIsMTkuNGMtNC4xLDUtMTAuMSw2LjYtMTkuNCw3LjJDNTkyLjUsMjU3LDU3OS41LDI1Nyw1NjUuNywyNTcKCQkJTDU2NS43LDI1N3oiLz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KPC9nPgo8L3N2Zz4K);
  --ds-asset-logo-bmwgroup-bmw-mini-rr-default: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjMuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjI5NzYuNHB4IiBoZWlnaHQ9IjM0MC4ycHgiIHZpZXdCb3g9IjAgMCAyOTc2LjQgMzQwLjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI5NzYuNCAzNDAuMjsiCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzZGNkY2Rjt9Cgkuc3Qxe2ZpbGw6IzAwNjZCMTt9Cjwvc3R5bGU+CjxnIGlkPSJCTVciPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTEzMzIuMywwYy05My45LDAtMTcwLjEsNzYuMS0xNzAuMSwxNzAuMXM3Ni4xLDE3MC4xLDE3MC4xLDE3MC4xczE3MC4xLTc2LjEsMTcwLjEtMTcwLjFTMTQyNi4yLDAsMTMzMi4zLDAKCQkJTDEzMzIuMywweiBNMTQ5MS4zLDE3MC4xYzAsODcuOC03MS4yLDE1OS0xNTksMTU5Yy04Ny44LDAtMTU5LTcxLjItMTU5LTE1OXM3MS4yLTE1OSwxNTktMTU5CgkJCUMxNDIwLjEsMTEuMSwxNDkxLjMsODIuMywxNDkxLjMsMTcwLjF6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTEzMzIuMyw2OS4ydjUuNWwwLDBjNTIuNiwwLDk1LjMsNDIuOCw5NS4zLDk1LjNoNS41QzE0MzMuMSwxMTQuNCwxMzg4LDY5LjIsMTMzMi4zLDY5LjJMMTMzMi4zLDY5LjIKCQkJIE0xMzMyLjMsMjY1LjRjLTUyLjYsMC05NS4zLTQyLjgtOTUuMy05NS4zaC01LjVjMCw1NS43LDQ1LjIsMTAwLjksMTAwLjksMTAwLjkiLz4KCQk8Zz4KCQkJPHBhdGggaWQ9IldfNjFfIiBjbGFzcz0ic3QwIiBkPSJNMTQxNC43LDk3LjljMi4zLDIuNSw1LjYsNi41LDcuNSw4LjlsMzQuNC0yMS45Yy0xLjctMi4zLTQuNS01LjctNi41LTguMWwtMjEuOCwxNC40bC0xLjUsMS4zCgkJCQlsMS4xLTEuNmw5LjYtMTkuMmwtNi44LTYuOGwtMTkuMiw5LjZsLTEuNiwxLjFsMS4zLTEuNWwxNC40LTIxLjhjLTIuNS0yLjItNS00LjEtOC4xLTYuNWwtMjEuOSwzNC40YzIuOCwyLjEsNi40LDUuMyw4LjcsNy40CgkJCQlMMTQyNSw3N2wxLjMtMWwtMSwxLjNMMTQxNC43LDk3Ljl6Ii8+CgkJCTxwYXRoIGlkPSJNXzYxXyIgY2xhc3M9InN0MCIgZD0iTTEzMzYuNiw1NC4zbDkuNC0yMS4xbDAuNi0xLjlsLTAuMiwybDEsMjguMmMzLjMsMC4zLDYuNywwLjgsMTAuMSwxLjNsLTEuNS00MS43CgkJCQljLTQuNy0wLjUtOS40LTAuOS0xNC4xLTEuMWwtOS4zLDIzbC0wLjMsMS43TDEzMzIsNDNsLTkuMy0yM2MtNC43LDAuMi05LjQsMC42LTE0LjEsMS4xbC0xLjUsNDEuN2MzLjQtMC42LDYuOC0xLDEwLjEtMS4zCgkJCQlsMS0yOC4ybC0wLjItMmwwLjYsMS45bDkuNCwyMS4xSDEzMzYuNnoiLz4KCQkJPHBhdGggaWQ9IkJfeDVGXzIyZF82MV8iIGNsYXNzPSJzdDAiIGQ9Ik0xMjYwLjUsODcuNmM1LjQtNS43LDguNS0xMi40LDMuMS0xOC43Yy0zLTMuNC03LjktNC4yLTEyLjEtMi41bC0wLjQsMC4ybDAuMS0wLjQKCQkJCWMwLjYtMS42LDEtNi44LTMuNC0xMC40Yy0yLjItMS43LTQuOS0yLjQtNy42LTIuMWMtNS4xLDAuNS05LDQtMTkuNywxNS45Yy0zLjIsMy42LTcuOSw5LjMtMTAuOCwxM2MwLDAsMjkuNCwyNy45LDI5LjQsMjcuOQoJCQkJQzEyNDguOCw5OS43LDEyNTIuOCw5NS42LDEyNjAuNSw4Ny42eiBNMTIyMi4xLDgwLjdjNS45LTcuMiwxMi4yLTEzLjgsMTUuMS0xNi40YzAuOS0wLjgsMS45LTEuNiwzLjEtMmMxLjktMC41LDMuOSwwLjgsNC40LDIuOAoJCQkJYzAuNSwyLTAuOCwzLjktMi4yLDUuNGMtMy4xLDMuNS0xNC42LDE1LjUtMTQuNiwxNS41UzEyMjIuMSw4MC43LDEyMjIuMSw4MC43eiBNMTIzMy42LDkxLjdjMCwwLDExLjItMTEuOCwxNC44LTE1LjYKCQkJCWMxLjQtMS41LDIuNC0yLjQsMy40LTIuOWMxLjMtMC42LDIuNy0wLjgsNCwwLjFjMS4yLDAuOCwxLjgsMi4zLDEuNSwzLjdjLTAuNCwxLjctMS43LDMuMy0yLjksNC41Yy0xLjUsMS43LTE0LjgsMTUuOC0xNC44LDE1LjkKCQkJCUwxMjMzLjYsOTEuN3oiLz4KCQk8L2c+CgkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTEzMzIuMyw2OS4ydjEwMC45aC0xMDAuOUMxMjMxLjQsMTE0LjMsMTI3Ni41LDY5LjIsMTMzMi4zLDY5LjJ6Ii8+CgkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE0MzMuMSwxNzAuMWMwLDU1LjctNDUuMSwxMDAuOS0xMDAuOSwxMDAuOVYxNzAuMUgxNDMzLjF6Ii8+Cgk8L2c+CjwvZz4KPGcgaWQ9Ik1JTkkiPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE4MTQuNiwxOTYuOGgtMTAuNHYtNTMuNWgxNS42bDEzLjYsNDIuN2wxMy41LTQyLjdoMTUuNnY1My41aC0xMC44di0zOS42bC0xMi41LDM5LjZoLTExLjdsLTEyLjktMzkuOQoJCQlWMTk2Ljh6IE0xODg1LjYsMTk2LjhoLTExLjF2LTUzLjVoMTEuMVYxOTYuOHogTTE5MDguNCwxOTYuOGgtMTAuNnYtNTMuNWgxMy4xbDIxLjMsMzguOHYtMzguOGgxMC42djUzLjVoLTEzLjFsLTIxLjMtMzguNlYxOTYuOAoJCQl6IE0xOTY1LjksMTk2LjhoLTExLjF2LTUzLjVoMTEuMVYxOTYuOHogTTIwNDQuNSwyMTYuNWgtNTAuN2MyLjctNi4zLDQuOC0xMi45LDYuNC0xOS43aDY0bDE2LjktMTYuOWgtNzguMwoJCQljMC4zLTMuMywwLjQtNi41LDAuNC05LjljMC0zLjMtMC4yLTYuNi0wLjQtOS45aDk4bDE2LjktMTYuOWgtMTE3LjVjLTEuNi02LjgtMy43LTEzLjQtNi40LTE5LjdoMTQzLjZsMTYuOS0xNi45aC0xNjkuNQoJCQljLTIxLTMzLTU3LjktNTQuOS05OS44LTU0LjljLTQxLjksMC03OC44LDIxLjktOTkuOCw1NC45aC0xNjkuNWwxNi45LDE2LjloMTQzLjdjLTIuNyw2LjMtNC45LDEyLjktNi40LDE5LjdoLTExNy41bDE2LjksMTYuOWg5OAoJCQljLTAuMywzLjMtMC40LDYuNS0wLjQsOS45YzAsMy4zLDAuMiw2LjYsMC40LDkuOWgtNzguM2wxNi45LDE2LjloNjRjMS42LDYuOCwzLjcsMTMuNCw2LjQsMTkuN2gtNTAuOGwxNi45LDE2LjloNDIuOAoJCQljMjEsMzMsNTcuOSw1NC45LDk5LjgsNTQuOWM0MS45LDAsNzguOC0yMS45LDk5LjgtNTQuOWg0Mi44TDIwNDQuNSwyMTYuNXogTTE4ODUsMjcxLjVjLTU1LjksMC0xMDEuNC00NS41LTEwMS40LTEwMS40CgkJCWMwLTU1LjksNDUuNS0xMDEuNCwxMDEuNC0xMDEuNGM1NS45LDAsMTAxLjQsNDUuNSwxMDEuNCwxMDEuNEMxOTg2LjQsMjI2LDE5NDAuOSwyNzEuNSwxODg1LDI3MS41Ii8+Cgk8L2c+CjwvZz4KPGcgaWQ9IlJvbGxzLVJveWNlIj4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNTQzLjUsMTYxLjdjMy4xLDYuOSw5LjUsMTEuMiwxNS42LDExLjJjOC4xLDAsMTQuMi02LjUsMTQuMi0xNC43YzAtNy4zLTMuMi0xMS4zLTE2LjktMjEuMQoJCWMtMTIuMy04LjctMTYuOC0xNS4xLTE2LjgtMjQuNGMwLTEwLDcuMy0xOS41LDE5LjYtMTkuNWM4LjksMCwxNi44LDUuMSwxOS4zLDEzLjNsLTYuOCwzLjVjLTIuMi02LTcuMi05LjMtMTIuNy05LjMKCQljLTYuNSwwLTExLjcsNS4xLTExLjcsMTEuNGMwLDUuNywyLjUsMTEuNSwxMy4zLDE4LjljMTQuOSwxMC4yLDIwLjUsMTYuMiwyMC41LDI3LjNjMCwxMi42LTkuNCwyMi4xLTIyLjMsMjIuMQoJCWMtOS45LDAtMTkuMy02LjQtMjIuNC0xNS4xTDI1NDMuNSwxNjEuN3ogTTI0NDAuNCwxNzFWOTUuMWgtOC4zdjgzLjRoNDEuNmwyLTcuNUgyNDQwLjR6IE0yNDk0LDE3MVY5NS4xaC04LjN2ODMuNGg0MS42bDItNy41CgkJSDI0OTR6IE0yOTczLDEzOS41VjEzMmgtMzMuNXYtMjkuNWgzNS4zdi03LjVoLTQzLjZ2ODMuNGg0My4ybDItNy41aC0zNi45di0zMS40SDI5NzN6IE0yODE4LDE3OC40di0zNy43bDI5LjItNDUuN2gtOS42CgkJbC0yMy40LDM4LjFsLTIzLjYtMzguMWgtOS44bDI4LjksNDUuN3YzNy43SDI4MTh6IE0yNjE3LjIsMTQwLjNWMTMzaC0yN3Y3LjNIMjYxNy4yeiBNMjkyMCwxNjYuN2wwLjctMC43bC01LjYtNC44bC0wLjcsMC43CgkJYy03LjEsNy4xLTE1LjksMTAuOS0yNi41LDEwLjljLTIwLDAtMzUuMy0xNS43LTM1LjMtMzYuMWMwLTE5LjgsMTYuMS0zNi4xLDM2LTM2LjFjMTAuNiwwLDE5LjMsMy43LDI1LjcsMTAuNGwwLjgsMC45bDQuOC02LjEKCQlsLTAuNi0wLjZjLTcuMi03LjUtMTcuNy0xMi4xLTMwLjYtMTIuMWMtMjQuNSwwLTQ0LjEsMTkuNy00NC4xLDQzLjljMCwyNC43LDE4LjIsNDMuMyw0Mi45LDQzLjMKCQlDMjkwMC43LDE4MC4zLDI5MTIsMTc1LjEsMjkyMCwxNjYuN3ogTTIzMjIuMywxNzguNGwtMjUuOC00Mi4ySDIyNzZ2NDIuMmgtOC4zVjgyLjJoMjguOGMxNi4yLDAsMjguNCwxMS42LDI4LjQsMjcKCQljMCwxMi43LTgsMjIuOS0yMCwyNS44bDI3LjQsNDMuNEgyMzIyLjN6IE0yMjk3LjYsMTI4LjRjMTIuNSwwLDE5LjEtOS43LDE5LjEtMTkuM2MwLTExLTguNi0xOS4zLTIwLjEtMTkuM0gyMjc2djM4LjVIMjI5Ny42egoJCSBNMjM3Ny4yLDE4MC4zYy0yNC43LDAtNDMuNC0xOC42LTQzLjQtNDMuNGMwLTI0LjUsMTkuMS00My43LDQzLjQtNDMuN2MyNC43LDAsNDMuMiwxOS4xLDQzLjIsNDMuNAoJCUMyNDIwLjQsMTYwLjcsMjQwMS4zLDE4MC4zLDIzNzcuMiwxODAuM3ogTTIzNzYuOCwxMDAuOGMtMTkuNSwwLTM0LjksMTUuOS0zNC45LDM2LjJjMCwxNy42LDEzLjMsMzUuOCwzNS41LDM1LjgKCQljMTkuNCwwLDM0LjctMTUuOSwzNC43LTM2LjJDMjQxMi4yLDExMy4zLDIzOTQsMTAwLjgsMjM3Ni44LDEwMC44eiBNMjY4NC4yLDE3OC40bC0yNS44LTQyLjJoLTIwLjV2NDIuMmgtOC4zVjgyLjJoMjguOAoJCWMxNi4yLDAsMjguNCwxMS42LDI4LjQsMjdjMCwxMi43LTgsMjIuOS0yMCwyNS44bDI3LjQsNDMuNEgyNjg0LjJ6IE0yNjU5LjUsMTI4LjRjMTIuNSwwLDE5LjEtOS43LDE5LjEtMTkuMwoJCWMwLTExLTguNi0xOS4zLTIwLjEtMTkuM2gtMjAuNnYzOC41SDI2NTkuNXogTTI3MzkuMSwxODAuM2MtMjQuNywwLTQzLjQtMTguNi00My40LTQzLjRjMC0yNC41LDE5LjEtNDMuNyw0My40LTQzLjcKCQljMjQuNywwLDQzLjIsMTkuMSw0My4yLDQzLjRDMjc4Mi4zLDE2MC43LDI3NjMuMiwxODAuMywyNzM5LjEsMTgwLjN6IE0yNzM4LjcsMTAwLjhjLTE5LjUsMC0zNC45LDE1LjktMzQuOSwzNi4yCgkJYzAsMTcuNiwxMy4zLDM1LjgsMzUuNSwzNS44YzE5LjQsMCwzNC43LTE1LjksMzQuNy0zNi4yQzI3NzQuMSwxMTMuMywyNzU1LjksMTAwLjgsMjczOC43LDEwMC44eiBNMjQ3NC41LDIyNAoJCWMtOS4zLDAtMTYuOSw3LjYtMTYuOSwxNi45YzAsOS45LDcuMSwxNy4xLDE2LjksMTcuMWM5LjMsMCwxNi45LTcuNiwxNi45LTE2LjlDMjQ5MS40LDIzMS4yLDI0ODQuMywyMjQsMjQ3NC41LDIyNHogTTI0NzQuNSwyNTMKCQljLTYuNywwLTExLjYtNS4xLTExLjYtMTIuMWMwLTYuNyw1LjEtMTEuOSwxMS42LTExLjljNi43LDAsMTEuNiw1LjEsMTEuNiwxMi4xQzI0ODYuMSwyNDcuOCwyNDgxLDI1MywyNDc0LjUsMjUzeiBNMjQ5NS41LDIyOS40CgkJaDkuM3YyNy45aDUuMnYtMjcuOWg4Ljl2LTQuOGgtMjMuNFYyMjkuNHogTTI1NDAuMiwyMjRjLTkuMywwLTE2LjksNy42LTE2LjksMTYuOWMwLDkuOSw3LjEsMTcuMSwxNi45LDE3LjEKCQljOS4zLDAsMTYuOS03LjYsMTYuOS0xNi45QzI1NTcuMSwyMzEuMiwyNTUwLDIyNCwyNTQwLjIsMjI0eiBNMjU0MC4yLDI1M2MtNi43LDAtMTEuNi01LjEtMTEuNi0xMi4xYzAtNi43LDUuMS0xMS45LDExLjYtMTEuOQoJCWM2LjcsMCwxMS42LDUuMSwxMS42LDEyLjFDMjU1MS44LDI0Ny44LDI1NDYuNywyNTMsMjU0MC4yLDI1M3ogTTI0MzQuNSwyNDIuM2wtMTAuMi0xNy42aC01djMyLjdoNXYtMjMuM2w4LjUsMTQuMmgzbDguMi0xNHYyMy4xCgkJaDV2LTMyLjdoLTQuNUwyNDM0LjUsMjQyLjN6IE0yNzE4LjQsMjM4LjJjLTQuMS0yLjctNC44LTQuMS00LjgtNi4xYzAtMS41LDEuMS0zLjEsMy40LTMuMWMyLjEsMCwzLjcsMS40LDQuMiwzLjdsNC41LTEKCQljLTAuOC00LjUtNC4yLTcuMi04LjgtNy4yYy01LjYsMC04LjUsNC4xLTguNSw4LjFjMCw0LjQsMi42LDYuOSw3LDkuOGM0LjQsMy4xLDUuNiw0LjMsNS42LDYuNmMwLDIuNS0xLjYsNC4xLTQuMiw0LjEKCQljLTMuNCwwLTQuOS0yLjktNS41LTUuM2wtNC43LDEuMmMwLjksNCwzLjMsOC43LDEwLjIsOC43YzQuNiwwLDkuMy0zLjEsOS4zLTlDMjcyNi4yLDI0NCwyNzIzLjgsMjQxLjksMjcxOC40LDIzOC4yegoJCSBNMjY5OC42LDIzNC40YzAtNS44LTQuMy05LjgtMTAuNy05LjhoLTkuNnYzMi43aDUuMnYtMTMuNWg0LjFsOC4zLDEzLjVoNS45bC04LjktMTQuNEMyNjk2LjUsMjQxLjQsMjY5OC42LDIzOC40LDI2OTguNiwyMzQuNHoKCQkgTTI2ODgsMjM5LjNoLTQuNnYtOS44aDQuNGMzLjYsMCw1LjcsMS44LDUuNyw0LjdDMjY5My42LDIzNS40LDI2OTMuMiwyMzkuMywyNjg4LDIzOS4zeiBNMjY1My41LDIyNC42bC0xMi42LDMyLjdoNS42bDMuMi05LjEKCQloMTEuOWwzLjEsOS4xaDUuOGwtMTIuNC0zMi43SDI2NTMuNXogTTI2NTEuMywyNDMuNmw0LjQtMTIuNmw0LjMsMTIuNkgyNjUxLjN6IE0yNTg1LjksMjM0LjRjMC01LjgtNC4zLTkuOC0xMC43LTkuOGgtOS42djMyLjcKCQloNS4ydi0xMy41aDQuMWw4LjMsMTMuNWg1LjlsLTguOS0xNC40QzI1ODMuOCwyNDEuNCwyNTg1LjksMjM4LjQsMjU4NS45LDIzNC40eiBNMjU3NS4zLDIzOS4zaC00LjZ2LTkuOGg0LjQKCQljMy42LDAsNS43LDEuOCw1LjcsNC43QzI1ODAuOSwyMzUuNCwyNTgwLjUsMjM5LjMsMjU3NS4zLDIzOS4zeiBNMjYyMy42LDIyOWMzLjUsMCw2LjMsMS4xLDguNiwzLjVsMy42LTMuMgoJCWMtMy4zLTMuNi03LTUuMi0xMi4yLTUuMmMtOS4yLDAtMTYuOCw3LjctMTYuOCwxNy4yYzAsOS43LDYuOCwxNi44LDE2LjMsMTYuOGM1LDAsOS40LTEuOSwxMi43LTUuNGwtMy42LTMuMgoJCWMtMi4zLDIuNS01LjEsMy41LTguOCwzLjVjLTUuNSwwLTExLjItMy42LTExLjItMTEuOUMyNjEyLjIsMjM0LjIsMjYxNy4xLDIyOSwyNjIzLjYsMjI5eiBNMjgwOC44LDIyNC43TDI4MDguOCwyMjQuN2wtNy40LDB2MAoJCWgtNC4zdjB2NHYyOC42aDQuM2wwLDBoNy44bDAsMGMwLDAsMCwwLDAsMGgwLjF2MGM5LjYtMC4xLDE1LjUtNy40LDE1LjUtMTYuMUMyODI0LjgsMjMyLjMsMjgxNy42LDIyNC43LDI4MDguOCwyMjQuN3oKCQkgTTI4MDkuMiwyNTIuNmgtN3YtMjMuMWg2LjVjNi42LDAsMTEuMiw0LjMsMTEuMiwxMS41QzI4MTkuOSwyNDcuNSwyODE2LjYsMjUyLjYsMjgwOS4yLDI1Mi42eiBNMjc1MS41LDI1Mi41di0yNy45aC01LjJ2MjcuOXY0LjgKCQloNS4yaDEzLjR2LTQuOEgyNzUxLjV6IE0yNzY2LjcsMjI5LjRoOS4zdjI3LjloNS4ydi0yNy45aDguOXYtNC44aC0yMy40VjIyOS40eiIvPgo8L2c+CjxnIGlkPSJCTVdfR3JvdXBfTmV4dCI+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNSwxNTUuN2g2NGMyMC40LDAsMzIuOC0zLjUsNDEuOS0xMS4xYzkuNS03LjYsMTQtMTkuNiwxNC0zNC4zYzAtOS43LTIuNy0xOC02LjQtMjMuMwoJCQljLTMuNy01LTcuNi04LjUtMTIuMi0xMS44YzIuMy0zLjcsNS40LTguNyw4LjMtMTMuNmM0LjMtNy44LDctMTQuNyw3LTI0LjRjMC0xMi42LTUuNi0yMy41LTE0LjktMjkuOUM5OC41LDEuNyw4OC4yLDAsNzIuMywwSDUKCQkJVjE1NS43TDUsMTU1Ljd6IE0yOS45LDEzMi4xVjg4LjRoNDAuOWM5LjUsMCwxNS4zLDAuOCwyMCwzLjdjNi4yLDQuMyw4LjcsMTAuMSw4LjcsMTguMmMwLDcuMi0xLjksMTIuNi02LjQsMTYuMwoJCQljLTQuNSwzLjktMTEuMSw1LjYtMjMuNyw1LjZIMjkuOUwyOS45LDEzMi4xeiBNMjkuOSw2NC44VjIzLjVINzBjOS4xLDAsMTUuNSwwLjQsMTkuNiwyLjljNC43LDIuNyw2LjYsNyw2LjYsMTMuMgoJCQljMCw2LTIuMSwxMC41LTUsMTUuN2MtMS45LDMuMS0zLjksNi42LTUuOCw5LjVIMjkuOUwyOS45LDY0Ljh6Ii8+CgkJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxNjcuMiwxNTUuNyAxNjcuMiwzNy40IDIwMy44LDEyNC43IDIyNi43LDEyNC43IDI2My4yLDM3LjQgMjYzLjIsMTU1LjcgMjg3LjgsMTU1LjcgMjg3LjgsMCAKCQkJMjU0LjgsMCAyMTUuNSw5My45IDE3Ni4xLDAgMTQyLjcsMCAxNDIuNywxNTUuNyAxNjcuMiwxNTUuNyAJCSIvPgoJCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMzYyLjcsMTU1LjcgMzg4LjUsNTguNCA0MTQuNCwxNTUuNyA0NDcuMiwxNTUuNyA0NzcuNywwIDQ1Mi41LDAgNDI4LjYsMTIzLjIgNDAyLDIzLjUgMzc1LjMsMjMuNSAKCQkJMzQ4LjcsMTIzLjIgMzI0LjgsMCAyOTkuMiwwIDMyOS43LDE1NS43IDM2Mi43LDE1NS43IAkJIi8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTExNS44LDMzNXYtODEuOEg5MXY2MS4zYy01LjYsMC42LTE2LjMsMS45LTI2LjQsMS45Yy0xNy41LDAtMjcuNy00LjMtMzMuMi0xNS41Yy00LjUtOS4xLTYtMjIuNS02LTQwLjcKCQkJYzAtMTguMiwxLjctMzIuMiw2LjItNDEuNWM1LjgtMTIuMiwxNC43LTE2LjksMzIuNi0xNi45YzUuNiwwLDExLjgsMC44LDE4LjIsMi4xYzkuNywxLjksMTkuOCw0LjEsMjguMyw2LjJ2LTI0LjQKCQkJYy02LjQtMS43LTE1LjMtMy43LTI0LjgtNS42Yy03LjYtMS40LTE2LjEtMi43LTI0LjItMi43Yy0yOC43LDAtNDEuOSwxMC43LTUwLjYsMjUuNEMyLjksMjE2LjcsMCwyMzUuMywwLDI2MC43CgkJCUMwLDI4NSwzLjEsMzAyLjgsMTAuMSwzMTVjOC41LDE0LjcsMjAuOSwyNS4yLDUwLjgsMjUuMkM3OC45LDM0MC4yLDEwMSwzMzcuNSwxMTUuOCwzMzVMMTE1LjgsMzM1eiIvPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNTkuMSwzMzYuNnYtNTYuOGgzNi41bDMzLjQsNTYuOGgyOS4xbC0zNS43LTYwLjVjMy45LTQuMSwxMC4zLTExLjQsMTUuMy0xNy4zYzguMS05LjksMTMtMTkuNiwxMy0zMy42CgkJCWMwLTEzLjYtNS0yNi4yLTEzLjgtMzMuN2MtOS45LTguNS0yMS41LTEwLjUtNDAuNS0xMC41aC02Mi4zdjE1NS43SDE1OS4xTDE1OS4xLDMzNi42eiBNMTU5LjEsMjU1Ljl2LTUxaDM0LjcKCQkJYzEzLjIsMCwxOS44LDEsMjQuNCw0LjFjNS40LDMuNyw3LjIsOS4xLDcuMiwxNi4zYzAsOC4zLTMuNSwxNC4yLTguMSwyMGMtMi43LDMuMy02LjIsNy40LTkuMSwxMC41SDE1OS4xTDE1OS4xLDI1NS45eiIvPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMjUuOSwxNzcuNWMtMzAuNiwwLTQ0LjgsOS45LTU0LjUsMjYuNGMtOC4xLDEzLjYtMTAuNSwzNC41LTEwLjUsNTUuM2MwLDI0LjIsMy43LDQ0LjQsMTEuOCw1Ny40CgkJCWM5LjUsMTUuMywyMi45LDIzLjUsNTMuMywyMy41YzI2LjQsMCw0MC41LTcuMiw1MS40LTIzLjFjOS4zLTEzLjIsMTMuNC0zNC4zLDEzLjQtNTcuOGMwLTIyLjMtMy4zLTQ0LjQtMTMuNC01OC44CgkJCUMzNjYuNiwxODQuOSwzNTIuNSwxNzcuNSwzMjUuOSwxNzcuNUwzMjUuOSwxNzcuNXogTTMyNS45LDIwMS40YzE0LDAsMjUsMy41LDMxLjYsMTUuMWM2LDEwLjEsNy44LDI2LDcuOCw0Mi43CgkJCWMwLDE3LjMtMS45LDM0LjktOS45LDQ1LjJjLTcuMiw5LjMtMTcuMSwxMS44LTI5LjUsMTEuOGMtMTQsMC0yNS44LTIuMy0zMi42LTE0Yy01LjQtOS43LTctMjYuNC03LTQyLjljMC0xNi43LDEuNC0zMyw2LjgtNDIuNwoJCQlDMjk5LjksMjA0LjEsMzExLjksMjAxLjQsMzI1LjksMjAxLjRMMzI1LjksMjAxLjR6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQwNi43LDE4MXY5NS44YzAsMjIuMSwyLjUsMzgsMTMsNDkuMWMxMC4zLDExLjQsMjMuOSwxNC4yLDQ1LDE0LjJjMTkuOCwwLDMzLjctMy4zLDQ0LjItMTMuOAoJCQljMTEuMS0xMS4xLDEzLjYtMjYuMiwxMy42LTQ5LjVWMTgxaC0yNXY5Ni40YzAsMTYuMy0xLDI2LTcuOCwzMi40Yy01LjgsNS4yLTE0LjcsNi40LTI1LDYuNGMtMTAuNSwwLTE5LjYtMS4yLTI1LjItNi42CgkJCWMtNi44LTYuNi03LjgtMTYuMy03LjgtMzIuMlYxODFINDA2LjdMNDA2LjcsMTgxeiIvPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01NjUuNywzMzYuNnYtNTUuN2MxNi4zLDAsMzAuMSwwLDM4LjgtMC42YzE0LjUtMC44LDI2LjItMy45LDM0LjktMTIuOGM5LjEtOS41LDEyLjYtMjIuOSwxMi42LTM3LjgKCQkJYzAtMTQuMi0zLjktMjcuNS0xMi4yLTM2LjFjLTguNy04LjktMTkuOC0xMi42LTM3LTEyLjZoLTYyLjF2MTU1LjdINTY1LjdMNTY1LjcsMzM2LjZ6IE01NjUuNywyNTd2LTUyaDM0LjUKCQkJYzkuOSwwLDE1LjksMSwyMC4yLDUuNGM0LjMsNC4zLDYuMiwxMC45LDYuMiwxOS40YzAsOC4zLTEsMTQuOS01LjIsMTkuNGMtNC4xLDUtMTAuMSw2LjYtMTkuNCw3LjJDNTkyLjUsMjU3LDU3OS41LDI1Nyw1NjUuNywyNTcKCQkJTDU2NS43LDI1N3oiLz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KPC9nPgo8L3N2Zz4K);
  --ds-asset-logo-bmwgroup-bmw-mini-rr-inverted: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjMuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjI5NzYuNHB4IiBoZWlnaHQ9IjM0MC4ycHgiIHZpZXdCb3g9IjAgMCAyOTc2LjQgMzQwLjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI5NzYuNCAzNDAuMjsiCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe2ZpbGw6IzAwNjZCMTt9Cjwvc3R5bGU+CjxnIGlkPSJCTVciPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTEzMzIuMywwYy05My45LDAtMTcwLjEsNzYuMS0xNzAuMSwxNzAuMXM3Ni4xLDE3MC4xLDE3MC4xLDE3MC4xczE3MC4xLTc2LjEsMTcwLjEtMTcwLjFTMTQyNi4yLDAsMTMzMi4zLDAKCQkJTDEzMzIuMywweiBNMTQ5MS4zLDE3MC4xYzAsODcuOC03MS4yLDE1OS0xNTksMTU5Yy04Ny44LDAtMTU5LTcxLjItMTU5LTE1OXM3MS4yLTE1OSwxNTktMTU5CgkJCUMxNDIwLjEsMTEuMSwxNDkxLjMsODIuMywxNDkxLjMsMTcwLjF6Ii8+CgkJPGc+CgkJCTxwYXRoIGlkPSJXXzYwXyIgY2xhc3M9InN0MCIgZD0iTTE0MTQuNyw5Ny45YzIuMywyLjUsNS42LDYuNSw3LjUsOC45bDM0LjQtMjEuOWMtMS43LTIuMy00LjUtNS43LTYuNS04LjFsLTIxLjgsMTQuNGwtMS41LDEuMwoJCQkJbDEuMS0xLjZsOS42LTE5LjJsLTYuOC02LjhsLTE5LjIsOS42bC0xLjYsMS4xbDEuMy0xLjVsMTQuNC0yMS44Yy0yLjUtMi4yLTUtNC4xLTguMS02LjVsLTIxLjksMzQuNGMyLjgsMi4xLDYuNCw1LjMsOC43LDcuNAoJCQkJTDE0MjUsNzdsMS4zLTFsLTEsMS4zTDE0MTQuNyw5Ny45eiIvPgoJCQk8cGF0aCBpZD0iTV82MF8iIGNsYXNzPSJzdDAiIGQ9Ik0xMzM2LjYsNTQuM2w5LjQtMjEuMWwwLjYtMS45bC0wLjIsMmwxLDI4LjJjMy4zLDAuMyw2LjcsMC44LDEwLjEsMS4zbC0xLjUtNDEuNwoJCQkJYy00LjctMC41LTkuNC0wLjktMTQuMS0xLjFsLTkuMywyM2wtMC4zLDEuN0wxMzMyLDQzbC05LjMtMjNjLTQuNywwLjItOS40LDAuNi0xNC4xLDEuMWwtMS41LDQxLjdjMy40LTAuNiw2LjgtMSwxMC4xLTEuMwoJCQkJbDEtMjguMmwtMC4yLTJsMC42LDEuOWw5LjQsMjEuMUgxMzM2LjZ6Ii8+CgkJCTxwYXRoIGlkPSJCX3g1Rl8yMmRfNjBfIiBjbGFzcz0ic3QwIiBkPSJNMTI2MC41LDg3LjZjNS40LTUuNyw4LjUtMTIuNCwzLjEtMTguN2MtMy0zLjQtNy45LTQuMi0xMi4xLTIuNWwtMC40LDAuMmwwLjEtMC40CgkJCQljMC42LTEuNiwxLTYuOC0zLjQtMTAuNGMtMi4yLTEuNy00LjktMi40LTcuNi0yLjFjLTUuMSwwLjUtOSw0LTE5LjcsMTUuOWMtMy4yLDMuNi03LjksOS4zLTEwLjgsMTNjMCwwLDI5LjQsMjcuOSwyOS40LDI3LjkKCQkJCUMxMjQ4LjgsOTkuNywxMjUyLjgsOTUuNiwxMjYwLjUsODcuNnogTTEyMjIuMSw4MC43YzUuOS03LjIsMTIuMi0xMy44LDE1LjEtMTYuNGMwLjktMC44LDEuOS0xLjYsMy4xLTJjMS45LTAuNSwzLjksMC44LDQuNCwyLjgKCQkJCWMwLjUsMi0wLjgsMy45LTIuMiw1LjRjLTMuMSwzLjUtMTQuNiwxNS41LTE0LjYsMTUuNVMxMjIyLjEsODAuNywxMjIyLjEsODAuN3ogTTEyMzMuNiw5MS43YzAsMCwxMS4yLTExLjgsMTQuOC0xNS42CgkJCQljMS40LTEuNSwyLjQtMi40LDMuNC0yLjljMS4zLTAuNiwyLjctMC44LDQsMC4xYzEuMiwwLjgsMS44LDIuMywxLjUsMy43Yy0wLjQsMS43LTEuNywzLjMtMi45LDQuNWMtMS41LDEuNy0xNC44LDE1LjgtMTQuOCwxNS45CgkJCQlMMTIzMy42LDkxLjd6Ii8+CgkJPC9nPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNDMzLjEsMTcwLjFoLTEwMC45VjY5LjJDMTM4OCw2OS4yLDE0MzMuMSwxMTQuMywxNDMzLjEsMTcwLjF6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTEzMzIuMywxNzAuMXYxMDAuOWMtNTUuNywwLTEwMC45LTQ1LjEtMTAwLjktMTAwLjlIMTMzMi4zeiIvPgoJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMzMyLjMsNjkuMnYxMDAuOWgtMTAwLjlDMTIzMS40LDExNC4zLDEyNzYuNSw2OS4yLDEzMzIuMyw2OS4yeiIvPgoJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xNDMzLjEsMTcwLjFjMCw1NS43LTQ1LjEsMTAwLjktMTAwLjksMTAwLjlWMTcwLjFIMTQzMy4xeiIvPgoJPC9nPgo8L2c+CjxnIGlkPSJNSU5JIj4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xODE0LjYsMTk2LjhoLTEwLjR2LTUzLjVoMTUuNmwxMy42LDQyLjdsMTMuNS00Mi43aDE1LjZ2NTMuNWgtMTAuOHYtMzkuNmwtMTIuNSwzOS42aC0xMS43bC0xMi45LTM5LjkKCQkJVjE5Ni44eiBNMTg4NS42LDE5Ni44aC0xMS4xdi01My41aDExLjFWMTk2Ljh6IE0xOTA4LjQsMTk2LjhoLTEwLjZ2LTUzLjVoMTMuMWwyMS4zLDM4Ljh2LTM4LjhoMTAuNnY1My41aC0xMy4xbC0yMS4zLTM4LjZWMTk2LjgKCQkJeiBNMTk2NS45LDE5Ni44aC0xMS4xdi01My41aDExLjFWMTk2Ljh6IE0yMDQ0LjUsMjE2LjVoLTUwLjdjMi43LTYuMyw0LjgtMTIuOSw2LjQtMTkuN2g2NGwxNi45LTE2LjloLTc4LjMKCQkJYzAuMy0zLjMsMC40LTYuNSwwLjQtOS45YzAtMy4zLTAuMi02LjYtMC40LTkuOWg5OGwxNi45LTE2LjloLTExNy41Yy0xLjYtNi44LTMuNy0xMy40LTYuNC0xOS43aDE0My42bDE2LjktMTYuOWgtMTY5LjUKCQkJYy0yMS0zMy01Ny45LTU0LjktOTkuOC01NC45Yy00MS45LDAtNzguOCwyMS45LTk5LjgsNTQuOWgtMTY5LjVsMTYuOSwxNi45aDE0My43Yy0yLjcsNi4zLTQuOSwxMi45LTYuNCwxOS43aC0xMTcuNWwxNi45LDE2LjloOTgKCQkJYy0wLjMsMy4zLTAuNCw2LjUtMC40LDkuOWMwLDMuMywwLjIsNi42LDAuNCw5LjloLTc4LjNsMTYuOSwxNi45aDY0YzEuNiw2LjgsMy43LDEzLjQsNi40LDE5LjdoLTUwLjhsMTYuOSwxNi45aDQyLjgKCQkJYzIxLDMzLDU3LjksNTQuOSw5OS44LDU0LjljNDEuOSwwLDc4LjgtMjEuOSw5OS44LTU0LjloNDIuOEwyMDQ0LjUsMjE2LjV6IE0xODg1LDI3MS41Yy01NS45LDAtMTAxLjQtNDUuNS0xMDEuNC0xMDEuNAoJCQljMC01NS45LDQ1LjUtMTAxLjQsMTAxLjQtMTAxLjRjNTUuOSwwLDEwMS40LDQ1LjUsMTAxLjQsMTAxLjRDMTk4Ni40LDIyNiwxOTQwLjksMjcxLjUsMTg4NSwyNzEuNSIvPgoJPC9nPgo8L2c+CjxnIGlkPSJSb2xscy1Sb3ljZSI+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjU0My41LDE2MS43YzMuMSw2LjksOS41LDExLjIsMTUuNiwxMS4yYzguMSwwLDE0LjItNi41LDE0LjItMTQuN2MwLTcuMy0zLjItMTEuMy0xNi45LTIxLjEKCQljLTEyLjMtOC43LTE2LjgtMTUuMS0xNi44LTI0LjRjMC0xMCw3LjMtMTkuNSwxOS42LTE5LjVjOC45LDAsMTYuOCw1LjEsMTkuMywxMy4zbC02LjgsMy41Yy0yLjItNi03LjItOS4zLTEyLjctOS4zCgkJYy02LjUsMC0xMS43LDUuMS0xMS43LDExLjRjMCw1LjcsMi41LDExLjUsMTMuMywxOC45YzE0LjksMTAuMiwyMC41LDE2LjIsMjAuNSwyNy4zYzAsMTIuNi05LjQsMjIuMS0yMi4zLDIyLjEKCQljLTkuOSwwLTE5LjMtNi40LTIyLjQtMTUuMUwyNTQzLjUsMTYxLjd6IE0yNDQwLjQsMTcxVjk1LjFoLTguM3Y4My40aDQxLjZsMi03LjVIMjQ0MC40eiBNMjQ5NCwxNzFWOTUuMWgtOC4zdjgzLjRoNDEuNmwyLTcuNQoJCUgyNDk0eiBNMjk3MywxMzkuNVYxMzJoLTMzLjV2LTI5LjVoMzUuM3YtNy41aC00My42djgzLjRoNDMuMmwyLTcuNWgtMzYuOXYtMzEuNEgyOTczeiBNMjgxOCwxNzguNHYtMzcuN2wyOS4yLTQ1LjdoLTkuNgoJCWwtMjMuNCwzOC4xbC0yMy42LTM4LjFoLTkuOGwyOC45LDQ1Ljd2MzcuN0gyODE4eiBNMjYxNy4yLDE0MC4zVjEzM2gtMjd2Ny4zSDI2MTcuMnogTTI5MjAsMTY2LjdsMC43LTAuN2wtNS42LTQuOGwtMC43LDAuNwoJCWMtNy4xLDcuMS0xNS45LDEwLjktMjYuNSwxMC45Yy0yMCwwLTM1LjMtMTUuNy0zNS4zLTM2LjFjMC0xOS44LDE2LjEtMzYuMSwzNi0zNi4xYzEwLjYsMCwxOS4zLDMuNywyNS43LDEwLjRsMC44LDAuOWw0LjgtNi4xCgkJbC0wLjYtMC42Yy03LjItNy41LTE3LjctMTIuMS0zMC42LTEyLjFjLTI0LjUsMC00NC4xLDE5LjctNDQuMSw0My45YzAsMjQuNywxOC4yLDQzLjMsNDIuOSw0My4zCgkJQzI5MDAuNywxODAuMywyOTEyLDE3NS4xLDI5MjAsMTY2Ljd6IE0yMzIyLjMsMTc4LjRsLTI1LjgtNDIuMkgyMjc2djQyLjJoLTguM1Y4Mi4yaDI4LjhjMTYuMiwwLDI4LjQsMTEuNiwyOC40LDI3CgkJYzAsMTIuNy04LDIyLjktMjAsMjUuOGwyNy40LDQzLjRIMjMyMi4zeiBNMjI5Ny42LDEyOC40YzEyLjUsMCwxOS4xLTkuNywxOS4xLTE5LjNjMC0xMS04LjYtMTkuMy0yMC4xLTE5LjNIMjI3NnYzOC41SDIyOTcuNnoKCQkgTTIzNzcuMiwxODAuM2MtMjQuNywwLTQzLjQtMTguNi00My40LTQzLjRjMC0yNC41LDE5LjEtNDMuNyw0My40LTQzLjdjMjQuNywwLDQzLjIsMTkuMSw0My4yLDQzLjQKCQlDMjQyMC40LDE2MC43LDI0MDEuMywxODAuMywyMzc3LjIsMTgwLjN6IE0yMzc2LjgsMTAwLjhjLTE5LjUsMC0zNC45LDE1LjktMzQuOSwzNi4yYzAsMTcuNiwxMy4zLDM1LjgsMzUuNSwzNS44CgkJYzE5LjQsMCwzNC43LTE1LjksMzQuNy0zNi4yQzI0MTIuMiwxMTMuMywyMzk0LDEwMC44LDIzNzYuOCwxMDAuOHogTTI2ODQuMiwxNzguNGwtMjUuOC00Mi4yaC0yMC41djQyLjJoLTguM1Y4Mi4yaDI4LjgKCQljMTYuMiwwLDI4LjQsMTEuNiwyOC40LDI3YzAsMTIuNy04LDIyLjktMjAsMjUuOGwyNy40LDQzLjRIMjY4NC4yeiBNMjY1OS41LDEyOC40YzEyLjUsMCwxOS4xLTkuNywxOS4xLTE5LjMKCQljMC0xMS04LjYtMTkuMy0yMC4xLTE5LjNoLTIwLjZ2MzguNUgyNjU5LjV6IE0yNzM5LjEsMTgwLjNjLTI0LjcsMC00My40LTE4LjYtNDMuNC00My40YzAtMjQuNSwxOS4xLTQzLjcsNDMuNC00My43CgkJYzI0LjcsMCw0My4yLDE5LjEsNDMuMiw0My40QzI3ODIuMywxNjAuNywyNzYzLjIsMTgwLjMsMjczOS4xLDE4MC4zeiBNMjczOC43LDEwMC44Yy0xOS41LDAtMzQuOSwxNS45LTM0LjksMzYuMgoJCWMwLDE3LjYsMTMuMywzNS44LDM1LjUsMzUuOGMxOS40LDAsMzQuNy0xNS45LDM0LjctMzYuMkMyNzc0LjEsMTEzLjMsMjc1NS45LDEwMC44LDI3MzguNywxMDAuOHogTTI0NzQuNSwyMjQKCQljLTkuMywwLTE2LjksNy42LTE2LjksMTYuOWMwLDkuOSw3LjEsMTcuMSwxNi45LDE3LjFjOS4zLDAsMTYuOS03LjYsMTYuOS0xNi45QzI0OTEuNCwyMzEuMiwyNDg0LjMsMjI0LDI0NzQuNSwyMjR6IE0yNDc0LjUsMjUzCgkJYy02LjcsMC0xMS42LTUuMS0xMS42LTEyLjFjMC02LjcsNS4xLTExLjksMTEuNi0xMS45YzYuNywwLDExLjYsNS4xLDExLjYsMTIuMUMyNDg2LjEsMjQ3LjgsMjQ4MSwyNTMsMjQ3NC41LDI1M3ogTTI0OTUuNSwyMjkuNAoJCWg5LjN2MjcuOWg1LjJ2LTI3LjloOC45di00LjhoLTIzLjRWMjI5LjR6IE0yNTQwLjIsMjI0Yy05LjMsMC0xNi45LDcuNi0xNi45LDE2LjljMCw5LjksNy4xLDE3LjEsMTYuOSwxNy4xCgkJYzkuMywwLDE2LjktNy42LDE2LjktMTYuOUMyNTU3LjEsMjMxLjIsMjU1MCwyMjQsMjU0MC4yLDIyNHogTTI1NDAuMiwyNTNjLTYuNywwLTExLjYtNS4xLTExLjYtMTIuMWMwLTYuNyw1LjEtMTEuOSwxMS42LTExLjkKCQljNi43LDAsMTEuNiw1LjEsMTEuNiwxMi4xQzI1NTEuOCwyNDcuOCwyNTQ2LjcsMjUzLDI1NDAuMiwyNTN6IE0yNDM0LjUsMjQyLjNsLTEwLjItMTcuNmgtNXYzMi43aDV2LTIzLjNsOC41LDE0LjJoM2w4LjItMTR2MjMuMQoJCWg1di0zMi43aC00LjVMMjQzNC41LDI0Mi4zeiBNMjcxOC40LDIzOC4yYy00LjEtMi43LTQuOC00LjEtNC44LTYuMWMwLTEuNSwxLjEtMy4xLDMuNC0zLjFjMi4xLDAsMy43LDEuNCw0LjIsMy43bDQuNS0xCgkJYy0wLjgtNC41LTQuMi03LjItOC44LTcuMmMtNS42LDAtOC41LDQuMS04LjUsOC4xYzAsNC40LDIuNiw2LjksNyw5LjhjNC40LDMuMSw1LjYsNC4zLDUuNiw2LjZjMCwyLjUtMS42LDQuMS00LjIsNC4xCgkJYy0zLjQsMC00LjktMi45LTUuNS01LjNsLTQuNywxLjJjMC45LDQsMy4zLDguNywxMC4yLDguN2M0LjYsMCw5LjMtMy4xLDkuMy05QzI3MjYuMiwyNDQsMjcyMy44LDI0MS45LDI3MTguNCwyMzguMnoKCQkgTTI2OTguNiwyMzQuNGMwLTUuOC00LjMtOS44LTEwLjctOS44aC05LjZ2MzIuN2g1LjJ2LTEzLjVoNC4xbDguMywxMy41aDUuOWwtOC45LTE0LjRDMjY5Ni41LDI0MS40LDI2OTguNiwyMzguNCwyNjk4LjYsMjM0LjR6CgkJIE0yNjg4LDIzOS4zaC00LjZ2LTkuOGg0LjRjMy42LDAsNS43LDEuOCw1LjcsNC43QzI2OTMuNiwyMzUuNCwyNjkzLjIsMjM5LjMsMjY4OCwyMzkuM3ogTTI2NTMuNSwyMjQuNmwtMTIuNiwzMi43aDUuNmwzLjItOS4xCgkJaDExLjlsMy4xLDkuMWg1LjhsLTEyLjQtMzIuN0gyNjUzLjV6IE0yNjUxLjMsMjQzLjZsNC40LTEyLjZsNC4zLDEyLjZIMjY1MS4zeiBNMjU4NS45LDIzNC40YzAtNS44LTQuMy05LjgtMTAuNy05LjhoLTkuNnYzMi43CgkJaDUuMnYtMTMuNWg0LjFsOC4zLDEzLjVoNS45bC04LjktMTQuNEMyNTgzLjgsMjQxLjQsMjU4NS45LDIzOC40LDI1ODUuOSwyMzQuNHogTTI1NzUuMywyMzkuM2gtNC42di05LjhoNC40CgkJYzMuNiwwLDUuNywxLjgsNS43LDQuN0MyNTgwLjksMjM1LjQsMjU4MC41LDIzOS4zLDI1NzUuMywyMzkuM3ogTTI2MjMuNiwyMjljMy41LDAsNi4zLDEuMSw4LjYsMy41bDMuNi0zLjIKCQljLTMuMy0zLjYtNy01LjItMTIuMi01LjJjLTkuMiwwLTE2LjgsNy43LTE2LjgsMTcuMmMwLDkuNyw2LjgsMTYuOCwxNi4zLDE2LjhjNSwwLDkuNC0xLjksMTIuNy01LjRsLTMuNi0zLjIKCQljLTIuMywyLjUtNS4xLDMuNS04LjgsMy41Yy01LjUsMC0xMS4yLTMuNi0xMS4yLTExLjlDMjYxMi4yLDIzNC4yLDI2MTcuMSwyMjksMjYyMy42LDIyOXogTTI4MDguOCwyMjQuN0wyODA4LjgsMjI0LjdsLTcuNCwwdjAKCQloLTQuM3YwdjR2MjguNmg0LjNsMCwwaDcuOGwwLDBjMCwwLDAsMCwwLDBoMC4xdjBjOS42LTAuMSwxNS41LTcuNCwxNS41LTE2LjFDMjgyNC44LDIzMi4zLDI4MTcuNiwyMjQuNywyODA4LjgsMjI0Ljd6CgkJIE0yODA5LjIsMjUyLjZoLTd2LTIzLjFoNi41YzYuNiwwLDExLjIsNC4zLDExLjIsMTEuNUMyODE5LjksMjQ3LjUsMjgxNi42LDI1Mi42LDI4MDkuMiwyNTIuNnogTTI3NTEuNSwyNTIuNXYtMjcuOWgtNS4ydjI3Ljl2NC44CgkJaDUuMmgxMy40di00LjhIMjc1MS41eiBNMjc2Ni43LDIyOS40aDkuM3YyNy45aDUuMnYtMjcuOWg4Ljl2LTQuOGgtMjMuNFYyMjkuNHoiLz4KPC9nPgo8ZyBpZD0iQk1XX0dyb3VwX05leHQiPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTUsMTU1LjdoNjRjMjAuNCwwLDMyLjgtMy41LDQxLjktMTEuMWM5LjUtNy42LDE0LTE5LjYsMTQtMzQuM2MwLTkuNy0yLjctMTgtNi40LTIzLjMKCQkJYy0zLjctNS03LjYtOC41LTEyLjItMTEuOGMyLjMtMy43LDUuNC04LjcsOC4zLTEzLjZjNC4zLTcuOCw3LTE0LjcsNy0yNC40YzAtMTIuNi01LjYtMjMuNS0xNC45LTI5LjlDOTguNSwxLjcsODguMiwwLDcyLjMsMEg1CgkJCVYxNTUuN0w1LDE1NS43eiBNMjkuOSwxMzIuMVY4OC40aDQwLjljOS41LDAsMTUuMywwLjgsMjAsMy43YzYuMiw0LjMsOC43LDEwLjEsOC43LDE4LjJjMCw3LjItMS45LDEyLjYtNi40LDE2LjMKCQkJYy00LjUsMy45LTExLjEsNS42LTIzLjcsNS42SDI5LjlMMjkuOSwxMzIuMXogTTI5LjksNjQuOFYyMy41SDcwYzkuMSwwLDE1LjUsMC40LDE5LjYsMi45YzQuNywyLjcsNi42LDcsNi42LDEzLjIKCQkJYzAsNi0yLjEsMTAuNS01LDE1LjdjLTEuOSwzLjEtMy45LDYuNi01LjgsOS41SDI5LjlMMjkuOSw2NC44eiIvPgoJCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTY3LjIsMTU1LjcgMTY3LjIsMzcuNCAyMDMuOCwxMjQuNyAyMjYuNywxMjQuNyAyNjMuMiwzNy40IDI2My4yLDE1NS43IDI4Ny44LDE1NS43IDI4Ny44LDAgCgkJCTI1NC44LDAgMjE1LjUsOTMuOSAxNzYuMSwwIDE0Mi43LDAgMTQyLjcsMTU1LjcgMTY3LjIsMTU1LjcgCQkiLz4KCQk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjM2Mi43LDE1NS43IDM4OC41LDU4LjQgNDE0LjQsMTU1LjcgNDQ3LjIsMTU1LjcgNDc3LjcsMCA0NTIuNSwwIDQyOC42LDEyMy4yIDQwMiwyMy41IDM3NS4zLDIzLjUgCgkJCTM0OC43LDEyMy4yIDMyNC44LDAgMjk5LjIsMCAzMjkuNywxNTUuNyAzNjIuNywxNTUuNyAJCSIvPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMTUuOCwzMzV2LTgxLjhIOTF2NjEuM2MtNS42LDAuNi0xNi4zLDEuOS0yNi40LDEuOWMtMTcuNSwwLTI3LjctNC4zLTMzLjItMTUuNWMtNC41LTkuMS02LTIyLjUtNi00MC43CgkJCWMwLTE4LjIsMS43LTMyLjIsNi4yLTQxLjVjNS44LTEyLjIsMTQuNy0xNi45LDMyLjYtMTYuOWM1LjYsMCwxMS44LDAuOCwxOC4yLDIuMWM5LjcsMS45LDE5LjgsNC4xLDI4LjMsNi4ydi0yNC40CgkJCWMtNi40LTEuNy0xNS4zLTMuNy0yNC44LTUuNmMtNy42LTEuNC0xNi4xLTIuNy0yNC4yLTIuN2MtMjguNywwLTQxLjksMTAuNy01MC42LDI1LjRDMi45LDIxNi43LDAsMjM1LjMsMCwyNjAuNwoJCQlDMCwyODUsMy4xLDMwMi44LDEwLjEsMzE1YzguNSwxNC43LDIwLjksMjUuMiw1MC44LDI1LjJDNzguOSwzNDAuMiwxMDEsMzM3LjUsMTE1LjgsMzM1TDExNS44LDMzNXoiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTU5LjEsMzM2LjZ2LTU2LjhoMzYuNWwzMy40LDU2LjhoMjkuMWwtMzUuNy02MC41YzMuOS00LjEsMTAuMy0xMS40LDE1LjMtMTcuM2M4LjEtOS45LDEzLTE5LjYsMTMtMzMuNgoJCQljMC0xMy42LTUtMjYuMi0xMy44LTMzLjdjLTkuOS04LjUtMjEuNS0xMC41LTQwLjUtMTAuNWgtNjIuM3YxNTUuN0gxNTkuMUwxNTkuMSwzMzYuNnogTTE1OS4xLDI1NS45di01MWgzNC43CgkJCWMxMy4yLDAsMTkuOCwxLDI0LjQsNC4xYzUuNCwzLjcsNy4yLDkuMSw3LjIsMTYuM2MwLDguMy0zLjUsMTQuMi04LjEsMjBjLTIuNywzLjMtNi4yLDcuNC05LjEsMTAuNUgxNTkuMUwxNTkuMSwyNTUuOXoiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzI1LjksMTc3LjVjLTMwLjYsMC00NC44LDkuOS01NC41LDI2LjRjLTguMSwxMy42LTEwLjUsMzQuNS0xMC41LDU1LjNjMCwyNC4yLDMuNyw0NC40LDExLjgsNTcuNAoJCQljOS41LDE1LjMsMjIuOSwyMy41LDUzLjMsMjMuNWMyNi40LDAsNDAuNS03LjIsNTEuNC0yMy4xYzkuMy0xMy4yLDEzLjQtMzQuMywxMy40LTU3LjhjMC0yMi4zLTMuMy00NC40LTEzLjQtNTguOAoJCQlDMzY2LjYsMTg0LjksMzUyLjUsMTc3LjUsMzI1LjksMTc3LjVMMzI1LjksMTc3LjV6IE0zMjUuOSwyMDEuNGMxNCwwLDI1LDMuNSwzMS42LDE1LjFjNiwxMC4xLDcuOCwyNiw3LjgsNDIuNwoJCQljMCwxNy4zLTEuOSwzNC45LTkuOSw0NS4yYy03LjIsOS4zLTE3LjEsMTEuOC0yOS41LDExLjhjLTE0LDAtMjUuOC0yLjMtMzIuNi0xNGMtNS40LTkuNy03LTI2LjQtNy00Mi45YzAtMTYuNywxLjQtMzMsNi44LTQyLjcKCQkJQzI5OS45LDIwNC4xLDMxMS45LDIwMS40LDMyNS45LDIwMS40TDMyNS45LDIwMS40eiIvPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MDYuNywxODF2OTUuOGMwLDIyLjEsMi41LDM4LDEzLDQ5LjFjMTAuMywxMS40LDIzLjksMTQuMiw0NSwxNC4yYzE5LjgsMCwzMy43LTMuMyw0NC4yLTEzLjgKCQkJYzExLjEtMTEuMSwxMy42LTI2LjIsMTMuNi00OS41VjE4MWgtMjV2OTYuNGMwLDE2LjMtMSwyNi03LjgsMzIuNGMtNS44LDUuMi0xNC43LDYuNC0yNSw2LjRjLTEwLjUsMC0xOS42LTEuMi0yNS4yLTYuNgoJCQljLTYuOC02LjYtNy44LTE2LjMtNy44LTMyLjJWMTgxSDQwNi43TDQwNi43LDE4MXoiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTY1LjcsMzM2LjZ2LTU1LjdjMTYuMywwLDMwLjEsMCwzOC44LTAuNmMxNC41LTAuOCwyNi4yLTMuOSwzNC45LTEyLjhjOS4xLTkuNSwxMi42LTIyLjksMTIuNi0zNy44CgkJCWMwLTE0LjItMy45LTI3LjUtMTIuMi0zNi4xYy04LjctOC45LTE5LjgtMTIuNi0zNy0xMi42aC02Mi4xdjE1NS43SDU2NS43TDU2NS43LDMzNi42eiBNNTY1LjcsMjU3di01MmgzNC41CgkJCWM5LjksMCwxNS45LDEsMjAuMiw1LjRjNC4zLDQuMyw2LjIsMTAuOSw2LjIsMTkuNGMwLDguMy0xLDE0LjktNS4yLDE5LjRjLTQuMSw1LTEwLjEsNi42LTE5LjQsNy4yQzU5Mi41LDI1Nyw1NzkuNSwyNTcsNTY1LjcsMjU3CgkJCUw1NjUuNywyNTd6Ii8+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==);
  --ds-asset-logo-bmwgroup-default: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjMuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI2NTJweCIgaGVpZ2h0PSIzNDAuMnB4IiB2aWV3Qm94PSIwIDAgNjUyIDM0MC4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2NTIgMzQwLjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojNkY2RjZGO30KPC9zdHlsZT4KPGcgaWQ9IkJNV19Hcm91cF9OZXh0Ij4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01LDE1NS43aDY0YzIwLjQsMCwzMi44LTMuNSw0MS45LTExLjFjOS41LTcuNiwxNC0xOS42LDE0LTM0LjNjMC05LjctMi43LTE4LTYuNC0yMy4zCgkJCWMtMy43LTUtNy42LTguNS0xMi4yLTExLjhjMi4zLTMuNyw1LjQtOC43LDguMy0xMy42YzQuMy03LjgsNy0xNC43LDctMjQuNGMwLTEyLjYtNS42LTIzLjUtMTQuOS0yOS45Qzk4LjUsMS43LDg4LjIsMCw3Mi4zLDBINQoJCQlWMTU1LjdMNSwxNTUuN3ogTTI5LjksMTMyLjFWODguNGg0MC45YzkuNSwwLDE1LjMsMC44LDIwLDMuN2M2LjIsNC4zLDguNywxMC4xLDguNywxOC4yYzAsNy4yLTEuOSwxMi42LTYuNCwxNi4zCgkJCWMtNC41LDMuOS0xMS4xLDUuNi0yMy43LDUuNkgyOS45VjEzMi4xeiBNMjkuOSw2NC44VjIzLjVINzBjOS4xLDAsMTUuNSwwLjQsMTkuNiwyLjljNC43LDIuNyw2LjYsNyw2LjYsMTMuMmMwLDYtMi4xLDEwLjUtNSwxNS43CgkJCWMtMS45LDMuMS0zLjksNi42LTUuOCw5LjVIMjkuOUwyOS45LDY0Ljh6Ii8+CgkJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxNjcuMiwxNTUuNyAxNjcuMiwzNy40IDIwMy44LDEyNC43IDIyNi43LDEyNC43IDI2My4yLDM3LjQgMjYzLjIsMTU1LjcgMjg3LjgsMTU1LjcgMjg3LjgsMCAKCQkJMjU0LjgsMCAyMTUuNSw5My45IDE3Ni4xLDAgMTQyLjcsMCAxNDIuNywxNTUuNyAJCSIvPgoJCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMzYyLjcsMTU1LjcgMzg4LjUsNTguNCA0MTQuNCwxNTUuNyA0NDcuMiwxNTUuNyA0NzcuNywwIDQ1Mi41LDAgNDI4LjYsMTIzLjIgNDAyLDIzLjUgMzc1LjMsMjMuNSAKCQkJMzQ4LjcsMTIzLjIgMzI0LjgsMCAyOTkuMiwwIDMyOS43LDE1NS43IAkJIi8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTExNS44LDMzNXYtODEuOEg5MXY2MS4zYy01LjYsMC42LTE2LjMsMS45LTI2LjQsMS45Yy0xNy41LDAtMjcuNy00LjMtMzMuMi0xNS41Yy00LjUtOS4xLTYtMjIuNS02LTQwLjcKCQkJczEuNy0zMi4yLDYuMi00MS41YzUuOC0xMi4yLDE0LjctMTYuOSwzMi42LTE2LjljNS42LDAsMTEuOCwwLjgsMTguMiwyLjFjOS43LDEuOSwxOS44LDQuMSwyOC4zLDYuMnYtMjQuNAoJCQljLTYuNC0xLjctMTUuMy0zLjctMjQuOC01LjZjLTcuNi0xLjQtMTYuMS0yLjctMjQuMi0yLjdjLTI4LjcsMC00MS45LDEwLjctNTAuNiwyNS40QzIuOSwyMTYuNywwLDIzNS4zLDAsMjYwLjcKCQkJQzAsMjg1LDMuMSwzMDIuOCwxMC4xLDMxNWM4LjUsMTQuNywyMC45LDI1LjIsNTAuOCwyNS4yQzc4LjksMzQwLjIsMTAxLDMzNy41LDExNS44LDMzNUwxMTUuOCwzMzV6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE1OS4xLDMzNi42di01Ni44aDM2LjVsMzMuNCw1Ni44aDI5LjFsLTM1LjctNjAuNWMzLjktNC4xLDEwLjMtMTEuNCwxNS4zLTE3LjNjOC4xLTkuOSwxMy0xOS42LDEzLTMzLjYKCQkJYzAtMTMuNi01LTI2LjItMTMuOC0zMy43QzIyNywxODMsMjE1LjQsMTgxLDE5Ni40LDE4MWgtNjIuM3YxNTUuN2gyNVYzMzYuNnogTTE1OS4xLDI1NS45di01MWgzNC43YzEzLjIsMCwxOS44LDEsMjQuNCw0LjEKCQkJYzUuNCwzLjcsNy4yLDkuMSw3LjIsMTYuM2MwLDguMy0zLjUsMTQuMi04LjEsMjBjLTIuNywzLjMtNi4yLDcuNC05LjEsMTAuNUwxNTkuMSwyNTUuOUwxNTkuMSwyNTUuOXoiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzI1LjksMTc3LjVjLTMwLjYsMC00NC44LDkuOS01NC41LDI2LjRjLTguMSwxMy42LTEwLjUsMzQuNS0xMC41LDU1LjNjMCwyNC4yLDMuNyw0NC40LDExLjgsNTcuNAoJCQljOS41LDE1LjMsMjIuOSwyMy41LDUzLjMsMjMuNWMyNi40LDAsNDAuNS03LjIsNTEuNC0yMy4xYzkuMy0xMy4yLDEzLjQtMzQuMywxMy40LTU3LjhjMC0yMi4zLTMuMy00NC40LTEzLjQtNTguOAoJCQlDMzY2LjYsMTg0LjksMzUyLjUsMTc3LjUsMzI1LjksMTc3LjVMMzI1LjksMTc3LjV6IE0zMjUuOSwyMDEuNGMxNCwwLDI1LDMuNSwzMS42LDE1LjFjNiwxMC4xLDcuOCwyNiw3LjgsNDIuNwoJCQljMCwxNy4zLTEuOSwzNC45LTkuOSw0NS4yYy03LjIsOS4zLTE3LjEsMTEuOC0yOS41LDExLjhjLTE0LDAtMjUuOC0yLjMtMzIuNi0xNGMtNS40LTkuNy03LTI2LjQtNy00Mi45YzAtMTYuNywxLjQtMzMsNi44LTQyLjcKCQkJQzI5OS45LDIwNC4xLDMxMS45LDIwMS40LDMyNS45LDIwMS40TDMyNS45LDIwMS40eiIvPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MDYuNywxODF2OTUuOGMwLDIyLjEsMi41LDM4LDEzLDQ5LjFjMTAuMywxMS40LDIzLjksMTQuMiw0NSwxNC4yYzE5LjgsMCwzMy43LTMuMyw0NC4yLTEzLjgKCQkJYzExLjEtMTEuMSwxMy42LTI2LjIsMTMuNi00OS41VjE4MWgtMjV2OTYuNGMwLDE2LjMtMSwyNi03LjgsMzIuNGMtNS44LDUuMi0xNC43LDYuNC0yNSw2LjRjLTEwLjUsMC0xOS42LTEuMi0yNS4yLTYuNgoJCQljLTYuOC02LjYtNy44LTE2LjMtNy44LTMyLjJWMTgxSDQwNi43TDQwNi43LDE4MXoiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTY1LjcsMzM2LjZ2LTU1LjdjMTYuMywwLDMwLjEsMCwzOC44LTAuNmMxNC41LTAuOCwyNi4yLTMuOSwzNC45LTEyLjhjOS4xLTkuNSwxMi42LTIyLjksMTIuNi0zNy44CgkJCWMwLTE0LjItMy45LTI3LjUtMTIuMi0zNi4xYy04LjctOC45LTE5LjgtMTIuNi0zNy0xMi42aC02Mi4xdjE1NS43aDI1VjMzNi42eiBNNTY1LjcsMjU3di01MmgzNC41YzkuOSwwLDE1LjksMSwyMC4yLDUuNAoJCQljNC4zLDQuMyw2LjIsMTAuOSw2LjIsMTkuNGMwLDguMy0xLDE0LjktNS4yLDE5LjRjLTQuMSw1LTEwLjEsNi42LTE5LjQsNy4yQzU5Mi41LDI1Nyw1NzkuNSwyNTcsNTY1LjcsMjU3TDU2NS43LDI1N3oiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K);
  --ds-asset-logo-bmwgroup-inverted: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjMuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI2NTJweCIgaGVpZ2h0PSIzNDAuMnB4IiB2aWV3Qm94PSIwIDAgNjUyIDM0MC4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2NTIgMzQwLjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGcgaWQ9IkJNV19Hcm91cF9OZXh0Ij4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01LDE1NS43aDY0YzIwLjQsMCwzMi44LTMuNSw0MS45LTExLjFjOS41LTcuNiwxNC0xOS42LDE0LTM0LjNjMC05LjctMi43LTE4LTYuNC0yMy4zCgkJCWMtMy43LTUtNy42LTguNS0xMi4yLTExLjhjMi4zLTMuNyw1LjQtOC43LDguMy0xMy42YzQuMy03LjgsNy0xNC43LDctMjQuNGMwLTEyLjYtNS42LTIzLjUtMTQuOS0yOS45Qzk4LjUsMS43LDg4LjIsMCw3Mi4zLDBINQoJCQlWMTU1LjdMNSwxNTUuN3ogTTI5LjksMTMyLjFWODguNGg0MC45YzkuNSwwLDE1LjMsMC44LDIwLDMuN2M2LjIsNC4zLDguNywxMC4xLDguNywxOC4yYzAsNy4yLTEuOSwxMi42LTYuNCwxNi4zCgkJCWMtNC41LDMuOS0xMS4xLDUuNi0yMy43LDUuNkgyOS45VjEzMi4xeiBNMjkuOSw2NC44VjIzLjVINzBjOS4xLDAsMTUuNSwwLjQsMTkuNiwyLjljNC43LDIuNyw2LjYsNyw2LjYsMTMuMmMwLDYtMi4xLDEwLjUtNSwxNS43CgkJCWMtMS45LDMuMS0zLjksNi42LTUuOCw5LjVIMjkuOUwyOS45LDY0Ljh6Ii8+CgkJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxNjcuMiwxNTUuNyAxNjcuMiwzNy40IDIwMy44LDEyNC43IDIyNi43LDEyNC43IDI2My4yLDM3LjQgMjYzLjIsMTU1LjcgMjg3LjgsMTU1LjcgMjg3LjgsMCAKCQkJMjU0LjgsMCAyMTUuNSw5My45IDE3Ni4xLDAgMTQyLjcsMCAxNDIuNywxNTUuNyAJCSIvPgoJCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMzYyLjcsMTU1LjcgMzg4LjUsNTguNCA0MTQuNCwxNTUuNyA0NDcuMiwxNTUuNyA0NzcuNywwIDQ1Mi41LDAgNDI4LjYsMTIzLjIgNDAyLDIzLjUgMzc1LjMsMjMuNSAKCQkJMzQ4LjcsMTIzLjIgMzI0LjgsMCAyOTkuMiwwIDMyOS43LDE1NS43IAkJIi8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTExNS44LDMzNXYtODEuOEg5MXY2MS4zYy01LjYsMC42LTE2LjMsMS45LTI2LjQsMS45Yy0xNy41LDAtMjcuNy00LjMtMzMuMi0xNS41Yy00LjUtOS4xLTYtMjIuNS02LTQwLjcKCQkJczEuNy0zMi4yLDYuMi00MS41YzUuOC0xMi4yLDE0LjctMTYuOSwzMi42LTE2LjljNS42LDAsMTEuOCwwLjgsMTguMiwyLjFjOS43LDEuOSwxOS44LDQuMSwyOC4zLDYuMnYtMjQuNAoJCQljLTYuNC0xLjctMTUuMy0zLjctMjQuOC01LjZjLTcuNi0xLjQtMTYuMS0yLjctMjQuMi0yLjdjLTI4LjcsMC00MS45LDEwLjctNTAuNiwyNS40QzIuOSwyMTYuNywwLDIzNS4zLDAsMjYwLjcKCQkJQzAsMjg1LDMuMSwzMDIuOCwxMC4xLDMxNWM4LjUsMTQuNywyMC45LDI1LjIsNTAuOCwyNS4yQzc4LjksMzQwLjIsMTAxLDMzNy41LDExNS44LDMzNUwxMTUuOCwzMzV6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE1OS4xLDMzNi42di01Ni44aDM2LjVsMzMuNCw1Ni44aDI5LjFsLTM1LjctNjAuNWMzLjktNC4xLDEwLjMtMTEuNCwxNS4zLTE3LjNjOC4xLTkuOSwxMy0xOS42LDEzLTMzLjYKCQkJYzAtMTMuNi01LTI2LjItMTMuOC0zMy43QzIyNywxODMsMjE1LjQsMTgxLDE5Ni40LDE4MWgtNjIuM3YxNTUuN2gyNVYzMzYuNnogTTE1OS4xLDI1NS45di01MWgzNC43YzEzLjIsMCwxOS44LDEsMjQuNCw0LjEKCQkJYzUuNCwzLjcsNy4yLDkuMSw3LjIsMTYuM2MwLDguMy0zLjUsMTQuMi04LjEsMjBjLTIuNywzLjMtNi4yLDcuNC05LjEsMTAuNUwxNTkuMSwyNTUuOUwxNTkuMSwyNTUuOXoiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzI1LjksMTc3LjVjLTMwLjYsMC00NC44LDkuOS01NC41LDI2LjRjLTguMSwxMy42LTEwLjUsMzQuNS0xMC41LDU1LjNjMCwyNC4yLDMuNyw0NC40LDExLjgsNTcuNAoJCQljOS41LDE1LjMsMjIuOSwyMy41LDUzLjMsMjMuNWMyNi40LDAsNDAuNS03LjIsNTEuNC0yMy4xYzkuMy0xMy4yLDEzLjQtMzQuMywxMy40LTU3LjhjMC0yMi4zLTMuMy00NC40LTEzLjQtNTguOAoJCQlDMzY2LjYsMTg0LjksMzUyLjUsMTc3LjUsMzI1LjksMTc3LjVMMzI1LjksMTc3LjV6IE0zMjUuOSwyMDEuNGMxNCwwLDI1LDMuNSwzMS42LDE1LjFjNiwxMC4xLDcuOCwyNiw3LjgsNDIuNwoJCQljMCwxNy4zLTEuOSwzNC45LTkuOSw0NS4yYy03LjIsOS4zLTE3LjEsMTEuOC0yOS41LDExLjhjLTE0LDAtMjUuOC0yLjMtMzIuNi0xNGMtNS40LTkuNy03LTI2LjQtNy00Mi45YzAtMTYuNywxLjQtMzMsNi44LTQyLjcKCQkJQzI5OS45LDIwNC4xLDMxMS45LDIwMS40LDMyNS45LDIwMS40TDMyNS45LDIwMS40eiIvPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MDYuNywxODF2OTUuOGMwLDIyLjEsMi41LDM4LDEzLDQ5LjFjMTAuMywxMS40LDIzLjksMTQuMiw0NSwxNC4yYzE5LjgsMCwzMy43LTMuMyw0NC4yLTEzLjgKCQkJYzExLjEtMTEuMSwxMy42LTI2LjIsMTMuNi00OS41VjE4MWgtMjV2OTYuNGMwLDE2LjMtMSwyNi03LjgsMzIuNGMtNS44LDUuMi0xNC43LDYuNC0yNSw2LjRjLTEwLjUsMC0xOS42LTEuMi0yNS4yLTYuNgoJCQljLTYuOC02LjYtNy44LTE2LjMtNy44LTMyLjJWMTgxSDQwNi43TDQwNi43LDE4MXoiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTY1LjcsMzM2LjZ2LTU1LjdjMTYuMywwLDMwLjEsMCwzOC44LTAuNmMxNC41LTAuOCwyNi4yLTMuOSwzNC45LTEyLjhjOS4xLTkuNSwxMi42LTIyLjksMTIuNi0zNy44CgkJCWMwLTE0LjItMy45LTI3LjUtMTIuMi0zNi4xYy04LjctOC45LTE5LjgtMTIuNi0zNy0xMi42aC02Mi4xdjE1NS43aDI1VjMzNi42eiBNNTY1LjcsMjU3di01MmgzNC41YzkuOSwwLDE1LjksMSwyMC4yLDUuNAoJCQljNC4zLDQuMyw2LjIsMTAuOSw2LjIsMTkuNGMwLDguMy0xLDE0LjktNS4yLDE5LjRjLTQuMSw1LTEwLjEsNi42LTE5LjQsNy4yQzU5Mi41LDI1Nyw1NzkuNSwyNTcsNTY1LjcsMjU3TDU2NS43LDI1N3oiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K);
  --ds-asset-logo-bmwgroup-mini-default: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjMuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjE3MDAuOHB4IiBoZWlnaHQ9IjM0MC4ycHgiIHZpZXdCb3g9IjAgMCAxNzAwLjggMzQwLjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE3MDAuOCAzNDAuMjsiCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzZGNkY2Rjt9Cjwvc3R5bGU+CjxnIGlkPSJNSU5JIj4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMzYxLDE5Ni44aC0xMC40di01My41aDE1LjZsMTMuNiw0Mi43bDEzLjUtNDIuN2gxNS42djUzLjVoLTEwLjh2LTM5LjZsLTEyLjUsMzkuNmgtMTEuN2wtMTIuOS0zOS45VjE5Ni44egoJCQkgTTE0MzIuMSwxOTYuOEgxNDIxdi01My41aDExLjFWMTk2Ljh6IE0xNDU0LjgsMTk2LjhoLTEwLjZ2LTUzLjVoMTMuMWwyMS4zLDM4Ljh2LTM4LjhoMTAuNnY1My41aC0xMy4xbC0yMS4zLTM4LjZWMTk2Ljh6CgkJCSBNMTUxMi40LDE5Ni44aC0xMS4xdi01My41aDExLjFWMTk2Ljh6IE0xNTkxLDIxNi41aC01MC43YzIuNy02LjMsNC44LTEyLjksNi40LTE5LjdoNjRsMTYuOS0xNi45aC03OC4zYzAuMy0zLjMsMC40LTYuNSwwLjQtOS45CgkJCWMwLTMuMy0wLjItNi42LTAuNC05LjloOThsMTYuOS0xNi45aC0xMTcuNWMtMS42LTYuOC0zLjctMTMuNC02LjQtMTkuN2gxNDMuNmwxNi45LTE2LjloLTE2OS41Yy0yMS0zMy01Ny45LTU0LjktOTkuOC01NC45CgkJCWMtNDEuOSwwLTc4LjgsMjEuOS05OS44LDU0LjloLTE2OS41bDE2LjksMTYuOWgxNDMuN2MtMi43LDYuMy00LjksMTIuOS02LjQsMTkuN2gtMTE3LjVsMTYuOSwxNi45aDk4Yy0wLjMsMy4zLTAuNCw2LjUtMC40LDkuOQoJCQljMCwzLjMsMC4yLDYuNiwwLjQsOS45aC03OC4zbDE2LjksMTYuOWg2NGMxLjYsNi44LDMuNywxMy40LDYuNCwxOS43SDEyNzJsMTYuOSwxNi45aDQyLjhjMjEsMzMsNTcuOSw1NC45LDk5LjgsNTQuOQoJCQljNDEuOSwwLDc4LjgtMjEuOSw5OS44LTU0LjloNDIuOEwxNTkxLDIxNi41eiBNMTQzMS41LDI3MS41Yy01NS45LDAtMTAxLjQtNDUuNS0xMDEuNC0xMDEuNGMwLTU1LjksNDUuNS0xMDEuNCwxMDEuNC0xMDEuNAoJCQljNTUuOSwwLDEwMS40LDQ1LjUsMTAxLjQsMTAxLjRDMTUzMi45LDIyNiwxNDg3LjQsMjcxLjUsMTQzMS41LDI3MS41Ii8+Cgk8L2c+CjwvZz4KPGcgaWQ9IkJNV19Hcm91cF9OZXh0Ij4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01LDE1NS43aDY0YzIwLjQsMCwzMi44LTMuNSw0MS45LTExLjFjOS41LTcuNiwxNC0xOS42LDE0LTM0LjNjMC05LjctMi43LTE4LTYuNC0yMy4zCgkJCWMtMy43LTUtNy42LTguNS0xMi4yLTExLjhjMi4zLTMuNyw1LjQtOC43LDguMy0xMy42YzQuMy03LjgsNy0xNC43LDctMjQuNGMwLTEyLjYtNS42LTIzLjUtMTQuOS0yOS45Qzk4LjUsMS43LDg4LjIsMCw3Mi4zLDBINQoJCQlWMTU1LjdMNSwxNTUuN3ogTTI5LjksMTMyLjFWODguNGg0MC45YzkuNSwwLDE1LjMsMC44LDIwLDMuN2M2LjIsNC4zLDguNywxMC4xLDguNywxOC4yYzAsNy4yLTEuOSwxMi42LTYuNCwxNi4zCgkJCWMtNC41LDMuOS0xMS4xLDUuNi0yMy43LDUuNkgyOS45TDI5LjksMTMyLjF6IE0yOS45LDY0LjhWMjMuNUg3MGM5LjEsMCwxNS41LDAuNCwxOS42LDIuOWM0LjcsMi43LDYuNiw3LDYuNiwxMy4yCgkJCWMwLDYtMi4xLDEwLjUtNSwxNS43Yy0xLjksMy4xLTMuOSw2LjYtNS44LDkuNUgyOS45TDI5LjksNjQuOHoiLz4KCQk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjE2Ny4yLDE1NS43IDE2Ny4yLDM3LjQgMjAzLjgsMTI0LjcgMjI2LjcsMTI0LjcgMjYzLjIsMzcuNCAyNjMuMiwxNTUuNyAyODcuOCwxNTUuNyAyODcuOCwwIAoJCQkyNTQuOCwwIDIxNS41LDkzLjkgMTc2LjEsMCAxNDIuNywwIDE0Mi43LDE1NS43IDE2Ny4yLDE1NS43IAkJIi8+CgkJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIzNjIuNywxNTUuNyAzODguNSw1OC40IDQxNC40LDE1NS43IDQ0Ny4yLDE1NS43IDQ3Ny43LDAgNDUyLjUsMCA0MjguNiwxMjMuMiA0MDIsMjMuNSAzNzUuMywyMy41IAoJCQkzNDguNywxMjMuMiAzMjQuOCwwIDI5OS4yLDAgMzI5LjcsMTU1LjcgMzYyLjcsMTU1LjcgCQkiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTE1LjgsMzM1di04MS44SDkxdjYxLjNjLTUuNiwwLjYtMTYuMywxLjktMjYuNCwxLjljLTE3LjUsMC0yNy43LTQuMy0zMy4yLTE1LjVjLTQuNS05LjEtNi0yMi41LTYtNDAuNwoJCQljMC0xOC4yLDEuNy0zMi4yLDYuMi00MS41YzUuOC0xMi4yLDE0LjctMTYuOSwzMi42LTE2LjljNS42LDAsMTEuOCwwLjgsMTguMiwyLjFjOS43LDEuOSwxOS44LDQuMSwyOC4zLDYuMnYtMjQuNAoJCQljLTYuNC0xLjctMTUuMy0zLjctMjQuOC01LjZjLTcuNi0xLjQtMTYuMS0yLjctMjQuMi0yLjdjLTI4LjcsMC00MS45LDEwLjctNTAuNiwyNS40QzIuOSwyMTYuNywwLDIzNS4zLDAsMjYwLjcKCQkJQzAsMjg1LDMuMSwzMDIuOCwxMC4xLDMxNWM4LjUsMTQuNywyMC45LDI1LjIsNTAuOCwyNS4yQzc4LjksMzQwLjIsMTAxLDMzNy41LDExNS44LDMzNUwxMTUuOCwzMzV6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE1OS4xLDMzNi42di01Ni44aDM2LjVsMzMuNCw1Ni44aDI5LjFsLTM1LjctNjAuNWMzLjktNC4xLDEwLjMtMTEuNCwxNS4zLTE3LjNjOC4xLTkuOSwxMy0xOS42LDEzLTMzLjYKCQkJYzAtMTMuNi01LTI2LjItMTMuOC0zMy43Yy05LjktOC41LTIxLjUtMTAuNS00MC41LTEwLjVoLTYyLjN2MTU1LjdIMTU5LjFMMTU5LjEsMzM2LjZ6IE0xNTkuMSwyNTUuOXYtNTFoMzQuNwoJCQljMTMuMiwwLDE5LjgsMSwyNC40LDQuMWM1LjQsMy43LDcuMiw5LjEsNy4yLDE2LjNjMCw4LjMtMy41LDE0LjItOC4xLDIwYy0yLjcsMy4zLTYuMiw3LjQtOS4xLDEwLjVIMTU5LjFMMTU5LjEsMjU1Ljl6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTMyNS45LDE3Ny41Yy0zMC42LDAtNDQuOCw5LjktNTQuNSwyNi40Yy04LjEsMTMuNi0xMC41LDM0LjUtMTAuNSw1NS4zYzAsMjQuMiwzLjcsNDQuNCwxMS44LDU3LjQKCQkJYzkuNSwxNS4zLDIyLjksMjMuNSw1My4zLDIzLjVjMjYuNCwwLDQwLjUtNy4yLDUxLjQtMjMuMWM5LjMtMTMuMiwxMy40LTM0LjMsMTMuNC01Ny44YzAtMjIuMy0zLjMtNDQuNC0xMy40LTU4LjgKCQkJQzM2Ni42LDE4NC45LDM1Mi41LDE3Ny41LDMyNS45LDE3Ny41TDMyNS45LDE3Ny41eiBNMzI1LjksMjAxLjRjMTQsMCwyNSwzLjUsMzEuNiwxNS4xYzYsMTAuMSw3LjgsMjYsNy44LDQyLjcKCQkJYzAsMTcuMy0xLjksMzQuOS05LjksNDUuMmMtNy4yLDkuMy0xNy4xLDExLjgtMjkuNSwxMS44Yy0xNCwwLTI1LjgtMi4zLTMyLjYtMTRjLTUuNC05LjctNy0yNi40LTctNDIuOWMwLTE2LjcsMS40LTMzLDYuOC00Mi43CgkJCUMyOTkuOSwyMDQuMSwzMTEuOSwyMDEuNCwzMjUuOSwyMDEuNEwzMjUuOSwyMDEuNHoiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDA2LjcsMTgxdjk1LjhjMCwyMi4xLDIuNSwzOCwxMyw0OS4xYzEwLjMsMTEuNCwyMy45LDE0LjIsNDUsMTQuMmMxOS44LDAsMzMuNy0zLjMsNDQuMi0xMy44CgkJCWMxMS4xLTExLjEsMTMuNi0yNi4yLDEzLjYtNDkuNVYxODFoLTI1djk2LjRjMCwxNi4zLTEsMjYtNy44LDMyLjRjLTUuOCw1LjItMTQuNyw2LjQtMjUsNi40Yy0xMC41LDAtMTkuNi0xLjItMjUuMi02LjYKCQkJYy02LjgtNi42LTcuOC0xNi4zLTcuOC0zMi4yVjE4MUg0MDYuN0w0MDYuNywxODF6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTU2NS43LDMzNi42di01NS43YzE2LjMsMCwzMC4xLDAsMzguOC0wLjZjMTQuNS0wLjgsMjYuMi0zLjksMzQuOS0xMi44YzkuMS05LjUsMTIuNi0yMi45LDEyLjYtMzcuOAoJCQljMC0xNC4yLTMuOS0yNy41LTEyLjItMzYuMWMtOC43LTguOS0xOS44LTEyLjYtMzctMTIuNmgtNjIuMXYxNTUuN0g1NjUuN0w1NjUuNywzMzYuNnogTTU2NS43LDI1N3YtNTJoMzQuNQoJCQljOS45LDAsMTUuOSwxLDIwLjIsNS40YzQuMyw0LjMsNi4yLDEwLjksNi4yLDE5LjRjMCw4LjMtMSwxNC45LTUuMiwxOS40Yy00LjEsNS0xMC4xLDYuNi0xOS40LDcuMkM1OTIuNSwyNTcsNTc5LjUsMjU3LDU2NS43LDI1NwoJCQlMNTY1LjcsMjU3eiIvPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=);
  --ds-asset-logo-bmwgroup-mini-inverted: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjMuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjE3MDAuOHB4IiBoZWlnaHQ9IjM0MC4ycHgiIHZpZXdCb3g9IjAgMCAxNzAwLjggMzQwLjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE3MDAuOCAzNDAuMjsiCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxnIGlkPSJNSU5JIj4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMzYxLDE5Ni44aC0xMC40di01My41aDE1LjZsMTMuNiw0Mi43bDEzLjUtNDIuN2gxNS42djUzLjVoLTEwLjh2LTM5LjZsLTEyLjUsMzkuNmgtMTEuN2wtMTIuOS0zOS45VjE5Ni44egoJCQkgTTE0MzIuMSwxOTYuOEgxNDIxdi01My41aDExLjFWMTk2Ljh6IE0xNDU0LjgsMTk2LjhoLTEwLjZ2LTUzLjVoMTMuMWwyMS4zLDM4Ljh2LTM4LjhoMTAuNnY1My41aC0xMy4xbC0yMS4zLTM4LjZWMTk2Ljh6CgkJCSBNMTUxMi40LDE5Ni44aC0xMS4xdi01My41aDExLjFWMTk2Ljh6IE0xNTkxLDIxNi41aC01MC43YzIuNy02LjMsNC44LTEyLjksNi40LTE5LjdoNjRsMTYuOS0xNi45aC03OC4zYzAuMy0zLjMsMC40LTYuNSwwLjQtOS45CgkJCWMwLTMuMy0wLjItNi42LTAuNC05LjloOThsMTYuOS0xNi45aC0xMTcuNWMtMS42LTYuOC0zLjctMTMuNC02LjQtMTkuN2gxNDMuNmwxNi45LTE2LjloLTE2OS41Yy0yMS0zMy01Ny45LTU0LjktOTkuOC01NC45CgkJCWMtNDEuOSwwLTc4LjgsMjEuOS05OS44LDU0LjloLTE2OS41bDE2LjksMTYuOWgxNDMuN2MtMi43LDYuMy00LjksMTIuOS02LjQsMTkuN2gtMTE3LjVsMTYuOSwxNi45aDk4Yy0wLjMsMy4zLTAuNCw2LjUtMC40LDkuOQoJCQljMCwzLjMsMC4yLDYuNiwwLjQsOS45aC03OC4zbDE2LjksMTYuOWg2NGMxLjYsNi44LDMuNywxMy40LDYuNCwxOS43SDEyNzJsMTYuOSwxNi45aDQyLjhjMjEsMzMsNTcuOSw1NC45LDk5LjgsNTQuOQoJCQljNDEuOSwwLDc4LjgtMjEuOSw5OS44LTU0LjloNDIuOEwxNTkxLDIxNi41eiBNMTQzMS41LDI3MS41Yy01NS45LDAtMTAxLjQtNDUuNS0xMDEuNC0xMDEuNGMwLTU1LjksNDUuNS0xMDEuNCwxMDEuNC0xMDEuNAoJCQljNTUuOSwwLDEwMS40LDQ1LjUsMTAxLjQsMTAxLjRDMTUzMi45LDIyNiwxNDg3LjQsMjcxLjUsMTQzMS41LDI3MS41Ii8+Cgk8L2c+CjwvZz4KPGcgaWQ9IkJNV19Hcm91cF9OZXh0Ij4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01LDE1NS43aDY0YzIwLjQsMCwzMi44LTMuNSw0MS45LTExLjFjOS41LTcuNiwxNC0xOS42LDE0LTM0LjNjMC05LjctMi43LTE4LTYuNC0yMy4zCgkJCWMtMy43LTUtNy42LTguNS0xMi4yLTExLjhjMi4zLTMuNyw1LjQtOC43LDguMy0xMy42YzQuMy03LjgsNy0xNC43LDctMjQuNGMwLTEyLjYtNS42LTIzLjUtMTQuOS0yOS45Qzk4LjUsMS43LDg4LjIsMCw3Mi4zLDBINQoJCQlWMTU1LjdMNSwxNTUuN3ogTTI5LjksMTMyLjFWODguNGg0MC45YzkuNSwwLDE1LjMsMC44LDIwLDMuN2M2LjIsNC4zLDguNywxMC4xLDguNywxOC4yYzAsNy4yLTEuOSwxMi42LTYuNCwxNi4zCgkJCWMtNC41LDMuOS0xMS4xLDUuNi0yMy43LDUuNkgyOS45TDI5LjksMTMyLjF6IE0yOS45LDY0LjhWMjMuNUg3MGM5LjEsMCwxNS41LDAuNCwxOS42LDIuOWM0LjcsMi43LDYuNiw3LDYuNiwxMy4yCgkJCWMwLDYtMi4xLDEwLjUtNSwxNS43Yy0xLjksMy4xLTMuOSw2LjYtNS44LDkuNUgyOS45TDI5LjksNjQuOHoiLz4KCQk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjE2Ny4yLDE1NS43IDE2Ny4yLDM3LjQgMjAzLjgsMTI0LjcgMjI2LjcsMTI0LjcgMjYzLjIsMzcuNCAyNjMuMiwxNTUuNyAyODcuOCwxNTUuNyAyODcuOCwwIAoJCQkyNTQuOCwwIDIxNS41LDkzLjkgMTc2LjEsMCAxNDIuNywwIDE0Mi43LDE1NS43IDE2Ny4yLDE1NS43IAkJIi8+CgkJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIzNjIuNywxNTUuNyAzODguNSw1OC40IDQxNC40LDE1NS43IDQ0Ny4yLDE1NS43IDQ3Ny43LDAgNDUyLjUsMCA0MjguNiwxMjMuMiA0MDIsMjMuNSAzNzUuMywyMy41IAoJCQkzNDguNywxMjMuMiAzMjQuOCwwIDI5OS4yLDAgMzI5LjcsMTU1LjcgMzYyLjcsMTU1LjcgCQkiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTE1LjgsMzM1di04MS44SDkxdjYxLjNjLTUuNiwwLjYtMTYuMywxLjktMjYuNCwxLjljLTE3LjUsMC0yNy43LTQuMy0zMy4yLTE1LjVjLTQuNS05LjEtNi0yMi41LTYtNDAuNwoJCQljMC0xOC4yLDEuNy0zMi4yLDYuMi00MS41YzUuOC0xMi4yLDE0LjctMTYuOSwzMi42LTE2LjljNS42LDAsMTEuOCwwLjgsMTguMiwyLjFjOS43LDEuOSwxOS44LDQuMSwyOC4zLDYuMnYtMjQuNAoJCQljLTYuNC0xLjctMTUuMy0zLjctMjQuOC01LjZjLTcuNi0xLjQtMTYuMS0yLjctMjQuMi0yLjdjLTI4LjcsMC00MS45LDEwLjctNTAuNiwyNS40QzIuOSwyMTYuNywwLDIzNS4zLDAsMjYwLjcKCQkJQzAsMjg1LDMuMSwzMDIuOCwxMC4xLDMxNWM4LjUsMTQuNywyMC45LDI1LjIsNTAuOCwyNS4yQzc4LjksMzQwLjIsMTAxLDMzNy41LDExNS44LDMzNUwxMTUuOCwzMzV6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE1OS4xLDMzNi42di01Ni44aDM2LjVsMzMuNCw1Ni44aDI5LjFsLTM1LjctNjAuNWMzLjktNC4xLDEwLjMtMTEuNCwxNS4zLTE3LjNjOC4xLTkuOSwxMy0xOS42LDEzLTMzLjYKCQkJYzAtMTMuNi01LTI2LjItMTMuOC0zMy43Yy05LjktOC41LTIxLjUtMTAuNS00MC41LTEwLjVoLTYyLjN2MTU1LjdIMTU5LjFMMTU5LjEsMzM2LjZ6IE0xNTkuMSwyNTUuOXYtNTFoMzQuNwoJCQljMTMuMiwwLDE5LjgsMSwyNC40LDQuMWM1LjQsMy43LDcuMiw5LjEsNy4yLDE2LjNjMCw4LjMtMy41LDE0LjItOC4xLDIwYy0yLjcsMy4zLTYuMiw3LjQtOS4xLDEwLjVIMTU5LjFMMTU5LjEsMjU1Ljl6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTMyNS45LDE3Ny41Yy0zMC42LDAtNDQuOCw5LjktNTQuNSwyNi40Yy04LjEsMTMuNi0xMC41LDM0LjUtMTAuNSw1NS4zYzAsMjQuMiwzLjcsNDQuNCwxMS44LDU3LjQKCQkJYzkuNSwxNS4zLDIyLjksMjMuNSw1My4zLDIzLjVjMjYuNCwwLDQwLjUtNy4yLDUxLjQtMjMuMWM5LjMtMTMuMiwxMy40LTM0LjMsMTMuNC01Ny44YzAtMjIuMy0zLjMtNDQuNC0xMy40LTU4LjgKCQkJQzM2Ni42LDE4NC45LDM1Mi41LDE3Ny41LDMyNS45LDE3Ny41TDMyNS45LDE3Ny41eiBNMzI1LjksMjAxLjRjMTQsMCwyNSwzLjUsMzEuNiwxNS4xYzYsMTAuMSw3LjgsMjYsNy44LDQyLjcKCQkJYzAsMTcuMy0xLjksMzQuOS05LjksNDUuMmMtNy4yLDkuMy0xNy4xLDExLjgtMjkuNSwxMS44Yy0xNCwwLTI1LjgtMi4zLTMyLjYtMTRjLTUuNC05LjctNy0yNi40LTctNDIuOWMwLTE2LjcsMS40LTMzLDYuOC00Mi43CgkJCUMyOTkuOSwyMDQuMSwzMTEuOSwyMDEuNCwzMjUuOSwyMDEuNEwzMjUuOSwyMDEuNHoiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDA2LjcsMTgxdjk1LjhjMCwyMi4xLDIuNSwzOCwxMyw0OS4xYzEwLjMsMTEuNCwyMy45LDE0LjIsNDUsMTQuMmMxOS44LDAsMzMuNy0zLjMsNDQuMi0xMy44CgkJCWMxMS4xLTExLjEsMTMuNi0yNi4yLDEzLjYtNDkuNVYxODFoLTI1djk2LjRjMCwxNi4zLTEsMjYtNy44LDMyLjRjLTUuOCw1LjItMTQuNyw2LjQtMjUsNi40Yy0xMC41LDAtMTkuNi0xLjItMjUuMi02LjYKCQkJYy02LjgtNi42LTcuOC0xNi4zLTcuOC0zMi4yVjE4MUg0MDYuN0w0MDYuNywxODF6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTU2NS43LDMzNi42di01NS43YzE2LjMsMCwzMC4xLDAsMzguOC0wLjZjMTQuNS0wLjgsMjYuMi0zLjksMzQuOS0xMi44YzkuMS05LjUsMTIuNi0yMi45LDEyLjYtMzcuOAoJCQljMC0xNC4yLTMuOS0yNy41LTEyLjItMzYuMWMtOC43LTguOS0xOS44LTEyLjYtMzctMTIuNmgtNjIuMXYxNTUuN0g1NjUuN0w1NjUuNywzMzYuNnogTTU2NS43LDI1N3YtNTJoMzQuNQoJCQljOS45LDAsMTUuOSwxLDIwLjIsNS40YzQuMyw0LjMsNi4yLDEwLjksNi4yLDE5LjRjMCw4LjMtMSwxNC45LTUuMiwxOS40Yy00LjEsNS0xMC4xLDYuNi0xOS40LDcuMkM1OTIuNSwyNTcsNTc5LjUsMjU3LDU2NS43LDI1NwoJCQlMNTY1LjcsMjU3eiIvPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=);
  --ds-typography-weight-medium: var(--ds-typography-weight-500);
  --ds-typography-weight-regular: var(--ds-typography-weight-400);
  --ds-typography-weight-strong: var(--ds-typography-weight-600);
  --ds-typography-weight-title-lg: var(--ds-typography-weight-500);
  --ds-typography-weight-title-md: var(--ds-typography-weight-600);
  --ds-typography-weight-title-sm: var(--ds-typography-weight-600);
  --ds-typography-weight-title-xl: var(--ds-typography-weight-500);
  --ds-typography-weight-title-xs: var(--ds-typography-weight-600);
  --ds-typography-transform-capitalize: var(--ds-typography-transform-capitalize1);
  --ds-typography-transform-lowercase: var(--ds-typography-transform-lowercase1);
  --ds-typography-transform-uppercase: var(--ds-typography-transform-uppercase1);
  --ds-typography-size-label: var(--ds-typography-size-03);
  --ds-typography-size-paragraph: var(--ds-typography-size-05);
  --ds-typography-size-regular: var(--ds-typography-size-04);
  --ds-typography-size-smallprint: var(--ds-typography-size-01);
  --ds-typography-size-title-lg: var(--ds-typography-size-08);
  --ds-typography-size-title-md: var(--ds-typography-size-05);
  --ds-typography-size-title-sm: var(--ds-typography-size-03);
  --ds-typography-size-title-xl: var(--ds-typography-size-10);
  --ds-typography-size-title-xs: var(--ds-typography-size-01);
  --ds-typography-line-height-label: var(--ds-space-4x);
  --ds-typography-line-height-lg: var(--ds-space-6x);
  --ds-typography-line-height-md: var(--ds-space-5x);
  --ds-typography-line-height-paragraph: var(--ds-space-6x);
  --ds-typography-line-height-regular: var(--ds-space-5x);
  --ds-typography-line-height-sm: var(--ds-space-4x);
  --ds-typography-line-height-smallprint: var(--ds-space-3x);
  --ds-typography-line-height-title-lg: var(--ds-space-7x);
  --ds-typography-line-height-title-md: var(--ds-space-6x);
  --ds-typography-line-height-title-sm: var(--ds-space-4x);
  --ds-typography-line-height-title-xl: var(--ds-space-9x);
  --ds-typography-line-height-title-xs: var(--ds-space-3x);
  --ds-typography-line-height-xl: var(--ds-space-9x);
  --ds-typography-line-height-xs: var(--ds-space-3x);
  --ds-typography-family-base: var(--ds-typography-family-system);
  --ds-typography-family-code: var(--ds-typography-family-mono);
  --ds-typography-family-label: var(--ds-typography-family-system);
  --ds-typography-family-paragraph: var(--ds-typography-family-system);
  --ds-typography-family-regular: var(--ds-typography-family-system);
  --ds-typography-family-smallprint: var(--ds-typography-family-system);
  --ds-typography-family-title: var(--ds-typography-family-brand);
  --ds-typography-family-title-lg: var(--ds-typography-family-title);
  --ds-typography-family-title-md: var(--ds-typography-family-system);
  --ds-typography-family-title-sm: var(--ds-typography-family-system);
  --ds-typography-family-title-xl: var(--ds-typography-family-title);
  --ds-typography-family-title-xs: var(--ds-typography-family-system);
  --ds-shape-line-accent-bar: var(--ds-shape-line-4);
  --ds-shape-line-divider: var(--ds-shape-line-1);
  --ds-shape-line-signal-bar: var(--ds-shape-line-2);
  --ds-shape-radius-base: var(--ds-shape-radius-2);
  --ds-shape-radius-circle: var(--ds-shape-radius-9999);
  --ds-motion-delay-quick: var(--ds-motion-delay-1);
  --ds-motion-delay-rapid: var(--ds-motion-delay-0);
  --ds-motion-delay-slow: var(--ds-motion-delay-3);
  --ds-motion-delay-standard: var(--ds-motion-delay-2);
  --ds-motion-duration-quick: var(--ds-motion-duration-1);
  --ds-motion-duration-rapid: var(--ds-motion-duration-0);
  --ds-motion-duration-slow: var(--ds-motion-duration-3);
  --ds-motion-duration-standard: var(--ds-motion-duration-2);
  --ds-motion-timing-entrance: var(--ds-motion-timing-0);
  --ds-motion-timing-exit: var(--ds-motion-timing-1);
  --ds-motion-timing-standard: var(--ds-motion-timing-2);
  --ds-icon-family-base: var(--ds-icon-family-brand);
  --ds-icon-size-large: var(--ds-space-6x);
  --ds-icon-size-medium: var(--ds-space-5x);
  --ds-icon-size-small: var(--ds-space-4x);
  --ds-icon-size-xsmall: var(--ds-space-3x);
  --ds-elevation-base: var(--ds-elevation-1);
  --ds-elevation-component: var(--ds-elevation-2);
  --ds-elevation-modal: var(--ds-elevation-8);
  --ds-elevation-navigation: var(--ds-elevation-5);
  --ds-elevation-none: var(--ds-elevation-0);
  --ds-elevation-notification: var(--ds-elevation-6);
  --ds-elevation-temporary: var(--ds-elevation-4);
  --ds-elevation-vertical-scroll: 0px 1px 0px 0px rgba(0,0,0, 4%), 0px 3px 0px 0px rgba(0,0,0, 5%);
  --ds-color-typography-action: var(--ds-color-ocean-600);
  --ds-color-typography-action-active: var(--ds-color-ocean-700);
  --ds-color-typography-action-hover: var(--ds-color-ocean-700);
  --ds-color-typography-base: var(--ds-color-cool-grey-800);
  --ds-color-typography-caution: var(--ds-color-yellow-600);
  --ds-color-typography-critical: var(--ds-color-red-600);
  --ds-color-typography-disabled: var(--ds-color-cool-grey-900-alpha-30);
  --ds-color-typography-info: var(--ds-color-blue-600);
  --ds-color-typography-invert: var(--ds-color-white);
  --ds-color-typography-neutral: var(--ds-color-cool-grey-600);
  --ds-color-typography-placeholder: var(--ds-color-cool-grey-400);
  --ds-color-typography-positive: var(--ds-color-green-600);
  --ds-color-surface-action: var(--ds-color-ocean-100);
  --ds-color-surface-action-active: var(--ds-color-ocean-200);
  --ds-color-surface-action-hover: var(--ds-color-ocean-200);
  --ds-color-surface-action-mild: var(--ds-color-ocean-200);
  --ds-color-surface-action-strong: var(--ds-color-ocean-600);
  --ds-color-surface-action-strong-active: var(--ds-color-ocean-700);
  --ds-color-surface-action-strong-hover: var(--ds-color-ocean-700);
  --ds-color-surface-backdrop: var(--ds-color-cool-grey-700-alpha-70);
  --ds-color-surface-base: var(--ds-color-white);
  --ds-color-surface-caution: var(--ds-color-yellow-100);
  --ds-color-surface-caution-hover: var(--ds-color-yellow-200);
  --ds-color-surface-caution-mild: var(--ds-color-yellow-200);
  --ds-color-surface-caution-strong: var(--ds-color-yellow-300);
  --ds-color-surface-critical: var(--ds-color-red-100);
  --ds-color-surface-critical-hover: var(--ds-color-red-200);
  --ds-color-surface-critical-mild: var(--ds-color-red-200);
  --ds-color-surface-critical-strong: var(--ds-color-red-600);
  --ds-color-surface-critical-strong-active: var(--ds-color-red-700);
  --ds-color-surface-critical-strong-hover: var(--ds-color-red-700);
  --ds-color-surface-disabled: var(--ds-color-grey-900-alpha-10);
  --ds-color-surface-info: var(--ds-color-blue-100);
  --ds-color-surface-info-hover: var(--ds-color-blue-200);
  --ds-color-surface-info-mild: var(--ds-color-blue-200);
  --ds-color-surface-info-strong: var(--ds-color-blue-600);
  --ds-color-surface-invert: var(--ds-color-cool-grey-900);
  --ds-color-surface-mark: var(--ds-color-yellow-300-alpha-30);
  --ds-color-surface-neutral: var(--ds-color-cool-grey-100);
  --ds-color-surface-neutral-hover: var(--ds-color-cool-grey-200);
  --ds-color-surface-neutral-medium: var(--ds-color-cool-grey-400);
  --ds-color-surface-neutral-mild: var(--ds-color-cool-grey-200);
  --ds-color-surface-neutral-strong: var(--ds-color-cool-grey-600);
  --ds-color-surface-neutral-translucent: var(--ds-color-grey-950-alpha-05);
  --ds-color-surface-nontypable-input: var(--ds-color-cool-grey-200-alpha-20);
  --ds-color-surface-overlay-blend: var(--ds-color-black-alpha-50);
  --ds-color-surface-overlay-hover: var(--ds-color-black-alpha-02);
  --ds-color-surface-page: var(--ds-color-grey-100);
  --ds-color-surface-positive: var(--ds-color-green-100);
  --ds-color-surface-positive-hover: var(--ds-color-green-200);
  --ds-color-surface-positive-mild: var(--ds-color-green-200);
  --ds-color-surface-positive-strong: var(--ds-color-green-600);
  --ds-color-surface-transparent: var(--ds-color-white-alpha-00);
  --ds-color-outline-action: var(--ds-color-ocean-500-alpha-30);
  --ds-color-outline-critical: var(--ds-color-red-600-alpha-30);
  --ds-color-icon-action: var(--ds-color-ocean-600);
  --ds-color-icon-action-active: var(--ds-color-ocean-700);
  --ds-color-icon-action-hover: var(--ds-color-ocean-700);
  --ds-color-icon-base: var(--ds-color-cool-grey-800);
  --ds-color-icon-base-translucent: var(--ds-color-cool-grey-800-alpha-10);
  --ds-color-icon-base-translucent-hover: var(--ds-color-cool-grey-800-alpha-20);
  --ds-color-icon-caution: var(--ds-color-yellow-600);
  --ds-color-icon-critical: var(--ds-color-red-600);
  --ds-color-icon-disabled: var(--ds-color-cool-grey-900-alpha-30);
  --ds-color-icon-info: var(--ds-color-blue-600);
  --ds-color-icon-invert: var(--ds-color-white);
  --ds-color-icon-neutral: var(--ds-color-cool-grey-600);
  --ds-color-icon-neutral-mild: var(--ds-color-cool-grey-700);
  --ds-color-icon-positive: var(--ds-color-green-600);
  --ds-color-border-action: var(--ds-color-ocean-200);
  --ds-color-border-action-strong: var(--ds-color-ocean-700);
  --ds-color-border-action-strong-active: var(--ds-color-ocean-800);
  --ds-color-border-action-strong-focus: var(--ds-color-ocean-800);
  --ds-color-border-action-strong-hover: var(--ds-color-ocean-800);
  --ds-color-border-base: var(--ds-color-cool-grey-200);
  --ds-color-border-caution: var(--ds-color-yellow-200);
  --ds-color-border-critical: var(--ds-color-red-200);
  --ds-color-border-critical-strong: var(--ds-color-red-700);
  --ds-color-border-critical-strong-active: var(--ds-color-red-800);
  --ds-color-border-critical-strong-hover: var(--ds-color-red-800);
  --ds-color-border-disabled: var(--ds-color-grey-900-alpha-10);
  --ds-color-border-info: var(--ds-color-blue-200);
  --ds-color-border-invert: var(--ds-color-cool-grey-950);
  --ds-color-border-neutral: var(--ds-color-cool-grey-200);
  --ds-color-border-neutral-mild: var(--ds-color-cool-grey-300);
  --ds-color-border-positive: var(--ds-color-green-200);
  --ds-color-border-transparent: var(--ds-color-white-alpha-00);
  --ds-logo-bmwgroup: var(--ds-asset-logo-bmwgroup-default);
  --ds-logo-bmwgroup-bmw: var(--ds-asset-logo-bmwgroup-bmw-default);
  --ds-logo-bmwgroup-bmw-mini: var(--ds-asset-logo-bmwgroup-bmw-mini-default);
  --ds-logo-bmwgroup-bmw-mini-rr: var(--ds-asset-logo-bmwgroup-bmw-mini-rr-default);
  --ds-logo-bmwgroup-mini: var(--ds-asset-logo-bmwgroup-mini-default);
  --ds-icon-checkbox-checked: var(--ds-asset-icon-checkbox-checked-default);
  --ds-icon-checkbox-checked-disabled: var(--ds-asset-icon-checkbox-checked-disabled-default);
  --ds-icon-checkbox-checked-error: var(--ds-asset-icon-checkbox-checked-error-default);
  --ds-icon-checkbox-checked-readonly: var(--ds-asset-icon-checkbox-checked-readonly-default);
  --ds-icon-checkbox-indeterminate: var(--ds-asset-icon-checkbox-indeterminate-default);
  --ds-icon-checkbox-indeterminate-disabled: var(--ds-asset-icon-checkbox-indeterminate-disabled-default);
  --ds-icon-checkbox-indeterminate-error: var(--ds-asset-icon-checkbox-indeterminate-error-default);
  --ds-icon-checkbox-indeterminate-readonly: var(--ds-asset-icon-checkbox-indeterminate-readonly-default);
  --ds-icon-disclosure: var(--ds-asset-icon-disclosure-default);
  --ds-icon-disclosure-disabled: var(--ds-asset-icon-disclosure-disabled-default);
  --ds-icon-minus: var(--ds-asset-icon-minus-default);
  --ds-icon-minus-disabled: var(--ds-asset-icon-minus-disabled-default);
  --ds-icon-plus: var(--ds-asset-icon-plus-default);
  --ds-icon-plus-disabled: var(--ds-asset-icon-plus-disabled-default);
  --ds-color-typography-heading-lg: var(--ds-color-typography-base);
  --ds-color-typography-heading-md: var(--ds-color-typography-base);
  --ds-color-typography-heading-sm: var(--ds-color-typography-base);
  --ds-color-typography-heading-xl: var(--ds-color-typography-base);
  --ds-color-typography-heading-xs: var(--ds-color-typography-base);
  --ds-typography-family-heading-lg: var(--ds-typography-family-title);
  --ds-typography-family-heading-md: var(--ds-typography-family-system);
  --ds-typography-family-heading-sm: var(--ds-typography-family-system);
  --ds-typography-family-heading-xl: var(--ds-typography-family-title);
  --ds-typography-family-heading-xs: var(--ds-typography-family-system);
  --ds-typography-line-height-heading-lg: var(--ds-typography-line-height-title-lg);
  --ds-typography-line-height-heading-md: var(--ds-typography-line-height-title-md);
  --ds-typography-line-height-heading-sm: var(--ds-typography-line-height-title-sm);
  --ds-typography-line-height-heading-xl: var(--ds-typography-line-height-title-xl);
  --ds-typography-line-height-heading-xs: var(--ds-typography-line-height-title-xs);
  --ds-typography-size-heading-lg: var(--ds-typography-size-title-lg);
  --ds-typography-size-heading-md: var(--ds-typography-size-title-md);
  --ds-typography-size-heading-sm: var(--ds-typography-size-title-sm);
  --ds-typography-size-heading-xl: var(--ds-typography-size-title-xl);
  --ds-typography-size-heading-xs: var(--ds-typography-size-title-xs);
  --ds-typography-transform-heading-lg: var(--ds-typography-transform-uppercase);
  --ds-typography-transform-heading-md: var(--ds-typography-transform-uppercase);
  --ds-typography-transform-heading-sm: var(--ds-typography-transform-uppercase);
  --ds-typography-transform-heading-xl: var(--ds-typography-transform-uppercase);
  --ds-typography-transform-heading-xs: var(--ds-typography-transform-uppercase);
  --ds-typography-weight-heading-lg: var(--ds-typography-weight-title-lg);
  --ds-typography-weight-heading-md: var(--ds-typography-weight-title-md);
  --ds-typography-weight-heading-sm: var(--ds-typography-weight-title-sm);
  --ds-typography-weight-heading-xl: var(--ds-typography-weight-title-xl);
  --ds-typography-weight-heading-xs: var(--ds-typography-weight-title-xs);
  --ds-color-border-tooltip: var(--ds-color-border-transparent);
  --ds-color-surface-tooltip: var(--ds-color-surface-invert);
  --ds-color-text-tooltip: var(--ds-color-typography-invert);
  --ds-font-family-tooltip: var(--ds-typography-family-label);
  --ds-font-family-tooltip-title: var(--ds-typography-family-title-xs);
  --ds-font-line-height-tooltip: var(--ds-typography-line-height-label);
  --ds-font-line-height-tooltip-title: var(--ds-typography-line-height-title-xs);
  --ds-font-size-tooltip: var(--ds-typography-size-label);
  --ds-font-size-tooltip-title: var(--ds-typography-size-title-xs);
  --ds-font-weight-tooltip: var(--ds-typography-weight-regular);
  --ds-font-weight-tooltip-title: var(--ds-typography-weight-title-xs);
  --ds-shape-radius-tooltip: var(--ds-shape-radius-base);
  --ds-space-inset-tooltip: var(--ds-space-2x);
  --ds-color-border-toast-caution: var(--ds-color-border-caution);
  --ds-color-border-toast-critical: var(--ds-color-border-critical);
  --ds-color-border-toast-info: var(--ds-color-border-info);
  --ds-color-border-toast-neutral: var(--ds-color-border-neutral);
  --ds-color-border-toast-positive: var(--ds-color-border-positive);
  --ds-color-elements-toast-caution: var(--ds-color-surface-caution-strong);
  --ds-color-elements-toast-critical: var(--ds-color-surface-critical-strong);
  --ds-color-elements-toast-info: var(--ds-color-surface-info-strong);
  --ds-color-elements-toast-neutral: var(--ds-color-surface-neutral-strong);
  --ds-color-elements-toast-positive: var(--ds-color-surface-positive-strong);
  --ds-color-icon-toast-caution: var(--ds-color-icon-base);
  --ds-color-icon-toast-critical: var(--ds-color-icon-critical);
  --ds-color-icon-toast-info: var(--ds-color-icon-info);
  --ds-color-icon-toast-neutral: var(--ds-color-icon-neutral);
  --ds-color-icon-toast-positive: var(--ds-color-icon-positive);
  --ds-color-surface-toast-caution: var(--ds-color-surface-caution);
  --ds-color-surface-toast-critical: var(--ds-color-surface-critical);
  --ds-color-surface-toast-info: var(--ds-color-surface-info);
  --ds-color-surface-toast-neutral: var(--ds-color-surface-neutral);
  --ds-color-surface-toast-positive: var(--ds-color-surface-positive);
  --ds-color-text-toast: var(--ds-color-typography-base);
  --ds-elevation-toast: var(--ds-elevation-temporary);
  --ds-font-family-toast: var(--ds-typography-family-regular);
  --ds-font-family-toast-title: var(--ds-typography-family-regular);
  --ds-font-line-height-toast: var(--ds-typography-line-height-regular);
  --ds-font-line-height-toast-title: var(--ds-typography-line-height-regular);
  --ds-font-size-toast: var(--ds-typography-size-regular);
  --ds-font-size-toast-title: var(--ds-typography-size-regular);
  --ds-font-weight-toast: var(--ds-typography-weight-regular);
  --ds-font-weight-toast-title: var(--ds-typography-weight-strong);
  --ds-shape-radius-toast: var(--ds-shape-radius-base);
  --ds-shape-size-x-accent-bar: var(--ds-shape-line-accent-bar);
  --ds-space-inline-couple-toast: var(--ds-space-2x);
  --ds-space-inline-gap-toast: var(--ds-space-4x);
  --ds-space-inline-toast-area: var(--ds-space-6x);
  --ds-space-inset-toast: var(--ds-space-4x);
  --ds-space-stack-gap-toast: var(--ds-space-3x);
  --ds-space-stack-join-toast: var(--ds-space-1x);
  --ds-space-stack-toast-area: var(--ds-space-6x);
  --ds-color-border-tag: var(--ds-color-border-transparent);
  --ds-color-icon-tag: var(--ds-color-icon-base);
  --ds-color-icon-tag-disabled: var(--ds-color-icon-disabled);
  --ds-color-outline-tag: var(--ds-color-outline-action);
  --ds-color-surface-tag-brand: var(--ds-color-surface-action);
  --ds-color-surface-tag-brand-hover: var(--ds-color-surface-action-hover);
  --ds-color-surface-tag-caution: var(--ds-color-surface-caution);
  --ds-color-surface-tag-caution-hover: var(--ds-color-surface-caution-hover);
  --ds-color-surface-tag-critical: var(--ds-color-surface-critical);
  --ds-color-surface-tag-critical-hover: var(--ds-color-surface-critical-hover);
  --ds-color-surface-tag-disabled: var(--ds-color-surface-disabled);
  --ds-color-surface-tag-info: var(--ds-color-surface-info);
  --ds-color-surface-tag-info-hover: var(--ds-color-surface-info-hover);
  --ds-color-surface-tag-muted: var(--ds-color-surface-neutral);
  --ds-color-surface-tag-muted-hover: var(--ds-color-surface-neutral-hover);
  --ds-color-surface-tag-positive: var(--ds-color-surface-positive);
  --ds-color-surface-tag-positive-hover: var(--ds-color-surface-positive-hover);
  --ds-color-text-tag: var(--ds-color-typography-base);
  --ds-color-text-tag-disabled: var(--ds-color-typography-disabled);
  --ds-font-family-tag: var(--ds-typography-family-system);
  --ds-font-line-height-tag: var(--ds-typography-line-height-label);
  --ds-font-line-height-tag-large: var(--ds-typography-line-height-regular);
  --ds-font-size-tag: var(--ds-typography-size-label);
  --ds-font-size-tag-large: var(--ds-typography-size-regular);
  --ds-font-weight-tag: var(--ds-typography-weight-regular);
  --ds-icon-size-tag: 12px;
  --ds-icon-size-tag-large: 16px;
  --ds-shape-radius-tag: 2px;
  --ds-shape-size-y-tag: 20px;
  --ds-shape-size-y-tag-large: 24px;
  --ds-shape-size-y-tag-small: 16px;
  --ds-space-inline-couple-tag: 4px;
  --ds-space-inline-end-tag: 4px;
  --ds-space-inline-start-tag: 4px;
  --ds-text-transform-tag-small: uppercase;
  --ds-color-border-tab: var(--ds-color-border-transparent);
  --ds-color-border-tab-disabled: var(--ds-color-border-transparent);
  --ds-color-border-tab-divider: var(--ds-color-border-neutral);
  --ds-color-border-tab-selected: var(--ds-color-border-transparent);
  --ds-color-outline-tab: var(--ds-color-outline-action);
  --ds-color-surface-tab: var(--ds-color-surface-transparent);
  --ds-color-surface-tab-disabled: var(--ds-color-surface-transparent);
  --ds-color-surface-tab-dividers: var(--ds-color-surface-neutral-mild);
  --ds-color-surface-tab-hover: var(--ds-color-surface-action);
  --ds-color-surface-tab-selected: var(--ds-color-surface-transparent);
  --ds-color-surface-tab-selected-accent: var(--ds-color-surface-action-strong-active);
  --ds-color-surface-tab-selected-hover: var(--ds-color-surface-action);
  --ds-color-text-tab: var(--ds-color-typography-neutral);
  --ds-color-text-tab-selected: var(--ds-color-typography-action-active);
  --ds-font-family-tab: var(--ds-typography-family-system);
  --ds-font-line-height-tab: var(--ds-typography-line-height-regular);
  --ds-font-size-tab: var(--ds-typography-size-regular);
  --ds-font-weight-tab: var(--ds-typography-weight-medium);
  --ds-shape-radius-tab-accent-bar: 2px;
  --ds-shape-size-x-tab-divider: 1px;
  --ds-shape-size-y-tab-accent-bar: 4px;
  --ds-shape-size-y-tab-divider: 1px;
  --ds-space-inline-couple-tab: var(--ds-space-1x);
  --ds-space-inline-end-tab: var(--ds-space-3x);
  --ds-space-inline-gap-tab: var(--ds-space-2x);
  --ds-space-inline-start-tab: var(--ds-space-3x);
  --ds-color-border-table-cell: var(--ds-color-border-transparent);
  --ds-color-border-table-cell-even: var(--ds-color-border-transparent);
  --ds-color-border-table-cell-odd: var(--ds-color-border-transparent);
  --ds-color-border-table-header: var(--ds-color-border-transparent);
  --ds-color-border-table-header-hover: var(--ds-color-border-transparent);
  --ds-color-icon-table-header-sort-active: var(--ds-color-icon-action-active);
  --ds-color-icon-table-header-sort-non-active: var(--ds-color-icon-base-translucent);
  --ds-color-icon-table-header-sort-non-active-hover: var(--ds-color-icon-base-translucent-hover);
  --ds-color-outline-table: var(--ds-color-outline-action);
  --ds-color-surface-table-cell: var(--ds-color-surface-transparent);
  --ds-color-surface-table-cell-even: var(--ds-color-surface-page);
  --ds-color-surface-table-cell-hover: var(--ds-color-surface-neutral);
  --ds-color-surface-table-cell-odd: var(--ds-color-surface-base);
  --ds-color-surface-table-cell-selected: var(--ds-color-surface-action);
  --ds-color-surface-table-dividers: var(--ds-color-surface-neutral-mild);
  --ds-color-surface-table-header: var(--ds-color-surface-transparent);
  --ds-color-surface-table-header-hover: var(--ds-color-surface-neutral);
  --ds-elevation-table-header-fixed: var(--ds-elevation-vertical-scroll);
  --ds-font-weight-table-header: var(--ds-typography-weight-medium);
  --ds-icon-size-table-header: var(--ds-icon-size-large);
  --ds-shape-radius-table: var(--ds-shape-radius-base);
  --ds-shape-size-xmin-table-cell: 32px;
  --ds-shape-size-xmin-table-header: 32px;
  --ds-shape-size-ymin-table-cell: 32px;
  --ds-shape-size-ymin-table-header: 56px;
  --ds-shape-size-ymin-table-header-slim: 48px;
  --ds-space-inline-end-table-cell: var(--ds-space-2x);
  --ds-space-inline-end-table-header: var(--ds-space-2x);
  --ds-space-inline-join-table-header: var(--ds-space-1x);
  --ds-space-inline-start-table-cell: var(--ds-space-2x);
  --ds-space-inline-start-table-header: var(--ds-space-2x);
  --ds-color-border-stepper-item-caution-enabled: var(--ds-color-yellow-600);
  --ds-color-border-stepper-item-caution-enabled-hover: var(--ds-color-yellow-600);
  --ds-color-border-stepper-item-caution-readonly: var(--ds-color-surface-neutral-medium);
  --ds-color-border-stepper-item-caution-selected: var(--ds-color-border-transparent);
  --ds-color-border-stepper-item-critical-enabled: var(--ds-color-red-600);
  --ds-color-border-stepper-item-critical-enabled-hover: var(--ds-color-red-600);
  --ds-color-border-stepper-item-critical-readonly: var(--ds-color-surface-neutral-medium);
  --ds-color-border-stepper-item-critical-selected: var(--ds-color-border-transparent);
  --ds-color-border-stepper-item-disabled: var(--ds-color-border-transparent);
  --ds-color-border-stepper-item-info-enabled: var(--ds-color-blue-600);
  --ds-color-border-stepper-item-info-enabled-hover: var(--ds-color-blue-600);
  --ds-color-border-stepper-item-info-readonly: var(--ds-color-surface-neutral-medium);
  --ds-color-border-stepper-item-info-selected: var(--ds-color-border-transparent);
  --ds-color-border-stepper-item-positive-enabled: var(--ds-color-green-600);
  --ds-color-border-stepper-item-positive-enabled-hover: var(--ds-color-green-600);
  --ds-color-border-stepper-item-positive-readonly: var(--ds-color-surface-neutral-medium);
  --ds-color-border-stepper-item-positive-selected: var(--ds-color-border-transparent);
  --ds-color-border-stepper-item-primary-enabled: var(--ds-color-ocean-600);
  --ds-color-border-stepper-item-primary-enabled-hover: var(--ds-color-ocean-600);
  --ds-color-border-stepper-item-primary-readonly: var(--ds-color-surface-neutral-medium);
  --ds-color-border-stepper-item-primary-selected: var(--ds-color-border-transparent);
  --ds-color-outline-stepper-item: var(--ds-color-white-alpha-00);
  --ds-color-surface-stepper-item-caution-enabled: var(--ds-color-surface-caution);
  --ds-color-surface-stepper-item-caution-enabled-hover: var(--ds-color-surface-caution-hover);
  --ds-color-surface-stepper-item-caution-readonly: var(--ds-color-surface-transparent);
  --ds-color-surface-stepper-item-caution-selected: var(--ds-color-surface-caution-strong);
  --ds-color-surface-stepper-item-critical-enabled: var(--ds-color-surface-critical);
  --ds-color-surface-stepper-item-critical-enabled-hover: var(--ds-color-surface-critical-hover);
  --ds-color-surface-stepper-item-critical-readonly: var(--ds-color-surface-transparent);
  --ds-color-surface-stepper-item-critical-selected: var(--ds-color-surface-critical-strong);
  --ds-color-surface-stepper-item-disabled: var(--ds-color-surface-disabled);
  --ds-color-surface-stepper-item-info-enabled: var(--ds-color-surface-info);
  --ds-color-surface-stepper-item-info-enabled-hover: var(--ds-color-surface-info-hover);
  --ds-color-surface-stepper-item-info-readonly: var(--ds-color-surface-transparent);
  --ds-color-surface-stepper-item-info-selected: var(--ds-color-surface-info-strong);
  --ds-color-surface-stepper-item-positive-enabled: var(--ds-color-surface-positive);
  --ds-color-surface-stepper-item-positive-enabled-hover: var(--ds-color-surface-positive-hover);
  --ds-color-surface-stepper-item-positive-readonly: var(--ds-color-surface-transparent);
  --ds-color-surface-stepper-item-positive-selected: var(--ds-color-surface-positive-strong);
  --ds-color-surface-stepper-item-primary-enabled: var(--ds-color-surface-transparent);
  --ds-color-surface-stepper-item-primary-enabled-hover: var(--ds-color-surface-action-hover);
  --ds-color-surface-stepper-item-primary-readonly: var(--ds-color-surface-transparent);
  --ds-color-surface-stepper-item-primary-selected: var(--ds-color-surface-action-strong);
  --ds-color-surface-stepper-trail-false: var(--ds-color-surface-neutral-mild);
  --ds-color-surface-stepper-trail-none: var(--ds-color-surface-transparent);
  --ds-color-surface-stepper-trail-true: var(--ds-color-surface-action-strong);
  --ds-color-text-stepper-item-caution-enabled: var(--ds-color-typography-caution);
  --ds-color-text-stepper-item-caution-enabled-hover: var(--ds-color-typography-caution);
  --ds-color-text-stepper-item-caution-readonly: var(--ds-color-typography-caution);
  --ds-color-text-stepper-item-caution-selected: var(--ds-color-typography-base);
  --ds-color-text-stepper-item-critical-enabled: var(--ds-color-typography-critical);
  --ds-color-text-stepper-item-critical-enabled-hover: var(--ds-color-typography-critical);
  --ds-color-text-stepper-item-critical-readonly: var(--ds-color-typography-critical);
  --ds-color-text-stepper-item-critical-selected: var(--ds-color-typography-invert);
  --ds-color-text-stepper-item-disabled: var(--ds-color-typography-disabled);
  --ds-color-text-stepper-item-info-enabled: var(--ds-color-typography-info);
  --ds-color-text-stepper-item-info-enabled-hover: var(--ds-color-typography-info);
  --ds-color-text-stepper-item-info-readonly: var(--ds-color-typography-info);
  --ds-color-text-stepper-item-info-selected: var(--ds-color-typography-invert);
  --ds-color-text-stepper-item-positive-enabled: var(--ds-color-typography-positive);
  --ds-color-text-stepper-item-positive-enabled-hover: var(--ds-color-typography-positive);
  --ds-color-text-stepper-item-positive-readonly: var(--ds-color-typography-positive);
  --ds-color-text-stepper-item-positive-selected: var(--ds-color-typography-invert);
  --ds-color-text-stepper-item-primary-enabled: var(--ds-color-typography-action);
  --ds-color-text-stepper-item-primary-enabled-hover: var(--ds-color-typography-action-hover);
  --ds-color-text-stepper-item-primary-readonly: var(--ds-color-typography-base);
  --ds-color-text-stepper-item-primary-selected: var(--ds-color-typography-invert);
  --ds-shape-radius-stepper-item-ring: var(--ds-shape-radius-circle);
  --ds-shape-size-x-stepper-item-indicator-dot: var(--ds-space-5x);
  --ds-shape-size-x-stepper-item-indicator-icon: var(--ds-space-8x);
  --ds-shape-size-x-stepper-item-indicator-number: var(--ds-space-8x);
  --ds-shape-size-xmax-stepper-item-content: 280px;
  --ds-shape-size-xmin-stepper-item: 80px;
  --ds-shape-size-y-stepper-item-indicator-dot: var(--ds-space-5x);
  --ds-shape-size-y-stepper-item-indicator-icon: var(--ds-space-8x);
  --ds-shape-size-y-stepper-item-indicator-number: var(--ds-space-8x);
  --ds-shape-size-y-stepper-trail: var(--ds-space-05x);
  --ds-shape-stroke-thicck-stepper-item-ring: var(--ds-space-05x);
  --ds-space-inline-stepper-item-content: var(--ds-space-4x);
  --ds-space-inline-stepper-item-ring: var(--ds-space-1x);
  --ds-space-stack-stepper-item-content: var(--ds-space-2x);
  --ds-space-stack-stepper-item-description: var(--ds-space-1x);
  --ds-color-shimmer-1: var(--ds-color-shimmer-light-1);
  --ds-color-shimmer-2: var(--ds-color-shimmer-light-2);
  --ds-color-shimmer-3: var(--ds-color-shimmer-light-3);
  --ds-color-shimmer-dark-1: rgba(0, 0, 0, 0);
  --ds-color-shimmer-dark-2: rgba(0, 0, 0, 0.4);
  --ds-color-shimmer-dark-3: rgba(0, 0, 0, 0);
  --ds-color-shimmer-light-1: rgba(255, 255, 255, 0);
  --ds-color-shimmer-light-2: rgba(255, 255, 255, 0.6);
  --ds-color-shimmer-light-3: rgba(255, 255, 255, 0);
  --ds-color-surface-skeleton: var(--ds-color-surface-neutral-mild);
  --ds-color-surface-skeleton-shell: var(--ds-color-surface-transparent);
  --ds-size-diameter-skeleton-circle-10x: var(--ds-space-10x);
  --ds-size-diameter-skeleton-circle-3x: var(--ds-space-3x);
  --ds-size-diameter-skeleton-circle-4x: var(--ds-space-4x);
  --ds-size-diameter-skeleton-circle-5x: var(--ds-space-5x);
  --ds-size-diameter-skeleton-circle-6x: var(--ds-space-6x);
  --ds-size-diameter-skeleton-circle-8x: var(--ds-space-8x);
  --ds-size-diameter-skeleton-circle-custom: var(--ds-space-8x);
  --ds-size-x-min-skeleton-block-10x: var(--ds-space-10x);
  --ds-size-x-min-skeleton-block-3x: var(--ds-space-3x);
  --ds-size-x-min-skeleton-block-4x: var(--ds-space-4x);
  --ds-size-x-min-skeleton-block-5x: var(--ds-space-5x);
  --ds-size-x-min-skeleton-block-6x: var(--ds-space-6x);
  --ds-size-x-min-skeleton-block-8x: var(--ds-space-8x);
  --ds-size-x-min-skeleton-block-custom: var(--ds-space-3x);
  --ds-size-x-min-skeleton-circle: var(--ds-space-3x);
  --ds-size-x-min-skeleton-shell: var(--ds-space-3x);
  --ds-size-x-skeleton-shell: 100%;
  --ds-size-x-skeleton-text: 100%;
  --ds-size-y-min-skeleton-circle: var(--ds-space-3x);
  --ds-size-y-skeleton-block-10x: var(--ds-space-10x);
  --ds-size-y-skeleton-block-3x: var(--ds-space-3x);
  --ds-size-y-skeleton-block-4x: var(--ds-space-4x);
  --ds-size-y-skeleton-block-5x: var(--ds-space-5x);
  --ds-size-y-skeleton-block-6x: var(--ds-space-6x);
  --ds-size-y-skeleton-block-8x: var(--ds-space-8x);
  --ds-size-y-skeleton-block-custom: var(--ds-space-3x);
  --ds-size-y-skeleton-label: 9px;
  --ds-size-y-skeleton-paragraph: 13px;
  --ds-size-y-skeleton-regular: 11px;
  --ds-size-y-skeleton-shell-label: var(--ds-typography-line-height-label);
  --ds-size-y-skeleton-shell-paragraph: var(--ds-typography-line-height-paragraph);
  --ds-size-y-skeleton-shell-regular: var(--ds-typography-line-height-regular);
  --ds-size-y-skeleton-shell-smallprint: var(--ds-typography-line-height-smallprint);
  --ds-size-y-skeleton-shell-title-lg: var(--ds-typography-line-height-title-lg);
  --ds-size-y-skeleton-shell-title-md: var(--ds-typography-line-height-title-md);
  --ds-size-y-skeleton-shell-title-sm: var(--ds-typography-line-height-title-sm);
  --ds-size-y-skeleton-shell-title-xs: var(--ds-typography-line-height-title-xs);
  --ds-size-y-skeleton-smallprint: 7px;
  --ds-size-y-skeleton-title-lg: 19px;
  --ds-size-y-skeleton-title-md: 13px;
  --ds-size-y-skeleton-title-sm: 10px;
  --ds-size-y-skeleton-title-xs: 8px;
  --ds-shape-max-height-header-item: 40px;
  --ds-shape-max-width-header-label-wrapper-diff: 60px;
  --ds-shape-width-sidedrawer: 280px;
  --ds-color-border-segmented-control-container: var(--ds-color-border-transparent);
  --ds-color-border-segmented-control-item: var(--ds-color-border-transparent);
  --ds-color-border-segmented-control-item-checked: var(--ds-color-border-action);
  --ds-color-border-segmented-control-item-disabled: var(--ds-color-border-transparent);
  --ds-color-border-segmented-control-item-disabled-checked: var(--ds-color-border-transparent);
  --ds-color-border-segmented-control-item-hover: var(--ds-color-border-transparent);
  --ds-color-divider-segmented-control-item: var(--ds-color-surface-neutral-mild);
  --ds-color-icon-segmented-control-item: var(--ds-color-icon-base);
  --ds-color-icon-segmented-control-item-checked: var(--ds-color-icon-action-active);
  --ds-color-icon-segmented-control-item-disabled: var(--ds-color-icon-disabled);
  --ds-color-icon-segmented-control-item-disabled-checked: var(--ds-color-icon-base);
  --ds-color-icon-segmented-control-item-hover: var(--ds-color-icon-action-hover);
  --ds-color-outline-segmented-control-item: var(--ds-color-outline-action);
  --ds-color-surface-segmented-control-container: var(--ds-color-surface-neutral-translucent);
  --ds-color-surface-segmented-control-item: var(--ds-color-surface-transparent);
  --ds-color-surface-segmented-control-item-checked: var(--ds-color-surface-action);
  --ds-color-surface-segmented-control-item-disabled: var(--ds-color-surface-transparent);
  --ds-color-surface-segmented-control-item-disabled-checked: var(--ds-color-surface-action);
  --ds-color-surface-segmented-control-item-hover: var(--ds-color-surface-transparent);
  --ds-icon-size-segmented-control-item: var(--ds-icon-size-medium);
  --ds-icon-size-segmented-control-item-lg: var(--ds-icon-size-large);
  --ds-icon-size-segmented-control-item-sm: var(--ds-icon-size-small);
  --ds-shape-divider-segmented-control-item: var(--ds-shape-line-divider);
  --ds-shape-radius-segmented-control-container: var(--ds-shape-radius-base);
  --ds-shape-radius-segmented-control-item: var(--ds-shape-radius-base);
  --ds-shape-size-xmin-segmented-control-item: var(--ds-space-8x);
  --ds-shape-size-xmin-segmented-control-item-lg: var(--ds-space-10x);
  --ds-shape-size-xmin-segmented-control-item-sm: var(--ds-space-6x);
  --ds-shape-size-ymin-segmented-control-item: var(--ds-space-8x);
  --ds-shape-size-ymin-segmented-control-item-lg: var(--ds-space-10x);
  --ds-shape-size-ymin-segmented-control-item-sm: var(--ds-space-6x);
  --ds-space-inline-couple-segmented-control-item: 4px;
  --ds-space-inline-end-segmented-control-item: var(--ds-space-3x);
  --ds-space-inline-end-segmented-control-item-lg: var(--ds-space-3x);
  --ds-space-inline-end-segmented-control-item-sm: var(--ds-space-2x);
  --ds-space-inline-start-segmented-control-item: var(--ds-space-3x);
  --ds-space-inline-start-segmented-control-item-lg: var(--ds-space-3x);
  --ds-space-inline-start-segmented-control-item-sm: var(--ds-space-2x);
  --ds-color-surface-range-handle: var(--ds-color-surface-base);
  --ds-color-surface-range-handle-disabled: var(--ds-color-surface-disabled);
  --ds-color-surface-range-handle-hover: var(--ds-color-surface-action-hover);
  --ds-color-surface-range-handle-readonly: var(--ds-color-surface-neutral-strong);
  --ds-color-surface-range-tickmark: var(--ds-color-surface-neutral-medium);
  --ds-color-surface-range-tickmark-disabled: var(--ds-color-surface-disabled);
  --ds-color-surface-range-tickmark-readonly: var(--ds-color-surface-neutral-medium);
  --ds-color-surface-range-track: var(--ds-color-surface-neutral-medium);
  --ds-color-surface-range-track-disabled: var(--ds-color-surface-disabled);
  --ds-color-surface-range-track-readonly: var(--ds-color-surface-neutral-medium);
  --ds-color-surface-range-trackfill: var(--ds-color-surface-action-strong);
  --ds-color-surface-range-trackfill-disabled: var(--ds-color-surface-disabled);
  --ds-color-surface-range-trackfill-readonly: var(--ds-color-surface-neutral-strong);
  --ds-elevation-range-handle: var(--ds-elevation-base);
  --ds-shape-radius-range-handle: var(--ds-shape-radius-circle);
  --ds-shape-radius-range-handle-lg: var(--ds-shape-radius-circle);
  --ds-shape-radius-range-tickmark: var(--ds-shape-size-x-range-tickmark);
  --ds-shape-radius-range-track: var(--ds-shape-size-y-range-track);
  --ds-shape-radius-range-track-lg: var(--ds-shape-size-y-range-track-lg);
  --ds-shape-radius-range-trackfill: var(--ds-shape-radius-range-track);
  --ds-shape-radius-range-trackfill-lg: var(--ds-shape-radius-range-track-lg);
  --ds-shape-size-x-range-handle: var(--ds-space-3x);
  --ds-shape-size-x-range-handle-area: var(--ds-space-3x);
  --ds-shape-size-x-range-handle-area-lg: var(--ds-space-5x);
  --ds-shape-size-x-range-handle-lg: var(--ds-space-5x);
  --ds-shape-size-x-range-tickmark: var(--ds-shape-line-divider);
  --ds-shape-size-y-range: var(--ds-space-8x);
  --ds-shape-size-y-range-handle: var(--ds-space-3x);
  --ds-shape-size-y-range-handle-area: var(--ds-space-8x);
  --ds-shape-size-y-range-handle-area-lg: var(--ds-space-10x);
  --ds-shape-size-y-range-handle-lg: var(--ds-space-5x);
  --ds-shape-size-y-range-lg: var(--ds-space-10x);
  --ds-shape-size-y-range-tickmark: var(--ds-space-05x);
  --ds-shape-size-y-range-track: var(--ds-space-1x);
  --ds-shape-size-y-range-track-lg: var(--ds-space-2x);
  --ds-shape-size-y-range-trackfill: var(--ds-shape-size-y-range-track);
  --ds-shape-size-y-range-trackfill-lg: var(--ds-shape-size-y-range-track-lg);
  --ds-space-inline-join-range: var(--ds-space-1x);
  --ds-space-stack-join-range-tickmark: var(--ds-space-05x);
  --ds-space-stack-join-range-tickmark-lg: var(--ds-space-1x);
  --ds-space-stack-offset-range-tickmark: -1px;
  --ds-color-surface-progress-circle-fill: var(--ds-color-surface-action-strong);
  --ds-color-surface-progress-circle-track: var(--ds-color-surface-invert);
  --ds-shape-radius-progress-circle-fill: var(--ds-shape-size-y-progress-circle-fill);
  --ds-shape-radius-progress-circle-track: var(--ds-shape-size-y-progress-circle-track);
  --ds-shape-size-y-progress-circle-fill: var(--ds-space-05x);
  --ds-shape-size-y-progress-circle-track: var(--ds-space-05x);
  --ds-color-surface-progress-bar-fill: var(--ds-color-surface-action-strong);
  --ds-color-surface-progress-bar-track: var(--ds-color-surface-invert);
  --ds-shape-radius-progress-bar-fill: var(--ds-shape-size-y-progress-bar-fill);
  --ds-shape-radius-progress-bar-fill-lg: var(--ds-shape-size-y-progress-bar-fill-lg);
  --ds-shape-radius-progress-bar-fill-sm: var(--ds-shape-size-y-progress-bar-fill-sm);
  --ds-shape-radius-progress-bar-track: var(--ds-shape-size-y-progress-bar-track);
  --ds-shape-radius-progress-bar-track-lg: var(--ds-shape-size-y-progress-bar-track-lg);
  --ds-shape-radius-progress-bar-track-sm: var(--ds-shape-size-y-progress-bar-track-sm);
  --ds-shape-size-y-progress-bar-fill: var(--ds-space-1x);
  --ds-shape-size-y-progress-bar-fill-lg: var(--ds-space-2x);
  --ds-shape-size-y-progress-bar-fill-sm: var(--ds-space-05x);
  --ds-shape-size-y-progress-bar-track: var(--ds-space-1x);
  --ds-shape-size-y-progress-bar-track-lg: var(--ds-space-2x);
  --ds-shape-size-y-progress-bar-track-sm: var(--ds-space-05x);
  --ds-color-border-nav-item: var(--ds-color-border-transparent);
  --ds-color-border-nav-item-disabled: var(--ds-color-border-transparent);
  --ds-color-border-nav-item-selected: var(--ds-color-border-transparent);
  --ds-color-outline-nav-item: var(--ds-color-outline-action);
  --ds-color-surface-nav-divider: var(--ds-color-border-neutral);
  --ds-color-surface-nav-item: var(--ds-color-surface-transparent);
  --ds-color-surface-nav-item-disabled: var(--ds-color-surface-transparent);
  --ds-color-surface-nav-item-hover: var(--ds-color-surface-neutral);
  --ds-color-surface-nav-item-selected: var(--ds-color-surface-action);
  --ds-color-surface-nav-item-selected-bar: var(--ds-color-surface-action-strong-active);
  --ds-color-surface-nav-item-selected-hover: var(--ds-color-surface-action-hover);
  --ds-color-surface-nav-node-line: var(--ds-color-border-neutral);
  --ds-shape-radius-nav-item: var(--ds-shape-radius-base);
  --ds-shape-size-x-nav-item-bar: var(--ds-shape-line-signal-bar);
  --ds-shape-size-x-nav-node-line: var(--ds-shape-line-divider);
  --ds-shape-size-y-nav-divider: var(--ds-shape-line-divider);
  --ds-space-indent-nav-item: var(--ds-space-4x);
  --ds-space-indent-nav-item-label: var(--ds-space-3x);
  --ds-space-inline-couple-nav-item: var(--ds-space-2x);
  --ds-space-inline-end-nav-item: var(--ds-space-2x);
  --ds-space-inline-start-nav-item: var(--ds-space-2x);
  --ds-space-inline-start-nav-item-nested: var(--ds-space-6x);
  --ds-color-border-message-caution: var(--ds-color-border-caution);
  --ds-color-border-message-critical: var(--ds-color-border-critical);
  --ds-color-border-message-info: var(--ds-color-border-info);
  --ds-color-border-message-neutral: var(--ds-color-border-neutral);
  --ds-color-border-message-positive: var(--ds-color-border-positive);
  --ds-color-elements-message-caution: var(--ds-color-surface-caution-strong);
  --ds-color-elements-message-critical: var(--ds-color-surface-critical-strong);
  --ds-color-elements-message-info: var(--ds-color-surface-info-strong);
  --ds-color-elements-message-neutral: var(--ds-color-surface-neutral-strong);
  --ds-color-elements-message-positive: var(--ds-color-surface-positive-strong);
  --ds-color-icon-message-caution: var(--ds-color-icon-base);
  --ds-color-icon-message-critical: var(--ds-color-icon-critical);
  --ds-color-icon-message-info: var(--ds-color-icon-info);
  --ds-color-icon-message-neutral: var(--ds-color-icon-neutral);
  --ds-color-icon-message-positive: var(--ds-color-icon-positive);
  --ds-color-surface-message-caution: var(--ds-color-surface-caution);
  --ds-color-surface-message-critical: var(--ds-color-surface-critical);
  --ds-color-surface-message-info: var(--ds-color-surface-info);
  --ds-color-surface-message-neutral: var(--ds-color-surface-neutral);
  --ds-color-surface-message-positive: var(--ds-color-surface-positive);
  --ds-color-text-message: var(--ds-color-typography-base);
  --ds-font-family-message: var(--ds-typography-family-regular);
  --ds-font-family-message-title: var(--ds-typography-family-regular);
  --ds-font-line-height-message: var(--ds-typography-line-height-regular);
  --ds-font-line-height-message-title: var(--ds-typography-line-height-regular);
  --ds-font-size-message: var(--ds-typography-size-regular);
  --ds-font-size-message-title: var(--ds-typography-size-regular);
  --ds-font-weight-message: var(--ds-typography-weight-regular);
  --ds-font-weight-message-title: var(--ds-typography-weight-strong);
  --ds-shape-radius-message: var(--ds-shape-radius-base);
  --ds-space-inline-couple-message: var(--ds-space-2x);
  --ds-space-inline-gap-message: var(--ds-space-4x);
  --ds-space-inset-message-regular: var(--ds-space-4x);
  --ds-space-inset-message-slim: var(--ds-space-2x);
  --ds-space-stack-join-message: var(--ds-space-1x);
  --ds-space-inline-end-menu-bsheet-tlp: var(--ds-space-2x);
  --ds-space-inline-gap-menu-bsheet-tlp: var(--ds-space-5x);
  --ds-space-inline-start-menu-bsheet-tlp: var(--ds-space-2x);
  --ds-space-stack-end-menu-bsheet-tlp: var(--ds-space-2x);
  --ds-space-stack-start-menu-bsheet-tlp: var(--ds-space-3x);
  --ds-color-icon-loading-area-solid: var(--ds-color-surface-neutral-strong);
  --ds-color-icon-loading-area-translucent: var(--ds-color-white);
  --ds-color-surface-loading-area-solid: var(--ds-color-surface-base);
  --ds-color-surface-loading-area-translucent: var(--ds-color-surface-backdrop);
  --ds-shape-size-loading-area-icon: 60px;
  --ds-space-inset-loading-area: var(--ds-space-4x);
  --ds-space-stack-join-loading-area: var(--ds-space-2x);
  --ds-color-border-list-item: var(--ds-color-border-transparent);
  --ds-color-icon-list-item: var(--ds-color-icon-neutral);
  --ds-color-icon-list-item-active: var(--ds-color-icon-action-active);
  --ds-color-outline-list-item: var(--ds-color-outline-action);
  --ds-color-surface-list-item: var(--ds-color-surface-transparent);
  --ds-color-surface-list-item-disabled: var(--ds-color-surface-transparent);
  --ds-color-surface-list-item-hover: var(--ds-color-surface-neutral);
  --ds-color-surface-list-item-search: var(--ds-color-surface-neutral);
  --ds-color-surface-list-item-selected: var(--ds-color-surface-action);
  --ds-color-surface-list-item-selected-bar: var(--ds-color-surface-action-strong-active);
  --ds-color-surface-list-item-selected-hover: var(--ds-color-surface-action-hover);
  --ds-color-text-list-item: var(--ds-color-typography-base);
  --ds-color-text-list-item-active: var(--ds-color-typography-action-active);
  --ds-color-text-list-item-disabled: var(--ds-color-typography-disabled);
  --ds-font-family-list-item: var(--ds-typography-family-system);
  --ds-font-line-height-list-item: var(--ds-typography-line-height-label);
  --ds-font-line-height-list-item-large: var(--ds-typography-line-height-regular);
  --ds-font-size-list-item: var(--ds-typography-size-label);
  --ds-font-size-list-item-large: var(--ds-typography-size-regular);
  --ds-font-weight-list-item: var(--ds-typography-weight-regular);
  --ds-shape-radius-list-item: 2px;
  --ds-shape-size-x-checkboxarea-list-item-large: var(--ds-space-10x);
  --ds-shape-size-x-list-item-selected-bar: var(--ds-space-05x);
  --ds-shape-size-ymin-list-item: 32px;
  --ds-shape-size-ymin-list-item-large: 36px;
  --ds-space-inline-couple-list-item: var(--ds-space-2x);
  --ds-space-inline-end-list-item: var(--ds-space-2x);
  --ds-space-inline-indent-list-item: var(--ds-space-6x);
  --ds-space-inline-join-list-item: var(--ds-space-1x);
  --ds-space-inline-node-list-item: var(--ds-space-1x);
  --ds-space-inline-start-list-item: var(--ds-space-2x);
  --ds-space-stack-end-list-item: var(--ds-space-0x);
  --ds-space-stack-end-list-item-large: 10px;
  --ds-space-stack-start-list-item: var(--ds-space-0x);
  --ds-space-stack-start-list-item-large: 10px;
  --ds-color-text-hint-caution: var(--ds-color-typography-caution);
  --ds-color-text-hint-critical: var(--ds-color-typography-critical);
  --ds-color-text-hint-info: var(--ds-color-typography-info);
  --ds-color-text-hint-neutral: var(--ds-color-typography-neutral);
  --ds-color-text-hint-positive: var(--ds-color-typography-positive);
  --ds-font-family-hint: var(--ds-typography-family-regular);
  --ds-font-line-height-hint-label: var(--ds-typography-line-height-label);
  --ds-font-line-height-hint-paragraph: var(--ds-typography-line-height-paragraph);
  --ds-font-line-height-hint-regular: var(--ds-typography-line-height-regular);
  --ds-font-line-height-hint-smallprint: var(--ds-typography-line-height-smallprint);
  --ds-font-size-hint-label: var(--ds-typography-size-label);
  --ds-font-size-hint-paragraph: var(--ds-typography-size-paragraph);
  --ds-font-size-hint-regular: var(--ds-typography-size-regular);
  --ds-font-size-hint-smallprint: var(--ds-typography-size-smallprint);
  --ds-font-weight-hint: var(--ds-typography-weight-regular);
  --ds-space-inline-couple-hint: var(--ds-space-1x);
  --ds-color-border-avatar-header: var(--ds-color-surface-neutral-strong);
  --ds-color-divider-header: var(--ds-color-surface-neutral-mild);
  --ds-color-surface-avatar-header: var(--ds-color-surface-neutral-strong);
  --ds-color-surface-header: var(--ds-color-surface-base);
  --ds-color-surface-sso-badge-header: var(--ds-color-surface-action-strong-active);
  --ds-shape-divider-header: var(--ds-shape-line-divider);
  --ds-shape-radius-avatar-header: var(--ds-shape-radius-circle);
  --ds-shape-radius-sso-badge-header: var(--ds-shape-radius-circle);
  --ds-shape-size-avatar-header: var(--ds-icon-size-medium);
  --ds-shape-size-y-header: var(--ds-space-10x);
  --ds-space-divider-header: var(--ds-space-4x);
  --ds-space-inline-content-header: var(--ds-space-4x);
  --ds-space-inline-couple-header: var(--ds-space-2x);
  --ds-space-inline-end-header: var(--ds-space-2x);
  --ds-space-inline-start-header: var(--ds-space-2x);
  --ds-color-border-input: var(--ds-color-border-neutral-mild);
  --ds-color-border-input-active: var(--ds-color-border-transparent);
  --ds-color-border-input-active-hover: var(--ds-color-border-action-strong-hover);
  --ds-color-border-input-block: var(--ds-color-border-neutral-mild);
  --ds-color-border-input-block-active: var(--ds-color-border-action);
  --ds-color-border-input-block-active-disabled: var(--ds-color-border-neutral-mild);
  --ds-color-border-input-block-active-error: var(--ds-color-border-critical);
  --ds-color-border-input-block-disabled: var(--ds-color-border-neutral-mild);
  --ds-color-border-input-block-error: var(--ds-color-border-critical);
  --ds-color-border-input-block-error-focus: var(--ds-color-border-critical-strong);
  --ds-color-border-input-block-focus: var(--ds-color-border-action-strong-focus);
  --ds-color-border-input-block-hover: var(--ds-color-border-action-strong-hover);
  --ds-color-border-input-block-readonly: var(--ds-color-border-neutral-mild);
  --ds-color-border-input-disabled: var(--ds-color-border-transparent);
  --ds-color-border-input-error: var(--ds-color-border-critical-strong);
  --ds-color-border-input-focus: var(--ds-color-border-action-strong);
  --ds-color-border-input-handle: var(--ds-color-border-transparent);
  --ds-color-border-input-handle-disabled: var(--ds-color-border-transparent);
  --ds-color-border-input-handle-readonly: var(--ds-color-border-transparent);
  --ds-color-border-input-hover: var(--ds-color-border-action-strong);
  --ds-color-border-input-readonly: var(--ds-color-border-transparent);
  --ds-color-border-input-track: var(--ds-color-border-transparent);
  --ds-color-border-input-track-active: var(--ds-color-border-transparent);
  --ds-color-border-input-track-active-hover: var(--ds-color-border-action-strong-hover);
  --ds-color-border-input-track-disabled: var(--ds-color-border-transparent);
  --ds-color-border-input-track-focus: var(--ds-color-border-action-strong);
  --ds-color-border-input-track-hover: var(--ds-color-border-action-strong);
  --ds-color-border-input-track-readonly: var(--ds-color-border-transparent);
  --ds-color-icon-input-active: var(--ds-color-icon-invert);
  --ds-color-icon-input-disabled: var(--ds-color-icon-disabled);
  --ds-color-icon-input-error: var(--ds-color-icon-critical);
  --ds-color-icon-input-readonly: var(--ds-color-icon-neutral);
  --ds-color-outline-input: var(--ds-color-outline-action);
  --ds-color-outline-input-active: var(--ds-color-outline-action);
  --ds-color-outline-input-block-error-focus: var(--ds-color-outline-critical);
  --ds-color-outline-input-block-focus: var(--ds-color-outline-action);
  --ds-color-outline-input-error: var(--ds-color-outline-critical);
  --ds-color-outline-input-track: var(--ds-color-outline-action);
  --ds-color-surface-input: var(--ds-color-surface-base);
  --ds-color-surface-input-active: var(--ds-color-surface-action-strong-active);
  --ds-color-surface-input-active-hover: var(--ds-color-surface-action-strong-active);
  --ds-color-surface-input-alt: var(--ds-color-surface-nontypable-input);
  --ds-color-surface-input-block: var(--ds-color-surface-nontypable-input);
  --ds-color-surface-input-block-active: var(--ds-color-surface-action);
  --ds-color-surface-input-block-active-disabled: var(--ds-color-surface-nontypable-input);
  --ds-color-surface-input-block-active-error: var(--ds-color-surface-critical);
  --ds-color-surface-input-block-disabled: var(--ds-color-surface-nontypable-input);
  --ds-color-surface-input-block-error: var(--ds-color-surface-critical);
  --ds-color-surface-input-block-error-focus: var(--ds-color-surface-critical);
  --ds-color-surface-input-block-hover: var(--ds-color-surface-action);
  --ds-color-surface-input-block-readonly: var(--ds-color-surface-nontypable-input);
  --ds-color-surface-input-disabled: var(--ds-color-surface-disabled);
  --ds-color-surface-input-error: var(--ds-color-surface-critical);
  --ds-color-surface-input-handle: var(--ds-color-surface-base);
  --ds-color-surface-input-handle-disabled: var(--ds-color-surface-disabled);
  --ds-color-surface-input-handle-readonly: var(--ds-color-surface-neutral-strong);
  --ds-color-surface-input-hover: var(--ds-color-surface-action);
  --ds-color-surface-input-readonly: var(--ds-color-surface-disabled);
  --ds-color-surface-input-track: var(--ds-color-surface-neutral-medium);
  --ds-color-surface-input-track-active: var(--ds-color-surface-action-strong-active);
  --ds-color-surface-input-track-active-hover: var(--ds-color-surface-action-strong-active);
  --ds-color-surface-input-track-disabled: var(--ds-color-surface-disabled);
  --ds-color-surface-input-track-hover: var(--ds-color-surface-action);
  --ds-color-surface-input-track-readonly: var(--ds-color-surface-disabled);
  --ds-color-text-input-disabled: var(--ds-color-typography-disabled);
  --ds-color-text-input-error: var(--ds-color-typography-critical);
  --ds-color-text-input-label: var(--ds-color-typography-neutral);
  --ds-color-text-input-label-active: var(--ds-color-typography-action-active);
  --ds-color-text-input-placeholder: var(--ds-color-typography-placeholder);
  --ds-color-text-input-readonly: var(--ds-color-typography-base);
  --ds-color-text-input-value: var(--ds-color-typography-base);
  --ds-color-text-input-value-prefix: var(--ds-color-typography-action-active);
  --ds-color-text-input-value-suffix: var(--ds-color-typography-action-active);
  --ds-font-family-input: var(--ds-typography-family-system);
  --ds-font-line-height-input: var(--ds-typography-line-height-label);
  --ds-font-line-height-input-large: var(--ds-typography-line-height-regular);
  --ds-font-size-input-label: var(--ds-typography-size-label);
  --ds-font-size-input-label-large: var(--ds-typography-size-regular);
  --ds-font-size-input-placeholder: var(--ds-typography-size-label);
  --ds-font-size-input-placeholder-large: var(--ds-typography-size-regular);
  --ds-font-style-input-placeholder: var(--ds-typography-style-italic);
  --ds-font-weight-input: var(--ds-typography-weight-regular);
  --ds-icon-size-input: 16px;
  --ds-icon-size-input-large: 20px;
  --ds-shape-radius-input: 2px;
  --ds-shape-radius-input-block: 2px;
  --ds-shape-radius-input-handle: 50%;
  --ds-shape-radius-input-track: var(--ds-shape-size-x-input-track);
  --ds-shape-radius-input-track-large: var(--ds-shape-size-x-input-track-large);
  --ds-shape-radius-radiobutton: 50%;
  --ds-shape-size-x-checkbox: 14px;
  --ds-shape-size-x-checkbox-large: 18px;
  --ds-shape-size-x-input-handle: 12px;
  --ds-shape-size-x-input-handle-large: 16px;
  --ds-shape-size-x-input-track: 28px;
  --ds-shape-size-x-input-track-large: 35px;
  --ds-shape-size-x-radiobutton: 16px;
  --ds-shape-size-x-radiobutton-large: 20px;
  --ds-shape-size-xmin-input: 72px;
  --ds-shape-size-y-checkbox: 14px;
  --ds-shape-size-y-checkbox-large: 18px;
  --ds-shape-size-y-input: 32px;
  --ds-shape-size-y-input-handle: 12px;
  --ds-shape-size-y-input-handle-large: 16px;
  --ds-shape-size-y-input-large: 40px;
  --ds-shape-size-y-input-track: 16px;
  --ds-shape-size-y-input-track-large: 20px;
  --ds-shape-size-y-radiobutton: 16px;
  --ds-shape-size-y-radiobutton-large: 20px;
  --ds-shape-size-ymin-textarea: 64px;
  --ds-shape-size-ymin-textarea-large: 80px;
  --ds-space-inline-couple-input: 4px;
  --ds-space-inline-couple-input-optionalflag: var(--ds-space-2x);
  --ds-space-inline-couple-input-requiredflag: var(--ds-space-1x);
  --ds-space-inline-end-input: 8px;
  --ds-space-inline-end-input-block: 8px;
  --ds-space-inline-end-input-block-large: 8px;
  --ds-space-inline-end-input-optionalflag: var(--ds-space-1x);
  --ds-space-inline-join-input: 4px;
  --ds-space-inline-start-input: 8px;
  --ds-space-inline-start-input-block: 8px;
  --ds-space-inline-start-input-block-large: 8px;
  --ds-space-inline-start-input-optionalflag: var(--ds-space-2x);
  --ds-space-inset-input-block: 8px;
  --ds-space-inset-input-block-large: 12px;
  --ds-space-inset-textarea: 8px;
  --ds-space-stack-end-input-block: 8px;
  --ds-space-stack-end-input-block-large: 10px;
  --ds-space-stack-start-input-block: 8px;
  --ds-space-stack-start-input-block-large: 10px;
  --ds-space-stack-start-input-optionalflag: var(--ds-space-05x);
  --ds-space-stack-start-input-optionalflag-large: var(--ds-space-1x);
  --ds-space-stack-start-input-requiredflag: var(--ds-space-05x);
  --ds-space-stack-start-input-requiredflag-large: var(--ds-space-1x);
  --ds-text-alignment-input-number: center;
  --ds-color-border-calendar-item: var(--ds-color-border-transparent);
  --ds-color-border-calendar-item-active: var(--ds-color-border-transparent);
  --ds-color-border-calendar-item-active-current: var(--ds-color-border-neutral-mild);
  --ds-color-border-calendar-item-current: var(--ds-color-border-neutral-mild);
  --ds-color-border-calendar-item-current-current: var(--ds-color-border-neutral-mild);
  --ds-color-border-calendar-item-disabled: var(--ds-color-border-transparent);
  --ds-color-border-calendar-item-hover: var(--ds-color-border-action-strong);
  --ds-color-border-calendar-week: var(--ds-color-border-transparent);
  --ds-color-border-calendar-week-active: var(--ds-color-border-transparent);
  --ds-color-border-calendar-week-hover: var(--ds-color-border-action-strong);
  --ds-color-border-calendar-weekday: var(--ds-color-border-transparent);
  --ds-color-border-calendar-weekday-disabled: var(--ds-color-border-transparent);
  --ds-color-surface-calendar-header: var(--ds-color-surface-transparent);
  --ds-color-surface-calendar-item: var(--ds-color-surface-transparent);
  --ds-color-surface-calendar-item-active: var(--ds-color-surface-action-strong);
  --ds-color-surface-calendar-item-active-current: var(--ds-color-surface-action-strong);
  --ds-color-surface-calendar-item-current: var(--ds-color-surface-neutral);
  --ds-color-surface-calendar-item-current-disabled: var(--ds-color-surface-neutral);
  --ds-color-surface-calendar-item-disabled: var(--ds-color-surface-transparent);
  --ds-color-surface-calendar-item-hover: var(--ds-color-surface-action);
  --ds-color-surface-calendar-item-inrange: var(--ds-color-surface-action);
  --ds-color-surface-calendar-week: var(--ds-color-surface-neutral);
  --ds-color-surface-calendar-week-active: var(--ds-color-surface-action-strong);
  --ds-color-surface-calendar-week-hover: var(--ds-color-surface-action);
  --ds-color-surface-calendar-weekday: var(--ds-color-surface-transparent);
  --ds-color-surface-calendar-weekday-disabled: var(--ds-color-surface-transparent);
  --ds-color-text-calendar: var(--ds-color-typography-base);
  --ds-color-text-calendar-active: var(--ds-color-typography-invert);
  --ds-color-text-calendar-disabled: var(--ds-color-typography-disabled);
  --ds-color-text-calendar-hover: var(--ds-color-typography-action-hover);
  --ds-color-text-calendar-inrange: var(--ds-color-typography-action-active);
  --ds-color-text-calendar-neutral: var(--ds-color-typography-neutral);
  --ds-font-family-calendar: var(--ds-typography-family-system);
  --ds-font-line-height-calendar-item: var(--ds-typography-line-height-regular);
  --ds-font-line-height-calendar-week: var(--ds-typography-line-height-label);
  --ds-font-line-height-calendar-weekday: var(--ds-typography-line-height-label);
  --ds-font-size-calendar-item: var(--ds-typography-size-regular);
  --ds-font-size-calendar-week: var(--ds-typography-size-label);
  --ds-font-size-calendar-weekday: var(--ds-typography-size-label);
  --ds-font-weight-calendar-item-active: var(--ds-typography-weight-strong);
  --ds-shape-radius-calendar-item: var(--ds-shape-radius-base);
  --ds-shape-size-xmin-calendar: 248px;
  --ds-shape-size-xmin-calendar-day: var(--ds-space-8x);
  --ds-shape-size-xmin-calendar-day-large: var(--ds-space-10x);
  --ds-shape-size-xmin-calendar-day-weekday: var(--ds-space-8x);
  --ds-shape-size-xmin-calendar-large: 304px;
  --ds-shape-size-xmin-calendar-week: var(--ds-space-6x);
  --ds-shape-size-xmin-calendar-week-large: var(--ds-space-8x);
  --ds-shape-size-xmin-calendar-week-weekday: var(--ds-space-6x);
  --ds-shape-size-xmin-datemenu: 264px;
  --ds-shape-size-xmin-datemenu-large: 320px;
  --ds-shape-size-xmin-weekday: var(--ds-space-8x);
  --ds-shape-size-xmin-weekday-large: var(--ds-space-10x);
  --ds-shape-size-ymin-calendar: 256px;
  --ds-shape-size-ymin-calendar-day: var(--ds-space-8x);
  --ds-shape-size-ymin-calendar-day-large: var(--ds-space-10x);
  --ds-shape-size-ymin-calendar-day-weekday: var(--ds-space-4x);
  --ds-shape-size-ymin-calendar-large: 312px;
  --ds-shape-size-ymin-calendar-week: var(--ds-space-8x);
  --ds-shape-size-ymin-calendar-week-large: var(--ds-space-10x);
  --ds-shape-size-ymin-calendar-week-weekday: var(--ds-space-4x);
  --ds-shape-size-ymin-weekday: var(--ds-space-4x);
  --ds-shape-size-ymin-weekday-large: var(--ds-space-4x);
  --ds-space-inline-couple-calendar-footer: 8px;
  --ds-space-inline-couple-calendar-header: 8px;
  --ds-space-inline-end-calendar-footer: 16px;
  --ds-space-inline-end-calendar-header: 16px;
  --ds-space-inline-start-calendar-footer: 16px;
  --ds-space-inline-start-calendar-header: 16px;
  --ds-space-stack-end-calendar-footer: 16px;
  --ds-space-stack-end-calendar-header: 16px;
  --ds-space-stack-start-calendar-footer: 16px;
  --ds-space-stack-start-calendar-header: 16px;
  --ds-space-stack-start-calendar-week-col: 16px;
  --ds-text-alignment-calendar-item: center;
  --ds-text-alignment-calendar-week: center;
  --ds-text-alignment-calendar-weekday: center;
  --ds-color-border-button-ghost: var(--ds-color-border-transparent);
  --ds-color-border-button-ghost-active: var(--ds-color-border-transparent);
  --ds-color-border-button-ghost-destructive: var(--ds-color-border-transparent);
  --ds-color-border-button-ghost-destructive-active: var(--ds-color-border-transparent);
  --ds-color-border-button-ghost-destructive-disabled: var(--ds-color-border-transparent);
  --ds-color-border-button-ghost-destructive-hover: var(--ds-color-border-transparent);
  --ds-color-border-button-ghost-disabled: var(--ds-color-border-transparent);
  --ds-color-border-button-ghost-hover: var(--ds-color-border-transparent);
  --ds-color-border-button-outline: var(--ds-color-border-neutral-mild);
  --ds-color-border-button-outline-active: var(--ds-color-border-action-strong-active);
  --ds-color-border-button-outline-destructive: var(--ds-color-border-neutral-mild);
  --ds-color-border-button-outline-destructive-active: var(--ds-color-border-critical-strong);
  --ds-color-border-button-outline-destructive-hover: var(--ds-color-border-critical-strong);
  --ds-color-border-button-outline-disabled: var(--ds-color-border-disabled);
  --ds-color-border-button-outline-hover: var(--ds-color-border-action-strong-hover);
  --ds-color-border-button-primary: var(--ds-color-border-transparent);
  --ds-color-border-button-primary-active: var(--ds-color-border-action-strong-active);
  --ds-color-border-button-primary-destructive: var(--ds-color-border-transparent);
  --ds-color-border-button-primary-destructive-active: var(--ds-color-border-critical-strong-active);
  --ds-color-border-button-primary-destructive-hover: var(--ds-color-border-critical-strong-hover);
  --ds-color-border-button-primary-disabled: var(--ds-color-border-transparent);
  --ds-color-border-button-primary-hover: var(--ds-color-border-action-strong-hover);
  --ds-color-border-button-toggle: var(--ds-color-border-transparent);
  --ds-color-border-button-toggle-checked: var(--ds-color-border-action);
  --ds-color-border-button-toggle-checked-hover: var(--ds-color-border-action);
  --ds-color-border-button-toggle-disabled: var(--ds-color-border-transparent);
  --ds-color-border-button-toggle-disabled-checked: var(--ds-color-border-transparent);
  --ds-color-border-button-toggle-hover: var(--ds-color-border-neutral);
  --ds-color-icon-button-disabled: var(--ds-color-icon-disabled);
  --ds-color-icon-button-ghost: var(--ds-color-icon-action);
  --ds-color-icon-button-ghost-destructive: var(--ds-color-icon-critical);
  --ds-color-icon-button-outline: var(--ds-color-icon-action);
  --ds-color-icon-button-outline-destructive: var(--ds-color-icon-critical);
  --ds-color-icon-button-primary: var(--ds-color-icon-invert);
  --ds-color-icon-button-primary-destructive: var(--ds-color-icon-invert);
  --ds-color-icon-button-toggle: var(--ds-color-icon-action);
  --ds-color-outline-button: var(--ds-color-outline-action);
  --ds-color-outline-button-destructive: var(--ds-color-outline-critical);
  --ds-color-surface-button-ghost: var(--ds-color-surface-transparent);
  --ds-color-surface-button-ghost-active: var(--ds-color-surface-action-mild);
  --ds-color-surface-button-ghost-destructive-active: var(--ds-color-surface-critical-mild);
  --ds-color-surface-button-ghost-destructive-hover: var(--ds-color-surface-critical-mild);
  --ds-color-surface-button-ghost-disabled: var(--ds-color-surface-transparent);
  --ds-color-surface-button-ghost-hover: var(--ds-color-surface-action-mild);
  --ds-color-surface-button-ghost-muted-active: var(--ds-color-surface-transparent);
  --ds-color-surface-button-ghost-muted-hover: var(--ds-color-surface-transparent);
  --ds-color-surface-button-outline: var(--ds-color-surface-transparent);
  --ds-color-surface-button-outline-active: var(--ds-color-surface-action-mild);
  --ds-color-surface-button-outline-destructive: var(--ds-color-surface-transparent);
  --ds-color-surface-button-outline-destructive-active: var(--ds-color-surface-critical-mild);
  --ds-color-surface-button-outline-destructive-hover: var(--ds-color-surface-critical-mild);
  --ds-color-surface-button-outline-disabled: var(--ds-color-surface-transparent);
  --ds-color-surface-button-outline-hover: var(--ds-color-surface-action-mild);
  --ds-color-surface-button-primary: var(--ds-color-surface-action-strong);
  --ds-color-surface-button-primary-active: var(--ds-color-surface-action-strong-active);
  --ds-color-surface-button-primary-destructive: var(--ds-color-surface-critical-strong);
  --ds-color-surface-button-primary-destructive-active: var(--ds-color-surface-critical-strong-active);
  --ds-color-surface-button-primary-destructive-hover: var(--ds-color-surface-critical-strong-hover);
  --ds-color-surface-button-primary-disabled: var(--ds-color-surface-disabled);
  --ds-color-surface-button-primary-hover: var(--ds-color-surface-action-strong-hover);
  --ds-color-surface-button-toggle: var(--ds-color-surface-neutral-translucent);
  --ds-color-surface-button-toggle-checked: var(--ds-color-surface-action);
  --ds-color-surface-button-toggle-checked-hover: var(--ds-color-surface-action-hover);
  --ds-color-surface-button-toggle-disabled: var(--ds-color-surface-neutral-translucent);
  --ds-color-surface-button-toggle-disabled-checked: var(--ds-color-surface-action);
  --ds-color-surface-button-toggle-hover: var(--ds-color-surface-neutral-translucent);
  --ds-color-typography-button-disabled: var(--ds-color-typography-disabled);
  --ds-color-typography-button-ghost: var(--ds-color-typography-action);
  --ds-color-typography-button-ghost-destructive: var(--ds-color-typography-critical);
  --ds-color-typography-button-ghost-muted-active: var(--ds-color-typography-action-active);
  --ds-color-typography-button-ghost-muted-hover: var(--ds-color-typography-action-hover);
  --ds-color-typography-button-outline: var(--ds-color-typography-action);
  --ds-color-typography-button-outline-destructive: var(--ds-color-typography-critical);
  --ds-color-typography-button-primary: var(--ds-color-typography-invert);
  --ds-color-typography-button-primary-destructive: var(--ds-color-typography-invert);
  --ds-color-typography-button-toggle: var(--ds-color-typography-base);
  --ds-color-typography-button-toggle-checked: var(--ds-color-typography-action-active);
  --ds-color-typography-button-toggle-disabled-checked: var(--ds-color-typography-base);
  --ds-color-typography-button-toggle-hover: var(--ds-color-typography-action-hover);
  --ds-shape-radius-button: 2px;
  --ds-shape-size-xmin-button: 32px;
  --ds-shape-size-xmin-button-lg: 40px;
  --ds-shape-size-xmin-button-sm: 24px;
  --ds-shape-size-ymin-button: 32px;
  --ds-shape-size-ymin-button-lg: 40px;
  --ds-shape-size-ymin-button-sm: 24px;
  --ds-space-inline-couple-button: 4px;
  --ds-space-inline-end-button: var(--ds-space-3x);
  --ds-space-inline-end-button-ghost: var(--ds-space-2x);
  --ds-space-inline-end-button-lg: var(--ds-space-3x);
  --ds-space-inline-end-button-sm: var(--ds-space-2x);
  --ds-space-inline-start-button: var(--ds-space-3x);
  --ds-space-inline-start-button-ghost: var(--ds-space-2x);
  --ds-space-inline-start-button-lg: var(--ds-space-3x);
  --ds-space-inline-start-button-sm: var(--ds-space-2x);
  --ds-typography-family-button: var(--ds-typography-family-system);
  --ds-typography-line-height-button: var(--ds-typography-line-height-label);
  --ds-typography-line-height-button-lg: var(--ds-typography-line-height-regular);
  --ds-typography-line-height-button-sm: var(--ds-typography-line-height-label);
  --ds-typography-size-button: var(--ds-typography-size-label);
  --ds-typography-size-button-lg: var(--ds-typography-size-regular);
  --ds-typography-size-button-sm: var(--ds-typography-size-label);
  --ds-typography-weight-button: var(--ds-typography-weight-strong);
  --ds-color-border-box-caution: var(--ds-color-border-caution);
  --ds-color-border-box-critical: var(--ds-color-border-critical);
  --ds-color-border-box-default: var(--ds-color-border-transparent);
  --ds-color-border-box-ghost: var(--ds-color-border-neutral);
  --ds-color-border-box-info: var(--ds-color-border-info);
  --ds-color-border-box-invert: var(--ds-color-border-invert);
  --ds-color-border-box-neutral: var(--ds-color-border-neutral);
  --ds-color-border-box-positive: var(--ds-color-border-positive);
  --ds-color-border-box-primary: var(--ds-color-border-action);
  --ds-color-elements-box-caution: var(--ds-color-surface-caution-strong);
  --ds-color-elements-box-critical: var(--ds-color-surface-critical-strong);
  --ds-color-elements-box-default: var(--ds-color-surface-invert);
  --ds-color-elements-box-ghost: var(--ds-color-surface-transparent);
  --ds-color-elements-box-info: var(--ds-color-surface-info-strong);
  --ds-color-elements-box-invert: var(--ds-color-surface-base);
  --ds-color-elements-box-neutral: var(--ds-color-surface-neutral-strong);
  --ds-color-elements-box-positive: var(--ds-color-surface-positive-strong);
  --ds-color-elements-box-primary: var(--ds-color-surface-action-strong);
  --ds-color-outline-box: var(--ds-color-outline-action);
  --ds-color-surface-box-caution: var(--ds-color-surface-caution);
  --ds-color-surface-box-content-divider: var(--ds-color-border-base);
  --ds-color-surface-box-critical: var(--ds-color-surface-critical);
  --ds-color-surface-box-default: var(--ds-color-surface-base);
  --ds-color-surface-box-footer-attached: var(--ds-color-surface-neutral);
  --ds-color-surface-box-ghost: var(--ds-color-surface-transparent);
  --ds-color-surface-box-info: var(--ds-color-surface-info);
  --ds-color-surface-box-invert: var(--ds-color-surface-invert);
  --ds-color-surface-box-neutral: var(--ds-color-surface-neutral);
  --ds-color-surface-box-positive: var(--ds-color-surface-positive);
  --ds-color-surface-box-primary: var(--ds-color-surface-action);
  --ds-elevation-box-header-fixed: var(--ds-elevation-vertical-scroll);
  --ds-shape-radius-box: var(--ds-shape-radius-base);
  --ds-shape-radius-box-tip: var(--ds-shape-radius-base);
  --ds-shape-size-x-box-content-accent-bar: var(--ds-shape-line-accent-bar);
  --ds-shape-size-x-box-tip: var(--ds-space-4x);
  --ds-shape-size-y-box-accent-bar: var(--ds-shape-line-accent-bar);
  --ds-shape-size-y-box-content-divider: var(--ds-shape-line-divider);
  --ds-shape-size-y-box-tip: var(--ds-space-4x);
  --ds-space-inline-couple-box-header: var(--ds-space-2x);
  --ds-space-inline-end-box-footer: var(--ds-space-4x);
  --ds-space-inline-gap-box-header: var(--ds-space-4x);
  --ds-space-inline-start-box-footer: var(--ds-space-4x);
  --ds-space-inset-box-content: var(--ds-space-4x);
  --ds-space-inset-box-header: var(--ds-space-4x);
  --ds-space-stack-end-box-footer-regular: var(--ds-space-3x);
  --ds-space-stack-end-box-footer-slim: var(--ds-space-2x);
  --ds-space-stack-start-box-footer-regular: var(--ds-space-3x);
  --ds-space-stack-start-box-footer-slim: var(--ds-space-2x);
  --ds-space-inline-box-header-bsheet: var(--ds-space-2x);
  --ds-space-stack-box-header-bsheet: var(--ds-space-3x);
  --ds-space-stack-safe-box-bsheet: var(--ds-space-8x);
  --ds-color-border-banner-caution: var(--ds-color-border-caution);
  --ds-color-border-banner-critical: var(--ds-color-border-critical);
  --ds-color-border-banner-info: var(--ds-color-border-info);
  --ds-color-border-banner-neutral: var(--ds-color-border-neutral);
  --ds-color-border-banner-positive: var(--ds-color-border-positive);
  --ds-color-surface-banner-caution: var(--ds-color-surface-caution);
  --ds-color-surface-banner-critical: var(--ds-color-surface-critical);
  --ds-color-surface-banner-info: var(--ds-color-surface-info);
  --ds-color-surface-banner-neutral: var(--ds-color-surface-neutral);
  --ds-color-surface-banner-positive: var(--ds-color-surface-positive);
  --ds-color-text-banner: var(--ds-color-typography-base);
  --ds-font-family-banner: var(--ds-typography-family-regular);
  --ds-font-family-banner-title: var(--ds-typography-family-regular);
  --ds-font-line-height-banner: var(--ds-typography-line-height-regular);
  --ds-font-line-height-banner-title: var(--ds-typography-line-height-regular);
  --ds-font-size-banner: var(--ds-typography-size-regular);
  --ds-font-size-banner-title: var(--ds-typography-size-regular);
  --ds-font-weight-banner: var(--ds-typography-weight-regular);
  --ds-font-weight-banner-title: var(--ds-typography-weight-strong);
  --ds-space-inline-couple-banner: var(--ds-space-2x);
  --ds-space-inline-gap-banner: var(--ds-space-4x);
  --ds-space-inset-banner: var(--ds-space-4x);
  --ds-space-stack-join-banner: var(--ds-space-1x);
  --ds-color-surface-badge-caution: var(--ds-color-surface-caution-strong);
  --ds-color-surface-badge-critical: var(--ds-color-surface-critical-strong);
  --ds-color-surface-badge-disabled: var(--ds-color-surface-disabled);
  --ds-color-surface-badge-info: var(--ds-color-surface-info-strong);
  --ds-color-surface-badge-neutral: var(--ds-color-surface-neutral-strong);
  --ds-color-surface-badge-positive: var(--ds-color-surface-positive-strong);
  --ds-elevation-badge: var(--ds-elevation-base);
  --ds-shape-radius-badgecounter: var(--ds-space-4x);
  --ds-shape-radius-badgedot: var(--ds-space-3x);
  --ds-shape-size-x-badgedot: var(--ds-space-3x);
  --ds-shape-size-xmin-badgecounter: var(--ds-space-4x);
  --ds-shape-size-y-badgecounter: var(--ds-space-4x);
  --ds-shape-size-y-badgedot: var(--ds-space-3x);
  --ds-space-inline-couple-badge: var(--ds-space-1x);
  --ds-space-inline-end-badgecounter: var(--ds-space-1x);
  --ds-space-inline-start-badgecounter: var(--ds-space-1x);
  --ds-space-stack-start-badgedot: var(--ds-space-05x);
  --ds-color-divider-accordion: var(--ds-color-border-neutral);
  --ds-color-outline-accordion: var(--ds-color-outline-action);
  --ds-color-surface-accordion: var(--ds-color-surface-transparent);
  --ds-color-surface-accordion-disabled: var(--ds-color-surface-transparent);
  --ds-color-surface-accordion-hover: var(--ds-color-surface-neutral);
  --ds-color-surface-accordion-selected: var(--ds-color-surface-transparent);
  --ds-color-surface-accordion-selected-hover: var(--ds-color-surface-neutral);
  --ds-color-text-accordion: var(--ds-color-typography-base);
  --ds-color-text-accordion-selected: var(--ds-color-typography-action-active);
  --ds-font-family-accordion: var(--ds-typography-family-title-md);
  --ds-font-line-height-accordion: var(--ds-typography-line-height-title-md);
  --ds-font-size-accordion: var(--ds-typography-size-title-md);
  --ds-font-weight-accordion: var(--ds-typography-weight-title-md);
  --ds-shape-size-y-accordion-divider: var(--ds-shape-line-divider);
  --ds-space-inline-couple-accordion: var(--ds-space-1x);
  --ds-space-inline-gap-accordion: var(--ds-space-2x);
  --ds-space-inset-accordion: var(--ds-space-4x);
}
:root,
:host {
  --ds-color-white-hsl:
    0,
    100%,
    100%;
  --ds-color-black-hsl:
    0,
    100%,
    0%;
  --ds-gradient:
    linear-gradient(
      
      180deg,
      hsla(var(--ds-color-white-hsl), 0.15),
      hsla(var(--ds-color-white-hsl), 0) );
  --ds-body-color: var(--ds-color-black);
  --ds-body-bg: var(--ds-color-white);
  --ds-body-typography-align: left;
  --ds-text-muted: var(--ds-color-cool-grey-600);
  --ds-font-weight-light: 300;
  --ds-font-weight-lighter: lighter;
  --ds-font-weight-normal: 400;
  --ds-font-weight-bold: 700;
  --ds-font-weight-bolder: bolder;
  --ds-line-height-base: 1.5;
  --ds-line-height-sm: 1.25;
  --ds-line-height-lg: 2;
  --ds-border-radius: 0.25rem;
  --ds-border-radius-sm: 0.2rem;
  --ds-border-radius-lg: 0.3rem;
  --ds-border-radius-pill: 50rem;
  --ds-box-shadow: 0 0.5rem 1rem rgba(var(--ds-color-cool-grey-950), 0.15);
  --ds-box-shadow-sm: 0 0.125rem 0.25rem rgba(var(--ds-color-cool-grey-950), 0.075);
  --ds-box-shadow-lg: 0 1rem 3rem rgba(var(--ds-color-cool-grey-950), 0.175);
  --ds-box-shadow-inset: inset 0 1px 2px rgba(var(--ds-color-cool-grey-950), 0.075);
  --ds-border-color: var(--ds-color-cool-grey-300);
  --ds-border-width: 1px;
  --ds-spacer: 1rem;
  --ds-hr-opacity: 0.25;
  --ds-mark-padding: 0.2em;
  --ds-mark-bg: var(--ds-color-yellow-100);
  --ds-sub-sup-font-size: 0.75em;
  --ds-link-color: var(--ds-color-ocean-600);
  --ds-link-color-hover: var(--ds-color-ocean-700);
  --ds-link-decoration: underline;
  --ds-link-decoration-hover: underline;
  --ds-code-color: var(--ds-color-cool-grey-700);
  --ds-kbd-padding-y: 0.2rem;
  --ds-kbd-padding-x: 0.4rem;
  --ds-kbd-color: var(--ds-color-cool-grey-200);
  --ds-kbd-bg: var(--ds-color-cool-grey-800);
  --ds-table-cell-padding-y: 0.5rem;
  --ds-legend-font-size: 1.5rem;
  --ds-gutter: 24px;
  --ds-gutter-x: 24px;
  --ds-gutter-y: 0;
  --ds-container-max-width-sm: 540px;
  --ds-container-max-width-md: 720px;
  --ds-container-max-width-lg: 960px;
  --ds-container-max-width-xl: 1140px;
  --ds-container-max-width-xxl: 1320px;
  --ds-z-index-content-base: 20;
  --ds-z-index-header-base: 40;
  --ds-z-index-tooltip-base: 50;
  --ds-z-index-tooltip-popup: 60;
  --ds-z-index-modal-base: 120;
  --ds-z-index-sky-base: 999;
  --ds-z-index-below: -2147483647;
  --ds-z-index-above: 2147483647;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
:root,
:host {
  font-size: var(--ds-typography-size-paragraph);
}
@media (prefers-reduced-motion: no-preference) {
  :root,
  :host {
    scroll-behavior: smooth;
  }
}
body,
:host {
  background-color: var(--ds-color-surface-page);
  color: var(--ds-color-typography-base);
  font-family: var(--ds-typography-family-base);
  font-size: var(--ds-typography-size-regular);
  font-weight: var(--ds-typography-weight-regular);
  line-height: var(--ds-typography-line-height-regular);
  margin: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  text-align: var(--ds-body-typography-align);
  -webkit-text-size-adjust: 100%;
}
hr {
  background-color: currentColor;
  border: 0;
  color: inherit;
  margin: 0 0;
}
hr:not([size]) {
  height: var(--ds-shape-line-divider);
}
h6,
h5,
h4,
h3,
h2,
h1 {
  font-family: var(--ds-typography-family-base);
  font-weight: var(--ds-typography-weight-regular);
  line-height: var(--ds-typography-line-height-md);
  margin-bottom: 0;
  margin-top: 0;
}
h1 {
  font-size: var(--ds-typography-size-title-lg);
}
h2 {
  font-size: var(--ds-typography-size-title-md);
}
h3 {
  font-size: var(--ds-typography-size-title-sm);
}
h4 {
  font-size: var(--ds-typography-size-title-xs);
}
h5 {
  font-size: var(--ds-typography-size-title-xs);
}
h6 {
  font-size: var(--ds-typography-size-title-xs);
}
p {
  margin-bottom: 0;
  margin-top: 0;
  font-size: var(--ds-typography-size-paragraph);
}
abbr[title],
abbr[data-bs-original-title] {
  cursor: help;
  text-decoration: underline dotted;
  text-decoration-skip-ink: none;
}
address {
  font-style: normal;
  line-height: inherit;
  margin-bottom: 0;
}
ol,
ul {
  padding-left: 2rem;
}
ol,
ul,
dl {
  margin-bottom: 0;
  margin-top: 0;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: var(--ds-typography-weight-strong);
}
dd {
  margin-bottom: 0;
  margin-left: 0;
}
blockquote {
  margin: 0;
}
b,
strong {
  font-weight: var(--ds-typography-weight-strong);
}
small {
  font-size: var(--ds-typography-size-smallprint);
}
mark {
  background-color: var(--ds-color-yellow-300-alpha-30);
  outline: var(--ds-space-05x) solid var(--ds-color-yellow-300-alpha-30);
}
sub,
sup {
  font-size: var(--ds-sub-sup-font-size);
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: var(--ds-color-typography-action);
  text-decoration: underline;
}
a:hover {
  color: var(--ds-color-typography-action-hover);
  text-decoration: underline;
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
pre,
code,
kbd,
samp {
  direction: ltr;
  font-family: var(--ds-typography-family-code);
  font-size: 1em;
  unicode-bidi: bidi-override;
}
pre {
  display: block;
  font-size: var(--ds-typography-size-regular);
  margin-bottom: 0;
  margin-top: 0;
  overflow: auto;
}
pre code {
  color: inherit;
  font-size: inherit;
  word-break: normal;
}
code {
  color: var(--ds-color-cool-grey-700);
  font-size: var(--ds-typography-size-regular);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  background-color: var(--ds-color-surface-invert);
  border-radius: var(--ds-shape-radius-base);
  color: var(--ds-color-typography-invert);
  font-size: var(--ds-typography-size-regular);
  padding: var(--ds-space-05x) var(--ds-space-1x);
}
kbd kbd {
  font-size: 1em;
  font-weight: var(--ds-typography-weight-strong);
  padding: 0;
}
figure {
  margin: 0;
}
img,
svg {
  vertical-align: middle;
}
table {
  border-collapse: collapse;
  caption-side: bottom;
}
caption {
  color: var(--ds-color-typography-neutral);
  padding-bottom: var(--ds-space-2x);
  padding-top: var(--ds-space-2x);
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
}
:focus:not(:focus-visible) {
  box-shadow: none !important;
  outline: 0;
}
input,
button,
select,
optgroup,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}
button,
select {
  text-transform: none;
}
[role=button] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}
[list]::-webkit-calendar-picker-indicator {
  display: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
textarea {
  resize: vertical;
}
fieldset {
  border: 0;
  margin: 0;
  min-width: 0;
  padding: 0;
}
legend {
  float: left;
  font-size: var(--ds-typography-size-label);
  font-weight: var(--ds-typography-line-height-label);
  line-height: inherit;
  margin-bottom: 0;
  padding: 0;
  width: 100%;
}
legend + * {
  clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::file-selector-button {
  font: inherit;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
summary {
  cursor: pointer;
  display: list-item;
}
progress {
  vertical-align: baseline;
}
[hidden] {
  display: none !important;
}
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
table {
  border-color: inherit;
  text-indent: 0;
}
::input-placeholder {
  color: inherit;
  opacity: 0.54;
}
iframe {
  border-style: none;
}
nav ol,
nav ul {
  list-style: none;
  padding: 0;
}
[aria-busy=true] {
  cursor: progress;
}
[aria-controls] {
  cursor: pointer;
}
[aria-hidden=false][hidden] {
  display: initial;
}
[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
@font-face {
  font-display: swap;
  font-family: "BMWGroupTNCondensedPro-Medium";
  font-style: normal;
  font-weight: 500;
  src:
    local("BMWGroupTN Condensed Pro Med"),
    local("BMWGroupTNCondensedPro-Med"),
    url("./media/bmw-group-tn-condensed-pro-medium.woff2") format("woff2"),
    url("./media/bmw-group-tn-condensed-pro-medium.woff") format("woff");
}
.text-smallprint {
  font-family: var(--ds-typography-family-base);
  font-size: var(--ds-typography-size-smallprint);
  font-weight: var(--ds-typography-weight-regular);
  line-height: var(--ds-typography-line-height-smallprint);
}
.text-label {
  font-family: var(--ds-typography-family-base);
  font-size: var(--ds-typography-size-label);
  font-weight: var(--ds-typography-weight-regular);
  line-height: var(--ds-typography-line-height-label);
}
.text-regular,
:host(ds-table-head) th,
:host(.ds-table-head) th,
.ds-table-head th {
  font-family: var(--ds-typography-family-base);
  font-size: var(--ds-typography-size-regular);
  font-weight: var(--ds-typography-weight-regular);
  line-height: var(--ds-typography-line-height-regular);
}
.text-paragraph {
  font-family: var(--ds-typography-family-base);
  font-size: var(--ds-typography-size-paragraph);
  font-weight: var(--ds-typography-weight-regular);
  line-height: var(--ds-typography-line-height-paragraph);
}
.title-xs {
  font-family: var(--ds-typography-family-base);
  font-size: var(--ds-typography-size-title-xs);
  font-weight: var(--ds-typography-weight-title-xs);
  line-height: var(--ds-typography-line-height-title-xs);
  text-transform: var(--ds-typography-transform-uppercase);
}
.title-sm {
  font-family: var(--ds-typography-family-base);
  font-size: var(--ds-typography-size-title-sm);
  font-weight: var(--ds-typography-weight-title-sm);
  line-height: var(--ds-typography-line-height-title-sm);
  text-transform: var(--ds-typography-transform-uppercase);
}
.title-md {
  font-family: var(--ds-typography-family-base);
  font-size: var(--ds-typography-size-title-md);
  font-weight: var(--ds-typography-weight-title-md);
  line-height: var(--ds-typography-line-height-title-md);
}
.title-lg {
  font-family: var(--ds-typography-family-brand);
  font-size: var(--ds-typography-size-title-lg);
  font-weight: var(--ds-typography-weight-title-lg);
  line-height: var(--ds-typography-line-height-title-lg);
  text-transform: var(--ds-typography-transform-uppercase);
}
.truncated-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.float-start {
  float: left !important;
}
.float-end {
  float: right !important;
}
.float-none {
  float: none !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.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;
}
.shadow-0 {
  filter: var(--ds-elevation-0) !important;
}
.shadow-1 {
  filter: var(--ds-elevation-1) !important;
}
.shadow-2 {
  filter: var(--ds-elevation-2) !important;
}
.shadow-3 {
  filter: var(--ds-elevation-3) !important;
}
.shadow-4 {
  filter: var(--ds-elevation-4) !important;
}
.shadow-5 {
  filter: var(--ds-elevation-5) !important;
}
.shadow-6 {
  filter: var(--ds-elevation-6) !important;
}
.shadow-7 {
  filter: var(--ds-elevation-7) !important;
}
.shadow-8 {
  filter: var(--ds-elevation-8) !important;
}
.shadow-none {
  filter: var(--ds-elevation-none) !important;
}
.shadow-base {
  filter: var(--ds-elevation-base) !important;
}
.shadow-component {
  filter: var(--ds-elevation-component) !important;
}
.shadow-temporary {
  filter: var(--ds-elevation-temporary) !important;
}
.shadow-navigation {
  filter: var(--ds-elevation-navigation) !important;
}
.shadow-notification {
  filter: var(--ds-elevation-notification) !important;
}
.shadow-modal {
  filter: var(--ds-elevation-modal) !important;
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.top-0 {
  top: 0 !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
.start-0 {
  left: 0 !important;
}
.start-50 {
  left: 50% !important;
}
.start-100 {
  left: 100% !important;
}
.end-0 {
  right: 0 !important;
}
.end-50 {
  right: 50% !important;
}
.end-100 {
  right: 100% !important;
}
.translate-middle {
  transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
  transform: translateX(-50%) !important;
}
.translate-middle-y {
  transform: translateY(-50%) !important;
}
.border {
  border: var(--ds-shape-line-divider) solid var(--ds-color-border-base) !important;
}
.border-0 {
  border: 0 !important;
}
.border-top {
  border-top: var(--ds-shape-line-divider) solid var(--ds-color-border-base) !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-end {
  border-right: var(--ds-shape-line-divider) solid var(--ds-color-border-base) !important;
}
.border-end-0 {
  border-right: 0 !important;
}
.border-bottom {
  border-bottom: var(--ds-shape-line-divider) solid var(--ds-color-border-base) !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-start {
  border-left: var(--ds-shape-line-divider) solid var(--ds-color-border-base) !important;
}
.border-start-0 {
  border-left: 0 !important;
}
.border-base {
  border-color: var(--ds-color-border-base) !important;
}
.border-action {
  border-color: var(--ds-color-border-action) !important;
}
.border-neutral {
  border-color: var(--ds-color-border-neutral) !important;
}
.border-info {
  border-color: var(--ds-color-border-info) !important;
}
.border-positive {
  border-color: var(--ds-color-border-positive) !important;
}
.border-caution {
  border-color: var(--ds-color-border-caution) !important;
}
.border-critical {
  border-color: var(--ds-color-border-critical) !important;
}
.border-transparent {
  border-color: var(--ds-color-border-transparent) !important;
}
.border-white {
  border-color: var(--ds-color-white) !important;
}
.border-1 {
  border-width: 1px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-3 {
  border-width: 3px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-5 {
  border-width: 5px !important;
}
.border-divider {
  border-width: var(--ds-shape-line-divider) !important;
}
.border-accent-bar {
  border-width: var(--ds-shape-line-accent-bar) !important;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.vw-100 {
  width: 100vw !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mh-100 {
  max-height: 100% !important;
}
.vh-100 {
  height: 100vh !important;
}
.min-vh-100 {
  min-height: 100vh !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;
}
.gap-0x {
  gap: var(--ds-space-0x) !important;
}
.gap-05x {
  gap: var(--ds-space-05x) !important;
}
.gap-1x {
  gap: var(--ds-space-1x) !important;
}
.gap-2x {
  gap: var(--ds-space-2x) !important;
}
.gap-3x {
  gap: var(--ds-space-3x) !important;
}
.gap-4x {
  gap: var(--ds-space-4x) !important;
}
.gap-5x {
  gap: var(--ds-space-5x) !important;
}
.gap-6x {
  gap: var(--ds-space-6x) !important;
}
.gap-7x {
  gap: var(--ds-space-7x) !important;
}
.gap-8x {
  gap: var(--ds-space-8x) !important;
}
.gap-9x {
  gap: var(--ds-space-9x) !important;
}
.gap-10x {
  gap: var(--ds-space-10x) !important;
}
.gap-11x {
  gap: var(--ds-space-11x) !important;
}
.gap-12x {
  gap: var(--ds-space-12x) !important;
}
.gap-13x {
  gap: var(--ds-space-13x) !important;
}
.gap-14x {
  gap: var(--ds-space-14x) !important;
}
.gap-15x {
  gap: var(--ds-space-15x) !important;
}
.gap-16x {
  gap: var(--ds-space-16x) !important;
}
.gap-17x {
  gap: var(--ds-space-17x) !important;
}
.gap-18x {
  gap: var(--ds-space-18x) !important;
}
.gap-xs {
  gap: var(--ds-space-2x) !important;
}
.gap-sm {
  gap: var(--ds-space-4x) !important;
}
.gap-md {
  gap: var(--ds-space-6x) !important;
}
.gap-lg {
  gap: var(--ds-space-8x) !important;
}
.gap-xl {
  gap: var(--ds-space-12x) !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-0x {
  margin: var(--ds-space-0x) !important;
}
.m-05x {
  margin: var(--ds-space-05x) !important;
}
.m-1x {
  margin: var(--ds-space-1x) !important;
}
.m-2x {
  margin: var(--ds-space-2x) !important;
}
.m-3x {
  margin: var(--ds-space-3x) !important;
}
.m-4x {
  margin: var(--ds-space-4x) !important;
}
.m-5x {
  margin: var(--ds-space-5x) !important;
}
.m-6x {
  margin: var(--ds-space-6x) !important;
}
.m-7x {
  margin: var(--ds-space-7x) !important;
}
.m-8x {
  margin: var(--ds-space-8x) !important;
}
.m-9x {
  margin: var(--ds-space-9x) !important;
}
.m-10x {
  margin: var(--ds-space-10x) !important;
}
.m-11x {
  margin: var(--ds-space-11x) !important;
}
.m-12x {
  margin: var(--ds-space-12x) !important;
}
.m-13x {
  margin: var(--ds-space-13x) !important;
}
.m-14x {
  margin: var(--ds-space-14x) !important;
}
.m-15x {
  margin: var(--ds-space-15x) !important;
}
.m-16x {
  margin: var(--ds-space-16x) !important;
}
.m-17x {
  margin: var(--ds-space-17x) !important;
}
.m-18x {
  margin: var(--ds-space-18x) !important;
}
.m-xs {
  margin: var(--ds-space-2x) !important;
}
.m-sm {
  margin: var(--ds-space-4x) !important;
}
.m-md {
  margin: var(--ds-space-6x) !important;
}
.m-lg {
  margin: var(--ds-space-8x) !important;
}
.m-xl {
  margin: var(--ds-space-12x) !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0x {
  margin-right: var(--ds-space-0x) !important;
  margin-left: var(--ds-space-0x) !important;
}
.mx-05x {
  margin-right: var(--ds-space-05x) !important;
  margin-left: var(--ds-space-05x) !important;
}
.mx-1x {
  margin-right: var(--ds-space-1x) !important;
  margin-left: var(--ds-space-1x) !important;
}
.mx-2x {
  margin-right: var(--ds-space-2x) !important;
  margin-left: var(--ds-space-2x) !important;
}
.mx-3x {
  margin-right: var(--ds-space-3x) !important;
  margin-left: var(--ds-space-3x) !important;
}
.mx-4x {
  margin-right: var(--ds-space-4x) !important;
  margin-left: var(--ds-space-4x) !important;
}
.mx-5x {
  margin-right: var(--ds-space-5x) !important;
  margin-left: var(--ds-space-5x) !important;
}
.mx-6x {
  margin-right: var(--ds-space-6x) !important;
  margin-left: var(--ds-space-6x) !important;
}
.mx-7x {
  margin-right: var(--ds-space-7x) !important;
  margin-left: var(--ds-space-7x) !important;
}
.mx-8x {
  margin-right: var(--ds-space-8x) !important;
  margin-left: var(--ds-space-8x) !important;
}
.mx-9x {
  margin-right: var(--ds-space-9x) !important;
  margin-left: var(--ds-space-9x) !important;
}
.mx-10x {
  margin-right: var(--ds-space-10x) !important;
  margin-left: var(--ds-space-10x) !important;
}
.mx-11x {
  margin-right: var(--ds-space-11x) !important;
  margin-left: var(--ds-space-11x) !important;
}
.mx-12x {
  margin-right: var(--ds-space-12x) !important;
  margin-left: var(--ds-space-12x) !important;
}
.mx-13x {
  margin-right: var(--ds-space-13x) !important;
  margin-left: var(--ds-space-13x) !important;
}
.mx-14x {
  margin-right: var(--ds-space-14x) !important;
  margin-left: var(--ds-space-14x) !important;
}
.mx-15x {
  margin-right: var(--ds-space-15x) !important;
  margin-left: var(--ds-space-15x) !important;
}
.mx-16x {
  margin-right: var(--ds-space-16x) !important;
  margin-left: var(--ds-space-16x) !important;
}
.mx-17x {
  margin-right: var(--ds-space-17x) !important;
  margin-left: var(--ds-space-17x) !important;
}
.mx-18x {
  margin-right: var(--ds-space-18x) !important;
  margin-left: var(--ds-space-18x) !important;
}
.mx-xs {
  margin-right: var(--ds-space-2x) !important;
  margin-left: var(--ds-space-2x) !important;
}
.mx-sm {
  margin-right: var(--ds-space-4x) !important;
  margin-left: var(--ds-space-4x) !important;
}
.mx-md {
  margin-right: var(--ds-space-6x) !important;
  margin-left: var(--ds-space-6x) !important;
}
.mx-lg {
  margin-right: var(--ds-space-8x) !important;
  margin-left: var(--ds-space-8x) !important;
}
.mx-xl {
  margin-right: var(--ds-space-12x) !important;
  margin-left: var(--ds-space-12x) !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0x {
  margin-top: var(--ds-space-0x) !important;
  margin-bottom: var(--ds-space-0x) !important;
}
.my-05x {
  margin-top: var(--ds-space-05x) !important;
  margin-bottom: var(--ds-space-05x) !important;
}
.my-1x {
  margin-top: var(--ds-space-1x) !important;
  margin-bottom: var(--ds-space-1x) !important;
}
.my-2x {
  margin-top: var(--ds-space-2x) !important;
  margin-bottom: var(--ds-space-2x) !important;
}
.my-3x {
  margin-top: var(--ds-space-3x) !important;
  margin-bottom: var(--ds-space-3x) !important;
}
.my-4x {
  margin-top: var(--ds-space-4x) !important;
  margin-bottom: var(--ds-space-4x) !important;
}
.my-5x {
  margin-top: var(--ds-space-5x) !important;
  margin-bottom: var(--ds-space-5x) !important;
}
.my-6x {
  margin-top: var(--ds-space-6x) !important;
  margin-bottom: var(--ds-space-6x) !important;
}
.my-7x {
  margin-top: var(--ds-space-7x) !important;
  margin-bottom: var(--ds-space-7x) !important;
}
.my-8x {
  margin-top: var(--ds-space-8x) !important;
  margin-bottom: var(--ds-space-8x) !important;
}
.my-9x {
  margin-top: var(--ds-space-9x) !important;
  margin-bottom: var(--ds-space-9x) !important;
}
.my-10x {
  margin-top: var(--ds-space-10x) !important;
  margin-bottom: var(--ds-space-10x) !important;
}
.my-11x {
  margin-top: var(--ds-space-11x) !important;
  margin-bottom: var(--ds-space-11x) !important;
}
.my-12x {
  margin-top: var(--ds-space-12x) !important;
  margin-bottom: var(--ds-space-12x) !important;
}
.my-13x {
  margin-top: var(--ds-space-13x) !important;
  margin-bottom: var(--ds-space-13x) !important;
}
.my-14x {
  margin-top: var(--ds-space-14x) !important;
  margin-bottom: var(--ds-space-14x) !important;
}
.my-15x {
  margin-top: var(--ds-space-15x) !important;
  margin-bottom: var(--ds-space-15x) !important;
}
.my-16x {
  margin-top: var(--ds-space-16x) !important;
  margin-bottom: var(--ds-space-16x) !important;
}
.my-17x {
  margin-top: var(--ds-space-17x) !important;
  margin-bottom: var(--ds-space-17x) !important;
}
.my-18x {
  margin-top: var(--ds-space-18x) !important;
  margin-bottom: var(--ds-space-18x) !important;
}
.my-xs {
  margin-top: var(--ds-space-2x) !important;
  margin-bottom: var(--ds-space-2x) !important;
}
.my-sm {
  margin-top: var(--ds-space-4x) !important;
  margin-bottom: var(--ds-space-4x) !important;
}
.my-md {
  margin-top: var(--ds-space-6x) !important;
  margin-bottom: var(--ds-space-6x) !important;
}
.my-lg {
  margin-top: var(--ds-space-8x) !important;
  margin-bottom: var(--ds-space-8x) !important;
}
.my-xl {
  margin-top: var(--ds-space-12x) !important;
  margin-bottom: var(--ds-space-12x) !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0x {
  margin-top: var(--ds-space-0x) !important;
}
.mt-05x {
  margin-top: var(--ds-space-05x) !important;
}
.mt-1x {
  margin-top: var(--ds-space-1x) !important;
}
.mt-2x {
  margin-top: var(--ds-space-2x) !important;
}
.mt-3x {
  margin-top: var(--ds-space-3x) !important;
}
.mt-4x {
  margin-top: var(--ds-space-4x) !important;
}
.mt-5x {
  margin-top: var(--ds-space-5x) !important;
}
.mt-6x {
  margin-top: var(--ds-space-6x) !important;
}
.mt-7x {
  margin-top: var(--ds-space-7x) !important;
}
.mt-8x {
  margin-top: var(--ds-space-8x) !important;
}
.mt-9x {
  margin-top: var(--ds-space-9x) !important;
}
.mt-10x {
  margin-top: var(--ds-space-10x) !important;
}
.mt-11x {
  margin-top: var(--ds-space-11x) !important;
}
.mt-12x {
  margin-top: var(--ds-space-12x) !important;
}
.mt-13x {
  margin-top: var(--ds-space-13x) !important;
}
.mt-14x {
  margin-top: var(--ds-space-14x) !important;
}
.mt-15x {
  margin-top: var(--ds-space-15x) !important;
}
.mt-16x {
  margin-top: var(--ds-space-16x) !important;
}
.mt-17x {
  margin-top: var(--ds-space-17x) !important;
}
.mt-18x {
  margin-top: var(--ds-space-18x) !important;
}
.mt-xs {
  margin-top: var(--ds-space-2x) !important;
}
.mt-sm {
  margin-top: var(--ds-space-4x) !important;
}
.mt-md {
  margin-top: var(--ds-space-6x) !important;
}
.mt-lg {
  margin-top: var(--ds-space-8x) !important;
}
.mt-xl {
  margin-top: var(--ds-space-12x) !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0x {
  margin-right: var(--ds-space-0x) !important;
}
.me-05x {
  margin-right: var(--ds-space-05x) !important;
}
.me-1x {
  margin-right: var(--ds-space-1x) !important;
}
.me-2x {
  margin-right: var(--ds-space-2x) !important;
}
.me-3x {
  margin-right: var(--ds-space-3x) !important;
}
.me-4x {
  margin-right: var(--ds-space-4x) !important;
}
.me-5x {
  margin-right: var(--ds-space-5x) !important;
}
.me-6x {
  margin-right: var(--ds-space-6x) !important;
}
.me-7x {
  margin-right: var(--ds-space-7x) !important;
}
.me-8x {
  margin-right: var(--ds-space-8x) !important;
}
.me-9x {
  margin-right: var(--ds-space-9x) !important;
}
.me-10x {
  margin-right: var(--ds-space-10x) !important;
}
.me-11x {
  margin-right: var(--ds-space-11x) !important;
}
.me-12x {
  margin-right: var(--ds-space-12x) !important;
}
.me-13x {
  margin-right: var(--ds-space-13x) !important;
}
.me-14x {
  margin-right: var(--ds-space-14x) !important;
}
.me-15x {
  margin-right: var(--ds-space-15x) !important;
}
.me-16x {
  margin-right: var(--ds-space-16x) !important;
}
.me-17x {
  margin-right: var(--ds-space-17x) !important;
}
.me-18x {
  margin-right: var(--ds-space-18x) !important;
}
.me-xs {
  margin-right: var(--ds-space-2x) !important;
}
.me-sm {
  margin-right: var(--ds-space-4x) !important;
}
.me-md {
  margin-right: var(--ds-space-6x) !important;
}
.me-lg {
  margin-right: var(--ds-space-8x) !important;
}
.me-xl {
  margin-right: var(--ds-space-12x) !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0x {
  margin-bottom: var(--ds-space-0x) !important;
}
.mb-05x {
  margin-bottom: var(--ds-space-05x) !important;
}
.mb-1x {
  margin-bottom: var(--ds-space-1x) !important;
}
.mb-2x {
  margin-bottom: var(--ds-space-2x) !important;
}
.mb-3x {
  margin-bottom: var(--ds-space-3x) !important;
}
.mb-4x {
  margin-bottom: var(--ds-space-4x) !important;
}
.mb-5x {
  margin-bottom: var(--ds-space-5x) !important;
}
.mb-6x {
  margin-bottom: var(--ds-space-6x) !important;
}
.mb-7x {
  margin-bottom: var(--ds-space-7x) !important;
}
.mb-8x {
  margin-bottom: var(--ds-space-8x) !important;
}
.mb-9x {
  margin-bottom: var(--ds-space-9x) !important;
}
.mb-10x {
  margin-bottom: var(--ds-space-10x) !important;
}
.mb-11x {
  margin-bottom: var(--ds-space-11x) !important;
}
.mb-12x {
  margin-bottom: var(--ds-space-12x) !important;
}
.mb-13x {
  margin-bottom: var(--ds-space-13x) !important;
}
.mb-14x {
  margin-bottom: var(--ds-space-14x) !important;
}
.mb-15x {
  margin-bottom: var(--ds-space-15x) !important;
}
.mb-16x {
  margin-bottom: var(--ds-space-16x) !important;
}
.mb-17x {
  margin-bottom: var(--ds-space-17x) !important;
}
.mb-18x {
  margin-bottom: var(--ds-space-18x) !important;
}
.mb-xs {
  margin-bottom: var(--ds-space-2x) !important;
}
.mb-sm {
  margin-bottom: var(--ds-space-4x) !important;
}
.mb-md {
  margin-bottom: var(--ds-space-6x) !important;
}
.mb-lg {
  margin-bottom: var(--ds-space-8x) !important;
}
.mb-xl {
  margin-bottom: var(--ds-space-12x) !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0x {
  margin-left: var(--ds-space-0x) !important;
}
.ms-05x {
  margin-left: var(--ds-space-05x) !important;
}
.ms-1x {
  margin-left: var(--ds-space-1x) !important;
}
.ms-2x {
  margin-left: var(--ds-space-2x) !important;
}
.ms-3x {
  margin-left: var(--ds-space-3x) !important;
}
.ms-4x {
  margin-left: var(--ds-space-4x) !important;
}
.ms-5x {
  margin-left: var(--ds-space-5x) !important;
}
.ms-6x {
  margin-left: var(--ds-space-6x) !important;
}
.ms-7x {
  margin-left: var(--ds-space-7x) !important;
}
.ms-8x {
  margin-left: var(--ds-space-8x) !important;
}
.ms-9x {
  margin-left: var(--ds-space-9x) !important;
}
.ms-10x {
  margin-left: var(--ds-space-10x) !important;
}
.ms-11x {
  margin-left: var(--ds-space-11x) !important;
}
.ms-12x {
  margin-left: var(--ds-space-12x) !important;
}
.ms-13x {
  margin-left: var(--ds-space-13x) !important;
}
.ms-14x {
  margin-left: var(--ds-space-14x) !important;
}
.ms-15x {
  margin-left: var(--ds-space-15x) !important;
}
.ms-16x {
  margin-left: var(--ds-space-16x) !important;
}
.ms-17x {
  margin-left: var(--ds-space-17x) !important;
}
.ms-18x {
  margin-left: var(--ds-space-18x) !important;
}
.ms-xs {
  margin-left: var(--ds-space-2x) !important;
}
.ms-sm {
  margin-left: var(--ds-space-4x) !important;
}
.ms-md {
  margin-left: var(--ds-space-6x) !important;
}
.ms-lg {
  margin-left: var(--ds-space-8x) !important;
}
.ms-xl {
  margin-left: var(--ds-space-12x) !important;
}
.ms-auto {
  margin-left: auto !important;
}
.m-n0x {
  margin: calc(var(--ds-space-0x) * -1) !important;
}
.m-n05x {
  margin: calc(var(--ds-space-05x) * -1) !important;
}
.m-n1x {
  margin: calc(var(--ds-space-1x) * -1) !important;
}
.m-n2x {
  margin: calc(var(--ds-space-2x) * -1) !important;
}
.m-n3x {
  margin: calc(var(--ds-space-3x) * -1) !important;
}
.m-n4x {
  margin: calc(var(--ds-space-4x) * -1) !important;
}
.m-n5x {
  margin: calc(var(--ds-space-5x) * -1) !important;
}
.m-n6x {
  margin: calc(var(--ds-space-6x) * -1) !important;
}
.m-n7x {
  margin: calc(var(--ds-space-7x) * -1) !important;
}
.m-n8x {
  margin: calc(var(--ds-space-8x) * -1) !important;
}
.m-n9x {
  margin: calc(var(--ds-space-9x) * -1) !important;
}
.m-n10x {
  margin: calc(var(--ds-space-10x) * -1) !important;
}
.m-n11x {
  margin: calc(var(--ds-space-11x) * -1) !important;
}
.m-n12x {
  margin: calc(var(--ds-space-12x) * -1) !important;
}
.m-n13x {
  margin: calc(var(--ds-space-13x) * -1) !important;
}
.m-n14x {
  margin: calc(var(--ds-space-14x) * -1) !important;
}
.m-n15x {
  margin: calc(var(--ds-space-15x) * -1) !important;
}
.m-n16x {
  margin: calc(var(--ds-space-16x) * -1) !important;
}
.m-n17x {
  margin: calc(var(--ds-space-17x) * -1) !important;
}
.m-n18x {
  margin: calc(var(--ds-space-18x) * -1) !important;
}
.m-nxs {
  margin: calc(var(--ds-space-2x) * -1) !important;
}
.m-nsm {
  margin: calc(var(--ds-space-4x) * -1) !important;
}
.m-nmd {
  margin: calc(var(--ds-space-6x) * -1) !important;
}
.m-nlg {
  margin: calc(var(--ds-space-8x) * -1) !important;
}
.m-nxl {
  margin: calc(var(--ds-space-12x) * -1) !important;
}
.mx-n0x {
  margin-right: calc(var(--ds-space-0x) * -1) !important;
  margin-left: calc(var(--ds-space-0x) * -1) !important;
}
.mx-n05x {
  margin-right: calc(var(--ds-space-05x) * -1) !important;
  margin-left: calc(var(--ds-space-05x) * -1) !important;
}
.mx-n1x {
  margin-right: calc(var(--ds-space-1x) * -1) !important;
  margin-left: calc(var(--ds-space-1x) * -1) !important;
}
.mx-n2x {
  margin-right: calc(var(--ds-space-2x) * -1) !important;
  margin-left: calc(var(--ds-space-2x) * -1) !important;
}
.mx-n3x {
  margin-right: calc(var(--ds-space-3x) * -1) !important;
  margin-left: calc(var(--ds-space-3x) * -1) !important;
}
.mx-n4x {
  margin-right: calc(var(--ds-space-4x) * -1) !important;
  margin-left: calc(var(--ds-space-4x) * -1) !important;
}
.mx-n5x {
  margin-right: calc(var(--ds-space-5x) * -1) !important;
  margin-left: calc(var(--ds-space-5x) * -1) !important;
}
.mx-n6x {
  margin-right: calc(var(--ds-space-6x) * -1) !important;
  margin-left: calc(var(--ds-space-6x) * -1) !important;
}
.mx-n7x {
  margin-right: calc(var(--ds-space-7x) * -1) !important;
  margin-left: calc(var(--ds-space-7x) * -1) !important;
}
.mx-n8x {
  margin-right: calc(var(--ds-space-8x) * -1) !important;
  margin-left: calc(var(--ds-space-8x) * -1) !important;
}
.mx-n9x {
  margin-right: calc(var(--ds-space-9x) * -1) !important;
  margin-left: calc(var(--ds-space-9x) * -1) !important;
}
.mx-n10x {
  margin-right: calc(var(--ds-space-10x) * -1) !important;
  margin-left: calc(var(--ds-space-10x) * -1) !important;
}
.mx-n11x {
  margin-right: calc(var(--ds-space-11x) * -1) !important;
  margin-left: calc(var(--ds-space-11x) * -1) !important;
}
.mx-n12x {
  margin-right: calc(var(--ds-space-12x) * -1) !important;
  margin-left: calc(var(--ds-space-12x) * -1) !important;
}
.mx-n13x {
  margin-right: calc(var(--ds-space-13x) * -1) !important;
  margin-left: calc(var(--ds-space-13x) * -1) !important;
}
.mx-n14x {
  margin-right: calc(var(--ds-space-14x) * -1) !important;
  margin-left: calc(var(--ds-space-14x) * -1) !important;
}
.mx-n15x {
  margin-right: calc(var(--ds-space-15x) * -1) !important;
  margin-left: calc(var(--ds-space-15x) * -1) !important;
}
.mx-n16x {
  margin-right: calc(var(--ds-space-16x) * -1) !important;
  margin-left: calc(var(--ds-space-16x) * -1) !important;
}
.mx-n17x {
  margin-right: calc(var(--ds-space-17x) * -1) !important;
  margin-left: calc(var(--ds-space-17x) * -1) !important;
}
.mx-n18x {
  margin-right: calc(var(--ds-space-18x) * -1) !important;
  margin-left: calc(var(--ds-space-18x) * -1) !important;
}
.mx-nxs {
  margin-right: calc(var(--ds-space-2x) * -1) !important;
  margin-left: calc(var(--ds-space-2x) * -1) !important;
}
.mx-nsm {
  margin-right: calc(var(--ds-space-4x) * -1) !important;
  margin-left: calc(var(--ds-space-4x) * -1) !important;
}
.mx-nmd {
  margin-right: calc(var(--ds-space-6x) * -1) !important;
  margin-left: calc(var(--ds-space-6x) * -1) !important;
}
.mx-nlg {
  margin-right: calc(var(--ds-space-8x) * -1) !important;
  margin-left: calc(var(--ds-space-8x) * -1) !important;
}
.mx-nxl {
  margin-right: calc(var(--ds-space-12x) * -1) !important;
  margin-left: calc(var(--ds-space-12x) * -1) !important;
}
.my-n0x {
  margin-top: calc(var(--ds-space-0x) * -1) !important;
  margin-bottom: calc(var(--ds-space-0x) * -1) !important;
}
.my-n05x {
  margin-top: calc(var(--ds-space-05x) * -1) !important;
  margin-bottom: calc(var(--ds-space-05x) * -1) !important;
}
.my-n1x {
  margin-top: calc(var(--ds-space-1x) * -1) !important;
  margin-bottom: calc(var(--ds-space-1x) * -1) !important;
}
.my-n2x {
  margin-top: calc(var(--ds-space-2x) * -1) !important;
  margin-bottom: calc(var(--ds-space-2x) * -1) !important;
}
.my-n3x {
  margin-top: calc(var(--ds-space-3x) * -1) !important;
  margin-bottom: calc(var(--ds-space-3x) * -1) !important;
}
.my-n4x {
  margin-top: calc(var(--ds-space-4x) * -1) !important;
  margin-bottom: calc(var(--ds-space-4x) * -1) !important;
}
.my-n5x {
  margin-top: calc(var(--ds-space-5x) * -1) !important;
  margin-bottom: calc(var(--ds-space-5x) * -1) !important;
}
.my-n6x {
  margin-top: calc(var(--ds-space-6x) * -1) !important;
  margin-bottom: calc(var(--ds-space-6x) * -1) !important;
}
.my-n7x {
  margin-top: calc(var(--ds-space-7x) * -1) !important;
  margin-bottom: calc(var(--ds-space-7x) * -1) !important;
}
.my-n8x {
  margin-top: calc(var(--ds-space-8x) * -1) !important;
  margin-bottom: calc(var(--ds-space-8x) * -1) !important;
}
.my-n9x {
  margin-top: calc(var(--ds-space-9x) * -1) !important;
  margin-bottom: calc(var(--ds-space-9x) * -1) !important;
}
.my-n10x {
  margin-top: calc(var(--ds-space-10x) * -1) !important;
  margin-bottom: calc(var(--ds-space-10x) * -1) !important;
}
.my-n11x {
  margin-top: calc(var(--ds-space-11x) * -1) !important;
  margin-bottom: calc(var(--ds-space-11x) * -1) !important;
}
.my-n12x {
  margin-top: calc(var(--ds-space-12x) * -1) !important;
  margin-bottom: calc(var(--ds-space-12x) * -1) !important;
}
.my-n13x {
  margin-top: calc(var(--ds-space-13x) * -1) !important;
  margin-bottom: calc(var(--ds-space-13x) * -1) !important;
}
.my-n14x {
  margin-top: calc(var(--ds-space-14x) * -1) !important;
  margin-bottom: calc(var(--ds-space-14x) * -1) !important;
}
.my-n15x {
  margin-top: calc(var(--ds-space-15x) * -1) !important;
  margin-bottom: calc(var(--ds-space-15x) * -1) !important;
}
.my-n16x {
  margin-top: calc(var(--ds-space-16x) * -1) !important;
  margin-bottom: calc(var(--ds-space-16x) * -1) !important;
}
.my-n17x {
  margin-top: calc(var(--ds-space-17x) * -1) !important;
  margin-bottom: calc(var(--ds-space-17x) * -1) !important;
}
.my-n18x {
  margin-top: calc(var(--ds-space-18x) * -1) !important;
  margin-bottom: calc(var(--ds-space-18x) * -1) !important;
}
.my-nxs {
  margin-top: calc(var(--ds-space-2x) * -1) !important;
  margin-bottom: calc(var(--ds-space-2x) * -1) !important;
}
.my-nsm {
  margin-top: calc(var(--ds-space-4x) * -1) !important;
  margin-bottom: calc(var(--ds-space-4x) * -1) !important;
}
.my-nmd {
  margin-top: calc(var(--ds-space-6x) * -1) !important;
  margin-bottom: calc(var(--ds-space-6x) * -1) !important;
}
.my-nlg {
  margin-top: calc(var(--ds-space-8x) * -1) !important;
  margin-bottom: calc(var(--ds-space-8x) * -1) !important;
}
.my-nxl {
  margin-top: calc(var(--ds-space-12x) * -1) !important;
  margin-bottom: calc(var(--ds-space-12x) * -1) !important;
}
.mt-n0x {
  margin-top: calc(var(--ds-space-0x) * -1) !important;
}
.mt-n05x {
  margin-top: calc(var(--ds-space-05x) * -1) !important;
}
.mt-n1x {
  margin-top: calc(var(--ds-space-1x) * -1) !important;
}
.mt-n2x {
  margin-top: calc(var(--ds-space-2x) * -1) !important;
}
.mt-n3x {
  margin-top: calc(var(--ds-space-3x) * -1) !important;
}
.mt-n4x {
  margin-top: calc(var(--ds-space-4x) * -1) !important;
}
.mt-n5x {
  margin-top: calc(var(--ds-space-5x) * -1) !important;
}
.mt-n6x {
  margin-top: calc(var(--ds-space-6x) * -1) !important;
}
.mt-n7x {
  margin-top: calc(var(--ds-space-7x) * -1) !important;
}
.mt-n8x {
  margin-top: calc(var(--ds-space-8x) * -1) !important;
}
.mt-n9x {
  margin-top: calc(var(--ds-space-9x) * -1) !important;
}
.mt-n10x {
  margin-top: calc(var(--ds-space-10x) * -1) !important;
}
.mt-n11x {
  margin-top: calc(var(--ds-space-11x) * -1) !important;
}
.mt-n12x {
  margin-top: calc(var(--ds-space-12x) * -1) !important;
}
.mt-n13x {
  margin-top: calc(var(--ds-space-13x) * -1) !important;
}
.mt-n14x {
  margin-top: calc(var(--ds-space-14x) * -1) !important;
}
.mt-n15x {
  margin-top: calc(var(--ds-space-15x) * -1) !important;
}
.mt-n16x {
  margin-top: calc(var(--ds-space-16x) * -1) !important;
}
.mt-n17x {
  margin-top: calc(var(--ds-space-17x) * -1) !important;
}
.mt-n18x {
  margin-top: calc(var(--ds-space-18x) * -1) !important;
}
.mt-nxs {
  margin-top: calc(var(--ds-space-2x) * -1) !important;
}
.mt-nsm {
  margin-top: calc(var(--ds-space-4x) * -1) !important;
}
.mt-nmd {
  margin-top: calc(var(--ds-space-6x) * -1) !important;
}
.mt-nlg {
  margin-top: calc(var(--ds-space-8x) * -1) !important;
}
.mt-nxl {
  margin-top: calc(var(--ds-space-12x) * -1) !important;
}
.me-n0x {
  margin-right: calc(var(--ds-space-0x) * -1) !important;
}
.me-n05x {
  margin-right: calc(var(--ds-space-05x) * -1) !important;
}
.me-n1x {
  margin-right: calc(var(--ds-space-1x) * -1) !important;
}
.me-n2x {
  margin-right: calc(var(--ds-space-2x) * -1) !important;
}
.me-n3x {
  margin-right: calc(var(--ds-space-3x) * -1) !important;
}
.me-n4x {
  margin-right: calc(var(--ds-space-4x) * -1) !important;
}
.me-n5x {
  margin-right: calc(var(--ds-space-5x) * -1) !important;
}
.me-n6x {
  margin-right: calc(var(--ds-space-6x) * -1) !important;
}
.me-n7x {
  margin-right: calc(var(--ds-space-7x) * -1) !important;
}
.me-n8x {
  margin-right: calc(var(--ds-space-8x) * -1) !important;
}
.me-n9x {
  margin-right: calc(var(--ds-space-9x) * -1) !important;
}
.me-n10x {
  margin-right: calc(var(--ds-space-10x) * -1) !important;
}
.me-n11x {
  margin-right: calc(var(--ds-space-11x) * -1) !important;
}
.me-n12x {
  margin-right: calc(var(--ds-space-12x) * -1) !important;
}
.me-n13x {
  margin-right: calc(var(--ds-space-13x) * -1) !important;
}
.me-n14x {
  margin-right: calc(var(--ds-space-14x) * -1) !important;
}
.me-n15x {
  margin-right: calc(var(--ds-space-15x) * -1) !important;
}
.me-n16x {
  margin-right: calc(var(--ds-space-16x) * -1) !important;
}
.me-n17x {
  margin-right: calc(var(--ds-space-17x) * -1) !important;
}
.me-n18x {
  margin-right: calc(var(--ds-space-18x) * -1) !important;
}
.me-nxs {
  margin-right: calc(var(--ds-space-2x) * -1) !important;
}
.me-nsm {
  margin-right: calc(var(--ds-space-4x) * -1) !important;
}
.me-nmd {
  margin-right: calc(var(--ds-space-6x) * -1) !important;
}
.me-nlg {
  margin-right: calc(var(--ds-space-8x) * -1) !important;
}
.me-nxl {
  margin-right: calc(var(--ds-space-12x) * -1) !important;
}
.mb-n0x {
  margin-bottom: calc(var(--ds-space-0x) * -1) !important;
}
.mb-n05x {
  margin-bottom: calc(var(--ds-space-05x) * -1) !important;
}
.mb-n1x {
  margin-bottom: calc(var(--ds-space-1x) * -1) !important;
}
.mb-n2x {
  margin-bottom: calc(var(--ds-space-2x) * -1) !important;
}
.mb-n3x {
  margin-bottom: calc(var(--ds-space-3x) * -1) !important;
}
.mb-n4x {
  margin-bottom: calc(var(--ds-space-4x) * -1) !important;
}
.mb-n5x {
  margin-bottom: calc(var(--ds-space-5x) * -1) !important;
}
.mb-n6x {
  margin-bottom: calc(var(--ds-space-6x) * -1) !important;
}
.mb-n7x {
  margin-bottom: calc(var(--ds-space-7x) * -1) !important;
}
.mb-n8x {
  margin-bottom: calc(var(--ds-space-8x) * -1) !important;
}
.mb-n9x {
  margin-bottom: calc(var(--ds-space-9x) * -1) !important;
}
.mb-n10x {
  margin-bottom: calc(var(--ds-space-10x) * -1) !important;
}
.mb-n11x {
  margin-bottom: calc(var(--ds-space-11x) * -1) !important;
}
.mb-n12x {
  margin-bottom: calc(var(--ds-space-12x) * -1) !important;
}
.mb-n13x {
  margin-bottom: calc(var(--ds-space-13x) * -1) !important;
}
.mb-n14x {
  margin-bottom: calc(var(--ds-space-14x) * -1) !important;
}
.mb-n15x {
  margin-bottom: calc(var(--ds-space-15x) * -1) !important;
}
.mb-n16x {
  margin-bottom: calc(var(--ds-space-16x) * -1) !important;
}
.mb-n17x {
  margin-bottom: calc(var(--ds-space-17x) * -1) !important;
}
.mb-n18x {
  margin-bottom: calc(var(--ds-space-18x) * -1) !important;
}
.mb-nxs {
  margin-bottom: calc(var(--ds-space-2x) * -1) !important;
}
.mb-nsm {
  margin-bottom: calc(var(--ds-space-4x) * -1) !important;
}
.mb-nmd {
  margin-bottom: calc(var(--ds-space-6x) * -1) !important;
}
.mb-nlg {
  margin-bottom: calc(var(--ds-space-8x) * -1) !important;
}
.mb-nxl {
  margin-bottom: calc(var(--ds-space-12x) * -1) !important;
}
.ms-n0x {
  margin-left: calc(var(--ds-space-0x) * -1) !important;
}
.ms-n05x {
  margin-left: calc(var(--ds-space-05x) * -1) !important;
}
.ms-n1x {
  margin-left: calc(var(--ds-space-1x) * -1) !important;
}
.ms-n2x {
  margin-left: calc(var(--ds-space-2x) * -1) !important;
}
.ms-n3x {
  margin-left: calc(var(--ds-space-3x) * -1) !important;
}
.ms-n4x {
  margin-left: calc(var(--ds-space-4x) * -1) !important;
}
.ms-n5x {
  margin-left: calc(var(--ds-space-5x) * -1) !important;
}
.ms-n6x {
  margin-left: calc(var(--ds-space-6x) * -1) !important;
}
.ms-n7x {
  margin-left: calc(var(--ds-space-7x) * -1) !important;
}
.ms-n8x {
  margin-left: calc(var(--ds-space-8x) * -1) !important;
}
.ms-n9x {
  margin-left: calc(var(--ds-space-9x) * -1) !important;
}
.ms-n10x {
  margin-left: calc(var(--ds-space-10x) * -1) !important;
}
.ms-n11x {
  margin-left: calc(var(--ds-space-11x) * -1) !important;
}
.ms-n12x {
  margin-left: calc(var(--ds-space-12x) * -1) !important;
}
.ms-n13x {
  margin-left: calc(var(--ds-space-13x) * -1) !important;
}
.ms-n14x {
  margin-left: calc(var(--ds-space-14x) * -1) !important;
}
.ms-n15x {
  margin-left: calc(var(--ds-space-15x) * -1) !important;
}
.ms-n16x {
  margin-left: calc(var(--ds-space-16x) * -1) !important;
}
.ms-n17x {
  margin-left: calc(var(--ds-space-17x) * -1) !important;
}
.ms-n18x {
  margin-left: calc(var(--ds-space-18x) * -1) !important;
}
.ms-nxs {
  margin-left: calc(var(--ds-space-2x) * -1) !important;
}
.ms-nsm {
  margin-left: calc(var(--ds-space-4x) * -1) !important;
}
.ms-nmd {
  margin-left: calc(var(--ds-space-6x) * -1) !important;
}
.ms-nlg {
  margin-left: calc(var(--ds-space-8x) * -1) !important;
}
.ms-nxl {
  margin-left: calc(var(--ds-space-12x) * -1) !important;
}
.p-0x {
  padding: var(--ds-space-0x) !important;
}
.p-05x {
  padding: var(--ds-space-05x) !important;
}
.p-1x {
  padding: var(--ds-space-1x) !important;
}
.p-2x {
  padding: var(--ds-space-2x) !important;
}
.p-3x {
  padding: var(--ds-space-3x) !important;
}
.p-4x {
  padding: var(--ds-space-4x) !important;
}
.p-5x {
  padding: var(--ds-space-5x) !important;
}
.p-6x {
  padding: var(--ds-space-6x) !important;
}
.p-7x {
  padding: var(--ds-space-7x) !important;
}
.p-8x {
  padding: var(--ds-space-8x) !important;
}
.p-9x {
  padding: var(--ds-space-9x) !important;
}
.p-10x {
  padding: var(--ds-space-10x) !important;
}
.p-11x {
  padding: var(--ds-space-11x) !important;
}
.p-12x {
  padding: var(--ds-space-12x) !important;
}
.p-13x {
  padding: var(--ds-space-13x) !important;
}
.p-14x {
  padding: var(--ds-space-14x) !important;
}
.p-15x {
  padding: var(--ds-space-15x) !important;
}
.p-16x {
  padding: var(--ds-space-16x) !important;
}
.p-17x {
  padding: var(--ds-space-17x) !important;
}
.p-18x {
  padding: var(--ds-space-18x) !important;
}
.p-xs {
  padding: var(--ds-space-2x) !important;
}
.p-sm {
  padding: var(--ds-space-4x) !important;
}
.p-md {
  padding: var(--ds-space-6x) !important;
}
.p-lg {
  padding: var(--ds-space-8x) !important;
}
.p-xl {
  padding: var(--ds-space-12x) !important;
}
.px-0x {
  padding-right: var(--ds-space-0x) !important;
  padding-left: var(--ds-space-0x) !important;
}
.px-05x {
  padding-right: var(--ds-space-05x) !important;
  padding-left: var(--ds-space-05x) !important;
}
.px-1x {
  padding-right: var(--ds-space-1x) !important;
  padding-left: var(--ds-space-1x) !important;
}
.px-2x {
  padding-right: var(--ds-space-2x) !important;
  padding-left: var(--ds-space-2x) !important;
}
.px-3x {
  padding-right: var(--ds-space-3x) !important;
  padding-left: var(--ds-space-3x) !important;
}
.px-4x {
  padding-right: var(--ds-space-4x) !important;
  padding-left: var(--ds-space-4x) !important;
}
.px-5x {
  padding-right: var(--ds-space-5x) !important;
  padding-left: var(--ds-space-5x) !important;
}
.px-6x {
  padding-right: var(--ds-space-6x) !important;
  padding-left: var(--ds-space-6x) !important;
}
.px-7x {
  padding-right: var(--ds-space-7x) !important;
  padding-left: var(--ds-space-7x) !important;
}
.px-8x {
  padding-right: var(--ds-space-8x) !important;
  padding-left: var(--ds-space-8x) !important;
}
.px-9x {
  padding-right: var(--ds-space-9x) !important;
  padding-left: var(--ds-space-9x) !important;
}
.px-10x {
  padding-right: var(--ds-space-10x) !important;
  padding-left: var(--ds-space-10x) !important;
}
.px-11x {
  padding-right: var(--ds-space-11x) !important;
  padding-left: var(--ds-space-11x) !important;
}
.px-12x {
  padding-right: var(--ds-space-12x) !important;
  padding-left: var(--ds-space-12x) !important;
}
.px-13x {
  padding-right: var(--ds-space-13x) !important;
  padding-left: var(--ds-space-13x) !important;
}
.px-14x {
  padding-right: var(--ds-space-14x) !important;
  padding-left: var(--ds-space-14x) !important;
}
.px-15x {
  padding-right: var(--ds-space-15x) !important;
  padding-left: var(--ds-space-15x) !important;
}
.px-16x {
  padding-right: var(--ds-space-16x) !important;
  padding-left: var(--ds-space-16x) !important;
}
.px-17x {
  padding-right: var(--ds-space-17x) !important;
  padding-left: var(--ds-space-17x) !important;
}
.px-18x {
  padding-right: var(--ds-space-18x) !important;
  padding-left: var(--ds-space-18x) !important;
}
.px-xs {
  padding-right: var(--ds-space-2x) !important;
  padding-left: var(--ds-space-2x) !important;
}
.px-sm {
  padding-right: var(--ds-space-4x) !important;
  padding-left: var(--ds-space-4x) !important;
}
.px-md {
  padding-right: var(--ds-space-6x) !important;
  padding-left: var(--ds-space-6x) !important;
}
.px-lg {
  padding-right: var(--ds-space-8x) !important;
  padding-left: var(--ds-space-8x) !important;
}
.px-xl {
  padding-right: var(--ds-space-12x) !important;
  padding-left: var(--ds-space-12x) !important;
}
.py-0x {
  padding-top: var(--ds-space-0x) !important;
  padding-bottom: var(--ds-space-0x) !important;
}
.py-05x {
  padding-top: var(--ds-space-05x) !important;
  padding-bottom: var(--ds-space-05x) !important;
}
.py-1x {
  padding-top: var(--ds-space-1x) !important;
  padding-bottom: var(--ds-space-1x) !important;
}
.py-2x {
  padding-top: var(--ds-space-2x) !important;
  padding-bottom: var(--ds-space-2x) !important;
}
.py-3x {
  padding-top: var(--ds-space-3x) !important;
  padding-bottom: var(--ds-space-3x) !important;
}
.py-4x {
  padding-top: var(--ds-space-4x) !important;
  padding-bottom: var(--ds-space-4x) !important;
}
.py-5x {
  padding-top: var(--ds-space-5x) !important;
  padding-bottom: var(--ds-space-5x) !important;
}
.py-6x {
  padding-top: var(--ds-space-6x) !important;
  padding-bottom: var(--ds-space-6x) !important;
}
.py-7x {
  padding-top: var(--ds-space-7x) !important;
  padding-bottom: var(--ds-space-7x) !important;
}
.py-8x {
  padding-top: var(--ds-space-8x) !important;
  padding-bottom: var(--ds-space-8x) !important;
}
.py-9x {
  padding-top: var(--ds-space-9x) !important;
  padding-bottom: var(--ds-space-9x) !important;
}
.py-10x {
  padding-top: var(--ds-space-10x) !important;
  padding-bottom: var(--ds-space-10x) !important;
}
.py-11x {
  padding-top: var(--ds-space-11x) !important;
  padding-bottom: var(--ds-space-11x) !important;
}
.py-12x {
  padding-top: var(--ds-space-12x) !important;
  padding-bottom: var(--ds-space-12x) !important;
}
.py-13x {
  padding-top: var(--ds-space-13x) !important;
  padding-bottom: var(--ds-space-13x) !important;
}
.py-14x {
  padding-top: var(--ds-space-14x) !important;
  padding-bottom: var(--ds-space-14x) !important;
}
.py-15x {
  padding-top: var(--ds-space-15x) !important;
  padding-bottom: var(--ds-space-15x) !important;
}
.py-16x {
  padding-top: var(--ds-space-16x) !important;
  padding-bottom: var(--ds-space-16x) !important;
}
.py-17x {
  padding-top: var(--ds-space-17x) !important;
  padding-bottom: var(--ds-space-17x) !important;
}
.py-18x {
  padding-top: var(--ds-space-18x) !important;
  padding-bottom: var(--ds-space-18x) !important;
}
.py-xs {
  padding-top: var(--ds-space-2x) !important;
  padding-bottom: var(--ds-space-2x) !important;
}
.py-sm {
  padding-top: var(--ds-space-4x) !important;
  padding-bottom: var(--ds-space-4x) !important;
}
.py-md {
  padding-top: var(--ds-space-6x) !important;
  padding-bottom: var(--ds-space-6x) !important;
}
.py-lg {
  padding-top: var(--ds-space-8x) !important;
  padding-bottom: var(--ds-space-8x) !important;
}
.py-xl {
  padding-top: var(--ds-space-12x) !important;
  padding-bottom: var(--ds-space-12x) !important;
}
.pt-0x {
  padding-top: var(--ds-space-0x) !important;
}
.pt-05x {
  padding-top: var(--ds-space-05x) !important;
}
.pt-1x {
  padding-top: var(--ds-space-1x) !important;
}
.pt-2x {
  padding-top: var(--ds-space-2x) !important;
}
.pt-3x {
  padding-top: var(--ds-space-3x) !important;
}
.pt-4x {
  padding-top: var(--ds-space-4x) !important;
}
.pt-5x {
  padding-top: var(--ds-space-5x) !important;
}
.pt-6x {
  padding-top: var(--ds-space-6x) !important;
}
.pt-7x {
  padding-top: var(--ds-space-7x) !important;
}
.pt-8x {
  padding-top: var(--ds-space-8x) !important;
}
.pt-9x {
  padding-top: var(--ds-space-9x) !important;
}
.pt-10x {
  padding-top: var(--ds-space-10x) !important;
}
.pt-11x {
  padding-top: var(--ds-space-11x) !important;
}
.pt-12x {
  padding-top: var(--ds-space-12x) !important;
}
.pt-13x {
  padding-top: var(--ds-space-13x) !important;
}
.pt-14x {
  padding-top: var(--ds-space-14x) !important;
}
.pt-15x {
  padding-top: var(--ds-space-15x) !important;
}
.pt-16x {
  padding-top: var(--ds-space-16x) !important;
}
.pt-17x {
  padding-top: var(--ds-space-17x) !important;
}
.pt-18x {
  padding-top: var(--ds-space-18x) !important;
}
.pt-xs {
  padding-top: var(--ds-space-2x) !important;
}
.pt-sm {
  padding-top: var(--ds-space-4x) !important;
}
.pt-md {
  padding-top: var(--ds-space-6x) !important;
}
.pt-lg {
  padding-top: var(--ds-space-8x) !important;
}
.pt-xl {
  padding-top: var(--ds-space-12x) !important;
}
.pe-0x {
  padding-right: var(--ds-space-0x) !important;
}
.pe-05x {
  padding-right: var(--ds-space-05x) !important;
}
.pe-1x {
  padding-right: var(--ds-space-1x) !important;
}
.pe-2x {
  padding-right: var(--ds-space-2x) !important;
}
.pe-3x {
  padding-right: var(--ds-space-3x) !important;
}
.pe-4x {
  padding-right: var(--ds-space-4x) !important;
}
.pe-5x {
  padding-right: var(--ds-space-5x) !important;
}
.pe-6x {
  padding-right: var(--ds-space-6x) !important;
}
.pe-7x {
  padding-right: var(--ds-space-7x) !important;
}
.pe-8x {
  padding-right: var(--ds-space-8x) !important;
}
.pe-9x {
  padding-right: var(--ds-space-9x) !important;
}
.pe-10x {
  padding-right: var(--ds-space-10x) !important;
}
.pe-11x {
  padding-right: var(--ds-space-11x) !important;
}
.pe-12x {
  padding-right: var(--ds-space-12x) !important;
}
.pe-13x {
  padding-right: var(--ds-space-13x) !important;
}
.pe-14x {
  padding-right: var(--ds-space-14x) !important;
}
.pe-15x {
  padding-right: var(--ds-space-15x) !important;
}
.pe-16x {
  padding-right: var(--ds-space-16x) !important;
}
.pe-17x {
  padding-right: var(--ds-space-17x) !important;
}
.pe-18x {
  padding-right: var(--ds-space-18x) !important;
}
.pe-xs {
  padding-right: var(--ds-space-2x) !important;
}
.pe-sm {
  padding-right: var(--ds-space-4x) !important;
}
.pe-md {
  padding-right: var(--ds-space-6x) !important;
}
.pe-lg {
  padding-right: var(--ds-space-8x) !important;
}
.pe-xl {
  padding-right: var(--ds-space-12x) !important;
}
.pb-0x {
  padding-bottom: var(--ds-space-0x) !important;
}
.pb-05x {
  padding-bottom: var(--ds-space-05x) !important;
}
.pb-1x {
  padding-bottom: var(--ds-space-1x) !important;
}
.pb-2x {
  padding-bottom: var(--ds-space-2x) !important;
}
.pb-3x {
  padding-bottom: var(--ds-space-3x) !important;
}
.pb-4x {
  padding-bottom: var(--ds-space-4x) !important;
}
.pb-5x {
  padding-bottom: var(--ds-space-5x) !important;
}
.pb-6x {
  padding-bottom: var(--ds-space-6x) !important;
}
.pb-7x {
  padding-bottom: var(--ds-space-7x) !important;
}
.pb-8x {
  padding-bottom: var(--ds-space-8x) !important;
}
.pb-9x {
  padding-bottom: var(--ds-space-9x) !important;
}
.pb-10x {
  padding-bottom: var(--ds-space-10x) !important;
}
.pb-11x {
  padding-bottom: var(--ds-space-11x) !important;
}
.pb-12x {
  padding-bottom: var(--ds-space-12x) !important;
}
.pb-13x {
  padding-bottom: var(--ds-space-13x) !important;
}
.pb-14x {
  padding-bottom: var(--ds-space-14x) !important;
}
.pb-15x {
  padding-bottom: var(--ds-space-15x) !important;
}
.pb-16x {
  padding-bottom: var(--ds-space-16x) !important;
}
.pb-17x {
  padding-bottom: var(--ds-space-17x) !important;
}
.pb-18x {
  padding-bottom: var(--ds-space-18x) !important;
}
.pb-xs {
  padding-bottom: var(--ds-space-2x) !important;
}
.pb-sm {
  padding-bottom: var(--ds-space-4x) !important;
}
.pb-md {
  padding-bottom: var(--ds-space-6x) !important;
}
.pb-lg {
  padding-bottom: var(--ds-space-8x) !important;
}
.pb-xl {
  padding-bottom: var(--ds-space-12x) !important;
}
.ps-0x {
  padding-left: var(--ds-space-0x) !important;
}
.ps-05x {
  padding-left: var(--ds-space-05x) !important;
}
.ps-1x {
  padding-left: var(--ds-space-1x) !important;
}
.ps-2x {
  padding-left: var(--ds-space-2x) !important;
}
.ps-3x {
  padding-left: var(--ds-space-3x) !important;
}
.ps-4x {
  padding-left: var(--ds-space-4x) !important;
}
.ps-5x {
  padding-left: var(--ds-space-5x) !important;
}
.ps-6x {
  padding-left: var(--ds-space-6x) !important;
}
.ps-7x {
  padding-left: var(--ds-space-7x) !important;
}
.ps-8x {
  padding-left: var(--ds-space-8x) !important;
}
.ps-9x {
  padding-left: var(--ds-space-9x) !important;
}
.ps-10x {
  padding-left: var(--ds-space-10x) !important;
}
.ps-11x {
  padding-left: var(--ds-space-11x) !important;
}
.ps-12x {
  padding-left: var(--ds-space-12x) !important;
}
.ps-13x {
  padding-left: var(--ds-space-13x) !important;
}
.ps-14x {
  padding-left: var(--ds-space-14x) !important;
}
.ps-15x {
  padding-left: var(--ds-space-15x) !important;
}
.ps-16x {
  padding-left: var(--ds-space-16x) !important;
}
.ps-17x {
  padding-left: var(--ds-space-17x) !important;
}
.ps-18x {
  padding-left: var(--ds-space-18x) !important;
}
.ps-xs {
  padding-left: var(--ds-space-2x) !important;
}
.ps-sm {
  padding-left: var(--ds-space-4x) !important;
}
.ps-md {
  padding-left: var(--ds-space-6x) !important;
}
.ps-lg {
  padding-left: var(--ds-space-8x) !important;
}
.ps-xl {
  padding-left: var(--ds-space-12x) !important;
}
.font-base {
  font-family: var(--ds-typography-family-base) !important;
}
.font-heading {
  font-family: var(--ds-typography-family-heading-md) !important;
}
.font-code {
  font-family: var(--ds-typography-family-code) !important;
}
.fs-1 {
  font-size: var(--ds-typography-size-01) !important;
}
.fs-2 {
  font-size: var(--ds-typography-size-02) !important;
}
.fs-3 {
  font-size: var(--ds-typography-size-03) !important;
}
.fs-4 {
  font-size: var(--ds-typography-size-04) !important;
}
.fs-5 {
  font-size: var(--ds-typography-size-05) !important;
}
.fs-6 {
  font-size: var(--ds-typography-size-06) !important;
}
.fs-7 {
  font-size: var(--ds-typography-size-07) !important;
}
.fs-8 {
  font-size: var(--ds-typography-size-08) !important;
}
.fs-9 {
  font-size: var(--ds-typography-size-09) !important;
}
.fs-10 {
  font-size: var(--ds-typography-size-10) !important;
}
.fs-11 {
  font-size: var(--ds-typography-size-11) !important;
}
.fs-12 {
  font-size: var(--ds-typography-size-12) !important;
}
.fs-13 {
  font-size: var(--ds-typography-size-13) !important;
}
.fs-14 {
  font-size: var(--ds-typography-size-14) !important;
}
.fs-15 {
  font-size: var(--ds-typography-size-15) !important;
}
.fs-smallprint {
  font-size: var(--ds-typography-size-smallprint) !important;
}
.fs-label {
  font-size: var(--ds-typography-size-label) !important;
}
.fs-regular {
  font-size: var(--ds-typography-size-regular) !important;
}
.fs-paragraph {
  font-size: var(--ds-typography-size-paragraph) !important;
}
.fs-title-xs {
  font-size: var(--ds-typography-size-title-xs) !important;
}
.fs-title-sm {
  font-size: var(--ds-typography-size-title-sm) !important;
}
.fs-title-md {
  font-size: var(--ds-typography-size-title-md) !important;
}
.fs-title-lg {
  font-size: var(--ds-typography-size-title-lg) !important;
}
.fst-italic {
  font-style: italic !important;
}
.fst-normal {
  font-style: normal !important;
}
.fw-regular {
  font-weight: var(--ds-typography-weight-regular) !important;
}
.fw-medium {
  font-weight: var(--ds-typography-weight-medium) !important;
}
.fw-strong {
  font-weight: var(--ds-typography-weight-strong) !important;
}
.lh-1 {
  line-height: 1 !important;
}
.lh-smallprint {
  line-height: var(--ds-typography-line-height-smallprint) !important;
}
.lh-label {
  line-height: var(--ds-typography-line-height-label) !important;
}
.lh-regular {
  line-height: var(--ds-typography-line-height-regular) !important;
}
.lh-paragraph {
  line-height: var(--ds-typography-line-height-paragraph) !important;
}
.lh-title-xs {
  line-height: var(--ds-typography-line-height-title-xs) !important;
}
.lh-title-sm {
  line-height: var(--ds-typography-line-height-title-sm) !important;
}
.lh-title-md {
  line-height: var(--ds-typography-line-height-title-md) !important;
}
.lh-title-lg {
  line-height: var(--ds-typography-line-height-title-lg) !important;
}
.lh-title-xl {
  line-height: var(--ds-typography-line-height-title-xl) !important;
}
.text-start {
  text-align: left !important;
}
.text-end {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
.text-base {
  color: var(--ds-color-typography-base) !important;
}
.text-invert {
  color: var(--ds-color-typography-invert) !important;
}
.text-action {
  color: var(--ds-color-typography-action) !important;
}
.text-action-hover {
  color: var(--ds-color-typography-action-hover) !important;
}
.text-action-active {
  color: var(--ds-color-typography-action-active) !important;
}
.text-neutral {
  color: var(--ds-color-typography-neutral) !important;
}
.text-info {
  color: var(--ds-color-typography-info) !important;
}
.text-positive {
  color: var(--ds-color-typography-positive) !important;
}
.text-caution {
  color: var(--ds-color-typography-caution) !important;
}
.text-critical {
  color: var(--ds-color-typography-critical) !important;
}
.text-disabled {
  color: var(--ds-color-typography-disabled) !important;
}
.text-reset {
  color: inherit !important;
}
.svg-base {
  color: var(--ds-color-surface-base) !important;
}
.svg-invert {
  color: var(--ds-color-surface-invert) !important;
}
.svg-page {
  color: var(--ds-color-surface-page) !important;
}
.svg-action {
  color: var(--ds-color-surface-action) !important;
}
.svg-action-hover {
  color: var(--ds-color-surface-action-hover) !important;
}
.svg-action-active {
  color: var(--ds-color-surface-action-active) !important;
}
.svg-action-mild {
  color: var(--ds-color-surface-action-mild) !important;
}
.svg-action-strong {
  color: var(--ds-color-surface-action-strong) !important;
}
.svg-action-strong-hover {
  color: var(--ds-color-surface-action-strong-hover) !important;
}
.svg-action-strong-active {
  color: var(--ds-color-surface-action-strong-active) !important;
}
.svg-neutral {
  color: var(--ds-color-surface-neutral) !important;
}
.svg-neutral-mild {
  color: var(--ds-color-surface-neutral-mild) !important;
}
.svg-neutral-strong {
  color: var(--ds-color-surface-neutral-strong) !important;
}
.svg-info {
  color: var(--ds-color-surface-info) !important;
}
.svg-info-mild {
  color: var(--ds-color-surface-info-mild) !important;
}
.svg-info-strong {
  color: var(--ds-color-surface-info-strong) !important;
}
.svg-positive {
  color: var(--ds-color-surface-positive) !important;
}
.svg-positive-mild {
  color: var(--ds-color-surface-positive-mild) !important;
}
.svg-positive-strong {
  color: var(--ds-color-surface-positive-strong) !important;
}
.svg-caution {
  color: var(--ds-color-surface-caution) !important;
}
.svg-caution-mild {
  color: var(--ds-color-surface-caution-mild) !important;
}
.svg-caution-strong {
  color: var(--ds-color-surface-caution-strong) !important;
}
.svg-critical {
  color: var(--ds-color-surface-critical) !important;
}
.svg-critical-mild {
  color: var(--ds-color-surface-critical-mild) !important;
}
.svg-critical-strong {
  color: var(--ds-color-surface-critical-strong) !important;
}
.svg-disabled {
  color: var(--ds-color-surface-disabled) !important;
}
.svg-transparent {
  color: var(--ds-color-surface-transparent) !important;
}
.svg-reset {
  color: inherit !important;
}
.bg-base {
  background-color: var(--ds-color-surface-base) !important;
}
.bg-invert {
  background-color: var(--ds-color-surface-invert) !important;
}
.bg-page {
  background-color: var(--ds-color-surface-page) !important;
}
.bg-action {
  background-color: var(--ds-color-surface-action) !important;
}
.bg-action-hover {
  background-color: var(--ds-color-surface-action-hover) !important;
}
.bg-action-active {
  background-color: var(--ds-color-surface-action-active) !important;
}
.bg-action-mild {
  background-color: var(--ds-color-surface-action-mild) !important;
}
.bg-action-strong {
  background-color: var(--ds-color-surface-action-strong) !important;
}
.bg-action-strong-hover {
  background-color: var(--ds-color-surface-action-strong-hover) !important;
}
.bg-action-strong-active {
  background-color: var(--ds-color-surface-action-strong-active) !important;
}
.bg-neutral {
  background-color: var(--ds-color-surface-neutral) !important;
}
.bg-neutral-mild {
  background-color: var(--ds-color-surface-neutral-mild) !important;
}
.bg-neutral-strong {
  background-color: var(--ds-color-surface-neutral-strong) !important;
}
.bg-info {
  background-color: var(--ds-color-surface-info) !important;
}
.bg-info-mild {
  background-color: var(--ds-color-surface-info-mild) !important;
}
.bg-info-strong {
  background-color: var(--ds-color-surface-info-strong) !important;
}
.bg-positive {
  background-color: var(--ds-color-surface-positive) !important;
}
.bg-positive-mild {
  background-color: var(--ds-color-surface-positive-mild) !important;
}
.bg-positive-strong {
  background-color: var(--ds-color-surface-positive-strong) !important;
}
.bg-caution {
  background-color: var(--ds-color-surface-caution) !important;
}
.bg-caution-mild {
  background-color: var(--ds-color-surface-caution-mild) !important;
}
.bg-caution-strong {
  background-color: var(--ds-color-surface-caution-strong) !important;
}
.bg-critical {
  background-color: var(--ds-color-surface-critical) !important;
}
.bg-critical-mild {
  background-color: var(--ds-color-surface-critical-mild) !important;
}
.bg-critical-strong {
  background-color: var(--ds-color-surface-critical-strong) !important;
}
.bg-disabled {
  background-color: var(--ds-color-surface-disabled) !important;
}
.bg-transparent {
  background-color: var(--ds-color-surface-transparent) !important;
}
.user-select-all {
  -webkit-user-select: all !important;
  user-select: all !important;
}
.user-select-auto {
  -webkit-user-select: auto !important;
  user-select: auto !important;
}
.user-select-none {
  -webkit-user-select: none !important;
  user-select: none !important;
}
.pe-none {
  pointer-events: none !important;
}
.pe-auto {
  pointer-events: auto !important;
}
.rounded {
  border-radius: var(--ds-shape-radius-base) !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-base {
  border-radius: var(--ds-shape-radius-base) !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-top {
  border-top-left-radius: var(--ds-shape-radius-base) !important;
  border-top-right-radius: var(--ds-shape-radius-base) !important;
}
.rounded-end {
  border-top-right-radius: var(--ds-shape-radius-base) !important;
  border-bottom-right-radius: var(--ds-shape-radius-base) !important;
}
.rounded-bottom {
  border-bottom-right-radius: var(--ds-shape-radius-base) !important;
  border-bottom-left-radius: var(--ds-shape-radius-base) !important;
}
.rounded-start {
  border-bottom-left-radius: var(--ds-shape-radius-base) !important;
  border-top-left-radius: var(--ds-shape-radius-base) !important;
}
.visibility-visible {
  visibility: visible !important;
}
.visibility-hidden {
  visibility: hidden !important;
}
@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .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;
  }
  .gap-sm-0x {
    gap: var(--ds-space-0x) !important;
  }
  .gap-sm-05x {
    gap: var(--ds-space-05x) !important;
  }
  .gap-sm-1x {
    gap: var(--ds-space-1x) !important;
  }
  .gap-sm-2x {
    gap: var(--ds-space-2x) !important;
  }
  .gap-sm-3x {
    gap: var(--ds-space-3x) !important;
  }
  .gap-sm-4x {
    gap: var(--ds-space-4x) !important;
  }
  .gap-sm-5x {
    gap: var(--ds-space-5x) !important;
  }
  .gap-sm-6x {
    gap: var(--ds-space-6x) !important;
  }
  .gap-sm-7x {
    gap: var(--ds-space-7x) !important;
  }
  .gap-sm-8x {
    gap: var(--ds-space-8x) !important;
  }
  .gap-sm-9x {
    gap: var(--ds-space-9x) !important;
  }
  .gap-sm-10x {
    gap: var(--ds-space-10x) !important;
  }
  .gap-sm-11x {
    gap: var(--ds-space-11x) !important;
  }
  .gap-sm-12x {
    gap: var(--ds-space-12x) !important;
  }
  .gap-sm-13x {
    gap: var(--ds-space-13x) !important;
  }
  .gap-sm-14x {
    gap: var(--ds-space-14x) !important;
  }
  .gap-sm-15x {
    gap: var(--ds-space-15x) !important;
  }
  .gap-sm-16x {
    gap: var(--ds-space-16x) !important;
  }
  .gap-sm-17x {
    gap: var(--ds-space-17x) !important;
  }
  .gap-sm-18x {
    gap: var(--ds-space-18x) !important;
  }
  .gap-sm-xs {
    gap: var(--ds-space-2x) !important;
  }
  .gap-sm-sm {
    gap: var(--ds-space-4x) !important;
  }
  .gap-sm-md {
    gap: var(--ds-space-6x) !important;
  }
  .gap-sm-lg {
    gap: var(--ds-space-8x) !important;
  }
  .gap-sm-xl {
    gap: var(--ds-space-12x) !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-0x {
    margin: var(--ds-space-0x) !important;
  }
  .m-sm-05x {
    margin: var(--ds-space-05x) !important;
  }
  .m-sm-1x {
    margin: var(--ds-space-1x) !important;
  }
  .m-sm-2x {
    margin: var(--ds-space-2x) !important;
  }
  .m-sm-3x {
    margin: var(--ds-space-3x) !important;
  }
  .m-sm-4x {
    margin: var(--ds-space-4x) !important;
  }
  .m-sm-5x {
    margin: var(--ds-space-5x) !important;
  }
  .m-sm-6x {
    margin: var(--ds-space-6x) !important;
  }
  .m-sm-7x {
    margin: var(--ds-space-7x) !important;
  }
  .m-sm-8x {
    margin: var(--ds-space-8x) !important;
  }
  .m-sm-9x {
    margin: var(--ds-space-9x) !important;
  }
  .m-sm-10x {
    margin: var(--ds-space-10x) !important;
  }
  .m-sm-11x {
    margin: var(--ds-space-11x) !important;
  }
  .m-sm-12x {
    margin: var(--ds-space-12x) !important;
  }
  .m-sm-13x {
    margin: var(--ds-space-13x) !important;
  }
  .m-sm-14x {
    margin: var(--ds-space-14x) !important;
  }
  .m-sm-15x {
    margin: var(--ds-space-15x) !important;
  }
  .m-sm-16x {
    margin: var(--ds-space-16x) !important;
  }
  .m-sm-17x {
    margin: var(--ds-space-17x) !important;
  }
  .m-sm-18x {
    margin: var(--ds-space-18x) !important;
  }
  .m-sm-xs {
    margin: var(--ds-space-2x) !important;
  }
  .m-sm-sm {
    margin: var(--ds-space-4x) !important;
  }
  .m-sm-md {
    margin: var(--ds-space-6x) !important;
  }
  .m-sm-lg {
    margin: var(--ds-space-8x) !important;
  }
  .m-sm-xl {
    margin: var(--ds-space-12x) !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0x {
    margin-right: var(--ds-space-0x) !important;
    margin-left: var(--ds-space-0x) !important;
  }
  .mx-sm-05x {
    margin-right: var(--ds-space-05x) !important;
    margin-left: var(--ds-space-05x) !important;
  }
  .mx-sm-1x {
    margin-right: var(--ds-space-1x) !important;
    margin-left: var(--ds-space-1x) !important;
  }
  .mx-sm-2x {
    margin-right: var(--ds-space-2x) !important;
    margin-left: var(--ds-space-2x) !important;
  }
  .mx-sm-3x {
    margin-right: var(--ds-space-3x) !important;
    margin-left: var(--ds-space-3x) !important;
  }
  .mx-sm-4x {
    margin-right: var(--ds-space-4x) !important;
    margin-left: var(--ds-space-4x) !important;
  }
  .mx-sm-5x {
    margin-right: var(--ds-space-5x) !important;
    margin-left: var(--ds-space-5x) !important;
  }
  .mx-sm-6x {
    margin-right: var(--ds-space-6x) !important;
    margin-left: var(--ds-space-6x) !important;
  }
  .mx-sm-7x {
    margin-right: var(--ds-space-7x) !important;
    margin-left: var(--ds-space-7x) !important;
  }
  .mx-sm-8x {
    margin-right: var(--ds-space-8x) !important;
    margin-left: var(--ds-space-8x) !important;
  }
  .mx-sm-9x {
    margin-right: var(--ds-space-9x) !important;
    margin-left: var(--ds-space-9x) !important;
  }
  .mx-sm-10x {
    margin-right: var(--ds-space-10x) !important;
    margin-left: var(--ds-space-10x) !important;
  }
  .mx-sm-11x {
    margin-right: var(--ds-space-11x) !important;
    margin-left: var(--ds-space-11x) !important;
  }
  .mx-sm-12x {
    margin-right: var(--ds-space-12x) !important;
    margin-left: var(--ds-space-12x) !important;
  }
  .mx-sm-13x {
    margin-right: var(--ds-space-13x) !important;
    margin-left: var(--ds-space-13x) !important;
  }
  .mx-sm-14x {
    margin-right: var(--ds-space-14x) !important;
    margin-left: var(--ds-space-14x) !important;
  }
  .mx-sm-15x {
    margin-right: var(--ds-space-15x) !important;
    margin-left: var(--ds-space-15x) !important;
  }
  .mx-sm-16x {
    margin-right: var(--ds-space-16x) !important;
    margin-left: var(--ds-space-16x) !important;
  }
  .mx-sm-17x {
    margin-right: var(--ds-space-17x) !important;
    margin-left: var(--ds-space-17x) !important;
  }
  .mx-sm-18x {
    margin-right: var(--ds-space-18x) !important;
    margin-left: var(--ds-space-18x) !important;
  }
  .mx-sm-xs {
    margin-right: var(--ds-space-2x) !important;
    margin-left: var(--ds-space-2x) !important;
  }
  .mx-sm-sm {
    margin-right: var(--ds-space-4x) !important;
    margin-left: var(--ds-space-4x) !important;
  }
  .mx-sm-md {
    margin-right: var(--ds-space-6x) !important;
    margin-left: var(--ds-space-6x) !important;
  }
  .mx-sm-lg {
    margin-right: var(--ds-space-8x) !important;
    margin-left: var(--ds-space-8x) !important;
  }
  .mx-sm-xl {
    margin-right: var(--ds-space-12x) !important;
    margin-left: var(--ds-space-12x) !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0x {
    margin-top: var(--ds-space-0x) !important;
    margin-bottom: var(--ds-space-0x) !important;
  }
  .my-sm-05x {
    margin-top: var(--ds-space-05x) !important;
    margin-bottom: var(--ds-space-05x) !important;
  }
  .my-sm-1x {
    margin-top: var(--ds-space-1x) !important;
    margin-bottom: var(--ds-space-1x) !important;
  }
  .my-sm-2x {
    margin-top: var(--ds-space-2x) !important;
    margin-bottom: var(--ds-space-2x) !important;
  }
  .my-sm-3x {
    margin-top: var(--ds-space-3x) !important;
    margin-bottom: var(--ds-space-3x) !important;
  }
  .my-sm-4x {
    margin-top: var(--ds-space-4x) !important;
    margin-bottom: var(--ds-space-4x) !important;
  }
  .my-sm-5x {
    margin-top: var(--ds-space-5x) !important;
    margin-bottom: var(--ds-space-5x) !important;
  }
  .my-sm-6x {
    margin-top: var(--ds-space-6x) !important;
    margin-bottom: var(--ds-space-6x) !important;
  }
  .my-sm-7x {
    margin-top: var(--ds-space-7x) !important;
    margin-bottom: var(--ds-space-7x) !important;
  }
  .my-sm-8x {
    margin-top: var(--ds-space-8x) !important;
    margin-bottom: var(--ds-space-8x) !important;
  }
  .my-sm-9x {
    margin-top: var(--ds-space-9x) !important;
    margin-bottom: var(--ds-space-9x) !important;
  }
  .my-sm-10x {
    margin-top: var(--ds-space-10x) !important;
    margin-bottom: var(--ds-space-10x) !important;
  }
  .my-sm-11x {
    margin-top: var(--ds-space-11x) !important;
    margin-bottom: var(--ds-space-11x) !important;
  }
  .my-sm-12x {
    margin-top: var(--ds-space-12x) !important;
    margin-bottom: var(--ds-space-12x) !important;
  }
  .my-sm-13x {
    margin-top: var(--ds-space-13x) !important;
    margin-bottom: var(--ds-space-13x) !important;
  }
  .my-sm-14x {
    margin-top: var(--ds-space-14x) !important;
    margin-bottom: var(--ds-space-14x) !important;
  }
  .my-sm-15x {
    margin-top: var(--ds-space-15x) !important;
    margin-bottom: var(--ds-space-15x) !important;
  }
  .my-sm-16x {
    margin-top: var(--ds-space-16x) !important;
    margin-bottom: var(--ds-space-16x) !important;
  }
  .my-sm-17x {
    margin-top: var(--ds-space-17x) !important;
    margin-bottom: var(--ds-space-17x) !important;
  }
  .my-sm-18x {
    margin-top: var(--ds-space-18x) !important;
    margin-bottom: var(--ds-space-18x) !important;
  }
  .my-sm-xs {
    margin-top: var(--ds-space-2x) !important;
    margin-bottom: var(--ds-space-2x) !important;
  }
  .my-sm-sm {
    margin-top: var(--ds-space-4x) !important;
    margin-bottom: var(--ds-space-4x) !important;
  }
  .my-sm-md {
    margin-top: var(--ds-space-6x) !important;
    margin-bottom: var(--ds-space-6x) !important;
  }
  .my-sm-lg {
    margin-top: var(--ds-space-8x) !important;
    margin-bottom: var(--ds-space-8x) !important;
  }
  .my-sm-xl {
    margin-top: var(--ds-space-12x) !important;
    margin-bottom: var(--ds-space-12x) !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0x {
    margin-top: var(--ds-space-0x) !important;
  }
  .mt-sm-05x {
    margin-top: var(--ds-space-05x) !important;
  }
  .mt-sm-1x {
    margin-top: var(--ds-space-1x) !important;
  }
  .mt-sm-2x {
    margin-top: var(--ds-space-2x) !important;
  }
  .mt-sm-3x {
    margin-top: var(--ds-space-3x) !important;
  }
  .mt-sm-4x {
    margin-top: var(--ds-space-4x) !important;
  }
  .mt-sm-5x {
    margin-top: var(--ds-space-5x) !important;
  }
  .mt-sm-6x {
    margin-top: var(--ds-space-6x) !important;
  }
  .mt-sm-7x {
    margin-top: var(--ds-space-7x) !important;
  }
  .mt-sm-8x {
    margin-top: var(--ds-space-8x) !important;
  }
  .mt-sm-9x {
    margin-top: var(--ds-space-9x) !important;
  }
  .mt-sm-10x {
    margin-top: var(--ds-space-10x) !important;
  }
  .mt-sm-11x {
    margin-top: var(--ds-space-11x) !important;
  }
  .mt-sm-12x {
    margin-top: var(--ds-space-12x) !important;
  }
  .mt-sm-13x {
    margin-top: var(--ds-space-13x) !important;
  }
  .mt-sm-14x {
    margin-top: var(--ds-space-14x) !important;
  }
  .mt-sm-15x {
    margin-top: var(--ds-space-15x) !important;
  }
  .mt-sm-16x {
    margin-top: var(--ds-space-16x) !important;
  }
  .mt-sm-17x {
    margin-top: var(--ds-space-17x) !important;
  }
  .mt-sm-18x {
    margin-top: var(--ds-space-18x) !important;
  }
  .mt-sm-xs {
    margin-top: var(--ds-space-2x) !important;
  }
  .mt-sm-sm {
    margin-top: var(--ds-space-4x) !important;
  }
  .mt-sm-md {
    margin-top: var(--ds-space-6x) !important;
  }
  .mt-sm-lg {
    margin-top: var(--ds-space-8x) !important;
  }
  .mt-sm-xl {
    margin-top: var(--ds-space-12x) !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0x {
    margin-right: var(--ds-space-0x) !important;
  }
  .me-sm-05x {
    margin-right: var(--ds-space-05x) !important;
  }
  .me-sm-1x {
    margin-right: var(--ds-space-1x) !important;
  }
  .me-sm-2x {
    margin-right: var(--ds-space-2x) !important;
  }
  .me-sm-3x {
    margin-right: var(--ds-space-3x) !important;
  }
  .me-sm-4x {
    margin-right: var(--ds-space-4x) !important;
  }
  .me-sm-5x {
    margin-right: var(--ds-space-5x) !important;
  }
  .me-sm-6x {
    margin-right: var(--ds-space-6x) !important;
  }
  .me-sm-7x {
    margin-right: var(--ds-space-7x) !important;
  }
  .me-sm-8x {
    margin-right: var(--ds-space-8x) !important;
  }
  .me-sm-9x {
    margin-right: var(--ds-space-9x) !important;
  }
  .me-sm-10x {
    margin-right: var(--ds-space-10x) !important;
  }
  .me-sm-11x {
    margin-right: var(--ds-space-11x) !important;
  }
  .me-sm-12x {
    margin-right: var(--ds-space-12x) !important;
  }
  .me-sm-13x {
    margin-right: var(--ds-space-13x) !important;
  }
  .me-sm-14x {
    margin-right: var(--ds-space-14x) !important;
  }
  .me-sm-15x {
    margin-right: var(--ds-space-15x) !important;
  }
  .me-sm-16x {
    margin-right: var(--ds-space-16x) !important;
  }
  .me-sm-17x {
    margin-right: var(--ds-space-17x) !important;
  }
  .me-sm-18x {
    margin-right: var(--ds-space-18x) !important;
  }
  .me-sm-xs {
    margin-right: var(--ds-space-2x) !important;
  }
  .me-sm-sm {
    margin-right: var(--ds-space-4x) !important;
  }
  .me-sm-md {
    margin-right: var(--ds-space-6x) !important;
  }
  .me-sm-lg {
    margin-right: var(--ds-space-8x) !important;
  }
  .me-sm-xl {
    margin-right: var(--ds-space-12x) !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0x {
    margin-bottom: var(--ds-space-0x) !important;
  }
  .mb-sm-05x {
    margin-bottom: var(--ds-space-05x) !important;
  }
  .mb-sm-1x {
    margin-bottom: var(--ds-space-1x) !important;
  }
  .mb-sm-2x {
    margin-bottom: var(--ds-space-2x) !important;
  }
  .mb-sm-3x {
    margin-bottom: var(--ds-space-3x) !important;
  }
  .mb-sm-4x {
    margin-bottom: var(--ds-space-4x) !important;
  }
  .mb-sm-5x {
    margin-bottom: var(--ds-space-5x) !important;
  }
  .mb-sm-6x {
    margin-bottom: var(--ds-space-6x) !important;
  }
  .mb-sm-7x {
    margin-bottom: var(--ds-space-7x) !important;
  }
  .mb-sm-8x {
    margin-bottom: var(--ds-space-8x) !important;
  }
  .mb-sm-9x {
    margin-bottom: var(--ds-space-9x) !important;
  }
  .mb-sm-10x {
    margin-bottom: var(--ds-space-10x) !important;
  }
  .mb-sm-11x {
    margin-bottom: var(--ds-space-11x) !important;
  }
  .mb-sm-12x {
    margin-bottom: var(--ds-space-12x) !important;
  }
  .mb-sm-13x {
    margin-bottom: var(--ds-space-13x) !important;
  }
  .mb-sm-14x {
    margin-bottom: var(--ds-space-14x) !important;
  }
  .mb-sm-15x {
    margin-bottom: var(--ds-space-15x) !important;
  }
  .mb-sm-16x {
    margin-bottom: var(--ds-space-16x) !important;
  }
  .mb-sm-17x {
    margin-bottom: var(--ds-space-17x) !important;
  }
  .mb-sm-18x {
    margin-bottom: var(--ds-space-18x) !important;
  }
  .mb-sm-xs {
    margin-bottom: var(--ds-space-2x) !important;
  }
  .mb-sm-sm {
    margin-bottom: var(--ds-space-4x) !important;
  }
  .mb-sm-md {
    margin-bottom: var(--ds-space-6x) !important;
  }
  .mb-sm-lg {
    margin-bottom: var(--ds-space-8x) !important;
  }
  .mb-sm-xl {
    margin-bottom: var(--ds-space-12x) !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0x {
    margin-left: var(--ds-space-0x) !important;
  }
  .ms-sm-05x {
    margin-left: var(--ds-space-05x) !important;
  }
  .ms-sm-1x {
    margin-left: var(--ds-space-1x) !important;
  }
  .ms-sm-2x {
    margin-left: var(--ds-space-2x) !important;
  }
  .ms-sm-3x {
    margin-left: var(--ds-space-3x) !important;
  }
  .ms-sm-4x {
    margin-left: var(--ds-space-4x) !important;
  }
  .ms-sm-5x {
    margin-left: var(--ds-space-5x) !important;
  }
  .ms-sm-6x {
    margin-left: var(--ds-space-6x) !important;
  }
  .ms-sm-7x {
    margin-left: var(--ds-space-7x) !important;
  }
  .ms-sm-8x {
    margin-left: var(--ds-space-8x) !important;
  }
  .ms-sm-9x {
    margin-left: var(--ds-space-9x) !important;
  }
  .ms-sm-10x {
    margin-left: var(--ds-space-10x) !important;
  }
  .ms-sm-11x {
    margin-left: var(--ds-space-11x) !important;
  }
  .ms-sm-12x {
    margin-left: var(--ds-space-12x) !important;
  }
  .ms-sm-13x {
    margin-left: var(--ds-space-13x) !important;
  }
  .ms-sm-14x {
    margin-left: var(--ds-space-14x) !important;
  }
  .ms-sm-15x {
    margin-left: var(--ds-space-15x) !important;
  }
  .ms-sm-16x {
    margin-left: var(--ds-space-16x) !important;
  }
  .ms-sm-17x {
    margin-left: var(--ds-space-17x) !important;
  }
  .ms-sm-18x {
    margin-left: var(--ds-space-18x) !important;
  }
  .ms-sm-xs {
    margin-left: var(--ds-space-2x) !important;
  }
  .ms-sm-sm {
    margin-left: var(--ds-space-4x) !important;
  }
  .ms-sm-md {
    margin-left: var(--ds-space-6x) !important;
  }
  .ms-sm-lg {
    margin-left: var(--ds-space-8x) !important;
  }
  .ms-sm-xl {
    margin-left: var(--ds-space-12x) !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .m-sm-n0x {
    margin: calc(var(--ds-space-0x) * -1) !important;
  }
  .m-sm-n05x {
    margin: calc(var(--ds-space-05x) * -1) !important;
  }
  .m-sm-n1x {
    margin: calc(var(--ds-space-1x) * -1) !important;
  }
  .m-sm-n2x {
    margin: calc(var(--ds-space-2x) * -1) !important;
  }
  .m-sm-n3x {
    margin: calc(var(--ds-space-3x) * -1) !important;
  }
  .m-sm-n4x {
    margin: calc(var(--ds-space-4x) * -1) !important;
  }
  .m-sm-n5x {
    margin: calc(var(--ds-space-5x) * -1) !important;
  }
  .m-sm-n6x {
    margin: calc(var(--ds-space-6x) * -1) !important;
  }
  .m-sm-n7x {
    margin: calc(var(--ds-space-7x) * -1) !important;
  }
  .m-sm-n8x {
    margin: calc(var(--ds-space-8x) * -1) !important;
  }
  .m-sm-n9x {
    margin: calc(var(--ds-space-9x) * -1) !important;
  }
  .m-sm-n10x {
    margin: calc(var(--ds-space-10x) * -1) !important;
  }
  .m-sm-n11x {
    margin: calc(var(--ds-space-11x) * -1) !important;
  }
  .m-sm-n12x {
    margin: calc(var(--ds-space-12x) * -1) !important;
  }
  .m-sm-n13x {
    margin: calc(var(--ds-space-13x) * -1) !important;
  }
  .m-sm-n14x {
    margin: calc(var(--ds-space-14x) * -1) !important;
  }
  .m-sm-n15x {
    margin: calc(var(--ds-space-15x) * -1) !important;
  }
  .m-sm-n16x {
    margin: calc(var(--ds-space-16x) * -1) !important;
  }
  .m-sm-n17x {
    margin: calc(var(--ds-space-17x) * -1) !important;
  }
  .m-sm-n18x {
    margin: calc(var(--ds-space-18x) * -1) !important;
  }
  .m-sm-nxs {
    margin: calc(var(--ds-space-2x) * -1) !important;
  }
  .m-sm-nsm {
    margin: calc(var(--ds-space-4x) * -1) !important;
  }
  .m-sm-nmd {
    margin: calc(var(--ds-space-6x) * -1) !important;
  }
  .m-sm-nlg {
    margin: calc(var(--ds-space-8x) * -1) !important;
  }
  .m-sm-nxl {
    margin: calc(var(--ds-space-12x) * -1) !important;
  }
  .mx-sm-n0x {
    margin-right: calc(var(--ds-space-0x) * -1) !important;
    margin-left: calc(var(--ds-space-0x) * -1) !important;
  }
  .mx-sm-n05x {
    margin-right: calc(var(--ds-space-05x) * -1) !important;
    margin-left: calc(var(--ds-space-05x) * -1) !important;
  }
  .mx-sm-n1x {
    margin-right: calc(var(--ds-space-1x) * -1) !important;
    margin-left: calc(var(--ds-space-1x) * -1) !important;
  }
  .mx-sm-n2x {
    margin-right: calc(var(--ds-space-2x) * -1) !important;
    margin-left: calc(var(--ds-space-2x) * -1) !important;
  }
  .mx-sm-n3x {
    margin-right: calc(var(--ds-space-3x) * -1) !important;
    margin-left: calc(var(--ds-space-3x) * -1) !important;
  }
  .mx-sm-n4x {
    margin-right: calc(var(--ds-space-4x) * -1) !important;
    margin-left: calc(var(--ds-space-4x) * -1) !important;
  }
  .mx-sm-n5x {
    margin-right: calc(var(--ds-space-5x) * -1) !important;
    margin-left: calc(var(--ds-space-5x) * -1) !important;
  }
  .mx-sm-n6x {
    margin-right: calc(var(--ds-space-6x) * -1) !important;
    margin-left: calc(var(--ds-space-6x) * -1) !important;
  }
  .mx-sm-n7x {
    margin-right: calc(var(--ds-space-7x) * -1) !important;
    margin-left: calc(var(--ds-space-7x) * -1) !important;
  }
  .mx-sm-n8x {
    margin-right: calc(var(--ds-space-8x) * -1) !important;
    margin-left: calc(var(--ds-space-8x) * -1) !important;
  }
  .mx-sm-n9x {
    margin-right: calc(var(--ds-space-9x) * -1) !important;
    margin-left: calc(var(--ds-space-9x) * -1) !important;
  }
  .mx-sm-n10x {
    margin-right: calc(var(--ds-space-10x) * -1) !important;
    margin-left: calc(var(--ds-space-10x) * -1) !important;
  }
  .mx-sm-n11x {
    margin-right: calc(var(--ds-space-11x) * -1) !important;
    margin-left: calc(var(--ds-space-11x) * -1) !important;
  }
  .mx-sm-n12x {
    margin-right: calc(var(--ds-space-12x) * -1) !important;
    margin-left: calc(var(--ds-space-12x) * -1) !important;
  }
  .mx-sm-n13x {
    margin-right: calc(var(--ds-space-13x) * -1) !important;
    margin-left: calc(var(--ds-space-13x) * -1) !important;
  }
  .mx-sm-n14x {
    margin-right: calc(var(--ds-space-14x) * -1) !important;
    margin-left: calc(var(--ds-space-14x) * -1) !important;
  }
  .mx-sm-n15x {
    margin-right: calc(var(--ds-space-15x) * -1) !important;
    margin-left: calc(var(--ds-space-15x) * -1) !important;
  }
  .mx-sm-n16x {
    margin-right: calc(var(--ds-space-16x) * -1) !important;
    margin-left: calc(var(--ds-space-16x) * -1) !important;
  }
  .mx-sm-n17x {
    margin-right: calc(var(--ds-space-17x) * -1) !important;
    margin-left: calc(var(--ds-space-17x) * -1) !important;
  }
  .mx-sm-n18x {
    margin-right: calc(var(--ds-space-18x) * -1) !important;
    margin-left: calc(var(--ds-space-18x) * -1) !important;
  }
  .mx-sm-nxs {
    margin-right: calc(var(--ds-space-2x) * -1) !important;
    margin-left: calc(var(--ds-space-2x) * -1) !important;
  }
  .mx-sm-nsm {
    margin-right: calc(var(--ds-space-4x) * -1) !important;
    margin-left: calc(var(--ds-space-4x) * -1) !important;
  }
  .mx-sm-nmd {
    margin-right: calc(var(--ds-space-6x) * -1) !important;
    margin-left: calc(var(--ds-space-6x) * -1) !important;
  }
  .mx-sm-nlg {
    margin-right: calc(var(--ds-space-8x) * -1) !important;
    margin-left: calc(var(--ds-space-8x) * -1) !important;
  }
  .mx-sm-nxl {
    margin-right: calc(var(--ds-space-12x) * -1) !important;
    margin-left: calc(var(--ds-space-12x) * -1) !important;
  }
  .my-sm-n0x {
    margin-top: calc(var(--ds-space-0x) * -1) !important;
    margin-bottom: calc(var(--ds-space-0x) * -1) !important;
  }
  .my-sm-n05x {
    margin-top: calc(var(--ds-space-05x) * -1) !important;
    margin-bottom: calc(var(--ds-space-05x) * -1) !important;
  }
  .my-sm-n1x {
    margin-top: calc(var(--ds-space-1x) * -1) !important;
    margin-bottom: calc(var(--ds-space-1x) * -1) !important;
  }
  .my-sm-n2x {
    margin-top: calc(var(--ds-space-2x) * -1) !important;
    margin-bottom: calc(var(--ds-space-2x) * -1) !important;
  }
  .my-sm-n3x {
    margin-top: calc(var(--ds-space-3x) * -1) !important;
    margin-bottom: calc(var(--ds-space-3x) * -1) !important;
  }
  .my-sm-n4x {
    margin-top: calc(var(--ds-space-4x) * -1) !important;
    margin-bottom: calc(var(--ds-space-4x) * -1) !important;
  }
  .my-sm-n5x {
    margin-top: calc(var(--ds-space-5x) * -1) !important;
    margin-bottom: calc(var(--ds-space-5x) * -1) !important;
  }
  .my-sm-n6x {
    margin-top: calc(var(--ds-space-6x) * -1) !important;
    margin-bottom: calc(var(--ds-space-6x) * -1) !important;
  }
  .my-sm-n7x {
    margin-top: calc(var(--ds-space-7x) * -1) !important;
    margin-bottom: calc(var(--ds-space-7x) * -1) !important;
  }
  .my-sm-n8x {
    margin-top: calc(var(--ds-space-8x) * -1) !important;
    margin-bottom: calc(var(--ds-space-8x) * -1) !important;
  }
  .my-sm-n9x {
    margin-top: calc(var(--ds-space-9x) * -1) !important;
    margin-bottom: calc(var(--ds-space-9x) * -1) !important;
  }
  .my-sm-n10x {
    margin-top: calc(var(--ds-space-10x) * -1) !important;
    margin-bottom: calc(var(--ds-space-10x) * -1) !important;
  }
  .my-sm-n11x {
    margin-top: calc(var(--ds-space-11x) * -1) !important;
    margin-bottom: calc(var(--ds-space-11x) * -1) !important;
  }
  .my-sm-n12x {
    margin-top: calc(var(--ds-space-12x) * -1) !important;
    margin-bottom: calc(var(--ds-space-12x) * -1) !important;
  }
  .my-sm-n13x {
    margin-top: calc(var(--ds-space-13x) * -1) !important;
    margin-bottom: calc(var(--ds-space-13x) * -1) !important;
  }
  .my-sm-n14x {
    margin-top: calc(var(--ds-space-14x) * -1) !important;
    margin-bottom: calc(var(--ds-space-14x) * -1) !important;
  }
  .my-sm-n15x {
    margin-top: calc(var(--ds-space-15x) * -1) !important;
    margin-bottom: calc(var(--ds-space-15x) * -1) !important;
  }
  .my-sm-n16x {
    margin-top: calc(var(--ds-space-16x) * -1) !important;
    margin-bottom: calc(var(--ds-space-16x) * -1) !important;
  }
  .my-sm-n17x {
    margin-top: calc(var(--ds-space-17x) * -1) !important;
    margin-bottom: calc(var(--ds-space-17x) * -1) !important;
  }
  .my-sm-n18x {
    margin-top: calc(var(--ds-space-18x) * -1) !important;
    margin-bottom: calc(var(--ds-space-18x) * -1) !important;
  }
  .my-sm-nxs {
    margin-top: calc(var(--ds-space-2x) * -1) !important;
    margin-bottom: calc(var(--ds-space-2x) * -1) !important;
  }
  .my-sm-nsm {
    margin-top: calc(var(--ds-space-4x) * -1) !important;
    margin-bottom: calc(var(--ds-space-4x) * -1) !important;
  }
  .my-sm-nmd {
    margin-top: calc(var(--ds-space-6x) * -1) !important;
    margin-bottom: calc(var(--ds-space-6x) * -1) !important;
  }
  .my-sm-nlg {
    margin-top: calc(var(--ds-space-8x) * -1) !important;
    margin-bottom: calc(var(--ds-space-8x) * -1) !important;
  }
  .my-sm-nxl {
    margin-top: calc(var(--ds-space-12x) * -1) !important;
    margin-bottom: calc(var(--ds-space-12x) * -1) !important;
  }
  .mt-sm-n0x {
    margin-top: calc(var(--ds-space-0x) * -1) !important;
  }
  .mt-sm-n05x {
    margin-top: calc(var(--ds-space-05x) * -1) !important;
  }
  .mt-sm-n1x {
    margin-top: calc(var(--ds-space-1x) * -1) !important;
  }
  .mt-sm-n2x {
    margin-top: calc(var(--ds-space-2x) * -1) !important;
  }
  .mt-sm-n3x {
    margin-top: calc(var(--ds-space-3x) * -1) !important;
  }
  .mt-sm-n4x {
    margin-top: calc(var(--ds-space-4x) * -1) !important;
  }
  .mt-sm-n5x {
    margin-top: calc(var(--ds-space-5x) * -1) !important;
  }
  .mt-sm-n6x {
    margin-top: calc(var(--ds-space-6x) * -1) !important;
  }
  .mt-sm-n7x {
    margin-top: calc(var(--ds-space-7x) * -1) !important;
  }
  .mt-sm-n8x {
    margin-top: calc(var(--ds-space-8x) * -1) !important;
  }
  .mt-sm-n9x {
    margin-top: calc(var(--ds-space-9x) * -1) !important;
  }
  .mt-sm-n10x {
    margin-top: calc(var(--ds-space-10x) * -1) !important;
  }
  .mt-sm-n11x {
    margin-top: calc(var(--ds-space-11x) * -1) !important;
  }
  .mt-sm-n12x {
    margin-top: calc(var(--ds-space-12x) * -1) !important;
  }
  .mt-sm-n13x {
    margin-top: calc(var(--ds-space-13x) * -1) !important;
  }
  .mt-sm-n14x {
    margin-top: calc(var(--ds-space-14x) * -1) !important;
  }
  .mt-sm-n15x {
    margin-top: calc(var(--ds-space-15x) * -1) !important;
  }
  .mt-sm-n16x {
    margin-top: calc(var(--ds-space-16x) * -1) !important;
  }
  .mt-sm-n17x {
    margin-top: calc(var(--ds-space-17x) * -1) !important;
  }
  .mt-sm-n18x {
    margin-top: calc(var(--ds-space-18x) * -1) !important;
  }
  .mt-sm-nxs {
    margin-top: calc(var(--ds-space-2x) * -1) !important;
  }
  .mt-sm-nsm {
    margin-top: calc(var(--ds-space-4x) * -1) !important;
  }
  .mt-sm-nmd {
    margin-top: calc(var(--ds-space-6x) * -1) !important;
  }
  .mt-sm-nlg {
    margin-top: calc(var(--ds-space-8x) * -1) !important;
  }
  .mt-sm-nxl {
    margin-top: calc(var(--ds-space-12x) * -1) !important;
  }
  .me-sm-n0x {
    margin-right: calc(var(--ds-space-0x) * -1) !important;
  }
  .me-sm-n05x {
    margin-right: calc(var(--ds-space-05x) * -1) !important;
  }
  .me-sm-n1x {
    margin-right: calc(var(--ds-space-1x) * -1) !important;
  }
  .me-sm-n2x {
    margin-right: calc(var(--ds-space-2x) * -1) !important;
  }
  .me-sm-n3x {
    margin-right: calc(var(--ds-space-3x) * -1) !important;
  }
  .me-sm-n4x {
    margin-right: calc(var(--ds-space-4x) * -1) !important;
  }
  .me-sm-n5x {
    margin-right: calc(var(--ds-space-5x) * -1) !important;
  }
  .me-sm-n6x {
    margin-right: calc(var(--ds-space-6x) * -1) !important;
  }
  .me-sm-n7x {
    margin-right: calc(var(--ds-space-7x) * -1) !important;
  }
  .me-sm-n8x {
    margin-right: calc(var(--ds-space-8x) * -1) !important;
  }
  .me-sm-n9x {
    margin-right: calc(var(--ds-space-9x) * -1) !important;
  }
  .me-sm-n10x {
    margin-right: calc(var(--ds-space-10x) * -1) !important;
  }
  .me-sm-n11x {
    margin-right: calc(var(--ds-space-11x) * -1) !important;
  }
  .me-sm-n12x {
    margin-right: calc(var(--ds-space-12x) * -1) !important;
  }
  .me-sm-n13x {
    margin-right: calc(var(--ds-space-13x) * -1) !important;
  }
  .me-sm-n14x {
    margin-right: calc(var(--ds-space-14x) * -1) !important;
  }
  .me-sm-n15x {
    margin-right: calc(var(--ds-space-15x) * -1) !important;
  }
  .me-sm-n16x {
    margin-right: calc(var(--ds-space-16x) * -1) !important;
  }
  .me-sm-n17x {
    margin-right: calc(var(--ds-space-17x) * -1) !important;
  }
  .me-sm-n18x {
    margin-right: calc(var(--ds-space-18x) * -1) !important;
  }
  .me-sm-nxs {
    margin-right: calc(var(--ds-space-2x) * -1) !important;
  }
  .me-sm-nsm {
    margin-right: calc(var(--ds-space-4x) * -1) !important;
  }
  .me-sm-nmd {
    margin-right: calc(var(--ds-space-6x) * -1) !important;
  }
  .me-sm-nlg {
    margin-right: calc(var(--ds-space-8x) * -1) !important;
  }
  .me-sm-nxl {
    margin-right: calc(var(--ds-space-12x) * -1) !important;
  }
  .mb-sm-n0x {
    margin-bottom: calc(var(--ds-space-0x) * -1) !important;
  }
  .mb-sm-n05x {
    margin-bottom: calc(var(--ds-space-05x) * -1) !important;
  }
  .mb-sm-n1x {
    margin-bottom: calc(var(--ds-space-1x) * -1) !important;
  }
  .mb-sm-n2x {
    margin-bottom: calc(var(--ds-space-2x) * -1) !important;
  }
  .mb-sm-n3x {
    margin-bottom: calc(var(--ds-space-3x) * -1) !important;
  }
  .mb-sm-n4x {
    margin-bottom: calc(var(--ds-space-4x) * -1) !important;
  }
  .mb-sm-n5x {
    margin-bottom: calc(var(--ds-space-5x) * -1) !important;
  }
  .mb-sm-n6x {
    margin-bottom: calc(var(--ds-space-6x) * -1) !important;
  }
  .mb-sm-n7x {
    margin-bottom: calc(var(--ds-space-7x) * -1) !important;
  }
  .mb-sm-n8x {
    margin-bottom: calc(var(--ds-space-8x) * -1) !important;
  }
  .mb-sm-n9x {
    margin-bottom: calc(var(--ds-space-9x) * -1) !important;
  }
  .mb-sm-n10x {
    margin-bottom: calc(var(--ds-space-10x) * -1) !important;
  }
  .mb-sm-n11x {
    margin-bottom: calc(var(--ds-space-11x) * -1) !important;
  }
  .mb-sm-n12x {
    margin-bottom: calc(var(--ds-space-12x) * -1) !important;
  }
  .mb-sm-n13x {
    margin-bottom: calc(var(--ds-space-13x) * -1) !important;
  }
  .mb-sm-n14x {
    margin-bottom: calc(var(--ds-space-14x) * -1) !important;
  }
  .mb-sm-n15x {
    margin-bottom: calc(var(--ds-space-15x) * -1) !important;
  }
  .mb-sm-n16x {
    margin-bottom: calc(var(--ds-space-16x) * -1) !important;
  }
  .mb-sm-n17x {
    margin-bottom: calc(var(--ds-space-17x) * -1) !important;
  }
  .mb-sm-n18x {
    margin-bottom: calc(var(--ds-space-18x) * -1) !important;
  }
  .mb-sm-nxs {
    margin-bottom: calc(var(--ds-space-2x) * -1) !important;
  }
  .mb-sm-nsm {
    margin-bottom: calc(var(--ds-space-4x) * -1) !important;
  }
  .mb-sm-nmd {
    margin-bottom: calc(var(--ds-space-6x) * -1) !important;
  }
  .mb-sm-nlg {
    margin-bottom: calc(var(--ds-space-8x) * -1) !important;
  }
  .mb-sm-nxl {
    margin-bottom: calc(var(--ds-space-12x) * -1) !important;
  }
  .ms-sm-n0x {
    margin-left: calc(var(--ds-space-0x) * -1) !important;
  }
  .ms-sm-n05x {
    margin-left: calc(var(--ds-space-05x) * -1) !important;
  }
  .ms-sm-n1x {
    margin-left: calc(var(--ds-space-1x) * -1) !important;
  }
  .ms-sm-n2x {
    margin-left: calc(var(--ds-space-2x) * -1) !important;
  }
  .ms-sm-n3x {
    margin-left: calc(var(--ds-space-3x) * -1) !important;
  }
  .ms-sm-n4x {
    margin-left: calc(var(--ds-space-4x) * -1) !important;
  }
  .ms-sm-n5x {
    margin-left: calc(var(--ds-space-5x) * -1) !important;
  }
  .ms-sm-n6x {
    margin-left: calc(var(--ds-space-6x) * -1) !important;
  }
  .ms-sm-n7x {
    margin-left: calc(var(--ds-space-7x) * -1) !important;
  }
  .ms-sm-n8x {
    margin-left: calc(var(--ds-space-8x) * -1) !important;
  }
  .ms-sm-n9x {
    margin-left: calc(var(--ds-space-9x) * -1) !important;
  }
  .ms-sm-n10x {
    margin-left: calc(var(--ds-space-10x) * -1) !important;
  }
  .ms-sm-n11x {
    margin-left: calc(var(--ds-space-11x) * -1) !important;
  }
  .ms-sm-n12x {
    margin-left: calc(var(--ds-space-12x) * -1) !important;
  }
  .ms-sm-n13x {
    margin-left: calc(var(--ds-space-13x) * -1) !important;
  }
  .ms-sm-n14x {
    margin-left: calc(var(--ds-space-14x) * -1) !important;
  }
  .ms-sm-n15x {
    margin-left: calc(var(--ds-space-15x) * -1) !important;
  }
  .ms-sm-n16x {
    margin-left: calc(var(--ds-space-16x) * -1) !important;
  }
  .ms-sm-n17x {
    margin-left: calc(var(--ds-space-17x) * -1) !important;
  }
  .ms-sm-n18x {
    margin-left: calc(var(--ds-space-18x) * -1) !important;
  }
  .ms-sm-nxs {
    margin-left: calc(var(--ds-space-2x) * -1) !important;
  }
  .ms-sm-nsm {
    margin-left: calc(var(--ds-space-4x) * -1) !important;
  }
  .ms-sm-nmd {
    margin-left: calc(var(--ds-space-6x) * -1) !important;
  }
  .ms-sm-nlg {
    margin-left: calc(var(--ds-space-8x) * -1) !important;
  }
  .ms-sm-nxl {
    margin-left: calc(var(--ds-space-12x) * -1) !important;
  }
  .p-sm-0x {
    padding: var(--ds-space-0x) !important;
  }
  .p-sm-05x {
    padding: var(--ds-space-05x) !important;
  }
  .p-sm-1x {
    padding: var(--ds-space-1x) !important;
  }
  .p-sm-2x {
    padding: var(--ds-space-2x) !important;
  }
  .p-sm-3x {
    padding: var(--ds-space-3x) !important;
  }
  .p-sm-4x {
    padding: var(--ds-space-4x) !important;
  }
  .p-sm-5x {
    padding: var(--ds-space-5x) !important;
  }
  .p-sm-6x {
    padding: var(--ds-space-6x) !important;
  }
  .p-sm-7x {
    padding: var(--ds-space-7x) !important;
  }
  .p-sm-8x {
    padding: var(--ds-space-8x) !important;
  }
  .p-sm-9x {
    padding: var(--ds-space-9x) !important;
  }
  .p-sm-10x {
    padding: var(--ds-space-10x) !important;
  }
  .p-sm-11x {
    padding: var(--ds-space-11x) !important;
  }
  .p-sm-12x {
    padding: var(--ds-space-12x) !important;
  }
  .p-sm-13x {
    padding: var(--ds-space-13x) !important;
  }
  .p-sm-14x {
    padding: var(--ds-space-14x) !important;
  }
  .p-sm-15x {
    padding: var(--ds-space-15x) !important;
  }
  .p-sm-16x {
    padding: var(--ds-space-16x) !important;
  }
  .p-sm-17x {
    padding: var(--ds-space-17x) !important;
  }
  .p-sm-18x {
    padding: var(--ds-space-18x) !important;
  }
  .p-sm-xs {
    padding: var(--ds-space-2x) !important;
  }
  .p-sm-sm {
    padding: var(--ds-space-4x) !important;
  }
  .p-sm-md {
    padding: var(--ds-space-6x) !important;
  }
  .p-sm-lg {
    padding: var(--ds-space-8x) !important;
  }
  .p-sm-xl {
    padding: var(--ds-space-12x) !important;
  }
  .px-sm-0x {
    padding-right: var(--ds-space-0x) !important;
    padding-left: var(--ds-space-0x) !important;
  }
  .px-sm-05x {
    padding-right: var(--ds-space-05x) !important;
    padding-left: var(--ds-space-05x) !important;
  }
  .px-sm-1x {
    padding-right: var(--ds-space-1x) !important;
    padding-left: var(--ds-space-1x) !important;
  }
  .px-sm-2x {
    padding-right: var(--ds-space-2x) !important;
    padding-left: var(--ds-space-2x) !important;
  }
  .px-sm-3x {
    padding-right: var(--ds-space-3x) !important;
    padding-left: var(--ds-space-3x) !important;
  }
  .px-sm-4x {
    padding-right: var(--ds-space-4x) !important;
    padding-left: var(--ds-space-4x) !important;
  }
  .px-sm-5x {
    padding-right: var(--ds-space-5x) !important;
    padding-left: var(--ds-space-5x) !important;
  }
  .px-sm-6x {
    padding-right: var(--ds-space-6x) !important;
    padding-left: var(--ds-space-6x) !important;
  }
  .px-sm-7x {
    padding-right: var(--ds-space-7x) !important;
    padding-left: var(--ds-space-7x) !important;
  }
  .px-sm-8x {
    padding-right: var(--ds-space-8x) !important;
    padding-left: var(--ds-space-8x) !important;
  }
  .px-sm-9x {
    padding-right: var(--ds-space-9x) !important;
    padding-left: var(--ds-space-9x) !important;
  }
  .px-sm-10x {
    padding-right: var(--ds-space-10x) !important;
    padding-left: var(--ds-space-10x) !important;
  }
  .px-sm-11x {
    padding-right: var(--ds-space-11x) !important;
    padding-left: var(--ds-space-11x) !important;
  }
  .px-sm-12x {
    padding-right: var(--ds-space-12x) !important;
    padding-left: var(--ds-space-12x) !important;
  }
  .px-sm-13x {
    padding-right: var(--ds-space-13x) !important;
    padding-left: var(--ds-space-13x) !important;
  }
  .px-sm-14x {
    padding-right: var(--ds-space-14x) !important;
    padding-left: var(--ds-space-14x) !important;
  }
  .px-sm-15x {
    padding-right: var(--ds-space-15x) !important;
    padding-left: var(--ds-space-15x) !important;
  }
  .px-sm-16x {
    padding-right: var(--ds-space-16x) !important;
    padding-left: var(--ds-space-16x) !important;
  }
  .px-sm-17x {
    padding-right: var(--ds-space-17x) !important;
    padding-left: var(--ds-space-17x) !important;
  }
  .px-sm-18x {
    padding-right: var(--ds-space-18x) !important;
    padding-left: var(--ds-space-18x) !important;
  }
  .px-sm-xs {
    padding-right: var(--ds-space-2x) !important;
    padding-left: var(--ds-space-2x) !important;
  }
  .px-sm-sm {
    padding-right: var(--ds-space-4x) !important;
    padding-left: var(--ds-space-4x) !important;
  }
  .px-sm-md {
    padding-right: var(--ds-space-6x) !important;
    padding-left: var(--ds-space-6x) !important;
  }
  .px-sm-lg {
    padding-right: var(--ds-space-8x) !important;
    padding-left: var(--ds-space-8x) !important;
  }
  .px-sm-xl {
    padding-right: var(--ds-space-12x) !important;
    padding-left: var(--ds-space-12x) !important;
  }
  .py-sm-0x {
    padding-top: var(--ds-space-0x) !important;
    padding-bottom: var(--ds-space-0x) !important;
  }
  .py-sm-05x {
    padding-top: var(--ds-space-05x) !important;
    padding-bottom: var(--ds-space-05x) !important;
  }
  .py-sm-1x {
    padding-top: var(--ds-space-1x) !important;
    padding-bottom: var(--ds-space-1x) !important;
  }
  .py-sm-2x {
    padding-top: var(--ds-space-2x) !important;
    padding-bottom: var(--ds-space-2x) !important;
  }
  .py-sm-3x {
    padding-top: var(--ds-space-3x) !important;
    padding-bottom: var(--ds-space-3x) !important;
  }
  .py-sm-4x {
    padding-top: var(--ds-space-4x) !important;
    padding-bottom: var(--ds-space-4x) !important;
  }
  .py-sm-5x {
    padding-top: var(--ds-space-5x) !important;
    padding-bottom: var(--ds-space-5x) !important;
  }
  .py-sm-6x {
    padding-top: var(--ds-space-6x) !important;
    padding-bottom: var(--ds-space-6x) !important;
  }
  .py-sm-7x {
    padding-top: var(--ds-space-7x) !important;
    padding-bottom: var(--ds-space-7x) !important;
  }
  .py-sm-8x {
    padding-top: var(--ds-space-8x) !important;
    padding-bottom: var(--ds-space-8x) !important;
  }
  .py-sm-9x {
    padding-top: var(--ds-space-9x) !important;
    padding-bottom: var(--ds-space-9x) !important;
  }
  .py-sm-10x {
    padding-top: var(--ds-space-10x) !important;
    padding-bottom: var(--ds-space-10x) !important;
  }
  .py-sm-11x {
    padding-top: var(--ds-space-11x) !important;
    padding-bottom: var(--ds-space-11x) !important;
  }
  .py-sm-12x {
    padding-top: var(--ds-space-12x) !important;
    padding-bottom: var(--ds-space-12x) !important;
  }
  .py-sm-13x {
    padding-top: var(--ds-space-13x) !important;
    padding-bottom: var(--ds-space-13x) !important;
  }
  .py-sm-14x {
    padding-top: var(--ds-space-14x) !important;
    padding-bottom: var(--ds-space-14x) !important;
  }
  .py-sm-15x {
    padding-top: var(--ds-space-15x) !important;
    padding-bottom: var(--ds-space-15x) !important;
  }
  .py-sm-16x {
    padding-top: var(--ds-space-16x) !important;
    padding-bottom: var(--ds-space-16x) !important;
  }
  .py-sm-17x {
    padding-top: var(--ds-space-17x) !important;
    padding-bottom: var(--ds-space-17x) !important;
  }
  .py-sm-18x {
    padding-top: var(--ds-space-18x) !important;
    padding-bottom: var(--ds-space-18x) !important;
  }
  .py-sm-xs {
    padding-top: var(--ds-space-2x) !important;
    padding-bottom: var(--ds-space-2x) !important;
  }
  .py-sm-sm {
    padding-top: var(--ds-space-4x) !important;
    padding-bottom: var(--ds-space-4x) !important;
  }
  .py-sm-md {
    padding-top: var(--ds-space-6x) !important;
    padding-bottom: var(--ds-space-6x) !important;
  }
  .py-sm-lg {
    padding-top: var(--ds-space-8x) !important;
    padding-bottom: var(--ds-space-8x) !important;
  }
  .py-sm-xl {
    padding-top: var(--ds-space-12x) !important;
    padding-bottom: var(--ds-space-12x) !important;
  }
  .pt-sm-0x {
    padding-top: var(--ds-space-0x) !important;
  }
  .pt-sm-05x {
    padding-top: var(--ds-space-05x) !important;
  }
  .pt-sm-1x {
    padding-top: var(--ds-space-1x) !important;
  }
  .pt-sm-2x {
    padding-top: var(--ds-space-2x) !important;
  }
  .pt-sm-3x {
    padding-top: var(--ds-space-3x) !important;
  }
  .pt-sm-4x {
    padding-top: var(--ds-space-4x) !important;
  }
  .pt-sm-5x {
    padding-top: var(--ds-space-5x) !important;
  }
  .pt-sm-6x {
    padding-top: var(--ds-space-6x) !important;
  }
  .pt-sm-7x {
    padding-top: var(--ds-space-7x) !important;
  }
  .pt-sm-8x {
    padding-top: var(--ds-space-8x) !important;
  }
  .pt-sm-9x {
    padding-top: var(--ds-space-9x) !important;
  }
  .pt-sm-10x {
    padding-top: var(--ds-space-10x) !important;
  }
  .pt-sm-11x {
    padding-top: var(--ds-space-11x) !important;
  }
  .pt-sm-12x {
    padding-top: var(--ds-space-12x) !important;
  }
  .pt-sm-13x {
    padding-top: var(--ds-space-13x) !important;
  }
  .pt-sm-14x {
    padding-top: var(--ds-space-14x) !important;
  }
  .pt-sm-15x {
    padding-top: var(--ds-space-15x) !important;
  }
  .pt-sm-16x {
    padding-top: var(--ds-space-16x) !important;
  }
  .pt-sm-17x {
    padding-top: var(--ds-space-17x) !important;
  }
  .pt-sm-18x {
    padding-top: var(--ds-space-18x) !important;
  }
  .pt-sm-xs {
    padding-top: var(--ds-space-2x) !important;
  }
  .pt-sm-sm {
    padding-top: var(--ds-space-4x) !important;
  }
  .pt-sm-md {
    padding-top: var(--ds-space-6x) !important;
  }
  .pt-sm-lg {
    padding-top: var(--ds-space-8x) !important;
  }
  .pt-sm-xl {
    padding-top: var(--ds-space-12x) !important;
  }
  .pe-sm-0x {
    padding-right: var(--ds-space-0x) !important;
  }
  .pe-sm-05x {
    padding-right: var(--ds-space-05x) !important;
  }
  .pe-sm-1x {
    padding-right: var(--ds-space-1x) !important;
  }
  .pe-sm-2x {
    padding-right: var(--ds-space-2x) !important;
  }
  .pe-sm-3x {
    padding-right: var(--ds-space-3x) !important;
  }
  .pe-sm-4x {
    padding-right: var(--ds-space-4x) !important;
  }
  .pe-sm-5x {
    padding-right: var(--ds-space-5x) !important;
  }
  .pe-sm-6x {
    padding-right: var(--ds-space-6x) !important;
  }
  .pe-sm-7x {
    padding-right: var(--ds-space-7x) !important;
  }
  .pe-sm-8x {
    padding-right: var(--ds-space-8x) !important;
  }
  .pe-sm-9x {
    padding-right: var(--ds-space-9x) !important;
  }
  .pe-sm-10x {
    padding-right: var(--ds-space-10x) !important;
  }
  .pe-sm-11x {
    padding-right: var(--ds-space-11x) !important;
  }
  .pe-sm-12x {
    padding-right: var(--ds-space-12x) !important;
  }
  .pe-sm-13x {
    padding-right: var(--ds-space-13x) !important;
  }
  .pe-sm-14x {
    padding-right: var(--ds-space-14x) !important;
  }
  .pe-sm-15x {
    padding-right: var(--ds-space-15x) !important;
  }
  .pe-sm-16x {
    padding-right: var(--ds-space-16x) !important;
  }
  .pe-sm-17x {
    padding-right: var(--ds-space-17x) !important;
  }
  .pe-sm-18x {
    padding-right: var(--ds-space-18x) !important;
  }
  .pe-sm-xs {
    padding-right: var(--ds-space-2x) !important;
  }
  .pe-sm-sm {
    padding-right: var(--ds-space-4x) !important;
  }
  .pe-sm-md {
    padding-right: var(--ds-space-6x) !important;
  }
  .pe-sm-lg {
    padding-right: var(--ds-space-8x) !important;
  }
  .pe-sm-xl {
    padding-right: var(--ds-space-12x) !important;
  }
  .pb-sm-0x {
    padding-bottom: var(--ds-space-0x) !important;
  }
  .pb-sm-05x {
    padding-bottom: var(--ds-space-05x) !important;
  }
  .pb-sm-1x {
    padding-bottom: var(--ds-space-1x) !important;
  }
  .pb-sm-2x {
    padding-bottom: var(--ds-space-2x) !important;
  }
  .pb-sm-3x {
    padding-bottom: var(--ds-space-3x) !important;
  }
  .pb-sm-4x {
    padding-bottom: var(--ds-space-4x) !important;
  }
  .pb-sm-5x {
    padding-bottom: var(--ds-space-5x) !important;
  }
  .pb-sm-6x {
    padding-bottom: var(--ds-space-6x) !important;
  }
  .pb-sm-7x {
    padding-bottom: var(--ds-space-7x) !important;
  }
  .pb-sm-8x {
    padding-bottom: var(--ds-space-8x) !important;
  }
  .pb-sm-9x {
    padding-bottom: var(--ds-space-9x) !important;
  }
  .pb-sm-10x {
    padding-bottom: var(--ds-space-10x) !important;
  }
  .pb-sm-11x {
    padding-bottom: var(--ds-space-11x) !important;
  }
  .pb-sm-12x {
    padding-bottom: var(--ds-space-12x) !important;
  }
  .pb-sm-13x {
    padding-bottom: var(--ds-space-13x) !important;
  }
  .pb-sm-14x {
    padding-bottom: var(--ds-space-14x) !important;
  }
  .pb-sm-15x {
    padding-bottom: var(--ds-space-15x) !important;
  }
  .pb-sm-16x {
    padding-bottom: var(--ds-space-16x) !important;
  }
  .pb-sm-17x {
    padding-bottom: var(--ds-space-17x) !important;
  }
  .pb-sm-18x {
    padding-bottom: var(--ds-space-18x) !important;
  }
  .pb-sm-xs {
    padding-bottom: var(--ds-space-2x) !important;
  }
  .pb-sm-sm {
    padding-bottom: var(--ds-space-4x) !important;
  }
  .pb-sm-md {
    padding-bottom: var(--ds-space-6x) !important;
  }
  .pb-sm-lg {
    padding-bottom: var(--ds-space-8x) !important;
  }
  .pb-sm-xl {
    padding-bottom: var(--ds-space-12x) !important;
  }
  .ps-sm-0x {
    padding-left: var(--ds-space-0x) !important;
  }
  .ps-sm-05x {
    padding-left: var(--ds-space-05x) !important;
  }
  .ps-sm-1x {
    padding-left: var(--ds-space-1x) !important;
  }
  .ps-sm-2x {
    padding-left: var(--ds-space-2x) !important;
  }
  .ps-sm-3x {
    padding-left: var(--ds-space-3x) !important;
  }
  .ps-sm-4x {
    padding-left: var(--ds-space-4x) !important;
  }
  .ps-sm-5x {
    padding-left: var(--ds-space-5x) !important;
  }
  .ps-sm-6x {
    padding-left: var(--ds-space-6x) !important;
  }
  .ps-sm-7x {
    padding-left: var(--ds-space-7x) !important;
  }
  .ps-sm-8x {
    padding-left: var(--ds-space-8x) !important;
  }
  .ps-sm-9x {
    padding-left: var(--ds-space-9x) !important;
  }
  .ps-sm-10x {
    padding-left: var(--ds-space-10x) !important;
  }
  .ps-sm-11x {
    padding-left: var(--ds-space-11x) !important;
  }
  .ps-sm-12x {
    padding-left: var(--ds-space-12x) !important;
  }
  .ps-sm-13x {
    padding-left: var(--ds-space-13x) !important;
  }
  .ps-sm-14x {
    padding-left: var(--ds-space-14x) !important;
  }
  .ps-sm-15x {
    padding-left: var(--ds-space-15x) !important;
  }
  .ps-sm-16x {
    padding-left: var(--ds-space-16x) !important;
  }
  .ps-sm-17x {
    padding-left: var(--ds-space-17x) !important;
  }
  .ps-sm-18x {
    padding-left: var(--ds-space-18x) !important;
  }
  .ps-sm-xs {
    padding-left: var(--ds-space-2x) !important;
  }
  .ps-sm-sm {
    padding-left: var(--ds-space-4x) !important;
  }
  .ps-sm-md {
    padding-left: var(--ds-space-6x) !important;
  }
  .ps-sm-lg {
    padding-left: var(--ds-space-8x) !important;
  }
  .ps-sm-xl {
    padding-left: var(--ds-space-12x) !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .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;
  }
  .gap-md-0x {
    gap: var(--ds-space-0x) !important;
  }
  .gap-md-05x {
    gap: var(--ds-space-05x) !important;
  }
  .gap-md-1x {
    gap: var(--ds-space-1x) !important;
  }
  .gap-md-2x {
    gap: var(--ds-space-2x) !important;
  }
  .gap-md-3x {
    gap: var(--ds-space-3x) !important;
  }
  .gap-md-4x {
    gap: var(--ds-space-4x) !important;
  }
  .gap-md-5x {
    gap: var(--ds-space-5x) !important;
  }
  .gap-md-6x {
    gap: var(--ds-space-6x) !important;
  }
  .gap-md-7x {
    gap: var(--ds-space-7x) !important;
  }
  .gap-md-8x {
    gap: var(--ds-space-8x) !important;
  }
  .gap-md-9x {
    gap: var(--ds-space-9x) !important;
  }
  .gap-md-10x {
    gap: var(--ds-space-10x) !important;
  }
  .gap-md-11x {
    gap: var(--ds-space-11x) !important;
  }
  .gap-md-12x {
    gap: var(--ds-space-12x) !important;
  }
  .gap-md-13x {
    gap: var(--ds-space-13x) !important;
  }
  .gap-md-14x {
    gap: var(--ds-space-14x) !important;
  }
  .gap-md-15x {
    gap: var(--ds-space-15x) !important;
  }
  .gap-md-16x {
    gap: var(--ds-space-16x) !important;
  }
  .gap-md-17x {
    gap: var(--ds-space-17x) !important;
  }
  .gap-md-18x {
    gap: var(--ds-space-18x) !important;
  }
  .gap-md-xs {
    gap: var(--ds-space-2x) !important;
  }
  .gap-md-sm {
    gap: var(--ds-space-4x) !important;
  }
  .gap-md-md {
    gap: var(--ds-space-6x) !important;
  }
  .gap-md-lg {
    gap: var(--ds-space-8x) !important;
  }
  .gap-md-xl {
    gap: var(--ds-space-12x) !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-0x {
    margin: var(--ds-space-0x) !important;
  }
  .m-md-05x {
    margin: var(--ds-space-05x) !important;
  }
  .m-md-1x {
    margin: var(--ds-space-1x) !important;
  }
  .m-md-2x {
    margin: var(--ds-space-2x) !important;
  }
  .m-md-3x {
    margin: var(--ds-space-3x) !important;
  }
  .m-md-4x {
    margin: var(--ds-space-4x) !important;
  }
  .m-md-5x {
    margin: var(--ds-space-5x) !important;
  }
  .m-md-6x {
    margin: var(--ds-space-6x) !important;
  }
  .m-md-7x {
    margin: var(--ds-space-7x) !important;
  }
  .m-md-8x {
    margin: var(--ds-space-8x) !important;
  }
  .m-md-9x {
    margin: var(--ds-space-9x) !important;
  }
  .m-md-10x {
    margin: var(--ds-space-10x) !important;
  }
  .m-md-11x {
    margin: var(--ds-space-11x) !important;
  }
  .m-md-12x {
    margin: var(--ds-space-12x) !important;
  }
  .m-md-13x {
    margin: var(--ds-space-13x) !important;
  }
  .m-md-14x {
    margin: var(--ds-space-14x) !important;
  }
  .m-md-15x {
    margin: var(--ds-space-15x) !important;
  }
  .m-md-16x {
    margin: var(--ds-space-16x) !important;
  }
  .m-md-17x {
    margin: var(--ds-space-17x) !important;
  }
  .m-md-18x {
    margin: var(--ds-space-18x) !important;
  }
  .m-md-xs {
    margin: var(--ds-space-2x) !important;
  }
  .m-md-sm {
    margin: var(--ds-space-4x) !important;
  }
  .m-md-md {
    margin: var(--ds-space-6x) !important;
  }
  .m-md-lg {
    margin: var(--ds-space-8x) !important;
  }
  .m-md-xl {
    margin: var(--ds-space-12x) !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0x {
    margin-right: var(--ds-space-0x) !important;
    margin-left: var(--ds-space-0x) !important;
  }
  .mx-md-05x {
    margin-right: var(--ds-space-05x) !important;
    margin-left: var(--ds-space-05x) !important;
  }
  .mx-md-1x {
    margin-right: var(--ds-space-1x) !important;
    margin-left: var(--ds-space-1x) !important;
  }
  .mx-md-2x {
    margin-right: var(--ds-space-2x) !important;
    margin-left: var(--ds-space-2x) !important;
  }
  .mx-md-3x {
    margin-right: var(--ds-space-3x) !important;
    margin-left: var(--ds-space-3x) !important;
  }
  .mx-md-4x {
    margin-right: var(--ds-space-4x) !important;
    margin-left: var(--ds-space-4x) !important;
  }
  .mx-md-5x {
    margin-right: var(--ds-space-5x) !important;
    margin-left: var(--ds-space-5x) !important;
  }
  .mx-md-6x {
    margin-right: var(--ds-space-6x) !important;
    margin-left: var(--ds-space-6x) !important;
  }
  .mx-md-7x {
    margin-right: var(--ds-space-7x) !important;
    margin-left: var(--ds-space-7x) !important;
  }
  .mx-md-8x {
    margin-right: var(--ds-space-8x) !important;
    margin-left: var(--ds-space-8x) !important;
  }
  .mx-md-9x {
    margin-right: var(--ds-space-9x) !important;
    margin-left: var(--ds-space-9x) !important;
  }
  .mx-md-10x {
    margin-right: var(--ds-space-10x) !important;
    margin-left: var(--ds-space-10x) !important;
  }
  .mx-md-11x {
    margin-right: var(--ds-space-11x) !important;
    margin-left: var(--ds-space-11x) !important;
  }
  .mx-md-12x {
    margin-right: var(--ds-space-12x) !important;
    margin-left: var(--ds-space-12x) !important;
  }
  .mx-md-13x {
    margin-right: var(--ds-space-13x) !important;
    margin-left: var(--ds-space-13x) !important;
  }
  .mx-md-14x {
    margin-right: var(--ds-space-14x) !important;
    margin-left: var(--ds-space-14x) !important;
  }
  .mx-md-15x {
    margin-right: var(--ds-space-15x) !important;
    margin-left: var(--ds-space-15x) !important;
  }
  .mx-md-16x {
    margin-right: var(--ds-space-16x) !important;
    margin-left: var(--ds-space-16x) !important;
  }
  .mx-md-17x {
    margin-right: var(--ds-space-17x) !important;
    margin-left: var(--ds-space-17x) !important;
  }
  .mx-md-18x {
    margin-right: var(--ds-space-18x) !important;
    margin-left: var(--ds-space-18x) !important;
  }
  .mx-md-xs {
    margin-right: var(--ds-space-2x) !important;
    margin-left: var(--ds-space-2x) !important;
  }
  .mx-md-sm {
    margin-right: var(--ds-space-4x) !important;
    margin-left: var(--ds-space-4x) !important;
  }
  .mx-md-md {
    margin-right: var(--ds-space-6x) !important;
    margin-left: var(--ds-space-6x) !important;
  }
  .mx-md-lg {
    margin-right: var(--ds-space-8x) !important;
    margin-left: var(--ds-space-8x) !important;
  }
  .mx-md-xl {
    margin-right: var(--ds-space-12x) !important;
    margin-left: var(--ds-space-12x) !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0x {
    margin-top: var(--ds-space-0x) !important;
    margin-bottom: var(--ds-space-0x) !important;
  }
  .my-md-05x {
    margin-top: var(--ds-space-05x) !important;
    margin-bottom: var(--ds-space-05x) !important;
  }
  .my-md-1x {
    margin-top: var(--ds-space-1x) !important;
    margin-bottom: var(--ds-space-1x) !important;
  }
  .my-md-2x {
    margin-top: var(--ds-space-2x) !important;
    margin-bottom: var(--ds-space-2x) !important;
  }
  .my-md-3x {
    margin-top: var(--ds-space-3x) !important;
    margin-bottom: var(--ds-space-3x) !important;
  }
  .my-md-4x {
    margin-top: var(--ds-space-4x) !important;
    margin-bottom: var(--ds-space-4x) !important;
  }
  .my-md-5x {
    margin-top: var(--ds-space-5x) !important;
    margin-bottom: var(--ds-space-5x) !important;
  }
  .my-md-6x {
    margin-top: var(--ds-space-6x) !important;
    margin-bottom: var(--ds-space-6x) !important;
  }
  .my-md-7x {
    margin-top: var(--ds-space-7x) !important;
    margin-bottom: var(--ds-space-7x) !important;
  }
  .my-md-8x {
    margin-top: var(--ds-space-8x) !important;
    margin-bottom: var(--ds-space-8x) !important;
  }
  .my-md-9x {
    margin-top: var(--ds-space-9x) !important;
    margin-bottom: var(--ds-space-9x) !important;
  }
  .my-md-10x {
    margin-top: var(--ds-space-10x) !important;
    margin-bottom: var(--ds-space-10x) !important;
  }
  .my-md-11x {
    margin-top: var(--ds-space-11x) !important;
    margin-bottom: var(--ds-space-11x) !important;
  }
  .my-md-12x {
    margin-top: var(--ds-space-12x) !important;
    margin-bottom: var(--ds-space-12x) !important;
  }
  .my-md-13x {
    margin-top: var(--ds-space-13x) !important;
    margin-bottom: var(--ds-space-13x) !important;
  }
  .my-md-14x {
    margin-top: var(--ds-space-14x) !important;
    margin-bottom: var(--ds-space-14x) !important;
  }
  .my-md-15x {
    margin-top: var(--ds-space-15x) !important;
    margin-bottom: var(--ds-space-15x) !important;
  }
  .my-md-16x {
    margin-top: var(--ds-space-16x) !important;
    margin-bottom: var(--ds-space-16x) !important;
  }
  .my-md-17x {
    margin-top: var(--ds-space-17x) !important;
    margin-bottom: var(--ds-space-17x) !important;
  }
  .my-md-18x {
    margin-top: var(--ds-space-18x) !important;
    margin-bottom: var(--ds-space-18x) !important;
  }
  .my-md-xs {
    margin-top: var(--ds-space-2x) !important;
    margin-bottom: var(--ds-space-2x) !important;
  }
  .my-md-sm {
    margin-top: var(--ds-space-4x) !important;
    margin-bottom: var(--ds-space-4x) !important;
  }
  .my-md-md {
    margin-top: var(--ds-space-6x) !important;
    margin-bottom: var(--ds-space-6x) !important;
  }
  .my-md-lg {
    margin-top: var(--ds-space-8x) !important;
    margin-bottom: var(--ds-space-8x) !important;
  }
  .my-md-xl {
    margin-top: var(--ds-space-12x) !important;
    margin-bottom: var(--ds-space-12x) !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0x {
    margin-top: var(--ds-space-0x) !important;
  }
  .mt-md-05x {
    margin-top: var(--ds-space-05x) !important;
  }
  .mt-md-1x {
    margin-top: var(--ds-space-1x) !important;
  }
  .mt-md-2x {
    margin-top: var(--ds-space-2x) !important;
  }
  .mt-md-3x {
    margin-top: var(--ds-space-3x) !important;
  }
  .mt-md-4x {
    margin-top: var(--ds-space-4x) !important;
  }
  .mt-md-5x {
    margin-top: var(--ds-space-5x) !important;
  }
  .mt-md-6x {
    margin-top: var(--ds-space-6x) !important;
  }
  .mt-md-7x {
    margin-top: var(--ds-space-7x) !important;
  }
  .mt-md-8x {
    margin-top: var(--ds-space-8x) !important;
  }
  .mt-md-9x {
    margin-top: var(--ds-space-9x) !important;
  }
  .mt-md-10x {
    margin-top: var(--ds-space-10x) !important;
  }
  .mt-md-11x {
    margin-top: var(--ds-space-11x) !important;
  }
  .mt-md-12x {
    margin-top: var(--ds-space-12x) !important;
  }
  .mt-md-13x {
    margin-top: var(--ds-space-13x) !important;
  }
  .mt-md-14x {
    margin-top: var(--ds-space-14x) !important;
  }
  .mt-md-15x {
    margin-top: var(--ds-space-15x) !important;
  }
  .mt-md-16x {
    margin-top: var(--ds-space-16x) !important;
  }
  .mt-md-17x {
    margin-top: var(--ds-space-17x) !important;
  }
  .mt-md-18x {
    margin-top: var(--ds-space-18x) !important;
  }
  .mt-md-xs {
    margin-top: var(--ds-space-2x) !important;
  }
  .mt-md-sm {
    margin-top: var(--ds-space-4x) !important;
  }
  .mt-md-md {
    margin-top: var(--ds-space-6x) !important;
  }
  .mt-md-lg {
    margin-top: var(--ds-space-8x) !important;
  }
  .mt-md-xl {
    margin-top: var(--ds-space-12x) !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0x {
    margin-right: var(--ds-space-0x) !important;
  }
  .me-md-05x {
    margin-right: var(--ds-space-05x) !important;
  }
  .me-md-1x {
    margin-right: var(--ds-space-1x) !important;
  }
  .me-md-2x {
    margin-right: var(--ds-space-2x) !important;
  }
  .me-md-3x {
    margin-right: var(--ds-space-3x) !important;
  }
  .me-md-4x {
    margin-right: var(--ds-space-4x) !important;
  }
  .me-md-5x {
    margin-right: var(--ds-space-5x) !important;
  }
  .me-md-6x {
    margin-right: var(--ds-space-6x) !important;
  }
  .me-md-7x {
    margin-right: var(--ds-space-7x) !important;
  }
  .me-md-8x {
    margin-right: var(--ds-space-8x) !important;
  }
  .me-md-9x {
    margin-right: var(--ds-space-9x) !important;
  }
  .me-md-10x {
    margin-right: var(--ds-space-10x) !important;
  }
  .me-md-11x {
    margin-right: var(--ds-space-11x) !important;
  }
  .me-md-12x {
    margin-right: var(--ds-space-12x) !important;
  }
  .me-md-13x {
    margin-right: var(--ds-space-13x) !important;
  }
  .me-md-14x {
    margin-right: var(--ds-space-14x) !important;
  }
  .me-md-15x {
    margin-right: var(--ds-space-15x) !important;
  }
  .me-md-16x {
    margin-right: var(--ds-space-16x) !important;
  }
  .me-md-17x {
    margin-right: var(--ds-space-17x) !important;
  }
  .me-md-18x {
    margin-right: var(--ds-space-18x) !important;
  }
  .me-md-xs {
    margin-right: var(--ds-space-2x) !important;
  }
  .me-md-sm {
    margin-right: var(--ds-space-4x) !important;
  }
  .me-md-md {
    margin-right: var(--ds-space-6x) !important;
  }
  .me-md-lg {
    margin-right: var(--ds-space-8x) !important;
  }
  .me-md-xl {
    margin-right: var(--ds-space-12x) !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0x {
    margin-bottom: var(--ds-space-0x) !important;
  }
  .mb-md-05x {
    margin-bottom: var(--ds-space-05x) !important;
  }
  .mb-md-1x {
    margin-bottom: var(--ds-space-1x) !important;
  }
  .mb-md-2x {
    margin-bottom: var(--ds-space-2x) !important;
  }
  .mb-md-3x {
    margin-bottom: var(--ds-space-3x) !important;
  }
  .mb-md-4x {
    margin-bottom: var(--ds-space-4x) !important;
  }
  .mb-md-5x {
    margin-bottom: var(--ds-space-5x) !important;
  }
  .mb-md-6x {
    margin-bottom: var(--ds-space-6x) !important;
  }
  .mb-md-7x {
    margin-bottom: var(--ds-space-7x) !important;
  }
  .mb-md-8x {
    margin-bottom: var(--ds-space-8x) !important;
  }
  .mb-md-9x {
    margin-bottom: var(--ds-space-9x) !important;
  }
  .mb-md-10x {
    margin-bottom: var(--ds-space-10x) !important;
  }
  .mb-md-11x {
    margin-bottom: var(--ds-space-11x) !important;
  }
  .mb-md-12x {
    margin-bottom: var(--ds-space-12x) !important;
  }
  .mb-md-13x {
    margin-bottom: var(--ds-space-13x) !important;
  }
  .mb-md-14x {
    margin-bottom: var(--ds-space-14x) !important;
  }
  .mb-md-15x {
    margin-bottom: var(--ds-space-15x) !important;
  }
  .mb-md-16x {
    margin-bottom: var(--ds-space-16x) !important;
  }
  .mb-md-17x {
    margin-bottom: var(--ds-space-17x) !important;
  }
  .mb-md-18x {
    margin-bottom: var(--ds-space-18x) !important;
  }
  .mb-md-xs {
    margin-bottom: var(--ds-space-2x) !important;
  }
  .mb-md-sm {
    margin-bottom: var(--ds-space-4x) !important;
  }
  .mb-md-md {
    margin-bottom: var(--ds-space-6x) !important;
  }
  .mb-md-lg {
    margin-bottom: var(--ds-space-8x) !important;
  }
  .mb-md-xl {
    margin-bottom: var(--ds-space-12x) !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0x {
    margin-left: var(--ds-space-0x) !important;
  }
  .ms-md-05x {
    margin-left: var(--ds-space-05x) !important;
  }
  .ms-md-1x {
    margin-left: var(--ds-space-1x) !important;
  }
  .ms-md-2x {
    margin-left: var(--ds-space-2x) !important;
  }
  .ms-md-3x {
    margin-left: var(--ds-space-3x) !important;
  }
  .ms-md-4x {
    margin-left: var(--ds-space-4x) !important;
  }
  .ms-md-5x {
    margin-left: var(--ds-space-5x) !important;
  }
  .ms-md-6x {
    margin-left: var(--ds-space-6x) !important;
  }
  .ms-md-7x {
    margin-left: var(--ds-space-7x) !important;
  }
  .ms-md-8x {
    margin-left: var(--ds-space-8x) !important;
  }
  .ms-md-9x {
    margin-left: var(--ds-space-9x) !important;
  }
  .ms-md-10x {
    margin-left: var(--ds-space-10x) !important;
  }
  .ms-md-11x {
    margin-left: var(--ds-space-11x) !important;
  }
  .ms-md-12x {
    margin-left: var(--ds-space-12x) !important;
  }
  .ms-md-13x {
    margin-left: var(--ds-space-13x) !important;
  }
  .ms-md-14x {
    margin-left: var(--ds-space-14x) !important;
  }
  .ms-md-15x {
    margin-left: var(--ds-space-15x) !important;
  }
  .ms-md-16x {
    margin-left: var(--ds-space-16x) !important;
  }
  .ms-md-17x {
    margin-left: var(--ds-space-17x) !important;
  }
  .ms-md-18x {
    margin-left: var(--ds-space-18x) !important;
  }
  .ms-md-xs {
    margin-left: var(--ds-space-2x) !important;
  }
  .ms-md-sm {
    margin-left: var(--ds-space-4x) !important;
  }
  .ms-md-md {
    margin-left: var(--ds-space-6x) !important;
  }
  .ms-md-lg {
    margin-left: var(--ds-space-8x) !important;
  }
  .ms-md-xl {
    margin-left: var(--ds-space-12x) !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .m-md-n0x {
    margin: calc(var(--ds-space-0x) * -1) !important;
  }
  .m-md-n05x {
    margin: calc(var(--ds-space-05x) * -1) !important;
  }
  .m-md-n1x {
    margin: calc(var(--ds-space-1x) * -1) !important;
  }
  .m-md-n2x {
    margin: calc(var(--ds-space-2x) * -1) !important;
  }
  .m-md-n3x {
    margin: calc(var(--ds-space-3x) * -1) !important;
  }
  .m-md-n4x {
    margin: calc(var(--ds-space-4x) * -1) !important;
  }
  .m-md-n5x {
    margin: calc(var(--ds-space-5x) * -1) !important;
  }
  .m-md-n6x {
    margin: calc(var(--ds-space-6x) * -1) !important;
  }
  .m-md-n7x {
    margin: calc(var(--ds-space-7x) * -1) !important;
  }
  .m-md-n8x {
    margin: calc(var(--ds-space-8x) * -1) !important;
  }
  .m-md-n9x {
    margin: calc(var(--ds-space-9x) * -1) !important;
  }
  .m-md-n10x {
    margin: calc(var(--ds-space-10x) * -1) !important;
  }
  .m-md-n11x {
    margin: calc(var(--ds-space-11x) * -1) !important;
  }
  .m-md-n12x {
    margin: calc(var(--ds-space-12x) * -1) !important;
  }
  .m-md-n13x {
    margin: calc(var(--ds-space-13x) * -1) !important;
  }
  .m-md-n14x {
    margin: calc(var(--ds-space-14x) * -1) !important;
  }
  .m-md-n15x {
    margin: calc(var(--ds-space-15x) * -1) !important;
  }
  .m-md-n16x {
    margin: calc(var(--ds-space-16x) * -1) !important;
  }
  .m-md-n17x {
    margin: calc(var(--ds-space-17x) * -1) !important;
  }
  .m-md-n18x {
    margin: calc(var(--ds-space-18x) * -1) !important;
  }
  .m-md-nxs {
    margin: calc(var(--ds-space-2x) * -1) !important;
  }
  .m-md-nsm {
    margin: calc(var(--ds-space-4x) * -1) !important;
  }
  .m-md-nmd {
    margin: calc(var(--ds-space-6x) * -1) !important;
  }
  .m-md-nlg {
    margin: calc(var(--ds-space-8x) * -1) !important;
  }
  .m-md-nxl {
    margin: calc(var(--ds-space-12x) * -1) !important;
  }
  .mx-md-n0x {
    margin-right: calc(var(--ds-space-0x) * -1) !important;
    margin-left: calc(var(--ds-space-0x) * -1) !important;
  }
  .mx-md-n05x {
    margin-right: calc(var(--ds-space-05x) * -1) !important;
    margin-left: calc(var(--ds-space-05x) * -1) !important;
  }
  .mx-md-n1x {
    margin-right: calc(var(--ds-space-1x) * -1) !important;
    margin-left: calc(var(--ds-space-1x) * -1) !important;
  }
  .mx-md-n2x {
    margin-right: calc(var(--ds-space-2x) * -1) !important;
    margin-left: calc(var(--ds-space-2x) * -1) !important;
  }
  .mx-md-n3x {
    margin-right: calc(var(--ds-space-3x) * -1) !important;
    margin-left: calc(var(--ds-space-3x) * -1) !important;
  }
  .mx-md-n4x {
    margin-right: calc(var(--ds-space-4x) * -1) !important;
    margin-left: calc(var(--ds-space-4x) * -1) !important;
  }
  .mx-md-n5x {
    margin-right: calc(var(--ds-space-5x) * -1) !important;
    margin-left: calc(var(--ds-space-5x) * -1) !important;
  }
  .mx-md-n6x {
    margin-right: calc(var(--ds-space-6x) * -1) !important;
    margin-left: calc(var(--ds-space-6x) * -1) !important;
  }
  .mx-md-n7x {
    margin-right: calc(var(--ds-space-7x) * -1) !important;
    margin-left: calc(var(--ds-space-7x) * -1) !important;
  }
  .mx-md-n8x {
    margin-right: calc(var(--ds-space-8x) * -1) !important;
    margin-left: calc(var(--ds-space-8x) * -1) !important;
  }
  .mx-md-n9x {
    margin-right: calc(var(--ds-space-9x) * -1) !important;
    margin-left: calc(var(--ds-space-9x) * -1) !important;
  }
  .mx-md-n10x {
    margin-right: calc(var(--ds-space-10x) * -1) !important;
    margin-left: calc(var(--ds-space-10x) * -1) !important;
  }
  .mx-md-n11x {
    margin-right: calc(var(--ds-space-11x) * -1) !important;
    margin-left: calc(var(--ds-space-11x) * -1) !important;
  }
  .mx-md-n12x {
    margin-right: calc(var(--ds-space-12x) * -1) !important;
    margin-left: calc(var(--ds-space-12x) * -1) !important;
  }
  .mx-md-n13x {
    margin-right: calc(var(--ds-space-13x) * -1) !important;
    margin-left: calc(var(--ds-space-13x) * -1) !important;
  }
  .mx-md-n14x {
    margin-right: calc(var(--ds-space-14x) * -1) !important;
    margin-left: calc(var(--ds-space-14x) * -1) !important;
  }
  .mx-md-n15x {
    margin-right: calc(var(--ds-space-15x) * -1) !important;
    margin-left: calc(var(--ds-space-15x) * -1) !important;
  }
  .mx-md-n16x {
    margin-right: calc(var(--ds-space-16x) * -1) !important;
    margin-left: calc(var(--ds-space-16x) * -1) !important;
  }
  .mx-md-n17x {
    margin-right: calc(var(--ds-space-17x) * -1) !important;
    margin-left: calc(var(--ds-space-17x) * -1) !important;
  }
  .mx-md-n18x {
    margin-right: calc(var(--ds-space-18x) * -1) !important;
    margin-left: calc(var(--ds-space-18x) * -1) !important;
  }
  .mx-md-nxs {
    margin-right: calc(var(--ds-space-2x) * -1) !important;
    margin-left: calc(var(--ds-space-2x) * -1) !important;
  }
  .mx-md-nsm {
    margin-right: calc(var(--ds-space-4x) * -1) !important;
    margin-left: calc(var(--ds-space-4x) * -1) !important;
  }
  .mx-md-nmd {
    margin-right: calc(var(--ds-space-6x) * -1) !important;
    margin-left: calc(var(--ds-space-6x) * -1) !important;
  }
  .mx-md-nlg {
    margin-right: calc(var(--ds-space-8x) * -1) !important;
    margin-left: calc(var(--ds-space-8x) * -1) !important;
  }
  .mx-md-nxl {
    margin-right: calc(var(--ds-space-12x) * -1) !important;
    margin-left: calc(var(--ds-space-12x) * -1) !important;
  }
  .my-md-n0x {
    margin-top: calc(var(--ds-space-0x) * -1) !important;
    margin-bottom: calc(var(--ds-space-0x) * -1) !important;
  }
  .my-md-n05x {
    margin-top: calc(var(--ds-space-05x) * -1) !important;
    margin-bottom: calc(var(--ds-space-05x) * -1) !important;
  }
  .my-md-n1x {
    margin-top: calc(var(--ds-space-1x) * -1) !important;
    margin-bottom: calc(var(--ds-space-1x) * -1) !important;
  }
  .my-md-n2x {
    margin-top: calc(var(--ds-space-2x) * -1) !important;
    margin-bottom: calc(var(--ds-space-2x) * -1) !important;
  }
  .my-md-n3x {
    margin-top: calc(var(--ds-space-3x) * -1) !important;
    margin-bottom: calc(var(--ds-space-3x) * -1) !important;
  }
  .my-md-n4x {
    margin-top: calc(var(--ds-space-4x) * -1) !important;
    margin-bottom: calc(var(--ds-space-4x) * -1) !important;
  }
  .my-md-n5x {
    margin-top: calc(var(--ds-space-5x) * -1) !important;
    margin-bottom: calc(var(--ds-space-5x) * -1) !important;
  }
  .my-md-n6x {
    margin-top: calc(var(--ds-space-6x) * -1) !important;
    margin-bottom: calc(var(--ds-space-6x) * -1) !important;
  }
  .my-md-n7x {
    margin-top: calc(var(--ds-space-7x) * -1) !important;
    margin-bottom: calc(var(--ds-space-7x) * -1) !important;
  }
  .my-md-n8x {
    margin-top: calc(var(--ds-space-8x) * -1) !important;
    margin-bottom: calc(var(--ds-space-8x) * -1) !important;
  }
  .my-md-n9x {
    margin-top: calc(var(--ds-space-9x) * -1) !important;
    margin-bottom: calc(var(--ds-space-9x) * -1) !important;
  }
  .my-md-n10x {
    margin-top: calc(var(--ds-space-10x) * -1) !important;
    margin-bottom: calc(var(--ds-space-10x) * -1) !important;
  }
  .my-md-n11x {
    margin-top: calc(var(--ds-space-11x) * -1) !important;
    margin-bottom: calc(var(--ds-space-11x) * -1) !important;
  }
  .my-md-n12x {
    margin-top: calc(var(--ds-space-12x) * -1) !important;
    margin-bottom: calc(var(--ds-space-12x) * -1) !important;
  }
  .my-md-n13x {
    margin-top: calc(var(--ds-space-13x) * -1) !important;
    margin-bottom: calc(var(--ds-space-13x) * -1) !important;
  }
  .my-md-n14x {
    margin-top: calc(var(--ds-space-14x) * -1) !important;
    margin-bottom: calc(var(--ds-space-14x) * -1) !important;
  }
  .my-md-n15x {
    margin-top: calc(var(--ds-space-15x) * -1) !important;
    margin-bottom: calc(var(--ds-space-15x) * -1) !important;
  }
  .my-md-n16x {
    margin-top: calc(var(--ds-space-16x) * -1) !important;
    margin-bottom: calc(var(--ds-space-16x) * -1) !important;
  }
  .my-md-n17x {
    margin-top: calc(var(--ds-space-17x) * -1) !important;
    margin-bottom: calc(var(--ds-space-17x) * -1) !important;
  }
  .my-md-n18x {
    margin-top: calc(var(--ds-space-18x) * -1) !important;
    margin-bottom: calc(var(--ds-space-18x) * -1) !important;
  }
  .my-md-nxs {
    margin-top: calc(var(--ds-space-2x) * -1) !important;
    margin-bottom: calc(var(--ds-space-2x) * -1) !important;
  }
  .my-md-nsm {
    margin-top: calc(var(--ds-space-4x) * -1) !important;
    margin-bottom: calc(var(--ds-space-4x) * -1) !important;
  }
  .my-md-nmd {
    margin-top: calc(var(--ds-space-6x) * -1) !important;
    margin-bottom: calc(var(--ds-space-6x) * -1) !important;
  }
  .my-md-nlg {
    margin-top: calc(var(--ds-space-8x) * -1) !important;
    margin-bottom: calc(var(--ds-space-8x) * -1) !important;
  }
  .my-md-nxl {
    margin-top: calc(var(--ds-space-12x) * -1) !important;
    margin-bottom: calc(var(--ds-space-12x) * -1) !important;
  }
  .mt-md-n0x {
    margin-top: calc(var(--ds-space-0x) * -1) !important;
  }
  .mt-md-n05x {
    margin-top: calc(var(--ds-space-05x) * -1) !important;
  }
  .mt-md-n1x {
    margin-top: calc(var(--ds-space-1x) * -1) !important;
  }
  .mt-md-n2x {
    margin-top: calc(var(--ds-space-2x) * -1) !important;
  }
  .mt-md-n3x {
    margin-top: calc(var(--ds-space-3x) * -1) !important;
  }
  .mt-md-n4x {
    margin-top: calc(var(--ds-space-4x) * -1) !important;
  }
  .mt-md-n5x {
    margin-top: calc(var(--ds-space-5x) * -1) !important;
  }
  .mt-md-n6x {
    margin-top: calc(var(--ds-space-6x) * -1) !important;
  }
  .mt-md-n7x {
    margin-top: calc(var(--ds-space-7x) * -1) !important;
  }
  .mt-md-n8x {
    margin-top: calc(var(--ds-space-8x) * -1) !important;
  }
  .mt-md-n9x {
    margin-top: calc(var(--ds-space-9x) * -1) !important;
  }
  .mt-md-n10x {
    margin-top: calc(var(--ds-space-10x) * -1) !important;
  }
  .mt-md-n11x {
    margin-top: calc(var(--ds-space-11x) * -1) !important;
  }
  .mt-md-n12x {
    margin-top: calc(var(--ds-space-12x) * -1) !important;
  }
  .mt-md-n13x {
    margin-top: calc(var(--ds-space-13x) * -1) !important;
  }
  .mt-md-n14x {
    margin-top: calc(var(--ds-space-14x) * -1) !important;
  }
  .mt-md-n15x {
    margin-top: calc(var(--ds-space-15x) * -1) !important;
  }
  .mt-md-n16x {
    margin-top: calc(var(--ds-space-16x) * -1) !important;
  }
  .mt-md-n17x {
    margin-top: calc(var(--ds-space-17x) * -1) !important;
  }
  .mt-md-n18x {
    margin-top: calc(var(--ds-space-18x) * -1) !important;
  }
  .mt-md-nxs {
    margin-top: calc(var(--ds-space-2x) * -1) !important;
  }
  .mt-md-nsm {
    margin-top: calc(var(--ds-space-4x) * -1) !important;
  }
  .mt-md-nmd {
    margin-top: calc(var(--ds-space-6x) * -1) !important;
  }
  .mt-md-nlg {
    margin-top: calc(var(--ds-space-8x) * -1) !important;
  }
  .mt-md-nxl {
    margin-top: calc(var(--ds-space-12x) * -1) !important;
  }
  .me-md-n0x {
    margin-right: calc(var(--ds-space-0x) * -1) !important;
  }
  .me-md-n05x {
    margin-right: calc(var(--ds-space-05x) * -1) !important;
  }
  .me-md-n1x {
    margin-right: calc(var(--ds-space-1x) * -1) !important;
  }
  .me-md-n2x {
    margin-right: calc(var(--ds-space-2x) * -1) !important;
  }
  .me-md-n3x {
    margin-right: calc(var(--ds-space-3x) * -1) !important;
  }
  .me-md-n4x {
    margin-right: calc(var(--ds-space-4x) * -1) !important;
  }
  .me-md-n5x {
    margin-right: calc(var(--ds-space-5x) * -1) !important;
  }
  .me-md-n6x {
    margin-right: calc(var(--ds-space-6x) * -1) !important;
  }
  .me-md-n7x {
    margin-right: calc(var(--ds-space-7x) * -1) !important;
  }
  .me-md-n8x {
    margin-right: calc(var(--ds-space-8x) * -1) !important;
  }
  .me-md-n9x {
    margin-right: calc(var(--ds-space-9x) * -1) !important;
  }
  .me-md-n10x {
    margin-right: calc(var(--ds-space-10x) * -1) !important;
  }
  .me-md-n11x {
    margin-right: calc(var(--ds-space-11x) * -1) !important;
  }
  .me-md-n12x {
    margin-right: calc(var(--ds-space-12x) * -1) !important;
  }
  .me-md-n13x {
    margin-right: calc(var(--ds-space-13x) * -1) !important;
  }
  .me-md-n14x {
    margin-right: calc(var(--ds-space-14x) * -1) !important;
  }
  .me-md-n15x {
    margin-right: calc(var(--ds-space-15x) * -1) !important;
  }
  .me-md-n16x {
    margin-right: calc(var(--ds-space-16x) * -1) !important;
  }
  .me-md-n17x {
    margin-right: calc(var(--ds-space-17x) * -1) !important;
  }
  .me-md-n18x {
    margin-right: calc(var(--ds-space-18x) * -1) !important;
  }
  .me-md-nxs {
    margin-right: calc(var(--ds-space-2x) * -1) !important;
  }
  .me-md-nsm {
    margin-right: calc(var(--ds-space-4x) * -1) !important;
  }
  .me-md-nmd {
    margin-right: calc(var(--ds-space-6x) * -1) !important;
  }
  .me-md-nlg {
    margin-right: calc(var(--ds-space-8x) * -1) !important;
  }
  .me-md-nxl {
    margin-right: calc(var(--ds-space-12x) * -1) !important;
  }
  .mb-md-n0x {
    margin-bottom: calc(var(--ds-space-0x) * -1) !important;
  }
  .mb-md-n05x {
    margin-bottom: calc(var(--ds-space-05x) * -1) !important;
  }
  .mb-md-n1x {
    margin-bottom: calc(var(--ds-space-1x) * -1) !important;
  }
  .mb-md-n2x {
    margin-bottom: calc(var(--ds-space-2x) * -1) !important;
  }
  .mb-md-n3x {
    margin-bottom: calc(var(--ds-space-3x) * -1) !important;
  }
  .mb-md-n4x {
    margin-bottom: calc(var(--ds-space-4x) * -1) !important;
  }
  .mb-md-n5x {
    margin-bottom: calc(var(--ds-space-5x) * -1) !important;
  }
  .mb-md-n6x {
    margin-bottom: calc(var(--ds-space-6x) * -1) !important;
  }
  .mb-md-n7x {
    margin-bottom: calc(var(--ds-space-7x) * -1) !important;
  }
  .mb-md-n8x {
    margin-bottom: calc(var(--ds-space-8x) * -1) !important;
  }
  .mb-md-n9x {
    margin-bottom: calc(var(--ds-space-9x) * -1) !important;
  }
  .mb-md-n10x {
    margin-bottom: calc(var(--ds-space-10x) * -1) !important;
  }
  .mb-md-n11x {
    margin-bottom: calc(var(--ds-space-11x) * -1) !important;
  }
  .mb-md-n12x {
    margin-bottom: calc(var(--ds-space-12x) * -1) !important;
  }
  .mb-md-n13x {
    margin-bottom: calc(var(--ds-space-13x) * -1) !important;
  }
  .mb-md-n14x {
    margin-bottom: calc(var(--ds-space-14x) * -1) !important;
  }
  .mb-md-n15x {
    margin-bottom: calc(var(--ds-space-15x) * -1) !important;
  }
  .mb-md-n16x {
    margin-bottom: calc(var(--ds-space-16x) * -1) !important;
  }
  .mb-md-n17x {
    margin-bottom: calc(var(--ds-space-17x) * -1) !important;
  }
  .mb-md-n18x {
    margin-bottom: calc(var(--ds-space-18x) * -1) !important;
  }
  .mb-md-nxs {
    margin-bottom: calc(var(--ds-space-2x) * -1) !important;
  }
  .mb-md-nsm {
    margin-bottom: calc(var(--ds-space-4x) * -1) !important;
  }
  .mb-md-nmd {
    margin-bottom: calc(var(--ds-space-6x) * -1) !important;
  }
  .mb-md-nlg {
    margin-bottom: calc(var(--ds-space-8x) * -1) !important;
  }
  .mb-md-nxl {
    margin-bottom: calc(var(--ds-space-12x) * -1) !important;
  }
  .ms-md-n0x {
    margin-left: calc(var(--ds-space-0x) * -1) !important;
  }
  .ms-md-n05x {
    margin-left: calc(var(--ds-space-05x) * -1) !important;
  }
  .ms-md-n1x {
    margin-left: calc(var(--ds-space-1x) * -1) !important;
  }
  .ms-md-n2x {
    margin-left: calc(var(--ds-space-2x) * -1) !important;
  }
  .ms-md-n3x {
    margin-left: calc(var(--ds-space-3x) * -1) !important;
  }
  .ms-md-n4x {
    margin-left: calc(var(--ds-space-4x) * -1) !important;
  }
  .ms-md-n5x {
    margin-left: calc(var(--ds-space-5x) * -1) !important;
  }
  .ms-md-n6x {
    margin-left: calc(var(--ds-space-6x) * -1) !important;
  }
  .ms-md-n7x {
    margin-left: calc(var(--ds-space-7x) * -1) !important;
  }
  .ms-md-n8x {
    margin-left: calc(var(--ds-space-8x) * -1) !important;
  }
  .ms-md-n9x {
    margin-left: calc(var(--ds-space-9x) * -1) !important;
  }
  .ms-md-n10x {
    margin-left: calc(var(--ds-space-10x) * -1) !important;
  }
  .ms-md-n11x {
    margin-left: calc(var(--ds-space-11x) * -1) !important;
  }
  .ms-md-n12x {
    margin-left: calc(var(--ds-space-12x) * -1) !important;
  }
  .ms-md-n13x {
    margin-left: calc(var(--ds-space-13x) * -1) !important;
  }
  .ms-md-n14x {
    margin-left: calc(var(--ds-space-14x) * -1) !important;
  }
  .ms-md-n15x {
    margin-left: calc(var(--ds-space-15x) * -1) !important;
  }
  .ms-md-n16x {
    margin-left: calc(var(--ds-space-16x) * -1) !important;
  }
  .ms-md-n17x {
    margin-left: calc(var(--ds-space-17x) * -1) !important;
  }
  .ms-md-n18x {
    margin-left: calc(var(--ds-space-18x) * -1) !important;
  }
  .ms-md-nxs {
    margin-left: calc(var(--ds-space-2x) * -1) !important;
  }
  .ms-md-nsm {
    margin-left: calc(var(--ds-space-4x) * -1) !important;
  }
  .ms-md-nmd {
    margin-left: calc(var(--ds-space-6x) * -1) !important;
  }
  .ms-md-nlg {
    margin-left: calc(var(--ds-space-8x) * -1) !important;
  }
  .ms-md-nxl {
    margin-left: calc(var(--ds-space-12x) * -1) !important;
  }
  .p-md-0x {
    padding: var(--ds-space-0x) !important;
  }
  .p-md-05x {
    padding: var(--ds-space-05x) !important;
  }
  .p-md-1x {
    padding: var(--ds-space-1x) !important;
  }
  .p-md-2x {
    padding: var(--ds-space-2x) !important;
  }
  .p-md-3x {
    padding: var(--ds-space-3x) !important;
  }
  .p-md-4x {
    padding: var(--ds-space-4x) !important;
  }
  .p-md-5x {
    padding: var(--ds-space-5x) !important;
  }
  .p-md-6x {
    padding: var(--ds-space-6x) !important;
  }
  .p-md-7x {
    padding: var(--ds-space-7x) !important;
  }
  .p-md-8x {
    padding: var(--ds-space-8x) !important;
  }
  .p-md-9x {
    padding: var(--ds-space-9x) !important;
  }
  .p-md-10x {
    padding: var(--ds-space-10x) !important;
  }
  .p-md-11x {
    padding: var(--ds-space-11x) !important;
  }
  .p-md-12x {
    padding: var(--ds-space-12x) !important;
  }
  .p-md-13x {
    padding: var(--ds-space-13x) !important;
  }
  .p-md-14x {
    padding: var(--ds-space-14x) !important;
  }
  .p-md-15x {
    padding: var(--ds-space-15x) !important;
  }
  .p-md-16x {
    padding: var(--ds-space-16x) !important;
  }
  .p-md-17x {
    padding: var(--ds-space-17x) !important;
  }
  .p-md-18x {
    padding: var(--ds-space-18x) !important;
  }
  .p-md-xs {
    padding: var(--ds-space-2x) !important;
  }
  .p-md-sm {
    padding: var(--ds-space-4x) !important;
  }
  .p-md-md {
    padding: var(--ds-space-6x) !important;
  }
  .p-md-lg {
    padding: var(--ds-space-8x) !important;
  }
  .p-md-xl {
    padding: var(--ds-space-12x) !important;
  }
  .px-md-0x {
    padding-right: var(--ds-space-0x) !important;
    padding-left: var(--ds-space-0x) !important;
  }
  .px-md-05x {
    padding-right: var(--ds-space-05x) !important;
    padding-left: var(--ds-space-05x) !important;
  }
  .px-md-1x {
    padding-right: var(--ds-space-1x) !important;
    padding-left: var(--ds-space-1x) !important;
  }
  .px-md-2x {
    padding-right: var(--ds-space-2x) !important;
    padding-left: var(--ds-space-2x) !important;
  }
  .px-md-3x {
    padding-right: var(--ds-space-3x) !important;
    padding-left: var(--ds-space-3x) !important;
  }
  .px-md-4x {
    padding-right: var(--ds-space-4x) !important;
    padding-left: var(--ds-space-4x) !important;
  }
  .px-md-5x {
    padding-right: var(--ds-space-5x) !important;
    padding-left: var(--ds-space-5x) !important;
  }
  .px-md-6x {
    padding-right: var(--ds-space-6x) !important;
    padding-left: var(--ds-space-6x) !important;
  }
  .px-md-7x {
    padding-right: var(--ds-space-7x) !important;
    padding-left: var(--ds-space-7x) !important;
  }
  .px-md-8x {
    padding-right: var(--ds-space-8x) !important;
    padding-left: var(--ds-space-8x) !important;
  }
  .px-md-9x {
    padding-right: var(--ds-space-9x) !important;
    padding-left: var(--ds-space-9x) !important;
  }
  .px-md-10x {
    padding-right: var(--ds-space-10x) !important;
    padding-left: var(--ds-space-10x) !important;
  }
  .px-md-11x {
    padding-right: var(--ds-space-11x) !important;
    padding-left: var(--ds-space-11x) !important;
  }
  .px-md-12x {
    padding-right: var(--ds-space-12x) !important;
    padding-left: var(--ds-space-12x) !important;
  }
  .px-md-13x {
    padding-right: var(--ds-space-13x) !important;
    padding-left: var(--ds-space-13x) !important;
  }
  .px-md-14x {
    padding-right: var(--ds-space-14x) !important;
    padding-left: var(--ds-space-14x) !important;
  }
  .px-md-15x {
    padding-right: var(--ds-space-15x) !important;
    padding-left: var(--ds-space-15x) !important;
  }
  .px-md-16x {
    padding-right: var(--ds-space-16x) !important;
    padding-left: var(--ds-space-16x) !important;
  }
  .px-md-17x {
    padding-right: var(--ds-space-17x) !important;
    padding-left: var(--ds-space-17x) !important;
  }
  .px-md-18x {
    padding-right: var(--ds-space-18x) !important;
    padding-left: var(--ds-space-18x) !important;
  }
  .px-md-xs {
    padding-right: var(--ds-space-2x) !important;
    padding-left: var(--ds-space-2x) !important;
  }
  .px-md-sm {
    padding-right: var(--ds-space-4x) !important;
    padding-left: var(--ds-space-4x) !important;
  }
  .px-md-md {
    padding-right: var(--ds-space-6x) !important;
    padding-left: var(--ds-space-6x) !important;
  }
  .px-md-lg {
    padding-right: var(--ds-space-8x) !important;
    padding-left: var(--ds-space-8x) !important;
  }
  .px-md-xl {
    padding-right: var(--ds-space-12x) !important;
    padding-left: var(--ds-space-12x) !important;
  }
  .py-md-0x {
    padding-top: var(--ds-space-0x) !important;
    padding-bottom: var(--ds-space-0x) !important;
  }
  .py-md-05x {
    padding-top: var(--ds-space-05x) !important;
    padding-bottom: var(--ds-space-05x) !important;
  }
  .py-md-1x {
    padding-top: var(--ds-space-1x) !important;
    padding-bottom: var(--ds-space-1x) !important;
  }
  .py-md-2x {
    padding-top: var(--ds-space-2x) !important;
    padding-bottom: var(--ds-space-2x) !important;
  }
  .py-md-3x {
    padding-top: var(--ds-space-3x) !important;
    padding-bottom: var(--ds-space-3x) !important;
  }
  .py-md-4x {
    padding-top: var(--ds-space-4x) !important;
    padding-bottom: var(--ds-space-4x) !important;
  }
  .py-md-5x {
    padding-top: var(--ds-space-5x) !important;
    padding-bottom: var(--ds-space-5x) !important;
  }
  .py-md-6x {
    padding-top: var(--ds-space-6x) !important;
    padding-bottom: var(--ds-space-6x) !important;
  }
  .py-md-7x {
    padding-top: var(--ds-space-7x) !important;
    padding-bottom: var(--ds-space-7x) !important;
  }
  .py-md-8x {
    padding-top: var(--ds-space-8x) !important;
    padding-bottom: var(--ds-space-8x) !important;
  }
  .py-md-9x {
    padding-top: var(--ds-space-9x) !important;
    padding-bottom: var(--ds-space-9x) !important;
  }
  .py-md-10x {
    padding-top: var(--ds-space-10x) !important;
    padding-bottom: var(--ds-space-10x) !important;
  }
  .py-md-11x {
    padding-top: var(--ds-space-11x) !important;
    padding-bottom: var(--ds-space-11x) !important;
  }
  .py-md-12x {
    padding-top: var(--ds-space-12x) !important;
    padding-bottom: var(--ds-space-12x) !important;
  }
  .py-md-13x {
    padding-top: var(--ds-space-13x) !important;
    padding-bottom: var(--ds-space-13x) !important;
  }
  .py-md-14x {
    padding-top: var(--ds-space-14x) !important;
    padding-bottom: var(--ds-space-14x) !important;
  }
  .py-md-15x {
    padding-top: var(--ds-space-15x) !important;
    padding-bottom: var(--ds-space-15x) !important;
  }
  .py-md-16x {
    padding-top: var(--ds-space-16x) !important;
    padding-bottom: var(--ds-space-16x) !important;
  }
  .py-md-17x {
    padding-top: var(--ds-space-17x) !important;
    padding-bottom: var(--ds-space-17x) !important;
  }
  .py-md-18x {
    padding-top: var(--ds-space-18x) !important;
    padding-bottom: var(--ds-space-18x) !important;
  }
  .py-md-xs {
    padding-top: var(--ds-space-2x) !important;
    padding-bottom: var(--ds-space-2x) !important;
  }
  .py-md-sm {
    padding-top: var(--ds-space-4x) !important;
    padding-bottom: var(--ds-space-4x) !important;
  }
  .py-md-md {
    padding-top: var(--ds-space-6x) !important;
    padding-bottom: var(--ds-space-6x) !important;
  }
  .py-md-lg {
    padding-top: var(--ds-space-8x) !important;
    padding-bottom: var(--ds-space-8x) !important;
  }
  .py-md-xl {
    padding-top: var(--ds-space-12x) !important;
    padding-bottom: var(--ds-space-12x) !important;
  }
  .pt-md-0x {
    padding-top: var(--ds-space-0x) !important;
  }
  .pt-md-05x {
    padding-top: var(--ds-space-05x) !important;
  }
  .pt-md-1x {
    padding-top: var(--ds-space-1x) !important;
  }
  .pt-md-2x {
    padding-top: var(--ds-space-2x) !important;
  }
  .pt-md-3x {
    padding-top: var(--ds-space-3x) !important;
  }
  .pt-md-4x {
    padding-top: var(--ds-space-4x) !important;
  }
  .pt-md-5x {
    padding-top: var(--ds-space-5x) !important;
  }
  .pt-md-6x {
    padding-top: var(--ds-space-6x) !important;
  }
  .pt-md-7x {
    padding-top: var(--ds-space-7x) !important;
  }
  .pt-md-8x {
    padding-top: var(--ds-space-8x) !important;
  }
  .pt-md-9x {
    padding-top: var(--ds-space-9x) !important;
  }
  .pt-md-10x {
    padding-top: var(--ds-space-10x) !important;
  }
  .pt-md-11x {
    padding-top: var(--ds-space-11x) !important;
  }
  .pt-md-12x {
    padding-top: var(--ds-space-12x) !important;
  }
  .pt-md-13x {
    padding-top: var(--ds-space-13x) !important;
  }
  .pt-md-14x {
    padding-top: var(--ds-space-14x) !important;
  }
  .pt-md-15x {
    padding-top: var(--ds-space-15x) !important;
  }
  .pt-md-16x {
    padding-top: var(--ds-space-16x) !important;
  }
  .pt-md-17x {
    padding-top: var(--ds-space-17x) !important;
  }
  .pt-md-18x {
    padding-top: var(--ds-space-18x) !important;
  }
  .pt-md-xs {
    padding-top: var(--ds-space-2x) !important;
  }
  .pt-md-sm {
    padding-top: var(--ds-space-4x) !important;
  }
  .pt-md-md {
    padding-top: var(--ds-space-6x) !important;
  }
  .pt-md-lg {
    padding-top: var(--ds-space-8x) !important;
  }
  .pt-md-xl {
    padding-top: var(--ds-space-12x) !important;
  }
  .pe-md-0x {
    padding-right: var(--ds-space-0x) !important;
  }
  .pe-md-05x {
    padding-right: var(--ds-space-05x) !important;
  }
  .pe-md-1x {
    padding-right: var(--ds-space-1x) !important;
  }
  .pe-md-2x {
    padding-right: var(--ds-space-2x) !important;
  }
  .pe-md-3x {
    padding-right: var(--ds-space-3x) !important;
  }
  .pe-md-4x {
    padding-right: var(--ds-space-4x) !important;
  }
  .pe-md-5x {
    padding-right: var(--ds-space-5x) !important;
  }
  .pe-md-6x {
    padding-right: var(--ds-space-6x) !important;
  }
  .pe-md-7x {
    padding-right: var(--ds-space-7x) !important;
  }
  .pe-md-8x {
    padding-right: var(--ds-space-8x) !important;
  }
  .pe-md-9x {
    padding-right: var(--ds-space-9x) !important;
  }
  .pe-md-10x {
    padding-right: var(--ds-space-10x) !important;
  }
  .pe-md-11x {
    padding-right: var(--ds-space-11x) !important;
  }
  .pe-md-12x {
    padding-right: var(--ds-space-12x) !important;
  }
  .pe-md-13x {
    padding-right: var(--ds-space-13x) !important;
  }
  .pe-md-14x {
    padding-right: var(--ds-space-14x) !important;
  }
  .pe-md-15x {
    padding-right: var(--ds-space-15x) !important;
  }
  .pe-md-16x {
    padding-right: var(--ds-space-16x) !important;
  }
  .pe-md-17x {
    padding-right: var(--ds-space-17x) !important;
  }
  .pe-md-18x {
    padding-right: var(--ds-space-18x) !important;
  }
  .pe-md-xs {
    padding-right: var(--ds-space-2x) !important;
  }
  .pe-md-sm {
    padding-right: var(--ds-space-4x) !important;
  }
  .pe-md-md {
    padding-right: var(--ds-space-6x) !important;
  }
  .pe-md-lg {
    padding-right: var(--ds-space-8x) !important;
  }
  .pe-md-xl {
    padding-right: var(--ds-space-12x) !important;
  }
  .pb-md-0x {
    padding-bottom: var(--ds-space-0x) !important;
  }
  .pb-md-05x {
    padding-bottom: var(--ds-space-05x) !important;
  }
  .pb-md-1x {
    padding-bottom: var(--ds-space-1x) !important;
  }
  .pb-md-2x {
    padding-bottom: var(--ds-space-2x) !important;
  }
  .pb-md-3x {
    padding-bottom: var(--ds-space-3x) !important;
  }
  .pb-md-4x {
    padding-bottom: var(--ds-space-4x) !important;
  }
  .pb-md-5x {
    padding-bottom: var(--ds-space-5x) !important;
  }
  .pb-md-6x {
    padding-bottom: var(--ds-space-6x) !important;
  }
  .pb-md-7x {
    padding-bottom: var(--ds-space-7x) !important;
  }
  .pb-md-8x {
    padding-bottom: var(--ds-space-8x) !important;
  }
  .pb-md-9x {
    padding-bottom: var(--ds-space-9x) !important;
  }
  .pb-md-10x {
    padding-bottom: var(--ds-space-10x) !important;
  }
  .pb-md-11x {
    padding-bottom: var(--ds-space-11x) !important;
  }
  .pb-md-12x {
    padding-bottom: var(--ds-space-12x) !important;
  }
  .pb-md-13x {
    padding-bottom: var(--ds-space-13x) !important;
  }
  .pb-md-14x {
    padding-bottom: var(--ds-space-14x) !important;
  }
  .pb-md-15x {
    padding-bottom: var(--ds-space-15x) !important;
  }
  .pb-md-16x {
    padding-bottom: var(--ds-space-16x) !important;
  }
  .pb-md-17x {
    padding-bottom: var(--ds-space-17x) !important;
  }
  .pb-md-18x {
    padding-bottom: var(--ds-space-18x) !important;
  }
  .pb-md-xs {
    padding-bottom: var(--ds-space-2x) !important;
  }
  .pb-md-sm {
    padding-bottom: var(--ds-space-4x) !important;
  }
  .pb-md-md {
    padding-bottom: var(--ds-space-6x) !important;
  }
  .pb-md-lg {
    padding-bottom: var(--ds-space-8x) !important;
  }
  .pb-md-xl {
    padding-bottom: var(--ds-space-12x) !important;
  }
  .ps-md-0x {
    padding-left: var(--ds-space-0x) !important;
  }
  .ps-md-05x {
    padding-left: var(--ds-space-05x) !important;
  }
  .ps-md-1x {
    padding-left: var(--ds-space-1x) !important;
  }
  .ps-md-2x {
    padding-left: var(--ds-space-2x) !important;
  }
  .ps-md-3x {
    padding-left: var(--ds-space-3x) !important;
  }
  .ps-md-4x {
    padding-left: var(--ds-space-4x) !important;
  }
  .ps-md-5x {
    padding-left: var(--ds-space-5x) !important;
  }
  .ps-md-6x {
    padding-left: var(--ds-space-6x) !important;
  }
  .ps-md-7x {
    padding-left: var(--ds-space-7x) !important;
  }
  .ps-md-8x {
    padding-left: var(--ds-space-8x) !important;
  }
  .ps-md-9x {
    padding-left: var(--ds-space-9x) !important;
  }
  .ps-md-10x {
    padding-left: var(--ds-space-10x) !important;
  }
  .ps-md-11x {
    padding-left: var(--ds-space-11x) !important;
  }
  .ps-md-12x {
    padding-left: var(--ds-space-12x) !important;
  }
  .ps-md-13x {
    padding-left: var(--ds-space-13x) !important;
  }
  .ps-md-14x {
    padding-left: var(--ds-space-14x) !important;
  }
  .ps-md-15x {
    padding-left: var(--ds-space-15x) !important;
  }
  .ps-md-16x {
    padding-left: var(--ds-space-16x) !important;
  }
  .ps-md-17x {
    padding-left: var(--ds-space-17x) !important;
  }
  .ps-md-18x {
    padding-left: var(--ds-space-18x) !important;
  }
  .ps-md-xs {
    padding-left: var(--ds-space-2x) !important;
  }
  .ps-md-sm {
    padding-left: var(--ds-space-4x) !important;
  }
  .ps-md-md {
    padding-left: var(--ds-space-6x) !important;
  }
  .ps-md-lg {
    padding-left: var(--ds-space-8x) !important;
  }
  .ps-md-xl {
    padding-left: var(--ds-space-12x) !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .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;
  }
  .gap-lg-0x {
    gap: var(--ds-space-0x) !important;
  }
  .gap-lg-05x {
    gap: var(--ds-space-05x) !important;
  }
  .gap-lg-1x {
    gap: var(--ds-space-1x) !important;
  }
  .gap-lg-2x {
    gap: var(--ds-space-2x) !important;
  }
  .gap-lg-3x {
    gap: var(--ds-space-3x) !important;
  }
  .gap-lg-4x {
    gap: var(--ds-space-4x) !important;
  }
  .gap-lg-5x {
    gap: var(--ds-space-5x) !important;
  }
  .gap-lg-6x {
    gap: var(--ds-space-6x) !important;
  }
  .gap-lg-7x {
    gap: var(--ds-space-7x) !important;
  }
  .gap-lg-8x {
    gap: var(--ds-space-8x) !important;
  }
  .gap-lg-9x {
    gap: var(--ds-space-9x) !important;
  }
  .gap-lg-10x {
    gap: var(--ds-space-10x) !important;
  }
  .gap-lg-11x {
    gap: var(--ds-space-11x) !important;
  }
  .gap-lg-12x {
    gap: var(--ds-space-12x) !important;
  }
  .gap-lg-13x {
    gap: var(--ds-space-13x) !important;
  }
  .gap-lg-14x {
    gap: var(--ds-space-14x) !important;
  }
  .gap-lg-15x {
    gap: var(--ds-space-15x) !important;
  }
  .gap-lg-16x {
    gap: var(--ds-space-16x) !important;
  }
  .gap-lg-17x {
    gap: var(--ds-space-17x) !important;
  }
  .gap-lg-18x {
    gap: var(--ds-space-18x) !important;
  }
  .gap-lg-xs {
    gap: var(--ds-space-2x) !important;
  }
  .gap-lg-sm {
    gap: var(--ds-space-4x) !important;
  }
  .gap-lg-md {
    gap: var(--ds-space-6x) !important;
  }
  .gap-lg-lg {
    gap: var(--ds-space-8x) !important;
  }
  .gap-lg-xl {
    gap: var(--ds-space-12x) !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-0x {
    margin: var(--ds-space-0x) !important;
  }
  .m-lg-05x {
    margin: var(--ds-space-05x) !important;
  }
  .m-lg-1x {
    margin: var(--ds-space-1x) !important;
  }
  .m-lg-2x {
    margin: var(--ds-space-2x) !important;
  }
  .m-lg-3x {
    margin: var(--ds-space-3x) !important;
  }
  .m-lg-4x {
    margin: var(--ds-space-4x) !important;
  }
  .m-lg-5x {
    margin: var(--ds-space-5x) !important;
  }
  .m-lg-6x {
    margin: var(--ds-space-6x) !important;
  }
  .m-lg-7x {
    margin: var(--ds-space-7x) !important;
  }
  .m-lg-8x {
    margin: var(--ds-space-8x) !important;
  }
  .m-lg-9x {
    margin: var(--ds-space-9x) !important;
  }
  .m-lg-10x {
    margin: var(--ds-space-10x) !important;
  }
  .m-lg-11x {
    margin: var(--ds-space-11x) !important;
  }
  .m-lg-12x {
    margin: var(--ds-space-12x) !important;
  }
  .m-lg-13x {
    margin: var(--ds-space-13x) !important;
  }
  .m-lg-14x {
    margin: var(--ds-space-14x) !important;
  }
  .m-lg-15x {
    margin: var(--ds-space-15x) !important;
  }
  .m-lg-16x {
    margin: var(--ds-space-16x) !important;
  }
  .m-lg-17x {
    margin: var(--ds-space-17x) !important;
  }
  .m-lg-18x {
    margin: var(--ds-space-18x) !important;
  }
  .m-lg-xs {
    margin: var(--ds-space-2x) !important;
  }
  .m-lg-sm {
    margin: var(--ds-space-4x) !important;
  }
  .m-lg-md {
    margin: var(--ds-space-6x) !important;
  }
  .m-lg-lg {
    margin: var(--ds-space-8x) !important;
  }
  .m-lg-xl {
    margin: var(--ds-space-12x) !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0x {
    margin-right: var(--ds-space-0x) !important;
    margin-left: var(--ds-space-0x) !important;
  }
  .mx-lg-05x {
    margin-right: var(--ds-space-05x) !important;
    margin-left: var(--ds-space-05x) !important;
  }
  .mx-lg-1x {
    margin-right: var(--ds-space-1x) !important;
    margin-left: var(--ds-space-1x) !important;
  }
  .mx-lg-2x {
    margin-right: var(--ds-space-2x) !important;
    margin-left: var(--ds-space-2x) !important;
  }
  .mx-lg-3x {
    margin-right: var(--ds-space-3x) !important;
    margin-left: var(--ds-space-3x) !important;
  }
  .mx-lg-4x {
    margin-right: var(--ds-space-4x) !important;
    margin-left: var(--ds-space-4x) !important;
  }
  .mx-lg-5x {
    margin-right: var(--ds-space-5x) !important;
    margin-left: var(--ds-space-5x) !important;
  }
  .mx-lg-6x {
    margin-right: var(--ds-space-6x) !important;
    margin-left: var(--ds-space-6x) !important;
  }
  .mx-lg-7x {
    margin-right: var(--ds-space-7x) !important;
    margin-left: var(--ds-space-7x) !important;
  }
  .mx-lg-8x {
    margin-right: var(--ds-space-8x) !important;
    margin-left: var(--ds-space-8x) !important;
  }
  .mx-lg-9x {
    margin-right: var(--ds-space-9x) !important;
    margin-left: var(--ds-space-9x) !important;
  }
  .mx-lg-10x {
    margin-right: var(--ds-space-10x) !important;
    margin-left: var(--ds-space-10x) !important;
  }
  .mx-lg-11x {
    margin-right: var(--ds-space-11x) !important;
    margin-left: var(--ds-space-11x) !important;
  }
  .mx-lg-12x {
    margin-right: var(--ds-space-12x) !important;
    margin-left: var(--ds-space-12x) !important;
  }
  .mx-lg-13x {
    margin-right: var(--ds-space-13x) !important;
    margin-left: var(--ds-space-13x) !important;
  }
  .mx-lg-14x {
    margin-right: var(--ds-space-14x) !important;
    margin-left: var(--ds-space-14x) !important;
  }
  .mx-lg-15x {
    margin-right: var(--ds-space-15x) !important;
    margin-left: var(--ds-space-15x) !important;
  }
  .mx-lg-16x {
    margin-right: var(--ds-space-16x) !important;
    margin-left: var(--ds-space-16x) !important;
  }
  .mx-lg-17x {
    margin-right: var(--ds-space-17x) !important;
    margin-left: var(--ds-space-17x) !important;
  }
  .mx-lg-18x {
    margin-right: var(--ds-space-18x) !important;
    margin-left: var(--ds-space-18x) !important;
  }
  .mx-lg-xs {
    margin-right: var(--ds-space-2x) !important;
    margin-left: var(--ds-space-2x) !important;
  }
  .mx-lg-sm {
    margin-right: var(--ds-space-4x) !important;
    margin-left: var(--ds-space-4x) !important;
  }
  .mx-lg-md {
    margin-right: var(--ds-space-6x) !important;
    margin-left: var(--ds-space-6x) !important;
  }
  .mx-lg-lg {
    margin-right: var(--ds-space-8x) !important;
    margin-left: var(--ds-space-8x) !important;
  }
  .mx-lg-xl {
    margin-right: var(--ds-space-12x) !important;
    margin-left: var(--ds-space-12x) !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0x {
    margin-top: var(--ds-space-0x) !important;
    margin-bottom: var(--ds-space-0x) !important;
  }
  .my-lg-05x {
    margin-top: var(--ds-space-05x) !important;
    margin-bottom: var(--ds-space-05x) !important;
  }
  .my-lg-1x {
    margin-top: var(--ds-space-1x) !important;
    margin-bottom: var(--ds-space-1x) !important;
  }
  .my-lg-2x {
    margin-top: var(--ds-space-2x) !important;
    margin-bottom: var(--ds-space-2x) !important;
  }
  .my-lg-3x {
    margin-top: var(--ds-space-3x) !important;
    margin-bottom: var(--ds-space-3x) !important;
  }
  .my-lg-4x {
    margin-top: var(--ds-space-4x) !important;
    margin-bottom: var(--ds-space-4x) !important;
  }
  .my-lg-5x {
    margin-top: var(--ds-space-5x) !important;
    margin-bottom: var(--ds-space-5x) !important;
  }
  .my-lg-6x {
    margin-top: var(--ds-space-6x) !important;
    margin-bottom: var(--ds-space-6x) !important;
  }
  .my-lg-7x {
    margin-top: var(--ds-space-7x) !important;
    margin-bottom: var(--ds-space-7x) !important;
  }
  .my-lg-8x {
    margin-top: var(--ds-space-8x) !important;
    margin-bottom: var(--ds-space-8x) !important;
  }
  .my-lg-9x {
    margin-top: var(--ds-space-9x) !important;
    margin-bottom: var(--ds-space-9x) !important;
  }
  .my-lg-10x {
    margin-top: var(--ds-space-10x) !important;
    margin-bottom: var(--ds-space-10x) !important;
  }
  .my-lg-11x {
    margin-top: var(--ds-space-11x) !important;
    margin-bottom: var(--ds-space-11x) !important;
  }
  .my-lg-12x {
    margin-top: var(--ds-space-12x) !important;
    margin-bottom: var(--ds-space-12x) !important;
  }
  .my-lg-13x {
    margin-top: var(--ds-space-13x) !important;
    margin-bottom: var(--ds-space-13x) !important;
  }
  .my-lg-14x {
    margin-top: var(--ds-space-14x) !important;
    margin-bottom: var(--ds-space-14x) !important;
  }
  .my-lg-15x {
    margin-top: var(--ds-space-15x) !important;
    margin-bottom: var(--ds-space-15x) !important;
  }
  .my-lg-16x {
    margin-top: var(--ds-space-16x) !important;
    margin-bottom: var(--ds-space-16x) !important;
  }
  .my-lg-17x {
    margin-top: var(--ds-space-17x) !important;
    margin-bottom: var(--ds-space-17x) !important;
  }
  .my-lg-18x {
    margin-top: var(--ds-space-18x) !important;
    margin-bottom: var(--ds-space-18x) !important;
  }
  .my-lg-xs {
    margin-top: var(--ds-space-2x) !important;
    margin-bottom: var(--ds-space-2x) !important;
  }
  .my-lg-sm {
    margin-top: var(--ds-space-4x) !important;
    margin-bottom: var(--ds-space-4x) !important;
  }
  .my-lg-md {
    margin-top: var(--ds-space-6x) !important;
    margin-bottom: var(--ds-space-6x) !important;
  }
  .my-lg-lg {
    margin-top: var(--ds-space-8x) !important;
    margin-bottom: var(--ds-space-8x) !important;
  }
  .my-lg-xl {
    margin-top: var(--ds-space-12x) !important;
    margin-bottom: var(--ds-space-12x) !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0x {
    margin-top: var(--ds-space-0x) !important;
  }
  .mt-lg-05x {
    margin-top: var(--ds-space-05x) !important;
  }
  .mt-lg-1x {
    margin-top: var(--ds-space-1x) !important;
  }
  .mt-lg-2x {
    margin-top: var(--ds-space-2x) !important;
  }
  .mt-lg-3x {
    margin-top: var(--ds-space-3x) !important;
  }
  .mt-lg-4x {
    margin-top: var(--ds-space-4x) !important;
  }
  .mt-lg-5x {
    margin-top: var(--ds-space-5x) !important;
  }
  .mt-lg-6x {
    margin-top: var(--ds-space-6x) !important;
  }
  .mt-lg-7x {
    margin-top: var(--ds-space-7x) !important;
  }
  .mt-lg-8x {
    margin-top: var(--ds-space-8x) !important;
  }
  .mt-lg-9x {
    margin-top: var(--ds-space-9x) !important;
  }
  .mt-lg-10x {
    margin-top: var(--ds-space-10x) !important;
  }
  .mt-lg-11x {
    margin-top: var(--ds-space-11x) !important;
  }
  .mt-lg-12x {
    margin-top: var(--ds-space-12x) !important;
  }
  .mt-lg-13x {
    margin-top: var(--ds-space-13x) !important;
  }
  .mt-lg-14x {
    margin-top: var(--ds-space-14x) !important;
  }
  .mt-lg-15x {
    margin-top: var(--ds-space-15x) !important;
  }
  .mt-lg-16x {
    margin-top: var(--ds-space-16x) !important;
  }
  .mt-lg-17x {
    margin-top: var(--ds-space-17x) !important;
  }
  .mt-lg-18x {
    margin-top: var(--ds-space-18x) !important;
  }
  .mt-lg-xs {
    margin-top: var(--ds-space-2x) !important;
  }
  .mt-lg-sm {
    margin-top: var(--ds-space-4x) !important;
  }
  .mt-lg-md {
    margin-top: var(--ds-space-6x) !important;
  }
  .mt-lg-lg {
    margin-top: var(--ds-space-8x) !important;
  }
  .mt-lg-xl {
    margin-top: var(--ds-space-12x) !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0x {
    margin-right: var(--ds-space-0x) !important;
  }
  .me-lg-05x {
    margin-right: var(--ds-space-05x) !important;
  }
  .me-lg-1x {
    margin-right: var(--ds-space-1x) !important;
  }
  .me-lg-2x {
    margin-right: var(--ds-space-2x) !important;
  }
  .me-lg-3x {
    margin-right: var(--ds-space-3x) !important;
  }
  .me-lg-4x {
    margin-right: var(--ds-space-4x) !important;
  }
  .me-lg-5x {
    margin-right: var(--ds-space-5x) !important;
  }
  .me-lg-6x {
    margin-right: var(--ds-space-6x) !important;
  }
  .me-lg-7x {
    margin-right: var(--ds-space-7x) !important;
  }
  .me-lg-8x {
    margin-right: var(--ds-space-8x) !important;
  }
  .me-lg-9x {
    margin-right: var(--ds-space-9x) !important;
  }
  .me-lg-10x {
    margin-right: var(--ds-space-10x) !important;
  }
  .me-lg-11x {
    margin-right: var(--ds-space-11x) !important;
  }
  .me-lg-12x {
    margin-right: var(--ds-space-12x) !important;
  }
  .me-lg-13x {
    margin-right: var(--ds-space-13x) !important;
  }
  .me-lg-14x {
    margin-right: var(--ds-space-14x) !important;
  }
  .me-lg-15x {
    margin-right: var(--ds-space-15x) !important;
  }
  .me-lg-16x {
    margin-right: var(--ds-space-16x) !important;
  }
  .me-lg-17x {
    margin-right: var(--ds-space-17x) !important;
  }
  .me-lg-18x {
    margin-right: var(--ds-space-18x) !important;
  }
  .me-lg-xs {
    margin-right: var(--ds-space-2x) !important;
  }
  .me-lg-sm {
    margin-right: var(--ds-space-4x) !important;
  }
  .me-lg-md {
    margin-right: var(--ds-space-6x) !important;
  }
  .me-lg-lg {
    margin-right: var(--ds-space-8x) !important;
  }
  .me-lg-xl {
    margin-right: var(--ds-space-12x) !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0x {
    margin-bottom: var(--ds-space-0x) !important;
  }
  .mb-lg-05x {
    margin-bottom: var(--ds-space-05x) !important;
  }
  .mb-lg-1x {
    margin-bottom: var(--ds-space-1x) !important;
  }
  .mb-lg-2x {
    margin-bottom: var(--ds-space-2x) !important;
  }
  .mb-lg-3x {
    margin-bottom: var(--ds-space-3x) !important;
  }
  .mb-lg-4x {
    margin-bottom: var(--ds-space-4x) !important;
  }
  .mb-lg-5x {
    margin-bottom: var(--ds-space-5x) !important;
  }
  .mb-lg-6x {
    margin-bottom: var(--ds-space-6x) !important;
  }
  .mb-lg-7x {
    margin-bottom: var(--ds-space-7x) !important;
  }
  .mb-lg-8x {
    margin-bottom: var(--ds-space-8x) !important;
  }
  .mb-lg-9x {
    margin-bottom: var(--ds-space-9x) !important;
  }
  .mb-lg-10x {
    margin-bottom: var(--ds-space-10x) !important;
  }
  .mb-lg-11x {
    margin-bottom: var(--ds-space-11x) !important;
  }
  .mb-lg-12x {
    margin-bottom: var(--ds-space-12x) !important;
  }
  .mb-lg-13x {
    margin-bottom: var(--ds-space-13x) !important;
  }
  .mb-lg-14x {
    margin-bottom: var(--ds-space-14x) !important;
  }
  .mb-lg-15x {
    margin-bottom: var(--ds-space-15x) !important;
  }
  .mb-lg-16x {
    margin-bottom: var(--ds-space-16x) !important;
  }
  .mb-lg-17x {
    margin-bottom: var(--ds-space-17x) !important;
  }
  .mb-lg-18x {
    margin-bottom: var(--ds-space-18x) !important;
  }
  .mb-lg-xs {
    margin-bottom: var(--ds-space-2x) !important;
  }
  .mb-lg-sm {
    margin-bottom: var(--ds-space-4x) !important;
  }
  .mb-lg-md {
    margin-bottom: var(--ds-space-6x) !important;
  }
  .mb-lg-lg {
    margin-bottom: var(--ds-space-8x) !important;
  }
  .mb-lg-xl {
    margin-bottom: var(--ds-space-12x) !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0x {
    margin-left: var(--ds-space-0x) !important;
  }
  .ms-lg-05x {
    margin-left: var(--ds-space-05x) !important;
  }
  .ms-lg-1x {
    margin-left: var(--ds-space-1x) !important;
  }
  .ms-lg-2x {
    margin-left: var(--ds-space-2x) !important;
  }
  .ms-lg-3x {
    margin-left: var(--ds-space-3x) !important;
  }
  .ms-lg-4x {
    margin-left: var(--ds-space-4x) !important;
  }
  .ms-lg-5x {
    margin-left: var(--ds-space-5x) !important;
  }
  .ms-lg-6x {
    margin-left: var(--ds-space-6x) !important;
  }
  .ms-lg-7x {
    margin-left: var(--ds-space-7x) !important;
  }
  .ms-lg-8x {
    margin-left: var(--ds-space-8x) !important;
  }
  .ms-lg-9x {
    margin-left: var(--ds-space-9x) !important;
  }
  .ms-lg-10x {
    margin-left: var(--ds-space-10x) !important;
  }
  .ms-lg-11x {
    margin-left: var(--ds-space-11x) !important;
  }
  .ms-lg-12x {
    margin-left: var(--ds-space-12x) !important;
  }
  .ms-lg-13x {
    margin-left: var(--ds-space-13x) !important;
  }
  .ms-lg-14x {
    margin-left: var(--ds-space-14x) !important;
  }
  .ms-lg-15x {
    margin-left: var(--ds-space-15x) !important;
  }
  .ms-lg-16x {
    margin-left: var(--ds-space-16x) !important;
  }
  .ms-lg-17x {
    margin-left: var(--ds-space-17x) !important;
  }
  .ms-lg-18x {
    margin-left: var(--ds-space-18x) !important;
  }
  .ms-lg-xs {
    margin-left: var(--ds-space-2x) !important;
  }
  .ms-lg-sm {
    margin-left: var(--ds-space-4x) !important;
  }
  .ms-lg-md {
    margin-left: var(--ds-space-6x) !important;
  }
  .ms-lg-lg {
    margin-left: var(--ds-space-8x) !important;
  }
  .ms-lg-xl {
    margin-left: var(--ds-space-12x) !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .m-lg-n0x {
    margin: calc(var(--ds-space-0x) * -1) !important;
  }
  .m-lg-n05x {
    margin: calc(var(--ds-space-05x) * -1) !important;
  }
  .m-lg-n1x {
    margin: calc(var(--ds-space-1x) * -1) !important;
  }
  .m-lg-n2x {
    margin: calc(var(--ds-space-2x) * -1) !important;
  }
  .m-lg-n3x {
    margin: calc(var(--ds-space-3x) * -1) !important;
  }
  .m-lg-n4x {
    margin: calc(var(--ds-space-4x) * -1) !important;
  }
  .m-lg-n5x {
    margin: calc(var(--ds-space-5x) * -1) !important;
  }
  .m-lg-n6x {
    margin: calc(var(--ds-space-6x) * -1) !important;
  }
  .m-lg-n7x {
    margin: calc(var(--ds-space-7x) * -1) !important;
  }
  .m-lg-n8x {
    margin: calc(var(--ds-space-8x) * -1) !important;
  }
  .m-lg-n9x {
    margin: calc(var(--ds-space-9x) * -1) !important;
  }
  .m-lg-n10x {
    margin: calc(var(--ds-space-10x) * -1) !important;
  }
  .m-lg-n11x {
    margin: calc(var(--ds-space-11x) * -1) !important;
  }
  .m-lg-n12x {
    margin: calc(var(--ds-space-12x) * -1) !important;
  }
  .m-lg-n13x {
    margin: calc(var(--ds-space-13x) * -1) !important;
  }
  .m-lg-n14x {
    margin: calc(var(--ds-space-14x) * -1) !important;
  }
  .m-lg-n15x {
    margin: calc(var(--ds-space-15x) * -1) !important;
  }
  .m-lg-n16x {
    margin: calc(var(--ds-space-16x) * -1) !important;
  }
  .m-lg-n17x {
    margin: calc(var(--ds-space-17x) * -1) !important;
  }
  .m-lg-n18x {
    margin: calc(var(--ds-space-18x) * -1) !important;
  }
  .m-lg-nxs {
    margin: calc(var(--ds-space-2x) * -1) !important;
  }
  .m-lg-nsm {
    margin: calc(var(--ds-space-4x) * -1) !important;
  }
  .m-lg-nmd {
    margin: calc(var(--ds-space-6x) * -1) !important;
  }
  .m-lg-nlg {
    margin: calc(var(--ds-space-8x) * -1) !important;
  }
  .m-lg-nxl {
    margin: calc(var(--ds-space-12x) * -1) !important;
  }
  .mx-lg-n0x {
    margin-right: calc(var(--ds-space-0x) * -1) !important;
    margin-left: calc(var(--ds-space-0x) * -1) !important;
  }
  .mx-lg-n05x {
    margin-right: calc(var(--ds-space-05x) * -1) !important;
    margin-left: calc(var(--ds-space-05x) * -1) !important;
  }
  .mx-lg-n1x {
    margin-right: calc(var(--ds-space-1x) * -1) !important;
    margin-left: calc(var(--ds-space-1x) * -1) !important;
  }
  .mx-lg-n2x {
    margin-right: calc(var(--ds-space-2x) * -1) !important;
    margin-left: calc(var(--ds-space-2x) * -1) !important;
  }
  .mx-lg-n3x {
    margin-right: calc(var(--ds-space-3x) * -1) !important;
    margin-left: calc(var(--ds-space-3x) * -1) !important;
  }
  .mx-lg-n4x {
    margin-right: calc(var(--ds-space-4x) * -1) !important;
    margin-left: calc(var(--ds-space-4x) * -1) !important;
  }
  .mx-lg-n5x {
    margin-right: calc(var(--ds-space-5x) * -1) !important;
    margin-left: calc(var(--ds-space-5x) * -1) !important;
  }
  .mx-lg-n6x {
    margin-right: calc(var(--ds-space-6x) * -1) !important;
    margin-left: calc(var(--ds-space-6x) * -1) !important;
  }
  .mx-lg-n7x {
    margin-right: calc(var(--ds-space-7x) * -1) !important;
    margin-left: calc(var(--ds-space-7x) * -1) !important;
  }
  .mx-lg-n8x {
    margin-right: calc(var(--ds-space-8x) * -1) !important;
    margin-left: calc(var(--ds-space-8x) * -1) !important;
  }
  .mx-lg-n9x {
    margin-right: calc(var(--ds-space-9x) * -1) !important;
    margin-left: calc(var(--ds-space-9x) * -1) !important;
  }
  .mx-lg-n10x {
    margin-right: calc(var(--ds-space-10x) * -1) !important;
    margin-left: calc(var(--ds-space-10x) * -1) !important;
  }
  .mx-lg-n11x {
    margin-right: calc(var(--ds-space-11x) * -1) !important;
    margin-left: calc(var(--ds-space-11x) * -1) !important;
  }
  .mx-lg-n12x {
    margin-right: calc(var(--ds-space-12x) * -1) !important;
    margin-left: calc(var(--ds-space-12x) * -1) !important;
  }
  .mx-lg-n13x {
    margin-right: calc(var(--ds-space-13x) * -1) !important;
    margin-left: calc(var(--ds-space-13x) * -1) !important;
  }
  .mx-lg-n14x {
    margin-right: calc(var(--ds-space-14x) * -1) !important;
    margin-left: calc(var(--ds-space-14x) * -1) !important;
  }
  .mx-lg-n15x {
    margin-right: calc(var(--ds-space-15x) * -1) !important;
    margin-left: calc(var(--ds-space-15x) * -1) !important;
  }
  .mx-lg-n16x {
    margin-right: calc(var(--ds-space-16x) * -1) !important;
    margin-left: calc(var(--ds-space-16x) * -1) !important;
  }
  .mx-lg-n17x {
    margin-right: calc(var(--ds-space-17x) * -1) !important;
    margin-left: calc(var(--ds-space-17x) * -1) !important;
  }
  .mx-lg-n18x {
    margin-right: calc(var(--ds-space-18x) * -1) !important;
    margin-left: calc(var(--ds-space-18x) * -1) !important;
  }
  .mx-lg-nxs {
    margin-right: calc(var(--ds-space-2x) * -1) !important;
    margin-left: calc(var(--ds-space-2x) * -1) !important;
  }
  .mx-lg-nsm {
    margin-right: calc(var(--ds-space-4x) * -1) !important;
    margin-left: calc(var(--ds-space-4x) * -1) !important;
  }
  .mx-lg-nmd {
    margin-right: calc(var(--ds-space-6x) * -1) !important;
    margin-left: calc(var(--ds-space-6x) * -1) !important;
  }
  .mx-lg-nlg {
    margin-right: calc(var(--ds-space-8x) * -1) !important;
    margin-left: calc(var(--ds-space-8x) * -1) !important;
  }
  .mx-lg-nxl {
    margin-right: calc(var(--ds-space-12x) * -1) !important;
    margin-left: calc(var(--ds-space-12x) * -1) !important;
  }
  .my-lg-n0x {
    margin-top: calc(var(--ds-space-0x) * -1) !important;
    margin-bottom: calc(var(--ds-space-0x) * -1) !important;
  }
  .my-lg-n05x {
    margin-top: calc(var(--ds-space-05x) * -1) !important;
    margin-bottom: calc(var(--ds-space-05x) * -1) !important;
  }
  .my-lg-n1x {
    margin-top: calc(var(--ds-space-1x) * -1) !important;
    margin-bottom: calc(var(--ds-space-1x) * -1) !important;
  }
  .my-lg-n2x {
    margin-top: calc(var(--ds-space-2x) * -1) !important;
    margin-bottom: calc(var(--ds-space-2x) * -1) !important;
  }
  .my-lg-n3x {
    margin-top: calc(var(--ds-space-3x) * -1) !important;
    margin-bottom: calc(var(--ds-space-3x) * -1) !important;
  }
  .my-lg-n4x {
    margin-top: calc(var(--ds-space-4x) * -1) !important;
    margin-bottom: calc(var(--ds-space-4x) * -1) !important;
  }
  .my-lg-n5x {
    margin-top: calc(var(--ds-space-5x) * -1) !important;
    margin-bottom: calc(var(--ds-space-5x) * -1) !important;
  }
  .my-lg-n6x {
    margin-top: calc(var(--ds-space-6x) * -1) !important;
    margin-bottom: calc(var(--ds-space-6x) * -1) !important;
  }
  .my-lg-n7x {
    margin-top: calc(var(--ds-space-7x) * -1) !important;
    margin-bottom: calc(var(--ds-space-7x) * -1) !important;
  }
  .my-lg-n8x {
    margin-top: calc(var(--ds-space-8x) * -1) !important;
    margin-bottom: calc(var(--ds-space-8x) * -1) !important;
  }
  .my-lg-n9x {
    margin-top: calc(var(--ds-space-9x) * -1) !important;
    margin-bottom: calc(var(--ds-space-9x) * -1) !important;
  }
  .my-lg-n10x {
    margin-top: calc(var(--ds-space-10x) * -1) !important;
    margin-bottom: calc(var(--ds-space-10x) * -1) !important;
  }
  .my-lg-n11x {
    margin-top: calc(var(--ds-space-11x) * -1) !important;
    margin-bottom: calc(var(--ds-space-11x) * -1) !important;
  }
  .my-lg-n12x {
    margin-top: calc(var(--ds-space-12x) * -1) !important;
    margin-bottom: calc(var(--ds-space-12x) * -1) !important;
  }
  .my-lg-n13x {
    margin-top: calc(var(--ds-space-13x) * -1) !important;
    margin-bottom: calc(var(--ds-space-13x) * -1) !important;
  }
  .my-lg-n14x {
    margin-top: calc(var(--ds-space-14x) * -1) !important;
    margin-bottom: calc(var(--ds-space-14x) * -1) !important;
  }
  .my-lg-n15x {
    margin-top: calc(var(--ds-space-15x) * -1) !important;
    margin-bottom: calc(var(--ds-space-15x) * -1) !important;
  }
  .my-lg-n16x {
    margin-top: calc(var(--ds-space-16x) * -1) !important;
    margin-bottom: calc(var(--ds-space-16x) * -1) !important;
  }
  .my-lg-n17x {
    margin-top: calc(var(--ds-space-17x) * -1) !important;
    margin-bottom: calc(var(--ds-space-17x) * -1) !important;
  }
  .my-lg-n18x {
    margin-top: calc(var(--ds-space-18x) * -1) !important;
    margin-bottom: calc(var(--ds-space-18x) * -1) !important;
  }
  .my-lg-nxs {
    margin-top: calc(var(--ds-space-2x) * -1) !important;
    margin-bottom: calc(var(--ds-space-2x) * -1) !important;
  }
  .my-lg-nsm {
    margin-top: calc(var(--ds-space-4x) * -1) !important;
    margin-bottom: calc(var(--ds-space-4x) * -1) !important;
  }
  .my-lg-nmd {
    margin-top: calc(var(--ds-space-6x) * -1) !important;
    margin-bottom: calc(var(--ds-space-6x) * -1) !important;
  }
  .my-lg-nlg {
    margin-top: calc(var(--ds-space-8x) * -1) !important;
    margin-bottom: calc(var(--ds-space-8x) * -1) !important;
  }
  .my-lg-nxl {
    margin-top: calc(var(--ds-space-12x) * -1) !important;
    margin-bottom: calc(var(--ds-space-12x) * -1) !important;
  }
  .mt-lg-n0x {
    margin-top: calc(var(--ds-space-0x) * -1) !important;
  }
  .mt-lg-n05x {
    margin-top: calc(var(--ds-space-05x) * -1) !important;
  }
  .mt-lg-n1x {
    margin-top: calc(var(--ds-space-1x) * -1) !important;
  }
  .mt-lg-n2x {
    margin-top: calc(var(--ds-space-2x) * -1) !important;
  }
  .mt-lg-n3x {
    margin-top: calc(var(--ds-space-3x) * -1) !important;
  }
  .mt-lg-n4x {
    margin-top: calc(var(--ds-space-4x) * -1) !important;
  }
  .mt-lg-n5x {
    margin-top: calc(var(--ds-space-5x) * -1) !important;
  }
  .mt-lg-n6x {
    margin-top: calc(var(--ds-space-6x) * -1) !important;
  }
  .mt-lg-n7x {
    margin-top: calc(var(--ds-space-7x) * -1) !important;
  }
  .mt-lg-n8x {
    margin-top: calc(var(--ds-space-8x) * -1) !important;
  }
  .mt-lg-n9x {
    margin-top: calc(var(--ds-space-9x) * -1) !important;
  }
  .mt-lg-n10x {
    margin-top: calc(var(--ds-space-10x) * -1) !important;
  }
  .mt-lg-n11x {
    margin-top: calc(var(--ds-space-11x) * -1) !important;
  }
  .mt-lg-n12x {
    margin-top: calc(var(--ds-space-12x) * -1) !important;
  }
  .mt-lg-n13x {
    margin-top: calc(var(--ds-space-13x) * -1) !important;
  }
  .mt-lg-n14x {
    margin-top: calc(var(--ds-space-14x) * -1) !important;
  }
  .mt-lg-n15x {
    margin-top: calc(var(--ds-space-15x) * -1) !important;
  }
  .mt-lg-n16x {
    margin-top: calc(var(--ds-space-16x) * -1) !important;
  }
  .mt-lg-n17x {
    margin-top: calc(var(--ds-space-17x) * -1) !important;
  }
  .mt-lg-n18x {
    margin-top: calc(var(--ds-space-18x) * -1) !important;
  }
  .mt-lg-nxs {
    margin-top: calc(var(--ds-space-2x) * -1) !important;
  }
  .mt-lg-nsm {
    margin-top: calc(var(--ds-space-4x) * -1) !important;
  }
  .mt-lg-nmd {
    margin-top: calc(var(--ds-space-6x) * -1) !important;
  }
  .mt-lg-nlg {
    margin-top: calc(var(--ds-space-8x) * -1) !important;
  }
  .mt-lg-nxl {
    margin-top: calc(var(--ds-space-12x) * -1) !important;
  }
  .me-lg-n0x {
    margin-right: calc(var(--ds-space-0x) * -1) !important;
  }
  .me-lg-n05x {
    margin-right: calc(var(--ds-space-05x) * -1) !important;
  }
  .me-lg-n1x {
    margin-right: calc(var(--ds-space-1x) * -1) !important;
  }
  .me-lg-n2x {
    margin-right: calc(var(--ds-space-2x) * -1) !important;
  }
  .me-lg-n3x {
    margin-right: calc(var(--ds-space-3x) * -1) !important;
  }
  .me-lg-n4x {
    margin-right: calc(var(--ds-space-4x) * -1) !important;
  }
  .me-lg-n5x {
    margin-right: calc(var(--ds-space-5x) * -1) !important;
  }
  .me-lg-n6x {
    margin-right: calc(var(--ds-space-6x) * -1) !important;
  }
  .me-lg-n7x {
    margin-right: calc(var(--ds-space-7x) * -1) !important;
  }
  .me-lg-n8x {
    margin-right: calc(var(--ds-space-8x) * -1) !important;
  }
  .me-lg-n9x {
    margin-right: calc(var(--ds-space-9x) * -1) !important;
  }
  .me-lg-n10x {
    margin-right: calc(var(--ds-space-10x) * -1) !important;
  }
  .me-lg-n11x {
    margin-right: calc(var(--ds-space-11x) * -1) !important;
  }
  .me-lg-n12x {
    margin-right: calc(var(--ds-space-12x) * -1) !important;
  }
  .me-lg-n13x {
    margin-right: calc(var(--ds-space-13x) * -1) !important;
  }
  .me-lg-n14x {
    margin-right: calc(var(--ds-space-14x) * -1) !important;
  }
  .me-lg-n15x {
    margin-right: calc(var(--ds-space-15x) * -1) !important;
  }
  .me-lg-n16x {
    margin-right: calc(var(--ds-space-16x) * -1) !important;
  }
  .me-lg-n17x {
    margin-right: calc(var(--ds-space-17x) * -1) !important;
  }
  .me-lg-n18x {
    margin-right: calc(var(--ds-space-18x) * -1) !important;
  }
  .me-lg-nxs {
    margin-right: calc(var(--ds-space-2x) * -1) !important;
  }
  .me-lg-nsm {
    margin-right: calc(var(--ds-space-4x) * -1) !important;
  }
  .me-lg-nmd {
    margin-right: calc(var(--ds-space-6x) * -1) !important;
  }
  .me-lg-nlg {
    margin-right: calc(var(--ds-space-8x) * -1) !important;
  }
  .me-lg-nxl {
    margin-right: calc(var(--ds-space-12x) * -1) !important;
  }
  .mb-lg-n0x {
    margin-bottom: calc(var(--ds-space-0x) * -1) !important;
  }
  .mb-lg-n05x {
    margin-bottom: calc(var(--ds-space-05x) * -1) !important;
  }
  .mb-lg-n1x {
    margin-bottom: calc(var(--ds-space-1x) * -1) !important;
  }
  .mb-lg-n2x {
    margin-bottom: calc(var(--ds-space-2x) * -1) !important;
  }
  .mb-lg-n3x {
    margin-bottom: calc(var(--ds-space-3x) * -1) !important;
  }
  .mb-lg-n4x {
    margin-bottom: calc(var(--ds-space-4x) * -1) !important;
  }
  .mb-lg-n5x {
    margin-bottom: calc(var(--ds-space-5x) * -1) !important;
  }
  .mb-lg-n6x {
    margin-bottom: calc(var(--ds-space-6x) * -1) !important;
  }
  .mb-lg-n7x {
    margin-bottom: calc(var(--ds-space-7x) * -1) !important;
  }
  .mb-lg-n8x {
    margin-bottom: calc(var(--ds-space-8x) * -1) !important;
  }
  .mb-lg-n9x {
    margin-bottom: calc(var(--ds-space-9x) * -1) !important;
  }
  .mb-lg-n10x {
    margin-bottom: calc(var(--ds-space-10x) * -1) !important;
  }
  .mb-lg-n11x {
    margin-bottom: calc(var(--ds-space-11x) * -1) !important;
  }
  .mb-lg-n12x {
    margin-bottom: calc(var(--ds-space-12x) * -1) !important;
  }
  .mb-lg-n13x {
    margin-bottom: calc(var(--ds-space-13x) * -1) !important;
  }
  .mb-lg-n14x {
    margin-bottom: calc(var(--ds-space-14x) * -1) !important;
  }
  .mb-lg-n15x {
    margin-bottom: calc(var(--ds-space-15x) * -1) !important;
  }
  .mb-lg-n16x {
    margin-bottom: calc(var(--ds-space-16x) * -1) !important;
  }
  .mb-lg-n17x {
    margin-bottom: calc(var(--ds-space-17x) * -1) !important;
  }
  .mb-lg-n18x {
    margin-bottom: calc(var(--ds-space-18x) * -1) !important;
  }
  .mb-lg-nxs {
    margin-bottom: calc(var(--ds-space-2x) * -1) !important;
  }
  .mb-lg-nsm {
    margin-bottom: calc(var(--ds-space-4x) * -1) !important;
  }
  .mb-lg-nmd {
    margin-bottom: calc(var(--ds-space-6x) * -1) !important;
  }
  .mb-lg-nlg {
    margin-bottom: calc(var(--ds-space-8x) * -1) !important;
  }
  .mb-lg-nxl {
    margin-bottom: calc(var(--ds-space-12x) * -1) !important;
  }
  .ms-lg-n0x {
    margin-left: calc(var(--ds-space-0x) * -1) !important;
  }
  .ms-lg-n05x {
    margin-left: calc(var(--ds-space-05x) * -1) !important;
  }
  .ms-lg-n1x {
    margin-left: calc(var(--ds-space-1x) * -1) !important;
  }
  .ms-lg-n2x {
    margin-left: calc(var(--ds-space-2x) * -1) !important;
  }
  .ms-lg-n3x {
    margin-left: calc(var(--ds-space-3x) * -1) !important;
  }
  .ms-lg-n4x {
    margin-left: calc(var(--ds-space-4x) * -1) !important;
  }
  .ms-lg-n5x {
    margin-left: calc(var(--ds-space-5x) * -1) !important;
  }
  .ms-lg-n6x {
    margin-left: calc(var(--ds-space-6x) * -1) !important;
  }
  .ms-lg-n7x {
    margin-left: calc(var(--ds-space-7x) * -1) !important;
  }
  .ms-lg-n8x {
    margin-left: calc(var(--ds-space-8x) * -1) !important;
  }
  .ms-lg-n9x {
    margin-left: calc(var(--ds-space-9x) * -1) !important;
  }
  .ms-lg-n10x {
    margin-left: calc(var(--ds-space-10x) * -1) !important;
  }
  .ms-lg-n11x {
    margin-left: calc(var(--ds-space-11x) * -1) !important;
  }
  .ms-lg-n12x {
    margin-left: calc(var(--ds-space-12x) * -1) !important;
  }
  .ms-lg-n13x {
    margin-left: calc(var(--ds-space-13x) * -1) !important;
  }
  .ms-lg-n14x {
    margin-left: calc(var(--ds-space-14x) * -1) !important;
  }
  .ms-lg-n15x {
    margin-left: calc(var(--ds-space-15x) * -1) !important;
  }
  .ms-lg-n16x {
    margin-left: calc(var(--ds-space-16x) * -1) !important;
  }
  .ms-lg-n17x {
    margin-left: calc(var(--ds-space-17x) * -1) !important;
  }
  .ms-lg-n18x {
    margin-left: calc(var(--ds-space-18x) * -1) !important;
  }
  .ms-lg-nxs {
    margin-left: calc(var(--ds-space-2x) * -1) !important;
  }
  .ms-lg-nsm {
    margin-left: calc(var(--ds-space-4x) * -1) !important;
  }
  .ms-lg-nmd {
    margin-left: calc(var(--ds-space-6x) * -1) !important;
  }
  .ms-lg-nlg {
    margin-left: calc(var(--ds-space-8x) * -1) !important;
  }
  .ms-lg-nxl {
    margin-left: calc(var(--ds-space-12x) * -1) !important;
  }
  .p-lg-0x {
    padding: var(--ds-space-0x) !important;
  }
  .p-lg-05x {
    padding: var(--ds-space-05x) !important;
  }
  .p-lg-1x {
    padding: var(--ds-space-1x) !important;
  }
  .p-lg-2x {
    padding: var(--ds-space-2x) !important;
  }
  .p-lg-3x {
    padding: var(--ds-space-3x) !important;
  }
  .p-lg-4x {
    padding: var(--ds-space-4x) !important;
  }
  .p-lg-5x {
    padding: var(--ds-space-5x) !important;
  }
  .p-lg-6x {
    padding: var(--ds-space-6x) !important;
  }
  .p-lg-7x {
    padding: var(--ds-space-7x) !important;
  }
  .p-lg-8x {
    padding: var(--ds-space-8x) !important;
  }
  .p-lg-9x {
    padding: var(--ds-space-9x) !important;
  }
  .p-lg-10x {
    padding: var(--ds-space-10x) !important;
  }
  .p-lg-11x {
    padding: var(--ds-space-11x) !important;
  }
  .p-lg-12x {
    padding: var(--ds-space-12x) !important;
  }
  .p-lg-13x {
    padding: var(--ds-space-13x) !important;
  }
  .p-lg-14x {
    padding: var(--ds-space-14x) !important;
  }
  .p-lg-15x {
    padding: var(--ds-space-15x) !important;
  }
  .p-lg-16x {
    padding: var(--ds-space-16x) !important;
  }
  .p-lg-17x {
    padding: var(--ds-space-17x) !important;
  }
  .p-lg-18x {
    padding: var(--ds-space-18x) !important;
  }
  .p-lg-xs {
    padding: var(--ds-space-2x) !important;
  }
  .p-lg-sm {
    padding: var(--ds-space-4x) !important;
  }
  .p-lg-md {
    padding: var(--ds-space-6x) !important;
  }
  .p-lg-lg {
    padding: var(--ds-space-8x) !important;
  }
  .p-lg-xl {
    padding: var(--ds-space-12x) !important;
  }
  .px-lg-0x {
    padding-right: var(--ds-space-0x) !important;
    padding-left: var(--ds-space-0x) !important;
  }
  .px-lg-05x {
    padding-right: var(--ds-space-05x) !important;
    padding-left: var(--ds-space-05x) !important;
  }
  .px-lg-1x {
    padding-right: var(--ds-space-1x) !important;
    padding-left: var(--ds-space-1x) !important;
  }
  .px-lg-2x {
    padding-right: var(--ds-space-2x) !important;
    padding-left: var(--ds-space-2x) !important;
  }
  .px-lg-3x {
    padding-right: var(--ds-space-3x) !important;
    padding-left: var(--ds-space-3x) !important;
  }
  .px-lg-4x {
    padding-right: var(--ds-space-4x) !important;
    padding-left: var(--ds-space-4x) !important;
  }
  .px-lg-5x {
    padding-right: var(--ds-space-5x) !important;
    padding-left: var(--ds-space-5x) !important;
  }
  .px-lg-6x {
    padding-right: var(--ds-space-6x) !important;
    padding-left: var(--ds-space-6x) !important;
  }
  .px-lg-7x {
    padding-right: var(--ds-space-7x) !important;
    padding-left: var(--ds-space-7x) !important;
  }
  .px-lg-8x {
    padding-right: var(--ds-space-8x) !important;
    padding-left: var(--ds-space-8x) !important;
  }
  .px-lg-9x {
    padding-right: var(--ds-space-9x) !important;
    padding-left: var(--ds-space-9x) !important;
  }
  .px-lg-10x {
    padding-right: var(--ds-space-10x) !important;
    padding-left: var(--ds-space-10x) !important;
  }
  .px-lg-11x {
    padding-right: var(--ds-space-11x) !important;
    padding-left: var(--ds-space-11x) !important;
  }
  .px-lg-12x {
    padding-right: var(--ds-space-12x) !important;
    padding-left: var(--ds-space-12x) !important;
  }
  .px-lg-13x {
    padding-right: var(--ds-space-13x) !important;
    padding-left: var(--ds-space-13x) !important;
  }
  .px-lg-14x {
    padding-right: var(--ds-space-14x) !important;
    padding-left: var(--ds-space-14x) !important;
  }
  .px-lg-15x {
    padding-right: var(--ds-space-15x) !important;
    padding-left: var(--ds-space-15x) !important;
  }
  .px-lg-16x {
    padding-right: var(--ds-space-16x) !important;
    padding-left: var(--ds-space-16x) !important;
  }
  .px-lg-17x {
    padding-right: var(--ds-space-17x) !important;
    padding-left: var(--ds-space-17x) !important;
  }
  .px-lg-18x {
    padding-right: var(--ds-space-18x) !important;
    padding-left: var(--ds-space-18x) !important;
  }
  .px-lg-xs {
    padding-right: var(--ds-space-2x) !important;
    padding-left: var(--ds-space-2x) !important;
  }
  .px-lg-sm {
    padding-right: var(--ds-space-4x) !important;
    padding-left: var(--ds-space-4x) !important;
  }
  .px-lg-md {
    padding-right: var(--ds-space-6x) !important;
    padding-left: var(--ds-space-6x) !important;
  }
  .px-lg-lg {
    padding-right: var(--ds-space-8x) !important;
    padding-left: var(--ds-space-8x) !important;
  }
  .px-lg-xl {
    padding-right: var(--ds-space-12x) !important;
    padding-left: var(--ds-space-12x) !important;
  }
  .py-lg-0x {
    padding-top: var(--ds-space-0x) !important;
    padding-bottom: var(--ds-space-0x) !important;
  }
  .py-lg-05x {
    padding-top: var(--ds-space-05x) !important;
    padding-bottom: var(--ds-space-05x) !important;
  }
  .py-lg-1x {
    padding-top: var(--ds-space-1x) !important;
    padding-bottom: var(--ds-space-1x) !important;
  }
  .py-lg-2x {
    padding-top: var(--ds-space-2x) !important;
    padding-bottom: var(--ds-space-2x) !important;
  }
  .py-lg-3x {
    padding-top: var(--ds-space-3x) !important;
    padding-bottom: var(--ds-space-3x) !important;
  }
  .py-lg-4x {
    padding-top: var(--ds-space-4x) !important;
    padding-bottom: var(--ds-space-4x) !important;
  }
  .py-lg-5x {
    padding-top: var(--ds-space-5x) !important;
    padding-bottom: var(--ds-space-5x) !important;
  }
  .py-lg-6x {
    padding-top: var(--ds-space-6x) !important;
    padding-bottom: var(--ds-space-6x) !important;
  }
  .py-lg-7x {
    padding-top: var(--ds-space-7x) !important;
    padding-bottom: var(--ds-space-7x) !important;
  }
  .py-lg-8x {
    padding-top: var(--ds-space-8x) !important;
    padding-bottom: var(--ds-space-8x) !important;
  }
  .py-lg-9x {
    padding-top: var(--ds-space-9x) !important;
    padding-bottom: var(--ds-space-9x) !important;
  }
  .py-lg-10x {
    padding-top: var(--ds-space-10x) !important;
    padding-bottom: var(--ds-space-10x) !important;
  }
  .py-lg-11x {
    padding-top: var(--ds-space-11x) !important;
    padding-bottom: var(--ds-space-11x) !important;
  }
  .py-lg-12x {
    padding-top: var(--ds-space-12x) !important;
    padding-bottom: var(--ds-space-12x) !important;
  }
  .py-lg-13x {
    padding-top: var(--ds-space-13x) !important;
    padding-bottom: var(--ds-space-13x) !important;
  }
  .py-lg-14x {
    padding-top: var(--ds-space-14x) !important;
    padding-bottom: var(--ds-space-14x) !important;
  }
  .py-lg-15x {
    padding-top: var(--ds-space-15x) !important;
    padding-bottom: var(--ds-space-15x) !important;
  }
  .py-lg-16x {
    padding-top: var(--ds-space-16x) !important;
    padding-bottom: var(--ds-space-16x) !important;
  }
  .py-lg-17x {
    padding-top: var(--ds-space-17x) !important;
    padding-bottom: var(--ds-space-17x) !important;
  }
  .py-lg-18x {
    padding-top: var(--ds-space-18x) !important;
    padding-bottom: var(--ds-space-18x) !important;
  }
  .py-lg-xs {
    padding-top: var(--ds-space-2x) !important;
    padding-bottom: var(--ds-space-2x) !important;
  }
  .py-lg-sm {
    padding-top: var(--ds-space-4x) !important;
    padding-bottom: var(--ds-space-4x) !important;
  }
  .py-lg-md {
    padding-top: var(--ds-space-6x) !important;
    padding-bottom: var(--ds-space-6x) !important;
  }
  .py-lg-lg {
    padding-top: var(--ds-space-8x) !important;
    padding-bottom: var(--ds-space-8x) !important;
  }
  .py-lg-xl {
    padding-top: var(--ds-space-12x) !important;
    padding-bottom: var(--ds-space-12x) !important;
  }
  .pt-lg-0x {
    padding-top: var(--ds-space-0x) !important;
  }
  .pt-lg-05x {
    padding-top: var(--ds-space-05x) !important;
  }
  .pt-lg-1x {
    padding-top: var(--ds-space-1x) !important;
  }
  .pt-lg-2x {
    padding-top: var(--ds-space-2x) !important;
  }
  .pt-lg-3x {
    padding-top: var(--ds-space-3x) !important;
  }
  .pt-lg-4x {
    padding-top: var(--ds-space-4x) !important;
  }
  .pt-lg-5x {
    padding-top: var(--ds-space-5x) !important;
  }
  .pt-lg-6x {
    padding-top: var(--ds-space-6x) !important;
  }
  .pt-lg-7x {
    padding-top: var(--ds-space-7x) !important;
  }
  .pt-lg-8x {
    padding-top: var(--ds-space-8x) !important;
  }
  .pt-lg-9x {
    padding-top: var(--ds-space-9x) !important;
  }
  .pt-lg-10x {
    padding-top: var(--ds-space-10x) !important;
  }
  .pt-lg-11x {
    padding-top: var(--ds-space-11x) !important;
  }
  .pt-lg-12x {
    padding-top: var(--ds-space-12x) !important;
  }
  .pt-lg-13x {
    padding-top: var(--ds-space-13x) !important;
  }
  .pt-lg-14x {
    padding-top: var(--ds-space-14x) !important;
  }
  .pt-lg-15x {
    padding-top: var(--ds-space-15x) !important;
  }
  .pt-lg-16x {
    padding-top: var(--ds-space-16x) !important;
  }
  .pt-lg-17x {
    padding-top: var(--ds-space-17x) !important;
  }
  .pt-lg-18x {
    padding-top: var(--ds-space-18x) !important;
  }
  .pt-lg-xs {
    padding-top: var(--ds-space-2x) !important;
  }
  .pt-lg-sm {
    padding-top: var(--ds-space-4x) !important;
  }
  .pt-lg-md {
    padding-top: var(--ds-space-6x) !important;
  }
  .pt-lg-lg {
    padding-top: var(--ds-space-8x) !important;
  }
  .pt-lg-xl {
    padding-top: var(--ds-space-12x) !important;
  }
  .pe-lg-0x {
    padding-right: var(--ds-space-0x) !important;
  }
  .pe-lg-05x {
    padding-right: var(--ds-space-05x) !important;
  }
  .pe-lg-1x {
    padding-right: var(--ds-space-1x) !important;
  }
  .pe-lg-2x {
    padding-right: var(--ds-space-2x) !important;
  }
  .pe-lg-3x {
    padding-right: var(--ds-space-3x) !important;
  }
  .pe-lg-4x {
    padding-right: var(--ds-space-4x) !important;
  }
  .pe-lg-5x {
    padding-right: var(--ds-space-5x) !important;
  }
  .pe-lg-6x {
    padding-right: var(--ds-space-6x) !important;
  }
  .pe-lg-7x {
    padding-right: var(--ds-space-7x) !important;
  }
  .pe-lg-8x {
    padding-right: var(--ds-space-8x) !important;
  }
  .pe-lg-9x {
    padding-right: var(--ds-space-9x) !important;
  }
  .pe-lg-10x {
    padding-right: var(--ds-space-10x) !important;
  }
  .pe-lg-11x {
    padding-right: var(--ds-space-11x) !important;
  }
  .pe-lg-12x {
    padding-right: var(--ds-space-12x) !important;
  }
  .pe-lg-13x {
    padding-right: var(--ds-space-13x) !important;
  }
  .pe-lg-14x {
    padding-right: var(--ds-space-14x) !important;
  }
  .pe-lg-15x {
    padding-right: var(--ds-space-15x) !important;
  }
  .pe-lg-16x {
    padding-right: var(--ds-space-16x) !important;
  }
  .pe-lg-17x {
    padding-right: var(--ds-space-17x) !important;
  }
  .pe-lg-18x {
    padding-right: var(--ds-space-18x) !important;
  }
  .pe-lg-xs {
    padding-right: var(--ds-space-2x) !important;
  }
  .pe-lg-sm {
    padding-right: var(--ds-space-4x) !important;
  }
  .pe-lg-md {
    padding-right: var(--ds-space-6x) !important;
  }
  .pe-lg-lg {
    padding-right: var(--ds-space-8x) !important;
  }
  .pe-lg-xl {
    padding-right: var(--ds-space-12x) !important;
  }
  .pb-lg-0x {
    padding-bottom: var(--ds-space-0x) !important;
  }
  .pb-lg-05x {
    padding-bottom: var(--ds-space-05x) !important;
  }
  .pb-lg-1x {
    padding-bottom: var(--ds-space-1x) !important;
  }
  .pb-lg-2x {
    padding-bottom: var(--ds-space-2x) !important;
  }
  .pb-lg-3x {
    padding-bottom: var(--ds-space-3x) !important;
  }
  .pb-lg-4x {
    padding-bottom: var(--ds-space-4x) !important;
  }
  .pb-lg-5x {
    padding-bottom: var(--ds-space-5x) !important;
  }
  .pb-lg-6x {
    padding-bottom: var(--ds-space-6x) !important;
  }
  .pb-lg-7x {
    padding-bottom: var(--ds-space-7x) !important;
  }
  .pb-lg-8x {
    padding-bottom: var(--ds-space-8x) !important;
  }
  .pb-lg-9x {
    padding-bottom: var(--ds-space-9x) !important;
  }
  .pb-lg-10x {
    padding-bottom: var(--ds-space-10x) !important;
  }
  .pb-lg-11x {
    padding-bottom: var(--ds-space-11x) !important;
  }
  .pb-lg-12x {
    padding-bottom: var(--ds-space-12x) !important;
  }
  .pb-lg-13x {
    padding-bottom: var(--ds-space-13x) !important;
  }
  .pb-lg-14x {
    padding-bottom: var(--ds-space-14x) !important;
  }
  .pb-lg-15x {
    padding-bottom: var(--ds-space-15x) !important;
  }
  .pb-lg-16x {
    padding-bottom: var(--ds-space-16x) !important;
  }
  .pb-lg-17x {
    padding-bottom: var(--ds-space-17x) !important;
  }
  .pb-lg-18x {
    padding-bottom: var(--ds-space-18x) !important;
  }
  .pb-lg-xs {
    padding-bottom: var(--ds-space-2x) !important;
  }
  .pb-lg-sm {
    padding-bottom: var(--ds-space-4x) !important;
  }
  .pb-lg-md {
    padding-bottom: var(--ds-space-6x) !important;
  }
  .pb-lg-lg {
    padding-bottom: var(--ds-space-8x) !important;
  }
  .pb-lg-xl {
    padding-bottom: var(--ds-space-12x) !important;
  }
  .ps-lg-0x {
    padding-left: var(--ds-space-0x) !important;
  }
  .ps-lg-05x {
    padding-left: var(--ds-space-05x) !important;
  }
  .ps-lg-1x {
    padding-left: var(--ds-space-1x) !important;
  }
  .ps-lg-2x {
    padding-left: var(--ds-space-2x) !important;
  }
  .ps-lg-3x {
    padding-left: var(--ds-space-3x) !important;
  }
  .ps-lg-4x {
    padding-left: var(--ds-space-4x) !important;
  }
  .ps-lg-5x {
    padding-left: var(--ds-space-5x) !important;
  }
  .ps-lg-6x {
    padding-left: var(--ds-space-6x) !important;
  }
  .ps-lg-7x {
    padding-left: var(--ds-space-7x) !important;
  }
  .ps-lg-8x {
    padding-left: var(--ds-space-8x) !important;
  }
  .ps-lg-9x {
    padding-left: var(--ds-space-9x) !important;
  }
  .ps-lg-10x {
    padding-left: var(--ds-space-10x) !important;
  }
  .ps-lg-11x {
    padding-left: var(--ds-space-11x) !important;
  }
  .ps-lg-12x {
    padding-left: var(--ds-space-12x) !important;
  }
  .ps-lg-13x {
    padding-left: var(--ds-space-13x) !important;
  }
  .ps-lg-14x {
    padding-left: var(--ds-space-14x) !important;
  }
  .ps-lg-15x {
    padding-left: var(--ds-space-15x) !important;
  }
  .ps-lg-16x {
    padding-left: var(--ds-space-16x) !important;
  }
  .ps-lg-17x {
    padding-left: var(--ds-space-17x) !important;
  }
  .ps-lg-18x {
    padding-left: var(--ds-space-18x) !important;
  }
  .ps-lg-xs {
    padding-left: var(--ds-space-2x) !important;
  }
  .ps-lg-sm {
    padding-left: var(--ds-space-4x) !important;
  }
  .ps-lg-md {
    padding-left: var(--ds-space-6x) !important;
  }
  .ps-lg-lg {
    padding-left: var(--ds-space-8x) !important;
  }
  .ps-lg-xl {
    padding-left: var(--ds-space-12x) !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .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;
  }
  .gap-xl-0x {
    gap: var(--ds-space-0x) !important;
  }
  .gap-xl-05x {
    gap: var(--ds-space-05x) !important;
  }
  .gap-xl-1x {
    gap: var(--ds-space-1x) !important;
  }
  .gap-xl-2x {
    gap: var(--ds-space-2x) !important;
  }
  .gap-xl-3x {
    gap: var(--ds-space-3x) !important;
  }
  .gap-xl-4x {
    gap: var(--ds-space-4x) !important;
  }
  .gap-xl-5x {
    gap: var(--ds-space-5x) !important;
  }
  .gap-xl-6x {
    gap: var(--ds-space-6x) !important;
  }
  .gap-xl-7x {
    gap: var(--ds-space-7x) !important;
  }
  .gap-xl-8x {
    gap: var(--ds-space-8x) !important;
  }
  .gap-xl-9x {
    gap: var(--ds-space-9x) !important;
  }
  .gap-xl-10x {
    gap: var(--ds-space-10x) !important;
  }
  .gap-xl-11x {
    gap: var(--ds-space-11x) !important;
  }
  .gap-xl-12x {
    gap: var(--ds-space-12x) !important;
  }
  .gap-xl-13x {
    gap: var(--ds-space-13x) !important;
  }
  .gap-xl-14x {
    gap: var(--ds-space-14x) !important;
  }
  .gap-xl-15x {
    gap: var(--ds-space-15x) !important;
  }
  .gap-xl-16x {
    gap: var(--ds-space-16x) !important;
  }
  .gap-xl-17x {
    gap: var(--ds-space-17x) !important;
  }
  .gap-xl-18x {
    gap: var(--ds-space-18x) !important;
  }
  .gap-xl-xs {
    gap: var(--ds-space-2x) !important;
  }
  .gap-xl-sm {
    gap: var(--ds-space-4x) !important;
  }
  .gap-xl-md {
    gap: var(--ds-space-6x) !important;
  }
  .gap-xl-lg {
    gap: var(--ds-space-8x) !important;
  }
  .gap-xl-xl {
    gap: var(--ds-space-12x) !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-0x {
    margin: var(--ds-space-0x) !important;
  }
  .m-xl-05x {
    margin: var(--ds-space-05x) !important;
  }
  .m-xl-1x {
    margin: var(--ds-space-1x) !important;
  }
  .m-xl-2x {
    margin: var(--ds-space-2x) !important;
  }
  .m-xl-3x {
    margin: var(--ds-space-3x) !important;
  }
  .m-xl-4x {
    margin: var(--ds-space-4x) !important;
  }
  .m-xl-5x {
    margin: var(--ds-space-5x) !important;
  }
  .m-xl-6x {
    margin: var(--ds-space-6x) !important;
  }
  .m-xl-7x {
    margin: var(--ds-space-7x) !important;
  }
  .m-xl-8x {
    margin: var(--ds-space-8x) !important;
  }
  .m-xl-9x {
    margin: var(--ds-space-9x) !important;
  }
  .m-xl-10x {
    margin: var(--ds-space-10x) !important;
  }
  .m-xl-11x {
    margin: var(--ds-space-11x) !important;
  }
  .m-xl-12x {
    margin: var(--ds-space-12x) !important;
  }
  .m-xl-13x {
    margin: var(--ds-space-13x) !important;
  }
  .m-xl-14x {
    margin: var(--ds-space-14x) !important;
  }
  .m-xl-15x {
    margin: var(--ds-space-15x) !important;
  }
  .m-xl-16x {
    margin: var(--ds-space-16x) !important;
  }
  .m-xl-17x {
    margin: var(--ds-space-17x) !important;
  }
  .m-xl-18x {
    margin: var(--ds-space-18x) !important;
  }
  .m-xl-xs {
    margin: var(--ds-space-2x) !important;
  }
  .m-xl-sm {
    margin: var(--ds-space-4x) !important;
  }
  .m-xl-md {
    margin: var(--ds-space-6x) !important;
  }
  .m-xl-lg {
    margin: var(--ds-space-8x) !important;
  }
  .m-xl-xl {
    margin: var(--ds-space-12x) !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0x {
    margin-right: var(--ds-space-0x) !important;
    margin-left: var(--ds-space-0x) !important;
  }
  .mx-xl-05x {
    margin-right: var(--ds-space-05x) !important;
    margin-left: var(--ds-space-05x) !important;
  }
  .mx-xl-1x {
    margin-right: var(--ds-space-1x) !important;
    margin-left: var(--ds-space-1x) !important;
  }
  .mx-xl-2x {
    margin-right: var(--ds-space-2x) !important;
    margin-left: var(--ds-space-2x) !important;
  }
  .mx-xl-3x {
    margin-right: var(--ds-space-3x) !important;
    margin-left: var(--ds-space-3x) !important;
  }
  .mx-xl-4x {
    margin-right: var(--ds-space-4x) !important;
    margin-left: var(--ds-space-4x) !important;
  }
  .mx-xl-5x {
    margin-right: var(--ds-space-5x) !important;
    margin-left: var(--ds-space-5x) !important;
  }
  .mx-xl-6x {
    margin-right: var(--ds-space-6x) !important;
    margin-left: var(--ds-space-6x) !important;
  }
  .mx-xl-7x {
    margin-right: var(--ds-space-7x) !important;
    margin-left: var(--ds-space-7x) !important;
  }
  .mx-xl-8x {
    margin-right: var(--ds-space-8x) !important;
    margin-left: var(--ds-space-8x) !important;
  }
  .mx-xl-9x {
    margin-right: var(--ds-space-9x) !important;
    margin-left: var(--ds-space-9x) !important;
  }
  .mx-xl-10x {
    margin-right: var(--ds-space-10x) !important;
    margin-left: var(--ds-space-10x) !important;
  }
  .mx-xl-11x {
    margin-right: var(--ds-space-11x) !important;
    margin-left: var(--ds-space-11x) !important;
  }
  .mx-xl-12x {
    margin-right: var(--ds-space-12x) !important;
    margin-left: var(--ds-space-12x) !important;
  }
  .mx-xl-13x {
    margin-right: var(--ds-space-13x) !important;
    margin-left: var(--ds-space-13x) !important;
  }
  .mx-xl-14x {
    margin-right: var(--ds-space-14x) !important;
    margin-left: var(--ds-space-14x) !important;
  }
  .mx-xl-15x {
    margin-right: var(--ds-space-15x) !important;
    margin-left: var(--ds-space-15x) !important;
  }
  .mx-xl-16x {
    margin-right: var(--ds-space-16x) !important;
    margin-left: var(--ds-space-16x) !important;
  }
  .mx-xl-17x {
    margin-right: var(--ds-space-17x) !important;
    margin-left: var(--ds-space-17x) !important;
  }
  .mx-xl-18x {
    margin-right: var(--ds-space-18x) !important;
    margin-left: var(--ds-space-18x) !important;
  }
  .mx-xl-xs {
    margin-right: var(--ds-space-2x) !important;
    margin-left: var(--ds-space-2x) !important;
  }
  .mx-xl-sm {
    margin-right: var(--ds-space-4x) !important;
    margin-left: var(--ds-space-4x) !important;
  }
  .mx-xl-md {
    margin-right: var(--ds-space-6x) !important;
    margin-left: var(--ds-space-6x) !important;
  }
  .mx-xl-lg {
    margin-right: var(--ds-space-8x) !important;
    margin-left: var(--ds-space-8x) !important;
  }
  .mx-xl-xl {
    margin-right: var(--ds-space-12x) !important;
    margin-left: var(--ds-space-12x) !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0x {
    margin-top: var(--ds-space-0x) !important;
    margin-bottom: var(--ds-space-0x) !important;
  }
  .my-xl-05x {
    margin-top: var(--ds-space-05x) !important;
    margin-bottom: var(--ds-space-05x) !important;
  }
  .my-xl-1x {
    margin-top: var(--ds-space-1x) !important;
    margin-bottom: var(--ds-space-1x) !important;
  }
  .my-xl-2x {
    margin-top: var(--ds-space-2x) !important;
    margin-bottom: var(--ds-space-2x) !important;
  }
  .my-xl-3x {
    margin-top: var(--ds-space-3x) !important;
    margin-bottom: var(--ds-space-3x) !important;
  }
  .my-xl-4x {
    margin-top: var(--ds-space-4x) !important;
    margin-bottom: var(--ds-space-4x) !important;
  }
  .my-xl-5x {
    margin-top: var(--ds-space-5x) !important;
    margin-bottom: var(--ds-space-5x) !important;
  }
  .my-xl-6x {
    margin-top: var(--ds-space-6x) !important;
    margin-bottom: var(--ds-space-6x) !important;
  }
  .my-xl-7x {
    margin-top: var(--ds-space-7x) !important;
    margin-bottom: var(--ds-space-7x) !important;
  }
  .my-xl-8x {
    margin-top: var(--ds-space-8x) !important;
    margin-bottom: var(--ds-space-8x) !important;
  }
  .my-xl-9x {
    margin-top: var(--ds-space-9x) !important;
    margin-bottom: var(--ds-space-9x) !important;
  }
  .my-xl-10x {
    margin-top: var(--ds-space-10x) !important;
    margin-bottom: var(--ds-space-10x) !important;
  }
  .my-xl-11x {
    margin-top: var(--ds-space-11x) !important;
    margin-bottom: var(--ds-space-11x) !important;
  }
  .my-xl-12x {
    margin-top: var(--ds-space-12x) !important;
    margin-bottom: var(--ds-space-12x) !important;
  }
  .my-xl-13x {
    margin-top: var(--ds-space-13x) !important;
    margin-bottom: var(--ds-space-13x) !important;
  }
  .my-xl-14x {
    margin-top: var(--ds-space-14x) !important;
    margin-bottom: var(--ds-space-14x) !important;
  }
  .my-xl-15x {
    margin-top: var(--ds-space-15x) !important;
    margin-bottom: var(--ds-space-15x) !important;
  }
  .my-xl-16x {
    margin-top: var(--ds-space-16x) !important;
    margin-bottom: var(--ds-space-16x) !important;
  }
  .my-xl-17x {
    margin-top: var(--ds-space-17x) !important;
    margin-bottom: var(--ds-space-17x) !important;
  }
  .my-xl-18x {
    margin-top: var(--ds-space-18x) !important;
    margin-bottom: var(--ds-space-18x) !important;
  }
  .my-xl-xs {
    margin-top: var(--ds-space-2x) !important;
    margin-bottom: var(--ds-space-2x) !important;
  }
  .my-xl-sm {
    margin-top: var(--ds-space-4x) !important;
    margin-bottom: var(--ds-space-4x) !important;
  }
  .my-xl-md {
    margin-top: var(--ds-space-6x) !important;
    margin-bottom: var(--ds-space-6x) !important;
  }
  .my-xl-lg {
    margin-top: var(--ds-space-8x) !important;
    margin-bottom: var(--ds-space-8x) !important;
  }
  .my-xl-xl {
    margin-top: var(--ds-space-12x) !important;
    margin-bottom: var(--ds-space-12x) !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0x {
    margin-top: var(--ds-space-0x) !important;
  }
  .mt-xl-05x {
    margin-top: var(--ds-space-05x) !important;
  }
  .mt-xl-1x {
    margin-top: var(--ds-space-1x) !important;
  }
  .mt-xl-2x {
    margin-top: var(--ds-space-2x) !important;
  }
  .mt-xl-3x {
    margin-top: var(--ds-space-3x) !important;
  }
  .mt-xl-4x {
    margin-top: var(--ds-space-4x) !important;
  }
  .mt-xl-5x {
    margin-top: var(--ds-space-5x) !important;
  }
  .mt-xl-6x {
    margin-top: var(--ds-space-6x) !important;
  }
  .mt-xl-7x {
    margin-top: var(--ds-space-7x) !important;
  }
  .mt-xl-8x {
    margin-top: var(--ds-space-8x) !important;
  }
  .mt-xl-9x {
    margin-top: var(--ds-space-9x) !important;
  }
  .mt-xl-10x {
    margin-top: var(--ds-space-10x) !important;
  }
  .mt-xl-11x {
    margin-top: var(--ds-space-11x) !important;
  }
  .mt-xl-12x {
    margin-top: var(--ds-space-12x) !important;
  }
  .mt-xl-13x {
    margin-top: var(--ds-space-13x) !important;
  }
  .mt-xl-14x {
    margin-top: var(--ds-space-14x) !important;
  }
  .mt-xl-15x {
    margin-top: var(--ds-space-15x) !important;
  }
  .mt-xl-16x {
    margin-top: var(--ds-space-16x) !important;
  }
  .mt-xl-17x {
    margin-top: var(--ds-space-17x) !important;
  }
  .mt-xl-18x {
    margin-top: var(--ds-space-18x) !important;
  }
  .mt-xl-xs {
    margin-top: var(--ds-space-2x) !important;
  }
  .mt-xl-sm {
    margin-top: var(--ds-space-4x) !important;
  }
  .mt-xl-md {
    margin-top: var(--ds-space-6x) !important;
  }
  .mt-xl-lg {
    margin-top: var(--ds-space-8x) !important;
  }
  .mt-xl-xl {
    margin-top: var(--ds-space-12x) !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0x {
    margin-right: var(--ds-space-0x) !important;
  }
  .me-xl-05x {
    margin-right: var(--ds-space-05x) !important;
  }
  .me-xl-1x {
    margin-right: var(--ds-space-1x) !important;
  }
  .me-xl-2x {
    margin-right: var(--ds-space-2x) !important;
  }
  .me-xl-3x {
    margin-right: var(--ds-space-3x) !important;
  }
  .me-xl-4x {
    margin-right: var(--ds-space-4x) !important;
  }
  .me-xl-5x {
    margin-right: var(--ds-space-5x) !important;
  }
  .me-xl-6x {
    margin-right: var(--ds-space-6x) !important;
  }
  .me-xl-7x {
    margin-right: var(--ds-space-7x) !important;
  }
  .me-xl-8x {
    margin-right: var(--ds-space-8x) !important;
  }
  .me-xl-9x {
    margin-right: var(--ds-space-9x) !important;
  }
  .me-xl-10x {
    margin-right: var(--ds-space-10x) !important;
  }
  .me-xl-11x {
    margin-right: var(--ds-space-11x) !important;
  }
  .me-xl-12x {
    margin-right: var(--ds-space-12x) !important;
  }
  .me-xl-13x {
    margin-right: var(--ds-space-13x) !important;
  }
  .me-xl-14x {
    margin-right: var(--ds-space-14x) !important;
  }
  .me-xl-15x {
    margin-right: var(--ds-space-15x) !important;
  }
  .me-xl-16x {
    margin-right: var(--ds-space-16x) !important;
  }
  .me-xl-17x {
    margin-right: var(--ds-space-17x) !important;
  }
  .me-xl-18x {
    margin-right: var(--ds-space-18x) !important;
  }
  .me-xl-xs {
    margin-right: var(--ds-space-2x) !important;
  }
  .me-xl-sm {
    margin-right: var(--ds-space-4x) !important;
  }
  .me-xl-md {
    margin-right: var(--ds-space-6x) !important;
  }
  .me-xl-lg {
    margin-right: var(--ds-space-8x) !important;
  }
  .me-xl-xl {
    margin-right: var(--ds-space-12x) !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0x {
    margin-bottom: var(--ds-space-0x) !important;
  }
  .mb-xl-05x {
    margin-bottom: var(--ds-space-05x) !important;
  }
  .mb-xl-1x {
    margin-bottom: var(--ds-space-1x) !important;
  }
  .mb-xl-2x {
    margin-bottom: var(--ds-space-2x) !important;
  }
  .mb-xl-3x {
    margin-bottom: var(--ds-space-3x) !important;
  }
  .mb-xl-4x {
    margin-bottom: var(--ds-space-4x) !important;
  }
  .mb-xl-5x {
    margin-bottom: var(--ds-space-5x) !important;
  }
  .mb-xl-6x {
    margin-bottom: var(--ds-space-6x) !important;
  }
  .mb-xl-7x {
    margin-bottom: var(--ds-space-7x) !important;
  }
  .mb-xl-8x {
    margin-bottom: var(--ds-space-8x) !important;
  }
  .mb-xl-9x {
    margin-bottom: var(--ds-space-9x) !important;
  }
  .mb-xl-10x {
    margin-bottom: var(--ds-space-10x) !important;
  }
  .mb-xl-11x {
    margin-bottom: var(--ds-space-11x) !important;
  }
  .mb-xl-12x {
    margin-bottom: var(--ds-space-12x) !important;
  }
  .mb-xl-13x {
    margin-bottom: var(--ds-space-13x) !important;
  }
  .mb-xl-14x {
    margin-bottom: var(--ds-space-14x) !important;
  }
  .mb-xl-15x {
    margin-bottom: var(--ds-space-15x) !important;
  }
  .mb-xl-16x {
    margin-bottom: var(--ds-space-16x) !important;
  }
  .mb-xl-17x {
    margin-bottom: var(--ds-space-17x) !important;
  }
  .mb-xl-18x {
    margin-bottom: var(--ds-space-18x) !important;
  }
  .mb-xl-xs {
    margin-bottom: var(--ds-space-2x) !important;
  }
  .mb-xl-sm {
    margin-bottom: var(--ds-space-4x) !important;
  }
  .mb-xl-md {
    margin-bottom: var(--ds-space-6x) !important;
  }
  .mb-xl-lg {
    margin-bottom: var(--ds-space-8x) !important;
  }
  .mb-xl-xl {
    margin-bottom: var(--ds-space-12x) !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0x {
    margin-left: var(--ds-space-0x) !important;
  }
  .ms-xl-05x {
    margin-left: var(--ds-space-05x) !important;
  }
  .ms-xl-1x {
    margin-left: var(--ds-space-1x) !important;
  }
  .ms-xl-2x {
    margin-left: var(--ds-space-2x) !important;
  }
  .ms-xl-3x {
    margin-left: var(--ds-space-3x) !important;
  }
  .ms-xl-4x {
    margin-left: var(--ds-space-4x) !important;
  }
  .ms-xl-5x {
    margin-left: var(--ds-space-5x) !important;
  }
  .ms-xl-6x {
    margin-left: var(--ds-space-6x) !important;
  }
  .ms-xl-7x {
    margin-left: var(--ds-space-7x) !important;
  }
  .ms-xl-8x {
    margin-left: var(--ds-space-8x) !important;
  }
  .ms-xl-9x {
    margin-left: var(--ds-space-9x) !important;
  }
  .ms-xl-10x {
    margin-left: var(--ds-space-10x) !important;
  }
  .ms-xl-11x {
    margin-left: var(--ds-space-11x) !important;
  }
  .ms-xl-12x {
    margin-left: var(--ds-space-12x) !important;
  }
  .ms-xl-13x {
    margin-left: var(--ds-space-13x) !important;
  }
  .ms-xl-14x {
    margin-left: var(--ds-space-14x) !important;
  }
  .ms-xl-15x {
    margin-left: var(--ds-space-15x) !important;
  }
  .ms-xl-16x {
    margin-left: var(--ds-space-16x) !important;
  }
  .ms-xl-17x {
    margin-left: var(--ds-space-17x) !important;
  }
  .ms-xl-18x {
    margin-left: var(--ds-space-18x) !important;
  }
  .ms-xl-xs {
    margin-left: var(--ds-space-2x) !important;
  }
  .ms-xl-sm {
    margin-left: var(--ds-space-4x) !important;
  }
  .ms-xl-md {
    margin-left: var(--ds-space-6x) !important;
  }
  .ms-xl-lg {
    margin-left: var(--ds-space-8x) !important;
  }
  .ms-xl-xl {
    margin-left: var(--ds-space-12x) !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .m-xl-n0x {
    margin: calc(var(--ds-space-0x) * -1) !important;
  }
  .m-xl-n05x {
    margin: calc(var(--ds-space-05x) * -1) !important;
  }
  .m-xl-n1x {
    margin: calc(var(--ds-space-1x) * -1) !important;
  }
  .m-xl-n2x {
    margin: calc(var(--ds-space-2x) * -1) !important;
  }
  .m-xl-n3x {
    margin: calc(var(--ds-space-3x) * -1) !important;
  }
  .m-xl-n4x {
    margin: calc(var(--ds-space-4x) * -1) !important;
  }
  .m-xl-n5x {
    margin: calc(var(--ds-space-5x) * -1) !important;
  }
  .m-xl-n6x {
    margin: calc(var(--ds-space-6x) * -1) !important;
  }
  .m-xl-n7x {
    margin: calc(var(--ds-space-7x) * -1) !important;
  }
  .m-xl-n8x {
    margin: calc(var(--ds-space-8x) * -1) !important;
  }
  .m-xl-n9x {
    margin: calc(var(--ds-space-9x) * -1) !important;
  }
  .m-xl-n10x {
    margin: calc(var(--ds-space-10x) * -1) !important;
  }
  .m-xl-n11x {
    margin: calc(var(--ds-space-11x) * -1) !important;
  }
  .m-xl-n12x {
    margin: calc(var(--ds-space-12x) * -1) !important;
  }
  .m-xl-n13x {
    margin: calc(var(--ds-space-13x) * -1) !important;
  }
  .m-xl-n14x {
    margin: calc(var(--ds-space-14x) * -1) !important;
  }
  .m-xl-n15x {
    margin: calc(var(--ds-space-15x) * -1) !important;
  }
  .m-xl-n16x {
    margin: calc(var(--ds-space-16x) * -1) !important;
  }
  .m-xl-n17x {
    margin: calc(var(--ds-space-17x) * -1) !important;
  }
  .m-xl-n18x {
    margin: calc(var(--ds-space-18x) * -1) !important;
  }
  .m-xl-nxs {
    margin: calc(var(--ds-space-2x) * -1) !important;
  }
  .m-xl-nsm {
    margin: calc(var(--ds-space-4x) * -1) !important;
  }
  .m-xl-nmd {
    margin: calc(var(--ds-space-6x) * -1) !important;
  }
  .m-xl-nlg {
    margin: calc(var(--ds-space-8x) * -1) !important;
  }
  .m-xl-nxl {
    margin: calc(var(--ds-space-12x) * -1) !important;
  }
  .mx-xl-n0x {
    margin-right: calc(var(--ds-space-0x) * -1) !important;
    margin-left: calc(var(--ds-space-0x) * -1) !important;
  }
  .mx-xl-n05x {
    margin-right: calc(var(--ds-space-05x) * -1) !important;
    margin-left: calc(var(--ds-space-05x) * -1) !important;
  }
  .mx-xl-n1x {
    margin-right: calc(var(--ds-space-1x) * -1) !important;
    margin-left: calc(var(--ds-space-1x) * -1) !important;
  }
  .mx-xl-n2x {
    margin-right: calc(var(--ds-space-2x) * -1) !important;
    margin-left: calc(var(--ds-space-2x) * -1) !important;
  }
  .mx-xl-n3x {
    margin-right: calc(var(--ds-space-3x) * -1) !important;
    margin-left: calc(var(--ds-space-3x) * -1) !important;
  }
  .mx-xl-n4x {
    margin-right: calc(var(--ds-space-4x) * -1) !important;
    margin-left: calc(var(--ds-space-4x) * -1) !important;
  }
  .mx-xl-n5x {
    margin-right: calc(var(--ds-space-5x) * -1) !important;
    margin-left: calc(var(--ds-space-5x) * -1) !important;
  }
  .mx-xl-n6x {
    margin-right: calc(var(--ds-space-6x) * -1) !important;
    margin-left: calc(var(--ds-space-6x) * -1) !important;
  }
  .mx-xl-n7x {
    margin-right: calc(var(--ds-space-7x) * -1) !important;
    margin-left: calc(var(--ds-space-7x) * -1) !important;
  }
  .mx-xl-n8x {
    margin-right: calc(var(--ds-space-8x) * -1) !important;
    margin-left: calc(var(--ds-space-8x) * -1) !important;
  }
  .mx-xl-n9x {
    margin-right: calc(var(--ds-space-9x) * -1) !important;
    margin-left: calc(var(--ds-space-9x) * -1) !important;
  }
  .mx-xl-n10x {
    margin-right: calc(var(--ds-space-10x) * -1) !important;
    margin-left: calc(var(--ds-space-10x) * -1) !important;
  }
  .mx-xl-n11x {
    margin-right: calc(var(--ds-space-11x) * -1) !important;
    margin-left: calc(var(--ds-space-11x) * -1) !important;
  }
  .mx-xl-n12x {
    margin-right: calc(var(--ds-space-12x) * -1) !important;
    margin-left: calc(var(--ds-space-12x) * -1) !important;
  }
  .mx-xl-n13x {
    margin-right: calc(var(--ds-space-13x) * -1) !important;
    margin-left: calc(var(--ds-space-13x) * -1) !important;
  }
  .mx-xl-n14x {
    margin-right: calc(var(--ds-space-14x) * -1) !important;
    margin-left: calc(var(--ds-space-14x) * -1) !important;
  }
  .mx-xl-n15x {
    margin-right: calc(var(--ds-space-15x) * -1) !important;
    margin-left: calc(var(--ds-space-15x) * -1) !important;
  }
  .mx-xl-n16x {
    margin-right: calc(var(--ds-space-16x) * -1) !important;
    margin-left: calc(var(--ds-space-16x) * -1) !important;
  }
  .mx-xl-n17x {
    margin-right: calc(var(--ds-space-17x) * -1) !important;
    margin-left: calc(var(--ds-space-17x) * -1) !important;
  }
  .mx-xl-n18x {
    margin-right: calc(var(--ds-space-18x) * -1) !important;
    margin-left: calc(var(--ds-space-18x) * -1) !important;
  }
  .mx-xl-nxs {
    margin-right: calc(var(--ds-space-2x) * -1) !important;
    margin-left: calc(var(--ds-space-2x) * -1) !important;
  }
  .mx-xl-nsm {
    margin-right: calc(var(--ds-space-4x) * -1) !important;
    margin-left: calc(var(--ds-space-4x) * -1) !important;
  }
  .mx-xl-nmd {
    margin-right: calc(var(--ds-space-6x) * -1) !important;
    margin-left: calc(var(--ds-space-6x) * -1) !important;
  }
  .mx-xl-nlg {
    margin-right: calc(var(--ds-space-8x) * -1) !important;
    margin-left: calc(var(--ds-space-8x) * -1) !important;
  }
  .mx-xl-nxl {
    margin-right: calc(var(--ds-space-12x) * -1) !important;
    margin-left: calc(var(--ds-space-12x) * -1) !important;
  }
  .my-xl-n0x {
    margin-top: calc(var(--ds-space-0x) * -1) !important;
    margin-bottom: calc(var(--ds-space-0x) * -1) !important;
  }
  .my-xl-n05x {
    margin-top: calc(var(--ds-space-05x) * -1) !important;
    margin-bottom: calc(var(--ds-space-05x) * -1) !important;
  }
  .my-xl-n1x {
    margin-top: calc(var(--ds-space-1x) * -1) !important;
    margin-bottom: calc(var(--ds-space-1x) * -1) !important;
  }
  .my-xl-n2x {
    margin-top: calc(var(--ds-space-2x) * -1) !important;
    margin-bottom: calc(var(--ds-space-2x) * -1) !important;
  }
  .my-xl-n3x {
    margin-top: calc(var(--ds-space-3x) * -1) !important;
    margin-bottom: calc(var(--ds-space-3x) * -1) !important;
  }
  .my-xl-n4x {
    margin-top: calc(var(--ds-space-4x) * -1) !important;
    margin-bottom: calc(var(--ds-space-4x) * -1) !important;
  }
  .my-xl-n5x {
    margin-top: calc(var(--ds-space-5x) * -1) !important;
    margin-bottom: calc(var(--ds-space-5x) * -1) !important;
  }
  .my-xl-n6x {
    margin-top: calc(var(--ds-space-6x) * -1) !important;
    margin-bottom: calc(var(--ds-space-6x) * -1) !important;
  }
  .my-xl-n7x {
    margin-top: calc(var(--ds-space-7x) * -1) !important;
    margin-bottom: calc(var(--ds-space-7x) * -1) !important;
  }
  .my-xl-n8x {
    margin-top: calc(var(--ds-space-8x) * -1) !important;
    margin-bottom: calc(var(--ds-space-8x) * -1) !important;
  }
  .my-xl-n9x {
    margin-top: calc(var(--ds-space-9x) * -1) !important;
    margin-bottom: calc(var(--ds-space-9x) * -1) !important;
  }
  .my-xl-n10x {
    margin-top: calc(var(--ds-space-10x) * -1) !important;
    margin-bottom: calc(var(--ds-space-10x) * -1) !important;
  }
  .my-xl-n11x {
    margin-top: calc(var(--ds-space-11x) * -1) !important;
    margin-bottom: calc(var(--ds-space-11x) * -1) !important;
  }
  .my-xl-n12x {
    margin-top: calc(var(--ds-space-12x) * -1) !important;
    margin-bottom: calc(var(--ds-space-12x) * -1) !important;
  }
  .my-xl-n13x {
    margin-top: calc(var(--ds-space-13x) * -1) !important;
    margin-bottom: calc(var(--ds-space-13x) * -1) !important;
  }
  .my-xl-n14x {
    margin-top: calc(var(--ds-space-14x) * -1) !important;
    margin-bottom: calc(var(--ds-space-14x) * -1) !important;
  }
  .my-xl-n15x {
    margin-top: calc(var(--ds-space-15x) * -1) !important;
    margin-bottom: calc(var(--ds-space-15x) * -1) !important;
  }
  .my-xl-n16x {
    margin-top: calc(var(--ds-space-16x) * -1) !important;
    margin-bottom: calc(var(--ds-space-16x) * -1) !important;
  }
  .my-xl-n17x {
    margin-top: calc(var(--ds-space-17x) * -1) !important;
    margin-bottom: calc(var(--ds-space-17x) * -1) !important;
  }
  .my-xl-n18x {
    margin-top: calc(var(--ds-space-18x) * -1) !important;
    margin-bottom: calc(var(--ds-space-18x) * -1) !important;
  }
  .my-xl-nxs {
    margin-top: calc(var(--ds-space-2x) * -1) !important;
    margin-bottom: calc(var(--ds-space-2x) * -1) !important;
  }
  .my-xl-nsm {
    margin-top: calc(var(--ds-space-4x) * -1) !important;
    margin-bottom: calc(var(--ds-space-4x) * -1) !important;
  }
  .my-xl-nmd {
    margin-top: calc(var(--ds-space-6x) * -1) !important;
    margin-bottom: calc(var(--ds-space-6x) * -1) !important;
  }
  .my-xl-nlg {
    margin-top: calc(var(--ds-space-8x) * -1) !important;
    margin-bottom: calc(var(--ds-space-8x) * -1) !important;
  }
  .my-xl-nxl {
    margin-top: calc(var(--ds-space-12x) * -1) !important;
    margin-bottom: calc(var(--ds-space-12x) * -1) !important;
  }
  .mt-xl-n0x {
    margin-top: calc(var(--ds-space-0x) * -1) !important;
  }
  .mt-xl-n05x {
    margin-top: calc(var(--ds-space-05x) * -1) !important;
  }
  .mt-xl-n1x {
    margin-top: calc(var(--ds-space-1x) * -1) !important;
  }
  .mt-xl-n2x {
    margin-top: calc(var(--ds-space-2x) * -1) !important;
  }
  .mt-xl-n3x {
    margin-top: calc(var(--ds-space-3x) * -1) !important;
  }
  .mt-xl-n4x {
    margin-top: calc(var(--ds-space-4x) * -1) !important;
  }
  .mt-xl-n5x {
    margin-top: calc(var(--ds-space-5x) * -1) !important;
  }
  .mt-xl-n6x {
    margin-top: calc(var(--ds-space-6x) * -1) !important;
  }
  .mt-xl-n7x {
    margin-top: calc(var(--ds-space-7x) * -1) !important;
  }
  .mt-xl-n8x {
    margin-top: calc(var(--ds-space-8x) * -1) !important;
  }
  .mt-xl-n9x {
    margin-top: calc(var(--ds-space-9x) * -1) !important;
  }
  .mt-xl-n10x {
    margin-top: calc(var(--ds-space-10x) * -1) !important;
  }
  .mt-xl-n11x {
    margin-top: calc(var(--ds-space-11x) * -1) !important;
  }
  .mt-xl-n12x {
    margin-top: calc(var(--ds-space-12x) * -1) !important;
  }
  .mt-xl-n13x {
    margin-top: calc(var(--ds-space-13x) * -1) !important;
  }
  .mt-xl-n14x {
    margin-top: calc(var(--ds-space-14x) * -1) !important;
  }
  .mt-xl-n15x {
    margin-top: calc(var(--ds-space-15x) * -1) !important;
  }
  .mt-xl-n16x {
    margin-top: calc(var(--ds-space-16x) * -1) !important;
  }
  .mt-xl-n17x {
    margin-top: calc(var(--ds-space-17x) * -1) !important;
  }
  .mt-xl-n18x {
    margin-top: calc(var(--ds-space-18x) * -1) !important;
  }
  .mt-xl-nxs {
    margin-top: calc(var(--ds-space-2x) * -1) !important;
  }
  .mt-xl-nsm {
    margin-top: calc(var(--ds-space-4x) * -1) !important;
  }
  .mt-xl-nmd {
    margin-top: calc(var(--ds-space-6x) * -1) !important;
  }
  .mt-xl-nlg {
    margin-top: calc(var(--ds-space-8x) * -1) !important;
  }
  .mt-xl-nxl {
    margin-top: calc(var(--ds-space-12x) * -1) !important;
  }
  .me-xl-n0x {
    margin-right: calc(var(--ds-space-0x) * -1) !important;
  }
  .me-xl-n05x {
    margin-right: calc(var(--ds-space-05x) * -1) !important;
  }
  .me-xl-n1x {
    margin-right: calc(var(--ds-space-1x) * -1) !important;
  }
  .me-xl-n2x {
    margin-right: calc(var(--ds-space-2x) * -1) !important;
  }
  .me-xl-n3x {
    margin-right: calc(var(--ds-space-3x) * -1) !important;
  }
  .me-xl-n4x {
    margin-right: calc(var(--ds-space-4x) * -1) !important;
  }
  .me-xl-n5x {
    margin-right: calc(var(--ds-space-5x) * -1) !important;
  }
  .me-xl-n6x {
    margin-right: calc(var(--ds-space-6x) * -1) !important;
  }
  .me-xl-n7x {
    margin-right: calc(var(--ds-space-7x) * -1) !important;
  }
  .me-xl-n8x {
    margin-right: calc(var(--ds-space-8x) * -1) !important;
  }
  .me-xl-n9x {
    margin-right: calc(var(--ds-space-9x) * -1) !important;
  }
  .me-xl-n10x {
    margin-right: calc(var(--ds-space-10x) * -1) !important;
  }
  .me-xl-n11x {
    margin-right: calc(var(--ds-space-11x) * -1) !important;
  }
  .me-xl-n12x {
    margin-right: calc(var(--ds-space-12x) * -1) !important;
  }
  .me-xl-n13x {
    margin-right: calc(var(--ds-space-13x) * -1) !important;
  }
  .me-xl-n14x {
    margin-right: calc(var(--ds-space-14x) * -1) !important;
  }
  .me-xl-n15x {
    margin-right: calc(var(--ds-space-15x) * -1) !important;
  }
  .me-xl-n16x {
    margin-right: calc(var(--ds-space-16x) * -1) !important;
  }
  .me-xl-n17x {
    margin-right: calc(var(--ds-space-17x) * -1) !important;
  }
  .me-xl-n18x {
    margin-right: calc(var(--ds-space-18x) * -1) !important;
  }
  .me-xl-nxs {
    margin-right: calc(var(--ds-space-2x) * -1) !important;
  }
  .me-xl-nsm {
    margin-right: calc(var(--ds-space-4x) * -1) !important;
  }
  .me-xl-nmd {
    margin-right: calc(var(--ds-space-6x) * -1) !important;
  }
  .me-xl-nlg {
    margin-right: calc(var(--ds-space-8x) * -1) !important;
  }
  .me-xl-nxl {
    margin-right: calc(var(--ds-space-12x) * -1) !important;
  }
  .mb-xl-n0x {
    margin-bottom: calc(var(--ds-space-0x) * -1) !important;
  }
  .mb-xl-n05x {
    margin-bottom: calc(var(--ds-space-05x) * -1) !important;
  }
  .mb-xl-n1x {
    margin-bottom: calc(var(--ds-space-1x) * -1) !important;
  }
  .mb-xl-n2x {
    margin-bottom: calc(var(--ds-space-2x) * -1) !important;
  }
  .mb-xl-n3x {
    margin-bottom: calc(var(--ds-space-3x) * -1) !important;
  }
  .mb-xl-n4x {
    margin-bottom: calc(var(--ds-space-4x) * -1) !important;
  }
  .mb-xl-n5x {
    margin-bottom: calc(var(--ds-space-5x) * -1) !important;
  }
  .mb-xl-n6x {
    margin-bottom: calc(var(--ds-space-6x) * -1) !important;
  }
  .mb-xl-n7x {
    margin-bottom: calc(var(--ds-space-7x) * -1) !important;
  }
  .mb-xl-n8x {
    margin-bottom: calc(var(--ds-space-8x) * -1) !important;
  }
  .mb-xl-n9x {
    margin-bottom: calc(var(--ds-space-9x) * -1) !important;
  }
  .mb-xl-n10x {
    margin-bottom: calc(var(--ds-space-10x) * -1) !important;
  }
  .mb-xl-n11x {
    margin-bottom: calc(var(--ds-space-11x) * -1) !important;
  }
  .mb-xl-n12x {
    margin-bottom: calc(var(--ds-space-12x) * -1) !important;
  }
  .mb-xl-n13x {
    margin-bottom: calc(var(--ds-space-13x) * -1) !important;
  }
  .mb-xl-n14x {
    margin-bottom: calc(var(--ds-space-14x) * -1) !important;
  }
  .mb-xl-n15x {
    margin-bottom: calc(var(--ds-space-15x) * -1) !important;
  }
  .mb-xl-n16x {
    margin-bottom: calc(var(--ds-space-16x) * -1) !important;
  }
  .mb-xl-n17x {
    margin-bottom: calc(var(--ds-space-17x) * -1) !important;
  }
  .mb-xl-n18x {
    margin-bottom: calc(var(--ds-space-18x) * -1) !important;
  }
  .mb-xl-nxs {
    margin-bottom: calc(var(--ds-space-2x) * -1) !important;
  }
  .mb-xl-nsm {
    margin-bottom: calc(var(--ds-space-4x) * -1) !important;
  }
  .mb-xl-nmd {
    margin-bottom: calc(var(--ds-space-6x) * -1) !important;
  }
  .mb-xl-nlg {
    margin-bottom: calc(var(--ds-space-8x) * -1) !important;
  }
  .mb-xl-nxl {
    margin-bottom: calc(var(--ds-space-12x) * -1) !important;
  }
  .ms-xl-n0x {
    margin-left: calc(var(--ds-space-0x) * -1) !important;
  }
  .ms-xl-n05x {
    margin-left: calc(var(--ds-space-05x) * -1) !important;
  }
  .ms-xl-n1x {
    margin-left: calc(var(--ds-space-1x) * -1) !important;
  }
  .ms-xl-n2x {
    margin-left: calc(var(--ds-space-2x) * -1) !important;
  }
  .ms-xl-n3x {
    margin-left: calc(var(--ds-space-3x) * -1) !important;
  }
  .ms-xl-n4x {
    margin-left: calc(var(--ds-space-4x) * -1) !important;
  }
  .ms-xl-n5x {
    margin-left: calc(var(--ds-space-5x) * -1) !important;
  }
  .ms-xl-n6x {
    margin-left: calc(var(--ds-space-6x) * -1) !important;
  }
  .ms-xl-n7x {
    margin-left: calc(var(--ds-space-7x) * -1) !important;
  }
  .ms-xl-n8x {
    margin-left: calc(var(--ds-space-8x) * -1) !important;
  }
  .ms-xl-n9x {
    margin-left: calc(var(--ds-space-9x) * -1) !important;
  }
  .ms-xl-n10x {
    margin-left: calc(var(--ds-space-10x) * -1) !important;
  }
  .ms-xl-n11x {
    margin-left: calc(var(--ds-space-11x) * -1) !important;
  }
  .ms-xl-n12x {
    margin-left: calc(var(--ds-space-12x) * -1) !important;
  }
  .ms-xl-n13x {
    margin-left: calc(var(--ds-space-13x) * -1) !important;
  }
  .ms-xl-n14x {
    margin-left: calc(var(--ds-space-14x) * -1) !important;
  }
  .ms-xl-n15x {
    margin-left: calc(var(--ds-space-15x) * -1) !important;
  }
  .ms-xl-n16x {
    margin-left: calc(var(--ds-space-16x) * -1) !important;
  }
  .ms-xl-n17x {
    margin-left: calc(var(--ds-space-17x) * -1) !important;
  }
  .ms-xl-n18x {
    margin-left: calc(var(--ds-space-18x) * -1) !important;
  }
  .ms-xl-nxs {
    margin-left: calc(var(--ds-space-2x) * -1) !important;
  }
  .ms-xl-nsm {
    margin-left: calc(var(--ds-space-4x) * -1) !important;
  }
  .ms-xl-nmd {
    margin-left: calc(var(--ds-space-6x) * -1) !important;
  }
  .ms-xl-nlg {
    margin-left: calc(var(--ds-space-8x) * -1) !important;
  }
  .ms-xl-nxl {
    margin-left: calc(var(--ds-space-12x) * -1) !important;
  }
  .p-xl-0x {
    padding: var(--ds-space-0x) !important;
  }
  .p-xl-05x {
    padding: var(--ds-space-05x) !important;
  }
  .p-xl-1x {
    padding: var(--ds-space-1x) !important;
  }
  .p-xl-2x {
    padding: var(--ds-space-2x) !important;
  }
  .p-xl-3x {
    padding: var(--ds-space-3x) !important;
  }
  .p-xl-4x {
    padding: var(--ds-space-4x) !important;
  }
  .p-xl-5x {
    padding: var(--ds-space-5x) !important;
  }
  .p-xl-6x {
    padding: var(--ds-space-6x) !important;
  }
  .p-xl-7x {
    padding: var(--ds-space-7x) !important;
  }
  .p-xl-8x {
    padding: var(--ds-space-8x) !important;
  }
  .p-xl-9x {
    padding: var(--ds-space-9x) !important;
  }
  .p-xl-10x {
    padding: var(--ds-space-10x) !important;
  }
  .p-xl-11x {
    padding: var(--ds-space-11x) !important;
  }
  .p-xl-12x {
    padding: var(--ds-space-12x) !important;
  }
  .p-xl-13x {
    padding: var(--ds-space-13x) !important;
  }
  .p-xl-14x {
    padding: var(--ds-space-14x) !important;
  }
  .p-xl-15x {
    padding: var(--ds-space-15x) !important;
  }
  .p-xl-16x {
    padding: var(--ds-space-16x) !important;
  }
  .p-xl-17x {
    padding: var(--ds-space-17x) !important;
  }
  .p-xl-18x {
    padding: var(--ds-space-18x) !important;
  }
  .p-xl-xs {
    padding: var(--ds-space-2x) !important;
  }
  .p-xl-sm {
    padding: var(--ds-space-4x) !important;
  }
  .p-xl-md {
    padding: var(--ds-space-6x) !important;
  }
  .p-xl-lg {
    padding: var(--ds-space-8x) !important;
  }
  .p-xl-xl {
    padding: var(--ds-space-12x) !important;
  }
  .px-xl-0x {
    padding-right: var(--ds-space-0x) !important;
    padding-left: var(--ds-space-0x) !important;
  }
  .px-xl-05x {
    padding-right: var(--ds-space-05x) !important;
    padding-left: var(--ds-space-05x) !important;
  }
  .px-xl-1x {
    padding-right: var(--ds-space-1x) !important;
    padding-left: var(--ds-space-1x) !important;
  }
  .px-xl-2x {
    padding-right: var(--ds-space-2x) !important;
    padding-left: var(--ds-space-2x) !important;
  }
  .px-xl-3x {
    padding-right: var(--ds-space-3x) !important;
    padding-left: var(--ds-space-3x) !important;
  }
  .px-xl-4x {
    padding-right: var(--ds-space-4x) !important;
    padding-left: var(--ds-space-4x) !important;
  }
  .px-xl-5x {
    padding-right: var(--ds-space-5x) !important;
    padding-left: var(--ds-space-5x) !important;
  }
  .px-xl-6x {
    padding-right: var(--ds-space-6x) !important;
    padding-left: var(--ds-space-6x) !important;
  }
  .px-xl-7x {
    padding-right: var(--ds-space-7x) !important;
    padding-left: var(--ds-space-7x) !important;
  }
  .px-xl-8x {
    padding-right: var(--ds-space-8x) !important;
    padding-left: var(--ds-space-8x) !important;
  }
  .px-xl-9x {
    padding-right: var(--ds-space-9x) !important;
    padding-left: var(--ds-space-9x) !important;
  }
  .px-xl-10x {
    padding-right: var(--ds-space-10x) !important;
    padding-left: var(--ds-space-10x) !important;
  }
  .px-xl-11x {
    padding-right: var(--ds-space-11x) !important;
    padding-left: var(--ds-space-11x) !important;
  }
  .px-xl-12x {
    padding-right: var(--ds-space-12x) !important;
    padding-left: var(--ds-space-12x) !important;
  }
  .px-xl-13x {
    padding-right: var(--ds-space-13x) !important;
    padding-left: var(--ds-space-13x) !important;
  }
  .px-xl-14x {
    padding-right: var(--ds-space-14x) !important;
    padding-left: var(--ds-space-14x) !important;
  }
  .px-xl-15x {
    padding-right: var(--ds-space-15x) !important;
    padding-left: var(--ds-space-15x) !important;
  }
  .px-xl-16x {
    padding-right: var(--ds-space-16x) !important;
    padding-left: var(--ds-space-16x) !important;
  }
  .px-xl-17x {
    padding-right: var(--ds-space-17x) !important;
    padding-left: var(--ds-space-17x) !important;
  }
  .px-xl-18x {
    padding-right: var(--ds-space-18x) !important;
    padding-left: var(--ds-space-18x) !important;
  }
  .px-xl-xs {
    padding-right: var(--ds-space-2x) !important;
    padding-left: var(--ds-space-2x) !important;
  }
  .px-xl-sm {
    padding-right: var(--ds-space-4x) !important;
    padding-left: var(--ds-space-4x) !important;
  }
  .px-xl-md {
    padding-right: var(--ds-space-6x) !important;
    padding-left: var(--ds-space-6x) !important;
  }
  .px-xl-lg {
    padding-right: var(--ds-space-8x) !important;
    padding-left: var(--ds-space-8x) !important;
  }
  .px-xl-xl {
    padding-right: var(--ds-space-12x) !important;
    padding-left: var(--ds-space-12x) !important;
  }
  .py-xl-0x {
    padding-top: var(--ds-space-0x) !important;
    padding-bottom: var(--ds-space-0x) !important;
  }
  .py-xl-05x {
    padding-top: var(--ds-space-05x) !important;
    padding-bottom: var(--ds-space-05x) !important;
  }
  .py-xl-1x {
    padding-top: var(--ds-space-1x) !important;
    padding-bottom: var(--ds-space-1x) !important;
  }
  .py-xl-2x {
    padding-top: var(--ds-space-2x) !important;
    padding-bottom: var(--ds-space-2x) !important;
  }
  .py-xl-3x {
    padding-top: var(--ds-space-3x) !important;
    padding-bottom: var(--ds-space-3x) !important;
  }
  .py-xl-4x {
    padding-top: var(--ds-space-4x) !important;
    padding-bottom: var(--ds-space-4x) !important;
  }
  .py-xl-5x {
    padding-top: var(--ds-space-5x) !important;
    padding-bottom: var(--ds-space-5x) !important;
  }
  .py-xl-6x {
    padding-top: var(--ds-space-6x) !important;
    padding-bottom: var(--ds-space-6x) !important;
  }
  .py-xl-7x {
    padding-top: var(--ds-space-7x) !important;
    padding-bottom: var(--ds-space-7x) !important;
  }
  .py-xl-8x {
    padding-top: var(--ds-space-8x) !important;
    padding-bottom: var(--ds-space-8x) !important;
  }
  .py-xl-9x {
    padding-top: var(--ds-space-9x) !important;
    padding-bottom: var(--ds-space-9x) !important;
  }
  .py-xl-10x {
    padding-top: var(--ds-space-10x) !important;
    padding-bottom: var(--ds-space-10x) !important;
  }
  .py-xl-11x {
    padding-top: var(--ds-space-11x) !important;
    padding-bottom: var(--ds-space-11x) !important;
  }
  .py-xl-12x {
    padding-top: var(--ds-space-12x) !important;
    padding-bottom: var(--ds-space-12x) !important;
  }
  .py-xl-13x {
    padding-top: var(--ds-space-13x) !important;
    padding-bottom: var(--ds-space-13x) !important;
  }
  .py-xl-14x {
    padding-top: var(--ds-space-14x) !important;
    padding-bottom: var(--ds-space-14x) !important;
  }
  .py-xl-15x {
    padding-top: var(--ds-space-15x) !important;
    padding-bottom: var(--ds-space-15x) !important;
  }
  .py-xl-16x {
    padding-top: var(--ds-space-16x) !important;
    padding-bottom: var(--ds-space-16x) !important;
  }
  .py-xl-17x {
    padding-top: var(--ds-space-17x) !important;
    padding-bottom: var(--ds-space-17x) !important;
  }
  .py-xl-18x {
    padding-top: var(--ds-space-18x) !important;
    padding-bottom: var(--ds-space-18x) !important;
  }
  .py-xl-xs {
    padding-top: var(--ds-space-2x) !important;
    padding-bottom: var(--ds-space-2x) !important;
  }
  .py-xl-sm {
    padding-top: var(--ds-space-4x) !important;
    padding-bottom: var(--ds-space-4x) !important;
  }
  .py-xl-md {
    padding-top: var(--ds-space-6x) !important;
    padding-bottom: var(--ds-space-6x) !important;
  }
  .py-xl-lg {
    padding-top: var(--ds-space-8x) !important;
    padding-bottom: var(--ds-space-8x) !important;
  }
  .py-xl-xl {
    padding-top: var(--ds-space-12x) !important;
    padding-bottom: var(--ds-space-12x) !important;
  }
  .pt-xl-0x {
    padding-top: var(--ds-space-0x) !important;
  }
  .pt-xl-05x {
    padding-top: var(--ds-space-05x) !important;
  }
  .pt-xl-1x {
    padding-top: var(--ds-space-1x) !important;
  }
  .pt-xl-2x {
    padding-top: var(--ds-space-2x) !important;
  }
  .pt-xl-3x {
    padding-top: var(--ds-space-3x) !important;
  }
  .pt-xl-4x {
    padding-top: var(--ds-space-4x) !important;
  }
  .pt-xl-5x {
    padding-top: var(--ds-space-5x) !important;
  }
  .pt-xl-6x {
    padding-top: var(--ds-space-6x) !important;
  }
  .pt-xl-7x {
    padding-top: var(--ds-space-7x) !important;
  }
  .pt-xl-8x {
    padding-top: var(--ds-space-8x) !important;
  }
  .pt-xl-9x {
    padding-top: var(--ds-space-9x) !important;
  }
  .pt-xl-10x {
    padding-top: var(--ds-space-10x) !important;
  }
  .pt-xl-11x {
    padding-top: var(--ds-space-11x) !important;
  }
  .pt-xl-12x {
    padding-top: var(--ds-space-12x) !important;
  }
  .pt-xl-13x {
    padding-top: var(--ds-space-13x) !important;
  }
  .pt-xl-14x {
    padding-top: var(--ds-space-14x) !important;
  }
  .pt-xl-15x {
    padding-top: var(--ds-space-15x) !important;
  }
  .pt-xl-16x {
    padding-top: var(--ds-space-16x) !important;
  }
  .pt-xl-17x {
    padding-top: var(--ds-space-17x) !important;
  }
  .pt-xl-18x {
    padding-top: var(--ds-space-18x) !important;
  }
  .pt-xl-xs {
    padding-top: var(--ds-space-2x) !important;
  }
  .pt-xl-sm {
    padding-top: var(--ds-space-4x) !important;
  }
  .pt-xl-md {
    padding-top: var(--ds-space-6x) !important;
  }
  .pt-xl-lg {
    padding-top: var(--ds-space-8x) !important;
  }
  .pt-xl-xl {
    padding-top: var(--ds-space-12x) !important;
  }
  .pe-xl-0x {
    padding-right: var(--ds-space-0x) !important;
  }
  .pe-xl-05x {
    padding-right: var(--ds-space-05x) !important;
  }
  .pe-xl-1x {
    padding-right: var(--ds-space-1x) !important;
  }
  .pe-xl-2x {
    padding-right: var(--ds-space-2x) !important;
  }
  .pe-xl-3x {
    padding-right: var(--ds-space-3x) !important;
  }
  .pe-xl-4x {
    padding-right: var(--ds-space-4x) !important;
  }
  .pe-xl-5x {
    padding-right: var(--ds-space-5x) !important;
  }
  .pe-xl-6x {
    padding-right: var(--ds-space-6x) !important;
  }
  .pe-xl-7x {
    padding-right: var(--ds-space-7x) !important;
  }
  .pe-xl-8x {
    padding-right: var(--ds-space-8x) !important;
  }
  .pe-xl-9x {
    padding-right: var(--ds-space-9x) !important;
  }
  .pe-xl-10x {
    padding-right: var(--ds-space-10x) !important;
  }
  .pe-xl-11x {
    padding-right: var(--ds-space-11x) !important;
  }
  .pe-xl-12x {
    padding-right: var(--ds-space-12x) !important;
  }
  .pe-xl-13x {
    padding-right: var(--ds-space-13x) !important;
  }
  .pe-xl-14x {
    padding-right: var(--ds-space-14x) !important;
  }
  .pe-xl-15x {
    padding-right: var(--ds-space-15x) !important;
  }
  .pe-xl-16x {
    padding-right: var(--ds-space-16x) !important;
  }
  .pe-xl-17x {
    padding-right: var(--ds-space-17x) !important;
  }
  .pe-xl-18x {
    padding-right: var(--ds-space-18x) !important;
  }
  .pe-xl-xs {
    padding-right: var(--ds-space-2x) !important;
  }
  .pe-xl-sm {
    padding-right: var(--ds-space-4x) !important;
  }
  .pe-xl-md {
    padding-right: var(--ds-space-6x) !important;
  }
  .pe-xl-lg {
    padding-right: var(--ds-space-8x) !important;
  }
  .pe-xl-xl {
    padding-right: var(--ds-space-12x) !important;
  }
  .pb-xl-0x {
    padding-bottom: var(--ds-space-0x) !important;
  }
  .pb-xl-05x {
    padding-bottom: var(--ds-space-05x) !important;
  }
  .pb-xl-1x {
    padding-bottom: var(--ds-space-1x) !important;
  }
  .pb-xl-2x {
    padding-bottom: var(--ds-space-2x) !important;
  }
  .pb-xl-3x {
    padding-bottom: var(--ds-space-3x) !important;
  }
  .pb-xl-4x {
    padding-bottom: var(--ds-space-4x) !important;
  }
  .pb-xl-5x {
    padding-bottom: var(--ds-space-5x) !important;
  }
  .pb-xl-6x {
    padding-bottom: var(--ds-space-6x) !important;
  }
  .pb-xl-7x {
    padding-bottom: var(--ds-space-7x) !important;
  }
  .pb-xl-8x {
    padding-bottom: var(--ds-space-8x) !important;
  }
  .pb-xl-9x {
    padding-bottom: var(--ds-space-9x) !important;
  }
  .pb-xl-10x {
    padding-bottom: var(--ds-space-10x) !important;
  }
  .pb-xl-11x {
    padding-bottom: var(--ds-space-11x) !important;
  }
  .pb-xl-12x {
    padding-bottom: var(--ds-space-12x) !important;
  }
  .pb-xl-13x {
    padding-bottom: var(--ds-space-13x) !important;
  }
  .pb-xl-14x {
    padding-bottom: var(--ds-space-14x) !important;
  }
  .pb-xl-15x {
    padding-bottom: var(--ds-space-15x) !important;
  }
  .pb-xl-16x {
    padding-bottom: var(--ds-space-16x) !important;
  }
  .pb-xl-17x {
    padding-bottom: var(--ds-space-17x) !important;
  }
  .pb-xl-18x {
    padding-bottom: var(--ds-space-18x) !important;
  }
  .pb-xl-xs {
    padding-bottom: var(--ds-space-2x) !important;
  }
  .pb-xl-sm {
    padding-bottom: var(--ds-space-4x) !important;
  }
  .pb-xl-md {
    padding-bottom: var(--ds-space-6x) !important;
  }
  .pb-xl-lg {
    padding-bottom: var(--ds-space-8x) !important;
  }
  .pb-xl-xl {
    padding-bottom: var(--ds-space-12x) !important;
  }
  .ps-xl-0x {
    padding-left: var(--ds-space-0x) !important;
  }
  .ps-xl-05x {
    padding-left: var(--ds-space-05x) !important;
  }
  .ps-xl-1x {
    padding-left: var(--ds-space-1x) !important;
  }
  .ps-xl-2x {
    padding-left: var(--ds-space-2x) !important;
  }
  .ps-xl-3x {
    padding-left: var(--ds-space-3x) !important;
  }
  .ps-xl-4x {
    padding-left: var(--ds-space-4x) !important;
  }
  .ps-xl-5x {
    padding-left: var(--ds-space-5x) !important;
  }
  .ps-xl-6x {
    padding-left: var(--ds-space-6x) !important;
  }
  .ps-xl-7x {
    padding-left: var(--ds-space-7x) !important;
  }
  .ps-xl-8x {
    padding-left: var(--ds-space-8x) !important;
  }
  .ps-xl-9x {
    padding-left: var(--ds-space-9x) !important;
  }
  .ps-xl-10x {
    padding-left: var(--ds-space-10x) !important;
  }
  .ps-xl-11x {
    padding-left: var(--ds-space-11x) !important;
  }
  .ps-xl-12x {
    padding-left: var(--ds-space-12x) !important;
  }
  .ps-xl-13x {
    padding-left: var(--ds-space-13x) !important;
  }
  .ps-xl-14x {
    padding-left: var(--ds-space-14x) !important;
  }
  .ps-xl-15x {
    padding-left: var(--ds-space-15x) !important;
  }
  .ps-xl-16x {
    padding-left: var(--ds-space-16x) !important;
  }
  .ps-xl-17x {
    padding-left: var(--ds-space-17x) !important;
  }
  .ps-xl-18x {
    padding-left: var(--ds-space-18x) !important;
  }
  .ps-xl-xs {
    padding-left: var(--ds-space-2x) !important;
  }
  .ps-xl-sm {
    padding-left: var(--ds-space-4x) !important;
  }
  .ps-xl-md {
    padding-left: var(--ds-space-6x) !important;
  }
  .ps-xl-lg {
    padding-left: var(--ds-space-8x) !important;
  }
  .ps-xl-xl {
    padding-left: var(--ds-space-12x) !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .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;
  }
  .gap-xxl-0x {
    gap: var(--ds-space-0x) !important;
  }
  .gap-xxl-05x {
    gap: var(--ds-space-05x) !important;
  }
  .gap-xxl-1x {
    gap: var(--ds-space-1x) !important;
  }
  .gap-xxl-2x {
    gap: var(--ds-space-2x) !important;
  }
  .gap-xxl-3x {
    gap: var(--ds-space-3x) !important;
  }
  .gap-xxl-4x {
    gap: var(--ds-space-4x) !important;
  }
  .gap-xxl-5x {
    gap: var(--ds-space-5x) !important;
  }
  .gap-xxl-6x {
    gap: var(--ds-space-6x) !important;
  }
  .gap-xxl-7x {
    gap: var(--ds-space-7x) !important;
  }
  .gap-xxl-8x {
    gap: var(--ds-space-8x) !important;
  }
  .gap-xxl-9x {
    gap: var(--ds-space-9x) !important;
  }
  .gap-xxl-10x {
    gap: var(--ds-space-10x) !important;
  }
  .gap-xxl-11x {
    gap: var(--ds-space-11x) !important;
  }
  .gap-xxl-12x {
    gap: var(--ds-space-12x) !important;
  }
  .gap-xxl-13x {
    gap: var(--ds-space-13x) !important;
  }
  .gap-xxl-14x {
    gap: var(--ds-space-14x) !important;
  }
  .gap-xxl-15x {
    gap: var(--ds-space-15x) !important;
  }
  .gap-xxl-16x {
    gap: var(--ds-space-16x) !important;
  }
  .gap-xxl-17x {
    gap: var(--ds-space-17x) !important;
  }
  .gap-xxl-18x {
    gap: var(--ds-space-18x) !important;
  }
  .gap-xxl-xs {
    gap: var(--ds-space-2x) !important;
  }
  .gap-xxl-sm {
    gap: var(--ds-space-4x) !important;
  }
  .gap-xxl-md {
    gap: var(--ds-space-6x) !important;
  }
  .gap-xxl-lg {
    gap: var(--ds-space-8x) !important;
  }
  .gap-xxl-xl {
    gap: var(--ds-space-12x) !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-0x {
    margin: var(--ds-space-0x) !important;
  }
  .m-xxl-05x {
    margin: var(--ds-space-05x) !important;
  }
  .m-xxl-1x {
    margin: var(--ds-space-1x) !important;
  }
  .m-xxl-2x {
    margin: var(--ds-space-2x) !important;
  }
  .m-xxl-3x {
    margin: var(--ds-space-3x) !important;
  }
  .m-xxl-4x {
    margin: var(--ds-space-4x) !important;
  }
  .m-xxl-5x {
    margin: var(--ds-space-5x) !important;
  }
  .m-xxl-6x {
    margin: var(--ds-space-6x) !important;
  }
  .m-xxl-7x {
    margin: var(--ds-space-7x) !important;
  }
  .m-xxl-8x {
    margin: var(--ds-space-8x) !important;
  }
  .m-xxl-9x {
    margin: var(--ds-space-9x) !important;
  }
  .m-xxl-10x {
    margin: var(--ds-space-10x) !important;
  }
  .m-xxl-11x {
    margin: var(--ds-space-11x) !important;
  }
  .m-xxl-12x {
    margin: var(--ds-space-12x) !important;
  }
  .m-xxl-13x {
    margin: var(--ds-space-13x) !important;
  }
  .m-xxl-14x {
    margin: var(--ds-space-14x) !important;
  }
  .m-xxl-15x {
    margin: var(--ds-space-15x) !important;
  }
  .m-xxl-16x {
    margin: var(--ds-space-16x) !important;
  }
  .m-xxl-17x {
    margin: var(--ds-space-17x) !important;
  }
  .m-xxl-18x {
    margin: var(--ds-space-18x) !important;
  }
  .m-xxl-xs {
    margin: var(--ds-space-2x) !important;
  }
  .m-xxl-sm {
    margin: var(--ds-space-4x) !important;
  }
  .m-xxl-md {
    margin: var(--ds-space-6x) !important;
  }
  .m-xxl-lg {
    margin: var(--ds-space-8x) !important;
  }
  .m-xxl-xl {
    margin: var(--ds-space-12x) !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0x {
    margin-right: var(--ds-space-0x) !important;
    margin-left: var(--ds-space-0x) !important;
  }
  .mx-xxl-05x {
    margin-right: var(--ds-space-05x) !important;
    margin-left: var(--ds-space-05x) !important;
  }
  .mx-xxl-1x {
    margin-right: var(--ds-space-1x) !important;
    margin-left: var(--ds-space-1x) !important;
  }
  .mx-xxl-2x {
    margin-right: var(--ds-space-2x) !important;
    margin-left: var(--ds-space-2x) !important;
  }
  .mx-xxl-3x {
    margin-right: var(--ds-space-3x) !important;
    margin-left: var(--ds-space-3x) !important;
  }
  .mx-xxl-4x {
    margin-right: var(--ds-space-4x) !important;
    margin-left: var(--ds-space-4x) !important;
  }
  .mx-xxl-5x {
    margin-right: var(--ds-space-5x) !important;
    margin-left: var(--ds-space-5x) !important;
  }
  .mx-xxl-6x {
    margin-right: var(--ds-space-6x) !important;
    margin-left: var(--ds-space-6x) !important;
  }
  .mx-xxl-7x {
    margin-right: var(--ds-space-7x) !important;
    margin-left: var(--ds-space-7x) !important;
  }
  .mx-xxl-8x {
    margin-right: var(--ds-space-8x) !important;
    margin-left: var(--ds-space-8x) !important;
  }
  .mx-xxl-9x {
    margin-right: var(--ds-space-9x) !important;
    margin-left: var(--ds-space-9x) !important;
  }
  .mx-xxl-10x {
    margin-right: var(--ds-space-10x) !important;
    margin-left: var(--ds-space-10x) !important;
  }
  .mx-xxl-11x {
    margin-right: var(--ds-space-11x) !important;
    margin-left: var(--ds-space-11x) !important;
  }
  .mx-xxl-12x {
    margin-right: var(--ds-space-12x) !important;
    margin-left: var(--ds-space-12x) !important;
  }
  .mx-xxl-13x {
    margin-right: var(--ds-space-13x) !important;
    margin-left: var(--ds-space-13x) !important;
  }
  .mx-xxl-14x {
    margin-right: var(--ds-space-14x) !important;
    margin-left: var(--ds-space-14x) !important;
  }
  .mx-xxl-15x {
    margin-right: var(--ds-space-15x) !important;
    margin-left: var(--ds-space-15x) !important;
  }
  .mx-xxl-16x {
    margin-right: var(--ds-space-16x) !important;
    margin-left: var(--ds-space-16x) !important;
  }
  .mx-xxl-17x {
    margin-right: var(--ds-space-17x) !important;
    margin-left: var(--ds-space-17x) !important;
  }
  .mx-xxl-18x {
    margin-right: var(--ds-space-18x) !important;
    margin-left: var(--ds-space-18x) !important;
  }
  .mx-xxl-xs {
    margin-right: var(--ds-space-2x) !important;
    margin-left: var(--ds-space-2x) !important;
  }
  .mx-xxl-sm {
    margin-right: var(--ds-space-4x) !important;
    margin-left: var(--ds-space-4x) !important;
  }
  .mx-xxl-md {
    margin-right: var(--ds-space-6x) !important;
    margin-left: var(--ds-space-6x) !important;
  }
  .mx-xxl-lg {
    margin-right: var(--ds-space-8x) !important;
    margin-left: var(--ds-space-8x) !important;
  }
  .mx-xxl-xl {
    margin-right: var(--ds-space-12x) !important;
    margin-left: var(--ds-space-12x) !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0x {
    margin-top: var(--ds-space-0x) !important;
    margin-bottom: var(--ds-space-0x) !important;
  }
  .my-xxl-05x {
    margin-top: var(--ds-space-05x) !important;
    margin-bottom: var(--ds-space-05x) !important;
  }
  .my-xxl-1x {
    margin-top: var(--ds-space-1x) !important;
    margin-bottom: var(--ds-space-1x) !important;
  }
  .my-xxl-2x {
    margin-top: var(--ds-space-2x) !important;
    margin-bottom: var(--ds-space-2x) !important;
  }
  .my-xxl-3x {
    margin-top: var(--ds-space-3x) !important;
    margin-bottom: var(--ds-space-3x) !important;
  }
  .my-xxl-4x {
    margin-top: var(--ds-space-4x) !important;
    margin-bottom: var(--ds-space-4x) !important;
  }
  .my-xxl-5x {
    margin-top: var(--ds-space-5x) !important;
    margin-bottom: var(--ds-space-5x) !important;
  }
  .my-xxl-6x {
    margin-top: var(--ds-space-6x) !important;
    margin-bottom: var(--ds-space-6x) !important;
  }
  .my-xxl-7x {
    margin-top: var(--ds-space-7x) !important;
    margin-bottom: var(--ds-space-7x) !important;
  }
  .my-xxl-8x {
    margin-top: var(--ds-space-8x) !important;
    margin-bottom: var(--ds-space-8x) !important;
  }
  .my-xxl-9x {
    margin-top: var(--ds-space-9x) !important;
    margin-bottom: var(--ds-space-9x) !important;
  }
  .my-xxl-10x {
    margin-top: var(--ds-space-10x) !important;
    margin-bottom: var(--ds-space-10x) !important;
  }
  .my-xxl-11x {
    margin-top: var(--ds-space-11x) !important;
    margin-bottom: var(--ds-space-11x) !important;
  }
  .my-xxl-12x {
    margin-top: var(--ds-space-12x) !important;
    margin-bottom: var(--ds-space-12x) !important;
  }
  .my-xxl-13x {
    margin-top: var(--ds-space-13x) !important;
    margin-bottom: var(--ds-space-13x) !important;
  }
  .my-xxl-14x {
    margin-top: var(--ds-space-14x) !important;
    margin-bottom: var(--ds-space-14x) !important;
  }
  .my-xxl-15x {
    margin-top: var(--ds-space-15x) !important;
    margin-bottom: var(--ds-space-15x) !important;
  }
  .my-xxl-16x {
    margin-top: var(--ds-space-16x) !important;
    margin-bottom: var(--ds-space-16x) !important;
  }
  .my-xxl-17x {
    margin-top: var(--ds-space-17x) !important;
    margin-bottom: var(--ds-space-17x) !important;
  }
  .my-xxl-18x {
    margin-top: var(--ds-space-18x) !important;
    margin-bottom: var(--ds-space-18x) !important;
  }
  .my-xxl-xs {
    margin-top: var(--ds-space-2x) !important;
    margin-bottom: var(--ds-space-2x) !important;
  }
  .my-xxl-sm {
    margin-top: var(--ds-space-4x) !important;
    margin-bottom: var(--ds-space-4x) !important;
  }
  .my-xxl-md {
    margin-top: var(--ds-space-6x) !important;
    margin-bottom: var(--ds-space-6x) !important;
  }
  .my-xxl-lg {
    margin-top: var(--ds-space-8x) !important;
    margin-bottom: var(--ds-space-8x) !important;
  }
  .my-xxl-xl {
    margin-top: var(--ds-space-12x) !important;
    margin-bottom: var(--ds-space-12x) !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0x {
    margin-top: var(--ds-space-0x) !important;
  }
  .mt-xxl-05x {
    margin-top: var(--ds-space-05x) !important;
  }
  .mt-xxl-1x {
    margin-top: var(--ds-space-1x) !important;
  }
  .mt-xxl-2x {
    margin-top: var(--ds-space-2x) !important;
  }
  .mt-xxl-3x {
    margin-top: var(--ds-space-3x) !important;
  }
  .mt-xxl-4x {
    margin-top: var(--ds-space-4x) !important;
  }
  .mt-xxl-5x {
    margin-top: var(--ds-space-5x) !important;
  }
  .mt-xxl-6x {
    margin-top: var(--ds-space-6x) !important;
  }
  .mt-xxl-7x {
    margin-top: var(--ds-space-7x) !important;
  }
  .mt-xxl-8x {
    margin-top: var(--ds-space-8x) !important;
  }
  .mt-xxl-9x {
    margin-top: var(--ds-space-9x) !important;
  }
  .mt-xxl-10x {
    margin-top: var(--ds-space-10x) !important;
  }
  .mt-xxl-11x {
    margin-top: var(--ds-space-11x) !important;
  }
  .mt-xxl-12x {
    margin-top: var(--ds-space-12x) !important;
  }
  .mt-xxl-13x {
    margin-top: var(--ds-space-13x) !important;
  }
  .mt-xxl-14x {
    margin-top: var(--ds-space-14x) !important;
  }
  .mt-xxl-15x {
    margin-top: var(--ds-space-15x) !important;
  }
  .mt-xxl-16x {
    margin-top: var(--ds-space-16x) !important;
  }
  .mt-xxl-17x {
    margin-top: var(--ds-space-17x) !important;
  }
  .mt-xxl-18x {
    margin-top: var(--ds-space-18x) !important;
  }
  .mt-xxl-xs {
    margin-top: var(--ds-space-2x) !important;
  }
  .mt-xxl-sm {
    margin-top: var(--ds-space-4x) !important;
  }
  .mt-xxl-md {
    margin-top: var(--ds-space-6x) !important;
  }
  .mt-xxl-lg {
    margin-top: var(--ds-space-8x) !important;
  }
  .mt-xxl-xl {
    margin-top: var(--ds-space-12x) !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0x {
    margin-right: var(--ds-space-0x) !important;
  }
  .me-xxl-05x {
    margin-right: var(--ds-space-05x) !important;
  }
  .me-xxl-1x {
    margin-right: var(--ds-space-1x) !important;
  }
  .me-xxl-2x {
    margin-right: var(--ds-space-2x) !important;
  }
  .me-xxl-3x {
    margin-right: var(--ds-space-3x) !important;
  }
  .me-xxl-4x {
    margin-right: var(--ds-space-4x) !important;
  }
  .me-xxl-5x {
    margin-right: var(--ds-space-5x) !important;
  }
  .me-xxl-6x {
    margin-right: var(--ds-space-6x) !important;
  }
  .me-xxl-7x {
    margin-right: var(--ds-space-7x) !important;
  }
  .me-xxl-8x {
    margin-right: var(--ds-space-8x) !important;
  }
  .me-xxl-9x {
    margin-right: var(--ds-space-9x) !important;
  }
  .me-xxl-10x {
    margin-right: var(--ds-space-10x) !important;
  }
  .me-xxl-11x {
    margin-right: var(--ds-space-11x) !important;
  }
  .me-xxl-12x {
    margin-right: var(--ds-space-12x) !important;
  }
  .me-xxl-13x {
    margin-right: var(--ds-space-13x) !important;
  }
  .me-xxl-14x {
    margin-right: var(--ds-space-14x) !important;
  }
  .me-xxl-15x {
    margin-right: var(--ds-space-15x) !important;
  }
  .me-xxl-16x {
    margin-right: var(--ds-space-16x) !important;
  }
  .me-xxl-17x {
    margin-right: var(--ds-space-17x) !important;
  }
  .me-xxl-18x {
    margin-right: var(--ds-space-18x) !important;
  }
  .me-xxl-xs {
    margin-right: var(--ds-space-2x) !important;
  }
  .me-xxl-sm {
    margin-right: var(--ds-space-4x) !important;
  }
  .me-xxl-md {
    margin-right: var(--ds-space-6x) !important;
  }
  .me-xxl-lg {
    margin-right: var(--ds-space-8x) !important;
  }
  .me-xxl-xl {
    margin-right: var(--ds-space-12x) !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0x {
    margin-bottom: var(--ds-space-0x) !important;
  }
  .mb-xxl-05x {
    margin-bottom: var(--ds-space-05x) !important;
  }
  .mb-xxl-1x {
    margin-bottom: var(--ds-space-1x) !important;
  }
  .mb-xxl-2x {
    margin-bottom: var(--ds-space-2x) !important;
  }
  .mb-xxl-3x {
    margin-bottom: var(--ds-space-3x) !important;
  }
  .mb-xxl-4x {
    margin-bottom: var(--ds-space-4x) !important;
  }
  .mb-xxl-5x {
    margin-bottom: var(--ds-space-5x) !important;
  }
  .mb-xxl-6x {
    margin-bottom: var(--ds-space-6x) !important;
  }
  .mb-xxl-7x {
    margin-bottom: var(--ds-space-7x) !important;
  }
  .mb-xxl-8x {
    margin-bottom: var(--ds-space-8x) !important;
  }
  .mb-xxl-9x {
    margin-bottom: var(--ds-space-9x) !important;
  }
  .mb-xxl-10x {
    margin-bottom: var(--ds-space-10x) !important;
  }
  .mb-xxl-11x {
    margin-bottom: var(--ds-space-11x) !important;
  }
  .mb-xxl-12x {
    margin-bottom: var(--ds-space-12x) !important;
  }
  .mb-xxl-13x {
    margin-bottom: var(--ds-space-13x) !important;
  }
  .mb-xxl-14x {
    margin-bottom: var(--ds-space-14x) !important;
  }
  .mb-xxl-15x {
    margin-bottom: var(--ds-space-15x) !important;
  }
  .mb-xxl-16x {
    margin-bottom: var(--ds-space-16x) !important;
  }
  .mb-xxl-17x {
    margin-bottom: var(--ds-space-17x) !important;
  }
  .mb-xxl-18x {
    margin-bottom: var(--ds-space-18x) !important;
  }
  .mb-xxl-xs {
    margin-bottom: var(--ds-space-2x) !important;
  }
  .mb-xxl-sm {
    margin-bottom: var(--ds-space-4x) !important;
  }
  .mb-xxl-md {
    margin-bottom: var(--ds-space-6x) !important;
  }
  .mb-xxl-lg {
    margin-bottom: var(--ds-space-8x) !important;
  }
  .mb-xxl-xl {
    margin-bottom: var(--ds-space-12x) !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0x {
    margin-left: var(--ds-space-0x) !important;
  }
  .ms-xxl-05x {
    margin-left: var(--ds-space-05x) !important;
  }
  .ms-xxl-1x {
    margin-left: var(--ds-space-1x) !important;
  }
  .ms-xxl-2x {
    margin-left: var(--ds-space-2x) !important;
  }
  .ms-xxl-3x {
    margin-left: var(--ds-space-3x) !important;
  }
  .ms-xxl-4x {
    margin-left: var(--ds-space-4x) !important;
  }
  .ms-xxl-5x {
    margin-left: var(--ds-space-5x) !important;
  }
  .ms-xxl-6x {
    margin-left: var(--ds-space-6x) !important;
  }
  .ms-xxl-7x {
    margin-left: var(--ds-space-7x) !important;
  }
  .ms-xxl-8x {
    margin-left: var(--ds-space-8x) !important;
  }
  .ms-xxl-9x {
    margin-left: var(--ds-space-9x) !important;
  }
  .ms-xxl-10x {
    margin-left: var(--ds-space-10x) !important;
  }
  .ms-xxl-11x {
    margin-left: var(--ds-space-11x) !important;
  }
  .ms-xxl-12x {
    margin-left: var(--ds-space-12x) !important;
  }
  .ms-xxl-13x {
    margin-left: var(--ds-space-13x) !important;
  }
  .ms-xxl-14x {
    margin-left: var(--ds-space-14x) !important;
  }
  .ms-xxl-15x {
    margin-left: var(--ds-space-15x) !important;
  }
  .ms-xxl-16x {
    margin-left: var(--ds-space-16x) !important;
  }
  .ms-xxl-17x {
    margin-left: var(--ds-space-17x) !important;
  }
  .ms-xxl-18x {
    margin-left: var(--ds-space-18x) !important;
  }
  .ms-xxl-xs {
    margin-left: var(--ds-space-2x) !important;
  }
  .ms-xxl-sm {
    margin-left: var(--ds-space-4x) !important;
  }
  .ms-xxl-md {
    margin-left: var(--ds-space-6x) !important;
  }
  .ms-xxl-lg {
    margin-left: var(--ds-space-8x) !important;
  }
  .ms-xxl-xl {
    margin-left: var(--ds-space-12x) !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .m-xxl-n0x {
    margin: calc(var(--ds-space-0x) * -1) !important;
  }
  .m-xxl-n05x {
    margin: calc(var(--ds-space-05x) * -1) !important;
  }
  .m-xxl-n1x {
    margin: calc(var(--ds-space-1x) * -1) !important;
  }
  .m-xxl-n2x {
    margin: calc(var(--ds-space-2x) * -1) !important;
  }
  .m-xxl-n3x {
    margin: calc(var(--ds-space-3x) * -1) !important;
  }
  .m-xxl-n4x {
    margin: calc(var(--ds-space-4x) * -1) !important;
  }
  .m-xxl-n5x {
    margin: calc(var(--ds-space-5x) * -1) !important;
  }
  .m-xxl-n6x {
    margin: calc(var(--ds-space-6x) * -1) !important;
  }
  .m-xxl-n7x {
    margin: calc(var(--ds-space-7x) * -1) !important;
  }
  .m-xxl-n8x {
    margin: calc(var(--ds-space-8x) * -1) !important;
  }
  .m-xxl-n9x {
    margin: calc(var(--ds-space-9x) * -1) !important;
  }
  .m-xxl-n10x {
    margin: calc(var(--ds-space-10x) * -1) !important;
  }
  .m-xxl-n11x {
    margin: calc(var(--ds-space-11x) * -1) !important;
  }
  .m-xxl-n12x {
    margin: calc(var(--ds-space-12x) * -1) !important;
  }
  .m-xxl-n13x {
    margin: calc(var(--ds-space-13x) * -1) !important;
  }
  .m-xxl-n14x {
    margin: calc(var(--ds-space-14x) * -1) !important;
  }
  .m-xxl-n15x {
    margin: calc(var(--ds-space-15x) * -1) !important;
  }
  .m-xxl-n16x {
    margin: calc(var(--ds-space-16x) * -1) !important;
  }
  .m-xxl-n17x {
    margin: calc(var(--ds-space-17x) * -1) !important;
  }
  .m-xxl-n18x {
    margin: calc(var(--ds-space-18x) * -1) !important;
  }
  .m-xxl-nxs {
    margin: calc(var(--ds-space-2x) * -1) !important;
  }
  .m-xxl-nsm {
    margin: calc(var(--ds-space-4x) * -1) !important;
  }
  .m-xxl-nmd {
    margin: calc(var(--ds-space-6x) * -1) !important;
  }
  .m-xxl-nlg {
    margin: calc(var(--ds-space-8x) * -1) !important;
  }
  .m-xxl-nxl {
    margin: calc(var(--ds-space-12x) * -1) !important;
  }
  .mx-xxl-n0x {
    margin-right: calc(var(--ds-space-0x) * -1) !important;
    margin-left: calc(var(--ds-space-0x) * -1) !important;
  }
  .mx-xxl-n05x {
    margin-right: calc(var(--ds-space-05x) * -1) !important;
    margin-left: calc(var(--ds-space-05x) * -1) !important;
  }
  .mx-xxl-n1x {
    margin-right: calc(var(--ds-space-1x) * -1) !important;
    margin-left: calc(var(--ds-space-1x) * -1) !important;
  }
  .mx-xxl-n2x {
    margin-right: calc(var(--ds-space-2x) * -1) !important;
    margin-left: calc(var(--ds-space-2x) * -1) !important;
  }
  .mx-xxl-n3x {
    margin-right: calc(var(--ds-space-3x) * -1) !important;
    margin-left: calc(var(--ds-space-3x) * -1) !important;
  }
  .mx-xxl-n4x {
    margin-right: calc(var(--ds-space-4x) * -1) !important;
    margin-left: calc(var(--ds-space-4x) * -1) !important;
  }
  .mx-xxl-n5x {
    margin-right: calc(var(--ds-space-5x) * -1) !important;
    margin-left: calc(var(--ds-space-5x) * -1) !important;
  }
  .mx-xxl-n6x {
    margin-right: calc(var(--ds-space-6x) * -1) !important;
    margin-left: calc(var(--ds-space-6x) * -1) !important;
  }
  .mx-xxl-n7x {
    margin-right: calc(var(--ds-space-7x) * -1) !important;
    margin-left: calc(var(--ds-space-7x) * -1) !important;
  }
  .mx-xxl-n8x {
    margin-right: calc(var(--ds-space-8x) * -1) !important;
    margin-left: calc(var(--ds-space-8x) * -1) !important;
  }
  .mx-xxl-n9x {
    margin-right: calc(var(--ds-space-9x) * -1) !important;
    margin-left: calc(var(--ds-space-9x) * -1) !important;
  }
  .mx-xxl-n10x {
    margin-right: calc(var(--ds-space-10x) * -1) !important;
    margin-left: calc(var(--ds-space-10x) * -1) !important;
  }
  .mx-xxl-n11x {
    margin-right: calc(var(--ds-space-11x) * -1) !important;
    margin-left: calc(var(--ds-space-11x) * -1) !important;
  }
  .mx-xxl-n12x {
    margin-right: calc(var(--ds-space-12x) * -1) !important;
    margin-left: calc(var(--ds-space-12x) * -1) !important;
  }
  .mx-xxl-n13x {
    margin-right: calc(var(--ds-space-13x) * -1) !important;
    margin-left: calc(var(--ds-space-13x) * -1) !important;
  }
  .mx-xxl-n14x {
    margin-right: calc(var(--ds-space-14x) * -1) !important;
    margin-left: calc(var(--ds-space-14x) * -1) !important;
  }
  .mx-xxl-n15x {
    margin-right: calc(var(--ds-space-15x) * -1) !important;
    margin-left: calc(var(--ds-space-15x) * -1) !important;
  }
  .mx-xxl-n16x {
    margin-right: calc(var(--ds-space-16x) * -1) !important;
    margin-left: calc(var(--ds-space-16x) * -1) !important;
  }
  .mx-xxl-n17x {
    margin-right: calc(var(--ds-space-17x) * -1) !important;
    margin-left: calc(var(--ds-space-17x) * -1) !important;
  }
  .mx-xxl-n18x {
    margin-right: calc(var(--ds-space-18x) * -1) !important;
    margin-left: calc(var(--ds-space-18x) * -1) !important;
  }
  .mx-xxl-nxs {
    margin-right: calc(var(--ds-space-2x) * -1) !important;
    margin-left: calc(var(--ds-space-2x) * -1) !important;
  }
  .mx-xxl-nsm {
    margin-right: calc(var(--ds-space-4x) * -1) !important;
    margin-left: calc(var(--ds-space-4x) * -1) !important;
  }
  .mx-xxl-nmd {
    margin-right: calc(var(--ds-space-6x) * -1) !important;
    margin-left: calc(var(--ds-space-6x) * -1) !important;
  }
  .mx-xxl-nlg {
    margin-right: calc(var(--ds-space-8x) * -1) !important;
    margin-left: calc(var(--ds-space-8x) * -1) !important;
  }
  .mx-xxl-nxl {
    margin-right: calc(var(--ds-space-12x) * -1) !important;
    margin-left: calc(var(--ds-space-12x) * -1) !important;
  }
  .my-xxl-n0x {
    margin-top: calc(var(--ds-space-0x) * -1) !important;
    margin-bottom: calc(var(--ds-space-0x) * -1) !important;
  }
  .my-xxl-n05x {
    margin-top: calc(var(--ds-space-05x) * -1) !important;
    margin-bottom: calc(var(--ds-space-05x) * -1) !important;
  }
  .my-xxl-n1x {
    margin-top: calc(var(--ds-space-1x) * -1) !important;
    margin-bottom: calc(var(--ds-space-1x) * -1) !important;
  }
  .my-xxl-n2x {
    margin-top: calc(var(--ds-space-2x) * -1) !important;
    margin-bottom: calc(var(--ds-space-2x) * -1) !important;
  }
  .my-xxl-n3x {
    margin-top: calc(var(--ds-space-3x) * -1) !important;
    margin-bottom: calc(var(--ds-space-3x) * -1) !important;
  }
  .my-xxl-n4x {
    margin-top: calc(var(--ds-space-4x) * -1) !important;
    margin-bottom: calc(var(--ds-space-4x) * -1) !important;
  }
  .my-xxl-n5x {
    margin-top: calc(var(--ds-space-5x) * -1) !important;
    margin-bottom: calc(var(--ds-space-5x) * -1) !important;
  }
  .my-xxl-n6x {
    margin-top: calc(var(--ds-space-6x) * -1) !important;
    margin-bottom: calc(var(--ds-space-6x) * -1) !important;
  }
  .my-xxl-n7x {
    margin-top: calc(var(--ds-space-7x) * -1) !important;
    margin-bottom: calc(var(--ds-space-7x) * -1) !important;
  }
  .my-xxl-n8x {
    margin-top: calc(var(--ds-space-8x) * -1) !important;
    margin-bottom: calc(var(--ds-space-8x) * -1) !important;
  }
  .my-xxl-n9x {
    margin-top: calc(var(--ds-space-9x) * -1) !important;
    margin-bottom: calc(var(--ds-space-9x) * -1) !important;
  }
  .my-xxl-n10x {
    margin-top: calc(var(--ds-space-10x) * -1) !important;
    margin-bottom: calc(var(--ds-space-10x) * -1) !important;
  }
  .my-xxl-n11x {
    margin-top: calc(var(--ds-space-11x) * -1) !important;
    margin-bottom: calc(var(--ds-space-11x) * -1) !important;
  }
  .my-xxl-n12x {
    margin-top: calc(var(--ds-space-12x) * -1) !important;
    margin-bottom: calc(var(--ds-space-12x) * -1) !important;
  }
  .my-xxl-n13x {
    margin-top: calc(var(--ds-space-13x) * -1) !important;
    margin-bottom: calc(var(--ds-space-13x) * -1) !important;
  }
  .my-xxl-n14x {
    margin-top: calc(var(--ds-space-14x) * -1) !important;
    margin-bottom: calc(var(--ds-space-14x) * -1) !important;
  }
  .my-xxl-n15x {
    margin-top: calc(var(--ds-space-15x) * -1) !important;
    margin-bottom: calc(var(--ds-space-15x) * -1) !important;
  }
  .my-xxl-n16x {
    margin-top: calc(var(--ds-space-16x) * -1) !important;
    margin-bottom: calc(var(--ds-space-16x) * -1) !important;
  }
  .my-xxl-n17x {
    margin-top: calc(var(--ds-space-17x) * -1) !important;
    margin-bottom: calc(var(--ds-space-17x) * -1) !important;
  }
  .my-xxl-n18x {
    margin-top: calc(var(--ds-space-18x) * -1) !important;
    margin-bottom: calc(var(--ds-space-18x) * -1) !important;
  }
  .my-xxl-nxs {
    margin-top: calc(var(--ds-space-2x) * -1) !important;
    margin-bottom: calc(var(--ds-space-2x) * -1) !important;
  }
  .my-xxl-nsm {
    margin-top: calc(var(--ds-space-4x) * -1) !important;
    margin-bottom: calc(var(--ds-space-4x) * -1) !important;
  }
  .my-xxl-nmd {
    margin-top: calc(var(--ds-space-6x) * -1) !important;
    margin-bottom: calc(var(--ds-space-6x) * -1) !important;
  }
  .my-xxl-nlg {
    margin-top: calc(var(--ds-space-8x) * -1) !important;
    margin-bottom: calc(var(--ds-space-8x) * -1) !important;
  }
  .my-xxl-nxl {
    margin-top: calc(var(--ds-space-12x) * -1) !important;
    margin-bottom: calc(var(--ds-space-12x) * -1) !important;
  }
  .mt-xxl-n0x {
    margin-top: calc(var(--ds-space-0x) * -1) !important;
  }
  .mt-xxl-n05x {
    margin-top: calc(var(--ds-space-05x) * -1) !important;
  }
  .mt-xxl-n1x {
    margin-top: calc(var(--ds-space-1x) * -1) !important;
  }
  .mt-xxl-n2x {
    margin-top: calc(var(--ds-space-2x) * -1) !important;
  }
  .mt-xxl-n3x {
    margin-top: calc(var(--ds-space-3x) * -1) !important;
  }
  .mt-xxl-n4x {
    margin-top: calc(var(--ds-space-4x) * -1) !important;
  }
  .mt-xxl-n5x {
    margin-top: calc(var(--ds-space-5x) * -1) !important;
  }
  .mt-xxl-n6x {
    margin-top: calc(var(--ds-space-6x) * -1) !important;
  }
  .mt-xxl-n7x {
    margin-top: calc(var(--ds-space-7x) * -1) !important;
  }
  .mt-xxl-n8x {
    margin-top: calc(var(--ds-space-8x) * -1) !important;
  }
  .mt-xxl-n9x {
    margin-top: calc(var(--ds-space-9x) * -1) !important;
  }
  .mt-xxl-n10x {
    margin-top: calc(var(--ds-space-10x) * -1) !important;
  }
  .mt-xxl-n11x {
    margin-top: calc(var(--ds-space-11x) * -1) !important;
  }
  .mt-xxl-n12x {
    margin-top: calc(var(--ds-space-12x) * -1) !important;
  }
  .mt-xxl-n13x {
    margin-top: calc(var(--ds-space-13x) * -1) !important;
  }
  .mt-xxl-n14x {
    margin-top: calc(var(--ds-space-14x) * -1) !important;
  }
  .mt-xxl-n15x {
    margin-top: calc(var(--ds-space-15x) * -1) !important;
  }
  .mt-xxl-n16x {
    margin-top: calc(var(--ds-space-16x) * -1) !important;
  }
  .mt-xxl-n17x {
    margin-top: calc(var(--ds-space-17x) * -1) !important;
  }
  .mt-xxl-n18x {
    margin-top: calc(var(--ds-space-18x) * -1) !important;
  }
  .mt-xxl-nxs {
    margin-top: calc(var(--ds-space-2x) * -1) !important;
  }
  .mt-xxl-nsm {
    margin-top: calc(var(--ds-space-4x) * -1) !important;
  }
  .mt-xxl-nmd {
    margin-top: calc(var(--ds-space-6x) * -1) !important;
  }
  .mt-xxl-nlg {
    margin-top: calc(var(--ds-space-8x) * -1) !important;
  }
  .mt-xxl-nxl {
    margin-top: calc(var(--ds-space-12x) * -1) !important;
  }
  .me-xxl-n0x {
    margin-right: calc(var(--ds-space-0x) * -1) !important;
  }
  .me-xxl-n05x {
    margin-right: calc(var(--ds-space-05x) * -1) !important;
  }
  .me-xxl-n1x {
    margin-right: calc(var(--ds-space-1x) * -1) !important;
  }
  .me-xxl-n2x {
    margin-right: calc(var(--ds-space-2x) * -1) !important;
  }
  .me-xxl-n3x {
    margin-right: calc(var(--ds-space-3x) * -1) !important;
  }
  .me-xxl-n4x {
    margin-right: calc(var(--ds-space-4x) * -1) !important;
  }
  .me-xxl-n5x {
    margin-right: calc(var(--ds-space-5x) * -1) !important;
  }
  .me-xxl-n6x {
    margin-right: calc(var(--ds-space-6x) * -1) !important;
  }
  .me-xxl-n7x {
    margin-right: calc(var(--ds-space-7x) * -1) !important;
  }
  .me-xxl-n8x {
    margin-right: calc(var(--ds-space-8x) * -1) !important;
  }
  .me-xxl-n9x {
    margin-right: calc(var(--ds-space-9x) * -1) !important;
  }
  .me-xxl-n10x {
    margin-right: calc(var(--ds-space-10x) * -1) !important;
  }
  .me-xxl-n11x {
    margin-right: calc(var(--ds-space-11x) * -1) !important;
  }
  .me-xxl-n12x {
    margin-right: calc(var(--ds-space-12x) * -1) !important;
  }
  .me-xxl-n13x {
    margin-right: calc(var(--ds-space-13x) * -1) !important;
  }
  .me-xxl-n14x {
    margin-right: calc(var(--ds-space-14x) * -1) !important;
  }
  .me-xxl-n15x {
    margin-right: calc(var(--ds-space-15x) * -1) !important;
  }
  .me-xxl-n16x {
    margin-right: calc(var(--ds-space-16x) * -1) !important;
  }
  .me-xxl-n17x {
    margin-right: calc(var(--ds-space-17x) * -1) !important;
  }
  .me-xxl-n18x {
    margin-right: calc(var(--ds-space-18x) * -1) !important;
  }
  .me-xxl-nxs {
    margin-right: calc(var(--ds-space-2x) * -1) !important;
  }
  .me-xxl-nsm {
    margin-right: calc(var(--ds-space-4x) * -1) !important;
  }
  .me-xxl-nmd {
    margin-right: calc(var(--ds-space-6x) * -1) !important;
  }
  .me-xxl-nlg {
    margin-right: calc(var(--ds-space-8x) * -1) !important;
  }
  .me-xxl-nxl {
    margin-right: calc(var(--ds-space-12x) * -1) !important;
  }
  .mb-xxl-n0x {
    margin-bottom: calc(var(--ds-space-0x) * -1) !important;
  }
  .mb-xxl-n05x {
    margin-bottom: calc(var(--ds-space-05x) * -1) !important;
  }
  .mb-xxl-n1x {
    margin-bottom: calc(var(--ds-space-1x) * -1) !important;
  }
  .mb-xxl-n2x {
    margin-bottom: calc(var(--ds-space-2x) * -1) !important;
  }
  .mb-xxl-n3x {
    margin-bottom: calc(var(--ds-space-3x) * -1) !important;
  }
  .mb-xxl-n4x {
    margin-bottom: calc(var(--ds-space-4x) * -1) !important;
  }
  .mb-xxl-n5x {
    margin-bottom: calc(var(--ds-space-5x) * -1) !important;
  }
  .mb-xxl-n6x {
    margin-bottom: calc(var(--ds-space-6x) * -1) !important;
  }
  .mb-xxl-n7x {
    margin-bottom: calc(var(--ds-space-7x) * -1) !important;
  }
  .mb-xxl-n8x {
    margin-bottom: calc(var(--ds-space-8x) * -1) !important;
  }
  .mb-xxl-n9x {
    margin-bottom: calc(var(--ds-space-9x) * -1) !important;
  }
  .mb-xxl-n10x {
    margin-bottom: calc(var(--ds-space-10x) * -1) !important;
  }
  .mb-xxl-n11x {
    margin-bottom: calc(var(--ds-space-11x) * -1) !important;
  }
  .mb-xxl-n12x {
    margin-bottom: calc(var(--ds-space-12x) * -1) !important;
  }
  .mb-xxl-n13x {
    margin-bottom: calc(var(--ds-space-13x) * -1) !important;
  }
  .mb-xxl-n14x {
    margin-bottom: calc(var(--ds-space-14x) * -1) !important;
  }
  .mb-xxl-n15x {
    margin-bottom: calc(var(--ds-space-15x) * -1) !important;
  }
  .mb-xxl-n16x {
    margin-bottom: calc(var(--ds-space-16x) * -1) !important;
  }
  .mb-xxl-n17x {
    margin-bottom: calc(var(--ds-space-17x) * -1) !important;
  }
  .mb-xxl-n18x {
    margin-bottom: calc(var(--ds-space-18x) * -1) !important;
  }
  .mb-xxl-nxs {
    margin-bottom: calc(var(--ds-space-2x) * -1) !important;
  }
  .mb-xxl-nsm {
    margin-bottom: calc(var(--ds-space-4x) * -1) !important;
  }
  .mb-xxl-nmd {
    margin-bottom: calc(var(--ds-space-6x) * -1) !important;
  }
  .mb-xxl-nlg {
    margin-bottom: calc(var(--ds-space-8x) * -1) !important;
  }
  .mb-xxl-nxl {
    margin-bottom: calc(var(--ds-space-12x) * -1) !important;
  }
  .ms-xxl-n0x {
    margin-left: calc(var(--ds-space-0x) * -1) !important;
  }
  .ms-xxl-n05x {
    margin-left: calc(var(--ds-space-05x) * -1) !important;
  }
  .ms-xxl-n1x {
    margin-left: calc(var(--ds-space-1x) * -1) !important;
  }
  .ms-xxl-n2x {
    margin-left: calc(var(--ds-space-2x) * -1) !important;
  }
  .ms-xxl-n3x {
    margin-left: calc(var(--ds-space-3x) * -1) !important;
  }
  .ms-xxl-n4x {
    margin-left: calc(var(--ds-space-4x) * -1) !important;
  }
  .ms-xxl-n5x {
    margin-left: calc(var(--ds-space-5x) * -1) !important;
  }
  .ms-xxl-n6x {
    margin-left: calc(var(--ds-space-6x) * -1) !important;
  }
  .ms-xxl-n7x {
    margin-left: calc(var(--ds-space-7x) * -1) !important;
  }
  .ms-xxl-n8x {
    margin-left: calc(var(--ds-space-8x) * -1) !important;
  }
  .ms-xxl-n9x {
    margin-left: calc(var(--ds-space-9x) * -1) !important;
  }
  .ms-xxl-n10x {
    margin-left: calc(var(--ds-space-10x) * -1) !important;
  }
  .ms-xxl-n11x {
    margin-left: calc(var(--ds-space-11x) * -1) !important;
  }
  .ms-xxl-n12x {
    margin-left: calc(var(--ds-space-12x) * -1) !important;
  }
  .ms-xxl-n13x {
    margin-left: calc(var(--ds-space-13x) * -1) !important;
  }
  .ms-xxl-n14x {
    margin-left: calc(var(--ds-space-14x) * -1) !important;
  }
  .ms-xxl-n15x {
    margin-left: calc(var(--ds-space-15x) * -1) !important;
  }
  .ms-xxl-n16x {
    margin-left: calc(var(--ds-space-16x) * -1) !important;
  }
  .ms-xxl-n17x {
    margin-left: calc(var(--ds-space-17x) * -1) !important;
  }
  .ms-xxl-n18x {
    margin-left: calc(var(--ds-space-18x) * -1) !important;
  }
  .ms-xxl-nxs {
    margin-left: calc(var(--ds-space-2x) * -1) !important;
  }
  .ms-xxl-nsm {
    margin-left: calc(var(--ds-space-4x) * -1) !important;
  }
  .ms-xxl-nmd {
    margin-left: calc(var(--ds-space-6x) * -1) !important;
  }
  .ms-xxl-nlg {
    margin-left: calc(var(--ds-space-8x) * -1) !important;
  }
  .ms-xxl-nxl {
    margin-left: calc(var(--ds-space-12x) * -1) !important;
  }
  .p-xxl-0x {
    padding: var(--ds-space-0x) !important;
  }
  .p-xxl-05x {
    padding: var(--ds-space-05x) !important;
  }
  .p-xxl-1x {
    padding: var(--ds-space-1x) !important;
  }
  .p-xxl-2x {
    padding: var(--ds-space-2x) !important;
  }
  .p-xxl-3x {
    padding: var(--ds-space-3x) !important;
  }
  .p-xxl-4x {
    padding: var(--ds-space-4x) !important;
  }
  .p-xxl-5x {
    padding: var(--ds-space-5x) !important;
  }
  .p-xxl-6x {
    padding: var(--ds-space-6x) !important;
  }
  .p-xxl-7x {
    padding: var(--ds-space-7x) !important;
  }
  .p-xxl-8x {
    padding: var(--ds-space-8x) !important;
  }
  .p-xxl-9x {
    padding: var(--ds-space-9x) !important;
  }
  .p-xxl-10x {
    padding: var(--ds-space-10x) !important;
  }
  .p-xxl-11x {
    padding: var(--ds-space-11x) !important;
  }
  .p-xxl-12x {
    padding: var(--ds-space-12x) !important;
  }
  .p-xxl-13x {
    padding: var(--ds-space-13x) !important;
  }
  .p-xxl-14x {
    padding: var(--ds-space-14x) !important;
  }
  .p-xxl-15x {
    padding: var(--ds-space-15x) !important;
  }
  .p-xxl-16x {
    padding: var(--ds-space-16x) !important;
  }
  .p-xxl-17x {
    padding: var(--ds-space-17x) !important;
  }
  .p-xxl-18x {
    padding: var(--ds-space-18x) !important;
  }
  .p-xxl-xs {
    padding: var(--ds-space-2x) !important;
  }
  .p-xxl-sm {
    padding: var(--ds-space-4x) !important;
  }
  .p-xxl-md {
    padding: var(--ds-space-6x) !important;
  }
  .p-xxl-lg {
    padding: var(--ds-space-8x) !important;
  }
  .p-xxl-xl {
    padding: var(--ds-space-12x) !important;
  }
  .px-xxl-0x {
    padding-right: var(--ds-space-0x) !important;
    padding-left: var(--ds-space-0x) !important;
  }
  .px-xxl-05x {
    padding-right: var(--ds-space-05x) !important;
    padding-left: var(--ds-space-05x) !important;
  }
  .px-xxl-1x {
    padding-right: var(--ds-space-1x) !important;
    padding-left: var(--ds-space-1x) !important;
  }
  .px-xxl-2x {
    padding-right: var(--ds-space-2x) !important;
    padding-left: var(--ds-space-2x) !important;
  }
  .px-xxl-3x {
    padding-right: var(--ds-space-3x) !important;
    padding-left: var(--ds-space-3x) !important;
  }
  .px-xxl-4x {
    padding-right: var(--ds-space-4x) !important;
    padding-left: var(--ds-space-4x) !important;
  }
  .px-xxl-5x {
    padding-right: var(--ds-space-5x) !important;
    padding-left: var(--ds-space-5x) !important;
  }
  .px-xxl-6x {
    padding-right: var(--ds-space-6x) !important;
    padding-left: var(--ds-space-6x) !important;
  }
  .px-xxl-7x {
    padding-right: var(--ds-space-7x) !important;
    padding-left: var(--ds-space-7x) !important;
  }
  .px-xxl-8x {
    padding-right: var(--ds-space-8x) !important;
    padding-left: var(--ds-space-8x) !important;
  }
  .px-xxl-9x {
    padding-right: var(--ds-space-9x) !important;
    padding-left: var(--ds-space-9x) !important;
  }
  .px-xxl-10x {
    padding-right: var(--ds-space-10x) !important;
    padding-left: var(--ds-space-10x) !important;
  }
  .px-xxl-11x {
    padding-right: var(--ds-space-11x) !important;
    padding-left: var(--ds-space-11x) !important;
  }
  .px-xxl-12x {
    padding-right: var(--ds-space-12x) !important;
    padding-left: var(--ds-space-12x) !important;
  }
  .px-xxl-13x {
    padding-right: var(--ds-space-13x) !important;
    padding-left: var(--ds-space-13x) !important;
  }
  .px-xxl-14x {
    padding-right: var(--ds-space-14x) !important;
    padding-left: var(--ds-space-14x) !important;
  }
  .px-xxl-15x {
    padding-right: var(--ds-space-15x) !important;
    padding-left: var(--ds-space-15x) !important;
  }
  .px-xxl-16x {
    padding-right: var(--ds-space-16x) !important;
    padding-left: var(--ds-space-16x) !important;
  }
  .px-xxl-17x {
    padding-right: var(--ds-space-17x) !important;
    padding-left: var(--ds-space-17x) !important;
  }
  .px-xxl-18x {
    padding-right: var(--ds-space-18x) !important;
    padding-left: var(--ds-space-18x) !important;
  }
  .px-xxl-xs {
    padding-right: var(--ds-space-2x) !important;
    padding-left: var(--ds-space-2x) !important;
  }
  .px-xxl-sm {
    padding-right: var(--ds-space-4x) !important;
    padding-left: var(--ds-space-4x) !important;
  }
  .px-xxl-md {
    padding-right: var(--ds-space-6x) !important;
    padding-left: var(--ds-space-6x) !important;
  }
  .px-xxl-lg {
    padding-right: var(--ds-space-8x) !important;
    padding-left: var(--ds-space-8x) !important;
  }
  .px-xxl-xl {
    padding-right: var(--ds-space-12x) !important;
    padding-left: var(--ds-space-12x) !important;
  }
  .py-xxl-0x {
    padding-top: var(--ds-space-0x) !important;
    padding-bottom: var(--ds-space-0x) !important;
  }
  .py-xxl-05x {
    padding-top: var(--ds-space-05x) !important;
    padding-bottom: var(--ds-space-05x) !important;
  }
  .py-xxl-1x {
    padding-top: var(--ds-space-1x) !important;
    padding-bottom: var(--ds-space-1x) !important;
  }
  .py-xxl-2x {
    padding-top: var(--ds-space-2x) !important;
    padding-bottom: var(--ds-space-2x) !important;
  }
  .py-xxl-3x {
    padding-top: var(--ds-space-3x) !important;
    padding-bottom: var(--ds-space-3x) !important;
  }
  .py-xxl-4x {
    padding-top: var(--ds-space-4x) !important;
    padding-bottom: var(--ds-space-4x) !important;
  }
  .py-xxl-5x {
    padding-top: var(--ds-space-5x) !important;
    padding-bottom: var(--ds-space-5x) !important;
  }
  .py-xxl-6x {
    padding-top: var(--ds-space-6x) !important;
    padding-bottom: var(--ds-space-6x) !important;
  }
  .py-xxl-7x {
    padding-top: var(--ds-space-7x) !important;
    padding-bottom: var(--ds-space-7x) !important;
  }
  .py-xxl-8x {
    padding-top: var(--ds-space-8x) !important;
    padding-bottom: var(--ds-space-8x) !important;
  }
  .py-xxl-9x {
    padding-top: var(--ds-space-9x) !important;
    padding-bottom: var(--ds-space-9x) !important;
  }
  .py-xxl-10x {
    padding-top: var(--ds-space-10x) !important;
    padding-bottom: var(--ds-space-10x) !important;
  }
  .py-xxl-11x {
    padding-top: var(--ds-space-11x) !important;
    padding-bottom: var(--ds-space-11x) !important;
  }
  .py-xxl-12x {
    padding-top: var(--ds-space-12x) !important;
    padding-bottom: var(--ds-space-12x) !important;
  }
  .py-xxl-13x {
    padding-top: var(--ds-space-13x) !important;
    padding-bottom: var(--ds-space-13x) !important;
  }
  .py-xxl-14x {
    padding-top: var(--ds-space-14x) !important;
    padding-bottom: var(--ds-space-14x) !important;
  }
  .py-xxl-15x {
    padding-top: var(--ds-space-15x) !important;
    padding-bottom: var(--ds-space-15x) !important;
  }
  .py-xxl-16x {
    padding-top: var(--ds-space-16x) !important;
    padding-bottom: var(--ds-space-16x) !important;
  }
  .py-xxl-17x {
    padding-top: var(--ds-space-17x) !important;
    padding-bottom: var(--ds-space-17x) !important;
  }
  .py-xxl-18x {
    padding-top: var(--ds-space-18x) !important;
    padding-bottom: var(--ds-space-18x) !important;
  }
  .py-xxl-xs {
    padding-top: var(--ds-space-2x) !important;
    padding-bottom: var(--ds-space-2x) !important;
  }
  .py-xxl-sm {
    padding-top: var(--ds-space-4x) !important;
    padding-bottom: var(--ds-space-4x) !important;
  }
  .py-xxl-md {
    padding-top: var(--ds-space-6x) !important;
    padding-bottom: var(--ds-space-6x) !important;
  }
  .py-xxl-lg {
    padding-top: var(--ds-space-8x) !important;
    padding-bottom: var(--ds-space-8x) !important;
  }
  .py-xxl-xl {
    padding-top: var(--ds-space-12x) !important;
    padding-bottom: var(--ds-space-12x) !important;
  }
  .pt-xxl-0x {
    padding-top: var(--ds-space-0x) !important;
  }
  .pt-xxl-05x {
    padding-top: var(--ds-space-05x) !important;
  }
  .pt-xxl-1x {
    padding-top: var(--ds-space-1x) !important;
  }
  .pt-xxl-2x {
    padding-top: var(--ds-space-2x) !important;
  }
  .pt-xxl-3x {
    padding-top: var(--ds-space-3x) !important;
  }
  .pt-xxl-4x {
    padding-top: var(--ds-space-4x) !important;
  }
  .pt-xxl-5x {
    padding-top: var(--ds-space-5x) !important;
  }
  .pt-xxl-6x {
    padding-top: var(--ds-space-6x) !important;
  }
  .pt-xxl-7x {
    padding-top: var(--ds-space-7x) !important;
  }
  .pt-xxl-8x {
    padding-top: var(--ds-space-8x) !important;
  }
  .pt-xxl-9x {
    padding-top: var(--ds-space-9x) !important;
  }
  .pt-xxl-10x {
    padding-top: var(--ds-space-10x) !important;
  }
  .pt-xxl-11x {
    padding-top: var(--ds-space-11x) !important;
  }
  .pt-xxl-12x {
    padding-top: var(--ds-space-12x) !important;
  }
  .pt-xxl-13x {
    padding-top: var(--ds-space-13x) !important;
  }
  .pt-xxl-14x {
    padding-top: var(--ds-space-14x) !important;
  }
  .pt-xxl-15x {
    padding-top: var(--ds-space-15x) !important;
  }
  .pt-xxl-16x {
    padding-top: var(--ds-space-16x) !important;
  }
  .pt-xxl-17x {
    padding-top: var(--ds-space-17x) !important;
  }
  .pt-xxl-18x {
    padding-top: var(--ds-space-18x) !important;
  }
  .pt-xxl-xs {
    padding-top: var(--ds-space-2x) !important;
  }
  .pt-xxl-sm {
    padding-top: var(--ds-space-4x) !important;
  }
  .pt-xxl-md {
    padding-top: var(--ds-space-6x) !important;
  }
  .pt-xxl-lg {
    padding-top: var(--ds-space-8x) !important;
  }
  .pt-xxl-xl {
    padding-top: var(--ds-space-12x) !important;
  }
  .pe-xxl-0x {
    padding-right: var(--ds-space-0x) !important;
  }
  .pe-xxl-05x {
    padding-right: var(--ds-space-05x) !important;
  }
  .pe-xxl-1x {
    padding-right: var(--ds-space-1x) !important;
  }
  .pe-xxl-2x {
    padding-right: var(--ds-space-2x) !important;
  }
  .pe-xxl-3x {
    padding-right: var(--ds-space-3x) !important;
  }
  .pe-xxl-4x {
    padding-right: var(--ds-space-4x) !important;
  }
  .pe-xxl-5x {
    padding-right: var(--ds-space-5x) !important;
  }
  .pe-xxl-6x {
    padding-right: var(--ds-space-6x) !important;
  }
  .pe-xxl-7x {
    padding-right: var(--ds-space-7x) !important;
  }
  .pe-xxl-8x {
    padding-right: var(--ds-space-8x) !important;
  }
  .pe-xxl-9x {
    padding-right: var(--ds-space-9x) !important;
  }
  .pe-xxl-10x {
    padding-right: var(--ds-space-10x) !important;
  }
  .pe-xxl-11x {
    padding-right: var(--ds-space-11x) !important;
  }
  .pe-xxl-12x {
    padding-right: var(--ds-space-12x) !important;
  }
  .pe-xxl-13x {
    padding-right: var(--ds-space-13x) !important;
  }
  .pe-xxl-14x {
    padding-right: var(--ds-space-14x) !important;
  }
  .pe-xxl-15x {
    padding-right: var(--ds-space-15x) !important;
  }
  .pe-xxl-16x {
    padding-right: var(--ds-space-16x) !important;
  }
  .pe-xxl-17x {
    padding-right: var(--ds-space-17x) !important;
  }
  .pe-xxl-18x {
    padding-right: var(--ds-space-18x) !important;
  }
  .pe-xxl-xs {
    padding-right: var(--ds-space-2x) !important;
  }
  .pe-xxl-sm {
    padding-right: var(--ds-space-4x) !important;
  }
  .pe-xxl-md {
    padding-right: var(--ds-space-6x) !important;
  }
  .pe-xxl-lg {
    padding-right: var(--ds-space-8x) !important;
  }
  .pe-xxl-xl {
    padding-right: var(--ds-space-12x) !important;
  }
  .pb-xxl-0x {
    padding-bottom: var(--ds-space-0x) !important;
  }
  .pb-xxl-05x {
    padding-bottom: var(--ds-space-05x) !important;
  }
  .pb-xxl-1x {
    padding-bottom: var(--ds-space-1x) !important;
  }
  .pb-xxl-2x {
    padding-bottom: var(--ds-space-2x) !important;
  }
  .pb-xxl-3x {
    padding-bottom: var(--ds-space-3x) !important;
  }
  .pb-xxl-4x {
    padding-bottom: var(--ds-space-4x) !important;
  }
  .pb-xxl-5x {
    padding-bottom: var(--ds-space-5x) !important;
  }
  .pb-xxl-6x {
    padding-bottom: var(--ds-space-6x) !important;
  }
  .pb-xxl-7x {
    padding-bottom: var(--ds-space-7x) !important;
  }
  .pb-xxl-8x {
    padding-bottom: var(--ds-space-8x) !important;
  }
  .pb-xxl-9x {
    padding-bottom: var(--ds-space-9x) !important;
  }
  .pb-xxl-10x {
    padding-bottom: var(--ds-space-10x) !important;
  }
  .pb-xxl-11x {
    padding-bottom: var(--ds-space-11x) !important;
  }
  .pb-xxl-12x {
    padding-bottom: var(--ds-space-12x) !important;
  }
  .pb-xxl-13x {
    padding-bottom: var(--ds-space-13x) !important;
  }
  .pb-xxl-14x {
    padding-bottom: var(--ds-space-14x) !important;
  }
  .pb-xxl-15x {
    padding-bottom: var(--ds-space-15x) !important;
  }
  .pb-xxl-16x {
    padding-bottom: var(--ds-space-16x) !important;
  }
  .pb-xxl-17x {
    padding-bottom: var(--ds-space-17x) !important;
  }
  .pb-xxl-18x {
    padding-bottom: var(--ds-space-18x) !important;
  }
  .pb-xxl-xs {
    padding-bottom: var(--ds-space-2x) !important;
  }
  .pb-xxl-sm {
    padding-bottom: var(--ds-space-4x) !important;
  }
  .pb-xxl-md {
    padding-bottom: var(--ds-space-6x) !important;
  }
  .pb-xxl-lg {
    padding-bottom: var(--ds-space-8x) !important;
  }
  .pb-xxl-xl {
    padding-bottom: var(--ds-space-12x) !important;
  }
  .ps-xxl-0x {
    padding-left: var(--ds-space-0x) !important;
  }
  .ps-xxl-05x {
    padding-left: var(--ds-space-05x) !important;
  }
  .ps-xxl-1x {
    padding-left: var(--ds-space-1x) !important;
  }
  .ps-xxl-2x {
    padding-left: var(--ds-space-2x) !important;
  }
  .ps-xxl-3x {
    padding-left: var(--ds-space-3x) !important;
  }
  .ps-xxl-4x {
    padding-left: var(--ds-space-4x) !important;
  }
  .ps-xxl-5x {
    padding-left: var(--ds-space-5x) !important;
  }
  .ps-xxl-6x {
    padding-left: var(--ds-space-6x) !important;
  }
  .ps-xxl-7x {
    padding-left: var(--ds-space-7x) !important;
  }
  .ps-xxl-8x {
    padding-left: var(--ds-space-8x) !important;
  }
  .ps-xxl-9x {
    padding-left: var(--ds-space-9x) !important;
  }
  .ps-xxl-10x {
    padding-left: var(--ds-space-10x) !important;
  }
  .ps-xxl-11x {
    padding-left: var(--ds-space-11x) !important;
  }
  .ps-xxl-12x {
    padding-left: var(--ds-space-12x) !important;
  }
  .ps-xxl-13x {
    padding-left: var(--ds-space-13x) !important;
  }
  .ps-xxl-14x {
    padding-left: var(--ds-space-14x) !important;
  }
  .ps-xxl-15x {
    padding-left: var(--ds-space-15x) !important;
  }
  .ps-xxl-16x {
    padding-left: var(--ds-space-16x) !important;
  }
  .ps-xxl-17x {
    padding-left: var(--ds-space-17x) !important;
  }
  .ps-xxl-18x {
    padding-left: var(--ds-space-18x) !important;
  }
  .ps-xxl-xs {
    padding-left: var(--ds-space-2x) !important;
  }
  .ps-xxl-sm {
    padding-left: var(--ds-space-4x) !important;
  }
  .ps-xxl-md {
    padding-left: var(--ds-space-6x) !important;
  }
  .ps-xxl-lg {
    padding-left: var(--ds-space-8x) !important;
  }
  .ps-xxl-xl {
    padding-left: var(--ds-space-12x) !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
.ds-spaced-list-item + .ds-spaced-list-item {
  margin-top: 1px;
}
.ds-force-no-motion {
  --ds-motion-duration-rapid: 0s;
  --ds-motion-duration-quick: 0s;
  --ds-motion-duration-standard: 0s;
  --ds-motion-duration-slow: 0s;
  --ds-motion-timing-entrance: ease;
  --ds-motion-timing-exit: ease;
  --ds-motion-timing-standard: ease;
  --ds-motion-delay-rapid: 0s;
  --ds-motion-delay-quick: 0s;
  --ds-motion-delay-standard: 0s;
  --ds-motion-delay-slow: 0s;
}
:root,
:host {
  --gutter: var(--ds-space-6x);
  --gutter-x: var(--ds-space-6x);
  --gutter-y: 0;
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(var(--gutter-x) / -2);
  margin-right: calc(var(--gutter-x) / -2);
  margin-top: calc(var(--gutter-y) * -1);
}
.row > * {
  flex-shrink: 0;
  margin-top: var(--gutter-y);
  max-width: 100%;
  padding-left: calc(var(--gutter-x) / 2);
  padding-right: calc(var(--gutter-x) / 2);
  width: 100%;
}
.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.3333333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.6666666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.3333333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.6666666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.3333333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.6666666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.3333333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.6666666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-left: 8.3333333333%;
}
.offset-2 {
  margin-left: 16.6666666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.3333333333%;
}
.offset-5 {
  margin-left: 41.6666666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.3333333333%;
}
.offset-8 {
  margin-left: 66.6666666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.3333333333%;
}
.offset-11 {
  margin-left: 91.6666666667%;
}
.g-0,
.gx-0 {
  --gutter-x: 0;
}
.g-0,
.gy-0 {
  --gutter-y: 0;
}
.g-2x,
.gx-2x {
  --gutter-x: var(--ds-space-2x);
}
.g-2x,
.gy-2x {
  --gutter-y: var(--ds-space-2x);
}
.g-4x,
.gx-4x {
  --gutter-x: var(--ds-space-4x);
}
.g-4x,
.gy-4x {
  --gutter-y: var(--ds-space-4x);
}
.g-6x,
.gx-6x {
  --gutter-x: var(--ds-space-6x);
}
.g-6x,
.gy-6x {
  --gutter-y: var(--ds-space-6x);
}
.g-8x,
.gx-8x {
  --gutter-x: var(--ds-space-8x);
}
.g-8x,
.gy-8x {
  --gutter-y: var(--ds-space-8x);
}
.g-10x,
.gx-10x {
  --gutter-x: var(--ds-space-10x);
}
.g-10x,
.gy-10x {
  --gutter-y: var(--ds-space-10x);
}
.g-xs,
.gx-xs {
  --gutter-x: var(--ds-space-2x);
}
.g-xs,
.gy-xs {
  --gutter-y: var(--ds-space-2x);
}
.g-sm,
.gx-sm {
  --gutter-x: var(--ds-space-4x);
}
.g-sm,
.gy-sm {
  --gutter-y: var(--ds-space-4x);
}
.g-md,
.gx-md {
  --gutter-x: var(--ds-space-6x);
}
.g-md,
.gy-md {
  --gutter-y: var(--ds-space-6x);
}
.g-lg,
.gx-lg {
  --gutter-x: var(--ds-space-8x);
}
.g-lg,
.gy-lg {
  --gutter-y: var(--ds-space-8x);
}
.g-xl,
.gx-xl {
  --gutter-x: var(--ds-space-10x);
}
.g-xl,
.gy-xl {
  --gutter-y: var(--ds-space-10x);
}
@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.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --gutter-y: 0;
  }
  .g-sm-2x,
  .gx-sm-2x {
    --gutter-x: var(--ds-space-2x);
  }
  .g-sm-2x,
  .gy-sm-2x {
    --gutter-y: var(--ds-space-2x);
  }
  .g-sm-4x,
  .gx-sm-4x {
    --gutter-x: var(--ds-space-4x);
  }
  .g-sm-4x,
  .gy-sm-4x {
    --gutter-y: var(--ds-space-4x);
  }
  .g-sm-6x,
  .gx-sm-6x {
    --gutter-x: var(--ds-space-6x);
  }
  .g-sm-6x,
  .gy-sm-6x {
    --gutter-y: var(--ds-space-6x);
  }
  .g-sm-8x,
  .gx-sm-8x {
    --gutter-x: var(--ds-space-8x);
  }
  .g-sm-8x,
  .gy-sm-8x {
    --gutter-y: var(--ds-space-8x);
  }
  .g-sm-10x,
  .gx-sm-10x {
    --gutter-x: var(--ds-space-10x);
  }
  .g-sm-10x,
  .gy-sm-10x {
    --gutter-y: var(--ds-space-10x);
  }
  .g-sm-xs,
  .gx-sm-xs {
    --gutter-x: var(--ds-space-2x);
  }
  .g-sm-xs,
  .gy-sm-xs {
    --gutter-y: var(--ds-space-2x);
  }
  .g-sm-sm,
  .gx-sm-sm {
    --gutter-x: var(--ds-space-4x);
  }
  .g-sm-sm,
  .gy-sm-sm {
    --gutter-y: var(--ds-space-4x);
  }
  .g-sm-md,
  .gx-sm-md {
    --gutter-x: var(--ds-space-6x);
  }
  .g-sm-md,
  .gy-sm-md {
    --gutter-y: var(--ds-space-6x);
  }
  .g-sm-lg,
  .gx-sm-lg {
    --gutter-x: var(--ds-space-8x);
  }
  .g-sm-lg,
  .gy-sm-lg {
    --gutter-y: var(--ds-space-8x);
  }
  .g-sm-xl,
  .gx-sm-xl {
    --gutter-x: var(--ds-space-10x);
  }
  .g-sm-xl,
  .gy-sm-xl {
    --gutter-y: var(--ds-space-10x);
  }
}
@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.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --gutter-y: 0;
  }
  .g-md-2x,
  .gx-md-2x {
    --gutter-x: var(--ds-space-2x);
  }
  .g-md-2x,
  .gy-md-2x {
    --gutter-y: var(--ds-space-2x);
  }
  .g-md-4x,
  .gx-md-4x {
    --gutter-x: var(--ds-space-4x);
  }
  .g-md-4x,
  .gy-md-4x {
    --gutter-y: var(--ds-space-4x);
  }
  .g-md-6x,
  .gx-md-6x {
    --gutter-x: var(--ds-space-6x);
  }
  .g-md-6x,
  .gy-md-6x {
    --gutter-y: var(--ds-space-6x);
  }
  .g-md-8x,
  .gx-md-8x {
    --gutter-x: var(--ds-space-8x);
  }
  .g-md-8x,
  .gy-md-8x {
    --gutter-y: var(--ds-space-8x);
  }
  .g-md-10x,
  .gx-md-10x {
    --gutter-x: var(--ds-space-10x);
  }
  .g-md-10x,
  .gy-md-10x {
    --gutter-y: var(--ds-space-10x);
  }
  .g-md-xs,
  .gx-md-xs {
    --gutter-x: var(--ds-space-2x);
  }
  .g-md-xs,
  .gy-md-xs {
    --gutter-y: var(--ds-space-2x);
  }
  .g-md-sm,
  .gx-md-sm {
    --gutter-x: var(--ds-space-4x);
  }
  .g-md-sm,
  .gy-md-sm {
    --gutter-y: var(--ds-space-4x);
  }
  .g-md-md,
  .gx-md-md {
    --gutter-x: var(--ds-space-6x);
  }
  .g-md-md,
  .gy-md-md {
    --gutter-y: var(--ds-space-6x);
  }
  .g-md-lg,
  .gx-md-lg {
    --gutter-x: var(--ds-space-8x);
  }
  .g-md-lg,
  .gy-md-lg {
    --gutter-y: var(--ds-space-8x);
  }
  .g-md-xl,
  .gx-md-xl {
    --gutter-x: var(--ds-space-10x);
  }
  .g-md-xl,
  .gy-md-xl {
    --gutter-y: var(--ds-space-10x);
  }
}
@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.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --gutter-y: 0;
  }
  .g-lg-2x,
  .gx-lg-2x {
    --gutter-x: var(--ds-space-2x);
  }
  .g-lg-2x,
  .gy-lg-2x {
    --gutter-y: var(--ds-space-2x);
  }
  .g-lg-4x,
  .gx-lg-4x {
    --gutter-x: var(--ds-space-4x);
  }
  .g-lg-4x,
  .gy-lg-4x {
    --gutter-y: var(--ds-space-4x);
  }
  .g-lg-6x,
  .gx-lg-6x {
    --gutter-x: var(--ds-space-6x);
  }
  .g-lg-6x,
  .gy-lg-6x {
    --gutter-y: var(--ds-space-6x);
  }
  .g-lg-8x,
  .gx-lg-8x {
    --gutter-x: var(--ds-space-8x);
  }
  .g-lg-8x,
  .gy-lg-8x {
    --gutter-y: var(--ds-space-8x);
  }
  .g-lg-10x,
  .gx-lg-10x {
    --gutter-x: var(--ds-space-10x);
  }
  .g-lg-10x,
  .gy-lg-10x {
    --gutter-y: var(--ds-space-10x);
  }
  .g-lg-xs,
  .gx-lg-xs {
    --gutter-x: var(--ds-space-2x);
  }
  .g-lg-xs,
  .gy-lg-xs {
    --gutter-y: var(--ds-space-2x);
  }
  .g-lg-sm,
  .gx-lg-sm {
    --gutter-x: var(--ds-space-4x);
  }
  .g-lg-sm,
  .gy-lg-sm {
    --gutter-y: var(--ds-space-4x);
  }
  .g-lg-md,
  .gx-lg-md {
    --gutter-x: var(--ds-space-6x);
  }
  .g-lg-md,
  .gy-lg-md {
    --gutter-y: var(--ds-space-6x);
  }
  .g-lg-lg,
  .gx-lg-lg {
    --gutter-x: var(--ds-space-8x);
  }
  .g-lg-lg,
  .gy-lg-lg {
    --gutter-y: var(--ds-space-8x);
  }
  .g-lg-xl,
  .gx-lg-xl {
    --gutter-x: var(--ds-space-10x);
  }
  .g-lg-xl,
  .gy-lg-xl {
    --gutter-y: var(--ds-space-10x);
  }
}
@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.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --gutter-y: 0;
  }
  .g-xl-2x,
  .gx-xl-2x {
    --gutter-x: var(--ds-space-2x);
  }
  .g-xl-2x,
  .gy-xl-2x {
    --gutter-y: var(--ds-space-2x);
  }
  .g-xl-4x,
  .gx-xl-4x {
    --gutter-x: var(--ds-space-4x);
  }
  .g-xl-4x,
  .gy-xl-4x {
    --gutter-y: var(--ds-space-4x);
  }
  .g-xl-6x,
  .gx-xl-6x {
    --gutter-x: var(--ds-space-6x);
  }
  .g-xl-6x,
  .gy-xl-6x {
    --gutter-y: var(--ds-space-6x);
  }
  .g-xl-8x,
  .gx-xl-8x {
    --gutter-x: var(--ds-space-8x);
  }
  .g-xl-8x,
  .gy-xl-8x {
    --gutter-y: var(--ds-space-8x);
  }
  .g-xl-10x,
  .gx-xl-10x {
    --gutter-x: var(--ds-space-10x);
  }
  .g-xl-10x,
  .gy-xl-10x {
    --gutter-y: var(--ds-space-10x);
  }
  .g-xl-xs,
  .gx-xl-xs {
    --gutter-x: var(--ds-space-2x);
  }
  .g-xl-xs,
  .gy-xl-xs {
    --gutter-y: var(--ds-space-2x);
  }
  .g-xl-sm,
  .gx-xl-sm {
    --gutter-x: var(--ds-space-4x);
  }
  .g-xl-sm,
  .gy-xl-sm {
    --gutter-y: var(--ds-space-4x);
  }
  .g-xl-md,
  .gx-xl-md {
    --gutter-x: var(--ds-space-6x);
  }
  .g-xl-md,
  .gy-xl-md {
    --gutter-y: var(--ds-space-6x);
  }
  .g-xl-lg,
  .gx-xl-lg {
    --gutter-x: var(--ds-space-8x);
  }
  .g-xl-lg,
  .gy-xl-lg {
    --gutter-y: var(--ds-space-8x);
  }
  .g-xl-xl,
  .gx-xl-xl {
    --gutter-x: var(--ds-space-10x);
  }
  .g-xl-xl,
  .gy-xl-xl {
    --gutter-y: var(--ds-space-10x);
  }
}
@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.3333333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.6666666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --gutter-y: 0;
  }
  .g-xxl-2x,
  .gx-xxl-2x {
    --gutter-x: var(--ds-space-2x);
  }
  .g-xxl-2x,
  .gy-xxl-2x {
    --gutter-y: var(--ds-space-2x);
  }
  .g-xxl-4x,
  .gx-xxl-4x {
    --gutter-x: var(--ds-space-4x);
  }
  .g-xxl-4x,
  .gy-xxl-4x {
    --gutter-y: var(--ds-space-4x);
  }
  .g-xxl-6x,
  .gx-xxl-6x {
    --gutter-x: var(--ds-space-6x);
  }
  .g-xxl-6x,
  .gy-xxl-6x {
    --gutter-y: var(--ds-space-6x);
  }
  .g-xxl-8x,
  .gx-xxl-8x {
    --gutter-x: var(--ds-space-8x);
  }
  .g-xxl-8x,
  .gy-xxl-8x {
    --gutter-y: var(--ds-space-8x);
  }
  .g-xxl-10x,
  .gx-xxl-10x {
    --gutter-x: var(--ds-space-10x);
  }
  .g-xxl-10x,
  .gy-xxl-10x {
    --gutter-y: var(--ds-space-10x);
  }
  .g-xxl-xs,
  .gx-xxl-xs {
    --gutter-x: var(--ds-space-2x);
  }
  .g-xxl-xs,
  .gy-xxl-xs {
    --gutter-y: var(--ds-space-2x);
  }
  .g-xxl-sm,
  .gx-xxl-sm {
    --gutter-x: var(--ds-space-4x);
  }
  .g-xxl-sm,
  .gy-xxl-sm {
    --gutter-y: var(--ds-space-4x);
  }
  .g-xxl-md,
  .gx-xxl-md {
    --gutter-x: var(--ds-space-6x);
  }
  .g-xxl-md,
  .gy-xxl-md {
    --gutter-y: var(--ds-space-6x);
  }
  .g-xxl-lg,
  .gx-xxl-lg {
    --gutter-x: var(--ds-space-8x);
  }
  .g-xxl-lg,
  .gy-xxl-lg {
    --gutter-y: var(--ds-space-8x);
  }
  .g-xxl-xl,
  .gx-xxl-xl {
    --gutter-x: var(--ds-space-10x);
  }
  .g-xxl-xl,
  .gy-xxl-xl {
    --gutter-y: var(--ds-space-10x);
  }
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--gutter-x, var(--gutter));
  padding-right: var(--gutter-x, var(--gutter));
  width: 100%;
}
@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;
  }
}
.ds-button {
  align-items: center;
  border-radius: var(--ds-shape-radius-button);
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  cursor: pointer;
  display: inline-flex;
  font-family: var(--ds-typography-family-button);
  font-size: var(--ds-typography-size-button);
  font-weight: var(--ds-typography-weight-button);
  line-height: var(--ds-typography-line-height-button);
  max-width: 100%;
  height: var(--ds-shape-size-ymin-button);
  min-width: var(--ds-shape-size-xmin-button);
  outline: none;
  overflow: hidden;
  padding: 0 var(--ds-space-inline-end-button) 0 var(--ds-space-inline-start-button);
  position: relative;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
  justify-content: center;
}
.ds-button > * {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ds-button.has-no-content.has-icon {
  padding: calc(var(--ds-space-inline-couple-button) - 1px);
}
.ds-button > ds-icon {
  flex: 0 0 auto;
}
.ds-button,
.ds-button.ds-button--primary {
  background-color: var(--ds-color-surface-button-primary);
  border-color: var(--ds-color-border-button-primary);
  color: var(--ds-color-typography-button-primary);
}
.ds-button:hover,
.ds-button.ds-button--primary:hover {
  background-color: var(--ds-color-surface-button-primary-hover);
  border-color: var(--ds-color-border-button-primary-hover);
  color: var(--ds-color-typography-button-primary);
  text-decoration: none;
  z-index: var(--ds-z-index-content-base);
}
.ds-button:focus-visible,
.ds-button:target,
.ds-button.ds-button--primary:focus-visible,
.ds-button.ds-button--primary:target {
  background-color: var(--ds-color-surface-button-primary);
  border-color: var(--ds-color-border-button-primary);
  color: var(--ds-color-typography-button-primary);
  box-shadow: 0 0 0 2px var(--ds-color-outline-button);
  z-index: var(--ds-z-index-content-base);
}
.ds-button:focus:not(:focus-visible),
.ds-button.ds-button--primary:focus:not(:focus-visible) {
  outline: none;
}
.ds-button.ds-button--loading,
.ds-button:active,
.ds-button--active,
.ds-button.ds-button--primary.ds-button--loading,
.ds-button.ds-button--primary:active,
.ds-button.ds-button--primary--active {
  background-color: var(--ds-color-surface-button-primary-active);
  border-color: var(--ds-color-border-button-primary-active);
  color: var(--ds-color-typography-button-primary);
  z-index: var(--ds-z-index-content-base);
}
.ds-button[disabled],
.ds-button.ds-button--primary[disabled] {
  cursor: not-allowed;
  background-color: var(--ds-color-surface-button-primary-disabled);
  border-color: var(--ds-color-border-button-primary-disabled);
  color: var(--ds-color-typography-button-disabled);
}
.ds-button.ds-button--destructive {
  background-color: var(--ds-color-surface-button-primary-destructive);
  border-color: var(--ds-color-border-button-primary-destructive);
  color: var(--ds-color-typography-button-primary-destructive);
}
.ds-button.ds-button--destructive:hover {
  background-color: var(--ds-color-surface-button-primary-destructive-hover);
  border-color: var(--ds-color-border-button-primary-destructive-hover);
  color: var(--ds-color-typography-button-primary-destructive);
  text-decoration: none;
  z-index: var(--ds-z-index-content-base);
}
.ds-button.ds-button--destructive:focus-visible,
.ds-button.ds-button--destructive:target {
  background-color: var(--ds-color-surface-button-primary-destructive);
  border-color: var(--ds-color-border-button-primary-destructive);
  color: var(--ds-color-typography-button-primary-destructive);
  box-shadow: 0 0 0 2px var(--ds-color-outline-button);
  z-index: var(--ds-z-index-content-base);
}
.ds-button.ds-button--destructive:focus:not(:focus-visible) {
  outline: none;
}
.ds-button.ds-button--destructive.ds-button--loading,
.ds-button.ds-button--destructive:active,
.ds-button.ds-button--destructive--active {
  background-color: var(--ds-color-surface-button-primary-destructive-active);
  border-color: var(--ds-color-border-button-primary-destructive-active);
  color: var(--ds-color-typography-button-primary-destructive);
  z-index: var(--ds-z-index-content-base);
}
.ds-button.ds-button--destructive[disabled] {
  cursor: not-allowed;
  background-color: var(--ds-color-surface-button-primary-disabled);
  border-color: var(--ds-color-border-button-primary-disabled);
  color: var(--ds-color-typography-button-disabled);
}
.ds-button.ds-button--outline {
  background-color: var(--ds-color-surface-button-outline);
  border-color: var(--ds-color-border-button-outline);
  color: var(--ds-color-typography-button-outline);
}
.ds-button.ds-button--outline:hover {
  background-color: var(--ds-color-surface-button-outline-hover);
  border-color: var(--ds-color-border-button-outline-hover);
  color: var(--ds-color-typography-button-outline);
  text-decoration: none;
  z-index: var(--ds-z-index-content-base);
}
.ds-button.ds-button--outline:focus-visible,
.ds-button.ds-button--outline:target {
  background-color: var(--ds-color-surface-button-outline);
  border-color: var(--ds-color-border-button-outline);
  color: var(--ds-color-typography-button-outline);
  box-shadow: 0 0 0 2px var(--ds-color-outline-button);
  z-index: var(--ds-z-index-content-base);
}
.ds-button.ds-button--outline:focus:not(:focus-visible) {
  outline: none;
}
.ds-button.ds-button--outline.ds-button--loading,
.ds-button.ds-button--outline:active,
.ds-button.ds-button--outline--active {
  background-color: var(--ds-color-surface-button-outline-active);
  border-color: var(--ds-color-border-button-outline-active);
  color: var(--ds-color-typography-button-outline);
  z-index: var(--ds-z-index-content-base);
}
.ds-button.ds-button--outline[disabled] {
  cursor: not-allowed;
  background-color: var(--ds-color-surface-button-outline-disabled);
  border-color: var(--ds-color-border-button-outline-disabled);
  color: var(--ds-color-typography-button-disabled);
}
.ds-button.ds-button--outline-destructive {
  background-color: var(--ds-color-surface-button-outline-destructive);
  border-color: var(--ds-color-border-button-outline-destructive);
  color: var(--ds-color-typography-button-outline-destructive);
}
.ds-button.ds-button--outline-destructive:hover {
  background-color: var(--ds-color-surface-button-outline-destructive-hover);
  border-color: var(--ds-color-border-button-outline-destructive-hover);
  color: var(--ds-color-typography-button-outline-destructive);
  text-decoration: none;
  z-index: var(--ds-z-index-content-base);
}
.ds-button.ds-button--outline-destructive:focus-visible,
.ds-button.ds-button--outline-destructive:target {
  background-color: var(--ds-color-surface-button-outline-destructive);
  border-color: var(--ds-color-border-button-outline-destructive);
  color: var(--ds-color-typography-button-outline-destructive);
  box-shadow: 0 0 0 2px var(--ds-color-outline-button);
  z-index: var(--ds-z-index-content-base);
}
.ds-button.ds-button--outline-destructive:focus:not(:focus-visible) {
  outline: none;
}
.ds-button.ds-button--outline-destructive.ds-button--loading,
.ds-button.ds-button--outline-destructive:active,
.ds-button.ds-button--outline-destructive--active {
  background-color: var(--ds-color-surface-button-outline-destructive-active);
  border-color: var(--ds-color-border-button-outline-destructive-active);
  color: var(--ds-color-typography-button-outline-destructive);
  z-index: var(--ds-z-index-content-base);
}
.ds-button.ds-button--outline-destructive[disabled] {
  cursor: not-allowed;
  background-color: var(--ds-color-surface-button-outline-disabled);
  border-color: var(--ds-color-border-button-outline-disabled);
  color: var(--ds-color-typography-button-disabled);
}
.ds-button.ds-button--ghost {
  background-color: var(--ds-color-surface-button-ghost);
  border-color: var(--ds-color-border-button-ghost);
  color: var(--ds-color-typography-button-ghost);
  padding: 0 var(--ds-space-inline-end-button-ghost) 0 var(--ds-space-inline-start-button-ghost);
}
.ds-button.ds-button--ghost:hover {
  background-color: var(--ds-color-surface-button-ghost-hover);
  border-color: var(--ds-color-border-button-ghost-hover);
  color: var(--ds-color-typography-button-ghost);
  text-decoration: none;
  z-index: var(--ds-z-index-content-base);
}
.ds-button.ds-button--ghost:focus-visible,
.ds-button.ds-button--ghost:target {
  background-color: var(--ds-color-surface-button-ghost);
  border-color: var(--ds-color-border-button-ghost);
  color: var(--ds-color-typography-button-ghost);
  box-shadow: 0 0 0 2px var(--ds-color-outline-button);
  z-index: var(--ds-z-index-content-base);
}
.ds-button.ds-button--ghost:focus:not(:focus-visible) {
  outline: none;
}
.ds-button.ds-button--ghost.ds-button--loading,
.ds-button.ds-button--ghost:active,
.ds-button.ds-button--ghost--active {
  background-color: var(--ds-color-surface-button-ghost-active);
  border-color: var(--ds-color-border-button-ghost-active);
  color: var(--ds-color-typography-button-ghost);
  z-index: var(--ds-z-index-content-base);
}
.ds-button.ds-button--ghost[disabled] {
  cursor: not-allowed;
  background-color: var(--ds-color-surface-button-ghost-disabled);
  border-color: var(--ds-color-border-button-ghost-disabled);
  color: var(--ds-color-typography-button-disabled);
}
.ds-button.ds-button--ghost-destructive {
  background-color: var(--ds-color-surface-button-ghost);
  border-color: var(--ds-color-border-button-ghost);
  color: var(--ds-color-typography-button-ghost-destructive);
  padding: 0 var(--ds-space-inline-end-button-ghost) 0 var(--ds-space-inline-start-button-ghost);
}
.ds-button.ds-button--ghost-destructive:hover {
  background-color: var(--ds-color-surface-button-ghost-destructive-hover);
  border-color: var(--ds-color-border-button-ghost);
  color: var(--ds-color-typography-button-ghost-destructive);
  text-decoration: none;
  z-index: var(--ds-z-index-content-base);
}
.ds-button.ds-button--ghost-destructive:focus-visible,
.ds-button.ds-button--ghost-destructive:target {
  background-color: var(--ds-color-surface-button-ghost);
  border-color: var(--ds-color-border-button-ghost);
  color: var(--ds-color-typography-button-ghost-destructive);
  box-shadow: 0 0 0 2px var(--ds-color-outline-button);
  z-index: var(--ds-z-index-content-base);
}
.ds-button.ds-button--ghost-destructive:focus:not(:focus-visible) {
  outline: none;
}
.ds-button.ds-button--ghost-destructive.ds-button--loading,
.ds-button.ds-button--ghost-destructive:active,
.ds-button.ds-button--ghost-destructive--active {
  background-color: var(--ds-color-surface-button-ghost-destructive-active);
  border-color: var(--ds-color-border-button-ghost-destructive-active);
  color: var(--ds-color-typography-button-ghost-destructive);
  z-index: var(--ds-z-index-content-base);
}
.ds-button.ds-button--ghost-destructive[disabled] {
  cursor: not-allowed;
  background-color: var(--ds-color-surface-button-ghost-disabled);
  border-color: var(--ds-color-border-button-ghost-disabled);
  color: var(--ds-color-typography-button-disabled);
}
.ds-button.ds-button--ghost-muted {
  background-color: var(--ds-color-surface-button-ghost);
  border-color: var(--ds-color-border-button-ghost);
  color: var(--ds-color-typography-neutral);
  padding: 0 var(--ds-space-inline-end-button-ghost) 0 var(--ds-space-inline-start-button-ghost);
}
.ds-button.ds-button--ghost-muted:hover {
  background-color: var(--ds-color-surface-button-ghost-muted-hover);
  border-color: var(--ds-color-border-button-ghost-hover);
  color: var(--ds-color-typography-button-ghost-muted-hover);
  text-decoration: none;
  z-index: var(--ds-z-index-content-base);
}
.ds-button.ds-button--ghost-muted:focus-visible,
.ds-button.ds-button--ghost-muted:target {
  background-color: var(--ds-color-surface-button-ghost);
  border-color: var(--ds-color-border-button-ghost);
  color: var(--ds-color-typography-neutral);
  box-shadow: 0 0 0 2px var(--ds-color-outline-button);
  z-index: var(--ds-z-index-content-base);
}
.ds-button.ds-button--ghost-muted:focus:not(:focus-visible) {
  outline: none;
}
.ds-button.ds-button--ghost-muted.ds-button--loading,
.ds-button.ds-button--ghost-muted:active,
.ds-button.ds-button--ghost-muted--active {
  background-color: var(--ds-color-surface-button-ghost-muted-active);
  border-color: var(--ds-color-border-button-ghost-active);
  color: var(--ds-color-typography-button-ghost-muted-active);
  z-index: var(--ds-z-index-content-base);
}
.ds-button.ds-button--ghost-muted[disabled] {
  cursor: not-allowed;
  background-color: var(--ds-color-surface-button-ghost-disabled);
  border-color: var(--ds-color-border-button-ghost-disabled);
  color: var(--ds-color-typography-button-disabled);
}
.ds-button.ds-button--toggle {
  background-color: var(--ds-color-surface-button-toggle);
  border-color: var(--ds-color-border-button-toggle);
  color: var(--ds-color-typography-button-toggle);
}
.ds-button.ds-button--toggle:hover {
  background-color: var(--ds-color-surface-button-toggle-hover);
  border-color: var(--ds-color-border-button-toggle-hover);
  color: var(--ds-color-typography-button-toggle-hover);
  text-decoration: none;
  z-index: var(--ds-z-index-content-base);
}
.ds-button.ds-button--toggle:focus-visible,
.ds-button.ds-button--toggle:target {
  box-shadow: 0 0 0 2px var(--ds-color-outline-button);
  z-index: var(--ds-z-index-content-base);
}
.ds-button.ds-button--toggle:focus:not(:focus-visible) {
  outline: none;
}
.ds-button.ds-button--toggle--active {
  background-color: var(--ds-color-surface-button-toggle-checked);
  border-color: var(--ds-color-border-button-toggle-checked);
  color: var(--ds-color-typography-button-toggle-checked);
}
.ds-button.ds-button--toggle--active:hover {
  background-color: var(--ds-color-surface-button-toggle-checked-hover);
  border-color: var(--ds-color-border-button-toggle-checked-hover);
}
.ds-button.ds-button--toggle[disabled].ds-button.ds-button--toggle--active {
  cursor: not-allowed;
  background-color: var(--ds-color-surface-button-toggle-disabled-checked);
  border-color: var(--ds-color-border-button-toggle-disabled-checked);
  color: var(--ds-color-typography-button-toggle-disabled-checked);
}
.ds-button.ds-button--toggle[disabled] {
  cursor: not-allowed;
  background-color: var(--ds-color-surface-button-toggle-disabled);
  border-color: var(--ds-color-border-button-toggle-disabled);
  color: var(--ds-color-typography-button-disabled);
}
.ds-button ds-icon.icon-left {
  margin-right: var(--ds-space-inline-couple-button);
}
.ds-button ds-icon.icon-right {
  margin-left: var(--ds-space-inline-couple-button);
}
.ds-button.has-no-content.has-icon ds-icon {
  margin: 0;
}
.ds-button--sm,
input[type=file].ds-input::file-selector-button,
input[type=number] .ds-inputnumber__step-down-button,
input[type=number] .ds-inputnumber__step-up-button,
.ds-input-wrapper .ds-inputnumber__step-down-button,
.ds-input-wrapper .ds-inputnumber__step-up-button,
select[type=file].ds-select::file-selector-button,
select[type=number].ds-select .ds-inputnumber__step-down-button,
select[type=number].ds-select .ds-inputnumber__step-up-button {
  font-size: var(--ds-typography-size-button-sm);
  line-height: var(--ds-typography-line-height-button-sm);
  height: var(--ds-shape-size-ymin-button-sm);
  min-width: var(--ds-shape-size-xmin-button-sm);
  padding: 0 var(--ds-space-inline-end-button-sm) 0 var(--ds-space-inline-start-button-sm);
}
.ds-button--md,
input[type=file].ds-input--lg::file-selector-button,
input[type=number] .ds-inputnumber__step-down-button--lg,
input[type=number] .ds-inputnumber__step-up-button--lg,
.ds-input-wrapper .ds-inputnumber__step-down-button--lg,
.ds-input-wrapper .ds-inputnumber__step-up-button--lg,
select[type=file].ds-input--lg.ds-select::file-selector-button,
select[type=number].ds-select .ds-inputnumber__step-down-button--lg,
select[type=number].ds-select .ds-inputnumber__step-up-button--lg {
  font-size: var(--ds-typography-size-button);
  line-height: var(--ds-typography-line-height-button);
  height: var(--ds-shape-size-ymin-button);
  min-width: var(--ds-shape-size-xmin-button);
  padding: 0 var(--ds-space-inline-end-button) 0 var(--ds-space-inline-start-button);
}
.ds-button--lg {
  font-size: var(--ds-typography-size-button-lg);
  line-height: var(--ds-typography-line-height-button-lg);
  height: var(--ds-shape-size-ymin-button-lg);
  min-width: var(--ds-shape-size-xmin-button-lg);
  padding: 0 var(--ds-space-inline-end-button-lg) 0 var(--ds-space-inline-start-button-lg);
}
.ds-button--loading .ds-button__progress-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  color: inherit;
  animation: ds-button-loading-entrance var(--ds-motion-duration-standard) var(--ds-motion-timing-entrance) forwards;
}
.ds-button--loading .ds-button__progress-circle ~ * {
  animation: ds-button-loading-exit var(--ds-motion-duration-quick) var(--ds-motion-timing-exit) forwards;
}
.ds-button--loading:not(:disabled) {
  cursor: default;
}
@keyframes ds-button-loading-entrance {
  from {
    opacity: 0;
    transform: translate(-50%, -70%);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}
@keyframes ds-button-loading-exit {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(16%);
  }
}
.ds-button--with-badge {
  overflow: visible;
}
.ds-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.ds-checkbox-wrapper {
  display: inline-block;
  line-height: 0;
  position: relative;
}
.ds-checkbox-wrapper:not(:first-child) {
  margin-left: var(--ds-space-2x);
}
.ds-checkbox-wrapper + * {
  margin-left: var(--ds-space-2x);
}
.ds-checkbox-group {
  --ds-space-between-base: var(--ds-space-4x);
  color: var(--ds-color-text-input-value);
  display: flex;
  flex-wrap: wrap;
  gap: var(--ds-space-between-base);
  font-family: var(--ds-font-family-input);
  font-size: var(--ds-font-size-input-label);
  font-weight: var(--ds-font-weight-input);
  line-height: var(--ds-font-line-height-input);
}
.ds-checkbox-group--lg {
  font-size: var(--ds-font-size-input-label-large);
  line-height: var(--ds-font-line-height-input-large);
}
.ds-checkbox-group--lg [ds-input][type=checkbox].ds-checkbox {
  height: var(--ds-shape-size-y-checkbox-large);
  width: var(--ds-shape-size-y-checkbox-large);
}
.ds-checkbox-group > label {
  align-items: flex-start;
  display: inline-flex;
  width: fit-content;
  cursor: pointer;
}
.ds-checkbox-group > label.ds-checkbox__implicit-label:not(:first-of-type) {
  margin-bottom: 0;
}
.ds-checkbox-group > label.ds-checkbox__implicit-label--readonly {
  pointer-events: none;
}
.ds-checkbox-group > label.ds-checkbox__implicit-label--disabled {
  color: var(--ds-color-typography-disabled);
  pointer-events: initial;
  cursor: not-allowed;
}
.ds-checkbox-group > .ds-checkbox__explicit-label {
  display: flex;
  align-items: flex-start;
}
.ds-checkbox-group > .ds-checkbox__explicit-label > label {
  cursor: pointer;
}
.ds-checkbox-group > .ds-checkbox__explicit-label:not(:first-of-type) {
  margin-bottom: 0;
}
.ds-checkbox-group > .ds-checkbox__explicit-label > label:not(:first-child) {
  padding-left: var(--ds-space-2x);
}
.ds-checkbox-group > .ds-checkbox__explicit-label > label:first-child ~ * {
  margin-left: var(--ds-space-2x);
}
.ds-checkbox-group > .ds-checkbox__explicit-label--readonly,
.ds-checkbox-group > .ds-checkbox__explicit-label--readonly > label {
  pointer-events: none;
}
.ds-checkbox-group > .ds-checkbox__explicit-label--disabled,
.ds-checkbox-group > .ds-checkbox__explicit-label--disabled > label {
  color: var(--ds-color-typography-disabled);
  pointer-events: initial;
  cursor: not-allowed;
}
.ds-checkbox-group--block {
  display: block;
  margin-top: var(--ds-space-2x);
  margin-bottom: var(--ds-space-2x);
  --ds-space-between-base: var(--ds-space-3x);
}
.ds-checkbox-group--block > label.ds-checkbox__implicit-label,
.ds-checkbox-group--block > .ds-checkbox__explicit-label {
  display: flex;
}
.ds-checkbox-group--block > label.ds-checkbox__implicit-label:not(:first-of-type),
.ds-checkbox-group--block > .ds-checkbox__explicit-label:not(:first-of-type) {
  margin-left: 0;
}
.ds-checkbox-group--block > label.ds-checkbox__implicit-label:not(:last-of-type),
.ds-checkbox-group--block > .ds-checkbox__explicit-label:not(:last-of-type) {
  margin-bottom: var(--ds-space-between-base);
}
.ds-checkbox-group--is-block {
  --ds-space-between-base: var(--ds-space-2x);
  margin-top: var(--ds-space-1x);
  margin-bottom: var(--ds-space-1x);
}
.ds-checkbox-group--is-block.ds-checkbox-group--block .ds-checkbox__explicit-label,
.ds-checkbox-group--is-block.ds-checkbox-group--block .ds-checkbox__implicit-label {
  width: 100%;
}
.ds-checkbox-group--is-block.ds-checkbox-group--lg {
  --ds-space-stack-start-input-block: var(--ds-space-stack-start-input-block-large);
  --ds-space-inline-start-input-block: var(--ds-space-inline-start-input-block-large);
  --ds-space-stack-end-input-block: var(--ds-space-stack-end-input-block-large);
  --ds-space-inline-end-input-block: var(--ds-space-inline-end-input-block-large);
}
.ds-checkbox-group--is-block .ds-checkbox__explicit-label,
.ds-checkbox-group--is-block .ds-checkbox__implicit-label {
  border-radius: var(--ds-shape-radius-input-block);
  padding: calc(var(--ds-space-stack-start-input-block) - 1px) calc(var(--ds-space-inline-start-input-block) - 1px) calc(var(--ds-space-stack-end-input-block) - 1px) calc(var(--ds-space-inline-end-input-block) - 1px);
  background-color: var(--ds-color-surface-input-block);
  border: 1px solid var(--ds-color-border-input-block);
  --ds-color-border-input-hover: var(--ds-color-border-input);
}
.ds-checkbox-group--is-block .ds-checkbox__explicit-label input.ds-checkbox,
.ds-checkbox-group--is-block .ds-checkbox__implicit-label input.ds-checkbox {
  pointer-events: none;
}
.ds-checkbox-group--is-block .ds-checkbox__explicit-label.ds-checkbox__explicit-label:not(.ds-checkbox__explicit-label--disabled):hover,
.ds-checkbox-group--is-block .ds-checkbox__explicit-label.ds-checkbox__implicit-label:not(.ds-checkbox__implicit-label--disabled):hover,
.ds-checkbox-group--is-block .ds-checkbox__implicit-label.ds-checkbox__explicit-label:not(.ds-checkbox__explicit-label--disabled):hover,
.ds-checkbox-group--is-block .ds-checkbox__implicit-label.ds-checkbox__implicit-label:not(.ds-checkbox__implicit-label--disabled):hover {
  background-color: var(--ds-color-surface-input-block-hover);
  border: 1px solid var(--ds-color-border-input-block-hover);
  cursor: pointer;
  --ds-color-surface-input-block-active: var(--ds-color-surface-input-block-hover);
  --ds-color-border-input-block-active: var(--ds-color-border-input-block-hover);
}
.ds-checkbox-group--is-block .ds-checkbox__explicit-label.ds-checkbox__explicit-label:not(.ds-checkbox__explicit-label--disabled):focus-visible,
.ds-checkbox-group--is-block .ds-checkbox__explicit-label.ds-checkbox__implicit-label:not(.ds-checkbox__implicit-label--disabled):focus-visible,
.ds-checkbox-group--is-block .ds-checkbox__implicit-label.ds-checkbox__explicit-label:not(.ds-checkbox__explicit-label--disabled):focus-visible,
.ds-checkbox-group--is-block .ds-checkbox__implicit-label.ds-checkbox__implicit-label:not(.ds-checkbox__implicit-label--disabled):focus-visible {
  border: 1px solid var(--ds-color-border-input-block-focus);
  box-shadow: 0 0 0 2px var(--ds-color-outline-input);
  outline: 0;
  --ds-color-border-input-block-active: var(--ds-color-border-input-block-focus);
}
.ds-checkbox-group--is-block .ds-checkbox__explicit-label.ds-checkbox__explicit-label:not(.ds-checkbox__explicit-label--disabled):has(input.ds-checkbox:checked),
.ds-checkbox-group--is-block .ds-checkbox__explicit-label.ds-checkbox__implicit-label:not(.ds-checkbox__implicit-label--disabled):has(input.ds-checkbox:checked),
.ds-checkbox-group--is-block .ds-checkbox__implicit-label.ds-checkbox__explicit-label:not(.ds-checkbox__explicit-label--disabled):has(input.ds-checkbox:checked),
.ds-checkbox-group--is-block .ds-checkbox__implicit-label.ds-checkbox__implicit-label:not(.ds-checkbox__implicit-label--disabled):has(input.ds-checkbox:checked) {
  background-color: var(--ds-color-surface-input-block-active);
  border: 1px solid var(--ds-color-border-input-block-active);
}
.ds-checkbox-group--is-block .ds-checkbox__explicit-label.ds-checkbox__explicit-label:not(.ds-checkbox__explicit-label--disabled) input.ds-checkbox:not(:checked),
.ds-checkbox-group--is-block .ds-checkbox__explicit-label.ds-checkbox__implicit-label:not(.ds-checkbox__implicit-label--disabled) input.ds-checkbox:not(:checked),
.ds-checkbox-group--is-block .ds-checkbox__implicit-label.ds-checkbox__explicit-label:not(.ds-checkbox__explicit-label--disabled) input.ds-checkbox:not(:checked),
.ds-checkbox-group--is-block .ds-checkbox__implicit-label.ds-checkbox__implicit-label:not(.ds-checkbox__implicit-label--disabled) input.ds-checkbox:not(:checked) {
  background-color: var(--ds-color-surface-base);
}
.ds-checkbox-group--is-block .ds-checkbox__explicit-label.ds-checkbox__explicit-label--disabled,
.ds-checkbox-group--is-block .ds-checkbox__explicit-label.ds-checkbox__implicit-label--disabled,
.ds-checkbox-group--is-block .ds-checkbox__implicit-label.ds-checkbox__explicit-label--disabled,
.ds-checkbox-group--is-block .ds-checkbox__implicit-label.ds-checkbox__implicit-label--disabled {
  background-color: var(--ds-color-surface-input-block-disabled);
  border: 1px solid var(--ds-color-border-input-block-disabled);
}
.ds-checkbox-group--is-block .ds-checkbox__explicit-label--readonly,
.ds-checkbox-group--is-block .ds-checkbox__implicit-label--readonly {
  background-color: var(--ds-color-surface-input-block-disabled);
  border: 1px solid var(--ds-color-border-input-block-disabled);
}
.ds-checkbox-group--is-block .ds-checkbox__explicit-label--readonly:has(input.ds-checkbox:checked),
.ds-checkbox-group--is-block .ds-checkbox__implicit-label--readonly:has(input.ds-checkbox:checked) {
  background-color: var(--ds-color-surface-input-block-disabled);
  border: 1px solid var(--ds-color-border-input-block-disabled);
  --ds-color-surface-input-block-active: var(--ds-color-surface-input-block-disabled);
  --ds-color-border-input-block-active: var(--ds-color-border-input-block-disabled);
}
.ds-checkbox-group--is-block .ds-checkbox__explicit-label--readonly.ds-checkbox__explicit-label:not(.ds-checkbox__explicit-label--disabled) input.ds-checkbox:not(:checked),
.ds-checkbox-group--is-block .ds-checkbox__explicit-label--readonly.ds-checkbox__implicit-label:not(.ds-checkbox__implicit-label--disabled) input.ds-checkbox:not(:checked),
.ds-checkbox-group--is-block .ds-checkbox__implicit-label--readonly.ds-checkbox__explicit-label:not(.ds-checkbox__explicit-label--disabled) input.ds-checkbox:not(:checked),
.ds-checkbox-group--is-block .ds-checkbox__implicit-label--readonly.ds-checkbox__implicit-label:not(.ds-checkbox__implicit-label--disabled) input.ds-checkbox:not(:checked) {
  background-color: var(--ds-color-surface-input-readonly);
}
input[type=checkbox].ds-checkbox {
  background-origin: border-box;
  background-color: var(--ds-color-surface-input);
  height: var(--ds-shape-size-x-checkbox);
  width: var(--ds-shape-size-y-checkbox);
  border: 1px solid var(--ds-color-border-input);
  border-radius: var(--ds-shape-radius-input);
  cursor: pointer;
  margin: 1px;
  flex-shrink: 0;
}
input[type=checkbox].ds-checkbox--lg {
  height: var(--ds-shape-size-y-checkbox-large);
  width: var(--ds-shape-size-y-checkbox-large);
}
input[type=checkbox].ds-checkbox:hover {
  background-color: var(--ds-color-surface-input-hover);
  border-color: var(--ds-color-border-input-hover);
}
input[type=checkbox].ds-checkbox:focus {
  box-shadow: 0 0 0 2px var(--ds-color-outline-input);
  border-color: var(--ds-color-border-input-focus);
  background-color: var(--ds-color-surface-input);
  outline: 0;
}
input[type=checkbox].ds-checkbox:focus:hover {
  background-color: var(--ds-color-surface-input-hover);
}
input[type=checkbox].ds-checkbox:checked:not(:disabled):not([readonly]) {
  background-color: var(--ds-color-surface-input-active);
  background-image: var(--ds-icon-checkbox-checked);
  border: none;
}
input[type=checkbox].ds-checkbox:checked:not(:disabled):not([readonly]):hover {
  background-color: var(--ds-color-surface-input-active);
  border: 1px solid var(--ds-color-border-input-active-hover);
}
input[type=checkbox].ds-checkbox:checked:not(:disabled):not([readonly]):focus {
  background-color: var(--ds-color-surface-input-active);
}
input[type=checkbox].ds-checkbox:indeterminate {
  background-color: var(--ds-color-surface-input-active);
  border: none;
}
input[type=checkbox].ds-checkbox:indeterminate:hover {
  background-color: var(--ds-color-surface-input-active);
  border: 1px solid var(--ds-color-border-input-active-hover);
}
input[type=checkbox].ds-checkbox:indeterminate:focus {
  background-color: var(--ds-color-surface-input-active);
}
input[type=checkbox].ds-checkbox:indeterminate:not(:disabled) {
  background-image: var(--ds-icon-checkbox-indeterminate);
}
input[type=checkbox].ds-checkbox:indeterminate[readonly] {
  background-color: var(--ds-color-surface-input-readonly);
  background-image: var(--ds-icon-checkbox-indeterminate-readonly);
  border: none;
}
input[type=checkbox].ds-checkbox:indeterminate:disabled {
  background-color: var(--ds-color-surface-input-disabled);
  background-image: var(--ds-icon-checkbox-indeterminate-disabled);
  border: none;
}
input[type=checkbox].ds-checkbox[readonly] {
  background-color: var(--ds-color-surface-input-readonly);
  border: none;
}
input[type=checkbox].ds-checkbox[readonly]:hover,
input[type=checkbox].ds-checkbox[readonly]:focus {
  background-color: var(--ds-color-surface-input-readonly);
  border: none;
}
input[type=checkbox].ds-checkbox[readonly]:checked {
  background-image: var(--ds-icon-checkbox-checked-readonly);
}
input[type=checkbox].ds-checkbox:disabled {
  background-color: var(--ds-color-surface-input-disabled);
  border: none;
  cursor: not-allowed;
}
input[type=checkbox].ds-checkbox:disabled:hover,
input[type=checkbox].ds-checkbox:disabled:focus {
  background-color: var(--ds-color-surface-input-disabled);
  border: none;
}
input[type=checkbox].ds-checkbox:disabled:checked {
  background-image: var(--ds-icon-checkbox-checked-disabled);
}
.ds-date {
  padding: 0;
}
.cdk-overlay-pane--ds-toast-queue {
  margin: calc(var(--ds-shape-size-y-header) + var(--ds-space-stack-toast-area)) var(--ds-space-inline-toast-area) var(--ds-space-stack-toast-area);
}
@media (max-width: 575.98px) {
  .cdk-overlay-pane--ds-toast-queue {
    width: 100%;
  }
}
.cdk-overlay-pane--ds-loading-area {
  top: 0 !important;
  left: 0 !important;
  width: 100%;
  height: 100%;
}
.ds-loading-area-overlay-container .cdk-overlay-container.in-container {
  position: absolute;
}
.ds-loading-area-overlay-container .cdk-overlay-container.in-container .cdk-overlay-connected-position-bounding-box--ds-loading-area {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.ds-input,
select.ds-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.ds-input:-webkit-autofill,
select.ds-select:-webkit-autofill,
.ds-input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--ds-autofill-text-color);
  caret-color: var(--ds-autofill-text-color);
  transition: background-color 600000s ease-in-out 0s, color 600000s ease-in-out 0s;
}
.ds-input.ds-inputnumber,
select.ds-inputnumber.ds-select {
  -moz-appearance: textfield;
}
.ds-input.ds-inputnumber::-webkit-outer-spin-button,
select.ds-inputnumber.ds-select::-webkit-outer-spin-button,
.ds-input.ds-inputnumber::-webkit-inner-spin-button,
select.ds-inputnumber.ds-select::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
.ds-input:focus-visible,
select.ds-select:focus-visible {
  outline: none;
}
input:not([type])::-webkit-input-placeholder,
input[type=file]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
select.ds-select::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=datetime-local]::-webkit-input-placeholder,
input[type=month]::-webkit-input-placeholder,
input[type=week]::-webkit-input-placeholder,
input[type=time]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
.ds-input.ds-input-wrapper::-webkit-input-placeholder,
.ds-inputnumber.ds-input-wrapper::-webkit-input-placeholder {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  color: var(--ds-color-text-input-placeholder);
  font-size: var(--ds-font-size-input-placeholder);
  font-style: var(--ds-font-style-input-placeholder);
}
input:not([type]):-moz-placeholder,
input[type=file]:-moz-placeholder,
input[type=text]:-moz-placeholder,
select.ds-select:-moz-placeholder,
input[type=date]:-moz-placeholder,
input[type=datetime-local]:-moz-placeholder,
input[type=month]:-moz-placeholder,
input[type=week]:-moz-placeholder,
input[type=time]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=url]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=email]:-moz-placeholder,
textarea:-moz-placeholder,
.ds-input.ds-input-wrapper:-moz-placeholder,
.ds-inputnumber.ds-input-wrapper:-moz-placeholder {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  color: var(--ds-color-text-input-placeholder);
  font-size: var(--ds-font-size-input-placeholder);
  font-style: var(--ds-font-style-input-placeholder);
}
input:not([type])::-moz-placeholder,
input[type=file]::-moz-placeholder,
input[type=text]::-moz-placeholder,
select.ds-select::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=datetime-local]::-moz-placeholder,
input[type=month]::-moz-placeholder,
input[type=week]::-moz-placeholder,
input[type=time]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=email]::-moz-placeholder,
textarea::-moz-placeholder,
.ds-input.ds-input-wrapper::-moz-placeholder,
.ds-inputnumber.ds-input-wrapper::-moz-placeholder {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  color: var(--ds-color-text-input-placeholder);
  font-size: var(--ds-font-size-input-placeholder);
  font-style: var(--ds-font-style-input-placeholder);
}
input:not([type]):-ms-input-placeholder,
input[type=file]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
select.ds-select:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=datetime-local]:-ms-input-placeholder,
input[type=month]:-ms-input-placeholder,
input[type=week]:-ms-input-placeholder,
input[type=time]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
.ds-input.ds-input-wrapper:-ms-input-placeholder,
.ds-inputnumber.ds-input-wrapper:-ms-input-placeholder {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  color: var(--ds-color-text-input-placeholder);
  font-size: var(--ds-font-size-input-placeholder);
  font-style: var(--ds-font-style-input-placeholder);
}
input:not([type]).ds-input,
input[type=file].ds-input,
input[type=text].ds-input,
select.ds-select,
input[type=date].ds-input,
input[type=datetime-local].ds-input,
input[type=month].ds-input,
input[type=week].ds-input,
input[type=time].ds-input,
input[type=search].ds-input,
input[type=url].ds-input,
input[type=tel].ds-input,
input[type=number].ds-input,
input[type=password].ds-input,
input[type=email].ds-input,
textarea.ds-input,
.ds-input.ds-input-wrapper.ds-input,
.ds-inputnumber.ds-input-wrapper.ds-input {
  align-items: center;
  background-color: var(--ds-color-surface-input);
  border: 1px solid var(--ds-color-border-input);
  border-radius: var(--ds-shape-radius-input);
  color: var(--ds-color-text-input-value);
  display: flex;
  font-family: var(--ds-font-family-input);
  font-size: var(--ds-font-size-input-label);
  font-weight: var(--ds-font-weight-input);
  height: var(--ds-shape-size-y-input);
  line-height: var(--ds-font-line-height-input);
  min-width: var(--ds-shape-size-xmin-input);
  padding-bottom: 0;
  padding-left: calc(var(--ds-space-inline-start-input) - 1px);
  padding-right: calc(var(--ds-space-inline-end-input) - 1px);
  padding-top: 0;
  width: 100%;
}
input:not([type]).ds-input--lg,
input[type=file].ds-input--lg,
input[type=text].ds-input--lg,
select.ds-input--lg.ds-select,
input[type=date].ds-input--lg,
input[type=datetime-local].ds-input--lg,
input[type=month].ds-input--lg,
input[type=week].ds-input--lg,
input[type=time].ds-input--lg,
input[type=search].ds-input--lg,
input[type=url].ds-input--lg,
input[type=tel].ds-input--lg,
input[type=number].ds-input--lg,
input[type=password].ds-input--lg,
input[type=email].ds-input--lg,
textarea.ds-input--lg,
.ds-input.ds-input-wrapper.ds-input--lg,
.ds-inputnumber.ds-input-wrapper.ds-input--lg {
  font-size: var(--ds-font-size-input-label-large);
  line-height: var(--ds-font-line-height-input-large);
  height: var(--ds-shape-size-y-input-large);
}
input:not([type]).ds-input--lg::-webkit-input-placeholder,
input[type=file].ds-input--lg::-webkit-input-placeholder,
input[type=text].ds-input--lg::-webkit-input-placeholder,
select.ds-input--lg.ds-select::-webkit-input-placeholder,
input[type=date].ds-input--lg::-webkit-input-placeholder,
input[type=datetime-local].ds-input--lg::-webkit-input-placeholder,
input[type=month].ds-input--lg::-webkit-input-placeholder,
input[type=week].ds-input--lg::-webkit-input-placeholder,
input[type=time].ds-input--lg::-webkit-input-placeholder,
input[type=search].ds-input--lg::-webkit-input-placeholder,
input[type=url].ds-input--lg::-webkit-input-placeholder,
input[type=tel].ds-input--lg::-webkit-input-placeholder,
input[type=number].ds-input--lg::-webkit-input-placeholder,
input[type=password].ds-input--lg::-webkit-input-placeholder,
input[type=email].ds-input--lg::-webkit-input-placeholder,
textarea.ds-input--lg::-webkit-input-placeholder,
.ds-input.ds-input-wrapper.ds-input--lg::-webkit-input-placeholder,
.ds-inputnumber.ds-input-wrapper.ds-input--lg::-webkit-input-placeholder {
  font-size: var(--ds-font-size-input-placeholder-large);
}
input:not([type]).ds-input--lg:-moz-placeholder,
input[type=file].ds-input--lg:-moz-placeholder,
input[type=text].ds-input--lg:-moz-placeholder,
select.ds-input--lg.ds-select:-moz-placeholder,
input[type=date].ds-input--lg:-moz-placeholder,
input[type=datetime-local].ds-input--lg:-moz-placeholder,
input[type=month].ds-input--lg:-moz-placeholder,
input[type=week].ds-input--lg:-moz-placeholder,
input[type=time].ds-input--lg:-moz-placeholder,
input[type=search].ds-input--lg:-moz-placeholder,
input[type=url].ds-input--lg:-moz-placeholder,
input[type=tel].ds-input--lg:-moz-placeholder,
input[type=number].ds-input--lg:-moz-placeholder,
input[type=password].ds-input--lg:-moz-placeholder,
input[type=email].ds-input--lg:-moz-placeholder,
textarea.ds-input--lg:-moz-placeholder,
.ds-input.ds-input-wrapper.ds-input--lg:-moz-placeholder,
.ds-inputnumber.ds-input-wrapper.ds-input--lg:-moz-placeholder {
  font-size: var(--ds-font-size-input-placeholder-large);
}
input:not([type]).ds-input--lg::-moz-placeholder,
input[type=file].ds-input--lg::-moz-placeholder,
input[type=text].ds-input--lg::-moz-placeholder,
select.ds-input--lg.ds-select::-moz-placeholder,
input[type=date].ds-input--lg::-moz-placeholder,
input[type=datetime-local].ds-input--lg::-moz-placeholder,
input[type=month].ds-input--lg::-moz-placeholder,
input[type=week].ds-input--lg::-moz-placeholder,
input[type=time].ds-input--lg::-moz-placeholder,
input[type=search].ds-input--lg::-moz-placeholder,
input[type=url].ds-input--lg::-moz-placeholder,
input[type=tel].ds-input--lg::-moz-placeholder,
input[type=number].ds-input--lg::-moz-placeholder,
input[type=password].ds-input--lg::-moz-placeholder,
input[type=email].ds-input--lg::-moz-placeholder,
textarea.ds-input--lg::-moz-placeholder,
.ds-input.ds-input-wrapper.ds-input--lg::-moz-placeholder,
.ds-inputnumber.ds-input-wrapper.ds-input--lg::-moz-placeholder {
  font-size: var(--ds-font-size-input-placeholder-large);
}
input:not([type]).ds-input--lg:-ms-input-placeholder,
input[type=file].ds-input--lg:-ms-input-placeholder,
input[type=text].ds-input--lg:-ms-input-placeholder,
select.ds-input--lg.ds-select:-ms-input-placeholder,
input[type=date].ds-input--lg:-ms-input-placeholder,
input[type=datetime-local].ds-input--lg:-ms-input-placeholder,
input[type=month].ds-input--lg:-ms-input-placeholder,
input[type=week].ds-input--lg:-ms-input-placeholder,
input[type=time].ds-input--lg:-ms-input-placeholder,
input[type=search].ds-input--lg:-ms-input-placeholder,
input[type=url].ds-input--lg:-ms-input-placeholder,
input[type=tel].ds-input--lg:-ms-input-placeholder,
input[type=number].ds-input--lg:-ms-input-placeholder,
input[type=password].ds-input--lg:-ms-input-placeholder,
input[type=email].ds-input--lg:-ms-input-placeholder,
textarea.ds-input--lg:-ms-input-placeholder,
.ds-input.ds-input-wrapper.ds-input--lg:-ms-input-placeholder,
.ds-inputnumber.ds-input-wrapper.ds-input--lg:-ms-input-placeholder {
  font-size: var(--ds-font-size-input-placeholder-large);
}
input:not([type]).ds-input--lg.ds-input-wrapper,
input[type=file].ds-input--lg.ds-input-wrapper,
input[type=text].ds-input--lg.ds-input-wrapper,
select.ds-input--lg.ds-input-wrapper.ds-select,
input[type=date].ds-input--lg.ds-input-wrapper,
input[type=datetime-local].ds-input--lg.ds-input-wrapper,
input[type=month].ds-input--lg.ds-input-wrapper,
input[type=week].ds-input--lg.ds-input-wrapper,
input[type=time].ds-input--lg.ds-input-wrapper,
input[type=search].ds-input--lg.ds-input-wrapper,
input[type=url].ds-input--lg.ds-input-wrapper,
input[type=tel].ds-input--lg.ds-input-wrapper,
input[type=number].ds-input--lg.ds-input-wrapper,
input[type=password].ds-input--lg.ds-input-wrapper,
input[type=email].ds-input--lg.ds-input-wrapper,
textarea.ds-input--lg.ds-input-wrapper,
.ds-input.ds-input-wrapper.ds-input--lg.ds-input-wrapper,
.ds-inputnumber.ds-input-wrapper.ds-input--lg.ds-input-wrapper {
  --ds-shape-size-y-input: var(--ds-shape-size-y-input-large);
  --ds-font-size-input-label: var(--ds-font-size-input-label-large);
  --ds-font-size-input-placeholder: var(--ds-font-size-input-placeholder-large);
}
input:not([type]).ds-input.ds-input-wrapper,
input[type=file].ds-input.ds-input-wrapper,
input[type=text].ds-input.ds-input-wrapper,
select.ds-input-wrapper.ds-select,
input[type=date].ds-input.ds-input-wrapper,
input[type=datetime-local].ds-input.ds-input-wrapper,
input[type=month].ds-input.ds-input-wrapper,
input[type=week].ds-input.ds-input-wrapper,
input[type=time].ds-input.ds-input-wrapper,
input[type=search].ds-input.ds-input-wrapper,
input[type=url].ds-input.ds-input-wrapper,
input[type=tel].ds-input.ds-input-wrapper,
input[type=number].ds-input.ds-input-wrapper,
input[type=password].ds-input.ds-input-wrapper,
input[type=email].ds-input.ds-input-wrapper,
textarea.ds-input.ds-input-wrapper,
.ds-input.ds-input-wrapper.ds-input.ds-input-wrapper,
.ds-inputnumber.ds-input-wrapper.ds-input.ds-input-wrapper {
  cursor: text;
}
input:not([type]).ds-input.ds-input-wrapper--non-typeable,
input[type=file].ds-input.ds-input-wrapper--non-typeable,
input[type=text].ds-input.ds-input-wrapper--non-typeable,
select.ds-input-wrapper--non-typeable.ds-select,
input[type=date].ds-input.ds-input-wrapper--non-typeable,
input[type=datetime-local].ds-input.ds-input-wrapper--non-typeable,
input[type=month].ds-input.ds-input-wrapper--non-typeable,
input[type=week].ds-input.ds-input-wrapper--non-typeable,
input[type=time].ds-input.ds-input-wrapper--non-typeable,
input[type=search].ds-input.ds-input-wrapper--non-typeable,
input[type=url].ds-input.ds-input-wrapper--non-typeable,
input[type=tel].ds-input.ds-input-wrapper--non-typeable,
input[type=number].ds-input.ds-input-wrapper--non-typeable,
input[type=password].ds-input.ds-input-wrapper--non-typeable,
input[type=email].ds-input.ds-input-wrapper--non-typeable,
textarea.ds-input.ds-input-wrapper--non-typeable,
.ds-input.ds-input-wrapper.ds-input.ds-input-wrapper--non-typeable,
.ds-inputnumber.ds-input-wrapper.ds-input.ds-input-wrapper--non-typeable {
  background-color: var(--ds-color-surface-input-alt);
}
input:not([type]).ds-input.ds-input-wrapper--adaptative-width,
input[type=file].ds-input.ds-input-wrapper--adaptative-width,
input[type=text].ds-input.ds-input-wrapper--adaptative-width,
select.ds-input-wrapper--adaptative-width.ds-select,
input[type=date].ds-input.ds-input-wrapper--adaptative-width,
input[type=datetime-local].ds-input.ds-input-wrapper--adaptative-width,
input[type=month].ds-input.ds-input-wrapper--adaptative-width,
input[type=week].ds-input.ds-input-wrapper--adaptative-width,
input[type=time].ds-input.ds-input-wrapper--adaptative-width,
input[type=search].ds-input.ds-input-wrapper--adaptative-width,
input[type=url].ds-input.ds-input-wrapper--adaptative-width,
input[type=tel].ds-input.ds-input-wrapper--adaptative-width,
input[type=number].ds-input.ds-input-wrapper--adaptative-width,
input[type=password].ds-input.ds-input-wrapper--adaptative-width,
input[type=email].ds-input.ds-input-wrapper--adaptative-width,
textarea.ds-input.ds-input-wrapper--adaptative-width,
.ds-input.ds-input-wrapper.ds-input.ds-input-wrapper--adaptative-width,
.ds-inputnumber.ds-input-wrapper.ds-input.ds-input-wrapper--adaptative-width {
  width: fit-content;
}
input:not([type]).ds-input.ds-input-wrapper .ds-form-field__wrapper,
input[type=file].ds-input.ds-input-wrapper .ds-form-field__wrapper,
input[type=text].ds-input.ds-input-wrapper .ds-form-field__wrapper,
select.ds-input-wrapper.ds-select .ds-form-field__wrapper,
input[type=date].ds-input.ds-input-wrapper .ds-form-field__wrapper,
input[type=datetime-local].ds-input.ds-input-wrapper .ds-form-field__wrapper,
input[type=month].ds-input.ds-input-wrapper .ds-form-field__wrapper,
input[type=week].ds-input.ds-input-wrapper .ds-form-field__wrapper,
input[type=time].ds-input.ds-input-wrapper .ds-form-field__wrapper,
input[type=search].ds-input.ds-input-wrapper .ds-form-field__wrapper,
input[type=url].ds-input.ds-input-wrapper .ds-form-field__wrapper,
input[type=tel].ds-input.ds-input-wrapper .ds-form-field__wrapper,
input[type=number].ds-input.ds-input-wrapper .ds-form-field__wrapper,
input[type=password].ds-input.ds-input-wrapper .ds-form-field__wrapper,
input[type=email].ds-input.ds-input-wrapper .ds-form-field__wrapper,
textarea.ds-input.ds-input-wrapper .ds-form-field__wrapper,
.ds-input.ds-input-wrapper.ds-input.ds-input-wrapper .ds-form-field__wrapper,
.ds-inputnumber.ds-input-wrapper.ds-input.ds-input-wrapper .ds-form-field__wrapper {
  height: 100%;
}
input:not([type]).ds-input.ds-input-wrapper > .ds-input,
select.ds-select:not([type]).ds-input.ds-input-wrapper > .ds-input,
select.ds-select:not([type]).ds-input-wrapper > .ds-input,
input:not([type]).ds-input.ds-input-wrapper > select.ds-select,
select.ds-select:not([type]).ds-input.ds-input-wrapper > select.ds-select,
select.ds-select:not([type]).ds-input-wrapper > select.ds-select,
input:not([type]).ds-input.ds-input-wrapper .ds-input-wrapper.ds-input,
select.ds-select:not([type]).ds-input-wrapper .ds-input-wrapper.ds-input,
input:not([type]).ds-input.ds-input-wrapper select.ds-input-wrapper.ds-select,
select.ds-select:not([type]).ds-input-wrapper select.ds-input-wrapper.ds-select,
input[type=file].ds-input.ds-input-wrapper > .ds-input,
select[type=file].ds-input.ds-input-wrapper.ds-select > .ds-input,
select[type=file].ds-input-wrapper.ds-select > .ds-input,
input[type=file].ds-input.ds-input-wrapper > select.ds-select,
select[type=file].ds-input.ds-input-wrapper.ds-select > select.ds-select,
select[type=file].ds-input-wrapper.ds-select > select.ds-select,
input[type=file].ds-input.ds-input-wrapper .ds-input-wrapper.ds-input,
select[type=file].ds-input-wrapper.ds-select .ds-input-wrapper.ds-input,
input[type=file].ds-input.ds-input-wrapper select.ds-input-wrapper.ds-select,
select[type=file].ds-input-wrapper.ds-select select.ds-input-wrapper.ds-select,
input[type=text].ds-input.ds-input-wrapper > .ds-input,
select[type=text].ds-input.ds-input-wrapper.ds-select > .ds-input,
select.ds-input.ds-input-wrapper.ds-select > .ds-input,
select[type=text].ds-input-wrapper.ds-select > .ds-input,
select.ds-input-wrapper.ds-select > .ds-input,
input[type=text].ds-input.ds-input-wrapper > select.ds-select,
select[type=text].ds-input.ds-input-wrapper.ds-select > select.ds-select,
select.ds-input.ds-input-wrapper.ds-select > select.ds-select,
select[type=text].ds-input-wrapper.ds-select > select.ds-select,
select.ds-input-wrapper.ds-select > select.ds-select,
input[type=text].ds-input.ds-input-wrapper .ds-input-wrapper.ds-input,
select.ds-input-wrapper.ds-select .ds-input-wrapper.ds-input,
input[type=text].ds-input.ds-input-wrapper select.ds-input-wrapper.ds-select,
select.ds-input-wrapper.ds-select select.ds-input-wrapper.ds-select,
input[type=date].ds-input.ds-input-wrapper > .ds-input,
select[type=date].ds-input.ds-input-wrapper.ds-select > .ds-input,
select[type=date].ds-input-wrapper.ds-select > .ds-input,
input[type=date].ds-input.ds-input-wrapper > select.ds-select,
select[type=date].ds-input.ds-input-wrapper.ds-select > select.ds-select,
select[type=date].ds-input-wrapper.ds-select > select.ds-select,
input[type=date].ds-input.ds-input-wrapper .ds-input-wrapper.ds-input,
select[type=date].ds-input-wrapper.ds-select .ds-input-wrapper.ds-input,
input[type=date].ds-input.ds-input-wrapper select.ds-input-wrapper.ds-select,
select[type=date].ds-input-wrapper.ds-select select.ds-input-wrapper.ds-select,
input[type=datetime-local].ds-input.ds-input-wrapper > .ds-input,
select[type=datetime-local].ds-input.ds-input-wrapper.ds-select > .ds-input,
select[type=datetime-local].ds-input-wrapper.ds-select > .ds-input,
input[type=datetime-local].ds-input.ds-input-wrapper > select.ds-select,
select[type=datetime-local].ds-input.ds-input-wrapper.ds-select > select.ds-select,
select[type=datetime-local].ds-input-wrapper.ds-select > select.ds-select,
input[type=datetime-local].ds-input.ds-input-wrapper .ds-input-wrapper.ds-input,
select[type=datetime-local].ds-input-wrapper.ds-select .ds-input-wrapper.ds-input,
input[type=datetime-local].ds-input.ds-input-wrapper select.ds-input-wrapper.ds-select,
select[type=datetime-local].ds-input-wrapper.ds-select select.ds-input-wrapper.ds-select,
input[type=month].ds-input.ds-input-wrapper > .ds-input,
select[type=month].ds-input.ds-input-wrapper.ds-select > .ds-input,
select[type=month].ds-input-wrapper.ds-select > .ds-input,
input[type=month].ds-input.ds-input-wrapper > select.ds-select,
select[type=month].ds-input.ds-input-wrapper.ds-select > select.ds-select,
select[type=month].ds-input-wrapper.ds-select > select.ds-select,
input[type=month].ds-input.ds-input-wrapper .ds-input-wrapper.ds-input,
select[type=month].ds-input-wrapper.ds-select .ds-input-wrapper.ds-input,
input[type=month].ds-input.ds-input-wrapper select.ds-input-wrapper.ds-select,
select[type=month].ds-input-wrapper.ds-select select.ds-input-wrapper.ds-select,
input[type=week].ds-input.ds-input-wrapper > .ds-input,
select[type=week].ds-input.ds-input-wrapper.ds-select > .ds-input,
select[type=week].ds-input-wrapper.ds-select > .ds-input,
input[type=week].ds-input.ds-input-wrapper > select.ds-select,
select[type=week].ds-input.ds-input-wrapper.ds-select > select.ds-select,
select[type=week].ds-input-wrapper.ds-select > select.ds-select,
input[type=week].ds-input.ds-input-wrapper .ds-input-wrapper.ds-input,
select[type=week].ds-input-wrapper.ds-select .ds-input-wrapper.ds-input,
input[type=week].ds-input.ds-input-wrapper select.ds-input-wrapper.ds-select,
select[type=week].ds-input-wrapper.ds-select select.ds-input-wrapper.ds-select,
input[type=time].ds-input.ds-input-wrapper > .ds-input,
select[type=time].ds-input.ds-input-wrapper.ds-select > .ds-input,
select[type=time].ds-input-wrapper.ds-select > .ds-input,
input[type=time].ds-input.ds-input-wrapper > select.ds-select,
select[type=time].ds-input.ds-input-wrapper.ds-select > select.ds-select,
select[type=time].ds-input-wrapper.ds-select > select.ds-select,
input[type=time].ds-input.ds-input-wrapper .ds-input-wrapper.ds-input,
select[type=time].ds-input-wrapper.ds-select .ds-input-wrapper.ds-input,
input[type=time].ds-input.ds-input-wrapper select.ds-input-wrapper.ds-select,
select[type=time].ds-input-wrapper.ds-select select.ds-input-wrapper.ds-select,
input[type=search].ds-input.ds-input-wrapper > .ds-input,
select[type=search].ds-input.ds-input-wrapper.ds-select > .ds-input,
select[type=search].ds-input-wrapper.ds-select > .ds-input,
input[type=search].ds-input.ds-input-wrapper > select.ds-select,
select[type=search].ds-input.ds-input-wrapper.ds-select > select.ds-select,
select[type=search].ds-input-wrapper.ds-select > select.ds-select,
input[type=search].ds-input.ds-input-wrapper .ds-input-wrapper.ds-input,
select[type=search].ds-input-wrapper.ds-select .ds-input-wrapper.ds-input,
input[type=search].ds-input.ds-input-wrapper select.ds-input-wrapper.ds-select,
select[type=search].ds-input-wrapper.ds-select select.ds-input-wrapper.ds-select,
input[type=url].ds-input.ds-input-wrapper > .ds-input,
select[type=url].ds-input.ds-input-wrapper.ds-select > .ds-input,
select[type=url].ds-input-wrapper.ds-select > .ds-input,
input[type=url].ds-input.ds-input-wrapper > select.ds-select,
select[type=url].ds-input.ds-input-wrapper.ds-select > select.ds-select,
select[type=url].ds-input-wrapper.ds-select > select.ds-select,
input[type=url].ds-input.ds-input-wrapper .ds-input-wrapper.ds-input,
select[type=url].ds-input-wrapper.ds-select .ds-input-wrapper.ds-input,
input[type=url].ds-input.ds-input-wrapper select.ds-input-wrapper.ds-select,
select[type=url].ds-input-wrapper.ds-select select.ds-input-wrapper.ds-select,
input[type=tel].ds-input.ds-input-wrapper > .ds-input,
select[type=tel].ds-input.ds-input-wrapper.ds-select > .ds-input,
select[type=tel].ds-input-wrapper.ds-select > .ds-input,
input[type=tel].ds-input.ds-input-wrapper > select.ds-select,
select[type=tel].ds-input.ds-input-wrapper.ds-select > select.ds-select,
select[type=tel].ds-input-wrapper.ds-select > select.ds-select,
input[type=tel].ds-input.ds-input-wrapper .ds-input-wrapper.ds-input,
select[type=tel].ds-input-wrapper.ds-select .ds-input-wrapper.ds-input,
input[type=tel].ds-input.ds-input-wrapper select.ds-input-wrapper.ds-select,
select[type=tel].ds-input-wrapper.ds-select select.ds-input-wrapper.ds-select,
input[type=number].ds-input.ds-input-wrapper > .ds-input,
select[type=number].ds-input.ds-input-wrapper.ds-select > .ds-input,
select[type=number].ds-input-wrapper.ds-select > .ds-input,
input[type=number].ds-input.ds-input-wrapper > select.ds-select,
select[type=number].ds-input.ds-input-wrapper.ds-select > select.ds-select,
select[type=number].ds-input-wrapper.ds-select > select.ds-select,
input[type=number].ds-input.ds-input-wrapper .ds-input-wrapper.ds-input,
select[type=number].ds-input-wrapper.ds-select .ds-input-wrapper.ds-input,
input[type=number].ds-input.ds-input-wrapper select.ds-input-wrapper.ds-select,
select[type=number].ds-input-wrapper.ds-select select.ds-input-wrapper.ds-select,
input[type=password].ds-input.ds-input-wrapper > .ds-input,
select[type=password].ds-input.ds-input-wrapper.ds-select > .ds-input,
select[type=password].ds-input-wrapper.ds-select > .ds-input,
input[type=password].ds-input.ds-input-wrapper > select.ds-select,
select[type=password].ds-input.ds-input-wrapper.ds-select > select.ds-select,
select[type=password].ds-input-wrapper.ds-select > select.ds-select,
input[type=password].ds-input.ds-input-wrapper .ds-input-wrapper.ds-input,
select[type=password].ds-input-wrapper.ds-select .ds-input-wrapper.ds-input,
input[type=password].ds-input.ds-input-wrapper select.ds-input-wrapper.ds-select,
select[type=password].ds-input-wrapper.ds-select select.ds-input-wrapper.ds-select,
input[type=email].ds-input.ds-input-wrapper > .ds-input,
select[type=email].ds-input.ds-input-wrapper.ds-select > .ds-input,
select[type=email].ds-input-wrapper.ds-select > .ds-input,
input[type=email].ds-input.ds-input-wrapper > select.ds-select,
select[type=email].ds-input.ds-input-wrapper.ds-select > select.ds-select,
select[type=email].ds-input-wrapper.ds-select > select.ds-select,
input[type=email].ds-input.ds-input-wrapper .ds-input-wrapper.ds-input,
select[type=email].ds-input-wrapper.ds-select .ds-input-wrapper.ds-input,
input[type=email].ds-input.ds-input-wrapper select.ds-input-wrapper.ds-select,
select[type=email].ds-input-wrapper.ds-select select.ds-input-wrapper.ds-select,
textarea.ds-input.ds-input-wrapper > .ds-input,
textarea.ds-input.ds-input-wrapper > select.ds-select,
textarea.ds-input.ds-input-wrapper .ds-input-wrapper.ds-input,
textarea.ds-input.ds-input-wrapper select.ds-input-wrapper.ds-select,
.ds-input.ds-input-wrapper.ds-input.ds-input-wrapper > .ds-input,
select.ds-input-wrapper.ds-input.ds-input-wrapper.ds-select > .ds-input,
select.ds-input.ds-input-wrapper.ds-input-wrapper.ds-select > .ds-input,
select.ds-input-wrapper.ds-input-wrapper.ds-select > .ds-input,
.ds-input.ds-input-wrapper.ds-input.ds-input-wrapper > select.ds-select,
select.ds-input-wrapper.ds-input.ds-input-wrapper.ds-select > select.ds-select,
select.ds-input.ds-input-wrapper.ds-input-wrapper.ds-select > select.ds-select,
select.ds-input-wrapper.ds-input-wrapper.ds-select > select.ds-select,
.ds-input.ds-input-wrapper.ds-input.ds-input-wrapper .ds-input-wrapper.ds-input,
select.ds-input-wrapper.ds-input-wrapper.ds-select .ds-input-wrapper.ds-input,
.ds-input.ds-input-wrapper.ds-input.ds-input-wrapper select.ds-input-wrapper.ds-select,
select.ds-input-wrapper.ds-input-wrapper.ds-select select.ds-input-wrapper.ds-select,
.ds-inputnumber.ds-input-wrapper.ds-input.ds-input-wrapper > .ds-input,
select.ds-inputnumber.ds-input-wrapper.ds-input-wrapper.ds-select > .ds-input,
.ds-inputnumber.ds-input-wrapper.ds-input.ds-input-wrapper > select.ds-select,
select.ds-inputnumber.ds-input-wrapper.ds-input-wrapper.ds-select > select.ds-select,
.ds-inputnumber.ds-input-wrapper.ds-input.ds-input-wrapper .ds-input-wrapper.ds-input,
select.ds-inputnumber.ds-input-wrapper.ds-input-wrapper.ds-select .ds-input-wrapper.ds-input,
.ds-inputnumber.ds-input-wrapper.ds-input.ds-input-wrapper select.ds-input-wrapper.ds-select,
select.ds-inputnumber.ds-input-wrapper.ds-input-wrapper.ds-select select.ds-input-wrapper.ds-select {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
input:not([type]).ds-input.ds-inputnumber,
input[type=file].ds-input.ds-inputnumber,
input[type=text].ds-input.ds-inputnumber,
select.ds-inputnumber.ds-select,
input[type=date].ds-input.ds-inputnumber,
input[type=datetime-local].ds-input.ds-inputnumber,
input[type=month].ds-input.ds-inputnumber,
input[type=week].ds-input.ds-inputnumber,
input[type=time].ds-input.ds-inputnumber,
input[type=search].ds-input.ds-inputnumber,
input[type=url].ds-input.ds-inputnumber,
input[type=tel].ds-input.ds-inputnumber,
input[type=number].ds-input.ds-inputnumber,
input[type=password].ds-input.ds-inputnumber,
input[type=email].ds-input.ds-inputnumber,
textarea.ds-input.ds-inputnumber,
.ds-input.ds-input-wrapper.ds-input.ds-inputnumber,
.ds-inputnumber.ds-input-wrapper.ds-input.ds-inputnumber {
  min-width: 0;
  text-align: center;
}
input:not([type]).ds-input:hover:not(.ds-input-wrapper--supress-hover),
input[type=file].ds-input:hover:not(.ds-input-wrapper--supress-hover),
input[type=text].ds-input:hover:not(.ds-input-wrapper--supress-hover),
select.ds-select:hover:not(.ds-input-wrapper--supress-hover),
input[type=date].ds-input:hover:not(.ds-input-wrapper--supress-hover),
input[type=datetime-local].ds-input:hover:not(.ds-input-wrapper--supress-hover),
input[type=month].ds-input:hover:not(.ds-input-wrapper--supress-hover),
input[type=week].ds-input:hover:not(.ds-input-wrapper--supress-hover),
input[type=time].ds-input:hover:not(.ds-input-wrapper--supress-hover),
input[type=search].ds-input:hover:not(.ds-input-wrapper--supress-hover),
input[type=url].ds-input:hover:not(.ds-input-wrapper--supress-hover),
input[type=tel].ds-input:hover:not(.ds-input-wrapper--supress-hover),
input[type=number].ds-input:hover:not(.ds-input-wrapper--supress-hover),
input[type=password].ds-input:hover:not(.ds-input-wrapper--supress-hover),
input[type=email].ds-input:hover:not(.ds-input-wrapper--supress-hover),
textarea.ds-input:hover:not(.ds-input-wrapper--supress-hover),
.ds-input.ds-input-wrapper.ds-input:hover:not(.ds-input-wrapper--supress-hover),
.ds-inputnumber.ds-input-wrapper.ds-input:hover:not(.ds-input-wrapper--supress-hover) {
  background-color: var(--ds-color-surface-input-hover);
  border: 1px solid var(--ds-color-border-input-hover);
  outline: 0;
}
input:not([type]).ds-input:focus,
input[type=file].ds-input:focus,
input[type=text].ds-input:focus,
select.ds-select:focus,
input[type=date].ds-input:focus,
input[type=datetime-local].ds-input:focus,
input[type=month].ds-input:focus,
input[type=week].ds-input:focus,
input[type=time].ds-input:focus,
input[type=search].ds-input:focus,
input[type=url].ds-input:focus,
input[type=tel].ds-input:focus,
input[type=number].ds-input:focus,
input[type=password].ds-input:focus,
input[type=email].ds-input:focus,
textarea.ds-input:focus,
.ds-input.ds-input-wrapper.ds-input:focus,
.ds-inputnumber.ds-input-wrapper.ds-input:focus {
  border: 1px solid var(--ds-color-border-input-focus);
  box-shadow: 0 0 0 2px var(--ds-color-outline-input);
  outline: 0;
}
input:not([type]).ds-input:focus:not(.ds-input-wrapper--non-typeable),
input[type=file].ds-input:focus:not(.ds-input-wrapper--non-typeable),
input[type=text].ds-input:focus:not(.ds-input-wrapper--non-typeable),
select.ds-select:focus:not(.ds-input-wrapper--non-typeable),
input[type=date].ds-input:focus:not(.ds-input-wrapper--non-typeable),
input[type=datetime-local].ds-input:focus:not(.ds-input-wrapper--non-typeable),
input[type=month].ds-input:focus:not(.ds-input-wrapper--non-typeable),
input[type=week].ds-input:focus:not(.ds-input-wrapper--non-typeable),
input[type=time].ds-input:focus:not(.ds-input-wrapper--non-typeable),
input[type=search].ds-input:focus:not(.ds-input-wrapper--non-typeable),
input[type=url].ds-input:focus:not(.ds-input-wrapper--non-typeable),
input[type=tel].ds-input:focus:not(.ds-input-wrapper--non-typeable),
input[type=number].ds-input:focus:not(.ds-input-wrapper--non-typeable),
input[type=password].ds-input:focus:not(.ds-input-wrapper--non-typeable),
input[type=email].ds-input:focus:not(.ds-input-wrapper--non-typeable),
textarea.ds-input:focus:not(.ds-input-wrapper--non-typeable),
.ds-input.ds-input-wrapper.ds-input:focus:not(.ds-input-wrapper--non-typeable),
.ds-inputnumber.ds-input-wrapper.ds-input:focus:not(.ds-input-wrapper--non-typeable) {
  background-color: var(--ds-color-surface-input);
}
input:not([type]).ds-input:disabled:disabled,
input:not([type]).ds-input[disabled][disabled],
input[type=file].ds-input:disabled:disabled,
input[type=file].ds-input[disabled][disabled],
input[type=text].ds-input:disabled:disabled,
select.ds-select:disabled:disabled,
input[type=text].ds-input[disabled][disabled],
select[disabled][disabled].ds-select,
input[type=date].ds-input:disabled:disabled,
input[type=date].ds-input[disabled][disabled],
input[type=datetime-local].ds-input:disabled:disabled,
input[type=datetime-local].ds-input[disabled][disabled],
input[type=month].ds-input:disabled:disabled,
input[type=month].ds-input[disabled][disabled],
input[type=week].ds-input:disabled:disabled,
input[type=week].ds-input[disabled][disabled],
input[type=time].ds-input:disabled:disabled,
input[type=time].ds-input[disabled][disabled],
input[type=search].ds-input:disabled:disabled,
input[type=search].ds-input[disabled][disabled],
input[type=url].ds-input:disabled:disabled,
input[type=url].ds-input[disabled][disabled],
input[type=tel].ds-input:disabled:disabled,
input[type=tel].ds-input[disabled][disabled],
input[type=number].ds-input:disabled:disabled,
input[type=number].ds-input[disabled][disabled],
input[type=password].ds-input:disabled:disabled,
input[type=password].ds-input[disabled][disabled],
input[type=email].ds-input:disabled:disabled,
input[type=email].ds-input[disabled][disabled],
textarea.ds-input:disabled:disabled,
textarea.ds-input[disabled][disabled],
.ds-input.ds-input-wrapper.ds-input:disabled:disabled,
.ds-input.ds-input-wrapper.ds-input[disabled][disabled],
.ds-inputnumber.ds-input-wrapper.ds-input:disabled:disabled,
.ds-inputnumber.ds-input-wrapper.ds-input[disabled][disabled] {
  background-color: var(--ds-color-surface-input-disabled);
  border-color: var(--ds-color-border-input-disabled);
  color: var(--ds-color-text-input-disabled);
  cursor: not-allowed;
}
input:not([type]).ds-input:disabled:disabled:hover,
input:not([type]).ds-input[disabled][disabled]:hover,
input[type=file].ds-input:disabled:disabled:hover,
input[type=file].ds-input[disabled][disabled]:hover,
input[type=text].ds-input:disabled:disabled:hover,
select.ds-select:disabled:disabled:hover,
input[type=text].ds-input[disabled][disabled]:hover,
select[disabled][disabled].ds-select:hover,
input[type=date].ds-input:disabled:disabled:hover,
input[type=date].ds-input[disabled][disabled]:hover,
input[type=datetime-local].ds-input:disabled:disabled:hover,
input[type=datetime-local].ds-input[disabled][disabled]:hover,
input[type=month].ds-input:disabled:disabled:hover,
input[type=month].ds-input[disabled][disabled]:hover,
input[type=week].ds-input:disabled:disabled:hover,
input[type=week].ds-input[disabled][disabled]:hover,
input[type=time].ds-input:disabled:disabled:hover,
input[type=time].ds-input[disabled][disabled]:hover,
input[type=search].ds-input:disabled:disabled:hover,
input[type=search].ds-input[disabled][disabled]:hover,
input[type=url].ds-input:disabled:disabled:hover,
input[type=url].ds-input[disabled][disabled]:hover,
input[type=tel].ds-input:disabled:disabled:hover,
input[type=tel].ds-input[disabled][disabled]:hover,
input[type=number].ds-input:disabled:disabled:hover,
input[type=number].ds-input[disabled][disabled]:hover,
input[type=password].ds-input:disabled:disabled:hover,
input[type=password].ds-input[disabled][disabled]:hover,
input[type=email].ds-input:disabled:disabled:hover,
input[type=email].ds-input[disabled][disabled]:hover,
textarea.ds-input:disabled:disabled:hover,
textarea.ds-input[disabled][disabled]:hover,
.ds-input.ds-input-wrapper.ds-input:disabled:disabled:hover,
.ds-input.ds-input-wrapper.ds-input[disabled][disabled]:hover,
.ds-inputnumber.ds-input-wrapper.ds-input:disabled:disabled:hover,
.ds-inputnumber.ds-input-wrapper.ds-input[disabled][disabled]:hover {
  background-color: var(--ds-color-surface-input-disabled);
  border-color: var(--ds-color-border-input-disabled);
}
input:not([type]).ds-input[readonly][readonly],
input[type=file].ds-input[readonly][readonly],
input[type=text].ds-input[readonly][readonly],
select[readonly][readonly].ds-select,
input[type=date].ds-input[readonly][readonly],
input[type=datetime-local].ds-input[readonly][readonly],
input[type=month].ds-input[readonly][readonly],
input[type=week].ds-input[readonly][readonly],
input[type=time].ds-input[readonly][readonly],
input[type=search].ds-input[readonly][readonly],
input[type=url].ds-input[readonly][readonly],
input[type=tel].ds-input[readonly][readonly],
input[type=number].ds-input[readonly][readonly],
input[type=password].ds-input[readonly][readonly],
input[type=email].ds-input[readonly][readonly],
textarea.ds-input[readonly][readonly],
.ds-input.ds-input-wrapper.ds-input[readonly][readonly],
.ds-inputnumber.ds-input-wrapper.ds-input[readonly][readonly] {
  background-color: var(--ds-color-surface-input-readonly);
  border-color: var(--ds-color-border-input-readonly);
  color: var(--ds-color-text-input-readonly);
}
input:not([type]).ds-input[readonly][readonly]:hover,
input[type=file].ds-input[readonly][readonly]:hover,
input[type=text].ds-input[readonly][readonly]:hover,
select[readonly][readonly].ds-select:hover,
input[type=date].ds-input[readonly][readonly]:hover,
input[type=datetime-local].ds-input[readonly][readonly]:hover,
input[type=month].ds-input[readonly][readonly]:hover,
input[type=week].ds-input[readonly][readonly]:hover,
input[type=time].ds-input[readonly][readonly]:hover,
input[type=search].ds-input[readonly][readonly]:hover,
input[type=url].ds-input[readonly][readonly]:hover,
input[type=tel].ds-input[readonly][readonly]:hover,
input[type=number].ds-input[readonly][readonly]:hover,
input[type=password].ds-input[readonly][readonly]:hover,
input[type=email].ds-input[readonly][readonly]:hover,
textarea.ds-input[readonly][readonly]:hover,
.ds-input.ds-input-wrapper.ds-input[readonly][readonly]:hover,
.ds-inputnumber.ds-input-wrapper.ds-input[readonly][readonly]:hover {
  background-color: var(--ds-color-surface-input-readonly);
  border-color: var(--ds-color-border-input-readonly);
}
input:not([type]).ds-input[readonly][readonly]:focus-visible,
input[type=file].ds-input[readonly][readonly]:focus-visible,
input[type=text].ds-input[readonly][readonly]:focus-visible,
select[readonly][readonly].ds-select:focus-visible,
input[type=date].ds-input[readonly][readonly]:focus-visible,
input[type=datetime-local].ds-input[readonly][readonly]:focus-visible,
input[type=month].ds-input[readonly][readonly]:focus-visible,
input[type=week].ds-input[readonly][readonly]:focus-visible,
input[type=time].ds-input[readonly][readonly]:focus-visible,
input[type=search].ds-input[readonly][readonly]:focus-visible,
input[type=url].ds-input[readonly][readonly]:focus-visible,
input[type=tel].ds-input[readonly][readonly]:focus-visible,
input[type=number].ds-input[readonly][readonly]:focus-visible,
input[type=password].ds-input[readonly][readonly]:focus-visible,
input[type=email].ds-input[readonly][readonly]:focus-visible,
textarea.ds-input[readonly][readonly]:focus-visible,
.ds-input.ds-input-wrapper.ds-input[readonly][readonly]:focus-visible,
.ds-inputnumber.ds-input-wrapper.ds-input[readonly][readonly]:focus-visible {
  background-color: var(--ds-color-surface-input-readonly);
  border-color: var(--ds-color-border-input-readonly);
}
input:not([type]).ds-input--invalid,
input[type=file].ds-input--invalid,
input[type=text].ds-input--invalid,
select.ds-input--invalid.ds-select,
input[type=date].ds-input--invalid,
input[type=datetime-local].ds-input--invalid,
input[type=month].ds-input--invalid,
input[type=week].ds-input--invalid,
input[type=time].ds-input--invalid,
input[type=search].ds-input--invalid,
input[type=url].ds-input--invalid,
input[type=tel].ds-input--invalid,
input[type=number].ds-input--invalid,
input[type=password].ds-input--invalid,
input[type=email].ds-input--invalid,
textarea.ds-input--invalid,
.ds-input.ds-input-wrapper.ds-input--invalid,
.ds-inputnumber.ds-input-wrapper.ds-input--invalid {
  background-color: var(--ds-color-surface-input-error);
  border-color: var(--ds-color-border-input-error);
  color: var(--ds-color-text-input-error);
}
input:not([type]).ds-input--invalid:hover,
input[type=file].ds-input--invalid:hover,
input[type=text].ds-input--invalid:hover,
select.ds-input--invalid.ds-select:hover,
input[type=date].ds-input--invalid:hover,
input[type=datetime-local].ds-input--invalid:hover,
input[type=month].ds-input--invalid:hover,
input[type=week].ds-input--invalid:hover,
input[type=time].ds-input--invalid:hover,
input[type=search].ds-input--invalid:hover,
input[type=url].ds-input--invalid:hover,
input[type=tel].ds-input--invalid:hover,
input[type=number].ds-input--invalid:hover,
input[type=password].ds-input--invalid:hover,
input[type=email].ds-input--invalid:hover,
textarea.ds-input--invalid:hover,
.ds-input.ds-input-wrapper.ds-input--invalid:hover,
.ds-inputnumber.ds-input-wrapper.ds-input--invalid:hover {
  background-color: var(--ds-color-surface-input-error);
  border-color: var(--ds-color-border-input-error);
}
input:not([type]).ds-input--invalid:focus,
input[type=file].ds-input--invalid:focus,
input[type=text].ds-input--invalid:focus,
select.ds-input--invalid.ds-select:focus,
input[type=date].ds-input--invalid:focus,
input[type=datetime-local].ds-input--invalid:focus,
input[type=month].ds-input--invalid:focus,
input[type=week].ds-input--invalid:focus,
input[type=time].ds-input--invalid:focus,
input[type=search].ds-input--invalid:focus,
input[type=url].ds-input--invalid:focus,
input[type=tel].ds-input--invalid:focus,
input[type=number].ds-input--invalid:focus,
input[type=password].ds-input--invalid:focus,
input[type=email].ds-input--invalid:focus,
textarea.ds-input--invalid:focus,
.ds-input.ds-input-wrapper.ds-input--invalid:focus,
.ds-inputnumber.ds-input-wrapper.ds-input--invalid:focus {
  background-color: var(--ds-color-surface-input-error);
  border-color: var(--ds-color-border-input-error);
  box-shadow: 0 0 0 2px var(--ds-color-outline-input-error);
}
input:not([type]).ds-input--invalid:disabled,
input[type=file].ds-input--invalid:disabled,
input[type=text].ds-input--invalid:disabled,
select.ds-input--invalid.ds-select:disabled,
input[type=date].ds-input--invalid:disabled,
input[type=datetime-local].ds-input--invalid:disabled,
input[type=month].ds-input--invalid:disabled,
input[type=week].ds-input--invalid:disabled,
input[type=time].ds-input--invalid:disabled,
input[type=search].ds-input--invalid:disabled,
input[type=url].ds-input--invalid:disabled,
input[type=tel].ds-input--invalid:disabled,
input[type=number].ds-input--invalid:disabled,
input[type=password].ds-input--invalid:disabled,
input[type=email].ds-input--invalid:disabled,
textarea.ds-input--invalid:disabled,
.ds-input.ds-input-wrapper.ds-input--invalid:disabled,
.ds-inputnumber.ds-input-wrapper.ds-input--invalid:disabled {
  background-color: var(--ds-color-surface-input-disabled);
  border-color: var(--ds-color-border-input-disabled);
}
:not(.ds-input-wrapper) > input[type=number].ds-inputnumber,
:not(.ds-input-wrapper) > select[type=number].ds-inputnumber.ds-select {
  min-width: 0;
  padding: var(--ds-space-0x) var(--ds-space-1x) var(--ds-space-0x) var(--ds-space-2x);
  text-align: left;
}
:not(.ds-input-wrapper) > input[type=number].ds-inputnumber::-webkit-outer-spin-button,
:not(.ds-input-wrapper) > select[type=number].ds-inputnumber.ds-select::-webkit-outer-spin-button,
:not(.ds-input-wrapper) > input[type=number].ds-inputnumber::-webkit-inner-spin-button,
:not(.ds-input-wrapper) > select[type=number].ds-inputnumber.ds-select::-webkit-inner-spin-button {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  height: 24px;
}
:not(.ds-input-wrapper) > input[type=number].ds-inputnumber.ds-input--invalid:hover,
:not(.ds-input-wrapper) > select[type=number].ds-inputnumber.ds-input--invalid.ds-select:hover {
  background-color: var(--ds-color-surface-input-error);
  border-color: var(--ds-color-border-input-error);
  color: var(--ds-color-text-input-error);
}
input[type=file].ds-input,
select[type=file].ds-input.ds-select,
select[type=file].ds-select {
  padding: var(--ds-space-0x) var(--ds-space-1x);
  display: inline-block;
  align-content: center;
  cursor: pointer;
}
input[type=file].ds-input:not(.ds-input--invalid):not(:disabled):not(:hover),
select[type=file].ds-select:not(.ds-input--invalid):not(:disabled):not(:hover) {
  background-color: var(--ds--color-surface-input-alt);
}
input[type=file].ds-input:hover::file-selector-button,
select[type=file].ds-select:hover::file-selector-button,
input[type=file].ds-input:focus-visible::file-selector-button,
select[type=file].ds-select:focus-visible::file-selector-button {
  background-color: var(--ds-color-surface-button-ghost);
  border-color: var(--ds-color-border-button-ghost);
  color: var(--ds-color-typography-button-ghost);
  padding: 0 var(--ds-space-inline-end-button-ghost) 0 var(--ds-space-inline-start-button-ghost);
  margin-right: var(--ds-space-3x);
  vertical-align: unset;
}
input[type=file].ds-input:focus:not(.ds-input-wrapper--non-typeable):not(.ds-input--invalid),
select[type=file].ds-select:focus:not(.ds-input-wrapper--non-typeable):not(.ds-input--invalid) {
  background-color: var(--ds-color-surface-input-alt);
}
input[type=file].ds-input:focus:not(.ds-input-wrapper--non-typeable):is(.ds-input--invalid),
select[type=file].ds-select:focus:not(.ds-input-wrapper--non-typeable):is(.ds-input--invalid) {
  background-color: var(--ds-color-surface-input-error);
}
input[type=file].ds-input--md,
select[type=file].ds-input--md.ds-select {
  font-family: var(--ds-font-family-input);
  font-size: var(--ds-font-size-input-label);
  font-weight: var(--ds-font-weight-input);
  line-height: var(--ds-font-line-height-input);
}
input[type=file].ds-input::file-selector-button,
select[type=file].ds-select::file-selector-button {
  height: var(--ds-shape-size-ymin-button-sm) !important;
  font-weight: var(--ds-typography-weight-button);
  cursor: pointer;
  background-color: var(--ds-color-surface-button-ghost);
  border-color: var(--ds-color-border-button-ghost);
  color: var(--ds-color-typography-button-ghost);
  padding: 0 var(--ds-space-inline-end-button-ghost) 0 var(--ds-space-inline-start-button-ghost);
  margin-right: var(--ds-space-3x);
  vertical-align: unset;
}
input[type=file].ds-input::file-selector-button:active,
select[type=file].ds-select::file-selector-button:active {
  background-color: var(--ds-color-surface-button-ghost-active);
  border-color: var(--ds-color-border-button-ghost-active);
  color: var(--ds-color-typography-button-ghost);
  z-index: var(--ds-z-index-content-base);
}
input[type=file].ds-input::file-selector-button:hover,
select[type=file].ds-select::file-selector-button:hover {
  background-color: var(--ds-color-surface-button-ghost-hover);
  border-color: var(--ds-color-border-button-ghost-hover);
  color: var(--ds-color-typography-button-ghost);
  text-decoration: none;
  z-index: var(--ds-z-index-content-base);
}
input[type=file].ds-input::file-selector-button:focus-visible,
select[type=file].ds-select::file-selector-button:focus-visible {
  background-color: var(--ds-color-surface-button-ghost);
  border-color: var(--ds-color-border-button-ghost);
  color: var(--ds-color-typography-button-ghost);
  box-shadow: 0 0 0 2px var(--ds-color-outline-button);
  z-index: var(--ds-z-index-content-base);
}
input[type=file].ds-input--lg,
select[type=file].ds-input--lg.ds-select {
  font-family: var(--ds-font-family-input);
  font-size: var(--ds-font-size-input-label-large);
  font-weight: var(--ds-font-weight-input);
  line-height: var(--ds-font-line-height-input-large);
}
input[type=file].ds-input--lg::file-selector-button,
select[type=file].ds-input--lg.ds-select::file-selector-button {
  height: var(--ds-shape-size-ymin-button) !important;
}
input[type=file].ds-input:hover.ds-input--invalid:not(:disabled),
select[type=file].ds-select:hover.ds-input--invalid:not(:disabled) {
  background-color: var(--ds-color-surface-input-error);
  border-color: var(--ds-color-border-input-error);
  color: var(--ds-color-text-input-error);
}
input[type=file].ds-input:disabled::file-selector-button,
select[type=file].ds-select:disabled::file-selector-button {
  cursor: not-allowed;
  background-color: var(--ds-color-surface-button-ghost-disabled);
  border-color: var(--ds-color-border-button-ghost-disabled);
  color: var(--ds-color-typography-button-disabled);
}
input[type=number]:has(.ds-inputnumber__step-down-button--lg),
select[type=number].ds-select:has(.ds-inputnumber__step-down-button--lg),
.ds-input-wrapper:has(.ds-inputnumber__step-down-button--lg) {
  --ds-shape-size-y-input: var(--ds-shape-size-y-input-large);
  --ds-font-size-input-label: var(--ds-font-size-input-label-large);
  --ds-font-size-input-placeholder: var(--ds-font-size-input-placeholder-large);
}
input[type=number] .ds-inputnumber__step-down-button,
select[type=number].ds-select .ds-inputnumber__step-down-button,
input[type=number] .ds-inputnumber__step-up-button,
select[type=number].ds-select .ds-inputnumber__step-up-button,
.ds-input-wrapper .ds-inputnumber__step-down-button,
.ds-input-wrapper .ds-inputnumber__step-up-button {
  padding: 0;
  --icon-size: var(--ds-icon-size-small);
  height: var(--ds-shape-size-ymin-button-sm) !important;
}
input[type=number] .ds-inputnumber__step-down-button--lg,
select[type=number].ds-select .ds-inputnumber__step-down-button--lg,
input[type=number] .ds-inputnumber__step-up-button--lg,
select[type=number].ds-select .ds-inputnumber__step-up-button--lg,
.ds-input-wrapper .ds-inputnumber__step-down-button--lg,
.ds-input-wrapper .ds-inputnumber__step-up-button--lg {
  --icon-size: var(--ds-icon-size-medium);
  height: var(--ds-shape-size-ymin-button) !important;
}
input[type=number] .ds-inputnumber__step-down-button--icon,
select[type=number].ds-select .ds-inputnumber__step-down-button--icon,
input[type=number] .ds-inputnumber__step-up-button--icon,
select[type=number].ds-select .ds-inputnumber__step-up-button--icon,
.ds-input-wrapper .ds-inputnumber__step-down-button--icon,
.ds-input-wrapper .ds-inputnumber__step-up-button--icon {
  width: var(--icon-size);
  height: var(--icon-size);
}
input[type=number] .ds-inputnumber__step-down-button,
select[type=number].ds-select .ds-inputnumber__step-down-button,
.ds-input-wrapper .ds-inputnumber__step-down-button {
  margin-left: calc(-1 * var(--ds-space-1x));
}
input[type=number] .ds-inputnumber__step-down-button > .ds-inputnumber__step-down-button--icon,
select[type=number].ds-select .ds-inputnumber__step-down-button > .ds-inputnumber__step-down-button--icon,
.ds-input-wrapper .ds-inputnumber__step-down-button > .ds-inputnumber__step-down-button--icon {
  background-image: var(--ds-icon-minus);
}
input[type=number] .ds-inputnumber__step-up-button,
select[type=number].ds-select .ds-inputnumber__step-up-button,
.ds-input-wrapper .ds-inputnumber__step-up-button {
  margin-left: var(--ds-space-inline-couple-input);
}
input[type=number] .ds-inputnumber__step-up-button > .ds-inputnumber__step-up-button--icon,
select[type=number].ds-select .ds-inputnumber__step-up-button > .ds-inputnumber__step-up-button--icon,
.ds-input-wrapper .ds-inputnumber__step-up-button > .ds-inputnumber__step-up-button--icon {
  background-image: var(--ds-icon-plus);
}
input[type=datetime-local].ds-input,
select[type=datetime-local].ds-select,
input[type=month].ds-input,
select[type=month].ds-select,
input[type=week].ds-input,
select[type=week].ds-select,
input[type=date].ds-input,
select[type=date].ds-select {
  display: revert;
}
input[type=datetime-local].ds-input::-webkit-calendar-picker-indicator,
select[type=datetime-local].ds-select::-webkit-calendar-picker-indicator,
input[type=month].ds-input::-webkit-calendar-picker-indicator,
select[type=month].ds-select::-webkit-calendar-picker-indicator,
input[type=week].ds-input::-webkit-calendar-picker-indicator,
select[type=week].ds-select::-webkit-calendar-picker-indicator,
input[type=date].ds-input::-webkit-calendar-picker-indicator,
select[type=date].ds-select::-webkit-calendar-picker-indicator {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3333 2.66671H13.9999C14.3681 2.66671 14.6666 2.96518 14.6666 3.33337V14C14.6666 14.3682 14.3681 14.6667 13.9999 14.6667H1.99992C1.63173 14.6667 1.33325 14.3682 1.33325 14V3.33337C1.33325 2.96518 1.63173 2.66671 1.99992 2.66671H4.66659V1.33337H5.99992V2.66671H9.99992V1.33337H11.3333V2.66671ZM13.3333 8.00004H2.66659V13.3334H13.3333V8.00004ZM9.99992 4.00004H5.99992V5.33337H4.66659V4.00004H2.66659V6.66671H13.3333V4.00004H11.3333V5.33337H9.99992V4.00004ZM3.99992 9.33337H5.33325V10.6667H3.99992V9.33337ZM7.33325 9.33337H8.66659V10.6667H7.33325V9.33337ZM10.6666 9.33337H11.9999V10.6667H10.6666V9.33337Z' fill='%23037493'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  width: 16px;
  height: 16px;
}
input[type=datetime-local].ds-input--lg::-webkit-calendar-picker-indicator,
select[type=datetime-local].ds-input--lg.ds-select::-webkit-calendar-picker-indicator,
input[type=month].ds-input--lg::-webkit-calendar-picker-indicator,
select[type=month].ds-input--lg.ds-select::-webkit-calendar-picker-indicator,
input[type=week].ds-input--lg::-webkit-calendar-picker-indicator,
select[type=week].ds-input--lg.ds-select::-webkit-calendar-picker-indicator,
input[type=date].ds-input--lg::-webkit-calendar-picker-indicator,
select[type=date].ds-input--lg.ds-select::-webkit-calendar-picker-indicator {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3333 2.66671H13.9999C14.3681 2.66671 14.6666 2.96518 14.6666 3.33337V14C14.6666 14.3682 14.3681 14.6667 13.9999 14.6667H1.99992C1.63173 14.6667 1.33325 14.3682 1.33325 14V3.33337C1.33325 2.96518 1.63173 2.66671 1.99992 2.66671H4.66659V1.33337H5.99992V2.66671H9.99992V1.33337H11.3333V2.66671ZM13.3333 8.00004H2.66659V13.3334H13.3333V8.00004ZM9.99992 4.00004H5.99992V5.33337H4.66659V4.00004H2.66659V6.66671H13.3333V4.00004H11.3333V5.33337H9.99992V4.00004ZM3.99992 9.33337H5.33325V10.6667H3.99992V9.33337ZM7.33325 9.33337H8.66659V10.6667H7.33325V9.33337ZM10.6666 9.33337H11.9999V10.6667H10.6666V9.33337Z' fill='%23037493'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  width: 20px;
  height: 20px;
}
input[type=time].ds-input,
select[type=time].ds-select {
  display: revert;
}
input[type=time].ds-input::-webkit-calendar-picker-indicator,
select[type=time].ds-select::-webkit-calendar-picker-indicator {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' %3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.99992 14.6667C4.31792 14.6667 1.33325 11.682 1.33325 8.00004C1.33325 4.31804 4.31792 1.33337 7.99992 1.33337C11.6819 1.33337 14.6666 4.31804 14.6666 8.00004C14.6666 11.682 11.6819 14.6667 7.99992 14.6667ZM7.99992 13.3334C10.9454 13.3334 13.3333 10.9456 13.3333 8.00004C13.3333 5.05452 10.9454 2.66671 7.99992 2.66671C5.0544 2.66671 2.66659 5.05452 2.66659 8.00004C2.66659 10.9456 5.0544 13.3334 7.99992 13.3334ZM8.66659 8.00004H11.3333V9.33337H7.33325V4.66671H8.66659V8.00004Z' fill='%23037493'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  width: 16px;
  height: 16px;
}
input[type=time].ds-input--lg::-webkit-calendar-picker-indicator,
select[type=time].ds-input--lg.ds-select::-webkit-calendar-picker-indicator {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.99992 14.6667C4.31792 14.6667 1.33325 11.682 1.33325 8.00004C1.33325 4.31804 4.31792 1.33337 7.99992 1.33337C11.6819 1.33337 14.6666 4.31804 14.6666 8.00004C14.6666 11.682 11.6819 14.6667 7.99992 14.6667ZM7.99992 13.3334C10.9454 13.3334 13.3333 10.9456 13.3333 8.00004C13.3333 5.05452 10.9454 2.66671 7.99992 2.66671C5.0544 2.66671 2.66659 5.05452 2.66659 8.00004C2.66659 10.9456 5.0544 13.3334 7.99992 13.3334ZM8.66659 8.00004H11.3333V9.33337H7.33325V4.66671H8.66659V8.00004Z' fill='%23037493'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  width: 20px;
  height: 20px;
}
input[type=search].ds-input,
select[type=search].ds-select {
  display: revert;
}
input[type=search].ds-input::-webkit-search-cancel-button,
select[type=search].ds-select::-webkit-search-cancel-button {
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' %3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.3033 9.125L14.4283 5L15.6067 6.17833L11.4817 10.3033L15.6067 14.4283L14.4283 15.6067L10.3033 11.4817L6.17833 15.6067L5 14.4283L9.125 10.3033L5 6.17833L6.17833 5L10.3033 9.125Z' fill='%2369707A'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  width: 16px;
  height: 16px;
}
input[type=search].ds-input--lg::-webkit-search-cancel-button,
select[type=search].ds-input--lg.ds-select::-webkit-search-cancel-button {
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' %3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.3033 9.125L14.4283 5L15.6067 6.17833L11.4817 10.3033L15.6067 14.4283L14.4283 15.6067L10.3033 11.4817L6.17833 15.6067L5 14.4283L9.125 10.3033L5 6.17833L6.17833 5L10.3033 9.125Z' fill='%2369707A'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  width: 20px;
  height: 20px;
}
:root:has(.ds-dark) input[type=datetime-local].ds-input::-webkit-calendar-picker-indicator,
:root:has(.ds-dark) select[type=datetime-local].ds-select::-webkit-calendar-picker-indicator,
:root:has(.ds-dark) input[type=month].ds-input::-webkit-calendar-picker-indicator,
:root:has(.ds-dark) select[type=month].ds-select::-webkit-calendar-picker-indicator,
:root:has(.ds-dark) input[type=week].ds-input::-webkit-calendar-picker-indicator,
:root:has(.ds-dark) select[type=week].ds-select::-webkit-calendar-picker-indicator,
:root:has(.ds-dark) input[type=date].ds-input::-webkit-calendar-picker-indicator,
:root:has(.ds-dark) select[type=date].ds-select::-webkit-calendar-picker-indicator {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3333 2.66671H13.9999C14.3681 2.66671 14.6666 2.96518 14.6666 3.33337V14C14.6666 14.3682 14.3681 14.6667 13.9999 14.6667H1.99992C1.63173 14.6667 1.33325 14.3682 1.33325 14V3.33337C1.33325 2.96518 1.63173 2.66671 1.99992 2.66671H4.66659V1.33337H5.99992V2.66671H9.99992V1.33337H11.3333V2.66671ZM13.3333 8.00004H2.66659V13.3334H13.3333V8.00004ZM9.99992 4.00004H5.99992V5.33337H4.66659V4.00004H2.66659V6.66671H13.3333V4.00004H11.3333V5.33337H9.99992V4.00004ZM3.99992 9.33337H5.33325V10.6667H3.99992V9.33337ZM7.33325 9.33337H8.66659V10.6667H7.33325V9.33337ZM10.6666 9.33337H11.9999V10.6667H10.6666V9.33337Z' fill='%233ccaff'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  width: 16px;
  height: 16px;
}
:root:has(.ds-dark) input[type=datetime-local].ds-input--lg::-webkit-calendar-picker-indicator,
:root:has(.ds-dark) select[type=datetime-local].ds-input--lg.ds-select::-webkit-calendar-picker-indicator,
:root:has(.ds-dark) input[type=month].ds-input--lg::-webkit-calendar-picker-indicator,
:root:has(.ds-dark) select[type=month].ds-input--lg.ds-select::-webkit-calendar-picker-indicator,
:root:has(.ds-dark) input[type=week].ds-input--lg::-webkit-calendar-picker-indicator,
:root:has(.ds-dark) select[type=week].ds-input--lg.ds-select::-webkit-calendar-picker-indicator,
:root:has(.ds-dark) input[type=date].ds-input--lg::-webkit-calendar-picker-indicator,
:root:has(.ds-dark) select[type=date].ds-input--lg.ds-select::-webkit-calendar-picker-indicator {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3333 2.66671H13.9999C14.3681 2.66671 14.6666 2.96518 14.6666 3.33337V14C14.6666 14.3682 14.3681 14.6667 13.9999 14.6667H1.99992C1.63173 14.6667 1.33325 14.3682 1.33325 14V3.33337C1.33325 2.96518 1.63173 2.66671 1.99992 2.66671H4.66659V1.33337H5.99992V2.66671H9.99992V1.33337H11.3333V2.66671ZM13.3333 8.00004H2.66659V13.3334H13.3333V8.00004ZM9.99992 4.00004H5.99992V5.33337H4.66659V4.00004H2.66659V6.66671H13.3333V4.00004H11.3333V5.33337H9.99992V4.00004ZM3.99992 9.33337H5.33325V10.6667H3.99992V9.33337ZM7.33325 9.33337H8.66659V10.6667H7.33325V9.33337ZM10.6666 9.33337H11.9999V10.6667H10.6666V9.33337Z' fill='%233ccaff'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  width: 20px;
  height: 20px;
}
:root:has(.ds-dark) input[type=time].ds-input::-webkit-calendar-picker-indicator,
:root:has(.ds-dark) select[type=time].ds-select::-webkit-calendar-picker-indicator {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' %3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.99992 14.6667C4.31792 14.6667 1.33325 11.682 1.33325 8.00004C1.33325 4.31804 4.31792 1.33337 7.99992 1.33337C11.6819 1.33337 14.6666 4.31804 14.6666 8.00004C14.6666 11.682 11.6819 14.6667 7.99992 14.6667ZM7.99992 13.3334C10.9454 13.3334 13.3333 10.9456 13.3333 8.00004C13.3333 5.05452 10.9454 2.66671 7.99992 2.66671C5.0544 2.66671 2.66659 5.05452 2.66659 8.00004C2.66659 10.9456 5.0544 13.3334 7.99992 13.3334ZM8.66659 8.00004H11.3333V9.33337H7.33325V4.66671H8.66659V8.00004Z' fill='%233ccaff'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  width: 16px;
  height: 16px;
}
:root:has(.ds-dark) input[type=time].ds-input--lg::-webkit-calendar-picker-indicator,
:root:has(.ds-dark) select[type=time].ds-input--lg.ds-select::-webkit-calendar-picker-indicator {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' %3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.99992 14.6667C4.31792 14.6667 1.33325 11.682 1.33325 8.00004C1.33325 4.31804 4.31792 1.33337 7.99992 1.33337C11.6819 1.33337 14.6666 4.31804 14.6666 8.00004C14.6666 11.682 11.6819 14.6667 7.99992 14.6667ZM7.99992 13.3334C10.9454 13.3334 13.3333 10.9456 13.3333 8.00004C13.3333 5.05452 10.9454 2.66671 7.99992 2.66671C5.0544 2.66671 2.66659 5.05452 2.66659 8.00004C2.66659 10.9456 5.0544 13.3334 7.99992 13.3334ZM8.66659 8.00004H11.3333V9.33337H7.33325V4.66671H8.66659V8.00004Z' fill='%233ccaff'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  width: 20px;
  height: 20px;
}
:root:has(.ds-dark) input[type=search].ds-input::-webkit-search-cancel-button,
:root:has(.ds-dark) select[type=search].ds-select::-webkit-search-cancel-button {
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' %3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.3033 9.125L14.4283 5L15.6067 6.17833L11.4817 10.3033L15.6067 14.4283L14.4283 15.6067L10.3033 11.4817L6.17833 15.6067L5 14.4283L9.125 10.3033L5 6.17833L6.17833 5L10.3033 9.125Z' fill='%233ccaff'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  width: 16px;
  height: 16px;
}
:root:has(.ds-dark) input[type=search].ds-input--lg::-webkit-search-cancel-button,
:root:has(.ds-dark) select[type=search].ds-input--lg.ds-select::-webkit-search-cancel-button {
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' %3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.3033 9.125L14.4283 5L15.6067 6.17833L11.4817 10.3033L15.6067 14.4283L14.4283 15.6067L10.3033 11.4817L6.17833 15.6067L5 14.4283L9.125 10.3033L5 6.17833L6.17833 5L10.3033 9.125Z' fill='%233ccaff'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  width: 20px;
  height: 20px;
}
textarea.ds-input {
  min-height: var(--ds-shape-size-y-input);
  height: auto;
  padding: calc(var(--ds-space-inset-textarea) - 1px);
  vertical-align: bottom;
}
textarea.ds-input.ds-textarea-autosize-measuring {
  height: auto !important;
  overflow: hidden;
}
textarea.ds-input ~ .ds-input-textarea-char-counter {
  align-items: center;
  color: var(--ds-color-text-input-label);
  display: flex;
  font-size: var(--ds-typography-size-smallprint);
  font-weight: normal;
  justify-content: flex-end;
  line-height: var(--ds-typography-line-height-xs);
  text-align: right;
}
textarea.ds-input ~ .ds-input-textarea-char-counter .error {
  color: var(--ds-color-text-input-error);
}
.ds-form-field:not(:is(.ds-form-field--disabled, .ds-form-field--focused, .ds-form-field--readonly)) > .ds-form-field__wrapper > div.ds-input-wrapper.ds-input-wrapper--non-typeable .ds-input-wrapper:has(.ds-button:not([disabled]):hover) {
  background-color: var(--ds-color-surface-input-alt);
}
.ds-form-field:not(:is(.ds-form-field--disabled, .ds-form-field--focused, .ds-form-field--readonly)) :not(:is(.ds-input-wrapper--non-typeable, .ds-datepicker--non-typeable, .ds-timepicker--non-typeable)) div.ds-input-wrapper:not(.ds-input-wrapper--non-typeable):has(.ds-button:not([disabled]):hover) {
  background-color: var(--ds-color-surface-input);
  border-color: var(--ds-color-border-input);
}
.ds-form-field:not(:is(.ds-form-field--disabled, .ds-form-field--focused, .ds-form-field--readonly)) :not(:is(.ds-input-wrapper--non-typeable, .ds-datepicker--non-typeable, .ds-timepicker--non-typeable)) div.ds-input-wrapper--file-input:has(.ds-button:not([disabled]):hover) {
  background-color: var(--ds-color-surface-input-alt);
  border-color: var(--ds-color-border-input);
}
.ds-form-field:not(:is(.ds-form-field--disabled, .ds-form-field--focused, .ds-form-field--readonly)).ds-form-field--invalid :not(:is(.ds-input-wrapper--non-typeable, .ds-datepicker--non-typeable, .ds-timepicker--non-typeable)) div.ds-input-wrapper:has(.ds-button:not([disabled]):hover) {
  background-color: var(--ds-color-surface-input-error);
  border-color: var(--ds-color-border-input-error);
}
.ds-form-field.ds-form-field--focused.ds-form-field--invalid :not(:is(.ds-input-wrapper--non-typeable, .ds-datepicker--non-typeable, .ds-timepicker--non-typeable)) div.ds-input-wrapper:has(.ds-button:not([disabled]):hover) {
  background-color: var(--ds-color-surface-input);
}
.ds-radio-group {
  color: var(--ds-color-text-input-value);
  display: flex;
  flex-wrap: wrap;
  gap: var(--ds-space-between-base);
  font-family: var(--ds-font-family-input);
  font-size: var(--ds-font-size-input-label);
  font-weight: var(--ds-font-weight-input);
  line-height: var(--ds-font-line-height-input);
  --ds-space-between-base: var(--ds-space-4x);
}
.ds-radio-group .ds-radio-button-wrapper {
  display: inline-block;
  line-height: 0;
  position: relative;
}
.ds-radio-group .ds-radio-button-wrapper:not(:first-child) {
  margin-left: var(--ds-space-2x);
}
.ds-radio-group .ds-radio-button-wrapper + * {
  margin-left: var(--ds-space-2x);
}
.ds-radio-group > label {
  align-items: flex-start;
  display: inline-flex;
  width: fit-content;
  cursor: pointer;
}
.ds-radio-group > label.ds-radio-button__implicit-label:not(:first-of-type) {
  margin-bottom: 0;
}
.ds-radio-group > label.ds-radio-button__implicit-label--readonly {
  pointer-events: none;
}
.ds-radio-group > label.ds-radio-button__implicit-label--disabled {
  pointer-events: initial;
  cursor: not-allowed;
  color: var(--ds-color-text-input-disabled);
}
.ds-radio-group > .ds-radio-button__explicit-label {
  display: flex;
  align-items: flex-start;
}
.ds-radio-group > .ds-radio-button__explicit-label > label {
  cursor: pointer;
}
.ds-radio-group > .ds-radio-button__explicit-label:not(:first-of-type) {
  margin-bottom: 0;
}
.ds-radio-group > .ds-radio-button__explicit-label > label:not(:first-child) {
  padding-left: var(--ds-space-2x);
}
.ds-radio-group > .ds-radio-button__explicit-label > label:first-child ~ * {
  margin-left: var(--ds-space-2x);
}
.ds-radio-group > .ds-radio-button__explicit-label--disabled,
.ds-radio-group > .ds-radio-button__explicit-label--disabled > label {
  pointer-events: initial;
  cursor: not-allowed;
  color: var(--ds-color-text-input-disabled);
}
.ds-radio-group--block {
  display: block;
  margin-top: var(--ds-space-2x);
  margin-bottom: var(--ds-space-2x);
  --ds-space-between-base: var(--ds-space-3x);
}
.ds-radio-group--block > label.ds-radio-button__implicit-label,
.ds-radio-group--block > .ds-radio-button__explicit-label {
  display: flex;
}
.ds-radio-group--block > label.ds-radio-button__implicit-label:not(:first-of-type),
.ds-radio-group--block > .ds-radio-button__explicit-label:not(:first-of-type) {
  margin-left: 0;
}
.ds-radio-group--block > label.ds-radio-button__implicit-label:not(:last-of-type),
.ds-radio-group--block > .ds-radio-button__explicit-label:not(:last-of-type) {
  margin-bottom: var(--ds-space-between-base);
}
.ds-radio-group--is-block {
  --ds-space-between-base: var(--ds-space-2x);
  margin-top: var(--ds-space-1x);
  margin-bottom: var(--ds-space-1x);
}
.ds-radio-group--is-block.ds-radio-group--block .ds-radio-button__explicit-label,
.ds-radio-group--is-block.ds-radio-group--block .ds-radio-button__implicit-label {
  width: 100%;
}
.ds-radio-group--is-block.ds-radio-group--lg {
  --ds-space-stack-start-input-block: var(--ds-space-stack-start-input-block-large);
  --ds-space-inline-start-input-block: var(--ds-space-inline-start-input-block-large);
  --ds-space-stack-end-input-block: var(--ds-space-stack-end-input-block-large);
  --ds-space-inline-end-input-block: var(--ds-space-inline-end-input-block-large);
}
.ds-radio-group--is-block .ds-radio-button__explicit-label,
.ds-radio-group--is-block .ds-radio-button__implicit-label {
  border-radius: var(--ds-shape-radius-input-block);
  padding: calc(var(--ds-space-stack-start-input-block) - 1px) calc(var(--ds-space-inline-start-input-block) - 1px) calc(var(--ds-space-stack-end-input-block) - 1px) calc(var(--ds-space-inline-end-input-block) - 1px);
  background-color: var(--ds-color-surface-input-block);
  border: 1px solid var(--ds-color-border-input-block);
  --ds-color-border-input-hover: var(--ds-color-border-input);
}
.ds-radio-group--is-block .ds-radio-button__explicit-label.ds-radio-button__explicit-label:not(.ds-radio-button__explicit-label--disabled):hover,
.ds-radio-group--is-block .ds-radio-button__explicit-label.ds-radio-button__implicit-label:not(.ds-radio-button__implicit-label--disabled):hover,
.ds-radio-group--is-block .ds-radio-button__implicit-label.ds-radio-button__explicit-label:not(.ds-radio-button__explicit-label--disabled):hover,
.ds-radio-group--is-block .ds-radio-button__implicit-label.ds-radio-button__implicit-label:not(.ds-radio-button__implicit-label--disabled):hover {
  background-color: var(--ds-color-surface-input-block-hover);
  border: 1px solid var(--ds-color-border-input-block-hover);
  cursor: pointer;
  --ds-color-surface-input-block-active: var(--ds-color-surface-input-block-hover);
}
.ds-radio-group--is-block .ds-radio-button__explicit-label.ds-radio-button__explicit-label:not(.ds-radio-button__explicit-label--disabled):focus-visible,
.ds-radio-group--is-block .ds-radio-button__explicit-label.ds-radio-button__implicit-label:not(.ds-radio-button__implicit-label--disabled):focus-visible,
.ds-radio-group--is-block .ds-radio-button__implicit-label.ds-radio-button__explicit-label:not(.ds-radio-button__explicit-label--disabled):focus-visible,
.ds-radio-group--is-block .ds-radio-button__implicit-label.ds-radio-button__implicit-label:not(.ds-radio-button__implicit-label--disabled):focus-visible {
  border: 1px solid var(--ds-color-border-input-block-focus);
  box-shadow: 0 0 0 2px var(--ds-color-outline-input);
  outline: 0;
  --ds-color-border-input-block-active: var(--ds-color-border-input-block-focus);
}
.ds-radio-group--is-block .ds-radio-button__explicit-label.ds-radio-button__explicit-label:not(.ds-radio-button__explicit-label--disabled):has(input.ds-input:checked),
.ds-radio-group--is-block .ds-radio-button__explicit-label.ds-radio-button__implicit-label:not(.ds-radio-button__implicit-label--disabled):has(input.ds-input:checked),
.ds-radio-group--is-block .ds-radio-button__implicit-label.ds-radio-button__explicit-label:not(.ds-radio-button__explicit-label--disabled):has(input.ds-input:checked),
.ds-radio-group--is-block .ds-radio-button__implicit-label.ds-radio-button__implicit-label:not(.ds-radio-button__implicit-label--disabled):has(input.ds-input:checked) {
  background-color: var(--ds-color-surface-input-block-active);
  border: 1px solid var(--ds-color-border-input-block-active);
  cursor: initial;
}
.ds-radio-group--is-block .ds-radio-button__explicit-label.ds-radio-button__explicit-label:not(.ds-radio-button__explicit-label--disabled) input.ds-input[type=radio]:not(:checked),
.ds-radio-group--is-block .ds-radio-button__explicit-label.ds-radio-button__implicit-label:not(.ds-radio-button__implicit-label--disabled) input.ds-input[type=radio]:not(:checked),
.ds-radio-group--is-block .ds-radio-button__implicit-label.ds-radio-button__explicit-label:not(.ds-radio-button__explicit-label--disabled) input.ds-input[type=radio]:not(:checked),
.ds-radio-group--is-block .ds-radio-button__implicit-label.ds-radio-button__implicit-label:not(.ds-radio-button__implicit-label--disabled) input.ds-input[type=radio]:not(:checked) {
  background-color: var(--ds-color-surface-base);
}
.ds-radio-group--is-block .ds-radio-button__explicit-label.ds-radio-button__explicit-label--disabled,
.ds-radio-group--is-block .ds-radio-button__explicit-label.ds-radio-button__implicit-label--disabled,
.ds-radio-group--is-block .ds-radio-button__implicit-label.ds-radio-button__explicit-label--disabled,
.ds-radio-group--is-block .ds-radio-button__implicit-label.ds-radio-button__implicit-label--disabled {
  background-color: var(--ds-color-surface-input-block-disabled);
  border: 1px solid var(--ds-color-border-input-block-disabled);
}
.ds-radio-group--is-block.ds-radio-group--readonly .ds-radio-button__explicit-label,
.ds-radio-group--is-block.ds-radio-group--readonly .ds-radio-button__implicit-label {
  background-color: var(--ds-color-surface-input-block-disabled);
  border: 1px solid var(--ds-color-border-input-block-disabled);
}
.ds-radio-group--is-block.ds-radio-group--readonly .ds-radio-button__explicit-label:has(input.ds-input:checked),
.ds-radio-group--is-block.ds-radio-group--readonly .ds-radio-button__implicit-label:has(input.ds-input:checked) {
  background-color: var(--ds-color-surface-input-block-disabled);
  border: 1px solid var(--ds-color-border-input-block-disabled);
  --ds-color-surface-input-block-active: var(--ds-color-surface-input-block-disabled);
  --ds-color-border-input-block-active: var(--ds-color-border-input-block-disabled);
}
.ds-radio-group--is-block.ds-radio-group--readonly .ds-radio-button__explicit-label.ds-radio-button__explicit-label:not(.ds-radio-button__explicit-label--disabled) input.ds-input:not(:checked),
.ds-radio-group--is-block.ds-radio-group--readonly .ds-radio-button__explicit-label.ds-radio-button__implicit-label:not(.ds-radio-button__implicit-label--disabled) input.ds-input:not(:checked),
.ds-radio-group--is-block.ds-radio-group--readonly .ds-radio-button__implicit-label.ds-radio-button__explicit-label:not(.ds-radio-button__explicit-label--disabled) input.ds-input:not(:checked),
.ds-radio-group--is-block.ds-radio-group--readonly .ds-radio-button__implicit-label.ds-radio-button__implicit-label:not(.ds-radio-button__implicit-label--disabled) input.ds-input:not(:checked) {
  background-color: var(--ds-color-surface-input-readonly);
}
.ds-radio-group--readonly {
  pointer-events: none;
}
.ds-radio-group--readonly input[type=radio].ds-input {
  background-color: var(--ds-color-surface-input-readonly);
  border: none;
}
.ds-radio-group--readonly input[type=radio].ds-input:hover,
.ds-radio-group--readonly input[type=radio].ds-input:focus {
  background-color: var(--ds-color-surface-input-readonly);
  border: none;
}
.ds-radio-group--readonly input[type=radio].ds-input:checked:not(:disabled) {
  background-color: var(--ds-color-surface-input-readonly);
  border: none;
}
.ds-radio-group--readonly input[type=radio].ds-input:checked:not(:disabled):focus {
  background-color: var(--ds-color-surface-input-readonly);
}
.ds-radio-group--readonly input[type=radio].ds-input:checked:not(:disabled)::after {
  background-color: var(--ds-color-icon-input-readonly);
  border-radius: var(--ds-shape-radius-radiobutton);
}
.ds-radio-group--lg {
  font-family: var(--ds-font-family-input);
  font-size: var(--ds-font-size-input-label-large);
  font-weight: var(--ds-font-weight-input);
  line-height: var(--ds-font-line-height-input-large);
}
.ds-radio-group--lg input[type=radio].ds-input {
  height: var(--ds-shape-size-x-radiobutton-large);
  width: var(--ds-shape-size-y-radiobutton-large);
}
.ds-radio-group--lg input[type=radio].ds-input:checked::after {
  height: var(--size-radiobutton-checked-indicator-large);
  left: var(--space-inline-start-radiobutton-checked-indicator-large);
  top: var(--space-inline-start-radiobutton-checked-indicator-large);
  width: var(--size-radiobutton-checked-indicator-large);
}
input[type=radio].ds-input {
  --size-radiobutton-checked-indicator: calc( var(--ds-shape-size-y-radiobutton) / 2 - var(--ds-space-05x) );
  --space-inline-start-radiobutton-checked-indicator: calc( (var(--ds-shape-size-y-radiobutton) - var(--size-radiobutton-checked-indicator)) / 2 );
  --size-radiobutton-checked-indicator-large: calc( var(--ds-shape-size-y-radiobutton-large) / 2 - var(--ds-space-05x) );
  --space-inline-start-radiobutton-checked-indicator-large: calc( (var(--ds-shape-size-y-radiobutton-large) - var(--size-radiobutton-checked-indicator-large)) / 2 );
  background-color: var(--ds-color-surface-input);
  position: relative;
  height: var(--ds-shape-size-x-radiobutton);
  width: var(--ds-shape-size-y-radiobutton);
  border: 1px solid var(--ds-color-border-input);
  border-radius: var(--ds-shape-radius-radiobutton);
  cursor: pointer;
  flex-shrink: 0;
}
input[type=radio].ds-input:hover {
  background-color: var(--ds-color-surface-input-hover);
  border-color: var(--ds-color-border-input-hover);
}
input[type=radio].ds-input:focus {
  box-shadow: 0 0 0 2px var(--ds-color-outline-input);
  outline: 0;
}
input[type=radio].ds-input:checked::after {
  content: "";
  display: inline-block;
  height: var(--size-radiobutton-checked-indicator);
  left: var(--space-inline-start-radiobutton-checked-indicator);
  position: absolute;
  top: var(--space-inline-start-radiobutton-checked-indicator);
  width: var(--size-radiobutton-checked-indicator);
}
input[type=radio].ds-input:checked:not(:disabled) {
  background-color: var(--ds-color-surface-input-active);
  border: none;
  cursor: default;
}
input[type=radio].ds-input:checked:not(:disabled)::after {
  background-color: var(--ds-color-icon-input-active);
  border-radius: var(--ds-shape-radius-radiobutton);
}
input[type=radio].ds-input:checked:not(:disabled):hover {
  background-color: var(--ds-color-surface-input-active);
}
input[type=radio].ds-input:checked:not(:disabled):focus {
  background-color: var(--ds-color-surface-input-active);
}
input[type=radio].ds-input:checked:not(:disabled) + * {
  cursor: default;
}
input[type=radio].ds-input:disabled {
  background-color: var(--ds-color-surface-input-disabled);
  border: none;
  cursor: not-allowed;
}
input[type=radio].ds-input:disabled:hover,
input[type=radio].ds-input:disabled:focus {
  background-color: var(--ds-color-surface-input-disabled);
  border: none;
}
input[type=radio].ds-input:disabled:checked::after {
  background-color: var(--ds-color-icon-input-disabled);
  border-radius: var(--ds-shape-radius-radiobutton);
}
select.ds-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select.ds-select {
  --action-button-size: var(--ds-shape-size-ymin-button-sm);
  --right-side-padding: calc( var(--ds-space-inline-couple-input) + var(--action-button-size) + var(--ds-space-1x) );
  cursor: pointer;
  background-color: var(--ds-color-surface-input-alt);
  background-image: var(--ds-icon-disclosure);
  background-size: var(--ds-icon-size-small) var(--ds-icon-size-small);
  background-origin: border-box;
  background-repeat: no-repeat;
  background-position-x: calc(100% - var(--ds-space-inline-end-input));
  background-position-y: calc((var(--ds-shape-size-y-input) - var(--ds-font-line-height-input)) / 2);
  padding-left: calc(var(--ds-space-inline-start-input) - 1px);
  padding-right: calc(var(--right-side-padding) - 1px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
select.ds-select > option {
  background-color: var(--ds-color-surface-input);
  color: var(--ds-color-text-input-value);
  font-style: normal;
}
select.ds-select:disabled {
  background-image: var(--ds-icon-disclosure-disabled);
}
select.ds-select:invalid {
  color: var(--ds-color-text-input-placeholder) !important;
  font-style: var(--ds-font-style-input-placeholder);
}
select.ds-select[readonly] {
  cursor: default;
  background-image: none;
}
select.ds-select--lg {
  --action-button-size: var(--ds-shape-size-ymin-button);
  font-size: var(--ds-font-size-input-label-large);
  line-height: var(--ds-font-line-height-input-large);
  height: var(--ds-shape-size-y-input-large);
  background-size: var(--ds-icon-size-medium) var(--ds-icon-size-medium);
  background-position-y: calc((var(--ds-shape-size-y-input-large) - var(--ds-font-line-height-input-large)) / 2);
}
.anchor--button {
  text-decoration: none;
}
.anchor--button:hover {
  text-decoration: none;
}
ds-datepicker,
.ds-datepicker {
  flex: 1 1 auto;
}
ds-datepicker .ds-input.ds-input-wrapper > .ds-input,
.ds-datepicker .ds-input.ds-input-wrapper > .ds-input {
  display: inline-flex;
  align-items: center;
  flex: 1 1 auto;
}
ds-datepicker .ds-input.ds-input-wrapper > .ds-input > input,
.ds-datepicker .ds-input.ds-input-wrapper > .ds-input > input {
  background: transparent;
  border: 0;
  height: auto;
  box-shadow: none;
  vertical-align: middle;
  flex: 1 1 auto;
  width: 100%;
  color: var(--ds-color-text-input-value);
}
ds-datepicker .ds-input.ds-input-wrapper > .ds-input > input:focus-visible,
.ds-datepicker .ds-input.ds-input-wrapper > .ds-input > input:focus-visible {
  border: none;
  outline: none;
}
ds-datepicker .ds-date-range-separator,
.ds-datepicker .ds-date-range-separator {
  display: inline-flex;
  align-items: center;
  color: var(--ds-color-typography-neutral);
  padding: 0 4px;
}
ds-datepicker .ds-form-field--disabled .ds-date-range-separator,
.ds-datepicker .ds-form-field--disabled .ds-date-range-separator {
  color: var(--ds-color-typography-button-disabled);
}
.ds-input.ds-input-wrapper > ds-datepicker,
.ds-input.ds-input-wrapper .ds-datepicker {
  height: 100%;
}
.ds-input.ds-input-wrapper > ds-datepicker > ds-form-field,
.ds-input.ds-input-wrapper > ds-datepicker .ds-form-field,
.ds-input.ds-input-wrapper .ds-datepicker > ds-form-field,
.ds-input.ds-input-wrapper .ds-datepicker .ds-form-field {
  height: 100%;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing.ds-datepicker__calendar-backdrop-class {
  opacity: 0;
}
svg.ds-svg:not([fill]) {
  fill: currentColor;
}
svg.ds-svg:not([fill]) path {
  fill: inherit;
}
:host(ds-table-head) th,
:host(.ds-table-head) th,
.ds-table-head th {
  color: var(--ds-color-typography-neutral) !important;
  height: var(--ds-shape-size-ymin-table-header);
  min-width: var(--ds-shape-size-xmin-table-header);
  padding-left: var(--ds-space-inline-start-table-header);
  padding-right: var(--ds-space-inline-end-table-header);
  background-color: var(--ds-color-surface-table-header);
  border-right: 1px solid var(--ds-color-border-table-header);
  border-bottom: 1px solid var(--ds-color-border-table-header);
  font-weight: var(--ds-font-weight-table-header);
}
:host(ds-table-head) th:last-child,
:host(.ds-table-head) th:last-child,
.ds-table-head th:last-child {
  border-right: none;
}
:host(ds-table-head).ds-table-head--hidden,
:host(.ds-table-head).ds-table-head--hidden,
.ds-table-head.ds-table-head--hidden {
  display: none;
}
:host(ds-table-head).ds-table-head--slim th,
:host(.ds-table-head).ds-table-head--slim th,
.ds-table-head.ds-table-head--slim th {
  height: var(--ds-shape-size-ymin-table-header-slim);
}
:host(ds-table-head).ds-table-head--sticky tr,
:host(.ds-table-head).ds-table-head--sticky tr,
.ds-table-head.ds-table-head--sticky tr {
  position: sticky;
  top: 0px;
  z-index: var(--ds-z-index-content-base);
  background-color: var(--ds-color-surface-table-header-sticky);
}
:host(ds-table-head).ds-table-head--sticky.ds-table-head--fixed tr,
:host(.ds-table-head).ds-table-head--sticky.ds-table-head--fixed tr,
.ds-table-head.ds-table-head--sticky.ds-table-head--fixed tr {
  box-shadow: var(--ds-elevation-table-header-fixed);
}
:host(ds-table-head).ds-table-head--sortable th.ds-table-sort-header,
:host(.ds-table-head).ds-table-head--sortable th.ds-table-sort-header,
.ds-table-head.ds-table-head--sortable th.ds-table-sort-header {
  padding: 0;
  cursor: pointer;
}
:host(ds-table-head).ds-table-head--sortable th.ds-table-sort-header:hover,
:host(.ds-table-head).ds-table-head--sortable th.ds-table-sort-header:hover,
.ds-table-head.ds-table-head--sortable th.ds-table-sort-header:hover {
  background-color: var(--ds-color-surface-table-header-hover);
}
:host(ds-table-head).ds-table-head--sortable th.ds-table-sort-header:hover .ds-table-sort-header__sort-icon g,
:host(ds-table-head).ds-table-head--sortable th.ds-table-sort-header:hover .ds-table-sort-header__sort-icon path,
:host(.ds-table-head).ds-table-head--sortable th.ds-table-sort-header:hover .ds-table-sort-header__sort-icon g,
:host(.ds-table-head).ds-table-head--sortable th.ds-table-sort-header:hover .ds-table-sort-header__sort-icon path,
.ds-table-head.ds-table-head--sortable th.ds-table-sort-header:hover .ds-table-sort-header__sort-icon g,
.ds-table-head.ds-table-head--sortable th.ds-table-sort-header:hover .ds-table-sort-header__sort-icon path {
  fill: var(--ds-color-icon-table-header-sort-non-active-hover);
}
:host(ds-table-head).ds-table-head--sortable th.ds-table-sort-header:focus,
:host(.ds-table-head).ds-table-head--sortable th.ds-table-sort-header:focus,
.ds-table-head.ds-table-head--sortable th.ds-table-sort-header:focus {
  outline: none;
}
:host(ds-table-head).ds-table-head--sortable th.ds-table-sort-header:focus-visible,
:host(.ds-table-head).ds-table-head--sortable th.ds-table-sort-header:focus-visible,
.ds-table-head.ds-table-head--sortable th.ds-table-sort-header:focus-visible {
  outline: none;
}
:host(ds-table-head).ds-table-head--sortable th.ds-table-sort-header:focus-visible .ds-table-sort-header__wrapper,
:host(.ds-table-head).ds-table-head--sortable th.ds-table-sort-header:focus-visible .ds-table-sort-header__wrapper,
.ds-table-head.ds-table-head--sortable th.ds-table-sort-header:focus-visible .ds-table-sort-header__wrapper {
  position: relative;
}
:host(ds-table-head).ds-table-head--sortable th.ds-table-sort-header:focus-visible .ds-table-sort-header__wrapper::after,
:host(.ds-table-head).ds-table-head--sortable th.ds-table-sort-header:focus-visible .ds-table-sort-header__wrapper::after,
.ds-table-head.ds-table-head--sortable th.ds-table-sort-header:focus-visible .ds-table-sort-header__wrapper::after {
  position: absolute;
  content: "";
  top: calc(-1 * var(--table-sort-header-outer-divider-offset));
  left: calc(-1 * var(--table-sort-header-column-divider-offset));
  height: calc(100% + var(--table-sort-header-outer-divider-offset) + var(--table-sort-header-row-divider-offset));
  width: calc(100% + var(--table-sort-header-column-divider-offset) + var(--table-sort-header-column-divider-offset));
  border: 1px solid transparent;
  border-radius: var(--ds-shape-radius-table);
  box-shadow: 0 0 0 2px var(--ds-color-outline-action);
}
:host(ds-table-head).ds-table-head--sortable th.ds-table-sort-header:first-child:focus-visible .ds-table-sort-header__wrapper::after,
:host(.ds-table-head).ds-table-head--sortable th.ds-table-sort-header:first-child:focus-visible .ds-table-sort-header__wrapper::after,
.ds-table-head.ds-table-head--sortable th.ds-table-sort-header:first-child:focus-visible .ds-table-sort-header__wrapper::after {
  left: calc(-1 * var(--table-sort-header-outer-divider-offset));
  width: calc(100% + var(--table-sort-header-outer-divider-offset) + var(--table-sort-header-column-divider-offset));
}
:host(ds-table-head).ds-table-head--sortable th.ds-table-sort-header:last-child:focus-visible .ds-table-sort-header__wrapper::after,
:host(.ds-table-head).ds-table-head--sortable th.ds-table-sort-header:last-child:focus-visible .ds-table-sort-header__wrapper::after,
.ds-table-head.ds-table-head--sortable th.ds-table-sort-header:last-child:focus-visible .ds-table-sort-header__wrapper::after {
  width: calc(100% + var(--table-sort-header-outer-divider-offset) + var(--table-sort-header-column-divider-offset));
}
:host(ds-table-head).ds-table-head--sortable th.ds-table-sort-header .ds-table-sort-header__wrapper,
:host(.ds-table-head).ds-table-head--sortable th.ds-table-sort-header .ds-table-sort-header__wrapper,
.ds-table-head.ds-table-head--sortable th.ds-table-sort-header .ds-table-sort-header__wrapper {
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: var(--ds-space-inline-start-table-header);
  padding-right: var(--ds-space-inline-end-table-header);
}
:host(ds-table-head).ds-table-head--sortable th.ds-table-sort-header .ds-table-sort-header__wrapper__content,
:host(.ds-table-head).ds-table-head--sortable th.ds-table-sort-header .ds-table-sort-header__wrapper__content,
.ds-table-head.ds-table-head--sortable th.ds-table-sort-header .ds-table-sort-header__wrapper__content {
  width: 100%;
  margin-right: var(--ds-space-inline-join-table-header);
}
:host(ds-table-head).ds-table-head--sortable th.ds-table-sort-header .ds-table-sort-header__wrapper .ds-icon,
:host(.ds-table-head).ds-table-head--sortable th.ds-table-sort-header .ds-table-sort-header__wrapper .ds-icon,
.ds-table-head.ds-table-head--sortable th.ds-table-sort-header .ds-table-sort-header__wrapper .ds-icon {
  flex-shrink: 0;
  margin-right: calc(-1 * var(--ds-space-inline-end-table-header));
}
:host(ds-table-head).ds-table-head--sortable th.ds-table-sort-header .ds-table-sort-header__sort-icon g,
:host(ds-table-head).ds-table-head--sortable th.ds-table-sort-header .ds-table-sort-header__sort-icon path,
:host(.ds-table-head).ds-table-head--sortable th.ds-table-sort-header .ds-table-sort-header__sort-icon g,
:host(.ds-table-head).ds-table-head--sortable th.ds-table-sort-header .ds-table-sort-header__sort-icon path,
.ds-table-head.ds-table-head--sortable th.ds-table-sort-header .ds-table-sort-header__sort-icon g,
.ds-table-head.ds-table-head--sortable th.ds-table-sort-header .ds-table-sort-header__sort-icon path {
  fill: var(--ds-color-icon-table-header-sort-non-active);
}
:host(ds-table-head).ds-table-head--sortable th.ds-table-sort-header .ds-table-sort-header__sort-icon g > path,
:host(ds-table-head).ds-table-head--sortable th.ds-table-sort-header .ds-table-sort-header__sort-icon path > path,
:host(.ds-table-head).ds-table-head--sortable th.ds-table-sort-header .ds-table-sort-header__sort-icon g > path,
:host(.ds-table-head).ds-table-head--sortable th.ds-table-sort-header .ds-table-sort-header__sort-icon path > path,
.ds-table-head.ds-table-head--sortable th.ds-table-sort-header .ds-table-sort-header__sort-icon g > path,
.ds-table-head.ds-table-head--sortable th.ds-table-sort-header .ds-table-sort-header__sort-icon path > path {
  fill: inherit;
}
:host(ds-table-head).ds-table-head--sortable th.ds-table-sort-header .ds-table-sort-header__sort-icon--asc g > path:first-child,
:host(.ds-table-head).ds-table-head--sortable th.ds-table-sort-header .ds-table-sort-header__sort-icon--asc g > path:first-child,
.ds-table-head.ds-table-head--sortable th.ds-table-sort-header .ds-table-sort-header__sort-icon--asc g > path:first-child {
  fill: var(--ds-color-icon-table-header-sort-active);
}
:host(ds-table-head).ds-table-head--sortable th.ds-table-sort-header .ds-table-sort-header__sort-icon--desc g > path:last-child,
:host(.ds-table-head).ds-table-head--sortable th.ds-table-sort-header .ds-table-sort-header__sort-icon--desc g > path:last-child,
.ds-table-head.ds-table-head--sortable th.ds-table-sort-header .ds-table-sort-header__sort-icon--desc g > path:last-child {
  fill: var(--ds-color-icon-table-header-sort-active);
}
:host(ds-table-head).ds-table-head--horizontal-divider th,
:host(.ds-table-head).ds-table-head--horizontal-divider th,
.ds-table-head.ds-table-head--horizontal-divider th {
  border-bottom-color: var(--ds-color-surface-table-dividers);
  --table-sort-header-row-divider-offset: 1px;
}
:host(ds-table-head):not(.ds-table-head--horizontal-divider) th,
:host(.ds-table-head):not(.ds-table-head--horizontal-divider) th,
.ds-table-head:not(.ds-table-head--horizontal-divider) th {
  border-bottom: none;
}
:host(ds-table-head).ds-table-head--vertical-divider th,
:host(.ds-table-head).ds-table-head--vertical-divider th,
.ds-table-head.ds-table-head--vertical-divider th {
  border-right-color: var(--ds-color-surface-table-dividers);
  --table-sort-header-column-divider-offset: 1px;
}
:host(ds-table-head):not(.ds-table-head--vertical-divider) th,
:host(.ds-table-head):not(.ds-table-head--vertical-divider) th,
.ds-table-head:not(.ds-table-head--vertical-divider) th {
  border-right: none;
}
.text-smallprint {
  font-family: var(--ds-typography-family-base);
  font-size: var(--ds-typography-size-smallprint);
  font-weight: var(--ds-typography-weight-regular);
  line-height: var(--ds-typography-line-height-smallprint);
}
.text-label {
  font-family: var(--ds-typography-family-base);
  font-size: var(--ds-typography-size-label);
  font-weight: var(--ds-typography-weight-regular);
  line-height: var(--ds-typography-line-height-label);
}
.text-regular,
:host(ds-table-row) td,
:host(.ds-table-row) td,
.ds-table-row td {
  font-family: var(--ds-typography-family-base);
  font-size: var(--ds-typography-size-regular);
  font-weight: var(--ds-typography-weight-regular);
  line-height: var(--ds-typography-line-height-regular);
}
.text-paragraph {
  font-family: var(--ds-typography-family-base);
  font-size: var(--ds-typography-size-paragraph);
  font-weight: var(--ds-typography-weight-regular);
  line-height: var(--ds-typography-line-height-paragraph);
}
.title-xs {
  font-family: var(--ds-typography-family-base);
  font-size: var(--ds-typography-size-title-xs);
  font-weight: var(--ds-typography-weight-title-xs);
  line-height: var(--ds-typography-line-height-title-xs);
  text-transform: var(--ds-typography-transform-uppercase);
}
.title-sm {
  font-family: var(--ds-typography-family-base);
  font-size: var(--ds-typography-size-title-sm);
  font-weight: var(--ds-typography-weight-title-sm);
  line-height: var(--ds-typography-line-height-title-sm);
  text-transform: var(--ds-typography-transform-uppercase);
}
.title-md {
  font-family: var(--ds-typography-family-base);
  font-size: var(--ds-typography-size-title-md);
  font-weight: var(--ds-typography-weight-title-md);
  line-height: var(--ds-typography-line-height-title-md);
}
.title-lg {
  font-family: var(--ds-typography-family-brand);
  font-size: var(--ds-typography-size-title-lg);
  font-weight: var(--ds-typography-weight-title-lg);
  line-height: var(--ds-typography-line-height-title-lg);
  text-transform: var(--ds-typography-transform-uppercase);
}
.truncated-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
:host(ds-table-row) td,
:host(.ds-table-row) td,
.ds-table-row td {
  height: var(--ds-shape-size-ymin-table-cell);
  width: var(--ds-shape-size-xmin-table-cell);
  padding-left: var(--ds-space-inline-start-table-cell);
  padding-right: var(--ds-space-inline-end-table-cell);
  background-color: var(--ds-color-surface-table-cell);
  border-right: 1px solid var(--ds-color-border-table-cell);
  border-bottom: 1px solid var(--ds-color-border-table-cell);
}
:host(ds-table-row) td:last-child,
:host(.ds-table-row) td:last-child,
.ds-table-row td:last-child {
  border-right: none;
}
:host(ds-table-row):last-child td,
:host(.ds-table-row):last-child td,
.ds-table-row:last-child td {
  border-bottom: none;
}
:host(ds-table-row).ds-table-row--zebra-odd,
:host(.ds-table-row).ds-table-row--zebra-odd,
.ds-table-row.ds-table-row--zebra-odd {
  background-color: var(--ds-color-surface-table-cell-odd);
  border-color: var(--ds-color-border-table-cell-odd);
}
:host(ds-table-row).ds-table-row--zebra-even,
:host(.ds-table-row).ds-table-row--zebra-even,
.ds-table-row.ds-table-row--zebra-even {
  background-color: var(--ds-color-surface-table-cell-even);
  border-color: var(--ds-color-border-table-cell-even);
}
:host(ds-table-row).ds-table-row--horizontal-divider td,
:host(.ds-table-row).ds-table-row--horizontal-divider td,
.ds-table-row.ds-table-row--horizontal-divider td {
  border-bottom-color: var(--ds-color-surface-table-dividers);
}
:host(ds-table-row):not(.ds-table-row--horizontal-divider) td,
:host(.ds-table-row):not(.ds-table-row--horizontal-divider) td,
.ds-table-row:not(.ds-table-row--horizontal-divider) td {
  border-bottom: none;
}
:host(ds-table-row).ds-table-row--vertical-divider td,
:host(.ds-table-row).ds-table-row--vertical-divider td,
.ds-table-row.ds-table-row--vertical-divider td {
  border-right-color: var(--ds-color-surface-table-dividers);
}
:host(ds-table-row):not(.ds-table-row--vertical-divider) td,
:host(.ds-table-row):not(.ds-table-row--vertical-divider) td,
.ds-table-row:not(.ds-table-row--vertical-divider) td {
  border-right: none;
}
:host(ds-table),
:host(.ds-table),
.ds-table {
  --table-sort-header-outer-divider-offset: 0px;
  --table-sort-header-column-divider-offset: 0px;
  --table-sort-header-row-divider-offset: 0px;
  --ds-font-feature-settings-table: "tnum";
  --ds-color-surface-table-header-sticky: var(--ds-color-surface-page);
}
:host(ds-table),
:host(ds-table) table,
:host(.ds-table),
:host(.ds-table) table,
.ds-table,
.ds-table table {
  position: relative;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-feature-settings: var(--ds-font-feature-settings-table);
}
:host(ds-table).ds-table--outer-divider,
:host(ds-table) table.ds-table--outer-divider,
:host(.ds-table).ds-table--outer-divider,
:host(.ds-table) table.ds-table--outer-divider,
.ds-table.ds-table--outer-divider,
.ds-table table.ds-table--outer-divider {
  --table-sort-header-outer-divider-offset: 1px;
}
:host(ds-table).ds-table--outer-divider .ds-table-head th,
:host(ds-table) table.ds-table--outer-divider .ds-table-head th,
:host(.ds-table).ds-table--outer-divider .ds-table-head th,
:host(.ds-table) table.ds-table--outer-divider .ds-table-head th,
.ds-table.ds-table--outer-divider .ds-table-head th,
.ds-table table.ds-table--outer-divider .ds-table-head th {
  border-top: 1px solid var(--ds-color-surface-table-dividers);
}
:host(ds-table).ds-table--outer-divider .ds-table-head th:first-child,
:host(ds-table) table.ds-table--outer-divider .ds-table-head th:first-child,
:host(.ds-table).ds-table--outer-divider .ds-table-head th:first-child,
:host(.ds-table) table.ds-table--outer-divider .ds-table-head th:first-child,
.ds-table.ds-table--outer-divider .ds-table-head th:first-child,
.ds-table table.ds-table--outer-divider .ds-table-head th:first-child {
  border-left: 1px solid var(--ds-color-surface-table-dividers);
  border-top-left-radius: var(--ds-shape-radius-table);
}
:host(ds-table).ds-table--outer-divider .ds-table-head th:last-child,
:host(ds-table) table.ds-table--outer-divider .ds-table-head th:last-child,
:host(.ds-table).ds-table--outer-divider .ds-table-head th:last-child,
:host(.ds-table) table.ds-table--outer-divider .ds-table-head th:last-child,
.ds-table.ds-table--outer-divider .ds-table-head th:last-child,
.ds-table table.ds-table--outer-divider .ds-table-head th:last-child {
  border-right: 1px solid var(--ds-color-surface-table-dividers);
  border-top-right-radius: var(--ds-shape-radius-table);
}
:host(ds-table).ds-table--outer-divider .ds-table-row td:first-child,
:host(ds-table) table.ds-table--outer-divider .ds-table-row td:first-child,
:host(.ds-table).ds-table--outer-divider .ds-table-row td:first-child,
:host(.ds-table) table.ds-table--outer-divider .ds-table-row td:first-child,
.ds-table.ds-table--outer-divider .ds-table-row td:first-child,
.ds-table table.ds-table--outer-divider .ds-table-row td:first-child {
  border-left: 1px solid var(--ds-color-surface-table-dividers);
}
:host(ds-table).ds-table--outer-divider .ds-table-row td:last-child,
:host(ds-table) table.ds-table--outer-divider .ds-table-row td:last-child,
:host(.ds-table).ds-table--outer-divider .ds-table-row td:last-child,
:host(.ds-table) table.ds-table--outer-divider .ds-table-row td:last-child,
.ds-table.ds-table--outer-divider .ds-table-row td:last-child,
.ds-table table.ds-table--outer-divider .ds-table-row td:last-child {
  border-right: 1px solid var(--ds-color-surface-table-dividers);
}
:host(ds-table).ds-table--outer-divider .ds-table-row:last-child td,
:host(ds-table) table.ds-table--outer-divider .ds-table-row:last-child td,
:host(.ds-table).ds-table--outer-divider .ds-table-row:last-child td,
:host(.ds-table) table.ds-table--outer-divider .ds-table-row:last-child td,
.ds-table.ds-table--outer-divider .ds-table-row:last-child td,
.ds-table table.ds-table--outer-divider .ds-table-row:last-child td {
  border-bottom: 1px solid var(--ds-color-surface-table-dividers);
}
:host(ds-table).ds-table--outer-divider .ds-table-row:last-child td:first-child,
:host(ds-table) table.ds-table--outer-divider .ds-table-row:last-child td:first-child,
:host(.ds-table).ds-table--outer-divider .ds-table-row:last-child td:first-child,
:host(.ds-table) table.ds-table--outer-divider .ds-table-row:last-child td:first-child,
.ds-table.ds-table--outer-divider .ds-table-row:last-child td:first-child,
.ds-table table.ds-table--outer-divider .ds-table-row:last-child td:first-child {
  border-left: 1px solid var(--ds-color-surface-table-dividers);
  border-bottom-left-radius: var(--ds-shape-radius-table);
}
:host(ds-table).ds-table--outer-divider .ds-table-row:last-child td:last-child,
:host(ds-table) table.ds-table--outer-divider .ds-table-row:last-child td:last-child,
:host(.ds-table).ds-table--outer-divider .ds-table-row:last-child td:last-child,
:host(.ds-table) table.ds-table--outer-divider .ds-table-row:last-child td:last-child,
.ds-table.ds-table--outer-divider .ds-table-row:last-child td:last-child,
.ds-table table.ds-table--outer-divider .ds-table-row:last-child td:last-child {
  border-right: 1px solid var(--ds-color-surface-table-dividers);
  border-bottom-right-radius: var(--ds-shape-radius-table);
}
:host(ds-table):not(table),
:host(.ds-table):not(table),
.ds-table:not(table) {
  display: block;
}
.ds-time {
  padding: 0;
}
h1,
.h1 {
  font-family: var(--ds-typography-family-brand);
  font-size: var(--ds-typography-size-title-lg);
  font-weight: var(--ds-typography-weight-title-lg);
  line-height: var(--ds-typography-line-height-title-lg);
  text-transform: var(--ds-typography-transform-uppercase);
}
h2,
.h2 {
  font-family: var(--ds-typography-family-base);
  font-size: var(--ds-typography-size-title-md);
  font-weight: var(--ds-typography-weight-title-md);
  line-height: var(--ds-typography-line-height-title-md);
}
h3,
.h3 {
  font-family: var(--ds-typography-family-base);
  font-size: var(--ds-typography-size-title-sm);
  font-weight: var(--ds-typography-weight-title-sm);
  line-height: var(--ds-typography-line-height-title-sm);
  text-transform: var(--ds-typography-transform-uppercase);
}
h4,
.h4 {
  font-family: var(--ds-typography-family-base);
  font-size: var(--ds-typography-size-title-xs);
  font-weight: var(--ds-typography-weight-title-xs);
  line-height: var(--ds-typography-line-height-title-xs);
  text-transform: var(--ds-typography-transform-uppercase);
}
h5,
.h5 {
  font-family: var(--ds-typography-family-base);
  font-size: var(--ds-typography-size-title-xs);
  font-weight: var(--ds-typography-weight-title-xs);
  line-height: var(--ds-typography-line-height-title-xs);
  text-transform: var(--ds-typography-transform-uppercase);
}
h6,
.h6 {
  font-family: var(--ds-typography-family-base);
  font-size: var(--ds-typography-size-title-xs);
  font-weight: var(--ds-typography-weight-title-xs);
  line-height: var(--ds-typography-line-height-title-xs);
  text-transform: var(--ds-typography-transform-uppercase);
}
:host(ds-badge-bed),
:host(.ds-badge-bed),
.ds-badge-bed {
  height: 100%;
  left: 0;
  overflow: visible;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}
:host(ds-badge-bed) ds-badge,
:host(.ds-badge-bed) ds-badge,
.ds-badge-bed ds-badge {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
}
input.ds-input[type=range] {
  appearance: none;
  height: var(--ds-shape-size-y-range-track);
  background: var(--ds-color-surface-range-track);
  border-radius: 5px;
  background-image: linear-gradient(var(--ds-color-surface-range-trackfill), var(--ds-color-surface-range-trackfill));
  background-size: 70% 100%;
  background-repeat: no-repeat;
  pointer-events: none;
}
input.ds-input[type=range]::-webkit-slider-runnable-track {
  appearance: none;
  height: var(--ds-shape-size-y-range-track);
  box-shadow: none;
  border: none;
  background: transparent;
  pointer-events: auto;
}
input.ds-input[type=range]::-webkit-slider-thumb {
  appearance: none;
  height: var(--ds-shape-size-y-range-handle);
  width: var(--ds-shape-size-x-range-handle);
  border-radius: var(--ds-shape-radius-range-handle);
  background-color: var(--ds-color-surface-range-handle);
  cursor: pointer;
  filter: var(--ds-elevation-range-handle);
  transform: translate(0, -33%);
  pointer-events: auto;
}
input.ds-input[type=range]::-webkit-slider-thumb:hover {
  background-color: var(--ds-color-surface-range-handle-hover);
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop,
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
.modal {
  width: 100%;
  height: 100%;
  display: none;
  pointer-events: none !important;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: fixed;
}
.modal.is-active {
  display: flex;
  padding: var(--ds-space-12x) var(--ds-space-6x);
}
.modal > * {
  pointer-events: all;
}
.modal--mobile {
  align-items: flex-end;
}
.modal--mobile .modal-content {
  padding-top: 6px;
  overflow: auto;
  background-color: var(--ds-color-surface-base);
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  max-height: calc(100vh - var(--ds-space-1x) * 28);
  box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.2);
}
.modal-content {
  pointer-events: all !important;
}
.ds-generic-modal-background,
.ds-drawer-background {
  background: var(--ds-color-surface-backdrop);
}
.cdk-overlay-container {
  --cdk-overlay-backdrop-transition-duration: var(--ds-motion-duration-slow);
}
.cdk-overlay-container.in-container {
  position: relative;
}
.cdk-overlay-container--for-badge {
  position: absolute;
}
.cdk-overlay-pane.in-container {
  position: absolute;
}
.cdk-overlay-pane--hidden {
  display: none;
}
.cdk-overlay-backdrop {
  transition: opacity var(--ds-motion-duration-slow) var(--ds-motion-timing-standard);
}
.cdk-overlay-backdrop.ds-no-motion {
  transition: opacity 0s;
}
.cdk-overlay-backdrop--closing {
  transition: opacity var(--ds-motion-duration-standard) var(--ds-motion-timing-standard);
}
.overlay-animation {
  --overlay-menu-close-animation-duration: var(--ds-motion-duration-rapid);
  animation-name: ds-animations-overlay-appear;
  animation-duration: var(--ds-motion-duration-quick);
  animation-timing-function: var(--ds-motion-timing-entrance);
  transform-origin: center bottom;
  transition: opacity var(--ds-motion-duration-slow) var(--ds-motion-timing-standard);
  transform: translateY(2px);
}
.overlay-animation.ds-no-motion {
  transition-duration: 0s;
  animation-name: none;
}
.overlay-animation-close {
  opacity: 0;
  animation-name: ds-animations-overlay-disappear;
  animation-duration: var(--ds-motion-duration-rapid);
  animation-timing-function: var(--ds-motion-timing-exit);
  pointer-events: none;
}
.overlay-animation-close-modal {
  opacity: 0;
  animation-name: ds-animations-overlay-disappear;
  animation-duration: var(--ds-motion-duration-quick);
  animation-timing-function: var(--ds-motion-timing-exit);
  pointer-events: none;
}
.overlay-animation-top {
  --overlay-menu-close-animation-duration: var(--ds-motion-duration-rapid);
  animation-name: ds-animations-overlay-appear-top;
  animation-duration: var(--ds-motion-duration-quick);
  animation-timing-function: var(--ds-motion-timing-entrance);
  transform-origin: center bottom;
  transition: opacity var(--ds-motion-duration-slow) var(--ds-motion-timing-standard);
  transform: translateY(2px);
}
.overlay-animation-top.ds-no-motion {
  transition-duration: 0s;
  animation-name: none;
}
.overlay-animation-top-close {
  opacity: 0;
  animation-name: ds-animations-overlay-disappear-top;
  animation-duration: var(--ds-motion-duration-rapid);
  animation-timing-function: var(--ds-motion-timing-exit);
  pointer-events: none;
}
.overlay-animation-top-close-modal {
  opacity: 0;
  animation-name: ds-animations-overlay-disappear-top;
  animation-duration: var(--ds-motion-duration-quick);
  animation-timing-function: var(--ds-motion-timing-exit);
  pointer-events: none;
}
@keyframes ds-animations-overlay-disappear {
  0% {
    transform: translateY(2px);
    opacity: 1;
  }
  100% {
    transform: translateY(-4px);
    opacity: 0;
  }
}
@keyframes ds-animations-overlay-appear {
  0% {
    transform: translateY(-8px);
    opacity: 0;
  }
  100% {
    transform: translateY(2px);
    opacity: 1;
  }
}
@keyframes ds-animations-overlay-disappear-top {
  0% {
    transform: translateY(-2px);
    opacity: 1;
  }
  100% {
    transform: translateY(12px);
    opacity: 0;
  }
}
@keyframes ds-animations-overlay-appear-top {
  0% {
    transform: translateY(8px);
    opacity: 0;
  }
  100% {
    transform: translateY(-2px);
    opacity: 1;
  }
}
.overlay-animation-submenu {
  --overlay-menu-close-animation-duration: var(--ds-motion-duration-rapid);
  animation-name: ds-animations-overlay-appear-submenu;
  animation-duration: var(--ds-motion-duration-quick);
  animation-timing-function: var(--ds-motion-timing-entrance);
  transform: translate(6px, -8px);
}
.overlay-animation-submenu.ds-no-motion {
  transition-duration: 0s;
  animation-name: none;
}
.overlay-animation-submenu-close {
  animation-name: ds-animations-overlay-disappear-submenu;
  animation-duration: var(--ds-motion-duration-rapid);
  animation-timing-function: var(--ds-motion-timing-exit);
}
@keyframes ds-animations-overlay-appear-submenu {
  0% {
    transform: translate(0, -8px);
    opacity: 0;
  }
  100% {
    transform: translate(6px, -8px);
    opacity: 1;
  }
}
@keyframes ds-animations-overlay-disappear-submenu {
  0% {
    transform: translate(6px, -8px);
    opacity: 1;
  }
  100% {
    transform: translate(0, -8px);
    opacity: 0;
  }
}
.overlay-popover-animation {
  --overlay-menu-close-animation-duration: var(--ds-motion-duration-rapid);
  transition: opacity var(--ds-motion-duration-slow) var(--ds-motion-timing-standard);
  opacity: 1;
}
.overlay-popover-animation.ds-no-motion {
  transition-duration: 0s;
  animation-name: none;
}
.overlay-popover-animation--top > .ds-popover-wrapper:first-child {
  transform: translateY(0);
}
.overlay-popover-animation--top--close {
  opacity: 0;
}
.overlay-popover-animation--top--close > .ds-popover-wrapper:first-child {
  transform: translateY(4px);
}
.overlay-popover-animation--right > .ds-popover-wrapper:first-child {
  transform: translateX(0);
}
.overlay-popover-animation--right--close {
  opacity: 0;
}
.overlay-popover-animation--right--close > .ds-popover-wrapper:first-child {
  transform: translateX(-4px);
}
.overlay-popover-animation--bottom > .ds-popover-wrapper:first-child {
  transform: translateY(0);
}
.overlay-popover-animation--bottom--close {
  opacity: 0;
}
.overlay-popover-animation--bottom--close > .ds-popover-wrapper:first-child {
  transform: translateY(-4px);
}
.overlay-popover-animation--left > .ds-popover-wrapper:first-child {
  transform: translateX(0);
}
.overlay-popover-animation--left--close {
  opacity: 0;
}
.overlay-popover-animation--left--close > .ds-popover-wrapper:first-child {
  transform: translateX(4px);
}
.overlay-popover-animation > .ds-popover-wrapper:first-child {
  transition: transform var(--ds-motion-duration-slow) var(--ds-motion-timing-standard);
}
.overlay-tooltip-animation {
  --overlay-menu-close-animation-duration: var(--ds-motion-duration-quick);
  transition: opacity var(--ds-motion-duration-quick) var(--ds-motion-timing-standard);
  opacity: 1;
}
.overlay-tooltip-animation.ds-no-motion {
  transition-duration: 0s;
  animation-name: none;
}
.overlay-tooltip-animation--top > .ds-tooltip > .ds-tooltip-wrapper:first-child {
  transform: translateY(0);
}
.overlay-tooltip-animation--top--close {
  opacity: 0;
}
.overlay-tooltip-animation--top--close > .ds-tooltip > .ds-tooltip-wrapper:first-child {
  transform: translateY(4px);
}
.overlay-tooltip-animation--right > .ds-tooltip > .ds-tooltip-wrapper:first-child {
  transform: translateX(4px);
}
.overlay-tooltip-animation--right--close {
  opacity: 0;
}
.overlay-tooltip-animation--right--close > .ds-tooltip > .ds-tooltip-wrapper:first-child {
  transform: translateX(-4px);
}
.overlay-tooltip-animation--bottom > .ds-tooltip > .ds-tooltip-wrapper:first-child {
  transform: translateY(0);
}
.overlay-tooltip-animation--bottom--close {
  opacity: 0;
}
.overlay-tooltip-animation--bottom--close > .ds-tooltip > .ds-tooltip-wrapper:first-child {
  transform: translateY(-4px);
}
.overlay-tooltip-animation--left > .ds-tooltip > .ds-tooltip-wrapper:first-child {
  transform: translateX(0);
}
.overlay-tooltip-animation--left--close {
  opacity: 0;
}
.overlay-tooltip-animation--left--close > .ds-tooltip > .ds-tooltip-wrapper:first-child {
  transform: translateX(4px);
}
.overlay-tooltip-animation > .ds-tooltip > .ds-tooltip-wrapper:first-child {
  transition: transform var(--ds-motion-duration-quick) var(--ds-motion-timing-standard);
}
.ds-drawer-background {
  --ds-drawer-background-transition-duration: var(--ds-motion-duration-slow);
  background-color: var(--ds-color-surface-backdrop);
  transition: opacity var(--ds-drawer-background-transition-duration) var(--ds-motion-timing-standard);
}
.ds-drawer-background.ds-drawer-background--left {
  --ds-drawer-background-transition-duration: var(--ds-motion-duration-standard);
}
.ds-drawer-background.ds-no-motion {
  transition-duration: 0s;
  animation-name: none;
  --ds-drawer-background-transition-duration: 0s;
}
.ds-drawer-background--disappear {
  --ds-drawer-background-transition-duration: var(--ds-motion-duration-standard);
}
.ds-drawer-background--disappear.ds-drawer-background--left {
  --ds-drawer-background-transition-duration: var(--ds-motion-duration-quick);
}
.ds-drawer-background--disappear.ds-no-motion {
  transition-duration: 0s;
  animation-name: none;
  --ds-drawer-background-transition-duration: 0s;
}
.ds-drawer-panel {
  bottom: 0;
  width: 100%;
  max-height: calc(100% - var(--ds-space-stack-safe-box-bsheet));
}
.ds-drawer-panel.ds-drawer--left {
  width: var(--ds-shape-width-sidedrawer);
  max-width: var(--ds-shape-width-sidedrawer);
  height: 100%;
  max-height: 100%;
  bottom: unset;
}
.ds-drawer-panel.ds-no-motion {
  transition-duration: 0s;
  animation-name: none;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */