/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*! Global styles for Angular applications */
/*
 * Declarations of functions used in the library. Must have.
 */
/*
 * Library CSS variables. Must have.
 */
: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-neutral-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-neutral-1000), 0.15);
  --ds-box-shadow-sm: 0 0.125rem 0.25rem
    rgba(var(--ds-color-neutral-1000), 0.075);
  --ds-box-shadow-lg: 0 1rem 3rem
    rgba(var(--ds-color-neutral-1000), 0.175);
  --ds-box-shadow-inset: inset 0 1px 2px
    rgba(var(--ds-color-neutral-1000), 0.075);
  --ds-border-color: var(--ds-color-neutral-300);
  --ds-border-width: 1px;
  --ds-spacer: 1rem;
  --ds-hr-opacity: 0.25;
  --ds-mark-padding: 0.2em;
  --ds-mark-bg: var(--ds-color-caution-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-neutral-700);
  --ds-kbd-padding-y: 0.2rem;
  --ds-kbd-padding-x: 0.4rem;
  --ds-kbd-color: var(--ds-color-neutral-200);
  --ds-kbd-bg: var(--ds-color-neutral-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;
}

/**
 * Do not edit directly
 * Generated on Mon, 22 Jul 2024 16:05:52 GMT
 */
:root,
:host {
  /* start typography-weight variables block */
  --ds-typography-weight-400: 400;
  --ds-typography-weight-500: 500;
  --ds-typography-weight-600: 600;
  --ds-typography-weight-700: 700;
  /* end typography-weight variables block */
  /* start typography-transform variables block */
  --ds-typography-transform-capitalize1: capitalize;
  --ds-typography-transform-lowercase1: lowercase;
  --ds-typography-transform-uppercase1: uppercase;
  /* end typography-transform variables block */
  /* start typography-style variables block */
  --ds-typography-style-italic: italic;
  --ds-typography-style-regular: initial; /* it is similar to regular */
  /* end typography-style variables block */
  /* start typography-size variables block */
  --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;
  /* end typography-size variables block */
  /* start typography-family variables block */
  --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";
  /* end typography-family variables block */
  /* start space variables block */
  --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;
  /* end space variables block */
  /* start shape variables block */
  --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;
  /* end shape variables block */
  /* start motion variables block */
  --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);
  /* end motion variables block */
  /* start icon variables block */
  --ds-icon-family-brand: url; /* should be an asset */
  /* end icon variables block */
  /* start elevation variables block */
  --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));
  /* end elevation variables block */
  /* start color variables block */
  --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;
  /* end color variables block */
  /* start asset variables block */
  --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=");
  /* end asset variables block */
  /* start typography-weight global tokens block */
  --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);
  /* end typography-weight global tokens block */
  /* start typography-transform global tokens block */
  --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);
  /* end typography-transform global tokens block */
  /* start typography-size global tokens block */
  --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);
  /* end typography-size global tokens block */
  /* start typography-line-height global tokens block */
  --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);
  /* end typography-line-height global tokens block */
  /* start typography-family global tokens block */
  --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);
  /* end typography-family global tokens block */
  /* start shape global tokens block */
  --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);
  /* end shape global tokens block */
  /* start motion global tokens block */
  --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);
  /* end motion global tokens block */
  /* start icon global tokens block */
  --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);
  /* end icon global tokens block */
  /* start elevation global tokens block */
  --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%);
  /* end elevation global tokens block */
  /* start typography global tokens block */
  --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);
  /* end typography global tokens block */
  /* start surface global tokens block */
  --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);
  /* end surface global tokens block */
  /* start outline global tokens block */
  --ds-color-outline-action: var(--ds-color-ocean-500-alpha-30);
  --ds-color-outline-critical: var(--ds-color-red-600-alpha-30);
  /* end outline global tokens block */
  /* start icon global tokens block */
  --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);
  /* end icon global tokens block */
  /* start border global tokens block */
  --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);
  /* end border global tokens block */
  /* start logos global tokens block */
  --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);
  /* end logos global tokens block */
  /* start icons global tokens block */
  --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);
  /* end icons global tokens block */
  /* start headings components tokens block */
  --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);
  /* end headings components tokens block */
  /* start tooltip components tokens block */
  --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);
  /* end tooltip components tokens block */
  /* start toast components tokens block */
  --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);
  /* end toast components tokens block */
  /* start tags components tokens block */
  --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;
  /* end tags components tokens block */
  /* start tabs components tokens block */
  --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);
  /* end tabs components tokens block */
  /* start table components tokens block */
  --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);
  /* end table components tokens block */
  /* start stepper-item components tokens block */
  --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);
  /* end stepper-item components tokens block */
  /* start side-drawer components tokens block */
  --ds-shape-max-height-header-item: 40px;
  --ds-shape-max-width-header-label-wrapper-diff: 60px;
  --ds-shape-width-sidedrawer: 280px;
  /* end side-drawer components tokens block */
  /* start segmented-control components tokens block */
  --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);
  /* end segmented-control components tokens block */
  /* start range components tokens block */
  --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;
  /* end range components tokens block */
  /* start progress-circle components tokens block */
  --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);
  /* end progress-circle components tokens block */
  /* start progress-bar components tokens block */
  --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);
  /* end progress-bar components tokens block */
  /* start navbar components tokens block */
  --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);
  /* end navbar components tokens block */
  /* start message components tokens block */
  --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);
  /* end message components tokens block */
  /* start menu components tokens block */
  --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);
  /* end menu components tokens block */
  /* start loading-area components tokens block */
  --ds-color-icon-loading-area-solid: var(--ds-color-surface-neutral-strong);
  --ds-color-icon-loading-area-translucent: var(--ds-color-surface-base);
  --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);
  /* end loading-area components tokens block */
  /* start list-items components tokens block */
  --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;
  /* end list-items components tokens block */
  /* start hint components tokens block */
  --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);
  /* end hint components tokens block */
  /* start header components tokens block */
  --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);
  /* end header components tokens block */
  /* start forms components tokens block */
  --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;
  /* end forms components tokens block */
  /* start calendar components tokens block */
  --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;
  /* end calendar components tokens block */
  /* start button components tokens block */
  --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-disabled-active: var(--ds-color-typography-base);
  --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-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);
  /* end button components tokens block */
  /* start box components tokens block */
  --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);
  /* end box components tokens block */
  /* start bottom-sheet components tokens block */
  --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);
  /* end bottom-sheet components tokens block */
  /* start banner components tokens block */
  --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);
  /* end banner components tokens block */
  /* start badge components tokens block */
  --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);
  /* end badge components tokens block */
  /* start accordion components tokens block */
  --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);
  /* end accordion components tokens block */
}

:root:has(.ds-dark) {
  /* start typography-weight global tokens block */
  --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);
  /* end typography-weight global tokens block */
  /* start surface global tokens block */
  --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);
  /* end surface global tokens block */
  /* start outline global tokens block */
  --ds-color-outline-action: var(--ds-color-ocean-400-alpha-30);
  --ds-color-outline-critical: var(--ds-color-red-600-alpha-30);
  /* end outline global tokens block */
  /* start icon global tokens block */
  --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
  );
  /* end icon global tokens block */
  /* start border global tokens block */
  --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);
  /* end border global tokens block */
  /* start logos global tokens block */
  --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);
  /* end logos global tokens block */
  /* start icons global tokens block */
  --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);
  /* end icons global tokens block */
}

/*
 * Basic set of styles for Density that unifies default styling accross different implementations of browser vendors. Based on Bootstrap Reboot and Sanitize.css. Recommended.
 */
/*JORGE!!!*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

:root,
:host {
  font-size: var(--ds-typography-size-paragraph-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-m);
  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;
}

abbr[title],
abbr[data-bs-original-title] {
  cursor: help;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  -webkit-text-decoration-skip-ink: none;
          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-paragraph-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 /* rtl:ignore */;
  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-neutral-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-text-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, select.ds-select,
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;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-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; /* 1 */
  text-indent: 0; /* 2 */
}

/* stylelint-disable-next-line */
::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;
}

/*
 * Fonts
 */
@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('bmw-group-tn-condensed-pro-medium.9a8dd59ad11acf27.woff2') format("woff2"), url('bmw-group-tn-condensed-pro-medium.814dbc7458d48ccb.woff') format("woff");
}
/*
 * Utilities classes like spacing, basic typography rules, alignments. Recommended.
 */
.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, :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) !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;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-base, :host(ds-table-row) td,
:host(.ds-table-row) td,
.ds-table-row td {
  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, :host(ds-table-head).ds-table-head--sortable th.ds-table-sort-header .ds-table-sort-header__wrapper__content--active,
:host(.ds-table-head).ds-table-head--sortable th.ds-table-sort-header .ds-table-sort-header__wrapper__content--active,
.ds-table-head.ds-table-head--sortable th.ds-table-sort-header .ds-table-sort-header__wrapper__content--active {
  color: var(--ds-color-typography-action-active) !important;
}

.text-neutral, :host(ds-table-head) th,
:host(.ds-table-head) th,
.ds-table-head th {
  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;
}

/*
 * Grid, containers and media breakpoints system.
 */
: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;
  }
}
/*
 * Styling of native elements
 */
.anchor--button {
  text-decoration: none;
}
.anchor--button:hover {
  text-decoration: none;
}

/*
 *  For focus states we use 'box-shadow' as it respects border-radius unlike 'outline'
 */
.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;
  /*
   *  Fallback button type to "primary" if type class doesn't exist
   */
  /*
   *  Fallback button type to "primary" if type class doesn't exist
   */
  /*
   *  Fallback button type to "primary" if type class doesn't exist
   */
  /*
   *  Fallback button type to "primary" if type class doesn't exist
   */
  /*
   *  Fallback button type to "primary" if type class doesn't exist
   */
  /*
   *  Fallback button type to "primary" if type class doesn't exist
   */
  /*
   *  Fallback button type to "primary" if type class doesn't exist
   */
  /*
   *  Fallback button type to "primary" if type class doesn't exist
   */
}
.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-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=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 {
  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=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 {
  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 {
  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 {
  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-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;
  --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);
}
.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__explicit-label select.ds-checkbox.ds-select, .ds-checkbox-group--is-block .ds-checkbox__implicit-label input.ds-checkbox, .ds-checkbox-group--is-block .ds-checkbox__implicit-label select.ds-checkbox.ds-select {
  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, select.ds-checkbox.ds-select: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, select.ds-checkbox.ds-select: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, select.ds-checkbox.ds-select: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, select.ds-checkbox.ds-select: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__explicit-label:not(.ds-checkbox__explicit-label--disabled) select.ds-checkbox.ds-select: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), .ds-checkbox-group--is-block .ds-checkbox__implicit-label.ds-checkbox__implicit-label:not(.ds-checkbox__implicit-label--disabled) select.ds-checkbox.ds-select: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, select.ds-checkbox.ds-select:checked), .ds-checkbox-group--is-block .ds-checkbox__implicit-label--readonly:has(input.ds-checkbox:checked, select.ds-checkbox.ds-select: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__explicit-label:not(.ds-checkbox__explicit-label--disabled) select.ds-checkbox.ds-select: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__explicit-label--readonly.ds-checkbox__implicit-label:not(.ds-checkbox__implicit-label--disabled) select.ds-checkbox.ds-select: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__explicit-label:not(.ds-checkbox__explicit-label--disabled) select.ds-checkbox.ds-select: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), .ds-checkbox-group--is-block .ds-checkbox__implicit-label--readonly.ds-checkbox__implicit-label:not(.ds-checkbox__implicit-label--disabled) select.ds-checkbox.ds-select:not(:checked) {
  background-color: var(--ds-color-surface-input-readonly);
}

input[type=checkbox].ds-checkbox, select[type=checkbox].ds-checkbox.ds-select {
  background-origin: border-box;
  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, select[type=checkbox].ds-checkbox--lg.ds-select {
  height: var(--ds-shape-size-y-checkbox-large);
  width: var(--ds-shape-size-y-checkbox-large);
}
input[type=checkbox].ds-checkbox:hover, select[type=checkbox].ds-checkbox.ds-select:hover {
  background-color: var(--ds-color-surface-input-hover);
  border-color: var(--ds-color-border-input-hover);
}
input[type=checkbox].ds-checkbox:focus, select[type=checkbox].ds-checkbox.ds-select:focus {
  box-shadow: 0 0 0 2px var(--ds-color-outline-input);
  outline: 0;
}
input[type=checkbox].ds-checkbox:checked:not(:disabled):not([readonly]), select[type=checkbox].ds-checkbox.ds-select: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, select[type=checkbox].ds-checkbox.ds-select: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, select[type=checkbox].ds-checkbox.ds-select:checked:not(:disabled):not([readonly]):focus {
  background-color: var(--ds-color-surface-input-active);
}
input[type=checkbox].ds-checkbox:indeterminate, select[type=checkbox].ds-checkbox.ds-select:indeterminate {
  background-color: var(--ds-color-surface-input-active);
  border: none;
}
input[type=checkbox].ds-checkbox:indeterminate:hover, select[type=checkbox].ds-checkbox.ds-select: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, select[type=checkbox].ds-checkbox.ds-select:indeterminate:focus {
  background-color: var(--ds-color-surface-input-active);
}
input[type=checkbox].ds-checkbox:indeterminate:not(:disabled), select[type=checkbox].ds-checkbox.ds-select:indeterminate:not(:disabled) {
  background-image: var(--ds-icon-checkbox-indeterminate);
}
input[type=checkbox].ds-checkbox:indeterminate[readonly], select[type=checkbox].ds-checkbox.ds-select: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, select[type=checkbox].ds-checkbox.ds-select: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], select[type=checkbox].ds-checkbox[readonly].ds-select {
  background-color: var(--ds-color-surface-input-readonly);
  border: none;
}
input[type=checkbox].ds-checkbox[readonly]:hover, select[type=checkbox].ds-checkbox[readonly].ds-select:hover, input[type=checkbox].ds-checkbox[readonly]:focus, select[type=checkbox].ds-checkbox[readonly].ds-select:focus {
  background-color: var(--ds-color-surface-input-readonly);
  border: none;
}
input[type=checkbox].ds-checkbox[readonly]:checked, select[type=checkbox].ds-checkbox[readonly].ds-select:checked {
  background-image: var(--ds-icon-checkbox-checked-readonly);
}
input[type=checkbox].ds-checkbox:disabled, select[type=checkbox].ds-checkbox.ds-select:disabled {
  background-color: var(--ds-color-surface-input-disabled);
  border: none;
  cursor: not-allowed;
}
input[type=checkbox].ds-checkbox:disabled:hover, select[type=checkbox].ds-checkbox.ds-select:disabled:hover, input[type=checkbox].ds-checkbox:disabled:focus, select[type=checkbox].ds-checkbox.ds-select:disabled:focus {
  background-color: var(--ds-color-surface-input-disabled);
  border: none;
}
input[type=checkbox].ds-checkbox:disabled:checked, select[type=checkbox].ds-checkbox.ds-select:disabled:checked {
  background-image: var(--ds-icon-checkbox-checked-disabled);
}

.ds-date {
  padding: 0;
}

ds-datepicker,
.ds-datepicker {
  flex: 1 1 auto;
}
ds-datepicker .ds-input.ds-input-wrapper > .ds-input, ds-datepicker select.ds-input-wrapper.ds-select > .ds-input, ds-datepicker .ds-input.ds-input-wrapper > select.ds-select, ds-datepicker select.ds-input-wrapper.ds-select > select.ds-select,
.ds-datepicker .ds-input.ds-input-wrapper > .ds-input,
.ds-datepicker select.ds-input-wrapper.ds-select > .ds-input,
.ds-datepicker .ds-input.ds-input-wrapper > select.ds-select,
.ds-datepicker select.ds-input-wrapper.ds-select > select.ds-select {
  display: inline-flex;
  align-items: center;
  flex: 1 1 auto;
}
ds-datepicker .ds-input.ds-input-wrapper > .ds-input > input, ds-datepicker select.ds-input-wrapper.ds-select > .ds-input > input, ds-datepicker .ds-input.ds-input-wrapper > select.ds-select > input, ds-datepicker select.ds-input-wrapper.ds-select > select.ds-select > input, ds-datepicker .ds-input.ds-input-wrapper > .ds-input > select.ds-select, ds-datepicker select.ds-input-wrapper.ds-select > .ds-input > select.ds-select, ds-datepicker .ds-input.ds-input-wrapper > select.ds-select > select.ds-select, ds-datepicker select.ds-input-wrapper.ds-select > select.ds-select > select.ds-select,
.ds-datepicker .ds-input.ds-input-wrapper > .ds-input > input,
.ds-datepicker select.ds-input-wrapper.ds-select > .ds-input > input,
.ds-datepicker .ds-input.ds-input-wrapper > select.ds-select > input,
.ds-datepicker select.ds-input-wrapper.ds-select > select.ds-select > input,
.ds-datepicker .ds-input.ds-input-wrapper > .ds-input > select.ds-select,
.ds-datepicker select.ds-input-wrapper.ds-select > .ds-input > select.ds-select,
.ds-datepicker .ds-input.ds-input-wrapper > select.ds-select > select.ds-select,
.ds-datepicker select.ds-input-wrapper.ds-select > select.ds-select > select.ds-select {
  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 select.ds-input-wrapper.ds-select > .ds-input > input:focus-visible, ds-datepicker .ds-input.ds-input-wrapper > select.ds-select > input:focus-visible, ds-datepicker select.ds-input-wrapper.ds-select > select.ds-select > input:focus-visible, ds-datepicker .ds-input.ds-input-wrapper > .ds-input > select.ds-select:focus-visible, ds-datepicker select.ds-input-wrapper.ds-select > .ds-input > select.ds-select:focus-visible, ds-datepicker .ds-input.ds-input-wrapper > select.ds-select > select.ds-select:focus-visible, ds-datepicker select.ds-input-wrapper.ds-select > select.ds-select > select.ds-select:focus-visible,
.ds-datepicker .ds-input.ds-input-wrapper > .ds-input > input:focus-visible,
.ds-datepicker select.ds-input-wrapper.ds-select > .ds-input > input:focus-visible,
.ds-datepicker .ds-input.ds-input-wrapper > select.ds-select > input:focus-visible,
.ds-datepicker select.ds-input-wrapper.ds-select > select.ds-select > input:focus-visible,
.ds-datepicker .ds-input.ds-input-wrapper > .ds-input > select.ds-select:focus-visible,
.ds-datepicker select.ds-input-wrapper.ds-select > .ds-input > select.ds-select:focus-visible,
.ds-datepicker .ds-input.ds-input-wrapper > select.ds-select > select.ds-select:focus-visible,
.ds-datepicker select.ds-input-wrapper.ds-select > select.ds-select > select.ds-select: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, select.ds-input-wrapper.ds-select > ds-datepicker,
.ds-input.ds-input-wrapper .ds-datepicker,
select.ds-input-wrapper.ds-select .ds-datepicker {
  height: 100%;
}
.ds-input.ds-input-wrapper > ds-datepicker > ds-form-field, select.ds-input-wrapper.ds-select > ds-datepicker > ds-form-field,
.ds-input.ds-input-wrapper > ds-datepicker .ds-form-field,
select.ds-input-wrapper.ds-select > ds-datepicker .ds-form-field,
.ds-input.ds-input-wrapper .ds-datepicker > ds-form-field,
select.ds-input-wrapper.ds-select .ds-datepicker > ds-form-field,
.ds-input.ds-input-wrapper .ds-datepicker .ds-form-field,
select.ds-input-wrapper.ds-select .ds-datepicker .ds-form-field {
  height: 100%;
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing.ds-datepicker__calendar-backdrop-class {
  opacity: 0;
}

/*
 *  For focus states we use 'box-shadow' as it respects border-radius unlike 'outline'
 */
.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;
  /*
   *  Fallback button type to "primary" if type class doesn't exist
   */
  /*
   *  Fallback button type to "primary" if type class doesn't exist
   */
  /*
   *  Fallback button type to "primary" if type class doesn't exist
   */
  /*
   *  Fallback button type to "primary" if type class doesn't exist
   */
  /*
   *  Fallback button type to "primary" if type class doesn't exist
   */
  /*
   *  Fallback button type to "primary" if type class doesn't exist
   */
  /*
   *  Fallback button type to "primary" if type class doesn't exist
   */
  /*
   *  Fallback button type to "primary" if type class doesn't exist
   */
}
.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-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=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 {
  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=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 {
  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-input, select.ds-select {
  appearance: none;
  /* Change Autocomplete styles in Chrome*/
}
.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);
  -webkit-transition: background-color 600000s ease-in-out 0s, color 600000s ease-in-out 0s;
  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 {
  appearance: none;
  margin: 0;
}
.ds-input:focus-visible, select.ds-select:focus-visible {
  outline: none;
}

input:not([type])::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, select.ds-select::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=date]::-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=text]:-moz-placeholder, select.ds-select:-moz-placeholder, input[type=number]:-moz-placeholder, input[type=date]:-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=text]::-moz-placeholder, select.ds-select::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=date]::-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=text]:-ms-input-placeholder, select.ds-select:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=date]:-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=text].ds-input,
select.ds-select,
input[type=number].ds-input,
input[type=date].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=text].ds-input--lg,
select.ds-input--lg.ds-select,
input[type=number].ds-input--lg,
input[type=date].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=text].ds-input--lg::-webkit-input-placeholder, select.ds-input--lg.ds-select::-webkit-input-placeholder, input[type=number].ds-input--lg::-webkit-input-placeholder, input[type=date].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=text].ds-input--lg:-moz-placeholder, select.ds-input--lg.ds-select:-moz-placeholder, input[type=number].ds-input--lg:-moz-placeholder, input[type=date].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=text].ds-input--lg::-moz-placeholder, select.ds-input--lg.ds-select::-moz-placeholder, input[type=number].ds-input--lg::-moz-placeholder, input[type=date].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=text].ds-input--lg:-ms-input-placeholder, select.ds-input--lg.ds-select:-ms-input-placeholder, input[type=number].ds-input--lg:-ms-input-placeholder, input[type=date].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=text].ds-input--lg.ds-input-wrapper,
select.ds-input--lg.ds-input-wrapper.ds-select,
input[type=number].ds-input--lg.ds-input-wrapper,
input[type=date].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=text].ds-input.ds-input-wrapper,
input[type=number].ds-input.ds-input-wrapper,
input[type=date].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,
select.ds-input-wrapper.ds-input-wrapper.ds-select,
.ds-inputnumber.ds-input-wrapper.ds-input.ds-input-wrapper {
  cursor: text;
}
input:not([type]).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=number].ds-input.ds-input-wrapper--non-typeable,
input[type=date].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=text].ds-input.ds-input-wrapper--adaptative-width,
select.ds-input-wrapper--adaptative-width.ds-select,
input[type=number].ds-input.ds-input-wrapper--adaptative-width,
input[type=date].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=text].ds-input.ds-input-wrapper .ds-form-field__wrapper,
input[type=number].ds-input.ds-input-wrapper .ds-form-field__wrapper,
input[type=date].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,
select.ds-input-wrapper.ds-input-wrapper.ds-select .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,
input:not([type]).ds-input.ds-input-wrapper .ds-input-wrapper.ds-input,
input[type=text].ds-input.ds-input-wrapper > .ds-input,
input[type=text].ds-input.ds-input-wrapper .ds-input-wrapper.ds-input,
input[type=number].ds-input.ds-input-wrapper > .ds-input,
input[type=number].ds-input.ds-input-wrapper .ds-input-wrapper.ds-input,
input[type=date].ds-input.ds-input-wrapper > .ds-input,
input[type=date].ds-input.ds-input-wrapper .ds-input-wrapper.ds-input,
input[type=password].ds-input.ds-input-wrapper > .ds-input,
input[type=password].ds-input.ds-input-wrapper .ds-input-wrapper.ds-input,
input[type=email].ds-input.ds-input-wrapper > .ds-input,
input[type=email].ds-input.ds-input-wrapper .ds-input-wrapper.ds-input,
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-wrapper.ds-select > .ds-input,
.ds-input.ds-input-wrapper.ds-input.ds-input-wrapper > 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,
.ds-inputnumber.ds-input-wrapper.ds-input.ds-input-wrapper .ds-input-wrapper.ds-input {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
input:not([type]).ds-input.ds-inputnumber,
input[type=text].ds-input.ds-inputnumber,
select.ds-inputnumber.ds-select,
input[type=number].ds-input.ds-inputnumber,
input[type=date].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=text].ds-input:hover:not(.ds-input-wrapper--supress-hover),
select.ds-select:hover:not(.ds-input-wrapper--supress-hover),
input[type=number].ds-input:hover:not(.ds-input-wrapper--supress-hover),
input[type=date].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=text].ds-input:focus,
select.ds-select:focus,
input[type=number].ds-input:focus,
input[type=date].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=text].ds-input:focus:not(.ds-input-wrapper--non-typeable),
select.ds-select:focus:not(.ds-input-wrapper--non-typeable),
input[type=number].ds-input:focus:not(.ds-input-wrapper--non-typeable),
input[type=date].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, input:not([type]).ds-input[disabled],
input[type=text].ds-input:disabled,
select.ds-select:disabled,
input[type=text].ds-input[disabled],
select[disabled].ds-select,
input[type=number].ds-input:disabled,
input[type=number].ds-input[disabled],
input[type=date].ds-input:disabled,
input[type=date].ds-input[disabled],
input[type=password].ds-input:disabled,
input[type=password].ds-input[disabled],
input[type=email].ds-input:disabled,
input[type=email].ds-input[disabled],
textarea.ds-input:disabled,
textarea.ds-input[disabled],
.ds-input.ds-input-wrapper.ds-input:disabled,
.ds-input.ds-input-wrapper.ds-input[disabled],
.ds-inputnumber.ds-input-wrapper.ds-input:disabled,
.ds-inputnumber.ds-input-wrapper.ds-input[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:hover, input:not([type]).ds-input[disabled]:hover,
input[type=text].ds-input:disabled:hover,
select.ds-select:disabled:hover,
input[type=text].ds-input[disabled]:hover,
select[disabled].ds-select:hover,
input[type=number].ds-input:disabled:hover,
input[type=number].ds-input[disabled]:hover,
input[type=date].ds-input:disabled:hover,
input[type=date].ds-input[disabled]:hover,
input[type=password].ds-input:disabled:hover,
input[type=password].ds-input[disabled]:hover,
input[type=email].ds-input:disabled:hover,
input[type=email].ds-input[disabled]:hover,
textarea.ds-input:disabled:hover,
textarea.ds-input[disabled]:hover,
.ds-input.ds-input-wrapper.ds-input:disabled:hover,
.ds-input.ds-input-wrapper.ds-input[disabled]:hover,
.ds-inputnumber.ds-input-wrapper.ds-input:disabled:hover,
.ds-inputnumber.ds-input-wrapper.ds-input[disabled]:hover {
  background-color: var(--ds-color-surface-input-disabled);
  border-color: var(--ds-color-border-input-disabled);
}
input:not([type]).ds-input[readonly],
input[type=text].ds-input[readonly],
select[readonly].ds-select,
input[type=number].ds-input[readonly],
input[type=date].ds-input[readonly],
input[type=password].ds-input[readonly],
input[type=email].ds-input[readonly],
textarea.ds-input[readonly],
.ds-input.ds-input-wrapper.ds-input[readonly],
.ds-inputnumber.ds-input-wrapper.ds-input[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]:hover,
input[type=text].ds-input[readonly]:hover,
select[readonly].ds-select:hover,
input[type=number].ds-input[readonly]:hover,
input[type=date].ds-input[readonly]:hover,
input[type=password].ds-input[readonly]:hover,
input[type=email].ds-input[readonly]:hover,
textarea.ds-input[readonly]:hover,
.ds-input.ds-input-wrapper.ds-input[readonly]:hover,
.ds-inputnumber.ds-input-wrapper.ds-input[readonly]:hover {
  background-color: var(--ds-color-surface-input-readonly);
  border-color: var(--ds-color-border-input-readonly);
}
input:not([type]).ds-input[readonly]:focus-visible,
input[type=text].ds-input[readonly]:focus-visible,
select[readonly].ds-select:focus-visible,
input[type=number].ds-input[readonly]:focus-visible,
input[type=date].ds-input[readonly]:focus-visible,
input[type=password].ds-input[readonly]:focus-visible,
input[type=email].ds-input[readonly]:focus-visible,
textarea.ds-input[readonly]:focus-visible,
.ds-input.ds-input-wrapper.ds-input[readonly]:focus-visible,
.ds-inputnumber.ds-input-wrapper.ds-input[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=text].ds-input--invalid,
select.ds-input--invalid.ds-select,
input[type=number].ds-input--invalid,
input[type=date].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=text].ds-input--invalid:hover,
select.ds-input--invalid.ds-select:hover,
input[type=number].ds-input--invalid:hover,
input[type=date].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=text].ds-input--invalid:focus,
select.ds-input--invalid.ds-select:focus,
input[type=number].ds-input--invalid:focus,
input[type=date].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=text].ds-input--invalid:disabled,
select.ds-input--invalid.ds-select:disabled,
input[type=number].ds-input--invalid:disabled,
input[type=date].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);
}

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 {
  --icon-size: var(--ds-icon-size-small);
  height: var(--ds-shape-size-ymin-button-sm) !important;
  padding: 0;
}
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);
}

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);
  padding-right: var(--spacer-050);
  text-align: right;
}
textarea.ds-input ~ .ds-input-textarea-char-counter .error {
  color: var(--ds-color-text-input-error);
}

.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-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;
  --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);
}
.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, select.ds-select: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, select.ds-select: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, select.ds-select: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, select.ds-select: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__explicit-label:not(.ds-radio-button__explicit-label--disabled) select[type=radio].ds-select: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), .ds-radio-group--is-block .ds-radio-button__implicit-label.ds-radio-button__implicit-label:not(.ds-radio-button__implicit-label--disabled) select[type=radio].ds-select: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, select.ds-select:checked), .ds-radio-group--is-block.ds-radio-group--readonly .ds-radio-button__implicit-label:has(input.ds-input:checked, select.ds-select: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__explicit-label:not(.ds-radio-button__explicit-label--disabled) select.ds-select: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), .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) select.ds-select: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, .ds-radio-group--readonly select[type=radio].ds-select {
  background-color: var(--ds-color-surface-input-readonly);
  border: none;
}
.ds-radio-group--readonly input[type=radio].ds-input:hover, .ds-radio-group--readonly select[type=radio].ds-select:hover, .ds-radio-group--readonly input[type=radio].ds-input:focus, .ds-radio-group--readonly select[type=radio].ds-select:focus {
  background-color: var(--ds-color-surface-input-readonly);
  border: none;
}
.ds-radio-group--readonly input[type=radio].ds-input:checked:not(:disabled), .ds-radio-group--readonly select[type=radio].ds-select: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, .ds-radio-group--readonly select[type=radio].ds-select: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, .ds-radio-group--readonly select[type=radio].ds-select: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-large);
  font-size: var(--ds-font-size-input-label-large);
  font-weight: var(--ds-font-weight-input);
  line-height: var(--ds-font-line-height-large);
}
.ds-radio-group--lg input[type=radio].ds-input, .ds-radio-group--lg select[type=radio].ds-select {
  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, .ds-radio-group--lg select[type=radio].ds-select: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, select[type=radio].ds-select {
  --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
  );
  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, select[type=radio].ds-select:hover {
  background-color: var(--ds-color-surface-input-hover);
  border-color: var(--ds-color-border-input-hover);
}
input[type=radio].ds-input:focus, select[type=radio].ds-select:focus {
  box-shadow: 0 0 0 2px var(--ds-color-outline-input);
  outline: 0;
}
input[type=radio].ds-input:checked::after, select[type=radio].ds-select: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), select[type=radio].ds-select:checked:not(:disabled) {
  background-color: var(--ds-color-surface-input-active);
  border: none;
  cursor: default;
}
input[type=radio].ds-input:checked:not(:disabled)::after, select[type=radio].ds-select: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, select[type=radio].ds-select:checked:not(:disabled):hover {
  background-color: var(--ds-color-surface-input-active);
}
input[type=radio].ds-input:checked:not(:disabled):focus, select[type=radio].ds-select:checked:not(:disabled):focus {
  background-color: var(--ds-color-surface-input-active);
}
input[type=radio].ds-input:checked:not(:disabled) + *, select[type=radio].ds-select:checked:not(:disabled) + * {
  cursor: default;
}
input[type=radio].ds-input:disabled, select[type=radio].ds-select:disabled {
  background-color: var(--ds-color-surface-input-disabled);
  border: none;
  cursor: not-allowed;
}
input[type=radio].ds-input:disabled:hover, select[type=radio].ds-select:disabled:hover, input[type=radio].ds-input:disabled:focus, select[type=radio].ds-select:disabled:focus {
  background-color: var(--ds-color-surface-input-disabled);
  border: none;
}
input[type=radio].ds-input:disabled:checked::after, select[type=radio].ds-select:disabled:checked::after {
  background-color: var(--ds-color-icon-input-disabled);
  border-radius: var(--ds-shape-radius-radiobutton);
}

