@charset "UTF-8";
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root {
  --cds-global-base: 20;
  --cds-global-scale-space: 1;
  --cds-global-scale-layout-space: 1;
  --cds-global-scale-typography: 1;
  --cds-global-layout-grid-cols: 12;
  --cds-global-layout-width-xs: 576px;
  --cds-global-layout-width-sm: 768px;
  --cds-global-layout-width-md: 992px;
  --cds-global-layout-width-lg: 1200px;
  --cds-global-layout-width-xl: 1440px;
  --cds-global-layout-space-xxxs: calc(2 * var(--cds-internal-scale-1));
  --cds-global-layout-space-xxs: calc(4 * var(--cds-internal-scale-1));
  --cds-global-layout-space-xs: calc(8 * var(--cds-internal-scale-1));
  --cds-global-layout-space-sm: calc(12 * var(--cds-internal-scale-1));
  --cds-global-layout-space-md: calc(16 * var(--cds-internal-scale-1));
  --cds-global-layout-space-lg: calc(24 * var(--cds-internal-scale-1));
  --cds-global-layout-space-xl: calc(32 * var(--cds-internal-scale-1));
  --cds-global-layout-space-xxl: calc(48 * var(--cds-internal-scale-1));
  --cds-global-layout-space-xxxl: calc(64 * var(--cds-internal-scale-1));
  --cds-global-space-0: calc(0 * var(--cds-internal-scale-2));
  --cds-global-space-1: calc(1 * var(--cds-internal-scale-2));
  --cds-global-space-2: calc(2 * var(--cds-internal-scale-2));
  --cds-global-space-3: calc(4 * var(--cds-internal-scale-2));
  --cds-global-space-4: calc(6 * var(--cds-internal-scale-2));
  --cds-global-space-5: calc(8 * var(--cds-internal-scale-2));
  --cds-global-space-6: calc(12 * var(--cds-internal-scale-2));
  --cds-global-space-7: calc(16 * var(--cds-internal-scale-2));
  --cds-global-space-8: calc(18 * var(--cds-internal-scale-2));
  --cds-global-space-9: calc(24 * var(--cds-internal-scale-2));
  --cds-global-space-10: calc(32 * var(--cds-internal-scale-2));
  --cds-global-space-11: calc(36 * var(--cds-internal-scale-2));
  --cds-global-space-12: calc(48 * var(--cds-internal-scale-2));
  --cds-global-space-13: calc(64 * var(--cds-internal-scale-2));
  --cds-global-space-14: calc(72 * var(--cds-internal-scale-2));
  --cds-global-space-15: calc(96 * var(--cds-internal-scale-2));
  --cds-global-color-black: hsl(0, 0%, 0%);
  --cds-global-color-white: hsl(0, 0%, 100%);
  --cds-global-color-green-50: hsl(93, 80%, 94%);
  --cds-global-color-green-100: hsl(93, 80%, 83%);
  --cds-global-color-green-200: hsl(93, 80%, 70%);
  --cds-global-color-green-300: hsl(93, 80%, 56%);
  --cds-global-color-green-400: hsl(93, 80%, 48%);
  --cds-global-color-green-500: hsl(93, 80%, 44%);
  --cds-global-color-green-600: hsl(93, 80%, 37%);
  --cds-global-color-green-700: hsl(93, 80%, 28%);
  --cds-global-color-green-800: hsl(93, 80%, 23%);
  --cds-global-color-green-900: hsl(93, 80%, 17%);
  --cds-global-color-green-1000: hsl(93, 80%, 12%);
  --cds-global-color-blue-25: hsl(198, 100%, 96%);
  --cds-global-color-blue-50: hsl(198, 100%, 95%);
  --cds-global-color-blue-75: hsl(198, 100%, 94%);
  --cds-global-color-blue-100: hsl(198, 100%, 87%);
  --cds-global-color-blue-200: hsl(198, 100%, 78%);
  --cds-global-color-blue-300: hsl(198, 100%, 70%);
  --cds-global-color-blue-400: hsl(198, 100%, 59%);
  --cds-global-color-blue-500: hsl(198, 100%, 48%);
  --cds-global-color-blue-600: hsl(198, 100%, 43%);
  --cds-global-color-blue-700: hsl(198, 100%, 34%);
  --cds-global-color-blue-800: hsl(198, 100%, 27%);
  --cds-global-color-blue-900: hsl(198, 100%, 21%);
  --cds-global-color-blue-1000: hsl(198, 100%, 15%);
  --cds-global-color-violet-50: hsl(282, 100%, 97%);
  --cds-global-color-violet-100: hsl(282, 80%, 91%);
  --cds-global-color-violet-200: hsl(282, 73%, 83%);
  --cds-global-color-violet-300: hsl(282, 66%, 74%);
  --cds-global-color-violet-400: hsl(282, 60%, 65%);
  --cds-global-color-violet-500: hsl(282, 60%, 57%);
  --cds-global-color-violet-600: hsl(282, 60%, 49%);
  --cds-global-color-violet-700: hsl(283, 80%, 36%);
  --cds-global-color-violet-800: hsl(282, 100%, 26%);
  --cds-global-color-violet-900: hsl(282, 100%, 19%);
  --cds-global-color-violet-1000: hsl(282, 100%, 14%);
  --cds-global-color-red-50: hsl(9, 100%, 97%);
  --cds-global-color-red-100: hsl(9, 100%, 94%);
  --cds-global-color-red-200: hsl(9, 100%, 88%);
  --cds-global-color-red-300: hsl(9, 100%, 79%);
  --cds-global-color-red-400: hsl(9, 100%, 71%);
  --cds-global-color-red-500: hsl(9, 100%, 65%);
  --cds-global-color-red-600: hsl(9, 100%, 59%);
  --cds-global-color-red-700: hsl(9, 100%, 44%);
  --cds-global-color-red-800: hsl(9, 100%, 38%);
  --cds-global-color-red-900: hsl(9, 100%, 28%);
  --cds-global-color-red-1000: hsl(9, 100%, 22%);
  --cds-global-color-ochre-50: hsl(41, 100%, 96%);
  --cds-global-color-ochre-100: hsl(41, 100%, 92%);
  --cds-global-color-ochre-200: hsl(41, 100%, 86%);
  --cds-global-color-ochre-300: hsl(41, 100%, 78%);
  --cds-global-color-ochre-400: hsl(41, 100%, 70%);
  --cds-global-color-ochre-500: hsl(40, 100%, 59%);
  --cds-global-color-ochre-600: hsl(39, 100%, 50%);
  --cds-global-color-ochre-700: hsl(38, 100%, 42%);
  --cds-global-color-ochre-800: hsl(37, 100%, 32%);
  --cds-global-color-ochre-900: hsl(36, 100%, 27%);
  --cds-global-color-ochre-1000: hsl(35, 100%, 19%);
  --cds-global-color-lavender-50: hsl(238, 100%, 96%);
  --cds-global-color-lavender-100: hsl(238, 58%, 88%);
  --cds-global-color-lavender-200: hsl(238, 53%, 79%);
  --cds-global-color-lavender-300: hsl(238, 52%, 70%);
  --cds-global-color-lavender-400: hsl(238, 58%, 64%);
  --cds-global-color-lavender-500: hsl(238, 59%, 58%);
  --cds-global-color-lavender-600: hsl(238, 60%, 52%);
  --cds-global-color-lavender-700: hsl(238, 69%, 45%);
  --cds-global-color-lavender-800: hsl(238, 100%, 32%);
  --cds-global-color-lavender-900: hsl(238, 100%, 22%);
  --cds-global-color-lavender-1000: hsl(238, 100%, 14%);
  --cds-global-color-azure-50: hsl(211, 100%, 95%);
  --cds-global-color-azure-100: hsl(211, 100%, 88%);
  --cds-global-color-azure-200: hsl(211, 100%, 81%);
  --cds-global-color-azure-300: hsl(211, 100%, 70%);
  --cds-global-color-azure-400: hsl(211, 100%, 62%);
  --cds-global-color-azure-500: hsl(211, 100%, 54%);
  --cds-global-color-azure-600: hsl(211, 100%, 46%);
  --cds-global-color-azure-700: hsl(211, 100%, 37%);
  --cds-global-color-azure-800: hsl(211, 100%, 26%);
  --cds-global-color-azure-900: hsl(211, 100%, 18%);
  --cds-global-color-azure-1000: hsl(211, 100%, 14%);
  --cds-global-color-aqua-50: hsl(184, 100%, 96%);
  --cds-global-color-aqua-100: hsl(184, 100%, 86%);
  --cds-global-color-aqua-200: hsl(184, 100%, 75%);
  --cds-global-color-aqua-300: hsl(184, 100%, 62%);
  --cds-global-color-aqua-400: hsl(184, 100%, 48%);
  --cds-global-color-aqua-500: hsl(184, 100%, 43%);
  --cds-global-color-aqua-600: hsl(184, 100%, 34%);
  --cds-global-color-aqua-700: hsl(184, 100%, 25%);
  --cds-global-color-aqua-800: hsl(184, 100%, 18%);
  --cds-global-color-aqua-900: hsl(184, 100%, 13%);
  --cds-global-color-aqua-1000: hsl(184, 100%, 10%);
  --cds-global-color-jade-50: hsl(160, 83%, 95%);
  --cds-global-color-jade-100: hsl(160, 82%, 88%);
  --cds-global-color-jade-200: hsl(160, 78%, 78%);
  --cds-global-color-jade-300: hsl(160, 69%, 65%);
  --cds-global-color-jade-400: hsl(160, 69%, 53%);
  --cds-global-color-jade-500: hsl(160, 64%, 45%);
  --cds-global-color-jade-600: hsl(160, 69%, 36%);
  --cds-global-color-jade-700: hsl(160, 64%, 30%);
  --cds-global-color-jade-800: hsl(160, 100%, 21%);
  --cds-global-color-jade-900: hsl(160, 70%, 18%);
  --cds-global-color-jade-1000: hsl(160, 69%, 14%);
  --cds-global-color-yellow-50: hsl(50, 100%, 95%);
  --cds-global-color-yellow-100: hsl(50, 100%, 84%);
  --cds-global-color-yellow-200: hsl(50, 100%, 73%);
  --cds-global-color-yellow-300: hsl(50, 100%, 57%);
  --cds-global-color-yellow-400: hsl(46, 100%, 52%);
  --cds-global-color-yellow-500: hsl(44, 100%, 47%);
  --cds-global-color-yellow-600: hsl(42, 100%, 42%);
  --cds-global-color-yellow-700: hsl(40, 100%, 37%);
  --cds-global-color-yellow-800: hsl(40, 100%, 26%);
  --cds-global-color-yellow-900: hsl(40, 100%, 18%);
  --cds-global-color-yellow-1000: hsl(40, 100%, 13%);
  --cds-global-color-lime-50: hsl(66, 100%, 94%);
  --cds-global-color-lime-100: hsl(66, 95%, 83%);
  --cds-global-color-lime-200: hsl(66, 85%, 70%);
  --cds-global-color-lime-300: hsl(66, 80%, 58%);
  --cds-global-color-lime-400: hsl(66, 80%, 48%);
  --cds-global-color-lime-500: hsl(66, 90%, 41%);
  --cds-global-color-lime-600: hsl(66, 90%, 36%);
  --cds-global-color-lime-700: hsl(66, 100%, 28%);
  --cds-global-color-lime-800: hsl(66, 100%, 22%);
  --cds-global-color-lime-900: hsl(66, 100%, 12%);
  --cds-global-color-lime-1000: hsl(66, 100%, 7%);
  --cds-global-color-tangerine-50: hsl(25, 100%, 95%);
  --cds-global-color-tangerine-100: hsl(25, 100%, 88%);
  --cds-global-color-tangerine-200: hsl(25, 94%, 78%);
  --cds-global-color-tangerine-300: hsl(25, 100%, 72%);
  --cds-global-color-tangerine-400: hsl(25, 100%, 62%);
  --cds-global-color-tangerine-500: hsl(25, 100%, 48%);
  --cds-global-color-tangerine-600: hsl(25, 100%, 41%);
  --cds-global-color-tangerine-700: hsl(25, 100%, 34%);
  --cds-global-color-tangerine-800: hsl(25, 100%, 25%);
  --cds-global-color-tangerine-900: hsl(25, 100%, 19%);
  --cds-global-color-tangerine-1000: hsl(25, 100%, 15%);
  --cds-global-color-magenta-50: hsl(345, 100%, 95%);
  --cds-global-color-magenta-100: hsl(345, 100%, 87%);
  --cds-global-color-magenta-200: hsl(345, 100%, 79%);
  --cds-global-color-magenta-300: hsl(345, 100%, 70%);
  --cds-global-color-magenta-400: hsl(345, 100%, 61%);
  --cds-global-color-magenta-500: hsl(345, 81%, 50%);
  --cds-global-color-magenta-600: hsl(345, 83%, 40%);
  --cds-global-color-magenta-700: hsl(345, 91%, 31%);
  --cds-global-color-magenta-800: hsl(345, 100%, 24%);
  --cds-global-color-magenta-900: hsl(345, 100%, 19%);
  --cds-global-color-magenta-1000: hsl(345, 100%, 15%);
  --cds-global-color-pink-50: hsl(324, 100%, 97%);
  --cds-global-color-pink-100: hsl(324, 95%, 91%);
  --cds-global-color-pink-200: hsl(324, 84%, 81%);
  --cds-global-color-pink-300: hsl(324, 78%, 70%);
  --cds-global-color-pink-400: hsl(324, 78%, 62%);
  --cds-global-color-pink-500: hsl(324, 64%, 51%);
  --cds-global-color-pink-600: hsl(324, 80%, 39%);
  --cds-global-color-pink-700: hsl(324, 100%, 30%);
  --cds-global-color-pink-800: hsl(324, 100%, 24%);
  --cds-global-color-pink-900: hsl(324, 100%, 18%);
  --cds-global-color-pink-1000: hsl(324, 100%, 15%);
  --cds-global-color-warm-gray-50: hsl(282, 3%, 97%);
  --cds-global-color-warm-gray-100: hsl(282, 3%, 92%);
  --cds-global-color-warm-gray-200: hsl(282, 3%, 84%);
  --cds-global-color-warm-gray-300: hsl(282, 3%, 74%);
  --cds-global-color-warm-gray-400: hsl(282, 3%, 63%);
  --cds-global-color-warm-gray-500: hsl(282, 3%, 54%);
  --cds-global-color-warm-gray-600: hsl(282, 3%, 43%);
  --cds-global-color-warm-gray-700: hsl(282, 3%, 35%);
  --cds-global-color-warm-gray-800: hsl(282, 3%, 28%);
  --cds-global-color-warm-gray-900: hsl(282, 3%, 20%);
  --cds-global-color-warm-gray-1000: hsl(282, 3%, 14%);
  --cds-global-color-slate-50: hsl(238, 20%, 96%);
  --cds-global-color-slate-100: hsl(238, 20%, 91%);
  --cds-global-color-slate-200: hsl(238, 20%, 82%);
  --cds-global-color-slate-300: hsl(238, 20%, 73%);
  --cds-global-color-slate-400: hsl(238, 20%, 63%);
  --cds-global-color-slate-500: hsl(238, 23%, 56%);
  --cds-global-color-slate-600: hsl(238, 24%, 49%);
  --cds-global-color-slate-700: hsl(238, 28%, 38%);
  --cds-global-color-slate-800: hsl(238, 28%, 29%);
  --cds-global-color-slate-900: hsl(238, 28%, 22%);
  --cds-global-color-slate-1000: hsl(238, 28%, 14%);
  --cds-global-color-ice-50: hsl(211, 100%, 97%);
  --cds-global-color-ice-100: hsl(211, 58%, 90%);
  --cds-global-color-ice-200: hsl(211, 53%, 81%);
  --cds-global-color-ice-300: hsl(211, 49%, 70%);
  --cds-global-color-ice-400: hsl(211, 47%, 62%);
  --cds-global-color-ice-500: hsl(211, 47%, 53%);
  --cds-global-color-ice-600: hsl(211, 56%, 44%);
  --cds-global-color-ice-700: hsl(211, 69%, 34%);
  --cds-global-color-ice-800: hsl(211, 69%, 27%);
  --cds-global-color-ice-900: hsl(211, 100%, 20%);
  --cds-global-color-ice-1000: hsl(211, 100%, 14%);
  --cds-global-color-cool-gray-50: hsl(211, 20%, 96%);
  --cds-global-color-cool-gray-100: hsl(211, 20%, 90%);
  --cds-global-color-cool-gray-200: hsl(211, 20%, 81%);
  --cds-global-color-cool-gray-300: hsl(211, 20%, 72%);
  --cds-global-color-cool-gray-400: hsl(211, 20%, 61%);
  --cds-global-color-cool-gray-500: hsl(211, 20%, 53%);
  --cds-global-color-cool-gray-600: hsl(211, 20%, 44%);
  --cds-global-color-cool-gray-700: hsl(211, 23%, 36%);
  --cds-global-color-cool-gray-800: hsl(211, 30%, 28%);
  --cds-global-color-cool-gray-900: hsl(211, 40%, 22%);
  --cds-global-color-cool-gray-1000: hsl(211, 63%, 14%);
  --cds-global-color-tan-50: hsl(41, 23%, 96%);
  --cds-global-color-tan-100: hsl(41, 22%, 91%);
  --cds-global-color-tan-200: hsl(41, 27%, 82%);
  --cds-global-color-tan-300: hsl(41, 23%, 68%);
  --cds-global-color-tan-400: hsl(41, 23%, 58%);
  --cds-global-color-tan-500: hsl(41, 20%, 47%);
  --cds-global-color-tan-600: hsl(41, 20%, 40%);
  --cds-global-color-tan-700: hsl(41, 20%, 32%);
  --cds-global-color-tan-800: hsl(41, 23%, 26%);
  --cds-global-color-tan-900: hsl(41, 23%, 21%);
  --cds-global-color-tan-1000: hsl(41, 22%, 16%);
  --cds-global-color-construction-25: hsl(198, 33%, 99%);
  --cds-global-color-construction-50: hsl(198, 36%, 96%);
  --cds-global-color-construction-100: hsl(198, 20%, 91%);
  --cds-global-color-construction-200: hsl(198, 14%, 82%);
  --cds-global-color-construction-300: hsl(198, 10%, 71%);
  --cds-global-color-construction-400: hsl(198, 9%, 56%);
  --cds-global-color-construction-500: hsl(198, 10%, 46%);
  --cds-global-color-construction-600: hsl(198, 14%, 36%);
  --cds-global-color-construction-700: hsl(198, 19%, 28%);
  --cds-global-color-construction-800: hsl(198, 23%, 23%);
  --cds-global-color-construction-900: hsl(198, 28%, 18%);
  --cds-global-color-construction-1000: hsl(198, 30%, 15%);
  --cds-global-color-construction-1100: hsl(200, 31%, 13%);
  --cds-global-color-gray-0: hsl(0, 0%, 100%);
  --cds-global-color-gray-50: hsl(0, 0%, 98%);
  --cds-global-color-gray-100: hsl(0, 0%, 95%);
  --cds-global-color-gray-200: hsl(0, 0%, 91%);
  --cds-global-color-gray-300: hsl(0, 0%, 87%);
  --cds-global-color-gray-400: hsl(0, 0%, 80%);
  --cds-global-color-gray-500: hsl(0, 0%, 70%);
  --cds-global-color-gray-600: hsl(0, 0%, 55%);
  --cds-global-color-gray-700: hsl(0, 0%, 40%);
  --cds-global-color-gray-800: hsl(0, 0%, 27%);
  --cds-global-color-gray-900: hsl(0, 0%, 20%);
  --cds-global-color-gray-1000: hsl(0, 0%, 0%);
  --cds-global-typography-color-100: var(--cds-global-color-white);
  --cds-global-typography-color-200: var(--cds-global-color-construction-600);
  --cds-global-typography-color-300: var(--cds-global-color-construction-800);
  --cds-global-typography-color-400: var(--cds-global-color-construction-900);
  --cds-global-typography-color-450: var(--cds-global-color-construction-1000);
  --cds-global-typography-color-500: var(--cds-global-color-black);
  --cds-global-typography-font-weight-light: 300;
  --cds-global-typography-font-weight-regular: 400;
  --cds-global-typography-font-weight-medium: 500;
  --cds-global-typography-font-weight-semibold: 600;
  --cds-global-typography-font-weight-bold: 600;
  --cds-global-typography-font-weight-extrabold: 600;
  --cds-global-typography-font-size-0: calc(10 * var(--cds-internal-scale-3));
  --cds-global-typography-font-size-1: calc(11 * var(--cds-internal-scale-3));
  --cds-global-typography-font-size-2: calc(12 * var(--cds-internal-scale-3));
  --cds-global-typography-font-size-3: calc(13 * var(--cds-internal-scale-3));
  --cds-global-typography-font-size-4: calc(14 * var(--cds-internal-scale-3));
  --cds-global-typography-font-size-5: calc(16 * var(--cds-internal-scale-3));
  --cds-global-typography-font-size-6: calc(20 * var(--cds-internal-scale-3));
  --cds-global-typography-font-size-7: calc(24 * var(--cds-internal-scale-3));
  --cds-global-typography-font-size-8: calc(32 * var(--cds-internal-scale-3));
  --cds-global-typography-font-size-9: calc(40 * var(--cds-internal-scale-3));
  --cds-global-typography-font-family: "Clarity City", "Avenir Next", sans-serif;
  --cds-global-typography-header-font-family: "Clarity City", "Avenir Next", sans-serif;
  --cds-global-typography-monospace-font-family: ui-monospace, Consolas, Menlo, Monaco, monospace;
  --cds-global-typography-top-gap-height: 0.1475em;
  --cds-global-typography-ascender-height: 0.1703em;
  --cds-global-typography-x-height: 0.517em;
  --cds-global-typography-link-color: var(--cds-global-color-blue-700);
  --cds-global-typography-link-color-hover: var(--cds-global-color-blue-800);
  --cds-global-typography-link-color-visited: var(--cds-global-color-lavender-600);
  --cds-global-typography-link-color-visited-hover: var(--cds-global-color-lavender-700);
  --cds-global-typography-link-on-colorbg: var(--cds-global-color-black);
  --cds-global-typography-body-font-size: calc(14 * var(--cds-internal-scale-3));
  --cds-global-typography-body-line-height: 1.4285714em;
  --cds-global-typography-body-letter-spacing: -0.00714286em;
  --cds-global-typography-body-font-weight: 400;
  --cds-global-typography-display-font-size: calc(40 * var(--cds-internal-scale-3));
  --cds-global-typography-display-line-height: 1.1em;
  --cds-global-typography-display-letter-spacing: -0.0125em;
  --cds-global-typography-display-font-weight: 500;
  --cds-global-typography-heading-font-size: calc(32 * var(--cds-internal-scale-3));
  --cds-global-typography-heading-line-height: 1.125em;
  --cds-global-typography-heading-letter-spacing: -0.0125em;
  --cds-global-typography-heading-font-weight: 500;
  --cds-global-typography-headline-font-size: calc(32 * var(--cds-internal-scale-3));
  --cds-global-typography-headline-line-height: 1.125em;
  --cds-global-typography-headline-letter-spacing: -0.0125em;
  --cds-global-typography-headline-font-weight: 500;
  --cds-global-typography-title-font-size: calc(24 * var(--cds-internal-scale-3));
  --cds-global-typography-title-line-height: 1.333333em;
  --cds-global-typography-title-letter-spacing: -0.00833333em;
  --cds-global-typography-title-font-weight: 500;
  --cds-global-typography-section-font-size: calc(20 * var(--cds-internal-scale-3));
  --cds-global-typography-section-line-height: 1.2em;
  --cds-global-typography-section-letter-spacing: -0.01em;
  --cds-global-typography-section-font-weight: 500;
  --cds-global-typography-subsection-font-size: calc(16 * var(--cds-internal-scale-3));
  --cds-global-typography-subsection-line-height: 1.5em;
  --cds-global-typography-subsection-letter-spacing: -0.0125em;
  --cds-global-typography-subsection-font-weight: 500;
  --cds-global-typography-message-font-size: calc(16 * var(--cds-internal-scale-3));
  --cds-global-typography-message-line-height: 1.5em;
  --cds-global-typography-message-letter-spacing: -0.0125em;
  --cds-global-typography-message-font-weight: calc(400 * (1rem / var(--cds-global-base)));
  --cds-global-typography-secondary-font-size: calc(13 * var(--cds-internal-scale-3));
  --cds-global-typography-secondary-line-height: 1.23077em;
  --cds-global-typography-secondary-letter-spacing: -0.007692em;
  --cds-global-typography-secondary-font-weight: 400;
  --cds-global-typography-caption-font-size: calc(11 * var(--cds-internal-scale-3));
  --cds-global-typography-caption-line-height: 1.454545em;
  --cds-global-typography-caption-letter-spacing: 0.018182em;
  --cds-global-typography-caption-font-weight: 400;
  --cds-global-typography-smallcaption-font-size: calc(10 * var(--cds-internal-scale-3));
  --cds-global-typography-smallcaption-line-height: 1.2em;
  --cds-global-typography-smallcaption-letter-spacing: 0.05em;
  --cds-global-typography-smallcaption-font-weight: 500;
  --cds-global-typography-info-hover: var(--cds-global-color-blue-800);
  --cds-global-typography-success-hover: var(--cds-global-color-green-800);
  --cds-global-typography-warning-hover: var(--cds-global-color-ochre-900);
  --cds-global-typography-danger-hover: var(--cds-global-color-red-800);
  --cds-global-typography-neutral-hover: var(--cds-global-color-construction-700);
  --cds-global-typography-disabled: var(--cds-global-color-construction-500);
  --cds-global-typography-disabled-button: var(--cds-global-color-construction-500);
  --cds-global-animation-duration-instant: 0s;
  --cds-global-animation-duration-quickest: 0.1s;
  --cds-global-animation-duration-quicker: 0.15s;
  --cds-global-animation-duration-quick: 0.2s;
  --cds-global-animation-duration-secondary: 0.3s;
  --cds-global-animation-duration-primary: 0.4s;
  --cds-global-animation-duration-slow: 0.5s;
  --cds-global-animation-duration-slower: 0.7s;
  --cds-global-animation-duration-slowest: 0.8s;
  --cds-global-animation-easing-primary: cubic-bezier(0,.99,0,.99);
  --cds-global-animation-easing-secondary: cubic-bezier(0, 1.5, 0.5, 1);
  --cds-global-animation-easing-loop: cubic-bezier(0.17, 0.4, 0.8, 0.79);
  --cds-alias-object-border-radius-100: calc(4 * (1rem / var(--cds-global-base)));
  --cds-alias-object-border-radius-200: calc(12 * (1rem / var(--cds-global-base)));
  --cds-alias-object-border-radius-300: 50%;
  --cds-alias-object-border-width-100: calc(1 * (1rem / var(--cds-global-base)));
  --cds-alias-object-border-width-200: calc(2 * (1rem / var(--cds-global-base)));
  --cds-alias-object-border-width-300: calc(3 * (1rem / var(--cds-global-base)));
  --cds-alias-object-border-width-400: calc(4 * (1rem / var(--cds-global-base)));
  --cds-alias-object-border-color: var(--cds-global-color-construction-200);
  --cds-alias-object-border-color-tint: var(--cds-global-color-construction-100);
  --cds-alias-object-border-color-shade: var(--cds-global-color-construction-300);
  --cds-alias-object-shadow-100: 0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 0 hsla(198, 30%, 15%, 0.5);
  --cds-alias-object-shadow-200: 0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 0 hsla(198, 30%, 15%, 0.3);
  --cds-alias-object-shadow-300: 0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 0 hsla(198, 30%, 15%, 0.2);
  --cds-alias-object-opacity-0: hsla(0, 0%, 0%, 0);
  --cds-alias-object-opacity-100: hsla(0, 0%, 0%, 0.2);
  --cds-alias-object-opacity-200: hsla(0, 0%, 0%, 0.4);
  --cds-alias-object-opacity-300: hsla(0, 0%, 0%, 0.6);
  --cds-alias-object-interaction-outline: Highlight solid 2px;
  --cds-alias-object-interaction-outline-webkit: 5px auto -webkit-focus-ring-color;
  --cds-alias-object-interaction-outline-offset: 1px;
  --cds-alias-object-interaction-touch-target: calc(36 * (1rem / var(--cds-global-base)));
  --cds-alias-object-interaction-border-color: var(--cds-global-color-construction-500);
  --cds-alias-object-interaction-background: var(--cds-global-color-white);
  --cds-alias-object-interaction-background-hover: var(--cds-global-color-construction-50);
  --cds-alias-object-interaction-background-active: var(--cds-global-color-construction-100);
  --cds-alias-object-interaction-background-selected: var(--cds-global-color-blue-75);
  --cds-alias-object-interaction-background-selected-hover: var(--cds-global-color-construction-100);
  --cds-alias-object-interaction-background-selected-active: var(--cds-global-color-construction-200);
  --cds-alias-object-interaction-background-disabled: var(--cds-global-color-white);
  --cds-alias-object-interaction-background-highlight: var(--cds-global-color-blue-700);
  --cds-alias-object-interaction-background-shade: var(--cds-global-color-cool-gray-50);
  --cds-alias-object-interaction-background-shade-hover: var(--cds-global-color-construction-100);
  --cds-alias-object-interaction-background-shade-active: var(--cds-global-color-blue-75);
  --cds-alias-object-interaction-background-shade-selected: var(--cds-global-color-white);
  --cds-alias-object-interaction-background-shade-selected-hover: var(--cds-global-color-construction-100);
  --cds-alias-object-interaction-background-shade-selected-active: var(--cds-global-color-construction-200);
  --cds-alias-object-interaction-color: var(--cds-global-color-construction-700);
  --cds-alias-object-interaction-color-hover: var(--cds-global-color-construction-1000);
  --cds-alias-object-interaction-color-active: var(--cds-global-color-construction-1000);
  --cds-alias-object-interaction-color-selected: var(--cds-global-color-construction-700);
  --cds-alias-object-interaction-color-disabled: var(--cds-global-color-construction-300);
  --cds-alias-object-interaction-info-hover: var(--cds-global-color-blue-800);
  --cds-alias-object-interaction-info-click: var(--cds-global-color-blue-900);
  --cds-alias-object-interaction-info-active: var(--cds-global-color-blue-900);
  --cds-alias-object-interaction-info-selected: var(--cds-global-color-blue-900);
  --cds-alias-object-interaction-info-secondary-hover: var(--cds-global-color-blue-50);
  --cds-alias-object-interaction-success-hover: var(--cds-global-color-green-800);
  --cds-alias-object-interaction-success-click: var(--cds-global-color-green-900);
  --cds-alias-object-interaction-success-active: var(--cds-global-color-green-900);
  --cds-alias-object-interaction-success-secondary-hover: var(--cds-global-color-green-50);
  --cds-alias-object-interaction-warning-hover: var(--cds-global-color-ochre-600);
  --cds-alias-object-interaction-warning-click: var(--cds-global-color-green-900);
  --cds-alias-object-interaction-warning-active: var(--cds-global-color-green-900);
  --cds-alias-object-interaction-warning-secondary-hover: var(--cds-global-color-ochre-50);
  --cds-alias-object-interaction-danger-hover: var(--cds-global-color-red-800);
  --cds-alias-object-interaction-danger-click: var(--cds-global-color-red-900);
  --cds-alias-object-interaction-danger-active: var(--cds-global-color-red-900);
  --cds-alias-object-interaction-danger-secondary-hover: var(--cds-global-color-red-50);
  --cds-alias-object-interaction-neutral-hover: var(--cds-global-color-construction-700);
  --cds-alias-object-interaction-neutral-click: var(--cds-global-color-construction-800);
  --cds-alias-object-interaction-neutral-active: var(--cds-global-color-construction-800);
  --cds-alias-object-interaction-neutral-secondary-hover: var(--cds-global-color-construction-50);
  --cds-alias-object-interaction-inverse-hover: var(--cds-global-color-construction-600);
  --cds-alias-object-interaction-inverse-click: var(--cds-global-color-construction-800);
  --cds-alias-object-interaction-inverse-active: var(--cds-global-color-construction-800);
  --cds-alias-object-app-background: var(--cds-global-color-construction-25);
  --cds-alias-object-overlay-background: var(--cds-global-color-white);
  --cds-alias-object-overlay-backdrop-background: hsla(0, 0%, 0%, 0.6);
  --cds-alias-object-container-background: var(--cds-global-color-white);
  --cds-alias-object-container-background-tint: var(--cds-global-color-construction-50);
  --cds-alias-object-container-background-shade: var(--cds-global-color-construction-100);
  --cds-alias-object-container-background-dark: var(--cds-global-color-cool-gray-50);
  --cds-alias-object-container-background-inverse: var(--cds-global-color-construction-600);
  --cds-alias-object-container-background-inverse-tint: var(--cds-global-color-construction-800);
  --cds-alias-object-container-background-inverse-shade: var(--cds-global-color-construction-500);
  --cds-alias-object-container-backdrop-background: hsla(0, 0%, 100%, 0.6);
  --cds-alias-object-container-border-color: var(--cds-global-color-construction-200);
  --cds-alias-status-info: var(--cds-global-color-blue-700);
  --cds-alias-status-info-tint: var(--cds-global-color-blue-50);
  --cds-alias-status-info-shade: var(--cds-global-color-blue-800);
  --cds-alias-status-success: var(--cds-global-color-green-700);
  --cds-alias-status-success-tint: var(--cds-global-color-green-50);
  --cds-alias-status-success-shade: var(--cds-global-color-green-800);
  --cds-alias-status-warning: var(--cds-global-color-ochre-500);
  --cds-alias-status-warning-tint: var(--cds-global-color-ochre-100);
  --cds-alias-status-warning-shade: var(--cds-global-color-ochre-600);
  --cds-alias-status-warning-dark: var(--cds-global-color-ochre-800);
  --cds-alias-status-danger: var(--cds-global-color-red-700);
  --cds-alias-status-danger-tint: var(--cds-global-color-red-50);
  --cds-alias-status-danger-shade: var(--cds-global-color-red-800);
  --cds-alias-status-danger-dark: var(--cds-global-color-red-900);
  --cds-alias-status-neutral: var(--cds-global-color-construction-600);
  --cds-alias-status-neutral-tint: var(--cds-global-color-construction-50);
  --cds-alias-status-neutral-shade: var(--cds-global-color-construction-700);
  --cds-alias-status-disabled: var(--cds-global-color-construction-300);
  --cds-alias-status-disabled-tint: var(--cds-global-color-construction-200);
  --cds-alias-status-disabled-shade: var(--cds-global-color-construction-400);
  --cds-alias-status-alt: var(--cds-global-color-violet-700);
  --cds-alias-status-alt-tint: var(--cds-global-color-violet-600);
  --cds-alias-status-alt-shade: var(--cds-global-color-violet-900);
  --cds-alias-utility-gray: var(--cds-global-color-construction-600);
  --cds-alias-utility-gray-tint: var(--cds-global-color-construction-50);
  --cds-alias-utility-gray-shade: var(--cds-global-color-construction-700);
  --cds-alias-utility-blue: var(--cds-global-color-blue-700);
  --cds-alias-utility-blue-tint: var(--cds-global-color-blue-50);
  --cds-alias-utility-blue-shade: var(--cds-global-color-blue-800);
  --cds-alias-utility-light-blue: var(--cds-global-color-blue-300);
  --cds-alias-utility-light-blue-tint: var(--cds-global-color-blue-50);
  --cds-alias-utility-light-blue-shade: var(--cds-global-color-blue-600);
  --cds-alias-utility-dark-blue: var(--cds-global-color-azure-800);
  --cds-alias-utility-dark-blue-tint: var(--cds-global-color-azure-50);
  --cds-alias-utility-dark-blue-shade: var(--cds-global-color-azure-1000);
  --cds-alias-utility-green: var(--cds-global-color-green-700);
  --cds-alias-utility-green-tint: var(--cds-global-color-green-50);
  --cds-alias-utility-green-shade: var(--cds-global-color-green-800);
  --cds-alias-utility-yellow: var(--cds-global-color-ochre-500);
  --cds-alias-utility-yellow-tint: var(--cds-global-color-ochre-100);
  --cds-alias-utility-yellow-shade: var(--cds-global-color-ochre-700);
  --cds-alias-utility-red: var(--cds-global-color-red-700);
  --cds-alias-utility-red-tint: var(--cds-global-color-red-50);
  --cds-alias-utility-red-shade: var(--cds-global-color-red-800);
  --cds-alias-utility-tangerine: var(--cds-global-color-tangerine-400);
  --cds-alias-utility-tangerine-tint: var(--cds-global-color-tangerine-50);
  --cds-alias-utility-tangerine-shade: var(--cds-global-color-tangerine-600);
  --cds-alias-utility-violet: var(--cds-global-color-violet-600);
  --cds-alias-utility-violet-tint: var(--cds-global-color-violet-50);
  --cds-alias-utility-violet-shade: var(--cds-global-color-violet-800);
  --cds-alias-viz-border: var(--cds-global-color-construction-1100);
  --cds-alias-viz-general-1: var(--cds-global-color-blue-600);
  --cds-alias-viz-general-1-blue: var(--cds-global-color-blue-600);
  --cds-alias-viz-general-2: var(--cds-global-color-violet-700);
  --cds-alias-viz-general-2-violet: var(--cds-global-color-violet-600);
  --cds-alias-viz-general-3: var(--cds-global-color-aqua-800);
  --cds-alias-viz-general-3-aqua: var(--cds-global-color-aqua-800);
  --cds-alias-viz-general-4: var(--cds-global-color-lavender-400);
  --cds-alias-viz-general-4-lime: var(--cds-global-color-lime-700);
  --cds-alias-viz-general-5: var(--cds-global-color-pink-500);
  --cds-alias-viz-general-5-blue: var(--cds-global-color-blue-800);
  --cds-alias-viz-general-6: var(--cds-global-color-lime-700);
  --cds-alias-viz-general-6-aqua: var(--cds-global-color-aqua-1000);
  --cds-alias-viz-general-7: var(--cds-global-color-lavender-700);
  --cds-alias-viz-general-7-violet: var(--cds-global-color-violet-800);
  --cds-alias-viz-general-8: var(--cds-global-color-aqua-600);
  --cds-alias-viz-general-8-lime: var(--cds-global-color-lime-900);
  --cds-alias-viz-general-9: var(--cds-global-color-lime-800);
  --cds-alias-viz-general-9-blue: var(--cds-global-color-blue-700);
  --cds-alias-viz-general-10: var(--cds-global-color-violet-600);
  --cds-alias-viz-general-10-lime: var(--cds-global-color-lime-1000);
  --cds-alias-viz-general-11: var(--cds-global-color-jade-600);
  --cds-alias-viz-general-11-aqua: var(--cds-global-color-aqua-600);
  --cds-alias-viz-general-12: var(--cds-global-color-azure-800);
  --cds-alias-viz-general-12-violet: var(--cds-global-color-violet-1000);
  --cds-alias-viz-general-13: var(--cds-global-color-violet-400);
  --cds-alias-viz-general-13-violet: var(--cds-global-color-violet-700);
  --cds-alias-viz-general-14: var(--cds-global-color-green-700);
  --cds-alias-viz-general-14-blue: var(--cds-global-color-blue-1000);
  --cds-alias-viz-general-15: var(--cds-global-color-pink-700);
  --cds-alias-viz-general-15-aqua: var(--cds-global-color-aqua-700);
  --cds-alias-viz-general-16: var(--cds-global-color-azure-600);
  --cds-alias-viz-general-16-lime: var(--cds-global-color-lime-800);
  --cds-alias-viz-severity-neutral: var(--cds-global-color-construction-600);
  --cds-alias-viz-severity-success: var(--cds-global-color-green-700);
  --cds-alias-viz-severity-warning: var(--cds-global-color-yellow-700);
  --cds-alias-viz-severity-warning-light: var(--cds-global-color-yellow-400);
  --cds-alias-viz-severity-immediate: var(--cds-global-color-tangerine-400);
  --cds-alias-viz-severity-critical: var(--cds-global-color-red-700);
  --cds-alias-viz-severity-free-space-fill: var(--cds-global-color-construction-100);
  --cds-alias-viz-severity-free-space-border: var(--cds-global-color-construction-400);
  --cds-alias-viz-sequential-blue-50: var(--cds-global-color-blue-50);
  --cds-alias-viz-sequential-blue-100: var(--cds-global-color-blue-100);
  --cds-alias-viz-sequential-blue-200: var(--cds-global-color-blue-200);
  --cds-alias-viz-sequential-blue-300: var(--cds-global-color-blue-300);
  --cds-alias-viz-sequential-blue-400: var(--cds-global-color-blue-400);
  --cds-alias-viz-sequential-blue-500: var(--cds-global-color-blue-500);
  --cds-alias-viz-sequential-blue-600: var(--cds-global-color-blue-600);
  --cds-alias-viz-sequential-blue-700: var(--cds-global-color-blue-700);
  --cds-alias-viz-sequential-blue-800: var(--cds-global-color-blue-800);
  --cds-alias-viz-sequential-blue-900: var(--cds-global-color-blue-900);
  --cds-alias-viz-sequential-blue-1000: var(--cds-global-color-blue-1000);
  --cds-alias-viz-sequential-violet-50: var(--cds-global-color-violet-50);
  --cds-alias-viz-sequential-violet-100: var(--cds-global-color-violet-100);
  --cds-alias-viz-sequential-violet-200: var(--cds-global-color-violet-200);
  --cds-alias-viz-sequential-violet-300: var(--cds-global-color-violet-300);
  --cds-alias-viz-sequential-violet-400: var(--cds-global-color-violet-400);
  --cds-alias-viz-sequential-violet-500: var(--cds-global-color-violet-500);
  --cds-alias-viz-sequential-violet-600: var(--cds-global-color-violet-600);
  --cds-alias-viz-sequential-violet-700: var(--cds-global-color-violet-700);
  --cds-alias-viz-sequential-violet-800: var(--cds-global-color-violet-800);
  --cds-alias-viz-sequential-violet-900: var(--cds-global-color-violet-900);
  --cds-alias-viz-sequential-violet-1000: var(--cds-global-color-violet-1000);
  --cds-alias-viz-sequential-ochre-50: var(--cds-global-color-ochre-50);
  --cds-alias-viz-sequential-ochre-100: var(--cds-global-color-ochre-100);
  --cds-alias-viz-sequential-ochre-200: var(--cds-global-color-ochre-200);
  --cds-alias-viz-sequential-ochre-300: var(--cds-global-color-ochre-300);
  --cds-alias-viz-sequential-ochre-400: var(--cds-global-color-ochre-400);
  --cds-alias-viz-sequential-ochre-500: var(--cds-global-color-ochre-500);
  --cds-alias-viz-sequential-ochre-600: var(--cds-global-color-ochre-600);
  --cds-alias-viz-sequential-ochre-700: var(--cds-global-color-ochre-700);
  --cds-alias-viz-sequential-ochre-800: var(--cds-global-color-ochre-800);
  --cds-alias-viz-sequential-ochre-900: var(--cds-global-color-ochre-900);
  --cds-alias-viz-sequential-ochre-1000: var(--cds-global-color-ochre-1000);
  --cds-alias-viz-sequential-aqua-50: var(--cds-global-color-aqua-50);
  --cds-alias-viz-sequential-aqua-100: var(--cds-global-color-aqua-100);
  --cds-alias-viz-sequential-aqua-200: var(--cds-global-color-aqua-200);
  --cds-alias-viz-sequential-aqua-300: var(--cds-global-color-aqua-300);
  --cds-alias-viz-sequential-aqua-400: var(--cds-global-color-aqua-400);
  --cds-alias-viz-sequential-aqua-500: var(--cds-global-color-aqua-500);
  --cds-alias-viz-sequential-aqua-600: var(--cds-global-color-aqua-600);
  --cds-alias-viz-sequential-aqua-700: var(--cds-global-color-aqua-700);
  --cds-alias-viz-sequential-aqua-800: var(--cds-global-color-aqua-800);
  --cds-alias-viz-sequential-aqua-900: var(--cds-global-color-aqua-900);
  --cds-alias-viz-sequential-aqua-1000: var(--cds-global-color-aqua-1000);
  --cds-alias-viz-sequential-green-50: var(--cds-global-color-green-50);
  --cds-alias-viz-sequential-green-100: var(--cds-global-color-green-100);
  --cds-alias-viz-sequential-green-200: var(--cds-global-color-green-200);
  --cds-alias-viz-sequential-green-300: var(--cds-global-color-green-300);
  --cds-alias-viz-sequential-green-400: var(--cds-global-color-green-400);
  --cds-alias-viz-sequential-green-500: var(--cds-global-color-green-500);
  --cds-alias-viz-sequential-green-600: var(--cds-global-color-green-600);
  --cds-alias-viz-sequential-green-700: var(--cds-global-color-green-700);
  --cds-alias-viz-sequential-green-800: var(--cds-global-color-green-800);
  --cds-alias-viz-sequential-green-900: var(--cds-global-color-green-900);
  --cds-alias-viz-sequential-green-1000: var(--cds-global-color-green-1000);
  --cds-alias-viz-sequential-red-50: var(--cds-global-color-red-50);
  --cds-alias-viz-sequential-red-100: var(--cds-global-color-red-100);
  --cds-alias-viz-sequential-red-200: var(--cds-global-color-red-200);
  --cds-alias-viz-sequential-red-300: var(--cds-global-color-red-300);
  --cds-alias-viz-sequential-red-400: var(--cds-global-color-red-400);
  --cds-alias-viz-sequential-red-500: var(--cds-global-color-red-500);
  --cds-alias-viz-sequential-red-600: var(--cds-global-color-red-600);
  --cds-alias-viz-sequential-red-700: var(--cds-global-color-red-700);
  --cds-alias-viz-sequential-red-800: var(--cds-global-color-red-800);
  --cds-alias-viz-sequential-red-900: var(--cds-global-color-red-900);
  --cds-alias-viz-sequential-red-1000: var(--cds-global-color-red-1000);
  --cds-alias-viz-diverging-violet-aqua-v-200: var(--cds-global-color-violet-200);
  --cds-alias-viz-diverging-violet-aqua-v-300: var(--cds-global-color-violet-300);
  --cds-alias-viz-diverging-violet-aqua-v-400: var(--cds-global-color-violet-400);
  --cds-alias-viz-diverging-violet-aqua-v-500: var(--cds-global-color-violet-500);
  --cds-alias-viz-diverging-violet-aqua-v-600: var(--cds-global-color-violet-600);
  --cds-alias-viz-diverging-violet-aqua-v-700: var(--cds-global-color-violet-700);
  --cds-alias-viz-diverging-violet-aqua-neutral: var(--cds-global-color-violet-50);
  --cds-alias-viz-diverging-violet-aqua-a-400: var(--cds-global-color-aqua-400);
  --cds-alias-viz-diverging-violet-aqua-a-500: var(--cds-global-color-aqua-500);
  --cds-alias-viz-diverging-violet-aqua-a-600: var(--cds-global-color-aqua-600);
  --cds-alias-viz-diverging-violet-aqua-a-700: var(--cds-global-color-aqua-700);
  --cds-alias-viz-diverging-violet-aqua-a-800: var(--cds-global-color-aqua-800);
  --cds-alias-viz-diverging-violet-aqua-a-900: var(--cds-global-color-aqua-900);
  --cds-alias-viz-diverging-blue-jade-b-300: var(--cds-global-color-blue-300);
  --cds-alias-viz-diverging-blue-jade-b-400: var(--cds-global-color-blue-400);
  --cds-alias-viz-diverging-blue-jade-b-500: var(--cds-global-color-blue-500);
  --cds-alias-viz-diverging-blue-jade-b-600: var(--cds-global-color-blue-600);
  --cds-alias-viz-diverging-blue-jade-b-700: var(--cds-global-color-blue-700);
  --cds-alias-viz-diverging-blue-jade-b-800: var(--cds-global-color-blue-800);
  --cds-alias-viz-diverging-blue-jade-neutral: var(--cds-global-color-blue-50);
  --cds-alias-viz-diverging-blue-jade-j-300: var(--cds-global-color-jade-300);
  --cds-alias-viz-diverging-blue-jade-j-400: var(--cds-global-color-jade-400);
  --cds-alias-viz-diverging-blue-jade-j-500: var(--cds-global-color-jade-500);
  --cds-alias-viz-diverging-blue-jade-j-600: var(--cds-global-color-jade-600);
  --cds-alias-viz-diverging-blue-jade-j-700: var(--cds-global-color-jade-700);
  --cds-alias-viz-diverging-blue-jade-j-800: var(--cds-global-color-jade-800);
  --cds-alias-viz-diverging-blue-green-b-300: var(--cds-global-color-blue-300);
  --cds-alias-viz-diverging-blue-green-b-400: var(--cds-global-color-blue-400);
  --cds-alias-viz-diverging-blue-green-b-500: var(--cds-global-color-blue-500);
  --cds-alias-viz-diverging-blue-green-b-600: var(--cds-global-color-blue-600);
  --cds-alias-viz-diverging-blue-green-b-700: var(--cds-global-color-blue-700);
  --cds-alias-viz-diverging-blue-green-b-800: var(--cds-global-color-blue-800);
  --cds-alias-viz-diverging-blue-green-neutral: var(--cds-global-color-blue-50);
  --cds-alias-viz-diverging-blue-green-g-300: var(--cds-global-color-green-300);
  --cds-alias-viz-diverging-blue-green-g-400: var(--cds-global-color-green-400);
  --cds-alias-viz-diverging-blue-green-g-500: var(--cds-global-color-green-500);
  --cds-alias-viz-diverging-blue-green-g-600: var(--cds-global-color-green-600);
  --cds-alias-viz-diverging-blue-green-g-700: var(--cds-global-color-green-700);
  --cds-alias-viz-diverging-blue-green-g-800: var(--cds-global-color-green-800);
  --cds-alias-viz-diverging-green-yellow-red-g-200: var(--cds-global-color-green-200);
  --cds-alias-viz-diverging-green-yellow-red-g-300: var(--cds-global-color-green-300);
  --cds-alias-viz-diverging-green-yellow-red-g-400: var(--cds-global-color-green-400);
  --cds-alias-viz-diverging-green-yellow-red-g-500: var(--cds-global-color-green-500);
  --cds-alias-viz-diverging-green-yellow-red-g-600: var(--cds-global-color-green-600);
  --cds-alias-viz-diverging-green-yellow-red-g-700: var(--cds-global-color-green-700);
  --cds-alias-viz-diverging-green-yellow-red-neutral: var(--cds-global-color-yellow-200);
  --cds-alias-viz-diverging-green-yellow-red-r-400: var(--cds-global-color-red-400);
  --cds-alias-viz-diverging-green-yellow-red-r-500: var(--cds-global-color-red-500);
  --cds-alias-viz-diverging-green-yellow-red-r-600: var(--cds-global-color-red-600);
  --cds-alias-viz-diverging-green-yellow-red-r-700: var(--cds-global-color-red-700);
  --cds-alias-viz-diverging-green-yellow-red-r-800: var(--cds-global-color-red-800);
  --cds-alias-viz-diverging-green-yellow-red-r-900: var(--cds-global-color-red-900);
  --cds-alias-typography-color-100: var(--cds-global-color-white);
  --cds-alias-typography-color-200: var(--cds-global-color-construction-600);
  --cds-alias-typography-color-300: var(--cds-global-color-construction-800);
  --cds-alias-typography-color-400: var(--cds-global-color-construction-900);
  --cds-alias-typography-color-450: var(--cds-global-color-construction-1000);
  --cds-alias-typography-color-500: var(--cds-global-color-black);
  --cds-alias-typography-font-weight-light: 300;
  --cds-alias-typography-font-weight-regular: 400;
  --cds-alias-typography-font-weight-medium: 500;
  --cds-alias-typography-font-weight-semibold: 600;
  --cds-alias-typography-font-weight-bold: 600;
  --cds-alias-typography-font-weight-extrabold: 600;
  --cds-alias-typography-font-size-0: calc(10 * var(--cds-internal-scale-3));
  --cds-alias-typography-font-size-1: calc(11 * var(--cds-internal-scale-3));
  --cds-alias-typography-font-size-2: calc(12 * var(--cds-internal-scale-3));
  --cds-alias-typography-font-size-3: calc(13 * var(--cds-internal-scale-3));
  --cds-alias-typography-font-size-4: calc(14 * var(--cds-internal-scale-3));
  --cds-alias-typography-font-size-5: calc(16 * var(--cds-internal-scale-3));
  --cds-alias-typography-font-size-6: calc(20 * var(--cds-internal-scale-3));
  --cds-alias-typography-font-size-7: calc(24 * var(--cds-internal-scale-3));
  --cds-alias-typography-font-size-8: calc(32 * var(--cds-internal-scale-3));
  --cds-alias-typography-font-size-9: calc(40 * var(--cds-internal-scale-3));
  --cds-alias-typography-font-family: "Clarity City", "Avenir Next", sans-serif;
  --cds-alias-typography-header-font-family: "Clarity City", "Avenir Next", sans-serif;
  --cds-alias-typography-monospace-font-family: ui-monospace, Consolas, Menlo, Monaco, monospace;
  --cds-alias-typography-top-gap-height: 0.1475em;
  --cds-alias-typography-ascender-height: 0.1703em;
  --cds-alias-typography-x-height: 0.517em;
  --cds-alias-typography-link-color: var(--cds-global-color-blue-700);
  --cds-alias-typography-link-color-hover: var(--cds-global-color-blue-800);
  --cds-alias-typography-link-color-visited: var(--cds-global-color-lavender-600);
  --cds-alias-typography-link-color-visited-hover: var(--cds-global-color-lavender-700);
  --cds-alias-typography-link-on-colorbg: var(--cds-global-color-black);
  --cds-alias-typography-body-font-size: calc(14 * var(--cds-internal-scale-3));
  --cds-alias-typography-body-line-height: 1.4285714em;
  --cds-alias-typography-body-letter-spacing: -0.00714286em;
  --cds-alias-typography-body-font-weight: 400;
  --cds-alias-typography-display-font-size: calc(40 * var(--cds-internal-scale-3));
  --cds-alias-typography-display-line-height: 1.1em;
  --cds-alias-typography-display-letter-spacing: -0.0125em;
  --cds-alias-typography-display-font-weight: 500;
  --cds-alias-typography-heading-font-size: calc(32 * var(--cds-internal-scale-3));
  --cds-alias-typography-heading-line-height: 1.125em;
  --cds-alias-typography-heading-letter-spacing: -0.0125em;
  --cds-alias-typography-heading-font-weight: 500;
  --cds-alias-typography-headline-font-size: calc(32 * var(--cds-internal-scale-3));
  --cds-alias-typography-headline-line-height: 1.125em;
  --cds-alias-typography-headline-letter-spacing: -0.0125em;
  --cds-alias-typography-headline-font-weight: 500;
  --cds-alias-typography-title-font-size: calc(24 * var(--cds-internal-scale-3));
  --cds-alias-typography-title-line-height: 1.333333em;
  --cds-alias-typography-title-letter-spacing: -0.00833333em;
  --cds-alias-typography-title-font-weight: 500;
  --cds-alias-typography-section-font-size: calc(20 * var(--cds-internal-scale-3));
  --cds-alias-typography-section-line-height: 1.2em;
  --cds-alias-typography-section-letter-spacing: -0.01em;
  --cds-alias-typography-section-font-weight: 500;
  --cds-alias-typography-subsection-font-size: calc(16 * var(--cds-internal-scale-3));
  --cds-alias-typography-subsection-line-height: 1.5em;
  --cds-alias-typography-subsection-letter-spacing: -0.0125em;
  --cds-alias-typography-subsection-font-weight: 500;
  --cds-alias-typography-message-font-size: calc(16 * var(--cds-internal-scale-3));
  --cds-alias-typography-message-line-height: 1.5em;
  --cds-alias-typography-message-letter-spacing: -0.0125em;
  --cds-alias-typography-message-font-weight: calc(400 * (1rem / var(--cds-global-base)));
  --cds-alias-typography-secondary-font-size: calc(13 * var(--cds-internal-scale-3));
  --cds-alias-typography-secondary-line-height: 1.23077em;
  --cds-alias-typography-secondary-letter-spacing: -0.007692em;
  --cds-alias-typography-secondary-font-weight: 400;
  --cds-alias-typography-caption-font-size: calc(11 * var(--cds-internal-scale-3));
  --cds-alias-typography-caption-line-height: 1.454545em;
  --cds-alias-typography-caption-letter-spacing: 0.018182em;
  --cds-alias-typography-caption-font-weight: 400;
  --cds-alias-typography-smallcaption-font-size: calc(10 * var(--cds-internal-scale-3));
  --cds-alias-typography-smallcaption-line-height: 1.2em;
  --cds-alias-typography-smallcaption-letter-spacing: 0.05em;
  --cds-alias-typography-smallcaption-font-weight: 500;
  --cds-alias-typography-info-hover: var(--cds-global-color-blue-800);
  --cds-alias-typography-success-hover: var(--cds-global-color-green-800);
  --cds-alias-typography-warning-hover: var(--cds-global-color-ochre-900);
  --cds-alias-typography-danger-hover: var(--cds-global-color-red-800);
  --cds-alias-typography-neutral-hover: var(--cds-global-color-construction-700);
  --cds-alias-typography-disabled: var(--cds-global-color-construction-500);
  --cds-alias-typography-disabled-button: var(--cds-global-color-construction-500);
  --cds-internal-scale-1: calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-layout-space));
  --cds-internal-scale-2: calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-space));
  --cds-internal-scale-3: calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-typography));
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
html {
  font-size: calc((var(--cds-global-base) / 16) * 100%);
  box-sizing: border-box !important;
}

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