select.ds-select {
  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);
}

svg.ds-svg:not([fill]) {
  fill: currentColor;
}
svg.ds-svg:not([fill]) path {
  fill: inherit;
}

/*
 * Declarations of functions used in the library. Must have.
 */
/*
 * Library SASS variables. Must have.
 */
/*
 * Media breakpoints
 */
/* Selects a shadow root host only if it is matched by the selector argument.
 * We add this argument to avoid conflicts when library is used independently with Shadow DOM.
 */
:host(ds-table-head) th,
:host(.ds-table-head) th,
.ds-table-head th {
  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;
}

/*
 * Declarations of functions used in the library. Must have.
 */
/*
 * Library SASS variables. Must have.
 */
/*
 * Media breakpoints
 */
/* Selects a shadow root host only if it is matched by the selector argument.
 * We add this argument to avoid conflicts when library is used independently with Shadow DOM.
 */
: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;
}

/*
 * Declarations of functions used in the library. Must have.
 */
/*
 * Library SASS variables. Must have.
 */
/*
 * Media breakpoints
 */
/* Selects a shadow root host only if it is matched by the selector argument.
 * We add this argument to avoid conflicts when library is used independently with Shadow DOM.
 */
: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], select[type=range].ds-select {
  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, select[type=range].ds-select::-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, select[type=range].ds-select::-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, select[type=range].ds-select::-webkit-slider-thumb:hover {
  background-color: var(--ds-color-surface-range-handle-hover);
}

/*
 * Animations
 */
.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;
}
.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);
}

/* Drawer START */
.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;
}

/* Drawer END */
html {
  font-size: var(--ds-typography-size-regular);
}

body {
  margin-top: 1em;
  margin-left: 1em;
  margin-right: 1em;
  width: 98%;
  height: 98%;
  position: absolute;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./node_modules/@bmw-ds/components/density-styles/styles/scss/density-styles-ng.scss?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*! Global styles for Angular applications */
/*
 * Declarations of functions used in the library. Must have.
 */
/*
 * Library CSS variables. Must have.
 */
: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-neutral-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-neutral-1000), 0.15);
  --ds-box-shadow-sm: 0 0.125rem 0.25rem
    rgba(var(--ds-color-neutral-1000), 0.075);
  --ds-box-shadow-lg: 0 1rem 3rem
    rgba(var(--ds-color-neutral-1000), 0.175);
  --ds-box-shadow-inset: inset 0 1px 2px
    rgba(var(--ds-color-neutral-1000), 0.075);
  --ds-border-color: var(--ds-color-neutral-300);
  --ds-border-width: 1px;
  --ds-spacer: 1rem;
  --ds-hr-opacity: 0.25;
  --ds-mark-padding: 0.2em;
  --ds-mark-bg: var(--ds-color-caution-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-neutral-700);
  --ds-kbd-padding-y: 0.2rem;
  --ds-kbd-padding-x: 0.4rem;
  --ds-kbd-color: var(--ds-color-neutral-200);
  --ds-kbd-bg: var(--ds-color-neutral-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;
}

/**
 * Do not edit directly
 * Generated on Mon, 22 Jul 2024 16:05:52 GMT
 */
:root,
:host {
  /* start typography-weight variables block */
  --ds-typography-weight-400: 400;
  --ds-typography-weight-500: 500;
  --ds-typography-weight-600: 600;
  --ds-typography-weight-700: 700;
  /* end typography-weight variables block */
  /* start typography-transform variables block */
  --ds-typography-transform-capitalize1: capitalize;
  --ds-typography-transform-lowercase1: lowercase;
  --ds-typography-transform-uppercase1: uppercase;
  /* end typography-transform variables block */
  /* start typography-style variables block */
  --ds-typography-style-italic: italic;
  --ds-typography-style-regular: initial; /* it is similar to regular */
  /* end typography-style variables block */
  /* start typography-size variables block */
  --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;
  /* end typography-size variables block */
  /* start typography-family variables block */
  --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";
  /* end typography-family variables block */
  /* start space variables block */
  --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;
  /* end space variables block */
  /* start shape variables block */
  --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;
  /* end shape variables block */
  /* start motion variables block */
  --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);
  /* end motion variables block */
  /* start icon variables block */
  --ds-icon-family-brand: url; /* should be an asset */
  /* end icon variables block */
  /* start elevation variables block */
  --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));
  /* end elevation variables block */
  /* start color variables block */
  --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;
  /* end color variables block */
  /* start asset variables block */
  --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=");
  /* end asset variables block */
  /* start typography-weight global tokens block */
  --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);
  /* end typography-weight global tokens block */
  /* start typography-transform global tokens block */
  --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);
  /* end typography-transform global tokens block */
  /* start typography-size global tokens block */
  --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);
  /* end typography-size global tokens block */
  /* start typography-line-height global tokens block */
  --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);
  /* end typography-line-height global tokens block */
  /* start typography-family global tokens block */
  --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);
  /* end typography-family global tokens block */
  /* start shape global tokens block */
  --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);
  /* end shape global tokens block */
  /* start motion global tokens block */
  --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);
  /* end motion global tokens block */
  /* start icon global tokens block */
  --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);
  /* end icon global tokens block */
  /* start elevation global tokens block */
  --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%);
  /* end elevation global tokens block */
  /* start typography global tokens block */
  --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);
  /* end typography global tokens block */
  /* start surface global tokens block */
  --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);
  /* end surface global tokens block */
  /* start outline global tokens block */
  --ds-color-outline-action: var(--ds-color-ocean-500-alpha-30);
  --ds-color-outline-critical: var(--ds-color-red-600-alpha-30);
  /* end outline global tokens block */
  /* start icon global tokens block */
  --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);
  /* end icon global tokens block */
  /* start border global tokens block */
  --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);
  /* end border global tokens block */
  /* start logos global tokens block */
  --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);
  /* end logos global tokens block */
  /* start icons global tokens block */
  --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);
  /* end icons global tokens block */
  /* start headings components tokens block */
  --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);
  /* end headings components tokens block */
  /* start tooltip components tokens block */
  --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);
  /* end tooltip components tokens block */
  /* start toast components tokens block */
  --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);
  /* end toast components tokens block */
  /* start tags components tokens block */
  --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;
  /* end tags components tokens block */
  /* start tabs components tokens block */
  --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);
  /* end tabs components tokens block */
  /* start table components tokens block */
  --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);
  /* end table components tokens block */
  /* start stepper-item components tokens block */
  --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);
  /* end stepper-item components tokens block */
  /* start side-drawer components tokens block */
  --ds-shape-max-height-header-item: 40px;
  --ds-shape-max-width-header-label-wrapper-diff: 60px;
  --ds-shape-width-sidedrawer: 280px;
  /* end side-drawer components tokens block */
  /* start segmented-control components tokens block */
  --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);
  /* end segmented-control components tokens block */
  /* start range components tokens block */
  --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;
  /* end range components tokens block */
  /* start progress-circle components tokens block */
  --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);
  /* end progress-circle components tokens block */
  /* start progress-bar components tokens block */
  --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);
  /* end progress-bar components tokens block */
  /* start navbar components tokens block */
  --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);
  /* end navbar components tokens block */
  /* start message components tokens block */
  --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);
  /* end message components tokens block */
  /* start menu components tokens block */
  --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);
  /* end menu components tokens block */
  /* start loading-area components tokens block */
  --ds-color-icon-loading-area-solid: var(--ds-color-surface-neutral-strong);
  --ds-color-icon-loading-area-translucent: var(--ds-color-surface-base);
  --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);
  /* end loading-area components tokens block */
  /* start list-items components tokens block */
  --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;
  /* end list-items components tokens block */
  /* start hint components tokens block */
  --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);
  /* end hint components tokens block */
  /* start header components tokens block */
  --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);
  /* end header components tokens block */
  /* start forms components tokens block */
  --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;
  /* end forms components tokens block */
  /* start calendar components tokens block */
  --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;
  /* end calendar components tokens block */
  /* start button components tokens block */
  --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-disabled-active: var(--ds-color-typography-base);
  --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-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);
  /* end button components tokens block */
  /* start box components tokens block */
  --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);
  /* end box components tokens block */
  /* start bottom-sheet components tokens block */
  --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);
  /* end bottom-sheet components tokens block */
  /* start banner components tokens block */
  --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);
  /* end banner components tokens block */
  /* start badge components tokens block */
  --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);
  /* end badge components tokens block */
  /* start accordion components tokens block */
  --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);
  /* end accordion components tokens block */
}

:root:has(.ds-dark) {
  /* start typography-weight global tokens block */
  --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);
  /* end typography-weight global tokens block */
  /* start surface global tokens block */
  --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);
  /* end surface global tokens block */
  /* start outline global tokens block */
  --ds-color-outline-action: var(--ds-color-ocean-400-alpha-30);
  --ds-color-outline-critical: var(--ds-color-red-600-alpha-30);
  /* end outline global tokens block */
  /* start icon global tokens block */
  --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
  );
  /* end icon global tokens block */
  /* start border global tokens block */
  --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);
  /* end border global tokens block */
  /* start logos global tokens block */
  --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);
  /* end logos global tokens block */
  /* start icons global tokens block */
  --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);
  /* end icons global tokens block */
}

/*
 * Basic set of styles for Density that unifies default styling accross different implementations of browser vendors. Based on Bootstrap Reboot and Sanitize.css. Recommended.
 */
/*JORGE!!!*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

:root,
:host {
  font-size: var(--ds-typography-size-paragraph-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-m);
  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;
}

abbr[title],
abbr[data-bs-original-title] {
  cursor: help;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  -webkit-text-decoration-skip-ink: none;
          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-paragraph-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 /* rtl:ignore */;
  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-neutral-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-text-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, select.ds-select,
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;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-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; /* 1 */
  text-indent: 0; /* 2 */
}

/* stylelint-disable-next-line */
::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;
}

/*
 * Fonts
 */
@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('bmw-group-tn-condensed-pro-medium.9a8dd59ad11acf27.woff2') format("woff2"), url('bmw-group-tn-condensed-pro-medium.814dbc7458d48ccb.woff') format("woff");
}
/*
 * Utilities classes like spacing, basic typography rules, alignments. Recommended.
 */
.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, :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) !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;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-base, :host(ds-table-row) td,
:host(.ds-table-row) td,
.ds-table-row td {
  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, :host(ds-table-head).ds-table-head--sortable th.ds-table-sort-header .ds-table-sort-header__wrapper__content--active,
:host(.ds-table-head).ds-table-head--sortable th.ds-table-sort-header .ds-table-sort-header__wrapper__content--active,
.ds-table-head.ds-table-head--sortable th.ds-table-sort-header .ds-table-sort-header__wrapper__content--active {
  color: var(--ds-color-typography-action-active) !important;
}

.text-neutral, :host(ds-table-head) th,
:host(.ds-table-head) th,
.ds-table-head th {
  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;
}

/*
 * Grid, containers and media breakpoints system.
 */
: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;
  }
}
/*
 * Styling of native elements
 */
.anchor--button {
  text-decoration: none;
}
.anchor--button:hover {
  text-decoration: none;
}

/*
 *  For focus states we use 'box-shadow' as it respects border-radius unlike 'outline'
 */
.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;
  /*
   *  Fallback button type to "primary" if type class doesn't exist
   */
  /*
   *  Fallback button type to "primary" if type class doesn't exist
   */
  /*
   *  Fallback button type to "primary" if type class doesn't exist
   */
  /*
   *  Fallback button type to "primary" if type class doesn't exist
   */
  /*
   *  Fallback button type to "primary" if type class doesn't exist
   */
  /*
   *  Fallback button type to "primary" if type class doesn't exist
   */
  /*
   *  Fallback button type to "primary" if type class doesn't exist
   */
  /*
   *  Fallback button type to "primary" if type class doesn't exist
   */
}
.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-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=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 {
  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=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 {
  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 {
  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 {
  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-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;
  --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);
}
.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__explicit-label select.ds-checkbox.ds-select, .ds-checkbox-group--is-block .ds-checkbox__implicit-label input.ds-checkbox, .ds-checkbox-group--is-block .ds-checkbox__implicit-label select.ds-checkbox.ds-select {
  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, select.ds-checkbox.ds-select: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, select.ds-checkbox.ds-select: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, select.ds-checkbox.ds-select: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, select.ds-checkbox.ds-select: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__explicit-label:not(.ds-checkbox__explicit-label--disabled) select.ds-checkbox.ds-select: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), .ds-checkbox-group--is-block .ds-checkbox__implicit-label.ds-checkbox__implicit-label:not(.ds-checkbox__implicit-label--disabled) select.ds-checkbox.ds-select: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, select.ds-checkbox.ds-select:checked), .ds-checkbox-group--is-block .ds-checkbox__implicit-label--readonly:has(input.ds-checkbox:checked, select.ds-checkbox.ds-select: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__explicit-label:not(.ds-checkbox__explicit-label--disabled) select.ds-checkbox.ds-select: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__explicit-label--readonly.ds-checkbox__implicit-label:not(.ds-checkbox__implicit-label--disabled) select.ds-checkbox.ds-select: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__explicit-label:not(.ds-checkbox__explicit-label--disabled) select.ds-checkbox.ds-select: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), .ds-checkbox-group--is-block .ds-checkbox__implicit-label--readonly.ds-checkbox__implicit-label:not(.ds-checkbox__implicit-label--disabled) select.ds-checkbox.ds-select:not(:checked) {
  background-color: var(--ds-color-surface-input-readonly);
}

input[type=checkbox].ds-checkbox, select[type=checkbox].ds-checkbox.ds-select {
  background-origin: border-box;
  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, select[type=checkbox].ds-checkbox--lg.ds-select {
  height: var(--ds-shape-size-y-checkbox-large);
  width: var(--ds-shape-size-y-checkbox-large);
}
input[type=checkbox].ds-checkbox:hover, select[type=checkbox].ds-checkbox.ds-select:hover {
  background-color: var(--ds-color-surface-input-hover);
  border-color: var(--ds-color-border-input-hover);
}
input[type=checkbox].ds-checkbox:focus, select[type=checkbox].ds-checkbox.ds-select:focus {
  box-shadow: 0 0 0 2px var(--ds-color-outline-input);
  outline: 0;
}
input[type=checkbox].ds-checkbox:checked:not(:disabled):not([readonly]), select[type=checkbox].ds-checkbox.ds-select: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, select[type=checkbox].ds-checkbox.ds-select: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, select[type=checkbox].ds-checkbox.ds-select:checked:not(:disabled):not([readonly]):focus {
  background-color: var(--ds-color-surface-input-active);
}
input[type=checkbox].ds-checkbox:indeterminate, select[type=checkbox].ds-checkbox.ds-select:indeterminate {
  background-color: var(--ds-color-surface-input-active);
  border: none;
}
input[type=checkbox].ds-checkbox:indeterminate:hover, select[type=checkbox].ds-checkbox.ds-select: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, select[type=checkbox].ds-checkbox.ds-select:indeterminate:focus {
  background-color: var(--ds-color-surface-input-active);
}
input[type=checkbox].ds-checkbox:indeterminate:not(:disabled), select[type=checkbox].ds-checkbox.ds-select:indeterminate:not(:disabled) {
  background-image: var(--ds-icon-checkbox-indeterminate);
}
input[type=checkbox].ds-checkbox:indeterminate[readonly], select[type=checkbox].ds-checkbox.ds-select: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, select[type=checkbox].ds-checkbox.ds-select: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], select[type=checkbox].ds-checkbox[readonly].ds-select {
  background-color: var(--ds-color-surface-input-readonly);
  border: none;
}
input[type=checkbox].ds-checkbox[readonly]:hover, select[type=checkbox].ds-checkbox[readonly].ds-select:hover, input[type=checkbox].ds-checkbox[readonly]:focus, select[type=checkbox].ds-checkbox[readonly].ds-select:focus {
  background-color: var(--ds-color-surface-input-readonly);
  border: none;
}
input[type=checkbox].ds-checkbox[readonly]:checked, select[type=checkbox].ds-checkbox[readonly].ds-select:checked {
  background-image: var(--ds-icon-checkbox-checked-readonly);
}
input[type=checkbox].ds-checkbox:disabled, select[type=checkbox].ds-checkbox.ds-select:disabled {
  background-color: var(--ds-color-surface-input-disabled);
  border: none;
  cursor: not-allowed;
}
input[type=checkbox].ds-checkbox:disabled:hover, select[type=checkbox].ds-checkbox.ds-select:disabled:hover, input[type=checkbox].ds-checkbox:disabled:focus, select[type=checkbox].ds-checkbox.ds-select:disabled:focus {
  background-color: var(--ds-color-surface-input-disabled);
  border: none;
}
input[type=checkbox].ds-checkbox:disabled:checked, select[type=checkbox].ds-checkbox.ds-select:disabled:checked {
  background-image: var(--ds-icon-checkbox-checked-disabled);
}

.ds-date {
  padding: 0;
}

ds-datepicker,
.ds-datepicker {
  flex: 1 1 auto;
}
ds-datepicker .ds-input.ds-input-wrapper > .ds-input, ds-datepicker select.ds-input-wrapper.ds-select > .ds-input, ds-datepicker .ds-input.ds-input-wrapper > select.ds-select, ds-datepicker select.ds-input-wrapper.ds-select > select.ds-select,
.ds-datepicker .ds-input.ds-input-wrapper > .ds-input,
.ds-datepicker select.ds-input-wrapper.ds-select > .ds-input,
.ds-datepicker .ds-input.ds-input-wrapper > select.ds-select,
.ds-datepicker select.ds-input-wrapper.ds-select > select.ds-select {
  display: inline-flex;
  align-items: center;
  flex: 1 1 auto;
}
ds-datepicker .ds-input.ds-input-wrapper > .ds-input > input, ds-datepicker select.ds-input-wrapper.ds-select > .ds-input > input, ds-datepicker .ds-input.ds-input-wrapper > select.ds-select > input, ds-datepicker select.ds-input-wrapper.ds-select > select.ds-select > input, ds-datepicker .ds-input.ds-input-wrapper > .ds-input > select.ds-select, ds-datepicker select.ds-input-wrapper.ds-select > .ds-input > select.ds-select, ds-datepicker .ds-input.ds-input-wrapper > select.ds-select > select.ds-select, ds-datepicker select.ds-input-wrapper.ds-select > select.ds-select > select.ds-select,
.ds-datepicker .ds-input.ds-input-wrapper > .ds-input > input,
.ds-datepicker select.ds-input-wrapper.ds-select > .ds-input > input,
.ds-datepicker .ds-input.ds-input-wrapper > select.ds-select > input,
.ds-datepicker select.ds-input-wrapper.ds-select > select.ds-select > input,
.ds-datepicker .ds-input.ds-input-wrapper > .ds-input > select.ds-select,
.ds-datepicker select.ds-input-wrapper.ds-select > .ds-input > select.ds-select,
.ds-datepicker .ds-input.ds-input-wrapper > select.ds-select > select.ds-select,
.ds-datepicker select.ds-input-wrapper.ds-select > select.ds-select > select.ds-select {
  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 select.ds-input-wrapper.ds-select > .ds-input > input:focus-visible, ds-datepicker .ds-input.ds-input-wrapper > select.ds-select > input:focus-visible, ds-datepicker select.ds-input-wrapper.ds-select > select.ds-select > input:focus-visible, ds-datepicker .ds-input.ds-input-wrapper > .ds-input > select.ds-select:focus-visible, ds-datepicker select.ds-input-wrapper.ds-select > .ds-input > select.ds-select:focus-visible, ds-datepicker .ds-input.ds-input-wrapper > select.ds-select > select.ds-select:focus-visible, ds-datepicker select.ds-input-wrapper.ds-select > select.ds-select > select.ds-select:focus-visible,
.ds-datepicker .ds-input.ds-input-wrapper > .ds-input > input:focus-visible,
.ds-datepicker select.ds-input-wrapper.ds-select > .ds-input > input:focus-visible,
.ds-datepicker .ds-input.ds-input-wrapper > select.ds-select > input:focus-visible,
.ds-datepicker select.ds-input-wrapper.ds-select > select.ds-select > input:focus-visible,
.ds-datepicker .ds-input.ds-input-wrapper > .ds-input > select.ds-select:focus-visible,
.ds-datepicker select.ds-input-wrapper.ds-select > .ds-input > select.ds-select:focus-visible,
.ds-datepicker .ds-input.ds-input-wrapper > select.ds-select > select.ds-select:focus-visible,
.ds-datepicker select.ds-input-wrapper.ds-select > select.ds-select > select.ds-select: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, select.ds-input-wrapper.ds-select > ds-datepicker,
.ds-input.ds-input-wrapper .ds-datepicker,
select.ds-input-wrapper.ds-select .ds-datepicker {
  height: 100%;
}
.ds-input.ds-input-wrapper > ds-datepicker > ds-form-field, select.ds-input-wrapper.ds-select > ds-datepicker > ds-form-field,
.ds-input.ds-input-wrapper > ds-datepicker .ds-form-field,
select.ds-input-wrapper.ds-select > ds-datepicker .ds-form-field,
.ds-input.ds-input-wrapper .ds-datepicker > ds-form-field,
select.ds-input-wrapper.ds-select .ds-datepicker > ds-form-field,
.ds-input.ds-input-wrapper .ds-datepicker .ds-form-field,
select.ds-input-wrapper.ds-select .ds-datepicker .ds-form-field {
  height: 100%;
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing.ds-datepicker__calendar-backdrop-class {
  opacity: 0;
}

/*
 *  For focus states we use 'box-shadow' as it respects border-radius unlike 'outline'
 */
.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;
  /*
   *  Fallback button type to "primary" if type class doesn't exist
   */
  /*
   *  Fallback button type to "primary" if type class doesn't exist
   */
  /*
   *  Fallback button type to "primary" if type class doesn't exist
   */
  /*
   *  Fallback button type to "primary" if type class doesn't exist
   */
  /*
   *  Fallback button type to "primary" if type class doesn't exist
   */
  /*
   *  Fallback button type to "primary" if type class doesn't exist
   */
  /*
   *  Fallback button type to "primary" if type class doesn't exist
   */
  /*
   *  Fallback button type to "primary" if type class doesn't exist
   */
}
.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-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=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 {
  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=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 {
  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-input, select.ds-select {
  appearance: none;
  /* Change Autocomplete styles in Chrome*/
}
.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);
  -webkit-transition: background-color 600000s ease-in-out 0s, color 600000s ease-in-out 0s;
  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 {
  appearance: none;
  margin: 0;
}
.ds-input:focus-visible, select.ds-select:focus-visible {
  outline: none;
}

input:not([type])::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, select.ds-select::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=date]::-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=text]:-moz-placeholder, select.ds-select:-moz-placeholder, input[type=number]:-moz-placeholder, input[type=date]:-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=text]::-moz-placeholder, select.ds-select::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=date]::-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=text]:-ms-input-placeholder, select.ds-select:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=date]:-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=text].ds-input,
select.ds-select,
input[type=number].ds-input,
input[type=date].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=text].ds-input--lg,
select.ds-input--lg.ds-select,
input[type=number].ds-input--lg,
input[type=date].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=text].ds-input--lg::-webkit-input-placeholder, select.ds-input--lg.ds-select::-webkit-input-placeholder, input[type=number].ds-input--lg::-webkit-input-placeholder, input[type=date].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=text].ds-input--lg:-moz-placeholder, select.ds-input--lg.ds-select:-moz-placeholder, input[type=number].ds-input--lg:-moz-placeholder, input[type=date].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=text].ds-input--lg::-moz-placeholder, select.ds-input--lg.ds-select::-moz-placeholder, input[type=number].ds-input--lg::-moz-placeholder, input[type=date].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=text].ds-input--lg:-ms-input-placeholder, select.ds-input--lg.ds-select:-ms-input-placeholder, input[type=number].ds-input--lg:-ms-input-placeholder, input[type=date].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=text].ds-input--lg.ds-input-wrapper,
select.ds-input--lg.ds-input-wrapper.ds-select,
input[type=number].ds-input--lg.ds-input-wrapper,
input[type=date].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=text].ds-input.ds-input-wrapper,
input[type=number].ds-input.ds-input-wrapper,
input[type=date].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,
select.ds-input-wrapper.ds-input-wrapper.ds-select,
.ds-inputnumber.ds-input-wrapper.ds-input.ds-input-wrapper {
  cursor: text;
}
input:not([type]).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=number].ds-input.ds-input-wrapper--non-typeable,
input[type=date].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=text].ds-input.ds-input-wrapper--adaptative-width,
select.ds-input-wrapper--adaptative-width.ds-select,
input[type=number].ds-input.ds-input-wrapper--adaptative-width,
input[type=date].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=text].ds-input.ds-input-wrapper .ds-form-field__wrapper,
input[type=number].ds-input.ds-input-wrapper .ds-form-field__wrapper,
input[type=date].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,
select.ds-input-wrapper.ds-input-wrapper.ds-select .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,
input:not([type]).ds-input.ds-input-wrapper .ds-input-wrapper.ds-input,
input[type=text].ds-input.ds-input-wrapper > .ds-input,
input[type=text].ds-input.ds-input-wrapper .ds-input-wrapper.ds-input,
input[type=number].ds-input.ds-input-wrapper > .ds-input,
input[type=number].ds-input.ds-input-wrapper .ds-input-wrapper.ds-input,
input[type=date].ds-input.ds-input-wrapper > .ds-input,
input[type=date].ds-input.ds-input-wrapper .ds-input-wrapper.ds-input,
input[type=password].ds-input.ds-input-wrapper > .ds-input,
input[type=password].ds-input.ds-input-wrapper .ds-input-wrapper.ds-input,
input[type=email].ds-input.ds-input-wrapper > .ds-input,
input[type=email].ds-input.ds-input-wrapper .ds-input-wrapper.ds-input,
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-wrapper.ds-select > .ds-input,
.ds-input.ds-input-wrapper.ds-input.ds-input-wrapper > 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,
.ds-inputnumber.ds-input-wrapper.ds-input.ds-input-wrapper .ds-input-wrapper.ds-input {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
input:not([type]).ds-input.ds-inputnumber,
input[type=text].ds-input.ds-inputnumber,
select.ds-inputnumber.ds-select,
input[type=number].ds-input.ds-inputnumber,
input[type=date].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=text].ds-input:hover:not(.ds-input-wrapper--supress-hover),
select.ds-select:hover:not(.ds-input-wrapper--supress-hover),
input[type=number].ds-input:hover:not(.ds-input-wrapper--supress-hover),
input[type=date].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=text].ds-input:focus,
select.ds-select:focus,
input[type=number].ds-input:focus,
input[type=date].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=text].ds-input:focus:not(.ds-input-wrapper--non-typeable),
select.ds-select:focus:not(.ds-input-wrapper--non-typeable),
input[type=number].ds-input:focus:not(.ds-input-wrapper--non-typeable),
input[type=date].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, input:not([type]).ds-input[disabled],
input[type=text].ds-input:disabled,
select.ds-select:disabled,
input[type=text].ds-input[disabled],
select[disabled].ds-select,
input[type=number].ds-input:disabled,
input[type=number].ds-input[disabled],
input[type=date].ds-input:disabled,
input[type=date].ds-input[disabled],
input[type=password].ds-input:disabled,
input[type=password].ds-input[disabled],
input[type=email].ds-input:disabled,
input[type=email].ds-input[disabled],
textarea.ds-input:disabled,
textarea.ds-input[disabled],
.ds-input.ds-input-wrapper.ds-input:disabled,
.ds-input.ds-input-wrapper.ds-input[disabled],
.ds-inputnumber.ds-input-wrapper.ds-input:disabled,
.ds-inputnumber.ds-input-wrapper.ds-input[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:hover, input:not([type]).ds-input[disabled]:hover,
input[type=text].ds-input:disabled:hover,
select.ds-select:disabled:hover,
input[type=text].ds-input[disabled]:hover,
select[disabled].ds-select:hover,
input[type=number].ds-input:disabled:hover,
input[type=number].ds-input[disabled]:hover,
input[type=date].ds-input:disabled:hover,
input[type=date].ds-input[disabled]:hover,
input[type=password].ds-input:disabled:hover,
input[type=password].ds-input[disabled]:hover,
input[type=email].ds-input:disabled:hover,
input[type=email].ds-input[disabled]:hover,
textarea.ds-input:disabled:hover,
textarea.ds-input[disabled]:hover,
.ds-input.ds-input-wrapper.ds-input:disabled:hover,
.ds-input.ds-input-wrapper.ds-input[disabled]:hover,
.ds-inputnumber.ds-input-wrapper.ds-input:disabled:hover,
.ds-inputnumber.ds-input-wrapper.ds-input[disabled]:hover {
  background-color: var(--ds-color-surface-input-disabled);
  border-color: var(--ds-color-border-input-disabled);
}
input:not([type]).ds-input[readonly],
input[type=text].ds-input[readonly],
select[readonly].ds-select,
input[type=number].ds-input[readonly],
input[type=date].ds-input[readonly],
input[type=password].ds-input[readonly],
input[type=email].ds-input[readonly],
textarea.ds-input[readonly],
.ds-input.ds-input-wrapper.ds-input[readonly],
.ds-inputnumber.ds-input-wrapper.ds-input[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]:hover,
input[type=text].ds-input[readonly]:hover,
select[readonly].ds-select:hover,
input[type=number].ds-input[readonly]:hover,
input[type=date].ds-input[readonly]:hover,
input[type=password].ds-input[readonly]:hover,
input[type=email].ds-input[readonly]:hover,
textarea.ds-input[readonly]:hover,
.ds-input.ds-input-wrapper.ds-input[readonly]:hover,
.ds-inputnumber.ds-input-wrapper.ds-input[readonly]:hover {
  background-color: var(--ds-color-surface-input-readonly);
  border-color: var(--ds-color-border-input-readonly);
}
input:not([type]).ds-input[readonly]:focus-visible,
input[type=text].ds-input[readonly]:focus-visible,
select[readonly].ds-select:focus-visible,
input[type=number].ds-input[readonly]:focus-visible,
input[type=date].ds-input[readonly]:focus-visible,
input[type=password].ds-input[readonly]:focus-visible,
input[type=email].ds-input[readonly]:focus-visible,
textarea.ds-input[readonly]:focus-visible,
.ds-input.ds-input-wrapper.ds-input[readonly]:focus-visible,
.ds-inputnumber.ds-input-wrapper.ds-input[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=text].ds-input--invalid,
select.ds-input--invalid.ds-select,
input[type=number].ds-input--invalid,
input[type=date].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=text].ds-input--invalid:hover,
select.ds-input--invalid.ds-select:hover,
input[type=number].ds-input--invalid:hover,
input[type=date].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=text].ds-input--invalid:focus,
select.ds-input--invalid.ds-select:focus,
input[type=number].ds-input--invalid:focus,
input[type=date].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=text].ds-input--invalid:disabled,
select.ds-input--invalid.ds-select:disabled,
input[type=number].ds-input--invalid:disabled,
input[type=date].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);
}

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 {
  --icon-size: var(--ds-icon-size-small);
  height: var(--ds-shape-size-ymin-button-sm) !important;
  padding: 0;
}
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);
}

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);
  padding-right: var(--spacer-050);
  text-align: right;
}
textarea.ds-input ~ .ds-input-textarea-char-counter .error {
  color: var(--ds-color-text-input-error);
}

.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-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;
  --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);
}
.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, select.ds-select: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, select.ds-select: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, select.ds-select: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, select.ds-select: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__explicit-label:not(.ds-radio-button__explicit-label--disabled) select[type=radio].ds-select: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), .ds-radio-group--is-block .ds-radio-button__implicit-label.ds-radio-button__implicit-label:not(.ds-radio-button__implicit-label--disabled) select[type=radio].ds-select: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, select.ds-select:checked), .ds-radio-group--is-block.ds-radio-group--readonly .ds-radio-button__implicit-label:has(input.ds-input:checked, select.ds-select: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__explicit-label:not(.ds-radio-button__explicit-label--disabled) select.ds-select: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), .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) select.ds-select: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, .ds-radio-group--readonly select[type=radio].ds-select {
  background-color: var(--ds-color-surface-input-readonly);
  border: none;
}
.ds-radio-group--readonly input[type=radio].ds-input:hover, .ds-radio-group--readonly select[type=radio].ds-select:hover, .ds-radio-group--readonly input[type=radio].ds-input:focus, .ds-radio-group--readonly select[type=radio].ds-select:focus {
  background-color: var(--ds-color-surface-input-readonly);
  border: none;
}
.ds-radio-group--readonly input[type=radio].ds-input:checked:not(:disabled), .ds-radio-group--readonly select[type=radio].ds-select: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, .ds-radio-group--readonly select[type=radio].ds-select: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, .ds-radio-group--readonly select[type=radio].ds-select: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-large);
  font-size: var(--ds-font-size-input-label-large);
  font-weight: var(--ds-font-weight-input);
  line-height: var(--ds-font-line-height-large);
}
.ds-radio-group--lg input[type=radio].ds-input, .ds-radio-group--lg select[type=radio].ds-select {
  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, .ds-radio-group--lg select[type=radio].ds-select: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, select[type=radio].ds-select {
  --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
  );
  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, select[type=radio].ds-select:hover {
  background-color: var(--ds-color-surface-input-hover);
  border-color: var(--ds-color-border-input-hover);
}
input[type=radio].ds-input:focus, select[type=radio].ds-select:focus {
  box-shadow: 0 0 0 2px var(--ds-color-outline-input);
  outline: 0;
}
input[type=radio].ds-input:checked::after, select[type=radio].ds-select: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), select[type=radio].ds-select:checked:not(:disabled) {
  background-color: var(--ds-color-surface-input-active);
  border: none;
  cursor: default;
}
input[type=radio].ds-input:checked:not(:disabled)::after, select[type=radio].ds-select: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, select[type=radio].ds-select:checked:not(:disabled):hover {
  background-color: var(--ds-color-surface-input-active);
}
input[type=radio].ds-input:checked:not(:disabled):focus, select[type=radio].ds-select:checked:not(:disabled):focus {
  background-color: var(--ds-color-surface-input-active);
}
input[type=radio].ds-input:checked:not(:disabled) + *, select[type=radio].ds-select:checked:not(:disabled) + * {
  cursor: default;
}
input[type=radio].ds-input:disabled, select[type=radio].ds-select:disabled {
  background-color: var(--ds-color-surface-input-disabled);
  border: none;
  cursor: not-allowed;
}
input[type=radio].ds-input:disabled:hover, select[type=radio].ds-select:disabled:hover, input[type=radio].ds-input:disabled:focus, select[type=radio].ds-select:disabled:focus {
  background-color: var(--ds-color-surface-input-disabled);
  border: none;
}
input[type=radio].ds-input:disabled:checked::after, select[type=radio].ds-select:disabled:checked::after {
  background-color: var(--ds-color-icon-input-disabled);
  border-radius: var(--ds-shape-radius-radiobutton);
}

select.ds-select {
  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);
}

svg.ds-svg:not([fill]) {
  fill: currentColor;
}
svg.ds-svg:not([fill]) path {
  fill: inherit;
}

/*
 * Declarations of functions used in the library. Must have.
 */
/*
 * Library SASS variables. Must have.
 */
/*
 * Media breakpoints
 */
/* Selects a shadow root host only if it is matched by the selector argument.
 * We add this argument to avoid conflicts when library is used independently with Shadow DOM.
 */
:host(ds-table-head) th,
:host(.ds-table-head) th,
.ds-table-head th {
  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;
}

/*
 * Declarations of functions used in the library. Must have.
 */
/*
 * Library SASS variables. Must have.
 */
/*
 * Media breakpoints
 */
/* Selects a shadow root host only if it is matched by the selector argument.
 * We add this argument to avoid conflicts when library is used independently with Shadow DOM.
 */
: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;
}

/*
 * Declarations of functions used in the library. Must have.
 */
/*
 * Library SASS variables. Must have.
 */
/*
 * Media breakpoints
 */
/* Selects a shadow root host only if it is matched by the selector argument.
 * We add this argument to avoid conflicts when library is used independently with Shadow DOM.
 */
: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], select[type=range].ds-select {
  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, select[type=range].ds-select::-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, select[type=range].ds-select::-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, select[type=range].ds-select::-webkit-slider-thumb:hover {
  background-color: var(--ds-color-surface-range-handle-hover);
}

/*
 * Animations
 */
.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;
}
.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);
}

/* Drawer START */
.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;
}

/* Drawer END */
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./node_modules/@bmw-ds/components/density-styles/styles/scss/ag-grid-theme/_ag-grid-theme-v28+.scss?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-display: block;
  font-family: "ag-grid-density";
  font-style: normal;
  font-weight: normal;
  src: url('ag-grid-density.3e0bdb78e3b35c4d.eot?10m643');
  src: url('ag-grid-density.3e0bdb78e3b35c4d.eot?10m643#iefix') format("embedded-opentype"), url('ag-grid-density.1eaa85557f546046.ttf?10m643') format("truetype"), url('ag-grid-density.9f99888dc4f132e1.woff?10m643') format("woff"), url('ag-grid-density.c6206886a28c2d17.svg?10m643#ag-grid-density') format("svg");
}
[class^=ag-icon-],
[class*=" ag-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "ag-grid-density" !important;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: never;
  text-transform: none;
}

.ag-icon-none::before {
  content: "\e900";
}

.ag-icon-asc::before {
  content: "\e901";
}

.ag-icon-desc::before {
  content: "\e902";
}

.ag-icon-radio-button-off::before {
  content: "\e903";
}

.ag-icon-expanded::before {
  content: "\e905";
}

.ag-icon-previous::before {
  content: "\e904";
}

.ag-icon-columns::before {
  content: "\e906";
}

.ag-icon-menu::before {
  content: "\e907";
}

.ag-icon-aggregation::before {
  content: "\e908";
}

.ag-icon-cancel::before {
  content: "\e909";
}

.ag-icon-color-picker::before {
  content: "\e90a";
}

.ag-icon-paste::before {
  content: "\e90b";
}

.ag-icon-pin::before {
  content: "\e90c";
}

.ag-icon-copy::before {
  content: "\e90d";
}

.ag-icon-chart::before {
  content: "\e90e";
}

.ag-icon-unlinked::before {
  content: "\e90f";
}

.ag-icon-linked::before {
  content: "\e910";
}

.ag-icon-small-up::before {
  content: "\e911";
}

.ag-icon-small-down::before {
  content: "\e912";
}

.ag-icon-small-left::before {
  content: "\e913";
}

.ag-icon-checkbox-checked::before {
  content: "\e924";
}

.ag-icon-csv::before {
  content: "\e915";
}

.ag-icon-tick::before {
  content: "\e916";
}

.ag-icon-checkbox-unchecked::before {
  content: "\e917";
}

.ag-icon-tree-open::before {
  content: "\e918";
}

.ag-icon-contracted::before {
  content: "\e91b";
}

.ag-icon-next::before {
  content: "\e91a";
}

.ag-icon-tree-closed::before {
  content: "\e919";
}

.ag-icon-right::before {
  content: "\e91c";
}

.ag-icon-excel::before {
  content: "\e91d";
}

.ag-icon-filter::before {
  content: "\e91e";
}

.ag-icon-grip::before {
  content: "\e91f";
}

.ag-icon-tree-indeterminate::before {
  content: "\e920";
}

.ag-icon-not-allowed::before {
  content: "\e921";
}

.ag-icon-small-right::before {
  content: "\e922";
}

.ag-icon-radio-button-on::before {
  content: "\e923";
}

.ag-icon-checkbox-indeterminate::before {
  content: "\e914";
}

.ag-icon-cross::before {
  content: "\e925";
}

.ag-icon-save::before {
  content: "\e926";
}

.ag-icon-eye::before {
  content: "\e927";
}

.ag-icon-eye-slash::before {
  content: "\e928";
}

.ag-icon-left::before {
  content: "\e929";
}

.ag-icon-loading::before {
  content: "\e92a";
}

.ag-icon-minimize::before {
  content: "\e92b";
}

.ag-icon-maximize::before {
  content: "\e92c";
}

.ag-icon-pivot::before {
  content: "\e92d";
}

.ag-icon-group::before {
  content: "\e92e";
}

.ag-icon-arrows::before {
  content: "\e92f";
}

.ag-icon-last::before {
  content: "\e930";
}

.ag-icon-first::before {
  content: "\e931";
}

.ag-icon-checkbox-checked-alpine::before {
  content: "\e932";
}

.ag-icon-checkbox-indeterminate-alpine::before {
  content: "\e933";
}

.ag-icon {
  font-family: var(--ag-icon-font-family);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ag-icon-aggregation::before {
  content: var(--ag-icon-font-code-aggregation, "\f101");
}

.ag-icon-arrows::before {
  content: var(--ag-icon-font-code-arrows, "\f102");
}

.ag-icon-asc::before {
  content: var(--ag-icon-font-code-asc, "\f103");
}

.ag-icon-cancel::before {
  content: var(--ag-icon-font-code-cancel, "\f104");
}

.ag-icon-chart::before {
  content: var(--ag-icon-font-code-chart, "\f105");
}

.ag-icon-checkbox-checked::before {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
}

.ag-icon-checkbox-indeterminate::before {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
}

.ag-icon-checkbox-unchecked::before {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
}

.ag-icon-color-picker::before {
  content: var(--ag-icon-font-code-color-picker, "\f109");
}

.ag-icon-columns::before {
  content: var(--ag-icon-font-code-columns, "\f10a");
}

.ag-icon-contracted::before {
  content: var(--ag-icon-font-code-contracted, "\f10b");
}

.ag-icon-copy::before {
  content: var(--ag-icon-font-code-copy, "\f10c");
}

.ag-icon-cross::before {
  content: var(--ag-icon-font-code-cross, "\f10d");
}

.ag-icon-csv::before {
  content: var(--ag-icon-font-code-csv, "\f10e");
}

.ag-icon-cut::before {
  content: var(--ag-icon-font-code-cut, "\f10f");
}

.ag-icon-desc::before {
  content: var(--ag-icon-font-code-desc, "\f110");
}

.ag-icon-excel::before {
  content: var(--ag-icon-font-code-excel, "\f111");
}

.ag-icon-expanded::before {
  content: var(--ag-icon-font-code-expanded, "\f112");
}

.ag-icon-eye-slash::before {
  content: var(--ag-icon-font-code-eye-slash, "\f113");
}

.ag-icon-eye::before {
  content: var(--ag-icon-font-code-eye, "\f114");
}

.ag-icon-filter::before {
  content: var(--ag-icon-font-code-filter, "\f115");
}

.ag-icon-first::before {
  content: var(--ag-icon-font-code-first, "\f116");
}

.ag-icon-grip::before {
  content: var(--ag-icon-font-code-grip, "\f117");
}

.ag-icon-group::before {
  content: var(--ag-icon-font-code-group, "\f118");
}

.ag-icon-last::before {
  content: var(--ag-icon-font-code-last, "\f119");
}

.ag-icon-left::before {
  content: var(--ag-icon-font-code-left, "\f11a");
}

.ag-icon-linked::before {
  content: var(--ag-icon-font-code-linked, "\f11b");
}

.ag-icon-loading::before {
  content: var(--ag-icon-font-code-loading, "\f11c");
}

.ag-icon-maximize::before {
  content: var(--ag-icon-font-code-maximize, "\f11d");
}

.ag-icon-menu::before {
  content: var(--ag-icon-font-code-menu, "\f11e");
}

.ag-icon-minimize::before {
  content: var(--ag-icon-font-code-minimize, "\f11f");
}

.ag-icon-next::before {
  content: var(--ag-icon-font-code-next, "\f120");
}

.ag-icon-none::before {
  content: var(--ag-icon-font-code-none, "\f121");
}

.ag-icon-not-allowed::before {
  content: var(--ag-icon-font-code-not-allowed, "\f122");
}

.ag-icon-paste::before {
  content: var(--ag-icon-font-code-paste, "\f123");
}

.ag-icon-pin::before {
  content: var(--ag-icon-font-code-pin, "\f124");
}

.ag-icon-pivot::before {
  content: var(--ag-icon-font-code-pivot, "\f125");
}

.ag-icon-previous::before {
  content: var(--ag-icon-font-code-previous, "\f126");
}

.ag-icon-radio-button-off::before {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
}

.ag-icon-radio-button-on::before {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
}

.ag-icon-right::before {
  content: var(--ag-icon-font-code-right, "\f129");
}

.ag-icon-save::before {
  content: var(--ag-icon-font-code-save, "\f12a");
}

.ag-icon-small-down::before {
  content: var(--ag-icon-font-code-small-down, "\f12b");
}

.ag-icon-small-left::before {
  content: var(--ag-icon-font-code-small-left, "\f12c");
}

.ag-icon-small-right::before {
  content: var(--ag-icon-font-code-small-right, "\f12d");
}

.ag-icon-small-up::before {
  content: var(--ag-icon-font-code-small-up, "\f12e");
}

.ag-icon-tick::before {
  content: var(--ag-icon-font-code-tick, "\f12f");
}

.ag-icon-tree-closed::before {
  content: var(--ag-icon-font-code-tree-closed, "\f130");
}

.ag-icon-tree-indeterminate::before {
  content: var(--ag-icon-font-code-tree-indeterminate, "\f131");
}

.ag-icon-tree-open::before {
  content: var(--ag-icon-font-code-tree-open, "\f132");
}

.ag-icon-unlinked::before {
  content: var(--ag-icon-font-code-unlinked, "\f133");
}

.ag-icon-up::before {
  content: var(--ag-icon-font-code-up, "\f134");
}

.ag-icon-down::before {
  content: var(--ag-icon-font-code-down, "\f135");
}

.ag-icon-plus::before {
  content: var(--ag-icon-font-code-plus, "\f136");
}

.ag-icon-minus::before {
  content: var(--ag-icon-font-code-minus, "\f137");
}

.ag-icon-row-drag::before {
  content: var(--ag-icon-font-code-grip);
}

.ag-left-arrow::before {
  content: var(--ag-icon-font-code-left);
}

.ag-right-arrow::before {
  content: var(--ag-icon-font-code-right);
}

[class*=ag-theme-] {
  --ag-foreground-color: #000;
  --ag-data-color: var(--ag-foreground-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-header-foreground-color: var(--ag-secondary-foreground-color);
  --ag-disabled-foreground-color: rgba(0, 0, 0, 0.5);
  --ag-background-color: #fff;
  --ag-header-background-color: transparent;
  --ag-tooltip-background-color: transparent;
  --ag-subheader-background-color: transparent;
  --ag-subheader-toolbar-background-color: transparent;
  --ag-control-panel-background-color: transparent;
  --ag-side-button-selected-background-color: var(--ag-control-panel-background-color);
  --ag-selected-row-background-color: #BBB;
  --ag-odd-row-background-color: var(--ag-background-color);
  --ag-modal-overlay-background-color: rgba(255, 255, 255, 0.66);
  --ag-row-hover-color: transparent;
  --ag-column-hover-color: transparent;
  --ag-range-selection-border-color: var(--ag-foreground-color);
  --ag-range-selection-border-style: solid;
  --ag-range-selection-background-color: rgba(0, 0, 0, 0.2);
  --ag-range-selection-background-color-2: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-3: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-4: var(--ag-range-selection-background-color);
  --ag-range-selection-highlight-color: var(--ag-range-selection-border-color);
  --ag-selected-tab-underline-color: var(--ag-range-selection-border-color);
  --ag-selected-tab-underline-width: 0;
  --ag-selected-tab-underline-transition-speed: 0s;
  --ag-range-selection-chart-category-background-color: rgba(0, 255, 132, 0.1);
  --ag-range-selection-chart-background-color: rgba(0, 88, 255, 0.1);
  --ag-header-cell-hover-background-color: transparent;
  --ag-header-cell-moving-background-color: var(--ag-background-color);
  --ag-value-change-value-highlight-background-color: rgba(22, 160, 133, 0.5);
  --ag-value-change-delta-up-color: #43a047;
  --ag-value-change-delta-down-color: #e53935;
  --ag-chip-background-color: transparent;
  --ag-borders: solid 1px;
  --ag-border-color: rgba(0, 0, 0, 0.25);
  --ag-borders-critical: var(--ag-borders);
  --ag-borders-secondary: var(--ag-borders);
  --ag-secondary-border-color: var(--ag-border-color);
  --ag-row-border-style: solid;
  --ag-row-border-color: var(--ag-secondary-border-color);
  --ag-row-border-width: 1px;
  --ag-cell-horizontal-border: solid transparent;
  --ag-borders-input: var(--ag-borders-secondary);
  --ag-input-border-color: var(--ag-secondary-border-color);
  --ag-borders-input-invalid: solid 2px;
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-borders-side-button: var(--ag-borders);
  --ag-border-radius: 0px;
  --ag-row-border-color: var(--ag-secondary-border-color);
  --ag-header-column-separator-display: none;
  --ag-header-column-separator-height: 100%;
  --ag-header-column-separator-width: 1px;
  --ag-header-column-separator-color: var(--ag-secondary-border-color);
  --ag-header-column-resize-handle-display: none;
  --ag-header-column-resize-handle-height: 50%;
  --ag-header-column-resize-handle-width: 1px;
  --ag-header-column-resize-handle-color: var(--ag-secondary-border-color);
  --ag-invalid-color: red;
  --ag-input-disabled-border-color: var(--ag-input-border-color);
  --ag-input-disabled-background-color: transparent;
  --ag-checkbox-background-color: transparent;
  --ag-checkbox-border-radius: var(--ag-border-radius);
  --ag-checkbox-checked-color: var(--ag-foreground-color);
  --ag-checkbox-unchecked-color: var(--ag-foreground-color);
  --ag-checkbox-indeterminate-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-border-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-background-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-on-border-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-on-background-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-switch-background-color: var(--ag-background-color);
  --ag-toggle-button-switch-border-color: var(--ag-toggle-button-off-border-color);
  --ag-toggle-button-border-width: 1px;
  --ag-toggle-button-height: var(--ag-icon-size);
  --ag-toggle-button-width: calc(var(--ag-toggle-button-height) * 2);
  --ag-input-focus-box-shadow: none;
  --ag-input-focus-border-color: none;
  --ag-minichart-selected-chart-color: var(--ag-checkbox-checked-color);
  --ag-minichart-selected-page-color: var(--ag-checkbox-checked-color);
  --ag-grid-size: 4px;
  --ag-icon-size: 12px;
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 2);
  --ag-widget-vertical-spacing: var(--ag-grid-size);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
  --ag-cell-widget-spacing: var(--ag-cell-horizontal-padding);
  --ag-row-height: calc(var(--ag-grid-size) * 6 + 1px);
  --ag-header-height: var(--ag-row-height);
  --ag-list-item-height: calc(var(--ag-grid-size) * 5);
  --ag-column-select-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
  --ag-set-filter-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-grid-size) * 2 + var(--ag-icon-size));
  --ag-row-group-indent-size: calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size));
  --ag-filter-tool-panel-group-indent: 16px;
  --ag-tab-min-width: 220px;
  --ag-menu-min-width: 181px;
  --ag-side-bar-panel-width: 200px;
  --ag-font-family: "Helvetica Neue", sans-serif;
  --ag-font-size: 14px;
  --ag-card-radius: var(--ag-border-radius);
  --ag-card-shadow: none;
  --ag-popup-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
}

.ag-root-wrapper, .ag-sticky-top, .ag-dnd-ghost {
  background-color: var(--ag-background-color);
}

[class*=ag-theme-] {
  -webkit-font-smoothing: antialiased;
  font-family: var(--ag-font-family);
  font-size: var(--ag-font-size);
  line-height: normal;
  color: var(--ag-foreground-color);
}

ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
  display: block;
}

.ag-hidden {
  display: none !important;
}

.ag-invisible {
  visibility: hidden !important;
}

.ag-no-transition {
  transition: none !important;
}

.ag-drag-handle {
  cursor: grab;
}

.ag-column-drop-wrapper {
  display: flex;
}

.ag-column-drop-horizontal-half-width {
  display: inline-block;
  width: 50% !important;
}

.ag-unselectable {
  -webkit-user-select: none;
  user-select: none;
}

.ag-selectable {
  -webkit-user-select: text;
  user-select: text;
}

.ag-tab {
  position: relative;
}

.ag-tab-guard {
  position: absolute;
  width: 0;
  height: 0;
  display: block;
}

.ag-select-agg-func-popup {
  position: absolute;
}

.ag-input-wrapper, .ag-picker-field-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  line-height: normal;
  position: relative;
}

.ag-shake-left-to-right {
  animation-direction: alternate;
  animation-duration: 0.2s;
  animation-iteration-count: infinite;
  animation-name: ag-shake-left-to-right;
}