[cds-base-font="16"] {
  --cds-global-base: 16;
}

[cds-theme] {
  background: var(--cds-alias-object-app-background);
  color: var(--cds-global-typography-color-500);
}

[cds-control] ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari/Chromium Edge */
  color: var(--cds-global-typography-color-200);
}

[cds-control] ::-moz-placeholder {
  /* Firefox 19+ */
  color: var(--cds-global-typography-color-200);
}

[cds-control][_disabled] {
  --cds-global-typography-color-200: var(--cds-alias-status-disabled);
}

html[cds-focus-trap] {
  overflow: hidden !important;
  width: 100vw;
  height: 100vh;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
[cds-text] {
  font-family: var(--cds-global-typography-font-family);
  margin-top: 0;
  margin-bottom: 0;
}
[cds-text][cds-layout~=vertical]::before, [cds-text][cds-layout~=vertical]::after, [cds-text][cds-layout~=horizontal]::before, [cds-text][cds-layout~=horizontal]::after, [cds-text][cds-layout~=grid]::before, [cds-text][cds-layout~=grid]::after {
  display: none;
}

[cds-text*=display],
[cds-text*=heading],
[cds-text*=headline],
[cds-text*=title],
[cds-text*=section],
[cds-text*=subsection] {
  font-family: var(--cds-global-typography-header-font-family);
  color: var(--cds-global-typography-color-400);
}

[cds-text*=body],
[cds-text*=message],
[cds-text*=secondary],
[cds-text*=caption],
[cds-text*=smallcaption] {
  color: var(--cds-global-typography-color-500);
}

[cds-text*=inline] {
  width: auto !important;
  display: inline-block !important;
}

[cds-text*=display] {
  font-size: var(--cds-global-typography-display-font-size);
  font-weight: var(--cds-global-typography-display-font-weight);
  line-height: var(--cds-global-typography-display-line-height);
  letter-spacing: var(--cds-global-typography-display-letter-spacing);
}
[cds-text*=display]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-display-line-height) - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=display]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc(
    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-display-line-height) - 1em) / 2)) * -1) - 0.044em
  );
}

[cds-text*=heading],
[cds-text*=headline] {
  font-size: var(--cds-global-typography-heading-font-size);
  font-weight: var(--cds-global-typography-heading-font-weight);
  line-height: var(--cds-global-typography-heading-line-height);
  letter-spacing: var(--cds-global-typography-heading-letter-spacing);
}
[cds-text*=heading]::before,
[cds-text*=headline]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-heading-line-height) - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=heading]::after,
[cds-text*=headline]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc(
    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-heading-line-height) - 1em) / 2)) * -1) - 0.044em
  );
}

[cds-text*=title] {
  font-size: var(--cds-global-typography-title-font-size);
  font-weight: var(--cds-global-typography-title-font-weight);
  line-height: var(--cds-global-typography-title-line-height);
  letter-spacing: var(--cds-global-typography-title-letter-spacing);
}
[cds-text*=title]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-title-line-height) - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=title]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc(
    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-title-line-height) - 1em) / 2)) * -1) - 0.044em
  );
}

[cds-text*=section] {
  font-size: var(--cds-global-typography-section-font-size);
  font-weight: var(--cds-global-typography-section-font-weight);
  line-height: var(--cds-global-typography-section-line-height);
  letter-spacing: var(--cds-global-typography-section-letter-spacing);
}
[cds-text*=section]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-section-line-height) - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=section]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc(
    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-section-line-height) - 1em) / 2)) * -1) - 0.044em
  );
}

[cds-text*=subsection] {
  font-size: var(--cds-global-typography-subsection-font-size);
  font-weight: var(--cds-global-typography-subsection-font-weight);
  line-height: var(--cds-global-typography-subsection-line-height);
  letter-spacing: var(--cds-global-typography-subsection-letter-spacing);
}
[cds-text*=subsection]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-subsection-line-height) - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=subsection]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc(
    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-subsection-line-height) - 1em) / 2)) * -1) - 0.044em
  );
}

[cds-text*=body] {
  font-weight: var(--cds-global-typography-body-font-weight);
  font-size: var(--cds-global-typography-body-font-size);
  letter-spacing: var(--cds-global-typography-body-letter-spacing);
  line-height: var(--cds-global-typography-body-line-height);
}
[cds-text*=body]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-body-line-height) - 1em) / 2)) * -1) + 0.1em);
}
[cds-text*=body]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc(
    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-body-line-height) - 1em) / 2)) * -1) - 0.044em
  );
}

body[cds-text*=body]::before, body[cds-text*=body]::after {
  content: none;
}

[cds-text*=message] {
  font-size: var(--cds-global-typography-message-font-size);
  font-weight: var(--cds-global-typography-message-font-weight);
  line-height: var(--cds-global-typography-message-line-height);
  letter-spacing: var(--cds-global-typography-message-letter-spacing);
}
[cds-text*=message]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-message-line-height) - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=message]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc(
    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-message-line-height) - 1em) / 2)) * -1) - 0.044em
  );
}

[cds-text*=secondary] {
  font-size: var(--cds-global-typography-secondary-font-size);
  font-weight: var(--cds-global-typography-secondary-font-weight);
  line-height: var(--cds-global-typography-secondary-line-height);
  letter-spacing: var(--cds-global-typography-secondary-letter-spacing);
}
[cds-text*=secondary]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-secondary-line-height) - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=secondary]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc(
    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-secondary-line-height) - 1em) / 2)) * -1) - 0.044em
  );
}

[cds-text*=caption] {
  font-size: var(--cds-global-typography-caption-font-size);
  font-weight: var(--cds-global-typography-caption-font-weight);
  line-height: var(--cds-global-typography-caption-line-height);
  letter-spacing: var(--cds-global-typography-caption-letter-spacing);
}
[cds-text*=caption]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-caption-line-height) - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=caption]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc(
    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-caption-line-height) - 1em) / 2)) * -1) - 0.044em
  );
}

[cds-text*=smallcaption] {
  font-size: var(--cds-global-typography-smallcaption-font-size);
  font-weight: var(--cds-global-typography-smallcaption-font-weight);
  line-height: var(--cds-global-typography-smallcaption-line-height);
  letter-spacing: var(--cds-global-typography-smallcaption-letter-spacing);
}
[cds-text*=smallcaption]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-global-typography-top-gap-height) + calc((var(--cds-global-typography-smallcaption-line-height) - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=smallcaption]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc(
    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((var(--cds-global-typography-smallcaption-line-height) - 1em) / 2)) * -1) - 0.044em
  );
}

[cds-text~=link] {
  color: var(--cds-global-typography-link-color) !important;
  text-decoration: underline !important;
  line-height: inherit !important;
  font-size: inherit !important;
}
[cds-text~=link]:focus {
  outline: var(--cds-alias-object-interaction-outline);
  outline-offset: var(--cds-alias-object-interaction-outline-offset);
}
[cds-text~=link]:hover {
  color: var(--cds-global-typography-link-color-hover) !important;
}
[cds-text~=link]:visited:not([cds-text~=static]), [cds-text~=link][cds-text~=visited] {
  color: var(--cds-global-typography-link-color-visited) !important;
}
[cds-text~=link]:visited:not([cds-text~=static]):hover, [cds-text~=link][cds-text~=visited]:hover {
  color: var(--cds-global-typography-link-color-visited-hover) !important;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  [cds-text=link]:focus {
    outline: var(--cds-alias-object-interaction-outline-webkit);
  }
}
[cds-text~=code] {
  color: var(--cds-alias-status-danger);
  font-family: monospace;
}

[cds-divider] {
  display: block;
  height: var(--cds-alias-object-border-width-100);
  overflow: hidden;
  box-shadow: var(--cds-alias-object-border-color) 0 0 0 var(--cds-alias-object-border-width-100) inset;
}

[cds-text~=extrabold] {
  font-weight: var(--cds-global-typography-font-weight-extrabold) !important;
}

[cds-text~=bold] {
  font-weight: var(--cds-global-typography-font-weight-bold) !important;
}

[cds-text~=semibold] {
  font-weight: var(--cds-global-typography-font-weight-semibold) !important;
}

[cds-text~=medium] {
  font-weight: var(--cds-global-typography-font-weight-medium) !important;
}

[cds-text~=regular] {
  font-weight: var(--cds-global-typography-font-weight-regular) !important;
}

[cds-text~=light] {
  font-weight: var(--cds-global-typography-font-weight-light) !important;
}

[cds-text~=capitalize] {
  text-transform: capitalize !important;
}

[cds-text~=uppercase] {
  text-transform: uppercase !important;
}

[cds-text~=lowercase] {
  text-transform: lowercase !important;
}

[cds-text~=truncate] {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
[cds-text~=truncate]::before, [cds-text~=truncate]::after {
  content: none;
}

[cds-text~=justify] {
  text-align: justify !important;
}

[cds-text~=left] {
  text-align: left !important;
}

[cds-text~=right] {
  text-align: right !important;
}

[cds-text~=center] {
  text-align: center !important;
}

[cds-text~=monospace] {
  font-family: var(--cds-global-typography-monospace-font-family);
}

[cds-text~=lhe] {
  /* stylelint-disable-next-line meowtec/no-px */
  padding: 0.05px 0;
}
[cds-text~=lhe]::before {
  content: "";
  margin-top: -0.124em;
  display: block;
  height: 0;
}
[cds-text~=lhe]::after {
  content: "";
  margin-bottom: -0.221em;
  display: block;
  height: 0;
}

[cds-layout~=disable-lhe]::before, [cds-layout~=disable-lhe]::after,
[cds-text~=disable-lhe]::before,
[cds-text~=disable-lhe]::after {
  content: none;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
[cds-text*=h0] {
  font-family: var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);
  font-size: 2rem;
  font-weight: 200;
  color: var(--cds-global-typography-color-400);
  line-height: 1.2em;
  letter-spacing: -0.0125em;
}
[cds-text*=h0]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-global-typography-top-gap-height) + calc((1.2em - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=h0]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc(
    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.2em - 1em) / 2)) * -1) - 0.044em
  );
}

[cds-text*=h1] {
  font-family: var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);
  font-size: 1.6rem;
  font-weight: 200;
  color: var(--cds-global-typography-color-400);
  line-height: 1.5em;
  letter-spacing: -0.0156em;
}
[cds-text*=h1]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-global-typography-top-gap-height) + calc((1.5em - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=h1]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc(
    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.5em - 1em) / 2)) * -1) - 0.044em
  );
}

[cds-text*=h2] {
  font-family: var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);
  font-size: 1.4rem;
  font-weight: 200;
  color: var(--cds-global-typography-color-400);
  line-height: 1.7143em;
  letter-spacing: -0.017857em;
}
[cds-text*=h2]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-global-typography-top-gap-height) + calc((1.7143em - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=h2]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc(
    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.7143em - 1em) / 2)) * -1) - 0.044em
  );
}

[cds-text*=h3] {
  font-family: var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);
  font-size: 1.1rem;
  font-weight: 200;
  color: var(--cds-global-typography-color-400);
  line-height: 1.0909em;
  letter-spacing: -0.013636em;
}
[cds-text*=h3]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-global-typography-top-gap-height) + calc((1.0909em - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=h3]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc(
    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.0909em - 1em) / 2)) * -1) - 0.044em
  );
}

[cds-text*=h4] {
  font-family: var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);
  font-size: 0.9rem;
  font-weight: 200;
  color: var(--cds-global-typography-color-400);
  line-height: 1.333333em;
  letter-spacing: -0.011111em;
}
[cds-text*=h4]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-global-typography-top-gap-height) + calc((1.333333em - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=h4]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc(
    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.333333em - 1em) / 2)) * -1) - 0.044em
  );
}

[cds-text*=h5] {
  font-family: var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);
  font-size: 0.8rem;
  font-weight: 400;
  color: var(--cds-global-typography-color-400);
  line-height: 1.5em;
  letter-spacing: -0.0125em;
}
[cds-text*=h5]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-global-typography-top-gap-height) + calc((1.5em - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=h5]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc(
    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.5em - 1em) / 2)) * -1) - 0.044em
  );
}

[cds-text*=h6] {
  font-family: var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);
  font-size: 0.7rem;
  font-weight: 500;
  color: var(--cds-global-typography-color-400);
  line-height: 1.5em;
  letter-spacing: -0.03125em;
}
[cds-text*=h6]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-global-typography-top-gap-height) + calc((1.5em - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=h6]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc(
    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.5em - 1em) / 2)) * -1) - 0.044em
  );
}

[cds-text*=p0] {
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--cds-global-typography-color-500);
  line-height: 1.16667em;
  letter-spacing: -0.008333em;
}
[cds-text*=p0]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-global-typography-top-gap-height) + calc((1.16667em - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=p0]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc(
    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.16667em - 1em) / 2)) * -1) - 0.044em
  );
}

[cds-text*=p1] {
  font-size: 0.7rem;
  font-weight: 400;
  color: var(--cds-global-typography-color-400);
  line-height: 1.71429em;
  letter-spacing: -0.014286em;
}
[cds-text*=p1]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-global-typography-top-gap-height) + calc((1.71429em - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=p1]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc(
    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.71429em - 1em) / 2)) * -1) - 0.044em
  );
}

[cds-text*=p2] {
  font-size: 0.65rem;
  font-weight: 500;
  color: var(--cds-global-typography-color-400);
  line-height: 1.84615em;
  letter-spacing: -0.007692em;
}
[cds-text*=p2]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-global-typography-top-gap-height) + calc((1.84615em - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=p2]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc(
    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.84615em - 1em) / 2)) * -1) - 0.044em
  );
}

[cds-text*=p3] {
  font-size: 0.65rem;
  font-weight: 400;
  color: var(--cds-global-typography-color-400);
  line-height: 1.84615em;
  letter-spacing: -0.007692em;
}
[cds-text*=p3]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-global-typography-top-gap-height) + calc((1.84615em - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=p3]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc(
    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.84615em - 1em) / 2)) * -1) - 0.044em
  );
}

[cds-text*=p4] {
  font-size: 0.6rem;
  font-weight: 600;
  color: var(--cds-global-typography-color-400);
  line-height: 2em;
  letter-spacing: -0.008333em;
}
[cds-text*=p4]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-global-typography-top-gap-height) + calc((2em - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=p4]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc(
    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((2em - 1em) / 2)) * -1) - 0.044em
  );
}

[cds-text*=p5] {
  font-size: 0.6rem;
  font-weight: 400;
  color: var(--cds-global-typography-color-400);
  line-height: 2em;
  letter-spacing: -0.008333em;
}
[cds-text*=p5]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-global-typography-top-gap-height) + calc((2em - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=p5]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc(
    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((2em - 1em) / 2)) * -1) - 0.044em
  );
}

[cds-text*=p6] {
  font-size: 0.55rem;
  font-weight: 600;
  color: var(--cds-global-typography-color-400);
  line-height: 1.090909em;
  letter-spacing: 0.018182em;
}
[cds-text*=p6]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-global-typography-top-gap-height) + calc((1.090909em - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=p6]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc(
    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.090909em - 1em) / 2)) * -1) - 0.044em
  );
}

[cds-text*=p7] {
  font-size: 0.55rem;
  font-weight: 400;
  color: var(--cds-global-typography-color-400);
  line-height: 1.090909em;
  letter-spacing: 0.018182em;
}
[cds-text*=p7]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-global-typography-top-gap-height) + calc((1.090909em - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=p7]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc(
    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.090909em - 1em) / 2)) * -1) - 0.044em
  );
}

[cds-text*=p8] {
  font-size: 0.5rem;
  font-weight: 400;
  color: var(--cds-global-typography-color-400);
  line-height: 1.2em;
  letter-spacing: 0.02em;
}
[cds-text*=p8]::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc(((var(--cds-global-typography-top-gap-height) + calc((1.2em - 1em) / 2)) * -1) + 0.037em);
}
[cds-text*=p8]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc(
    (((1em - var(--cds-global-typography-top-gap-height) - var(--cds-global-typography-ascender-height) - var(--cds-global-typography-x-height)) + calc((1.2em - 1em) / 2)) * -1) - 0.044em
  );
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root,
:host {
  --δ1: var(--cds-global-layout-space-xxxs);
  --δ2: var(--cds-global-layout-space-xxs);
  --δ3: var(--cds-global-layout-space-xs);
  --δ4: var(--cds-global-layout-space-sm);
  --δ5: var(--cds-global-layout-space-md);
  --δ6: var(--cds-global-layout-space-lg);
  --δ7: var(--cds-global-layout-space-xl);
  --δ8: var(--cds-global-layout-space-xxl);
  --δ9: var(--cds-global-layout-space-xxxl);
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
[cds-layout*="align:fill"] > * {
  flex-grow: 1 !important;
  flex-basis: 0 !important;
}

[cds-layout~="wrap:none"] {
  flex-wrap: nowrap !important;
}

[cds-layout*="align:stretch"] {
  flex-grow: 1 !important;
}

[cds-layout*="align:shrink"] {
  flex-shrink: 1 !important;
  flex-grow: 0 !important;
}

@media (min-width: 576px) {
  [cds-layout*="align@xs:fill"] > * {
    flex-grow: 1 !important;
    flex-basis: 0 !important;
  }

  [cds-layout~="wrap@xs:none"] {
    flex-wrap: nowrap !important;
  }

  [cds-layout*="align@xs:stretch"] {
    flex-grow: 1 !important;
  }

  [cds-layout*="align@xs:shrink"] {
    flex-shrink: 1 !important;
    flex-grow: 0 !important;
  }
}
@media (min-width: 768px) {
  [cds-layout*="align@sm:fill"] > * {
    flex-grow: 1 !important;
    flex-basis: 0 !important;
  }

  [cds-layout~="wrap@sm:none"] {
    flex-wrap: nowrap !important;
  }

  [cds-layout*="align@sm:stretch"] {
    flex-grow: 1 !important;
  }

  [cds-layout*="align@sm:shrink"] {
    flex-shrink: 1 !important;
    flex-grow: 0 !important;
  }
}
@media (min-width: 992px) {
  [cds-layout*="align@md:fill"] > * {
    flex-grow: 1 !important;
    flex-basis: 0 !important;
  }

  [cds-layout~="wrap@md:none"] {
    flex-wrap: nowrap !important;
  }

  [cds-layout*="align@md:stretch"] {
    flex-grow: 1 !important;
  }

  [cds-layout*="align@md:shrink"] {
    flex-shrink: 1 !important;
    flex-grow: 0 !important;
  }
}
@media (min-width: 1200px) {
  [cds-layout*="align@lg:fill"] > * {
    flex-grow: 1 !important;
    flex-basis: 0 !important;
  }

  [cds-layout~="wrap@lg:none"] {
    flex-wrap: nowrap !important;
  }

  [cds-layout*="align@lg:stretch"] {
    flex-grow: 1 !important;
  }

  [cds-layout*="align@lg:shrink"] {
    flex-shrink: 1 !important;
    flex-grow: 0 !important;
  }
}
@media (min-width: 1440px) {
  [cds-layout*="align@xl:fill"] > * {
    flex-grow: 1 !important;
    flex-basis: 0 !important;
  }

  [cds-layout~="wrap@xl:none"] {
    flex-wrap: nowrap !important;
  }

  [cds-layout*="align@xl:stretch"] {
    flex-grow: 1 !important;
  }

  [cds-layout*="align@xl:shrink"] {
    flex-shrink: 1 !important;
    flex-grow: 0 !important;
  }
}
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
[cds-layout~=horizontal] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-items: flex-start;
  align-items: flex-start;
  width: 100%;
  margin: 0;
  min-height: 0;
}
[cds-layout~=horizontal] > [cds-layout~=horizontal],
[cds-layout~=horizontal] > [cds-layout~=vertical],
[cds-layout~=horizontal] > [cds-text] {
  width: initial !important;
}

[cds-layout~=horizontal][cds-layout*="align:top"] {
  align-items: flex-start;
}
[cds-layout~=horizontal][cds-layout*="align:bottom"] {
  align-items: flex-end;
}
[cds-layout~=horizontal][cds-layout*="align:left"] {
  justify-content: flex-start;
}
[cds-layout~=horizontal][cds-layout*="align:right"] {
  justify-content: flex-end;
}
[cds-layout~=horizontal][cds-layout*="align:vertical-center"] {
  align-items: center;
  align-content: center;
}
[cds-layout~=horizontal][cds-layout*="align:horizontal-center"] {
  justify-content: center;
}
[cds-layout~=horizontal][cds-layout*="align:center"] {
  align-items: center;
  align-content: center;
  justify-content: center;
}

[cds-layout~=horizontal][cds-layout*="order:reverse"] {
  flex-direction: row-reverse;
}

[cds-layout~=horizontal][cds-layout*="align:vertical-stretch"] {
  align-items: stretch;
  align-content: stretch;
  flex-grow: 1;
}
[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"] {
  justify-content: stretch;
  flex-grow: 1;
}
[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"] > * {
  flex-grow: 1;
}
[cds-layout~=horizontal][cds-layout*="align:stretch"] {
  align-items: stretch;
  align-content: stretch;
  flex-grow: 1;
}
[cds-layout~=horizontal][cds-layout*="align:stretch"] > * {
  flex-grow: 1;
}

[cds-layout~=horizontal] > [cds-layout*="align:center"], [cds-layout~=horizontal] > [cds-layout*="align:vertical-center"] {
  align-self: center;
}
[cds-layout~=horizontal] > [cds-layout*="align:center"], [cds-layout~=horizontal] > [cds-layout*="align:horizontal-center"] {
  margin-left: auto !important;
  margin-right: auto !important;
}
[cds-layout~=horizontal] > [cds-layout*="align:top"] {
  align-self: flex-start;
}
[cds-layout~=horizontal] > [cds-layout*="align:bottom"] {
  align-self: flex-end;
}
[cds-layout~=horizontal] > [cds-layout*="align:right"] {
  margin-left: auto !important;
}
[cds-layout~=horizontal] > [cds-layout*="align:left"] {
  margin-right: auto !important;
}