@keyframes ag-shake-left-to-right {
  from {
    padding-left: 6px;
    padding-right: 2px;
  }
  to {
    padding-left: 2px;
    padding-right: 6px;
  }
}
.ag-root-wrapper {
  cursor: default;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.ag-root-wrapper.ag-layout-normal {
  height: 100%;
}

.ag-watermark {
  position: absolute;
  bottom: 20px;
  right: 25px;
  opacity: 0.5;
  transition: opacity 1s ease-out 3s;
}

.ag-watermark::before {
  content: "";
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDIzNSA0MCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDAuNjM1NzIzLDAsMCwwLjYzNTcyMywtNDkyLjkyMSwtMzIzLjYwOCkiPgogICAgICAgIDxwYXRoIGQ9Ik0xMDk5LjQsNTQ5LjRMMTA5OS40LDUzNi45TDEwNzguMSw1MzYuOUwxMDY1LjYsNTQ5LjRMMTA5OS40LDU0OS40WiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNMTEyMy40LDUxOC40TDEwOTYuNyw1MTguNEwxMDg0LjEsNTMwLjlMMTEyMy40LDUzMC45TDExMjMuNCw1MTguNFoiIHN0eWxlPSJmaWxsOnJnYigyNCwyOSwzMSk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICAgICAgPHBhdGggZD0iTTEwNTMuMiw1NjEuOUwxMDU5LjYsNTU1LjVMMTA4MS4yLDU1NS41TDEwODEuMiw1NjhMMTA1My4yLDU2OEwxMDUzLjIsNTYxLjlaIiBzdHlsZT0iZmlsbDpyZ2IoMjQsMjksMzEpO2ZpbGwtcnVsZTpub256ZXJvOyIvPgogICAgICAgIDxwYXRoIGQ9Ik0xMDU3LjksNTQzLjNMMTA3MS43LDU0My4zTDEwODQuMyw1MzAuOEwxMDU3LjksNTMwLjhMMTA1Ny45LDU0My4zWiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNMTA0Mi44LDU2MS45TDEwNTMuMiw1NjEuOUwxMDY1LjYsNTQ5LjRMMTA0Mi44LDU0OS40TDEwNDIuOCw1NjEuOVoiIHN0eWxlPSJmaWxsOnJnYigyNCwyOSwzMSk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICAgICAgPHBhdGggZD0iTTEwOTYuNyw1MTguNEwxMDkwLjMsNTI0LjhMMTA0OS41LDUyNC44TDEwNDkuNSw1MTIuM0wxMDk2LjcsNTEyLjNMMTA5Ni43LDUxOC40WiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNODI4LjYsNTU5LjdMODA5LDU1OS43TDgwNS42LDU2OC4xTDc5Nyw1NjguMUw4MTUuMSw1MjUuN0w4MjIuNiw1MjUuN0w4NDAuNyw1NjguMUw4MzIsNTY4LjFMODI4LjYsNTU5LjdaTTgyNS45LDU1M0w4MTguOCw1MzUuN0w4MTEuNyw1NTNMODI1LjksNTUzWiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNOTYwLjEsNTQxLjNDOTYyLjYsNTM3LjYgOTY4LjksNTM3LjIgOTcxLjUsNTM3LjJMOTcxLjUsNTQ0LjRDOTY4LjMsNTQ0LjQgOTY1LjEsNTQ0LjUgOTYzLjIsNTQ1LjlDOTYxLjMsNTQ3LjMgOTYwLjMsNTQ5LjIgOTYwLjMsNTUxLjVMOTYwLjMsNTY4LjFMOTUyLjUsNTY4LjFMOTUyLjUsNTM3LjJMOTYwLDUzNy4yTDk2MC4xLDU0MS4zWiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cmVjdCB4PSI5NzUuOCIgeT0iNTM3LjIiIHdpZHRoPSI3LjgiIGhlaWdodD0iMzAuOSIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTsiLz4KICAgICAgICA8cmVjdCB4PSI5NzUuOCIgeT0iNTIzLjQiIHdpZHRoPSI3LjgiIGhlaWdodD0iOS4yIiBzdHlsZT0iZmlsbDpyZ2IoMjQsMjksMzEpOyIvPgogICAgICAgIDxwYXRoIGQ9Ik0xMDIyLjMsNTIzLjRMMTAyMi4zLDU2OC4xTDEwMTQuOCw1NjguMUwxMDE0LjYsNTYzLjRDMTAxMy41LDU2NSAxMDEyLjEsNTY2LjMgMTAxMC40LDU2Ny4zQzEwMDguNyw1NjguMiAxMDA2LjYsNTY4LjcgMTAwNC4yLDU2OC43QzEwMDIuMSw1NjguNyAxMDAwLjEsNTY4LjMgOTk4LjQsNTY3LjZDOTk2LjYsNTY2LjggOTk1LDU2NS44IDk5My43LDU2NC40Qzk5Mi40LDU2MyA5OTEuMyw1NjEuMyA5OTAuNiw1NTkuNEM5ODkuOCw1NTcuNSA5ODkuNSw1NTUuMyA5ODkuNSw1NTIuOUM5ODkuNSw1NTAuNSA5ODkuOSw1NDguMyA5OTAuNiw1NDYuM0M5OTEuNCw1NDQuMyA5OTIuNCw1NDIuNiA5OTMuNyw1NDEuMkM5OTUsNTM5LjggOTk2LjYsNTM4LjcgOTk4LjQsNTM3LjlDMTAwMC4yLDUzNy4xIDEwMDIuMSw1MzYuNyAxMDA0LjIsNTM2LjdDMTAwNi42LDUzNi43IDEwMDguNiw1MzcuMSAxMDEwLjMsNTM4QzEwMTIsNTM4LjkgMTAxMy40LDU0MC4xIDEwMTQuNSw1NDEuOEwxMDE0LjUsNTIzLjVMMTAyMi4zLDUyMy41TDEwMjIuMyw1MjMuNFpNMTAwNS45LDU2MkMxMDA4LjUsNTYyIDEwMTAuNSw1NjEuMSAxMDEyLjEsNTU5LjRDMTAxMy43LDU1Ny43IDEwMTQuNSw1NTUuNCAxMDE0LjUsNTUyLjZDMTAxNC41LDU0OS44IDEwMTMuNyw1NDcuNiAxMDEyLjEsNTQ1LjhDMTAxMC41LDU0NC4xIDEwMDguNSw1NDMuMiAxMDA1LjksNTQzLjJDMTAwMy40LDU0My4yIDEwMDEuMyw1NDQuMSA5OTkuOCw1NDUuOEM5OTguMiw1NDcuNSA5OTcuNCw1NDkuOCA5OTcuNCw1NTIuNkM5OTcuNCw1NTUuNCA5OTguMiw1NTcuNiA5OTkuOCw1NTkuM0MxMDAxLjQsNTYxLjEgMTAwMy40LDU2MiAxMDA1LjksNTYyIiBzdHlsZT0iZmlsbDpyZ2IoMjQsMjksMzEpO2ZpbGwtcnVsZTpub256ZXJvOyIvPgogICAgICAgIDxwYXRoIGQ9Ik04ODUuOCw1NDQuMkw4NjYuNSw1NDQuMkw4NjYuNSw1NTAuOUw4NzcuNSw1NTAuOUM4NzcuMiw1NTQuMyA4NzUuOSw1NTYuOSA4NzMuNyw1NTlDODcxLjUsNTYxIDg2OC43LDU2MiA4NjUuMSw1NjJDODYzLjEsNTYyIDg2MS4yLDU2MS42IDg1OS42LDU2MC45Qzg1Ny45LDU2MC4yIDg1Ni41LDU1OS4yIDg1NS4zLDU1Ny44Qzg1NC4xLDU1Ni41IDg1My4yLDU1NC45IDg1Mi41LDU1M0M4NTEuOCw1NTEuMSA4NTEuNSw1NDkuMSA4NTEuNSw1NDYuOEM4NTEuNSw1NDQuNSA4NTEuOCw1NDIuNSA4NTIuNSw1NDAuNkM4NTMuMSw1MzguNyA4NTQuMSw1MzcuMiA4NTUuMyw1MzUuOEM4NTYuNSw1MzQuNSA4NTcuOSw1MzMuNSA4NTkuNiw1MzIuN0M4NjEuMyw1MzIgODYzLjEsNTMxLjYgODY1LjIsNTMxLjZDODY5LjQsNTMxLjYgODcyLjYsNTMyLjYgODc0LjgsNTM0LjZMODgwLDUyOS40Qzg3Ni4xLDUyNi40IDg3MS4xLDUyNC44IDg2NS4yLDUyNC44Qzg2MS45LDUyNC44IDg1OC45LDUyNS4zIDg1Ni4yLDUyNi40Qzg1My41LDUyNy41IDg1MS4yLDUyOC45IDg0OS4zLDUzMC44Qzg0Ny40LDUzMi43IDg0NS45LDUzNSA4NDQuOSw1MzcuN0M4NDMuOSw1NDAuNCA4NDMuNCw1NDMuNCA4NDMuNCw1NDYuNkM4NDMuNCw1NDkuOCA4NDMuOSw1NTIuOCA4NDUsNTU1LjVDODQ2LjEsNTU4LjIgODQ3LjUsNTYwLjUgODQ5LjQsNTYyLjRDODUxLjMsNTY0LjMgODUzLjYsNTY1LjggODU2LjMsNTY2LjhDODU5LDU2Ny45IDg2Miw1NjguNCA4NjUuMiw1NjguNEM4NjguNCw1NjguNCA4NzEuMyw1NjcuOSA4NzMuOSw1NjYuOEM4NzYuNSw1NjUuNyA4NzguNyw1NjQuMyA4ODAuNSw1NjIuNEM4ODIuMyw1NjAuNSA4ODMuNyw1NTguMiA4ODQuNyw1NTUuNUM4ODUuNyw1NTIuOCA4ODYuMiw1NDkuOCA4ODYuMiw1NDYuNkw4ODYuMiw1NDUuM0M4ODUuOSw1NDUuMSA4ODUuOCw1NDQuNiA4ODUuOCw1NDQuMiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNOTQ2LjgsNTQ0LjJMOTI3LjUsNTQ0LjJMOTI3LjUsNTUwLjlMOTM4LjUsNTUwLjlDOTM4LjIsNTU0LjMgOTM2LjksNTU2LjkgOTM0LjcsNTU5QzkzMi41LDU2MSA5MjkuNyw1NjIgOTI2LjEsNTYyQzkyNC4xLDU2MiA5MjIuMiw1NjEuNiA5MjAuNiw1NjAuOUM5MTguOSw1NjAuMiA5MTcuNSw1NTkuMiA5MTYuMyw1NTcuOEM5MTUuMSw1NTYuNSA5MTQuMiw1NTQuOSA5MTMuNSw1NTNDOTEyLjgsNTUxLjEgOTEyLjUsNTQ5LjEgOTEyLjUsNTQ2LjhDOTEyLjUsNTQ0LjUgOTEyLjgsNTQyLjUgOTEzLjUsNTQwLjZDOTE0LjEsNTM4LjcgOTE1LjEsNTM3LjIgOTE2LjMsNTM1LjhDOTE3LjUsNTM0LjUgOTE4LjksNTMzLjUgOTIwLjYsNTMyLjdDOTIyLjMsNTMyIDkyNC4xLDUzMS42IDkyNi4yLDUzMS42QzkzMC40LDUzMS42IDkzMy42LDUzMi42IDkzNS44LDUzNC42TDk0MSw1MjkuNEM5MzcuMSw1MjYuNCA5MzIuMSw1MjQuOCA5MjYuMiw1MjQuOEM5MjIuOSw1MjQuOCA5MTkuOSw1MjUuMyA5MTcuMiw1MjYuNEM5MTQuNSw1MjcuNSA5MTIuMiw1MjguOSA5MTAuMyw1MzAuOEM5MDguNCw1MzIuNyA5MDYuOSw1MzUgOTA1LjksNTM3LjdDOTA0LjksNTQwLjQgOTA0LjQsNTQzLjQgOTA0LjQsNTQ2LjZDOTA0LjQsNTQ5LjggOTA0LjksNTUyLjggOTA2LDU1NS41QzkwNy4xLDU1OC4yIDkwOC41LDU2MC41IDkxMC40LDU2Mi40QzkxMi4zLDU2NC4zIDkxNC42LDU2NS44IDkxNy4zLDU2Ni44QzkyMCw1NjcuOSA5MjMsNTY4LjQgOTI2LjIsNTY4LjRDOTI5LjQsNTY4LjQgOTMyLjMsNTY3LjkgOTM0LjksNTY2LjhDOTM3LjUsNTY1LjcgOTM5LjcsNTY0LjMgOTQxLjUsNTYyLjRDOTQzLjMsNTYwLjUgOTQ0LjcsNTU4LjIgOTQ1LjcsNTU1LjVDOTQ2LjcsNTUyLjggOTQ3LjIsNTQ5LjggOTQ3LjIsNTQ2LjZMOTQ3LjIsNTQ1LjNDOTQ2LjksNTQ1LjEgOTQ2LjgsNTQ0LjYgOTQ2LjgsNTQ0LjIiIHN0eWxlPSJmaWxsOnJnYigyNCwyOSwzMSk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: 170px 40px;
  display: block;
  height: 40px;
  width: 170px;
  opacity: 0.5;
}

.ag-watermark-text {
  opacity: 0.5;
  font-weight: bold;
  font-family: Impact, sans-serif;
  font-size: 19px;
  padding-left: 0.7rem;
}

.ag-root-wrapper-body {
  display: flex;
  flex-direction: row;
}

.ag-root-wrapper-body.ag-layout-normal {
  flex: 1 1 auto;
  height: 0;
  min-height: 0;
}

.ag-root {
  position: relative;
  display: flex;
  flex-direction: column;
}

.ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height {
  overflow: hidden;
  flex: 1 1 auto;
  width: 0;
}

.ag-root.ag-layout-normal {
  height: 100%;
}

.ag-header-viewport,
.ag-floating-top-viewport,
.ag-body-viewport,
.ag-center-cols-viewport,
.ag-floating-bottom-viewport,
.ag-body-horizontal-scroll-viewport,
.ag-body-vertical-scroll-viewport,
.ag-virtual-list-viewport,
.ag-sticky-top-viewport {
  position: relative;
  height: 100%;
  min-width: 0px;
  overflow: hidden;
  flex: 1 1 auto;
}

.ag-body-viewport, .ag-center-cols-viewport {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.ag-body-viewport::-webkit-scrollbar, .ag-center-cols-viewport::-webkit-scrollbar {
  display: none;
}

.ag-body-viewport {
  display: flex;
}

.ag-body-viewport.ag-layout-normal {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.ag-center-cols-viewport {
  min-height: 100%;
  width: 100%;
  overflow-x: auto;
}

.ag-body-horizontal-scroll-viewport {
  overflow-x: scroll;
}

.ag-body-vertical-scroll-viewport {
  overflow-y: scroll;
}

.ag-virtual-list-viewport {
  overflow: auto;
  width: 100%;
}

.ag-header-container,
.ag-floating-top-container,
.ag-body-container,
.ag-pinned-right-cols-container,
.ag-center-cols-container,
.ag-pinned-left-cols-container,
.ag-floating-bottom-container,
.ag-body-horizontal-scroll-container,
.ag-body-vertical-scroll-container,
.ag-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-virtual-list-container,
.ag-sticky-top-container {
  position: relative;
}

.ag-header-container,
.ag-floating-top-container,
.ag-floating-bottom-container,
.ag-sticky-top-container {
  height: 100%;
  white-space: nowrap;
}

.ag-center-cols-container {
  display: block;
}

.ag-pinned-right-cols-container {
  display: block;
}

.ag-body-horizontal-scroll-container {
  height: 100%;
}

.ag-body-vertical-scroll-container {
  width: 100%;
}

.ag-full-width-container,
.ag-floating-top-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-sticky-top-full-width-container {
  position: absolute;
  top: 0px;
  pointer-events: none;
}

.ag-ltr .ag-full-width-container,
.ag-ltr .ag-floating-top-full-width-container,
.ag-ltr .ag-floating-bottom-full-width-container,
.ag-ltr .ag-sticky-top-full-width-container {
  left: 0;
}

.ag-rtl .ag-full-width-container,
.ag-rtl .ag-floating-top-full-width-container,
.ag-rtl .ag-floating-bottom-full-width-container,
.ag-rtl .ag-sticky-top-full-width-container {
  right: 0;
}

.ag-full-width-container {
  width: 100%;
}

.ag-floating-bottom-full-width-container, .ag-floating-top-full-width-container {
  display: inline-block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.ag-virtual-list-container {
  overflow: hidden;
}

.ag-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row !important;
  min-height: 0;
}

.ag-body-horizontal-scroll,
.ag-body-vertical-scroll {
  min-height: 0;
  min-width: 0;
  display: flex;
  position: relative;
}

.ag-body-horizontal-scroll.ag-scrollbar-invisible,
.ag-body-vertical-scroll.ag-scrollbar-invisible {
  position: absolute;
  bottom: 0;
}

.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar {
  opacity: 0;
  transition: opacity 400ms;
  visibility: hidden;
}

.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active {
  visibility: visible;
  opacity: 1;
}

.ag-body-horizontal-scroll {
  width: 100%;
}

.ag-body-horizontal-scroll.ag-scrollbar-invisible {
  left: 0;
  right: 0;
}

.ag-body-vertical-scroll {
  height: 100%;
}

.ag-body-vertical-scroll.ag-scrollbar-invisible {
  top: 0;
  z-index: 10;
}

.ag-ltr .ag-body-vertical-scroll.ag-scrollbar-invisible {
  right: 0;
}

.ag-rtl .ag-body-vertical-scroll.ag-scrollbar-invisible {
  left: 0;
}

.ag-force-vertical-scroll {
  overflow-y: scroll !important;
}

.ag-horizontal-left-spacer, .ag-horizontal-right-spacer {
  height: 100%;
  min-width: 0;
  overflow-x: scroll;
}

.ag-horizontal-left-spacer.ag-scroller-corner, .ag-horizontal-right-spacer.ag-scroller-corner {
  overflow-x: hidden;
}

.ag-header, .ag-pinned-left-header, .ag-pinned-right-header {
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.ag-header-cell-sortable .ag-header-cell-label {
  cursor: pointer;
}

.ag-header {
  display: flex;
  width: 100%;
  white-space: nowrap;
}

.ag-pinned-left-header {
  height: 100%;
}

.ag-pinned-right-header {
  height: 100%;
}

.ag-header-row {
  position: absolute;
}

.ag-header-row:not(.ag-header-row-column-group) {
  overflow: hidden;
}

.ag-header.ag-header-allow-overflow .ag-header-row {
  overflow: visible;
}

.ag-header-cell {
  display: inline-flex;
  align-items: center;
  position: absolute;
  height: 100%;
  overflow: hidden;
}

.ag-header-cell.ag-header-active .ag-header-cell-menu-button {
  opacity: 1;
}

.ag-header-cell-menu-button:not(.ag-header-menu-always-show) {
  transition: opacity 0.2s;
  opacity: 0;
}

.ag-header-group-cell-label, .ag-header-cell-label {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  align-items: center;
  text-overflow: ellipsis;
  align-self: stretch;
}

.ag-header-group-cell-label.ag-sticky-label {
  position: sticky;
  flex: none;
  max-width: 100%;
}

.ag-header-cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-header-cell:not(.ag-header-cell-auto-height) .ag-header-cell-comp-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
}

.ag-header-cell-comp-wrapper {
  width: 100%;
  overflow: hidden;
}

.ag-header-cell-wrap-text .ag-header-cell-comp-wrapper {
  white-space: normal;
}

.ag-right-aligned-header .ag-header-cell-label {
  flex-direction: row-reverse;
}

.ag-header-group-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-header-cell-resize {
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 8px;
  top: 0;
  cursor: ew-resize;
}

.ag-ltr .ag-header-cell-resize {
  right: -4px;
}

.ag-rtl .ag-header-cell-resize {
  left: -4px;
}

.ag-pinned-left-header .ag-header-cell-resize {
  right: -4px;
}

.ag-pinned-right-header .ag-header-cell-resize {
  left: -4px;
}

.ag-header-select-all {
  display: flex;
}

.ag-column-moving .ag-cell {
  transition: left 0.2s;
}

.ag-column-moving .ag-header-cell {
  transition: left 0.2s;
}

.ag-column-moving .ag-header-group-cell {
  transition: left 0.2s, width 0.2s;
}

.ag-column-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1 1 auto;
}

.ag-column-select {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 3 1 0px;
}

.ag-column-select-header {
  position: relative;
  display: flex;
  flex: none;
}

.ag-column-select-header-icon {
  position: relative;
}

.ag-column-select-header-filter-wrapper {
  flex: 1 1 auto;
}

.ag-column-select-header-filter {
  width: 100%;
}

.ag-column-select-list {
  flex: 1 1 0px;
  overflow: hidden;
}

.ag-column-drop {
  position: relative;
  display: inline-flex;
  align-items: center;
  overflow: auto;
  width: 100%;
}

.ag-column-drop-list {
  display: flex;
  align-items: center;
}

.ag-column-drop-cell {
  position: relative;
  display: flex;
  align-items: center;
}

.ag-column-drop-cell-text {
  overflow: hidden;
  flex: 1 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-column-drop-vertical {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  align-items: stretch;
  flex: 1 1 0px;
}

.ag-column-drop-vertical-title-bar {
  display: flex;
  align-items: center;
  flex: none;
}

.ag-column-drop-vertical-list {
  position: relative;
  align-items: stretch;
  flex-grow: 1;
  flex-direction: column;
  overflow-x: auto;
}

.ag-column-drop-vertical-list > * {
  flex: none;
}

.ag-column-drop-empty .ag-column-drop-vertical-list {
  overflow: hidden;
}

.ag-column-drop-vertical-empty-message {
  display: block;
}

.ag-column-drop.ag-column-drop-horizontal {
  white-space: nowrap;
  overflow: hidden;
}

.ag-column-drop-cell-button {
  cursor: pointer;
}

.ag-filter-toolpanel {
  flex: 1 1 0px;
  min-width: 0;
}

.ag-filter-toolpanel-header {
  position: relative;
}

.ag-filter-toolpanel-header, .ag-filter-toolpanel-search {
  display: flex;
  align-items: center;
}

.ag-filter-toolpanel-header > *, .ag-filter-toolpanel-search > * {
  display: flex;
  align-items: center;
}

.ag-filter-apply-panel {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
}

.ag-row-animation .ag-row {
  transition: transform 0.4s, top 0.4s, background-color 0.1s, opacity 0.2s;
}

.ag-row-animation .ag-row.ag-after-created {
  transition: transform 0.4s, top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s;
}

.ag-row-no-animation .ag-row {
  transition: background-color 0.1s;
}

.ag-row {
  white-space: nowrap;
  width: 100%;
}

.ag-row-loading {
  display: flex;
  align-items: center;
}

.ag-row-position-absolute {
  position: absolute;
}

.ag-row-position-relative {
  position: relative;
}

.ag-full-width-row {
  overflow: hidden;
  pointer-events: all;
}

.ag-row-inline-editing {
  z-index: 1;
}

.ag-row-dragging {
  z-index: 2;
}

.ag-stub-cell {
  display: flex;
  align-items: center;
}

.ag-cell {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  height: 100%;
}

.ag-cell-value {
  flex: 1 1 auto;
}

.ag-cell-value, .ag-group-value {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-cell-wrap-text {
  white-space: normal;
  word-break: break-all;
}

.ag-cell-wrapper {
  display: flex;
  align-items: center;
}

.ag-cell-wrapper.ag-row-group {
  align-items: flex-start;
}

.ag-sparkline-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  height: 100%;
  align-items: center;
}

.ag-cell-inline-editing {
  z-index: 1;
}

.ag-cell-inline-editing .ag-cell-wrapper,
.ag-cell-inline-editing .ag-cell-edit-wrapper,
.ag-cell-inline-editing .ag-cell-editor,
.ag-cell-inline-editing .ag-cell-editor .ag-wrapper,
.ag-cell-inline-editing .ag-cell-editor input {
  height: 100%;
  width: 100%;
  line-height: normal;
}

.ag-cell .ag-icon {
  display: inline-block;
  vertical-align: middle;
}

.ag-set-filter-item {
  display: flex;
  align-items: center;
  height: 100%;
}

.ag-set-filter-item-checkbox {
  display: flex;
  overflow: hidden;
}

.ag-set-filter-group-icons {
  display: block;
}

.ag-set-filter-group-icons > * {
  cursor: pointer;
}

.ag-filter-body-wrapper {
  display: flex;
  flex-direction: column;
}

.ag-filter-filter {
  flex: 1 1 0px;
}

.ag-filter-condition {
  display: flex;
  justify-content: center;
}

.ag-floating-filter-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  height: 100%;
}

.ag-floating-filter-full-body {
  display: flex;
  flex: 1 1 auto;
  height: 100%;
  width: 100%;
  align-items: center;
  overflow: hidden;
}

.ag-floating-filter-full-body > div {
  flex: 1 1 auto;
}

.ag-floating-filter-input {
  align-items: center;
  display: flex;
  width: 100%;
}

.ag-floating-filter-input > * {
  flex: 1 1 auto;
}

.ag-floating-filter-button {
  display: flex;
  flex: none;
}

.ag-set-floating-filter-input input[disabled] {
  pointer-events: none;
}

.ag-dnd-ghost {
  position: absolute;
  display: inline-flex;
  align-items: center;
  cursor: move;
  white-space: nowrap;
  z-index: 9999;
}

.ag-overlay {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.ag-overlay-panel {
  display: flex;
  height: 100%;
  width: 100%;
}

.ag-overlay-wrapper {
  display: flex;
  flex: none;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.ag-overlay-loading-wrapper {
  pointer-events: all;
}

.ag-popup-child {
  z-index: 5;
  top: 0;
}

.ag-popup-editor {
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
}

.ag-large-text-input {
  display: block;
}

.ag-virtual-list-item {
  position: absolute;
  width: 100%;
}

.ag-floating-top {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}

.ag-pinned-left-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-pinned-right-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-floating-bottom {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}

.ag-pinned-left-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-pinned-right-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-sticky-top {
  position: absolute;
  display: flex;
  width: 100%;
}

.ag-pinned-left-sticky-top,
.ag-pinned-right-sticky-top {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.ag-sticky-top-full-width-container {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.ag-dialog, .ag-panel {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.ag-panel-title-bar {
  display: flex;
  flex: none;
  align-items: center;
  cursor: default;
}

.ag-panel-title-bar-title {
  flex: 1 1 auto;
}

.ag-panel-title-bar-buttons {
  display: flex;
}

.ag-panel-title-bar-button {
  cursor: pointer;
}

.ag-panel-content-wrapper {
  display: flex;
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
}

.ag-dialog {
  position: absolute;
}

.ag-resizer {
  position: absolute;
  pointer-events: none;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}

.ag-resizer.ag-resizer-topLeft {
  top: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}

.ag-resizer.ag-resizer-top {
  top: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}

.ag-resizer.ag-resizer-topRight {
  top: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}

.ag-resizer.ag-resizer-right {
  top: 5px;
  right: 0;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}

.ag-resizer.ag-resizer-bottomRight {
  bottom: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}

.ag-resizer.ag-resizer-bottom {
  bottom: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}

.ag-resizer.ag-resizer-bottomLeft {
  bottom: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}

.ag-resizer.ag-resizer-left {
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}

.ag-tooltip {
  position: absolute;
  z-index: 99999;
}

.ag-tooltip-custom {
  position: absolute;
  z-index: 99999;
}

.ag-tooltip:not(.ag-tooltip-interactive),
.ag-tooltip-custom:not(.ag-tooltip-interactive) {
  pointer-events: none;
}

.ag-value-slide-out {
  margin-right: 5px;
  opacity: 1;
  transition: opacity 3s, margin-right 3s;
  transition-timing-function: linear;
}

.ag-value-slide-out-end {
  margin-right: 10px;
  opacity: 0;
}

.ag-opacity-zero {
  opacity: 0 !important;
}

.ag-menu {
  max-height: 100%;
  overflow-y: auto;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
}

.ag-menu-column-select-wrapper {
  height: 265px;
  overflow: auto;
}

.ag-menu-column-select-wrapper .ag-column-select {
  height: 100%;
}

.ag-menu-list {
  display: table;
  width: 100%;
}

.ag-menu-option, .ag-menu-separator {
  display: table-row;
}

.ag-menu-option-part, .ag-menu-separator-part {
  display: table-cell;
  vertical-align: middle;
}

.ag-menu-option-text {
  white-space: nowrap;
}

.ag-compact-menu-option {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}

.ag-compact-menu-option-text {
  white-space: nowrap;
  flex: 1 1 auto;
}

.ag-rich-select {
  cursor: default;
  outline: none;
  height: 100%;
}

.ag-rich-select-value {
  display: flex;
  align-items: center;
  height: 100%;
}

.ag-rich-select-value .ag-picker-field-display {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-rich-select-value .ag-picker-field-display.ag-display-as-placeholder {
  opacity: 0.5;
}

.ag-rich-select-list {
  position: relative;
}

.ag-rich-select-list .ag-loading-text {
  min-height: 2rem;
}

.ag-rich-select-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  height: 100%;
}

.ag-rich-select-field-input {
  flex: 1 1 auto;
}

.ag-rich-select-field-input .ag-input-field-input {
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  text-overflow: ellipsis;
}

.ag-rich-select-field-input .ag-input-field-input::placeholder {
  opacity: 0.8;
}

.ag-autocomplete {
  align-items: center;
  display: flex;
}

.ag-autocomplete > * {
  flex: 1 1 auto;
}

.ag-autocomplete-list-popup {
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
}

.ag-autocomplete-list {
  position: relative;
}

.ag-autocomplete-virtual-list-item {
  display: flex;
}

.ag-autocomplete-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  overflow: hidden;
}

.ag-autocomplete-row-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-paging-panel {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

.ag-paging-page-summary-panel {
  display: flex;
  align-items: center;
}

.ag-paging-button {
  position: relative;
}

.ag-disabled .ag-paging-page-summary-panel {
  pointer-events: none;
}

.ag-tool-panel-wrapper {
  display: flex;
  overflow-y: auto;
  overflow-x: hidden;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}

.ag-column-select-column,
.ag-column-select-column-group,
.ag-select-agg-func-item {
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
}

.ag-column-select-column > *,
.ag-column-select-column-group > *,
.ag-select-agg-func-item > * {
  flex: none;
}

.ag-select-agg-func-item,
.ag-column-select-column-label {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-column-select-checkbox {
  display: flex;
}

.ag-tool-panel-horizontal-resize {
  cursor: ew-resize;
  height: 100%;
  position: absolute;
  top: 0;
  width: 5px;
  z-index: 1;
}

.ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  right: -3px;
}

.ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  left: -3px;
}

.ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  left: -3px;
}

.ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  right: -3px;
}

.ag-details-row {
  width: 100%;
}

.ag-details-row-fixed-height {
  height: 100%;
}

.ag-details-grid {
  width: 100%;
}

.ag-details-grid-fixed-height {
  height: 100%;
}

.ag-header-group-cell {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
}

.ag-header-group-cell-no-group.ag-header-span-height .ag-header-cell-resize {
  display: none;
}

.ag-cell-label-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  height: 100%;
  width: 100%;
  overflow: hidden;
  padding: 5px 0px;
}

.ag-right-aligned-header .ag-cell-label-container {
  flex-direction: row;
}

.ag-right-aligned-header .ag-header-cell-text {
  text-align: end;
}

.ag-side-bar {
  display: flex;
  flex-direction: row-reverse;
}

.ag-side-bar-left {
  order: -1;
  flex-direction: row;
}

.ag-side-button-button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}

.ag-side-button-label {
  writing-mode: vertical-lr;
}

.ag-status-bar {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}

.ag-status-panel {
  display: inline-flex;
}

.ag-status-name-value {
  white-space: nowrap;
}

.ag-status-bar-left {
  display: inline-flex;
}

.ag-status-bar-center {
  display: inline-flex;
}

.ag-status-bar-right {
  display: inline-flex;
}

.ag-icon {
  display: block;
  speak: none;
}

.ag-group {
  position: relative;
  width: 100%;
}

.ag-group-title-bar {
  display: flex;
  align-items: center;
}

.ag-group-title {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ag-group-title-bar .ag-group-title {
  cursor: default;
}

.ag-group-toolbar {
  display: flex;
  align-items: center;
}

.ag-group-container {
  display: flex;
}

.ag-disabled .ag-group-container {
  pointer-events: none;
}

.ag-group-container-horizontal {
  flex-direction: row;
  flex-wrap: wrap;
}

.ag-group-container-vertical {
  flex-direction: column;
}

.ag-column-group-icons {
  display: block;
}

.ag-column-group-icons > * {
  cursor: pointer;
}

.ag-group-item-alignment-stretch .ag-group-item {
  align-items: stretch;
}

.ag-group-item-alignment-start .ag-group-item {
  align-items: flex-start;
}

.ag-group-item-alignment-end .ag-group-item {
  align-items: flex-end;
}

.ag-toggle-button-icon {
  transition: right 0.3s;
  position: absolute;
  top: -1px;
}

.ag-input-field, .ag-select {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ag-input-field-input {
  flex: 1 1 auto;
}

.ag-floating-filter-input .ag-input-field-input[type=date] {
  width: 1px;
}

.ag-range-field {
  display: flex;
  align-items: center;
}

.ag-angle-select {
  display: flex;
  align-items: center;
}

.ag-angle-select-wrapper {
  display: flex;
}

.ag-angle-select-parent-circle {
  display: block;
  position: relative;
}

.ag-angle-select-child-circle {
  position: absolute;
}

.ag-slider-wrapper {
  display: flex;
}

.ag-slider-wrapper .ag-input-field {
  flex: 1 1 auto;
}

.ag-picker-field-display {
  flex: 1 1 auto;
}

.ag-picker-field {
  display: flex;
  align-items: center;
}

.ag-picker-field-icon {
  display: flex;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.ag-picker-field-wrapper {
  overflow: hidden;
}

.ag-label-align-right .ag-label {
  order: 1;
}

.ag-label-align-right > * {
  flex: none;
}

.ag-label-align-top {
  flex-direction: column;
  align-items: flex-start;
}

.ag-label-align-top > * {
  align-self: stretch;
}

.ag-label-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.ag-color-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.ag-spectrum-color {
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
  cursor: default;
}

.ag-spectrum-fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ag-spectrum-val {
  cursor: pointer;
}

.ag-spectrum-dragger {
  position: absolute;
  pointer-events: none;
  cursor: pointer;
}

.ag-spectrum-hue {
  cursor: default;
  background: linear-gradient(to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

.ag-spectrum-alpha {
  cursor: default;
}

.ag-spectrum-hue-background {
  width: 100%;
  height: 100%;
}

.ag-spectrum-alpha-background {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  width: 100%;
  height: 100%;
}

.ag-spectrum-tool {
  cursor: pointer;
}

.ag-spectrum-slider {
  position: absolute;
  pointer-events: none;
}

.ag-recent-colors {
  display: flex;
}

.ag-recent-color {
  cursor: pointer;
}

.ag-ltr .ag-column-select-indent-1 {
  padding-left: 20px;
}

.ag-rtl .ag-column-select-indent-1 {
  padding-right: 20px;
}

.ag-ltr .ag-set-filter-indent-1 {
  padding-left: 20px;
}

.ag-rtl .ag-set-filter-indent-1 {
  padding-right: 20px;
}

.ag-ltr .ag-row-group-indent-1 {
  padding-left: 20px;
}

.ag-rtl .ag-row-group-indent-1 {
  padding-right: 20px;
}

.ag-ltr .ag-column-select-indent-2 {
  padding-left: 40px;
}

.ag-rtl .ag-column-select-indent-2 {
  padding-right: 40px;
}

.ag-ltr .ag-set-filter-indent-2 {
  padding-left: 40px;
}

.ag-rtl .ag-set-filter-indent-2 {
  padding-right: 40px;
}

.ag-ltr .ag-row-group-indent-2 {
  padding-left: 40px;
}

.ag-rtl .ag-row-group-indent-2 {
  padding-right: 40px;
}

.ag-ltr .ag-column-select-indent-3 {
  padding-left: 60px;
}

.ag-rtl .ag-column-select-indent-3 {
  padding-right: 60px;
}

.ag-ltr .ag-set-filter-indent-3 {
  padding-left: 60px;
}

.ag-rtl .ag-set-filter-indent-3 {
  padding-right: 60px;
}

.ag-ltr .ag-row-group-indent-3 {
  padding-left: 60px;
}

.ag-rtl .ag-row-group-indent-3 {
  padding-right: 60px;
}

.ag-ltr .ag-column-select-indent-4 {
  padding-left: 80px;
}

.ag-rtl .ag-column-select-indent-4 {
  padding-right: 80px;
}

.ag-ltr .ag-set-filter-indent-4 {
  padding-left: 80px;
}

.ag-rtl .ag-set-filter-indent-4 {
  padding-right: 80px;
}

.ag-ltr .ag-row-group-indent-4 {
  padding-left: 80px;
}

.ag-rtl .ag-row-group-indent-4 {
  padding-right: 80px;
}

.ag-ltr .ag-column-select-indent-5 {
  padding-left: 100px;
}

.ag-rtl .ag-column-select-indent-5 {
  padding-right: 100px;
}

.ag-ltr .ag-set-filter-indent-5 {
  padding-left: 100px;
}

.ag-rtl .ag-set-filter-indent-5 {
  padding-right: 100px;
}

.ag-ltr .ag-row-group-indent-5 {
  padding-left: 100px;
}

.ag-rtl .ag-row-group-indent-5 {
  padding-right: 100px;
}

.ag-ltr .ag-column-select-indent-6 {
  padding-left: 120px;
}

.ag-rtl .ag-column-select-indent-6 {
  padding-right: 120px;
}

.ag-ltr .ag-set-filter-indent-6 {
  padding-left: 120px;
}

.ag-rtl .ag-set-filter-indent-6 {
  padding-right: 120px;
}

.ag-ltr .ag-row-group-indent-6 {
  padding-left: 120px;
}

.ag-rtl .ag-row-group-indent-6 {
  padding-right: 120px;
}

.ag-ltr .ag-column-select-indent-7 {
  padding-left: 140px;
}

.ag-rtl .ag-column-select-indent-7 {
  padding-right: 140px;
}

.ag-ltr .ag-set-filter-indent-7 {
  padding-left: 140px;
}

.ag-rtl .ag-set-filter-indent-7 {
  padding-right: 140px;
}

.ag-ltr .ag-row-group-indent-7 {
  padding-left: 140px;
}

.ag-rtl .ag-row-group-indent-7 {
  padding-right: 140px;
}

.ag-ltr .ag-column-select-indent-8 {
  padding-left: 160px;
}

.ag-rtl .ag-column-select-indent-8 {
  padding-right: 160px;
}

.ag-ltr .ag-set-filter-indent-8 {
  padding-left: 160px;
}

.ag-rtl .ag-set-filter-indent-8 {
  padding-right: 160px;
}

.ag-ltr .ag-row-group-indent-8 {
  padding-left: 160px;
}

.ag-rtl .ag-row-group-indent-8 {
  padding-right: 160px;
}

.ag-ltr .ag-column-select-indent-9 {
  padding-left: 180px;
}

.ag-rtl .ag-column-select-indent-9 {
  padding-right: 180px;
}

.ag-ltr .ag-set-filter-indent-9 {
  padding-left: 180px;
}

.ag-rtl .ag-set-filter-indent-9 {
  padding-right: 180px;
}

.ag-ltr .ag-row-group-indent-9 {
  padding-left: 180px;
}

.ag-rtl .ag-row-group-indent-9 {
  padding-right: 180px;
}

.ag-ltr {
  direction: ltr;
}

.ag-ltr .ag-body, .ag-ltr .ag-floating-top, .ag-ltr .ag-floating-bottom, .ag-ltr .ag-header, .ag-ltr .ag-sticky-top, .ag-ltr .ag-body-viewport, .ag-ltr .ag-body-horizontal-scroll {
  flex-direction: row;
}

.ag-rtl {
  direction: rtl;
}

.ag-rtl .ag-body, .ag-rtl .ag-floating-top, .ag-rtl .ag-floating-bottom, .ag-rtl .ag-header, .ag-rtl .ag-sticky-top, .ag-rtl .ag-body-viewport, .ag-rtl .ag-body-horizontal-scroll {
  flex-direction: row-reverse;
}

.ag-rtl .ag-icon-contracted,
.ag-rtl .ag-icon-expanded,
.ag-rtl .ag-icon-tree-closed {
  display: block;
  transform: rotate(180deg);
}

.ag-body .ag-body-viewport {
  -webkit-overflow-scrolling: touch;
}

.ag-layout-print.ag-body {
  display: block;
  height: unset;
}

.ag-layout-print.ag-root-wrapper {
  display: inline-block;
}

.ag-layout-print .ag-body-vertical-scroll {
  display: none;
}

.ag-layout-print .ag-body-horizontal-scroll {
  display: none;
}

.ag-layout-print.ag-force-vertical-scroll {
  overflow-y: visible !important;
}

@media print {
  .ag-root-wrapper.ag-layout-print {
    display: table;
  }
  .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body,
  .ag-root-wrapper.ag-layout-print .ag-root,
  .ag-root-wrapper.ag-layout-print .ag-body-viewport,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-container,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport,
  .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport,
  .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport {
    height: auto !important;
    overflow: hidden !important;
    display: block !important;
  }
  .ag-root-wrapper.ag-layout-print .ag-row, .ag-root-wrapper.ag-layout-print .ag-cell {
    break-inside: avoid;
  }
}
[class^=ag-], [class^=ag-]:focus, [class^=ag-]:after, [class^=ag-]:before {
  box-sizing: border-box;
  outline: none;
}

[class^=ag-]::-ms-clear {
  display: none;
}

.ag-checkbox .ag-input-wrapper,
.ag-radio-button .ag-input-wrapper {
  overflow: visible;
}

.ag-range-field .ag-input-wrapper {
  height: 100%;
}

.ag-toggle-button {
  flex: none;
  width: unset;
  min-width: unset;
}

.ag-button {
  border-radius: 0px;
  color: var(--ag-foreground-color);
}

.ag-button:hover {
  background-color: transparent;
}

.ag-ltr .ag-label-align-right .ag-label {
  margin-left: var(--ag-grid-size);
}

.ag-rtl .ag-label-align-right .ag-label {
  margin-right: var(--ag-grid-size);
}

input[class^=ag-] {
  margin: 0;
  background-color: var(--ag-background-color);
}

textarea[class^=ag-],
select[class^=ag-] {
  background-color: var(--ag-background-color);
}

input[class^=ag-]:not([type]),
input[class^=ag-][type=text],
input[class^=ag-][type=number],
input[class^=ag-][type=tel],
input[class^=ag-][type=date],
input[class^=ag-][type=datetime-local],
textarea[class^=ag-] {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  border: var(--ag-borders-input) var(--ag-input-border-color);
}

input[class^=ag-]:not([type]):disabled,
input[class^=ag-][type=text]:disabled,
input[class^=ag-][type=number]:disabled,
input[class^=ag-][type=tel]:disabled,
input[class^=ag-][type=date]:disabled,
input[class^=ag-][type=datetime-local]:disabled,
textarea[class^=ag-]:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}

input[class^=ag-]:not([type]):focus,
input[class^=ag-][type=text]:focus,
input[class^=ag-][type=number]:focus,
input[class^=ag-][type=tel]:focus,
input[class^=ag-][type=date]:focus,
input[class^=ag-][type=datetime-local]:focus,
textarea[class^=ag-]:focus {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}

input[class^=ag-]:not([type]):invalid,
input[class^=ag-][type=text]:invalid,
input[class^=ag-][type=number]:invalid,
input[class^=ag-][type=tel]:invalid,
input[class^=ag-][type=date]:invalid,
input[class^=ag-][type=datetime-local]:invalid,
textarea[class^=ag-]:invalid {
  border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid);
}

input[class^=ag-][type=number]:not(.ag-number-field-input-stepper) {
  -moz-appearance: textfield;
}

input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-outer-spin-button, input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[class^=ag-][type=range] {
  padding: 0;
}

input[class^=ag-][type=button]:focus, button[class^=ag-]:focus {
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-drag-handle {
  color: var(--ag-secondary-foreground-color);
}

.ag-list-item, .ag-virtual-list-item {
  height: var(--ag-list-item-height);
}

.ag-keyboard-focus .ag-virtual-list-item:focus {
  outline: none;
}

.ag-keyboard-focus .ag-virtual-list-item:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-select-list {
  background-color: var(--ag-background-color);
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}

.ag-list-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-list-item.ag-active-item {
  background-color: var(--ag-row-hover-color);
}

.ag-select-list-item {
  padding-left: 4px;
  padding-right: 4px;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}

.ag-select-list-item span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ag-row-drag,
.ag-selection-checkbox,
.ag-group-expanded,
.ag-group-contracted {
  color: var(--ag-secondary-foreground-color);
}

.ag-ltr .ag-row-drag,
.ag-ltr .ag-selection-checkbox,
.ag-ltr .ag-group-expanded,
.ag-ltr .ag-group-contracted {
  margin-right: var(--ag-cell-widget-spacing);
}

.ag-rtl .ag-row-drag,
.ag-rtl .ag-selection-checkbox,
.ag-rtl .ag-group-expanded,
.ag-rtl .ag-group-contracted {
  margin-left: var(--ag-cell-widget-spacing);
}

.ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
  --ag-internal-calculated-line-height: var(--ag-line-height, calc(var(--ag-row-height) - var(--ag-row-border-width)));
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width));
  height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  display: flex;
  align-items: center;
  flex: none;
}

.ag-group-expanded,
.ag-group-contracted {
  cursor: pointer;
}

.ag-group-title-bar-icon {
  cursor: pointer;
  flex: none;
  color: var(--ag-secondary-foreground-color);
}

.ag-ltr .ag-group-child-count {
  margin-left: 2px;
}

.ag-rtl .ag-group-child-count {
  margin-right: 2px;
}

.ag-group-title-bar {
  background-color: var(--ag-subheader-background-color);
  padding: var(--ag-grid-size);
}

.ag-group-toolbar {
  padding: var(--ag-grid-size);
  background-color: var(--ag-subheader-toolbar-background-color);
}

.ag-disabled-group-title-bar, .ag-disabled-group-container {
  opacity: 0.5;
}

.group-item {
  margin: calc(var(--ag-grid-size) * 0.5) 0;
}

.ag-label {
  white-space: nowrap;
}

.ag-ltr .ag-label {
  margin-right: var(--ag-grid-size);
}

.ag-rtl .ag-label {
  margin-left: var(--ag-grid-size);
}

.ag-label-align-top .ag-label {
  margin-bottom: calc(var(--ag-grid-size) * 0.5);
}

.ag-angle-select[disabled] {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}

.ag-angle-select[disabled] .ag-angle-select-field {
  opacity: 0.4;
}

.ag-ltr .ag-slider-field,
.ag-ltr .ag-angle-select-field {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-rtl .ag-slider-field,
.ag-rtl .ag-angle-select-field {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-angle-select-parent-circle {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  border: solid 1px;
  border-color: var(--ag-border-color);
  background-color: var(--ag-background-color);
}

.ag-angle-select-child-circle {
  top: 4px;
  left: 12px;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  margin-top: -4px;
  border-radius: 3px;
  background-color: var(--ag-secondary-foreground-color);
}

.ag-picker-field-wrapper {
  border: var(--ag-borders);
  border-color: var(--ag-border-color);
  border-radius: 5px;
}

.ag-picker-field-wrapper:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}

.ag-picker-field-wrapper.ag-picker-has-focus, .ag-picker-field-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}

.ag-picker-field-button {
  background-color: var(--ag-background-color);
  color: var(--ag-secondary-foreground-color);
}

.ag-dialog.ag-color-dialog {
  border-radius: 5px;
}

.ag-color-picker .ag-picker-field-display {
  height: var(--ag-icon-size);
}

.ag-color-panel {
  padding: var(--ag-grid-size);
}

.ag-spectrum-color {
  background-color: rgb(255, 0, 0);
  border-radius: 2px;
}

.ag-spectrum-tools {
  padding: 10px;
}

.ag-spectrum-sat {
  background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0));
}

.ag-spectrum-val {
  background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0));
}