@media (min-width: 576px) {
  [cds-layout~=horizontal][cds-layout*="align@xs:top"] {
    align-items: flex-start;
  }
  [cds-layout~=horizontal][cds-layout*="align@xs:bottom"] {
    align-items: flex-end;
  }
  [cds-layout~=horizontal][cds-layout*="align@xs:left"] {
    justify-content: flex-start;
  }
  [cds-layout~=horizontal][cds-layout*="align@xs:right"] {
    justify-content: flex-end;
  }
  [cds-layout~=horizontal][cds-layout*="align@xs:vertical-center"] {
    align-items: center;
    align-content: center;
  }
  [cds-layout~=horizontal][cds-layout*="align@xs:horizontal-center"] {
    justify-content: center;
  }
  [cds-layout~=horizontal][cds-layout*="align@xs:center"] {
    align-items: center;
    align-content: center;
    justify-content: center;
  }

  [cds-layout~=horizontal][cds-layout*="order@xs:reverse"] {
    flex-direction: row-reverse;
  }

  [cds-layout~=horizontal][cds-layout*="align@xs:vertical-stretch"] {
    align-items: stretch;
    align-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@xs:horizontal-stretch"] {
    justify-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@xs:horizontal-stretch"] > * {
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@xs:stretch"] {
    align-items: stretch;
    align-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@xs:stretch"] > * {
    flex-grow: 1;
  }

  [cds-layout~=horizontal] > [cds-layout*="align@xs:center"], [cds-layout~=horizontal] > [cds-layout*="align@xs:vertical-center"] {
    align-self: center;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@xs:center"], [cds-layout~=horizontal] > [cds-layout*="align@xs:horizontal-center"] {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@xs:top"] {
    align-self: flex-start;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@xs:bottom"] {
    align-self: flex-end;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@xs:right"] {
    margin-left: auto !important;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@xs:left"] {
    margin-right: auto !important;
  }
}
@media (min-width: 768px) {
  [cds-layout~=horizontal][cds-layout*="align@sm:top"] {
    align-items: flex-start;
  }
  [cds-layout~=horizontal][cds-layout*="align@sm:bottom"] {
    align-items: flex-end;
  }
  [cds-layout~=horizontal][cds-layout*="align@sm:left"] {
    justify-content: flex-start;
  }
  [cds-layout~=horizontal][cds-layout*="align@sm:right"] {
    justify-content: flex-end;
  }
  [cds-layout~=horizontal][cds-layout*="align@sm:vertical-center"] {
    align-items: center;
    align-content: center;
  }
  [cds-layout~=horizontal][cds-layout*="align@sm:horizontal-center"] {
    justify-content: center;
  }
  [cds-layout~=horizontal][cds-layout*="align@sm:center"] {
    align-items: center;
    align-content: center;
    justify-content: center;
  }

  [cds-layout~=horizontal][cds-layout*="order@sm:reverse"] {
    flex-direction: row-reverse;
  }

  [cds-layout~=horizontal][cds-layout*="align@sm:vertical-stretch"] {
    align-items: stretch;
    align-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@sm:horizontal-stretch"] {
    justify-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@sm:horizontal-stretch"] > * {
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@sm:stretch"] {
    align-items: stretch;
    align-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@sm:stretch"] > * {
    flex-grow: 1;
  }

  [cds-layout~=horizontal] > [cds-layout*="align@sm:center"], [cds-layout~=horizontal] > [cds-layout*="align@sm:vertical-center"] {
    align-self: center;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@sm:center"], [cds-layout~=horizontal] > [cds-layout*="align@sm:horizontal-center"] {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@sm:top"] {
    align-self: flex-start;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@sm:bottom"] {
    align-self: flex-end;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@sm:right"] {
    margin-left: auto !important;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@sm:left"] {
    margin-right: auto !important;
  }
}
@media (min-width: 992px) {
  [cds-layout~=horizontal][cds-layout*="align@md:top"] {
    align-items: flex-start;
  }
  [cds-layout~=horizontal][cds-layout*="align@md:bottom"] {
    align-items: flex-end;
  }
  [cds-layout~=horizontal][cds-layout*="align@md:left"] {
    justify-content: flex-start;
  }
  [cds-layout~=horizontal][cds-layout*="align@md:right"] {
    justify-content: flex-end;
  }
  [cds-layout~=horizontal][cds-layout*="align@md:vertical-center"] {
    align-items: center;
    align-content: center;
  }
  [cds-layout~=horizontal][cds-layout*="align@md:horizontal-center"] {
    justify-content: center;
  }
  [cds-layout~=horizontal][cds-layout*="align@md:center"] {
    align-items: center;
    align-content: center;
    justify-content: center;
  }

  [cds-layout~=horizontal][cds-layout*="order@md:reverse"] {
    flex-direction: row-reverse;
  }

  [cds-layout~=horizontal][cds-layout*="align@md:vertical-stretch"] {
    align-items: stretch;
    align-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@md:horizontal-stretch"] {
    justify-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@md:horizontal-stretch"] > * {
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@md:stretch"] {
    align-items: stretch;
    align-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@md:stretch"] > * {
    flex-grow: 1;
  }

  [cds-layout~=horizontal] > [cds-layout*="align@md:center"], [cds-layout~=horizontal] > [cds-layout*="align@md:vertical-center"] {
    align-self: center;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@md:center"], [cds-layout~=horizontal] > [cds-layout*="align@md:horizontal-center"] {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@md:top"] {
    align-self: flex-start;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@md:bottom"] {
    align-self: flex-end;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@md:right"] {
    margin-left: auto !important;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@md:left"] {
    margin-right: auto !important;
  }
}
@media (min-width: 1200px) {
  [cds-layout~=horizontal][cds-layout*="align@lg:top"] {
    align-items: flex-start;
  }
  [cds-layout~=horizontal][cds-layout*="align@lg:bottom"] {
    align-items: flex-end;
  }
  [cds-layout~=horizontal][cds-layout*="align@lg:left"] {
    justify-content: flex-start;
  }
  [cds-layout~=horizontal][cds-layout*="align@lg:right"] {
    justify-content: flex-end;
  }
  [cds-layout~=horizontal][cds-layout*="align@lg:vertical-center"] {
    align-items: center;
    align-content: center;
  }
  [cds-layout~=horizontal][cds-layout*="align@lg:horizontal-center"] {
    justify-content: center;
  }
  [cds-layout~=horizontal][cds-layout*="align@lg:center"] {
    align-items: center;
    align-content: center;
    justify-content: center;
  }

  [cds-layout~=horizontal][cds-layout*="order@lg:reverse"] {
    flex-direction: row-reverse;
  }

  [cds-layout~=horizontal][cds-layout*="align@lg:vertical-stretch"] {
    align-items: stretch;
    align-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@lg:horizontal-stretch"] {
    justify-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@lg:horizontal-stretch"] > * {
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@lg:stretch"] {
    align-items: stretch;
    align-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@lg:stretch"] > * {
    flex-grow: 1;
  }

  [cds-layout~=horizontal] > [cds-layout*="align@lg:center"], [cds-layout~=horizontal] > [cds-layout*="align@lg:vertical-center"] {
    align-self: center;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@lg:center"], [cds-layout~=horizontal] > [cds-layout*="align@lg:horizontal-center"] {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@lg:top"] {
    align-self: flex-start;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@lg:bottom"] {
    align-self: flex-end;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@lg:right"] {
    margin-left: auto !important;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@lg:left"] {
    margin-right: auto !important;
  }
}
@media (min-width: 1440px) {
  [cds-layout~=horizontal][cds-layout*="align@xl:top"] {
    align-items: flex-start;
  }
  [cds-layout~=horizontal][cds-layout*="align@xl:bottom"] {
    align-items: flex-end;
  }
  [cds-layout~=horizontal][cds-layout*="align@xl:left"] {
    justify-content: flex-start;
  }
  [cds-layout~=horizontal][cds-layout*="align@xl:right"] {
    justify-content: flex-end;
  }
  [cds-layout~=horizontal][cds-layout*="align@xl:vertical-center"] {
    align-items: center;
    align-content: center;
  }
  [cds-layout~=horizontal][cds-layout*="align@xl:horizontal-center"] {
    justify-content: center;
  }
  [cds-layout~=horizontal][cds-layout*="align@xl:center"] {
    align-items: center;
    align-content: center;
    justify-content: center;
  }

  [cds-layout~=horizontal][cds-layout*="order@xl:reverse"] {
    flex-direction: row-reverse;
  }

  [cds-layout~=horizontal][cds-layout*="align@xl:vertical-stretch"] {
    align-items: stretch;
    align-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@xl:horizontal-stretch"] {
    justify-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@xl:horizontal-stretch"] > * {
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@xl:stretch"] {
    align-items: stretch;
    align-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@xl:stretch"] > * {
    flex-grow: 1;
  }

  [cds-layout~=horizontal] > [cds-layout*="align@xl:center"], [cds-layout~=horizontal] > [cds-layout*="align@xl:vertical-center"] {
    align-self: center;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@xl:center"], [cds-layout~=horizontal] > [cds-layout*="align@xl:horizontal-center"] {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@xl:top"] {
    align-self: flex-start;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@xl:bottom"] {
    align-self: flex-end;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@xl:right"] {
    margin-left: auto !important;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@xl:left"] {
    margin-right: auto !important;
  }
}
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
[cds-layout~=vertical] {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

[cds-layout~=vertical][cds-layout*="align:top"] {
  justify-content: flex-start;
}
[cds-layout~=vertical][cds-layout*="align:bottom"] {
  justify-content: flex-end;
}
[cds-layout~=vertical][cds-layout*="align:left"] {
  align-items: flex-start;
}
[cds-layout~=vertical][cds-layout*="align:right"] {
  align-items: flex-end;
}
[cds-layout~=vertical][cds-layout*="align:vertical-center"] {
  justify-content: center;
}
[cds-layout~=vertical][cds-layout*="align:horizontal-center"] {
  align-items: center;
}
[cds-layout~=vertical][cds-layout*="align:center"] {
  align-items: center;
  justify-content: center;
}

[cds-layout~=vertical][cds-layout*="order:reverse"] {
  flex-direction: column-reverse;
}

[cds-layout~=vertical][cds-layout*="align:vertical-stretch"] {
  justify-content: stretch;
}
[cds-layout~=vertical][cds-layout*="align:vertical-stretch"] > * {
  flex-grow: 1;
}
[cds-layout~=vertical][cds-layout*="align:horizontal-stretch"] {
  align-items: stretch;
}
[cds-layout~=vertical][cds-layout*="align:stretch"] {
  align-items: stretch;
  justify-content: stretch;
}
[cds-layout~=vertical][cds-layout*="align:stretch"] > * {
  flex-grow: 1;
}

[cds-layout~=vertical] > [cds-layout*="align:center"], [cds-layout~=vertical] > [cds-layout*="align:vertical-center"] {
  margin-top: auto;
  margin-bottom: auto;
}
[cds-layout~=vertical] > [cds-layout*="align:center"], [cds-layout~=vertical] > [cds-layout*="align:horizontal-center"] {
  align-self: center;
}
[cds-layout~=vertical] > [cds-layout*="align:top"] {
  margin-bottom: auto !important;
}
[cds-layout~=vertical] > [cds-layout*="align:bottom"] {
  margin-top: auto !important;
}
[cds-layout~=vertical] > [cds-layout*="align:right"] {
  margin-left: auto;
}
[cds-layout~=vertical] > [cds-layout*="align:left"] {
  margin-right: auto;
}

@media (min-width: 576px) {
  [cds-layout~=vertical][cds-layout*="align@xs:top"] {
    justify-content: flex-start;
  }
  [cds-layout~=vertical][cds-layout*="align@xs:bottom"] {
    justify-content: flex-end;
  }
  [cds-layout~=vertical][cds-layout*="align@xs:left"] {
    align-items: flex-start;
  }
  [cds-layout~=vertical][cds-layout*="align@xs:right"] {
    align-items: flex-end;
  }
  [cds-layout~=vertical][cds-layout*="align@xs:vertical-center"] {
    justify-content: center;
  }
  [cds-layout~=vertical][cds-layout*="align@xs:horizontal-center"] {
    align-items: center;
  }
  [cds-layout~=vertical][cds-layout*="align@xs:center"] {
    align-items: center;
    justify-content: center;
  }

  [cds-layout~=vertical][cds-layout*="order@xs:reverse"] {
    flex-direction: column-reverse;
  }

  [cds-layout~=vertical][cds-layout*="align@xs:vertical-stretch"] {
    justify-content: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@xs:vertical-stretch"] > * {
    flex-grow: 1;
  }
  [cds-layout~=vertical][cds-layout*="align@xs:horizontal-stretch"] {
    align-items: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@xs:stretch"] {
    align-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@xs:stretch"] > * {
    flex-grow: 1;
  }

  [cds-layout~=vertical] > [cds-layout*="align@xs:center"], [cds-layout~=vertical] > [cds-layout*="align@xs:vertical-center"] {
    margin-top: auto;
    margin-bottom: auto;
  }
  [cds-layout~=vertical] > [cds-layout*="align@xs:center"], [cds-layout~=vertical] > [cds-layout*="align@xs:horizontal-center"] {
    align-self: center;
  }
  [cds-layout~=vertical] > [cds-layout*="align@xs:top"] {
    margin-bottom: auto !important;
  }
  [cds-layout~=vertical] > [cds-layout*="align@xs:bottom"] {
    margin-top: auto !important;
  }
  [cds-layout~=vertical] > [cds-layout*="align@xs:right"] {
    margin-left: auto;
  }
  [cds-layout~=vertical] > [cds-layout*="align@xs:left"] {
    margin-right: auto;
  }
}
@media (min-width: 768px) {
  [cds-layout~=vertical][cds-layout*="align@sm:top"] {
    justify-content: flex-start;
  }
  [cds-layout~=vertical][cds-layout*="align@sm:bottom"] {
    justify-content: flex-end;
  }
  [cds-layout~=vertical][cds-layout*="align@sm:left"] {
    align-items: flex-start;
  }
  [cds-layout~=vertical][cds-layout*="align@sm:right"] {
    align-items: flex-end;
  }
  [cds-layout~=vertical][cds-layout*="align@sm:vertical-center"] {
    justify-content: center;
  }
  [cds-layout~=vertical][cds-layout*="align@sm:horizontal-center"] {
    align-items: center;
  }
  [cds-layout~=vertical][cds-layout*="align@sm:center"] {
    align-items: center;
    justify-content: center;
  }

  [cds-layout~=vertical][cds-layout*="order@sm:reverse"] {
    flex-direction: column-reverse;
  }

  [cds-layout~=vertical][cds-layout*="align@sm:vertical-stretch"] {
    justify-content: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@sm:vertical-stretch"] > * {
    flex-grow: 1;
  }
  [cds-layout~=vertical][cds-layout*="align@sm:horizontal-stretch"] {
    align-items: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@sm:stretch"] {
    align-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@sm:stretch"] > * {
    flex-grow: 1;
  }

  [cds-layout~=vertical] > [cds-layout*="align@sm:center"], [cds-layout~=vertical] > [cds-layout*="align@sm:vertical-center"] {
    margin-top: auto;
    margin-bottom: auto;
  }
  [cds-layout~=vertical] > [cds-layout*="align@sm:center"], [cds-layout~=vertical] > [cds-layout*="align@sm:horizontal-center"] {
    align-self: center;
  }
  [cds-layout~=vertical] > [cds-layout*="align@sm:top"] {
    margin-bottom: auto !important;
  }
  [cds-layout~=vertical] > [cds-layout*="align@sm:bottom"] {
    margin-top: auto !important;
  }
  [cds-layout~=vertical] > [cds-layout*="align@sm:right"] {
    margin-left: auto;
  }
  [cds-layout~=vertical] > [cds-layout*="align@sm:left"] {
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  [cds-layout~=vertical][cds-layout*="align@md:top"] {
    justify-content: flex-start;
  }
  [cds-layout~=vertical][cds-layout*="align@md:bottom"] {
    justify-content: flex-end;
  }
  [cds-layout~=vertical][cds-layout*="align@md:left"] {
    align-items: flex-start;
  }
  [cds-layout~=vertical][cds-layout*="align@md:right"] {
    align-items: flex-end;
  }
  [cds-layout~=vertical][cds-layout*="align@md:vertical-center"] {
    justify-content: center;
  }
  [cds-layout~=vertical][cds-layout*="align@md:horizontal-center"] {
    align-items: center;
  }
  [cds-layout~=vertical][cds-layout*="align@md:center"] {
    align-items: center;
    justify-content: center;
  }

  [cds-layout~=vertical][cds-layout*="order@md:reverse"] {
    flex-direction: column-reverse;
  }

  [cds-layout~=vertical][cds-layout*="align@md:vertical-stretch"] {
    justify-content: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@md:vertical-stretch"] > * {
    flex-grow: 1;
  }
  [cds-layout~=vertical][cds-layout*="align@md:horizontal-stretch"] {
    align-items: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@md:stretch"] {
    align-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@md:stretch"] > * {
    flex-grow: 1;
  }

  [cds-layout~=vertical] > [cds-layout*="align@md:center"], [cds-layout~=vertical] > [cds-layout*="align@md:vertical-center"] {
    margin-top: auto;
    margin-bottom: auto;
  }
  [cds-layout~=vertical] > [cds-layout*="align@md:center"], [cds-layout~=vertical] > [cds-layout*="align@md:horizontal-center"] {
    align-self: center;
  }
  [cds-layout~=vertical] > [cds-layout*="align@md:top"] {
    margin-bottom: auto !important;
  }
  [cds-layout~=vertical] > [cds-layout*="align@md:bottom"] {
    margin-top: auto !important;
  }
  [cds-layout~=vertical] > [cds-layout*="align@md:right"] {
    margin-left: auto;
  }
  [cds-layout~=vertical] > [cds-layout*="align@md:left"] {
    margin-right: auto;
  }
}
@media (min-width: 1200px) {
  [cds-layout~=vertical][cds-layout*="align@lg:top"] {
    justify-content: flex-start;
  }
  [cds-layout~=vertical][cds-layout*="align@lg:bottom"] {
    justify-content: flex-end;
  }
  [cds-layout~=vertical][cds-layout*="align@lg:left"] {
    align-items: flex-start;
  }
  [cds-layout~=vertical][cds-layout*="align@lg:right"] {
    align-items: flex-end;
  }
  [cds-layout~=vertical][cds-layout*="align@lg:vertical-center"] {
    justify-content: center;
  }
  [cds-layout~=vertical][cds-layout*="align@lg:horizontal-center"] {
    align-items: center;
  }
  [cds-layout~=vertical][cds-layout*="align@lg:center"] {
    align-items: center;
    justify-content: center;
  }

  [cds-layout~=vertical][cds-layout*="order@lg:reverse"] {
    flex-direction: column-reverse;
  }

  [cds-layout~=vertical][cds-layout*="align@lg:vertical-stretch"] {
    justify-content: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@lg:vertical-stretch"] > * {
    flex-grow: 1;
  }
  [cds-layout~=vertical][cds-layout*="align@lg:horizontal-stretch"] {
    align-items: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@lg:stretch"] {
    align-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@lg:stretch"] > * {
    flex-grow: 1;
  }

  [cds-layout~=vertical] > [cds-layout*="align@lg:center"], [cds-layout~=vertical] > [cds-layout*="align@lg:vertical-center"] {
    margin-top: auto;
    margin-bottom: auto;
  }
  [cds-layout~=vertical] > [cds-layout*="align@lg:center"], [cds-layout~=vertical] > [cds-layout*="align@lg:horizontal-center"] {
    align-self: center;
  }
  [cds-layout~=vertical] > [cds-layout*="align@lg:top"] {
    margin-bottom: auto !important;
  }
  [cds-layout~=vertical] > [cds-layout*="align@lg:bottom"] {
    margin-top: auto !important;
  }
  [cds-layout~=vertical] > [cds-layout*="align@lg:right"] {
    margin-left: auto;
  }
  [cds-layout~=vertical] > [cds-layout*="align@lg:left"] {
    margin-right: auto;
  }
}
@media (min-width: 1440px) {
  [cds-layout~=vertical][cds-layout*="align@xl:top"] {
    justify-content: flex-start;
  }
  [cds-layout~=vertical][cds-layout*="align@xl:bottom"] {
    justify-content: flex-end;
  }
  [cds-layout~=vertical][cds-layout*="align@xl:left"] {
    align-items: flex-start;
  }
  [cds-layout~=vertical][cds-layout*="align@xl:right"] {
    align-items: flex-end;
  }
  [cds-layout~=vertical][cds-layout*="align@xl:vertical-center"] {
    justify-content: center;
  }
  [cds-layout~=vertical][cds-layout*="align@xl:horizontal-center"] {
    align-items: center;
  }
  [cds-layout~=vertical][cds-layout*="align@xl:center"] {
    align-items: center;
    justify-content: center;
  }

  [cds-layout~=vertical][cds-layout*="order@xl:reverse"] {
    flex-direction: column-reverse;
  }

  [cds-layout~=vertical][cds-layout*="align@xl:vertical-stretch"] {
    justify-content: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@xl:vertical-stretch"] > * {
    flex-grow: 1;
  }
  [cds-layout~=vertical][cds-layout*="align@xl:horizontal-stretch"] {
    align-items: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@xl:stretch"] {
    align-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@xl:stretch"] > * {
    flex-grow: 1;
  }

  [cds-layout~=vertical] > [cds-layout*="align@xl:center"], [cds-layout~=vertical] > [cds-layout*="align@xl:vertical-center"] {
    margin-top: auto;
    margin-bottom: auto;
  }
  [cds-layout~=vertical] > [cds-layout*="align@xl:center"], [cds-layout~=vertical] > [cds-layout*="align@xl:horizontal-center"] {
    align-self: center;
  }
  [cds-layout~=vertical] > [cds-layout*="align@xl:top"] {
    margin-bottom: auto !important;
  }
  [cds-layout~=vertical] > [cds-layout*="align@xl:bottom"] {
    margin-top: auto !important;
  }
  [cds-layout~=vertical] > [cds-layout*="align@xl:right"] {
    margin-left: auto;
  }
  [cds-layout~=vertical] > [cds-layout*="align@xl:left"] {
    margin-right: auto;
  }
}
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
[cds-layout~=grid] {
  display: grid;
  align-items: start;
  align-content: start;
  grid-template-columns: repeat(var(--cds-global-layout-grid-cols), 1fr);
  width: 100%;
}
[cds-layout~=grid][cds-layout*=rows] {
  grid-template-rows: repeat(12, auto);
}
[cds-layout~=grid] > [cds-layout*=row] {
  align-self: stretch;
}
[cds-layout~=grid][cds-layout*="cols:auto"] {
  grid-auto-flow: column;
  grid-template-columns: initial;
}

[cds-layout*="cols@"] > * {
  grid-column: span var(--cds-global-layout-grid-cols);
}

[cds-layout*="col@"] {
  grid-column: span 12;
}

[cds-layout*="cols:1"] > * {
  grid-column: span 1/span 1;
}

[cds-layout*="rows:1"] > * {
  grid-row: span 1/span 1;
}

[cds-layout*="cols:2"] > * {
  grid-column: span 2/span 2;
}

[cds-layout*="rows:2"] > * {
  grid-row: span 2/span 2;
}

[cds-layout*="cols:3"] > * {
  grid-column: span 3/span 3;
}

[cds-layout*="rows:3"] > * {
  grid-row: span 3/span 3;
}

[cds-layout*="cols:4"] > * {
  grid-column: span 4/span 4;
}

[cds-layout*="rows:4"] > * {
  grid-row: span 4/span 4;
}

[cds-layout*="cols:5"] > * {
  grid-column: span 5/span 5;
}

[cds-layout*="rows:5"] > * {
  grid-row: span 5/span 5;
}

[cds-layout*="cols:6"] > * {
  grid-column: span 6/span 6;
}

[cds-layout*="rows:6"] > * {
  grid-row: span 6/span 6;
}

[cds-layout*="cols:7"] > * {
  grid-column: span 7/span 7;
}

[cds-layout*="rows:7"] > * {
  grid-row: span 7/span 7;
}

[cds-layout*="cols:8"] > * {
  grid-column: span 8/span 8;
}

[cds-layout*="rows:8"] > * {
  grid-row: span 8/span 8;
}

[cds-layout*="cols:9"] > * {
  grid-column: span 9/span 9;
}

[cds-layout*="rows:9"] > * {
  grid-row: span 9/span 9;
}

[cds-layout*="cols:10"] > * {
  grid-column: span 10/span 10;
}

[cds-layout*="rows:10"] > * {
  grid-row: span 10/span 10;
}

[cds-layout*="cols:11"] > * {
  grid-column: span 11/span 11;
}

[cds-layout*="rows:11"] > * {
  grid-row: span 11/span 11;
}

[cds-layout*="cols:12"] > * {
  grid-column: span 12/span 12;
}

[cds-layout*="rows:12"] > * {
  grid-row: span 12/span 12;
}

[cds-layout*="col:1"] {
  grid-column: span 1/span 1 !important;
}

[cds-layout*="row:1"] {
  grid-row: span 1/span 1 !important;
}

[cds-layout*="col:2"] {
  grid-column: span 2/span 2 !important;
}

[cds-layout*="row:2"] {
  grid-row: span 2/span 2 !important;
}

[cds-layout*="col:3"] {
  grid-column: span 3/span 3 !important;
}

[cds-layout*="row:3"] {
  grid-row: span 3/span 3 !important;
}

[cds-layout*="col:4"] {
  grid-column: span 4/span 4 !important;
}

[cds-layout*="row:4"] {
  grid-row: span 4/span 4 !important;
}

[cds-layout*="col:5"] {
  grid-column: span 5/span 5 !important;
}

[cds-layout*="row:5"] {
  grid-row: span 5/span 5 !important;
}

[cds-layout*="col:6"] {
  grid-column: span 6/span 6 !important;
}

[cds-layout*="row:6"] {
  grid-row: span 6/span 6 !important;
}

[cds-layout*="col:7"] {
  grid-column: span 7/span 7 !important;
}

[cds-layout*="row:7"] {
  grid-row: span 7/span 7 !important;
}

[cds-layout*="col:8"] {
  grid-column: span 8/span 8 !important;
}

[cds-layout*="row:8"] {
  grid-row: span 8/span 8 !important;
}

[cds-layout*="col:9"] {
  grid-column: span 9/span 9 !important;
}

[cds-layout*="row:9"] {
  grid-row: span 9/span 9 !important;
}

[cds-layout*="col:10"] {
  grid-column: span 10/span 10 !important;
}

[cds-layout*="row:10"] {
  grid-row: span 10/span 10 !important;
}

[cds-layout*="col:11"] {
  grid-column: span 11/span 11 !important;
}

[cds-layout*="row:11"] {
  grid-row: span 11/span 11 !important;
}

[cds-layout*="col:12"] {
  grid-column: span 12/span 12 !important;
}

[cds-layout*="row:12"] {
  grid-row: span 12/span 12 !important;
}

[cds-layout*="col:start-1"] {
  grid-column-start: 1 !important;
}

[cds-layout*="col:end-1"] {
  grid-column-end: 1 !important;
}

[cds-layout*="row:start-1"] {
  grid-row-start: 1 !important;
}

[cds-layout*="row:end-1"] {
  grid-row-end: 1 !important;
}

[cds-layout*="col:start-2"] {
  grid-column-start: 2 !important;
}

[cds-layout*="col:end-2"] {
  grid-column-end: 2 !important;
}

[cds-layout*="row:start-2"] {
  grid-row-start: 2 !important;
}

[cds-layout*="row:end-2"] {
  grid-row-end: 2 !important;
}

[cds-layout*="col:start-3"] {
  grid-column-start: 3 !important;
}

[cds-layout*="col:end-3"] {
  grid-column-end: 3 !important;
}

[cds-layout*="row:start-3"] {
  grid-row-start: 3 !important;
}

[cds-layout*="row:end-3"] {
  grid-row-end: 3 !important;
}

[cds-layout*="col:start-4"] {
  grid-column-start: 4 !important;
}

[cds-layout*="col:end-4"] {
  grid-column-end: 4 !important;
}

[cds-layout*="row:start-4"] {
  grid-row-start: 4 !important;
}

[cds-layout*="row:end-4"] {
  grid-row-end: 4 !important;
}

[cds-layout*="col:start-5"] {
  grid-column-start: 5 !important;
}

[cds-layout*="col:end-5"] {
  grid-column-end: 5 !important;
}

[cds-layout*="row:start-5"] {
  grid-row-start: 5 !important;
}

[cds-layout*="row:end-5"] {
  grid-row-end: 5 !important;
}

[cds-layout*="col:start-6"] {
  grid-column-start: 6 !important;
}

[cds-layout*="col:end-6"] {
  grid-column-end: 6 !important;
}

[cds-layout*="row:start-6"] {
  grid-row-start: 6 !important;
}

[cds-layout*="row:end-6"] {
  grid-row-end: 6 !important;
}

[cds-layout*="col:start-7"] {
  grid-column-start: 7 !important;
}

[cds-layout*="col:end-7"] {
  grid-column-end: 7 !important;
}

[cds-layout*="row:start-7"] {
  grid-row-start: 7 !important;
}

[cds-layout*="row:end-7"] {
  grid-row-end: 7 !important;
}

[cds-layout*="col:start-8"] {
  grid-column-start: 8 !important;
}

[cds-layout*="col:end-8"] {
  grid-column-end: 8 !important;
}

[cds-layout*="row:start-8"] {
  grid-row-start: 8 !important;
}

[cds-layout*="row:end-8"] {
  grid-row-end: 8 !important;
}

[cds-layout*="col:start-9"] {
  grid-column-start: 9 !important;
}

[cds-layout*="col:end-9"] {
  grid-column-end: 9 !important;
}

[cds-layout*="row:start-9"] {
  grid-row-start: 9 !important;
}

[cds-layout*="row:end-9"] {
  grid-row-end: 9 !important;
}

[cds-layout*="col:start-10"] {
  grid-column-start: 10 !important;
}

[cds-layout*="col:end-10"] {
  grid-column-end: 10 !important;
}

[cds-layout*="row:start-10"] {
  grid-row-start: 10 !important;
}

[cds-layout*="row:end-10"] {
  grid-row-end: 10 !important;
}

[cds-layout*="col:start-11"] {
  grid-column-start: 11 !important;
}

[cds-layout*="col:end-11"] {
  grid-column-end: 11 !important;
}

[cds-layout*="row:start-11"] {
  grid-row-start: 11 !important;
}

[cds-layout*="row:end-11"] {
  grid-row-end: 11 !important;
}

[cds-layout*="col:start-12"] {
  grid-column-start: 12 !important;
}

[cds-layout*="col:end-12"] {
  grid-column-end: 12 !important;
}

[cds-layout*="row:start-12"] {
  grid-row-start: 12 !important;
}

[cds-layout*="row:end-12"] {
  grid-row-end: 12 !important;
}

[cds-layout*="col:start-13"] {
  grid-column-start: 13 !important;
}

[cds-layout*="col:end-13"] {
  grid-column-end: 13 !important;
}

[cds-layout*="row:start-13"] {
  grid-row-start: 13 !important;
}

[cds-layout*="row:end-13"] {
  grid-row-end: 13 !important;
}

[cds-layout~=grid][cds-layout*="align:top"] {
  align-content: start;
}
[cds-layout~=grid][cds-layout*="align:right"] {
  justify-content: end;
}
[cds-layout~=grid][cds-layout*="align:bottom"] {
  align-content: end;
}
[cds-layout~=grid][cds-layout*="align:left"] {
  justify-content: start;
}
[cds-layout~=grid][cds-layout*="align:vertical-stretch"] {
  align-items: stretch;
  align-content: stretch;
}
[cds-layout~=grid][cds-layout*="align:horizontal-stretch"] {
  justify-items: stretch;
  justify-content: stretch;
}
[cds-layout~=grid][cds-layout*="align:stretch"] {
  align-items: stretch;
  align-content: stretch;
  justify-items: stretch;
  justify-content: stretch;
}
[cds-layout~=grid][cds-layout*="align:vertical-center"] {
  align-items: center;
  align-content: center;
}
[cds-layout~=grid][cds-layout*="align:horizontal-center"] {
  justify-items: center;
  justify-content: center;
}
[cds-layout~=grid][cds-layout*="align:center"] {
  align-items: center;
  align-content: center;
  justify-items: center;
  justify-content: center;
}

@media (min-width: 576px) {
  [cds-layout*="cols@xs:1"] > * {
    grid-column: span 1/span 1;
  }

  [cds-layout*="rows@xs:1"] > * {
    grid-row: span 1/span 1;
  }

  [cds-layout*="cols@xs:2"] > * {
    grid-column: span 2/span 2;
  }

  [cds-layout*="rows@xs:2"] > * {
    grid-row: span 2/span 2;
  }

  [cds-layout*="cols@xs:3"] > * {
    grid-column: span 3/span 3;
  }

  [cds-layout*="rows@xs:3"] > * {
    grid-row: span 3/span 3;
  }

  [cds-layout*="cols@xs:4"] > * {
    grid-column: span 4/span 4;
  }

  [cds-layout*="rows@xs:4"] > * {
    grid-row: span 4/span 4;
  }

  [cds-layout*="cols@xs:5"] > * {
    grid-column: span 5/span 5;
  }

  [cds-layout*="rows@xs:5"] > * {
    grid-row: span 5/span 5;
  }

  [cds-layout*="cols@xs:6"] > * {
    grid-column: span 6/span 6;
  }

  [cds-layout*="rows@xs:6"] > * {
    grid-row: span 6/span 6;
  }

  [cds-layout*="cols@xs:7"] > * {
    grid-column: span 7/span 7;
  }

  [cds-layout*="rows@xs:7"] > * {
    grid-row: span 7/span 7;
  }

  [cds-layout*="cols@xs:8"] > * {
    grid-column: span 8/span 8;
  }

  [cds-layout*="rows@xs:8"] > * {
    grid-row: span 8/span 8;
  }

  [cds-layout*="cols@xs:9"] > * {
    grid-column: span 9/span 9;
  }

  [cds-layout*="rows@xs:9"] > * {
    grid-row: span 9/span 9;
  }

  [cds-layout*="cols@xs:10"] > * {
    grid-column: span 10/span 10;
  }

  [cds-layout*="rows@xs:10"] > * {
    grid-row: span 10/span 10;
  }

  [cds-layout*="cols@xs:11"] > * {
    grid-column: span 11/span 11;
  }

  [cds-layout*="rows@xs:11"] > * {
    grid-row: span 11/span 11;
  }

  [cds-layout*="cols@xs:12"] > * {
    grid-column: span 12/span 12;
  }

  [cds-layout*="rows@xs:12"] > * {
    grid-row: span 12/span 12;
  }
}
@media (min-width: 768px) {
  [cds-layout*="cols@sm:1"] > * {
    grid-column: span 1/span 1;
  }

  [cds-layout*="rows@sm:1"] > * {
    grid-row: span 1/span 1;
  }

  [cds-layout*="cols@sm:2"] > * {
    grid-column: span 2/span 2;
  }

  [cds-layout*="rows@sm:2"] > * {
    grid-row: span 2/span 2;
  }

  [cds-layout*="cols@sm:3"] > * {
    grid-column: span 3/span 3;
  }

  [cds-layout*="rows@sm:3"] > * {
    grid-row: span 3/span 3;
  }

  [cds-layout*="cols@sm:4"] > * {
    grid-column: span 4/span 4;
  }

  [cds-layout*="rows@sm:4"] > * {
    grid-row: span 4/span 4;
  }

  [cds-layout*="cols@sm:5"] > * {
    grid-column: span 5/span 5;
  }

  [cds-layout*="rows@sm:5"] > * {
    grid-row: span 5/span 5;
  }

  [cds-layout*="cols@sm:6"] > * {
    grid-column: span 6/span 6;
  }

  [cds-layout*="rows@sm:6"] > * {
    grid-row: span 6/span 6;
  }

  [cds-layout*="cols@sm:7"] > * {
    grid-column: span 7/span 7;
  }

  [cds-layout*="rows@sm:7"] > * {
    grid-row: span 7/span 7;
  }

  [cds-layout*="cols@sm:8"] > * {
    grid-column: span 8/span 8;
  }

  [cds-layout*="rows@sm:8"] > * {
    grid-row: span 8/span 8;
  }

  [cds-layout*="cols@sm:9"] > * {
    grid-column: span 9/span 9;
  }

  [cds-layout*="rows@sm:9"] > * {
    grid-row: span 9/span 9;
  }

  [cds-layout*="cols@sm:10"] > * {
    grid-column: span 10/span 10;
  }

  [cds-layout*="rows@sm:10"] > * {
    grid-row: span 10/span 10;
  }

  [cds-layout*="cols@sm:11"] > * {
    grid-column: span 11/span 11;
  }

  [cds-layout*="rows@sm:11"] > * {
    grid-row: span 11/span 11;
  }

  [cds-layout*="cols@sm:12"] > * {
    grid-column: span 12/span 12;
  }

  [cds-layout*="rows@sm:12"] > * {
    grid-row: span 12/span 12;
  }
}
@media (min-width: 992px) {
  [cds-layout*="cols@md:1"] > * {
    grid-column: span 1/span 1;
  }

  [cds-layout*="rows@md:1"] > * {
    grid-row: span 1/span 1;
  }

  [cds-layout*="cols@md:2"] > * {
    grid-column: span 2/span 2;
  }

  [cds-layout*="rows@md:2"] > * {
    grid-row: span 2/span 2;
  }

  [cds-layout*="cols@md:3"] > * {
    grid-column: span 3/span 3;
  }

  [cds-layout*="rows@md:3"] > * {
    grid-row: span 3/span 3;
  }

  [cds-layout*="cols@md:4"] > * {
    grid-column: span 4/span 4;
  }

  [cds-layout*="rows@md:4"] > * {
    grid-row: span 4/span 4;
  }

  [cds-layout*="cols@md:5"] > * {
    grid-column: span 5/span 5;
  }

  [cds-layout*="rows@md:5"] > * {
    grid-row: span 5/span 5;
  }

  [cds-layout*="cols@md:6"] > * {
    grid-column: span 6/span 6;
  }

  [cds-layout*="rows@md:6"] > * {
    grid-row: span 6/span 6;
  }

  [cds-layout*="cols@md:7"] > * {
    grid-column: span 7/span 7;
  }

  [cds-layout*="rows@md:7"] > * {
    grid-row: span 7/span 7;
  }

  [cds-layout*="cols@md:8"] > * {
    grid-column: span 8/span 8;
  }

  [cds-layout*="rows@md:8"] > * {
    grid-row: span 8/span 8;
  }

  [cds-layout*="cols@md:9"] > * {
    grid-column: span 9/span 9;
  }

  [cds-layout*="rows@md:9"] > * {
    grid-row: span 9/span 9;
  }

  [cds-layout*="cols@md:10"] > * {
    grid-column: span 10/span 10;
  }

  [cds-layout*="rows@md:10"] > * {
    grid-row: span 10/span 10;
  }

  [cds-layout*="cols@md:11"] > * {
    grid-column: span 11/span 11;
  }

  [cds-layout*="rows@md:11"] > * {
    grid-row: span 11/span 11;
  }

  [cds-layout*="cols@md:12"] > * {
    grid-column: span 12/span 12;
  }

  [cds-layout*="rows@md:12"] > * {
    grid-row: span 12/span 12;
  }
}
@media (min-width: 1200px) {
  [cds-layout*="cols@lg:1"] > * {
    grid-column: span 1/span 1;
  }

  [cds-layout*="rows@lg:1"] > * {
    grid-row: span 1/span 1;
  }

  [cds-layout*="cols@lg:2"] > * {
    grid-column: span 2/span 2;
  }

  [cds-layout*="rows@lg:2"] > * {
    grid-row: span 2/span 2;
  }

  [cds-layout*="cols@lg:3"] > * {
    grid-column: span 3/span 3;
  }

  [cds-layout*="rows@lg:3"] > * {
    grid-row: span 3/span 3;
  }

  [cds-layout*="cols@lg:4"] > * {
    grid-column: span 4/span 4;
  }

  [cds-layout*="rows@lg:4"] > * {
    grid-row: span 4/span 4;
  }

  [cds-layout*="cols@lg:5"] > * {
    grid-column: span 5/span 5;
  }

  [cds-layout*="rows@lg:5"] > * {
    grid-row: span 5/span 5;
  }

  [cds-layout*="cols@lg:6"] > * {
    grid-column: span 6/span 6;
  }

  [cds-layout*="rows@lg:6"] > * {
    grid-row: span 6/span 6;
  }

  [cds-layout*="cols@lg:7"] > * {
    grid-column: span 7/span 7;
  }

  [cds-layout*="rows@lg:7"] > * {
    grid-row: span 7/span 7;
  }

  [cds-layout*="cols@lg:8"] > * {
    grid-column: span 8/span 8;
  }

  [cds-layout*="rows@lg:8"] > * {
    grid-row: span 8/span 8;
  }

  [cds-layout*="cols@lg:9"] > * {
    grid-column: span 9/span 9;
  }

  [cds-layout*="rows@lg:9"] > * {
    grid-row: span 9/span 9;
  }

  [cds-layout*="cols@lg:10"] > * {
    grid-column: span 10/span 10;
  }

  [cds-layout*="rows@lg:10"] > * {
    grid-row: span 10/span 10;
  }

  [cds-layout*="cols@lg:11"] > * {
    grid-column: span 11/span 11;
  }

  [cds-layout*="rows@lg:11"] > * {
    grid-row: span 11/span 11;
  }

  [cds-layout*="cols@lg:12"] > * {
    grid-column: span 12/span 12;
  }

  [cds-layout*="rows@lg:12"] > * {
    grid-row: span 12/span 12;
  }
}
@media (min-width: 1440px) {
  [cds-layout*="cols@xl:1"] > * {
    grid-column: span 1/span 1;
  }

  [cds-layout*="rows@xl:1"] > * {
    grid-row: span 1/span 1;
  }

  [cds-layout*="cols@xl:2"] > * {
    grid-column: span 2/span 2;
  }

  [cds-layout*="rows@xl:2"] > * {
    grid-row: span 2/span 2;
  }

  [cds-layout*="cols@xl:3"] > * {
    grid-column: span 3/span 3;
  }

  [cds-layout*="rows@xl:3"] > * {
    grid-row: span 3/span 3;
  }

  [cds-layout*="cols@xl:4"] > * {
    grid-column: span 4/span 4;
  }

  [cds-layout*="rows@xl:4"] > * {
    grid-row: span 4/span 4;
  }

  [cds-layout*="cols@xl:5"] > * {
    grid-column: span 5/span 5;
  }

  [cds-layout*="rows@xl:5"] > * {
    grid-row: span 5/span 5;
  }

  [cds-layout*="cols@xl:6"] > * {
    grid-column: span 6/span 6;
  }

  [cds-layout*="rows@xl:6"] > * {
    grid-row: span 6/span 6;
  }

  [cds-layout*="cols@xl:7"] > * {
    grid-column: span 7/span 7;
  }

  [cds-layout*="rows@xl:7"] > * {
    grid-row: span 7/span 7;
  }

  [cds-layout*="cols@xl:8"] > * {
    grid-column: span 8/span 8;
  }

  [cds-layout*="rows@xl:8"] > * {
    grid-row: span 8/span 8;
  }

  [cds-layout*="cols@xl:9"] > * {
    grid-column: span 9/span 9;
  }

  [cds-layout*="rows@xl:9"] > * {
    grid-row: span 9/span 9;
  }

  [cds-layout*="cols@xl:10"] > * {
    grid-column: span 10/span 10;
  }

  [cds-layout*="rows@xl:10"] > * {
    grid-row: span 10/span 10;
  }

  [cds-layout*="cols@xl:11"] > * {
    grid-column: span 11/span 11;
  }

  [cds-layout*="rows@xl:11"] > * {
    grid-row: span 11/span 11;
  }

  [cds-layout*="cols@xl:12"] > * {
    grid-column: span 12/span 12;
  }

  [cds-layout*="rows@xl:12"] > * {
    grid-row: span 12/span 12;
  }
}
@media (min-width: 576px) {
  [cds-layout*="col@xs:1"] {
    grid-column: span 1/span 1 !important;
  }

  [cds-layout*="row@xs:1"] {
    grid-row: span 1/span 1 !important;
  }

  [cds-layout*="col@xs:2"] {
    grid-column: span 2/span 2 !important;
  }

  [cds-layout*="row@xs:2"] {
    grid-row: span 2/span 2 !important;
  }

  [cds-layout*="col@xs:3"] {
    grid-column: span 3/span 3 !important;
  }

  [cds-layout*="row@xs:3"] {
    grid-row: span 3/span 3 !important;
  }

  [cds-layout*="col@xs:4"] {
    grid-column: span 4/span 4 !important;
  }

  [cds-layout*="row@xs:4"] {
    grid-row: span 4/span 4 !important;
  }

  [cds-layout*="col@xs:5"] {
    grid-column: span 5/span 5 !important;
  }

  [cds-layout*="row@xs:5"] {
    grid-row: span 5/span 5 !important;
  }

  [cds-layout*="col@xs:6"] {
    grid-column: span 6/span 6 !important;
  }

  [cds-layout*="row@xs:6"] {
    grid-row: span 6/span 6 !important;
  }

  [cds-layout*="col@xs:7"] {
    grid-column: span 7/span 7 !important;
  }

  [cds-layout*="row@xs:7"] {
    grid-row: span 7/span 7 !important;
  }

  [cds-layout*="col@xs:8"] {
    grid-column: span 8/span 8 !important;
  }

  [cds-layout*="row@xs:8"] {
    grid-row: span 8/span 8 !important;
  }

  [cds-layout*="col@xs:9"] {
    grid-column: span 9/span 9 !important;
  }

  [cds-layout*="row@xs:9"] {
    grid-row: span 9/span 9 !important;
  }

  [cds-layout*="col@xs:10"] {
    grid-column: span 10/span 10 !important;
  }

  [cds-layout*="row@xs:10"] {
    grid-row: span 10/span 10 !important;
  }

  [cds-layout*="col@xs:11"] {
    grid-column: span 11/span 11 !important;
  }

  [cds-layout*="row@xs:11"] {
    grid-row: span 11/span 11 !important;
  }

  [cds-layout*="col@xs:12"] {
    grid-column: span 12/span 12 !important;
  }

  [cds-layout*="row@xs:12"] {
    grid-row: span 12/span 12 !important;
  }
}
@media (min-width: 768px) {
  [cds-layout*="col@sm:1"] {
    grid-column: span 1/span 1 !important;
  }

  [cds-layout*="row@sm:1"] {
    grid-row: span 1/span 1 !important;
  }

  [cds-layout*="col@sm:2"] {
    grid-column: span 2/span 2 !important;
  }

  [cds-layout*="row@sm:2"] {
    grid-row: span 2/span 2 !important;
  }

  [cds-layout*="col@sm:3"] {
    grid-column: span 3/span 3 !important;
  }

  [cds-layout*="row@sm:3"] {
    grid-row: span 3/span 3 !important;
  }

  [cds-layout*="col@sm:4"] {
    grid-column: span 4/span 4 !important;
  }

  [cds-layout*="row@sm:4"] {
    grid-row: span 4/span 4 !important;
  }

  [cds-layout*="col@sm:5"] {
    grid-column: span 5/span 5 !important;
  }

  [cds-layout*="row@sm:5"] {
    grid-row: span 5/span 5 !important;
  }

  [cds-layout*="col@sm:6"] {
    grid-column: span 6/span 6 !important;
  }

  [cds-layout*="row@sm:6"] {
    grid-row: span 6/span 6 !important;
  }

  [cds-layout*="col@sm:7"] {
    grid-column: span 7/span 7 !important;
  }

  [cds-layout*="row@sm:7"] {
    grid-row: span 7/span 7 !important;
  }

  [cds-layout*="col@sm:8"] {
    grid-column: span 8/span 8 !important;
  }

  [cds-layout*="row@sm:8"] {
    grid-row: span 8/span 8 !important;
  }

  [cds-layout*="col@sm:9"] {
    grid-column: span 9/span 9 !important;
  }

  [cds-layout*="row@sm:9"] {
    grid-row: span 9/span 9 !important;
  }

  [cds-layout*="col@sm:10"] {
    grid-column: span 10/span 10 !important;
  }

  [cds-layout*="row@sm:10"] {
    grid-row: span 10/span 10 !important;
  }

  [cds-layout*="col@sm:11"] {
    grid-column: span 11/span 11 !important;
  }

  [cds-layout*="row@sm:11"] {
    grid-row: span 11/span 11 !important;
  }

  [cds-layout*="col@sm:12"] {
    grid-column: span 12/span 12 !important;
  }

  [cds-layout*="row@sm:12"] {
    grid-row: span 12/span 12 !important;
  }
}
@media (min-width: 992px) {
  [cds-layout*="col@md:1"] {
    grid-column: span 1/span 1 !important;
  }

  [cds-layout*="row@md:1"] {
    grid-row: span 1/span 1 !important;
  }

  [cds-layout*="col@md:2"] {
    grid-column: span 2/span 2 !important;
  }

  [cds-layout*="row@md:2"] {
    grid-row: span 2/span 2 !important;
  }

  [cds-layout*="col@md:3"] {
    grid-column: span 3/span 3 !important;
  }

  [cds-layout*="row@md:3"] {
    grid-row: span 3/span 3 !important;
  }

  [cds-layout*="col@md:4"] {
    grid-column: span 4/span 4 !important;
  }

  [cds-layout*="row@md:4"] {
    grid-row: span 4/span 4 !important;
  }

  [cds-layout*="col@md:5"] {
    grid-column: span 5/span 5 !important;
  }

  [cds-layout*="row@md:5"] {
    grid-row: span 5/span 5 !important;
  }

  [cds-layout*="col@md:6"] {
    grid-column: span 6/span 6 !important;
  }

  [cds-layout*="row@md:6"] {
    grid-row: span 6/span 6 !important;
  }

  [cds-layout*="col@md:7"] {
    grid-column: span 7/span 7 !important;
  }

  [cds-layout*="row@md:7"] {
    grid-row: span 7/span 7 !important;
  }

  [cds-layout*="col@md:8"] {
    grid-column: span 8/span 8 !important;
  }

  [cds-layout*="row@md:8"] {
    grid-row: span 8/span 8 !important;
  }

  [cds-layout*="col@md:9"] {
    grid-column: span 9/span 9 !important;
  }

  [cds-layout*="row@md:9"] {
    grid-row: span 9/span 9 !important;
  }

  [cds-layout*="col@md:10"] {
    grid-column: span 10/span 10 !important;
  }

  [cds-layout*="row@md:10"] {
    grid-row: span 10/span 10 !important;
  }

  [cds-layout*="col@md:11"] {
    grid-column: span 11/span 11 !important;
  }

  [cds-layout*="row@md:11"] {
    grid-row: span 11/span 11 !important;
  }

  [cds-layout*="col@md:12"] {
    grid-column: span 12/span 12 !important;
  }

  [cds-layout*="row@md:12"] {
    grid-row: span 12/span 12 !important;
  }
}
@media (min-width: 1200px) {
  [cds-layout*="col@lg:1"] {
    grid-column: span 1/span 1 !important;
  }

  [cds-layout*="row@lg:1"] {
    grid-row: span 1/span 1 !important;
  }

  [cds-layout*="col@lg:2"] {
    grid-column: span 2/span 2 !important;
  }

  [cds-layout*="row@lg:2"] {
    grid-row: span 2/span 2 !important;
  }

  [cds-layout*="col@lg:3"] {
    grid-column: span 3/span 3 !important;
  }

  [cds-layout*="row@lg:3"] {
    grid-row: span 3/span 3 !important;
  }

  [cds-layout*="col@lg:4"] {
    grid-column: span 4/span 4 !important;
  }

  [cds-layout*="row@lg:4"] {
    grid-row: span 4/span 4 !important;
  }

  [cds-layout*="col@lg:5"] {
    grid-column: span 5/span 5 !important;
  }

  [cds-layout*="row@lg:5"] {
    grid-row: span 5/span 5 !important;
  }

  [cds-layout*="col@lg:6"] {
    grid-column: span 6/span 6 !important;
  }

  [cds-layout*="row@lg:6"] {
    grid-row: span 6/span 6 !important;
  }

  [cds-layout*="col@lg:7"] {
    grid-column: span 7/span 7 !important;
  }

  [cds-layout*="row@lg:7"] {
    grid-row: span 7/span 7 !important;
  }

  [cds-layout*="col@lg:8"] {
    grid-column: span 8/span 8 !important;
  }

  [cds-layout*="row@lg:8"] {
    grid-row: span 8/span 8 !important;
  }

  [cds-layout*="col@lg:9"] {
    grid-column: span 9/span 9 !important;
  }

  [cds-layout*="row@lg:9"] {
    grid-row: span 9/span 9 !important;
  }

  [cds-layout*="col@lg:10"] {
    grid-column: span 10/span 10 !important;
  }

  [cds-layout*="row@lg:10"] {
    grid-row: span 10/span 10 !important;
  }

  [cds-layout*="col@lg:11"] {
    grid-column: span 11/span 11 !important;
  }

  [cds-layout*="row@lg:11"] {
    grid-row: span 11/span 11 !important;
  }

  [cds-layout*="col@lg:12"] {
    grid-column: span 12/span 12 !important;
  }

  [cds-layout*="row@lg:12"] {
    grid-row: span 12/span 12 !important;
  }
}
@media (min-width: 1440px) {
  [cds-layout*="col@xl:1"] {
    grid-column: span 1/span 1 !important;
  }

  [cds-layout*="row@xl:1"] {
    grid-row: span 1/span 1 !important;
  }

  [cds-layout*="col@xl:2"] {
    grid-column: span 2/span 2 !important;
  }

  [cds-layout*="row@xl:2"] {
    grid-row: span 2/span 2 !important;
  }

  [cds-layout*="col@xl:3"] {
    grid-column: span 3/span 3 !important;
  }

  [cds-layout*="row@xl:3"] {
    grid-row: span 3/span 3 !important;
  }

  [cds-layout*="col@xl:4"] {
    grid-column: span 4/span 4 !important;
  }

  [cds-layout*="row@xl:4"] {
    grid-row: span 4/span 4 !important;
  }

  [cds-layout*="col@xl:5"] {
    grid-column: span 5/span 5 !important;
  }

  [cds-layout*="row@xl:5"] {
    grid-row: span 5/span 5 !important;
  }

  [cds-layout*="col@xl:6"] {
    grid-column: span 6/span 6 !important;
  }

  [cds-layout*="row@xl:6"] {
    grid-row: span 6/span 6 !important;
  }

  [cds-layout*="col@xl:7"] {
    grid-column: span 7/span 7 !important;
  }

  [cds-layout*="row@xl:7"] {
    grid-row: span 7/span 7 !important;
  }

  [cds-layout*="col@xl:8"] {
    grid-column: span 8/span 8 !important;
  }

  [cds-layout*="row@xl:8"] {
    grid-row: span 8/span 8 !important;
  }

  [cds-layout*="col@xl:9"] {
    grid-column: span 9/span 9 !important;
  }

  [cds-layout*="row@xl:9"] {
    grid-row: span 9/span 9 !important;
  }

  [cds-layout*="col@xl:10"] {
    grid-column: span 10/span 10 !important;
  }

  [cds-layout*="row@xl:10"] {
    grid-row: span 10/span 10 !important;
  }

  [cds-layout*="col@xl:11"] {
    grid-column: span 11/span 11 !important;
  }

  [cds-layout*="row@xl:11"] {
    grid-row: span 11/span 11 !important;
  }

  [cds-layout*="col@xl:12"] {
    grid-column: span 12/span 12 !important;
  }

  [cds-layout*="row@xl:12"] {
    grid-row: span 12/span 12 !important;
  }
}
@media (min-width: 576px) {
  [cds-layout*="col@xs:start-1"] {
    grid-column-start: 1 !important;
  }

  [cds-layout*="col@xs:end-1"] {
    grid-column-end: 1 !important;
  }

  [cds-layout*="row@xs:start-1"] {
    grid-row-start: 1 !important;
  }

  [cds-layout*="row@xs:end-1"] {
    grid-row-end: 1 !important;
  }

  [cds-layout*="col@xs:start-2"] {
    grid-column-start: 2 !important;
  }

  [cds-layout*="col@xs:end-2"] {
    grid-column-end: 2 !important;
  }

  [cds-layout*="row@xs:start-2"] {
    grid-row-start: 2 !important;
  }

  [cds-layout*="row@xs:end-2"] {
    grid-row-end: 2 !important;
  }

  [cds-layout*="col@xs:start-3"] {
    grid-column-start: 3 !important;
  }

  [cds-layout*="col@xs:end-3"] {
    grid-column-end: 3 !important;
  }

  [cds-layout*="row@xs:start-3"] {
    grid-row-start: 3 !important;
  }

  [cds-layout*="row@xs:end-3"] {
    grid-row-end: 3 !important;
  }

  [cds-layout*="col@xs:start-4"] {
    grid-column-start: 4 !important;
  }

  [cds-layout*="col@xs:end-4"] {
    grid-column-end: 4 !important;
  }

  [cds-layout*="row@xs:start-4"] {
    grid-row-start: 4 !important;
  }

  [cds-layout*="row@xs:end-4"] {
    grid-row-end: 4 !important;
  }

  [cds-layout*="col@xs:start-5"] {
    grid-column-start: 5 !important;
  }

  [cds-layout*="col@xs:end-5"] {
    grid-column-end: 5 !important;
  }

  [cds-layout*="row@xs:start-5"] {
    grid-row-start: 5 !important;
  }

  [cds-layout*="row@xs:end-5"] {
    grid-row-end: 5 !important;
  }

  [cds-layout*="col@xs:start-6"] {
    grid-column-start: 6 !important;
  }

  [cds-layout*="col@xs:end-6"] {
    grid-column-end: 6 !important;
  }

  [cds-layout*="row@xs:start-6"] {
    grid-row-start: 6 !important;
  }

  [cds-layout*="row@xs:end-6"] {
    grid-row-end: 6 !important;
  }

  [cds-layout*="col@xs:start-7"] {
    grid-column-start: 7 !important;
  }

  [cds-layout*="col@xs:end-7"] {
    grid-column-end: 7 !important;
  }

  [cds-layout*="row@xs:start-7"] {
    grid-row-start: 7 !important;
  }

  [cds-layout*="row@xs:end-7"] {
    grid-row-end: 7 !important;
  }

  [cds-layout*="col@xs:start-8"] {
    grid-column-start: 8 !important;
  }

  [cds-layout*="col@xs:end-8"] {
    grid-column-end: 8 !important;
  }

  [cds-layout*="row@xs:start-8"] {
    grid-row-start: 8 !important;
  }

  [cds-layout*="row@xs:end-8"] {
    grid-row-end: 8 !important;
  }

  [cds-layout*="col@xs:start-9"] {
    grid-column-start: 9 !important;
  }

  [cds-layout*="col@xs:end-9"] {
    grid-column-end: 9 !important;
  }

  [cds-layout*="row@xs:start-9"] {
    grid-row-start: 9 !important;
  }

  [cds-layout*="row@xs:end-9"] {
    grid-row-end: 9 !important;
  }

  [cds-layout*="col@xs:start-10"] {
    grid-column-start: 10 !important;
  }

  [cds-layout*="col@xs:end-10"] {
    grid-column-end: 10 !important;
  }

  [cds-layout*="row@xs:start-10"] {
    grid-row-start: 10 !important;
  }

  [cds-layout*="row@xs:end-10"] {
    grid-row-end: 10 !important;
  }

  [cds-layout*="col@xs:start-11"] {
    grid-column-start: 11 !important;
  }

  [cds-layout*="col@xs:end-11"] {
    grid-column-end: 11 !important;
  }

  [cds-layout*="row@xs:start-11"] {
    grid-row-start: 11 !important;
  }

  [cds-layout*="row@xs:end-11"] {
    grid-row-end: 11 !important;
  }

  [cds-layout*="col@xs:start-12"] {
    grid-column-start: 12 !important;
  }

  [cds-layout*="col@xs:end-12"] {
    grid-column-end: 12 !important;
  }

  [cds-layout*="row@xs:start-12"] {
    grid-row-start: 12 !important;
  }

  [cds-layout*="row@xs:end-12"] {
    grid-row-end: 12 !important;
  }

  [cds-layout*="col@xs:start-13"] {
    grid-column-start: 13 !important;
  }

  [cds-layout*="col@xs:end-13"] {
    grid-column-end: 13 !important;
  }

  [cds-layout*="row@xs:start-13"] {
    grid-row-start: 13 !important;
  }

  [cds-layout*="row@xs:end-13"] {
    grid-row-end: 13 !important;
  }
}
@media (min-width: 768px) {
  [cds-layout*="col@sm:start-1"] {
    grid-column-start: 1 !important;
  }

  [cds-layout*="col@sm:end-1"] {
    grid-column-end: 1 !important;
  }

  [cds-layout*="row@sm:start-1"] {
    grid-row-start: 1 !important;
  }

  [cds-layout*="row@sm:end-1"] {
    grid-row-end: 1 !important;
  }

  [cds-layout*="col@sm:start-2"] {
    grid-column-start: 2 !important;
  }

  [cds-layout*="col@sm:end-2"] {
    grid-column-end: 2 !important;
  }

  [cds-layout*="row@sm:start-2"] {
    grid-row-start: 2 !important;
  }

  [cds-layout*="row@sm:end-2"] {
    grid-row-end: 2 !important;
  }

  [cds-layout*="col@sm:start-3"] {
    grid-column-start: 3 !important;
  }

  [cds-layout*="col@sm:end-3"] {
    grid-column-end: 3 !important;
  }

  [cds-layout*="row@sm:start-3"] {
    grid-row-start: 3 !important;
  }

  [cds-layout*="row@sm:end-3"] {
    grid-row-end: 3 !important;
  }

  [cds-layout*="col@sm:start-4"] {
    grid-column-start: 4 !important;
  }

  [cds-layout*="col@sm:end-4"] {
    grid-column-end: 4 !important;
  }

  [cds-layout*="row@sm:start-4"] {
    grid-row-start: 4 !important;
  }

  [cds-layout*="row@sm:end-4"] {
    grid-row-end: 4 !important;
  }

  [cds-layout*="col@sm:start-5"] {
    grid-column-start: 5 !important;
  }

  [cds-layout*="col@sm:end-5"] {
    grid-column-end: 5 !important;
  }

  [cds-layout*="row@sm:start-5"] {
    grid-row-start: 5 !important;
  }

  [cds-layout*="row@sm:end-5"] {
    grid-row-end: 5 !important;
  }

  [cds-layout*="col@sm:start-6"] {
    grid-column-start: 6 !important;
  }

  [cds-layout*="col@sm:end-6"] {
    grid-column-end: 6 !important;
  }

  [cds-layout*="row@sm:start-6"] {
    grid-row-start: 6 !important;
  }

  [cds-layout*="row@sm:end-6"] {
    grid-row-end: 6 !important;
  }

  [cds-layout*="col@sm:start-7"] {
    grid-column-start: 7 !important;
  }

  [cds-layout*="col@sm:end-7"] {
    grid-column-end: 7 !important;
  }

  [cds-layout*="row@sm:start-7"] {
    grid-row-start: 7 !important;
  }

  [cds-layout*="row@sm:end-7"] {
    grid-row-end: 7 !important;
  }

  [cds-layout*="col@sm:start-8"] {
    grid-column-start: 8 !important;
  }

  [cds-layout*="col@sm:end-8"] {
    grid-column-end: 8 !important;
  }

  [cds-layout*="row@sm:start-8"] {
    grid-row-start: 8 !important;
  }

  [cds-layout*="row@sm:end-8"] {
    grid-row-end: 8 !important;
  }

  [cds-layout*="col@sm:start-9"] {
    grid-column-start: 9 !important;
  }

  [cds-layout*="col@sm:end-9"] {
    grid-column-end: 9 !important;
  }

  [cds-layout*="row@sm:start-9"] {
    grid-row-start: 9 !important;
  }

  [cds-layout*="row@sm:end-9"] {
    grid-row-end: 9 !important;
  }

  [cds-layout*="col@sm:start-10"] {
    grid-column-start: 10 !important;
  }

  [cds-layout*="col@sm:end-10"] {
    grid-column-end: 10 !important;
  }

  [cds-layout*="row@sm:start-10"] {
    grid-row-start: 10 !important;
  }

  [cds-layout*="row@sm:end-10"] {
    grid-row-end: 10 !important;
  }

  [cds-layout*="col@sm:start-11"] {
    grid-column-start: 11 !important;
  }

  [cds-layout*="col@sm:end-11"] {
    grid-column-end: 11 !important;
  }

  [cds-layout*="row@sm:start-11"] {
    grid-row-start: 11 !important;
  }

  [cds-layout*="row@sm:end-11"] {
    grid-row-end: 11 !important;
  }

  [cds-layout*="col@sm:start-12"] {
    grid-column-start: 12 !important;
  }

  [cds-layout*="col@sm:end-12"] {
    grid-column-end: 12 !important;
  }

  [cds-layout*="row@sm:start-12"] {
    grid-row-start: 12 !important;
  }

  [cds-layout*="row@sm:end-12"] {
    grid-row-end: 12 !important;
  }

  [cds-layout*="col@sm:start-13"] {
    grid-column-start: 13 !important;
  }

  [cds-layout*="col@sm:end-13"] {
    grid-column-end: 13 !important;
  }

  [cds-layout*="row@sm:start-13"] {
    grid-row-start: 13 !important;
  }

  [cds-layout*="row@sm:end-13"] {
    grid-row-end: 13 !important;
  }
}
@media (min-width: 992px) {
  [cds-layout*="col@md:start-1"] {
    grid-column-start: 1 !important;
  }

  [cds-layout*="col@md:end-1"] {
    grid-column-end: 1 !important;
  }

  [cds-layout*="row@md:start-1"] {
    grid-row-start: 1 !important;
  }

  [cds-layout*="row@md:end-1"] {
    grid-row-end: 1 !important;
  }

  [cds-layout*="col@md:start-2"] {
    grid-column-start: 2 !important;
  }

  [cds-layout*="col@md:end-2"] {
    grid-column-end: 2 !important;
  }

  [cds-layout*="row@md:start-2"] {
    grid-row-start: 2 !important;
  }

  [cds-layout*="row@md:end-2"] {
    grid-row-end: 2 !important;
  }

  [cds-layout*="col@md:start-3"] {
    grid-column-start: 3 !important;
  }

  [cds-layout*="col@md:end-3"] {
    grid-column-end: 3 !important;
  }

  [cds-layout*="row@md:start-3"] {
    grid-row-start: 3 !important;
  }

  [cds-layout*="row@md:end-3"] {
    grid-row-end: 3 !important;
  }

  [cds-layout*="col@md:start-4"] {
    grid-column-start: 4 !important;
  }

  [cds-layout*="col@md:end-4"] {
    grid-column-end: 4 !important;
  }

  [cds-layout*="row@md:start-4"] {
    grid-row-start: 4 !important;
  }

  [cds-layout*="row@md:end-4"] {
    grid-row-end: 4 !important;
  }

  [cds-layout*="col@md:start-5"] {
    grid-column-start: 5 !important;
  }

  [cds-layout*="col@md:end-5"] {
    grid-column-end: 5 !important;
  }

  [cds-layout*="row@md:start-5"] {
    grid-row-start: 5 !important;
  }

  [cds-layout*="row@md:end-5"] {
    grid-row-end: 5 !important;
  }

  [cds-layout*="col@md:start-6"] {
    grid-column-start: 6 !important;
  }

  [cds-layout*="col@md:end-6"] {
    grid-column-end: 6 !important;
  }

  [cds-layout*="row@md:start-6"] {
    grid-row-start: 6 !important;
  }

  [cds-layout*="row@md:end-6"] {
    grid-row-end: 6 !important;
  }

  [cds-layout*="col@md:start-7"] {
    grid-column-start: 7 !important;
  }

  [cds-layout*="col@md:end-7"] {
    grid-column-end: 7 !important;
  }

  [cds-layout*="row@md:start-7"] {
    grid-row-start: 7 !important;
  }

  [cds-layout*="row@md:end-7"] {
    grid-row-end: 7 !important;
  }

  [cds-layout*="col@md:start-8"] {
    grid-column-start: 8 !important;
  }

  [cds-layout*="col@md:end-8"] {
    grid-column-end: 8 !important;
  }

  [cds-layout*="row@md:start-8"] {
    grid-row-start: 8 !important;
  }

  [cds-layout*="row@md:end-8"] {
    grid-row-end: 8 !important;
  }

  [cds-layout*="col@md:start-9"] {
    grid-column-start: 9 !important;
  }

  [cds-layout*="col@md:end-9"] {
    grid-column-end: 9 !important;
  }

  [cds-layout*="row@md:start-9"] {
    grid-row-start: 9 !important;
  }

  [cds-layout*="row@md:end-9"] {
    grid-row-end: 9 !important;
  }

  [cds-layout*="col@md:start-10"] {
    grid-column-start: 10 !important;
  }

  [cds-layout*="col@md:end-10"] {
    grid-column-end: 10 !important;
  }

  [cds-layout*="row@md:start-10"] {
    grid-row-start: 10 !important;
  }

  [cds-layout*="row@md:end-10"] {
    grid-row-end: 10 !important;
  }

  [cds-layout*="col@md:start-11"] {
    grid-column-start: 11 !important;
  }

  [cds-layout*="col@md:end-11"] {
    grid-column-end: 11 !important;
  }

  [cds-layout*="row@md:start-11"] {
    grid-row-start: 11 !important;
  }

  [cds-layout*="row@md:end-11"] {
    grid-row-end: 11 !important;
  }

  [cds-layout*="col@md:start-12"] {
    grid-column-start: 12 !important;
  }

  [cds-layout*="col@md:end-12"] {
    grid-column-end: 12 !important;
  }

  [cds-layout*="row@md:start-12"] {
    grid-row-start: 12 !important;
  }

  [cds-layout*="row@md:end-12"] {
    grid-row-end: 12 !important;
  }

  [cds-layout*="col@md:start-13"] {
    grid-column-start: 13 !important;
  }

  [cds-layout*="col@md:end-13"] {
    grid-column-end: 13 !important;
  }

  [cds-layout*="row@md:start-13"] {
    grid-row-start: 13 !important;
  }

  [cds-layout*="row@md:end-13"] {
    grid-row-end: 13 !important;
  }
}
@media (min-width: 1200px) {
  [cds-layout*="col@lg:start-1"] {
    grid-column-start: 1 !important;
  }

  [cds-layout*="col@lg:end-1"] {
    grid-column-end: 1 !important;
  }

  [cds-layout*="row@lg:start-1"] {
    grid-row-start: 1 !important;
  }

  [cds-layout*="row@lg:end-1"] {
    grid-row-end: 1 !important;
  }

  [cds-layout*="col@lg:start-2"] {
    grid-column-start: 2 !important;
  }

  [cds-layout*="col@lg:end-2"] {
    grid-column-end: 2 !important;
  }

  [cds-layout*="row@lg:start-2"] {
    grid-row-start: 2 !important;
  }

  [cds-layout*="row@lg:end-2"] {
    grid-row-end: 2 !important;
  }

  [cds-layout*="col@lg:start-3"] {
    grid-column-start: 3 !important;
  }

  [cds-layout*="col@lg:end-3"] {
    grid-column-end: 3 !important;
  }

  [cds-layout*="row@lg:start-3"] {
    grid-row-start: 3 !important;
  }

  [cds-layout*="row@lg:end-3"] {
    grid-row-end: 3 !important;
  }

  [cds-layout*="col@lg:start-4"] {
    grid-column-start: 4 !important;
  }

  [cds-layout*="col@lg:end-4"] {
    grid-column-end: 4 !important;
  }

  [cds-layout*="row@lg:start-4"] {
    grid-row-start: 4 !important;
  }

  [cds-layout*="row@lg:end-4"] {
    grid-row-end: 4 !important;
  }

  [cds-layout*="col@lg:start-5"] {
    grid-column-start: 5 !important;
  }

  [cds-layout*="col@lg:end-5"] {
    grid-column-end: 5 !important;
  }

  [cds-layout*="row@lg:start-5"] {
    grid-row-start: 5 !important;
  }

  [cds-layout*="row@lg:end-5"] {
    grid-row-end: 5 !important;
  }

  [cds-layout*="col@lg:start-6"] {
    grid-column-start: 6 !important;
  }

  [cds-layout*="col@lg:end-6"] {
    grid-column-end: 6 !important;
  }

  [cds-layout*="row@lg:start-6"] {
    grid-row-start: 6 !important;
  }

  [cds-layout*="row@lg:end-6"] {
    grid-row-end: 6 !important;
  }

  [cds-layout*="col@lg:start-7"] {
    grid-column-start: 7 !important;
  }

  [cds-layout*="col@lg:end-7"] {
    grid-column-end: 7 !important;
  }

  [cds-layout*="row@lg:start-7"] {
    grid-row-start: 7 !important;
  }

  [cds-layout*="row@lg:end-7"] {
    grid-row-end: 7 !important;
  }

  [cds-layout*="col@lg:start-8"] {
    grid-column-start: 8 !important;
  }

  [cds-layout*="col@lg:end-8"] {
    grid-column-end: 8 !important;
  }

  [cds-layout*="row@lg:start-8"] {
    grid-row-start: 8 !important;
  }

  [cds-layout*="row@lg:end-8"] {
    grid-row-end: 8 !important;
  }

  [cds-layout*="col@lg:start-9"] {
    grid-column-start: 9 !important;
  }

  [cds-layout*="col@lg:end-9"] {
    grid-column-end: 9 !important;
  }

  [cds-layout*="row@lg:start-9"] {
    grid-row-start: 9 !important;
  }

  [cds-layout*="row@lg:end-9"] {
    grid-row-end: 9 !important;
  }

  [cds-layout*="col@lg:start-10"] {
    grid-column-start: 10 !important;
  }

  [cds-layout*="col@lg:end-10"] {
    grid-column-end: 10 !important;
  }

  [cds-layout*="row@lg:start-10"] {
    grid-row-start: 10 !important;
  }

  [cds-layout*="row@lg:end-10"] {
    grid-row-end: 10 !important;
  }

  [cds-layout*="col@lg:start-11"] {
    grid-column-start: 11 !important;
  }

  [cds-layout*="col@lg:end-11"] {
    grid-column-end: 11 !important;
  }

  [cds-layout*="row@lg:start-11"] {
    grid-row-start: 11 !important;
  }

  [cds-layout*="row@lg:end-11"] {
    grid-row-end: 11 !important;
  }

  [cds-layout*="col@lg:start-12"] {
    grid-column-start: 12 !important;
  }

  [cds-layout*="col@lg:end-12"] {
    grid-column-end: 12 !important;
  }

  [cds-layout*="row@lg:start-12"] {
    grid-row-start: 12 !important;
  }

  [cds-layout*="row@lg:end-12"] {
    grid-row-end: 12 !important;
  }

  [cds-layout*="col@lg:start-13"] {
    grid-column-start: 13 !important;
  }

  [cds-layout*="col@lg:end-13"] {
    grid-column-end: 13 !important;
  }

  [cds-layout*="row@lg:start-13"] {
    grid-row-start: 13 !important;
  }

  [cds-layout*="row@lg:end-13"] {
    grid-row-end: 13 !important;
  }
}
@media (min-width: 1440px) {
  [cds-layout*="col@xl:start-1"] {
    grid-column-start: 1 !important;
  }

  [cds-layout*="col@xl:end-1"] {
    grid-column-end: 1 !important;
  }

  [cds-layout*="row@xl:start-1"] {
    grid-row-start: 1 !important;
  }

  [cds-layout*="row@xl:end-1"] {
    grid-row-end: 1 !important;
  }

  [cds-layout*="col@xl:start-2"] {
    grid-column-start: 2 !important;
  }

  [cds-layout*="col@xl:end-2"] {
    grid-column-end: 2 !important;
  }

  [cds-layout*="row@xl:start-2"] {
    grid-row-start: 2 !important;
  }

  [cds-layout*="row@xl:end-2"] {
    grid-row-end: 2 !important;
  }

  [cds-layout*="col@xl:start-3"] {
    grid-column-start: 3 !important;
  }

  [cds-layout*="col@xl:end-3"] {
    grid-column-end: 3 !important;
  }

  [cds-layout*="row@xl:start-3"] {
    grid-row-start: 3 !important;
  }

  [cds-layout*="row@xl:end-3"] {
    grid-row-end: 3 !important;
  }

  [cds-layout*="col@xl:start-4"] {
    grid-column-start: 4 !important;
  }

  [cds-layout*="col@xl:end-4"] {
    grid-column-end: 4 !important;
  }

  [cds-layout*="row@xl:start-4"] {
    grid-row-start: 4 !important;
  }

  [cds-layout*="row@xl:end-4"] {
    grid-row-end: 4 !important;
  }

  [cds-layout*="col@xl:start-5"] {
    grid-column-start: 5 !important;
  }

  [cds-layout*="col@xl:end-5"] {
    grid-column-end: 5 !important;
  }

  [cds-layout*="row@xl:start-5"] {
    grid-row-start: 5 !important;
  }

  [cds-layout*="row@xl:end-5"] {
    grid-row-end: 5 !important;
  }

  [cds-layout*="col@xl:start-6"] {
    grid-column-start: 6 !important;
  }

  [cds-layout*="col@xl:end-6"] {
    grid-column-end: 6 !important;
  }

  [cds-layout*="row@xl:start-6"] {
    grid-row-start: 6 !important;
  }

  [cds-layout*="row@xl:end-6"] {
    grid-row-end: 6 !important;
  }

  [cds-layout*="col@xl:start-7"] {
    grid-column-start: 7 !important;
  }

  [cds-layout*="col@xl:end-7"] {
    grid-column-end: 7 !important;
  }

  [cds-layout*="row@xl:start-7"] {
    grid-row-start: 7 !important;
  }

  [cds-layout*="row@xl:end-7"] {
    grid-row-end: 7 !important;
  }

  [cds-layout*="col@xl:start-8"] {
    grid-column-start: 8 !important;
  }

  [cds-layout*="col@xl:end-8"] {
    grid-column-end: 8 !important;
  }

  [cds-layout*="row@xl:start-8"] {
    grid-row-start: 8 !important;
  }

  [cds-layout*="row@xl:end-8"] {
    grid-row-end: 8 !important;
  }

  [cds-layout*="col@xl:start-9"] {
    grid-column-start: 9 !important;
  }

  [cds-layout*="col@xl:end-9"] {
    grid-column-end: 9 !important;
  }

  [cds-layout*="row@xl:start-9"] {
    grid-row-start: 9 !important;
  }

  [cds-layout*="row@xl:end-9"] {
    grid-row-end: 9 !important;
  }

  [cds-layout*="col@xl:start-10"] {
    grid-column-start: 10 !important;
  }

  [cds-layout*="col@xl:end-10"] {
    grid-column-end: 10 !important;
  }

  [cds-layout*="row@xl:start-10"] {
    grid-row-start: 10 !important;
  }

  [cds-layout*="row@xl:end-10"] {
    grid-row-end: 10 !important;
  }

  [cds-layout*="col@xl:start-11"] {
    grid-column-start: 11 !important;
  }

  [cds-layout*="col@xl:end-11"] {
    grid-column-end: 11 !important;
  }

  [cds-layout*="row@xl:start-11"] {
    grid-row-start: 11 !important;
  }

  [cds-layout*="row@xl:end-11"] {
    grid-row-end: 11 !important;
  }

  [cds-layout*="col@xl:start-12"] {
    grid-column-start: 12 !important;
  }

  [cds-layout*="col@xl:end-12"] {
    grid-column-end: 12 !important;
  }

  [cds-layout*="row@xl:start-12"] {
    grid-row-start: 12 !important;
  }

  [cds-layout*="row@xl:end-12"] {
    grid-row-end: 12 !important;
  }

  [cds-layout*="col@xl:start-13"] {
    grid-column-start: 13 !important;
  }

  [cds-layout*="col@xl:end-13"] {
    grid-column-end: 13 !important;
  }

  [cds-layout*="row@xl:start-13"] {
    grid-row-start: 13 !important;
  }

  [cds-layout*="row@xl:end-13"] {
    grid-row-end: 13 !important;
  }
}
@media (min-width: 576px) {
  [cds-layout~=grid][cds-layout*="align@xs:top"] {
    align-content: start;
  }
  [cds-layout~=grid][cds-layout*="align@xs:right"] {
    justify-content: end;
  }
  [cds-layout~=grid][cds-layout*="align@xs:bottom"] {
    align-content: end;
  }
  [cds-layout~=grid][cds-layout*="align@xs:left"] {
    justify-content: start;
  }
  [cds-layout~=grid][cds-layout*="align@xs:vertical-stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@xs:horizontal-stretch"] {
    justify-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@xs:stretch"] {
    align-items: stretch;
    align-content: stretch;
    justify-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@xs:vertical-center"] {
    align-items: center;
    align-content: center;
  }
  [cds-layout~=grid][cds-layout*="align@xs:horizontal-center"] {
    justify-items: center;
    justify-content: center;
  }
  [cds-layout~=grid][cds-layout*="align@xs:center"] {
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
  }
}
@media (min-width: 768px) {
  [cds-layout~=grid][cds-layout*="align@sm:top"] {
    align-content: start;
  }
  [cds-layout~=grid][cds-layout*="align@sm:right"] {
    justify-content: end;
  }
  [cds-layout~=grid][cds-layout*="align@sm:bottom"] {
    align-content: end;
  }
  [cds-layout~=grid][cds-layout*="align@sm:left"] {
    justify-content: start;
  }
  [cds-layout~=grid][cds-layout*="align@sm:vertical-stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@sm:horizontal-stretch"] {
    justify-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@sm:stretch"] {
    align-items: stretch;
    align-content: stretch;
    justify-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@sm:vertical-center"] {
    align-items: center;
    align-content: center;
  }
  [cds-layout~=grid][cds-layout*="align@sm:horizontal-center"] {
    justify-items: center;
    justify-content: center;
  }
  [cds-layout~=grid][cds-layout*="align@sm:center"] {
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
  }
}
@media (min-width: 992px) {
  [cds-layout~=grid][cds-layout*="align@md:top"] {
    align-content: start;
  }
  [cds-layout~=grid][cds-layout*="align@md:right"] {
    justify-content: end;
  }
  [cds-layout~=grid][cds-layout*="align@md:bottom"] {
    align-content: end;
  }
  [cds-layout~=grid][cds-layout*="align@md:left"] {
    justify-content: start;
  }
  [cds-layout~=grid][cds-layout*="align@md:vertical-stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@md:horizontal-stretch"] {
    justify-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@md:stretch"] {
    align-items: stretch;
    align-content: stretch;
    justify-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@md:vertical-center"] {
    align-items: center;
    align-content: center;
  }
  [cds-layout~=grid][cds-layout*="align@md:horizontal-center"] {
    justify-items: center;
    justify-content: center;
  }
  [cds-layout~=grid][cds-layout*="align@md:center"] {
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
  }
}
@media (min-width: 1200px) {
  [cds-layout~=grid][cds-layout*="align@lg:top"] {
    align-content: start;
  }
  [cds-layout~=grid][cds-layout*="align@lg:right"] {
    justify-content: end;
  }
  [cds-layout~=grid][cds-layout*="align@lg:bottom"] {
    align-content: end;
  }
  [cds-layout~=grid][cds-layout*="align@lg:left"] {
    justify-content: start;
  }
  [cds-layout~=grid][cds-layout*="align@lg:vertical-stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@lg:horizontal-stretch"] {
    justify-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@lg:stretch"] {
    align-items: stretch;
    align-content: stretch;
    justify-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@lg:vertical-center"] {
    align-items: center;
    align-content: center;
  }
  [cds-layout~=grid][cds-layout*="align@lg:horizontal-center"] {
    justify-items: center;
    justify-content: center;
  }
  [cds-layout~=grid][cds-layout*="align@lg:center"] {
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
  }
}
@media (min-width: 1440px) {
  [cds-layout~=grid][cds-layout*="align@xl:top"] {
    align-content: start;
  }
  [cds-layout~=grid][cds-layout*="align@xl:right"] {
    justify-content: end;
  }
  [cds-layout~=grid][cds-layout*="align@xl:bottom"] {
    align-content: end;
  }
  [cds-layout~=grid][cds-layout*="align@xl:left"] {
    justify-content: start;
  }
  [cds-layout~=grid][cds-layout*="align@xl:vertical-stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@xl:horizontal-stretch"] {
    justify-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@xl:stretch"] {
    align-items: stretch;
    align-content: stretch;
    justify-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@xl:vertical-center"] {
    align-items: center;
    align-content: center;
  }
  [cds-layout~=grid][cds-layout*="align@xl:horizontal-center"] {
    justify-items: center;
    justify-content: center;
  }
  [cds-layout~=grid][cds-layout*="align@xl:center"] {
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
  }
}
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
[cds-layout~="display:none"] {
  display: none !important;
}

[cds-layout~="display:flex"] {
  display: flex !important;
}

[cds-layout~="display:contents"] {
  display: contents !important;
}

[cds-layout~="display:block"] {
  display: block !important;
}

[cds-layout~="display:inline"] {
  display: inline !important;
}

@media (min-width: 768px) {
  [cds-layout~="display@sm:none"] {
    display: none !important;
  }

  [cds-layout~="display@sm:flex"] {
    display: flex !important;
  }

  [cds-layout~="display@sm:block"] {
    display: block !important;
  }

  [cds-layout~="display@sm:inline"] {
    display: inline !important;
  }
}
@media (min-width: 992px) {
  [cds-layout~="display@md:none"] {
    display: none !important;
  }

  [cds-layout~="display@md:flex"] {
    display: flex !important;
  }

  [cds-layout~="display@md:block"] {
    display: block !important;
  }

  [cds-layout~="display@md:inline"] {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  [cds-layout~="display@lg:none"] {
    display: none !important;
  }

  [cds-layout~="display@lg:flex"] {
    display: flex !important;
  }

  [cds-layout~="display@lg:block"] {
    display: block !important;
  }

  [cds-layout~="display@lg:inline"] {
    display: inline !important;
  }
}
@media (min-width: 1440px) {
  [cds-layout~="display@xl:none"] {
    display: none !important;
  }

  [cds-layout~="display@xl:flex"] {
    display: flex !important;
  }

  [cds-layout~="display@xl:block"] {
    display: block !important;
  }

  [cds-layout~="display@xl:inline"] {
    display: inline !important;
  }
}
::slotted([cds-layout~="display:screen-reader-only"]),
[cds-layout~="display:screen-reader-only"] {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
  white-space: nowrap;
  top: 0;
  left: 0;
  display: block !important;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
[cds-layout*="gap:none"] {
  gap: 0;
}

[cds-layout*="gap:xxxs"] {
  gap: var(--δ1);
}

[cds-layout*="gap:xxs"] {
  gap: var(--δ2);
}

[cds-layout*="gap:xs"] {
  gap: var(--δ3);
}

[cds-layout*="gap:sm"] {
  gap: var(--δ4);
}

[cds-layout*="gap:md"] {
  gap: var(--δ5);
}

[cds-layout*="gap:lg"] {
  gap: var(--δ6);
}

[cds-layout*="gap:xl"] {
  gap: var(--δ7);
}

[cds-layout*="gap:xxl"] {
  gap: var(--δ8);
}

[cds-layout*="gap:xxxl"] {
  gap: var(--δ9);
}

[cds-layout~="p:none"] {
  padding: 0 !important;
}

[cds-layout~="m:none"] {
  margin: 0 !important;
}

[cds-layout~="p:xxxs"] {
  padding: var(--δ1) !important;
}

[cds-layout~="m:xxxs"] {
  margin: var(--δ1) !important;
}

[cds-layout~="p:xxs"] {
  padding: var(--δ2) !important;
}

[cds-layout~="m:xxs"] {
  margin: var(--δ2) !important;
}

[cds-layout~="p:xs"] {
  padding: var(--δ3) !important;
}

[cds-layout~="m:xs"] {
  margin: var(--δ3) !important;
}

[cds-layout~="p:sm"] {
  padding: var(--δ4) !important;
}

[cds-layout~="m:sm"] {
  margin: var(--δ4) !important;
}

[cds-layout~="p:md"] {
  padding: var(--δ5) !important;
}

[cds-layout~="m:md"] {
  margin: var(--δ5) !important;
}

[cds-layout~="p:lg"] {
  padding: var(--δ6) !important;
}

[cds-layout~="m:lg"] {
  margin: var(--δ6) !important;
}

[cds-layout~="p:xl"] {
  padding: var(--δ7) !important;
}

[cds-layout~="m:xl"] {
  margin: var(--δ7) !important;
}

[cds-layout~="p:xxl"] {
  padding: var(--δ8) !important;
}

[cds-layout~="m:xxl"] {
  margin: var(--δ8) !important;
}

[cds-layout~="p:xxxl"] {
  padding: var(--δ9) !important;
}

[cds-layout~="m:xxxl"] {
  margin: var(--δ9) !important;
}

[cds-layout~="p-x:none"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

[cds-layout~="p-y:none"] {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

[cds-layout~="p-x:xxxs"] {
  padding-left: var(--δ1) !important;
  padding-right: var(--δ1) !important;
}

[cds-layout~="p-y:xxxs"] {
  padding-top: var(--δ1) !important;
  padding-bottom: var(--δ1) !important;
}

[cds-layout~="p-x:xxs"] {
  padding-left: var(--δ2) !important;
  padding-right: var(--δ2) !important;
}

[cds-layout~="p-y:xxs"] {
  padding-top: var(--δ2) !important;
  padding-bottom: var(--δ2) !important;
}

[cds-layout~="p-x:xs"] {
  padding-left: var(--δ3) !important;
  padding-right: var(--δ3) !important;
}

[cds-layout~="p-y:xs"] {
  padding-top: var(--δ3) !important;
  padding-bottom: var(--δ3) !important;
}

[cds-layout~="p-x:sm"] {
  padding-left: var(--δ4) !important;
  padding-right: var(--δ4) !important;
}

[cds-layout~="p-y:sm"] {
  padding-top: var(--δ4) !important;
  padding-bottom: var(--δ4) !important;
}

[cds-layout~="p-x:md"] {
  padding-left: var(--δ5) !important;
  padding-right: var(--δ5) !important;
}

[cds-layout~="p-y:md"] {
  padding-top: var(--δ5) !important;
  padding-bottom: var(--δ5) !important;
}

[cds-layout~="p-x:lg"] {
  padding-left: var(--δ6) !important;
  padding-right: var(--δ6) !important;
}

[cds-layout~="p-y:lg"] {
  padding-top: var(--δ6) !important;
  padding-bottom: var(--δ6) !important;
}

[cds-layout~="p-x:xl"] {
  padding-left: var(--δ7) !important;
  padding-right: var(--δ7) !important;
}

[cds-layout~="p-y:xl"] {
  padding-top: var(--δ7) !important;
  padding-bottom: var(--δ7) !important;
}

[cds-layout~="p-x:xxl"] {
  padding-left: var(--δ8) !important;
  padding-right: var(--δ8) !important;
}

[cds-layout~="p-y:xxl"] {
  padding-top: var(--δ8) !important;
  padding-bottom: var(--δ8) !important;
}

[cds-layout~="p-x:xxxl"] {
  padding-left: var(--δ9) !important;
  padding-right: var(--δ9) !important;
}

[cds-layout~="p-y:xxxl"] {
  padding-top: var(--δ9) !important;
  padding-bottom: var(--δ9) !important;
}

[cds-layout~="m-x:none"] {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

[cds-layout~="m-y:none"] {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

[cds-layout~="m-x:xxxs"] {
  margin-left: var(--δ1) !important;
  margin-right: var(--δ1) !important;
}

[cds-layout~="m-y:xxxs"] {
  margin-top: var(--δ1) !important;
  margin-bottom: var(--δ1) !important;
}

[cds-layout~="m-x:xxs"] {
  margin-left: var(--δ2) !important;
  margin-right: var(--δ2) !important;
}

[cds-layout~="m-y:xxs"] {
  margin-top: var(--δ2) !important;
  margin-bottom: var(--δ2) !important;
}

[cds-layout~="m-x:xs"] {
  margin-left: var(--δ3) !important;
  margin-right: var(--δ3) !important;
}

[cds-layout~="m-y:xs"] {
  margin-top: var(--δ3) !important;
  margin-bottom: var(--δ3) !important;
}

[cds-layout~="m-x:sm"] {
  margin-left: var(--δ4) !important;
  margin-right: var(--δ4) !important;
}

[cds-layout~="m-y:sm"] {
  margin-top: var(--δ4) !important;
  margin-bottom: var(--δ4) !important;
}

[cds-layout~="m-x:md"] {
  margin-left: var(--δ5) !important;
  margin-right: var(--δ5) !important;
}

[cds-layout~="m-y:md"] {
  margin-top: var(--δ5) !important;
  margin-bottom: var(--δ5) !important;
}

[cds-layout~="m-x:lg"] {
  margin-left: var(--δ6) !important;
  margin-right: var(--δ6) !important;
}

[cds-layout~="m-y:lg"] {
  margin-top: var(--δ6) !important;
  margin-bottom: var(--δ6) !important;
}

[cds-layout~="m-x:xl"] {
  margin-left: var(--δ7) !important;
  margin-right: var(--δ7) !important;
}

[cds-layout~="m-y:xl"] {
  margin-top: var(--δ7) !important;
  margin-bottom: var(--δ7) !important;
}

[cds-layout~="m-x:xxl"] {
  margin-left: var(--δ8) !important;
  margin-right: var(--δ8) !important;
}

[cds-layout~="m-y:xxl"] {
  margin-top: var(--δ8) !important;
  margin-bottom: var(--δ8) !important;
}

[cds-layout~="m-x:xxxl"] {
  margin-left: var(--δ9) !important;
  margin-right: var(--δ9) !important;
}

[cds-layout~="m-y:xxxl"] {
  margin-top: var(--δ9) !important;
  margin-bottom: var(--δ9) !important;
}

[cds-layout~="p-t:none"] {
  padding-top: 0 !important;
}

[cds-layout~="p-r:none"] {
  padding-right: 0 !important;
}

[cds-layout~="p-b:none"] {
  padding-bottom: 0 !important;
}

[cds-layout~="p-l:none"] {
  padding-left: 0 !important;
}

[cds-layout~="p-t:xxxs"] {
  padding-top: var(--δ1) !important;
}

[cds-layout~="p-r:xxxs"] {
  padding-right: var(--δ1) !important;
}

[cds-layout~="p-b:xxxs"] {
  padding-bottom: var(--δ1) !important;
}

[cds-layout~="p-l:xxxs"] {
  padding-left: var(--δ1) !important;
}

[cds-layout~="p-t:xxs"] {
  padding-top: var(--δ2) !important;
}

[cds-layout~="p-r:xxs"] {
  padding-right: var(--δ2) !important;
}

[cds-layout~="p-b:xxs"] {
  padding-bottom: var(--δ2) !important;
}

[cds-layout~="p-l:xxs"] {
  padding-left: var(--δ2) !important;
}

[cds-layout~="p-t:xs"] {
  padding-top: var(--δ3) !important;
}

[cds-layout~="p-r:xs"] {
  padding-right: var(--δ3) !important;
}

[cds-layout~="p-b:xs"] {
  padding-bottom: var(--δ3) !important;
}

[cds-layout~="p-l:xs"] {
  padding-left: var(--δ3) !important;
}

[cds-layout~="p-t:sm"] {
  padding-top: var(--δ4) !important;
}

[cds-layout~="p-r:sm"] {
  padding-right: var(--δ4) !important;
}

[cds-layout~="p-b:sm"] {
  padding-bottom: var(--δ4) !important;
}

[cds-layout~="p-l:sm"] {
  padding-left: var(--δ4) !important;
}

[cds-layout~="p-t:md"] {
  padding-top: var(--δ5) !important;
}

[cds-layout~="p-r:md"] {
  padding-right: var(--δ5) !important;
}

[cds-layout~="p-b:md"] {
  padding-bottom: var(--δ5) !important;
}

[cds-layout~="p-l:md"] {
  padding-left: var(--δ5) !important;
}

[cds-layout~="p-t:lg"] {
  padding-top: var(--δ6) !important;
}

[cds-layout~="p-r:lg"] {
  padding-right: var(--δ6) !important;
}

[cds-layout~="p-b:lg"] {
  padding-bottom: var(--δ6) !important;
}

[cds-layout~="p-l:lg"] {
  padding-left: var(--δ6) !important;
}

[cds-layout~="p-t:xl"] {
  padding-top: var(--δ7) !important;
}

[cds-layout~="p-r:xl"] {
  padding-right: var(--δ7) !important;
}

[cds-layout~="p-b:xl"] {
  padding-bottom: var(--δ7) !important;
}

[cds-layout~="p-l:xl"] {
  padding-left: var(--δ7) !important;
}

[cds-layout~="p-t:xxl"] {
  padding-top: var(--δ8) !important;
}

[cds-layout~="p-r:xxl"] {
  padding-right: var(--δ8) !important;
}

[cds-layout~="p-b:xxl"] {
  padding-bottom: var(--δ8) !important;
}

[cds-layout~="p-l:xxl"] {
  padding-left: var(--δ8) !important;
}

[cds-layout~="p-t:xxxl"] {
  padding-top: var(--δ9) !important;
}

[cds-layout~="p-r:xxxl"] {
  padding-right: var(--δ9) !important;
}

[cds-layout~="p-b:xxxl"] {
  padding-bottom: var(--δ9) !important;
}

[cds-layout~="p-l:xxxl"] {
  padding-left: var(--δ9) !important;
}

[cds-layout~="m-t:none"] {
  margin-top: 0 !important;
}

[cds-layout~="m-r:none"] {
  margin-right: 0 !important;
}

[cds-layout~="m-b:none"] {
  margin-bottom: 0 !important;
}

[cds-layout~="m-l:none"] {
  margin-left: 0 !important;
}

[cds-layout~="m-t:xxxs"] {
  margin-top: var(--δ1) !important;
}

[cds-layout~="m-r:xxxs"] {
  margin-right: var(--δ1) !important;
}

[cds-layout~="m-b:xxxs"] {
  margin-bottom: var(--δ1) !important;
}

[cds-layout~="m-l:xxxs"] {
  margin-left: var(--δ1) !important;
}

[cds-layout~="m-t:xxs"] {
  margin-top: var(--δ2) !important;
}

[cds-layout~="m-r:xxs"] {
  margin-right: var(--δ2) !important;
}

[cds-layout~="m-b:xxs"] {
  margin-bottom: var(--δ2) !important;
}

[cds-layout~="m-l:xxs"] {
  margin-left: var(--δ2) !important;
}

[cds-layout~="m-t:xs"] {
  margin-top: var(--δ3) !important;
}

[cds-layout~="m-r:xs"] {
  margin-right: var(--δ3) !important;
}

[cds-layout~="m-b:xs"] {
  margin-bottom: var(--δ3) !important;
}

[cds-layout~="m-l:xs"] {
  margin-left: var(--δ3) !important;
}

[cds-layout~="m-t:sm"] {
  margin-top: var(--δ4) !important;
}

[cds-layout~="m-r:sm"] {
  margin-right: var(--δ4) !important;
}

[cds-layout~="m-b:sm"] {
  margin-bottom: var(--δ4) !important;
}

[cds-layout~="m-l:sm"] {
  margin-left: var(--δ4) !important;
}

[cds-layout~="m-t:md"] {
  margin-top: var(--δ5) !important;
}

[cds-layout~="m-r:md"] {
  margin-right: var(--δ5) !important;
}

[cds-layout~="m-b:md"] {
  margin-bottom: var(--δ5) !important;
}

[cds-layout~="m-l:md"] {
  margin-left: var(--δ5) !important;
}

[cds-layout~="m-t:lg"] {
  margin-top: var(--δ6) !important;
}

[cds-layout~="m-r:lg"] {
  margin-right: var(--δ6) !important;
}

[cds-layout~="m-b:lg"] {
  margin-bottom: var(--δ6) !important;
}

[cds-layout~="m-l:lg"] {
  margin-left: var(--δ6) !important;
}

[cds-layout~="m-t:xl"] {
  margin-top: var(--δ7) !important;
}

[cds-layout~="m-r:xl"] {
  margin-right: var(--δ7) !important;
}

[cds-layout~="m-b:xl"] {
  margin-bottom: var(--δ7) !important;
}

[cds-layout~="m-l:xl"] {
  margin-left: var(--δ7) !important;
}

[cds-layout~="m-t:xxl"] {
  margin-top: var(--δ8) !important;
}

[cds-layout~="m-r:xxl"] {
  margin-right: var(--δ8) !important;
}

[cds-layout~="m-b:xxl"] {
  margin-bottom: var(--δ8) !important;
}

[cds-layout~="m-l:xxl"] {
  margin-left: var(--δ8) !important;
}

[cds-layout~="m-t:xxxl"] {
  margin-top: var(--δ9) !important;
}

[cds-layout~="m-r:xxxl"] {
  margin-right: var(--δ9) !important;
}

[cds-layout~="m-b:xxxl"] {
  margin-bottom: var(--δ9) !important;
}

[cds-layout~="m-l:xxxl"] {
  margin-left: var(--δ9) !important;
}

@media (min-width: 576px) {
  [cds-layout*="gap@xs:none"] {
    gap: 0;
  }

  [cds-layout*="gap@xs:xxxs"] {
    gap: var(--δ1);
  }

  [cds-layout*="gap@xs:xxs"] {
    gap: var(--δ2);
  }

  [cds-layout*="gap@xs:xs"] {
    gap: var(--δ3);
  }

  [cds-layout*="gap@xs:sm"] {
    gap: var(--δ4);
  }

  [cds-layout*="gap@xs:md"] {
    gap: var(--δ5);
  }

  [cds-layout*="gap@xs:lg"] {
    gap: var(--δ6);
  }

  [cds-layout*="gap@xs:xl"] {
    gap: var(--δ7);
  }

  [cds-layout*="gap@xs:xxl"] {
    gap: var(--δ8);
  }

  [cds-layout*="gap@xs:xxxl"] {
    gap: var(--δ9);
  }

  [cds-layout~="p@xs:none"] {
    padding: 0 !important;
  }

  [cds-layout~="m@xs:none"] {
    margin: 0 !important;
  }

  [cds-layout~="p@xs:xxxs"] {
    padding: var(--δ1) !important;
  }

  [cds-layout~="m@xs:xxxs"] {
    margin: var(--δ1) !important;
  }

  [cds-layout~="p@xs:xxs"] {
    padding: var(--δ2) !important;
  }

  [cds-layout~="m@xs:xxs"] {
    margin: var(--δ2) !important;
  }

  [cds-layout~="p@xs:xs"] {
    padding: var(--δ3) !important;
  }

  [cds-layout~="m@xs:xs"] {
    margin: var(--δ3) !important;
  }

  [cds-layout~="p@xs:sm"] {
    padding: var(--δ4) !important;
  }

  [cds-layout~="m@xs:sm"] {
    margin: var(--δ4) !important;
  }

  [cds-layout~="p@xs:md"] {
    padding: var(--δ5) !important;
  }

  [cds-layout~="m@xs:md"] {
    margin: var(--δ5) !important;
  }

  [cds-layout~="p@xs:lg"] {
    padding: var(--δ6) !important;
  }

  [cds-layout~="m@xs:lg"] {
    margin: var(--δ6) !important;
  }

  [cds-layout~="p@xs:xl"] {
    padding: var(--δ7) !important;
  }

  [cds-layout~="m@xs:xl"] {
    margin: var(--δ7) !important;
  }

  [cds-layout~="p@xs:xxl"] {
    padding: var(--δ8) !important;
  }

  [cds-layout~="m@xs:xxl"] {
    margin: var(--δ8) !important;
  }

  [cds-layout~="p@xs:xxxl"] {
    padding: var(--δ9) !important;
  }

  [cds-layout~="m@xs:xxxl"] {
    margin: var(--δ9) !important;
  }

  [cds-layout~="p-x@xs:none"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  [cds-layout~="p-y@xs:none"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  [cds-layout~="p-x@xs:xxxs"] {
    padding-left: var(--δ1) !important;
    padding-right: var(--δ1) !important;
  }

  [cds-layout~="p-y@xs:xxxs"] {
    padding-top: var(--δ1) !important;
    padding-bottom: var(--δ1) !important;
  }

  [cds-layout~="p-x@xs:xxs"] {
    padding-left: var(--δ2) !important;
    padding-right: var(--δ2) !important;
  }

  [cds-layout~="p-y@xs:xxs"] {
    padding-top: var(--δ2) !important;
    padding-bottom: var(--δ2) !important;
  }

  [cds-layout~="p-x@xs:xs"] {
    padding-left: var(--δ3) !important;
    padding-right: var(--δ3) !important;
  }

  [cds-layout~="p-y@xs:xs"] {
    padding-top: var(--δ3) !important;
    padding-bottom: var(--δ3) !important;
  }

  [cds-layout~="p-x@xs:sm"] {
    padding-left: var(--δ4) !important;
    padding-right: var(--δ4) !important;
  }

  [cds-layout~="p-y@xs:sm"] {
    padding-top: var(--δ4) !important;
    padding-bottom: var(--δ4) !important;
  }

  [cds-layout~="p-x@xs:md"] {
    padding-left: var(--δ5) !important;
    padding-right: var(--δ5) !important;
  }

  [cds-layout~="p-y@xs:md"] {
    padding-top: var(--δ5) !important;
    padding-bottom: var(--δ5) !important;
  }

  [cds-layout~="p-x@xs:lg"] {
    padding-left: var(--δ6) !important;
    padding-right: var(--δ6) !important;
  }

  [cds-layout~="p-y@xs:lg"] {
    padding-top: var(--δ6) !important;
    padding-bottom: var(--δ6) !important;
  }

  [cds-layout~="p-x@xs:xl"] {
    padding-left: var(--δ7) !important;
    padding-right: var(--δ7) !important;
  }

  [cds-layout~="p-y@xs:xl"] {
    padding-top: var(--δ7) !important;
    padding-bottom: var(--δ7) !important;
  }

  [cds-layout~="p-x@xs:xxl"] {
    padding-left: var(--δ8) !important;
    padding-right: var(--δ8) !important;
  }

  [cds-layout~="p-y@xs:xxl"] {
    padding-top: var(--δ8) !important;
    padding-bottom: var(--δ8) !important;
  }

  [cds-layout~="p-x@xs:xxxl"] {
    padding-left: var(--δ9) !important;
    padding-right: var(--δ9) !important;
  }

  [cds-layout~="p-y@xs:xxxl"] {
    padding-top: var(--δ9) !important;
    padding-bottom: var(--δ9) !important;
  }

  [cds-layout~="m-x@xs:none"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  [cds-layout~="m-y@xs:none"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  [cds-layout~="m-x@xs:xxxs"] {
    margin-left: var(--δ1) !important;
    margin-right: var(--δ1) !important;
  }

  [cds-layout~="m-y@xs:xxxs"] {
    margin-top: var(--δ1) !important;
    margin-bottom: var(--δ1) !important;
  }

  [cds-layout~="m-x@xs:xxs"] {
    margin-left: var(--δ2) !important;
    margin-right: var(--δ2) !important;
  }

  [cds-layout~="m-y@xs:xxs"] {
    margin-top: var(--δ2) !important;
    margin-bottom: var(--δ2) !important;
  }

  [cds-layout~="m-x@xs:xs"] {
    margin-left: var(--δ3) !important;
    margin-right: var(--δ3) !important;
  }

  [cds-layout~="m-y@xs:xs"] {
    margin-top: var(--δ3) !important;
    margin-bottom: var(--δ3) !important;
  }

  [cds-layout~="m-x@xs:sm"] {
    margin-left: var(--δ4) !important;
    margin-right: var(--δ4) !important;
  }

  [cds-layout~="m-y@xs:sm"] {
    margin-top: var(--δ4) !important;
    margin-bottom: var(--δ4) !important;
  }

  [cds-layout~="m-x@xs:md"] {
    margin-left: var(--δ5) !important;
    margin-right: var(--δ5) !important;
  }

  [cds-layout~="m-y@xs:md"] {
    margin-top: var(--δ5) !important;
    margin-bottom: var(--δ5) !important;
  }

  [cds-layout~="m-x@xs:lg"] {
    margin-left: var(--δ6) !important;
    margin-right: var(--δ6) !important;
  }

  [cds-layout~="m-y@xs:lg"] {
    margin-top: var(--δ6) !important;
    margin-bottom: var(--δ6) !important;
  }

  [cds-layout~="m-x@xs:xl"] {
    margin-left: var(--δ7) !important;
    margin-right: var(--δ7) !important;
  }

  [cds-layout~="m-y@xs:xl"] {
    margin-top: var(--δ7) !important;
    margin-bottom: var(--δ7) !important;
  }

  [cds-layout~="m-x@xs:xxl"] {
    margin-left: var(--δ8) !important;
    margin-right: var(--δ8) !important;
  }

  [cds-layout~="m-y@xs:xxl"] {
    margin-top: var(--δ8) !important;
    margin-bottom: var(--δ8) !important;
  }

  [cds-layout~="m-x@xs:xxxl"] {
    margin-left: var(--δ9) !important;
    margin-right: var(--δ9) !important;
  }

  [cds-layout~="m-y@xs:xxxl"] {
    margin-top: var(--δ9) !important;
    margin-bottom: var(--δ9) !important;
  }

  [cds-layout~="p-t@xs:none"] {
    padding-top: 0 !important;
  }

  [cds-layout~="p-r@xs:none"] {
    padding-right: 0 !important;
  }

  [cds-layout~="p-b@xs:none"] {
    padding-bottom: 0 !important;
  }

  [cds-layout~="p-l@xs:none"] {
    padding-left: 0 !important;
  }

  [cds-layout~="p-t@xs:xxxs"] {
    padding-top: var(--δ1) !important;
  }

  [cds-layout~="p-r@xs:xxxs"] {
    padding-right: var(--δ1) !important;
  }

  [cds-layout~="p-b@xs:xxxs"] {
    padding-bottom: var(--δ1) !important;
  }

  [cds-layout~="p-l@xs:xxxs"] {
    padding-left: var(--δ1) !important;
  }

  [cds-layout~="p-t@xs:xxs"] {
    padding-top: var(--δ2) !important;
  }

  [cds-layout~="p-r@xs:xxs"] {
    padding-right: var(--δ2) !important;
  }

  [cds-layout~="p-b@xs:xxs"] {
    padding-bottom: var(--δ2) !important;
  }

  [cds-layout~="p-l@xs:xxs"] {
    padding-left: var(--δ2) !important;
  }

  [cds-layout~="p-t@xs:xs"] {
    padding-top: var(--δ3) !important;
  }

  [cds-layout~="p-r@xs:xs"] {
    padding-right: var(--δ3) !important;
  }

  [cds-layout~="p-b@xs:xs"] {
    padding-bottom: var(--δ3) !important;
  }

  [cds-layout~="p-l@xs:xs"] {
    padding-left: var(--δ3) !important;
  }

  [cds-layout~="p-t@xs:sm"] {
    padding-top: var(--δ4) !important;
  }

  [cds-layout~="p-r@xs:sm"] {
    padding-right: var(--δ4) !important;
  }

  [cds-layout~="p-b@xs:sm"] {
    padding-bottom: var(--δ4) !important;
  }

  [cds-layout~="p-l@xs:sm"] {
    padding-left: var(--δ4) !important;
  }

  [cds-layout~="p-t@xs:md"] {
    padding-top: var(--δ5) !important;
  }

  [cds-layout~="p-r@xs:md"] {
    padding-right: var(--δ5) !important;
  }

  [cds-layout~="p-b@xs:md"] {
    padding-bottom: var(--δ5) !important;
  }

  [cds-layout~="p-l@xs:md"] {
    padding-left: var(--δ5) !important;
  }

  [cds-layout~="p-t@xs:lg"] {
    padding-top: var(--δ6) !important;
  }

  [cds-layout~="p-r@xs:lg"] {
    padding-right: var(--δ6) !important;
  }

  [cds-layout~="p-b@xs:lg"] {
    padding-bottom: var(--δ6) !important;
  }

  [cds-layout~="p-l@xs:lg"] {
    padding-left: var(--δ6) !important;
  }

  [cds-layout~="p-t@xs:xl"] {
    padding-top: var(--δ7) !important;
  }

  [cds-layout~="p-r@xs:xl"] {
    padding-right: var(--δ7) !important;
  }

  [cds-layout~="p-b@xs:xl"] {
    padding-bottom: var(--δ7) !important;
  }

  [cds-layout~="p-l@xs:xl"] {
    padding-left: var(--δ7) !important;
  }

  [cds-layout~="p-t@xs:xxl"] {
    padding-top: var(--δ8) !important;
  }

  [cds-layout~="p-r@xs:xxl"] {
    padding-right: var(--δ8) !important;
  }

  [cds-layout~="p-b@xs:xxl"] {
    padding-bottom: var(--δ8) !important;
  }

  [cds-layout~="p-l@xs:xxl"] {
    padding-left: var(--δ8) !important;
  }

  [cds-layout~="p-t@xs:xxxl"] {
    padding-top: var(--δ9) !important;
  }

  [cds-layout~="p-r@xs:xxxl"] {
    padding-right: var(--δ9) !important;
  }

  [cds-layout~="p-b@xs:xxxl"] {
    padding-bottom: var(--δ9) !important;
  }

  [cds-layout~="p-l@xs:xxxl"] {
    padding-left: var(--δ9) !important;
  }

  [cds-layout~="m-t@xs:none"] {
    margin-top: 0 !important;
  }

  [cds-layout~="m-r@xs:none"] {
    margin-right: 0 !important;
  }

  [cds-layout~="m-b@xs:none"] {
    margin-bottom: 0 !important;
  }

  [cds-layout~="m-l@xs:none"] {
    margin-left: 0 !important;
  }

  [cds-layout~="m-t@xs:xxxs"] {
    margin-top: var(--δ1) !important;
  }

  [cds-layout~="m-r@xs:xxxs"] {
    margin-right: var(--δ1) !important;
  }

  [cds-layout~="m-b@xs:xxxs"] {
    margin-bottom: var(--δ1) !important;
  }

  [cds-layout~="m-l@xs:xxxs"] {
    margin-left: var(--δ1) !important;
  }

  [cds-layout~="m-t@xs:xxs"] {
    margin-top: var(--δ2) !important;
  }

  [cds-layout~="m-r@xs:xxs"] {
    margin-right: var(--δ2) !important;
  }

  [cds-layout~="m-b@xs:xxs"] {
    margin-bottom: var(--δ2) !important;
  }

  [cds-layout~="m-l@xs:xxs"] {
    margin-left: var(--δ2) !important;
  }

  [cds-layout~="m-t@xs:xs"] {
    margin-top: var(--δ3) !important;
  }

  [cds-layout~="m-r@xs:xs"] {
    margin-right: var(--δ3) !important;
  }

  [cds-layout~="m-b@xs:xs"] {
    margin-bottom: var(--δ3) !important;
  }

  [cds-layout~="m-l@xs:xs"] {
    margin-left: var(--δ3) !important;
  }

  [cds-layout~="m-t@xs:sm"] {
    margin-top: var(--δ4) !important;
  }

  [cds-layout~="m-r@xs:sm"] {
    margin-right: var(--δ4) !important;
  }

  [cds-layout~="m-b@xs:sm"] {
    margin-bottom: var(--δ4) !important;
  }

  [cds-layout~="m-l@xs:sm"] {
    margin-left: var(--δ4) !important;
  }

  [cds-layout~="m-t@xs:md"] {
    margin-top: var(--δ5) !important;
  }

  [cds-layout~="m-r@xs:md"] {
    margin-right: var(--δ5) !important;
  }

  [cds-layout~="m-b@xs:md"] {
    margin-bottom: var(--δ5) !important;
  }

  [cds-layout~="m-l@xs:md"] {
    margin-left: var(--δ5) !important;
  }

  [cds-layout~="m-t@xs:lg"] {
    margin-top: var(--δ6) !important;
  }

  [cds-layout~="m-r@xs:lg"] {
    margin-right: var(--δ6) !important;
  }

  [cds-layout~="m-b@xs:lg"] {
    margin-bottom: var(--δ6) !important;
  }

  [cds-layout~="m-l@xs:lg"] {
    margin-left: var(--δ6) !important;
  }

  [cds-layout~="m-t@xs:xl"] {
    margin-top: var(--δ7) !important;
  }

  [cds-layout~="m-r@xs:xl"] {
    margin-right: var(--δ7) !important;
  }

  [cds-layout~="m-b@xs:xl"] {
    margin-bottom: var(--δ7) !important;
  }

  [cds-layout~="m-l@xs:xl"] {
    margin-left: var(--δ7) !important;
  }

  [cds-layout~="m-t@xs:xxl"] {
    margin-top: var(--δ8) !important;
  }

  [cds-layout~="m-r@xs:xxl"] {
    margin-right: var(--δ8) !important;
  }

  [cds-layout~="m-b@xs:xxl"] {
    margin-bottom: var(--δ8) !important;
  }

  [cds-layout~="m-l@xs:xxl"] {
    margin-left: var(--δ8) !important;
  }

  [cds-layout~="m-t@xs:xxxl"] {
    margin-top: var(--δ9) !important;
  }

  [cds-layout~="m-r@xs:xxxl"] {
    margin-right: var(--δ9) !important;
  }

  [cds-layout~="m-b@xs:xxxl"] {
    margin-bottom: var(--δ9) !important;
  }

  [cds-layout~="m-l@xs:xxxl"] {
    margin-left: var(--δ9) !important;
  }
}
@media (min-width: 768px) {
  [cds-layout*="gap@sm:none"] {
    gap: 0;
  }

  [cds-layout*="gap@sm:xxxs"] {
    gap: var(--δ1);
  }

  [cds-layout*="gap@sm:xxs"] {
    gap: var(--δ2);
  }

  [cds-layout*="gap@sm:xs"] {
    gap: var(--δ3);
  }

  [cds-layout*="gap@sm:sm"] {
    gap: var(--δ4);
  }

  [cds-layout*="gap@sm:md"] {
    gap: var(--δ5);
  }

  [cds-layout*="gap@sm:lg"] {
    gap: var(--δ6);
  }

  [cds-layout*="gap@sm:xl"] {
    gap: var(--δ7);
  }

  [cds-layout*="gap@sm:xxl"] {
    gap: var(--δ8);
  }

  [cds-layout*="gap@sm:xxxl"] {
    gap: var(--δ9);
  }

  [cds-layout~="p@sm:none"] {
    padding: 0 !important;
  }

  [cds-layout~="m@sm:none"] {
    margin: 0 !important;
  }

  [cds-layout~="p@sm:xxxs"] {
    padding: var(--δ1) !important;
  }

  [cds-layout~="m@sm:xxxs"] {
    margin: var(--δ1) !important;
  }

  [cds-layout~="p@sm:xxs"] {
    padding: var(--δ2) !important;
  }

  [cds-layout~="m@sm:xxs"] {
    margin: var(--δ2) !important;
  }

  [cds-layout~="p@sm:xs"] {
    padding: var(--δ3) !important;
  }

  [cds-layout~="m@sm:xs"] {
    margin: var(--δ3) !important;
  }

  [cds-layout~="p@sm:sm"] {
    padding: var(--δ4) !important;
  }

  [cds-layout~="m@sm:sm"] {
    margin: var(--δ4) !important;
  }

  [cds-layout~="p@sm:md"] {
    padding: var(--δ5) !important;
  }

  [cds-layout~="m@sm:md"] {
    margin: var(--δ5) !important;
  }

  [cds-layout~="p@sm:lg"] {
    padding: var(--δ6) !important;
  }

  [cds-layout~="m@sm:lg"] {
    margin: var(--δ6) !important;
  }

  [cds-layout~="p@sm:xl"] {
    padding: var(--δ7) !important;
  }

  [cds-layout~="m@sm:xl"] {
    margin: var(--δ7) !important;
  }

  [cds-layout~="p@sm:xxl"] {
    padding: var(--δ8) !important;
  }

  [cds-layout~="m@sm:xxl"] {
    margin: var(--δ8) !important;
  }

  [cds-layout~="p@sm:xxxl"] {
    padding: var(--δ9) !important;
  }

  [cds-layout~="m@sm:xxxl"] {
    margin: var(--δ9) !important;
  }

  [cds-layout~="p-x@sm:none"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  [cds-layout~="p-y@sm:none"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  [cds-layout~="p-x@sm:xxxs"] {
    padding-left: var(--δ1) !important;
    padding-right: var(--δ1) !important;
  }

  [cds-layout~="p-y@sm:xxxs"] {
    padding-top: var(--δ1) !important;
    padding-bottom: var(--δ1) !important;
  }

  [cds-layout~="p-x@sm:xxs"] {
    padding-left: var(--δ2) !important;
    padding-right: var(--δ2) !important;
  }

  [cds-layout~="p-y@sm:xxs"] {
    padding-top: var(--δ2) !important;
    padding-bottom: var(--δ2) !important;
  }

  [cds-layout~="p-x@sm:xs"] {
    padding-left: var(--δ3) !important;
    padding-right: var(--δ3) !important;
  }

  [cds-layout~="p-y@sm:xs"] {
    padding-top: var(--δ3) !important;
    padding-bottom: var(--δ3) !important;
  }

  [cds-layout~="p-x@sm:sm"] {
    padding-left: var(--δ4) !important;
    padding-right: var(--δ4) !important;
  }

  [cds-layout~="p-y@sm:sm"] {
    padding-top: var(--δ4) !important;
    padding-bottom: var(--δ4) !important;
  }

  [cds-layout~="p-x@sm:md"] {
    padding-left: var(--δ5) !important;
    padding-right: var(--δ5) !important;
  }

  [cds-layout~="p-y@sm:md"] {
    padding-top: var(--δ5) !important;
    padding-bottom: var(--δ5) !important;
  }

  [cds-layout~="p-x@sm:lg"] {
    padding-left: var(--δ6) !important;
    padding-right: var(--δ6) !important;
  }

  [cds-layout~="p-y@sm:lg"] {
    padding-top: var(--δ6) !important;
    padding-bottom: var(--δ6) !important;
  }

  [cds-layout~="p-x@sm:xl"] {
    padding-left: var(--δ7) !important;
    padding-right: var(--δ7) !important;
  }

  [cds-layout~="p-y@sm:xl"] {
    padding-top: var(--δ7) !important;
    padding-bottom: var(--δ7) !important;
  }

  [cds-layout~="p-x@sm:xxl"] {
    padding-left: var(--δ8) !important;
    padding-right: var(--δ8) !important;
  }

  [cds-layout~="p-y@sm:xxl"] {
    padding-top: var(--δ8) !important;
    padding-bottom: var(--δ8) !important;
  }

  [cds-layout~="p-x@sm:xxxl"] {
    padding-left: var(--δ9) !important;
    padding-right: var(--δ9) !important;
  }

  [cds-layout~="p-y@sm:xxxl"] {
    padding-top: var(--δ9) !important;
    padding-bottom: var(--δ9) !important;
  }

  [cds-layout~="m-x@sm:none"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  [cds-layout~="m-y@sm:none"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  [cds-layout~="m-x@sm:xxxs"] {
    margin-left: var(--δ1) !important;
    margin-right: var(--δ1) !important;
  }

  [cds-layout~="m-y@sm:xxxs"] {
    margin-top: var(--δ1) !important;
    margin-bottom: var(--δ1) !important;
  }

  [cds-layout~="m-x@sm:xxs"] {
    margin-left: var(--δ2) !important;
    margin-right: var(--δ2) !important;
  }

  [cds-layout~="m-y@sm:xxs"] {
    margin-top: var(--δ2) !important;
    margin-bottom: var(--δ2) !important;
  }

  [cds-layout~="m-x@sm:xs"] {
    margin-left: var(--δ3) !important;
    margin-right: var(--δ3) !important;
  }

  [cds-layout~="m-y@sm:xs"] {
    margin-top: var(--δ3) !important;
    margin-bottom: var(--δ3) !important;
  }

  [cds-layout~="m-x@sm:sm"] {
    margin-left: var(--δ4) !important;
    margin-right: var(--δ4) !important;
  }

  [cds-layout~="m-y@sm:sm"] {
    margin-top: var(--δ4) !important;
    margin-bottom: var(--δ4) !important;
  }

  [cds-layout~="m-x@sm:md"] {
    margin-left: var(--δ5) !important;
    margin-right: var(--δ5) !important;
  }

  [cds-layout~="m-y@sm:md"] {
    margin-top: var(--δ5) !important;
    margin-bottom: var(--δ5) !important;
  }

  [cds-layout~="m-x@sm:lg"] {
    margin-left: var(--δ6) !important;
    margin-right: var(--δ6) !important;
  }

  [cds-layout~="m-y@sm:lg"] {
    margin-top: var(--δ6) !important;
    margin-bottom: var(--δ6) !important;
  }

  [cds-layout~="m-x@sm:xl"] {
    margin-left: var(--δ7) !important;
    margin-right: var(--δ7) !important;
  }

  [cds-layout~="m-y@sm:xl"] {
    margin-top: var(--δ7) !important;
    margin-bottom: var(--δ7) !important;
  }

  [cds-layout~="m-x@sm:xxl"] {
    margin-left: var(--δ8) !important;
    margin-right: var(--δ8) !important;
  }

  [cds-layout~="m-y@sm:xxl"] {
    margin-top: var(--δ8) !important;
    margin-bottom: var(--δ8) !important;
  }

  [cds-layout~="m-x@sm:xxxl"] {
    margin-left: var(--δ9) !important;
    margin-right: var(--δ9) !important;
  }

  [cds-layout~="m-y@sm:xxxl"] {
    margin-top: var(--δ9) !important;
    margin-bottom: var(--δ9) !important;
  }

  [cds-layout~="p-t@sm:none"] {
    padding-top: 0 !important;
  }

  [cds-layout~="p-r@sm:none"] {
    padding-right: 0 !important;
  }

  [cds-layout~="p-b@sm:none"] {
    padding-bottom: 0 !important;
  }

  [cds-layout~="p-l@sm:none"] {
    padding-left: 0 !important;
  }

  [cds-layout~="p-t@sm:xxxs"] {
    padding-top: var(--δ1) !important;
  }

  [cds-layout~="p-r@sm:xxxs"] {
    padding-right: var(--δ1) !important;
  }

  [cds-layout~="p-b@sm:xxxs"] {
    padding-bottom: var(--δ1) !important;
  }

  [cds-layout~="p-l@sm:xxxs"] {
    padding-left: var(--δ1) !important;
  }

  [cds-layout~="p-t@sm:xxs"] {
    padding-top: var(--δ2) !important;
  }

  [cds-layout~="p-r@sm:xxs"] {
    padding-right: var(--δ2) !important;
  }

  [cds-layout~="p-b@sm:xxs"] {
    padding-bottom: var(--δ2) !important;
  }

  [cds-layout~="p-l@sm:xxs"] {
    padding-left: var(--δ2) !important;
  }

  [cds-layout~="p-t@sm:xs"] {
    padding-top: var(--δ3) !important;
  }

  [cds-layout~="p-r@sm:xs"] {
    padding-right: var(--δ3) !important;
  }

  [cds-layout~="p-b@sm:xs"] {
    padding-bottom: var(--δ3) !important;
  }

  [cds-layout~="p-l@sm:xs"] {
    padding-left: var(--δ3) !important;
  }

  [cds-layout~="p-t@sm:sm"] {
    padding-top: var(--δ4) !important;
  }

  [cds-layout~="p-r@sm:sm"] {
    padding-right: var(--δ4) !important;
  }

  [cds-layout~="p-b@sm:sm"] {
    padding-bottom: var(--δ4) !important;
  }

  [cds-layout~="p-l@sm:sm"] {
    padding-left: var(--δ4) !important;
  }

  [cds-layout~="p-t@sm:md"] {
    padding-top: var(--δ5) !important;
  }

  [cds-layout~="p-r@sm:md"] {
    padding-right: var(--δ5) !important;
  }

  [cds-layout~="p-b@sm:md"] {
    padding-bottom: var(--δ5) !important;
  }

  [cds-layout~="p-l@sm:md"] {
    padding-left: var(--δ5) !important;
  }

  [cds-layout~="p-t@sm:lg"] {
    padding-top: var(--δ6) !important;
  }

  [cds-layout~="p-r@sm:lg"] {
    padding-right: var(--δ6) !important;
  }

  [cds-layout~="p-b@sm:lg"] {
    padding-bottom: var(--δ6) !important;
  }

  [cds-layout~="p-l@sm:lg"] {
    padding-left: var(--δ6) !important;
  }

  [cds-layout~="p-t@sm:xl"] {
    padding-top: var(--δ7) !important;
  }

  [cds-layout~="p-r@sm:xl"] {
    padding-right: var(--δ7) !important;
  }

  [cds-layout~="p-b@sm:xl"] {
    padding-bottom: var(--δ7) !important;
  }

  [cds-layout~="p-l@sm:xl"] {
    padding-left: var(--δ7) !important;
  }

  [cds-layout~="p-t@sm:xxl"] {
    padding-top: var(--δ8) !important;
  }

  [cds-layout~="p-r@sm:xxl"] {
    padding-right: var(--δ8) !important;
  }

  [cds-layout~="p-b@sm:xxl"] {
    padding-bottom: var(--δ8) !important;
  }

  [cds-layout~="p-l@sm:xxl"] {
    padding-left: var(--δ8) !important;
  }

  [cds-layout~="p-t@sm:xxxl"] {
    padding-top: var(--δ9) !important;
  }

  [cds-layout~="p-r@sm:xxxl"] {
    padding-right: var(--δ9) !important;
  }

  [cds-layout~="p-b@sm:xxxl"] {
    padding-bottom: var(--δ9) !important;
  }

  [cds-layout~="p-l@sm:xxxl"] {
    padding-left: var(--δ9) !important;
  }

  [cds-layout~="m-t@sm:none"] {
    margin-top: 0 !important;
  }

  [cds-layout~="m-r@sm:none"] {
    margin-right: 0 !important;
  }

  [cds-layout~="m-b@sm:none"] {
    margin-bottom: 0 !important;
  }

  [cds-layout~="m-l@sm:none"] {
    margin-left: 0 !important;
  }

  [cds-layout~="m-t@sm:xxxs"] {
    margin-top: var(--δ1) !important;
  }

  [cds-layout~="m-r@sm:xxxs"] {
    margin-right: var(--δ1) !important;
  }

  [cds-layout~="m-b@sm:xxxs"] {
    margin-bottom: var(--δ1) !important;
  }

  [cds-layout~="m-l@sm:xxxs"] {
    margin-left: var(--δ1) !important;
  }

  [cds-layout~="m-t@sm:xxs"] {
    margin-top: var(--δ2) !important;
  }

  [cds-layout~="m-r@sm:xxs"] {
    margin-right: var(--δ2) !important;
  }

  [cds-layout~="m-b@sm:xxs"] {
    margin-bottom: var(--δ2) !important;
  }

  [cds-layout~="m-l@sm:xxs"] {
    margin-left: var(--δ2) !important;
  }

  [cds-layout~="m-t@sm:xs"] {
    margin-top: var(--δ3) !important;
  }

  [cds-layout~="m-r@sm:xs"] {
    margin-right: var(--δ3) !important;
  }

  [cds-layout~="m-b@sm:xs"] {
    margin-bottom: var(--δ3) !important;
  }

  [cds-layout~="m-l@sm:xs"] {
    margin-left: var(--δ3) !important;
  }

  [cds-layout~="m-t@sm:sm"] {
    margin-top: var(--δ4) !important;
  }

  [cds-layout~="m-r@sm:sm"] {
    margin-right: var(--δ4) !important;
  }

  [cds-layout~="m-b@sm:sm"] {
    margin-bottom: var(--δ4) !important;
  }

  [cds-layout~="m-l@sm:sm"] {
    margin-left: var(--δ4) !important;
  }

  [cds-layout~="m-t@sm:md"] {
    margin-top: var(--δ5) !important;
  }

  [cds-layout~="m-r@sm:md"] {
    margin-right: var(--δ5) !important;
  }

  [cds-layout~="m-b@sm:md"] {
    margin-bottom: var(--δ5) !important;
  }

  [cds-layout~="m-l@sm:md"] {
    margin-left: var(--δ5) !important;
  }

  [cds-layout~="m-t@sm:lg"] {
    margin-top: var(--δ6) !important;
  }

  [cds-layout~="m-r@sm:lg"] {
    margin-right: var(--δ6) !important;
  }

  [cds-layout~="m-b@sm:lg"] {
    margin-bottom: var(--δ6) !important;
  }

  [cds-layout~="m-l@sm:lg"] {
    margin-left: var(--δ6) !important;
  }

  [cds-layout~="m-t@sm:xl"] {
    margin-top: var(--δ7) !important;
  }

  [cds-layout~="m-r@sm:xl"] {
    margin-right: var(--δ7) !important;
  }

  [cds-layout~="m-b@sm:xl"] {
    margin-bottom: var(--δ7) !important;
  }

  [cds-layout~="m-l@sm:xl"] {
    margin-left: var(--δ7) !important;
  }

  [cds-layout~="m-t@sm:xxl"] {
    margin-top: var(--δ8) !important;
  }

  [cds-layout~="m-r@sm:xxl"] {
    margin-right: var(--δ8) !important;
  }

  [cds-layout~="m-b@sm:xxl"] {
    margin-bottom: var(--δ8) !important;
  }

  [cds-layout~="m-l@sm:xxl"] {
    margin-left: var(--δ8) !important;
  }

  [cds-layout~="m-t@sm:xxxl"] {
    margin-top: var(--δ9) !important;
  }

  [cds-layout~="m-r@sm:xxxl"] {
    margin-right: var(--δ9) !important;
  }

  [cds-layout~="m-b@sm:xxxl"] {
    margin-bottom: var(--δ9) !important;
  }

  [cds-layout~="m-l@sm:xxxl"] {
    margin-left: var(--δ9) !important;
  }
}
@media (min-width: 992px) {
  [cds-layout*="gap@md:none"] {
    gap: 0;
  }

  [cds-layout*="gap@md:xxxs"] {
    gap: var(--δ1);
  }

  [cds-layout*="gap@md:xxs"] {
    gap: var(--δ2);
  }

  [cds-layout*="gap@md:xs"] {
    gap: var(--δ3);
  }

  [cds-layout*="gap@md:sm"] {
    gap: var(--δ4);
  }

  [cds-layout*="gap@md:md"] {
    gap: var(--δ5);
  }

  [cds-layout*="gap@md:lg"] {
    gap: var(--δ6);
  }

  [cds-layout*="gap@md:xl"] {
    gap: var(--δ7);
  }

  [cds-layout*="gap@md:xxl"] {
    gap: var(--δ8);
  }

  [cds-layout*="gap@md:xxxl"] {
    gap: var(--δ9);
  }

  [cds-layout~="p@md:none"] {
    padding: 0 !important;
  }

  [cds-layout~="m@md:none"] {
    margin: 0 !important;
  }

  [cds-layout~="p@md:xxxs"] {
    padding: var(--δ1) !important;
  }

  [cds-layout~="m@md:xxxs"] {
    margin: var(--δ1) !important;
  }

  [cds-layout~="p@md:xxs"] {
    padding: var(--δ2) !important;
  }

  [cds-layout~="m@md:xxs"] {
    margin: var(--δ2) !important;
  }

  [cds-layout~="p@md:xs"] {
    padding: var(--δ3) !important;
  }

  [cds-layout~="m@md:xs"] {
    margin: var(--δ3) !important;
  }

  [cds-layout~="p@md:sm"] {
    padding: var(--δ4) !important;
  }

  [cds-layout~="m@md:sm"] {
    margin: var(--δ4) !important;
  }

  [cds-layout~="p@md:md"] {
    padding: var(--δ5) !important;
  }

  [cds-layout~="m@md:md"] {
    margin: var(--δ5) !important;
  }

  [cds-layout~="p@md:lg"] {
    padding: var(--δ6) !important;
  }

  [cds-layout~="m@md:lg"] {
    margin: var(--δ6) !important;
  }

  [cds-layout~="p@md:xl"] {
    padding: var(--δ7) !important;
  }

  [cds-layout~="m@md:xl"] {
    margin: var(--δ7) !important;
  }

  [cds-layout~="p@md:xxl"] {
    padding: var(--δ8) !important;
  }

  [cds-layout~="m@md:xxl"] {
    margin: var(--δ8) !important;
  }

  [cds-layout~="p@md:xxxl"] {
    padding: var(--δ9) !important;
  }

  [cds-layout~="m@md:xxxl"] {
    margin: var(--δ9) !important;
  }

  [cds-layout~="p-x@md:none"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  [cds-layout~="p-y@md:none"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  [cds-layout~="p-x@md:xxxs"] {
    padding-left: var(--δ1) !important;
    padding-right: var(--δ1) !important;
  }

  [cds-layout~="p-y@md:xxxs"] {
    padding-top: var(--δ1) !important;
    padding-bottom: var(--δ1) !important;
  }

  [cds-layout~="p-x@md:xxs"] {
    padding-left: var(--δ2) !important;
    padding-right: var(--δ2) !important;
  }

  [cds-layout~="p-y@md:xxs"] {
    padding-top: var(--δ2) !important;
    padding-bottom: var(--δ2) !important;
  }

  [cds-layout~="p-x@md:xs"] {
    padding-left: var(--δ3) !important;
    padding-right: var(--δ3) !important;
  }

  [cds-layout~="p-y@md:xs"] {
    padding-top: var(--δ3) !important;
    padding-bottom: var(--δ3) !important;
  }

  [cds-layout~="p-x@md:sm"] {
    padding-left: var(--δ4) !important;
    padding-right: var(--δ4) !important;
  }

  [cds-layout~="p-y@md:sm"] {
    padding-top: var(--δ4) !important;
    padding-bottom: var(--δ4) !important;
  }

  [cds-layout~="p-x@md:md"] {
    padding-left: var(--δ5) !important;
    padding-right: var(--δ5) !important;
  }

  [cds-layout~="p-y@md:md"] {
    padding-top: var(--δ5) !important;
    padding-bottom: var(--δ5) !important;
  }

  [cds-layout~="p-x@md:lg"] {
    padding-left: var(--δ6) !important;
    padding-right: var(--δ6) !important;
  }

  [cds-layout~="p-y@md:lg"] {
    padding-top: var(--δ6) !important;
    padding-bottom: var(--δ6) !important;
  }

  [cds-layout~="p-x@md:xl"] {
    padding-left: var(--δ7) !important;
    padding-right: var(--δ7) !important;
  }

  [cds-layout~="p-y@md:xl"] {
    padding-top: var(--δ7) !important;
    padding-bottom: var(--δ7) !important;
  }

  [cds-layout~="p-x@md:xxl"] {
    padding-left: var(--δ8) !important;
    padding-right: var(--δ8) !important;
  }

  [cds-layout~="p-y@md:xxl"] {
    padding-top: var(--δ8) !important;
    padding-bottom: var(--δ8) !important;
  }

  [cds-layout~="p-x@md:xxxl"] {
    padding-left: var(--δ9) !important;
    padding-right: var(--δ9) !important;
  }

  [cds-layout~="p-y@md:xxxl"] {
    padding-top: var(--δ9) !important;
    padding-bottom: var(--δ9) !important;
  }

  [cds-layout~="m-x@md:none"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  [cds-layout~="m-y@md:none"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  [cds-layout~="m-x@md:xxxs"] {
    margin-left: var(--δ1) !important;
    margin-right: var(--δ1) !important;
  }

  [cds-layout~="m-y@md:xxxs"] {
    margin-top: var(--δ1) !important;
    margin-bottom: var(--δ1) !important;
  }

  [cds-layout~="m-x@md:xxs"] {
    margin-left: var(--δ2) !important;
    margin-right: var(--δ2) !important;
  }

  [cds-layout~="m-y@md:xxs"] {
    margin-top: var(--δ2) !important;
    margin-bottom: var(--δ2) !important;
  }

  [cds-layout~="m-x@md:xs"] {
    margin-left: var(--δ3) !important;
    margin-right: var(--δ3) !important;
  }

  [cds-layout~="m-y@md:xs"] {
    margin-top: var(--δ3) !important;
    margin-bottom: var(--δ3) !important;
  }

  [cds-layout~="m-x@md:sm"] {
    margin-left: var(--δ4) !important;
    margin-right: var(--δ4) !important;
  }

  [cds-layout~="m-y@md:sm"] {
    margin-top: var(--δ4) !important;
    margin-bottom: var(--δ4) !important;
  }

  [cds-layout~="m-x@md:md"] {
    margin-left: var(--δ5) !important;
    margin-right: var(--δ5) !important;
  }

  [cds-layout~="m-y@md:md"] {
    margin-top: var(--δ5) !important;
    margin-bottom: var(--δ5) !important;
  }

  [cds-layout~="m-x@md:lg"] {
    margin-left: var(--δ6) !important;
    margin-right: var(--δ6) !important;
  }

  [cds-layout~="m-y@md:lg"] {
    margin-top: var(--δ6) !important;
    margin-bottom: var(--δ6) !important;
  }

  [cds-layout~="m-x@md:xl"] {
    margin-left: var(--δ7) !important;
    margin-right: var(--δ7) !important;
  }

  [cds-layout~="m-y@md:xl"] {
    margin-top: var(--δ7) !important;
    margin-bottom: var(--δ7) !important;
  }

  [cds-layout~="m-x@md:xxl"] {
    margin-left: var(--δ8) !important;
    margin-right: var(--δ8) !important;
  }

  [cds-layout~="m-y@md:xxl"] {
    margin-top: var(--δ8) !important;
    margin-bottom: var(--δ8) !important;
  }

  [cds-layout~="m-x@md:xxxl"] {
    margin-left: var(--δ9) !important;
    margin-right: var(--δ9) !important;
  }

  [cds-layout~="m-y@md:xxxl"] {
    margin-top: var(--δ9) !important;
    margin-bottom: var(--δ9) !important;
  }

  [cds-layout~="p-t@md:none"] {
    padding-top: 0 !important;
  }

  [cds-layout~="p-r@md:none"] {
    padding-right: 0 !important;
  }

  [cds-layout~="p-b@md:none"] {
    padding-bottom: 0 !important;
  }

  [cds-layout~="p-l@md:none"] {
    padding-left: 0 !important;
  }

  [cds-layout~="p-t@md:xxxs"] {
    padding-top: var(--δ1) !important;
  }

  [cds-layout~="p-r@md:xxxs"] {
    padding-right: var(--δ1) !important;
  }

  [cds-layout~="p-b@md:xxxs"] {
    padding-bottom: var(--δ1) !important;
  }

  [cds-layout~="p-l@md:xxxs"] {
    padding-left: var(--δ1) !important;
  }

  [cds-layout~="p-t@md:xxs"] {
    padding-top: var(--δ2) !important;
  }

  [cds-layout~="p-r@md:xxs"] {
    padding-right: var(--δ2) !important;
  }

  [cds-layout~="p-b@md:xxs"] {
    padding-bottom: var(--δ2) !important;
  }

  [cds-layout~="p-l@md:xxs"] {
    padding-left: var(--δ2) !important;
  }

  [cds-layout~="p-t@md:xs"] {
    padding-top: var(--δ3) !important;
  }

  [cds-layout~="p-r@md:xs"] {
    padding-right: var(--δ3) !important;
  }

  [cds-layout~="p-b@md:xs"] {
    padding-bottom: var(--δ3) !important;
  }

  [cds-layout~="p-l@md:xs"] {
    padding-left: var(--δ3) !important;
  }

  [cds-layout~="p-t@md:sm"] {
    padding-top: var(--δ4) !important;
  }

  [cds-layout~="p-r@md:sm"] {
    padding-right: var(--δ4) !important;
  }

  [cds-layout~="p-b@md:sm"] {
    padding-bottom: var(--δ4) !important;
  }

  [cds-layout~="p-l@md:sm"] {
    padding-left: var(--δ4) !important;
  }

  [cds-layout~="p-t@md:md"] {
    padding-top: var(--δ5) !important;
  }

  [cds-layout~="p-r@md:md"] {
    padding-right: var(--δ5) !important;
  }

  [cds-layout~="p-b@md:md"] {
    padding-bottom: var(--δ5) !important;
  }

  [cds-layout~="p-l@md:md"] {
    padding-left: var(--δ5) !important;
  }

  [cds-layout~="p-t@md:lg"] {
    padding-top: var(--δ6) !important;
  }

  [cds-layout~="p-r@md:lg"] {
    padding-right: var(--δ6) !important;
  }

  [cds-layout~="p-b@md:lg"] {
    padding-bottom: var(--δ6) !important;
  }

  [cds-layout~="p-l@md:lg"] {
    padding-left: var(--δ6) !important;
  }

  [cds-layout~="p-t@md:xl"] {
    padding-top: var(--δ7) !important;
  }

  [cds-layout~="p-r@md:xl"] {
    padding-right: var(--δ7) !important;
  }

  [cds-layout~="p-b@md:xl"] {
    padding-bottom: var(--δ7) !important;
  }

  [cds-layout~="p-l@md:xl"] {
    padding-left: var(--δ7) !important;
  }

  [cds-layout~="p-t@md:xxl"] {
    padding-top: var(--δ8) !important;
  }

  [cds-layout~="p-r@md:xxl"] {
    padding-right: var(--δ8) !important;
  }

  [cds-layout~="p-b@md:xxl"] {
    padding-bottom: var(--δ8) !important;
  }

  [cds-layout~="p-l@md:xxl"] {
    padding-left: var(--δ8) !important;
  }

  [cds-layout~="p-t@md:xxxl"] {
    padding-top: var(--δ9) !important;
  }

  [cds-layout~="p-r@md:xxxl"] {
    padding-right: var(--δ9) !important;
  }

  [cds-layout~="p-b@md:xxxl"] {
    padding-bottom: var(--δ9) !important;
  }

  [cds-layout~="p-l@md:xxxl"] {
    padding-left: var(--δ9) !important;
  }

  [cds-layout~="m-t@md:none"] {
    margin-top: 0 !important;
  }

  [cds-layout~="m-r@md:none"] {
    margin-right: 0 !important;
  }

  [cds-layout~="m-b@md:none"] {
    margin-bottom: 0 !important;
  }

  [cds-layout~="m-l@md:none"] {
    margin-left: 0 !important;
  }

  [cds-layout~="m-t@md:xxxs"] {
    margin-top: var(--δ1) !important;
  }

  [cds-layout~="m-r@md:xxxs"] {
    margin-right: var(--δ1) !important;
  }

  [cds-layout~="m-b@md:xxxs"] {
    margin-bottom: var(--δ1) !important;
  }

  [cds-layout~="m-l@md:xxxs"] {
    margin-left: var(--δ1) !important;
  }

  [cds-layout~="m-t@md:xxs"] {
    margin-top: var(--δ2) !important;
  }

  [cds-layout~="m-r@md:xxs"] {
    margin-right: var(--δ2) !important;
  }

  [cds-layout~="m-b@md:xxs"] {
    margin-bottom: var(--δ2) !important;
  }

  [cds-layout~="m-l@md:xxs"] {
    margin-left: var(--δ2) !important;
  }

  [cds-layout~="m-t@md:xs"] {
    margin-top: var(--δ3) !important;
  }

  [cds-layout~="m-r@md:xs"] {
    margin-right: var(--δ3) !important;
  }

  [cds-layout~="m-b@md:xs"] {
    margin-bottom: var(--δ3) !important;
  }

  [cds-layout~="m-l@md:xs"] {
    margin-left: var(--δ3) !important;
  }

  [cds-layout~="m-t@md:sm"] {
    margin-top: var(--δ4) !important;
  }

  [cds-layout~="m-r@md:sm"] {
    margin-right: var(--δ4) !important;
  }

  [cds-layout~="m-b@md:sm"] {
    margin-bottom: var(--δ4) !important;
  }

  [cds-layout~="m-l@md:sm"] {
    margin-left: var(--δ4) !important;
  }

  [cds-layout~="m-t@md:md"] {
    margin-top: var(--δ5) !important;
  }

  [cds-layout~="m-r@md:md"] {
    margin-right: var(--δ5) !important;
  }

  [cds-layout~="m-b@md:md"] {
    margin-bottom: var(--δ5) !important;
  }

  [cds-layout~="m-l@md:md"] {
    margin-left: var(--δ5) !important;
  }

  [cds-layout~="m-t@md:lg"] {
    margin-top: var(--δ6) !important;
  }

  [cds-layout~="m-r@md:lg"] {
    margin-right: var(--δ6) !important;
  }

  [cds-layout~="m-b@md:lg"] {
    margin-bottom: var(--δ6) !important;
  }

  [cds-layout~="m-l@md:lg"] {
    margin-left: var(--δ6) !important;
  }

  [cds-layout~="m-t@md:xl"] {
    margin-top: var(--δ7) !important;
  }

  [cds-layout~="m-r@md:xl"] {
    margin-right: var(--δ7) !important;
  }

  [cds-layout~="m-b@md:xl"] {
    margin-bottom: var(--δ7) !important;
  }

  [cds-layout~="m-l@md:xl"] {
    margin-left: var(--δ7) !important;
  }

  [cds-layout~="m-t@md:xxl"] {
    margin-top: var(--δ8) !important;
  }

  [cds-layout~="m-r@md:xxl"] {
    margin-right: var(--δ8) !important;
  }

  [cds-layout~="m-b@md:xxl"] {
    margin-bottom: var(--δ8) !important;
  }

  [cds-layout~="m-l@md:xxl"] {
    margin-left: var(--δ8) !important;
  }

  [cds-layout~="m-t@md:xxxl"] {
    margin-top: var(--δ9) !important;
  }

  [cds-layout~="m-r@md:xxxl"] {
    margin-right: var(--δ9) !important;
  }

  [cds-layout~="m-b@md:xxxl"] {
    margin-bottom: var(--δ9) !important;
  }

  [cds-layout~="m-l@md:xxxl"] {
    margin-left: var(--δ9) !important;
  }
}
@media (min-width: 1200px) {
  [cds-layout*="gap@lg:none"] {
    gap: 0;
  }

  [cds-layout*="gap@lg:xxxs"] {
    gap: var(--δ1);
  }

  [cds-layout*="gap@lg:xxs"] {
    gap: var(--δ2);
  }

  [cds-layout*="gap@lg:xs"] {
    gap: var(--δ3);
  }

  [cds-layout*="gap@lg:sm"] {
    gap: var(--δ4);
  }

  [cds-layout*="gap@lg:md"] {
    gap: var(--δ5);
  }

  [cds-layout*="gap@lg:lg"] {
    gap: var(--δ6);
  }

  [cds-layout*="gap@lg:xl"] {
    gap: var(--δ7);
  }

  [cds-layout*="gap@lg:xxl"] {
    gap: var(--δ8);
  }

  [cds-layout*="gap@lg:xxxl"] {
    gap: var(--δ9);
  }

  [cds-layout~="p@lg:none"] {
    padding: 0 !important;
  }

  [cds-layout~="m@lg:none"] {
    margin: 0 !important;
  }

  [cds-layout~="p@lg:xxxs"] {
    padding: var(--δ1) !important;
  }

  [cds-layout~="m@lg:xxxs"] {
    margin: var(--δ1) !important;
  }

  [cds-layout~="p@lg:xxs"] {
    padding: var(--δ2) !important;
  }

  [cds-layout~="m@lg:xxs"] {
    margin: var(--δ2) !important;
  }

  [cds-layout~="p@lg:xs"] {
    padding: var(--δ3) !important;
  }

  [cds-layout~="m@lg:xs"] {
    margin: var(--δ3) !important;
  }

  [cds-layout~="p@lg:sm"] {
    padding: var(--δ4) !important;
  }

  [cds-layout~="m@lg:sm"] {
    margin: var(--δ4) !important;
  }

  [cds-layout~="p@lg:md"] {
    padding: var(--δ5) !important;
  }

  [cds-layout~="m@lg:md"] {
    margin: var(--δ5) !important;
  }

  [cds-layout~="p@lg:lg"] {
    padding: var(--δ6) !important;
  }

  [cds-layout~="m@lg:lg"] {
    margin: var(--δ6) !important;
  }

  [cds-layout~="p@lg:xl"] {
    padding: var(--δ7) !important;
  }

  [cds-layout~="m@lg:xl"] {
    margin: var(--δ7) !important;
  }

  [cds-layout~="p@lg:xxl"] {
    padding: var(--δ8) !important;
  }

  [cds-layout~="m@lg:xxl"] {
    margin: var(--δ8) !important;
  }

  [cds-layout~="p@lg:xxxl"] {
    padding: var(--δ9) !important;
  }

  [cds-layout~="m@lg:xxxl"] {
    margin: var(--δ9) !important;
  }

  [cds-layout~="p-x@lg:none"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  [cds-layout~="p-y@lg:none"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  [cds-layout~="p-x@lg:xxxs"] {
    padding-left: var(--δ1) !important;
    padding-right: var(--δ1) !important;
  }

  [cds-layout~="p-y@lg:xxxs"] {
    padding-top: var(--δ1) !important;
    padding-bottom: var(--δ1) !important;
  }

  [cds-layout~="p-x@lg:xxs"] {
    padding-left: var(--δ2) !important;
    padding-right: var(--δ2) !important;
  }

  [cds-layout~="p-y@lg:xxs"] {
    padding-top: var(--δ2) !important;
    padding-bottom: var(--δ2) !important;
  }

  [cds-layout~="p-x@lg:xs"] {
    padding-left: var(--δ3) !important;
    padding-right: var(--δ3) !important;
  }

  [cds-layout~="p-y@lg:xs"] {
    padding-top: var(--δ3) !important;
    padding-bottom: var(--δ3) !important;
  }

  [cds-layout~="p-x@lg:sm"] {
    padding-left: var(--δ4) !important;
    padding-right: var(--δ4) !important;
  }

  [cds-layout~="p-y@lg:sm"] {
    padding-top: var(--δ4) !important;
    padding-bottom: var(--δ4) !important;
  }

  [cds-layout~="p-x@lg:md"] {
    padding-left: var(--δ5) !important;
    padding-right: var(--δ5) !important;
  }

  [cds-layout~="p-y@lg:md"] {
    padding-top: var(--δ5) !important;
    padding-bottom: var(--δ5) !important;
  }

  [cds-layout~="p-x@lg:lg"] {
    padding-left: var(--δ6) !important;
    padding-right: var(--δ6) !important;
  }

  [cds-layout~="p-y@lg:lg"] {
    padding-top: var(--δ6) !important;
    padding-bottom: var(--δ6) !important;
  }

  [cds-layout~="p-x@lg:xl"] {
    padding-left: var(--δ7) !important;
    padding-right: var(--δ7) !important;
  }

  [cds-layout~="p-y@lg:xl"] {
    padding-top: var(--δ7) !important;
    padding-bottom: var(--δ7) !important;
  }

  [cds-layout~="p-x@lg:xxl"] {
    padding-left: var(--δ8) !important;
    padding-right: var(--δ8) !important;
  }

  [cds-layout~="p-y@lg:xxl"] {
    padding-top: var(--δ8) !important;
    padding-bottom: var(--δ8) !important;
  }

  [cds-layout~="p-x@lg:xxxl"] {
    padding-left: var(--δ9) !important;
    padding-right: var(--δ9) !important;
  }

  [cds-layout~="p-y@lg:xxxl"] {
    padding-top: var(--δ9) !important;
    padding-bottom: var(--δ9) !important;
  }

  [cds-layout~="m-x@lg:none"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  [cds-layout~="m-y@lg:none"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  [cds-layout~="m-x@lg:xxxs"] {
    margin-left: var(--δ1) !important;
    margin-right: var(--δ1) !important;
  }

  [cds-layout~="m-y@lg:xxxs"] {
    margin-top: var(--δ1) !important;
    margin-bottom: var(--δ1) !important;
  }

  [cds-layout~="m-x@lg:xxs"] {
    margin-left: var(--δ2) !important;
    margin-right: var(--δ2) !important;
  }

  [cds-layout~="m-y@lg:xxs"] {
    margin-top: var(--δ2) !important;
    margin-bottom: var(--δ2) !important;
  }

  [cds-layout~="m-x@lg:xs"] {
    margin-left: var(--δ3) !important;
    margin-right: var(--δ3) !important;
  }

  [cds-layout~="m-y@lg:xs"] {
    margin-top: var(--δ3) !important;
    margin-bottom: var(--δ3) !important;
  }

  [cds-layout~="m-x@lg:sm"] {
    margin-left: var(--δ4) !important;
    margin-right: var(--δ4) !important;
  }

  [cds-layout~="m-y@lg:sm"] {
    margin-top: var(--δ4) !important;
    margin-bottom: var(--δ4) !important;
  }

  [cds-layout~="m-x@lg:md"] {
    margin-left: var(--δ5) !important;
    margin-right: var(--δ5) !important;
  }

  [cds-layout~="m-y@lg:md"] {
    margin-top: var(--δ5) !important;
    margin-bottom: var(--δ5) !important;
  }

  [cds-layout~="m-x@lg:lg"] {
    margin-left: var(--δ6) !important;
    margin-right: var(--δ6) !important;
  }

  [cds-layout~="m-y@lg:lg"] {
    margin-top: var(--δ6) !important;
    margin-bottom: var(--δ6) !important;
  }

  [cds-layout~="m-x@lg:xl"] {
    margin-left: var(--δ7) !important;
    margin-right: var(--δ7) !important;
  }

  [cds-layout~="m-y@lg:xl"] {
    margin-top: var(--δ7) !important;
    margin-bottom: var(--δ7) !important;
  }

  [cds-layout~="m-x@lg:xxl"] {
    margin-left: var(--δ8) !important;
    margin-right: var(--δ8) !important;
  }

  [cds-layout~="m-y@lg:xxl"] {
    margin-top: var(--δ8) !important;
    margin-bottom: var(--δ8) !important;
  }

  [cds-layout~="m-x@lg:xxxl"] {
    margin-left: var(--δ9) !important;
    margin-right: var(--δ9) !important;
  }

  [cds-layout~="m-y@lg:xxxl"] {
    margin-top: var(--δ9) !important;
    margin-bottom: var(--δ9) !important;
  }

  [cds-layout~="p-t@lg:none"] {
    padding-top: 0 !important;
  }

  [cds-layout~="p-r@lg:none"] {
    padding-right: 0 !important;
  }

  [cds-layout~="p-b@lg:none"] {
    padding-bottom: 0 !important;
  }

  [cds-layout~="p-l@lg:none"] {
    padding-left: 0 !important;
  }

  [cds-layout~="p-t@lg:xxxs"] {
    padding-top: var(--δ1) !important;
  }

  [cds-layout~="p-r@lg:xxxs"] {
    padding-right: var(--δ1) !important;
  }

  [cds-layout~="p-b@lg:xxxs"] {
    padding-bottom: var(--δ1) !important;
  }

  [cds-layout~="p-l@lg:xxxs"] {
    padding-left: var(--δ1) !important;
  }

  [cds-layout~="p-t@lg:xxs"] {
    padding-top: var(--δ2) !important;
  }

  [cds-layout~="p-r@lg:xxs"] {
    padding-right: var(--δ2) !important;
  }

  [cds-layout~="p-b@lg:xxs"] {
    padding-bottom: var(--δ2) !important;
  }

  [cds-layout~="p-l@lg:xxs"] {
    padding-left: var(--δ2) !important;
  }

  [cds-layout~="p-t@lg:xs"] {
    padding-top: var(--δ3) !important;
  }

  [cds-layout~="p-r@lg:xs"] {
    padding-right: var(--δ3) !important;
  }

  [cds-layout~="p-b@lg:xs"] {
    padding-bottom: var(--δ3) !important;
  }

  [cds-layout~="p-l@lg:xs"] {
    padding-left: var(--δ3) !important;
  }

  [cds-layout~="p-t@lg:sm"] {
    padding-top: var(--δ4) !important;
  }

  [cds-layout~="p-r@lg:sm"] {
    padding-right: var(--δ4) !important;
  }

  [cds-layout~="p-b@lg:sm"] {
    padding-bottom: var(--δ4) !important;
  }

  [cds-layout~="p-l@lg:sm"] {
    padding-left: var(--δ4) !important;
  }

  [cds-layout~="p-t@lg:md"] {
    padding-top: var(--δ5) !important;
  }

  [cds-layout~="p-r@lg:md"] {
    padding-right: var(--δ5) !important;
  }

  [cds-layout~="p-b@lg:md"] {
    padding-bottom: var(--δ5) !important;
  }

  [cds-layout~="p-l@lg:md"] {
    padding-left: var(--δ5) !important;
  }

  [cds-layout~="p-t@lg:lg"] {
    padding-top: var(--δ6) !important;
  }

  [cds-layout~="p-r@lg:lg"] {
    padding-right: var(--δ6) !important;
  }

  [cds-layout~="p-b@lg:lg"] {
    padding-bottom: var(--δ6) !important;
  }

  [cds-layout~="p-l@lg:lg"] {
    padding-left: var(--δ6) !important;
  }

  [cds-layout~="p-t@lg:xl"] {
    padding-top: var(--δ7) !important;
  }

  [cds-layout~="p-r@lg:xl"] {
    padding-right: var(--δ7) !important;
  }

  [cds-layout~="p-b@lg:xl"] {
    padding-bottom: var(--δ7) !important;
  }

  [cds-layout~="p-l@lg:xl"] {
    padding-left: var(--δ7) !important;
  }

  [cds-layout~="p-t@lg:xxl"] {
    padding-top: var(--δ8) !important;
  }

  [cds-layout~="p-r@lg:xxl"] {
    padding-right: var(--δ8) !important;
  }

  [cds-layout~="p-b@lg:xxl"] {
    padding-bottom: var(--δ8) !important;
  }

  [cds-layout~="p-l@lg:xxl"] {
    padding-left: var(--δ8) !important;
  }

  [cds-layout~="p-t@lg:xxxl"] {
    padding-top: var(--δ9) !important;
  }

  [cds-layout~="p-r@lg:xxxl"] {
    padding-right: var(--δ9) !important;
  }

  [cds-layout~="p-b@lg:xxxl"] {
    padding-bottom: var(--δ9) !important;
  }

  [cds-layout~="p-l@lg:xxxl"] {
    padding-left: var(--δ9) !important;
  }

  [cds-layout~="m-t@lg:none"] {
    margin-top: 0 !important;
  }

  [cds-layout~="m-r@lg:none"] {
    margin-right: 0 !important;
  }

  [cds-layout~="m-b@lg:none"] {
    margin-bottom: 0 !important;
  }

  [cds-layout~="m-l@lg:none"] {
    margin-left: 0 !important;
  }

  [cds-layout~="m-t@lg:xxxs"] {
    margin-top: var(--δ1) !important;
  }

  [cds-layout~="m-r@lg:xxxs"] {
    margin-right: var(--δ1) !important;
  }

  [cds-layout~="m-b@lg:xxxs"] {
    margin-bottom: var(--δ1) !important;
  }

  [cds-layout~="m-l@lg:xxxs"] {
    margin-left: var(--δ1) !important;
  }

  [cds-layout~="m-t@lg:xxs"] {
    margin-top: var(--δ2) !important;
  }

  [cds-layout~="m-r@lg:xxs"] {
    margin-right: var(--δ2) !important;
  }

  [cds-layout~="m-b@lg:xxs"] {
    margin-bottom: var(--δ2) !important;
  }

  [cds-layout~="m-l@lg:xxs"] {
    margin-left: var(--δ2) !important;
  }

  [cds-layout~="m-t@lg:xs"] {
    margin-top: var(--δ3) !important;
  }

  [cds-layout~="m-r@lg:xs"] {
    margin-right: var(--δ3) !important;
  }

  [cds-layout~="m-b@lg:xs"] {
    margin-bottom: var(--δ3) !important;
  }

  [cds-layout~="m-l@lg:xs"] {
    margin-left: var(--δ3) !important;
  }

  [cds-layout~="m-t@lg:sm"] {
    margin-top: var(--δ4) !important;
  }

  [cds-layout~="m-r@lg:sm"] {
    margin-right: var(--δ4) !important;
  }

  [cds-layout~="m-b@lg:sm"] {
    margin-bottom: var(--δ4) !important;
  }

  [cds-layout~="m-l@lg:sm"] {
    margin-left: var(--δ4) !important;
  }

  [cds-layout~="m-t@lg:md"] {
    margin-top: var(--δ5) !important;
  }

  [cds-layout~="m-r@lg:md"] {
    margin-right: var(--δ5) !important;
  }

  [cds-layout~="m-b@lg:md"] {
    margin-bottom: var(--δ5) !important;
  }

  [cds-layout~="m-l@lg:md"] {
    margin-left: var(--δ5) !important;
  }

  [cds-layout~="m-t@lg:lg"] {
    margin-top: var(--δ6) !important;
  }

  [cds-layout~="m-r@lg:lg"] {
    margin-right: var(--δ6) !important;
  }

  [cds-layout~="m-b@lg:lg"] {
    margin-bottom: var(--δ6) !important;
  }

  [cds-layout~="m-l@lg:lg"] {
    margin-left: var(--δ6) !important;
  }

  [cds-layout~="m-t@lg:xl"] {
    margin-top: var(--δ7) !important;
  }

  [cds-layout~="m-r@lg:xl"] {
    margin-right: var(--δ7) !important;
  }

  [cds-layout~="m-b@lg:xl"] {
    margin-bottom: var(--δ7) !important;
  }

  [cds-layout~="m-l@lg:xl"] {
    margin-left: var(--δ7) !important;
  }

  [cds-layout~="m-t@lg:xxl"] {
    margin-top: var(--δ8) !important;
  }

  [cds-layout~="m-r@lg:xxl"] {
    margin-right: var(--δ8) !important;
  }

  [cds-layout~="m-b@lg:xxl"] {
    margin-bottom: var(--δ8) !important;
  }

  [cds-layout~="m-l@lg:xxl"] {
    margin-left: var(--δ8) !important;
  }

  [cds-layout~="m-t@lg:xxxl"] {
    margin-top: var(--δ9) !important;
  }

  [cds-layout~="m-r@lg:xxxl"] {
    margin-right: var(--δ9) !important;
  }

  [cds-layout~="m-b@lg:xxxl"] {
    margin-bottom: var(--δ9) !important;
  }

  [cds-layout~="m-l@lg:xxxl"] {
    margin-left: var(--δ9) !important;
  }
}
@media (min-width: 1440px) {
  [cds-layout*="gap@xl:none"] {
    gap: 0;
  }

  [cds-layout*="gap@xl:xxxs"] {
    gap: var(--δ1);
  }

  [cds-layout*="gap@xl:xxs"] {
    gap: var(--δ2);
  }

  [cds-layout*="gap@xl:xs"] {
    gap: var(--δ3);
  }

  [cds-layout*="gap@xl:sm"] {
    gap: var(--δ4);
  }

  [cds-layout*="gap@xl:md"] {
    gap: var(--δ5);
  }

  [cds-layout*="gap@xl:lg"] {
    gap: var(--δ6);
  }

  [cds-layout*="gap@xl:xl"] {
    gap: var(--δ7);
  }

  [cds-layout*="gap@xl:xxl"] {
    gap: var(--δ8);
  }

  [cds-layout*="gap@xl:xxxl"] {
    gap: var(--δ9);
  }

  [cds-layout~="p@xl:none"] {
    padding: 0 !important;
  }

  [cds-layout~="m@xl:none"] {
    margin: 0 !important;
  }

  [cds-layout~="p@xl:xxxs"] {
    padding: var(--δ1) !important;
  }

  [cds-layout~="m@xl:xxxs"] {
    margin: var(--δ1) !important;
  }

  [cds-layout~="p@xl:xxs"] {
    padding: var(--δ2) !important;
  }

  [cds-layout~="m@xl:xxs"] {
    margin: var(--δ2) !important;
  }

  [cds-layout~="p@xl:xs"] {
    padding: var(--δ3) !important;
  }

  [cds-layout~="m@xl:xs"] {
    margin: var(--δ3) !important;
  }

  [cds-layout~="p@xl:sm"] {
    padding: var(--δ4) !important;
  }

  [cds-layout~="m@xl:sm"] {
    margin: var(--δ4) !important;
  }

  [cds-layout~="p@xl:md"] {
    padding: var(--δ5) !important;
  }

  [cds-layout~="m@xl:md"] {
    margin: var(--δ5) !important;
  }

  [cds-layout~="p@xl:lg"] {
    padding: var(--δ6) !important;
  }

  [cds-layout~="m@xl:lg"] {
    margin: var(--δ6) !important;
  }

  [cds-layout~="p@xl:xl"] {
    padding: var(--δ7) !important;
  }

  [cds-layout~="m@xl:xl"] {
    margin: var(--δ7) !important;
  }

  [cds-layout~="p@xl:xxl"] {
    padding: var(--δ8) !important;
  }

  [cds-layout~="m@xl:xxl"] {
    margin: var(--δ8) !important;
  }

  [cds-layout~="p@xl:xxxl"] {
    padding: var(--δ9) !important;
  }

  [cds-layout~="m@xl:xxxl"] {
    margin: var(--δ9) !important;
  }

  [cds-layout~="p-x@xl:none"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  [cds-layout~="p-y@xl:none"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  [cds-layout~="p-x@xl:xxxs"] {
    padding-left: var(--δ1) !important;
    padding-right: var(--δ1) !important;
  }

  [cds-layout~="p-y@xl:xxxs"] {
    padding-top: var(--δ1) !important;
    padding-bottom: var(--δ1) !important;
  }

  [cds-layout~="p-x@xl:xxs"] {
    padding-left: var(--δ2) !important;
    padding-right: var(--δ2) !important;
  }

  [cds-layout~="p-y@xl:xxs"] {
    padding-top: var(--δ2) !important;
    padding-bottom: var(--δ2) !important;
  }

  [cds-layout~="p-x@xl:xs"] {
    padding-left: var(--δ3) !important;
    padding-right: var(--δ3) !important;
  }

  [cds-layout~="p-y@xl:xs"] {
    padding-top: var(--δ3) !important;
    padding-bottom: var(--δ3) !important;
  }

  [cds-layout~="p-x@xl:sm"] {
    padding-left: var(--δ4) !important;
    padding-right: var(--δ4) !important;
  }

  [cds-layout~="p-y@xl:sm"] {
    padding-top: var(--δ4) !important;
    padding-bottom: var(--δ4) !important;
  }

  [cds-layout~="p-x@xl:md"] {
    padding-left: var(--δ5) !important;
    padding-right: var(--δ5) !important;
  }

  [cds-layout~="p-y@xl:md"] {
    padding-top: var(--δ5) !important;
    padding-bottom: var(--δ5) !important;
  }

  [cds-layout~="p-x@xl:lg"] {
    padding-left: var(--δ6) !important;
    padding-right: var(--δ6) !important;
  }

  [cds-layout~="p-y@xl:lg"] {
    padding-top: var(--δ6) !important;
    padding-bottom: var(--δ6) !important;
  }

  [cds-layout~="p-x@xl:xl"] {
    padding-left: var(--δ7) !important;
    padding-right: var(--δ7) !important;
  }

  [cds-layout~="p-y@xl:xl"] {
    padding-top: var(--δ7) !important;
    padding-bottom: var(--δ7) !important;
  }

  [cds-layout~="p-x@xl:xxl"] {
    padding-left: var(--δ8) !important;
    padding-right: var(--δ8) !important;
  }

  [cds-layout~="p-y@xl:xxl"] {
    padding-top: var(--δ8) !important;
    padding-bottom: var(--δ8) !important;
  }

  [cds-layout~="p-x@xl:xxxl"] {
    padding-left: var(--δ9) !important;
    padding-right: var(--δ9) !important;
  }

  [cds-layout~="p-y@xl:xxxl"] {
    padding-top: var(--δ9) !important;
    padding-bottom: var(--δ9) !important;
  }

  [cds-layout~="m-x@xl:none"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  [cds-layout~="m-y@xl:none"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  [cds-layout~="m-x@xl:xxxs"] {
    margin-left: var(--δ1) !important;
    margin-right: var(--δ1) !important;
  }

  [cds-layout~="m-y@xl:xxxs"] {
    margin-top: var(--δ1) !important;
    margin-bottom: var(--δ1) !important;
  }

  [cds-layout~="m-x@xl:xxs"] {
    margin-left: var(--δ2) !important;
    margin-right: var(--δ2) !important;
  }

  [cds-layout~="m-y@xl:xxs"] {
    margin-top: var(--δ2) !important;
    margin-bottom: var(--δ2) !important;
  }

  [cds-layout~="m-x@xl:xs"] {
    margin-left: var(--δ3) !important;
    margin-right: var(--δ3) !important;
  }

  [cds-layout~="m-y@xl:xs"] {
    margin-top: var(--δ3) !important;
    margin-bottom: var(--δ3) !important;
  }

  [cds-layout~="m-x@xl:sm"] {
    margin-left: var(--δ4) !important;
    margin-right: var(--δ4) !important;
  }

  [cds-layout~="m-y@xl:sm"] {
    margin-top: var(--δ4) !important;
    margin-bottom: var(--δ4) !important;
  }

  [cds-layout~="m-x@xl:md"] {
    margin-left: var(--δ5) !important;
    margin-right: var(--δ5) !important;
  }

  [cds-layout~="m-y@xl:md"] {
    margin-top: var(--δ5) !important;
    margin-bottom: var(--δ5) !important;
  }

  [cds-layout~="m-x@xl:lg"] {
    margin-left: var(--δ6) !important;
    margin-right: var(--δ6) !important;
  }

  [cds-layout~="m-y@xl:lg"] {
    margin-top: var(--δ6) !important;
    margin-bottom: var(--δ6) !important;
  }

  [cds-layout~="m-x@xl:xl"] {
    margin-left: var(--δ7) !important;
    margin-right: var(--δ7) !important;
  }

  [cds-layout~="m-y@xl:xl"] {
    margin-top: var(--δ7) !important;
    margin-bottom: var(--δ7) !important;
  }

  [cds-layout~="m-x@xl:xxl"] {
    margin-left: var(--δ8) !important;
    margin-right: var(--δ8) !important;
  }

  [cds-layout~="m-y@xl:xxl"] {
    margin-top: var(--δ8) !important;
    margin-bottom: var(--δ8) !important;
  }

  [cds-layout~="m-x@xl:xxxl"] {
    margin-left: var(--δ9) !important;
    margin-right: var(--δ9) !important;
  }

  [cds-layout~="m-y@xl:xxxl"] {
    margin-top: var(--δ9) !important;
    margin-bottom: var(--δ9) !important;
  }

  [cds-layout~="p-t@xl:none"] {
    padding-top: 0 !important;
  }

  [cds-layout~="p-r@xl:none"] {
    padding-right: 0 !important;
  }

  [cds-layout~="p-b@xl:none"] {
    padding-bottom: 0 !important;
  }

  [cds-layout~="p-l@xl:none"] {
    padding-left: 0 !important;
  }

  [cds-layout~="p-t@xl:xxxs"] {
    padding-top: var(--δ1) !important;
  }

  [cds-layout~="p-r@xl:xxxs"] {
    padding-right: var(--δ1) !important;
  }

  [cds-layout~="p-b@xl:xxxs"] {
    padding-bottom: var(--δ1) !important;
  }

  [cds-layout~="p-l@xl:xxxs"] {
    padding-left: var(--δ1) !important;
  }

  [cds-layout~="p-t@xl:xxs"] {
    padding-top: var(--δ2) !important;
  }

  [cds-layout~="p-r@xl:xxs"] {
    padding-right: var(--δ2) !important;
  }

  [cds-layout~="p-b@xl:xxs"] {
    padding-bottom: var(--δ2) !important;
  }

  [cds-layout~="p-l@xl:xxs"] {
    padding-left: var(--δ2) !important;
  }

  [cds-layout~="p-t@xl:xs"] {
    padding-top: var(--δ3) !important;
  }

  [cds-layout~="p-r@xl:xs"] {
    padding-right: var(--δ3) !important;
  }

  [cds-layout~="p-b@xl:xs"] {
    padding-bottom: var(--δ3) !important;
  }

  [cds-layout~="p-l@xl:xs"] {
    padding-left: var(--δ3) !important;
  }

  [cds-layout~="p-t@xl:sm"] {
    padding-top: var(--δ4) !important;
  }

  [cds-layout~="p-r@xl:sm"] {
    padding-right: var(--δ4) !important;
  }

  [cds-layout~="p-b@xl:sm"] {
    padding-bottom: var(--δ4) !important;
  }

  [cds-layout~="p-l@xl:sm"] {
    padding-left: var(--δ4) !important;
  }

  [cds-layout~="p-t@xl:md"] {
    padding-top: var(--δ5) !important;
  }

  [cds-layout~="p-r@xl:md"] {
    padding-right: var(--δ5) !important;
  }

  [cds-layout~="p-b@xl:md"] {
    padding-bottom: var(--δ5) !important;
  }

  [cds-layout~="p-l@xl:md"] {
    padding-left: var(--δ5) !important;
  }

  [cds-layout~="p-t@xl:lg"] {
    padding-top: var(--δ6) !important;
  }

  [cds-layout~="p-r@xl:lg"] {
    padding-right: var(--δ6) !important;
  }

  [cds-layout~="p-b@xl:lg"] {
    padding-bottom: var(--δ6) !important;
  }

  [cds-layout~="p-l@xl:lg"] {
    padding-left: var(--δ6) !important;
  }

  [cds-layout~="p-t@xl:xl"] {
    padding-top: var(--δ7) !important;
  }

  [cds-layout~="p-r@xl:xl"] {
    padding-right: var(--δ7) !important;
  }

  [cds-layout~="p-b@xl:xl"] {
    padding-bottom: var(--δ7) !important;
  }

  [cds-layout~="p-l@xl:xl"] {
    padding-left: var(--δ7) !important;
  }

  [cds-layout~="p-t@xl:xxl"] {
    padding-top: var(--δ8) !important;
  }

  [cds-layout~="p-r@xl:xxl"] {
    padding-right: var(--δ8) !important;
  }

  [cds-layout~="p-b@xl:xxl"] {
    padding-bottom: var(--δ8) !important;
  }

  [cds-layout~="p-l@xl:xxl"] {
    padding-left: var(--δ8) !important;
  }

  [cds-layout~="p-t@xl:xxxl"] {
    padding-top: var(--δ9) !important;
  }

  [cds-layout~="p-r@xl:xxxl"] {
    padding-right: var(--δ9) !important;
  }

  [cds-layout~="p-b@xl:xxxl"] {
    padding-bottom: var(--δ9) !important;
  }

  [cds-layout~="p-l@xl:xxxl"] {
    padding-left: var(--δ9) !important;
  }

  [cds-layout~="m-t@xl:none"] {
    margin-top: 0 !important;
  }

  [cds-layout~="m-r@xl:none"] {
    margin-right: 0 !important;
  }

  [cds-layout~="m-b@xl:none"] {
    margin-bottom: 0 !important;
  }

  [cds-layout~="m-l@xl:none"] {
    margin-left: 0 !important;
  }

  [cds-layout~="m-t@xl:xxxs"] {
    margin-top: var(--δ1) !important;
  }

  [cds-layout~="m-r@xl:xxxs"] {
    margin-right: var(--δ1) !important;
  }

  [cds-layout~="m-b@xl:xxxs"] {
    margin-bottom: var(--δ1) !important;
  }

  [cds-layout~="m-l@xl:xxxs"] {
    margin-left: var(--δ1) !important;
  }

  [cds-layout~="m-t@xl:xxs"] {
    margin-top: var(--δ2) !important;
  }

  [cds-layout~="m-r@xl:xxs"] {
    margin-right: var(--δ2) !important;
  }

  [cds-layout~="m-b@xl:xxs"] {
    margin-bottom: var(--δ2) !important;
  }

  [cds-layout~="m-l@xl:xxs"] {
    margin-left: var(--δ2) !important;
  }

  [cds-layout~="m-t@xl:xs"] {
    margin-top: var(--δ3) !important;
  }

  [cds-layout~="m-r@xl:xs"] {
    margin-right: var(--δ3) !important;
  }

  [cds-layout~="m-b@xl:xs"] {
    margin-bottom: var(--δ3) !important;
  }

  [cds-layout~="m-l@xl:xs"] {
    margin-left: var(--δ3) !important;
  }

  [cds-layout~="m-t@xl:sm"] {
    margin-top: var(--δ4) !important;
  }

  [cds-layout~="m-r@xl:sm"] {
    margin-right: var(--δ4) !important;
  }

  [cds-layout~="m-b@xl:sm"] {
    margin-bottom: var(--δ4) !important;
  }

  [cds-layout~="m-l@xl:sm"] {
    margin-left: var(--δ4) !important;
  }

  [cds-layout~="m-t@xl:md"] {
    margin-top: var(--δ5) !important;
  }

  [cds-layout~="m-r@xl:md"] {
    margin-right: var(--δ5) !important;
  }

  [cds-layout~="m-b@xl:md"] {
    margin-bottom: var(--δ5) !important;
  }

  [cds-layout~="m-l@xl:md"] {
    margin-left: var(--δ5) !important;
  }

  [cds-layout~="m-t@xl:lg"] {
    margin-top: var(--δ6) !important;
  }

  [cds-layout~="m-r@xl:lg"] {
    margin-right: var(--δ6) !important;
  }

  [cds-layout~="m-b@xl:lg"] {
    margin-bottom: var(--δ6) !important;
  }

  [cds-layout~="m-l@xl:lg"] {
    margin-left: var(--δ6) !important;
  }

  [cds-layout~="m-t@xl:xl"] {
    margin-top: var(--δ7) !important;
  }

  [cds-layout~="m-r@xl:xl"] {
    margin-right: var(--δ7) !important;
  }

  [cds-layout~="m-b@xl:xl"] {
    margin-bottom: var(--δ7) !important;
  }

  [cds-layout~="m-l@xl:xl"] {
    margin-left: var(--δ7) !important;
  }

  [cds-layout~="m-t@xl:xxl"] {
    margin-top: var(--δ8) !important;
  }

  [cds-layout~="m-r@xl:xxl"] {
    margin-right: var(--δ8) !important;
  }

  [cds-layout~="m-b@xl:xxl"] {
    margin-bottom: var(--δ8) !important;
  }

  [cds-layout~="m-l@xl:xxl"] {
    margin-left: var(--δ8) !important;
  }

  [cds-layout~="m-t@xl:xxxl"] {
    margin-top: var(--δ9) !important;
  }

  [cds-layout~="m-r@xl:xxxl"] {
    margin-right: var(--δ9) !important;
  }

  [cds-layout~="m-b@xl:xxxl"] {
    margin-bottom: var(--δ9) !important;
  }

  [cds-layout~="m-l@xl:xxxl"] {
    margin-left: var(--δ9) !important;
  }
}
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
[cds-layout=no-scrolling] {
  overflow: hidden !important;
}

[cds-layout~=fill],
[cds-layout~="container:fill"] {
  width: 100% !important;
}

[cds-layout~="container:center"] {
  margin-left: auto;
  margin-right: auto;
}

[cds-layout~="container:xs"] {
  width: 100%;
  max-width: var(--cds-global-layout-width-xs);
}

[cds-layout~="container:sm"] {
  width: 100%;
  max-width: var(--cds-global-layout-width-sm);
}

[cds-layout~="container:md"] {
  width: 100%;
  max-width: var(--cds-global-layout-width-md);
}

[cds-layout~="container:lg"] {
  width: 100%;
  max-width: var(--cds-global-layout-width-lg);
}

[cds-layout~="container:xl"] {
  width: 100%;
  max-width: var(--cds-global-layout-width-xl);
}

*,
*:before,
*:after,
:host {
  box-sizing: border-box;
}