.ag-spectrum-dragger {
  border-radius: 12px;
  height: 12px;
  width: 12px;
  border: 1px solid white;
  background: black;
  box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.24);
}

.ag-spectrum-hue-background {
  border-radius: 2px;
}

.ag-spectrum-alpha-background {
  border-radius: 2px;
}

.ag-spectrum-tool {
  margin-bottom: 10px;
  height: 11px;
  border-radius: 2px;
}

.ag-spectrum-slider {
  margin-top: -12px;
  width: 13px;
  height: 13px;
  border-radius: 13px;
  background-color: rgb(248, 248, 248);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}

.ag-recent-color {
  margin: 0 3px;
}

.ag-recent-color:first-child {
  margin-left: 0;
}

.ag-recent-color:last-child {
  margin-right: 0;
}

.ag-spectrum-color:focus-visible:not(:disabled):not([readonly]),
.ag-spectrum-slider:focus-visible:not(:disabled):not([readonly]),
.ag-recent-color:focus-visible:not(:disabled):not([readonly]) {
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-dnd-ghost {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  overflow: hidden;
  text-overflow: ellipsis;
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height) !important;
  line-height: var(--ag-header-height);
  margin: 0;
  padding: 0 calc(var(--ag-grid-size) * 2);
  transform: translateY(calc(var(--ag-grid-size) * 2));
}

.ag-dnd-ghost-icon {
  margin-right: var(--ag-grid-size);
  color: var(--ag-foreground-color);
}

.ag-popup-child:not(.ag-tooltip-custom) {
  box-shadow: var(--ag-popup-shadow);
}

.ag-select .ag-picker-field-wrapper {
  background-color: var(--ag-background-color);
  min-height: var(--ag-list-item-height);
  cursor: default;
}

.ag-select.ag-disabled .ag-picker-field-wrapper:focus {
  box-shadow: none;
}

.ag-select:not(.ag-cell-editor, .ag-label-align-top) {
  height: var(--ag-list-item-height);
}

.ag-select .ag-picker-field-display {
  margin: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-select .ag-picker-field-icon {
  display: flex;
  align-items: center;
}

.ag-select.ag-disabled {
  opacity: 0.5;
}

.ag-rich-select-value,
.ag-rich-select-list {
  background-color: var(--ag-background-color);
}

.ag-rich-select-list {
  width: 100%;
  height: auto;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}

.ag-rich-select-list .ag-loading-text {
  padding: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing);
}

.ag-rich-select-value {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  padding-top: 0;
  padding-bottom: 0;
}

.ag-ltr .ag-rich-select-value {
  padding-left: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-rich-select-value {
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-rich-select-value {
  padding-right: var(--ag-grid-size);
}

.ag-rtl .ag-rich-select-value {
  padding-left: var(--ag-grid-size);
}

.ag-ltr .ag-rich-select-field-input {
  left: calc(var(--ag-cell-horizontal-padding));
}

.ag-rtl .ag-rich-select-field-input {
  right: calc(var(--ag-cell-horizontal-padding));
}

.ag-popup-editor .ag-rich-select-value {
  height: var(--ag-row-height);
  min-width: 200px;
}

.ag-rich-select-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}

.ag-keyboard-focus .ag-rich-select-virtual-list-item:focus::after {
  content: none;
}

.ag-rich-select-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}

.ag-ltr .ag-rich-select-row {
  padding-left: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-rich-select-row {
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-rich-select-row-selected {
  background-color: var(--ag-selected-row-background-color);
}

.ag-rich-select-row-text-highlight {
  font-weight: bold;
}

.ag-autocomplete {
  width: 100%;
}

.ag-autocomplete-list {
  width: 100%;
  min-width: 200px;
  height: calc(var(--ag-row-height) * 6.5);
}

.ag-autocomplete-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}

.ag-keyboard-focus .ag-autocomplete-virtual-list-item:focus::after {
  content: none;
}

.ag-autocomplete-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}

.ag-autocomplete-row-label {
  margin: 0px var(--ag-widget-container-horizontal-padding);
}

.ag-autocomplete-row-selected {
  background-color: var(--ag-selected-row-background-color);
}

.ag-dragging-range-handle .ag-dialog,
.ag-dragging-fill-handle .ag-dialog {
  opacity: 0.7;
  pointer-events: none;
}

.ag-dialog {
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
  box-shadow: var(--ag-popup-shadow);
}

.ag-panel {
  background-color: var(--ag-background-color);
}

.ag-panel-title-bar {
  background-color: var(--ag-header-background-color);
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
  padding: var(--ag-grid-size) var(--ag-cell-horizontal-padding);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}

.ag-ltr .ag-panel-title-bar-button {
  margin-left: var(--ag-grid-size);
}

.ag-rtl .ag-panel-title-bar-button {
  margin-right: var(--ag-grid-size);
}

.ag-tooltip {
  background-color: var(--ag-tooltip-background-color);
  color: var(--ag-foreground-color);
  padding: var(--ag-grid-size);
  border: var(--ag-borders) var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  white-space: normal;
}

.ag-tooltip.ag-tooltip-animate,
.ag-tooltip-custom.ag-tooltip-animate {
  transition: opacity 1s;
}

.ag-tooltip.ag-tooltip-animate.ag-tooltip-hiding,
.ag-tooltip-custom.ag-tooltip-animate.ag-tooltip-hiding {
  opacity: 0;
}

.ag-ltr .ag-column-select-indent-1 {
  padding-left: calc(1 * var(--ag-column-select-indent-size));
}

.ag-rtl .ag-column-select-indent-1 {
  padding-right: calc(1 * var(--ag-column-select-indent-size));
}

.ag-ltr .ag-column-select-indent-2 {
  padding-left: calc(2 * var(--ag-column-select-indent-size));
}

.ag-rtl .ag-column-select-indent-2 {
  padding-right: calc(2 * var(--ag-column-select-indent-size));
}

.ag-ltr .ag-column-select-indent-3 {
  padding-left: calc(3 * var(--ag-column-select-indent-size));
}

.ag-rtl .ag-column-select-indent-3 {
  padding-right: calc(3 * var(--ag-column-select-indent-size));
}

.ag-ltr .ag-column-select-indent-4 {
  padding-left: calc(4 * var(--ag-column-select-indent-size));
}

.ag-rtl .ag-column-select-indent-4 {
  padding-right: calc(4 * var(--ag-column-select-indent-size));
}

.ag-ltr .ag-column-select-indent-5 {
  padding-left: calc(5 * var(--ag-column-select-indent-size));
}

.ag-rtl .ag-column-select-indent-5 {
  padding-right: calc(5 * var(--ag-column-select-indent-size));
}

.ag-ltr .ag-column-select-indent-6 {
  padding-left: calc(6 * var(--ag-column-select-indent-size));
}

.ag-rtl .ag-column-select-indent-6 {
  padding-right: calc(6 * var(--ag-column-select-indent-size));
}

.ag-ltr .ag-column-select-indent-7 {
  padding-left: calc(7 * var(--ag-column-select-indent-size));
}

.ag-rtl .ag-column-select-indent-7 {
  padding-right: calc(7 * var(--ag-column-select-indent-size));
}

.ag-ltr .ag-column-select-indent-8 {
  padding-left: calc(8 * var(--ag-column-select-indent-size));
}

.ag-rtl .ag-column-select-indent-8 {
  padding-right: calc(8 * var(--ag-column-select-indent-size));
}

.ag-ltr .ag-column-select-indent-9 {
  padding-left: calc(9 * var(--ag-column-select-indent-size));
}

.ag-rtl .ag-column-select-indent-9 {
  padding-right: calc(9 * var(--ag-column-select-indent-size));
}

.ag-column-select-header-icon {
  cursor: pointer;
}

.ag-keyboard-focus .ag-column-select-header-icon:focus {
  outline: none;
}

.ag-keyboard-focus .ag-column-select-header-icon:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-ltr .ag-column-group-icons:not(:last-child),
.ag-ltr .ag-column-select-header-icon:not(:last-child),
.ag-ltr .ag-column-select-header-checkbox:not(:last-child),
.ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-ltr .ag-column-select-checkbox:not(:last-child),
.ag-ltr .ag-column-select-column-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-label:not(:last-child) {
  margin-right: var(--ag-widget-horizontal-spacing);
}

.ag-rtl .ag-column-group-icons:not(:last-child),
.ag-rtl .ag-column-select-header-icon:not(:last-child),
.ag-rtl .ag-column-select-header-checkbox:not(:last-child),
.ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-rtl .ag-column-select-checkbox:not(:last-child),
.ag-rtl .ag-column-select-column-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-label:not(:last-child) {
  margin-left: var(--ag-widget-horizontal-spacing);
}

.ag-keyboard-focus .ag-column-select-virtual-list-item:focus {
  outline: none;
}

.ag-keyboard-focus .ag-column-select-virtual-list-item:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-select-column-group:not(:last-child),
.ag-column-select-column:not(:last-child) {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-column-select-column-readonly,
.ag-column-select-column-group-readonly {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}

.ag-ltr .ag-column-select-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}

.ag-rtl .ag-column-select-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}

.ag-column-select-virtual-list-viewport {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) 0px;
}

.ag-column-select-virtual-list-item {
  padding: 0 var(--ag-widget-container-horizontal-padding);
}

.ag-checkbox-edit {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-rtl {
  text-align: right;
}

.ag-root-wrapper {
  border: var(--ag-borders) var(--ag-border-color);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-1 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 1);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-1 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 1);
}

.ag-ltr .ag-row-group-indent-1 {
  padding-left: calc(1 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-1 {
  padding-right: calc(1 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-1 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-1 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-2 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 2);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-2 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 2);
}

.ag-ltr .ag-row-group-indent-2 {
  padding-left: calc(2 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-2 {
  padding-right: calc(2 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-2 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-2 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-3 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 3);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-3 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 3);
}

.ag-ltr .ag-row-group-indent-3 {
  padding-left: calc(3 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-3 {
  padding-right: calc(3 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-3 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-3 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-4 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 4);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-4 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 4);
}

.ag-ltr .ag-row-group-indent-4 {
  padding-left: calc(4 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-4 {
  padding-right: calc(4 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-4 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-4 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-5 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 5);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-5 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 5);
}

.ag-ltr .ag-row-group-indent-5 {
  padding-left: calc(5 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-5 {
  padding-right: calc(5 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-5 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-5 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-6 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 6);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-6 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 6);
}

.ag-ltr .ag-row-group-indent-6 {
  padding-left: calc(6 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-6 {
  padding-right: calc(6 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-6 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-6 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-7 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 7);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-7 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 7);
}

.ag-ltr .ag-row-group-indent-7 {
  padding-left: calc(7 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-7 {
  padding-right: calc(7 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-7 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-7 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-8 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 8);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-8 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 8);
}

.ag-ltr .ag-row-group-indent-8 {
  padding-left: calc(8 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-8 {
  padding-right: calc(8 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-8 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-8 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-9 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 9);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-9 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 9);
}

.ag-ltr .ag-row-group-indent-9 {
  padding-left: calc(9 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-9 {
  padding-right: calc(9 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-9 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-9 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-10 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 10);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-10 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 10);
}

.ag-ltr .ag-row-group-indent-10 {
  padding-left: calc(10 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-10 {
  padding-right: calc(10 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-10 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-10 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-11 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 11);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-11 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 11);
}

.ag-ltr .ag-row-group-indent-11 {
  padding-left: calc(11 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-11 {
  padding-right: calc(11 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-11 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-11 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-12 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 12);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-12 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 12);
}

.ag-ltr .ag-row-group-indent-12 {
  padding-left: calc(12 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-12 {
  padding-right: calc(12 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-12 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-12 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-13 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 13);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-13 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 13);
}

.ag-ltr .ag-row-group-indent-13 {
  padding-left: calc(13 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-13 {
  padding-right: calc(13 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-13 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-13 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-14 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 14);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-14 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 14);
}

.ag-ltr .ag-row-group-indent-14 {
  padding-left: calc(14 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-14 {
  padding-right: calc(14 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-14 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-14 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-15 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 15);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-15 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 15);
}

.ag-ltr .ag-row-group-indent-15 {
  padding-left: calc(15 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-15 {
  padding-right: calc(15 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-15 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-15 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-16 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 16);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-16 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 16);
}

.ag-ltr .ag-row-group-indent-16 {
  padding-left: calc(16 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-16 {
  padding-right: calc(16 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-16 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-16 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-17 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 17);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-17 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 17);
}

.ag-ltr .ag-row-group-indent-17 {
  padding-left: calc(17 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-17 {
  padding-right: calc(17 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-17 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-17 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-18 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 18);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-18 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 18);
}

.ag-ltr .ag-row-group-indent-18 {
  padding-left: calc(18 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-18 {
  padding-right: calc(18 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-18 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-18 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-19 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 19);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-19 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 19);
}

.ag-ltr .ag-row-group-indent-19 {
  padding-left: calc(19 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-19 {
  padding-right: calc(19 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-19 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-19 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-20 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 20);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-20 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 20);
}

.ag-ltr .ag-row-group-indent-20 {
  padding-left: calc(20 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-20 {
  padding-right: calc(20 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-20 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-20 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-21 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 21);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-21 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 21);
}

.ag-ltr .ag-row-group-indent-21 {
  padding-left: calc(21 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-21 {
  padding-right: calc(21 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-21 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-21 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-22 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 22);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-22 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 22);
}

.ag-ltr .ag-row-group-indent-22 {
  padding-left: calc(22 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-22 {
  padding-right: calc(22 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-22 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-22 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-23 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 23);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-23 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 23);
}

.ag-ltr .ag-row-group-indent-23 {
  padding-left: calc(23 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-23 {
  padding-right: calc(23 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-23 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-23 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-24 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 24);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-24 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 24);
}

.ag-ltr .ag-row-group-indent-24 {
  padding-left: calc(24 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-24 {
  padding-right: calc(24 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-24 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-24 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-25 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 25);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-25 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 25);
}

.ag-ltr .ag-row-group-indent-25 {
  padding-left: calc(25 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-25 {
  padding-right: calc(25 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-25 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-25 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-26 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 26);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-26 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 26);
}

.ag-ltr .ag-row-group-indent-26 {
  padding-left: calc(26 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-26 {
  padding-right: calc(26 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-26 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-26 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-27 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 27);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-27 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 27);
}

.ag-ltr .ag-row-group-indent-27 {
  padding-left: calc(27 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-27 {
  padding-right: calc(27 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-27 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-27 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-28 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 28);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-28 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 28);
}

.ag-ltr .ag-row-group-indent-28 {
  padding-left: calc(28 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-28 {
  padding-right: calc(28 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-28 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-28 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-29 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 29);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-29 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 29);
}

.ag-ltr .ag-row-group-indent-29 {
  padding-left: calc(29 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-29 {
  padding-right: calc(29 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-29 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-29 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-30 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 30);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-30 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 30);
}

.ag-ltr .ag-row-group-indent-30 {
  padding-left: calc(30 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-30 {
  padding-right: calc(30 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-30 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-30 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-31 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 31);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-31 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 31);
}

.ag-ltr .ag-row-group-indent-31 {
  padding-left: calc(31 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-31 {
  padding-right: calc(31 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-31 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-31 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-32 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 32);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-32 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 32);
}

.ag-ltr .ag-row-group-indent-32 {
  padding-left: calc(32 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-32 {
  padding-right: calc(32 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-32 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-32 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-33 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 33);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-33 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 33);
}

.ag-ltr .ag-row-group-indent-33 {
  padding-left: calc(33 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-33 {
  padding-right: calc(33 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-33 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-33 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-34 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 34);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-34 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 34);
}

.ag-ltr .ag-row-group-indent-34 {
  padding-left: calc(34 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-34 {
  padding-right: calc(34 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-34 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-34 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-35 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 35);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-35 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 35);
}

.ag-ltr .ag-row-group-indent-35 {
  padding-left: calc(35 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-35 {
  padding-right: calc(35 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-35 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-35 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-36 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 36);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-36 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 36);
}

.ag-ltr .ag-row-group-indent-36 {
  padding-left: calc(36 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-36 {
  padding-right: calc(36 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-36 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-36 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-37 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 37);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-37 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 37);
}

.ag-ltr .ag-row-group-indent-37 {
  padding-left: calc(37 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-37 {
  padding-right: calc(37 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-37 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-37 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-38 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 38);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-38 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 38);
}

.ag-ltr .ag-row-group-indent-38 {
  padding-left: calc(38 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-38 {
  padding-right: calc(38 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-38 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-38 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-39 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 39);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-39 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 39);
}

.ag-ltr .ag-row-group-indent-39 {
  padding-left: calc(39 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-39 {
  padding-right: calc(39 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-39 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-39 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-40 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 40);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-40 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 40);
}

.ag-ltr .ag-row-group-indent-40 {
  padding-left: calc(40 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-40 {
  padding-right: calc(40 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-40 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-40 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-41 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 41);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-41 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 41);
}

.ag-ltr .ag-row-group-indent-41 {
  padding-left: calc(41 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-41 {
  padding-right: calc(41 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-41 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-41 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-42 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 42);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-42 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 42);
}

.ag-ltr .ag-row-group-indent-42 {
  padding-left: calc(42 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-42 {
  padding-right: calc(42 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-42 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-42 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-43 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 43);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-43 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 43);
}

.ag-ltr .ag-row-group-indent-43 {
  padding-left: calc(43 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-43 {
  padding-right: calc(43 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-43 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-43 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-44 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 44);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-44 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 44);
}

.ag-ltr .ag-row-group-indent-44 {
  padding-left: calc(44 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-44 {
  padding-right: calc(44 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-44 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-44 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-45 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 45);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-45 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 45);
}

.ag-ltr .ag-row-group-indent-45 {
  padding-left: calc(45 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-45 {
  padding-right: calc(45 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-45 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-45 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-46 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 46);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-46 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 46);
}

.ag-ltr .ag-row-group-indent-46 {
  padding-left: calc(46 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-46 {
  padding-right: calc(46 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-46 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-46 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-47 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 47);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-47 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 47);
}

.ag-ltr .ag-row-group-indent-47 {
  padding-left: calc(47 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-47 {
  padding-right: calc(47 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-47 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-47 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-48 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 48);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-48 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 48);
}

.ag-ltr .ag-row-group-indent-48 {
  padding-left: calc(48 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-48 {
  padding-right: calc(48 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-48 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-48 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-49 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 49);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-49 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 49);
}

.ag-ltr .ag-row-group-indent-49 {
  padding-left: calc(49 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-49 {
  padding-right: calc(49 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-49 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-49 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-50 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 50);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-50 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 50);
}

.ag-ltr .ag-row-group-indent-50 {
  padding-left: calc(50 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-50 {
  padding-right: calc(50 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-50 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-50 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-51 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 51);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-51 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 51);
}

.ag-ltr .ag-row-group-indent-51 {
  padding-left: calc(51 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-51 {
  padding-right: calc(51 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-51 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-51 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-52 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 52);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-52 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 52);
}

.ag-ltr .ag-row-group-indent-52 {
  padding-left: calc(52 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-52 {
  padding-right: calc(52 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-52 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-52 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-53 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 53);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-53 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 53);
}

.ag-ltr .ag-row-group-indent-53 {
  padding-left: calc(53 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-53 {
  padding-right: calc(53 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-53 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-53 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-54 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 54);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-54 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 54);
}

.ag-ltr .ag-row-group-indent-54 {
  padding-left: calc(54 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-54 {
  padding-right: calc(54 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-54 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-54 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-55 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 55);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-55 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 55);
}

.ag-ltr .ag-row-group-indent-55 {
  padding-left: calc(55 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-55 {
  padding-right: calc(55 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-55 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-55 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-56 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 56);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-56 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 56);
}

.ag-ltr .ag-row-group-indent-56 {
  padding-left: calc(56 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-56 {
  padding-right: calc(56 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-56 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-56 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-57 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 57);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-57 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 57);
}

.ag-ltr .ag-row-group-indent-57 {
  padding-left: calc(57 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-57 {
  padding-right: calc(57 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-57 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-57 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-58 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 58);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-58 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 58);
}

.ag-ltr .ag-row-group-indent-58 {
  padding-left: calc(58 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-58 {
  padding-right: calc(58 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-58 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-58 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-59 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 59);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-59 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 59);
}

.ag-ltr .ag-row-group-indent-59 {
  padding-left: calc(59 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-59 {
  padding-right: calc(59 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-59 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-59 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-60 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 60);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-60 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 60);
}

.ag-ltr .ag-row-group-indent-60 {
  padding-left: calc(60 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-60 {
  padding-right: calc(60 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-60 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-60 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-61 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 61);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-61 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 61);
}

.ag-ltr .ag-row-group-indent-61 {
  padding-left: calc(61 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-61 {
  padding-right: calc(61 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-61 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-61 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-62 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 62);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-62 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 62);
}

.ag-ltr .ag-row-group-indent-62 {
  padding-left: calc(62 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-62 {
  padding-right: calc(62 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-62 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-62 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-63 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 63);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-63 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 63);
}

.ag-ltr .ag-row-group-indent-63 {
  padding-left: calc(63 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-63 {
  padding-right: calc(63 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-63 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-63 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-64 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 64);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-64 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 64);
}

.ag-ltr .ag-row-group-indent-64 {
  padding-left: calc(64 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-64 {
  padding-right: calc(64 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-64 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-64 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-65 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 65);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-65 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 65);
}

.ag-ltr .ag-row-group-indent-65 {
  padding-left: calc(65 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-65 {
  padding-right: calc(65 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-65 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-65 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-66 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 66);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-66 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 66);
}

.ag-ltr .ag-row-group-indent-66 {
  padding-left: calc(66 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-66 {
  padding-right: calc(66 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-66 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-66 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-67 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 67);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-67 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 67);
}

.ag-ltr .ag-row-group-indent-67 {
  padding-left: calc(67 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-67 {
  padding-right: calc(67 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-67 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-67 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-68 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 68);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-68 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 68);
}

.ag-ltr .ag-row-group-indent-68 {
  padding-left: calc(68 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-68 {
  padding-right: calc(68 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-68 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-68 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-69 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 69);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-69 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 69);
}

.ag-ltr .ag-row-group-indent-69 {
  padding-left: calc(69 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-69 {
  padding-right: calc(69 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-69 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-69 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-70 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 70);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-70 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 70);
}

.ag-ltr .ag-row-group-indent-70 {
  padding-left: calc(70 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-70 {
  padding-right: calc(70 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-70 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-70 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-71 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 71);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-71 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 71);
}

.ag-ltr .ag-row-group-indent-71 {
  padding-left: calc(71 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-71 {
  padding-right: calc(71 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-71 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-71 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-72 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 72);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-72 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 72);
}

.ag-ltr .ag-row-group-indent-72 {
  padding-left: calc(72 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-72 {
  padding-right: calc(72 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-72 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-72 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-73 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 73);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-73 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 73);
}

.ag-ltr .ag-row-group-indent-73 {
  padding-left: calc(73 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-73 {
  padding-right: calc(73 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-73 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-73 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-74 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 74);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-74 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 74);
}

.ag-ltr .ag-row-group-indent-74 {
  padding-left: calc(74 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-74 {
  padding-right: calc(74 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-74 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-74 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-75 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 75);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-75 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 75);
}

.ag-ltr .ag-row-group-indent-75 {
  padding-left: calc(75 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-75 {
  padding-right: calc(75 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-75 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-75 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-76 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 76);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-76 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 76);
}

.ag-ltr .ag-row-group-indent-76 {
  padding-left: calc(76 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-76 {
  padding-right: calc(76 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-76 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-76 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-77 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 77);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-77 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 77);
}

.ag-ltr .ag-row-group-indent-77 {
  padding-left: calc(77 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-77 {
  padding-right: calc(77 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-77 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-77 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-78 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 78);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-78 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 78);
}

.ag-ltr .ag-row-group-indent-78 {
  padding-left: calc(78 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-78 {
  padding-right: calc(78 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-78 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-78 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-79 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 79);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-79 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 79);
}

.ag-ltr .ag-row-group-indent-79 {
  padding-left: calc(79 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-79 {
  padding-right: calc(79 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-79 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-79 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-80 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 80);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-80 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 80);
}

.ag-ltr .ag-row-group-indent-80 {
  padding-left: calc(80 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-80 {
  padding-right: calc(80 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-80 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-80 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-81 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 81);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-81 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 81);
}

.ag-ltr .ag-row-group-indent-81 {
  padding-left: calc(81 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-81 {
  padding-right: calc(81 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-81 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-81 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-82 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 82);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-82 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 82);
}

.ag-ltr .ag-row-group-indent-82 {
  padding-left: calc(82 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-82 {
  padding-right: calc(82 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-82 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-82 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-83 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 83);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-83 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 83);
}

.ag-ltr .ag-row-group-indent-83 {
  padding-left: calc(83 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-83 {
  padding-right: calc(83 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-83 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-83 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-84 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 84);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-84 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 84);
}

.ag-ltr .ag-row-group-indent-84 {
  padding-left: calc(84 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-84 {
  padding-right: calc(84 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-84 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-84 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-85 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 85);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-85 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 85);
}

.ag-ltr .ag-row-group-indent-85 {
  padding-left: calc(85 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-85 {
  padding-right: calc(85 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-85 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-85 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-86 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 86);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-86 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 86);
}

.ag-ltr .ag-row-group-indent-86 {
  padding-left: calc(86 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-86 {
  padding-right: calc(86 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-86 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-86 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-87 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 87);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-87 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 87);
}

.ag-ltr .ag-row-group-indent-87 {
  padding-left: calc(87 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-87 {
  padding-right: calc(87 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-87 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-87 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-88 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 88);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-88 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 88);
}

.ag-ltr .ag-row-group-indent-88 {
  padding-left: calc(88 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-88 {
  padding-right: calc(88 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-88 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-88 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-89 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 89);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-89 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 89);
}

.ag-ltr .ag-row-group-indent-89 {
  padding-left: calc(89 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-89 {
  padding-right: calc(89 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-89 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-89 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-90 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 90);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-90 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 90);
}

.ag-ltr .ag-row-group-indent-90 {
  padding-left: calc(90 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-90 {
  padding-right: calc(90 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-90 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-90 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-91 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 91);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-91 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 91);
}

.ag-ltr .ag-row-group-indent-91 {
  padding-left: calc(91 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-91 {
  padding-right: calc(91 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-91 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-91 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-92 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 92);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-92 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 92);
}

.ag-ltr .ag-row-group-indent-92 {
  padding-left: calc(92 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-92 {
  padding-right: calc(92 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-92 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-92 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-93 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 93);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-93 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 93);
}

.ag-ltr .ag-row-group-indent-93 {
  padding-left: calc(93 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-93 {
  padding-right: calc(93 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-93 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-93 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-94 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 94);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-94 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 94);
}

.ag-ltr .ag-row-group-indent-94 {
  padding-left: calc(94 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-94 {
  padding-right: calc(94 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-94 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-94 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-95 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 95);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-95 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 95);
}

.ag-ltr .ag-row-group-indent-95 {
  padding-left: calc(95 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-95 {
  padding-right: calc(95 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-95 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-95 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-96 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 96);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-96 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 96);
}

.ag-ltr .ag-row-group-indent-96 {
  padding-left: calc(96 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-96 {
  padding-right: calc(96 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-96 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-96 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-97 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 97);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-97 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 97);
}

.ag-ltr .ag-row-group-indent-97 {
  padding-left: calc(97 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-97 {
  padding-right: calc(97 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-97 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-97 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-98 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 98);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-98 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 98);
}

.ag-ltr .ag-row-group-indent-98 {
  padding-left: calc(98 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-98 {
  padding-right: calc(98 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-98 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-98 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-99 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 99);
}

.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-99 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 99);
}

.ag-ltr .ag-row-group-indent-99 {
  padding-left: calc(99 * var(--ag-row-group-indent-size));
}

.ag-rtl .ag-row-group-indent-99 {
  padding-right: calc(99 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-99 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-level-99 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row-group-leaf-indent {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-group-leaf-indent {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-value-change-delta {
  padding-right: 2px;
}

.ag-value-change-delta-up {
  color: var(--ag-value-change-delta-up-color);
}

.ag-value-change-delta-down {
  color: var(--ag-value-change-delta-down-color);
}

.ag-value-change-value {
  background-color: transparent;
  border-radius: 1px;
  padding-left: 1px;
  padding-right: 1px;
  transition: background-color 1s;
}

.ag-value-change-value-highlight {
  background-color: var(--ag-value-change-value-highlight-background-color);
  transition: background-color 0.1s;
}

.ag-cell-data-changed {
  background-color: var(--ag-value-change-value-highlight-background-color) !important;
}

.ag-cell-data-changed-animation {
  background-color: transparent;
}

.ag-cell-highlight {
  background-color: var(--ag-range-selection-highlight-color) !important;
}

.ag-row {
  height: var(--ag-row-height);
  background-color: var(--ag-background-color);
  color: var(--ag-data-color);
  border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}

.ag-row-highlight-above::after, .ag-row-highlight-below::after {
  content: "";
  position: absolute;
  width: calc(100% - 1px);
  height: 1px;
  background-color: var(--ag-range-selection-border-color);
  left: 1px;
}

.ag-row-highlight-above::after {
  top: -1px;
}

.ag-row-highlight-above.ag-row-first::after {
  top: 0;
}

.ag-row-highlight-below::after {
  bottom: 0px;
}

.ag-row-odd {
  background-color: var(--ag-odd-row-background-color);
}

.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-row-selected::before {
  content: "";
  background-color: var(--ag-selected-row-background-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ag-row-hover:not(.ag-full-width-row)::before,
.ag-row-hover.ag-full-width-row.ag-row-group::before {
  content: "";
  background-color: var(--ag-row-hover-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.ag-row-hover.ag-full-width-row.ag-row-group > * {
  position: relative;
}

.ag-row-hover.ag-row-selected::before {
  background-color: var(--ag-row-hover-color);
  background-image: linear-gradient(var(--ag-selected-row-background-color), var(--ag-selected-row-background-color));
}

.ag-column-hover {
  background-color: var(--ag-column-hover-color);
}

.ag-ltr .ag-right-aligned-cell {
  text-align: right;
}

.ag-rtl .ag-right-aligned-cell {
  text-align: left;
}

.ag-ltr .ag-right-aligned-cell .ag-cell-value,
.ag-ltr .ag-right-aligned-cell .ag-group-value {
  margin-left: auto;
}

.ag-rtl .ag-right-aligned-cell .ag-cell-value,
.ag-rtl .ag-right-aligned-cell .ag-group-value {
  margin-right: auto;
}

.ag-cell, .ag-full-width-row .ag-cell-wrapper.ag-row-group {
  --ag-internal-calculated-line-height: var(--ag-line-height, calc(var(--ag-row-height) - var(--ag-row-border-width)));
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width));
  border: 1px solid transparent;
  line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px);
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
  -webkit-font-smoothing: subpixel-antialiased;
}

.ag-row > .ag-cell-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px);
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
}

.ag-row-dragging {
  cursor: move;
  opacity: 0.5;
}

.ag-cell-inline-editing {
  border: 1px solid var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: 0;
  background-color: var(--ag-control-panel-background-color);
}

.ag-popup-editor .ag-large-text,
.ag-autocomplete-list-popup {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background-color: var(--ag-control-panel-background-color);
  padding: 0;
}

.ag-large-text-input {
  height: auto;
  padding: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-large-text-input textarea {
  resize: none;
}

.ag-details-row {
  padding: calc(var(--ag-grid-size) * 5);
  background-color: var(--ag-background-color);
}

.ag-layout-auto-height .ag-center-cols-viewport, .ag-layout-auto-height .ag-center-cols-container, .ag-layout-print .ag-center-cols-viewport, .ag-layout-print .ag-center-cols-container {
  min-height: 50px;
}

.ag-overlay-loading-wrapper {
  background-color: var(--ag-modal-overlay-background-color);
}

.ag-overlay-loading-center {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
}

.ag-overlay-no-rows-wrapper.ag-layout-auto-height {
  padding-top: 30px;
}

.ag-loading {
  display: flex;
  height: 100%;
  align-items: center;
}

.ag-ltr .ag-loading {
  padding-left: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-loading {
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-loading-icon {
  padding-right: var(--ag-cell-widget-spacing);
}

.ag-rtl .ag-loading-icon {
  padding-left: var(--ag-cell-widget-spacing);
}

.ag-icon-loading {
  animation-name: spin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ag-floating-top {
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-floating-bottom {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-ltr .ag-cell {
  border-right: var(--ag-cell-horizontal-border);
}

.ag-rtl .ag-cell {
  border-left: var(--ag-cell-horizontal-border);
}

.ag-ltr .ag-cell {
  border-right-width: 1px;
}

.ag-rtl .ag-cell {
  border-left-width: 1px;
}

.ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-cell-range-selected:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}

.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart {
  background-color: var(--ag-range-selection-chart-background-color) !important;
}

.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category {
  background-color: var(--ag-range-selection-chart-category-background-color) !important;
}

.ag-cell-range-selected-1:not(.ag-cell-focus),
.ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}

.ag-cell-range-selected-2:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 {
  background-color: var(--ag-range-selection-background-color-2);
}

.ag-cell-range-selected-3:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 {
  background-color: var(--ag-range-selection-background-color-3);
}

.ag-cell-range-selected-4:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 {
  background-color: var(--ag-range-selection-background-color-4);
}

.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top {
  border-top-color: var(--ag-range-selection-border-color);
  border-top-style: var(--ag-range-selection-border-style);
}

.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right {
  border-right-color: var(--ag-range-selection-border-color);
  border-right-style: var(--ag-range-selection-border-style);
}

.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom {
  border-bottom-color: var(--ag-range-selection-border-color);
  border-bottom-style: var(--ag-range-selection-border-style);
}

.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left {
  border-left-color: var(--ag-range-selection-border-color);
  border-left-style: var(--ag-range-selection-border-style);
}

.ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-ltr .ag-cell-range-single-cell,
.ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle, .ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-rtl .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-rtl .ag-cell-range-single-cell,
.ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle {
  border: 1px solid;
  border-color: var(--ag-range-selection-border-color);
  border-style: var(--ag-range-selection-border-style);
  outline: initial;
}

.ag-cell.ag-selection-fill-top,
.ag-cell.ag-selection-fill-top.ag-cell-range-selected {
  border-top: 1px dashed;
  border-top-color: var(--ag-range-selection-border-color);
}

.ag-ltr .ag-cell.ag-selection-fill-right,
.ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-rtl .ag-cell.ag-selection-fill-right,
.ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-cell.ag-selection-fill-bottom,
.ag-cell.ag-selection-fill-bottom.ag-cell-range-selected {
  border-bottom: 1px dashed;
  border-bottom-color: var(--ag-range-selection-border-color);
}

.ag-ltr .ag-cell.ag-selection-fill-left,
.ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-rtl .ag-cell.ag-selection-fill-left,
.ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-fill-handle, .ag-range-handle {
  position: absolute;
  width: 6px;
  height: 6px;
  bottom: -1px;
  background-color: var(--ag-range-selection-border-color);
}

.ag-ltr .ag-fill-handle, .ag-ltr .ag-range-handle {
  right: -1px;
}

.ag-rtl .ag-fill-handle, .ag-rtl .ag-range-handle {
  left: -1px;
}

.ag-fill-handle {
  cursor: cell;
}

.ag-range-handle {
  cursor: nwse-resize;
}

.ag-cell-inline-editing {
  border-color: var(--ag-input-focus-border-color) !important;
}

.ag-menu {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  padding: 0;
}

.ag-menu-list {
  cursor: default;
  padding: var(--ag-grid-size) 0;
}

.ag-menu-separator {
  height: calc(var(--ag-grid-size) * 2 + 1px);
}

.ag-menu-separator-part::after {
  content: "";
  display: block;
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-menu-option-active, .ag-compact-menu-option-active {
  background-color: var(--ag-row-hover-color);
}

.ag-menu-option-part, .ag-compact-menu-option-part {
  line-height: var(--ag-icon-size);
  padding: calc(var(--ag-grid-size) + 2px) 0;
}

.ag-menu-option-disabled, .ag-compact-menu-option-disabled {
  opacity: 0.5;
}

.ag-menu-option-icon, .ag-compact-menu-option-icon {
  width: var(--ag-icon-size);
}

.ag-ltr .ag-menu-option-icon, .ag-ltr .ag-compact-menu-option-icon {
  padding-left: calc(var(--ag-grid-size) * 2);
}

.ag-rtl .ag-menu-option-icon, .ag-rtl .ag-compact-menu-option-icon {
  padding-right: calc(var(--ag-grid-size) * 2);
}

.ag-menu-option-text, .ag-compact-menu-option-text {
  padding-left: calc(var(--ag-grid-size) * 2);
  padding-right: calc(var(--ag-grid-size) * 2);
}

.ag-ltr .ag-menu-option-shortcut, .ag-ltr .ag-compact-menu-option-shortcut {
  padding-right: var(--ag-grid-size);
}

.ag-rtl .ag-menu-option-shortcut, .ag-rtl .ag-compact-menu-option-shortcut {
  padding-left: var(--ag-grid-size);
}

.ag-menu-option-popup-pointer, .ag-compact-menu-option-popup-pointer {
  padding-right: var(--ag-grid-size);
}

.ag-tabs {
  min-width: var(--ag-tab-min-width);
}

.ag-tabs-header {
  width: 100%;
  display: flex;
}

.ag-tab {
  border-bottom: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-bottom var(--ag-selected-tab-underline-transition-speed);
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.ag-keyboard-focus .ag-tab:focus {
  outline: none;
}

.ag-keyboard-focus .ag-tab:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-tab-selected {
  border-bottom-color: var(--ag-selected-tab-underline-color);
}

.ag-menu-header {
  color: var(--ag-secondary-foreground-color);
}

.ag-filter-separator {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-filter-select .ag-picker-field-wrapper {
  width: 0;
}

.ag-filter-condition-operator {
  height: 17px;
}

.ag-ltr .ag-filter-condition-operator-or {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-rtl .ag-filter-condition-operator-or {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-set-filter-select-all {
  padding-top: var(--ag-widget-container-vertical-padding);
}

.ag-set-filter-list, .ag-filter-no-matches {
  height: calc(var(--ag-list-item-height) * 6);
}

.ag-set-filter-tree-list {
  height: calc(var(--ag-list-item-height) * 10);
}

.ag-set-filter-filter {
  margin-top: var(--ag-widget-container-vertical-padding);
  margin-left: var(--ag-widget-container-horizontal-padding);
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-filter-to {
  margin-top: var(--ag-widget-vertical-spacing);
}

.ag-mini-filter {
  margin: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}

.ag-set-filter-item {
  margin: 0px var(--ag-widget-container-horizontal-padding);
}

.ag-ltr .ag-set-filter-add-group-indent {
  margin-left: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-icon-size) + var(--ag-grid-size) * 2);
}

.ag-rtl .ag-set-filter-add-group-indent {
  margin-right: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-icon-size) + var(--ag-grid-size) * 2);
}

.ag-ltr .ag-set-filter-indent-1 {
  padding-left: calc(1 * var(--ag-set-filter-indent-size));
}

.ag-rtl .ag-set-filter-indent-1 {
  padding-right: calc(1 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-indent-2 {
  padding-left: calc(2 * var(--ag-set-filter-indent-size));
}

.ag-rtl .ag-set-filter-indent-2 {
  padding-right: calc(2 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-indent-3 {
  padding-left: calc(3 * var(--ag-set-filter-indent-size));
}

.ag-rtl .ag-set-filter-indent-3 {
  padding-right: calc(3 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-indent-4 {
  padding-left: calc(4 * var(--ag-set-filter-indent-size));
}

.ag-rtl .ag-set-filter-indent-4 {
  padding-right: calc(4 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-indent-5 {
  padding-left: calc(5 * var(--ag-set-filter-indent-size));
}

.ag-rtl .ag-set-filter-indent-5 {
  padding-right: calc(5 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-indent-6 {
  padding-left: calc(6 * var(--ag-set-filter-indent-size));
}

.ag-rtl .ag-set-filter-indent-6 {
  padding-right: calc(6 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-indent-7 {
  padding-left: calc(7 * var(--ag-set-filter-indent-size));
}

.ag-rtl .ag-set-filter-indent-7 {
  padding-right: calc(7 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-indent-8 {
  padding-left: calc(8 * var(--ag-set-filter-indent-size));
}

.ag-rtl .ag-set-filter-indent-8 {
  padding-right: calc(8 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-indent-9 {
  padding-left: calc(9 * var(--ag-set-filter-indent-size));
}

.ag-rtl .ag-set-filter-indent-9 {
  padding-right: calc(9 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-group-icons {
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-rtl .ag-set-filter-group-icons {
  margin-left: var(--ag-widget-container-horizontal-padding);
}

.ag-keyboard-focus .ag-filter-virtual-list-item:focus {
  outline: none;
}

.ag-keyboard-focus .ag-filter-virtual-list-item:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-filter-apply-panel {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-filter-apply-panel-button {
  line-height: 1.5;
}

.ag-ltr .ag-filter-apply-panel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-rtl .ag-filter-apply-panel-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-simple-filter-body-wrapper {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
  overflow-y: auto;
  min-height: calc(var(--ag-list-item-height) + var(--ag-widget-container-vertical-padding) + var(--ag-widget-vertical-spacing));
}

.ag-simple-filter-body-wrapper > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-simple-filter-body-wrapper .ag-resizer-wrapper {
  margin: 0;
}

.ag-menu:not(.ag-tabs) .ag-filter .ag-simple-filter-body-wrapper,
.ag-menu:not(.ag-tabs) .ag-filter > *:not(.ag-filter-wrapper) {
  min-width: calc(var(--ag-menu-min-width) - 2px);
}

.ag-filter-no-matches {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}

.ag-multi-filter-menu-item {
  margin: var(--ag-grid-size) 0;
}

.ag-multi-filter-group-title-bar {
  padding: calc(var(--ag-grid-size) * 2) var(--ag-grid-size);
  background-color: transparent;
}

.ag-group-filter-field-select-wrapper {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}

.ag-group-filter-field-select-wrapper > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-keyboard-focus .ag-multi-filter-group-title-bar:focus {
  outline: none;
}

.ag-keyboard-focus .ag-multi-filter-group-title-bar:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-side-bar {
  position: relative;
}

.ag-tool-panel-wrapper {
  width: var(--ag-side-bar-panel-width);
  background-color: var(--ag-control-panel-background-color);
}

.ag-side-buttons {
  padding-top: calc(var(--ag-grid-size) * 4);
  width: calc(var(--ag-icon-size) + 4px);
  position: relative;
  overflow: hidden;
}

button.ag-side-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  background: transparent;
  padding: calc(var(--ag-grid-size) * 2) 0 calc(var(--ag-grid-size) * 2) 0;
  width: 100%;
  margin: 0;
  min-height: calc(var(--ag-grid-size) * 18);
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;
  border: none;
  border-top: var(--ag-borders-side-button) var(--ag-border-color);
  border-bottom: var(--ag-borders-side-button) var(--ag-border-color);
}

button.ag-side-button-button:focus {
  box-shadow: none;
}

.ag-keyboard-focus .ag-side-button-button:focus {
  outline: none;
}

.ag-keyboard-focus .ag-side-button-button:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-selected button.ag-side-button-button {
  background-color: var(--ag-side-button-selected-background-color);
}

.ag-side-button-icon-wrapper {
  margin-bottom: 3px;
}

.ag-ltr .ag-side-bar-left,
.ag-rtl .ag-side-bar-right {
  border-right: var(--ag-borders) var(--ag-border-color);
}

.ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper {
  border-left: var(--ag-borders) var(--ag-border-color);
}

.ag-ltr .ag-side-bar-left .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-side-button-button {
  border-right: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-right var(--ag-selected-tab-underline-transition-speed);
}

.ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-right-color: var(--ag-selected-tab-underline-color);
}

.ag-rtl .ag-side-bar-left,
.ag-ltr .ag-side-bar-right {
  border-left: var(--ag-borders) var(--ag-border-color);
}

.ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper {
  border-right: var(--ag-borders) var(--ag-border-color);
}

.ag-rtl .ag-side-bar-left .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-side-button-button {
  border-left: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-left var(--ag-selected-tab-underline-transition-speed);
}

.ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-left-color: var(--ag-selected-tab-underline-color);
}

.ag-filter-toolpanel-header {
  height: calc(var(--ag-grid-size) * 6);
}

.ag-ltr .ag-filter-toolpanel-header,
.ag-ltr .ag-filter-toolpanel-search {
  padding-left: var(--ag-grid-size);
}

.ag-rtl .ag-filter-toolpanel-header,
.ag-rtl .ag-filter-toolpanel-search {
  padding-right: var(--ag-grid-size);
}

.ag-keyboard-focus .ag-filter-toolpanel-header:focus {
  outline: none;
}

.ag-keyboard-focus .ag-filter-toolpanel-header:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-filter-toolpanel-group.ag-has-filter > .ag-group-title-bar .ag-group-title::after {
  font-family: var(--ag-icon-font-family);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: var(--ag-icon-font-code-filter, "\f115");
  position: absolute;
}

.ag-ltr .ag-filter-toolpanel-group.ag-has-filter > .ag-group-title-bar .ag-group-title::after {
  padding-left: var(--ag-grid-size);
}

.ag-rtl .ag-filter-toolpanel-group.ag-has-filter > .ag-group-title-bar .ag-group-title::after {
  padding-right: var(--ag-grid-size);
}

.ag-filter-toolpanel-group-level-0-header {
  height: calc(var(--ag-grid-size) * 8);
}

.ag-filter-toolpanel-group-item {
  margin-top: calc(var(--ag-grid-size) * 0.5);
  margin-bottom: calc(var(--ag-grid-size) * 0.5);
}

.ag-filter-toolpanel-search {
  height: var(--ag-header-height);
}

.ag-filter-toolpanel-search-input {
  flex-grow: 1;
  height: calc(var(--ag-grid-size) * 4);
}

.ag-ltr .ag-filter-toolpanel-search-input {
  margin-right: var(--ag-grid-size);
}

.ag-rtl .ag-filter-toolpanel-search-input {
  margin-left: var(--ag-grid-size);
}

.ag-filter-toolpanel-group-level-0 {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-ltr .ag-filter-toolpanel-expand,
.ag-ltr .ag-filter-toolpanel-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}

.ag-rtl .ag-filter-toolpanel-expand,
.ag-rtl .ag-filter-toolpanel-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}

.ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-1-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}

.ag-ltr .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-2-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 1 + var(--ag-grid-size));
}

.ag-rtl .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-2-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 1 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-2-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}

.ag-ltr .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-3-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 2 + var(--ag-grid-size));
}

.ag-rtl .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-3-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 2 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-3-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}

.ag-ltr .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-4-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 3 + var(--ag-grid-size));
}

.ag-rtl .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-4-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 3 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-4-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}

.ag-ltr .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-5-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 4 + var(--ag-grid-size));
}

.ag-rtl .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-5-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 4 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-5-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}

.ag-ltr .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-6-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 5 + var(--ag-grid-size));
}

.ag-rtl .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-6-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 5 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-6-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}

.ag-ltr .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-7-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 6 + var(--ag-grid-size));
}

.ag-rtl .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-7-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 6 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-7-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}

.ag-ltr .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-8-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 7 + var(--ag-grid-size));
}

.ag-rtl .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-8-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 7 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-8-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}

.ag-ltr .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-9-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 8 + var(--ag-grid-size));
}

.ag-rtl .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-9-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 8 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-9-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}

.ag-ltr .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-10-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 9 + var(--ag-grid-size));
}

.ag-rtl .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-10-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 9 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-10-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}

.ag-ltr .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-11-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 10 + var(--ag-grid-size));
}

.ag-rtl .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-11-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 10 + var(--ag-grid-size));
}

.ag-filter-toolpanel-instance-header.ag-filter-toolpanel-group-level-1-header {
  padding-left: var(--ag-grid-size);
}

.ag-filter-toolpanel-instance-filter {
  border-bottom: var(--ag-borders) var(--ag-border-color);
  border-top: var(--ag-borders) var(--ag-border-color);
  margin-top: var(--ag-grid-size);
}

.ag-ltr .ag-filter-toolpanel-instance-header-icon {
  margin-left: var(--ag-grid-size);
}

.ag-rtl .ag-filter-toolpanel-instance-header-icon {
  margin-right: var(--ag-grid-size);
}

.ag-set-filter-group-icons {
  color: var(--ag-secondary-foreground-color);
}

.ag-pivot-mode-panel {
  min-height: var(--ag-header-height);
  height: var(--ag-header-height);
  display: flex;
}

.ag-pivot-mode-select {
  display: flex;
  align-items: center;
}

.ag-ltr .ag-pivot-mode-select {
  margin-left: var(--ag-widget-container-horizontal-padding);
}

.ag-rtl .ag-pivot-mode-select {
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-keyboard-focus .ag-column-select-header:focus {
  outline: none;
}

.ag-keyboard-focus .ag-column-select-header:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-select-header {
  height: var(--ag-header-height);
  align-items: center;
  padding: 0 var(--ag-widget-container-horizontal-padding);
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-column-panel-column-select {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-column-group-icons,
.ag-column-select-header-icon {
  color: var(--ag-secondary-foreground-color);
}

.ag-column-select-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--ag-range-selection-border-color);
}

.ag-column-select-list .ag-item-highlight-top::after {
  top: 0;
}

.ag-column-select-list .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-header, .ag-advanced-filter-header {
  background-color: var(--ag-header-background-color);
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-header-row {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
}

.ag-pinned-right-header {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-pinned-left-header {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon {
  margin-left: var(--ag-grid-size);
}

.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon {
  margin-right: var(--ag-grid-size);
}

.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon {
  margin-right: var(--ag-grid-size);
}

.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon {
  margin-left: var(--ag-grid-size);
}

.ag-header-cell,
.ag-header-group-cell {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-header-cell.ag-header-cell-moving,
.ag-header-group-cell.ag-header-cell-moving {
  background-color: var(--ag-header-cell-moving-background-color);
}

.ag-ltr .ag-header-group-cell-label.ag-sticky-label {
  left: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-header-group-cell-label.ag-sticky-label {
  right: var(--ag-cell-horizontal-padding);
}

.ag-header-cell.ag-header-span-height::after,
.ag-header-cell.ag-header-span-height .ag-header-cell-resize::after {
  height: calc(100% - var(--ag-grid-size) * 4);
  top: calc(var(--ag-grid-size) * 2);
}

.ag-keyboard-focus .ag-header-cell:focus {
  outline: none;
}

.ag-keyboard-focus .ag-header-cell:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-keyboard-focus .ag-header-group-cell:focus {
  outline: none;
}

.ag-keyboard-focus .ag-header-group-cell:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-keyboard-focus .ag-advanced-filter-header-cell:focus {
  outline: none;
}

.ag-keyboard-focus .ag-advanced-filter-header-cell:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-header-icon {
  color: var(--ag-secondary-foreground-color);
}

.ag-header-expand-icon {
  cursor: pointer;
}

.ag-ltr .ag-header-expand-icon {
  padding-left: 4px;
}

.ag-rtl .ag-header-expand-icon {
  padding-right: 4px;
}

.ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total),
.ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover, .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-group-cell:first-of-type.ag-column-resizing,
.ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-hover):first-of-type.ag-column-resizing {
  background-color: var(--ag-header-cell-hover-background-color);
}

.ag-header-cell::after,
.ag-header-group-cell::after {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-separator-display);
  width: var(--ag-header-column-separator-width);
  height: var(--ag-header-column-separator-height);
  top: calc(50% - var(--ag-header-column-separator-height) * 0.5);
  background-color: var(--ag-header-column-separator-color);
}

.ag-ltr .ag-header-cell::after,
.ag-ltr .ag-header-group-cell::after {
  right: 0;
}

.ag-rtl .ag-header-cell::after,
.ag-rtl .ag-header-group-cell::after {
  left: 0;
}

.ag-header-cell-resize {
  display: flex;
  align-items: center;
}

.ag-header-cell-resize::after {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-resize-handle-display);
  width: var(--ag-header-column-resize-handle-width);
  height: var(--ag-header-column-resize-handle-height);
  top: calc(50% - var(--ag-header-column-resize-handle-height) * 0.5);
  background-color: var(--ag-header-column-resize-handle-color);
}

.ag-header-cell.ag-header-span-height::after,
.ag-header-cell.ag-header-span-height .ag-header-cell-resize::after {
  height: calc(100% - var(--ag-grid-size) * 4);
  top: calc(var(--ag-grid-size) * 2);
}

.ag-ltr .ag-header-viewport .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}

.ag-rtl .ag-header-viewport .ag-header-cell-resize::after {
  right: calc(50% - var(--ag-header-column-resize-handle-width));
}

.ag-pinned-left-header .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}

.ag-pinned-right-header .ag-header-cell-resize::after {
  left: 50%;
}

.ag-ltr .ag-header-select-all {
  margin-right: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-header-select-all {
  margin-left: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-floating-filter-button {
  margin-left: calc(var(--ag-grid-size) * 3);
}

.ag-rtl .ag-floating-filter-button {
  margin-right: calc(var(--ag-grid-size) * 3);
}

.ag-floating-filter-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  appearance: none;
  background: transparent;
  border: none;
  height: var(--ag-icon-size);
  padding: 0;
  width: var(--ag-icon-size);
}

.ag-filter-loading {
  background-color: var(--ag-control-panel-background-color);
  height: 100%;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  position: absolute;
  width: 100%;
  z-index: 1;
}

.ag-paging-panel {
  border-top: 1px solid;
  border-top-color: var(--ag-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
}

.ag-paging-panel > * {
  margin: 0 var(--ag-cell-horizontal-padding);
}

.ag-paging-button {
  cursor: pointer;
}

.ag-paging-button.ag-disabled {
  cursor: default;
  color: var(--ag-disabled-foreground-color);
}

.ag-keyboard-focus .ag-paging-button:focus {
  outline: none;
}

.ag-keyboard-focus .ag-paging-button:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-paging-button, .ag-paging-description {
  margin: 0 var(--ag-grid-size);
}

.ag-status-bar {
  border-top: var(--ag-borders) var(--ag-border-color);
  color: var(--ag-disabled-foreground-color);
  padding-right: calc(var(--ag-grid-size) * 4);
  padding-left: calc(var(--ag-grid-size) * 4);
  line-height: 1.5;
}

.ag-status-name-value-value {
  color: var(--ag-foreground-color);
}

.ag-status-bar-center {
  text-align: center;
}

.ag-status-name-value {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
  padding-top: calc(var(--ag-grid-size) * 2);
  padding-bottom: calc(var(--ag-grid-size) * 2);
}

.ag-column-drop-cell {
  background: var(--ag-chip-background-color);
  border-radius: calc(var(--ag-grid-size) * 4);
  height: calc(var(--ag-grid-size) * 4);
  padding: 0 calc(var(--ag-grid-size) * 0.5);
  border: 1px solid transparent;
}

.ag-keyboard-focus .ag-column-drop-cell:focus {
  outline: none;
}

.ag-keyboard-focus .ag-column-drop-cell:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 2px;
  left: 2px;
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-drop-cell-text {
  margin: 0 var(--ag-grid-size);
}

.ag-column-drop-cell-button {
  min-width: calc(var(--ag-grid-size) * 4);
  margin: 0 calc(var(--ag-grid-size) * 0.5);
  color: var(--ag-secondary-foreground-color);
}

.ag-column-drop-cell-drag-handle {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-column-drop-cell-ghost {
  opacity: 0.5;
}

.ag-column-drop-horizontal {
  background-color: var(--ag-control-panel-background-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-row-height);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}

.ag-ltr .ag-column-drop-horizontal {
  padding-left: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-column-drop-horizontal {
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-right: var(--ag-borders) var(--ag-border-color);
}

.ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-left: var(--ag-borders) var(--ag-border-color);
}

.ag-column-drop-horizontal-cell-separator {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-secondary-foreground-color);
}

.ag-column-drop-horizontal-empty-message {
  color: var(--ag-disabled-foreground-color);
}

.ag-ltr .ag-column-drop-horizontal-icon {
  margin-right: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-column-drop-horizontal-icon {
  margin-left: var(--ag-cell-horizontal-padding);
}

.ag-column-drop-vertical-list {
  padding-bottom: var(--ag-grid-size);
  padding-right: var(--ag-grid-size);
  padding-left: var(--ag-grid-size);
}

.ag-column-drop-vertical-cell {
  margin-top: var(--ag-grid-size);
}

.ag-column-drop-vertical {
  min-height: 50px;
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-column-drop-vertical.ag-last-column-drop {
  border-bottom: none;
}

.ag-column-drop-vertical-icon {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
}

.ag-column-drop-vertical-empty-message {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  color: var(--ag-disabled-foreground-color);
  margin-top: var(--ag-grid-size);
}

.ag-select-agg-func-popup {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background: var(--ag-background-color);
  height: calc(var(--ag-grid-size) * 5 * 3.5);
  padding: 0;
}

.ag-select-agg-func-virtual-list-item {
  cursor: default;
}

.ag-ltr .ag-select-agg-func-virtual-list-item {
  padding-left: calc(var(--ag-grid-size) * 2);
}

.ag-rtl .ag-select-agg-func-virtual-list-item {
  padding-right: calc(var(--ag-grid-size) * 2);
}

.ag-select-agg-func-virtual-list-item:hover {
  background-color: var(--ag-selected-row-background-color);
}

.ag-keyboard-focus .ag-select-agg-func-virtual-list-item:focus {
  outline: none;
}

.ag-keyboard-focus .ag-select-agg-func-virtual-list-item:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-sort-indicator-container {
  display: flex;
}

.ag-ltr .ag-sort-indicator-icon {
  padding-left: var(--ag-grid-size);
}

.ag-rtl .ag-sort-indicator-icon {
  padding-right: var(--ag-grid-size);
}

.ag-chart {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.ag-chart-components-wrapper {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
}

.ag-chart-title-edit {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  text-align: center;
}

.ag-chart-title-edit.currently-editing {
  display: inline-block;
}

.ag-chart-canvas-wrapper {
  position: relative;
  flex: 1 1 auto;
  overflow: hidden;
}

.ag-charts-canvas {
  display: block;
}

.ag-chart-menu {
  position: absolute;
  top: 10px;
  width: 24px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.ag-ltr .ag-chart-menu {
  right: 20px;
}

.ag-rtl .ag-chart-menu {
  left: 20px;
}

.ag-chart-docked-container {
  position: relative;
  width: 0;
  min-width: 0;
  transition: min-width 0.4s;
}

.ag-chart-menu-hidden ~ .ag-chart-docked-container {
  max-width: 0;
  overflow: hidden;
}

.ag-chart-tabbed-menu {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.ag-chart-tabbed-menu-header {
  flex: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}

.ag-chart-tabbed-menu-body {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  overflow: hidden;
}

.ag-chart-tab {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
}

.ag-chart-settings {
  overflow-x: hidden;
}

.ag-chart-settings-wrapper {
  position: relative;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.ag-chart-settings-nav-bar {
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  -webkit-user-select: none;
  user-select: none;
}

.ag-chart-settings-card-selector {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex: 1 1 auto;
  height: 100%;
  padding: 0 10px;
}

.ag-chart-settings-card-item {
  cursor: pointer;
  width: 10px;
  height: 10px;
  background-color: #000;
  position: relative;
}

.ag-chart-settings-card-item.ag-not-selected {
  opacity: 0.2;
}

.ag-chart-settings-card-item::before {
  content: " ";
  display: block;
  position: absolute;
  background-color: transparent;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
}

.ag-chart-settings-prev,
.ag-chart-settings-next {
  position: relative;
  flex: none;
}

.ag-chart-settings-prev-button,
.ag-chart-settings-next-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.ag-chart-settings-mini-charts-container {
  position: relative;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
}

.ag-chart-settings-mini-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
}

.ag-chart-settings-mini-wrapper.ag-animating {
  transition: left 0.3s;
  transition-timing-function: ease-in-out;
}

.ag-chart-mini-thumbnail {
  cursor: pointer;
}

.ag-chart-mini-thumbnail-canvas {
  display: block;
}

.ag-chart-data-wrapper,
.ag-chart-format-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}

.ag-chart-data-wrapper {
  height: 100%;
  overflow-y: auto;
}

.ag-chart-data-section,
.ag-chart-format-section {
  display: flex;
  margin: 0;
}

.ag-chart-empty-text {
  display: flex;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.ag-chart .ag-chart-menu {
  display: none;
}

.ag-chart-menu-hidden:hover .ag-chart-menu {
  display: block;
}

.ag-chart .ag-chart-tool-panel-button-enable .ag-chart-menu {
  display: flex;
  flex-direction: row;
  overflow: auto;
  top: 5px;
  gap: calc(var(--ag-grid-size) * 3 - 8px);
  width: auto;
}

.ag-ltr .ag-chart .ag-chart-tool-panel-button-enable .ag-chart-menu {
  right: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
  justify-content: right;
}

.ag-rtl .ag-chart .ag-chart-tool-panel-button-enable .ag-chart-menu {
  left: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
  justify-content: left;
}

.ag-chart-menu-close {
  display: none;
}

.ag-chart-tool-panel-button-enable .ag-chart-menu-close {
  position: absolute;
  top: 50%;
  transition: transform 0.33s ease-in-out;
  padding: 0;
  display: block;
  cursor: pointer;
  border: none;
}

.ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close {
  right: 0px;
}

.ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close {
  left: 0px;
}

.ag-chart-tool-panel-button-enable .ag-chart-menu-close .ag-icon {
  padding: 14px 5px 14px 2px;
}

.ag-chart-tool-panel-button-enable .ag-chart-menu-close:before {
  content: "";
  position: absolute;
  top: -40px;
  bottom: -40px;
}

.ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close:before {
  right: 0px;
}

.ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close:before {
  left: 0px;
}

.ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close:before {
  left: -10px;
}

.ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close:before {
  right: -10px;
}

.ag-chart-tool-panel-button-enable .ag-icon-menu {
  display: none;
}

.ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close {
  transform: translate(3px, -50%);
}

.ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close:hover {
  transform: translate(0, -50%);
}

.ag-ltr .ag-chart-menu-visible .ag-chart-tool-panel-button-enable .ag-chart-menu-close:hover {
  transform: translate(5px, -50%);
}

.ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close {
  transform: translate(-3px, -50%);
}

.ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close:hover {
  transform: translate(0, -50%);
}

.ag-rtl .ag-chart-menu-visible .ag-chart-tool-panel-button-enable .ag-chart-menu-close:hover {
  transform: translate(-5px, -50%);
}

.ag-charts-font-size-color {
  display: flex;
  align-self: stretch;
  justify-content: space-between;
}

.ag-charts-data-group-item {
  position: relative;
}

.ag-chart-menu {
  border-radius: var(--ag-card-radius);
  background: var(--ag-background-color);
}

.ag-chart-menu-icon {
  opacity: 0.5;
  line-height: 24px;
  font-size: 24px;
  width: 24px;
  height: 24px;
  margin: 2px 0;
  cursor: pointer;
  border-radius: var(--ag-card-radius);
  color: var(--ag-secondary-foreground-color);
}

.ag-chart-menu-icon:hover {
  opacity: 1;
}

.ag-chart-mini-thumbnail {
  border: 1px solid var(--ag-secondary-border-color);
  border-radius: 5px;
  margin: 5px;
}

.ag-chart-mini-thumbnail:nth-last-child(3), .ag-chart-mini-thumbnail:nth-last-child(3) ~ .ag-chart-mini-thumbnail {
  margin-left: auto;
  margin-right: auto;
}

.ag-ltr .ag-chart-mini-thumbnail:first-child {
  margin-left: 0;
}

.ag-rtl .ag-chart-mini-thumbnail:first-child {
  margin-right: 0;
}

.ag-ltr .ag-chart-mini-thumbnail:last-child {
  margin-right: 0;
}

.ag-rtl .ag-chart-mini-thumbnail:last-child {
  margin-left: 0;
}

.ag-chart-mini-thumbnail.ag-selected {
  border-color: var(--ag-minichart-selected-chart-color);
}

.ag-chart-settings-card-item {
  background: var(--ag-foreground-color);
  width: 8px;
  height: 8px;
  border-radius: 4px;
}

.ag-chart-settings-card-item.ag-selected {
  background-color: var(--ag-minichart-selected-page-color);
}

.ag-chart-data-column-drag-handle {
  margin-left: var(--ag-grid-size);
}

.ag-charts-settings-group-title-bar,
.ag-charts-data-group-title-bar,
.ag-charts-format-top-level-group-title-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-charts-settings-group-container {
  padding: var(--ag-grid-size);
}

.ag-charts-data-group-container {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) var(--ag-widget-container-horizontal-padding);
}

.ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group) {
  height: var(--ag-list-item-height);
}

.ag-charts-data-group-container .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--ag-range-selection-border-color);
}

.ag-charts-data-group-container .ag-item-highlight-top::after {
  top: 0;
}

.ag-charts-data-group-container .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-charts-format-top-level-group-container {
  margin-left: calc(var(--ag-grid-size) * 2);
  padding: var(--ag-grid-size);
}

.ag-charts-format-top-level-group-item {
  margin: var(--ag-grid-size) 0;
}

.ag-charts-format-sub-level-group-container {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}

.ag-charts-format-sub-level-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-charts-group-container.ag-group-container-horizontal {
  padding: var(--ag-grid-size);
}

.ag-chart-data-section,
.ag-chart-format-section {
  display: flex;
  margin: 0;
}

.ag-chart-menu-panel {
  background-color: var(--ag-control-panel-background-color);
}

.ag-ltr .ag-chart-menu-panel {
  border-left: solid 1px var(--ag-border-color);
}

.ag-rtl .ag-chart-menu-panel {
  border-right: solid 1px var(--ag-border-color);
}

.ag-date-time-list-page-title-bar {
  display: flex;
}

.ag-date-time-list-page-title {
  flex-grow: 1;
  text-align: center;
}

.ag-date-time-list-page-column-labels-row,
.ag-date-time-list-page-entries-row {
  display: flex;
}

.ag-date-time-list-page-column-label,
.ag-date-time-list-page-entry {
  flex-basis: 0;
  flex-grow: 1;
}

.ag-date-time-list-page-entry {
  cursor: pointer;
  text-align: center;
}

.ag-date-time-list-page-column-label {
  text-align: center;
}

.ag-advanced-filter-header {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-advanced-filter {
  display: flex;
  align-items: center;
  width: 100%;
}

.ag-advanced-filter-apply-button, .ag-advanced-filter-builder-button {
  line-height: normal;
  white-space: nowrap;
}

.ag-ltr .ag-advanced-filter-apply-button, .ag-ltr .ag-advanced-filter-builder-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-rtl .ag-advanced-filter-apply-button, .ag-rtl .ag-advanced-filter-builder-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-advanced-filter-builder-button {
  display: flex;
  align-items: center;
  border: 0;
  background-color: unset;
}

.ag-advanced-filter-builder-button:hover:not(:disabled) {
  background-color: var(--ag-row-hover-color);
}

.ag-advanced-filter-builder-button:not(:disabled) {
  cursor: pointer;
}

.ag-advanced-filter-builder-button-label {
  margin-left: var(--ag-grid-size);
}

.ag-advanced-filter-builder {
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  background-color: var(--ag-control-panel-background-color);
  display: flex;
  flex-direction: column;
}

.ag-advanced-filter-builder-list {
  flex: 1;
  overflow: auto;
}

.ag-advanced-filter-builder-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--ag-range-selection-border-color);
}

.ag-advanced-filter-builder-list .ag-item-highlight-top::after {
  top: 0;
}

.ag-advanced-filter-builder-list .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-advanced-filter-builder-button-panel {
  display: flex;
  justify-content: flex-end;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-apply-button,
.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-cancel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-advanced-filter-builder-item-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  padding-left: calc(var(--ag-icon-size) / 2);
  padding-right: var(--ag-icon-size);
}

.ag-advanced-filter-builder-item-tree-lines > * {
  width: var(--ag-advanced-filter-builder-indent-size);
}

.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root {
  width: var(--ag-icon-size);
}

.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root::before {
  top: 50%;
  height: 50%;
}

.ag-advanced-filter-builder-item-tree-line-horizontal,
.ag-advanced-filter-builder-item-tree-line-vertical,
.ag-advanced-filter-builder-item-tree-line-vertical-top,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}

.ag-advanced-filter-builder-item-tree-line-horizontal::before, .ag-advanced-filter-builder-item-tree-line-horizontal::after,
.ag-advanced-filter-builder-item-tree-line-vertical::before,
.ag-advanced-filter-builder-item-tree-line-vertical::after,
.ag-advanced-filter-builder-item-tree-line-vertical-top::before,
.ag-advanced-filter-builder-item-tree-line-vertical-top::after,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::after {
  content: "";
  position: absolute;
  height: 100%;
}

.ag-advanced-filter-builder-item-tree-line-horizontal::after {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size));
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-bottom: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical::before {
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical-top::before {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before {
  height: calc((100% - 1.5 * var(--ag-icon-size)) / 2);
  width: calc(var(--ag-icon-size) / 2);
  top: calc((100% + 1.5 * var(--ag-icon-size)) / 2);
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-condition {
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}

.ag-advanced-filter-builder-item,
.ag-advanced-filter-builder-item-condition,
.ag-advanced-filter-builder-pill-wrapper,
.ag-advanced-filter-builder-pill,
.ag-advanced-filter-builder-item-buttons,
.ag-advanced-filter-builder-item-tree-lines {
  display: flex;
  align-items: center;
  height: 100%;
}

.ag-advanced-filter-builder-pill-wrapper {
  margin: 0px var(--ag-grid-size);
}

.ag-advanced-filter-builder-pill {
  position: relative;
  border-radius: var(--ag-border-radius);
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  min-height: calc(100% - var(--ag-grid-size) * 3);
  min-width: calc(var(--ag-grid-size) * 2);
}

.ag-advanced-filter-builder-pill .ag-picker-field-display {
  margin-right: var(--ag-grid-size);
}

.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-number {
  font-family: monospace;
  font-weight: 700;
}

.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-empty {
  color: var(--ag-disabled-foreground-color);
}

.ag-keyboard-focus .ag-advanced-filter-builder-pill:focus {
  outline: none;
}

.ag-keyboard-focus .ag-advanced-filter-builder-pill:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-keyboard-focus .ag-advanced-filter-builder-item-button:focus {
  outline: none;
}

.ag-keyboard-focus .ag-advanced-filter-builder-item-button:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-builder-pill-display {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}

.ag-advanced-filter-builder-join-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-join-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-column-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-column-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-option-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-option-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-value-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-value-pill-color);
  cursor: text;
  max-width: 140px;
}

.ag-advanced-filter-builder-value-pill .ag-advanced-filter-builder-pill-display {
  display: block;
}

.ag-advanced-filter-builder-item-buttons > * {
  margin: 0 calc(var(--ag-grid-size) * 0.5);
}

.ag-advanced-filter-builder-item-button {
  position: relative;
  cursor: pointer;
  color: var(--ag-secondary-foreground-color);
  opacity: 50%;
}

.ag-advanced-filter-builder-item-button-disabled {
  color: var(--ag-disabled-foreground-color);
  cursor: default;
}

.ag-advanced-filter-builder-virtual-list-container {
  top: var(--ag-grid-size);
}

.ag-advanced-filter-builder-virtual-list-item {
  display: flex;
  cursor: default;
  height: var(--ag-list-item-height);
}

.ag-advanced-filter-builder-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}

.ag-advanced-filter-builder-virtual-list-item:hover .ag-advanced-filter-builder-item-button {
  opacity: 100%;
}

.ag-keyboard-focus .ag-advanced-filter-builder-virtual-list-item-highlight .ag-advanced-filter-builder-item-button,
.ag-advanced-filter-builder-validation .ag-advanced-filter-builder-invalid {
  opacity: 100%;
}

.ag-advanced-filter-builder-invalid {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-invalid-color);
  cursor: default;
}

.ag-input-field-input {
  width: 100%;
  min-width: 0;
}

.ag-checkbox-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
}

.ag-checkbox-input-wrapper input, .ag-checkbox-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}

.ag-checkbox-input-wrapper:focus-within, .ag-checkbox-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-checkbox-input-wrapper.ag-disabled {
  opacity: 0.5;
}

.ag-checkbox-input-wrapper::after {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
  color: var(--ag-checkbox-unchecked-color);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ag-checkbox-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
  color: var(--ag-checkbox-checked-color);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ag-checkbox-input-wrapper.ag-indeterminate::after {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
  color: var(--ag-checkbox-indeterminate-color);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ag-toggle-button-input-wrapper {
  box-sizing: border-box;
  width: var(--ag-toggle-button-width);
  height: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-off-background-color);
  border-radius: calc(var(--ag-toggle-button-height) * 0.5);
  position: relative;
  flex: none;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-off-border-color);
}

.ag-toggle-button-input-wrapper input {
  opacity: 0;
  height: 100%;
  width: 100%;
}

.ag-toggle-button-input-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-toggle-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}

.ag-toggle-button-input-wrapper.ag-checked {
  background-color: var(--ag-toggle-button-on-background-color);
  border-color: var(--ag-toggle-button-on-border-color);
}

.ag-toggle-button-input-wrapper::before {
  content: " ";
  position: absolute;
  top: calc(0px - var(--ag-toggle-button-border-width));
  left: calc(0px - var(--ag-toggle-button-border-width));
  display: block;
  box-sizing: border-box;
  height: var(--ag-toggle-button-height);
  width: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-switch-background-color);
  border-radius: 100%;
  transition: left 100ms;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-switch-border-color);
}

.ag-toggle-button-input-wrapper.ag-checked::before {
  left: calc(100% - var(--ag-toggle-button-height));
  border-color: var(--ag-toggle-button-on-border-color);
}

.ag-radio-button-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
  border-radius: var(--ag-icon-size);
}

.ag-radio-button-input-wrapper input, .ag-radio-button-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}

.ag-radio-button-input-wrapper:focus-within, .ag-radio-button-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-radio-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}

.ag-radio-button-input-wrapper::after {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
  color: var(--ag-checkbox-unchecked-color);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ag-radio-button-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
  color: var(--ag-checkbox-checked-color);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

input[class^=ag-][type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 100%;
  background: none;
  overflow: visible;
}

input[class^=ag-][type=range]::-webkit-slider-runnable-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}

input[class^=ag-][type=range]::-moz-range-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}

input[class^=ag-][type=range]::-ms-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
  color: transparent;
  width: calc(100% - 2px);
}

input[class^=ag-][type=range]::-webkit-slider-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
  transform: translateY(calc(var(--ag-icon-size) * -0.5 + 1.5px));
}

input[class^=ag-][type=range]::-ms-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}

input[class^=ag-][type=range]::-moz-ag-range-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}

input[class^=ag-][type=range]:focus {
  outline: none;
}

input[class^=ag-][type=range]:focus::-webkit-slider-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}

input[class^=ag-][type=range]:focus::-ms-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}

input[class^=ag-][type=range]:focus::-moz-ag-range-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}

input[class^=ag-][type=range]:active::-webkit-slider-runnable-track {
  background-color: var(--ag-input-focus-border-color);
}

input[class^=ag-][type=range]:active::-moz-ag-range-track {
  background-color: var(--ag-input-focus-border-color);
}

input[class^=ag-][type=range]:active::-ms-track {
  background-color: var(--ag-input-focus-border-color);
}

input[class^=ag-][type=range]:disabled {
  opacity: 0.5;
}

.ag-theme-alpine, .ag-theme-density, .ag-theme-alpine-dark {
  --ag-alpine-active-color: #2196f3;
  --ag-selected-row-background-color: rgba(33, 150, 243, 0.3);
  --ag-row-hover-color: rgba(33, 150, 243, 0.1);
  --ag-column-hover-color: rgba(33, 150, 243, 0.1);
  --ag-input-focus-border-color: rgba(33, 150, 243, 0.4);
  --ag-range-selection-background-color: rgba(33, 150, 243, 0.2);
  --ag-range-selection-background-color-2: rgba(33, 150, 243, 0.36);
  --ag-range-selection-background-color-3: rgba(33, 150, 243, 0.49);
  --ag-range-selection-background-color-4: rgba(33, 150, 243, 0.59);
  --ag-background-color: #fff;
  --ag-foreground-color: #181d1f;
  --ag-border-color: #babfc7;
  --ag-secondary-border-color: #dde2eb;
  --ag-header-background-color: #f8f8f8;
  --ag-tooltip-background-color: #f8f8f8;
  --ag-odd-row-background-color: #fcfcfc;
  --ag-control-panel-background-color: #f8f8f8;
  --ag-subheader-background-color: #fff;
  --ag-invalid-color: #e02525;
  --ag-checkbox-unchecked-color: #999;
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
  --ag-checkbox-background-color: var(--ag-background-color);
  --ag-checkbox-checked-color: var(--ag-alpine-active-color);
  --ag-range-selection-border-color: var(--ag-alpine-active-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-input-border-color: var(--ag-border-color);
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-input-focus-box-shadow: 0 0 2px 0.1rem var(--ag-input-focus-border-color);
  --ag-disabled-foreground-color: rgba(24, 29, 31, 0.5);
  --ag-chip-background-color: rgba(24, 29, 31, 0.07);
  --ag-input-disabled-border-color: rgba(186, 191, 199, 0.3);
  --ag-input-disabled-background-color: rgba(186, 191, 199, 0.15);
  --ag-borders: solid 1px;
  --ag-border-radius: 3px;
  --ag-borders-side-button: none;
  --ag-side-button-selected-background-color: transparent;
  --ag-header-column-resize-handle-display: block;
  --ag-header-column-resize-handle-width: 2px;
  --ag-header-column-resize-handle-height: 30%;
  --ag-grid-size: 6px;
  --ag-icon-size: 16px;
  --ag-row-height: calc(var(--ag-grid-size) * 7);
  --ag-header-height: calc(var(--ag-grid-size) * 8);
  --ag-list-item-height: calc(var(--ag-grid-size) * 4);
  --ag-column-select-indent-size: var(--ag-icon-size);
  --ag-set-filter-indent-size: var(--ag-icon-size);
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
  --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 2);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 2);
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 2);
  --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1.5);
  --ag-toggle-button-height: 18px;
  --ag-toggle-button-width: 28px;
  --ag-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --ag-font-size: 13px;
  --ag-icon-font-family: agGridAlpine;
  --ag-selected-tab-underline-color: var(--ag-alpine-active-color);
  --ag-selected-tab-underline-width: 2px;
  --ag-selected-tab-underline-transition-speed: 0.3s;
  --ag-tab-min-width: 240px;
  --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4);
  --ag-popup-shadow: var(--ag-card-shadow);
  --ag-side-bar-panel-width: 250px;
}

.ag-theme-alpine-dark {
  --ag-background-color: #181d1f;
  --ag-foreground-color: #fff;
  --ag-border-color: #68686e;
  --ag-secondary-border-color: rgba(88, 86, 82, 0.5);
  --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66);
  --ag-header-background-color: #222628;
  --ag-tooltip-background-color: #222628;
  --ag-odd-row-background-color: #222628;
  --ag-control-panel-background-color: #222628;
  --ag-subheader-background-color: #000;
  --ag-input-disabled-background-color: #282c2f;
  --ag-input-focus-box-shadow:
      0 0 2px 0.5px rgba(255, 255, 255, 0.5),
      0 0 4px 3px var(--ag-input-focus-border-color);
  --ag-card-shadow: 0 1px 20px 1px black;
  --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5);
  --ag-chip-background-color: rgba(255, 255, 255, 0.07);
  --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3);
  --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07);
  --ag-advanced-filter-join-pill-color: #7a3a37;
  --ag-advanced-filter-column-pill-color: #355f2d;
  --ag-advanced-filter-option-pill-color: #5a3168;
  --ag-advanced-filter-value-pill-color: #374c86;
}

.ag-theme-alpine .ag-filter-toolpanel-header, .ag-theme-density .ag-filter-toolpanel-header,
.ag-theme-alpine .ag-filter-toolpanel-search,
.ag-theme-density .ag-filter-toolpanel-search,
.ag-theme-alpine .ag-status-bar,
.ag-theme-density .ag-status-bar,
.ag-theme-alpine .ag-header-row,
.ag-theme-density .ag-header-row,
.ag-theme-alpine .ag-panel-title-bar-title,
.ag-theme-density .ag-panel-title-bar-title,
.ag-theme-alpine .ag-multi-filter-group-title-bar,
.ag-theme-density .ag-multi-filter-group-title-bar, .ag-theme-alpine-dark .ag-filter-toolpanel-header,
.ag-theme-alpine-dark .ag-filter-toolpanel-search,
.ag-theme-alpine-dark .ag-status-bar,
.ag-theme-alpine-dark .ag-header-row,
.ag-theme-alpine-dark .ag-panel-title-bar-title,
.ag-theme-alpine-dark .ag-multi-filter-group-title-bar {
  font-weight: 700;
  color: var(--ag-header-foreground-color);
}

.ag-theme-alpine .ag-row, .ag-theme-density .ag-row, .ag-theme-alpine-dark .ag-row {
  font-size: calc(var(--ag-font-size) + 1px);
}

.ag-theme-alpine input[class^=ag-]:not([type]), .ag-theme-density input[class^=ag-]:not([type]),
.ag-theme-alpine input[class^=ag-][type=text],
.ag-theme-density input[class^=ag-][type=text],
.ag-theme-alpine input[class^=ag-][type=number],
.ag-theme-density input[class^=ag-][type=number],
.ag-theme-alpine input[class^=ag-][type=tel],
.ag-theme-density input[class^=ag-][type=tel],
.ag-theme-alpine input[class^=ag-][type=date],
.ag-theme-density input[class^=ag-][type=date],
.ag-theme-alpine input[class^=ag-][type=datetime-local],
.ag-theme-density input[class^=ag-][type=datetime-local],
.ag-theme-alpine textarea[class^=ag-],
.ag-theme-density textarea[class^=ag-], .ag-theme-alpine-dark input[class^=ag-]:not([type]),
.ag-theme-alpine-dark input[class^=ag-][type=text],
.ag-theme-alpine-dark input[class^=ag-][type=number],
.ag-theme-alpine-dark input[class^=ag-][type=tel],
.ag-theme-alpine-dark input[class^=ag-][type=date],
.ag-theme-alpine-dark input[class^=ag-][type=datetime-local],
.ag-theme-alpine-dark textarea[class^=ag-] {
  min-height: calc(var(--ag-grid-size) * 4);
  border-radius: var(--ag-border-radius);
}

.ag-theme-alpine .ag-ltr input[class^=ag-]:not([type]), .ag-theme-density .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine .ag-ltr input[class^=ag-][type=text], .ag-theme-density .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine .ag-ltr input[class^=ag-][type=number], .ag-theme-density .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine .ag-ltr input[class^=ag-][type=tel], .ag-theme-density .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine .ag-ltr input[class^=ag-][type=date], .ag-theme-density .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-density .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine .ag-ltr textarea[class^=ag-], .ag-theme-density .ag-ltr textarea[class^=ag-], .ag-theme-alpine-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark .ag-ltr textarea[class^=ag-] {
  padding-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl input[class^=ag-]:not([type]), .ag-theme-density .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine .ag-rtl input[class^=ag-][type=text], .ag-theme-density .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine .ag-rtl input[class^=ag-][type=number], .ag-theme-density .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine .ag-rtl input[class^=ag-][type=tel], .ag-theme-density .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine .ag-rtl input[class^=ag-][type=date], .ag-theme-density .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-density .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine .ag-rtl textarea[class^=ag-], .ag-theme-density .ag-rtl textarea[class^=ag-], .ag-theme-alpine-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark .ag-rtl textarea[class^=ag-] {
  padding-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-tab, .ag-theme-density .ag-tab, .ag-theme-alpine-dark .ag-tab {
  padding: calc(var(--ag-grid-size) * 1.5);
  transition: color 0.4s;
  flex: 1 1 auto;
}

.ag-theme-alpine .ag-tab-selected, .ag-theme-density .ag-tab-selected, .ag-theme-alpine-dark .ag-tab-selected {
  color: var(--ag-alpine-active-color);
}

.ag-theme-alpine .ag-menu, .ag-theme-density .ag-menu, .ag-theme-alpine-dark .ag-menu {
  background-color: var(--ag-control-panel-background-color);
}

.ag-theme-alpine .ag-menu-header, .ag-theme-density .ag-menu-header, .ag-theme-alpine-dark .ag-menu-header {
  background-color: var(--ag-control-panel-background-color);
  padding-top: 1px;
}

.ag-theme-alpine .ag-tabs-header, .ag-theme-density .ag-tabs-header, .ag-theme-alpine-dark .ag-tabs-header {
  border-bottom: var(--ag-borders) var(--ag-border-color);
}

.ag-theme-alpine .ag-charts-settings-group-title-bar, .ag-theme-density .ag-charts-settings-group-title-bar,
.ag-theme-alpine .ag-charts-data-group-title-bar,
.ag-theme-density .ag-charts-data-group-title-bar,
.ag-theme-alpine .ag-charts-format-top-level-group-title-bar,
.ag-theme-density .ag-charts-format-top-level-group-title-bar, .ag-theme-alpine-dark .ag-charts-settings-group-title-bar,
.ag-theme-alpine-dark .ag-charts-data-group-title-bar,
.ag-theme-alpine-dark .ag-charts-format-top-level-group-title-bar {
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  line-height: calc(var(--ag-icon-size) + var(--ag-grid-size) - 2px);
}

.ag-theme-alpine .ag-chart-mini-thumbnail, .ag-theme-density .ag-chart-mini-thumbnail, .ag-theme-alpine-dark .ag-chart-mini-thumbnail {
  background-color: var(--ag-background-color);
}

.ag-theme-alpine .ag-chart-settings-nav-bar, .ag-theme-density .ag-chart-settings-nav-bar, .ag-theme-alpine-dark .ag-chart-settings-nav-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-theme-alpine .ag-ltr .ag-group-title-bar-icon, .ag-theme-density .ag-ltr .ag-group-title-bar-icon, .ag-theme-alpine-dark .ag-ltr .ag-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl .ag-group-title-bar-icon, .ag-theme-density .ag-rtl .ag-group-title-bar-icon, .ag-theme-alpine-dark .ag-rtl .ag-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-charts-format-top-level-group-toolbar, .ag-theme-density .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-charts-format-top-level-group-toolbar {
  margin-top: var(--ag-grid-size);
}

.ag-theme-alpine .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-density .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-ltr .ag-charts-format-top-level-group-toolbar {
  padding-left: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2);
}

.ag-theme-alpine .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-density .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-rtl .ag-charts-format-top-level-group-toolbar {
  padding-right: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2);
}

.ag-theme-alpine .ag-charts-format-sub-level-group, .ag-theme-density .ag-charts-format-sub-level-group, .ag-theme-alpine-dark .ag-charts-format-sub-level-group {
  border-left: dashed 1px;
  border-left-color: var(--ag-border-color);
  padding-left: var(--ag-grid-size);
  margin-bottom: calc(var(--ag-grid-size) * 2);
}

.ag-theme-alpine .ag-charts-format-sub-level-group-title-bar, .ag-theme-density .ag-charts-format-sub-level-group-title-bar, .ag-theme-alpine-dark .ag-charts-format-sub-level-group-title-bar {
  padding-top: 0;
  padding-bottom: 0;
  background: none;
  font-weight: 700;
}

.ag-theme-alpine .ag-charts-format-sub-level-group-container, .ag-theme-density .ag-charts-format-sub-level-group-container, .ag-theme-alpine-dark .ag-charts-format-sub-level-group-container {
  padding-bottom: 0;
}

.ag-theme-alpine .ag-charts-format-sub-level-group-item:last-child, .ag-theme-density .ag-charts-format-sub-level-group-item:last-child, .ag-theme-alpine-dark .ag-charts-format-sub-level-group-item:last-child {
  margin-bottom: 0;
}

.ag-theme-alpine.ag-dnd-ghost, .ag-dnd-ghost.ag-theme-density, .ag-theme-alpine-dark.ag-dnd-ghost {
  font-size: calc(var(--ag-font-size) - 1px);
  font-weight: 700;
}

.ag-theme-alpine .ag-side-buttons, .ag-theme-density .ag-side-buttons, .ag-theme-alpine-dark .ag-side-buttons {
  width: calc(var(--ag-grid-size) * 5);
}

.ag-theme-alpine .ag-standard-button, .ag-theme-density .ag-standard-button, .ag-theme-alpine-dark .ag-standard-button {
  appearance: none;
  -webkit-appearance: none;
  border-radius: var(--ag-border-radius);
  border: 1px solid;
  border-color: var(--ag-alpine-active-color);
  color: var(--ag-alpine-active-color);
  background-color: var(--ag-background-color);
  font-weight: 600;
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
}

.ag-theme-alpine .ag-standard-button:hover, .ag-theme-density .ag-standard-button:hover, .ag-theme-alpine-dark .ag-standard-button:hover {
  border-color: var(--ag-alpine-active-color);
  background-color: var(--ag-row-hover-color);
}

.ag-theme-alpine .ag-standard-button:active, .ag-theme-density .ag-standard-button:active, .ag-theme-alpine-dark .ag-standard-button:active {
  border-color: var(--ag-alpine-active-color);
  background-color: var(--ag-alpine-active-color);
  color: var(--ag-background-color);
}

.ag-theme-alpine .ag-standard-button:disabled, .ag-theme-density .ag-standard-button:disabled, .ag-theme-alpine-dark .ag-standard-button:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}

.ag-theme-alpine .ag-column-drop-vertical, .ag-theme-density .ag-column-drop-vertical, .ag-theme-alpine-dark .ag-column-drop-vertical {
  min-height: 75px;
}

.ag-theme-alpine .ag-column-drop-vertical-title-bar, .ag-theme-density .ag-column-drop-vertical-title-bar, .ag-theme-alpine-dark .ag-column-drop-vertical-title-bar {
  padding: calc(var(--ag-grid-size) * 2);
  padding-bottom: 0px;
}

.ag-theme-alpine .ag-column-drop-vertical-empty-message, .ag-theme-density .ag-column-drop-vertical-empty-message, .ag-theme-alpine-dark .ag-column-drop-vertical-empty-message {
  display: flex;
  align-items: center;
  border: dashed 1px;
  border-color: var(--ag-border-color);
  margin: calc(var(--ag-grid-size) * 2);
  padding: calc(var(--ag-grid-size) * 2);
}

.ag-theme-alpine .ag-column-drop-empty-message, .ag-theme-density .ag-column-drop-empty-message, .ag-theme-alpine-dark .ag-column-drop-empty-message {
  color: var(--ag-foreground-color);
  opacity: 0.75;
}

.ag-theme-alpine .ag-status-bar, .ag-theme-density .ag-status-bar, .ag-theme-alpine-dark .ag-status-bar {
  font-weight: normal;
}

.ag-theme-alpine .ag-status-name-value-value, .ag-theme-density .ag-status-name-value-value, .ag-theme-alpine-dark .ag-status-name-value-value {
  font-weight: 700;
}

.ag-theme-alpine .ag-paging-number, .ag-theme-density .ag-paging-number, .ag-theme-alpine .ag-paging-row-summary-panel-number, .ag-theme-density .ag-paging-row-summary-panel-number, .ag-theme-alpine-dark .ag-paging-number, .ag-theme-alpine-dark .ag-paging-row-summary-panel-number {
  font-weight: 700;
}

.ag-theme-alpine .ag-column-drop-cell-button, .ag-theme-density .ag-column-drop-cell-button, .ag-theme-alpine-dark .ag-column-drop-cell-button {
  opacity: 0.5;
}

.ag-theme-alpine .ag-column-drop-cell-button:hover, .ag-theme-density .ag-column-drop-cell-button:hover, .ag-theme-alpine-dark .ag-column-drop-cell-button:hover {
  opacity: 0.75;
}

.ag-theme-alpine .ag-header-cell-menu-button:hover, .ag-theme-density .ag-header-cell-menu-button:hover,
.ag-theme-alpine .ag-side-button-button:hover,
.ag-theme-density .ag-side-button-button:hover,
.ag-theme-alpine .ag-tab:hover,
.ag-theme-density .ag-tab:hover,
.ag-theme-alpine .ag-panel-title-bar-button:hover,
.ag-theme-density .ag-panel-title-bar-button:hover,
.ag-theme-alpine .ag-header-expand-icon:hover,
.ag-theme-density .ag-header-expand-icon:hover,
.ag-theme-alpine .ag-column-group-icons:hover,
.ag-theme-density .ag-column-group-icons:hover,
.ag-theme-alpine .ag-set-filter-group-icons:hover,
.ag-theme-density .ag-set-filter-group-icons:hover,
.ag-theme-alpine .ag-group-expanded .ag-icon:hover,
.ag-theme-density .ag-group-expanded .ag-icon:hover,
.ag-theme-alpine .ag-group-contracted .ag-icon:hover,
.ag-theme-density .ag-group-contracted .ag-icon:hover,
.ag-theme-alpine .ag-chart-settings-prev:hover,
.ag-theme-density .ag-chart-settings-prev:hover,
.ag-theme-alpine .ag-chart-settings-next:hover,
.ag-theme-density .ag-chart-settings-next:hover,
.ag-theme-alpine .ag-group-title-bar-icon:hover,
.ag-theme-density .ag-group-title-bar-icon:hover,
.ag-theme-alpine .ag-column-select-header-icon:hover,
.ag-theme-density .ag-column-select-header-icon:hover,
.ag-theme-alpine .ag-floating-filter-button-button:hover,
.ag-theme-density .ag-floating-filter-button-button:hover,
.ag-theme-alpine .ag-filter-toolpanel-expand:hover,
.ag-theme-density .ag-filter-toolpanel-expand:hover,
.ag-theme-alpine .ag-chart-menu-icon:hover,
.ag-theme-density .ag-chart-menu-icon:hover,
.ag-theme-alpine .ag-chart-menu-close:hover,
.ag-theme-density .ag-chart-menu-close:hover, .ag-theme-alpine-dark .ag-header-cell-menu-button:hover,
.ag-theme-alpine-dark .ag-side-button-button:hover,
.ag-theme-alpine-dark .ag-tab:hover,
.ag-theme-alpine-dark .ag-panel-title-bar-button:hover,
.ag-theme-alpine-dark .ag-header-expand-icon:hover,
.ag-theme-alpine-dark .ag-column-group-icons:hover,
.ag-theme-alpine-dark .ag-set-filter-group-icons:hover,
.ag-theme-alpine-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-alpine-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-alpine-dark .ag-chart-settings-prev:hover,
.ag-theme-alpine-dark .ag-chart-settings-next:hover,
.ag-theme-alpine-dark .ag-group-title-bar-icon:hover,
.ag-theme-alpine-dark .ag-column-select-header-icon:hover,
.ag-theme-alpine-dark .ag-floating-filter-button-button:hover,
.ag-theme-alpine-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-alpine-dark .ag-chart-menu-icon:hover,
.ag-theme-alpine-dark .ag-chart-menu-close:hover {
  color: var(--ag-alpine-active-color);
}

.ag-theme-alpine .ag-chart-menu-close, .ag-theme-density .ag-chart-menu-close, .ag-theme-alpine-dark .ag-chart-menu-close {
  background: var(--ag-background-color);
}

.ag-theme-alpine .ag-chart-menu-close:hover .ag-icon, .ag-theme-density .ag-chart-menu-close:hover .ag-icon, .ag-theme-alpine-dark .ag-chart-menu-close:hover .ag-icon {
  border-color: var(--ag-alpine-active-color);
}

.ag-theme-alpine .ag-chart-menu-close .ag-icon, .ag-theme-density .ag-chart-menu-close .ag-icon, .ag-theme-alpine-dark .ag-chart-menu-close .ag-icon {
  background: var(--ag-header-background-color);
  border: 1px solid var(--ag-border-color);
  border-right: none;
}

.ag-theme-alpine .ag-chart-settings-card-item.ag-not-selected:hover, .ag-theme-density .ag-chart-settings-card-item.ag-not-selected:hover, .ag-theme-alpine-dark .ag-chart-settings-card-item.ag-not-selected:hover {
  opacity: 0.35;
}

.ag-theme-alpine .ag-ltr .ag-panel-title-bar-button, .ag-theme-density .ag-ltr .ag-panel-title-bar-button, .ag-theme-alpine-dark .ag-ltr .ag-panel-title-bar-button {
  margin-left: calc(var(--ag-grid-size) * 2);
  margin-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl .ag-panel-title-bar-button, .ag-theme-density .ag-rtl .ag-panel-title-bar-button, .ag-theme-alpine-dark .ag-rtl .ag-panel-title-bar-button {
  margin-right: calc(var(--ag-grid-size) * 2);
  margin-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-density .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-group-container {
  padding-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-density .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-group-container {
  padding-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-filter-toolpanel-instance-filter, .ag-theme-density .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-filter-toolpanel-instance-filter {
  border: none;
  background-color: var(--ag-control-panel-background-color);
}

.ag-theme-alpine .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-density .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-instance-filter {
  border-left: dashed 1px;
  border-left-color: var(--ag-border-color);
  margin-left: calc(var(--ag-icon-size) * 0.5);
}

.ag-theme-alpine .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-density .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-instance-filter {
  border-right: dashed 1px;
  border-right-color: var(--ag-border-color);
  margin-right: calc(var(--ag-icon-size) * 0.5);
}

.ag-theme-alpine .ag-set-filter-list, .ag-theme-density .ag-set-filter-list, .ag-theme-alpine-dark .ag-set-filter-list {
  padding-top: calc(var(--ag-grid-size) * 0.5);
  padding-bottom: calc(var(--ag-grid-size) * 0.5);
}

.ag-theme-alpine .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-density .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-alpine .ag-layout-auto-height .ag-center-cols-container, .ag-theme-density .ag-layout-auto-height .ag-center-cols-container, .ag-theme-alpine .ag-layout-print .ag-center-cols-viewport, .ag-theme-density .ag-layout-print .ag-center-cols-viewport, .ag-theme-alpine .ag-layout-print .ag-center-cols-container, .ag-theme-density .ag-layout-print .ag-center-cols-container, .ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-container, .ag-theme-alpine-dark .ag-layout-print .ag-center-cols-viewport, .ag-theme-alpine-dark .ag-layout-print .ag-center-cols-container {
  min-height: 150px;
}

.ag-theme-alpine .ag-overlay-no-rows-wrapper.ag-layout-auto-height, .ag-theme-density .ag-overlay-no-rows-wrapper.ag-layout-auto-height, .ag-theme-alpine-dark .ag-overlay-no-rows-wrapper.ag-layout-auto-height {
  padding-top: 60px;
}

.ag-theme-alpine .ag-date-time-list-page-entry-is-current, .ag-theme-density .ag-date-time-list-page-entry-is-current, .ag-theme-alpine-dark .ag-date-time-list-page-entry-is-current {
  background-color: var(--ag-alpine-active-color);
}

.ag-theme-alpine .ag-advanced-filter-builder-button, .ag-theme-density .ag-advanced-filter-builder-button, .ag-theme-alpine-dark .ag-advanced-filter-builder-button {
  padding: var(--ag-grid-size);
  font-weight: 600;
}

.ag-theme-alpine-dark {
  color-scheme: dark;
}

.ag-theme-density {
  --ag-icon-font-family: "ag-grid-density";
  --ag-icon-font-code-aggregation: "\e908";
  --ag-icon-font-code-arrows: "\e92f";
  --ag-icon-font-code-asc: "\e934";
  --ag-icon-font-code-cancel: "\e909";
  --ag-icon-font-code-chart: "\e90e";
  --ag-icon-font-code-checkbox-checked: "\e932";
  --ag-icon-font-code-checkbox-indeterminate: "\e933";
  --ag-icon-font-code-checkbox-unchecked: "\e917";
  --ag-icon-font-code-color-picker: "\e90a";
  --ag-icon-font-code-columns: "\e906";
  --ag-icon-font-code-contracted: "\e919";
  --ag-icon-font-code-copy: "\e90d";
  --ag-icon-font-code-cross: "\e925";
  --ag-icon-font-code-csv: "\e915";
  --ag-icon-font-code-desc: "\e937";
  --ag-icon-font-code-excel: "\e91d";
  --ag-icon-font-code-expanded: "\e904";
  --ag-icon-font-code-eye-slash: "\e928";
  --ag-icon-font-code-eye: "\e927";
  --ag-icon-font-code-filter: "\e91e";
  --ag-icon-font-code-first: "\e931";
  --ag-icon-font-code-grip: "\e91f";
  --ag-icon-font-code-group: "\e92e";
  --ag-icon-font-code-last: "\e930";
  --ag-icon-font-code-left: "\e929";
  --ag-icon-font-code-linked: "\e910";
  --ag-icon-font-code-loading: "\e92a";
  --ag-icon-font-code-maximize: "\e92c";
  --ag-icon-font-code-menu: "\e907";
  --ag-icon-font-code-minimize: "\e92b";
  --ag-icon-font-code-next: "\e91a";
  --ag-icon-font-code-none: "\e900";
  --ag-icon-font-code-not-allowed: "\e921";
  --ag-icon-font-code-paste: "\e90b";
  --ag-icon-font-code-pin: "\e90c";
  --ag-icon-font-code-pivot: "\e92d";
  --ag-icon-font-code-previous: "\e905";
  --ag-icon-font-code-radio-button-off: "\e903";
  --ag-icon-font-code-radio-button-on: "\e923";
  --ag-icon-font-code-right: "\e91c";
  --ag-icon-font-code-save: "\e926";
  --ag-icon-font-code-small-down: "\e918";
  --ag-icon-font-code-small-left: "\e913";
  --ag-icon-font-code-small-right: "\e91b";
  --ag-icon-font-code-small-up: "\e911";
  --ag-icon-font-code-tick: "\e916";
  --ag-icon-font-code-tree-closed: "\e922";
  --ag-icon-font-code-tree-indeterminate: "\e920";
  --ag-icon-font-code-tree-open: "\e912";
  --ag-icon-font-code-unlinked: "\e90f";
  --ag-background-color: #fff;
  --ag-foreground-color: #181d1f;
  --ag-subheader-background-color: #fff;
  --ag-alpine-active-color: #2196f3;
  --ag-range-selection-border-color: #2196f3;
  --ag-subheader-toolbar-background-color: rgba(255, 255, 255, 0.5);
  --ag-selected-row-background-color: rgba(33, 150, 243, 0.1);
  --ag-row-hover-color: rgba(33, 150, 243, 0.1);
  --ag-column-hover-color: rgba(33, 150, 243, 0.1);
  --ag-chip-background-color: rgba(24, 29, 31, 0.07);
  --ag-disabled-foreground-color: rgba(24, 29, 31, 0.5);
  --ag-input-focus-border-color: rgba(33, 150, 243, 0.4);
  --ag-modal-overlay-background-color: rgba(255, 255, 255, 0.66);
  --ag-range-selection-background-color: rgba(33, 150, 243, 0.2);
  --ag-range-selection-background-color-2: rgba(33, 150, 243, 0.36);
  --ag-range-selection-background-color-3: rgba(33, 150, 243, 0.488);
  --ag-range-selection-background-color-4: rgba(33, 150, 243, 0.5904);
  --ag-border-color: rgba(24, 29, 31, 0.25);
  --ag-header-column-separator-color: rgba(24, 29, 31, 0.125);
  --ag-header-column-resize-handle-color: rgba(24, 29, 31, 0.125);
}

.ag-theme-density {
  --ag-alpine-active-color: var(--ds-color-typography-action-active);
  --ag-selected-row-background-color: var(--row-selected-background-color);
  --ag-input-focus-border-color: var(--ds-color-outline-input);
  --ag-input-disabled-background-color: var(
    --ds-color-surface-input-disabled
  );
  --ag-input-disabled-border-color: var(
    --ds-color-border-input-disabled
  );
  --ag-row-hover-color: var(--ds-color-surface-table-cell-hover);
  --ag-selected-tab-underline-color: var(
    --ds-color-surface-table-cell-selected
  );
  --ag-range-selection-border-color: var(--ds-color-outline-input);
  --ag-range-selection-background-color: var(--row-selected-background-color);
  --ag-range-selection-background-color-2: var(--row-selected-background-color);
  --ag-range-selection-background-color-3: var(--row-selected-background-color);
  --ag-range-selection-background-color-4: var(--row-selected-background-color);
  --ag-value-change-value-highlight-background-color: var(
    --ds-color-surface-mark
  );
  --ag-background-color: var(--ds-color-surface-table-cell);
  --ag-control-panel-background-color: var(--ds-color-surface-base);
  --ag-header-background-color: var(--ds-color-surface-table-header);
  --ag-header-cell-hover-background-color: var(
    --ds-color-surface-table-header-hover
  );
  --ag-header-column-resize-handle-color: var(--ds-color-border-base);
  --ag-subheader-background-color: var(--ds-color-surface-table-header);
  --ag-odd-row-background-color: var(--ds-color-surface-table-cell);
  --ag-modal-overlay-background-color: var(--ds-color-surface-backdrop);
  --ag-border-color: var(--ds-color-border-base);
  --ag-column-hover-color: var(--ds-color-typography-action-active);
  --ag-row-border-color: var(--ds-color-surface-table-dividers);
  --ag-secondary-border-color: var(--ds-color-surface-table-dividers);
  --ag-header-foreground-color: var(--ds-color-typography-neutral);
  --ag-foreground-color: var(--ds-color-typography-base);
  --ag-secondary-foreground-color: var(--ds-color-typography-neutral);
  --ag-disabled-foreground-color: var(--ds-color-typography-disabled);
  --ag-font-family: var(--ds-font-family-list-item);
  --ag-font-size: var(--ds-font-size-list-item);
  --ag-header-height: 56px;
  --ag-row-height: 32px;
  --ag-header-column-resize-handle-width: 1px;
  --ag-checkbox-background-color: transparent;
  --ag-checkbox-border-radius: var(--ds-shape-radius-input);
  --ag-checkbox-checked-color: var(--ds-color-surface-input-active);
  --ag-checkbox-unchecked-color: var(--ds-color-border-input);
  --ag-checkbox-indeterminate-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-on-background-color: var(
    --ds-color-surface-input-active
  );
  --ag-toggle-button-switch-background-color: var(
    --ds-color-surface-input-handle
  );
  --ag-icon-font-color: var(--ds-color-typography-neutral);
  --ag-icon-font-color-asc: var(--ds-color-typography-action-active);
  --ag-icon-font-color-desc: var(--ds-color-typography-action-active);
  --ag-chip-background-color: var(--ds-color-surface-tag-brand);
  --ag-grid-base-z-index: var(--ds-z-index-content-base);
  --ag-grid-popup-z-index: var(--ds-z-index-tooltip-base);
  line-height: var(--ds-typography-line-height-regular) !important;
  --row-selected-background-color: var(
    --ds-color-surface-table-cell-selected
  );
}
.ag-theme-density.zebra {
  --ag-odd-row-background-color: var(--ds-color-surface-page);
}
.ag-theme-density.zebra .ag-details-row .ag-header-row {
  background-color: var(--ds-color-surface-page);
}
.ag-theme-density.zebra .ag-details-row .ag-row:nth-child(odd) {
  background-color: var(--ds-color-surface-base);
}
.ag-theme-density.zebra .ag-details-row .ag-row:nth-child(odd).ag-row-selected {
  background-color: var(--row-selected-background-color);
}
.ag-theme-density.zebra .ag-details-row .ag-row:nth-child(even) {
  background-color: var(--ds-color-surface-page);
}
.ag-theme-density.zebra .ag-row.ag-row-even {
  background: var(--ds-color-surface-base);
}
.ag-theme-density.zebra .ag-row.ag-row-even.ag-row-selected {
  background-color: var(--row-selected-background-color);
}
.ag-theme-density.zebra .ag-row.ag-row-odd.ag-row-selected {
  background-color: var(--row-selected-background-color);
}
.ag-theme-density.zebra:has(.ag-details-row) .ag-center-cols-container:has(.ag-row.ag-row-group-expanded) .ag-row:nth-child(odd) {
  background-color: var(--ds-color-surface-base);
}
.ag-theme-density.zebra:has(.ag-details-row) .ag-center-cols-container:has(.ag-row.ag-row-group-expanded) .ag-row:nth-child(odd).ag-row-selected {
  background-color: var(--row-selected-background-color);
}
.ag-theme-density.zebra:has(.ag-details-row) .ag-center-cols-container:has(.ag-row.ag-row-group-expanded) .ag-row:nth-child(even) {
  background-color: var(--ds-color-surface-page);
}
.ag-theme-density:not(.zebra) .ag-sticky-top {
  background-color: var(--ds-color-surface-page);
}
.ag-theme-density:not(.zebra) .ag-sticky-top .ag-row.ag-row-group {
  background-color: var(--ds-color-surface-page);
}
.ag-theme-density .ag-row.ag-row-selected {
  background-color: var(--row-selected-background-color);
}
.ag-theme-density .ag-header {
  z-index: calc(var(--ag-grid-base-z-index) + 1);
}
.ag-theme-density .ag-body {
  z-index: var(--ag-grid-base-z-index);
}
.ag-theme-density .ag-popup {
  z-index: var(--ag-grid-popup-z-index);
}
.ag-theme-density .ag-overlay {
  z-index: var(--ag-grid-popup-z-index);
}
.ag-theme-density .ag-row {
  font-size: var(--ds-font-size-list-item);
}
.ag-theme-density .ag-header-cell-sortable .ag-header-cell-sorted-none .ag-sort-none-icon,
.ag-theme-density .ag-header-cell-sortable [class=ag-cell-label-container] .ag-sort-none-icon {
  display: block !important;
  color: var(--ds-color-icon-table-header-sort-non-active);
}
.ag-theme-density .ag-header-cell-sortable .ag-header-cell-sorted-none .ag-sort-none-icon > .ag-icon-none,
.ag-theme-density .ag-header-cell-sortable [class=ag-cell-label-container] .ag-sort-none-icon > .ag-icon-none {
  color: var(--ds-color-icon-table-header-sort-non-active);
}
.ag-theme-density .ag-header-cell-sortable .ag-header-cell-sorted-none span:not(.ag-hidden) ~ .ag-sort-none-icon,
.ag-theme-density .ag-header-cell-sortable [class=ag-cell-label-container] span:not(.ag-hidden) ~ .ag-sort-none-icon {
  display: none !important;
}
.ag-theme-density .ag-header-cell-sortable .ag-sort-none-icon > .ag-icon,
.ag-theme-density .ag-header-cell-sortable .ag-sort-ascending-icon > .ag-icon,
.ag-theme-density .ag-header-cell-sortable .ag-sort-descending-icon > .ag-icon {
  font-size: var(--ds-icon-size-large);
}
.ag-theme-density .ag-header-cell-sortable .ag-sort-ascending-icon > .ag-icon.ag-icon-asc::after {
  box-sizing: border-box;
  outline: none;
  content: "\e935";
  color: var(--ds-color-icon-table-header-sort-non-active);
}
.ag-theme-density .ag-header-cell-sortable .ag-sort-descending-icon > .ag-icon.ag-icon-desc::after {
  box-sizing: border-box;
  outline: none;
  content: "\e936";
  color: var(--ds-color-icon-table-header-sort-non-active);
}
.ag-theme-density .ag-header-cell-sortable .ag-sort-ascending-icon > .ag-icon::before,
.ag-theme-density .ag-header-cell-sortable .ag-sort-descending-icon > .ag-icon::before {
  position: absolute;
}
.ag-theme-density .ag-header-cell-sortable:hover .ag-sort-none-icon > .ag-icon::before {
  color: var(--ds-color-icon-table-header-sort-non-active-hover);
}
.ag-theme-density .ag-header-cell-sortable:hover .ag-sort-ascending-icon > .ag-icon::after,
.ag-theme-density .ag-header-cell-sortable:hover .ag-sort-descending-icon > .ag-icon::after {
  color: var(--ds-color-icon-table-header-sort-non-active-hover);
}
.ag-theme-density .ag-header-row {
  font-weight: 500;
}
.ag-theme-density .ag-header-cell-sorted-asc,
.ag-theme-density .ag-header-cell-sorted-desc {
  color: var(--ds-color-icon-table-header-sort-active);
}
.ag-theme-density .ag-header-cell-sorted-asc .ag-header-icon,
.ag-theme-density .ag-header-cell-sorted-desc .ag-header-icon {
  color: var(--ds-color-icon-table-header-sort-active);
}
.ag-theme-density .ag-side-buttons {
  color: var(--ds-color-typography-neutral);
}
.ag-theme-density .ag-side-buttons .ag-selected {
  color: var(--ds-color-typography-action-active);
}
.ag-theme-density .ag-side-buttons .ag-selected .ag-icon {
  color: var(--ds-color-typography-action-active);
}
.ag-theme-density .ag-rtl .ag-side-bar-left .ag-side-button-button,
.ag-theme-density .ag-ltr .ag-side-bar-right .ag-side-button-button {
  border: none;
  position: relative;
}
.ag-theme-density .ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button:after,
.ag-theme-density .ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: var(--ds-shape-line-2);
  background-color: var(--ds-color-surface-list-item-selected-bar);
  border-top-right-radius: var(--ds-shape-radius-base);
  border-bottom-right-radius: var(--ds-shape-radius-base);
}
.ag-theme-density .ag-tool-panel-wrapper,
.ag-theme-density .ag-filter-toolpanel-instance-filter,
.ag-theme-density .ag-column-drop-horizontal {
  background-color: transparent;
}
.ag-theme-density input[class^=ag-]:not([type]),
.ag-theme-density input[class^=ag-][type=text],
.ag-theme-density input[class^=ag-][type=number],
.ag-theme-density input[class^=ag-][type=tel],
.ag-theme-density input[class^=ag-][type=date],
.ag-theme-density input[class^=ag-][type=datetime-local],
.ag-theme-density textarea[class^=ag-] {
  background-color: var(--ds-color-surface-input);
  min-height: var(--ds-shape-size-y-input);
  border-radius: var(--ds-shape-radius-input);
}
.ag-theme-density input[class^=ag-]:not([type]):focus,
.ag-theme-density input[class^=ag-][type=text]:focus,
.ag-theme-density input[class^=ag-][type=number]:focus,
.ag-theme-density input[class^=ag-][type=tel]:focus,
.ag-theme-density input[class^=ag-][type=date]:focus,
.ag-theme-density input[class^=ag-][type=datetime-local]:focus,
.ag-theme-density textarea[class^=ag-]:focus {
  box-shadow: 0 0 0 2px var(--ds-color-outline-input);
  outline: none;
  border-color: var(--ds-color-border-input-focus);
}
.ag-theme-density .ag-select .ag-picker-field-wrapper {
  min-height: var(--ds-shape-size-y-input);
}
.ag-theme-density .ag-picker-field-wrapper {
  border-radius: var(--ds-shape-radius-input);
}
.ag-theme-density .ag-picker-field-wrapper:focus {
  box-shadow: 0 0 0 2px var(--ds-color-outline-input);
  outline: none;
  border-color: var(--ds-color-border-input-focus);
}
.ag-theme-density .ag-select-list {
  background-color: var(--ds-color-surface-base);
}
.ag-theme-density .ag-overlay-loading-center {
  background-color: var(--ds-color-surface-base);
}
.ag-theme-density .ag-cell-edit-wrapper input[class^=ag-]:not([type]),
.ag-theme-density .ag-cell-edit-wrapper input[class^=ag-][type=text],
.ag-theme-density .ag-cell-edit-wrapper input[class^=ag-][type=number],
.ag-theme-density .ag-cell-edit-wrapper input[class^=ag-][type=tel],
.ag-theme-density .ag-cell-edit-wrapper input[class^=ag-][type=date],
.ag-theme-density .ag-cell-edit-wrapper input[class^=ag-][type=datetime-local],
.ag-theme-density .ag-cell-edit-wrapper textarea[class^=ag-],
.ag-theme-density .ag-cell-edit-wrapper .ag-picker-field-wrapper {
  min-height: unset;
}
.ag-theme-density .ag-checkbox-input-wrapper:not(.ag-checked):not(.ag-indeterminate):hover {
  background-color: var(--ds-color-surface-input-hover);
}
.ag-theme-density .ag-checkbox-input-wrapper:not(.ag-checked):not(.ag-indeterminate):hover::after {
  border-color: var(--ds-color-border-input-hover);
}
.ag-theme-density .ag-checkbox-input-wrapper:not(.ag-checked):not(.ag-indeterminate)::after {
  border: 1px solid var(--ds-color-border-input);
  border-radius: var(--ds-shape-radius-input);
  content: "";
  height: 100%;
  width: 100%;
}
.ag-theme-density .ag-checkbox-input-wrapper:not(.ag-checked):not(.ag-indeterminate):focus-within::after, .ag-theme-density .ag-checkbox-input-wrapper:not(.ag-checked):not(.ag-indeterminate):active::after {
  border-color: var(--ds-color-border-input-focus);
}
.ag-theme-density .ag-checkbox-input-wrapper:focus-within, .ag-theme-density .ag-checkbox-input-wrapper:active {
  box-shadow: 0 0 0 2px var(--ds-color-outline-input);
  outline: none;
}
.ag-theme-density .ag-toggle-button-input-wrapper {
  height: var(--ds-shape-size-y-input-track);
  width: var(--ds-shape-size-x-input-track);
  transition: background-color 100ms ease-in-out;
}
.ag-theme-density .ag-toggle-button-input-wrapper::before {
  top: 1px;
  left: 1px;
  height: var(--ds-shape-size-y-input-handle);
  width: var(--ds-shape-size-x-input-handle);
  border: none;
  filter: var(--ds-elevation-base);
}
.ag-theme-density .ag-toggle-button-input-wrapper.ag-checked::before {
  left: calc(100% - var(--ds-shape-size-x-input-handle) - 1px);
}
.ag-theme-density .ag-toggle-button-input-wrapper:focus-within, .ag-theme-density .ag-toggle-button-input-wrapper:active {
  border-color: var(--ds-color-border-input-track-active-hover);
  box-shadow: 0 0 0 2px var(--ds-color-outline-input-track);
  outline: none;
}
.ag-theme-density .ag-toggle-button-input-wrapper:focus-within:not(.ag-checked), .ag-theme-density .ag-toggle-button-input-wrapper:active:not(.ag-checked) {
  background-color: var(--ds-color-surface-input-track);
  border-color: var(--ds-color-border-input-track-focus);
}
.ag-theme-density .ag-toggle-button-input-wrapper:hover:not(.ag-checked) {
  background-color: var(--ds-color-surface-input-track-hover);
  border-color: var(--ds-color-border-input-track-hover);
}
.ag-theme-density .ag-toggle-button.ag-selected > .ag-toggle-button-label {
  color: var(--ds-color-text-input-label-active);
}
.ag-theme-density .ag-pinned-left-cols-container .ag-row-selected::before,
.ag-theme-density .ag-pinned-left-cols-container.ag-hidden + .ag-center-cols-clipper .ag-row-selected::before,
.ag-theme-density .ag-pinned-left-cols-container.ag-hidden + .ag-center-cols-viewport .ag-row-selected::before {
  background-color: var(--ds-color-surface-list-item-selected-bar);
  background-image: none;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: var(--ds-shape-line-2);
}
.ag-theme-density .ag-tab-selected {
  border: none;
}
.ag-theme-density .ag-tab-selected .ag-icon {
  color: var(--ag-alpine-active-color);
}
.ag-theme-density .ag-tab-selected::after {
  content: "";
  position: absolute;
  width: 100%;
  height: var(--ds-shape-line-2);
  background-color: var(--ds-color-surface-list-item-selected-bar);
  bottom: 0;
  border-top-right-radius: var(--ds-shape-radius-base);
  border-top-left-radius: var(--ds-shape-radius-base);
}
.ag-theme-density .ag-cell,
.ag-theme-density .ag-full-width-row .ag-cell-wrapper.ag-row-group,
.ag-theme-density .ag-column-drop-empty-message {
  border-radius: var(--ds-shape-radius-base);
}
.ag-theme-density .ag-cell-wrapper {
  height: 100%;
}
.ag-theme-density .ag-cell-wrapper > * {
  height: 100% !important;
}
.ag-theme-density .ag-column-drop-cell {
  border-radius: var(--ds-shape-radius-base);
}
.ag-theme-density.ag-dnd-ghost {
  background-color: var(--ds-color-surface-base);
}

.ag-popup {
  z-index: var(--ag-grid-popup-z-index);
}
.ag-popup .ag-tooltip {
  background-color: var(--ds-color-surface-tooltip);
  padding: var(--ds-space-inset-tooltip);
  border: none;
  border-radius: var(--ds-shape-radius-tooltip);
  color: var(--ds-color-text-tooltip);
  font-family: var(--ds-font-family-tooltip);
  line-height: var(--ds-font-line-height-tooltip);
  font-size: var(--ds-font-size-tooltip);
  font-weight: var(--ds-font-weight-tooltip);
  filter: var(--ds-elevation-notification);
}
.ag-popup .ag-rich-select-virtual-list-viewport {
  background-color: var(--ds-color-surface-base);
}

.ag-sticky-top {
  z-index: 20;
}

.ag-body-viewport .ag-center-cols-container,
.ag-body-viewport .ag-pinned-left-cols-container,
.ag-body-viewport .ag-pinned-right-cols-container {
  margin-right: 0px !important;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./node_modules/@opus/opus-common/assets/styles/common.scss?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
 * Usage: in an app that needs to use these styles
 * 1) {{app}}/package.json: under dependencies, add @opus/opus-common.
 * 2) {{app}}/angular.json: under projects.{{app}}.architect.build.options.styles,
 *    add: "node_modules/@opus/opus-common/assets/styles/common.scss".
 * 3) {{app}}/src/styles.scss:
 *    add: @import '../node_modules@opus/opus-common/assets/styles/common.scss';
 * 4) The styles below should now be available globally in the app. (Obviously, test/inspect.)
 */
.opus-lib-action-icon:hover {
  cursor: pointer;
}
.opus-lib-action-icon.disabled {
  pointer-events: none;
  opacity: 0.25;
}

:root {
  /** acceptable initial default value, BUT should be accurately determined and set via JavaScript on initial loading of
   *  page and on each resize event (which are expected also to happen on zoom/scaling). See class UiUtil.
   */
  --scrollbar-height: 19;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./node_modules/@opus/opus-common/assets/styles/opus-ag-grid-common.scss?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:host::ng-deep .ag-theme-density .ag-header-cell, :host::ng-deep .ag-theme-density .ag-header-group-cell {
  padding-left: 5px;
  padding-right: 5px;
}
:host::ng-deep .ag-theme-density .ag-cell, :host::ng-deep .ag-theme-density .ag-full-width-row .ag-cell-wrapper.ag-row-group {
  padding-left: 4px;
  padding-right: 4px;
}
:host::ng-deep .ag-cell-value {
  width: 100%;
}
:host::ng-deep .right-align-cell {
  text-align: right;
}
:host::ng-deep .cell-underlined {
  height: 31px;
  margin-top: 2px;
  border-bottom: 1px solid var(--ds-color-border-neutral-mild);
  background-size: 95% 100%;
}
:host::ng-deep .cell-underlined-error {
  height: 31px;
  margin-top: 2px;
  border-bottom: 1px solid var(--ds-color-border-critical-strong);
  background-color: var(--ds-color-surface-critical) !important;
  background-size: 95% 100%;
}
:host::ng-deep .super-session-color {
  color: var(--ds-color-typography-disabled);
}
:host::ng-deep .no-text-wrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:host::ng-deep .ag-overlay-wrapper {
  display: flex;
  flex: none;
  width: 100%;
  height: 100%;
  align-items: flex-end;
  justify-content: center;
  text-align: center;
}
:host::ng-deep .bold-text {
  font-weight: var(--ds-typography-weight-700);
}
:host::ng-deep .grey-text {
  color: var(--ds-color-typography-disabled);
}
:host::ng-deep .red-text {
  color: var(--ds-color-typography-critical);
}