/* libs/gds/public/assets/styles.css */
@layer reset, variable, third-party, cdk-overlay, base, design-system, utility, view;
@layer reset {
  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
  hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
  }
  pre {
    font-family: monospace, monospace;
    font-size: 1em;
  }
  a {
    background-color: transparent;
  }
  abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
  }
  b,
  strong {
    font-weight: bolder;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  button,
  optgroup,
  select,
  textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
  }
  button,
  input {
    overflow: visible;
  }
  button,
  select {
    text-transform: none;
  }
  button,
  [type=button],
  [type=reset],
  [type=submit] {
    -webkit-appearance: button;
  }
  button::-moz-focus-inner,
  [type=button]::-moz-focus-inner,
  [type=reset]::-moz-focus-inner,
  [type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  button:-moz-focusring,
  [type=button]:-moz-focusring,
  [type=reset]:-moz-focusring,
  [type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
  legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
  }
  progress {
    vertical-align: baseline;
  }
  textarea {
    overflow: auto;
  }
  [type=checkbox],
  [type=radio] {
    box-sizing: border-box;
    padding: 0;
  }
  [type=number]::-webkit-inner-spin-button,
  [type=number]::-webkit-outer-spin-button {
    height: auto;
  }
  [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }
  [type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }
  [hidden] {
    display: none;
  }
  input,
  textarea {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: transparent;
    color: inherit;
    font: inherit;
    font-family: inherit;
    text-align: inherit;
    text-transform: inherit;
    cursor: inherit;
    pointer-events: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button,
  textarea::-webkit-outer-spin-button,
  textarea::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }
  input:is([type=number]),
  textarea:is([type=number]) {
    -moz-appearance: textfield;
    appearance: textfield;
  }
  textarea {
    resize: none;
    white-space: initial;
  }
  dl,
  dt,
  dd {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
  }
}
@layer variable {
  :root {
    --corto-primitive-blue-100:
      194,
      216,
      231;
    --corto-primitive-blue-300:
      102,
      160,
      203;
    --corto-primitive-blue-500:
      0,
      96,
      169;
    --corto-primitive-green-50:
      235,
      247,
      242;
    --corto-primitive-green-100:
      217,
      240,
      230;
    --corto-primitive-green-300:
      139,
      208,
      180;
    --corto-primitive-green-500:
      62,
      177,
      129;
    --corto-primitive-green-700:
      36,
      105,
      77;
    --corto-primitive-grey-0:
      255,
      255,
      255;
    --corto-primitive-grey-50:
      245,
      245,
      245;
    --corto-primitive-grey-100:
      229,
      229,
      229;
    --corto-primitive-grey-200:
      204,
      204,
      204;
    --corto-primitive-grey-300:
      178,
      178,
      178;
    --corto-primitive-grey-400:
      153,
      153,
      153;
    --corto-primitive-grey-500:
      128,
      128,
      128;
    --corto-primitive-grey-600:
      102,
      102,
      102;
    --corto-primitive-grey-700:
      77,
      77,
      77;
    --corto-primitive-grey-800:
      51,
      51,
      51;
    --corto-primitive-grey-900:
      26,
      26,
      26;
    --corto-primitive-indigo-0:
      252,
      251,
      253;
    --corto-primitive-indigo-50:
      236,
      233,
      245;
    --corto-primitive-indigo-100:
      216,
      211,
      235;
    --corto-primitive-indigo-200:
      187,
      177,
      219;
    --corto-primitive-indigo-300:
      158,
      144,
      204;
    --corto-primitive-indigo-400:
      130,
      111,
      189;
    --corto-primitive-indigo-500:
      91,
      66,
      168;
    --corto-primitive-indigo-600:
      62,
      33,
      153;
    --corto-primitive-indigo-700:
      47,
      25,
      115;
    --corto-primitive-indigo-800:
      31,
      16,
      76;
    --corto-primitive-indigo-900:
      16,
      8,
      39;
    --corto-primitive-orange-50:
      254,
      244,
      236;
    --corto-primitive-orange-300:
      249,
      190,
      144;
    --corto-primitive-orange-500:
      246,
      145,
      57;
    --corto-primitive-orange-650:
      196,
      117,
      55;
    --corto-primitive-red-50:
      250,
      232,
      233;
    --corto-primitive-red-100:
      245,
      211,
      212;
    --corto-primitive-red-300:
      225,
      122,
      126;
    --corto-primitive-red-500:
      205,
      33,
      39;
    --corto-primitive-red-700:
      122,
      19,
      23;
    --corto-primitive-teal-50:
      237,
      244,
      246;
    --corto-primitive-teal-100:
      219,
      234,
      238;
    --corto-primitive-teal-500:
      74,
      148,
      168;
    --corto-primitive-teal-700:
      52,
      104,
      118;
    --corto-primitive-yellow-50:
      255,
      249,
      235;
    --corto-primitive-yellow-100:
      255,
      243,
      215;
    --corto-primitive-yellow-200:
      255,
      231,
      175;
    --corto-primitive-yellow-300:
      254,
      220,
      135;
    --corto-primitive-yellow-400:
      254,
      208,
      95;
    --corto-primitive-yellow-500:
      254,
      196,
      55;
    --corto-primitive-yellow-600:
      229,
      176,
      50;
    --corto-primitive-yellow-700:
      178,
      137,
      39;
    --corto-primitive-yellow-800:
      127,
      98,
      28;
    --corto-primitive-yellow-900:
      76,
      59,
      17;
    --corto-primitive-pink-50:
      250,
      229,
      242;
    --corto-primitive-pink-500:
      204,
      1,
      127;
    --gds-primitive-fontFamily-sansSerif:
      "Satoshi",
      "Helvetica",
      "Arial",
      sans-serif;
    --gds-primitive-fontFamily-inter:
      "Inter",
      "Helvetica",
      "Arial",
      sans-serif;
    --gds-primitive-fontWeight-light: 400;
    --gds-primitive-fontWeight-medium: 500;
    --gds-primitive-fontWeight-bold: 700;
    --gds-primitive-fontSize-100: 0.75rem;
    --gds-primitive-fontSize-200: 0.875rem;
    --gds-primitive-fontSize-300: 1.125rem;
    --gds-primitive-fontSize-400: 1.25rem;
    --gds-primitive-fontSize-500: 1.75rem;
    --gds-primitive-fontSize-600: 2.5rem;
    --gds-primitive-fontSize-700: 4.25rem;
    --gds-primitive-fontSize-inputMobile: 1rem;
    --gds-primitive-lineHeight-100: 0.875rem;
    --gds-primitive-lineHeight-200: 1.125rem;
    --gds-primitive-lineHeight-250: 1.375rem;
    --gds-primitive-lineHeight-300: 1.5rem;
    --gds-primitive-lineHeight-400: 1.75rem;
    --gds-primitive-lineHeight-500: 2.25rem;
    --gds-primitive-lineHeight-600: 3.25rem;
    --gds-primitive-lineHeight-700: 5.75rem;
    --gds-primitive-borderWidth-thin: 0.5px;
    --gds-primitive-borderWidth-medium: 1px;
    --gds-primitive-borderWidth-thick: 2px;
    --gds-primitive-borderWidth-extra-thick: 4px;
    --gds-primitive-size-auto: auto;
    --gds-primitive-size-0: 0px;
    --gds-primitive-size-0-rem: 0rem;
    --gds-primitive-size-50: 2px;
    --gds-primitive-size-50-rem: 0.125rem;
    --gds-primitive-size-100: 4px;
    --gds-primitive-size-100-rem: 0.25rem;
    --gds-primitive-size-200: 8px;
    --gds-primitive-size-200-rem: 0.5rem;
    --gds-primitive-size-300: 12px;
    --gds-primitive-size-300-rem: 0.75rem;
    --gds-primitive-size-400: 16px;
    --gds-primitive-size-400-rem: 1rem;
    --gds-primitive-size-500: 20px;
    --gds-primitive-size-500-rem: 1.25rem;
    --gds-primitive-size-600: 24px;
    --gds-primitive-size-600-rem: 1.5rem;
    --gds-primitive-size-700: 32px;
    --gds-primitive-size-700-rem: 2rem;
    --gds-primitive-size-800: 40px;
    --gds-primitive-size-800-rem: 2.5rem;
    --gds-primitive-size-900: 48px;
    --gds-primitive-size-900-rem: 3rem;
    --gds-primitive-size-1000: 56px;
    --gds-primitive-size-1000-rem: 3.5rem;
    --gds-primitive-size-1100: 64px;
    --gds-primitive-size-1100-rem: 4rem;
    --gds-primitive-size-1200: 96px;
    --gds-primitive-size-1200-rem: 6rem;
    --gds-primitive-size-1300: 128px;
    --gds-primitive-size-1300-rem: 8rem;
    --gds-primitive-size-1400: 384px;
    --gds-primitive-size-1400-rem: 24rem;
    --gds-primitive-size-1500: 466px;
    --gds-primitive-size-1500-rem: 29.125rem;
    --gds-shadow-default: 0px 8px 16px rgba(0, 0, 0, 0.14);
    --gds-scrollbar-color-thumb: rgb(153, 153, 153);
    --gds-scrollbar-color-track: transparent;
    --gds-scrollbar-size: 6px;
  }
  body {
    --gds-neutral-0: rgb(var(--corto-primitive-grey-0));
    --gds-neutral-50: rgb(var(--corto-primitive-grey-50));
    --gds-neutral-100: rgb(var(--corto-primitive-grey-100));
    --gds-neutral-200: rgb(var(--corto-primitive-grey-200));
    --gds-neutral-300: rgb(var(--corto-primitive-grey-300));
    --gds-neutral-400: rgb(var(--corto-primitive-grey-400));
    --gds-neutral-500: rgb(var(--corto-primitive-grey-500));
    --gds-neutral-600: rgb(var(--corto-primitive-grey-600));
    --gds-neutral-700: rgb(var(--corto-primitive-grey-700));
    --gds-neutral-800: rgb(var(--corto-primitive-grey-800));
    --gds-neutral-900: rgb(var(--corto-primitive-grey-900));
    --gds-neutral-hover-100: rgb(var(--corto-primitive-grey-200));
    --gds-neutral-hover-600: rgb(var(--corto-primitive-grey-700));
    --gds-brand-0: rgb(var(--corto-primitive-indigo-0));
    --gds-brand-50: rgb(var(--corto-primitive-indigo-50));
    --gds-brand-100: rgb(var(--corto-primitive-indigo-100));
    --gds-brand-200: rgb(var(--corto-primitive-indigo-200));
    --gds-brand-300: rgb(var(--corto-primitive-indigo-300));
    --gds-brand-400: rgb(var(--corto-primitive-indigo-400));
    --gds-brand-500: rgb(var(--corto-primitive-indigo-500));
    --gds-brand-600: rgb(var(--corto-primitive-indigo-600));
    --gds-brand-700: rgb(var(--corto-primitive-indigo-700));
    --gds-brand-800: rgb(var(--corto-primitive-indigo-800));
    --gds-brand-900: rgb(var(--corto-primitive-indigo-900));
    --gds-brand-hover-400: rgb(var(--corto-primitive-indigo-500));
    --gds-accent-50: rgb(var(--corto-primitive-yellow-50));
    --gds-accent-100: rgb(var(--corto-primitive-yellow-100));
    --gds-accent-200: rgb(var(--corto-primitive-yellow-200));
    --gds-accent-300: rgb(var(--corto-primitive-yellow-300));
    --gds-accent-400: rgb(var(--corto-primitive-yellow-400));
    --gds-accent-500: rgb(var(--corto-primitive-yellow-500));
    --gds-accent-600: rgb(var(--corto-primitive-yellow-600));
    --gds-accent-700: rgb(var(--corto-primitive-yellow-700));
    --gds-accent-800: rgb(var(--corto-primitive-yellow-800));
    --gds-accent-900: rgb(var(--corto-primitive-yellow-900));
    --gds-spacing-0: var(--gds-primitive-size-0);
    --gds-spacing-auto: var(--gds-primitive-size-auto);
    --gds-spacing-3xs: var(--gds-primitive-size-100);
    --gds-spacing-2xs: var(--gds-primitive-size-200);
    --gds-spacing-xs: var(--gds-primitive-size-300);
    --gds-spacing-sm: var(--gds-primitive-size-400);
    --gds-spacing-md: var(--gds-primitive-size-700);
    --gds-spacing-lg: var(--gds-primitive-size-800);
    --gds-spacing-xl: var(--gds-primitive-size-900);
    --gds-spacing-2xl: var(--gds-primitive-size-1000);
    --gds-spacing-3xl: var(--gds-primitive-size-1100);
    --gds-iconSize-3xs: var(--gds-primitive-size-300-rem);
    --gds-iconSize-2xs: var(--gds-primitive-size-400-rem);
    --gds-iconSize-xs: var(--gds-primitive-size-500-rem);
    --gds-iconSize-sm: var(--gds-primitive-size-600-rem);
    --gds-iconSize-md: var(--gds-primitive-size-700-rem);
    --gds-iconSize-lg: var(--gds-primitive-size-900-rem);
    --gds-iconSize-xl: var(--gds-primitive-size-1200-rem);
    --gds-iconSize-2xl: var(--gds-primitive-size-1300-rem);
    --gds-iconSize-3xl: var(--gds-primitive-size-1400-rem);
    --gds-iconSize-4xl: var(--gds-primitive-size-1500-rem);
    --gds-borderWidth-sm: var(--gds-primitive-borderWidth-thin);
    --gds-borderWidth-md: var(--gds-primitive-borderWidth-medium);
    --gds-borderWidth-lg: var(--gds-primitive-borderWidth-thick);
    --gds-borderWidth-xl: var(--gds-primitive-borderWidth-extra-thick);
    --gds-borderRadius-0: var(--gds-primitive-size-0);
    --gds-borderRadius-xs: var(--gds-primitive-size-50);
    --gds-borderRadius-sm: var(--gds-primitive-size-100);
    --gds-borderRadius-md: var(--gds-primitive-size-200);
    --gds-borderRadius-lg: var(--gds-primitive-size-400);
    --gds-borderRadius-xl: var(--gds-primitive-size-600);
    --gds-borderRadius-2xl: var(--gds-primitive-size-700);
    --gds-borderRadius-3xl: var(--gds-primitive-size-900);
    --gds-borderRadius-pill: 999px;
    --gds-fontFamily-body: var(--gds-primitive-fontFamily-sansSerif);
    --gds-fontFamily-inputMobile: var(--gds-primitive-fontFamily-inter);
    --gds-fontSize-display: var(--gds-primitive-fontSize-700);
    --gds-fontSize-titleLarge: var(--gds-primitive-fontSize-600);
    --gds-fontSize-title: var(--gds-primitive-fontSize-500);
    --gds-fontSize-subtitle: var(--gds-primitive-fontSize-400);
    --gds-fontSize-bodyLargeStrong: var(--gds-primitive-fontSize-300);
    --gds-fontSize-bodyLarge: var(--gds-primitive-fontSize-300);
    --gds-fontSize-bodyStrong: var(--gds-primitive-fontSize-200);
    --gds-fontSize-body: var(--gds-primitive-fontSize-200);
    --gds-fontSize-captionStrong: var(--gds-primitive-fontSize-100);
    --gds-fontSize-caption: var(--gds-primitive-fontSize-100);
    --gds-fontSize-inputMobile: var(--gds-primitive-fontSize-inputMobile);
    --gds-fontWeight-display: var(--gds-primitive-fontWeight-bold);
    --gds-fontWeight-titleLarge: var(--gds-primitive-fontWeight-bold);
    --gds-fontWeight-title: var(--gds-primitive-fontWeight-bold);
    --gds-fontWeight-subtitle: var(--gds-primitive-fontWeight-bold);
    --gds-fontWeight-bodyLargeStrong: var(--gds-primitive-fontWeight-bold);
    --gds-fontWeight-bodyLarge: var(--gds-primitive-fontWeight-medium);
    --gds-fontWeight-bodyStrong: var(--gds-primitive-fontWeight-bold);
    --gds-fontWeight-body: var(--gds-primitive-fontWeight-medium);
    --gds-fontWeight-captionStrong: var(--gds-primitive-fontWeight-bold);
    --gds-fontWeight-caption: var(--gds-primitive-fontWeight-medium);
    --gds-fontWeight-inputMobile: var(--gds-primitive-fontWeight-light);
    --gds-lineHeight-display: var(--gds-primitive-lineHeight-700);
    --gds-lineHeight-titleLarge: var(--gds-primitive-lineHeight-600);
    --gds-lineHeight-title: var(--gds-primitive-lineHeight-500);
    --gds-lineHeight-subtitle: var(--gds-primitive-lineHeight-400);
    --gds-lineHeight-bodyLargeStrong: var(--gds-primitive-lineHeight-300);
    --gds-lineHeight-bodyLarge: var(--gds-primitive-lineHeight-300);
    --gds-lineHeight-input: var(--gds-primitive-lineHeight-250);
    --gds-lineHeight-bodyStrong: var(--gds-primitive-lineHeight-200);
    --gds-lineHeight-body: var(--gds-primitive-lineHeight-200);
    --gds-lineHeight-captionStrong: var(--gds-primitive-lineHeight-100);
    --gds-lineHeight-caption: var(--gds-primitive-lineHeight-100);
    --gds-size-3xs: var(--gds-primitive-size-100);
    --gds-size-3xs-rem: var(--gds-primitive-size-100-rem);
    --gds-size-2xs: var(--gds-primitive-size-200);
    --gds-size-2xs-rem: var(--gds-primitive-size-200-rem);
    --gds-size-xs: var(--gds-primitive-size-300);
    --gds-size-xs-rem: var(--gds-primitive-size-300-rem);
    --gds-size-sm: var(--gds-primitive-size-400);
    --gds-size-sm-rem: var(--gds-primitive-size-400-rem);
    --gds-size-md: var(--gds-primitive-size-700);
    --gds-size-md-rem: var(--gds-primitive-size-700-rem);
    --gds-size-lg: var(--gds-primitive-size-800);
    --gds-size-lg-rem: var(--gds-primitive-size-800-rem);
    --gds-size-xl: var(--gds-primitive-size-900);
    --gds-size-xl-rem: var(--gds-primitive-size-900-rem);
    --gds-size-2xl: var(--gds-primitive-size-1000);
    --gds-size-2xl-rem: var(--gds-primitive-size-1000-rem);
    --gds-size-3xl: var(--gds-primitive-size-1100);
    --gds-size-3xl-rem: var(--gds-primitive-size-1100-rem);
    --gds-palette-border-default: rgb(var(--corto-primitive-grey-200));
    --gds-palette-border-modal: rgb(var(--corto-primitive-indigo-50));
    --gds-palette-border-selected: rgb(var(--corto-primitive-indigo-500));
    --gds-palette-border-primary: rgb(var(--corto-primitive-indigo-300));
    --gds-palette-border-dark: rgb(var(--corto-primitive-grey-700));
    --gds-palette-background-base: rgb(var(--corto-primitive-indigo-0));
    --gds-palette-background-secondary: rgb(var(--corto-primitive-grey-50));
    --gds-palette-background-secondary-offWhite: rgb(250, 250, 250);
    --gds-palette-background-bright: rgb(var(--corto-primitive-indigo-600));
    --gds-palette-background-bright-hover: rgb(var(--corto-primitive-indigo-500));
    --gds-palette-background-hover: rgba(var(--corto-primitive-indigo-500), 0.04);
    --gds-palette-background-disabled: rgb(var(--corto-primitive-grey-50));
    --gds-palette-background-chat: rgb(var(--corto-primitive-indigo-50));
    --gds-palette-background-white: rgb(var(--corto-primitive-grey-0));
    --gds-palette-background-dark: rgb(var(--corto-primitive-grey-400));
    --gds-palette-background-dark-strong: rgb(var(--corto-primitive-grey-800));
    --gds-palette-badge-default: rgb(var(--corto-primitive-grey-50));
    --gds-palette-badge-hover: rgb(var(--corto-primitive-grey-100));
    --gds-palette-button-primary-default: rgb(var(--corto-primitive-indigo-700));
    --gds-palette-button-primary-hover: rgb(var(--corto-primitive-indigo-800));
    --gds-palette-button-primary-disabled: rgb(var(--corto-primitive-indigo-50));
    --gds-palette-text-default-primary: rgb(var(--corto-primitive-grey-800));
    --gds-palette-text-default-secondary: rgb(var(--corto-primitive-grey-600));
    --gds-palette-text-default-tertiary: rgb(var(--corto-primitive-grey-400));
    --gds-palette-text-default-placeholder: rgb(var(--corto-primitive-grey-400));
    --gds-palette-text-default-disabled: rgb(var(--corto-primitive-grey-300));
    --gds-palette-text-default-hint: rgb(var(--corto-primitive-indigo-600));
    --gds-palette-text-default-link: rgb(var(--corto-primitive-indigo-500));
    --gds-palette-text-default-light: rgb(var(--corto-primitive-grey-50));
    --gds-palette-text-primary-primary: rgb(var(--corto-primitive-indigo-700));
    --gds-palette-text-primary-secondary: rgb(var(--corto-primitive-indigo-500));
    --gds-palette-text-primary-tertiary: rgb(var(--corto-primitive-indigo-400));
    --gds-palette-text-primary-quaternary: rgb(var(--corto-primitive-indigo-300));
    --gds-palette-text-secondary-primary: rgb(var(--corto-primitive-yellow-500));
    --gds-palette-text-secondary-secondary: rgb(var(--corto-primitive-yellow-600));
    --gds-palette-icon-primary: rgb(var(--corto-primitive-indigo-700));
    --gds-palette-icon-secondary: rgb(var(--corto-primitive-grey-600));
    --gds-palette-icon-selected: rgb(var(--corto-primitive-indigo-500));
    --gds-palette-icon-placeholder: rgb(var(--corto-primitive-grey-400));
    --gds-palette-icon-disabled: rgb(var(--corto-primitive-grey-300));
    --gds-palette-icon-light: rgb(var(--corto-primitive-grey-0));
    --gds-palette-helper-error-light: rgb(var(--corto-primitive-red-50));
    --gds-palette-helper-error-dark: rgb(var(--corto-primitive-red-500));
    --gds-palette-helper-success-light: rgb(var(--corto-primitive-green-50));
    --gds-palette-helper-success-dark: rgb(var(--corto-primitive-green-500));
    --gds-palette-helper-warning-light: rgb(var(--corto-primitive-orange-50));
    --gds-palette-helper-warning-dark: rgb(var(--corto-primitive-orange-500));
    --gds-palette-helper-info-light: rgb(var(--corto-primitive-grey-100));
    --gds-palette-helper-info-dark: rgb(var(--corto-primitive-blue-500));
    --gds-palette-accent-indigo-light: rgb(var(--corto-primitive-indigo-50));
    --gds-palette-accent-indigo-dark: rgb(var(--corto-primitive-indigo-500));
    --gds-palette-accent-yellow-light: rgb(var(--corto-primitive-yellow-50));
    --gds-palette-accent-yellow-dark: rgb(var(--corto-primitive-yellow-500));
    --gds-palette-accent-orange-light: rgb(var(--corto-primitive-orange-50));
    --gds-palette-accent-orange-dark: rgb(var(--corto-primitive-orange-500));
    --gds-palette-accent-teal-light: rgb(var(--corto-primitive-teal-50));
    --gds-palette-accent-teal-dark: rgb(var(--corto-primitive-teal-500));
    --gds-palette-accent-pink-light: rgb(var(--corto-primitive-pink-50));
    --gds-palette-accent-pink-dark: rgb(var(--corto-primitive-pink-500));
    --gds-palette-accent-green-light: rgb(var(--corto-primitive-green-50));
    --gds-palette-accent-green-dark: rgb(var(--corto-primitive-green-500));
    --gds-pattern-toast-default-backgroundColor-rest: rgb(237, 237, 238);
    --gds-pattern-toast-default-iconColor-rest: rgb(var(--corto-primitive-blue-500));
    --gds-pattern-toast-default-btnColor-rest: rgb(var(--corto-primitive-blue-500));
    --gds-pattern-toast-default-btnColor-hover: rgb(var(--corto-primitive-blue-300));
    --gds-pattern-toast-error-btnColor-rest: rgb(var(--corto-primitive-red-500));
    --gds-pattern-toast-error-btnColor-hover: rgb(var(--corto-primitive-red-300));
    --gds-pattern-toast-warning-btnColor-rest: rgb(var(--corto-primitive-orange-500));
    --gds-pattern-toast-warning-btnColor-hover: rgb(var(--corto-primitive-orange-300));
    --gds-pattern-toast-success-btnColor-rest: rgb(var(--corto-primitive-green-500));
    --gds-pattern-toast-success-btnColor-hover: rgb(var(--corto-primitive-green-300));
    --gds-pattern-brandIcon-fill-primary: rgb(var(--corto-primitive-indigo-700));
    --gds-pattern-brandIcon-fill-secondary: rgb(var(--corto-primitive-yellow-500));
    --gds-pattern-brandIcon-fill-highlight: rgb(255, 255, 255);
    --gds-pattern-brandIcon-fill-shadow: rgb(var(--corto-primitive-grey-700));
    --gds-pattern-relevancy-button-green-background-default: rgb(var(--corto-primitive-green-50));
    --gds-pattern-relevancy-button-green-background-hover: rgb(var(--corto-primitive-green-100));
    --gds-pattern-relevancy-button-green-text: rgb(var(--corto-primitive-green-700));
    --gds-pattern-relevancy-button-blue-background-default: rgb(var(--corto-primitive-teal-50));
    --gds-pattern-relevancy-button-blue-background-hover: rgb(var(--corto-primitive-teal-100));
    --gds-pattern-relevancy-button-blue-text: rgb(var(--corto-primitive-teal-700));
    --gds-pattern-relevancy-button-yellow-background-default: rgb(var(--corto-primitive-yellow-50));
    --gds-pattern-relevancy-button-yellow-background-hover: rgb(var(--corto-primitive-yellow-100));
    --gds-pattern-relevancy-button-yellow-text: rgb(var(--corto-primitive-yellow-700));
    --gds-pattern-relevancy-button-red-background-default: rgb(var(--corto-primitive-red-50));
    --gds-pattern-relevancy-button-red-background-hover: rgb(var(--corto-primitive-red-100));
    --gds-pattern-relevancy-button-red-text: rgb(var(--corto-primitive-red-700));
    --gds-pattern-relevancy-slider-primary: rgb(var(--corto-primitive-red-100));
    --gds-pattern-relevancy-slider-secondary: rgb(var(--corto-primitive-yellow-100));
    --gds-pattern-relevancy-slider-tertiary: rgb(var(--corto-primitive-blue-100));
    --gds-pattern-relevancy-slider-quaternary: rgb(var(--corto-primitive-green-100));
    --gds-pattern-label-background-default: rgb(var(--corto-primitive-teal-50));
    --gds-pattern-label-background-hover: rgb(var(--corto-primitive-teal-100));
    --gds-pattern-feature-primary-text: rgb(var(--corto-primitive-yellow-800));
    --gds-pattern-feature-primary-background: rgb(var(--corto-primitive-yellow-50));
    --gds-pattern-feature-secondary-text: rgb(var(--corto-primitive-indigo-800));
    --gds-pattern-feature-secondary-background: rgb(var(--corto-primitive-indigo-50));
    --gds-pattern-feature-tertiary-text: rgb(var(--corto-primitive-teal-700));
    --gds-pattern-feature-tertiary-background: rgb(var(--corto-primitive-teal-50));
    --gds-pattern-feature-quaternary-text: rgb(var(--corto-primitive-red-700));
    --gds-pattern-feature-quaternary-background: rgb(var(--corto-primitive-red-50));
    --gds-pattern-overlay-background-default: rgba(var(--corto-primitive-indigo-900), 0.25);
    --gds-font-display: var(--gds-fontWeight-display) var(--gds-fontSize-display) var(--gds-fontFamily-body);
    --gds-font-titleLarge: var(--gds-fontWeight-titleLarge) var(--gds-fontSize-titleLarge) var(--gds-fontFamily-body);
    --gds-font-title: var(--gds-fontWeight-title) var(--gds-fontSize-title) var(--gds-fontFamily-body);
    --gds-font-subtitle: var(--gds-fontWeight-subtitle) var(--gds-fontSize-subtitle) var(--gds-fontFamily-body);
    --gds-font-bodyLargeStrong: var(--gds-fontWeight-bodyLargeStrong) var(--gds-fontSize-bodyLargeStrong) var(--gds-fontFamily-body);
    --gds-font-bodyLarge: var(--gds-fontWeight-bodyLarge) var(--gds-fontSize-bodyLarge) var(--gds-fontFamily-body);
    --gds-font-bodyStrong: var(--gds-fontWeight-bodyStrong) var(--gds-fontSize-bodyStrong) var(--gds-fontFamily-body);
    --gds-font-body: var(--gds-fontWeight-body) var(--gds-fontSize-body) var(--gds-fontFamily-body);
    --gds-font-captionStrong: var(--gds-fontWeight-captionStrong) var(--gds-fontSize-captionStrong) var(--gds-fontFamily-body);
    --gds-font-caption: var(--gds-fontWeight-caption) var(--gds-fontSize-caption) var(--gds-fontFamily-body);
    --gds-text-display-shorthand: var(--gds-fontWeight-display) var(--gds-fontSize-display) / var(--gds-lineHeight-display) var(--gds-fontFamily-body);
    --gds-text-titleLarge-shorthand: var(--gds-fontWeight-titleLarge) var(--gds-fontSize-titleLarge) / var(--gds-lineHeight-titleLarge) var(--gds-fontFamily-body);
    --gds-text-title-shorthand: var(--gds-fontWeight-title) var(--gds-fontSize-title) / var(--gds-lineHeight-title) var(--gds-fontFamily-body);
    --gds-text-subtitle-shorthand: var(--gds-fontWeight-subtitle) var(--gds-fontSize-subtitle) / var(--gds-lineHeight-subtitle) var(--gds-fontFamily-body);
    --gds-text-bodyLargeStrong-shorthand: var(--gds-fontWeight-bodyLargeStrong) var(--gds-fontSize-bodyLargeStrong) / var(--gds-lineHeight-bodyLargeStrong) var(--gds-fontFamily-body);
    --gds-text-bodyLarge-shorthand: var(--gds-fontWeight-bodyLarge) var(--gds-fontSize-bodyLarge) / var(--gds-lineHeight-bodyLarge) var(--gds-fontFamily-body);
    --gds-text-bodyStrong-shorthand: var(--gds-fontWeight-bodyStrong) var(--gds-fontSize-bodyStrong) / var(--gds-lineHeight-bodyStrong) var(--gds-fontFamily-body);
    --gds-text-body-shorthand: var(--gds-fontWeight-body) var(--gds-fontSize-body) / var(--gds-lineHeight-body) var(--gds-fontFamily-body);
    --gds-text-captionStrong-shorthand: var(--gds-fontWeight-captionStrong) var(--gds-fontSize-captionStrong) / var(--gds-lineHeight-captionStrong) var(--gds-fontFamily-body);
    --gds-text-caption-shorthand: var(--gds-fontWeight-caption) var(--gds-fontSize-caption) / var(--gds-lineHeight-caption) var(--gds-fontFamily-body);
    --gds-text-input-shorthand: var(--gds-fontWeight-body) var(--gds-fontSize-body) / var(--gds-lineHeight-input) var(--gds-fontFamily-body);
    --gds-text-inputMobile-shorthand: var(--gds-fontWeight-inputMobile) var(--gds-fontSize-inputMobile) / var(--gds-lineHeight-input) var(--gds-fontFamily-inputMobile);
    --gds-border-default-shorthand: var(--gds-borderWidth-sm) solid var(--gds-palette-border-default);
    --gds-border-default-selected-shorthand: var(--gds-borderWidth-sm) solid var(--gds-palette-border-selected);
    --gds-border-strong-shorthand: var(--gds-borderWidth-md) solid var(--gds-palette-border-default);
    --gds-border-strong-selected-shorthand: var(--gds-borderWidth-md) solid var(--gds-palette-border-selected);
    --gds-shadow-default: 0px 8px 16px rgba(0, 0, 0, 0.14);
    --gds-shadow-element: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  }
  body [brand="corto dark"],
  body[brand="corto dark"] {
    --gds-palette-border-default: rgb(var(--corto-primitive-grey-400));
    --gds-palette-border-modal: rgb(var(--corto-primitive-indigo-900));
    --gds-palette-border-selected: rgb(var(--corto-primitive-indigo-500));
    --gds-palette-border-primary: rgba(var(--corto-primitive-indigo-200), 0.5);
    --gds-palette-border-dark: rgb(var(--corto-primitive-grey-100));
    --gds-palette-background-base: rgb(var(--corto-primitive-grey-800));
    --gds-palette-background-secondary: rgb(var(--corto-primitive-grey-700));
    --gds-palette-background-secondary-offWhite: rgb(250, 250, 250);
    --gds-palette-background-bright: rgb(var(--corto-primitive-indigo-200));
    --gds-palette-background-bright-hover: rgb(var(--corto-primitive-indigo-500));
    --gds-palette-background-hover: rgba(134, 131, 143, 0.2);
    --gds-palette-background-disabled: rgb(var(--corto-primitive-grey-800));
    --gds-palette-background-chat: rgb(var(--corto-primitive-indigo-800));
    --gds-palette-background-white: rgb(60, 60, 60);
    --gds-palette-background-dark: rgb(var(--corto-primitive-grey-50));
    --gds-palette-background-dark-strong: rgb(var(--corto-primitive-grey-100));
    --gds-palette-badge-default: rgb(var(--corto-primitive-grey-600));
    --gds-palette-badge-hover: rgb(var(--corto-primitive-grey-500));
    --gds-palette-button-primary-default: rgb(var(--corto-primitive-indigo-200));
    --gds-palette-button-primary-hover: rgb(var(--corto-primitive-indigo-300));
    --gds-palette-button-primary-disabled: rgb(var(--corto-primitive-indigo-400));
    --gds-palette-text-default-primary: rgb(var(--corto-primitive-grey-0));
    --gds-palette-text-default-secondary: rgb(var(--corto-primitive-grey-100));
    --gds-palette-text-default-tertiary: rgb(var(--corto-primitive-grey-200));
    --gds-palette-text-default-placeholder: rgb(var(--corto-primitive-grey-400));
    --gds-palette-text-default-disabled: rgb(var(--corto-primitive-grey-500));
    --gds-palette-text-default-hint: rgb(var(--corto-primitive-indigo-200));
    --gds-palette-text-default-link: rgb(var(--corto-primitive-indigo-500));
    --gds-palette-text-default-light: rgb(var(--corto-primitive-indigo-900));
    --gds-palette-text-primary-primary: rgb(var(--corto-primitive-grey-0));
    --gds-palette-text-primary-secondary: rgb(var(--corto-primitive-indigo-200));
    --gds-palette-text-primary-tertiary: rgb(var(--corto-primitive-indigo-100));
    --gds-palette-text-secondary-primary: rgb(var(--corto-primitive-indigo-500));
    --gds-palette-text-secondary-secondary: rgb(var(--corto-primitive-indigo-400));
    --gds-palette-icon-primary: rgb(var(--corto-primitive-indigo-200));
    --gds-palette-icon-secondary: rgb(var(--corto-primitive-grey-100));
    --gds-palette-icon-selected: rgb(var(--corto-primitive-indigo-300));
    --gds-palette-icon-placeholder: rgb(var(--corto-primitive-grey-400));
    --gds-palette-icon-disabled: rgb(var(--corto-primitive-grey-300));
    --gds-palette-icon-light: rgb(var(--corto-primitive-indigo-900));
    --gds-palette-helper-error-light: rgb(var(--corto-primitive-red-500));
    --gds-palette-helper-error-dark: rgb(var(--corto-primitive-red-50));
    --gds-palette-helper-success-light: rgb(var(--corto-primitive-green-500));
    --gds-palette-helper-success-dark: rgb(var(--corto-primitive-green-50));
    --gds-palette-helper-warning-light: rgb(var(--corto-primitive-orange-500));
    --gds-palette-helper-warning-dark: rgb(var(--corto-primitive-orange-50));
    --gds-palette-helper-info-light: rgb(var(--corto-primitive-blue-500));
    --gds-palette-helper-info-dark: rgb(237, 237, 238);
    --gds-palette-accent-indigo-light: rgb(var(--corto-primitive-indigo-500));
    --gds-palette-accent-indigo-dark: rgb(var(--corto-primitive-indigo-50));
    --gds-palette-accent-yellow-light: rgb(var(--corto-primitive-yellow-500));
    --gds-palette-accent-yellow-dark: rgb(var(--corto-primitive-yellow-50));
    --gds-palette-accent-orange-light: rgb(var(--corto-primitive-orange-500));
    --gds-palette-accent-orange-dark: rgb(var(--corto-primitive-orange-50));
    --gds-palette-accent-teal-light: rgb(var(--corto-primitive-teal-500));
    --gds-palette-accent-teal-dark: rgb(var(--corto-primitive-teal-50));
    --gds-palette-accent-pink-light: rgb(var(--corto-primitive-pink-500));
    --gds-palette-accent-pink-dark: rgb(var(--corto-primitive-pink-50));
    --gds-palette-accent-green-light: rgb(var(--corto-primitive-green-500));
    --gds-palette-accent-green-dark: rgb(var(--corto-primitive-green-50));
    --gds-pattern-toast-default-backgroundColor-rest: rgb(237, 237, 238);
    --gds-pattern-toast-default-iconColor-rest: rgb(var(--corto-primitive-blue-300));
    --gds-pattern-toast-default-btnColor-rest: rgb(var(--corto-primitive-blue-300));
    --gds-pattern-toast-default-btnColor-hover: rgb(var(--corto-primitive-blue-500));
    --gds-pattern-toast-error-btnColor-rest: rgb(var(--corto-primitive-red-300));
    --gds-pattern-toast-error-btnColor-hover: rgb(var(--corto-primitive-red-500));
    --gds-pattern-toast-warning-btnColor-rest: rgb(var(--corto-primitive-orange-300));
    --gds-pattern-toast-warning-btnColor-hover: rgb(var(--corto-primitive-orange-500));
    --gds-pattern-toast-success-btnColor-rest: rgb(var(--corto-primitive-green-300));
    --gds-pattern-toast-success-btnColor-hover: rgb(var(--corto-primitive-green-500));
    --gds-pattern-brandIcon-fill-primary: rgb(var(--corto-primitive-indigo-700));
    --gds-pattern-brandIcon-fill-secondary: rgb(var(--corto-primitive-yellow-500));
    --gds-pattern-brandIcon-fill-highlight: rgb(255, 255, 255);
    --gds-pattern-brandIcon-fill-shadow: rgb(var(--corto-primitive-grey-700));
  }
}
@layer third-party {
  .tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0;
  }
  [data-tippy-root] {
    max-width: calc(100vw - 10px);
  }
  .tippy-box {
    position: relative;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    white-space: normal;
    outline: 0;
    transition-property:
      transform,
      visibility,
      opacity;
  }
  .tippy-box[data-placement^=top] > .tippy-arrow {
    bottom: 0;
  }
  .tippy-box[data-placement^=top] > .tippy-arrow:before {
    bottom: -7px;
    left: 0;
    border-width: 8px 8px 0;
    border-top-color: initial;
    transform-origin: center top;
  }
  .tippy-box[data-placement^=bottom] > .tippy-arrow {
    top: 0;
  }
  .tippy-box[data-placement^=bottom] > .tippy-arrow:before {
    top: -7px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: initial;
    transform-origin: center bottom;
  }
  .tippy-box[data-placement^=left] > .tippy-arrow {
    right: 0;
  }
  .tippy-box[data-placement^=left] > .tippy-arrow:before {
    border-width: 8px 0 8px 8px;
    border-left-color: initial;
    right: -7px;
    transform-origin: center left;
  }
  .tippy-box[data-placement^=right] > .tippy-arrow {
    left: 0;
  }
  .tippy-box[data-placement^=right] > .tippy-arrow:before {
    left: -7px;
    border-width: 8px 8px 8px 0;
    border-right-color: initial;
    transform-origin: center right;
  }
  .tippy-box[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
  }
  .tippy-arrow {
    width: 16px;
    height: 16px;
    color: #333;
  }
  .tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid;
  }
  .tippy-content {
    position: relative;
    padding: 5px 9px;
    z-index: 1;
  }
  .tippy-box[data-theme~=light-border] {
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 8, 16, 0.15);
    color: #333;
    box-shadow: 0 4px 14px -2px rgba(0, 8, 16, 0.08);
  }
  .tippy-box[data-theme~=light-border] > .tippy-backdrop {
    background-color: #fff;
  }
  .tippy-box[data-theme~=light-border] > .tippy-arrow:after,
  .tippy-box[data-theme~=light-border] > .tippy-svg-arrow:after {
    content: "";
    position: absolute;
    z-index: -1;
  }
  .tippy-box[data-theme~=light-border] > .tippy-arrow:after {
    border-color: transparent;
    border-style: solid;
  }
  .tippy-box[data-theme~=light-border][data-placement^=top] > .tippy-arrow:before {
    border-top-color: #fff;
  }
  .tippy-box[data-theme~=light-border][data-placement^=top] > .tippy-arrow:after {
    border-top-color: rgba(0, 8, 16, 0.2);
    border-width: 7px 7px 0;
    top: 17px;
    left: 1px;
  }
  .tippy-box[data-theme~=light-border][data-placement^=top] > .tippy-svg-arrow > svg {
    top: 16px;
  }
  .tippy-box[data-theme~=light-border][data-placement^=top] > .tippy-svg-arrow:after {
    top: 17px;
  }
  .tippy-box[data-theme~=light-border][data-placement^=bottom] > .tippy-arrow:before {
    border-bottom-color: #fff;
    bottom: 16px;
  }
  .tippy-box[data-theme~=light-border][data-placement^=bottom] > .tippy-arrow:after {
    border-bottom-color: rgba(0, 8, 16, 0.2);
    border-width: 0 7px 7px;
    bottom: 17px;
    left: 1px;
  }
  .tippy-box[data-theme~=light-border][data-placement^=bottom] > .tippy-svg-arrow > svg {
    bottom: 16px;
  }
  .tippy-box[data-theme~=light-border][data-placement^=bottom] > .tippy-svg-arrow:after {
    bottom: 17px;
  }
  .tippy-box[data-theme~=light-border][data-placement^=left] > .tippy-arrow:before {
    border-left-color: #fff;
  }
  .tippy-box[data-theme~=light-border][data-placement^=left] > .tippy-arrow:after {
    border-left-color: rgba(0, 8, 16, 0.2);
    border-width: 7px 0 7px 7px;
    left: 17px;
    top: 1px;
  }
  .tippy-box[data-theme~=light-border][data-placement^=left] > .tippy-svg-arrow > svg {
    left: 11px;
  }
  .tippy-box[data-theme~=light-border][data-placement^=left] > .tippy-svg-arrow:after {
    left: 12px;
  }
  .tippy-box[data-theme~=light-border][data-placement^=right] > .tippy-arrow:before {
    border-right-color: #fff;
    right: 16px;
  }
  .tippy-box[data-theme~=light-border][data-placement^=right] > .tippy-arrow:after {
    border-width: 7px 7px 7px 0;
    right: 17px;
    top: 1px;
    border-right-color: rgba(0, 8, 16, 0.2);
  }
  .tippy-box[data-theme~=light-border][data-placement^=right] > .tippy-svg-arrow > svg {
    right: 11px;
  }
  .tippy-box[data-theme~=light-border][data-placement^=right] > .tippy-svg-arrow:after {
    right: 12px;
  }
  .tippy-box[data-theme~=light-border] > .tippy-svg-arrow {
    fill: #fff;
  }
  .tippy-box[data-theme~=light-border] > .tippy-svg-arrow:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA2czEuNzk2LS4wMTMgNC42Ny0zLjYxNUM1Ljg1MS45IDYuOTMuMDA2IDggMGMxLjA3LS4wMDYgMi4xNDguODg3IDMuMzQzIDIuMzg1QzE0LjIzMyA2LjAwNSAxNiA2IDE2IDZIMHoiIGZpbGw9InJnYmEoMCwgOCwgMTYsIDAuMikiLz48L3N2Zz4=);
    background-size: 16px 6px;
    width: 16px;
    height: 6px;
  }
  .gds-cdk-overlay-container,
  .cdk-global-overlay-wrapper {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  .gds-cdk-overlay-container {
    position: fixed;
    z-index: 1000;
  }
  .gds-cdk-overlay-container:empty {
    display: none;
  }
  .cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: inherit;
  }
  .cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    max-width: 100%;
    max-height: 100%;
  }
  .cdk-overlay-backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
    opacity: 0;
  }
  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1;
    background: rgba(0, 0, 0, 0.32);
  }
  .cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
  .cdk-overlay-dark-backdrop {
    background: rgba(0, 0, 0, 0.32);
  }
  .cdk-overlay-transparent-backdrop,
  .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0;
  }
  .cdk-overlay-connected-position-bounding-box {
    position: absolute;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px;
  }
  .cdk-global-scrollblock {
    position: fixed;
    width: 100%;
    overflow-y: scroll;
  }
  .gds-cdk-overlay--level-1 {
    z-index: 1010;
  }
  .gds-cdk-overlay--level-2 {
    z-index: 1020;
  }
  .gds-cdk-overlay--level-3 {
    z-index: 1030;
  }
  .gds-cdk-overlay--slideIn {
    animation: slideInTop 0.5s ease 0s 1 normal forwards;
  }
  @keyframes slideInTop {
    0% {
      opacity: 0;
      transform: translateY(-250px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .gds-cdk-overlay--slideOut {
    animation: slideInBottom 0.5s ease 0s 1 reverse forwards;
  }
  @keyframes slideInBottom {
    0% {
      opacity: 0;
      transform: translateY(250px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .gds-cdk-overlay--scaleInBoxShadow {
    animation: boxShadowBottomRight 0.5s ease-in 0s 1 normal forwards;
  }
  .gds-cdk-overlay--scaleOutBoxShadow {
    animation: boxShadowBottomRight 0s ease 0s 1 reverse forwards;
  }
  @keyframes boxShadowBottomRight {
    0% {
      opacity: 0;
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
    100% {
      opacity: 1;
      box-shadow: 12px 12px 20px -12px rgba(0, 0, 0, 0.35);
    }
  }
  ng-select .ng-placeholder {
    color: var(--gds-palette-text-default-placeholder);
    font: var(--gds-text-input-shorthand);
  }
  :is(body[isMobile=true]) ng-select .ng-placeholder {
    font: var(--gds-text-inputMobile-shorthand);
  }
  ng-select .ng-input {
    padding-left: var(--gds-spacing-xs);
  }
  ng-select .ng-value-container {
    height: 18px;
  }
  ng-select .ng-select-container {
    position: relative;
    align-items: center;
  }
  ng-select .ng-select-container ::ng-deep input:focus,
  ng-select .ng-select-container ::ng-deep textarea:focus {
    outline: none;
  }
  ng-select .ng-select-container:focus-within,
  ng-select .ng-select-container.is-controlled {
    isolation: isolate;
    position: relative;
  }
  ng-select .ng-select-container:focus-within::before,
  ng-select .ng-select-container.is-controlled::before {
    z-index: -1;
    content: "";
    position: absolute;
    inset: 0 0 0 0;
    border-bottom: var(--gds-borderWidth-lg) solid var(--gds-palette-border-selected);
    border-radius: var(--gds-borderRadius-xs);
  }
  ng-select.ng-select-hide-chevron .ng-arrow-wrapper {
    display: none;
  }
  .ng-dropdown-panel {
    background: var(--gds-palette-background-white);
    box-shadow: var(--gds-shadow-default);
    border-radius: var(--gds-borderRadius-sm);
    margin-block-start: var(--gds-spacing-3xs);
  }
  .ng-dropdown-panel.ng-select-top {
    box-shadow: 0px -8px 16px rgba(0, 0, 0, 0.14);
  }
  .scroll-host::-webkit-scrollbar {
    width: 10px;
  }
  .scroll-host::-webkit-scrollbar-thumb {
    background: rgba(51, 51, 51, 0.24);
    border-radius: 5px;
    border: 2px solid var(--gds-palette-background-white);
  }
  .scroll-host::-webkit-scrollbar-thumb:hover {
    background: rgba(51, 51, 51, 0.5);
  }
  .sbdocs-li {
    list-style: unset;
  }
  .sbdocs-toc--custom:empty {
    display: none;
  }
  .toc-wrapper {
    overflow: auto;
    overflow-x: hidden;
    height: 500px;
    padding-right: 10px;
  }
  .toc-wrapper::-webkit-scrollbar {
    width: 0;
  }
  :is(body[isMobile=true]) [data-tippy-root] {
    display: none;
  }
  .tippy-box {
    font: var(--gds-text-caption-shorthand);
    box-shadow: var(--gds-shadow-default);
    max-width: none !important;
    white-space: nowrap;
  }
  .tippy-box[data-theme~=light-border] {
    border: var(--gds-border-default-shorthand);
  }
  .tippy-popover .tippy-content {
    padding: 0;
  }
  .tippy-popover .tippy-box {
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.14);
    border: 0;
    border-radius: var(--gds-borderRadius-md);
  }
  .mat-mdc-tooltip-surface {
    box-shadow: var(--gds-shadow-default);
    --mat-tooltip-container-color: var(--gds-palette-background-white);
    --mat-tooltip-supporting-text-color: var(--gds-palette-text-default-primary);
    --mat-tooltip-container-shape: var(--gds-borderRadius-sm);
    --mat-tooltip-supporting-text-font: var(--gds-fontFamily-body);
    --mat-tooltip-supporting-text-size: var(--gds-fontSize-body);
    --mat-tooltip-supporting-text-weight: var(--gds-fontWeight-body);
    --mat-tooltip-supporting-text-line-height: var(--gds-lineHeight-body);
  }
}
@layer base {
  html,
  body {
    height: 100%;
  }
  html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
  }
  body {
    margin: 0;
    font-family: var(--gds-fontFamily-body);
    overscroll-behavior: none;
  }
  @supports (scrollbar-color: auto) {
    body,
    body * {
      scrollbar-color: var(--gds-scrollbar-color-thumb) var(--gds-scrollbar-color-track);
      scrollbar-width: thin;
    }
  }
  @supports selector(::-webkit-scrollbar) {
    body ::-webkit-scrollbar,
    body * ::-webkit-scrollbar {
      width: var(--gds-scrollbar-size);
      height: var(--gds-scrollbar-size);
    }
    body ::-webkit-scrollbar-thumb,
    body * ::-webkit-scrollbar-thumb {
      background: var(--gds-scrollbar-color-thumb);
      border-radius: calc(var(--gds-scrollbar-size) / 2);
    }
  }
  *,
  *:before,
  *:after {
    box-sizing: inherit;
    -webkit-font-smoothing: antialiased;
  }
  a,
  button {
    transition: 0.25s all ease-out;
    text-decoration: none;
    cursor: pointer;
  }
  a {
    color: var(--gds-palette-text-default-link);
  }
  a:hover {
    text-decoration: underline;
  }
  body {
    padding-top: 0;
  }
  img,
  svg {
    vertical-align: unset;
  }
  svg-icon svg,
  svg-icon {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  li {
    cursor: default;
  }
  .clickable {
    cursor: pointer;
  }
  @font-face {
    font-family: "Satoshi";
    src:
      url("./media/Satoshi-Medium-CPGP56JQ.woff2") format("woff2"),
      url("./media/Satoshi-Medium-UAG4EE7F.woff") format("woff"),
      url("./media/Satoshi-Medium-BJFL6CRI.ttf") format("truetype");
    font-weight: 500;
    font-display: swap;
    font-style: normal;
  }
  @font-face {
    font-family: "Satoshi";
    src:
      url("./media/Satoshi-MediumItalic-VNMN5NHU.woff2") format("woff2"),
      url("./media/Satoshi-MediumItalic-YANOZZQ4.woff") format("woff"),
      url("./media/Satoshi-MediumItalic-MEYAQWEZ.ttf") format("truetype");
    font-weight: 500;
    font-display: swap;
    font-style: italic;
  }
  @font-face {
    font-family: "Satoshi";
    src:
      url("./media/Satoshi-Bold-5T5RZH4G.woff2") format("woff2"),
      url("./media/Satoshi-Bold-VOUIPCSK.woff") format("woff"),
      url("./media/Satoshi-Bold-5QQ2V3PZ.ttf") format("truetype");
    font-weight: 700;
    font-display: swap;
    font-style: normal;
  }
  @font-face {
    font-family: "Satoshi";
    src:
      url("./media/Satoshi-BoldItalic-JOOBSYOZ.woff2") format("woff2"),
      url("./media/Satoshi-BoldItalic-6HHMDSEG.woff") format("woff"),
      url("./media/Satoshi-BoldItalic-327PBKUC.ttf") format("truetype");
    font-weight: 700;
    font-display: swap;
    font-style: italic;
  }
  @font-face {
    font-family: "Inter";
    src: url("./media/Inter-VariableFont-ZQT46P7R.ttf") format("truetype");
    font-weight: 400;
    font-display: swap;
    font-style: normal;
  }
  @-webkit-keyframes shimmer {
    0% {
      background-position: 100% 0;
    }
    100% {
      background-position: -100% 0;
    }
  }
  @keyframes shimmer {
    0% {
      background-position: 100% 0;
    }
    100% {
      background-position: -100% 0;
    }
  }
  @keyframes expand-vertical {
    from {
      grid-template-rows: var(--expand-vertical-start, 0fr);
    }
    to {
      grid-template-rows: var(--expand-vertical-end, 1fr);
    }
  }
  @keyframes collapse-vertical {
    from {
      grid-template-rows: var(--collapse-vertical-start, 1fr);
    }
    to {
      grid-template-rows: var(--collapse-vertical-end, 0fr);
    }
  }
  @keyframes expand-horizontal {
    from {
      grid-template-columns: var(--expand-horizontal-start, 0fr);
    }
    to {
      grid-template-columns: var(--expand-horizontal-end, 1fr);
    }
  }
  @keyframes collapse-horizontal {
    from {
      grid-template-columns: var(--collapse-horizontal-start, 1fr);
    }
    to {
      grid-template-columns: var(--collapse-horizontal-end, 0fr);
    }
  }
  .gds-expand-vertical,
  .gds-collapse-vertical,
  .gds-expand-horizontal,
  .gds-collapse-horizontal,
  .gds-expand-2d,
  .gds-collapse-2d {
    display: grid;
    overflow: hidden;
    animation-duration: var(--expand-collapse-duration, 250ms);
    animation-timing-function: var(--expand-collapse-timing-function, ease-in-out);
    animation-fill-mode: var(--expand-collapse-fill-mode, forwards);
  }
  .gds-expand-vertical > :first-child,
  .gds-collapse-vertical > :first-child,
  .gds-expand-horizontal > :first-child,
  .gds-collapse-horizontal > :first-child,
  .gds-expand-2d > :first-child,
  .gds-collapse-2d > :first-child {
    min-height: var(--expand-collapse-min-height, 0);
    min-width: var(--expand-collapse-min-width, 0);
  }
  .gds-expand-vertical {
    animation-name: expand-vertical;
  }
  .gds-collapse-vertical {
    animation-name: collapse-vertical;
  }
  .gds-expand-horizontal {
    animation-name: expand-horizontal;
  }
  .gds-collapse-horizontal {
    animation-name: collapse-horizontal;
  }
  .gds-expand-2d {
    animation-name: expand-vertical, expand-horizontal;
  }
  .gds-collapse-2d {
    animation-name: collapse-vertical, collapse-horizontal;
  }
  @keyframes slideTop {
    0% {
      opacity: 0;
      transform: translateY(-100%);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes slideTopLeave {
    0% {
      opacity: 1;
      transform: translateY(0);
    }
    100% {
      opacity: 0;
      transform: translateY(-100%);
    }
  }
  @keyframes slideBottom {
    0% {
      opacity: 0;
      transform: translateY(100%);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes slideBottomLeave {
    0% {
      opacity: 1;
      transform: translateY(0);
    }
    100% {
      opacity: 0;
      transform: translateY(100%);
    }
  }
  @keyframes slideLeft {
    0% {
      opacity: 0;
      transform: translateX(-100%);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  @keyframes slideLeftLeave {
    0% {
      opacity: 1;
      transform: translateX(0);
    }
    100% {
      opacity: 0;
      transform: translateX(-100%);
    }
  }
  @keyframes slideRight {
    0% {
      opacity: 0;
      transform: translateX(100%);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  @keyframes slideRightLeave {
    0% {
      opacity: 1;
      transform: translateX(0);
    }
    100% {
      opacity: 0;
      transform: translateX(100%);
    }
  }
  .gds-slide-top {
    animation: slideTop 300ms ease forwards;
  }
  .gds-slide-top.leave {
    animation: slideTopLeave 300ms ease forwards;
  }
  :is(body[isMobile=true]) * .gds-mobile-slide-top {
    animation: slideTop 300ms ease forwards;
  }
  :is(body[isMobile=true]) * .gds-mobile-slide-top.leave {
    animation: slideTopLeave 300ms ease forwards;
  }
  .gds-slide-bottom {
    animation: slideBottom 300ms ease forwards;
  }
  .gds-slide-bottom.leave {
    animation: slideBottomLeave 300ms ease forwards;
  }
  :is(body[isMobile=true]) * .gds-mobile-slide-bottom {
    animation: slideBottom 300ms ease forwards;
  }
  :is(body[isMobile=true]) * .gds-mobile-slide-bottom.leave {
    animation: slideBottomLeave 300ms ease forwards;
  }
  .gds-slide-left {
    animation: slideLeft 300ms ease forwards;
  }
  .gds-slide-left.leave {
    animation: slideLeftLeave 300ms ease forwards;
  }
  :is(body[isMobile=true]) * .gds-mobile-slide-left {
    animation: slideLeft 300ms ease forwards;
  }
  :is(body[isMobile=true]) * .gds-mobile-slide-left.leave {
    animation: slideLeftLeave 300ms ease forwards;
  }
  .gds-slide-right {
    animation: slideRight 300ms ease forwards;
  }
  .gds-slide-right.leave {
    animation: slideRightLeave 300ms ease forwards;
  }
  :is(body[isMobile=true]) * .gds-mobile-slide-right {
    animation: slideRight 300ms ease forwards;
  }
  :is(body[isMobile=true]) * .gds-mobile-slide-right.leave {
    animation: slideRightLeave 300ms ease forwards;
  }
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fadeOut {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  .gds-fade-in,
  .gds-fade-out {
    animation-duration: var(--fade-duration, 600ms);
    animation-timing-function: var(--fade-timing-function, ease);
    animation-fill-mode: var(--fade-fill-mode, forwards);
  }
  .gds-fade-in {
    animation-name: fadeIn;
  }
  .gds-fade-out {
    animation-name: fadeOut;
  }
  @keyframes scaleIn {
    from {
      transform: scale(0);
    }
    to {
      transform: scale(1);
    }
  }
  @keyframes scaleOut {
    from {
      transform: scale(1);
    }
    to {
      transform: scale(0);
    }
  }
  .gds-scale-in,
  .gds-scale-out {
    animation-duration: var(--scale-duration, 500ms);
    animation-timing-function: var(--scale-timing-function, ease);
    animation-fill-mode: var(--scale-fill-mode, forwards);
  }
  .gds-scale-in {
    animation-name: scaleIn;
  }
  .gds-scale-out {
    animation-name: scaleOut;
  }
}
@layer utility {
  .gds-background-hover {
    background-color: var(--gds-palette-background-hover);
  }
  .gds-background-base {
    background-color: var(--gds-palette-background-base);
  }
  .gds-background-dark {
    background-color: var(--gds-palette-background-dark);
  }
  .gds-background-dark-strong {
    background-color: var(--gds-palette-background-dark-strong);
  }
  .gds-background-white {
    background-color: var(--gds-palette-background-white);
  }
  .gds-background-disabled {
    background-color: var(--gds-palette-background-disabled);
  }
  .gds-background-secondary {
    background-color: var(--gds-palette-background-secondary);
  }
  .gds-background-backdrop {
    background-color: var(--gds-pattern-overlay-background-default, #162845);
  }
  .gds-background-none {
    background: none;
  }
  @media (max-width: 1440px) {
    .gds-responsive-xl-background-hover {
      background-color: var(--gds-palette-background-hover);
    }
    .gds-responsive-xl-background-base {
      background-color: var(--gds-palette-background-base);
    }
    .gds-responsive-xl-background-dark {
      background-color: var(--gds-palette-background-dark);
    }
    .gds-responsive-xl-background-dark-strong {
      background-color: var(--gds-palette-background-dark-strong);
    }
    .gds-responsive-xl-background-white {
      background-color: var(--gds-palette-background-white);
    }
    .gds-responsive-xl-background-disabled {
      background-color: var(--gds-palette-background-disabled);
    }
    .gds-responsive-xl-background-secondary {
      background-color: var(--gds-palette-background-secondary);
    }
    .gds-responsive-xl-background-backdrop {
      background-color: var(--gds-pattern-overlay-background-default, #162845);
    }
    .gds-responsive-xl-background-none {
      background: none;
    }
  }
  @media (max-width: 1200px) {
    .gds-responsive-lg-background-hover {
      background-color: var(--gds-palette-background-hover);
    }
    .gds-responsive-lg-background-base {
      background-color: var(--gds-palette-background-base);
    }
    .gds-responsive-lg-background-dark {
      background-color: var(--gds-palette-background-dark);
    }
    .gds-responsive-lg-background-dark-strong {
      background-color: var(--gds-palette-background-dark-strong);
    }
    .gds-responsive-lg-background-white {
      background-color: var(--gds-palette-background-white);
    }
    .gds-responsive-lg-background-disabled {
      background-color: var(--gds-palette-background-disabled);
    }
    .gds-responsive-lg-background-secondary {
      background-color: var(--gds-palette-background-secondary);
    }
    .gds-responsive-lg-background-backdrop {
      background-color: var(--gds-pattern-overlay-background-default, #162845);
    }
    .gds-responsive-lg-background-none {
      background: none;
    }
  }
  @media (max-width: 900px) {
    .gds-responsive-md-background-hover {
      background-color: var(--gds-palette-background-hover);
    }
    .gds-responsive-md-background-base {
      background-color: var(--gds-palette-background-base);
    }
    .gds-responsive-md-background-dark {
      background-color: var(--gds-palette-background-dark);
    }
    .gds-responsive-md-background-dark-strong {
      background-color: var(--gds-palette-background-dark-strong);
    }
    .gds-responsive-md-background-white {
      background-color: var(--gds-palette-background-white);
    }
    .gds-responsive-md-background-disabled {
      background-color: var(--gds-palette-background-disabled);
    }
    .gds-responsive-md-background-secondary {
      background-color: var(--gds-palette-background-secondary);
    }
    .gds-responsive-md-background-backdrop {
      background-color: var(--gds-pattern-overlay-background-default, #162845);
    }
    .gds-responsive-md-background-none {
      background: none;
    }
  }
  @media (max-width: 600px) {
    .gds-responsive-sm-background-hover {
      background-color: var(--gds-palette-background-hover);
    }
    .gds-responsive-sm-background-base {
      background-color: var(--gds-palette-background-base);
    }
    .gds-responsive-sm-background-dark {
      background-color: var(--gds-palette-background-dark);
    }
    .gds-responsive-sm-background-dark-strong {
      background-color: var(--gds-palette-background-dark-strong);
    }
    .gds-responsive-sm-background-white {
      background-color: var(--gds-palette-background-white);
    }
    .gds-responsive-sm-background-disabled {
      background-color: var(--gds-palette-background-disabled);
    }
    .gds-responsive-sm-background-secondary {
      background-color: var(--gds-palette-background-secondary);
    }
    .gds-responsive-sm-background-backdrop {
      background-color: var(--gds-pattern-overlay-background-default, #162845);
    }
    .gds-responsive-sm-background-none {
      background: none;
    }
  }
  body[isMobile=true] .gds-mobile-background-hover {
    background-color: var(--gds-palette-background-hover);
  }
  body[isMobile=true] .gds-mobile-background-base {
    background-color: var(--gds-palette-background-base);
  }
  body[isMobile=true] .gds-mobile-background-dark {
    background-color: var(--gds-palette-background-dark);
  }
  body[isMobile=true] .gds-mobile-background-dark-strong {
    background-color: var(--gds-palette-background-dark-strong);
  }
  body[isMobile=true] .gds-mobile-background-white {
    background-color: var(--gds-palette-background-white);
  }
  body[isMobile=true] .gds-mobile-background-disabled {
    background-color: var(--gds-palette-background-disabled);
  }
  body[isMobile=true] .gds-mobile-background-secondary {
    background-color: var(--gds-palette-background-secondary);
  }
  body[isMobile=true] .gds-mobile-background-backdrop {
    background-color: var(--gds-pattern-overlay-background-default, #162845);
  }
  body[isMobile=true] .gds-mobile-background-none {
    background: none;
  }
  .gds-border-selected {
    border: var(--gds-borderWidth-sm) solid var(--gds-palette-border-selected);
  }
  .gds-border {
    border: var(--gds-borderWidth-sm) solid var(--gds-palette-border-default);
  }
  .gds-border-transparent {
    border: var(--gds-borderWidth-sm) solid transparent;
  }
  .gds-border-none {
    border-width: 0;
  }
  .gds-border-color-default {
    border-color: var(--gds-palette-border-default);
  }
  .gds-border-color-selected {
    border-color: var(--gds-palette-border-selected);
  }
  .gds-border-color-transparent {
    border-color: transparent;
  }
  .gds-radius-pill {
    border-radius: var(--gds-borderRadius-pill);
  }
  .gds-radius-3xl {
    border-radius: var(--gds-borderRadius-3xl);
  }
  .gds-radius-2xl {
    border-radius: var(--gds-borderRadius-2xl);
  }
  .gds-radius-xl {
    border-radius: var(--gds-borderRadius-xl);
  }
  .gds-radius-lg {
    border-radius: var(--gds-borderRadius-lg);
  }
  .gds-radius-md {
    border-radius: var(--gds-borderRadius-md);
  }
  .gds-radius-sm {
    border-radius: var(--gds-borderRadius-sm);
  }
  .gds-radius-xs {
    border-radius: var(--gds-borderRadius-xs);
  }
  .gds-radius-0 {
    border-radius: var(--gds-borderRadius-0);
  }
  .gds-radius-top-left-pill {
    border-top-left-radius: var(--gds-borderRadius-pill);
  }
  .gds-radius-top-left-3xl {
    border-top-left-radius: var(--gds-borderRadius-3xl);
  }
  .gds-radius-top-left-2xl {
    border-top-left-radius: var(--gds-borderRadius-2xl);
  }
  .gds-radius-top-left-xl {
    border-top-left-radius: var(--gds-borderRadius-xl);
  }
  .gds-radius-top-left-lg {
    border-top-left-radius: var(--gds-borderRadius-lg);
  }
  .gds-radius-top-left-md {
    border-top-left-radius: var(--gds-borderRadius-md);
  }
  .gds-radius-top-left-sm {
    border-top-left-radius: var(--gds-borderRadius-sm);
  }
  .gds-radius-top-left-xs {
    border-top-left-radius: var(--gds-borderRadius-xs);
  }
  .gds-radius-top-left-0 {
    border-top-left-radius: var(--gds-borderRadius-0);
  }
  .gds-radius-top-right-pill {
    border-top-right-radius: var(--gds-borderRadius-pill);
  }
  .gds-radius-top-right-3xl {
    border-top-right-radius: var(--gds-borderRadius-3xl);
  }
  .gds-radius-top-right-2xl {
    border-top-right-radius: var(--gds-borderRadius-2xl);
  }
  .gds-radius-top-right-xl {
    border-top-right-radius: var(--gds-borderRadius-xl);
  }
  .gds-radius-top-right-lg {
    border-top-right-radius: var(--gds-borderRadius-lg);
  }
  .gds-radius-top-right-md {
    border-top-right-radius: var(--gds-borderRadius-md);
  }
  .gds-radius-top-right-sm {
    border-top-right-radius: var(--gds-borderRadius-sm);
  }
  .gds-radius-top-right-xs {
    border-top-right-radius: var(--gds-borderRadius-xs);
  }
  .gds-radius-top-right-0 {
    border-top-right-radius: var(--gds-borderRadius-0);
  }
  .gds-radius-bottom-right-pill {
    border-bottom-right-radius: var(--gds-borderRadius-pill);
  }
  .gds-radius-bottom-right-3xl {
    border-bottom-right-radius: var(--gds-borderRadius-3xl);
  }
  .gds-radius-bottom-right-2xl {
    border-bottom-right-radius: var(--gds-borderRadius-2xl);
  }
  .gds-radius-bottom-right-xl {
    border-bottom-right-radius: var(--gds-borderRadius-xl);
  }
  .gds-radius-bottom-right-lg {
    border-bottom-right-radius: var(--gds-borderRadius-lg);
  }
  .gds-radius-bottom-right-md {
    border-bottom-right-radius: var(--gds-borderRadius-md);
  }
  .gds-radius-bottom-right-sm {
    border-bottom-right-radius: var(--gds-borderRadius-sm);
  }
  .gds-radius-bottom-right-xs {
    border-bottom-right-radius: var(--gds-borderRadius-xs);
  }
  .gds-radius-bottom-right-0 {
    border-bottom-right-radius: var(--gds-borderRadius-0);
  }
  .gds-radius-bottom-left-pill {
    border-bottom-left-radius: var(--gds-borderRadius-pill);
  }
  .gds-radius-bottom-left-3xl {
    border-bottom-left-radius: var(--gds-borderRadius-3xl);
  }
  .gds-radius-bottom-left-2xl {
    border-bottom-left-radius: var(--gds-borderRadius-2xl);
  }
  .gds-radius-bottom-left-xl {
    border-bottom-left-radius: var(--gds-borderRadius-xl);
  }
  .gds-radius-bottom-left-lg {
    border-bottom-left-radius: var(--gds-borderRadius-lg);
  }
  .gds-radius-bottom-left-md {
    border-bottom-left-radius: var(--gds-borderRadius-md);
  }
  .gds-radius-bottom-left-sm {
    border-bottom-left-radius: var(--gds-borderRadius-sm);
  }
  .gds-radius-bottom-left-xs {
    border-bottom-left-radius: var(--gds-borderRadius-xs);
  }
  .gds-radius-bottom-left-0 {
    border-bottom-left-radius: var(--gds-borderRadius-0);
  }
  @media (max-width: 1440px) {
    .gds-responsive-xl-border-selected {
      border: var(--gds-borderWidth-sm) solid var(--gds-palette-border-selected);
    }
    .gds-responsive-xl-border {
      border: var(--gds-borderWidth-sm) solid var(--gds-palette-border-default);
    }
    .gds-responsive-xl-border-transparent {
      border: var(--gds-borderWidth-sm) solid transparent;
    }
    .gds-responsive-xl-border-none {
      border-width: 0;
    }
    .gds-responsive-xl-border-color-default {
      border-color: var(--gds-palette-border-default);
    }
    .gds-responsive-xl-border-color-selected {
      border-color: var(--gds-palette-border-selected);
    }
    .gds-responsive-xl-border-color-transparent {
      border-color: transparent;
    }
    .gds-responsive-xl-radius-pill {
      border-radius: var(--gds-borderRadius-pill);
    }
    .gds-responsive-xl-radius-3xl {
      border-radius: var(--gds-borderRadius-3xl);
    }
    .gds-responsive-xl-radius-2xl {
      border-radius: var(--gds-borderRadius-2xl);
    }
    .gds-responsive-xl-radius-xl {
      border-radius: var(--gds-borderRadius-xl);
    }
    .gds-responsive-xl-radius-lg {
      border-radius: var(--gds-borderRadius-lg);
    }
    .gds-responsive-xl-radius-md {
      border-radius: var(--gds-borderRadius-md);
    }
    .gds-responsive-xl-radius-sm {
      border-radius: var(--gds-borderRadius-sm);
    }
    .gds-responsive-xl-radius-xs {
      border-radius: var(--gds-borderRadius-xs);
    }
    .gds-responsive-xl-radius-0 {
      border-radius: var(--gds-borderRadius-0);
    }
    .gds-responsive-xl-radius-top-left-pill {
      border-top-left-radius: var(--gds-borderRadius-pill);
    }
    .gds-responsive-xl-radius-top-left-3xl {
      border-top-left-radius: var(--gds-borderRadius-3xl);
    }
    .gds-responsive-xl-radius-top-left-2xl {
      border-top-left-radius: var(--gds-borderRadius-2xl);
    }
    .gds-responsive-xl-radius-top-left-xl {
      border-top-left-radius: var(--gds-borderRadius-xl);
    }
    .gds-responsive-xl-radius-top-left-lg {
      border-top-left-radius: var(--gds-borderRadius-lg);
    }
    .gds-responsive-xl-radius-top-left-md {
      border-top-left-radius: var(--gds-borderRadius-md);
    }
    .gds-responsive-xl-radius-top-left-sm {
      border-top-left-radius: var(--gds-borderRadius-sm);
    }
    .gds-responsive-xl-radius-top-left-xs {
      border-top-left-radius: var(--gds-borderRadius-xs);
    }
    .gds-responsive-xl-radius-top-left-0 {
      border-top-left-radius: var(--gds-borderRadius-0);
    }
    .gds-responsive-xl-radius-top-right-pill {
      border-top-right-radius: var(--gds-borderRadius-pill);
    }
    .gds-responsive-xl-radius-top-right-3xl {
      border-top-right-radius: var(--gds-borderRadius-3xl);
    }
    .gds-responsive-xl-radius-top-right-2xl {
      border-top-right-radius: var(--gds-borderRadius-2xl);
    }
    .gds-responsive-xl-radius-top-right-xl {
      border-top-right-radius: var(--gds-borderRadius-xl);
    }
    .gds-responsive-xl-radius-top-right-lg {
      border-top-right-radius: var(--gds-borderRadius-lg);
    }
    .gds-responsive-xl-radius-top-right-md {
      border-top-right-radius: var(--gds-borderRadius-md);
    }
    .gds-responsive-xl-radius-top-right-sm {
      border-top-right-radius: var(--gds-borderRadius-sm);
    }
    .gds-responsive-xl-radius-top-right-xs {
      border-top-right-radius: var(--gds-borderRadius-xs);
    }
    .gds-responsive-xl-radius-top-right-0 {
      border-top-right-radius: var(--gds-borderRadius-0);
    }
    .gds-responsive-xl-radius-bottom-right-pill {
      border-bottom-right-radius: var(--gds-borderRadius-pill);
    }
    .gds-responsive-xl-radius-bottom-right-3xl {
      border-bottom-right-radius: var(--gds-borderRadius-3xl);
    }
    .gds-responsive-xl-radius-bottom-right-2xl {
      border-bottom-right-radius: var(--gds-borderRadius-2xl);
    }
    .gds-responsive-xl-radius-bottom-right-xl {
      border-bottom-right-radius: var(--gds-borderRadius-xl);
    }
    .gds-responsive-xl-radius-bottom-right-lg {
      border-bottom-right-radius: var(--gds-borderRadius-lg);
    }
    .gds-responsive-xl-radius-bottom-right-md {
      border-bottom-right-radius: var(--gds-borderRadius-md);
    }
    .gds-responsive-xl-radius-bottom-right-sm {
      border-bottom-right-radius: var(--gds-borderRadius-sm);
    }
    .gds-responsive-xl-radius-bottom-right-xs {
      border-bottom-right-radius: var(--gds-borderRadius-xs);
    }
    .gds-responsive-xl-radius-bottom-right-0 {
      border-bottom-right-radius: var(--gds-borderRadius-0);
    }
    .gds-responsive-xl-radius-bottom-left-pill {
      border-bottom-left-radius: var(--gds-borderRadius-pill);
    }
    .gds-responsive-xl-radius-bottom-left-3xl {
      border-bottom-left-radius: var(--gds-borderRadius-3xl);
    }
    .gds-responsive-xl-radius-bottom-left-2xl {
      border-bottom-left-radius: var(--gds-borderRadius-2xl);
    }
    .gds-responsive-xl-radius-bottom-left-xl {
      border-bottom-left-radius: var(--gds-borderRadius-xl);
    }
    .gds-responsive-xl-radius-bottom-left-lg {
      border-bottom-left-radius: var(--gds-borderRadius-lg);
    }
    .gds-responsive-xl-radius-bottom-left-md {
      border-bottom-left-radius: var(--gds-borderRadius-md);
    }
    .gds-responsive-xl-radius-bottom-left-sm {
      border-bottom-left-radius: var(--gds-borderRadius-sm);
    }
    .gds-responsive-xl-radius-bottom-left-xs {
      border-bottom-left-radius: var(--gds-borderRadius-xs);
    }
    .gds-responsive-xl-radius-bottom-left-0 {
      border-bottom-left-radius: var(--gds-borderRadius-0);
    }
  }
  @media (max-width: 1200px) {
    .gds-responsive-lg-border-selected {
      border: var(--gds-borderWidth-sm) solid var(--gds-palette-border-selected);
    }
    .gds-responsive-lg-border {
      border: var(--gds-borderWidth-sm) solid var(--gds-palette-border-default);
    }
    .gds-responsive-lg-border-transparent {
      border: var(--gds-borderWidth-sm) solid transparent;
    }
    .gds-responsive-lg-border-none {
      border-width: 0;
    }
    .gds-responsive-lg-border-color-default {
      border-color: var(--gds-palette-border-default);
    }
    .gds-responsive-lg-border-color-selected {
      border-color: var(--gds-palette-border-selected);
    }
    .gds-responsive-lg-border-color-transparent {
      border-color: transparent;
    }
    .gds-responsive-lg-radius-pill {
      border-radius: var(--gds-borderRadius-pill);
    }
    .gds-responsive-lg-radius-3xl {
      border-radius: var(--gds-borderRadius-3xl);
    }
    .gds-responsive-lg-radius-2xl {
      border-radius: var(--gds-borderRadius-2xl);
    }
    .gds-responsive-lg-radius-xl {
      border-radius: var(--gds-borderRadius-xl);
    }
    .gds-responsive-lg-radius-lg {
      border-radius: var(--gds-borderRadius-lg);
    }
    .gds-responsive-lg-radius-md {
      border-radius: var(--gds-borderRadius-md);
    }
    .gds-responsive-lg-radius-sm {
      border-radius: var(--gds-borderRadius-sm);
    }
    .gds-responsive-lg-radius-xs {
      border-radius: var(--gds-borderRadius-xs);
    }
    .gds-responsive-lg-radius-0 {
      border-radius: var(--gds-borderRadius-0);
    }
    .gds-responsive-lg-radius-top-left-pill {
      border-top-left-radius: var(--gds-borderRadius-pill);
    }
    .gds-responsive-lg-radius-top-left-3xl {
      border-top-left-radius: var(--gds-borderRadius-3xl);
    }
    .gds-responsive-lg-radius-top-left-2xl {
      border-top-left-radius: var(--gds-borderRadius-2xl);
    }
    .gds-responsive-lg-radius-top-left-xl {
      border-top-left-radius: var(--gds-borderRadius-xl);
    }
    .gds-responsive-lg-radius-top-left-lg {
      border-top-left-radius: var(--gds-borderRadius-lg);
    }
    .gds-responsive-lg-radius-top-left-md {
      border-top-left-radius: var(--gds-borderRadius-md);
    }
    .gds-responsive-lg-radius-top-left-sm {
      border-top-left-radius: var(--gds-borderRadius-sm);
    }
    .gds-responsive-lg-radius-top-left-xs {
      border-top-left-radius: var(--gds-borderRadius-xs);
    }
    .gds-responsive-lg-radius-top-left-0 {
      border-top-left-radius: var(--gds-borderRadius-0);
    }
    .gds-responsive-lg-radius-top-right-pill {
      border-top-right-radius: var(--gds-borderRadius-pill);
    }
    .gds-responsive-lg-radius-top-right-3xl {
      border-top-right-radius: var(--gds-borderRadius-3xl);
    }
    .gds-responsive-lg-radius-top-right-2xl {
      border-top-right-radius: var(--gds-borderRadius-2xl);
    }
    .gds-responsive-lg-radius-top-right-xl {
      border-top-right-radius: var(--gds-borderRadius-xl);
    }
    .gds-responsive-lg-radius-top-right-lg {
      border-top-right-radius: var(--gds-borderRadius-lg);
    }
    .gds-responsive-lg-radius-top-right-md {
      border-top-right-radius: var(--gds-borderRadius-md);
    }
    .gds-responsive-lg-radius-top-right-sm {
      border-top-right-radius: var(--gds-borderRadius-sm);
    }
    .gds-responsive-lg-radius-top-right-xs {
      border-top-right-radius: var(--gds-borderRadius-xs);
    }
    .gds-responsive-lg-radius-top-right-0 {
      border-top-right-radius: var(--gds-borderRadius-0);
    }
    .gds-responsive-lg-radius-bottom-right-pill {
      border-bottom-right-radius: var(--gds-borderRadius-pill);
    }
    .gds-responsive-lg-radius-bottom-right-3xl {
      border-bottom-right-radius: var(--gds-borderRadius-3xl);
    }
    .gds-responsive-lg-radius-bottom-right-2xl {
      border-bottom-right-radius: var(--gds-borderRadius-2xl);
    }
    .gds-responsive-lg-radius-bottom-right-xl {
      border-bottom-right-radius: var(--gds-borderRadius-xl);
    }
    .gds-responsive-lg-radius-bottom-right-lg {
      border-bottom-right-radius: var(--gds-borderRadius-lg);
    }
    .gds-responsive-lg-radius-bottom-right-md {
      border-bottom-right-radius: var(--gds-borderRadius-md);
    }
    .gds-responsive-lg-radius-bottom-right-sm {
      border-bottom-right-radius: var(--gds-borderRadius-sm);
    }
    .gds-responsive-lg-radius-bottom-right-xs {
      border-bottom-right-radius: var(--gds-borderRadius-xs);
    }
    .gds-responsive-lg-radius-bottom-right-0 {
      border-bottom-right-radius: var(--gds-borderRadius-0);
    }
    .gds-responsive-lg-radius-bottom-left-pill {
      border-bottom-left-radius: var(--gds-borderRadius-pill);
    }
    .gds-responsive-lg-radius-bottom-left-3xl {
      border-bottom-left-radius: var(--gds-borderRadius-3xl);
    }
    .gds-responsive-lg-radius-bottom-left-2xl {
      border-bottom-left-radius: var(--gds-borderRadius-2xl);
    }
    .gds-responsive-lg-radius-bottom-left-xl {
      border-bottom-left-radius: var(--gds-borderRadius-xl);
    }
    .gds-responsive-lg-radius-bottom-left-lg {
      border-bottom-left-radius: var(--gds-borderRadius-lg);
    }
    .gds-responsive-lg-radius-bottom-left-md {
      border-bottom-left-radius: var(--gds-borderRadius-md);
    }
    .gds-responsive-lg-radius-bottom-left-sm {
      border-bottom-left-radius: var(--gds-borderRadius-sm);
    }
    .gds-responsive-lg-radius-bottom-left-xs {
      border-bottom-left-radius: var(--gds-borderRadius-xs);
    }
    .gds-responsive-lg-radius-bottom-left-0 {
      border-bottom-left-radius: var(--gds-borderRadius-0);
    }
  }
  @media (max-width: 900px) {
    .gds-responsive-md-border-selected {
      border: var(--gds-borderWidth-sm) solid var(--gds-palette-border-selected);
    }
    .gds-responsive-md-border {
      border: var(--gds-borderWidth-sm) solid var(--gds-palette-border-default);
    }
    .gds-responsive-md-border-transparent {
      border: var(--gds-borderWidth-sm) solid transparent;
    }
    .gds-responsive-md-border-none {
      border-width: 0;
    }
    .gds-responsive-md-border-color-default {
      border-color: var(--gds-palette-border-default);
    }
    .gds-responsive-md-border-color-selected {
      border-color: var(--gds-palette-border-selected);
    }
    .gds-responsive-md-border-color-transparent {
      border-color: transparent;
    }
    .gds-responsive-md-radius-pill {
      border-radius: var(--gds-borderRadius-pill);
    }
    .gds-responsive-md-radius-3xl {
      border-radius: var(--gds-borderRadius-3xl);
    }
    .gds-responsive-md-radius-2xl {
      border-radius: var(--gds-borderRadius-2xl);
    }
    .gds-responsive-md-radius-xl {
      border-radius: var(--gds-borderRadius-xl);
    }
    .gds-responsive-md-radius-lg {
      border-radius: var(--gds-borderRadius-lg);
    }
    .gds-responsive-md-radius-md {
      border-radius: var(--gds-borderRadius-md);
    }
    .gds-responsive-md-radius-sm {
      border-radius: var(--gds-borderRadius-sm);
    }
    .gds-responsive-md-radius-xs {
      border-radius: var(--gds-borderRadius-xs);
    }
    .gds-responsive-md-radius-0 {
      border-radius: var(--gds-borderRadius-0);
    }
    .gds-responsive-md-radius-top-left-pill {
      border-top-left-radius: var(--gds-borderRadius-pill);
    }
    .gds-responsive-md-radius-top-left-3xl {
      border-top-left-radius: var(--gds-borderRadius-3xl);
    }
    .gds-responsive-md-radius-top-left-2xl {
      border-top-left-radius: var(--gds-borderRadius-2xl);
    }
    .gds-responsive-md-radius-top-left-xl {
      border-top-left-radius: var(--gds-borderRadius-xl);
    }
    .gds-responsive-md-radius-top-left-lg {
      border-top-left-radius: var(--gds-borderRadius-lg);
    }
    .gds-responsive-md-radius-top-left-md {
      border-top-left-radius: var(--gds-borderRadius-md);
    }
    .gds-responsive-md-radius-top-left-sm {
      border-top-left-radius: var(--gds-borderRadius-sm);
    }
    .gds-responsive-md-radius-top-left-xs {
      border-top-left-radius: var(--gds-borderRadius-xs);
    }
    .gds-responsive-md-radius-top-left-0 {
      border-top-left-radius: var(--gds-borderRadius-0);
    }
    .gds-responsive-md-radius-top-right-pill {
      border-top-right-radius: var(--gds-borderRadius-pill);
    }
    .gds-responsive-md-radius-top-right-3xl {
      border-top-right-radius: var(--gds-borderRadius-3xl);
    }
    .gds-responsive-md-radius-top-right-2xl {
      border-top-right-radius: var(--gds-borderRadius-2xl);
    }
    .gds-responsive-md-radius-top-right-xl {
      border-top-right-radius: var(--gds-borderRadius-xl);
    }
    .gds-responsive-md-radius-top-right-lg {
      border-top-right-radius: var(--gds-borderRadius-lg);
    }
    .gds-responsive-md-radius-top-right-md {
      border-top-right-radius: var(--gds-borderRadius-md);
    }
    .gds-responsive-md-radius-top-right-sm {
      border-top-right-radius: var(--gds-borderRadius-sm);
    }
    .gds-responsive-md-radius-top-right-xs {
      border-top-right-radius: var(--gds-borderRadius-xs);
    }
    .gds-responsive-md-radius-top-right-0 {
      border-top-right-radius: var(--gds-borderRadius-0);
    }
    .gds-responsive-md-radius-bottom-right-pill {
      border-bottom-right-radius: var(--gds-borderRadius-pill);
    }
    .gds-responsive-md-radius-bottom-right-3xl {
      border-bottom-right-radius: var(--gds-borderRadius-3xl);
    }
    .gds-responsive-md-radius-bottom-right-2xl {
      border-bottom-right-radius: var(--gds-borderRadius-2xl);
    }
    .gds-responsive-md-radius-bottom-right-xl {
      border-bottom-right-radius: var(--gds-borderRadius-xl);
    }
    .gds-responsive-md-radius-bottom-right-lg {
      border-bottom-right-radius: var(--gds-borderRadius-lg);
    }
    .gds-responsive-md-radius-bottom-right-md {
      border-bottom-right-radius: var(--gds-borderRadius-md);
    }
    .gds-responsive-md-radius-bottom-right-sm {
      border-bottom-right-radius: var(--gds-borderRadius-sm);
    }
    .gds-responsive-md-radius-bottom-right-xs {
      border-bottom-right-radius: var(--gds-borderRadius-xs);
    }
    .gds-responsive-md-radius-bottom-right-0 {
      border-bottom-right-radius: var(--gds-borderRadius-0);
    }
    .gds-responsive-md-radius-bottom-left-pill {
      border-bottom-left-radius: var(--gds-borderRadius-pill);
    }
    .gds-responsive-md-radius-bottom-left-3xl {
      border-bottom-left-radius: var(--gds-borderRadius-3xl);
    }
    .gds-responsive-md-radius-bottom-left-2xl {
      border-bottom-left-radius: var(--gds-borderRadius-2xl);
    }
    .gds-responsive-md-radius-bottom-left-xl {
      border-bottom-left-radius: var(--gds-borderRadius-xl);
    }
    .gds-responsive-md-radius-bottom-left-lg {
      border-bottom-left-radius: var(--gds-borderRadius-lg);
    }
    .gds-responsive-md-radius-bottom-left-md {
      border-bottom-left-radius: var(--gds-borderRadius-md);
    }
    .gds-responsive-md-radius-bottom-left-sm {
      border-bottom-left-radius: var(--gds-borderRadius-sm);
    }
    .gds-responsive-md-radius-bottom-left-xs {
      border-bottom-left-radius: var(--gds-borderRadius-xs);
    }
    .gds-responsive-md-radius-bottom-left-0 {
      border-bottom-left-radius: var(--gds-borderRadius-0);
    }
  }
  @media (max-width: 600px) {
    .gds-responsive-sm-border-selected {
      border: var(--gds-borderWidth-sm) solid var(--gds-palette-border-selected);
    }
    .gds-responsive-sm-border {
      border: var(--gds-borderWidth-sm) solid var(--gds-palette-border-default);
    }
    .gds-responsive-sm-border-transparent {
      border: var(--gds-borderWidth-sm) solid transparent;
    }
    .gds-responsive-sm-border-none {
      border-width: 0;
    }
    .gds-responsive-sm-border-color-default {
      border-color: var(--gds-palette-border-default);
    }
    .gds-responsive-sm-border-color-selected {
      border-color: var(--gds-palette-border-selected);
    }
    .gds-responsive-sm-border-color-transparent {
      border-color: transparent;
    }
    .gds-responsive-sm-radius-pill {
      border-radius: var(--gds-borderRadius-pill);
    }
    .gds-responsive-sm-radius-3xl {
      border-radius: var(--gds-borderRadius-3xl);
    }
    .gds-responsive-sm-radius-2xl {
      border-radius: var(--gds-borderRadius-2xl);
    }
    .gds-responsive-sm-radius-xl {
      border-radius: var(--gds-borderRadius-xl);
    }
    .gds-responsive-sm-radius-lg {
      border-radius: var(--gds-borderRadius-lg);
    }
    .gds-responsive-sm-radius-md {
      border-radius: var(--gds-borderRadius-md);
    }
    .gds-responsive-sm-radius-sm {
      border-radius: var(--gds-borderRadius-sm);
    }
    .gds-responsive-sm-radius-xs {
      border-radius: var(--gds-borderRadius-xs);
    }
    .gds-responsive-sm-radius-0 {
      border-radius: var(--gds-borderRadius-0);
    }
    .gds-responsive-sm-radius-top-left-pill {
      border-top-left-radius: var(--gds-borderRadius-pill);
    }
    .gds-responsive-sm-radius-top-left-3xl {
      border-top-left-radius: var(--gds-borderRadius-3xl);
    }
    .gds-responsive-sm-radius-top-left-2xl {
      border-top-left-radius: var(--gds-borderRadius-2xl);
    }
    .gds-responsive-sm-radius-top-left-xl {
      border-top-left-radius: var(--gds-borderRadius-xl);
    }
    .gds-responsive-sm-radius-top-left-lg {
      border-top-left-radius: var(--gds-borderRadius-lg);
    }
    .gds-responsive-sm-radius-top-left-md {
      border-top-left-radius: var(--gds-borderRadius-md);
    }
    .gds-responsive-sm-radius-top-left-sm {
      border-top-left-radius: var(--gds-borderRadius-sm);
    }
    .gds-responsive-sm-radius-top-left-xs {
      border-top-left-radius: var(--gds-borderRadius-xs);
    }
    .gds-responsive-sm-radius-top-left-0 {
      border-top-left-radius: var(--gds-borderRadius-0);
    }
    .gds-responsive-sm-radius-top-right-pill {
      border-top-right-radius: var(--gds-borderRadius-pill);
    }
    .gds-responsive-sm-radius-top-right-3xl {
      border-top-right-radius: var(--gds-borderRadius-3xl);
    }
    .gds-responsive-sm-radius-top-right-2xl {
      border-top-right-radius: var(--gds-borderRadius-2xl);
    }
    .gds-responsive-sm-radius-top-right-xl {
      border-top-right-radius: var(--gds-borderRadius-xl);
    }
    .gds-responsive-sm-radius-top-right-lg {
      border-top-right-radius: var(--gds-borderRadius-lg);
    }
    .gds-responsive-sm-radius-top-right-md {
      border-top-right-radius: var(--gds-borderRadius-md);
    }
    .gds-responsive-sm-radius-top-right-sm {
      border-top-right-radius: var(--gds-borderRadius-sm);
    }
    .gds-responsive-sm-radius-top-right-xs {
      border-top-right-radius: var(--gds-borderRadius-xs);
    }
    .gds-responsive-sm-radius-top-right-0 {
      border-top-right-radius: var(--gds-borderRadius-0);
    }
    .gds-responsive-sm-radius-bottom-right-pill {
      border-bottom-right-radius: var(--gds-borderRadius-pill);
    }
    .gds-responsive-sm-radius-bottom-right-3xl {
      border-bottom-right-radius: var(--gds-borderRadius-3xl);
    }
    .gds-responsive-sm-radius-bottom-right-2xl {
      border-bottom-right-radius: var(--gds-borderRadius-2xl);
    }
    .gds-responsive-sm-radius-bottom-right-xl {
      border-bottom-right-radius: var(--gds-borderRadius-xl);
    }
    .gds-responsive-sm-radius-bottom-right-lg {
      border-bottom-right-radius: var(--gds-borderRadius-lg);
    }
    .gds-responsive-sm-radius-bottom-right-md {
      border-bottom-right-radius: var(--gds-borderRadius-md);
    }
    .gds-responsive-sm-radius-bottom-right-sm {
      border-bottom-right-radius: var(--gds-borderRadius-sm);
    }
    .gds-responsive-sm-radius-bottom-right-xs {
      border-bottom-right-radius: var(--gds-borderRadius-xs);
    }
    .gds-responsive-sm-radius-bottom-right-0 {
      border-bottom-right-radius: var(--gds-borderRadius-0);
    }
    .gds-responsive-sm-radius-bottom-left-pill {
      border-bottom-left-radius: var(--gds-borderRadius-pill);
    }
    .gds-responsive-sm-radius-bottom-left-3xl {
      border-bottom-left-radius: var(--gds-borderRadius-3xl);
    }
    .gds-responsive-sm-radius-bottom-left-2xl {
      border-bottom-left-radius: var(--gds-borderRadius-2xl);
    }
    .gds-responsive-sm-radius-bottom-left-xl {
      border-bottom-left-radius: var(--gds-borderRadius-xl);
    }
    .gds-responsive-sm-radius-bottom-left-lg {
      border-bottom-left-radius: var(--gds-borderRadius-lg);
    }
    .gds-responsive-sm-radius-bottom-left-md {
      border-bottom-left-radius: var(--gds-borderRadius-md);
    }
    .gds-responsive-sm-radius-bottom-left-sm {
      border-bottom-left-radius: var(--gds-borderRadius-sm);
    }
    .gds-responsive-sm-radius-bottom-left-xs {
      border-bottom-left-radius: var(--gds-borderRadius-xs);
    }
    .gds-responsive-sm-radius-bottom-left-0 {
      border-bottom-left-radius: var(--gds-borderRadius-0);
    }
  }
  body[isMobile=true] {
  }
  body[isMobile=true] .gds-mobile-border-selected {
    border: var(--gds-borderWidth-sm) solid var(--gds-palette-border-selected);
  }
  body[isMobile=true] .gds-mobile-border {
    border: var(--gds-borderWidth-sm) solid var(--gds-palette-border-default);
  }
  body[isMobile=true] .gds-mobile-border-transparent {
    border: var(--gds-borderWidth-sm) solid transparent;
  }
  body[isMobile=true] .gds-mobile-border-none {
    border-width: 0;
  }
  body[isMobile=true] {
  }
  body[isMobile=true] .gds-mobile-border-color-default {
    border-color: var(--gds-palette-border-default);
  }
  body[isMobile=true] .gds-mobile-border-color-selected {
    border-color: var(--gds-palette-border-selected);
  }
  body[isMobile=true] .gds-mobile-border-color-transparent {
    border-color: transparent;
  }
  body[isMobile=true] {
  }
  body[isMobile=true] .gds-mobile-radius-pill {
    border-radius: var(--gds-borderRadius-pill);
  }
  body[isMobile=true] .gds-mobile-radius-3xl {
    border-radius: var(--gds-borderRadius-3xl);
  }
  body[isMobile=true] .gds-mobile-radius-2xl {
    border-radius: var(--gds-borderRadius-2xl);
  }
  body[isMobile=true] .gds-mobile-radius-xl {
    border-radius: var(--gds-borderRadius-xl);
  }
  body[isMobile=true] .gds-mobile-radius-lg {
    border-radius: var(--gds-borderRadius-lg);
  }
  body[isMobile=true] .gds-mobile-radius-md {
    border-radius: var(--gds-borderRadius-md);
  }
  body[isMobile=true] .gds-mobile-radius-sm {
    border-radius: var(--gds-borderRadius-sm);
  }
  body[isMobile=true] .gds-mobile-radius-xs {
    border-radius: var(--gds-borderRadius-xs);
  }
  body[isMobile=true] .gds-mobile-radius-0 {
    border-radius: var(--gds-borderRadius-0);
  }
  body[isMobile=true] .gds-mobile-radius-top-left-pill {
    border-top-left-radius: var(--gds-borderRadius-pill);
  }
  body[isMobile=true] .gds-mobile-radius-top-left-3xl {
    border-top-left-radius: var(--gds-borderRadius-3xl);
  }
  body[isMobile=true] .gds-mobile-radius-top-left-2xl {
    border-top-left-radius: var(--gds-borderRadius-2xl);
  }
  body[isMobile=true] .gds-mobile-radius-top-left-xl {
    border-top-left-radius: var(--gds-borderRadius-xl);
  }
  body[isMobile=true] .gds-mobile-radius-top-left-lg {
    border-top-left-radius: var(--gds-borderRadius-lg);
  }
  body[isMobile=true] .gds-mobile-radius-top-left-md {
    border-top-left-radius: var(--gds-borderRadius-md);
  }
  body[isMobile=true] .gds-mobile-radius-top-left-sm {
    border-top-left-radius: var(--gds-borderRadius-sm);
  }
  body[isMobile=true] .gds-mobile-radius-top-left-xs {
    border-top-left-radius: var(--gds-borderRadius-xs);
  }
  body[isMobile=true] .gds-mobile-radius-top-left-0 {
    border-top-left-radius: var(--gds-borderRadius-0);
  }
  body[isMobile=true] .gds-mobile-radius-top-right-pill {
    border-top-right-radius: var(--gds-borderRadius-pill);
  }
  body[isMobile=true] .gds-mobile-radius-top-right-3xl {
    border-top-right-radius: var(--gds-borderRadius-3xl);
  }
  body[isMobile=true] .gds-mobile-radius-top-right-2xl {
    border-top-right-radius: var(--gds-borderRadius-2xl);
  }
  body[isMobile=true] .gds-mobile-radius-top-right-xl {
    border-top-right-radius: var(--gds-borderRadius-xl);
  }
  body[isMobile=true] .gds-mobile-radius-top-right-lg {
    border-top-right-radius: var(--gds-borderRadius-lg);
  }
  body[isMobile=true] .gds-mobile-radius-top-right-md {
    border-top-right-radius: var(--gds-borderRadius-md);
  }
  body[isMobile=true] .gds-mobile-radius-top-right-sm {
    border-top-right-radius: var(--gds-borderRadius-sm);
  }
  body[isMobile=true] .gds-mobile-radius-top-right-xs {
    border-top-right-radius: var(--gds-borderRadius-xs);
  }
  body[isMobile=true] .gds-mobile-radius-top-right-0 {
    border-top-right-radius: var(--gds-borderRadius-0);
  }
  body[isMobile=true] .gds-mobile-radius-bottom-right-pill {
    border-bottom-right-radius: var(--gds-borderRadius-pill);
  }
  body[isMobile=true] .gds-mobile-radius-bottom-right-3xl {
    border-bottom-right-radius: var(--gds-borderRadius-3xl);
  }
  body[isMobile=true] .gds-mobile-radius-bottom-right-2xl {
    border-bottom-right-radius: var(--gds-borderRadius-2xl);
  }
  body[isMobile=true] .gds-mobile-radius-bottom-right-xl {
    border-bottom-right-radius: var(--gds-borderRadius-xl);
  }
  body[isMobile=true] .gds-mobile-radius-bottom-right-lg {
    border-bottom-right-radius: var(--gds-borderRadius-lg);
  }
  body[isMobile=true] .gds-mobile-radius-bottom-right-md {
    border-bottom-right-radius: var(--gds-borderRadius-md);
  }
  body[isMobile=true] .gds-mobile-radius-bottom-right-sm {
    border-bottom-right-radius: var(--gds-borderRadius-sm);
  }
  body[isMobile=true] .gds-mobile-radius-bottom-right-xs {
    border-bottom-right-radius: var(--gds-borderRadius-xs);
  }
  body[isMobile=true] .gds-mobile-radius-bottom-right-0 {
    border-bottom-right-radius: var(--gds-borderRadius-0);
  }
  body[isMobile=true] .gds-mobile-radius-bottom-left-pill {
    border-bottom-left-radius: var(--gds-borderRadius-pill);
  }
  body[isMobile=true] .gds-mobile-radius-bottom-left-3xl {
    border-bottom-left-radius: var(--gds-borderRadius-3xl);
  }
  body[isMobile=true] .gds-mobile-radius-bottom-left-2xl {
    border-bottom-left-radius: var(--gds-borderRadius-2xl);
  }
  body[isMobile=true] .gds-mobile-radius-bottom-left-xl {
    border-bottom-left-radius: var(--gds-borderRadius-xl);
  }
  body[isMobile=true] .gds-mobile-radius-bottom-left-lg {
    border-bottom-left-radius: var(--gds-borderRadius-lg);
  }
  body[isMobile=true] .gds-mobile-radius-bottom-left-md {
    border-bottom-left-radius: var(--gds-borderRadius-md);
  }
  body[isMobile=true] .gds-mobile-radius-bottom-left-sm {
    border-bottom-left-radius: var(--gds-borderRadius-sm);
  }
  body[isMobile=true] .gds-mobile-radius-bottom-left-xs {
    border-bottom-left-radius: var(--gds-borderRadius-xs);
  }
  body[isMobile=true] .gds-mobile-radius-bottom-left-0 {
    border-bottom-left-radius: var(--gds-borderRadius-0);
  }
  .gds-display-inline {
    display: inline;
  }
  .gds-display-inline-block {
    display: inline-block;
  }
  .gds-display-block {
    display: block;
  }
  .gds-display-grid {
    display: grid;
  }
  .gds-display-inline-grid {
    display: inline-grid;
  }
  .gds-display-flex {
    display: flex;
  }
  .gds-display-inline-flex {
    display: inline-flex;
  }
  .gds-display-contents {
    display: contents;
  }
  .gds-display-none {
    display: none;
  }
  .gds-display-none-empty:empty {
    display: none;
  }
  @media (max-width: 1440px) {
    .gds-responsive-xl-display-inline {
      display: inline;
    }
    .gds-responsive-xl-display-inline-block {
      display: inline-block;
    }
    .gds-responsive-xl-display-block {
      display: block;
    }
    .gds-responsive-xl-display-grid {
      display: grid;
    }
    .gds-responsive-xl-display-inline-grid {
      display: inline-grid;
    }
    .gds-responsive-xl-display-flex {
      display: flex;
    }
    .gds-responsive-xl-display-inline-flex {
      display: inline-flex;
    }
    .gds-responsive-xl-display-contents {
      display: contents;
    }
    .gds-responsive-xl-display-none {
      display: none;
    }
    .gds-responsive-xl-display-none-empty:empty {
      display: none;
    }
  }
  @media (max-width: 1200px) {
    .gds-responsive-lg-display-inline {
      display: inline;
    }
    .gds-responsive-lg-display-inline-block {
      display: inline-block;
    }
    .gds-responsive-lg-display-block {
      display: block;
    }
    .gds-responsive-lg-display-grid {
      display: grid;
    }
    .gds-responsive-lg-display-inline-grid {
      display: inline-grid;
    }
    .gds-responsive-lg-display-flex {
      display: flex;
    }
    .gds-responsive-lg-display-inline-flex {
      display: inline-flex;
    }
    .gds-responsive-lg-display-contents {
      display: contents;
    }
    .gds-responsive-lg-display-none {
      display: none;
    }
    .gds-responsive-lg-display-none-empty:empty {
      display: none;
    }
  }
  @media (max-width: 900px) {
    .gds-responsive-md-display-inline {
      display: inline;
    }
    .gds-responsive-md-display-inline-block {
      display: inline-block;
    }
    .gds-responsive-md-display-block {
      display: block;
    }
    .gds-responsive-md-display-grid {
      display: grid;
    }
    .gds-responsive-md-display-inline-grid {
      display: inline-grid;
    }
    .gds-responsive-md-display-flex {
      display: flex;
    }
    .gds-responsive-md-display-inline-flex {
      display: inline-flex;
    }
    .gds-responsive-md-display-contents {
      display: contents;
    }
    .gds-responsive-md-display-none {
      display: none;
    }
    .gds-responsive-md-display-none-empty:empty {
      display: none;
    }
  }
  @media (max-width: 600px) {
    .gds-responsive-sm-display-inline {
      display: inline;
    }
    .gds-responsive-sm-display-inline-block {
      display: inline-block;
    }
    .gds-responsive-sm-display-block {
      display: block;
    }
    .gds-responsive-sm-display-grid {
      display: grid;
    }
    .gds-responsive-sm-display-inline-grid {
      display: inline-grid;
    }
    .gds-responsive-sm-display-flex {
      display: flex;
    }
    .gds-responsive-sm-display-inline-flex {
      display: inline-flex;
    }
    .gds-responsive-sm-display-contents {
      display: contents;
    }
    .gds-responsive-sm-display-none {
      display: none;
    }
    .gds-responsive-sm-display-none-empty:empty {
      display: none;
    }
  }
  body[isMobile=true] .gds-mobile-display-inline {
    display: inline;
  }
  body[isMobile=true] .gds-mobile-display-inline-block {
    display: inline-block;
  }
  body[isMobile=true] .gds-mobile-display-block {
    display: block;
  }
  body[isMobile=true] .gds-mobile-display-grid {
    display: grid;
  }
  body[isMobile=true] .gds-mobile-display-inline-grid {
    display: inline-grid;
  }
  body[isMobile=true] .gds-mobile-display-flex {
    display: flex;
  }
  body[isMobile=true] .gds-mobile-display-inline-flex {
    display: inline-flex;
  }
  body[isMobile=true] .gds-mobile-display-contents {
    display: contents;
  }
  body[isMobile=true] .gds-mobile-display-none {
    display: none;
  }
  body[isMobile=true] .gds-mobile-display-none-empty:empty {
    display: none;
  }
  .gds-flex-row {
    flex-direction: row;
  }
  .gds-flex-column {
    flex-direction: column;
  }
  .gds-flex-row-reverse {
    flex-direction: row-reverse;
  }
  .gds-flex-column-reverse {
    flex-direction: column-reverse;
  }
  .gds-flex-nowrap {
    flex-wrap: nowrap;
  }
  .gds-flex-wrap {
    flex-wrap: wrap;
  }
  .gds-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .gds-flex-grow-0 {
    flex-grow: 0;
  }
  .gds-flex-grow-1 {
    flex-grow: 1;
  }
  .gds-flex-shrink-0 {
    flex-shrink: 0;
  }
  .gds-flex-shrink-1 {
    flex-shrink: 1;
  }
  .gds-flex-0 {
    flex: 0;
  }
  .gds-flex-1 {
    flex: 1;
  }
  .gds-justify-content-start {
    justify-content: flex-start;
  }
  .gds-justify-content-end {
    justify-content: flex-end;
  }
  .gds-justify-content-center {
    justify-content: center;
  }
  .gds-justify-content-between {
    justify-content: space-between;
  }
  .gds-justify-content-around {
    justify-content: space-around;
  }
  .gds-justify-content-evenly {
    justify-content: space-evenly;
  }
  .gds-align-items-start {
    align-items: flex-start;
  }
  .gds-align-items-end {
    align-items: flex-end;
  }
  .gds-align-items-center {
    align-items: center;
  }
  .gds-align-items-baseline {
    align-items: baseline;
  }
  .gds-align-items-stretch {
    align-items: stretch;
  }
  .gds-align-self-start {
    align-self: flex-start;
  }
  .gds-align-self-end {
    align-self: flex-end;
  }
  .gds-align-self-center {
    align-self: center;
  }
  .gds-align-self-baseline {
    align-self: baseline;
  }
  .gds-align-self-stretch {
    align-self: stretch;
  }
  .gds-align-content-start {
    align-content: flex-start;
  }
  .gds-align-content-end {
    align-content: flex-end;
  }
  .gds-align-content-center {
    align-content: center;
  }
  .gds-align-content-between {
    align-content: space-between;
  }
  .gds-align-content-around {
    align-content: space-around;
  }
  .gds-align-content-stretch {
    align-content: stretch;
  }
  @media (max-width: 1440px) {
    .gds-responsive-xl-flex-row {
      flex-direction: row;
    }
    .gds-responsive-xl-flex-column {
      flex-direction: column;
    }
    .gds-responsive-xl-flex-row-reverse {
      flex-direction: row-reverse;
    }
    .gds-responsive-xl-flex-column-reverse {
      flex-direction: column-reverse;
    }
    .gds-responsive-xl-flex-nowrap {
      flex-wrap: nowrap;
    }
    .gds-responsive-xl-flex-wrap {
      flex-wrap: wrap;
    }
    .gds-responsive-xl-flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
    .gds-responsive-xl-flex-grow-0 {
      flex-grow: 0;
    }
    .gds-responsive-xl-flex-grow-1 {
      flex-grow: 1;
    }
    .gds-responsive-xl-flex-shrink-0 {
      flex-shrink: 0;
    }
    .gds-responsive-xl-flex-shrink-1 {
      flex-shrink: 1;
    }
    .gds-responsive-xl-flex-0 {
      flex: 0;
    }
    .gds-responsive-xl-flex-1 {
      flex: 1;
    }
    .gds-responsive-xl-justify-content-start {
      justify-content: flex-start;
    }
    .gds-responsive-xl-justify-content-end {
      justify-content: flex-end;
    }
    .gds-responsive-xl-justify-content-center {
      justify-content: center;
    }
    .gds-responsive-xl-justify-content-between {
      justify-content: space-between;
    }
    .gds-responsive-xl-justify-content-around {
      justify-content: space-around;
    }
    .gds-responsive-xl-justify-content-evenly {
      justify-content: space-evenly;
    }
    .gds-responsive-xl-align-items-start {
      align-items: flex-start;
    }
    .gds-responsive-xl-align-items-end {
      align-items: flex-end;
    }
    .gds-responsive-xl-align-items-center {
      align-items: center;
    }
    .gds-responsive-xl-align-items-baseline {
      align-items: baseline;
    }
    .gds-responsive-xl-align-items-stretch {
      align-items: stretch;
    }
    .gds-responsive-xl-align-self-start {
      align-self: flex-start;
    }
    .gds-responsive-xl-align-self-end {
      align-self: flex-end;
    }
    .gds-responsive-xl-align-self-center {
      align-self: center;
    }
    .gds-responsive-xl-align-self-baseline {
      align-self: baseline;
    }
    .gds-responsive-xl-align-self-stretch {
      align-self: stretch;
    }
    .gds-responsive-xl-align-content-start {
      align-content: flex-start;
    }
    .gds-responsive-xl-align-content-end {
      align-content: flex-end;
    }
    .gds-responsive-xl-align-content-center {
      align-content: center;
    }
    .gds-responsive-xl-align-content-between {
      align-content: space-between;
    }
    .gds-responsive-xl-align-content-around {
      align-content: space-around;
    }
    .gds-responsive-xl-align-content-stretch {
      align-content: stretch;
    }
  }
  @media (max-width: 1200px) {
    .gds-responsive-lg-flex-row {
      flex-direction: row;
    }
    .gds-responsive-lg-flex-column {
      flex-direction: column;
    }
    .gds-responsive-lg-flex-row-reverse {
      flex-direction: row-reverse;
    }
    .gds-responsive-lg-flex-column-reverse {
      flex-direction: column-reverse;
    }
    .gds-responsive-lg-flex-nowrap {
      flex-wrap: nowrap;
    }
    .gds-responsive-lg-flex-wrap {
      flex-wrap: wrap;
    }
    .gds-responsive-lg-flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
    .gds-responsive-lg-flex-grow-0 {
      flex-grow: 0;
    }
    .gds-responsive-lg-flex-grow-1 {
      flex-grow: 1;
    }
    .gds-responsive-lg-flex-shrink-0 {
      flex-shrink: 0;
    }
    .gds-responsive-lg-flex-shrink-1 {
      flex-shrink: 1;
    }
    .gds-responsive-lg-flex-0 {
      flex: 0;
    }
    .gds-responsive-lg-flex-1 {
      flex: 1;
    }
    .gds-responsive-lg-justify-content-start {
      justify-content: flex-start;
    }
    .gds-responsive-lg-justify-content-end {
      justify-content: flex-end;
    }
    .gds-responsive-lg-justify-content-center {
      justify-content: center;
    }
    .gds-responsive-lg-justify-content-between {
      justify-content: space-between;
    }
    .gds-responsive-lg-justify-content-around {
      justify-content: space-around;
    }
    .gds-responsive-lg-justify-content-evenly {
      justify-content: space-evenly;
    }
    .gds-responsive-lg-align-items-start {
      align-items: flex-start;
    }
    .gds-responsive-lg-align-items-end {
      align-items: flex-end;
    }
    .gds-responsive-lg-align-items-center {
      align-items: center;
    }
    .gds-responsive-lg-align-items-baseline {
      align-items: baseline;
    }
    .gds-responsive-lg-align-items-stretch {
      align-items: stretch;
    }
    .gds-responsive-lg-align-self-start {
      align-self: flex-start;
    }
    .gds-responsive-lg-align-self-end {
      align-self: flex-end;
    }
    .gds-responsive-lg-align-self-center {
      align-self: center;
    }
    .gds-responsive-lg-align-self-baseline {
      align-self: baseline;
    }
    .gds-responsive-lg-align-self-stretch {
      align-self: stretch;
    }
    .gds-responsive-lg-align-content-start {
      align-content: flex-start;
    }
    .gds-responsive-lg-align-content-end {
      align-content: flex-end;
    }
    .gds-responsive-lg-align-content-center {
      align-content: center;
    }
    .gds-responsive-lg-align-content-between {
      align-content: space-between;
    }
    .gds-responsive-lg-align-content-around {
      align-content: space-around;
    }
    .gds-responsive-lg-align-content-stretch {
      align-content: stretch;
    }
  }
  @media (max-width: 900px) {
    .gds-responsive-md-flex-row {
      flex-direction: row;
    }
    .gds-responsive-md-flex-column {
      flex-direction: column;
    }
    .gds-responsive-md-flex-row-reverse {
      flex-direction: row-reverse;
    }
    .gds-responsive-md-flex-column-reverse {
      flex-direction: column-reverse;
    }
    .gds-responsive-md-flex-nowrap {
      flex-wrap: nowrap;
    }
    .gds-responsive-md-flex-wrap {
      flex-wrap: wrap;
    }
    .gds-responsive-md-flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
    .gds-responsive-md-flex-grow-0 {
      flex-grow: 0;
    }
    .gds-responsive-md-flex-grow-1 {
      flex-grow: 1;
    }
    .gds-responsive-md-flex-shrink-0 {
      flex-shrink: 0;
    }
    .gds-responsive-md-flex-shrink-1 {
      flex-shrink: 1;
    }
    .gds-responsive-md-flex-0 {
      flex: 0;
    }
    .gds-responsive-md-flex-1 {
      flex: 1;
    }
    .gds-responsive-md-justify-content-start {
      justify-content: flex-start;
    }
    .gds-responsive-md-justify-content-end {
      justify-content: flex-end;
    }
    .gds-responsive-md-justify-content-center {
      justify-content: center;
    }
    .gds-responsive-md-justify-content-between {
      justify-content: space-between;
    }
    .gds-responsive-md-justify-content-around {
      justify-content: space-around;
    }
    .gds-responsive-md-justify-content-evenly {
      justify-content: space-evenly;
    }
    .gds-responsive-md-align-items-start {
      align-items: flex-start;
    }
    .gds-responsive-md-align-items-end {
      align-items: flex-end;
    }
    .gds-responsive-md-align-items-center {
      align-items: center;
    }
    .gds-responsive-md-align-items-baseline {
      align-items: baseline;
    }
    .gds-responsive-md-align-items-stretch {
      align-items: stretch;
    }
    .gds-responsive-md-align-self-start {
      align-self: flex-start;
    }
    .gds-responsive-md-align-self-end {
      align-self: flex-end;
    }
    .gds-responsive-md-align-self-center {
      align-self: center;
    }
    .gds-responsive-md-align-self-baseline {
      align-self: baseline;
    }
    .gds-responsive-md-align-self-stretch {
      align-self: stretch;
    }
    .gds-responsive-md-align-content-start {
      align-content: flex-start;
    }
    .gds-responsive-md-align-content-end {
      align-content: flex-end;
    }
    .gds-responsive-md-align-content-center {
      align-content: center;
    }
    .gds-responsive-md-align-content-between {
      align-content: space-between;
    }
    .gds-responsive-md-align-content-around {
      align-content: space-around;
    }
    .gds-responsive-md-align-content-stretch {
      align-content: stretch;
    }
  }
  @media (max-width: 600px) {
    .gds-responsive-sm-flex-row {
      flex-direction: row;
    }
    .gds-responsive-sm-flex-column {
      flex-direction: column;
    }
    .gds-responsive-sm-flex-row-reverse {
      flex-direction: row-reverse;
    }
    .gds-responsive-sm-flex-column-reverse {
      flex-direction: column-reverse;
    }
    .gds-responsive-sm-flex-nowrap {
      flex-wrap: nowrap;
    }
    .gds-responsive-sm-flex-wrap {
      flex-wrap: wrap;
    }
    .gds-responsive-sm-flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
    .gds-responsive-sm-flex-grow-0 {
      flex-grow: 0;
    }
    .gds-responsive-sm-flex-grow-1 {
      flex-grow: 1;
    }
    .gds-responsive-sm-flex-shrink-0 {
      flex-shrink: 0;
    }
    .gds-responsive-sm-flex-shrink-1 {
      flex-shrink: 1;
    }
    .gds-responsive-sm-flex-0 {
      flex: 0;
    }
    .gds-responsive-sm-flex-1 {
      flex: 1;
    }
    .gds-responsive-sm-justify-content-start {
      justify-content: flex-start;
    }
    .gds-responsive-sm-justify-content-end {
      justify-content: flex-end;
    }
    .gds-responsive-sm-justify-content-center {
      justify-content: center;
    }
    .gds-responsive-sm-justify-content-between {
      justify-content: space-between;
    }
    .gds-responsive-sm-justify-content-around {
      justify-content: space-around;
    }
    .gds-responsive-sm-justify-content-evenly {
      justify-content: space-evenly;
    }
    .gds-responsive-sm-align-items-start {
      align-items: flex-start;
    }
    .gds-responsive-sm-align-items-end {
      align-items: flex-end;
    }
    .gds-responsive-sm-align-items-center {
      align-items: center;
    }
    .gds-responsive-sm-align-items-baseline {
      align-items: baseline;
    }
    .gds-responsive-sm-align-items-stretch {
      align-items: stretch;
    }
    .gds-responsive-sm-align-self-start {
      align-self: flex-start;
    }
    .gds-responsive-sm-align-self-end {
      align-self: flex-end;
    }
    .gds-responsive-sm-align-self-center {
      align-self: center;
    }
    .gds-responsive-sm-align-self-baseline {
      align-self: baseline;
    }
    .gds-responsive-sm-align-self-stretch {
      align-self: stretch;
    }
    .gds-responsive-sm-align-content-start {
      align-content: flex-start;
    }
    .gds-responsive-sm-align-content-end {
      align-content: flex-end;
    }
    .gds-responsive-sm-align-content-center {
      align-content: center;
    }
    .gds-responsive-sm-align-content-between {
      align-content: space-between;
    }
    .gds-responsive-sm-align-content-around {
      align-content: space-around;
    }
    .gds-responsive-sm-align-content-stretch {
      align-content: stretch;
    }
  }
  body[isMobile=true] {
  }
  body[isMobile=true] .gds-mobile-flex-row {
    flex-direction: row;
  }
  body[isMobile=true] .gds-mobile-flex-column {
    flex-direction: column;
  }
  body[isMobile=true] .gds-mobile-flex-row-reverse {
    flex-direction: row-reverse;
  }
  body[isMobile=true] .gds-mobile-flex-column-reverse {
    flex-direction: column-reverse;
  }
  body[isMobile=true] {
  }
  body[isMobile=true] .gds-mobile-flex-nowrap {
    flex-wrap: nowrap;
  }
  body[isMobile=true] .gds-mobile-flex-wrap {
    flex-wrap: wrap;
  }
  body[isMobile=true] .gds-mobile-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  body[isMobile=true] {
  }
  body[isMobile=true] .gds-mobile-flex-grow-0 {
    flex-grow: 0;
  }
  body[isMobile=true] .gds-mobile-flex-grow-1 {
    flex-grow: 1;
  }
  body[isMobile=true] .gds-mobile-flex-shrink-0 {
    flex-shrink: 0;
  }
  body[isMobile=true] .gds-mobile-flex-shrink-1 {
    flex-shrink: 1;
  }
  body[isMobile=true] {
  }
  body[isMobile=true] .gds-mobile-flex-0 {
    flex: 0;
  }
  body[isMobile=true] .gds-mobile-flex-1 {
    flex: 1;
  }
  body[isMobile=true] {
  }
  body[isMobile=true] .gds-mobile-justify-content-start {
    justify-content: flex-start;
  }
  body[isMobile=true] .gds-mobile-justify-content-end {
    justify-content: flex-end;
  }
  body[isMobile=true] .gds-mobile-justify-content-center {
    justify-content: center;
  }
  body[isMobile=true] .gds-mobile-justify-content-between {
    justify-content: space-between;
  }
  body[isMobile=true] .gds-mobile-justify-content-around {
    justify-content: space-around;
  }
  body[isMobile=true] .gds-mobile-justify-content-evenly {
    justify-content: space-evenly;
  }
  body[isMobile=true] {
  }
  body[isMobile=true] .gds-mobile-align-items-start {
    align-items: flex-start;
  }
  body[isMobile=true] .gds-mobile-align-items-end {
    align-items: flex-end;
  }
  body[isMobile=true] .gds-mobile-align-items-center {
    align-items: center;
  }
  body[isMobile=true] .gds-mobile-align-items-baseline {
    align-items: baseline;
  }
  body[isMobile=true] .gds-mobile-align-items-stretch {
    align-items: stretch;
  }
  body[isMobile=true] {
  }
  body[isMobile=true] .gds-mobile-align-self-start {
    align-self: flex-start;
  }
  body[isMobile=true] .gds-mobile-align-self-end {
    align-self: flex-end;
  }
  body[isMobile=true] .gds-mobile-align-self-center {
    align-self: center;
  }
  body[isMobile=true] .gds-mobile-align-self-baseline {
    align-self: baseline;
  }
  body[isMobile=true] .gds-mobile-align-self-stretch {
    align-self: stretch;
  }
  body[isMobile=true] {
  }
  body[isMobile=true] .gds-mobile-align-content-start {
    align-content: flex-start;
  }
  body[isMobile=true] .gds-mobile-align-content-end {
    align-content: flex-end;
  }
  body[isMobile=true] .gds-mobile-align-content-center {
    align-content: center;
  }
  body[isMobile=true] .gds-mobile-align-content-between {
    align-content: space-between;
  }
  body[isMobile=true] .gds-mobile-align-content-around {
    align-content: space-around;
  }
  body[isMobile=true] .gds-mobile-align-content-stretch {
    align-content: stretch;
  }
  .gds-show-focus:focus {
    outline: 0;
    box-shadow: 0px 0px 0px 2px #444;
  }
  .gds-show-focus-visible:focus-visible {
    outline: 0;
    box-shadow: 0px 0px 0px 2px #444;
  }
  .gds-show-focus-within:focus-within {
    outline: 0;
    box-shadow: 0px 0px 0px 2px #444;
  }
  .gds-show-focus-visible-within:has(:focus-visible) {
    outline: 0;
    box-shadow: 0px 0px 0px 2px #444;
  }
  .gds-icon-primary {
    color: var(--gds-palette-icon-primary);
  }
  .gds-icon-secondary {
    color: var(--gds-palette-icon-secondary);
  }
  .gds-icon-light {
    color: var(--gds-palette-icon-light);
  }
  .gds-icon-size-3xs svg-icon {
    font-size: var(--gds-iconSize-3xs);
    min-width: var(--gds-iconSize-3xs);
  }
  .gds-icon-size-2xs svg-icon {
    font-size: var(--gds-iconSize-2xs);
    min-width: var(--gds-iconSize-2xs);
  }
  .gds-icon-size-xs svg-icon {
    font-size: var(--gds-iconSize-xs);
    min-width: var(--gds-iconSize-xs);
  }
  .gds-icon-size-sm svg-icon {
    font-size: var(--gds-iconSize-sm);
    min-width: var(--gds-iconSize-sm);
  }
  .gds-icon-size-md svg-icon {
    font-size: var(--gds-iconSize-md);
    min-width: var(--gds-iconSize-md);
  }
  .gds-icon-size-lg svg-icon {
    font-size: var(--gds-iconSize-lg);
    min-width: var(--gds-iconSize-lg);
  }
  .gds-icon-size-xl svg-icon {
    font-size: var(--gds-iconSize-xl);
    min-width: var(--gds-iconSize-xl);
  }
  .gds-icon-size-2xl svg-icon {
    font-size: var(--gds-iconSize-2xl);
    min-width: var(--gds-iconSize-2xl);
  }
  .gds-icon-size-3xl svg-icon {
    font-size: var(--gds-iconSize-3xl);
    min-width: var(--gds-iconSize-3xl);
  }
  .gds-icon-size-4xl svg-icon {
    font-size: var(--gds-iconSize-4xl);
    min-width: var(--gds-iconSize-4xl);
  }
  @media (max-width: 1440px) {
    .gds-responsive-xl-icon-primary {
      color: var(--gds-palette-icon-primary);
    }
    .gds-responsive-xl-icon-secondary {
      color: var(--gds-palette-icon-secondary);
    }
    .gds-responsive-xl-icon-light {
      color: var(--gds-palette-icon-light);
    }
    .gds-responsive-xl-icon-size-3xs svg-icon {
      font-size: var(--gds-iconSize-3xs);
      min-width: var(--gds-iconSize-3xs);
    }
    .gds-responsive-xl-icon-size-2xs svg-icon {
      font-size: var(--gds-iconSize-2xs);
      min-width: var(--gds-iconSize-2xs);
    }
    .gds-responsive-xl-icon-size-xs svg-icon {
      font-size: var(--gds-iconSize-xs);
      min-width: var(--gds-iconSize-xs);
    }
    .gds-responsive-xl-icon-size-sm svg-icon {
      font-size: var(--gds-iconSize-sm);
      min-width: var(--gds-iconSize-sm);
    }
    .gds-responsive-xl-icon-size-md svg-icon {
      font-size: var(--gds-iconSize-md);
      min-width: var(--gds-iconSize-md);
    }
    .gds-responsive-xl-icon-size-lg svg-icon {
      font-size: var(--gds-iconSize-lg);
      min-width: var(--gds-iconSize-lg);
    }
    .gds-responsive-xl-icon-size-xl svg-icon {
      font-size: var(--gds-iconSize-xl);
      min-width: var(--gds-iconSize-xl);
    }
    .gds-responsive-xl-icon-size-2xl svg-icon {
      font-size: var(--gds-iconSize-2xl);
      min-width: var(--gds-iconSize-2xl);
    }
    .gds-responsive-xl-icon-size-3xl svg-icon {
      font-size: var(--gds-iconSize-3xl);
      min-width: var(--gds-iconSize-3xl);
    }
    .gds-responsive-xl-icon-size-4xl svg-icon {
      font-size: var(--gds-iconSize-4xl);
      min-width: var(--gds-iconSize-4xl);
    }
  }
  @media (max-width: 1200px) {
    .gds-responsive-lg-icon-primary {
      color: var(--gds-palette-icon-primary);
    }
    .gds-responsive-lg-icon-secondary {
      color: var(--gds-palette-icon-secondary);
    }
    .gds-responsive-lg-icon-light {
      color: var(--gds-palette-icon-light);
    }
    .gds-responsive-lg-icon-size-3xs svg-icon {
      font-size: var(--gds-iconSize-3xs);
      min-width: var(--gds-iconSize-3xs);
    }
    .gds-responsive-lg-icon-size-2xs svg-icon {
      font-size: var(--gds-iconSize-2xs);
      min-width: var(--gds-iconSize-2xs);
    }
    .gds-responsive-lg-icon-size-xs svg-icon {
      font-size: var(--gds-iconSize-xs);
      min-width: var(--gds-iconSize-xs);
    }
    .gds-responsive-lg-icon-size-sm svg-icon {
      font-size: var(--gds-iconSize-sm);
      min-width: var(--gds-iconSize-sm);
    }
    .gds-responsive-lg-icon-size-md svg-icon {
      font-size: var(--gds-iconSize-md);
      min-width: var(--gds-iconSize-md);
    }
    .gds-responsive-lg-icon-size-lg svg-icon {
      font-size: var(--gds-iconSize-lg);
      min-width: var(--gds-iconSize-lg);
    }
    .gds-responsive-lg-icon-size-xl svg-icon {
      font-size: var(--gds-iconSize-xl);
      min-width: var(--gds-iconSize-xl);
    }
    .gds-responsive-lg-icon-size-2xl svg-icon {
      font-size: var(--gds-iconSize-2xl);
      min-width: var(--gds-iconSize-2xl);
    }
    .gds-responsive-lg-icon-size-3xl svg-icon {
      font-size: var(--gds-iconSize-3xl);
      min-width: var(--gds-iconSize-3xl);
    }
    .gds-responsive-lg-icon-size-4xl svg-icon {
      font-size: var(--gds-iconSize-4xl);
      min-width: var(--gds-iconSize-4xl);
    }
  }
  @media (max-width: 900px) {
    .gds-responsive-md-icon-primary {
      color: var(--gds-palette-icon-primary);
    }
    .gds-responsive-md-icon-secondary {
      color: var(--gds-palette-icon-secondary);
    }
    .gds-responsive-md-icon-light {
      color: var(--gds-palette-icon-light);
    }
    .gds-responsive-md-icon-size-3xs svg-icon {
      font-size: var(--gds-iconSize-3xs);
      min-width: var(--gds-iconSize-3xs);
    }
    .gds-responsive-md-icon-size-2xs svg-icon {
      font-size: var(--gds-iconSize-2xs);
      min-width: var(--gds-iconSize-2xs);
    }
    .gds-responsive-md-icon-size-xs svg-icon {
      font-size: var(--gds-iconSize-xs);
      min-width: var(--gds-iconSize-xs);
    }
    .gds-responsive-md-icon-size-sm svg-icon {
      font-size: var(--gds-iconSize-sm);
      min-width: var(--gds-iconSize-sm);
    }
    .gds-responsive-md-icon-size-md svg-icon {
      font-size: var(--gds-iconSize-md);
      min-width: var(--gds-iconSize-md);
    }
    .gds-responsive-md-icon-size-lg svg-icon {
      font-size: var(--gds-iconSize-lg);
      min-width: var(--gds-iconSize-lg);
    }
    .gds-responsive-md-icon-size-xl svg-icon {
      font-size: var(--gds-iconSize-xl);
      min-width: var(--gds-iconSize-xl);
    }
    .gds-responsive-md-icon-size-2xl svg-icon {
      font-size: var(--gds-iconSize-2xl);
      min-width: var(--gds-iconSize-2xl);
    }
    .gds-responsive-md-icon-size-3xl svg-icon {
      font-size: var(--gds-iconSize-3xl);
      min-width: var(--gds-iconSize-3xl);
    }
    .gds-responsive-md-icon-size-4xl svg-icon {
      font-size: var(--gds-iconSize-4xl);
      min-width: var(--gds-iconSize-4xl);
    }
  }
  @media (max-width: 600px) {
    .gds-responsive-sm-icon-primary {
      color: var(--gds-palette-icon-primary);
    }
    .gds-responsive-sm-icon-secondary {
      color: var(--gds-palette-icon-secondary);
    }
    .gds-responsive-sm-icon-light {
      color: var(--gds-palette-icon-light);
    }
    .gds-responsive-sm-icon-size-3xs svg-icon {
      font-size: var(--gds-iconSize-3xs);
      min-width: var(--gds-iconSize-3xs);
    }
    .gds-responsive-sm-icon-size-2xs svg-icon {
      font-size: var(--gds-iconSize-2xs);
      min-width: var(--gds-iconSize-2xs);
    }
    .gds-responsive-sm-icon-size-xs svg-icon {
      font-size: var(--gds-iconSize-xs);
      min-width: var(--gds-iconSize-xs);
    }
    .gds-responsive-sm-icon-size-sm svg-icon {
      font-size: var(--gds-iconSize-sm);
      min-width: var(--gds-iconSize-sm);
    }
    .gds-responsive-sm-icon-size-md svg-icon {
      font-size: var(--gds-iconSize-md);
      min-width: var(--gds-iconSize-md);
    }
    .gds-responsive-sm-icon-size-lg svg-icon {
      font-size: var(--gds-iconSize-lg);
      min-width: var(--gds-iconSize-lg);
    }
    .gds-responsive-sm-icon-size-xl svg-icon {
      font-size: var(--gds-iconSize-xl);
      min-width: var(--gds-iconSize-xl);
    }
    .gds-responsive-sm-icon-size-2xl svg-icon {
      font-size: var(--gds-iconSize-2xl);
      min-width: var(--gds-iconSize-2xl);
    }
    .gds-responsive-sm-icon-size-3xl svg-icon {
      font-size: var(--gds-iconSize-3xl);
      min-width: var(--gds-iconSize-3xl);
    }
    .gds-responsive-sm-icon-size-4xl svg-icon {
      font-size: var(--gds-iconSize-4xl);
      min-width: var(--gds-iconSize-4xl);
    }
  }
  body[isMobile=true] .gds-mobile-icon-primary {
    color: var(--gds-palette-icon-primary);
  }
  body[isMobile=true] .gds-mobile-icon-secondary {
    color: var(--gds-palette-icon-secondary);
  }
  body[isMobile=true] .gds-mobile-icon-light {
    color: var(--gds-palette-icon-light);
  }
  body[isMobile=true] .gds-mobile-icon-size-3xs svg-icon {
    font-size: var(--gds-iconSize-3xs);
    min-width: var(--gds-iconSize-3xs);
  }
  body[isMobile=true] .gds-mobile-icon-size-2xs svg-icon {
    font-size: var(--gds-iconSize-2xs);
    min-width: var(--gds-iconSize-2xs);
  }
  body[isMobile=true] .gds-mobile-icon-size-xs svg-icon {
    font-size: var(--gds-iconSize-xs);
    min-width: var(--gds-iconSize-xs);
  }
  body[isMobile=true] .gds-mobile-icon-size-sm svg-icon {
    font-size: var(--gds-iconSize-sm);
    min-width: var(--gds-iconSize-sm);
  }
  body[isMobile=true] .gds-mobile-icon-size-md svg-icon {
    font-size: var(--gds-iconSize-md);
    min-width: var(--gds-iconSize-md);
  }
  body[isMobile=true] .gds-mobile-icon-size-lg svg-icon {
    font-size: var(--gds-iconSize-lg);
    min-width: var(--gds-iconSize-lg);
  }
  body[isMobile=true] .gds-mobile-icon-size-xl svg-icon {
    font-size: var(--gds-iconSize-xl);
    min-width: var(--gds-iconSize-xl);
  }
  body[isMobile=true] .gds-mobile-icon-size-2xl svg-icon {
    font-size: var(--gds-iconSize-2xl);
    min-width: var(--gds-iconSize-2xl);
  }
  body[isMobile=true] .gds-mobile-icon-size-3xl svg-icon {
    font-size: var(--gds-iconSize-3xl);
    min-width: var(--gds-iconSize-3xl);
  }
  body[isMobile=true] .gds-mobile-icon-size-4xl svg-icon {
    font-size: var(--gds-iconSize-4xl);
    min-width: var(--gds-iconSize-4xl);
  }
  .gds-layout-row-with-leading {
    display: inline-grid;
    grid-template-columns: min-content minmax(0px, 1fr);
    grid-template-areas: "leading-visual body";
    align-items: center;
  }
  .gds-layout-row-with-leading > * {
    grid-area: body;
  }
  .gds-layout-row-with-leading > [leading-visual] {
    grid-area: leading-visual;
  }
  .gds-layout-row-with-leading:has([leading-visual]) {
    gap: var(--gap, var(--gds-spacing-2xs));
  }
  .gds-layout-grid-stack {
    --grid-gap: var(--gds-spacing-2xs);
    --grid-columns: 3;
    --grid-column-minWidth: 320px;
    --grid-gaps: calc(var(--grid-columns) - 1);
    --grid-gapWidth: calc(var(--grid-gaps) * var(--grid-gap));
    --grid-column-maxWidth: calc((100% - var(--grid-gapWidth)) / var(--grid-columns));
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-column-minWidth), var(--grid-column-maxWidth)), 1fr));
  }
  .gds-list-unstyled {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
  }
  .gds-list-unstyled[role^=list] {
    list-style: none;
  }
  .gds-position-static {
    position: static;
  }
  .gds-position-fixed {
    position: fixed;
  }
  .gds-position-absolute {
    position: absolute;
  }
  .gds-position-relative {
    position: relative;
  }
  .gds-position-sticky {
    position: sticky;
  }
  .gds-top-0 {
    top: 0;
  }
  .gds-top-50 {
    top: 50%;
  }
  .gds-top-100 {
    top: 100%;
  }
  .gds-top-3xs {
    top: var(--gds-spacing-3xs);
  }
  .gds-top-negative-3xs {
    top: calc(var(--gds-spacing-3xs) * -1);
  }
  .gds-top-2xs {
    top: var(--gds-spacing-2xs);
  }
  .gds-top-negative-2xs {
    top: calc(var(--gds-spacing-2xs) * -1);
  }
  .gds-top-xs {
    top: var(--gds-spacing-xs);
  }
  .gds-top-negative-xs {
    top: calc(var(--gds-spacing-xs) * -1);
  }
  .gds-top-sm {
    top: var(--gds-spacing-sm);
  }
  .gds-top-negative-sm {
    top: calc(var(--gds-spacing-sm) * -1);
  }
  .gds-top-md {
    top: var(--gds-spacing-md);
  }
  .gds-top-negative-md {
    top: calc(var(--gds-spacing-md) * -1);
  }
  .gds-top-lg {
    top: var(--gds-spacing-lg);
  }
  .gds-top-negative-lg {
    top: calc(var(--gds-spacing-lg) * -1);
  }
  .gds-top-xl {
    top: var(--gds-spacing-xl);
  }
  .gds-top-negative-xl {
    top: calc(var(--gds-spacing-xl) * -1);
  }
  .gds-top-2xs {
    top: var(--gds-spacing-2xs);
  }
  .gds-top-negative-2xs {
    top: calc(var(--gds-spacing-2xs) * -1);
  }
  .gds-top-3xs {
    top: var(--gds-spacing-3xs);
  }
  .gds-top-negative-3xs {
    top: calc(var(--gds-spacing-3xs) * -1);
  }
  .gds-right-0 {
    right: 0;
  }
  .gds-right-50 {
    right: 50%;
  }
  .gds-right-100 {
    right: 100%;
  }
  .gds-right-3xs {
    right: var(--gds-spacing-3xs);
  }
  .gds-right-negative-3xs {
    right: calc(var(--gds-spacing-3xs) * -1);
  }
  .gds-right-2xs {
    right: var(--gds-spacing-2xs);
  }
  .gds-right-negative-2xs {
    right: calc(var(--gds-spacing-2xs) * -1);
  }
  .gds-right-xs {
    right: var(--gds-spacing-xs);
  }
  .gds-right-negative-xs {
    right: calc(var(--gds-spacing-xs) * -1);
  }
  .gds-right-sm {
    right: var(--gds-spacing-sm);
  }
  .gds-right-negative-sm {
    right: calc(var(--gds-spacing-sm) * -1);
  }
  .gds-right-md {
    right: var(--gds-spacing-md);
  }
  .gds-right-negative-md {
    right: calc(var(--gds-spacing-md) * -1);
  }
  .gds-right-lg {
    right: var(--gds-spacing-lg);
  }
  .gds-right-negative-lg {
    right: calc(var(--gds-spacing-lg) * -1);
  }
  .gds-right-xl {
    right: var(--gds-spacing-xl);
  }
  .gds-right-negative-xl {
    right: calc(var(--gds-spacing-xl) * -1);
  }
  .gds-right-2xs {
    right: var(--gds-spacing-2xs);
  }
  .gds-right-negative-2xs {
    right: calc(var(--gds-spacing-2xs) * -1);
  }
  .gds-right-3xs {
    right: var(--gds-spacing-3xs);
  }
  .gds-right-negative-3xs {
    right: calc(var(--gds-spacing-3xs) * -1);
  }
  .gds-bottom-0 {
    bottom: 0;
  }
  .gds-bottom-50 {
    bottom: 50%;
  }
  .gds-bottom-100 {
    bottom: 100%;
  }
  .gds-bottom-3xs {
    bottom: var(--gds-spacing-3xs);
  }
  .gds-bottom-negative-3xs {
    bottom: calc(var(--gds-spacing-3xs) * -1);
  }
  .gds-bottom-2xs {
    bottom: var(--gds-spacing-2xs);
  }
  .gds-bottom-negative-2xs {
    bottom: calc(var(--gds-spacing-2xs) * -1);
  }
  .gds-bottom-xs {
    bottom: var(--gds-spacing-xs);
  }
  .gds-bottom-negative-xs {
    bottom: calc(var(--gds-spacing-xs) * -1);
  }
  .gds-bottom-sm {
    bottom: var(--gds-spacing-sm);
  }
  .gds-bottom-negative-sm {
    bottom: calc(var(--gds-spacing-sm) * -1);
  }
  .gds-bottom-md {
    bottom: var(--gds-spacing-md);
  }
  .gds-bottom-negative-md {
    bottom: calc(var(--gds-spacing-md) * -1);
  }
  .gds-bottom-lg {
    bottom: var(--gds-spacing-lg);
  }
  .gds-bottom-negative-lg {
    bottom: calc(var(--gds-spacing-lg) * -1);
  }
  .gds-bottom-xl {
    bottom: var(--gds-spacing-xl);
  }
  .gds-bottom-negative-xl {
    bottom: calc(var(--gds-spacing-xl) * -1);
  }
  .gds-bottom-2xs {
    bottom: var(--gds-spacing-2xs);
  }
  .gds-bottom-negative-2xs {
    bottom: calc(var(--gds-spacing-2xs) * -1);
  }
  .gds-bottom-3xs {
    bottom: var(--gds-spacing-3xs);
  }
  .gds-bottom-negative-3xs {
    bottom: calc(var(--gds-spacing-3xs) * -1);
  }
  .gds-left-0 {
    left: 0;
  }
  .gds-left-50 {
    left: 50%;
  }
  .gds-left-100 {
    left: 100%;
  }
  .gds-left-3xs {
    left: var(--gds-spacing-3xs);
  }
  .gds-left-negative-3xs {
    left: calc(var(--gds-spacing-3xs) * -1);
  }
  .gds-left-2xs {
    left: var(--gds-spacing-2xs);
  }
  .gds-left-negative-2xs {
    left: calc(var(--gds-spacing-2xs) * -1);
  }
  .gds-left-xs {
    left: var(--gds-spacing-xs);
  }
  .gds-left-negative-xs {
    left: calc(var(--gds-spacing-xs) * -1);
  }
  .gds-left-sm {
    left: var(--gds-spacing-sm);
  }
  .gds-left-negative-sm {
    left: calc(var(--gds-spacing-sm) * -1);
  }
  .gds-left-md {
    left: var(--gds-spacing-md);
  }
  .gds-left-negative-md {
    left: calc(var(--gds-spacing-md) * -1);
  }
  .gds-left-lg {
    left: var(--gds-spacing-lg);
  }
  .gds-left-negative-lg {
    left: calc(var(--gds-spacing-lg) * -1);
  }
  .gds-left-xl {
    left: var(--gds-spacing-xl);
  }
  .gds-left-negative-xl {
    left: calc(var(--gds-spacing-xl) * -1);
  }
  .gds-left-2xs {
    left: var(--gds-spacing-2xs);
  }
  .gds-left-negative-2xs {
    left: calc(var(--gds-spacing-2xs) * -1);
  }
  .gds-left-3xs {
    left: var(--gds-spacing-3xs);
  }
  .gds-left-negative-3xs {
    left: calc(var(--gds-spacing-3xs) * -1);
  }
  .gds-inset-0 {
    inset: 0;
  }
  .gds-inset-50 {
    inset: 50%;
  }
  .gds-inset-100 {
    inset: 100%;
  }
  .gds-inset-3xs {
    inset: var(--gds-spacing-3xs);
  }
  .gds-inset-negative-3xs {
    inset: calc(var(--gds-spacing-3xs) * -1);
  }
  .gds-inset-2xs {
    inset: var(--gds-spacing-2xs);
  }
  .gds-inset-negative-2xs {
    inset: calc(var(--gds-spacing-2xs) * -1);
  }
  .gds-inset-xs {
    inset: var(--gds-spacing-xs);
  }
  .gds-inset-negative-xs {
    inset: calc(var(--gds-spacing-xs) * -1);
  }
  .gds-inset-sm {
    inset: var(--gds-spacing-sm);
  }
  .gds-inset-negative-sm {
    inset: calc(var(--gds-spacing-sm) * -1);
  }
  .gds-inset-md {
    inset: var(--gds-spacing-md);
  }
  .gds-inset-negative-md {
    inset: calc(var(--gds-spacing-md) * -1);
  }
  .gds-inset-lg {
    inset: var(--gds-spacing-lg);
  }
  .gds-inset-negative-lg {
    inset: calc(var(--gds-spacing-lg) * -1);
  }
  .gds-inset-xl {
    inset: var(--gds-spacing-xl);
  }
  .gds-inset-negative-xl {
    inset: calc(var(--gds-spacing-xl) * -1);
  }
  .gds-inset-2xs {
    inset: var(--gds-spacing-2xs);
  }
  .gds-inset-negative-2xs {
    inset: calc(var(--gds-spacing-2xs) * -1);
  }
  .gds-inset-3xs {
    inset: var(--gds-spacing-3xs);
  }
  .gds-inset-negative-3xs {
    inset: calc(var(--gds-spacing-3xs) * -1);
  }
  .gds-translate-middle {
    transform: translate(-50%, -50%);
  }
  @media (max-width: 1440px) {
    .gds-responsive-xl-position-static {
      position: static;
    }
    .gds-responsive-xl-position-fixed {
      position: fixed;
    }
    .gds-responsive-xl-position-absolute {
      position: absolute;
    }
    .gds-responsive-xl-position-relative {
      position: relative;
    }
    .gds-responsive-xl-position-sticky {
      position: sticky;
    }
    .gds-responsive-xl-top-0 {
      top: 0;
    }
    .gds-responsive-xl-top-50 {
      top: 50%;
    }
    .gds-responsive-xl-top-100 {
      top: 100%;
    }
    .gds-responsive-xl-top-3xs {
      top: var(--gds-spacing-3xs);
    }
    .gds-responsive-xl-top-negative-3xs {
      top: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-xl-top-2xs {
      top: var(--gds-spacing-2xs);
    }
    .gds-responsive-xl-top-negative-2xs {
      top: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-xl-top-xs {
      top: var(--gds-spacing-xs);
    }
    .gds-responsive-xl-top-negative-xs {
      top: calc(var(--gds-spacing-xs) * -1);
    }
    .gds-responsive-xl-top-sm {
      top: var(--gds-spacing-sm);
    }
    .gds-responsive-xl-top-negative-sm {
      top: calc(var(--gds-spacing-sm) * -1);
    }
    .gds-responsive-xl-top-md {
      top: var(--gds-spacing-md);
    }
    .gds-responsive-xl-top-negative-md {
      top: calc(var(--gds-spacing-md) * -1);
    }
    .gds-responsive-xl-top-lg {
      top: var(--gds-spacing-lg);
    }
    .gds-responsive-xl-top-negative-lg {
      top: calc(var(--gds-spacing-lg) * -1);
    }
    .gds-responsive-xl-top-xl {
      top: var(--gds-spacing-xl);
    }
    .gds-responsive-xl-top-negative-xl {
      top: calc(var(--gds-spacing-xl) * -1);
    }
    .gds-responsive-xl-top-2xs {
      top: var(--gds-spacing-2xs);
    }
    .gds-responsive-xl-top-negative-2xs {
      top: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-xl-top-3xs {
      top: var(--gds-spacing-3xs);
    }
    .gds-responsive-xl-top-negative-3xs {
      top: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-xl-right-0 {
      right: 0;
    }
    .gds-responsive-xl-right-50 {
      right: 50%;
    }
    .gds-responsive-xl-right-100 {
      right: 100%;
    }
    .gds-responsive-xl-right-3xs {
      right: var(--gds-spacing-3xs);
    }
    .gds-responsive-xl-right-negative-3xs {
      right: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-xl-right-2xs {
      right: var(--gds-spacing-2xs);
    }
    .gds-responsive-xl-right-negative-2xs {
      right: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-xl-right-xs {
      right: var(--gds-spacing-xs);
    }
    .gds-responsive-xl-right-negative-xs {
      right: calc(var(--gds-spacing-xs) * -1);
    }
    .gds-responsive-xl-right-sm {
      right: var(--gds-spacing-sm);
    }
    .gds-responsive-xl-right-negative-sm {
      right: calc(var(--gds-spacing-sm) * -1);
    }
    .gds-responsive-xl-right-md {
      right: var(--gds-spacing-md);
    }
    .gds-responsive-xl-right-negative-md {
      right: calc(var(--gds-spacing-md) * -1);
    }
    .gds-responsive-xl-right-lg {
      right: var(--gds-spacing-lg);
    }
    .gds-responsive-xl-right-negative-lg {
      right: calc(var(--gds-spacing-lg) * -1);
    }
    .gds-responsive-xl-right-xl {
      right: var(--gds-spacing-xl);
    }
    .gds-responsive-xl-right-negative-xl {
      right: calc(var(--gds-spacing-xl) * -1);
    }
    .gds-responsive-xl-right-2xs {
      right: var(--gds-spacing-2xs);
    }
    .gds-responsive-xl-right-negative-2xs {
      right: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-xl-right-3xs {
      right: var(--gds-spacing-3xs);
    }
    .gds-responsive-xl-right-negative-3xs {
      right: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-xl-bottom-0 {
      bottom: 0;
    }
    .gds-responsive-xl-bottom-50 {
      bottom: 50%;
    }
    .gds-responsive-xl-bottom-100 {
      bottom: 100%;
    }
    .gds-responsive-xl-bottom-3xs {
      bottom: var(--gds-spacing-3xs);
    }
    .gds-responsive-xl-bottom-negative-3xs {
      bottom: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-xl-bottom-2xs {
      bottom: var(--gds-spacing-2xs);
    }
    .gds-responsive-xl-bottom-negative-2xs {
      bottom: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-xl-bottom-xs {
      bottom: var(--gds-spacing-xs);
    }
    .gds-responsive-xl-bottom-negative-xs {
      bottom: calc(var(--gds-spacing-xs) * -1);
    }
    .gds-responsive-xl-bottom-sm {
      bottom: var(--gds-spacing-sm);
    }
    .gds-responsive-xl-bottom-negative-sm {
      bottom: calc(var(--gds-spacing-sm) * -1);
    }
    .gds-responsive-xl-bottom-md {
      bottom: var(--gds-spacing-md);
    }
    .gds-responsive-xl-bottom-negative-md {
      bottom: calc(var(--gds-spacing-md) * -1);
    }
    .gds-responsive-xl-bottom-lg {
      bottom: var(--gds-spacing-lg);
    }
    .gds-responsive-xl-bottom-negative-lg {
      bottom: calc(var(--gds-spacing-lg) * -1);
    }
    .gds-responsive-xl-bottom-xl {
      bottom: var(--gds-spacing-xl);
    }
    .gds-responsive-xl-bottom-negative-xl {
      bottom: calc(var(--gds-spacing-xl) * -1);
    }
    .gds-responsive-xl-bottom-2xs {
      bottom: var(--gds-spacing-2xs);
    }
    .gds-responsive-xl-bottom-negative-2xs {
      bottom: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-xl-bottom-3xs {
      bottom: var(--gds-spacing-3xs);
    }
    .gds-responsive-xl-bottom-negative-3xs {
      bottom: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-xl-left-0 {
      left: 0;
    }
    .gds-responsive-xl-left-50 {
      left: 50%;
    }
    .gds-responsive-xl-left-100 {
      left: 100%;
    }
    .gds-responsive-xl-left-3xs {
      left: var(--gds-spacing-3xs);
    }
    .gds-responsive-xl-left-negative-3xs {
      left: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-xl-left-2xs {
      left: var(--gds-spacing-2xs);
    }
    .gds-responsive-xl-left-negative-2xs {
      left: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-xl-left-xs {
      left: var(--gds-spacing-xs);
    }
    .gds-responsive-xl-left-negative-xs {
      left: calc(var(--gds-spacing-xs) * -1);
    }
    .gds-responsive-xl-left-sm {
      left: var(--gds-spacing-sm);
    }
    .gds-responsive-xl-left-negative-sm {
      left: calc(var(--gds-spacing-sm) * -1);
    }
    .gds-responsive-xl-left-md {
      left: var(--gds-spacing-md);
    }
    .gds-responsive-xl-left-negative-md {
      left: calc(var(--gds-spacing-md) * -1);
    }
    .gds-responsive-xl-left-lg {
      left: var(--gds-spacing-lg);
    }
    .gds-responsive-xl-left-negative-lg {
      left: calc(var(--gds-spacing-lg) * -1);
    }
    .gds-responsive-xl-left-xl {
      left: var(--gds-spacing-xl);
    }
    .gds-responsive-xl-left-negative-xl {
      left: calc(var(--gds-spacing-xl) * -1);
    }
    .gds-responsive-xl-left-2xs {
      left: var(--gds-spacing-2xs);
    }
    .gds-responsive-xl-left-negative-2xs {
      left: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-xl-left-3xs {
      left: var(--gds-spacing-3xs);
    }
    .gds-responsive-xl-left-negative-3xs {
      left: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-xl-inset-0 {
      inset: 0;
    }
    .gds-responsive-xl-inset-50 {
      inset: 50%;
    }
    .gds-responsive-xl-inset-100 {
      inset: 100%;
    }
    .gds-responsive-xl-inset-3xs {
      inset: var(--gds-spacing-3xs);
    }
    .gds-responsive-xl-inset-negative-3xs {
      inset: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-xl-inset-2xs {
      inset: var(--gds-spacing-2xs);
    }
    .gds-responsive-xl-inset-negative-2xs {
      inset: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-xl-inset-xs {
      inset: var(--gds-spacing-xs);
    }
    .gds-responsive-xl-inset-negative-xs {
      inset: calc(var(--gds-spacing-xs) * -1);
    }
    .gds-responsive-xl-inset-sm {
      inset: var(--gds-spacing-sm);
    }
    .gds-responsive-xl-inset-negative-sm {
      inset: calc(var(--gds-spacing-sm) * -1);
    }
    .gds-responsive-xl-inset-md {
      inset: var(--gds-spacing-md);
    }
    .gds-responsive-xl-inset-negative-md {
      inset: calc(var(--gds-spacing-md) * -1);
    }
    .gds-responsive-xl-inset-lg {
      inset: var(--gds-spacing-lg);
    }
    .gds-responsive-xl-inset-negative-lg {
      inset: calc(var(--gds-spacing-lg) * -1);
    }
    .gds-responsive-xl-inset-xl {
      inset: var(--gds-spacing-xl);
    }
    .gds-responsive-xl-inset-negative-xl {
      inset: calc(var(--gds-spacing-xl) * -1);
    }
    .gds-responsive-xl-inset-2xs {
      inset: var(--gds-spacing-2xs);
    }
    .gds-responsive-xl-inset-negative-2xs {
      inset: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-xl-inset-3xs {
      inset: var(--gds-spacing-3xs);
    }
    .gds-responsive-xl-inset-negative-3xs {
      inset: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-xl-translate-middle {
      transform: translate(-50%, -50%);
    }
  }
  @media (max-width: 1200px) {
    .gds-responsive-lg-position-static {
      position: static;
    }
    .gds-responsive-lg-position-fixed {
      position: fixed;
    }
    .gds-responsive-lg-position-absolute {
      position: absolute;
    }
    .gds-responsive-lg-position-relative {
      position: relative;
    }
    .gds-responsive-lg-position-sticky {
      position: sticky;
    }
    .gds-responsive-lg-top-0 {
      top: 0;
    }
    .gds-responsive-lg-top-50 {
      top: 50%;
    }
    .gds-responsive-lg-top-100 {
      top: 100%;
    }
    .gds-responsive-lg-top-3xs {
      top: var(--gds-spacing-3xs);
    }
    .gds-responsive-lg-top-negative-3xs {
      top: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-lg-top-2xs {
      top: var(--gds-spacing-2xs);
    }
    .gds-responsive-lg-top-negative-2xs {
      top: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-lg-top-xs {
      top: var(--gds-spacing-xs);
    }
    .gds-responsive-lg-top-negative-xs {
      top: calc(var(--gds-spacing-xs) * -1);
    }
    .gds-responsive-lg-top-sm {
      top: var(--gds-spacing-sm);
    }
    .gds-responsive-lg-top-negative-sm {
      top: calc(var(--gds-spacing-sm) * -1);
    }
    .gds-responsive-lg-top-md {
      top: var(--gds-spacing-md);
    }
    .gds-responsive-lg-top-negative-md {
      top: calc(var(--gds-spacing-md) * -1);
    }
    .gds-responsive-lg-top-lg {
      top: var(--gds-spacing-lg);
    }
    .gds-responsive-lg-top-negative-lg {
      top: calc(var(--gds-spacing-lg) * -1);
    }
    .gds-responsive-lg-top-xl {
      top: var(--gds-spacing-xl);
    }
    .gds-responsive-lg-top-negative-xl {
      top: calc(var(--gds-spacing-xl) * -1);
    }
    .gds-responsive-lg-top-2xs {
      top: var(--gds-spacing-2xs);
    }
    .gds-responsive-lg-top-negative-2xs {
      top: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-lg-top-3xs {
      top: var(--gds-spacing-3xs);
    }
    .gds-responsive-lg-top-negative-3xs {
      top: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-lg-right-0 {
      right: 0;
    }
    .gds-responsive-lg-right-50 {
      right: 50%;
    }
    .gds-responsive-lg-right-100 {
      right: 100%;
    }
    .gds-responsive-lg-right-3xs {
      right: var(--gds-spacing-3xs);
    }
    .gds-responsive-lg-right-negative-3xs {
      right: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-lg-right-2xs {
      right: var(--gds-spacing-2xs);
    }
    .gds-responsive-lg-right-negative-2xs {
      right: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-lg-right-xs {
      right: var(--gds-spacing-xs);
    }
    .gds-responsive-lg-right-negative-xs {
      right: calc(var(--gds-spacing-xs) * -1);
    }
    .gds-responsive-lg-right-sm {
      right: var(--gds-spacing-sm);
    }
    .gds-responsive-lg-right-negative-sm {
      right: calc(var(--gds-spacing-sm) * -1);
    }
    .gds-responsive-lg-right-md {
      right: var(--gds-spacing-md);
    }
    .gds-responsive-lg-right-negative-md {
      right: calc(var(--gds-spacing-md) * -1);
    }
    .gds-responsive-lg-right-lg {
      right: var(--gds-spacing-lg);
    }
    .gds-responsive-lg-right-negative-lg {
      right: calc(var(--gds-spacing-lg) * -1);
    }
    .gds-responsive-lg-right-xl {
      right: var(--gds-spacing-xl);
    }
    .gds-responsive-lg-right-negative-xl {
      right: calc(var(--gds-spacing-xl) * -1);
    }
    .gds-responsive-lg-right-2xs {
      right: var(--gds-spacing-2xs);
    }
    .gds-responsive-lg-right-negative-2xs {
      right: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-lg-right-3xs {
      right: var(--gds-spacing-3xs);
    }
    .gds-responsive-lg-right-negative-3xs {
      right: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-lg-bottom-0 {
      bottom: 0;
    }
    .gds-responsive-lg-bottom-50 {
      bottom: 50%;
    }
    .gds-responsive-lg-bottom-100 {
      bottom: 100%;
    }
    .gds-responsive-lg-bottom-3xs {
      bottom: var(--gds-spacing-3xs);
    }
    .gds-responsive-lg-bottom-negative-3xs {
      bottom: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-lg-bottom-2xs {
      bottom: var(--gds-spacing-2xs);
    }
    .gds-responsive-lg-bottom-negative-2xs {
      bottom: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-lg-bottom-xs {
      bottom: var(--gds-spacing-xs);
    }
    .gds-responsive-lg-bottom-negative-xs {
      bottom: calc(var(--gds-spacing-xs) * -1);
    }
    .gds-responsive-lg-bottom-sm {
      bottom: var(--gds-spacing-sm);
    }
    .gds-responsive-lg-bottom-negative-sm {
      bottom: calc(var(--gds-spacing-sm) * -1);
    }
    .gds-responsive-lg-bottom-md {
      bottom: var(--gds-spacing-md);
    }
    .gds-responsive-lg-bottom-negative-md {
      bottom: calc(var(--gds-spacing-md) * -1);
    }
    .gds-responsive-lg-bottom-lg {
      bottom: var(--gds-spacing-lg);
    }
    .gds-responsive-lg-bottom-negative-lg {
      bottom: calc(var(--gds-spacing-lg) * -1);
    }
    .gds-responsive-lg-bottom-xl {
      bottom: var(--gds-spacing-xl);
    }
    .gds-responsive-lg-bottom-negative-xl {
      bottom: calc(var(--gds-spacing-xl) * -1);
    }
    .gds-responsive-lg-bottom-2xs {
      bottom: var(--gds-spacing-2xs);
    }
    .gds-responsive-lg-bottom-negative-2xs {
      bottom: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-lg-bottom-3xs {
      bottom: var(--gds-spacing-3xs);
    }
    .gds-responsive-lg-bottom-negative-3xs {
      bottom: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-lg-left-0 {
      left: 0;
    }
    .gds-responsive-lg-left-50 {
      left: 50%;
    }
    .gds-responsive-lg-left-100 {
      left: 100%;
    }
    .gds-responsive-lg-left-3xs {
      left: var(--gds-spacing-3xs);
    }
    .gds-responsive-lg-left-negative-3xs {
      left: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-lg-left-2xs {
      left: var(--gds-spacing-2xs);
    }
    .gds-responsive-lg-left-negative-2xs {
      left: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-lg-left-xs {
      left: var(--gds-spacing-xs);
    }
    .gds-responsive-lg-left-negative-xs {
      left: calc(var(--gds-spacing-xs) * -1);
    }
    .gds-responsive-lg-left-sm {
      left: var(--gds-spacing-sm);
    }
    .gds-responsive-lg-left-negative-sm {
      left: calc(var(--gds-spacing-sm) * -1);
    }
    .gds-responsive-lg-left-md {
      left: var(--gds-spacing-md);
    }
    .gds-responsive-lg-left-negative-md {
      left: calc(var(--gds-spacing-md) * -1);
    }
    .gds-responsive-lg-left-lg {
      left: var(--gds-spacing-lg);
    }
    .gds-responsive-lg-left-negative-lg {
      left: calc(var(--gds-spacing-lg) * -1);
    }
    .gds-responsive-lg-left-xl {
      left: var(--gds-spacing-xl);
    }
    .gds-responsive-lg-left-negative-xl {
      left: calc(var(--gds-spacing-xl) * -1);
    }
    .gds-responsive-lg-left-2xs {
      left: var(--gds-spacing-2xs);
    }
    .gds-responsive-lg-left-negative-2xs {
      left: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-lg-left-3xs {
      left: var(--gds-spacing-3xs);
    }
    .gds-responsive-lg-left-negative-3xs {
      left: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-lg-inset-0 {
      inset: 0;
    }
    .gds-responsive-lg-inset-50 {
      inset: 50%;
    }
    .gds-responsive-lg-inset-100 {
      inset: 100%;
    }
    .gds-responsive-lg-inset-3xs {
      inset: var(--gds-spacing-3xs);
    }
    .gds-responsive-lg-inset-negative-3xs {
      inset: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-lg-inset-2xs {
      inset: var(--gds-spacing-2xs);
    }
    .gds-responsive-lg-inset-negative-2xs {
      inset: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-lg-inset-xs {
      inset: var(--gds-spacing-xs);
    }
    .gds-responsive-lg-inset-negative-xs {
      inset: calc(var(--gds-spacing-xs) * -1);
    }
    .gds-responsive-lg-inset-sm {
      inset: var(--gds-spacing-sm);
    }
    .gds-responsive-lg-inset-negative-sm {
      inset: calc(var(--gds-spacing-sm) * -1);
    }
    .gds-responsive-lg-inset-md {
      inset: var(--gds-spacing-md);
    }
    .gds-responsive-lg-inset-negative-md {
      inset: calc(var(--gds-spacing-md) * -1);
    }
    .gds-responsive-lg-inset-lg {
      inset: var(--gds-spacing-lg);
    }
    .gds-responsive-lg-inset-negative-lg {
      inset: calc(var(--gds-spacing-lg) * -1);
    }
    .gds-responsive-lg-inset-xl {
      inset: var(--gds-spacing-xl);
    }
    .gds-responsive-lg-inset-negative-xl {
      inset: calc(var(--gds-spacing-xl) * -1);
    }
    .gds-responsive-lg-inset-2xs {
      inset: var(--gds-spacing-2xs);
    }
    .gds-responsive-lg-inset-negative-2xs {
      inset: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-lg-inset-3xs {
      inset: var(--gds-spacing-3xs);
    }
    .gds-responsive-lg-inset-negative-3xs {
      inset: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-lg-translate-middle {
      transform: translate(-50%, -50%);
    }
  }
  @media (max-width: 900px) {
    .gds-responsive-md-position-static {
      position: static;
    }
    .gds-responsive-md-position-fixed {
      position: fixed;
    }
    .gds-responsive-md-position-absolute {
      position: absolute;
    }
    .gds-responsive-md-position-relative {
      position: relative;
    }
    .gds-responsive-md-position-sticky {
      position: sticky;
    }
    .gds-responsive-md-top-0 {
      top: 0;
    }
    .gds-responsive-md-top-50 {
      top: 50%;
    }
    .gds-responsive-md-top-100 {
      top: 100%;
    }
    .gds-responsive-md-top-3xs {
      top: var(--gds-spacing-3xs);
    }
    .gds-responsive-md-top-negative-3xs {
      top: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-md-top-2xs {
      top: var(--gds-spacing-2xs);
    }
    .gds-responsive-md-top-negative-2xs {
      top: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-md-top-xs {
      top: var(--gds-spacing-xs);
    }
    .gds-responsive-md-top-negative-xs {
      top: calc(var(--gds-spacing-xs) * -1);
    }
    .gds-responsive-md-top-sm {
      top: var(--gds-spacing-sm);
    }
    .gds-responsive-md-top-negative-sm {
      top: calc(var(--gds-spacing-sm) * -1);
    }
    .gds-responsive-md-top-md {
      top: var(--gds-spacing-md);
    }
    .gds-responsive-md-top-negative-md {
      top: calc(var(--gds-spacing-md) * -1);
    }
    .gds-responsive-md-top-lg {
      top: var(--gds-spacing-lg);
    }
    .gds-responsive-md-top-negative-lg {
      top: calc(var(--gds-spacing-lg) * -1);
    }
    .gds-responsive-md-top-xl {
      top: var(--gds-spacing-xl);
    }
    .gds-responsive-md-top-negative-xl {
      top: calc(var(--gds-spacing-xl) * -1);
    }
    .gds-responsive-md-top-2xs {
      top: var(--gds-spacing-2xs);
    }
    .gds-responsive-md-top-negative-2xs {
      top: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-md-top-3xs {
      top: var(--gds-spacing-3xs);
    }
    .gds-responsive-md-top-negative-3xs {
      top: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-md-right-0 {
      right: 0;
    }
    .gds-responsive-md-right-50 {
      right: 50%;
    }
    .gds-responsive-md-right-100 {
      right: 100%;
    }
    .gds-responsive-md-right-3xs {
      right: var(--gds-spacing-3xs);
    }
    .gds-responsive-md-right-negative-3xs {
      right: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-md-right-2xs {
      right: var(--gds-spacing-2xs);
    }
    .gds-responsive-md-right-negative-2xs {
      right: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-md-right-xs {
      right: var(--gds-spacing-xs);
    }
    .gds-responsive-md-right-negative-xs {
      right: calc(var(--gds-spacing-xs) * -1);
    }
    .gds-responsive-md-right-sm {
      right: var(--gds-spacing-sm);
    }
    .gds-responsive-md-right-negative-sm {
      right: calc(var(--gds-spacing-sm) * -1);
    }
    .gds-responsive-md-right-md {
      right: var(--gds-spacing-md);
    }
    .gds-responsive-md-right-negative-md {
      right: calc(var(--gds-spacing-md) * -1);
    }
    .gds-responsive-md-right-lg {
      right: var(--gds-spacing-lg);
    }
    .gds-responsive-md-right-negative-lg {
      right: calc(var(--gds-spacing-lg) * -1);
    }
    .gds-responsive-md-right-xl {
      right: var(--gds-spacing-xl);
    }
    .gds-responsive-md-right-negative-xl {
      right: calc(var(--gds-spacing-xl) * -1);
    }
    .gds-responsive-md-right-2xs {
      right: var(--gds-spacing-2xs);
    }
    .gds-responsive-md-right-negative-2xs {
      right: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-md-right-3xs {
      right: var(--gds-spacing-3xs);
    }
    .gds-responsive-md-right-negative-3xs {
      right: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-md-bottom-0 {
      bottom: 0;
    }
    .gds-responsive-md-bottom-50 {
      bottom: 50%;
    }
    .gds-responsive-md-bottom-100 {
      bottom: 100%;
    }
    .gds-responsive-md-bottom-3xs {
      bottom: var(--gds-spacing-3xs);
    }
    .gds-responsive-md-bottom-negative-3xs {
      bottom: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-md-bottom-2xs {
      bottom: var(--gds-spacing-2xs);
    }
    .gds-responsive-md-bottom-negative-2xs {
      bottom: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-md-bottom-xs {
      bottom: var(--gds-spacing-xs);
    }
    .gds-responsive-md-bottom-negative-xs {
      bottom: calc(var(--gds-spacing-xs) * -1);
    }
    .gds-responsive-md-bottom-sm {
      bottom: var(--gds-spacing-sm);
    }
    .gds-responsive-md-bottom-negative-sm {
      bottom: calc(var(--gds-spacing-sm) * -1);
    }
    .gds-responsive-md-bottom-md {
      bottom: var(--gds-spacing-md);
    }
    .gds-responsive-md-bottom-negative-md {
      bottom: calc(var(--gds-spacing-md) * -1);
    }
    .gds-responsive-md-bottom-lg {
      bottom: var(--gds-spacing-lg);
    }
    .gds-responsive-md-bottom-negative-lg {
      bottom: calc(var(--gds-spacing-lg) * -1);
    }
    .gds-responsive-md-bottom-xl {
      bottom: var(--gds-spacing-xl);
    }
    .gds-responsive-md-bottom-negative-xl {
      bottom: calc(var(--gds-spacing-xl) * -1);
    }
    .gds-responsive-md-bottom-2xs {
      bottom: var(--gds-spacing-2xs);
    }
    .gds-responsive-md-bottom-negative-2xs {
      bottom: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-md-bottom-3xs {
      bottom: var(--gds-spacing-3xs);
    }
    .gds-responsive-md-bottom-negative-3xs {
      bottom: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-md-left-0 {
      left: 0;
    }
    .gds-responsive-md-left-50 {
      left: 50%;
    }
    .gds-responsive-md-left-100 {
      left: 100%;
    }
    .gds-responsive-md-left-3xs {
      left: var(--gds-spacing-3xs);
    }
    .gds-responsive-md-left-negative-3xs {
      left: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-md-left-2xs {
      left: var(--gds-spacing-2xs);
    }
    .gds-responsive-md-left-negative-2xs {
      left: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-md-left-xs {
      left: var(--gds-spacing-xs);
    }
    .gds-responsive-md-left-negative-xs {
      left: calc(var(--gds-spacing-xs) * -1);
    }
    .gds-responsive-md-left-sm {
      left: var(--gds-spacing-sm);
    }
    .gds-responsive-md-left-negative-sm {
      left: calc(var(--gds-spacing-sm) * -1);
    }
    .gds-responsive-md-left-md {
      left: var(--gds-spacing-md);
    }
    .gds-responsive-md-left-negative-md {
      left: calc(var(--gds-spacing-md) * -1);
    }
    .gds-responsive-md-left-lg {
      left: var(--gds-spacing-lg);
    }
    .gds-responsive-md-left-negative-lg {
      left: calc(var(--gds-spacing-lg) * -1);
    }
    .gds-responsive-md-left-xl {
      left: var(--gds-spacing-xl);
    }
    .gds-responsive-md-left-negative-xl {
      left: calc(var(--gds-spacing-xl) * -1);
    }
    .gds-responsive-md-left-2xs {
      left: var(--gds-spacing-2xs);
    }
    .gds-responsive-md-left-negative-2xs {
      left: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-md-left-3xs {
      left: var(--gds-spacing-3xs);
    }
    .gds-responsive-md-left-negative-3xs {
      left: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-md-inset-0 {
      inset: 0;
    }
    .gds-responsive-md-inset-50 {
      inset: 50%;
    }
    .gds-responsive-md-inset-100 {
      inset: 100%;
    }
    .gds-responsive-md-inset-3xs {
      inset: var(--gds-spacing-3xs);
    }
    .gds-responsive-md-inset-negative-3xs {
      inset: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-md-inset-2xs {
      inset: var(--gds-spacing-2xs);
    }
    .gds-responsive-md-inset-negative-2xs {
      inset: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-md-inset-xs {
      inset: var(--gds-spacing-xs);
    }
    .gds-responsive-md-inset-negative-xs {
      inset: calc(var(--gds-spacing-xs) * -1);
    }
    .gds-responsive-md-inset-sm {
      inset: var(--gds-spacing-sm);
    }
    .gds-responsive-md-inset-negative-sm {
      inset: calc(var(--gds-spacing-sm) * -1);
    }
    .gds-responsive-md-inset-md {
      inset: var(--gds-spacing-md);
    }
    .gds-responsive-md-inset-negative-md {
      inset: calc(var(--gds-spacing-md) * -1);
    }
    .gds-responsive-md-inset-lg {
      inset: var(--gds-spacing-lg);
    }
    .gds-responsive-md-inset-negative-lg {
      inset: calc(var(--gds-spacing-lg) * -1);
    }
    .gds-responsive-md-inset-xl {
      inset: var(--gds-spacing-xl);
    }
    .gds-responsive-md-inset-negative-xl {
      inset: calc(var(--gds-spacing-xl) * -1);
    }
    .gds-responsive-md-inset-2xs {
      inset: var(--gds-spacing-2xs);
    }
    .gds-responsive-md-inset-negative-2xs {
      inset: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-md-inset-3xs {
      inset: var(--gds-spacing-3xs);
    }
    .gds-responsive-md-inset-negative-3xs {
      inset: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-md-translate-middle {
      transform: translate(-50%, -50%);
    }
  }
  @media (max-width: 600px) {
    .gds-responsive-sm-position-static {
      position: static;
    }
    .gds-responsive-sm-position-fixed {
      position: fixed;
    }
    .gds-responsive-sm-position-absolute {
      position: absolute;
    }
    .gds-responsive-sm-position-relative {
      position: relative;
    }
    .gds-responsive-sm-position-sticky {
      position: sticky;
    }
    .gds-responsive-sm-top-0 {
      top: 0;
    }
    .gds-responsive-sm-top-50 {
      top: 50%;
    }
    .gds-responsive-sm-top-100 {
      top: 100%;
    }
    .gds-responsive-sm-top-3xs {
      top: var(--gds-spacing-3xs);
    }
    .gds-responsive-sm-top-negative-3xs {
      top: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-sm-top-2xs {
      top: var(--gds-spacing-2xs);
    }
    .gds-responsive-sm-top-negative-2xs {
      top: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-sm-top-xs {
      top: var(--gds-spacing-xs);
    }
    .gds-responsive-sm-top-negative-xs {
      top: calc(var(--gds-spacing-xs) * -1);
    }
    .gds-responsive-sm-top-sm {
      top: var(--gds-spacing-sm);
    }
    .gds-responsive-sm-top-negative-sm {
      top: calc(var(--gds-spacing-sm) * -1);
    }
    .gds-responsive-sm-top-md {
      top: var(--gds-spacing-md);
    }
    .gds-responsive-sm-top-negative-md {
      top: calc(var(--gds-spacing-md) * -1);
    }
    .gds-responsive-sm-top-lg {
      top: var(--gds-spacing-lg);
    }
    .gds-responsive-sm-top-negative-lg {
      top: calc(var(--gds-spacing-lg) * -1);
    }
    .gds-responsive-sm-top-xl {
      top: var(--gds-spacing-xl);
    }
    .gds-responsive-sm-top-negative-xl {
      top: calc(var(--gds-spacing-xl) * -1);
    }
    .gds-responsive-sm-top-2xs {
      top: var(--gds-spacing-2xs);
    }
    .gds-responsive-sm-top-negative-2xs {
      top: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-sm-top-3xs {
      top: var(--gds-spacing-3xs);
    }
    .gds-responsive-sm-top-negative-3xs {
      top: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-sm-right-0 {
      right: 0;
    }
    .gds-responsive-sm-right-50 {
      right: 50%;
    }
    .gds-responsive-sm-right-100 {
      right: 100%;
    }
    .gds-responsive-sm-right-3xs {
      right: var(--gds-spacing-3xs);
    }
    .gds-responsive-sm-right-negative-3xs {
      right: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-sm-right-2xs {
      right: var(--gds-spacing-2xs);
    }
    .gds-responsive-sm-right-negative-2xs {
      right: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-sm-right-xs {
      right: var(--gds-spacing-xs);
    }
    .gds-responsive-sm-right-negative-xs {
      right: calc(var(--gds-spacing-xs) * -1);
    }
    .gds-responsive-sm-right-sm {
      right: var(--gds-spacing-sm);
    }
    .gds-responsive-sm-right-negative-sm {
      right: calc(var(--gds-spacing-sm) * -1);
    }
    .gds-responsive-sm-right-md {
      right: var(--gds-spacing-md);
    }
    .gds-responsive-sm-right-negative-md {
      right: calc(var(--gds-spacing-md) * -1);
    }
    .gds-responsive-sm-right-lg {
      right: var(--gds-spacing-lg);
    }
    .gds-responsive-sm-right-negative-lg {
      right: calc(var(--gds-spacing-lg) * -1);
    }
    .gds-responsive-sm-right-xl {
      right: var(--gds-spacing-xl);
    }
    .gds-responsive-sm-right-negative-xl {
      right: calc(var(--gds-spacing-xl) * -1);
    }
    .gds-responsive-sm-right-2xs {
      right: var(--gds-spacing-2xs);
    }
    .gds-responsive-sm-right-negative-2xs {
      right: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-sm-right-3xs {
      right: var(--gds-spacing-3xs);
    }
    .gds-responsive-sm-right-negative-3xs {
      right: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-sm-bottom-0 {
      bottom: 0;
    }
    .gds-responsive-sm-bottom-50 {
      bottom: 50%;
    }
    .gds-responsive-sm-bottom-100 {
      bottom: 100%;
    }
    .gds-responsive-sm-bottom-3xs {
      bottom: var(--gds-spacing-3xs);
    }
    .gds-responsive-sm-bottom-negative-3xs {
      bottom: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-sm-bottom-2xs {
      bottom: var(--gds-spacing-2xs);
    }
    .gds-responsive-sm-bottom-negative-2xs {
      bottom: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-sm-bottom-xs {
      bottom: var(--gds-spacing-xs);
    }
    .gds-responsive-sm-bottom-negative-xs {
      bottom: calc(var(--gds-spacing-xs) * -1);
    }
    .gds-responsive-sm-bottom-sm {
      bottom: var(--gds-spacing-sm);
    }
    .gds-responsive-sm-bottom-negative-sm {
      bottom: calc(var(--gds-spacing-sm) * -1);
    }
    .gds-responsive-sm-bottom-md {
      bottom: var(--gds-spacing-md);
    }
    .gds-responsive-sm-bottom-negative-md {
      bottom: calc(var(--gds-spacing-md) * -1);
    }
    .gds-responsive-sm-bottom-lg {
      bottom: var(--gds-spacing-lg);
    }
    .gds-responsive-sm-bottom-negative-lg {
      bottom: calc(var(--gds-spacing-lg) * -1);
    }
    .gds-responsive-sm-bottom-xl {
      bottom: var(--gds-spacing-xl);
    }
    .gds-responsive-sm-bottom-negative-xl {
      bottom: calc(var(--gds-spacing-xl) * -1);
    }
    .gds-responsive-sm-bottom-2xs {
      bottom: var(--gds-spacing-2xs);
    }
    .gds-responsive-sm-bottom-negative-2xs {
      bottom: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-sm-bottom-3xs {
      bottom: var(--gds-spacing-3xs);
    }
    .gds-responsive-sm-bottom-negative-3xs {
      bottom: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-sm-left-0 {
      left: 0;
    }
    .gds-responsive-sm-left-50 {
      left: 50%;
    }
    .gds-responsive-sm-left-100 {
      left: 100%;
    }
    .gds-responsive-sm-left-3xs {
      left: var(--gds-spacing-3xs);
    }
    .gds-responsive-sm-left-negative-3xs {
      left: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-sm-left-2xs {
      left: var(--gds-spacing-2xs);
    }
    .gds-responsive-sm-left-negative-2xs {
      left: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-sm-left-xs {
      left: var(--gds-spacing-xs);
    }
    .gds-responsive-sm-left-negative-xs {
      left: calc(var(--gds-spacing-xs) * -1);
    }
    .gds-responsive-sm-left-sm {
      left: var(--gds-spacing-sm);
    }
    .gds-responsive-sm-left-negative-sm {
      left: calc(var(--gds-spacing-sm) * -1);
    }
    .gds-responsive-sm-left-md {
      left: var(--gds-spacing-md);
    }
    .gds-responsive-sm-left-negative-md {
      left: calc(var(--gds-spacing-md) * -1);
    }
    .gds-responsive-sm-left-lg {
      left: var(--gds-spacing-lg);
    }
    .gds-responsive-sm-left-negative-lg {
      left: calc(var(--gds-spacing-lg) * -1);
    }
    .gds-responsive-sm-left-xl {
      left: var(--gds-spacing-xl);
    }
    .gds-responsive-sm-left-negative-xl {
      left: calc(var(--gds-spacing-xl) * -1);
    }
    .gds-responsive-sm-left-2xs {
      left: var(--gds-spacing-2xs);
    }
    .gds-responsive-sm-left-negative-2xs {
      left: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-sm-left-3xs {
      left: var(--gds-spacing-3xs);
    }
    .gds-responsive-sm-left-negative-3xs {
      left: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-sm-inset-0 {
      inset: 0;
    }
    .gds-responsive-sm-inset-50 {
      inset: 50%;
    }
    .gds-responsive-sm-inset-100 {
      inset: 100%;
    }
    .gds-responsive-sm-inset-3xs {
      inset: var(--gds-spacing-3xs);
    }
    .gds-responsive-sm-inset-negative-3xs {
      inset: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-sm-inset-2xs {
      inset: var(--gds-spacing-2xs);
    }
    .gds-responsive-sm-inset-negative-2xs {
      inset: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-sm-inset-xs {
      inset: var(--gds-spacing-xs);
    }
    .gds-responsive-sm-inset-negative-xs {
      inset: calc(var(--gds-spacing-xs) * -1);
    }
    .gds-responsive-sm-inset-sm {
      inset: var(--gds-spacing-sm);
    }
    .gds-responsive-sm-inset-negative-sm {
      inset: calc(var(--gds-spacing-sm) * -1);
    }
    .gds-responsive-sm-inset-md {
      inset: var(--gds-spacing-md);
    }
    .gds-responsive-sm-inset-negative-md {
      inset: calc(var(--gds-spacing-md) * -1);
    }
    .gds-responsive-sm-inset-lg {
      inset: var(--gds-spacing-lg);
    }
    .gds-responsive-sm-inset-negative-lg {
      inset: calc(var(--gds-spacing-lg) * -1);
    }
    .gds-responsive-sm-inset-xl {
      inset: var(--gds-spacing-xl);
    }
    .gds-responsive-sm-inset-negative-xl {
      inset: calc(var(--gds-spacing-xl) * -1);
    }
    .gds-responsive-sm-inset-2xs {
      inset: var(--gds-spacing-2xs);
    }
    .gds-responsive-sm-inset-negative-2xs {
      inset: calc(var(--gds-spacing-2xs) * -1);
    }
    .gds-responsive-sm-inset-3xs {
      inset: var(--gds-spacing-3xs);
    }
    .gds-responsive-sm-inset-negative-3xs {
      inset: calc(var(--gds-spacing-3xs) * -1);
    }
    .gds-responsive-sm-translate-middle {
      transform: translate(-50%, -50%);
    }
  }
  body[isMobile=true] .gds-mobile-position-static {
    position: static;
  }
  body[isMobile=true] .gds-mobile-position-fixed {
    position: fixed;
  }
  body[isMobile=true] .gds-mobile-position-absolute {
    position: absolute;
  }
  body[isMobile=true] .gds-mobile-position-relative {
    position: relative;
  }
  body[isMobile=true] .gds-mobile-position-sticky {
    position: sticky;
  }
  body[isMobile=true] .gds-mobile-top-0 {
    top: 0;
  }
  body[isMobile=true] .gds-mobile-top-50 {
    top: 50%;
  }
  body[isMobile=true] .gds-mobile-top-100 {
    top: 100%;
  }
  body[isMobile=true] .gds-mobile-top-3xs {
    top: var(--gds-spacing-3xs);
  }
  body[isMobile=true] .gds-mobile-top-negative-3xs {
    top: calc(var(--gds-spacing-3xs) * -1);
  }
  body[isMobile=true] .gds-mobile-top-2xs {
    top: var(--gds-spacing-2xs);
  }
  body[isMobile=true] .gds-mobile-top-negative-2xs {
    top: calc(var(--gds-spacing-2xs) * -1);
  }
  body[isMobile=true] .gds-mobile-top-xs {
    top: var(--gds-spacing-xs);
  }
  body[isMobile=true] .gds-mobile-top-negative-xs {
    top: calc(var(--gds-spacing-xs) * -1);
  }
  body[isMobile=true] .gds-mobile-top-sm {
    top: var(--gds-spacing-sm);
  }
  body[isMobile=true] .gds-mobile-top-negative-sm {
    top: calc(var(--gds-spacing-sm) * -1);
  }
  body[isMobile=true] .gds-mobile-top-md {
    top: var(--gds-spacing-md);
  }
  body[isMobile=true] .gds-mobile-top-negative-md {
    top: calc(var(--gds-spacing-md) * -1);
  }
  body[isMobile=true] .gds-mobile-top-lg {
    top: var(--gds-spacing-lg);
  }
  body[isMobile=true] .gds-mobile-top-negative-lg {
    top: calc(var(--gds-spacing-lg) * -1);
  }
  body[isMobile=true] .gds-mobile-top-xl {
    top: var(--gds-spacing-xl);
  }
  body[isMobile=true] .gds-mobile-top-negative-xl {
    top: calc(var(--gds-spacing-xl) * -1);
  }
  body[isMobile=true] .gds-mobile-top-2xs {
    top: var(--gds-spacing-2xs);
  }
  body[isMobile=true] .gds-mobile-top-negative-2xs {
    top: calc(var(--gds-spacing-2xs) * -1);
  }
  body[isMobile=true] .gds-mobile-top-3xs {
    top: var(--gds-spacing-3xs);
  }
  body[isMobile=true] .gds-mobile-top-negative-3xs {
    top: calc(var(--gds-spacing-3xs) * -1);
  }
  body[isMobile=true] .gds-mobile-right-0 {
    right: 0;
  }
  body[isMobile=true] .gds-mobile-right-50 {
    right: 50%;
  }
  body[isMobile=true] .gds-mobile-right-100 {
    right: 100%;
  }
  body[isMobile=true] .gds-mobile-right-3xs {
    right: var(--gds-spacing-3xs);
  }
  body[isMobile=true] .gds-mobile-right-negative-3xs {
    right: calc(var(--gds-spacing-3xs) * -1);
  }
  body[isMobile=true] .gds-mobile-right-2xs {
    right: var(--gds-spacing-2xs);
  }
  body[isMobile=true] .gds-mobile-right-negative-2xs {
    right: calc(var(--gds-spacing-2xs) * -1);
  }
  body[isMobile=true] .gds-mobile-right-xs {
    right: var(--gds-spacing-xs);
  }
  body[isMobile=true] .gds-mobile-right-negative-xs {
    right: calc(var(--gds-spacing-xs) * -1);
  }
  body[isMobile=true] .gds-mobile-right-sm {
    right: var(--gds-spacing-sm);
  }
  body[isMobile=true] .gds-mobile-right-negative-sm {
    right: calc(var(--gds-spacing-sm) * -1);
  }
  body[isMobile=true] .gds-mobile-right-md {
    right: var(--gds-spacing-md);
  }
  body[isMobile=true] .gds-mobile-right-negative-md {
    right: calc(var(--gds-spacing-md) * -1);
  }
  body[isMobile=true] .gds-mobile-right-lg {
    right: var(--gds-spacing-lg);
  }
  body[isMobile=true] .gds-mobile-right-negative-lg {
    right: calc(var(--gds-spacing-lg) * -1);
  }
  body[isMobile=true] .gds-mobile-right-xl {
    right: var(--gds-spacing-xl);
  }
  body[isMobile=true] .gds-mobile-right-negative-xl {
    right: calc(var(--gds-spacing-xl) * -1);
  }
  body[isMobile=true] .gds-mobile-right-2xs {
    right: var(--gds-spacing-2xs);
  }
  body[isMobile=true] .gds-mobile-right-negative-2xs {
    right: calc(var(--gds-spacing-2xs) * -1);
  }
  body[isMobile=true] .gds-mobile-right-3xs {
    right: var(--gds-spacing-3xs);
  }
  body[isMobile=true] .gds-mobile-right-negative-3xs {
    right: calc(var(--gds-spacing-3xs) * -1);
  }
  body[isMobile=true] .gds-mobile-bottom-0 {
    bottom: 0;
  }
  body[isMobile=true] .gds-mobile-bottom-50 {
    bottom: 50%;
  }
  body[isMobile=true] .gds-mobile-bottom-100 {
    bottom: 100%;
  }
  body[isMobile=true] .gds-mobile-bottom-3xs {
    bottom: var(--gds-spacing-3xs);
  }
  body[isMobile=true] .gds-mobile-bottom-negative-3xs {
    bottom: calc(var(--gds-spacing-3xs) * -1);
  }
  body[isMobile=true] .gds-mobile-bottom-2xs {
    bottom: var(--gds-spacing-2xs);
  }
  body[isMobile=true] .gds-mobile-bottom-negative-2xs {
    bottom: calc(var(--gds-spacing-2xs) * -1);
  }
  body[isMobile=true] .gds-mobile-bottom-xs {
    bottom: var(--gds-spacing-xs);
  }
  body[isMobile=true] .gds-mobile-bottom-negative-xs {
    bottom: calc(var(--gds-spacing-xs) * -1);
  }
  body[isMobile=true] .gds-mobile-bottom-sm {
    bottom: var(--gds-spacing-sm);
  }
  body[isMobile=true] .gds-mobile-bottom-negative-sm {
    bottom: calc(var(--gds-spacing-sm) * -1);
  }
  body[isMobile=true] .gds-mobile-bottom-md {
    bottom: var(--gds-spacing-md);
  }
  body[isMobile=true] .gds-mobile-bottom-negative-md {
    bottom: calc(var(--gds-spacing-md) * -1);
  }
  body[isMobile=true] .gds-mobile-bottom-lg {
    bottom: var(--gds-spacing-lg);
  }
  body[isMobile=true] .gds-mobile-bottom-negative-lg {
    bottom: calc(var(--gds-spacing-lg) * -1);
  }
  body[isMobile=true] .gds-mobile-bottom-xl {
    bottom: var(--gds-spacing-xl);
  }
  body[isMobile=true] .gds-mobile-bottom-negative-xl {
    bottom: calc(var(--gds-spacing-xl) * -1);
  }
  body[isMobile=true] .gds-mobile-bottom-2xs {
    bottom: var(--gds-spacing-2xs);
  }
  body[isMobile=true] .gds-mobile-bottom-negative-2xs {
    bottom: calc(var(--gds-spacing-2xs) * -1);
  }
  body[isMobile=true] .gds-mobile-bottom-3xs {
    bottom: var(--gds-spacing-3xs);
  }
  body[isMobile=true] .gds-mobile-bottom-negative-3xs {
    bottom: calc(var(--gds-spacing-3xs) * -1);
  }
  body[isMobile=true] .gds-mobile-left-0 {
    left: 0;
  }
  body[isMobile=true] .gds-mobile-left-50 {
    left: 50%;
  }
  body[isMobile=true] .gds-mobile-left-100 {
    left: 100%;
  }
  body[isMobile=true] .gds-mobile-left-3xs {
    left: var(--gds-spacing-3xs);
  }
  body[isMobile=true] .gds-mobile-left-negative-3xs {
    left: calc(var(--gds-spacing-3xs) * -1);
  }
  body[isMobile=true] .gds-mobile-left-2xs {
    left: var(--gds-spacing-2xs);
  }
  body[isMobile=true] .gds-mobile-left-negative-2xs {
    left: calc(var(--gds-spacing-2xs) * -1);
  }
  body[isMobile=true] .gds-mobile-left-xs {
    left: var(--gds-spacing-xs);
  }
  body[isMobile=true] .gds-mobile-left-negative-xs {
    left: calc(var(--gds-spacing-xs) * -1);
  }
  body[isMobile=true] .gds-mobile-left-sm {
    left: var(--gds-spacing-sm);
  }
  body[isMobile=true] .gds-mobile-left-negative-sm {
    left: calc(var(--gds-spacing-sm) * -1);
  }
  body[isMobile=true] .gds-mobile-left-md {
    left: var(--gds-spacing-md);
  }
  body[isMobile=true] .gds-mobile-left-negative-md {
    left: calc(var(--gds-spacing-md) * -1);
  }
  body[isMobile=true] .gds-mobile-left-lg {
    left: var(--gds-spacing-lg);
  }
  body[isMobile=true] .gds-mobile-left-negative-lg {
    left: calc(var(--gds-spacing-lg) * -1);
  }
  body[isMobile=true] .gds-mobile-left-xl {
    left: var(--gds-spacing-xl);
  }
  body[isMobile=true] .gds-mobile-left-negative-xl {
    left: calc(var(--gds-spacing-xl) * -1);
  }
  body[isMobile=true] .gds-mobile-left-2xs {
    left: var(--gds-spacing-2xs);
  }
  body[isMobile=true] .gds-mobile-left-negative-2xs {
    left: calc(var(--gds-spacing-2xs) * -1);
  }
  body[isMobile=true] .gds-mobile-left-3xs {
    left: var(--gds-spacing-3xs);
  }
  body[isMobile=true] .gds-mobile-left-negative-3xs {
    left: calc(var(--gds-spacing-3xs) * -1);
  }
  body[isMobile=true] .gds-mobile-inset-0 {
    inset: 0;
  }
  body[isMobile=true] .gds-mobile-inset-50 {
    inset: 50%;
  }
  body[isMobile=true] .gds-mobile-inset-100 {
    inset: 100%;
  }
  body[isMobile=true] .gds-mobile-inset-3xs {
    inset: var(--gds-spacing-3xs);
  }
  body[isMobile=true] .gds-mobile-inset-negative-3xs {
    inset: calc(var(--gds-spacing-3xs) * -1);
  }
  body[isMobile=true] .gds-mobile-inset-2xs {
    inset: var(--gds-spacing-2xs);
  }
  body[isMobile=true] .gds-mobile-inset-negative-2xs {
    inset: calc(var(--gds-spacing-2xs) * -1);
  }
  body[isMobile=true] .gds-mobile-inset-xs {
    inset: var(--gds-spacing-xs);
  }
  body[isMobile=true] .gds-mobile-inset-negative-xs {
    inset: calc(var(--gds-spacing-xs) * -1);
  }
  body[isMobile=true] .gds-mobile-inset-sm {
    inset: var(--gds-spacing-sm);
  }
  body[isMobile=true] .gds-mobile-inset-negative-sm {
    inset: calc(var(--gds-spacing-sm) * -1);
  }
  body[isMobile=true] .gds-mobile-inset-md {
    inset: var(--gds-spacing-md);
  }
  body[isMobile=true] .gds-mobile-inset-negative-md {
    inset: calc(var(--gds-spacing-md) * -1);
  }
  body[isMobile=true] .gds-mobile-inset-lg {
    inset: var(--gds-spacing-lg);
  }
  body[isMobile=true] .gds-mobile-inset-negative-lg {
    inset: calc(var(--gds-spacing-lg) * -1);
  }
  body[isMobile=true] .gds-mobile-inset-xl {
    inset: var(--gds-spacing-xl);
  }
  body[isMobile=true] .gds-mobile-inset-negative-xl {
    inset: calc(var(--gds-spacing-xl) * -1);
  }
  body[isMobile=true] .gds-mobile-inset-2xs {
    inset: var(--gds-spacing-2xs);
  }
  body[isMobile=true] .gds-mobile-inset-negative-2xs {
    inset: calc(var(--gds-spacing-2xs) * -1);
  }
  body[isMobile=true] .gds-mobile-inset-3xs {
    inset: var(--gds-spacing-3xs);
  }
  body[isMobile=true] .gds-mobile-inset-negative-3xs {
    inset: calc(var(--gds-spacing-3xs) * -1);
  }
  body[isMobile=true] .gds-mobile-translate-middle {
    transform: translate(-50%, -50%);
  }
  .gds-scrollable {
    overflow: auto;
  }
  :is(body[operating-system=mac][browser=applewebkit]) .gds-scrollable {
    overflow: scroll;
  }
  .gds-scrollable {
    scrollbar-gutter: stable;
  }
  .gds-overflow-hidden {
    overflow: hidden;
  }
  .gds-scrollable-vertically {
    overflow-y: auto;
  }
  :is(body[operating-system=mac][browser=applewebkit]) .gds-scrollable-vertically {
    overflow-y: scroll;
  }
  .gds-scrollable-vertically {
    scrollbar-gutter: stable;
  }
  .gds-scrollable-horizontally {
    overflow-x: auto;
  }
  :is(body[operating-system=mac][browser=applewebkit]) .gds-scrollable-horizontally {
    overflow-x: scroll;
  }
  .gds-scrollable-horizontally {
    scrollbar-gutter: stable;
  }
  @media (max-width: 1440px) {
    .gds-responsive-xl-scrollable {
      overflow: auto;
    }
    :is(body[operating-system=mac][browser=applewebkit]) .gds-responsive-xl-scrollable {
      overflow: scroll;
    }
    .gds-responsive-xl-scrollable {
      scrollbar-gutter: stable;
    }
    .gds-responsive-xl-overflow-hidden {
      overflow: hidden;
    }
    .gds-responsive-xl-scrollable-vertically {
      overflow-y: auto;
    }
    :is(body[operating-system=mac][browser=applewebkit]) .gds-responsive-xl-scrollable-vertically {
      overflow-y: scroll;
    }
    .gds-responsive-xl-scrollable-vertically {
      scrollbar-gutter: stable;
    }
    .gds-responsive-xl-scrollable-horizontally {
      overflow-x: auto;
    }
    :is(body[operating-system=mac][browser=applewebkit]) .gds-responsive-xl-scrollable-horizontally {
      overflow-x: scroll;
    }
    .gds-responsive-xl-scrollable-horizontally {
      scrollbar-gutter: stable;
    }
  }
  @media (max-width: 1200px) {
    .gds-responsive-lg-scrollable {
      overflow: auto;
    }
    :is(body[operating-system=mac][browser=applewebkit]) .gds-responsive-lg-scrollable {
      overflow: scroll;
    }
    .gds-responsive-lg-scrollable {
      scrollbar-gutter: stable;
    }
    .gds-responsive-lg-overflow-hidden {
      overflow: hidden;
    }
    .gds-responsive-lg-scrollable-vertically {
      overflow-y: auto;
    }
    :is(body[operating-system=mac][browser=applewebkit]) .gds-responsive-lg-scrollable-vertically {
      overflow-y: scroll;
    }
    .gds-responsive-lg-scrollable-vertically {
      scrollbar-gutter: stable;
    }
    .gds-responsive-lg-scrollable-horizontally {
      overflow-x: auto;
    }
    :is(body[operating-system=mac][browser=applewebkit]) .gds-responsive-lg-scrollable-horizontally {
      overflow-x: scroll;
    }
    .gds-responsive-lg-scrollable-horizontally {
      scrollbar-gutter: stable;
    }
  }
  @media (max-width: 900px) {
    .gds-responsive-md-scrollable {
      overflow: auto;
    }
    :is(body[operating-system=mac][browser=applewebkit]) .gds-responsive-md-scrollable {
      overflow: scroll;
    }
    .gds-responsive-md-scrollable {
      scrollbar-gutter: stable;
    }
    .gds-responsive-md-overflow-hidden {
      overflow: hidden;
    }
    .gds-responsive-md-scrollable-vertically {
      overflow-y: auto;
    }
    :is(body[operating-system=mac][browser=applewebkit]) .gds-responsive-md-scrollable-vertically {
      overflow-y: scroll;
    }
    .gds-responsive-md-scrollable-vertically {
      scrollbar-gutter: stable;
    }
    .gds-responsive-md-scrollable-horizontally {
      overflow-x: auto;
    }
    :is(body[operating-system=mac][browser=applewebkit]) .gds-responsive-md-scrollable-horizontally {
      overflow-x: scroll;
    }
    .gds-responsive-md-scrollable-horizontally {
      scrollbar-gutter: stable;
    }
  }
  @media (max-width: 600px) {
    .gds-responsive-sm-scrollable {
      overflow: auto;
    }
    :is(body[operating-system=mac][browser=applewebkit]) .gds-responsive-sm-scrollable {
      overflow: scroll;
    }
    .gds-responsive-sm-scrollable {
      scrollbar-gutter: stable;
    }
    .gds-responsive-sm-overflow-hidden {
      overflow: hidden;
    }
    .gds-responsive-sm-scrollable-vertically {
      overflow-y: auto;
    }
    :is(body[operating-system=mac][browser=applewebkit]) .gds-responsive-sm-scrollable-vertically {
      overflow-y: scroll;
    }
    .gds-responsive-sm-scrollable-vertically {
      scrollbar-gutter: stable;
    }
    .gds-responsive-sm-scrollable-horizontally {
      overflow-x: auto;
    }
    :is(body[operating-system=mac][browser=applewebkit]) .gds-responsive-sm-scrollable-horizontally {
      overflow-x: scroll;
    }
    .gds-responsive-sm-scrollable-horizontally {
      scrollbar-gutter: stable;
    }
  }
  body[isMobile=true] .gds-mobile-scrollable {
    overflow: auto;
  }
  :is(body[operating-system=mac][browser=applewebkit]) body[isMobile=true] .gds-mobile-scrollable {
    overflow: scroll;
  }
  body[isMobile=true] .gds-mobile-scrollable {
    scrollbar-gutter: stable;
  }
  body[isMobile=true] .gds-mobile-overflow-hidden {
    overflow: hidden;
  }
  body[isMobile=true] .gds-mobile-scrollable-vertically {
    overflow-y: auto;
  }
  :is(body[operating-system=mac][browser=applewebkit]) body[isMobile=true] .gds-mobile-scrollable-vertically {
    overflow-y: scroll;
  }
  body[isMobile=true] .gds-mobile-scrollable-vertically {
    scrollbar-gutter: stable;
  }
  body[isMobile=true] .gds-mobile-scrollable-horizontally {
    overflow-x: auto;
  }
  :is(body[operating-system=mac][browser=applewebkit]) body[isMobile=true] .gds-mobile-scrollable-horizontally {
    overflow-x: scroll;
  }
  body[isMobile=true] .gds-mobile-scrollable-horizontally {
    scrollbar-gutter: stable;
  }
  .gds-height-0 {
    height: 0;
  }
  .gds-height-auto {
    height: auto;
  }
  .gds-height-fit-content {
    height: fit-content;
  }
  .gds-height-100-parent {
    height: 100%;
  }
  .gds-height-50-parent {
    height: 50%;
  }
  .gds-height-3xs {
    height: var(--gds-size-3xs);
  }
  .gds-height-3xs-rem {
    height: var(--gds-size-3xs-rem);
  }
  .gds-height-2xs {
    height: var(--gds-size-2xs);
  }
  .gds-height-2xs-rem {
    height: var(--gds-size-2xs-rem);
  }
  .gds-height-xs {
    height: var(--gds-size-xs);
  }
  .gds-height-xs-rem {
    height: var(--gds-size-xs-rem);
  }
  .gds-height-sm {
    height: var(--gds-size-sm);
  }
  .gds-height-sm-rem {
    height: var(--gds-size-sm-rem);
  }
  .gds-height-md {
    height: var(--gds-size-md);
  }
  .gds-height-md-rem {
    height: var(--gds-size-md-rem);
  }
  .gds-height-lg {
    height: var(--gds-size-lg);
  }
  .gds-height-lg-rem {
    height: var(--gds-size-lg-rem);
  }
  .gds-height-xl {
    height: var(--gds-size-xl);
  }
  .gds-height-xl-rem {
    height: var(--gds-size-xl-rem);
  }
  .gds-height-2xl {
    height: var(--gds-size-2xl);
  }
  .gds-height-2xl-rem {
    height: var(--gds-size-2xl-rem);
  }
  .gds-height-3xl {
    height: var(--gds-size-3xl);
  }
  .gds-height-3xl-rem {
    height: var(--gds-size-3xl-rem);
  }
  .gds-width-0 {
    width: 0;
  }
  .gds-width-auto {
    width: auto;
  }
  .gds-width-fit-content {
    width: fit-content;
  }
  .gds-width-100-parent {
    width: 100%;
  }
  .gds-width-50-parent {
    width: 50%;
  }
  .gds-width-3xs {
    width: var(--gds-size-3xs);
  }
  .gds-width-3xs-rem {
    width: var(--gds-size-3xs-rem);
  }
  .gds-width-2xs {
    width: var(--gds-size-2xs);
  }
  .gds-width-2xs-rem {
    width: var(--gds-size-2xs-rem);
  }
  .gds-width-xs {
    width: var(--gds-size-xs);
  }
  .gds-width-xs-rem {
    width: var(--gds-size-xs-rem);
  }
  .gds-width-sm {
    width: var(--gds-size-sm);
  }
  .gds-width-sm-rem {
    width: var(--gds-size-sm-rem);
  }
  .gds-width-md {
    width: var(--gds-size-md);
  }
  .gds-width-md-rem {
    width: var(--gds-size-md-rem);
  }
  .gds-width-lg {
    width: var(--gds-size-lg);
  }
  .gds-width-lg-rem {
    width: var(--gds-size-lg-rem);
  }
  .gds-width-xl {
    width: var(--gds-size-xl);
  }
  .gds-width-xl-rem {
    width: var(--gds-size-xl-rem);
  }
  .gds-width-2xl {
    width: var(--gds-size-2xl);
  }
  .gds-width-2xl-rem {
    width: var(--gds-size-2xl-rem);
  }
  .gds-width-3xl {
    width: var(--gds-size-3xl);
  }
  .gds-width-3xl-rem {
    width: var(--gds-size-3xl-rem);
  }
  .gds-min-height-0 {
    min-height: 0;
  }
  .gds-min-height-auto {
    min-height: auto;
  }
  .gds-min-height-fit-content {
    min-height: fit-content;
  }
  .gds-min-height-100-parent {
    min-height: 100%;
  }
  .gds-min-height-50-parent {
    min-height: 50%;
  }
  .gds-min-height-3xs {
    min-height: var(--gds-size-3xs);
  }
  .gds-min-height-3xs-rem {
    min-height: var(--gds-size-3xs-rem);
  }
  .gds-min-height-2xs {
    min-height: var(--gds-size-2xs);
  }
  .gds-min-height-2xs-rem {
    min-height: var(--gds-size-2xs-rem);
  }
  .gds-min-height-xs {
    min-height: var(--gds-size-xs);
  }
  .gds-min-height-xs-rem {
    min-height: var(--gds-size-xs-rem);
  }
  .gds-min-height-sm {
    min-height: var(--gds-size-sm);
  }
  .gds-min-height-sm-rem {
    min-height: var(--gds-size-sm-rem);
  }
  .gds-min-height-md {
    min-height: var(--gds-size-md);
  }
  .gds-min-height-md-rem {
    min-height: var(--gds-size-md-rem);
  }
  .gds-min-height-lg {
    min-height: var(--gds-size-lg);
  }
  .gds-min-height-lg-rem {
    min-height: var(--gds-size-lg-rem);
  }
  .gds-min-height-xl {
    min-height: var(--gds-size-xl);
  }
  .gds-min-height-xl-rem {
    min-height: var(--gds-size-xl-rem);
  }
  .gds-min-height-2xl {
    min-height: var(--gds-size-2xl);
  }
  .gds-min-height-2xl-rem {
    min-height: var(--gds-size-2xl-rem);
  }
  .gds-min-height-3xl {
    min-height: var(--gds-size-3xl);
  }
  .gds-min-height-3xl-rem {
    min-height: var(--gds-size-3xl-rem);
  }
  .gds-min-width-0 {
    min-width: 0;
  }
  .gds-min-width-auto {
    min-width: auto;
  }
  .gds-min-width-fit-content {
    min-width: fit-content;
  }
  .gds-min-width-100-parent {
    min-width: 100%;
  }
  .gds-min-width-50-parent {
    min-width: 50%;
  }
  .gds-min-width-3xs {
    min-width: var(--gds-size-3xs);
  }
  .gds-min-width-3xs-rem {
    min-width: var(--gds-size-3xs-rem);
  }
  .gds-min-width-2xs {
    min-width: var(--gds-size-2xs);
  }
  .gds-min-width-2xs-rem {
    min-width: var(--gds-size-2xs-rem);
  }
  .gds-min-width-xs {
    min-width: var(--gds-size-xs);
  }
  .gds-min-width-xs-rem {
    min-width: var(--gds-size-xs-rem);
  }
  .gds-min-width-sm {
    min-width: var(--gds-size-sm);
  }
  .gds-min-width-sm-rem {
    min-width: var(--gds-size-sm-rem);
  }
  .gds-min-width-md {
    min-width: var(--gds-size-md);
  }
  .gds-min-width-md-rem {
    min-width: var(--gds-size-md-rem);
  }
  .gds-min-width-lg {
    min-width: var(--gds-size-lg);
  }
  .gds-min-width-lg-rem {
    min-width: var(--gds-size-lg-rem);
  }
  .gds-min-width-xl {
    min-width: var(--gds-size-xl);
  }
  .gds-min-width-xl-rem {
    min-width: var(--gds-size-xl-rem);
  }
  .gds-min-width-2xl {
    min-width: var(--gds-size-2xl);
  }
  .gds-min-width-2xl-rem {
    min-width: var(--gds-size-2xl-rem);
  }
  .gds-min-width-3xl {
    min-width: var(--gds-size-3xl);
  }
  .gds-min-width-3xl-rem {
    min-width: var(--gds-size-3xl-rem);
  }
  .gds-max-height-0 {
    max-height: 0;
  }
  .gds-max-height-auto {
    max-height: auto;
  }
  .gds-max-height-fit-content {
    max-height: fit-content;
  }
  .gds-max-height-100-parent {
    max-height: 100%;
  }
  .gds-max-height-50-parent {
    max-height: 50%;
  }
  .gds-max-height-3xs {
    max-height: var(--gds-size-3xs);
  }
  .gds-max-height-3xs-rem {
    max-height: var(--gds-size-3xs-rem);
  }
  .gds-max-height-2xs {
    max-height: var(--gds-size-2xs);
  }
  .gds-max-height-2xs-rem {
    max-height: var(--gds-size-2xs-rem);
  }
  .gds-max-height-xs {
    max-height: var(--gds-size-xs);
  }
  .gds-max-height-xs-rem {
    max-height: var(--gds-size-xs-rem);
  }
  .gds-max-height-sm {
    max-height: var(--gds-size-sm);
  }
  .gds-max-height-sm-rem {
    max-height: var(--gds-size-sm-rem);
  }
  .gds-max-height-md {
    max-height: var(--gds-size-md);
  }
  .gds-max-height-md-rem {
    max-height: var(--gds-size-md-rem);
  }
  .gds-max-height-lg {
    max-height: var(--gds-size-lg);
  }
  .gds-max-height-lg-rem {
    max-height: var(--gds-size-lg-rem);
  }
  .gds-max-height-xl {
    max-height: var(--gds-size-xl);
  }
  .gds-max-height-xl-rem {
    max-height: var(--gds-size-xl-rem);
  }
  .gds-max-height-2xl {
    max-height: var(--gds-size-2xl);
  }
  .gds-max-height-2xl-rem {
    max-height: var(--gds-size-2xl-rem);
  }
  .gds-max-height-3xl {
    max-height: var(--gds-size-3xl);
  }
  .gds-max-height-3xl-rem {
    max-height: var(--gds-size-3xl-rem);
  }
  .gds-max-width-0 {
    max-width: 0;
  }
  .gds-max-width-auto {
    max-width: auto;
  }
  .gds-max-width-fit-content {
    max-width: fit-content;
  }
  .gds-max-width-100-parent {
    max-width: 100%;
  }
  .gds-max-width-50-parent {
    max-width: 50%;
  }
  .gds-max-width-3xs {
    max-width: var(--gds-size-3xs);
  }
  .gds-max-width-3xs-rem {
    max-width: var(--gds-size-3xs-rem);
  }
  .gds-max-width-2xs {
    max-width: var(--gds-size-2xs);
  }
  .gds-max-width-2xs-rem {
    max-width: var(--gds-size-2xs-rem);
  }
  .gds-max-width-xs {
    max-width: var(--gds-size-xs);
  }
  .gds-max-width-xs-rem {
    max-width: var(--gds-size-xs-rem);
  }
  .gds-max-width-sm {
    max-width: var(--gds-size-sm);
  }
  .gds-max-width-sm-rem {
    max-width: var(--gds-size-sm-rem);
  }
  .gds-max-width-md {
    max-width: var(--gds-size-md);
  }
  .gds-max-width-md-rem {
    max-width: var(--gds-size-md-rem);
  }
  .gds-max-width-lg {
    max-width: var(--gds-size-lg);
  }
  .gds-max-width-lg-rem {
    max-width: var(--gds-size-lg-rem);
  }
  .gds-max-width-xl {
    max-width: var(--gds-size-xl);
  }
  .gds-max-width-xl-rem {
    max-width: var(--gds-size-xl-rem);
  }
  .gds-max-width-2xl {
    max-width: var(--gds-size-2xl);
  }
  .gds-max-width-2xl-rem {
    max-width: var(--gds-size-2xl-rem);
  }
  .gds-max-width-3xl {
    max-width: var(--gds-size-3xl);
  }
  .gds-max-width-3xl-rem {
    max-width: var(--gds-size-3xl-rem);
  }
  .gds-width-50-viewport {
    width: 50vw;
  }
  .gds-width-100-viewport {
    width: 100vw;
  }
  .gds-height-50-viewport {
    height: 50vh;
  }
  .gds-height-100-viewport {
    height: 100vh;
  }
  @media (max-width: 1440px) {
    .gds-responsive-xl-height-0 {
      height: 0;
    }
    .gds-responsive-xl-height-auto {
      height: auto;
    }
    .gds-responsive-xl-height-fit-content {
      height: fit-content;
    }
    .gds-responsive-xl-height-100-parent {
      height: 100%;
    }
    .gds-responsive-xl-height-50-parent {
      height: 50%;
    }
    .gds-responsive-xl-height-3xs {
      height: var(--gds-size-3xs);
    }
    .gds-responsive-xl-height-3xs-rem {
      height: var(--gds-size-3xs-rem);
    }
    .gds-responsive-xl-height-2xs {
      height: var(--gds-size-2xs);
    }
    .gds-responsive-xl-height-2xs-rem {
      height: var(--gds-size-2xs-rem);
    }
    .gds-responsive-xl-height-xs {
      height: var(--gds-size-xs);
    }
    .gds-responsive-xl-height-xs-rem {
      height: var(--gds-size-xs-rem);
    }
    .gds-responsive-xl-height-sm {
      height: var(--gds-size-sm);
    }
    .gds-responsive-xl-height-sm-rem {
      height: var(--gds-size-sm-rem);
    }
    .gds-responsive-xl-height-md {
      height: var(--gds-size-md);
    }
    .gds-responsive-xl-height-md-rem {
      height: var(--gds-size-md-rem);
    }
    .gds-responsive-xl-height-lg {
      height: var(--gds-size-lg);
    }
    .gds-responsive-xl-height-lg-rem {
      height: var(--gds-size-lg-rem);
    }
    .gds-responsive-xl-height-xl {
      height: var(--gds-size-xl);
    }
    .gds-responsive-xl-height-xl-rem {
      height: var(--gds-size-xl-rem);
    }
    .gds-responsive-xl-height-2xl {
      height: var(--gds-size-2xl);
    }
    .gds-responsive-xl-height-2xl-rem {
      height: var(--gds-size-2xl-rem);
    }
    .gds-responsive-xl-height-3xl {
      height: var(--gds-size-3xl);
    }
    .gds-responsive-xl-height-3xl-rem {
      height: var(--gds-size-3xl-rem);
    }
    .gds-responsive-xl-width-0 {
      width: 0;
    }
    .gds-responsive-xl-width-auto {
      width: auto;
    }
    .gds-responsive-xl-width-fit-content {
      width: fit-content;
    }
    .gds-responsive-xl-width-100-parent {
      width: 100%;
    }
    .gds-responsive-xl-width-50-parent {
      width: 50%;
    }
    .gds-responsive-xl-width-3xs {
      width: var(--gds-size-3xs);
    }
    .gds-responsive-xl-width-3xs-rem {
      width: var(--gds-size-3xs-rem);
    }
    .gds-responsive-xl-width-2xs {
      width: var(--gds-size-2xs);
    }
    .gds-responsive-xl-width-2xs-rem {
      width: var(--gds-size-2xs-rem);
    }
    .gds-responsive-xl-width-xs {
      width: var(--gds-size-xs);
    }
    .gds-responsive-xl-width-xs-rem {
      width: var(--gds-size-xs-rem);
    }
    .gds-responsive-xl-width-sm {
      width: var(--gds-size-sm);
    }
    .gds-responsive-xl-width-sm-rem {
      width: var(--gds-size-sm-rem);
    }
    .gds-responsive-xl-width-md {
      width: var(--gds-size-md);
    }
    .gds-responsive-xl-width-md-rem {
      width: var(--gds-size-md-rem);
    }
    .gds-responsive-xl-width-lg {
      width: var(--gds-size-lg);
    }
    .gds-responsive-xl-width-lg-rem {
      width: var(--gds-size-lg-rem);
    }
    .gds-responsive-xl-width-xl {
      width: var(--gds-size-xl);
    }
    .gds-responsive-xl-width-xl-rem {
      width: var(--gds-size-xl-rem);
    }
    .gds-responsive-xl-width-2xl {
      width: var(--gds-size-2xl);
    }
    .gds-responsive-xl-width-2xl-rem {
      width: var(--gds-size-2xl-rem);
    }
    .gds-responsive-xl-width-3xl {
      width: var(--gds-size-3xl);
    }
    .gds-responsive-xl-width-3xl-rem {
      width: var(--gds-size-3xl-rem);
    }
    .gds-responsive-xl-min-height-0 {
      min-height: 0;
    }
    .gds-responsive-xl-min-height-auto {
      min-height: auto;
    }
    .gds-responsive-xl-min-height-fit-content {
      min-height: fit-content;
    }
    .gds-responsive-xl-min-height-100-parent {
      min-height: 100%;
    }
    .gds-responsive-xl-min-height-50-parent {
      min-height: 50%;
    }
    .gds-responsive-xl-min-height-3xs {
      min-height: var(--gds-size-3xs);
    }
    .gds-responsive-xl-min-height-3xs-rem {
      min-height: var(--gds-size-3xs-rem);
    }
    .gds-responsive-xl-min-height-2xs {
      min-height: var(--gds-size-2xs);
    }
    .gds-responsive-xl-min-height-2xs-rem {
      min-height: var(--gds-size-2xs-rem);
    }
    .gds-responsive-xl-min-height-xs {
      min-height: var(--gds-size-xs);
    }
    .gds-responsive-xl-min-height-xs-rem {
      min-height: var(--gds-size-xs-rem);
    }
    .gds-responsive-xl-min-height-sm {
      min-height: var(--gds-size-sm);
    }
    .gds-responsive-xl-min-height-sm-rem {
      min-height: var(--gds-size-sm-rem);
    }
    .gds-responsive-xl-min-height-md {
      min-height: var(--gds-size-md);
    }
    .gds-responsive-xl-min-height-md-rem {
      min-height: var(--gds-size-md-rem);
    }
    .gds-responsive-xl-min-height-lg {
      min-height: var(--gds-size-lg);
    }
    .gds-responsive-xl-min-height-lg-rem {
      min-height: var(--gds-size-lg-rem);
    }
    .gds-responsive-xl-min-height-xl {
      min-height: var(--gds-size-xl);
    }
    .gds-responsive-xl-min-height-xl-rem {
      min-height: var(--gds-size-xl-rem);
    }
    .gds-responsive-xl-min-height-2xl {
      min-height: var(--gds-size-2xl);
    }
    .gds-responsive-xl-min-height-2xl-rem {
      min-height: var(--gds-size-2xl-rem);
    }
    .gds-responsive-xl-min-height-3xl {
      min-height: var(--gds-size-3xl);
    }
    .gds-responsive-xl-min-height-3xl-rem {
      min-height: var(--gds-size-3xl-rem);
    }
    .gds-responsive-xl-min-width-0 {
      min-width: 0;
    }
    .gds-responsive-xl-min-width-auto {
      min-width: auto;
    }
    .gds-responsive-xl-min-width-fit-content {
      min-width: fit-content;
    }
    .gds-responsive-xl-min-width-100-parent {
      min-width: 100%;
    }
    .gds-responsive-xl-min-width-50-parent {
      min-width: 50%;
    }
    .gds-responsive-xl-min-width-3xs {
      min-width: var(--gds-size-3xs);
    }
    .gds-responsive-xl-min-width-3xs-rem {
      min-width: var(--gds-size-3xs-rem);
    }
    .gds-responsive-xl-min-width-2xs {
      min-width: var(--gds-size-2xs);
    }
    .gds-responsive-xl-min-width-2xs-rem {
      min-width: var(--gds-size-2xs-rem);
    }
    .gds-responsive-xl-min-width-xs {
      min-width: var(--gds-size-xs);
    }
    .gds-responsive-xl-min-width-xs-rem {
      min-width: var(--gds-size-xs-rem);
    }
    .gds-responsive-xl-min-width-sm {
      min-width: var(--gds-size-sm);
    }
    .gds-responsive-xl-min-width-sm-rem {
      min-width: var(--gds-size-sm-rem);
    }
    .gds-responsive-xl-min-width-md {
      min-width: var(--gds-size-md);
    }
    .gds-responsive-xl-min-width-md-rem {
      min-width: var(--gds-size-md-rem);
    }
    .gds-responsive-xl-min-width-lg {
      min-width: var(--gds-size-lg);
    }
    .gds-responsive-xl-min-width-lg-rem {
      min-width: var(--gds-size-lg-rem);
    }
    .gds-responsive-xl-min-width-xl {
      min-width: var(--gds-size-xl);
    }
    .gds-responsive-xl-min-width-xl-rem {
      min-width: var(--gds-size-xl-rem);
    }
    .gds-responsive-xl-min-width-2xl {
      min-width: var(--gds-size-2xl);
    }
    .gds-responsive-xl-min-width-2xl-rem {
      min-width: var(--gds-size-2xl-rem);
    }
    .gds-responsive-xl-min-width-3xl {
      min-width: var(--gds-size-3xl);
    }
    .gds-responsive-xl-min-width-3xl-rem {
      min-width: var(--gds-size-3xl-rem);
    }
    .gds-responsive-xl-max-height-0 {
      max-height: 0;
    }
    .gds-responsive-xl-max-height-auto {
      max-height: auto;
    }
    .gds-responsive-xl-max-height-fit-content {
      max-height: fit-content;
    }
    .gds-responsive-xl-max-height-100-parent {
      max-height: 100%;
    }
    .gds-responsive-xl-max-height-50-parent {
      max-height: 50%;
    }
    .gds-responsive-xl-max-height-3xs {
      max-height: var(--gds-size-3xs);
    }
    .gds-responsive-xl-max-height-3xs-rem {
      max-height: var(--gds-size-3xs-rem);
    }
    .gds-responsive-xl-max-height-2xs {
      max-height: var(--gds-size-2xs);
    }
    .gds-responsive-xl-max-height-2xs-rem {
      max-height: var(--gds-size-2xs-rem);
    }
    .gds-responsive-xl-max-height-xs {
      max-height: var(--gds-size-xs);
    }
    .gds-responsive-xl-max-height-xs-rem {
      max-height: var(--gds-size-xs-rem);
    }
    .gds-responsive-xl-max-height-sm {
      max-height: var(--gds-size-sm);
    }
    .gds-responsive-xl-max-height-sm-rem {
      max-height: var(--gds-size-sm-rem);
    }
    .gds-responsive-xl-max-height-md {
      max-height: var(--gds-size-md);
    }
    .gds-responsive-xl-max-height-md-rem {
      max-height: var(--gds-size-md-rem);
    }
    .gds-responsive-xl-max-height-lg {
      max-height: var(--gds-size-lg);
    }
    .gds-responsive-xl-max-height-lg-rem {
      max-height: var(--gds-size-lg-rem);
    }
    .gds-responsive-xl-max-height-xl {
      max-height: var(--gds-size-xl);
    }
    .gds-responsive-xl-max-height-xl-rem {
      max-height: var(--gds-size-xl-rem);
    }
    .gds-responsive-xl-max-height-2xl {
      max-height: var(--gds-size-2xl);
    }
    .gds-responsive-xl-max-height-2xl-rem {
      max-height: var(--gds-size-2xl-rem);
    }
    .gds-responsive-xl-max-height-3xl {
      max-height: var(--gds-size-3xl);
    }
    .gds-responsive-xl-max-height-3xl-rem {
      max-height: var(--gds-size-3xl-rem);
    }
    .gds-responsive-xl-max-width-0 {
      max-width: 0;
    }
    .gds-responsive-xl-max-width-auto {
      max-width: auto;
    }
    .gds-responsive-xl-max-width-fit-content {
      max-width: fit-content;
    }
    .gds-responsive-xl-max-width-100-parent {
      max-width: 100%;
    }
    .gds-responsive-xl-max-width-50-parent {
      max-width: 50%;
    }
    .gds-responsive-xl-max-width-3xs {
      max-width: var(--gds-size-3xs);
    }
    .gds-responsive-xl-max-width-3xs-rem {
      max-width: var(--gds-size-3xs-rem);
    }
    .gds-responsive-xl-max-width-2xs {
      max-width: var(--gds-size-2xs);
    }
    .gds-responsive-xl-max-width-2xs-rem {
      max-width: var(--gds-size-2xs-rem);
    }
    .gds-responsive-xl-max-width-xs {
      max-width: var(--gds-size-xs);
    }
    .gds-responsive-xl-max-width-xs-rem {
      max-width: var(--gds-size-xs-rem);
    }
    .gds-responsive-xl-max-width-sm {
      max-width: var(--gds-size-sm);
    }
    .gds-responsive-xl-max-width-sm-rem {
      max-width: var(--gds-size-sm-rem);
    }
    .gds-responsive-xl-max-width-md {
      max-width: var(--gds-size-md);
    }
    .gds-responsive-xl-max-width-md-rem {
      max-width: var(--gds-size-md-rem);
    }
    .gds-responsive-xl-max-width-lg {
      max-width: var(--gds-size-lg);
    }
    .gds-responsive-xl-max-width-lg-rem {
      max-width: var(--gds-size-lg-rem);
    }
    .gds-responsive-xl-max-width-xl {
      max-width: var(--gds-size-xl);
    }
    .gds-responsive-xl-max-width-xl-rem {
      max-width: var(--gds-size-xl-rem);
    }
    .gds-responsive-xl-max-width-2xl {
      max-width: var(--gds-size-2xl);
    }
    .gds-responsive-xl-max-width-2xl-rem {
      max-width: var(--gds-size-2xl-rem);
    }
    .gds-responsive-xl-max-width-3xl {
      max-width: var(--gds-size-3xl);
    }
    .gds-responsive-xl-max-width-3xl-rem {
      max-width: var(--gds-size-3xl-rem);
    }
    .gds-responsive-xl-width-50-viewport {
      width: 50vw;
    }
    .gds-responsive-xl-width-100-viewport {
      width: 100vw;
    }
    .gds-responsive-xl-height-50-viewport {
      height: 50vh;
    }
    .gds-responsive-xl-height-100-viewport {
      height: 100vh;
    }
  }
  @media (max-width: 1200px) {
    .gds-responsive-lg-height-0 {
      height: 0;
    }
    .gds-responsive-lg-height-auto {
      height: auto;
    }
    .gds-responsive-lg-height-fit-content {
      height: fit-content;
    }
    .gds-responsive-lg-height-100-parent {
      height: 100%;
    }
    .gds-responsive-lg-height-50-parent {
      height: 50%;
    }
    .gds-responsive-lg-height-3xs {
      height: var(--gds-size-3xs);
    }
    .gds-responsive-lg-height-3xs-rem {
      height: var(--gds-size-3xs-rem);
    }
    .gds-responsive-lg-height-2xs {
      height: var(--gds-size-2xs);
    }
    .gds-responsive-lg-height-2xs-rem {
      height: var(--gds-size-2xs-rem);
    }
    .gds-responsive-lg-height-xs {
      height: var(--gds-size-xs);
    }
    .gds-responsive-lg-height-xs-rem {
      height: var(--gds-size-xs-rem);
    }
    .gds-responsive-lg-height-sm {
      height: var(--gds-size-sm);
    }
    .gds-responsive-lg-height-sm-rem {
      height: var(--gds-size-sm-rem);
    }
    .gds-responsive-lg-height-md {
      height: var(--gds-size-md);
    }
    .gds-responsive-lg-height-md-rem {
      height: var(--gds-size-md-rem);
    }
    .gds-responsive-lg-height-lg {
      height: var(--gds-size-lg);
    }
    .gds-responsive-lg-height-lg-rem {
      height: var(--gds-size-lg-rem);
    }
    .gds-responsive-lg-height-xl {
      height: var(--gds-size-xl);
    }
    .gds-responsive-lg-height-xl-rem {
      height: var(--gds-size-xl-rem);
    }
    .gds-responsive-lg-height-2xl {
      height: var(--gds-size-2xl);
    }
    .gds-responsive-lg-height-2xl-rem {
      height: var(--gds-size-2xl-rem);
    }
    .gds-responsive-lg-height-3xl {
      height: var(--gds-size-3xl);
    }
    .gds-responsive-lg-height-3xl-rem {
      height: var(--gds-size-3xl-rem);
    }
    .gds-responsive-lg-width-0 {
      width: 0;
    }
    .gds-responsive-lg-width-auto {
      width: auto;
    }
    .gds-responsive-lg-width-fit-content {
      width: fit-content;
    }
    .gds-responsive-lg-width-100-parent {
      width: 100%;
    }
    .gds-responsive-lg-width-50-parent {
      width: 50%;
    }
    .gds-responsive-lg-width-3xs {
      width: var(--gds-size-3xs);
    }
    .gds-responsive-lg-width-3xs-rem {
      width: var(--gds-size-3xs-rem);
    }
    .gds-responsive-lg-width-2xs {
      width: var(--gds-size-2xs);
    }
    .gds-responsive-lg-width-2xs-rem {
      width: var(--gds-size-2xs-rem);
    }
    .gds-responsive-lg-width-xs {
      width: var(--gds-size-xs);
    }
    .gds-responsive-lg-width-xs-rem {
      width: var(--gds-size-xs-rem);
    }
    .gds-responsive-lg-width-sm {
      width: var(--gds-size-sm);
    }
    .gds-responsive-lg-width-sm-rem {
      width: var(--gds-size-sm-rem);
    }
    .gds-responsive-lg-width-md {
      width: var(--gds-size-md);
    }
    .gds-responsive-lg-width-md-rem {
      width: var(--gds-size-md-rem);
    }
    .gds-responsive-lg-width-lg {
      width: var(--gds-size-lg);
    }
    .gds-responsive-lg-width-lg-rem {
      width: var(--gds-size-lg-rem);
    }
    .gds-responsive-lg-width-xl {
      width: var(--gds-size-xl);
    }
    .gds-responsive-lg-width-xl-rem {
      width: var(--gds-size-xl-rem);
    }
    .gds-responsive-lg-width-2xl {
      width: var(--gds-size-2xl);
    }
    .gds-responsive-lg-width-2xl-rem {
      width: var(--gds-size-2xl-rem);
    }
    .gds-responsive-lg-width-3xl {
      width: var(--gds-size-3xl);
    }
    .gds-responsive-lg-width-3xl-rem {
      width: var(--gds-size-3xl-rem);
    }
    .gds-responsive-lg-min-height-0 {
      min-height: 0;
    }
    .gds-responsive-lg-min-height-auto {
      min-height: auto;
    }
    .gds-responsive-lg-min-height-fit-content {
      min-height: fit-content;
    }
    .gds-responsive-lg-min-height-100-parent {
      min-height: 100%;
    }
    .gds-responsive-lg-min-height-50-parent {
      min-height: 50%;
    }
    .gds-responsive-lg-min-height-3xs {
      min-height: var(--gds-size-3xs);
    }
    .gds-responsive-lg-min-height-3xs-rem {
      min-height: var(--gds-size-3xs-rem);
    }
    .gds-responsive-lg-min-height-2xs {
      min-height: var(--gds-size-2xs);
    }
    .gds-responsive-lg-min-height-2xs-rem {
      min-height: var(--gds-size-2xs-rem);
    }
    .gds-responsive-lg-min-height-xs {
      min-height: var(--gds-size-xs);
    }
    .gds-responsive-lg-min-height-xs-rem {
      min-height: var(--gds-size-xs-rem);
    }
    .gds-responsive-lg-min-height-sm {
      min-height: var(--gds-size-sm);
    }
    .gds-responsive-lg-min-height-sm-rem {
      min-height: var(--gds-size-sm-rem);
    }
    .gds-responsive-lg-min-height-md {
      min-height: var(--gds-size-md);
    }
    .gds-responsive-lg-min-height-md-rem {
      min-height: var(--gds-size-md-rem);
    }
    .gds-responsive-lg-min-height-lg {
      min-height: var(--gds-size-lg);
    }
    .gds-responsive-lg-min-height-lg-rem {
      min-height: var(--gds-size-lg-rem);
    }
    .gds-responsive-lg-min-height-xl {
      min-height: var(--gds-size-xl);
    }
    .gds-responsive-lg-min-height-xl-rem {
      min-height: var(--gds-size-xl-rem);
    }
    .gds-responsive-lg-min-height-2xl {
      min-height: var(--gds-size-2xl);
    }
    .gds-responsive-lg-min-height-2xl-rem {
      min-height: var(--gds-size-2xl-rem);
    }
    .gds-responsive-lg-min-height-3xl {
      min-height: var(--gds-size-3xl);
    }
    .gds-responsive-lg-min-height-3xl-rem {
      min-height: var(--gds-size-3xl-rem);
    }
    .gds-responsive-lg-min-width-0 {
      min-width: 0;
    }
    .gds-responsive-lg-min-width-auto {
      min-width: auto;
    }
    .gds-responsive-lg-min-width-fit-content {
      min-width: fit-content;
    }
    .gds-responsive-lg-min-width-100-parent {
      min-width: 100%;
    }
    .gds-responsive-lg-min-width-50-parent {
      min-width: 50%;
    }
    .gds-responsive-lg-min-width-3xs {
      min-width: var(--gds-size-3xs);
    }
    .gds-responsive-lg-min-width-3xs-rem {
      min-width: var(--gds-size-3xs-rem);
    }
    .gds-responsive-lg-min-width-2xs {
      min-width: var(--gds-size-2xs);
    }
    .gds-responsive-lg-min-width-2xs-rem {
      min-width: var(--gds-size-2xs-rem);
    }
    .gds-responsive-lg-min-width-xs {
      min-width: var(--gds-size-xs);
    }
    .gds-responsive-lg-min-width-xs-rem {
      min-width: var(--gds-size-xs-rem);
    }
    .gds-responsive-lg-min-width-sm {
      min-width: var(--gds-size-sm);
    }
    .gds-responsive-lg-min-width-sm-rem {
      min-width: var(--gds-size-sm-rem);
    }
    .gds-responsive-lg-min-width-md {
      min-width: var(--gds-size-md);
    }
    .gds-responsive-lg-min-width-md-rem {
      min-width: var(--gds-size-md-rem);
    }
    .gds-responsive-lg-min-width-lg {
      min-width: var(--gds-size-lg);
    }
    .gds-responsive-lg-min-width-lg-rem {
      min-width: var(--gds-size-lg-rem);
    }
    .gds-responsive-lg-min-width-xl {
      min-width: var(--gds-size-xl);
    }
    .gds-responsive-lg-min-width-xl-rem {
      min-width: var(--gds-size-xl-rem);
    }
    .gds-responsive-lg-min-width-2xl {
      min-width: var(--gds-size-2xl);
    }
    .gds-responsive-lg-min-width-2xl-rem {
      min-width: var(--gds-size-2xl-rem);
    }
    .gds-responsive-lg-min-width-3xl {
      min-width: var(--gds-size-3xl);
    }
    .gds-responsive-lg-min-width-3xl-rem {
      min-width: var(--gds-size-3xl-rem);
    }
    .gds-responsive-lg-max-height-0 {
      max-height: 0;
    }
    .gds-responsive-lg-max-height-auto {
      max-height: auto;
    }
    .gds-responsive-lg-max-height-fit-content {
      max-height: fit-content;
    }
    .gds-responsive-lg-max-height-100-parent {
      max-height: 100%;
    }
    .gds-responsive-lg-max-height-50-parent {
      max-height: 50%;
    }
    .gds-responsive-lg-max-height-3xs {
      max-height: var(--gds-size-3xs);
    }
    .gds-responsive-lg-max-height-3xs-rem {
      max-height: var(--gds-size-3xs-rem);
    }
    .gds-responsive-lg-max-height-2xs {
      max-height: var(--gds-size-2xs);
    }
    .gds-responsive-lg-max-height-2xs-rem {
      max-height: var(--gds-size-2xs-rem);
    }
    .gds-responsive-lg-max-height-xs {
      max-height: var(--gds-size-xs);
    }
    .gds-responsive-lg-max-height-xs-rem {
      max-height: var(--gds-size-xs-rem);
    }
    .gds-responsive-lg-max-height-sm {
      max-height: var(--gds-size-sm);
    }
    .gds-responsive-lg-max-height-sm-rem {
      max-height: var(--gds-size-sm-rem);
    }
    .gds-responsive-lg-max-height-md {
      max-height: var(--gds-size-md);
    }
    .gds-responsive-lg-max-height-md-rem {
      max-height: var(--gds-size-md-rem);
    }
    .gds-responsive-lg-max-height-lg {
      max-height: var(--gds-size-lg);
    }
    .gds-responsive-lg-max-height-lg-rem {
      max-height: var(--gds-size-lg-rem);
    }
    .gds-responsive-lg-max-height-xl {
      max-height: var(--gds-size-xl);
    }
    .gds-responsive-lg-max-height-xl-rem {
      max-height: var(--gds-size-xl-rem);
    }
    .gds-responsive-lg-max-height-2xl {
      max-height: var(--gds-size-2xl);
    }
    .gds-responsive-lg-max-height-2xl-rem {
      max-height: var(--gds-size-2xl-rem);
    }
    .gds-responsive-lg-max-height-3xl {
      max-height: var(--gds-size-3xl);
    }
    .gds-responsive-lg-max-height-3xl-rem {
      max-height: var(--gds-size-3xl-rem);
    }
    .gds-responsive-lg-max-width-0 {
      max-width: 0;
    }
    .gds-responsive-lg-max-width-auto {
      max-width: auto;
    }
    .gds-responsive-lg-max-width-fit-content {
      max-width: fit-content;
    }
    .gds-responsive-lg-max-width-100-parent {
      max-width: 100%;
    }
    .gds-responsive-lg-max-width-50-parent {
      max-width: 50%;
    }
    .gds-responsive-lg-max-width-3xs {
      max-width: var(--gds-size-3xs);
    }
    .gds-responsive-lg-max-width-3xs-rem {
      max-width: var(--gds-size-3xs-rem);
    }
    .gds-responsive-lg-max-width-2xs {
      max-width: var(--gds-size-2xs);
    }
    .gds-responsive-lg-max-width-2xs-rem {
      max-width: var(--gds-size-2xs-rem);
    }
    .gds-responsive-lg-max-width-xs {
      max-width: var(--gds-size-xs);
    }
    .gds-responsive-lg-max-width-xs-rem {
      max-width: var(--gds-size-xs-rem);
    }
    .gds-responsive-lg-max-width-sm {
      max-width: var(--gds-size-sm);
    }
    .gds-responsive-lg-max-width-sm-rem {
      max-width: var(--gds-size-sm-rem);
    }
    .gds-responsive-lg-max-width-md {
      max-width: var(--gds-size-md);
    }
    .gds-responsive-lg-max-width-md-rem {
      max-width: var(--gds-size-md-rem);
    }
    .gds-responsive-lg-max-width-lg {
      max-width: var(--gds-size-lg);
    }
    .gds-responsive-lg-max-width-lg-rem {
      max-width: var(--gds-size-lg-rem);
    }
    .gds-responsive-lg-max-width-xl {
      max-width: var(--gds-size-xl);
    }
    .gds-responsive-lg-max-width-xl-rem {
      max-width: var(--gds-size-xl-rem);
    }
    .gds-responsive-lg-max-width-2xl {
      max-width: var(--gds-size-2xl);
    }
    .gds-responsive-lg-max-width-2xl-rem {
      max-width: var(--gds-size-2xl-rem);
    }
    .gds-responsive-lg-max-width-3xl {
      max-width: var(--gds-size-3xl);
    }
    .gds-responsive-lg-max-width-3xl-rem {
      max-width: var(--gds-size-3xl-rem);
    }
    .gds-responsive-lg-width-50-viewport {
      width: 50vw;
    }
    .gds-responsive-lg-width-100-viewport {
      width: 100vw;
    }
    .gds-responsive-lg-height-50-viewport {
      height: 50vh;
    }
    .gds-responsive-lg-height-100-viewport {
      height: 100vh;
    }
  }
  @media (max-width: 900px) {
    .gds-responsive-md-height-0 {
      height: 0;
    }
    .gds-responsive-md-height-auto {
      height: auto;
    }
    .gds-responsive-md-height-fit-content {
      height: fit-content;
    }
    .gds-responsive-md-height-100-parent {
      height: 100%;
    }
    .gds-responsive-md-height-50-parent {
      height: 50%;
    }
    .gds-responsive-md-height-3xs {
      height: var(--gds-size-3xs);
    }
    .gds-responsive-md-height-3xs-rem {
      height: var(--gds-size-3xs-rem);
    }
    .gds-responsive-md-height-2xs {
      height: var(--gds-size-2xs);
    }
    .gds-responsive-md-height-2xs-rem {
      height: var(--gds-size-2xs-rem);
    }
    .gds-responsive-md-height-xs {
      height: var(--gds-size-xs);
    }
    .gds-responsive-md-height-xs-rem {
      height: var(--gds-size-xs-rem);
    }
    .gds-responsive-md-height-sm {
      height: var(--gds-size-sm);
    }
    .gds-responsive-md-height-sm-rem {
      height: var(--gds-size-sm-rem);
    }
    .gds-responsive-md-height-md {
      height: var(--gds-size-md);
    }
    .gds-responsive-md-height-md-rem {
      height: var(--gds-size-md-rem);
    }
    .gds-responsive-md-height-lg {
      height: var(--gds-size-lg);
    }
    .gds-responsive-md-height-lg-rem {
      height: var(--gds-size-lg-rem);
    }
    .gds-responsive-md-height-xl {
      height: var(--gds-size-xl);
    }
    .gds-responsive-md-height-xl-rem {
      height: var(--gds-size-xl-rem);
    }
    .gds-responsive-md-height-2xl {
      height: var(--gds-size-2xl);
    }
    .gds-responsive-md-height-2xl-rem {
      height: var(--gds-size-2xl-rem);
    }
    .gds-responsive-md-height-3xl {
      height: var(--gds-size-3xl);
    }
    .gds-responsive-md-height-3xl-rem {
      height: var(--gds-size-3xl-rem);
    }
    .gds-responsive-md-width-0 {
      width: 0;
    }
    .gds-responsive-md-width-auto {
      width: auto;
    }
    .gds-responsive-md-width-fit-content {
      width: fit-content;
    }
    .gds-responsive-md-width-100-parent {
      width: 100%;
    }
    .gds-responsive-md-width-50-parent {
      width: 50%;
    }
    .gds-responsive-md-width-3xs {
      width: var(--gds-size-3xs);
    }
    .gds-responsive-md-width-3xs-rem {
      width: var(--gds-size-3xs-rem);
    }
    .gds-responsive-md-width-2xs {
      width: var(--gds-size-2xs);
    }
    .gds-responsive-md-width-2xs-rem {
      width: var(--gds-size-2xs-rem);
    }
    .gds-responsive-md-width-xs {
      width: var(--gds-size-xs);
    }
    .gds-responsive-md-width-xs-rem {
      width: var(--gds-size-xs-rem);
    }
    .gds-responsive-md-width-sm {
      width: var(--gds-size-sm);
    }
    .gds-responsive-md-width-sm-rem {
      width: var(--gds-size-sm-rem);
    }
    .gds-responsive-md-width-md {
      width: var(--gds-size-md);
    }
    .gds-responsive-md-width-md-rem {
      width: var(--gds-size-md-rem);
    }
    .gds-responsive-md-width-lg {
      width: var(--gds-size-lg);
    }
    .gds-responsive-md-width-lg-rem {
      width: var(--gds-size-lg-rem);
    }
    .gds-responsive-md-width-xl {
      width: var(--gds-size-xl);
    }
    .gds-responsive-md-width-xl-rem {
      width: var(--gds-size-xl-rem);
    }
    .gds-responsive-md-width-2xl {
      width: var(--gds-size-2xl);
    }
    .gds-responsive-md-width-2xl-rem {
      width: var(--gds-size-2xl-rem);
    }
    .gds-responsive-md-width-3xl {
      width: var(--gds-size-3xl);
    }
    .gds-responsive-md-width-3xl-rem {
      width: var(--gds-size-3xl-rem);
    }
    .gds-responsive-md-min-height-0 {
      min-height: 0;
    }
    .gds-responsive-md-min-height-auto {
      min-height: auto;
    }
    .gds-responsive-md-min-height-fit-content {
      min-height: fit-content;
    }
    .gds-responsive-md-min-height-100-parent {
      min-height: 100%;
    }
    .gds-responsive-md-min-height-50-parent {
      min-height: 50%;
    }
    .gds-responsive-md-min-height-3xs {
      min-height: var(--gds-size-3xs);
    }
    .gds-responsive-md-min-height-3xs-rem {
      min-height: var(--gds-size-3xs-rem);
    }
    .gds-responsive-md-min-height-2xs {
      min-height: var(--gds-size-2xs);
    }
    .gds-responsive-md-min-height-2xs-rem {
      min-height: var(--gds-size-2xs-rem);
    }
    .gds-responsive-md-min-height-xs {
      min-height: var(--gds-size-xs);
    }
    .gds-responsive-md-min-height-xs-rem {
      min-height: var(--gds-size-xs-rem);
    }
    .gds-responsive-md-min-height-sm {
      min-height: var(--gds-size-sm);
    }
    .gds-responsive-md-min-height-sm-rem {
      min-height: var(--gds-size-sm-rem);
    }
    .gds-responsive-md-min-height-md {
      min-height: var(--gds-size-md);
    }
    .gds-responsive-md-min-height-md-rem {
      min-height: var(--gds-size-md-rem);
    }
    .gds-responsive-md-min-height-lg {
      min-height: var(--gds-size-lg);
    }
    .gds-responsive-md-min-height-lg-rem {
      min-height: var(--gds-size-lg-rem);
    }
    .gds-responsive-md-min-height-xl {
      min-height: var(--gds-size-xl);
    }
    .gds-responsive-md-min-height-xl-rem {
      min-height: var(--gds-size-xl-rem);
    }
    .gds-responsive-md-min-height-2xl {
      min-height: var(--gds-size-2xl);
    }
    .gds-responsive-md-min-height-2xl-rem {
      min-height: var(--gds-size-2xl-rem);
    }
    .gds-responsive-md-min-height-3xl {
      min-height: var(--gds-size-3xl);
    }
    .gds-responsive-md-min-height-3xl-rem {
      min-height: var(--gds-size-3xl-rem);
    }
    .gds-responsive-md-min-width-0 {
      min-width: 0;
    }
    .gds-responsive-md-min-width-auto {
      min-width: auto;
    }
    .gds-responsive-md-min-width-fit-content {
      min-width: fit-content;
    }
    .gds-responsive-md-min-width-100-parent {
      min-width: 100%;
    }
    .gds-responsive-md-min-width-50-parent {
      min-width: 50%;
    }
    .gds-responsive-md-min-width-3xs {
      min-width: var(--gds-size-3xs);
    }
    .gds-responsive-md-min-width-3xs-rem {
      min-width: var(--gds-size-3xs-rem);
    }
    .gds-responsive-md-min-width-2xs {
      min-width: var(--gds-size-2xs);
    }
    .gds-responsive-md-min-width-2xs-rem {
      min-width: var(--gds-size-2xs-rem);
    }
    .gds-responsive-md-min-width-xs {
      min-width: var(--gds-size-xs);
    }
    .gds-responsive-md-min-width-xs-rem {
      min-width: var(--gds-size-xs-rem);
    }
    .gds-responsive-md-min-width-sm {
      min-width: var(--gds-size-sm);
    }
    .gds-responsive-md-min-width-sm-rem {
      min-width: var(--gds-size-sm-rem);
    }
    .gds-responsive-md-min-width-md {
      min-width: var(--gds-size-md);
    }
    .gds-responsive-md-min-width-md-rem {
      min-width: var(--gds-size-md-rem);
    }
    .gds-responsive-md-min-width-lg {
      min-width: var(--gds-size-lg);
    }
    .gds-responsive-md-min-width-lg-rem {
      min-width: var(--gds-size-lg-rem);
    }
    .gds-responsive-md-min-width-xl {
      min-width: var(--gds-size-xl);
    }
    .gds-responsive-md-min-width-xl-rem {
      min-width: var(--gds-size-xl-rem);
    }
    .gds-responsive-md-min-width-2xl {
      min-width: var(--gds-size-2xl);
    }
    .gds-responsive-md-min-width-2xl-rem {
      min-width: var(--gds-size-2xl-rem);
    }
    .gds-responsive-md-min-width-3xl {
      min-width: var(--gds-size-3xl);
    }
    .gds-responsive-md-min-width-3xl-rem {
      min-width: var(--gds-size-3xl-rem);
    }
    .gds-responsive-md-max-height-0 {
      max-height: 0;
    }
    .gds-responsive-md-max-height-auto {
      max-height: auto;
    }
    .gds-responsive-md-max-height-fit-content {
      max-height: fit-content;
    }
    .gds-responsive-md-max-height-100-parent {
      max-height: 100%;
    }
    .gds-responsive-md-max-height-50-parent {
      max-height: 50%;
    }
    .gds-responsive-md-max-height-3xs {
      max-height: var(--gds-size-3xs);
    }
    .gds-responsive-md-max-height-3xs-rem {
      max-height: var(--gds-size-3xs-rem);
    }
    .gds-responsive-md-max-height-2xs {
      max-height: var(--gds-size-2xs);
    }
    .gds-responsive-md-max-height-2xs-rem {
      max-height: var(--gds-size-2xs-rem);
    }
    .gds-responsive-md-max-height-xs {
      max-height: var(--gds-size-xs);
    }
    .gds-responsive-md-max-height-xs-rem {
      max-height: var(--gds-size-xs-rem);
    }
    .gds-responsive-md-max-height-sm {
      max-height: var(--gds-size-sm);
    }
    .gds-responsive-md-max-height-sm-rem {
      max-height: var(--gds-size-sm-rem);
    }
    .gds-responsive-md-max-height-md {
      max-height: var(--gds-size-md);
    }
    .gds-responsive-md-max-height-md-rem {
      max-height: var(--gds-size-md-rem);
    }
    .gds-responsive-md-max-height-lg {
      max-height: var(--gds-size-lg);
    }
    .gds-responsive-md-max-height-lg-rem {
      max-height: var(--gds-size-lg-rem);
    }
    .gds-responsive-md-max-height-xl {
      max-height: var(--gds-size-xl);
    }
    .gds-responsive-md-max-height-xl-rem {
      max-height: var(--gds-size-xl-rem);
    }
    .gds-responsive-md-max-height-2xl {
      max-height: var(--gds-size-2xl);
    }
    .gds-responsive-md-max-height-2xl-rem {
      max-height: var(--gds-size-2xl-rem);
    }
    .gds-responsive-md-max-height-3xl {
      max-height: var(--gds-size-3xl);
    }
    .gds-responsive-md-max-height-3xl-rem {
      max-height: var(--gds-size-3xl-rem);
    }
    .gds-responsive-md-max-width-0 {
      max-width: 0;
    }
    .gds-responsive-md-max-width-auto {
      max-width: auto;
    }
    .gds-responsive-md-max-width-fit-content {
      max-width: fit-content;
    }
    .gds-responsive-md-max-width-100-parent {
      max-width: 100%;
    }
    .gds-responsive-md-max-width-50-parent {
      max-width: 50%;
    }
    .gds-responsive-md-max-width-3xs {
      max-width: var(--gds-size-3xs);
    }
    .gds-responsive-md-max-width-3xs-rem {
      max-width: var(--gds-size-3xs-rem);
    }
    .gds-responsive-md-max-width-2xs {
      max-width: var(--gds-size-2xs);
    }
    .gds-responsive-md-max-width-2xs-rem {
      max-width: var(--gds-size-2xs-rem);
    }
    .gds-responsive-md-max-width-xs {
      max-width: var(--gds-size-xs);
    }
    .gds-responsive-md-max-width-xs-rem {
      max-width: var(--gds-size-xs-rem);
    }
    .gds-responsive-md-max-width-sm {
      max-width: var(--gds-size-sm);
    }
    .gds-responsive-md-max-width-sm-rem {
      max-width: var(--gds-size-sm-rem);
    }
    .gds-responsive-md-max-width-md {
      max-width: var(--gds-size-md);
    }
    .gds-responsive-md-max-width-md-rem {
      max-width: var(--gds-size-md-rem);
    }
    .gds-responsive-md-max-width-lg {
      max-width: var(--gds-size-lg);
    }
    .gds-responsive-md-max-width-lg-rem {
      max-width: var(--gds-size-lg-rem);
    }
    .gds-responsive-md-max-width-xl {
      max-width: var(--gds-size-xl);
    }
    .gds-responsive-md-max-width-xl-rem {
      max-width: var(--gds-size-xl-rem);
    }
    .gds-responsive-md-max-width-2xl {
      max-width: var(--gds-size-2xl);
    }
    .gds-responsive-md-max-width-2xl-rem {
      max-width: var(--gds-size-2xl-rem);
    }
    .gds-responsive-md-max-width-3xl {
      max-width: var(--gds-size-3xl);
    }
    .gds-responsive-md-max-width-3xl-rem {
      max-width: var(--gds-size-3xl-rem);
    }
    .gds-responsive-md-width-50-viewport {
      width: 50vw;
    }
    .gds-responsive-md-width-100-viewport {
      width: 100vw;
    }
    .gds-responsive-md-height-50-viewport {
      height: 50vh;
    }
    .gds-responsive-md-height-100-viewport {
      height: 100vh;
    }
  }
  @media (max-width: 600px) {
    .gds-responsive-sm-height-0 {
      height: 0;
    }
    .gds-responsive-sm-height-auto {
      height: auto;
    }
    .gds-responsive-sm-height-fit-content {
      height: fit-content;
    }
    .gds-responsive-sm-height-100-parent {
      height: 100%;
    }
    .gds-responsive-sm-height-50-parent {
      height: 50%;
    }
    .gds-responsive-sm-height-3xs {
      height: var(--gds-size-3xs);
    }
    .gds-responsive-sm-height-3xs-rem {
      height: var(--gds-size-3xs-rem);
    }
    .gds-responsive-sm-height-2xs {
      height: var(--gds-size-2xs);
    }
    .gds-responsive-sm-height-2xs-rem {
      height: var(--gds-size-2xs-rem);
    }
    .gds-responsive-sm-height-xs {
      height: var(--gds-size-xs);
    }
    .gds-responsive-sm-height-xs-rem {
      height: var(--gds-size-xs-rem);
    }
    .gds-responsive-sm-height-sm {
      height: var(--gds-size-sm);
    }
    .gds-responsive-sm-height-sm-rem {
      height: var(--gds-size-sm-rem);
    }
    .gds-responsive-sm-height-md {
      height: var(--gds-size-md);
    }
    .gds-responsive-sm-height-md-rem {
      height: var(--gds-size-md-rem);
    }
    .gds-responsive-sm-height-lg {
      height: var(--gds-size-lg);
    }
    .gds-responsive-sm-height-lg-rem {
      height: var(--gds-size-lg-rem);
    }
    .gds-responsive-sm-height-xl {
      height: var(--gds-size-xl);
    }
    .gds-responsive-sm-height-xl-rem {
      height: var(--gds-size-xl-rem);
    }
    .gds-responsive-sm-height-2xl {
      height: var(--gds-size-2xl);
    }
    .gds-responsive-sm-height-2xl-rem {
      height: var(--gds-size-2xl-rem);
    }
    .gds-responsive-sm-height-3xl {
      height: var(--gds-size-3xl);
    }
    .gds-responsive-sm-height-3xl-rem {
      height: var(--gds-size-3xl-rem);
    }
    .gds-responsive-sm-width-0 {
      width: 0;
    }
    .gds-responsive-sm-width-auto {
      width: auto;
    }
    .gds-responsive-sm-width-fit-content {
      width: fit-content;
    }
    .gds-responsive-sm-width-100-parent {
      width: 100%;
    }
    .gds-responsive-sm-width-50-parent {
      width: 50%;
    }
    .gds-responsive-sm-width-3xs {
      width: var(--gds-size-3xs);
    }
    .gds-responsive-sm-width-3xs-rem {
      width: var(--gds-size-3xs-rem);
    }
    .gds-responsive-sm-width-2xs {
      width: var(--gds-size-2xs);
    }
    .gds-responsive-sm-width-2xs-rem {
      width: var(--gds-size-2xs-rem);
    }
    .gds-responsive-sm-width-xs {
      width: var(--gds-size-xs);
    }
    .gds-responsive-sm-width-xs-rem {
      width: var(--gds-size-xs-rem);
    }
    .gds-responsive-sm-width-sm {
      width: var(--gds-size-sm);
    }
    .gds-responsive-sm-width-sm-rem {
      width: var(--gds-size-sm-rem);
    }
    .gds-responsive-sm-width-md {
      width: var(--gds-size-md);
    }
    .gds-responsive-sm-width-md-rem {
      width: var(--gds-size-md-rem);
    }
    .gds-responsive-sm-width-lg {
      width: var(--gds-size-lg);
    }
    .gds-responsive-sm-width-lg-rem {
      width: var(--gds-size-lg-rem);
    }
    .gds-responsive-sm-width-xl {
      width: var(--gds-size-xl);
    }
    .gds-responsive-sm-width-xl-rem {
      width: var(--gds-size-xl-rem);
    }
    .gds-responsive-sm-width-2xl {
      width: var(--gds-size-2xl);
    }
    .gds-responsive-sm-width-2xl-rem {
      width: var(--gds-size-2xl-rem);
    }
    .gds-responsive-sm-width-3xl {
      width: var(--gds-size-3xl);
    }
    .gds-responsive-sm-width-3xl-rem {
      width: var(--gds-size-3xl-rem);
    }
    .gds-responsive-sm-min-height-0 {
      min-height: 0;
    }
    .gds-responsive-sm-min-height-auto {
      min-height: auto;
    }
    .gds-responsive-sm-min-height-fit-content {
      min-height: fit-content;
    }
    .gds-responsive-sm-min-height-100-parent {
      min-height: 100%;
    }
    .gds-responsive-sm-min-height-50-parent {
      min-height: 50%;
    }
    .gds-responsive-sm-min-height-3xs {
      min-height: var(--gds-size-3xs);
    }
    .gds-responsive-sm-min-height-3xs-rem {
      min-height: var(--gds-size-3xs-rem);
    }
    .gds-responsive-sm-min-height-2xs {
      min-height: var(--gds-size-2xs);
    }
    .gds-responsive-sm-min-height-2xs-rem {
      min-height: var(--gds-size-2xs-rem);
    }
    .gds-responsive-sm-min-height-xs {
      min-height: var(--gds-size-xs);
    }
    .gds-responsive-sm-min-height-xs-rem {
      min-height: var(--gds-size-xs-rem);
    }
    .gds-responsive-sm-min-height-sm {
      min-height: var(--gds-size-sm);
    }
    .gds-responsive-sm-min-height-sm-rem {
      min-height: var(--gds-size-sm-rem);
    }
    .gds-responsive-sm-min-height-md {
      min-height: var(--gds-size-md);
    }
    .gds-responsive-sm-min-height-md-rem {
      min-height: var(--gds-size-md-rem);
    }
    .gds-responsive-sm-min-height-lg {
      min-height: var(--gds-size-lg);
    }
    .gds-responsive-sm-min-height-lg-rem {
      min-height: var(--gds-size-lg-rem);
    }
    .gds-responsive-sm-min-height-xl {
      min-height: var(--gds-size-xl);
    }
    .gds-responsive-sm-min-height-xl-rem {
      min-height: var(--gds-size-xl-rem);
    }
    .gds-responsive-sm-min-height-2xl {
      min-height: var(--gds-size-2xl);
    }
    .gds-responsive-sm-min-height-2xl-rem {
      min-height: var(--gds-size-2xl-rem);
    }
    .gds-responsive-sm-min-height-3xl {
      min-height: var(--gds-size-3xl);
    }
    .gds-responsive-sm-min-height-3xl-rem {
      min-height: var(--gds-size-3xl-rem);
    }
    .gds-responsive-sm-min-width-0 {
      min-width: 0;
    }
    .gds-responsive-sm-min-width-auto {
      min-width: auto;
    }
    .gds-responsive-sm-min-width-fit-content {
      min-width: fit-content;
    }
    .gds-responsive-sm-min-width-100-parent {
      min-width: 100%;
    }
    .gds-responsive-sm-min-width-50-parent {
      min-width: 50%;
    }
    .gds-responsive-sm-min-width-3xs {
      min-width: var(--gds-size-3xs);
    }
    .gds-responsive-sm-min-width-3xs-rem {
      min-width: var(--gds-size-3xs-rem);
    }
    .gds-responsive-sm-min-width-2xs {
      min-width: var(--gds-size-2xs);
    }
    .gds-responsive-sm-min-width-2xs-rem {
      min-width: var(--gds-size-2xs-rem);
    }
    .gds-responsive-sm-min-width-xs {
      min-width: var(--gds-size-xs);
    }
    .gds-responsive-sm-min-width-xs-rem {
      min-width: var(--gds-size-xs-rem);
    }
    .gds-responsive-sm-min-width-sm {
      min-width: var(--gds-size-sm);
    }
    .gds-responsive-sm-min-width-sm-rem {
      min-width: var(--gds-size-sm-rem);
    }
    .gds-responsive-sm-min-width-md {
      min-width: var(--gds-size-md);
    }
    .gds-responsive-sm-min-width-md-rem {
      min-width: var(--gds-size-md-rem);
    }
    .gds-responsive-sm-min-width-lg {
      min-width: var(--gds-size-lg);
    }
    .gds-responsive-sm-min-width-lg-rem {
      min-width: var(--gds-size-lg-rem);
    }
    .gds-responsive-sm-min-width-xl {
      min-width: var(--gds-size-xl);
    }
    .gds-responsive-sm-min-width-xl-rem {
      min-width: var(--gds-size-xl-rem);
    }
    .gds-responsive-sm-min-width-2xl {
      min-width: var(--gds-size-2xl);
    }
    .gds-responsive-sm-min-width-2xl-rem {
      min-width: var(--gds-size-2xl-rem);
    }
    .gds-responsive-sm-min-width-3xl {
      min-width: var(--gds-size-3xl);
    }
    .gds-responsive-sm-min-width-3xl-rem {
      min-width: var(--gds-size-3xl-rem);
    }
    .gds-responsive-sm-max-height-0 {
      max-height: 0;
    }
    .gds-responsive-sm-max-height-auto {
      max-height: auto;
    }
    .gds-responsive-sm-max-height-fit-content {
      max-height: fit-content;
    }
    .gds-responsive-sm-max-height-100-parent {
      max-height: 100%;
    }
    .gds-responsive-sm-max-height-50-parent {
      max-height: 50%;
    }
    .gds-responsive-sm-max-height-3xs {
      max-height: var(--gds-size-3xs);
    }
    .gds-responsive-sm-max-height-3xs-rem {
      max-height: var(--gds-size-3xs-rem);
    }
    .gds-responsive-sm-max-height-2xs {
      max-height: var(--gds-size-2xs);
    }
    .gds-responsive-sm-max-height-2xs-rem {
      max-height: var(--gds-size-2xs-rem);
    }
    .gds-responsive-sm-max-height-xs {
      max-height: var(--gds-size-xs);
    }
    .gds-responsive-sm-max-height-xs-rem {
      max-height: var(--gds-size-xs-rem);
    }
    .gds-responsive-sm-max-height-sm {
      max-height: var(--gds-size-sm);
    }
    .gds-responsive-sm-max-height-sm-rem {
      max-height: var(--gds-size-sm-rem);
    }
    .gds-responsive-sm-max-height-md {
      max-height: var(--gds-size-md);
    }
    .gds-responsive-sm-max-height-md-rem {
      max-height: var(--gds-size-md-rem);
    }
    .gds-responsive-sm-max-height-lg {
      max-height: var(--gds-size-lg);
    }
    .gds-responsive-sm-max-height-lg-rem {
      max-height: var(--gds-size-lg-rem);
    }
    .gds-responsive-sm-max-height-xl {
      max-height: var(--gds-size-xl);
    }
    .gds-responsive-sm-max-height-xl-rem {
      max-height: var(--gds-size-xl-rem);
    }
    .gds-responsive-sm-max-height-2xl {
      max-height: var(--gds-size-2xl);
    }
    .gds-responsive-sm-max-height-2xl-rem {
      max-height: var(--gds-size-2xl-rem);
    }
    .gds-responsive-sm-max-height-3xl {
      max-height: var(--gds-size-3xl);
    }
    .gds-responsive-sm-max-height-3xl-rem {
      max-height: var(--gds-size-3xl-rem);
    }
    .gds-responsive-sm-max-width-0 {
      max-width: 0;
    }
    .gds-responsive-sm-max-width-auto {
      max-width: auto;
    }
    .gds-responsive-sm-max-width-fit-content {
      max-width: fit-content;
    }
    .gds-responsive-sm-max-width-100-parent {
      max-width: 100%;
    }
    .gds-responsive-sm-max-width-50-parent {
      max-width: 50%;
    }
    .gds-responsive-sm-max-width-3xs {
      max-width: var(--gds-size-3xs);
    }
    .gds-responsive-sm-max-width-3xs-rem {
      max-width: var(--gds-size-3xs-rem);
    }
    .gds-responsive-sm-max-width-2xs {
      max-width: var(--gds-size-2xs);
    }
    .gds-responsive-sm-max-width-2xs-rem {
      max-width: var(--gds-size-2xs-rem);
    }
    .gds-responsive-sm-max-width-xs {
      max-width: var(--gds-size-xs);
    }
    .gds-responsive-sm-max-width-xs-rem {
      max-width: var(--gds-size-xs-rem);
    }
    .gds-responsive-sm-max-width-sm {
      max-width: var(--gds-size-sm);
    }
    .gds-responsive-sm-max-width-sm-rem {
      max-width: var(--gds-size-sm-rem);
    }
    .gds-responsive-sm-max-width-md {
      max-width: var(--gds-size-md);
    }
    .gds-responsive-sm-max-width-md-rem {
      max-width: var(--gds-size-md-rem);
    }
    .gds-responsive-sm-max-width-lg {
      max-width: var(--gds-size-lg);
    }
    .gds-responsive-sm-max-width-lg-rem {
      max-width: var(--gds-size-lg-rem);
    }
    .gds-responsive-sm-max-width-xl {
      max-width: var(--gds-size-xl);
    }
    .gds-responsive-sm-max-width-xl-rem {
      max-width: var(--gds-size-xl-rem);
    }
    .gds-responsive-sm-max-width-2xl {
      max-width: var(--gds-size-2xl);
    }
    .gds-responsive-sm-max-width-2xl-rem {
      max-width: var(--gds-size-2xl-rem);
    }
    .gds-responsive-sm-max-width-3xl {
      max-width: var(--gds-size-3xl);
    }
    .gds-responsive-sm-max-width-3xl-rem {
      max-width: var(--gds-size-3xl-rem);
    }
    .gds-responsive-sm-width-50-viewport {
      width: 50vw;
    }
    .gds-responsive-sm-width-100-viewport {
      width: 100vw;
    }
    .gds-responsive-sm-height-50-viewport {
      height: 50vh;
    }
    .gds-responsive-sm-height-100-viewport {
      height: 100vh;
    }
  }
  body[isMobile=true] .gds-mobile-height-0 {
    height: 0;
  }
  body[isMobile=true] .gds-mobile-height-auto {
    height: auto;
  }
  body[isMobile=true] .gds-mobile-height-fit-content {
    height: fit-content;
  }
  body[isMobile=true] .gds-mobile-height-100-parent {
    height: 100%;
  }
  body[isMobile=true] .gds-mobile-height-50-parent {
    height: 50%;
  }
  body[isMobile=true] .gds-mobile-height-3xs {
    height: var(--gds-size-3xs);
  }
  body[isMobile=true] .gds-mobile-height-3xs-rem {
    height: var(--gds-size-3xs-rem);
  }
  body[isMobile=true] .gds-mobile-height-2xs {
    height: var(--gds-size-2xs);
  }
  body[isMobile=true] .gds-mobile-height-2xs-rem {
    height: var(--gds-size-2xs-rem);
  }
  body[isMobile=true] .gds-mobile-height-xs {
    height: var(--gds-size-xs);
  }
  body[isMobile=true] .gds-mobile-height-xs-rem {
    height: var(--gds-size-xs-rem);
  }
  body[isMobile=true] .gds-mobile-height-sm {
    height: var(--gds-size-sm);
  }
  body[isMobile=true] .gds-mobile-height-sm-rem {
    height: var(--gds-size-sm-rem);
  }
  body[isMobile=true] .gds-mobile-height-md {
    height: var(--gds-size-md);
  }
  body[isMobile=true] .gds-mobile-height-md-rem {
    height: var(--gds-size-md-rem);
  }
  body[isMobile=true] .gds-mobile-height-lg {
    height: var(--gds-size-lg);
  }
  body[isMobile=true] .gds-mobile-height-lg-rem {
    height: var(--gds-size-lg-rem);
  }
  body[isMobile=true] .gds-mobile-height-xl {
    height: var(--gds-size-xl);
  }
  body[isMobile=true] .gds-mobile-height-xl-rem {
    height: var(--gds-size-xl-rem);
  }
  body[isMobile=true] .gds-mobile-height-2xl {
    height: var(--gds-size-2xl);
  }
  body[isMobile=true] .gds-mobile-height-2xl-rem {
    height: var(--gds-size-2xl-rem);
  }
  body[isMobile=true] .gds-mobile-height-3xl {
    height: var(--gds-size-3xl);
  }
  body[isMobile=true] .gds-mobile-height-3xl-rem {
    height: var(--gds-size-3xl-rem);
  }
  body[isMobile=true] .gds-mobile-width-0 {
    width: 0;
  }
  body[isMobile=true] .gds-mobile-width-auto {
    width: auto;
  }
  body[isMobile=true] .gds-mobile-width-fit-content {
    width: fit-content;
  }
  body[isMobile=true] .gds-mobile-width-100-parent {
    width: 100%;
  }
  body[isMobile=true] .gds-mobile-width-50-parent {
    width: 50%;
  }
  body[isMobile=true] .gds-mobile-width-3xs {
    width: var(--gds-size-3xs);
  }
  body[isMobile=true] .gds-mobile-width-3xs-rem {
    width: var(--gds-size-3xs-rem);
  }
  body[isMobile=true] .gds-mobile-width-2xs {
    width: var(--gds-size-2xs);
  }
  body[isMobile=true] .gds-mobile-width-2xs-rem {
    width: var(--gds-size-2xs-rem);
  }
  body[isMobile=true] .gds-mobile-width-xs {
    width: var(--gds-size-xs);
  }
  body[isMobile=true] .gds-mobile-width-xs-rem {
    width: var(--gds-size-xs-rem);
  }
  body[isMobile=true] .gds-mobile-width-sm {
    width: var(--gds-size-sm);
  }
  body[isMobile=true] .gds-mobile-width-sm-rem {
    width: var(--gds-size-sm-rem);
  }
  body[isMobile=true] .gds-mobile-width-md {
    width: var(--gds-size-md);
  }
  body[isMobile=true] .gds-mobile-width-md-rem {
    width: var(--gds-size-md-rem);
  }
  body[isMobile=true] .gds-mobile-width-lg {
    width: var(--gds-size-lg);
  }
  body[isMobile=true] .gds-mobile-width-lg-rem {
    width: var(--gds-size-lg-rem);
  }
  body[isMobile=true] .gds-mobile-width-xl {
    width: var(--gds-size-xl);
  }
  body[isMobile=true] .gds-mobile-width-xl-rem {
    width: var(--gds-size-xl-rem);
  }
  body[isMobile=true] .gds-mobile-width-2xl {
    width: var(--gds-size-2xl);
  }
  body[isMobile=true] .gds-mobile-width-2xl-rem {
    width: var(--gds-size-2xl-rem);
  }
  body[isMobile=true] .gds-mobile-width-3xl {
    width: var(--gds-size-3xl);
  }
  body[isMobile=true] .gds-mobile-width-3xl-rem {
    width: var(--gds-size-3xl-rem);
  }
  body[isMobile=true] .gds-mobile-min-height-0 {
    min-height: 0;
  }
  body[isMobile=true] .gds-mobile-min-height-auto {
    min-height: auto;
  }
  body[isMobile=true] .gds-mobile-min-height-fit-content {
    min-height: fit-content;
  }
  body[isMobile=true] .gds-mobile-min-height-100-parent {
    min-height: 100%;
  }
  body[isMobile=true] .gds-mobile-min-height-50-parent {
    min-height: 50%;
  }
  body[isMobile=true] .gds-mobile-min-height-3xs {
    min-height: var(--gds-size-3xs);
  }
  body[isMobile=true] .gds-mobile-min-height-3xs-rem {
    min-height: var(--gds-size-3xs-rem);
  }
  body[isMobile=true] .gds-mobile-min-height-2xs {
    min-height: var(--gds-size-2xs);
  }
  body[isMobile=true] .gds-mobile-min-height-2xs-rem {
    min-height: var(--gds-size-2xs-rem);
  }
  body[isMobile=true] .gds-mobile-min-height-xs {
    min-height: var(--gds-size-xs);
  }
  body[isMobile=true] .gds-mobile-min-height-xs-rem {
    min-height: var(--gds-size-xs-rem);
  }
  body[isMobile=true] .gds-mobile-min-height-sm {
    min-height: var(--gds-size-sm);
  }
  body[isMobile=true] .gds-mobile-min-height-sm-rem {
    min-height: var(--gds-size-sm-rem);
  }
  body[isMobile=true] .gds-mobile-min-height-md {
    min-height: var(--gds-size-md);
  }
  body[isMobile=true] .gds-mobile-min-height-md-rem {
    min-height: var(--gds-size-md-rem);
  }
  body[isMobile=true] .gds-mobile-min-height-lg {
    min-height: var(--gds-size-lg);
  }
  body[isMobile=true] .gds-mobile-min-height-lg-rem {
    min-height: var(--gds-size-lg-rem);
  }
  body[isMobile=true] .gds-mobile-min-height-xl {
    min-height: var(--gds-size-xl);
  }
  body[isMobile=true] .gds-mobile-min-height-xl-rem {
    min-height: var(--gds-size-xl-rem);
  }
  body[isMobile=true] .gds-mobile-min-height-2xl {
    min-height: var(--gds-size-2xl);
  }
  body[isMobile=true] .gds-mobile-min-height-2xl-rem {
    min-height: var(--gds-size-2xl-rem);
  }
  body[isMobile=true] .gds-mobile-min-height-3xl {
    min-height: var(--gds-size-3xl);
  }
  body[isMobile=true] .gds-mobile-min-height-3xl-rem {
    min-height: var(--gds-size-3xl-rem);
  }
  body[isMobile=true] .gds-mobile-min-width-0 {
    min-width: 0;
  }
  body[isMobile=true] .gds-mobile-min-width-auto {
    min-width: auto;
  }
  body[isMobile=true] .gds-mobile-min-width-fit-content {
    min-width: fit-content;
  }
  body[isMobile=true] .gds-mobile-min-width-100-parent {
    min-width: 100%;
  }
  body[isMobile=true] .gds-mobile-min-width-50-parent {
    min-width: 50%;
  }
  body[isMobile=true] .gds-mobile-min-width-3xs {
    min-width: var(--gds-size-3xs);
  }
  body[isMobile=true] .gds-mobile-min-width-3xs-rem {
    min-width: var(--gds-size-3xs-rem);
  }
  body[isMobile=true] .gds-mobile-min-width-2xs {
    min-width: var(--gds-size-2xs);
  }
  body[isMobile=true] .gds-mobile-min-width-2xs-rem {
    min-width: var(--gds-size-2xs-rem);
  }
  body[isMobile=true] .gds-mobile-min-width-xs {
    min-width: var(--gds-size-xs);
  }
  body[isMobile=true] .gds-mobile-min-width-xs-rem {
    min-width: var(--gds-size-xs-rem);
  }
  body[isMobile=true] .gds-mobile-min-width-sm {
    min-width: var(--gds-size-sm);
  }
  body[isMobile=true] .gds-mobile-min-width-sm-rem {
    min-width: var(--gds-size-sm-rem);
  }
  body[isMobile=true] .gds-mobile-min-width-md {
    min-width: var(--gds-size-md);
  }
  body[isMobile=true] .gds-mobile-min-width-md-rem {
    min-width: var(--gds-size-md-rem);
  }
  body[isMobile=true] .gds-mobile-min-width-lg {
    min-width: var(--gds-size-lg);
  }
  body[isMobile=true] .gds-mobile-min-width-lg-rem {
    min-width: var(--gds-size-lg-rem);
  }
  body[isMobile=true] .gds-mobile-min-width-xl {
    min-width: var(--gds-size-xl);
  }
  body[isMobile=true] .gds-mobile-min-width-xl-rem {
    min-width: var(--gds-size-xl-rem);
  }
  body[isMobile=true] .gds-mobile-min-width-2xl {
    min-width: var(--gds-size-2xl);
  }
  body[isMobile=true] .gds-mobile-min-width-2xl-rem {
    min-width: var(--gds-size-2xl-rem);
  }
  body[isMobile=true] .gds-mobile-min-width-3xl {
    min-width: var(--gds-size-3xl);
  }
  body[isMobile=true] .gds-mobile-min-width-3xl-rem {
    min-width: var(--gds-size-3xl-rem);
  }
  body[isMobile=true] .gds-mobile-max-height-0 {
    max-height: 0;
  }
  body[isMobile=true] .gds-mobile-max-height-auto {
    max-height: auto;
  }
  body[isMobile=true] .gds-mobile-max-height-fit-content {
    max-height: fit-content;
  }
  body[isMobile=true] .gds-mobile-max-height-100-parent {
    max-height: 100%;
  }
  body[isMobile=true] .gds-mobile-max-height-50-parent {
    max-height: 50%;
  }
  body[isMobile=true] .gds-mobile-max-height-3xs {
    max-height: var(--gds-size-3xs);
  }
  body[isMobile=true] .gds-mobile-max-height-3xs-rem {
    max-height: var(--gds-size-3xs-rem);
  }
  body[isMobile=true] .gds-mobile-max-height-2xs {
    max-height: var(--gds-size-2xs);
  }
  body[isMobile=true] .gds-mobile-max-height-2xs-rem {
    max-height: var(--gds-size-2xs-rem);
  }
  body[isMobile=true] .gds-mobile-max-height-xs {
    max-height: var(--gds-size-xs);
  }
  body[isMobile=true] .gds-mobile-max-height-xs-rem {
    max-height: var(--gds-size-xs-rem);
  }
  body[isMobile=true] .gds-mobile-max-height-sm {
    max-height: var(--gds-size-sm);
  }
  body[isMobile=true] .gds-mobile-max-height-sm-rem {
    max-height: var(--gds-size-sm-rem);
  }
  body[isMobile=true] .gds-mobile-max-height-md {
    max-height: var(--gds-size-md);
  }
  body[isMobile=true] .gds-mobile-max-height-md-rem {
    max-height: var(--gds-size-md-rem);
  }
  body[isMobile=true] .gds-mobile-max-height-lg {
    max-height: var(--gds-size-lg);
  }
  body[isMobile=true] .gds-mobile-max-height-lg-rem {
    max-height: var(--gds-size-lg-rem);
  }
  body[isMobile=true] .gds-mobile-max-height-xl {
    max-height: var(--gds-size-xl);
  }
  body[isMobile=true] .gds-mobile-max-height-xl-rem {
    max-height: var(--gds-size-xl-rem);
  }
  body[isMobile=true] .gds-mobile-max-height-2xl {
    max-height: var(--gds-size-2xl);
  }
  body[isMobile=true] .gds-mobile-max-height-2xl-rem {
    max-height: var(--gds-size-2xl-rem);
  }
  body[isMobile=true] .gds-mobile-max-height-3xl {
    max-height: var(--gds-size-3xl);
  }
  body[isMobile=true] .gds-mobile-max-height-3xl-rem {
    max-height: var(--gds-size-3xl-rem);
  }
  body[isMobile=true] .gds-mobile-max-width-0 {
    max-width: 0;
  }
  body[isMobile=true] .gds-mobile-max-width-auto {
    max-width: auto;
  }
  body[isMobile=true] .gds-mobile-max-width-fit-content {
    max-width: fit-content;
  }
  body[isMobile=true] .gds-mobile-max-width-100-parent {
    max-width: 100%;
  }
  body[isMobile=true] .gds-mobile-max-width-50-parent {
    max-width: 50%;
  }
  body[isMobile=true] .gds-mobile-max-width-3xs {
    max-width: var(--gds-size-3xs);
  }
  body[isMobile=true] .gds-mobile-max-width-3xs-rem {
    max-width: var(--gds-size-3xs-rem);
  }
  body[isMobile=true] .gds-mobile-max-width-2xs {
    max-width: var(--gds-size-2xs);
  }
  body[isMobile=true] .gds-mobile-max-width-2xs-rem {
    max-width: var(--gds-size-2xs-rem);
  }
  body[isMobile=true] .gds-mobile-max-width-xs {
    max-width: var(--gds-size-xs);
  }
  body[isMobile=true] .gds-mobile-max-width-xs-rem {
    max-width: var(--gds-size-xs-rem);
  }
  body[isMobile=true] .gds-mobile-max-width-sm {
    max-width: var(--gds-size-sm);
  }
  body[isMobile=true] .gds-mobile-max-width-sm-rem {
    max-width: var(--gds-size-sm-rem);
  }
  body[isMobile=true] .gds-mobile-max-width-md {
    max-width: var(--gds-size-md);
  }
  body[isMobile=true] .gds-mobile-max-width-md-rem {
    max-width: var(--gds-size-md-rem);
  }
  body[isMobile=true] .gds-mobile-max-width-lg {
    max-width: var(--gds-size-lg);
  }
  body[isMobile=true] .gds-mobile-max-width-lg-rem {
    max-width: var(--gds-size-lg-rem);
  }
  body[isMobile=true] .gds-mobile-max-width-xl {
    max-width: var(--gds-size-xl);
  }
  body[isMobile=true] .gds-mobile-max-width-xl-rem {
    max-width: var(--gds-size-xl-rem);
  }
  body[isMobile=true] .gds-mobile-max-width-2xl {
    max-width: var(--gds-size-2xl);
  }
  body[isMobile=true] .gds-mobile-max-width-2xl-rem {
    max-width: var(--gds-size-2xl-rem);
  }
  body[isMobile=true] .gds-mobile-max-width-3xl {
    max-width: var(--gds-size-3xl);
  }
  body[isMobile=true] .gds-mobile-max-width-3xl-rem {
    max-width: var(--gds-size-3xl-rem);
  }
  body[isMobile=true] .gds-mobile-width-50-viewport {
    width: 50vw;
  }
  body[isMobile=true] .gds-mobile-width-100-viewport {
    width: 100vw;
  }
  body[isMobile=true] .gds-mobile-height-50-viewport {
    height: 50vh;
  }
  body[isMobile=true] .gds-mobile-height-100-viewport {
    height: 100vh;
  }
  .gds-scrollable {
    overflow: auto;
  }
  :is(body[operating-system=mac][browser=applewebkit]) .gds-scrollable {
    overflow: scroll;
  }
  .gds-scrollable {
    scrollbar-gutter: stable;
  }
  .gds-overflow-hidden {
    overflow: hidden;
  }
  .gds-scrollable-vertically {
    overflow-y: auto;
  }
  :is(body[operating-system=mac][browser=applewebkit]) .gds-scrollable-vertically {
    overflow-y: scroll;
  }
  .gds-scrollable-vertically {
    scrollbar-gutter: stable;
  }
  .gds-scrollable-horizontally {
    overflow-x: auto;
  }
  :is(body[operating-system=mac][browser=applewebkit]) .gds-scrollable-horizontally {
    overflow-x: scroll;
  }
  .gds-scrollable-horizontally {
    scrollbar-gutter: stable;
  }
  @media (max-width: 1440px) {
    .gds-responsive-xl-scrollable {
      overflow: auto;
    }
    :is(body[operating-system=mac][browser=applewebkit]) .gds-responsive-xl-scrollable {
      overflow: scroll;
    }
    .gds-responsive-xl-scrollable {
      scrollbar-gutter: stable;
    }
    .gds-responsive-xl-overflow-hidden {
      overflow: hidden;
    }
    .gds-responsive-xl-scrollable-vertically {
      overflow-y: auto;
    }
    :is(body[operating-system=mac][browser=applewebkit]) .gds-responsive-xl-scrollable-vertically {
      overflow-y: scroll;
    }
    .gds-responsive-xl-scrollable-vertically {
      scrollbar-gutter: stable;
    }
    .gds-responsive-xl-scrollable-horizontally {
      overflow-x: auto;
    }
    :is(body[operating-system=mac][browser=applewebkit]) .gds-responsive-xl-scrollable-horizontally {
      overflow-x: scroll;
    }
    .gds-responsive-xl-scrollable-horizontally {
      scrollbar-gutter: stable;
    }
  }
  @media (max-width: 1200px) {
    .gds-responsive-lg-scrollable {
      overflow: auto;
    }
    :is(body[operating-system=mac][browser=applewebkit]) .gds-responsive-lg-scrollable {
      overflow: scroll;
    }
    .gds-responsive-lg-scrollable {
      scrollbar-gutter: stable;
    }
    .gds-responsive-lg-overflow-hidden {
      overflow: hidden;
    }
    .gds-responsive-lg-scrollable-vertically {
      overflow-y: auto;
    }
    :is(body[operating-system=mac][browser=applewebkit]) .gds-responsive-lg-scrollable-vertically {
      overflow-y: scroll;
    }
    .gds-responsive-lg-scrollable-vertically {
      scrollbar-gutter: stable;
    }
    .gds-responsive-lg-scrollable-horizontally {
      overflow-x: auto;
    }
    :is(body[operating-system=mac][browser=applewebkit]) .gds-responsive-lg-scrollable-horizontally {
      overflow-x: scroll;
    }
    .gds-responsive-lg-scrollable-horizontally {
      scrollbar-gutter: stable;
    }
  }
  @media (max-width: 900px) {
    .gds-responsive-md-scrollable {
      overflow: auto;
    }
    :is(body[operating-system=mac][browser=applewebkit]) .gds-responsive-md-scrollable {
      overflow: scroll;
    }
    .gds-responsive-md-scrollable {
      scrollbar-gutter: stable;
    }
    .gds-responsive-md-overflow-hidden {
      overflow: hidden;
    }
    .gds-responsive-md-scrollable-vertically {
      overflow-y: auto;
    }
    :is(body[operating-system=mac][browser=applewebkit]) .gds-responsive-md-scrollable-vertically {
      overflow-y: scroll;
    }
    .gds-responsive-md-scrollable-vertically {
      scrollbar-gutter: stable;
    }
    .gds-responsive-md-scrollable-horizontally {
      overflow-x: auto;
    }
    :is(body[operating-system=mac][browser=applewebkit]) .gds-responsive-md-scrollable-horizontally {
      overflow-x: scroll;
    }
    .gds-responsive-md-scrollable-horizontally {
      scrollbar-gutter: stable;
    }
  }
  @media (max-width: 600px) {
    .gds-responsive-sm-scrollable {
      overflow: auto;
    }
    :is(body[operating-system=mac][browser=applewebkit]) .gds-responsive-sm-scrollable {
      overflow: scroll;
    }
    .gds-responsive-sm-scrollable {
      scrollbar-gutter: stable;
    }
    .gds-responsive-sm-overflow-hidden {
      overflow: hidden;
    }
    .gds-responsive-sm-scrollable-vertically {
      overflow-y: auto;
    }
    :is(body[operating-system=mac][browser=applewebkit]) .gds-responsive-sm-scrollable-vertically {
      overflow-y: scroll;
    }
    .gds-responsive-sm-scrollable-vertically {
      scrollbar-gutter: stable;
    }
    .gds-responsive-sm-scrollable-horizontally {
      overflow-x: auto;
    }
    :is(body[operating-system=mac][browser=applewebkit]) .gds-responsive-sm-scrollable-horizontally {
      overflow-x: scroll;
    }
    .gds-responsive-sm-scrollable-horizontally {
      scrollbar-gutter: stable;
    }
  }
  body[isMobile=true] .gds-mobile-scrollable {
    overflow: auto;
  }
  :is(body[operating-system=mac][browser=applewebkit]) body[isMobile=true] .gds-mobile-scrollable {
    overflow: scroll;
  }
  body[isMobile=true] .gds-mobile-scrollable {
    scrollbar-gutter: stable;
  }
  body[isMobile=true] .gds-mobile-overflow-hidden {
    overflow: hidden;
  }
  body[isMobile=true] .gds-mobile-scrollable-vertically {
    overflow-y: auto;
  }
  :is(body[operating-system=mac][browser=applewebkit]) body[isMobile=true] .gds-mobile-scrollable-vertically {
    overflow-y: scroll;
  }
  body[isMobile=true] .gds-mobile-scrollable-vertically {
    scrollbar-gutter: stable;
  }
  body[isMobile=true] .gds-mobile-scrollable-horizontally {
    overflow-x: auto;
  }
  :is(body[operating-system=mac][browser=applewebkit]) body[isMobile=true] .gds-mobile-scrollable-horizontally {
    overflow-x: scroll;
  }
  body[isMobile=true] .gds-mobile-scrollable-horizontally {
    scrollbar-gutter: stable;
  }
  .gds-gap-3xs {
    gap: var(--gds-spacing-3xs);
  }
  .gds-gap-2xs {
    gap: var(--gds-spacing-2xs);
  }
  .gds-gap-xs {
    gap: var(--gds-spacing-xs);
  }
  .gds-gap-sm {
    gap: var(--gds-spacing-sm);
  }
  .gds-gap-md {
    gap: var(--gds-spacing-md);
  }
  .gds-gap-lg {
    gap: var(--gds-spacing-lg);
  }
  .gds-gap-xl {
    gap: var(--gds-spacing-xl);
  }
  .gds-gap-2xl {
    gap: var(--gds-spacing-2xl);
  }
  .gds-gap-3xl {
    gap: var(--gds-spacing-3xl);
  }
  .gds-gap-auto {
    gap: var(--gds-spacing-auto);
  }
  .gds-gap-0 {
    gap: var(--gds-spacing-0);
  }
  .gds-row-gap-3xs {
    row-gap: var(--gds-spacing-3xs);
  }
  .gds-row-gap-2xs {
    row-gap: var(--gds-spacing-2xs);
  }
  .gds-row-gap-xs {
    row-gap: var(--gds-spacing-xs);
  }
  .gds-row-gap-sm {
    row-gap: var(--gds-spacing-sm);
  }
  .gds-row-gap-md {
    row-gap: var(--gds-spacing-md);
  }
  .gds-row-gap-lg {
    row-gap: var(--gds-spacing-lg);
  }
  .gds-row-gap-xl {
    row-gap: var(--gds-spacing-xl);
  }
  .gds-row-gap-2xl {
    row-gap: var(--gds-spacing-2xl);
  }
  .gds-row-gap-3xl {
    row-gap: var(--gds-spacing-3xl);
  }
  .gds-row-gap-auto {
    row-gap: var(--gds-spacing-auto);
  }
  .gds-row-gap-0 {
    row-gap: var(--gds-spacing-0);
  }
  .gds-column-gap-3xs {
    column-gap: var(--gds-spacing-3xs);
  }
  .gds-column-gap-2xs {
    column-gap: var(--gds-spacing-2xs);
  }
  .gds-column-gap-xs {
    column-gap: var(--gds-spacing-xs);
  }
  .gds-column-gap-sm {
    column-gap: var(--gds-spacing-sm);
  }
  .gds-column-gap-md {
    column-gap: var(--gds-spacing-md);
  }
  .gds-column-gap-lg {
    column-gap: var(--gds-spacing-lg);
  }
  .gds-column-gap-xl {
    column-gap: var(--gds-spacing-xl);
  }
  .gds-column-gap-2xl {
    column-gap: var(--gds-spacing-2xl);
  }
  .gds-column-gap-3xl {
    column-gap: var(--gds-spacing-3xl);
  }
  .gds-column-gap-auto {
    column-gap: var(--gds-spacing-auto);
  }
  .gds-column-gap-0 {
    column-gap: var(--gds-spacing-0);
  }
  .gds-padding-0 {
    padding: 0;
  }
  .gds-padding-auto {
    padding: auto;
  }
  .gds-padding-3xs {
    padding: var(--gds-spacing-3xs);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-padding-3xs:is(.gds-scrollable, .gds-scrollable-vertically, .gds-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-3xs) - 7px);
  }
  .gds-padding-negative-3xs {
    padding: calc(-1 * var(--gds-spacing-3xs));
  }
  .gds-padding-2xs {
    padding: var(--gds-spacing-2xs);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-padding-2xs:is(.gds-scrollable, .gds-scrollable-vertically, .gds-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-2xs) - 7px);
  }
  .gds-padding-negative-2xs {
    padding: calc(-1 * var(--gds-spacing-2xs));
  }
  .gds-padding-xs {
    padding: var(--gds-spacing-xs);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-padding-xs:is(.gds-scrollable, .gds-scrollable-vertically, .gds-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-xs) - 7px);
  }
  .gds-padding-negative-xs {
    padding: calc(-1 * var(--gds-spacing-xs));
  }
  .gds-padding-sm {
    padding: var(--gds-spacing-sm);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-padding-sm:is(.gds-scrollable, .gds-scrollable-vertically, .gds-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-sm) - 7px);
  }
  .gds-padding-negative-sm {
    padding: calc(-1 * var(--gds-spacing-sm));
  }
  .gds-padding-md {
    padding: var(--gds-spacing-md);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-padding-md:is(.gds-scrollable, .gds-scrollable-vertically, .gds-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-md) - 7px);
  }
  .gds-padding-negative-md {
    padding: calc(-1 * var(--gds-spacing-md));
  }
  .gds-padding-lg {
    padding: var(--gds-spacing-lg);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-padding-lg:is(.gds-scrollable, .gds-scrollable-vertically, .gds-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-lg) - 7px);
  }
  .gds-padding-negative-lg {
    padding: calc(-1 * var(--gds-spacing-lg));
  }
  .gds-padding-xl {
    padding: var(--gds-spacing-xl);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-padding-xl:is(.gds-scrollable, .gds-scrollable-vertically, .gds-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-xl) - 7px);
  }
  .gds-padding-negative-xl {
    padding: calc(-1 * var(--gds-spacing-xl));
  }
  .gds-padding-2xl {
    padding: var(--gds-spacing-2xl);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-padding-2xl:is(.gds-scrollable, .gds-scrollable-vertically, .gds-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-2xl) - 7px);
  }
  .gds-padding-negative-2xl {
    padding: calc(-1 * var(--gds-spacing-2xl));
  }
  .gds-padding-3xl {
    padding: var(--gds-spacing-3xl);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-padding-3xl:is(.gds-scrollable, .gds-scrollable-vertically, .gds-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-3xl) - 7px);
  }
  .gds-padding-negative-3xl {
    padding: calc(-1 * var(--gds-spacing-3xl));
  }
  .gds-padding-auto {
    padding: var(--gds-spacing-auto);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-padding-auto:is(.gds-scrollable, .gds-scrollable-vertically, .gds-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-auto) - 7px);
  }
  .gds-padding-negative-auto {
    padding: calc(-1 * var(--gds-spacing-auto));
  }
  .gds-padding-0 {
    padding: var(--gds-spacing-0);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-padding-0:is(.gds-scrollable, .gds-scrollable-vertically, .gds-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-0) - 7px);
  }
  .gds-padding-negative-0 {
    padding: calc(-1 * var(--gds-spacing-0));
  }
  .gds-padding-block-0 {
    padding-block: 0;
  }
  .gds-padding-block-auto {
    padding-block: auto;
  }
  .gds-padding-block-3xs {
    padding-block: var(--gds-spacing-3xs);
  }
  .gds-padding-block-negative-3xs {
    padding-block: calc(-1 * var(--gds-spacing-3xs));
  }
  .gds-padding-block-2xs {
    padding-block: var(--gds-spacing-2xs);
  }
  .gds-padding-block-negative-2xs {
    padding-block: calc(-1 * var(--gds-spacing-2xs));
  }
  .gds-padding-block-xs {
    padding-block: var(--gds-spacing-xs);
  }
  .gds-padding-block-negative-xs {
    padding-block: calc(-1 * var(--gds-spacing-xs));
  }
  .gds-padding-block-sm {
    padding-block: var(--gds-spacing-sm);
  }
  .gds-padding-block-negative-sm {
    padding-block: calc(-1 * var(--gds-spacing-sm));
  }
  .gds-padding-block-md {
    padding-block: var(--gds-spacing-md);
  }
  .gds-padding-block-negative-md {
    padding-block: calc(-1 * var(--gds-spacing-md));
  }
  .gds-padding-block-lg {
    padding-block: var(--gds-spacing-lg);
  }
  .gds-padding-block-negative-lg {
    padding-block: calc(-1 * var(--gds-spacing-lg));
  }
  .gds-padding-block-xl {
    padding-block: var(--gds-spacing-xl);
  }
  .gds-padding-block-negative-xl {
    padding-block: calc(-1 * var(--gds-spacing-xl));
  }
  .gds-padding-block-2xl {
    padding-block: var(--gds-spacing-2xl);
  }
  .gds-padding-block-negative-2xl {
    padding-block: calc(-1 * var(--gds-spacing-2xl));
  }
  .gds-padding-block-3xl {
    padding-block: var(--gds-spacing-3xl);
  }
  .gds-padding-block-negative-3xl {
    padding-block: calc(-1 * var(--gds-spacing-3xl));
  }
  .gds-padding-block-auto {
    padding-block: var(--gds-spacing-auto);
  }
  .gds-padding-block-negative-auto {
    padding-block: calc(-1 * var(--gds-spacing-auto));
  }
  .gds-padding-block-0 {
    padding-block: var(--gds-spacing-0);
  }
  .gds-padding-block-negative-0 {
    padding-block: calc(-1 * var(--gds-spacing-0));
  }
  .gds-padding-block-start-0 {
    padding-block-start: 0;
  }
  .gds-padding-block-start-auto {
    padding-block-start: auto;
  }
  .gds-padding-block-start-3xs {
    padding-block-start: var(--gds-spacing-3xs);
  }
  .gds-padding-block-start-negative-3xs {
    padding-block-start: calc(-1 * var(--gds-spacing-3xs));
  }
  .gds-padding-block-start-2xs {
    padding-block-start: var(--gds-spacing-2xs);
  }
  .gds-padding-block-start-negative-2xs {
    padding-block-start: calc(-1 * var(--gds-spacing-2xs));
  }
  .gds-padding-block-start-xs {
    padding-block-start: var(--gds-spacing-xs);
  }
  .gds-padding-block-start-negative-xs {
    padding-block-start: calc(-1 * var(--gds-spacing-xs));
  }
  .gds-padding-block-start-sm {
    padding-block-start: var(--gds-spacing-sm);
  }
  .gds-padding-block-start-negative-sm {
    padding-block-start: calc(-1 * var(--gds-spacing-sm));
  }
  .gds-padding-block-start-md {
    padding-block-start: var(--gds-spacing-md);
  }
  .gds-padding-block-start-negative-md {
    padding-block-start: calc(-1 * var(--gds-spacing-md));
  }
  .gds-padding-block-start-lg {
    padding-block-start: var(--gds-spacing-lg);
  }
  .gds-padding-block-start-negative-lg {
    padding-block-start: calc(-1 * var(--gds-spacing-lg));
  }
  .gds-padding-block-start-xl {
    padding-block-start: var(--gds-spacing-xl);
  }
  .gds-padding-block-start-negative-xl {
    padding-block-start: calc(-1 * var(--gds-spacing-xl));
  }
  .gds-padding-block-start-2xl {
    padding-block-start: var(--gds-spacing-2xl);
  }
  .gds-padding-block-start-negative-2xl {
    padding-block-start: calc(-1 * var(--gds-spacing-2xl));
  }
  .gds-padding-block-start-3xl {
    padding-block-start: var(--gds-spacing-3xl);
  }
  .gds-padding-block-start-negative-3xl {
    padding-block-start: calc(-1 * var(--gds-spacing-3xl));
  }
  .gds-padding-block-start-auto {
    padding-block-start: var(--gds-spacing-auto);
  }
  .gds-padding-block-start-negative-auto {
    padding-block-start: calc(-1 * var(--gds-spacing-auto));
  }
  .gds-padding-block-start-0 {
    padding-block-start: var(--gds-spacing-0);
  }
  .gds-padding-block-start-negative-0 {
    padding-block-start: calc(-1 * var(--gds-spacing-0));
  }
  .gds-padding-block-end-0 {
    padding-block-end: 0;
  }
  .gds-padding-block-end-auto {
    padding-block-end: auto;
  }
  .gds-padding-block-end-3xs {
    padding-block-end: var(--gds-spacing-3xs);
  }
  .gds-padding-block-end-negative-3xs {
    padding-block-end: calc(-1 * var(--gds-spacing-3xs));
  }
  .gds-padding-block-end-2xs {
    padding-block-end: var(--gds-spacing-2xs);
  }
  .gds-padding-block-end-negative-2xs {
    padding-block-end: calc(-1 * var(--gds-spacing-2xs));
  }
  .gds-padding-block-end-xs {
    padding-block-end: var(--gds-spacing-xs);
  }
  .gds-padding-block-end-negative-xs {
    padding-block-end: calc(-1 * var(--gds-spacing-xs));
  }
  .gds-padding-block-end-sm {
    padding-block-end: var(--gds-spacing-sm);
  }
  .gds-padding-block-end-negative-sm {
    padding-block-end: calc(-1 * var(--gds-spacing-sm));
  }
  .gds-padding-block-end-md {
    padding-block-end: var(--gds-spacing-md);
  }
  .gds-padding-block-end-negative-md {
    padding-block-end: calc(-1 * var(--gds-spacing-md));
  }
  .gds-padding-block-end-lg {
    padding-block-end: var(--gds-spacing-lg);
  }
  .gds-padding-block-end-negative-lg {
    padding-block-end: calc(-1 * var(--gds-spacing-lg));
  }
  .gds-padding-block-end-xl {
    padding-block-end: var(--gds-spacing-xl);
  }
  .gds-padding-block-end-negative-xl {
    padding-block-end: calc(-1 * var(--gds-spacing-xl));
  }
  .gds-padding-block-end-2xl {
    padding-block-end: var(--gds-spacing-2xl);
  }
  .gds-padding-block-end-negative-2xl {
    padding-block-end: calc(-1 * var(--gds-spacing-2xl));
  }
  .gds-padding-block-end-3xl {
    padding-block-end: var(--gds-spacing-3xl);
  }
  .gds-padding-block-end-negative-3xl {
    padding-block-end: calc(-1 * var(--gds-spacing-3xl));
  }
  .gds-padding-block-end-auto {
    padding-block-end: var(--gds-spacing-auto);
  }
  .gds-padding-block-end-negative-auto {
    padding-block-end: calc(-1 * var(--gds-spacing-auto));
  }
  .gds-padding-block-end-0 {
    padding-block-end: var(--gds-spacing-0);
  }
  .gds-padding-block-end-negative-0 {
    padding-block-end: calc(-1 * var(--gds-spacing-0));
  }
  .gds-padding-inline-0 {
    padding-inline: 0;
  }
  .gds-padding-inline-auto {
    padding-inline: auto;
  }
  .gds-padding-inline-3xs {
    padding-inline: var(--gds-spacing-3xs);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-padding-inline-3xs:is(.gds-scrollable, .gds-scrollable-vertically, .gds-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-3xs) - 7px);
  }
  .gds-padding-inline-negative-3xs {
    padding-inline: calc(-1 * var(--gds-spacing-3xs));
  }
  .gds-padding-inline-2xs {
    padding-inline: var(--gds-spacing-2xs);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-padding-inline-2xs:is(.gds-scrollable, .gds-scrollable-vertically, .gds-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-2xs) - 7px);
  }
  .gds-padding-inline-negative-2xs {
    padding-inline: calc(-1 * var(--gds-spacing-2xs));
  }
  .gds-padding-inline-xs {
    padding-inline: var(--gds-spacing-xs);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-padding-inline-xs:is(.gds-scrollable, .gds-scrollable-vertically, .gds-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-xs) - 7px);
  }
  .gds-padding-inline-negative-xs {
    padding-inline: calc(-1 * var(--gds-spacing-xs));
  }
  .gds-padding-inline-sm {
    padding-inline: var(--gds-spacing-sm);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-padding-inline-sm:is(.gds-scrollable, .gds-scrollable-vertically, .gds-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-sm) - 7px);
  }
  .gds-padding-inline-negative-sm {
    padding-inline: calc(-1 * var(--gds-spacing-sm));
  }
  .gds-padding-inline-md {
    padding-inline: var(--gds-spacing-md);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-padding-inline-md:is(.gds-scrollable, .gds-scrollable-vertically, .gds-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-md) - 7px);
  }
  .gds-padding-inline-negative-md {
    padding-inline: calc(-1 * var(--gds-spacing-md));
  }
  .gds-padding-inline-lg {
    padding-inline: var(--gds-spacing-lg);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-padding-inline-lg:is(.gds-scrollable, .gds-scrollable-vertically, .gds-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-lg) - 7px);
  }
  .gds-padding-inline-negative-lg {
    padding-inline: calc(-1 * var(--gds-spacing-lg));
  }
  .gds-padding-inline-xl {
    padding-inline: var(--gds-spacing-xl);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-padding-inline-xl:is(.gds-scrollable, .gds-scrollable-vertically, .gds-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-xl) - 7px);
  }
  .gds-padding-inline-negative-xl {
    padding-inline: calc(-1 * var(--gds-spacing-xl));
  }
  .gds-padding-inline-2xl {
    padding-inline: var(--gds-spacing-2xl);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-padding-inline-2xl:is(.gds-scrollable, .gds-scrollable-vertically, .gds-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-2xl) - 7px);
  }
  .gds-padding-inline-negative-2xl {
    padding-inline: calc(-1 * var(--gds-spacing-2xl));
  }
  .gds-padding-inline-3xl {
    padding-inline: var(--gds-spacing-3xl);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-padding-inline-3xl:is(.gds-scrollable, .gds-scrollable-vertically, .gds-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-3xl) - 7px);
  }
  .gds-padding-inline-negative-3xl {
    padding-inline: calc(-1 * var(--gds-spacing-3xl));
  }
  .gds-padding-inline-auto {
    padding-inline: var(--gds-spacing-auto);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-padding-inline-auto:is(.gds-scrollable, .gds-scrollable-vertically, .gds-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-auto) - 7px);
  }
  .gds-padding-inline-negative-auto {
    padding-inline: calc(-1 * var(--gds-spacing-auto));
  }
  .gds-padding-inline-0 {
    padding-inline: var(--gds-spacing-0);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-padding-inline-0:is(.gds-scrollable, .gds-scrollable-vertically, .gds-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-0) - 7px);
  }
  .gds-padding-inline-negative-0 {
    padding-inline: calc(-1 * var(--gds-spacing-0));
  }
  .gds-padding-inline-start-0 {
    padding-inline-start: 0;
  }
  .gds-padding-inline-start-auto {
    padding-inline-start: auto;
  }
  .gds-padding-inline-start-3xs {
    padding-inline-start: var(--gds-spacing-3xs);
  }
  .gds-padding-inline-start-negative-3xs {
    padding-inline-start: calc(-1 * var(--gds-spacing-3xs));
  }
  .gds-padding-inline-start-2xs {
    padding-inline-start: var(--gds-spacing-2xs);
  }
  .gds-padding-inline-start-negative-2xs {
    padding-inline-start: calc(-1 * var(--gds-spacing-2xs));
  }
  .gds-padding-inline-start-xs {
    padding-inline-start: var(--gds-spacing-xs);
  }
  .gds-padding-inline-start-negative-xs {
    padding-inline-start: calc(-1 * var(--gds-spacing-xs));
  }
  .gds-padding-inline-start-sm {
    padding-inline-start: var(--gds-spacing-sm);
  }
  .gds-padding-inline-start-negative-sm {
    padding-inline-start: calc(-1 * var(--gds-spacing-sm));
  }
  .gds-padding-inline-start-md {
    padding-inline-start: var(--gds-spacing-md);
  }
  .gds-padding-inline-start-negative-md {
    padding-inline-start: calc(-1 * var(--gds-spacing-md));
  }
  .gds-padding-inline-start-lg {
    padding-inline-start: var(--gds-spacing-lg);
  }
  .gds-padding-inline-start-negative-lg {
    padding-inline-start: calc(-1 * var(--gds-spacing-lg));
  }
  .gds-padding-inline-start-xl {
    padding-inline-start: var(--gds-spacing-xl);
  }
  .gds-padding-inline-start-negative-xl {
    padding-inline-start: calc(-1 * var(--gds-spacing-xl));
  }
  .gds-padding-inline-start-2xl {
    padding-inline-start: var(--gds-spacing-2xl);
  }
  .gds-padding-inline-start-negative-2xl {
    padding-inline-start: calc(-1 * var(--gds-spacing-2xl));
  }
  .gds-padding-inline-start-3xl {
    padding-inline-start: var(--gds-spacing-3xl);
  }
  .gds-padding-inline-start-negative-3xl {
    padding-inline-start: calc(-1 * var(--gds-spacing-3xl));
  }
  .gds-padding-inline-start-auto {
    padding-inline-start: var(--gds-spacing-auto);
  }
  .gds-padding-inline-start-negative-auto {
    padding-inline-start: calc(-1 * var(--gds-spacing-auto));
  }
  .gds-padding-inline-start-0 {
    padding-inline-start: var(--gds-spacing-0);
  }
  .gds-padding-inline-start-negative-0 {
    padding-inline-start: calc(-1 * var(--gds-spacing-0));
  }
  .gds-padding-inline-end-0 {
    padding-inline-end: 0;
  }
  .gds-padding-inline-end-auto {
    padding-inline-end: auto;
  }
  .gds-padding-inline-end-3xs {
    padding-inline-end: var(--gds-spacing-3xs);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-padding-inline-end-3xs:is(.gds-scrollable, .gds-scrollable-vertically, .gds-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-3xs) - 7px);
  }
  .gds-padding-inline-end-negative-3xs {
    padding-inline-end: calc(-1 * var(--gds-spacing-3xs));
  }
  .gds-padding-inline-end-2xs {
    padding-inline-end: var(--gds-spacing-2xs);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-padding-inline-end-2xs:is(.gds-scrollable, .gds-scrollable-vertically, .gds-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-2xs) - 7px);
  }
  .gds-padding-inline-end-negative-2xs {
    padding-inline-end: calc(-1 * var(--gds-spacing-2xs));
  }
  .gds-padding-inline-end-xs {
    padding-inline-end: var(--gds-spacing-xs);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-padding-inline-end-xs:is(.gds-scrollable, .gds-scrollable-vertically, .gds-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-xs) - 7px);
  }
  .gds-padding-inline-end-negative-xs {
    padding-inline-end: calc(-1 * var(--gds-spacing-xs));
  }
  .gds-padding-inline-end-sm {
    padding-inline-end: var(--gds-spacing-sm);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-padding-inline-end-sm:is(.gds-scrollable, .gds-scrollable-vertically, .gds-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-sm) - 7px);
  }
  .gds-padding-inline-end-negative-sm {
    padding-inline-end: calc(-1 * var(--gds-spacing-sm));
  }
  .gds-padding-inline-end-md {
    padding-inline-end: var(--gds-spacing-md);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-padding-inline-end-md:is(.gds-scrollable, .gds-scrollable-vertically, .gds-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-md) - 7px);
  }
  .gds-padding-inline-end-negative-md {
    padding-inline-end: calc(-1 * var(--gds-spacing-md));
  }
  .gds-padding-inline-end-lg {
    padding-inline-end: var(--gds-spacing-lg);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-padding-inline-end-lg:is(.gds-scrollable, .gds-scrollable-vertically, .gds-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-lg) - 7px);
  }
  .gds-padding-inline-end-negative-lg {
    padding-inline-end: calc(-1 * var(--gds-spacing-lg));
  }
  .gds-padding-inline-end-xl {
    padding-inline-end: var(--gds-spacing-xl);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-padding-inline-end-xl:is(.gds-scrollable, .gds-scrollable-vertically, .gds-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-xl) - 7px);
  }
  .gds-padding-inline-end-negative-xl {
    padding-inline-end: calc(-1 * var(--gds-spacing-xl));
  }
  .gds-padding-inline-end-2xl {
    padding-inline-end: var(--gds-spacing-2xl);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-padding-inline-end-2xl:is(.gds-scrollable, .gds-scrollable-vertically, .gds-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-2xl) - 7px);
  }
  .gds-padding-inline-end-negative-2xl {
    padding-inline-end: calc(-1 * var(--gds-spacing-2xl));
  }
  .gds-padding-inline-end-3xl {
    padding-inline-end: var(--gds-spacing-3xl);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-padding-inline-end-3xl:is(.gds-scrollable, .gds-scrollable-vertically, .gds-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-3xl) - 7px);
  }
  .gds-padding-inline-end-negative-3xl {
    padding-inline-end: calc(-1 * var(--gds-spacing-3xl));
  }
  .gds-padding-inline-end-auto {
    padding-inline-end: var(--gds-spacing-auto);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-padding-inline-end-auto:is(.gds-scrollable, .gds-scrollable-vertically, .gds-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-auto) - 7px);
  }
  .gds-padding-inline-end-negative-auto {
    padding-inline-end: calc(-1 * var(--gds-spacing-auto));
  }
  .gds-padding-inline-end-0 {
    padding-inline-end: var(--gds-spacing-0);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-padding-inline-end-0:is(.gds-scrollable, .gds-scrollable-vertically, .gds-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-0) - 7px);
  }
  .gds-padding-inline-end-negative-0 {
    padding-inline-end: calc(-1 * var(--gds-spacing-0));
  }
  .gds-margin-0 {
    margin: 0;
  }
  .gds-margin-auto {
    margin: auto;
  }
  .gds-margin-3xs {
    margin: var(--gds-spacing-3xs);
  }
  .gds-margin-negative-3xs {
    margin: calc(-1 * var(--gds-spacing-3xs));
  }
  .gds-margin-2xs {
    margin: var(--gds-spacing-2xs);
  }
  .gds-margin-negative-2xs {
    margin: calc(-1 * var(--gds-spacing-2xs));
  }
  .gds-margin-xs {
    margin: var(--gds-spacing-xs);
  }
  .gds-margin-negative-xs {
    margin: calc(-1 * var(--gds-spacing-xs));
  }
  .gds-margin-sm {
    margin: var(--gds-spacing-sm);
  }
  .gds-margin-negative-sm {
    margin: calc(-1 * var(--gds-spacing-sm));
  }
  .gds-margin-md {
    margin: var(--gds-spacing-md);
  }
  .gds-margin-negative-md {
    margin: calc(-1 * var(--gds-spacing-md));
  }
  .gds-margin-lg {
    margin: var(--gds-spacing-lg);
  }
  .gds-margin-negative-lg {
    margin: calc(-1 * var(--gds-spacing-lg));
  }
  .gds-margin-xl {
    margin: var(--gds-spacing-xl);
  }
  .gds-margin-negative-xl {
    margin: calc(-1 * var(--gds-spacing-xl));
  }
  .gds-margin-2xl {
    margin: var(--gds-spacing-2xl);
  }
  .gds-margin-negative-2xl {
    margin: calc(-1 * var(--gds-spacing-2xl));
  }
  .gds-margin-3xl {
    margin: var(--gds-spacing-3xl);
  }
  .gds-margin-negative-3xl {
    margin: calc(-1 * var(--gds-spacing-3xl));
  }
  .gds-margin-auto {
    margin: var(--gds-spacing-auto);
  }
  .gds-margin-negative-auto {
    margin: calc(-1 * var(--gds-spacing-auto));
  }
  .gds-margin-0 {
    margin: var(--gds-spacing-0);
  }
  .gds-margin-negative-0 {
    margin: calc(-1 * var(--gds-spacing-0));
  }
  .gds-margin-block-0 {
    margin-block: 0;
  }
  .gds-margin-block-auto {
    margin-block: auto;
  }
  .gds-margin-block-3xs {
    margin-block: var(--gds-spacing-3xs);
  }
  .gds-margin-block-negative-3xs {
    margin-block: calc(-1 * var(--gds-spacing-3xs));
  }
  .gds-margin-block-2xs {
    margin-block: var(--gds-spacing-2xs);
  }
  .gds-margin-block-negative-2xs {
    margin-block: calc(-1 * var(--gds-spacing-2xs));
  }
  .gds-margin-block-xs {
    margin-block: var(--gds-spacing-xs);
  }
  .gds-margin-block-negative-xs {
    margin-block: calc(-1 * var(--gds-spacing-xs));
  }
  .gds-margin-block-sm {
    margin-block: var(--gds-spacing-sm);
  }
  .gds-margin-block-negative-sm {
    margin-block: calc(-1 * var(--gds-spacing-sm));
  }
  .gds-margin-block-md {
    margin-block: var(--gds-spacing-md);
  }
  .gds-margin-block-negative-md {
    margin-block: calc(-1 * var(--gds-spacing-md));
  }
  .gds-margin-block-lg {
    margin-block: var(--gds-spacing-lg);
  }
  .gds-margin-block-negative-lg {
    margin-block: calc(-1 * var(--gds-spacing-lg));
  }
  .gds-margin-block-xl {
    margin-block: var(--gds-spacing-xl);
  }
  .gds-margin-block-negative-xl {
    margin-block: calc(-1 * var(--gds-spacing-xl));
  }
  .gds-margin-block-2xl {
    margin-block: var(--gds-spacing-2xl);
  }
  .gds-margin-block-negative-2xl {
    margin-block: calc(-1 * var(--gds-spacing-2xl));
  }
  .gds-margin-block-3xl {
    margin-block: var(--gds-spacing-3xl);
  }
  .gds-margin-block-negative-3xl {
    margin-block: calc(-1 * var(--gds-spacing-3xl));
  }
  .gds-margin-block-auto {
    margin-block: var(--gds-spacing-auto);
  }
  .gds-margin-block-negative-auto {
    margin-block: calc(-1 * var(--gds-spacing-auto));
  }
  .gds-margin-block-0 {
    margin-block: var(--gds-spacing-0);
  }
  .gds-margin-block-negative-0 {
    margin-block: calc(-1 * var(--gds-spacing-0));
  }
  .gds-margin-block-start-0 {
    margin-block-start: 0;
  }
  .gds-margin-block-start-auto {
    margin-block-start: auto;
  }
  .gds-margin-block-start-3xs {
    margin-block-start: var(--gds-spacing-3xs);
  }
  .gds-margin-block-start-negative-3xs {
    margin-block-start: calc(-1 * var(--gds-spacing-3xs));
  }
  .gds-margin-block-start-2xs {
    margin-block-start: var(--gds-spacing-2xs);
  }
  .gds-margin-block-start-negative-2xs {
    margin-block-start: calc(-1 * var(--gds-spacing-2xs));
  }
  .gds-margin-block-start-xs {
    margin-block-start: var(--gds-spacing-xs);
  }
  .gds-margin-block-start-negative-xs {
    margin-block-start: calc(-1 * var(--gds-spacing-xs));
  }
  .gds-margin-block-start-sm {
    margin-block-start: var(--gds-spacing-sm);
  }
  .gds-margin-block-start-negative-sm {
    margin-block-start: calc(-1 * var(--gds-spacing-sm));
  }
  .gds-margin-block-start-md {
    margin-block-start: var(--gds-spacing-md);
  }
  .gds-margin-block-start-negative-md {
    margin-block-start: calc(-1 * var(--gds-spacing-md));
  }
  .gds-margin-block-start-lg {
    margin-block-start: var(--gds-spacing-lg);
  }
  .gds-margin-block-start-negative-lg {
    margin-block-start: calc(-1 * var(--gds-spacing-lg));
  }
  .gds-margin-block-start-xl {
    margin-block-start: var(--gds-spacing-xl);
  }
  .gds-margin-block-start-negative-xl {
    margin-block-start: calc(-1 * var(--gds-spacing-xl));
  }
  .gds-margin-block-start-2xl {
    margin-block-start: var(--gds-spacing-2xl);
  }
  .gds-margin-block-start-negative-2xl {
    margin-block-start: calc(-1 * var(--gds-spacing-2xl));
  }
  .gds-margin-block-start-3xl {
    margin-block-start: var(--gds-spacing-3xl);
  }
  .gds-margin-block-start-negative-3xl {
    margin-block-start: calc(-1 * var(--gds-spacing-3xl));
  }
  .gds-margin-block-start-auto {
    margin-block-start: var(--gds-spacing-auto);
  }
  .gds-margin-block-start-negative-auto {
    margin-block-start: calc(-1 * var(--gds-spacing-auto));
  }
  .gds-margin-block-start-0 {
    margin-block-start: var(--gds-spacing-0);
  }
  .gds-margin-block-start-negative-0 {
    margin-block-start: calc(-1 * var(--gds-spacing-0));
  }
  .gds-margin-block-end-0 {
    margin-block-end: 0;
  }
  .gds-margin-block-end-auto {
    margin-block-end: auto;
  }
  .gds-margin-block-end-3xs {
    margin-block-end: var(--gds-spacing-3xs);
  }
  .gds-margin-block-end-negative-3xs {
    margin-block-end: calc(-1 * var(--gds-spacing-3xs));
  }
  .gds-margin-block-end-2xs {
    margin-block-end: var(--gds-spacing-2xs);
  }
  .gds-margin-block-end-negative-2xs {
    margin-block-end: calc(-1 * var(--gds-spacing-2xs));
  }
  .gds-margin-block-end-xs {
    margin-block-end: var(--gds-spacing-xs);
  }
  .gds-margin-block-end-negative-xs {
    margin-block-end: calc(-1 * var(--gds-spacing-xs));
  }
  .gds-margin-block-end-sm {
    margin-block-end: var(--gds-spacing-sm);
  }
  .gds-margin-block-end-negative-sm {
    margin-block-end: calc(-1 * var(--gds-spacing-sm));
  }
  .gds-margin-block-end-md {
    margin-block-end: var(--gds-spacing-md);
  }
  .gds-margin-block-end-negative-md {
    margin-block-end: calc(-1 * var(--gds-spacing-md));
  }
  .gds-margin-block-end-lg {
    margin-block-end: var(--gds-spacing-lg);
  }
  .gds-margin-block-end-negative-lg {
    margin-block-end: calc(-1 * var(--gds-spacing-lg));
  }
  .gds-margin-block-end-xl {
    margin-block-end: var(--gds-spacing-xl);
  }
  .gds-margin-block-end-negative-xl {
    margin-block-end: calc(-1 * var(--gds-spacing-xl));
  }
  .gds-margin-block-end-2xl {
    margin-block-end: var(--gds-spacing-2xl);
  }
  .gds-margin-block-end-negative-2xl {
    margin-block-end: calc(-1 * var(--gds-spacing-2xl));
  }
  .gds-margin-block-end-3xl {
    margin-block-end: var(--gds-spacing-3xl);
  }
  .gds-margin-block-end-negative-3xl {
    margin-block-end: calc(-1 * var(--gds-spacing-3xl));
  }
  .gds-margin-block-end-auto {
    margin-block-end: var(--gds-spacing-auto);
  }
  .gds-margin-block-end-negative-auto {
    margin-block-end: calc(-1 * var(--gds-spacing-auto));
  }
  .gds-margin-block-end-0 {
    margin-block-end: var(--gds-spacing-0);
  }
  .gds-margin-block-end-negative-0 {
    margin-block-end: calc(-1 * var(--gds-spacing-0));
  }
  .gds-margin-inline-0 {
    margin-inline: 0;
  }
  .gds-margin-inline-auto {
    margin-inline: auto;
  }
  .gds-margin-inline-3xs {
    margin-inline: var(--gds-spacing-3xs);
  }
  .gds-margin-inline-negative-3xs {
    margin-inline: calc(-1 * var(--gds-spacing-3xs));
  }
  .gds-margin-inline-2xs {
    margin-inline: var(--gds-spacing-2xs);
  }
  .gds-margin-inline-negative-2xs {
    margin-inline: calc(-1 * var(--gds-spacing-2xs));
  }
  .gds-margin-inline-xs {
    margin-inline: var(--gds-spacing-xs);
  }
  .gds-margin-inline-negative-xs {
    margin-inline: calc(-1 * var(--gds-spacing-xs));
  }
  .gds-margin-inline-sm {
    margin-inline: var(--gds-spacing-sm);
  }
  .gds-margin-inline-negative-sm {
    margin-inline: calc(-1 * var(--gds-spacing-sm));
  }
  .gds-margin-inline-md {
    margin-inline: var(--gds-spacing-md);
  }
  .gds-margin-inline-negative-md {
    margin-inline: calc(-1 * var(--gds-spacing-md));
  }
  .gds-margin-inline-lg {
    margin-inline: var(--gds-spacing-lg);
  }
  .gds-margin-inline-negative-lg {
    margin-inline: calc(-1 * var(--gds-spacing-lg));
  }
  .gds-margin-inline-xl {
    margin-inline: var(--gds-spacing-xl);
  }
  .gds-margin-inline-negative-xl {
    margin-inline: calc(-1 * var(--gds-spacing-xl));
  }
  .gds-margin-inline-2xl {
    margin-inline: var(--gds-spacing-2xl);
  }
  .gds-margin-inline-negative-2xl {
    margin-inline: calc(-1 * var(--gds-spacing-2xl));
  }
  .gds-margin-inline-3xl {
    margin-inline: var(--gds-spacing-3xl);
  }
  .gds-margin-inline-negative-3xl {
    margin-inline: calc(-1 * var(--gds-spacing-3xl));
  }
  .gds-margin-inline-auto {
    margin-inline: var(--gds-spacing-auto);
  }
  .gds-margin-inline-negative-auto {
    margin-inline: calc(-1 * var(--gds-spacing-auto));
  }
  .gds-margin-inline-0 {
    margin-inline: var(--gds-spacing-0);
  }
  .gds-margin-inline-negative-0 {
    margin-inline: calc(-1 * var(--gds-spacing-0));
  }
  .gds-margin-inline-start-0 {
    margin-inline-start: 0;
  }
  .gds-margin-inline-start-auto {
    margin-inline-start: auto;
  }
  .gds-margin-inline-start-3xs {
    margin-inline-start: var(--gds-spacing-3xs);
  }
  .gds-margin-inline-start-negative-3xs {
    margin-inline-start: calc(-1 * var(--gds-spacing-3xs));
  }
  .gds-margin-inline-start-2xs {
    margin-inline-start: var(--gds-spacing-2xs);
  }
  .gds-margin-inline-start-negative-2xs {
    margin-inline-start: calc(-1 * var(--gds-spacing-2xs));
  }
  .gds-margin-inline-start-xs {
    margin-inline-start: var(--gds-spacing-xs);
  }
  .gds-margin-inline-start-negative-xs {
    margin-inline-start: calc(-1 * var(--gds-spacing-xs));
  }
  .gds-margin-inline-start-sm {
    margin-inline-start: var(--gds-spacing-sm);
  }
  .gds-margin-inline-start-negative-sm {
    margin-inline-start: calc(-1 * var(--gds-spacing-sm));
  }
  .gds-margin-inline-start-md {
    margin-inline-start: var(--gds-spacing-md);
  }
  .gds-margin-inline-start-negative-md {
    margin-inline-start: calc(-1 * var(--gds-spacing-md));
  }
  .gds-margin-inline-start-lg {
    margin-inline-start: var(--gds-spacing-lg);
  }
  .gds-margin-inline-start-negative-lg {
    margin-inline-start: calc(-1 * var(--gds-spacing-lg));
  }
  .gds-margin-inline-start-xl {
    margin-inline-start: var(--gds-spacing-xl);
  }
  .gds-margin-inline-start-negative-xl {
    margin-inline-start: calc(-1 * var(--gds-spacing-xl));
  }
  .gds-margin-inline-start-2xl {
    margin-inline-start: var(--gds-spacing-2xl);
  }
  .gds-margin-inline-start-negative-2xl {
    margin-inline-start: calc(-1 * var(--gds-spacing-2xl));
  }
  .gds-margin-inline-start-3xl {
    margin-inline-start: var(--gds-spacing-3xl);
  }
  .gds-margin-inline-start-negative-3xl {
    margin-inline-start: calc(-1 * var(--gds-spacing-3xl));
  }
  .gds-margin-inline-start-auto {
    margin-inline-start: var(--gds-spacing-auto);
  }
  .gds-margin-inline-start-negative-auto {
    margin-inline-start: calc(-1 * var(--gds-spacing-auto));
  }
  .gds-margin-inline-start-0 {
    margin-inline-start: var(--gds-spacing-0);
  }
  .gds-margin-inline-start-negative-0 {
    margin-inline-start: calc(-1 * var(--gds-spacing-0));
  }
  .gds-margin-inline-end-0 {
    margin-inline-end: 0;
  }
  .gds-margin-inline-end-auto {
    margin-inline-end: auto;
  }
  .gds-margin-inline-end-3xs {
    margin-inline-end: var(--gds-spacing-3xs);
  }
  .gds-margin-inline-end-negative-3xs {
    margin-inline-end: calc(-1 * var(--gds-spacing-3xs));
  }
  .gds-margin-inline-end-2xs {
    margin-inline-end: var(--gds-spacing-2xs);
  }
  .gds-margin-inline-end-negative-2xs {
    margin-inline-end: calc(-1 * var(--gds-spacing-2xs));
  }
  .gds-margin-inline-end-xs {
    margin-inline-end: var(--gds-spacing-xs);
  }
  .gds-margin-inline-end-negative-xs {
    margin-inline-end: calc(-1 * var(--gds-spacing-xs));
  }
  .gds-margin-inline-end-sm {
    margin-inline-end: var(--gds-spacing-sm);
  }
  .gds-margin-inline-end-negative-sm {
    margin-inline-end: calc(-1 * var(--gds-spacing-sm));
  }
  .gds-margin-inline-end-md {
    margin-inline-end: var(--gds-spacing-md);
  }
  .gds-margin-inline-end-negative-md {
    margin-inline-end: calc(-1 * var(--gds-spacing-md));
  }
  .gds-margin-inline-end-lg {
    margin-inline-end: var(--gds-spacing-lg);
  }
  .gds-margin-inline-end-negative-lg {
    margin-inline-end: calc(-1 * var(--gds-spacing-lg));
  }
  .gds-margin-inline-end-xl {
    margin-inline-end: var(--gds-spacing-xl);
  }
  .gds-margin-inline-end-negative-xl {
    margin-inline-end: calc(-1 * var(--gds-spacing-xl));
  }
  .gds-margin-inline-end-2xl {
    margin-inline-end: var(--gds-spacing-2xl);
  }
  .gds-margin-inline-end-negative-2xl {
    margin-inline-end: calc(-1 * var(--gds-spacing-2xl));
  }
  .gds-margin-inline-end-3xl {
    margin-inline-end: var(--gds-spacing-3xl);
  }
  .gds-margin-inline-end-negative-3xl {
    margin-inline-end: calc(-1 * var(--gds-spacing-3xl));
  }
  .gds-margin-inline-end-auto {
    margin-inline-end: var(--gds-spacing-auto);
  }
  .gds-margin-inline-end-negative-auto {
    margin-inline-end: calc(-1 * var(--gds-spacing-auto));
  }
  .gds-margin-inline-end-0 {
    margin-inline-end: var(--gds-spacing-0);
  }
  .gds-margin-inline-end-negative-0 {
    margin-inline-end: calc(-1 * var(--gds-spacing-0));
  }
  @media (max-width: 1440px) {
    .gds-responsive-xl-gap-3xs {
      gap: var(--gds-spacing-3xs);
    }
    .gds-responsive-xl-gap-2xs {
      gap: var(--gds-spacing-2xs);
    }
    .gds-responsive-xl-gap-xs {
      gap: var(--gds-spacing-xs);
    }
    .gds-responsive-xl-gap-sm {
      gap: var(--gds-spacing-sm);
    }
    .gds-responsive-xl-gap-md {
      gap: var(--gds-spacing-md);
    }
    .gds-responsive-xl-gap-lg {
      gap: var(--gds-spacing-lg);
    }
    .gds-responsive-xl-gap-xl {
      gap: var(--gds-spacing-xl);
    }
    .gds-responsive-xl-gap-2xl {
      gap: var(--gds-spacing-2xl);
    }
    .gds-responsive-xl-gap-3xl {
      gap: var(--gds-spacing-3xl);
    }
    .gds-responsive-xl-gap-auto {
      gap: var(--gds-spacing-auto);
    }
    .gds-responsive-xl-gap-0 {
      gap: var(--gds-spacing-0);
    }
    .gds-responsive-xl-row-gap-3xs {
      row-gap: var(--gds-spacing-3xs);
    }
    .gds-responsive-xl-row-gap-2xs {
      row-gap: var(--gds-spacing-2xs);
    }
    .gds-responsive-xl-row-gap-xs {
      row-gap: var(--gds-spacing-xs);
    }
    .gds-responsive-xl-row-gap-sm {
      row-gap: var(--gds-spacing-sm);
    }
    .gds-responsive-xl-row-gap-md {
      row-gap: var(--gds-spacing-md);
    }
    .gds-responsive-xl-row-gap-lg {
      row-gap: var(--gds-spacing-lg);
    }
    .gds-responsive-xl-row-gap-xl {
      row-gap: var(--gds-spacing-xl);
    }
    .gds-responsive-xl-row-gap-2xl {
      row-gap: var(--gds-spacing-2xl);
    }
    .gds-responsive-xl-row-gap-3xl {
      row-gap: var(--gds-spacing-3xl);
    }
    .gds-responsive-xl-row-gap-auto {
      row-gap: var(--gds-spacing-auto);
    }
    .gds-responsive-xl-row-gap-0 {
      row-gap: var(--gds-spacing-0);
    }
    .gds-responsive-xl-column-gap-3xs {
      column-gap: var(--gds-spacing-3xs);
    }
    .gds-responsive-xl-column-gap-2xs {
      column-gap: var(--gds-spacing-2xs);
    }
    .gds-responsive-xl-column-gap-xs {
      column-gap: var(--gds-spacing-xs);
    }
    .gds-responsive-xl-column-gap-sm {
      column-gap: var(--gds-spacing-sm);
    }
    .gds-responsive-xl-column-gap-md {
      column-gap: var(--gds-spacing-md);
    }
    .gds-responsive-xl-column-gap-lg {
      column-gap: var(--gds-spacing-lg);
    }
    .gds-responsive-xl-column-gap-xl {
      column-gap: var(--gds-spacing-xl);
    }
    .gds-responsive-xl-column-gap-2xl {
      column-gap: var(--gds-spacing-2xl);
    }
    .gds-responsive-xl-column-gap-3xl {
      column-gap: var(--gds-spacing-3xl);
    }
    .gds-responsive-xl-column-gap-auto {
      column-gap: var(--gds-spacing-auto);
    }
    .gds-responsive-xl-column-gap-0 {
      column-gap: var(--gds-spacing-0);
    }
    .gds-responsive-xl-padding-0 {
      padding: 0;
    }
    .gds-responsive-xl-padding-auto {
      padding: auto;
    }
    .gds-responsive-xl-padding-3xs {
      padding: var(--gds-spacing-3xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-xl-padding-3xs:is(.gds-responsive-xl-scrollable, .gds-responsive-xl-scrollable-vertically, .gds-responsive-xl-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-3xs) - 7px);
    }
    .gds-responsive-xl-padding-negative-3xs {
      padding: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-xl-padding-2xs {
      padding: var(--gds-spacing-2xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-xl-padding-2xs:is(.gds-responsive-xl-scrollable, .gds-responsive-xl-scrollable-vertically, .gds-responsive-xl-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-2xs) - 7px);
    }
    .gds-responsive-xl-padding-negative-2xs {
      padding: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-xl-padding-xs {
      padding: var(--gds-spacing-xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-xl-padding-xs:is(.gds-responsive-xl-scrollable, .gds-responsive-xl-scrollable-vertically, .gds-responsive-xl-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-xs) - 7px);
    }
    .gds-responsive-xl-padding-negative-xs {
      padding: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-xl-padding-sm {
      padding: var(--gds-spacing-sm);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-xl-padding-sm:is(.gds-responsive-xl-scrollable, .gds-responsive-xl-scrollable-vertically, .gds-responsive-xl-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-sm) - 7px);
    }
    .gds-responsive-xl-padding-negative-sm {
      padding: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-xl-padding-md {
      padding: var(--gds-spacing-md);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-xl-padding-md:is(.gds-responsive-xl-scrollable, .gds-responsive-xl-scrollable-vertically, .gds-responsive-xl-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-md) - 7px);
    }
    .gds-responsive-xl-padding-negative-md {
      padding: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-xl-padding-lg {
      padding: var(--gds-spacing-lg);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-xl-padding-lg:is(.gds-responsive-xl-scrollable, .gds-responsive-xl-scrollable-vertically, .gds-responsive-xl-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-lg) - 7px);
    }
    .gds-responsive-xl-padding-negative-lg {
      padding: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-xl-padding-xl {
      padding: var(--gds-spacing-xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-xl-padding-xl:is(.gds-responsive-xl-scrollable, .gds-responsive-xl-scrollable-vertically, .gds-responsive-xl-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-xl) - 7px);
    }
    .gds-responsive-xl-padding-negative-xl {
      padding: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-xl-padding-2xl {
      padding: var(--gds-spacing-2xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-xl-padding-2xl:is(.gds-responsive-xl-scrollable, .gds-responsive-xl-scrollable-vertically, .gds-responsive-xl-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-2xl) - 7px);
    }
    .gds-responsive-xl-padding-negative-2xl {
      padding: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-xl-padding-3xl {
      padding: var(--gds-spacing-3xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-xl-padding-3xl:is(.gds-responsive-xl-scrollable, .gds-responsive-xl-scrollable-vertically, .gds-responsive-xl-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-3xl) - 7px);
    }
    .gds-responsive-xl-padding-negative-3xl {
      padding: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-xl-padding-auto {
      padding: var(--gds-spacing-auto);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-xl-padding-auto:is(.gds-responsive-xl-scrollable, .gds-responsive-xl-scrollable-vertically, .gds-responsive-xl-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-auto) - 7px);
    }
    .gds-responsive-xl-padding-negative-auto {
      padding: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-xl-padding-0 {
      padding: var(--gds-spacing-0);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-xl-padding-0:is(.gds-responsive-xl-scrollable, .gds-responsive-xl-scrollable-vertically, .gds-responsive-xl-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-0) - 7px);
    }
    .gds-responsive-xl-padding-negative-0 {
      padding: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-xl-padding-block-0 {
      padding-block: 0;
    }
    .gds-responsive-xl-padding-block-auto {
      padding-block: auto;
    }
    .gds-responsive-xl-padding-block-3xs {
      padding-block: var(--gds-spacing-3xs);
    }
    .gds-responsive-xl-padding-block-negative-3xs {
      padding-block: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-xl-padding-block-2xs {
      padding-block: var(--gds-spacing-2xs);
    }
    .gds-responsive-xl-padding-block-negative-2xs {
      padding-block: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-xl-padding-block-xs {
      padding-block: var(--gds-spacing-xs);
    }
    .gds-responsive-xl-padding-block-negative-xs {
      padding-block: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-xl-padding-block-sm {
      padding-block: var(--gds-spacing-sm);
    }
    .gds-responsive-xl-padding-block-negative-sm {
      padding-block: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-xl-padding-block-md {
      padding-block: var(--gds-spacing-md);
    }
    .gds-responsive-xl-padding-block-negative-md {
      padding-block: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-xl-padding-block-lg {
      padding-block: var(--gds-spacing-lg);
    }
    .gds-responsive-xl-padding-block-negative-lg {
      padding-block: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-xl-padding-block-xl {
      padding-block: var(--gds-spacing-xl);
    }
    .gds-responsive-xl-padding-block-negative-xl {
      padding-block: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-xl-padding-block-2xl {
      padding-block: var(--gds-spacing-2xl);
    }
    .gds-responsive-xl-padding-block-negative-2xl {
      padding-block: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-xl-padding-block-3xl {
      padding-block: var(--gds-spacing-3xl);
    }
    .gds-responsive-xl-padding-block-negative-3xl {
      padding-block: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-xl-padding-block-auto {
      padding-block: var(--gds-spacing-auto);
    }
    .gds-responsive-xl-padding-block-negative-auto {
      padding-block: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-xl-padding-block-0 {
      padding-block: var(--gds-spacing-0);
    }
    .gds-responsive-xl-padding-block-negative-0 {
      padding-block: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-xl-padding-block-start-0 {
      padding-block-start: 0;
    }
    .gds-responsive-xl-padding-block-start-auto {
      padding-block-start: auto;
    }
    .gds-responsive-xl-padding-block-start-3xs {
      padding-block-start: var(--gds-spacing-3xs);
    }
    .gds-responsive-xl-padding-block-start-negative-3xs {
      padding-block-start: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-xl-padding-block-start-2xs {
      padding-block-start: var(--gds-spacing-2xs);
    }
    .gds-responsive-xl-padding-block-start-negative-2xs {
      padding-block-start: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-xl-padding-block-start-xs {
      padding-block-start: var(--gds-spacing-xs);
    }
    .gds-responsive-xl-padding-block-start-negative-xs {
      padding-block-start: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-xl-padding-block-start-sm {
      padding-block-start: var(--gds-spacing-sm);
    }
    .gds-responsive-xl-padding-block-start-negative-sm {
      padding-block-start: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-xl-padding-block-start-md {
      padding-block-start: var(--gds-spacing-md);
    }
    .gds-responsive-xl-padding-block-start-negative-md {
      padding-block-start: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-xl-padding-block-start-lg {
      padding-block-start: var(--gds-spacing-lg);
    }
    .gds-responsive-xl-padding-block-start-negative-lg {
      padding-block-start: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-xl-padding-block-start-xl {
      padding-block-start: var(--gds-spacing-xl);
    }
    .gds-responsive-xl-padding-block-start-negative-xl {
      padding-block-start: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-xl-padding-block-start-2xl {
      padding-block-start: var(--gds-spacing-2xl);
    }
    .gds-responsive-xl-padding-block-start-negative-2xl {
      padding-block-start: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-xl-padding-block-start-3xl {
      padding-block-start: var(--gds-spacing-3xl);
    }
    .gds-responsive-xl-padding-block-start-negative-3xl {
      padding-block-start: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-xl-padding-block-start-auto {
      padding-block-start: var(--gds-spacing-auto);
    }
    .gds-responsive-xl-padding-block-start-negative-auto {
      padding-block-start: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-xl-padding-block-start-0 {
      padding-block-start: var(--gds-spacing-0);
    }
    .gds-responsive-xl-padding-block-start-negative-0 {
      padding-block-start: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-xl-padding-block-end-0 {
      padding-block-end: 0;
    }
    .gds-responsive-xl-padding-block-end-auto {
      padding-block-end: auto;
    }
    .gds-responsive-xl-padding-block-end-3xs {
      padding-block-end: var(--gds-spacing-3xs);
    }
    .gds-responsive-xl-padding-block-end-negative-3xs {
      padding-block-end: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-xl-padding-block-end-2xs {
      padding-block-end: var(--gds-spacing-2xs);
    }
    .gds-responsive-xl-padding-block-end-negative-2xs {
      padding-block-end: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-xl-padding-block-end-xs {
      padding-block-end: var(--gds-spacing-xs);
    }
    .gds-responsive-xl-padding-block-end-negative-xs {
      padding-block-end: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-xl-padding-block-end-sm {
      padding-block-end: var(--gds-spacing-sm);
    }
    .gds-responsive-xl-padding-block-end-negative-sm {
      padding-block-end: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-xl-padding-block-end-md {
      padding-block-end: var(--gds-spacing-md);
    }
    .gds-responsive-xl-padding-block-end-negative-md {
      padding-block-end: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-xl-padding-block-end-lg {
      padding-block-end: var(--gds-spacing-lg);
    }
    .gds-responsive-xl-padding-block-end-negative-lg {
      padding-block-end: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-xl-padding-block-end-xl {
      padding-block-end: var(--gds-spacing-xl);
    }
    .gds-responsive-xl-padding-block-end-negative-xl {
      padding-block-end: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-xl-padding-block-end-2xl {
      padding-block-end: var(--gds-spacing-2xl);
    }
    .gds-responsive-xl-padding-block-end-negative-2xl {
      padding-block-end: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-xl-padding-block-end-3xl {
      padding-block-end: var(--gds-spacing-3xl);
    }
    .gds-responsive-xl-padding-block-end-negative-3xl {
      padding-block-end: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-xl-padding-block-end-auto {
      padding-block-end: var(--gds-spacing-auto);
    }
    .gds-responsive-xl-padding-block-end-negative-auto {
      padding-block-end: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-xl-padding-block-end-0 {
      padding-block-end: var(--gds-spacing-0);
    }
    .gds-responsive-xl-padding-block-end-negative-0 {
      padding-block-end: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-xl-padding-inline-0 {
      padding-inline: 0;
    }
    .gds-responsive-xl-padding-inline-auto {
      padding-inline: auto;
    }
    .gds-responsive-xl-padding-inline-3xs {
      padding-inline: var(--gds-spacing-3xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-xl-padding-inline-3xs:is(.gds-responsive-xl-scrollable, .gds-responsive-xl-scrollable-vertically, .gds-responsive-xl-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-3xs) - 7px);
    }
    .gds-responsive-xl-padding-inline-negative-3xs {
      padding-inline: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-xl-padding-inline-2xs {
      padding-inline: var(--gds-spacing-2xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-xl-padding-inline-2xs:is(.gds-responsive-xl-scrollable, .gds-responsive-xl-scrollable-vertically, .gds-responsive-xl-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-2xs) - 7px);
    }
    .gds-responsive-xl-padding-inline-negative-2xs {
      padding-inline: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-xl-padding-inline-xs {
      padding-inline: var(--gds-spacing-xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-xl-padding-inline-xs:is(.gds-responsive-xl-scrollable, .gds-responsive-xl-scrollable-vertically, .gds-responsive-xl-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-xs) - 7px);
    }
    .gds-responsive-xl-padding-inline-negative-xs {
      padding-inline: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-xl-padding-inline-sm {
      padding-inline: var(--gds-spacing-sm);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-xl-padding-inline-sm:is(.gds-responsive-xl-scrollable, .gds-responsive-xl-scrollable-vertically, .gds-responsive-xl-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-sm) - 7px);
    }
    .gds-responsive-xl-padding-inline-negative-sm {
      padding-inline: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-xl-padding-inline-md {
      padding-inline: var(--gds-spacing-md);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-xl-padding-inline-md:is(.gds-responsive-xl-scrollable, .gds-responsive-xl-scrollable-vertically, .gds-responsive-xl-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-md) - 7px);
    }
    .gds-responsive-xl-padding-inline-negative-md {
      padding-inline: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-xl-padding-inline-lg {
      padding-inline: var(--gds-spacing-lg);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-xl-padding-inline-lg:is(.gds-responsive-xl-scrollable, .gds-responsive-xl-scrollable-vertically, .gds-responsive-xl-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-lg) - 7px);
    }
    .gds-responsive-xl-padding-inline-negative-lg {
      padding-inline: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-xl-padding-inline-xl {
      padding-inline: var(--gds-spacing-xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-xl-padding-inline-xl:is(.gds-responsive-xl-scrollable, .gds-responsive-xl-scrollable-vertically, .gds-responsive-xl-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-xl) - 7px);
    }
    .gds-responsive-xl-padding-inline-negative-xl {
      padding-inline: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-xl-padding-inline-2xl {
      padding-inline: var(--gds-spacing-2xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-xl-padding-inline-2xl:is(.gds-responsive-xl-scrollable, .gds-responsive-xl-scrollable-vertically, .gds-responsive-xl-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-2xl) - 7px);
    }
    .gds-responsive-xl-padding-inline-negative-2xl {
      padding-inline: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-xl-padding-inline-3xl {
      padding-inline: var(--gds-spacing-3xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-xl-padding-inline-3xl:is(.gds-responsive-xl-scrollable, .gds-responsive-xl-scrollable-vertically, .gds-responsive-xl-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-3xl) - 7px);
    }
    .gds-responsive-xl-padding-inline-negative-3xl {
      padding-inline: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-xl-padding-inline-auto {
      padding-inline: var(--gds-spacing-auto);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-xl-padding-inline-auto:is(.gds-responsive-xl-scrollable, .gds-responsive-xl-scrollable-vertically, .gds-responsive-xl-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-auto) - 7px);
    }
    .gds-responsive-xl-padding-inline-negative-auto {
      padding-inline: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-xl-padding-inline-0 {
      padding-inline: var(--gds-spacing-0);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-xl-padding-inline-0:is(.gds-responsive-xl-scrollable, .gds-responsive-xl-scrollable-vertically, .gds-responsive-xl-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-0) - 7px);
    }
    .gds-responsive-xl-padding-inline-negative-0 {
      padding-inline: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-xl-padding-inline-start-0 {
      padding-inline-start: 0;
    }
    .gds-responsive-xl-padding-inline-start-auto {
      padding-inline-start: auto;
    }
    .gds-responsive-xl-padding-inline-start-3xs {
      padding-inline-start: var(--gds-spacing-3xs);
    }
    .gds-responsive-xl-padding-inline-start-negative-3xs {
      padding-inline-start: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-xl-padding-inline-start-2xs {
      padding-inline-start: var(--gds-spacing-2xs);
    }
    .gds-responsive-xl-padding-inline-start-negative-2xs {
      padding-inline-start: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-xl-padding-inline-start-xs {
      padding-inline-start: var(--gds-spacing-xs);
    }
    .gds-responsive-xl-padding-inline-start-negative-xs {
      padding-inline-start: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-xl-padding-inline-start-sm {
      padding-inline-start: var(--gds-spacing-sm);
    }
    .gds-responsive-xl-padding-inline-start-negative-sm {
      padding-inline-start: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-xl-padding-inline-start-md {
      padding-inline-start: var(--gds-spacing-md);
    }
    .gds-responsive-xl-padding-inline-start-negative-md {
      padding-inline-start: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-xl-padding-inline-start-lg {
      padding-inline-start: var(--gds-spacing-lg);
    }
    .gds-responsive-xl-padding-inline-start-negative-lg {
      padding-inline-start: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-xl-padding-inline-start-xl {
      padding-inline-start: var(--gds-spacing-xl);
    }
    .gds-responsive-xl-padding-inline-start-negative-xl {
      padding-inline-start: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-xl-padding-inline-start-2xl {
      padding-inline-start: var(--gds-spacing-2xl);
    }
    .gds-responsive-xl-padding-inline-start-negative-2xl {
      padding-inline-start: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-xl-padding-inline-start-3xl {
      padding-inline-start: var(--gds-spacing-3xl);
    }
    .gds-responsive-xl-padding-inline-start-negative-3xl {
      padding-inline-start: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-xl-padding-inline-start-auto {
      padding-inline-start: var(--gds-spacing-auto);
    }
    .gds-responsive-xl-padding-inline-start-negative-auto {
      padding-inline-start: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-xl-padding-inline-start-0 {
      padding-inline-start: var(--gds-spacing-0);
    }
    .gds-responsive-xl-padding-inline-start-negative-0 {
      padding-inline-start: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-xl-padding-inline-end-0 {
      padding-inline-end: 0;
    }
    .gds-responsive-xl-padding-inline-end-auto {
      padding-inline-end: auto;
    }
    .gds-responsive-xl-padding-inline-end-3xs {
      padding-inline-end: var(--gds-spacing-3xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-xl-padding-inline-end-3xs:is(.gds-responsive-xl-scrollable, .gds-responsive-xl-scrollable-vertically, .gds-responsive-xl-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-3xs) - 7px);
    }
    .gds-responsive-xl-padding-inline-end-negative-3xs {
      padding-inline-end: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-xl-padding-inline-end-2xs {
      padding-inline-end: var(--gds-spacing-2xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-xl-padding-inline-end-2xs:is(.gds-responsive-xl-scrollable, .gds-responsive-xl-scrollable-vertically, .gds-responsive-xl-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-2xs) - 7px);
    }
    .gds-responsive-xl-padding-inline-end-negative-2xs {
      padding-inline-end: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-xl-padding-inline-end-xs {
      padding-inline-end: var(--gds-spacing-xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-xl-padding-inline-end-xs:is(.gds-responsive-xl-scrollable, .gds-responsive-xl-scrollable-vertically, .gds-responsive-xl-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-xs) - 7px);
    }
    .gds-responsive-xl-padding-inline-end-negative-xs {
      padding-inline-end: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-xl-padding-inline-end-sm {
      padding-inline-end: var(--gds-spacing-sm);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-xl-padding-inline-end-sm:is(.gds-responsive-xl-scrollable, .gds-responsive-xl-scrollable-vertically, .gds-responsive-xl-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-sm) - 7px);
    }
    .gds-responsive-xl-padding-inline-end-negative-sm {
      padding-inline-end: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-xl-padding-inline-end-md {
      padding-inline-end: var(--gds-spacing-md);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-xl-padding-inline-end-md:is(.gds-responsive-xl-scrollable, .gds-responsive-xl-scrollable-vertically, .gds-responsive-xl-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-md) - 7px);
    }
    .gds-responsive-xl-padding-inline-end-negative-md {
      padding-inline-end: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-xl-padding-inline-end-lg {
      padding-inline-end: var(--gds-spacing-lg);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-xl-padding-inline-end-lg:is(.gds-responsive-xl-scrollable, .gds-responsive-xl-scrollable-vertically, .gds-responsive-xl-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-lg) - 7px);
    }
    .gds-responsive-xl-padding-inline-end-negative-lg {
      padding-inline-end: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-xl-padding-inline-end-xl {
      padding-inline-end: var(--gds-spacing-xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-xl-padding-inline-end-xl:is(.gds-responsive-xl-scrollable, .gds-responsive-xl-scrollable-vertically, .gds-responsive-xl-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-xl) - 7px);
    }
    .gds-responsive-xl-padding-inline-end-negative-xl {
      padding-inline-end: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-xl-padding-inline-end-2xl {
      padding-inline-end: var(--gds-spacing-2xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-xl-padding-inline-end-2xl:is(.gds-responsive-xl-scrollable, .gds-responsive-xl-scrollable-vertically, .gds-responsive-xl-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-2xl) - 7px);
    }
    .gds-responsive-xl-padding-inline-end-negative-2xl {
      padding-inline-end: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-xl-padding-inline-end-3xl {
      padding-inline-end: var(--gds-spacing-3xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-xl-padding-inline-end-3xl:is(.gds-responsive-xl-scrollable, .gds-responsive-xl-scrollable-vertically, .gds-responsive-xl-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-3xl) - 7px);
    }
    .gds-responsive-xl-padding-inline-end-negative-3xl {
      padding-inline-end: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-xl-padding-inline-end-auto {
      padding-inline-end: var(--gds-spacing-auto);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-xl-padding-inline-end-auto:is(.gds-responsive-xl-scrollable, .gds-responsive-xl-scrollable-vertically, .gds-responsive-xl-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-auto) - 7px);
    }
    .gds-responsive-xl-padding-inline-end-negative-auto {
      padding-inline-end: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-xl-padding-inline-end-0 {
      padding-inline-end: var(--gds-spacing-0);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-xl-padding-inline-end-0:is(.gds-responsive-xl-scrollable, .gds-responsive-xl-scrollable-vertically, .gds-responsive-xl-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-0) - 7px);
    }
    .gds-responsive-xl-padding-inline-end-negative-0 {
      padding-inline-end: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-xl-margin-0 {
      margin: 0;
    }
    .gds-responsive-xl-margin-auto {
      margin: auto;
    }
    .gds-responsive-xl-margin-3xs {
      margin: var(--gds-spacing-3xs);
    }
    .gds-responsive-xl-margin-negative-3xs {
      margin: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-xl-margin-2xs {
      margin: var(--gds-spacing-2xs);
    }
    .gds-responsive-xl-margin-negative-2xs {
      margin: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-xl-margin-xs {
      margin: var(--gds-spacing-xs);
    }
    .gds-responsive-xl-margin-negative-xs {
      margin: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-xl-margin-sm {
      margin: var(--gds-spacing-sm);
    }
    .gds-responsive-xl-margin-negative-sm {
      margin: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-xl-margin-md {
      margin: var(--gds-spacing-md);
    }
    .gds-responsive-xl-margin-negative-md {
      margin: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-xl-margin-lg {
      margin: var(--gds-spacing-lg);
    }
    .gds-responsive-xl-margin-negative-lg {
      margin: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-xl-margin-xl {
      margin: var(--gds-spacing-xl);
    }
    .gds-responsive-xl-margin-negative-xl {
      margin: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-xl-margin-2xl {
      margin: var(--gds-spacing-2xl);
    }
    .gds-responsive-xl-margin-negative-2xl {
      margin: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-xl-margin-3xl {
      margin: var(--gds-spacing-3xl);
    }
    .gds-responsive-xl-margin-negative-3xl {
      margin: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-xl-margin-auto {
      margin: var(--gds-spacing-auto);
    }
    .gds-responsive-xl-margin-negative-auto {
      margin: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-xl-margin-0 {
      margin: var(--gds-spacing-0);
    }
    .gds-responsive-xl-margin-negative-0 {
      margin: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-xl-margin-block-0 {
      margin-block: 0;
    }
    .gds-responsive-xl-margin-block-auto {
      margin-block: auto;
    }
    .gds-responsive-xl-margin-block-3xs {
      margin-block: var(--gds-spacing-3xs);
    }
    .gds-responsive-xl-margin-block-negative-3xs {
      margin-block: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-xl-margin-block-2xs {
      margin-block: var(--gds-spacing-2xs);
    }
    .gds-responsive-xl-margin-block-negative-2xs {
      margin-block: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-xl-margin-block-xs {
      margin-block: var(--gds-spacing-xs);
    }
    .gds-responsive-xl-margin-block-negative-xs {
      margin-block: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-xl-margin-block-sm {
      margin-block: var(--gds-spacing-sm);
    }
    .gds-responsive-xl-margin-block-negative-sm {
      margin-block: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-xl-margin-block-md {
      margin-block: var(--gds-spacing-md);
    }
    .gds-responsive-xl-margin-block-negative-md {
      margin-block: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-xl-margin-block-lg {
      margin-block: var(--gds-spacing-lg);
    }
    .gds-responsive-xl-margin-block-negative-lg {
      margin-block: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-xl-margin-block-xl {
      margin-block: var(--gds-spacing-xl);
    }
    .gds-responsive-xl-margin-block-negative-xl {
      margin-block: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-xl-margin-block-2xl {
      margin-block: var(--gds-spacing-2xl);
    }
    .gds-responsive-xl-margin-block-negative-2xl {
      margin-block: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-xl-margin-block-3xl {
      margin-block: var(--gds-spacing-3xl);
    }
    .gds-responsive-xl-margin-block-negative-3xl {
      margin-block: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-xl-margin-block-auto {
      margin-block: var(--gds-spacing-auto);
    }
    .gds-responsive-xl-margin-block-negative-auto {
      margin-block: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-xl-margin-block-0 {
      margin-block: var(--gds-spacing-0);
    }
    .gds-responsive-xl-margin-block-negative-0 {
      margin-block: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-xl-margin-block-start-0 {
      margin-block-start: 0;
    }
    .gds-responsive-xl-margin-block-start-auto {
      margin-block-start: auto;
    }
    .gds-responsive-xl-margin-block-start-3xs {
      margin-block-start: var(--gds-spacing-3xs);
    }
    .gds-responsive-xl-margin-block-start-negative-3xs {
      margin-block-start: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-xl-margin-block-start-2xs {
      margin-block-start: var(--gds-spacing-2xs);
    }
    .gds-responsive-xl-margin-block-start-negative-2xs {
      margin-block-start: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-xl-margin-block-start-xs {
      margin-block-start: var(--gds-spacing-xs);
    }
    .gds-responsive-xl-margin-block-start-negative-xs {
      margin-block-start: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-xl-margin-block-start-sm {
      margin-block-start: var(--gds-spacing-sm);
    }
    .gds-responsive-xl-margin-block-start-negative-sm {
      margin-block-start: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-xl-margin-block-start-md {
      margin-block-start: var(--gds-spacing-md);
    }
    .gds-responsive-xl-margin-block-start-negative-md {
      margin-block-start: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-xl-margin-block-start-lg {
      margin-block-start: var(--gds-spacing-lg);
    }
    .gds-responsive-xl-margin-block-start-negative-lg {
      margin-block-start: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-xl-margin-block-start-xl {
      margin-block-start: var(--gds-spacing-xl);
    }
    .gds-responsive-xl-margin-block-start-negative-xl {
      margin-block-start: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-xl-margin-block-start-2xl {
      margin-block-start: var(--gds-spacing-2xl);
    }
    .gds-responsive-xl-margin-block-start-negative-2xl {
      margin-block-start: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-xl-margin-block-start-3xl {
      margin-block-start: var(--gds-spacing-3xl);
    }
    .gds-responsive-xl-margin-block-start-negative-3xl {
      margin-block-start: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-xl-margin-block-start-auto {
      margin-block-start: var(--gds-spacing-auto);
    }
    .gds-responsive-xl-margin-block-start-negative-auto {
      margin-block-start: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-xl-margin-block-start-0 {
      margin-block-start: var(--gds-spacing-0);
    }
    .gds-responsive-xl-margin-block-start-negative-0 {
      margin-block-start: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-xl-margin-block-end-0 {
      margin-block-end: 0;
    }
    .gds-responsive-xl-margin-block-end-auto {
      margin-block-end: auto;
    }
    .gds-responsive-xl-margin-block-end-3xs {
      margin-block-end: var(--gds-spacing-3xs);
    }
    .gds-responsive-xl-margin-block-end-negative-3xs {
      margin-block-end: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-xl-margin-block-end-2xs {
      margin-block-end: var(--gds-spacing-2xs);
    }
    .gds-responsive-xl-margin-block-end-negative-2xs {
      margin-block-end: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-xl-margin-block-end-xs {
      margin-block-end: var(--gds-spacing-xs);
    }
    .gds-responsive-xl-margin-block-end-negative-xs {
      margin-block-end: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-xl-margin-block-end-sm {
      margin-block-end: var(--gds-spacing-sm);
    }
    .gds-responsive-xl-margin-block-end-negative-sm {
      margin-block-end: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-xl-margin-block-end-md {
      margin-block-end: var(--gds-spacing-md);
    }
    .gds-responsive-xl-margin-block-end-negative-md {
      margin-block-end: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-xl-margin-block-end-lg {
      margin-block-end: var(--gds-spacing-lg);
    }
    .gds-responsive-xl-margin-block-end-negative-lg {
      margin-block-end: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-xl-margin-block-end-xl {
      margin-block-end: var(--gds-spacing-xl);
    }
    .gds-responsive-xl-margin-block-end-negative-xl {
      margin-block-end: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-xl-margin-block-end-2xl {
      margin-block-end: var(--gds-spacing-2xl);
    }
    .gds-responsive-xl-margin-block-end-negative-2xl {
      margin-block-end: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-xl-margin-block-end-3xl {
      margin-block-end: var(--gds-spacing-3xl);
    }
    .gds-responsive-xl-margin-block-end-negative-3xl {
      margin-block-end: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-xl-margin-block-end-auto {
      margin-block-end: var(--gds-spacing-auto);
    }
    .gds-responsive-xl-margin-block-end-negative-auto {
      margin-block-end: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-xl-margin-block-end-0 {
      margin-block-end: var(--gds-spacing-0);
    }
    .gds-responsive-xl-margin-block-end-negative-0 {
      margin-block-end: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-xl-margin-inline-0 {
      margin-inline: 0;
    }
    .gds-responsive-xl-margin-inline-auto {
      margin-inline: auto;
    }
    .gds-responsive-xl-margin-inline-3xs {
      margin-inline: var(--gds-spacing-3xs);
    }
    .gds-responsive-xl-margin-inline-negative-3xs {
      margin-inline: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-xl-margin-inline-2xs {
      margin-inline: var(--gds-spacing-2xs);
    }
    .gds-responsive-xl-margin-inline-negative-2xs {
      margin-inline: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-xl-margin-inline-xs {
      margin-inline: var(--gds-spacing-xs);
    }
    .gds-responsive-xl-margin-inline-negative-xs {
      margin-inline: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-xl-margin-inline-sm {
      margin-inline: var(--gds-spacing-sm);
    }
    .gds-responsive-xl-margin-inline-negative-sm {
      margin-inline: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-xl-margin-inline-md {
      margin-inline: var(--gds-spacing-md);
    }
    .gds-responsive-xl-margin-inline-negative-md {
      margin-inline: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-xl-margin-inline-lg {
      margin-inline: var(--gds-spacing-lg);
    }
    .gds-responsive-xl-margin-inline-negative-lg {
      margin-inline: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-xl-margin-inline-xl {
      margin-inline: var(--gds-spacing-xl);
    }
    .gds-responsive-xl-margin-inline-negative-xl {
      margin-inline: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-xl-margin-inline-2xl {
      margin-inline: var(--gds-spacing-2xl);
    }
    .gds-responsive-xl-margin-inline-negative-2xl {
      margin-inline: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-xl-margin-inline-3xl {
      margin-inline: var(--gds-spacing-3xl);
    }
    .gds-responsive-xl-margin-inline-negative-3xl {
      margin-inline: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-xl-margin-inline-auto {
      margin-inline: var(--gds-spacing-auto);
    }
    .gds-responsive-xl-margin-inline-negative-auto {
      margin-inline: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-xl-margin-inline-0 {
      margin-inline: var(--gds-spacing-0);
    }
    .gds-responsive-xl-margin-inline-negative-0 {
      margin-inline: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-xl-margin-inline-start-0 {
      margin-inline-start: 0;
    }
    .gds-responsive-xl-margin-inline-start-auto {
      margin-inline-start: auto;
    }
    .gds-responsive-xl-margin-inline-start-3xs {
      margin-inline-start: var(--gds-spacing-3xs);
    }
    .gds-responsive-xl-margin-inline-start-negative-3xs {
      margin-inline-start: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-xl-margin-inline-start-2xs {
      margin-inline-start: var(--gds-spacing-2xs);
    }
    .gds-responsive-xl-margin-inline-start-negative-2xs {
      margin-inline-start: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-xl-margin-inline-start-xs {
      margin-inline-start: var(--gds-spacing-xs);
    }
    .gds-responsive-xl-margin-inline-start-negative-xs {
      margin-inline-start: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-xl-margin-inline-start-sm {
      margin-inline-start: var(--gds-spacing-sm);
    }
    .gds-responsive-xl-margin-inline-start-negative-sm {
      margin-inline-start: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-xl-margin-inline-start-md {
      margin-inline-start: var(--gds-spacing-md);
    }
    .gds-responsive-xl-margin-inline-start-negative-md {
      margin-inline-start: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-xl-margin-inline-start-lg {
      margin-inline-start: var(--gds-spacing-lg);
    }
    .gds-responsive-xl-margin-inline-start-negative-lg {
      margin-inline-start: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-xl-margin-inline-start-xl {
      margin-inline-start: var(--gds-spacing-xl);
    }
    .gds-responsive-xl-margin-inline-start-negative-xl {
      margin-inline-start: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-xl-margin-inline-start-2xl {
      margin-inline-start: var(--gds-spacing-2xl);
    }
    .gds-responsive-xl-margin-inline-start-negative-2xl {
      margin-inline-start: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-xl-margin-inline-start-3xl {
      margin-inline-start: var(--gds-spacing-3xl);
    }
    .gds-responsive-xl-margin-inline-start-negative-3xl {
      margin-inline-start: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-xl-margin-inline-start-auto {
      margin-inline-start: var(--gds-spacing-auto);
    }
    .gds-responsive-xl-margin-inline-start-negative-auto {
      margin-inline-start: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-xl-margin-inline-start-0 {
      margin-inline-start: var(--gds-spacing-0);
    }
    .gds-responsive-xl-margin-inline-start-negative-0 {
      margin-inline-start: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-xl-margin-inline-end-0 {
      margin-inline-end: 0;
    }
    .gds-responsive-xl-margin-inline-end-auto {
      margin-inline-end: auto;
    }
    .gds-responsive-xl-margin-inline-end-3xs {
      margin-inline-end: var(--gds-spacing-3xs);
    }
    .gds-responsive-xl-margin-inline-end-negative-3xs {
      margin-inline-end: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-xl-margin-inline-end-2xs {
      margin-inline-end: var(--gds-spacing-2xs);
    }
    .gds-responsive-xl-margin-inline-end-negative-2xs {
      margin-inline-end: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-xl-margin-inline-end-xs {
      margin-inline-end: var(--gds-spacing-xs);
    }
    .gds-responsive-xl-margin-inline-end-negative-xs {
      margin-inline-end: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-xl-margin-inline-end-sm {
      margin-inline-end: var(--gds-spacing-sm);
    }
    .gds-responsive-xl-margin-inline-end-negative-sm {
      margin-inline-end: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-xl-margin-inline-end-md {
      margin-inline-end: var(--gds-spacing-md);
    }
    .gds-responsive-xl-margin-inline-end-negative-md {
      margin-inline-end: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-xl-margin-inline-end-lg {
      margin-inline-end: var(--gds-spacing-lg);
    }
    .gds-responsive-xl-margin-inline-end-negative-lg {
      margin-inline-end: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-xl-margin-inline-end-xl {
      margin-inline-end: var(--gds-spacing-xl);
    }
    .gds-responsive-xl-margin-inline-end-negative-xl {
      margin-inline-end: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-xl-margin-inline-end-2xl {
      margin-inline-end: var(--gds-spacing-2xl);
    }
    .gds-responsive-xl-margin-inline-end-negative-2xl {
      margin-inline-end: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-xl-margin-inline-end-3xl {
      margin-inline-end: var(--gds-spacing-3xl);
    }
    .gds-responsive-xl-margin-inline-end-negative-3xl {
      margin-inline-end: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-xl-margin-inline-end-auto {
      margin-inline-end: var(--gds-spacing-auto);
    }
    .gds-responsive-xl-margin-inline-end-negative-auto {
      margin-inline-end: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-xl-margin-inline-end-0 {
      margin-inline-end: var(--gds-spacing-0);
    }
    .gds-responsive-xl-margin-inline-end-negative-0 {
      margin-inline-end: calc(-1 * var(--gds-spacing-0));
    }
  }
  @media (max-width: 1200px) {
    .gds-responsive-lg-gap-3xs {
      gap: var(--gds-spacing-3xs);
    }
    .gds-responsive-lg-gap-2xs {
      gap: var(--gds-spacing-2xs);
    }
    .gds-responsive-lg-gap-xs {
      gap: var(--gds-spacing-xs);
    }
    .gds-responsive-lg-gap-sm {
      gap: var(--gds-spacing-sm);
    }
    .gds-responsive-lg-gap-md {
      gap: var(--gds-spacing-md);
    }
    .gds-responsive-lg-gap-lg {
      gap: var(--gds-spacing-lg);
    }
    .gds-responsive-lg-gap-xl {
      gap: var(--gds-spacing-xl);
    }
    .gds-responsive-lg-gap-2xl {
      gap: var(--gds-spacing-2xl);
    }
    .gds-responsive-lg-gap-3xl {
      gap: var(--gds-spacing-3xl);
    }
    .gds-responsive-lg-gap-auto {
      gap: var(--gds-spacing-auto);
    }
    .gds-responsive-lg-gap-0 {
      gap: var(--gds-spacing-0);
    }
    .gds-responsive-lg-row-gap-3xs {
      row-gap: var(--gds-spacing-3xs);
    }
    .gds-responsive-lg-row-gap-2xs {
      row-gap: var(--gds-spacing-2xs);
    }
    .gds-responsive-lg-row-gap-xs {
      row-gap: var(--gds-spacing-xs);
    }
    .gds-responsive-lg-row-gap-sm {
      row-gap: var(--gds-spacing-sm);
    }
    .gds-responsive-lg-row-gap-md {
      row-gap: var(--gds-spacing-md);
    }
    .gds-responsive-lg-row-gap-lg {
      row-gap: var(--gds-spacing-lg);
    }
    .gds-responsive-lg-row-gap-xl {
      row-gap: var(--gds-spacing-xl);
    }
    .gds-responsive-lg-row-gap-2xl {
      row-gap: var(--gds-spacing-2xl);
    }
    .gds-responsive-lg-row-gap-3xl {
      row-gap: var(--gds-spacing-3xl);
    }
    .gds-responsive-lg-row-gap-auto {
      row-gap: var(--gds-spacing-auto);
    }
    .gds-responsive-lg-row-gap-0 {
      row-gap: var(--gds-spacing-0);
    }
    .gds-responsive-lg-column-gap-3xs {
      column-gap: var(--gds-spacing-3xs);
    }
    .gds-responsive-lg-column-gap-2xs {
      column-gap: var(--gds-spacing-2xs);
    }
    .gds-responsive-lg-column-gap-xs {
      column-gap: var(--gds-spacing-xs);
    }
    .gds-responsive-lg-column-gap-sm {
      column-gap: var(--gds-spacing-sm);
    }
    .gds-responsive-lg-column-gap-md {
      column-gap: var(--gds-spacing-md);
    }
    .gds-responsive-lg-column-gap-lg {
      column-gap: var(--gds-spacing-lg);
    }
    .gds-responsive-lg-column-gap-xl {
      column-gap: var(--gds-spacing-xl);
    }
    .gds-responsive-lg-column-gap-2xl {
      column-gap: var(--gds-spacing-2xl);
    }
    .gds-responsive-lg-column-gap-3xl {
      column-gap: var(--gds-spacing-3xl);
    }
    .gds-responsive-lg-column-gap-auto {
      column-gap: var(--gds-spacing-auto);
    }
    .gds-responsive-lg-column-gap-0 {
      column-gap: var(--gds-spacing-0);
    }
    .gds-responsive-lg-padding-0 {
      padding: 0;
    }
    .gds-responsive-lg-padding-auto {
      padding: auto;
    }
    .gds-responsive-lg-padding-3xs {
      padding: var(--gds-spacing-3xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-lg-padding-3xs:is(.gds-responsive-lg-scrollable, .gds-responsive-lg-scrollable-vertically, .gds-responsive-lg-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-3xs) - 7px);
    }
    .gds-responsive-lg-padding-negative-3xs {
      padding: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-lg-padding-2xs {
      padding: var(--gds-spacing-2xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-lg-padding-2xs:is(.gds-responsive-lg-scrollable, .gds-responsive-lg-scrollable-vertically, .gds-responsive-lg-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-2xs) - 7px);
    }
    .gds-responsive-lg-padding-negative-2xs {
      padding: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-lg-padding-xs {
      padding: var(--gds-spacing-xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-lg-padding-xs:is(.gds-responsive-lg-scrollable, .gds-responsive-lg-scrollable-vertically, .gds-responsive-lg-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-xs) - 7px);
    }
    .gds-responsive-lg-padding-negative-xs {
      padding: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-lg-padding-sm {
      padding: var(--gds-spacing-sm);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-lg-padding-sm:is(.gds-responsive-lg-scrollable, .gds-responsive-lg-scrollable-vertically, .gds-responsive-lg-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-sm) - 7px);
    }
    .gds-responsive-lg-padding-negative-sm {
      padding: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-lg-padding-md {
      padding: var(--gds-spacing-md);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-lg-padding-md:is(.gds-responsive-lg-scrollable, .gds-responsive-lg-scrollable-vertically, .gds-responsive-lg-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-md) - 7px);
    }
    .gds-responsive-lg-padding-negative-md {
      padding: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-lg-padding-lg {
      padding: var(--gds-spacing-lg);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-lg-padding-lg:is(.gds-responsive-lg-scrollable, .gds-responsive-lg-scrollable-vertically, .gds-responsive-lg-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-lg) - 7px);
    }
    .gds-responsive-lg-padding-negative-lg {
      padding: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-lg-padding-xl {
      padding: var(--gds-spacing-xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-lg-padding-xl:is(.gds-responsive-lg-scrollable, .gds-responsive-lg-scrollable-vertically, .gds-responsive-lg-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-xl) - 7px);
    }
    .gds-responsive-lg-padding-negative-xl {
      padding: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-lg-padding-2xl {
      padding: var(--gds-spacing-2xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-lg-padding-2xl:is(.gds-responsive-lg-scrollable, .gds-responsive-lg-scrollable-vertically, .gds-responsive-lg-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-2xl) - 7px);
    }
    .gds-responsive-lg-padding-negative-2xl {
      padding: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-lg-padding-3xl {
      padding: var(--gds-spacing-3xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-lg-padding-3xl:is(.gds-responsive-lg-scrollable, .gds-responsive-lg-scrollable-vertically, .gds-responsive-lg-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-3xl) - 7px);
    }
    .gds-responsive-lg-padding-negative-3xl {
      padding: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-lg-padding-auto {
      padding: var(--gds-spacing-auto);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-lg-padding-auto:is(.gds-responsive-lg-scrollable, .gds-responsive-lg-scrollable-vertically, .gds-responsive-lg-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-auto) - 7px);
    }
    .gds-responsive-lg-padding-negative-auto {
      padding: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-lg-padding-0 {
      padding: var(--gds-spacing-0);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-lg-padding-0:is(.gds-responsive-lg-scrollable, .gds-responsive-lg-scrollable-vertically, .gds-responsive-lg-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-0) - 7px);
    }
    .gds-responsive-lg-padding-negative-0 {
      padding: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-lg-padding-block-0 {
      padding-block: 0;
    }
    .gds-responsive-lg-padding-block-auto {
      padding-block: auto;
    }
    .gds-responsive-lg-padding-block-3xs {
      padding-block: var(--gds-spacing-3xs);
    }
    .gds-responsive-lg-padding-block-negative-3xs {
      padding-block: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-lg-padding-block-2xs {
      padding-block: var(--gds-spacing-2xs);
    }
    .gds-responsive-lg-padding-block-negative-2xs {
      padding-block: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-lg-padding-block-xs {
      padding-block: var(--gds-spacing-xs);
    }
    .gds-responsive-lg-padding-block-negative-xs {
      padding-block: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-lg-padding-block-sm {
      padding-block: var(--gds-spacing-sm);
    }
    .gds-responsive-lg-padding-block-negative-sm {
      padding-block: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-lg-padding-block-md {
      padding-block: var(--gds-spacing-md);
    }
    .gds-responsive-lg-padding-block-negative-md {
      padding-block: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-lg-padding-block-lg {
      padding-block: var(--gds-spacing-lg);
    }
    .gds-responsive-lg-padding-block-negative-lg {
      padding-block: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-lg-padding-block-xl {
      padding-block: var(--gds-spacing-xl);
    }
    .gds-responsive-lg-padding-block-negative-xl {
      padding-block: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-lg-padding-block-2xl {
      padding-block: var(--gds-spacing-2xl);
    }
    .gds-responsive-lg-padding-block-negative-2xl {
      padding-block: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-lg-padding-block-3xl {
      padding-block: var(--gds-spacing-3xl);
    }
    .gds-responsive-lg-padding-block-negative-3xl {
      padding-block: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-lg-padding-block-auto {
      padding-block: var(--gds-spacing-auto);
    }
    .gds-responsive-lg-padding-block-negative-auto {
      padding-block: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-lg-padding-block-0 {
      padding-block: var(--gds-spacing-0);
    }
    .gds-responsive-lg-padding-block-negative-0 {
      padding-block: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-lg-padding-block-start-0 {
      padding-block-start: 0;
    }
    .gds-responsive-lg-padding-block-start-auto {
      padding-block-start: auto;
    }
    .gds-responsive-lg-padding-block-start-3xs {
      padding-block-start: var(--gds-spacing-3xs);
    }
    .gds-responsive-lg-padding-block-start-negative-3xs {
      padding-block-start: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-lg-padding-block-start-2xs {
      padding-block-start: var(--gds-spacing-2xs);
    }
    .gds-responsive-lg-padding-block-start-negative-2xs {
      padding-block-start: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-lg-padding-block-start-xs {
      padding-block-start: var(--gds-spacing-xs);
    }
    .gds-responsive-lg-padding-block-start-negative-xs {
      padding-block-start: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-lg-padding-block-start-sm {
      padding-block-start: var(--gds-spacing-sm);
    }
    .gds-responsive-lg-padding-block-start-negative-sm {
      padding-block-start: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-lg-padding-block-start-md {
      padding-block-start: var(--gds-spacing-md);
    }
    .gds-responsive-lg-padding-block-start-negative-md {
      padding-block-start: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-lg-padding-block-start-lg {
      padding-block-start: var(--gds-spacing-lg);
    }
    .gds-responsive-lg-padding-block-start-negative-lg {
      padding-block-start: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-lg-padding-block-start-xl {
      padding-block-start: var(--gds-spacing-xl);
    }
    .gds-responsive-lg-padding-block-start-negative-xl {
      padding-block-start: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-lg-padding-block-start-2xl {
      padding-block-start: var(--gds-spacing-2xl);
    }
    .gds-responsive-lg-padding-block-start-negative-2xl {
      padding-block-start: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-lg-padding-block-start-3xl {
      padding-block-start: var(--gds-spacing-3xl);
    }
    .gds-responsive-lg-padding-block-start-negative-3xl {
      padding-block-start: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-lg-padding-block-start-auto {
      padding-block-start: var(--gds-spacing-auto);
    }
    .gds-responsive-lg-padding-block-start-negative-auto {
      padding-block-start: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-lg-padding-block-start-0 {
      padding-block-start: var(--gds-spacing-0);
    }
    .gds-responsive-lg-padding-block-start-negative-0 {
      padding-block-start: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-lg-padding-block-end-0 {
      padding-block-end: 0;
    }
    .gds-responsive-lg-padding-block-end-auto {
      padding-block-end: auto;
    }
    .gds-responsive-lg-padding-block-end-3xs {
      padding-block-end: var(--gds-spacing-3xs);
    }
    .gds-responsive-lg-padding-block-end-negative-3xs {
      padding-block-end: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-lg-padding-block-end-2xs {
      padding-block-end: var(--gds-spacing-2xs);
    }
    .gds-responsive-lg-padding-block-end-negative-2xs {
      padding-block-end: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-lg-padding-block-end-xs {
      padding-block-end: var(--gds-spacing-xs);
    }
    .gds-responsive-lg-padding-block-end-negative-xs {
      padding-block-end: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-lg-padding-block-end-sm {
      padding-block-end: var(--gds-spacing-sm);
    }
    .gds-responsive-lg-padding-block-end-negative-sm {
      padding-block-end: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-lg-padding-block-end-md {
      padding-block-end: var(--gds-spacing-md);
    }
    .gds-responsive-lg-padding-block-end-negative-md {
      padding-block-end: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-lg-padding-block-end-lg {
      padding-block-end: var(--gds-spacing-lg);
    }
    .gds-responsive-lg-padding-block-end-negative-lg {
      padding-block-end: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-lg-padding-block-end-xl {
      padding-block-end: var(--gds-spacing-xl);
    }
    .gds-responsive-lg-padding-block-end-negative-xl {
      padding-block-end: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-lg-padding-block-end-2xl {
      padding-block-end: var(--gds-spacing-2xl);
    }
    .gds-responsive-lg-padding-block-end-negative-2xl {
      padding-block-end: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-lg-padding-block-end-3xl {
      padding-block-end: var(--gds-spacing-3xl);
    }
    .gds-responsive-lg-padding-block-end-negative-3xl {
      padding-block-end: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-lg-padding-block-end-auto {
      padding-block-end: var(--gds-spacing-auto);
    }
    .gds-responsive-lg-padding-block-end-negative-auto {
      padding-block-end: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-lg-padding-block-end-0 {
      padding-block-end: var(--gds-spacing-0);
    }
    .gds-responsive-lg-padding-block-end-negative-0 {
      padding-block-end: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-lg-padding-inline-0 {
      padding-inline: 0;
    }
    .gds-responsive-lg-padding-inline-auto {
      padding-inline: auto;
    }
    .gds-responsive-lg-padding-inline-3xs {
      padding-inline: var(--gds-spacing-3xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-lg-padding-inline-3xs:is(.gds-responsive-lg-scrollable, .gds-responsive-lg-scrollable-vertically, .gds-responsive-lg-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-3xs) - 7px);
    }
    .gds-responsive-lg-padding-inline-negative-3xs {
      padding-inline: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-lg-padding-inline-2xs {
      padding-inline: var(--gds-spacing-2xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-lg-padding-inline-2xs:is(.gds-responsive-lg-scrollable, .gds-responsive-lg-scrollable-vertically, .gds-responsive-lg-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-2xs) - 7px);
    }
    .gds-responsive-lg-padding-inline-negative-2xs {
      padding-inline: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-lg-padding-inline-xs {
      padding-inline: var(--gds-spacing-xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-lg-padding-inline-xs:is(.gds-responsive-lg-scrollable, .gds-responsive-lg-scrollable-vertically, .gds-responsive-lg-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-xs) - 7px);
    }
    .gds-responsive-lg-padding-inline-negative-xs {
      padding-inline: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-lg-padding-inline-sm {
      padding-inline: var(--gds-spacing-sm);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-lg-padding-inline-sm:is(.gds-responsive-lg-scrollable, .gds-responsive-lg-scrollable-vertically, .gds-responsive-lg-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-sm) - 7px);
    }
    .gds-responsive-lg-padding-inline-negative-sm {
      padding-inline: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-lg-padding-inline-md {
      padding-inline: var(--gds-spacing-md);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-lg-padding-inline-md:is(.gds-responsive-lg-scrollable, .gds-responsive-lg-scrollable-vertically, .gds-responsive-lg-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-md) - 7px);
    }
    .gds-responsive-lg-padding-inline-negative-md {
      padding-inline: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-lg-padding-inline-lg {
      padding-inline: var(--gds-spacing-lg);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-lg-padding-inline-lg:is(.gds-responsive-lg-scrollable, .gds-responsive-lg-scrollable-vertically, .gds-responsive-lg-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-lg) - 7px);
    }
    .gds-responsive-lg-padding-inline-negative-lg {
      padding-inline: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-lg-padding-inline-xl {
      padding-inline: var(--gds-spacing-xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-lg-padding-inline-xl:is(.gds-responsive-lg-scrollable, .gds-responsive-lg-scrollable-vertically, .gds-responsive-lg-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-xl) - 7px);
    }
    .gds-responsive-lg-padding-inline-negative-xl {
      padding-inline: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-lg-padding-inline-2xl {
      padding-inline: var(--gds-spacing-2xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-lg-padding-inline-2xl:is(.gds-responsive-lg-scrollable, .gds-responsive-lg-scrollable-vertically, .gds-responsive-lg-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-2xl) - 7px);
    }
    .gds-responsive-lg-padding-inline-negative-2xl {
      padding-inline: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-lg-padding-inline-3xl {
      padding-inline: var(--gds-spacing-3xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-lg-padding-inline-3xl:is(.gds-responsive-lg-scrollable, .gds-responsive-lg-scrollable-vertically, .gds-responsive-lg-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-3xl) - 7px);
    }
    .gds-responsive-lg-padding-inline-negative-3xl {
      padding-inline: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-lg-padding-inline-auto {
      padding-inline: var(--gds-spacing-auto);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-lg-padding-inline-auto:is(.gds-responsive-lg-scrollable, .gds-responsive-lg-scrollable-vertically, .gds-responsive-lg-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-auto) - 7px);
    }
    .gds-responsive-lg-padding-inline-negative-auto {
      padding-inline: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-lg-padding-inline-0 {
      padding-inline: var(--gds-spacing-0);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-lg-padding-inline-0:is(.gds-responsive-lg-scrollable, .gds-responsive-lg-scrollable-vertically, .gds-responsive-lg-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-0) - 7px);
    }
    .gds-responsive-lg-padding-inline-negative-0 {
      padding-inline: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-lg-padding-inline-start-0 {
      padding-inline-start: 0;
    }
    .gds-responsive-lg-padding-inline-start-auto {
      padding-inline-start: auto;
    }
    .gds-responsive-lg-padding-inline-start-3xs {
      padding-inline-start: var(--gds-spacing-3xs);
    }
    .gds-responsive-lg-padding-inline-start-negative-3xs {
      padding-inline-start: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-lg-padding-inline-start-2xs {
      padding-inline-start: var(--gds-spacing-2xs);
    }
    .gds-responsive-lg-padding-inline-start-negative-2xs {
      padding-inline-start: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-lg-padding-inline-start-xs {
      padding-inline-start: var(--gds-spacing-xs);
    }
    .gds-responsive-lg-padding-inline-start-negative-xs {
      padding-inline-start: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-lg-padding-inline-start-sm {
      padding-inline-start: var(--gds-spacing-sm);
    }
    .gds-responsive-lg-padding-inline-start-negative-sm {
      padding-inline-start: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-lg-padding-inline-start-md {
      padding-inline-start: var(--gds-spacing-md);
    }
    .gds-responsive-lg-padding-inline-start-negative-md {
      padding-inline-start: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-lg-padding-inline-start-lg {
      padding-inline-start: var(--gds-spacing-lg);
    }
    .gds-responsive-lg-padding-inline-start-negative-lg {
      padding-inline-start: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-lg-padding-inline-start-xl {
      padding-inline-start: var(--gds-spacing-xl);
    }
    .gds-responsive-lg-padding-inline-start-negative-xl {
      padding-inline-start: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-lg-padding-inline-start-2xl {
      padding-inline-start: var(--gds-spacing-2xl);
    }
    .gds-responsive-lg-padding-inline-start-negative-2xl {
      padding-inline-start: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-lg-padding-inline-start-3xl {
      padding-inline-start: var(--gds-spacing-3xl);
    }
    .gds-responsive-lg-padding-inline-start-negative-3xl {
      padding-inline-start: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-lg-padding-inline-start-auto {
      padding-inline-start: var(--gds-spacing-auto);
    }
    .gds-responsive-lg-padding-inline-start-negative-auto {
      padding-inline-start: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-lg-padding-inline-start-0 {
      padding-inline-start: var(--gds-spacing-0);
    }
    .gds-responsive-lg-padding-inline-start-negative-0 {
      padding-inline-start: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-lg-padding-inline-end-0 {
      padding-inline-end: 0;
    }
    .gds-responsive-lg-padding-inline-end-auto {
      padding-inline-end: auto;
    }
    .gds-responsive-lg-padding-inline-end-3xs {
      padding-inline-end: var(--gds-spacing-3xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-lg-padding-inline-end-3xs:is(.gds-responsive-lg-scrollable, .gds-responsive-lg-scrollable-vertically, .gds-responsive-lg-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-3xs) - 7px);
    }
    .gds-responsive-lg-padding-inline-end-negative-3xs {
      padding-inline-end: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-lg-padding-inline-end-2xs {
      padding-inline-end: var(--gds-spacing-2xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-lg-padding-inline-end-2xs:is(.gds-responsive-lg-scrollable, .gds-responsive-lg-scrollable-vertically, .gds-responsive-lg-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-2xs) - 7px);
    }
    .gds-responsive-lg-padding-inline-end-negative-2xs {
      padding-inline-end: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-lg-padding-inline-end-xs {
      padding-inline-end: var(--gds-spacing-xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-lg-padding-inline-end-xs:is(.gds-responsive-lg-scrollable, .gds-responsive-lg-scrollable-vertically, .gds-responsive-lg-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-xs) - 7px);
    }
    .gds-responsive-lg-padding-inline-end-negative-xs {
      padding-inline-end: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-lg-padding-inline-end-sm {
      padding-inline-end: var(--gds-spacing-sm);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-lg-padding-inline-end-sm:is(.gds-responsive-lg-scrollable, .gds-responsive-lg-scrollable-vertically, .gds-responsive-lg-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-sm) - 7px);
    }
    .gds-responsive-lg-padding-inline-end-negative-sm {
      padding-inline-end: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-lg-padding-inline-end-md {
      padding-inline-end: var(--gds-spacing-md);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-lg-padding-inline-end-md:is(.gds-responsive-lg-scrollable, .gds-responsive-lg-scrollable-vertically, .gds-responsive-lg-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-md) - 7px);
    }
    .gds-responsive-lg-padding-inline-end-negative-md {
      padding-inline-end: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-lg-padding-inline-end-lg {
      padding-inline-end: var(--gds-spacing-lg);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-lg-padding-inline-end-lg:is(.gds-responsive-lg-scrollable, .gds-responsive-lg-scrollable-vertically, .gds-responsive-lg-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-lg) - 7px);
    }
    .gds-responsive-lg-padding-inline-end-negative-lg {
      padding-inline-end: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-lg-padding-inline-end-xl {
      padding-inline-end: var(--gds-spacing-xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-lg-padding-inline-end-xl:is(.gds-responsive-lg-scrollable, .gds-responsive-lg-scrollable-vertically, .gds-responsive-lg-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-xl) - 7px);
    }
    .gds-responsive-lg-padding-inline-end-negative-xl {
      padding-inline-end: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-lg-padding-inline-end-2xl {
      padding-inline-end: var(--gds-spacing-2xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-lg-padding-inline-end-2xl:is(.gds-responsive-lg-scrollable, .gds-responsive-lg-scrollable-vertically, .gds-responsive-lg-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-2xl) - 7px);
    }
    .gds-responsive-lg-padding-inline-end-negative-2xl {
      padding-inline-end: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-lg-padding-inline-end-3xl {
      padding-inline-end: var(--gds-spacing-3xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-lg-padding-inline-end-3xl:is(.gds-responsive-lg-scrollable, .gds-responsive-lg-scrollable-vertically, .gds-responsive-lg-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-3xl) - 7px);
    }
    .gds-responsive-lg-padding-inline-end-negative-3xl {
      padding-inline-end: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-lg-padding-inline-end-auto {
      padding-inline-end: var(--gds-spacing-auto);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-lg-padding-inline-end-auto:is(.gds-responsive-lg-scrollable, .gds-responsive-lg-scrollable-vertically, .gds-responsive-lg-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-auto) - 7px);
    }
    .gds-responsive-lg-padding-inline-end-negative-auto {
      padding-inline-end: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-lg-padding-inline-end-0 {
      padding-inline-end: var(--gds-spacing-0);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-lg-padding-inline-end-0:is(.gds-responsive-lg-scrollable, .gds-responsive-lg-scrollable-vertically, .gds-responsive-lg-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-0) - 7px);
    }
    .gds-responsive-lg-padding-inline-end-negative-0 {
      padding-inline-end: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-lg-margin-0 {
      margin: 0;
    }
    .gds-responsive-lg-margin-auto {
      margin: auto;
    }
    .gds-responsive-lg-margin-3xs {
      margin: var(--gds-spacing-3xs);
    }
    .gds-responsive-lg-margin-negative-3xs {
      margin: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-lg-margin-2xs {
      margin: var(--gds-spacing-2xs);
    }
    .gds-responsive-lg-margin-negative-2xs {
      margin: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-lg-margin-xs {
      margin: var(--gds-spacing-xs);
    }
    .gds-responsive-lg-margin-negative-xs {
      margin: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-lg-margin-sm {
      margin: var(--gds-spacing-sm);
    }
    .gds-responsive-lg-margin-negative-sm {
      margin: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-lg-margin-md {
      margin: var(--gds-spacing-md);
    }
    .gds-responsive-lg-margin-negative-md {
      margin: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-lg-margin-lg {
      margin: var(--gds-spacing-lg);
    }
    .gds-responsive-lg-margin-negative-lg {
      margin: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-lg-margin-xl {
      margin: var(--gds-spacing-xl);
    }
    .gds-responsive-lg-margin-negative-xl {
      margin: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-lg-margin-2xl {
      margin: var(--gds-spacing-2xl);
    }
    .gds-responsive-lg-margin-negative-2xl {
      margin: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-lg-margin-3xl {
      margin: var(--gds-spacing-3xl);
    }
    .gds-responsive-lg-margin-negative-3xl {
      margin: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-lg-margin-auto {
      margin: var(--gds-spacing-auto);
    }
    .gds-responsive-lg-margin-negative-auto {
      margin: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-lg-margin-0 {
      margin: var(--gds-spacing-0);
    }
    .gds-responsive-lg-margin-negative-0 {
      margin: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-lg-margin-block-0 {
      margin-block: 0;
    }
    .gds-responsive-lg-margin-block-auto {
      margin-block: auto;
    }
    .gds-responsive-lg-margin-block-3xs {
      margin-block: var(--gds-spacing-3xs);
    }
    .gds-responsive-lg-margin-block-negative-3xs {
      margin-block: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-lg-margin-block-2xs {
      margin-block: var(--gds-spacing-2xs);
    }
    .gds-responsive-lg-margin-block-negative-2xs {
      margin-block: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-lg-margin-block-xs {
      margin-block: var(--gds-spacing-xs);
    }
    .gds-responsive-lg-margin-block-negative-xs {
      margin-block: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-lg-margin-block-sm {
      margin-block: var(--gds-spacing-sm);
    }
    .gds-responsive-lg-margin-block-negative-sm {
      margin-block: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-lg-margin-block-md {
      margin-block: var(--gds-spacing-md);
    }
    .gds-responsive-lg-margin-block-negative-md {
      margin-block: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-lg-margin-block-lg {
      margin-block: var(--gds-spacing-lg);
    }
    .gds-responsive-lg-margin-block-negative-lg {
      margin-block: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-lg-margin-block-xl {
      margin-block: var(--gds-spacing-xl);
    }
    .gds-responsive-lg-margin-block-negative-xl {
      margin-block: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-lg-margin-block-2xl {
      margin-block: var(--gds-spacing-2xl);
    }
    .gds-responsive-lg-margin-block-negative-2xl {
      margin-block: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-lg-margin-block-3xl {
      margin-block: var(--gds-spacing-3xl);
    }
    .gds-responsive-lg-margin-block-negative-3xl {
      margin-block: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-lg-margin-block-auto {
      margin-block: var(--gds-spacing-auto);
    }
    .gds-responsive-lg-margin-block-negative-auto {
      margin-block: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-lg-margin-block-0 {
      margin-block: var(--gds-spacing-0);
    }
    .gds-responsive-lg-margin-block-negative-0 {
      margin-block: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-lg-margin-block-start-0 {
      margin-block-start: 0;
    }
    .gds-responsive-lg-margin-block-start-auto {
      margin-block-start: auto;
    }
    .gds-responsive-lg-margin-block-start-3xs {
      margin-block-start: var(--gds-spacing-3xs);
    }
    .gds-responsive-lg-margin-block-start-negative-3xs {
      margin-block-start: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-lg-margin-block-start-2xs {
      margin-block-start: var(--gds-spacing-2xs);
    }
    .gds-responsive-lg-margin-block-start-negative-2xs {
      margin-block-start: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-lg-margin-block-start-xs {
      margin-block-start: var(--gds-spacing-xs);
    }
    .gds-responsive-lg-margin-block-start-negative-xs {
      margin-block-start: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-lg-margin-block-start-sm {
      margin-block-start: var(--gds-spacing-sm);
    }
    .gds-responsive-lg-margin-block-start-negative-sm {
      margin-block-start: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-lg-margin-block-start-md {
      margin-block-start: var(--gds-spacing-md);
    }
    .gds-responsive-lg-margin-block-start-negative-md {
      margin-block-start: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-lg-margin-block-start-lg {
      margin-block-start: var(--gds-spacing-lg);
    }
    .gds-responsive-lg-margin-block-start-negative-lg {
      margin-block-start: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-lg-margin-block-start-xl {
      margin-block-start: var(--gds-spacing-xl);
    }
    .gds-responsive-lg-margin-block-start-negative-xl {
      margin-block-start: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-lg-margin-block-start-2xl {
      margin-block-start: var(--gds-spacing-2xl);
    }
    .gds-responsive-lg-margin-block-start-negative-2xl {
      margin-block-start: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-lg-margin-block-start-3xl {
      margin-block-start: var(--gds-spacing-3xl);
    }
    .gds-responsive-lg-margin-block-start-negative-3xl {
      margin-block-start: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-lg-margin-block-start-auto {
      margin-block-start: var(--gds-spacing-auto);
    }
    .gds-responsive-lg-margin-block-start-negative-auto {
      margin-block-start: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-lg-margin-block-start-0 {
      margin-block-start: var(--gds-spacing-0);
    }
    .gds-responsive-lg-margin-block-start-negative-0 {
      margin-block-start: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-lg-margin-block-end-0 {
      margin-block-end: 0;
    }
    .gds-responsive-lg-margin-block-end-auto {
      margin-block-end: auto;
    }
    .gds-responsive-lg-margin-block-end-3xs {
      margin-block-end: var(--gds-spacing-3xs);
    }
    .gds-responsive-lg-margin-block-end-negative-3xs {
      margin-block-end: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-lg-margin-block-end-2xs {
      margin-block-end: var(--gds-spacing-2xs);
    }
    .gds-responsive-lg-margin-block-end-negative-2xs {
      margin-block-end: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-lg-margin-block-end-xs {
      margin-block-end: var(--gds-spacing-xs);
    }
    .gds-responsive-lg-margin-block-end-negative-xs {
      margin-block-end: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-lg-margin-block-end-sm {
      margin-block-end: var(--gds-spacing-sm);
    }
    .gds-responsive-lg-margin-block-end-negative-sm {
      margin-block-end: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-lg-margin-block-end-md {
      margin-block-end: var(--gds-spacing-md);
    }
    .gds-responsive-lg-margin-block-end-negative-md {
      margin-block-end: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-lg-margin-block-end-lg {
      margin-block-end: var(--gds-spacing-lg);
    }
    .gds-responsive-lg-margin-block-end-negative-lg {
      margin-block-end: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-lg-margin-block-end-xl {
      margin-block-end: var(--gds-spacing-xl);
    }
    .gds-responsive-lg-margin-block-end-negative-xl {
      margin-block-end: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-lg-margin-block-end-2xl {
      margin-block-end: var(--gds-spacing-2xl);
    }
    .gds-responsive-lg-margin-block-end-negative-2xl {
      margin-block-end: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-lg-margin-block-end-3xl {
      margin-block-end: var(--gds-spacing-3xl);
    }
    .gds-responsive-lg-margin-block-end-negative-3xl {
      margin-block-end: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-lg-margin-block-end-auto {
      margin-block-end: var(--gds-spacing-auto);
    }
    .gds-responsive-lg-margin-block-end-negative-auto {
      margin-block-end: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-lg-margin-block-end-0 {
      margin-block-end: var(--gds-spacing-0);
    }
    .gds-responsive-lg-margin-block-end-negative-0 {
      margin-block-end: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-lg-margin-inline-0 {
      margin-inline: 0;
    }
    .gds-responsive-lg-margin-inline-auto {
      margin-inline: auto;
    }
    .gds-responsive-lg-margin-inline-3xs {
      margin-inline: var(--gds-spacing-3xs);
    }
    .gds-responsive-lg-margin-inline-negative-3xs {
      margin-inline: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-lg-margin-inline-2xs {
      margin-inline: var(--gds-spacing-2xs);
    }
    .gds-responsive-lg-margin-inline-negative-2xs {
      margin-inline: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-lg-margin-inline-xs {
      margin-inline: var(--gds-spacing-xs);
    }
    .gds-responsive-lg-margin-inline-negative-xs {
      margin-inline: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-lg-margin-inline-sm {
      margin-inline: var(--gds-spacing-sm);
    }
    .gds-responsive-lg-margin-inline-negative-sm {
      margin-inline: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-lg-margin-inline-md {
      margin-inline: var(--gds-spacing-md);
    }
    .gds-responsive-lg-margin-inline-negative-md {
      margin-inline: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-lg-margin-inline-lg {
      margin-inline: var(--gds-spacing-lg);
    }
    .gds-responsive-lg-margin-inline-negative-lg {
      margin-inline: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-lg-margin-inline-xl {
      margin-inline: var(--gds-spacing-xl);
    }
    .gds-responsive-lg-margin-inline-negative-xl {
      margin-inline: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-lg-margin-inline-2xl {
      margin-inline: var(--gds-spacing-2xl);
    }
    .gds-responsive-lg-margin-inline-negative-2xl {
      margin-inline: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-lg-margin-inline-3xl {
      margin-inline: var(--gds-spacing-3xl);
    }
    .gds-responsive-lg-margin-inline-negative-3xl {
      margin-inline: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-lg-margin-inline-auto {
      margin-inline: var(--gds-spacing-auto);
    }
    .gds-responsive-lg-margin-inline-negative-auto {
      margin-inline: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-lg-margin-inline-0 {
      margin-inline: var(--gds-spacing-0);
    }
    .gds-responsive-lg-margin-inline-negative-0 {
      margin-inline: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-lg-margin-inline-start-0 {
      margin-inline-start: 0;
    }
    .gds-responsive-lg-margin-inline-start-auto {
      margin-inline-start: auto;
    }
    .gds-responsive-lg-margin-inline-start-3xs {
      margin-inline-start: var(--gds-spacing-3xs);
    }
    .gds-responsive-lg-margin-inline-start-negative-3xs {
      margin-inline-start: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-lg-margin-inline-start-2xs {
      margin-inline-start: var(--gds-spacing-2xs);
    }
    .gds-responsive-lg-margin-inline-start-negative-2xs {
      margin-inline-start: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-lg-margin-inline-start-xs {
      margin-inline-start: var(--gds-spacing-xs);
    }
    .gds-responsive-lg-margin-inline-start-negative-xs {
      margin-inline-start: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-lg-margin-inline-start-sm {
      margin-inline-start: var(--gds-spacing-sm);
    }
    .gds-responsive-lg-margin-inline-start-negative-sm {
      margin-inline-start: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-lg-margin-inline-start-md {
      margin-inline-start: var(--gds-spacing-md);
    }
    .gds-responsive-lg-margin-inline-start-negative-md {
      margin-inline-start: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-lg-margin-inline-start-lg {
      margin-inline-start: var(--gds-spacing-lg);
    }
    .gds-responsive-lg-margin-inline-start-negative-lg {
      margin-inline-start: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-lg-margin-inline-start-xl {
      margin-inline-start: var(--gds-spacing-xl);
    }
    .gds-responsive-lg-margin-inline-start-negative-xl {
      margin-inline-start: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-lg-margin-inline-start-2xl {
      margin-inline-start: var(--gds-spacing-2xl);
    }
    .gds-responsive-lg-margin-inline-start-negative-2xl {
      margin-inline-start: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-lg-margin-inline-start-3xl {
      margin-inline-start: var(--gds-spacing-3xl);
    }
    .gds-responsive-lg-margin-inline-start-negative-3xl {
      margin-inline-start: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-lg-margin-inline-start-auto {
      margin-inline-start: var(--gds-spacing-auto);
    }
    .gds-responsive-lg-margin-inline-start-negative-auto {
      margin-inline-start: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-lg-margin-inline-start-0 {
      margin-inline-start: var(--gds-spacing-0);
    }
    .gds-responsive-lg-margin-inline-start-negative-0 {
      margin-inline-start: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-lg-margin-inline-end-0 {
      margin-inline-end: 0;
    }
    .gds-responsive-lg-margin-inline-end-auto {
      margin-inline-end: auto;
    }
    .gds-responsive-lg-margin-inline-end-3xs {
      margin-inline-end: var(--gds-spacing-3xs);
    }
    .gds-responsive-lg-margin-inline-end-negative-3xs {
      margin-inline-end: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-lg-margin-inline-end-2xs {
      margin-inline-end: var(--gds-spacing-2xs);
    }
    .gds-responsive-lg-margin-inline-end-negative-2xs {
      margin-inline-end: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-lg-margin-inline-end-xs {
      margin-inline-end: var(--gds-spacing-xs);
    }
    .gds-responsive-lg-margin-inline-end-negative-xs {
      margin-inline-end: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-lg-margin-inline-end-sm {
      margin-inline-end: var(--gds-spacing-sm);
    }
    .gds-responsive-lg-margin-inline-end-negative-sm {
      margin-inline-end: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-lg-margin-inline-end-md {
      margin-inline-end: var(--gds-spacing-md);
    }
    .gds-responsive-lg-margin-inline-end-negative-md {
      margin-inline-end: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-lg-margin-inline-end-lg {
      margin-inline-end: var(--gds-spacing-lg);
    }
    .gds-responsive-lg-margin-inline-end-negative-lg {
      margin-inline-end: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-lg-margin-inline-end-xl {
      margin-inline-end: var(--gds-spacing-xl);
    }
    .gds-responsive-lg-margin-inline-end-negative-xl {
      margin-inline-end: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-lg-margin-inline-end-2xl {
      margin-inline-end: var(--gds-spacing-2xl);
    }
    .gds-responsive-lg-margin-inline-end-negative-2xl {
      margin-inline-end: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-lg-margin-inline-end-3xl {
      margin-inline-end: var(--gds-spacing-3xl);
    }
    .gds-responsive-lg-margin-inline-end-negative-3xl {
      margin-inline-end: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-lg-margin-inline-end-auto {
      margin-inline-end: var(--gds-spacing-auto);
    }
    .gds-responsive-lg-margin-inline-end-negative-auto {
      margin-inline-end: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-lg-margin-inline-end-0 {
      margin-inline-end: var(--gds-spacing-0);
    }
    .gds-responsive-lg-margin-inline-end-negative-0 {
      margin-inline-end: calc(-1 * var(--gds-spacing-0));
    }
  }
  @media (max-width: 900px) {
    .gds-responsive-md-gap-3xs {
      gap: var(--gds-spacing-3xs);
    }
    .gds-responsive-md-gap-2xs {
      gap: var(--gds-spacing-2xs);
    }
    .gds-responsive-md-gap-xs {
      gap: var(--gds-spacing-xs);
    }
    .gds-responsive-md-gap-sm {
      gap: var(--gds-spacing-sm);
    }
    .gds-responsive-md-gap-md {
      gap: var(--gds-spacing-md);
    }
    .gds-responsive-md-gap-lg {
      gap: var(--gds-spacing-lg);
    }
    .gds-responsive-md-gap-xl {
      gap: var(--gds-spacing-xl);
    }
    .gds-responsive-md-gap-2xl {
      gap: var(--gds-spacing-2xl);
    }
    .gds-responsive-md-gap-3xl {
      gap: var(--gds-spacing-3xl);
    }
    .gds-responsive-md-gap-auto {
      gap: var(--gds-spacing-auto);
    }
    .gds-responsive-md-gap-0 {
      gap: var(--gds-spacing-0);
    }
    .gds-responsive-md-row-gap-3xs {
      row-gap: var(--gds-spacing-3xs);
    }
    .gds-responsive-md-row-gap-2xs {
      row-gap: var(--gds-spacing-2xs);
    }
    .gds-responsive-md-row-gap-xs {
      row-gap: var(--gds-spacing-xs);
    }
    .gds-responsive-md-row-gap-sm {
      row-gap: var(--gds-spacing-sm);
    }
    .gds-responsive-md-row-gap-md {
      row-gap: var(--gds-spacing-md);
    }
    .gds-responsive-md-row-gap-lg {
      row-gap: var(--gds-spacing-lg);
    }
    .gds-responsive-md-row-gap-xl {
      row-gap: var(--gds-spacing-xl);
    }
    .gds-responsive-md-row-gap-2xl {
      row-gap: var(--gds-spacing-2xl);
    }
    .gds-responsive-md-row-gap-3xl {
      row-gap: var(--gds-spacing-3xl);
    }
    .gds-responsive-md-row-gap-auto {
      row-gap: var(--gds-spacing-auto);
    }
    .gds-responsive-md-row-gap-0 {
      row-gap: var(--gds-spacing-0);
    }
    .gds-responsive-md-column-gap-3xs {
      column-gap: var(--gds-spacing-3xs);
    }
    .gds-responsive-md-column-gap-2xs {
      column-gap: var(--gds-spacing-2xs);
    }
    .gds-responsive-md-column-gap-xs {
      column-gap: var(--gds-spacing-xs);
    }
    .gds-responsive-md-column-gap-sm {
      column-gap: var(--gds-spacing-sm);
    }
    .gds-responsive-md-column-gap-md {
      column-gap: var(--gds-spacing-md);
    }
    .gds-responsive-md-column-gap-lg {
      column-gap: var(--gds-spacing-lg);
    }
    .gds-responsive-md-column-gap-xl {
      column-gap: var(--gds-spacing-xl);
    }
    .gds-responsive-md-column-gap-2xl {
      column-gap: var(--gds-spacing-2xl);
    }
    .gds-responsive-md-column-gap-3xl {
      column-gap: var(--gds-spacing-3xl);
    }
    .gds-responsive-md-column-gap-auto {
      column-gap: var(--gds-spacing-auto);
    }
    .gds-responsive-md-column-gap-0 {
      column-gap: var(--gds-spacing-0);
    }
    .gds-responsive-md-padding-0 {
      padding: 0;
    }
    .gds-responsive-md-padding-auto {
      padding: auto;
    }
    .gds-responsive-md-padding-3xs {
      padding: var(--gds-spacing-3xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-md-padding-3xs:is(.gds-responsive-md-scrollable, .gds-responsive-md-scrollable-vertically, .gds-responsive-md-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-3xs) - 7px);
    }
    .gds-responsive-md-padding-negative-3xs {
      padding: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-md-padding-2xs {
      padding: var(--gds-spacing-2xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-md-padding-2xs:is(.gds-responsive-md-scrollable, .gds-responsive-md-scrollable-vertically, .gds-responsive-md-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-2xs) - 7px);
    }
    .gds-responsive-md-padding-negative-2xs {
      padding: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-md-padding-xs {
      padding: var(--gds-spacing-xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-md-padding-xs:is(.gds-responsive-md-scrollable, .gds-responsive-md-scrollable-vertically, .gds-responsive-md-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-xs) - 7px);
    }
    .gds-responsive-md-padding-negative-xs {
      padding: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-md-padding-sm {
      padding: var(--gds-spacing-sm);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-md-padding-sm:is(.gds-responsive-md-scrollable, .gds-responsive-md-scrollable-vertically, .gds-responsive-md-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-sm) - 7px);
    }
    .gds-responsive-md-padding-negative-sm {
      padding: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-md-padding-md {
      padding: var(--gds-spacing-md);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-md-padding-md:is(.gds-responsive-md-scrollable, .gds-responsive-md-scrollable-vertically, .gds-responsive-md-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-md) - 7px);
    }
    .gds-responsive-md-padding-negative-md {
      padding: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-md-padding-lg {
      padding: var(--gds-spacing-lg);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-md-padding-lg:is(.gds-responsive-md-scrollable, .gds-responsive-md-scrollable-vertically, .gds-responsive-md-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-lg) - 7px);
    }
    .gds-responsive-md-padding-negative-lg {
      padding: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-md-padding-xl {
      padding: var(--gds-spacing-xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-md-padding-xl:is(.gds-responsive-md-scrollable, .gds-responsive-md-scrollable-vertically, .gds-responsive-md-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-xl) - 7px);
    }
    .gds-responsive-md-padding-negative-xl {
      padding: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-md-padding-2xl {
      padding: var(--gds-spacing-2xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-md-padding-2xl:is(.gds-responsive-md-scrollable, .gds-responsive-md-scrollable-vertically, .gds-responsive-md-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-2xl) - 7px);
    }
    .gds-responsive-md-padding-negative-2xl {
      padding: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-md-padding-3xl {
      padding: var(--gds-spacing-3xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-md-padding-3xl:is(.gds-responsive-md-scrollable, .gds-responsive-md-scrollable-vertically, .gds-responsive-md-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-3xl) - 7px);
    }
    .gds-responsive-md-padding-negative-3xl {
      padding: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-md-padding-auto {
      padding: var(--gds-spacing-auto);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-md-padding-auto:is(.gds-responsive-md-scrollable, .gds-responsive-md-scrollable-vertically, .gds-responsive-md-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-auto) - 7px);
    }
    .gds-responsive-md-padding-negative-auto {
      padding: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-md-padding-0 {
      padding: var(--gds-spacing-0);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-md-padding-0:is(.gds-responsive-md-scrollable, .gds-responsive-md-scrollable-vertically, .gds-responsive-md-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-0) - 7px);
    }
    .gds-responsive-md-padding-negative-0 {
      padding: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-md-padding-block-0 {
      padding-block: 0;
    }
    .gds-responsive-md-padding-block-auto {
      padding-block: auto;
    }
    .gds-responsive-md-padding-block-3xs {
      padding-block: var(--gds-spacing-3xs);
    }
    .gds-responsive-md-padding-block-negative-3xs {
      padding-block: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-md-padding-block-2xs {
      padding-block: var(--gds-spacing-2xs);
    }
    .gds-responsive-md-padding-block-negative-2xs {
      padding-block: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-md-padding-block-xs {
      padding-block: var(--gds-spacing-xs);
    }
    .gds-responsive-md-padding-block-negative-xs {
      padding-block: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-md-padding-block-sm {
      padding-block: var(--gds-spacing-sm);
    }
    .gds-responsive-md-padding-block-negative-sm {
      padding-block: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-md-padding-block-md {
      padding-block: var(--gds-spacing-md);
    }
    .gds-responsive-md-padding-block-negative-md {
      padding-block: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-md-padding-block-lg {
      padding-block: var(--gds-spacing-lg);
    }
    .gds-responsive-md-padding-block-negative-lg {
      padding-block: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-md-padding-block-xl {
      padding-block: var(--gds-spacing-xl);
    }
    .gds-responsive-md-padding-block-negative-xl {
      padding-block: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-md-padding-block-2xl {
      padding-block: var(--gds-spacing-2xl);
    }
    .gds-responsive-md-padding-block-negative-2xl {
      padding-block: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-md-padding-block-3xl {
      padding-block: var(--gds-spacing-3xl);
    }
    .gds-responsive-md-padding-block-negative-3xl {
      padding-block: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-md-padding-block-auto {
      padding-block: var(--gds-spacing-auto);
    }
    .gds-responsive-md-padding-block-negative-auto {
      padding-block: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-md-padding-block-0 {
      padding-block: var(--gds-spacing-0);
    }
    .gds-responsive-md-padding-block-negative-0 {
      padding-block: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-md-padding-block-start-0 {
      padding-block-start: 0;
    }
    .gds-responsive-md-padding-block-start-auto {
      padding-block-start: auto;
    }
    .gds-responsive-md-padding-block-start-3xs {
      padding-block-start: var(--gds-spacing-3xs);
    }
    .gds-responsive-md-padding-block-start-negative-3xs {
      padding-block-start: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-md-padding-block-start-2xs {
      padding-block-start: var(--gds-spacing-2xs);
    }
    .gds-responsive-md-padding-block-start-negative-2xs {
      padding-block-start: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-md-padding-block-start-xs {
      padding-block-start: var(--gds-spacing-xs);
    }
    .gds-responsive-md-padding-block-start-negative-xs {
      padding-block-start: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-md-padding-block-start-sm {
      padding-block-start: var(--gds-spacing-sm);
    }
    .gds-responsive-md-padding-block-start-negative-sm {
      padding-block-start: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-md-padding-block-start-md {
      padding-block-start: var(--gds-spacing-md);
    }
    .gds-responsive-md-padding-block-start-negative-md {
      padding-block-start: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-md-padding-block-start-lg {
      padding-block-start: var(--gds-spacing-lg);
    }
    .gds-responsive-md-padding-block-start-negative-lg {
      padding-block-start: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-md-padding-block-start-xl {
      padding-block-start: var(--gds-spacing-xl);
    }
    .gds-responsive-md-padding-block-start-negative-xl {
      padding-block-start: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-md-padding-block-start-2xl {
      padding-block-start: var(--gds-spacing-2xl);
    }
    .gds-responsive-md-padding-block-start-negative-2xl {
      padding-block-start: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-md-padding-block-start-3xl {
      padding-block-start: var(--gds-spacing-3xl);
    }
    .gds-responsive-md-padding-block-start-negative-3xl {
      padding-block-start: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-md-padding-block-start-auto {
      padding-block-start: var(--gds-spacing-auto);
    }
    .gds-responsive-md-padding-block-start-negative-auto {
      padding-block-start: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-md-padding-block-start-0 {
      padding-block-start: var(--gds-spacing-0);
    }
    .gds-responsive-md-padding-block-start-negative-0 {
      padding-block-start: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-md-padding-block-end-0 {
      padding-block-end: 0;
    }
    .gds-responsive-md-padding-block-end-auto {
      padding-block-end: auto;
    }
    .gds-responsive-md-padding-block-end-3xs {
      padding-block-end: var(--gds-spacing-3xs);
    }
    .gds-responsive-md-padding-block-end-negative-3xs {
      padding-block-end: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-md-padding-block-end-2xs {
      padding-block-end: var(--gds-spacing-2xs);
    }
    .gds-responsive-md-padding-block-end-negative-2xs {
      padding-block-end: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-md-padding-block-end-xs {
      padding-block-end: var(--gds-spacing-xs);
    }
    .gds-responsive-md-padding-block-end-negative-xs {
      padding-block-end: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-md-padding-block-end-sm {
      padding-block-end: var(--gds-spacing-sm);
    }
    .gds-responsive-md-padding-block-end-negative-sm {
      padding-block-end: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-md-padding-block-end-md {
      padding-block-end: var(--gds-spacing-md);
    }
    .gds-responsive-md-padding-block-end-negative-md {
      padding-block-end: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-md-padding-block-end-lg {
      padding-block-end: var(--gds-spacing-lg);
    }
    .gds-responsive-md-padding-block-end-negative-lg {
      padding-block-end: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-md-padding-block-end-xl {
      padding-block-end: var(--gds-spacing-xl);
    }
    .gds-responsive-md-padding-block-end-negative-xl {
      padding-block-end: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-md-padding-block-end-2xl {
      padding-block-end: var(--gds-spacing-2xl);
    }
    .gds-responsive-md-padding-block-end-negative-2xl {
      padding-block-end: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-md-padding-block-end-3xl {
      padding-block-end: var(--gds-spacing-3xl);
    }
    .gds-responsive-md-padding-block-end-negative-3xl {
      padding-block-end: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-md-padding-block-end-auto {
      padding-block-end: var(--gds-spacing-auto);
    }
    .gds-responsive-md-padding-block-end-negative-auto {
      padding-block-end: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-md-padding-block-end-0 {
      padding-block-end: var(--gds-spacing-0);
    }
    .gds-responsive-md-padding-block-end-negative-0 {
      padding-block-end: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-md-padding-inline-0 {
      padding-inline: 0;
    }
    .gds-responsive-md-padding-inline-auto {
      padding-inline: auto;
    }
    .gds-responsive-md-padding-inline-3xs {
      padding-inline: var(--gds-spacing-3xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-md-padding-inline-3xs:is(.gds-responsive-md-scrollable, .gds-responsive-md-scrollable-vertically, .gds-responsive-md-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-3xs) - 7px);
    }
    .gds-responsive-md-padding-inline-negative-3xs {
      padding-inline: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-md-padding-inline-2xs {
      padding-inline: var(--gds-spacing-2xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-md-padding-inline-2xs:is(.gds-responsive-md-scrollable, .gds-responsive-md-scrollable-vertically, .gds-responsive-md-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-2xs) - 7px);
    }
    .gds-responsive-md-padding-inline-negative-2xs {
      padding-inline: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-md-padding-inline-xs {
      padding-inline: var(--gds-spacing-xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-md-padding-inline-xs:is(.gds-responsive-md-scrollable, .gds-responsive-md-scrollable-vertically, .gds-responsive-md-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-xs) - 7px);
    }
    .gds-responsive-md-padding-inline-negative-xs {
      padding-inline: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-md-padding-inline-sm {
      padding-inline: var(--gds-spacing-sm);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-md-padding-inline-sm:is(.gds-responsive-md-scrollable, .gds-responsive-md-scrollable-vertically, .gds-responsive-md-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-sm) - 7px);
    }
    .gds-responsive-md-padding-inline-negative-sm {
      padding-inline: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-md-padding-inline-md {
      padding-inline: var(--gds-spacing-md);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-md-padding-inline-md:is(.gds-responsive-md-scrollable, .gds-responsive-md-scrollable-vertically, .gds-responsive-md-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-md) - 7px);
    }
    .gds-responsive-md-padding-inline-negative-md {
      padding-inline: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-md-padding-inline-lg {
      padding-inline: var(--gds-spacing-lg);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-md-padding-inline-lg:is(.gds-responsive-md-scrollable, .gds-responsive-md-scrollable-vertically, .gds-responsive-md-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-lg) - 7px);
    }
    .gds-responsive-md-padding-inline-negative-lg {
      padding-inline: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-md-padding-inline-xl {
      padding-inline: var(--gds-spacing-xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-md-padding-inline-xl:is(.gds-responsive-md-scrollable, .gds-responsive-md-scrollable-vertically, .gds-responsive-md-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-xl) - 7px);
    }
    .gds-responsive-md-padding-inline-negative-xl {
      padding-inline: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-md-padding-inline-2xl {
      padding-inline: var(--gds-spacing-2xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-md-padding-inline-2xl:is(.gds-responsive-md-scrollable, .gds-responsive-md-scrollable-vertically, .gds-responsive-md-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-2xl) - 7px);
    }
    .gds-responsive-md-padding-inline-negative-2xl {
      padding-inline: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-md-padding-inline-3xl {
      padding-inline: var(--gds-spacing-3xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-md-padding-inline-3xl:is(.gds-responsive-md-scrollable, .gds-responsive-md-scrollable-vertically, .gds-responsive-md-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-3xl) - 7px);
    }
    .gds-responsive-md-padding-inline-negative-3xl {
      padding-inline: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-md-padding-inline-auto {
      padding-inline: var(--gds-spacing-auto);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-md-padding-inline-auto:is(.gds-responsive-md-scrollable, .gds-responsive-md-scrollable-vertically, .gds-responsive-md-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-auto) - 7px);
    }
    .gds-responsive-md-padding-inline-negative-auto {
      padding-inline: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-md-padding-inline-0 {
      padding-inline: var(--gds-spacing-0);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-md-padding-inline-0:is(.gds-responsive-md-scrollable, .gds-responsive-md-scrollable-vertically, .gds-responsive-md-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-0) - 7px);
    }
    .gds-responsive-md-padding-inline-negative-0 {
      padding-inline: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-md-padding-inline-start-0 {
      padding-inline-start: 0;
    }
    .gds-responsive-md-padding-inline-start-auto {
      padding-inline-start: auto;
    }
    .gds-responsive-md-padding-inline-start-3xs {
      padding-inline-start: var(--gds-spacing-3xs);
    }
    .gds-responsive-md-padding-inline-start-negative-3xs {
      padding-inline-start: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-md-padding-inline-start-2xs {
      padding-inline-start: var(--gds-spacing-2xs);
    }
    .gds-responsive-md-padding-inline-start-negative-2xs {
      padding-inline-start: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-md-padding-inline-start-xs {
      padding-inline-start: var(--gds-spacing-xs);
    }
    .gds-responsive-md-padding-inline-start-negative-xs {
      padding-inline-start: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-md-padding-inline-start-sm {
      padding-inline-start: var(--gds-spacing-sm);
    }
    .gds-responsive-md-padding-inline-start-negative-sm {
      padding-inline-start: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-md-padding-inline-start-md {
      padding-inline-start: var(--gds-spacing-md);
    }
    .gds-responsive-md-padding-inline-start-negative-md {
      padding-inline-start: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-md-padding-inline-start-lg {
      padding-inline-start: var(--gds-spacing-lg);
    }
    .gds-responsive-md-padding-inline-start-negative-lg {
      padding-inline-start: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-md-padding-inline-start-xl {
      padding-inline-start: var(--gds-spacing-xl);
    }
    .gds-responsive-md-padding-inline-start-negative-xl {
      padding-inline-start: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-md-padding-inline-start-2xl {
      padding-inline-start: var(--gds-spacing-2xl);
    }
    .gds-responsive-md-padding-inline-start-negative-2xl {
      padding-inline-start: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-md-padding-inline-start-3xl {
      padding-inline-start: var(--gds-spacing-3xl);
    }
    .gds-responsive-md-padding-inline-start-negative-3xl {
      padding-inline-start: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-md-padding-inline-start-auto {
      padding-inline-start: var(--gds-spacing-auto);
    }
    .gds-responsive-md-padding-inline-start-negative-auto {
      padding-inline-start: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-md-padding-inline-start-0 {
      padding-inline-start: var(--gds-spacing-0);
    }
    .gds-responsive-md-padding-inline-start-negative-0 {
      padding-inline-start: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-md-padding-inline-end-0 {
      padding-inline-end: 0;
    }
    .gds-responsive-md-padding-inline-end-auto {
      padding-inline-end: auto;
    }
    .gds-responsive-md-padding-inline-end-3xs {
      padding-inline-end: var(--gds-spacing-3xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-md-padding-inline-end-3xs:is(.gds-responsive-md-scrollable, .gds-responsive-md-scrollable-vertically, .gds-responsive-md-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-3xs) - 7px);
    }
    .gds-responsive-md-padding-inline-end-negative-3xs {
      padding-inline-end: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-md-padding-inline-end-2xs {
      padding-inline-end: var(--gds-spacing-2xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-md-padding-inline-end-2xs:is(.gds-responsive-md-scrollable, .gds-responsive-md-scrollable-vertically, .gds-responsive-md-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-2xs) - 7px);
    }
    .gds-responsive-md-padding-inline-end-negative-2xs {
      padding-inline-end: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-md-padding-inline-end-xs {
      padding-inline-end: var(--gds-spacing-xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-md-padding-inline-end-xs:is(.gds-responsive-md-scrollable, .gds-responsive-md-scrollable-vertically, .gds-responsive-md-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-xs) - 7px);
    }
    .gds-responsive-md-padding-inline-end-negative-xs {
      padding-inline-end: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-md-padding-inline-end-sm {
      padding-inline-end: var(--gds-spacing-sm);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-md-padding-inline-end-sm:is(.gds-responsive-md-scrollable, .gds-responsive-md-scrollable-vertically, .gds-responsive-md-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-sm) - 7px);
    }
    .gds-responsive-md-padding-inline-end-negative-sm {
      padding-inline-end: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-md-padding-inline-end-md {
      padding-inline-end: var(--gds-spacing-md);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-md-padding-inline-end-md:is(.gds-responsive-md-scrollable, .gds-responsive-md-scrollable-vertically, .gds-responsive-md-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-md) - 7px);
    }
    .gds-responsive-md-padding-inline-end-negative-md {
      padding-inline-end: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-md-padding-inline-end-lg {
      padding-inline-end: var(--gds-spacing-lg);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-md-padding-inline-end-lg:is(.gds-responsive-md-scrollable, .gds-responsive-md-scrollable-vertically, .gds-responsive-md-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-lg) - 7px);
    }
    .gds-responsive-md-padding-inline-end-negative-lg {
      padding-inline-end: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-md-padding-inline-end-xl {
      padding-inline-end: var(--gds-spacing-xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-md-padding-inline-end-xl:is(.gds-responsive-md-scrollable, .gds-responsive-md-scrollable-vertically, .gds-responsive-md-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-xl) - 7px);
    }
    .gds-responsive-md-padding-inline-end-negative-xl {
      padding-inline-end: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-md-padding-inline-end-2xl {
      padding-inline-end: var(--gds-spacing-2xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-md-padding-inline-end-2xl:is(.gds-responsive-md-scrollable, .gds-responsive-md-scrollable-vertically, .gds-responsive-md-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-2xl) - 7px);
    }
    .gds-responsive-md-padding-inline-end-negative-2xl {
      padding-inline-end: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-md-padding-inline-end-3xl {
      padding-inline-end: var(--gds-spacing-3xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-md-padding-inline-end-3xl:is(.gds-responsive-md-scrollable, .gds-responsive-md-scrollable-vertically, .gds-responsive-md-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-3xl) - 7px);
    }
    .gds-responsive-md-padding-inline-end-negative-3xl {
      padding-inline-end: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-md-padding-inline-end-auto {
      padding-inline-end: var(--gds-spacing-auto);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-md-padding-inline-end-auto:is(.gds-responsive-md-scrollable, .gds-responsive-md-scrollable-vertically, .gds-responsive-md-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-auto) - 7px);
    }
    .gds-responsive-md-padding-inline-end-negative-auto {
      padding-inline-end: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-md-padding-inline-end-0 {
      padding-inline-end: var(--gds-spacing-0);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-md-padding-inline-end-0:is(.gds-responsive-md-scrollable, .gds-responsive-md-scrollable-vertically, .gds-responsive-md-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-0) - 7px);
    }
    .gds-responsive-md-padding-inline-end-negative-0 {
      padding-inline-end: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-md-margin-0 {
      margin: 0;
    }
    .gds-responsive-md-margin-auto {
      margin: auto;
    }
    .gds-responsive-md-margin-3xs {
      margin: var(--gds-spacing-3xs);
    }
    .gds-responsive-md-margin-negative-3xs {
      margin: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-md-margin-2xs {
      margin: var(--gds-spacing-2xs);
    }
    .gds-responsive-md-margin-negative-2xs {
      margin: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-md-margin-xs {
      margin: var(--gds-spacing-xs);
    }
    .gds-responsive-md-margin-negative-xs {
      margin: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-md-margin-sm {
      margin: var(--gds-spacing-sm);
    }
    .gds-responsive-md-margin-negative-sm {
      margin: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-md-margin-md {
      margin: var(--gds-spacing-md);
    }
    .gds-responsive-md-margin-negative-md {
      margin: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-md-margin-lg {
      margin: var(--gds-spacing-lg);
    }
    .gds-responsive-md-margin-negative-lg {
      margin: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-md-margin-xl {
      margin: var(--gds-spacing-xl);
    }
    .gds-responsive-md-margin-negative-xl {
      margin: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-md-margin-2xl {
      margin: var(--gds-spacing-2xl);
    }
    .gds-responsive-md-margin-negative-2xl {
      margin: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-md-margin-3xl {
      margin: var(--gds-spacing-3xl);
    }
    .gds-responsive-md-margin-negative-3xl {
      margin: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-md-margin-auto {
      margin: var(--gds-spacing-auto);
    }
    .gds-responsive-md-margin-negative-auto {
      margin: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-md-margin-0 {
      margin: var(--gds-spacing-0);
    }
    .gds-responsive-md-margin-negative-0 {
      margin: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-md-margin-block-0 {
      margin-block: 0;
    }
    .gds-responsive-md-margin-block-auto {
      margin-block: auto;
    }
    .gds-responsive-md-margin-block-3xs {
      margin-block: var(--gds-spacing-3xs);
    }
    .gds-responsive-md-margin-block-negative-3xs {
      margin-block: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-md-margin-block-2xs {
      margin-block: var(--gds-spacing-2xs);
    }
    .gds-responsive-md-margin-block-negative-2xs {
      margin-block: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-md-margin-block-xs {
      margin-block: var(--gds-spacing-xs);
    }
    .gds-responsive-md-margin-block-negative-xs {
      margin-block: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-md-margin-block-sm {
      margin-block: var(--gds-spacing-sm);
    }
    .gds-responsive-md-margin-block-negative-sm {
      margin-block: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-md-margin-block-md {
      margin-block: var(--gds-spacing-md);
    }
    .gds-responsive-md-margin-block-negative-md {
      margin-block: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-md-margin-block-lg {
      margin-block: var(--gds-spacing-lg);
    }
    .gds-responsive-md-margin-block-negative-lg {
      margin-block: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-md-margin-block-xl {
      margin-block: var(--gds-spacing-xl);
    }
    .gds-responsive-md-margin-block-negative-xl {
      margin-block: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-md-margin-block-2xl {
      margin-block: var(--gds-spacing-2xl);
    }
    .gds-responsive-md-margin-block-negative-2xl {
      margin-block: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-md-margin-block-3xl {
      margin-block: var(--gds-spacing-3xl);
    }
    .gds-responsive-md-margin-block-negative-3xl {
      margin-block: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-md-margin-block-auto {
      margin-block: var(--gds-spacing-auto);
    }
    .gds-responsive-md-margin-block-negative-auto {
      margin-block: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-md-margin-block-0 {
      margin-block: var(--gds-spacing-0);
    }
    .gds-responsive-md-margin-block-negative-0 {
      margin-block: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-md-margin-block-start-0 {
      margin-block-start: 0;
    }
    .gds-responsive-md-margin-block-start-auto {
      margin-block-start: auto;
    }
    .gds-responsive-md-margin-block-start-3xs {
      margin-block-start: var(--gds-spacing-3xs);
    }
    .gds-responsive-md-margin-block-start-negative-3xs {
      margin-block-start: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-md-margin-block-start-2xs {
      margin-block-start: var(--gds-spacing-2xs);
    }
    .gds-responsive-md-margin-block-start-negative-2xs {
      margin-block-start: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-md-margin-block-start-xs {
      margin-block-start: var(--gds-spacing-xs);
    }
    .gds-responsive-md-margin-block-start-negative-xs {
      margin-block-start: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-md-margin-block-start-sm {
      margin-block-start: var(--gds-spacing-sm);
    }
    .gds-responsive-md-margin-block-start-negative-sm {
      margin-block-start: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-md-margin-block-start-md {
      margin-block-start: var(--gds-spacing-md);
    }
    .gds-responsive-md-margin-block-start-negative-md {
      margin-block-start: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-md-margin-block-start-lg {
      margin-block-start: var(--gds-spacing-lg);
    }
    .gds-responsive-md-margin-block-start-negative-lg {
      margin-block-start: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-md-margin-block-start-xl {
      margin-block-start: var(--gds-spacing-xl);
    }
    .gds-responsive-md-margin-block-start-negative-xl {
      margin-block-start: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-md-margin-block-start-2xl {
      margin-block-start: var(--gds-spacing-2xl);
    }
    .gds-responsive-md-margin-block-start-negative-2xl {
      margin-block-start: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-md-margin-block-start-3xl {
      margin-block-start: var(--gds-spacing-3xl);
    }
    .gds-responsive-md-margin-block-start-negative-3xl {
      margin-block-start: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-md-margin-block-start-auto {
      margin-block-start: var(--gds-spacing-auto);
    }
    .gds-responsive-md-margin-block-start-negative-auto {
      margin-block-start: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-md-margin-block-start-0 {
      margin-block-start: var(--gds-spacing-0);
    }
    .gds-responsive-md-margin-block-start-negative-0 {
      margin-block-start: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-md-margin-block-end-0 {
      margin-block-end: 0;
    }
    .gds-responsive-md-margin-block-end-auto {
      margin-block-end: auto;
    }
    .gds-responsive-md-margin-block-end-3xs {
      margin-block-end: var(--gds-spacing-3xs);
    }
    .gds-responsive-md-margin-block-end-negative-3xs {
      margin-block-end: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-md-margin-block-end-2xs {
      margin-block-end: var(--gds-spacing-2xs);
    }
    .gds-responsive-md-margin-block-end-negative-2xs {
      margin-block-end: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-md-margin-block-end-xs {
      margin-block-end: var(--gds-spacing-xs);
    }
    .gds-responsive-md-margin-block-end-negative-xs {
      margin-block-end: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-md-margin-block-end-sm {
      margin-block-end: var(--gds-spacing-sm);
    }
    .gds-responsive-md-margin-block-end-negative-sm {
      margin-block-end: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-md-margin-block-end-md {
      margin-block-end: var(--gds-spacing-md);
    }
    .gds-responsive-md-margin-block-end-negative-md {
      margin-block-end: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-md-margin-block-end-lg {
      margin-block-end: var(--gds-spacing-lg);
    }
    .gds-responsive-md-margin-block-end-negative-lg {
      margin-block-end: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-md-margin-block-end-xl {
      margin-block-end: var(--gds-spacing-xl);
    }
    .gds-responsive-md-margin-block-end-negative-xl {
      margin-block-end: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-md-margin-block-end-2xl {
      margin-block-end: var(--gds-spacing-2xl);
    }
    .gds-responsive-md-margin-block-end-negative-2xl {
      margin-block-end: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-md-margin-block-end-3xl {
      margin-block-end: var(--gds-spacing-3xl);
    }
    .gds-responsive-md-margin-block-end-negative-3xl {
      margin-block-end: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-md-margin-block-end-auto {
      margin-block-end: var(--gds-spacing-auto);
    }
    .gds-responsive-md-margin-block-end-negative-auto {
      margin-block-end: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-md-margin-block-end-0 {
      margin-block-end: var(--gds-spacing-0);
    }
    .gds-responsive-md-margin-block-end-negative-0 {
      margin-block-end: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-md-margin-inline-0 {
      margin-inline: 0;
    }
    .gds-responsive-md-margin-inline-auto {
      margin-inline: auto;
    }
    .gds-responsive-md-margin-inline-3xs {
      margin-inline: var(--gds-spacing-3xs);
    }
    .gds-responsive-md-margin-inline-negative-3xs {
      margin-inline: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-md-margin-inline-2xs {
      margin-inline: var(--gds-spacing-2xs);
    }
    .gds-responsive-md-margin-inline-negative-2xs {
      margin-inline: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-md-margin-inline-xs {
      margin-inline: var(--gds-spacing-xs);
    }
    .gds-responsive-md-margin-inline-negative-xs {
      margin-inline: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-md-margin-inline-sm {
      margin-inline: var(--gds-spacing-sm);
    }
    .gds-responsive-md-margin-inline-negative-sm {
      margin-inline: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-md-margin-inline-md {
      margin-inline: var(--gds-spacing-md);
    }
    .gds-responsive-md-margin-inline-negative-md {
      margin-inline: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-md-margin-inline-lg {
      margin-inline: var(--gds-spacing-lg);
    }
    .gds-responsive-md-margin-inline-negative-lg {
      margin-inline: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-md-margin-inline-xl {
      margin-inline: var(--gds-spacing-xl);
    }
    .gds-responsive-md-margin-inline-negative-xl {
      margin-inline: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-md-margin-inline-2xl {
      margin-inline: var(--gds-spacing-2xl);
    }
    .gds-responsive-md-margin-inline-negative-2xl {
      margin-inline: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-md-margin-inline-3xl {
      margin-inline: var(--gds-spacing-3xl);
    }
    .gds-responsive-md-margin-inline-negative-3xl {
      margin-inline: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-md-margin-inline-auto {
      margin-inline: var(--gds-spacing-auto);
    }
    .gds-responsive-md-margin-inline-negative-auto {
      margin-inline: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-md-margin-inline-0 {
      margin-inline: var(--gds-spacing-0);
    }
    .gds-responsive-md-margin-inline-negative-0 {
      margin-inline: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-md-margin-inline-start-0 {
      margin-inline-start: 0;
    }
    .gds-responsive-md-margin-inline-start-auto {
      margin-inline-start: auto;
    }
    .gds-responsive-md-margin-inline-start-3xs {
      margin-inline-start: var(--gds-spacing-3xs);
    }
    .gds-responsive-md-margin-inline-start-negative-3xs {
      margin-inline-start: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-md-margin-inline-start-2xs {
      margin-inline-start: var(--gds-spacing-2xs);
    }
    .gds-responsive-md-margin-inline-start-negative-2xs {
      margin-inline-start: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-md-margin-inline-start-xs {
      margin-inline-start: var(--gds-spacing-xs);
    }
    .gds-responsive-md-margin-inline-start-negative-xs {
      margin-inline-start: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-md-margin-inline-start-sm {
      margin-inline-start: var(--gds-spacing-sm);
    }
    .gds-responsive-md-margin-inline-start-negative-sm {
      margin-inline-start: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-md-margin-inline-start-md {
      margin-inline-start: var(--gds-spacing-md);
    }
    .gds-responsive-md-margin-inline-start-negative-md {
      margin-inline-start: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-md-margin-inline-start-lg {
      margin-inline-start: var(--gds-spacing-lg);
    }
    .gds-responsive-md-margin-inline-start-negative-lg {
      margin-inline-start: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-md-margin-inline-start-xl {
      margin-inline-start: var(--gds-spacing-xl);
    }
    .gds-responsive-md-margin-inline-start-negative-xl {
      margin-inline-start: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-md-margin-inline-start-2xl {
      margin-inline-start: var(--gds-spacing-2xl);
    }
    .gds-responsive-md-margin-inline-start-negative-2xl {
      margin-inline-start: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-md-margin-inline-start-3xl {
      margin-inline-start: var(--gds-spacing-3xl);
    }
    .gds-responsive-md-margin-inline-start-negative-3xl {
      margin-inline-start: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-md-margin-inline-start-auto {
      margin-inline-start: var(--gds-spacing-auto);
    }
    .gds-responsive-md-margin-inline-start-negative-auto {
      margin-inline-start: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-md-margin-inline-start-0 {
      margin-inline-start: var(--gds-spacing-0);
    }
    .gds-responsive-md-margin-inline-start-negative-0 {
      margin-inline-start: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-md-margin-inline-end-0 {
      margin-inline-end: 0;
    }
    .gds-responsive-md-margin-inline-end-auto {
      margin-inline-end: auto;
    }
    .gds-responsive-md-margin-inline-end-3xs {
      margin-inline-end: var(--gds-spacing-3xs);
    }
    .gds-responsive-md-margin-inline-end-negative-3xs {
      margin-inline-end: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-md-margin-inline-end-2xs {
      margin-inline-end: var(--gds-spacing-2xs);
    }
    .gds-responsive-md-margin-inline-end-negative-2xs {
      margin-inline-end: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-md-margin-inline-end-xs {
      margin-inline-end: var(--gds-spacing-xs);
    }
    .gds-responsive-md-margin-inline-end-negative-xs {
      margin-inline-end: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-md-margin-inline-end-sm {
      margin-inline-end: var(--gds-spacing-sm);
    }
    .gds-responsive-md-margin-inline-end-negative-sm {
      margin-inline-end: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-md-margin-inline-end-md {
      margin-inline-end: var(--gds-spacing-md);
    }
    .gds-responsive-md-margin-inline-end-negative-md {
      margin-inline-end: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-md-margin-inline-end-lg {
      margin-inline-end: var(--gds-spacing-lg);
    }
    .gds-responsive-md-margin-inline-end-negative-lg {
      margin-inline-end: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-md-margin-inline-end-xl {
      margin-inline-end: var(--gds-spacing-xl);
    }
    .gds-responsive-md-margin-inline-end-negative-xl {
      margin-inline-end: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-md-margin-inline-end-2xl {
      margin-inline-end: var(--gds-spacing-2xl);
    }
    .gds-responsive-md-margin-inline-end-negative-2xl {
      margin-inline-end: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-md-margin-inline-end-3xl {
      margin-inline-end: var(--gds-spacing-3xl);
    }
    .gds-responsive-md-margin-inline-end-negative-3xl {
      margin-inline-end: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-md-margin-inline-end-auto {
      margin-inline-end: var(--gds-spacing-auto);
    }
    .gds-responsive-md-margin-inline-end-negative-auto {
      margin-inline-end: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-md-margin-inline-end-0 {
      margin-inline-end: var(--gds-spacing-0);
    }
    .gds-responsive-md-margin-inline-end-negative-0 {
      margin-inline-end: calc(-1 * var(--gds-spacing-0));
    }
  }
  @media (max-width: 600px) {
    .gds-responsive-sm-gap-3xs {
      gap: var(--gds-spacing-3xs);
    }
    .gds-responsive-sm-gap-2xs {
      gap: var(--gds-spacing-2xs);
    }
    .gds-responsive-sm-gap-xs {
      gap: var(--gds-spacing-xs);
    }
    .gds-responsive-sm-gap-sm {
      gap: var(--gds-spacing-sm);
    }
    .gds-responsive-sm-gap-md {
      gap: var(--gds-spacing-md);
    }
    .gds-responsive-sm-gap-lg {
      gap: var(--gds-spacing-lg);
    }
    .gds-responsive-sm-gap-xl {
      gap: var(--gds-spacing-xl);
    }
    .gds-responsive-sm-gap-2xl {
      gap: var(--gds-spacing-2xl);
    }
    .gds-responsive-sm-gap-3xl {
      gap: var(--gds-spacing-3xl);
    }
    .gds-responsive-sm-gap-auto {
      gap: var(--gds-spacing-auto);
    }
    .gds-responsive-sm-gap-0 {
      gap: var(--gds-spacing-0);
    }
    .gds-responsive-sm-row-gap-3xs {
      row-gap: var(--gds-spacing-3xs);
    }
    .gds-responsive-sm-row-gap-2xs {
      row-gap: var(--gds-spacing-2xs);
    }
    .gds-responsive-sm-row-gap-xs {
      row-gap: var(--gds-spacing-xs);
    }
    .gds-responsive-sm-row-gap-sm {
      row-gap: var(--gds-spacing-sm);
    }
    .gds-responsive-sm-row-gap-md {
      row-gap: var(--gds-spacing-md);
    }
    .gds-responsive-sm-row-gap-lg {
      row-gap: var(--gds-spacing-lg);
    }
    .gds-responsive-sm-row-gap-xl {
      row-gap: var(--gds-spacing-xl);
    }
    .gds-responsive-sm-row-gap-2xl {
      row-gap: var(--gds-spacing-2xl);
    }
    .gds-responsive-sm-row-gap-3xl {
      row-gap: var(--gds-spacing-3xl);
    }
    .gds-responsive-sm-row-gap-auto {
      row-gap: var(--gds-spacing-auto);
    }
    .gds-responsive-sm-row-gap-0 {
      row-gap: var(--gds-spacing-0);
    }
    .gds-responsive-sm-column-gap-3xs {
      column-gap: var(--gds-spacing-3xs);
    }
    .gds-responsive-sm-column-gap-2xs {
      column-gap: var(--gds-spacing-2xs);
    }
    .gds-responsive-sm-column-gap-xs {
      column-gap: var(--gds-spacing-xs);
    }
    .gds-responsive-sm-column-gap-sm {
      column-gap: var(--gds-spacing-sm);
    }
    .gds-responsive-sm-column-gap-md {
      column-gap: var(--gds-spacing-md);
    }
    .gds-responsive-sm-column-gap-lg {
      column-gap: var(--gds-spacing-lg);
    }
    .gds-responsive-sm-column-gap-xl {
      column-gap: var(--gds-spacing-xl);
    }
    .gds-responsive-sm-column-gap-2xl {
      column-gap: var(--gds-spacing-2xl);
    }
    .gds-responsive-sm-column-gap-3xl {
      column-gap: var(--gds-spacing-3xl);
    }
    .gds-responsive-sm-column-gap-auto {
      column-gap: var(--gds-spacing-auto);
    }
    .gds-responsive-sm-column-gap-0 {
      column-gap: var(--gds-spacing-0);
    }
    .gds-responsive-sm-padding-0 {
      padding: 0;
    }
    .gds-responsive-sm-padding-auto {
      padding: auto;
    }
    .gds-responsive-sm-padding-3xs {
      padding: var(--gds-spacing-3xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-sm-padding-3xs:is(.gds-responsive-sm-scrollable, .gds-responsive-sm-scrollable-vertically, .gds-responsive-sm-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-3xs) - 7px);
    }
    .gds-responsive-sm-padding-negative-3xs {
      padding: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-sm-padding-2xs {
      padding: var(--gds-spacing-2xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-sm-padding-2xs:is(.gds-responsive-sm-scrollable, .gds-responsive-sm-scrollable-vertically, .gds-responsive-sm-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-2xs) - 7px);
    }
    .gds-responsive-sm-padding-negative-2xs {
      padding: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-sm-padding-xs {
      padding: var(--gds-spacing-xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-sm-padding-xs:is(.gds-responsive-sm-scrollable, .gds-responsive-sm-scrollable-vertically, .gds-responsive-sm-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-xs) - 7px);
    }
    .gds-responsive-sm-padding-negative-xs {
      padding: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-sm-padding-sm {
      padding: var(--gds-spacing-sm);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-sm-padding-sm:is(.gds-responsive-sm-scrollable, .gds-responsive-sm-scrollable-vertically, .gds-responsive-sm-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-sm) - 7px);
    }
    .gds-responsive-sm-padding-negative-sm {
      padding: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-sm-padding-md {
      padding: var(--gds-spacing-md);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-sm-padding-md:is(.gds-responsive-sm-scrollable, .gds-responsive-sm-scrollable-vertically, .gds-responsive-sm-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-md) - 7px);
    }
    .gds-responsive-sm-padding-negative-md {
      padding: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-sm-padding-lg {
      padding: var(--gds-spacing-lg);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-sm-padding-lg:is(.gds-responsive-sm-scrollable, .gds-responsive-sm-scrollable-vertically, .gds-responsive-sm-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-lg) - 7px);
    }
    .gds-responsive-sm-padding-negative-lg {
      padding: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-sm-padding-xl {
      padding: var(--gds-spacing-xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-sm-padding-xl:is(.gds-responsive-sm-scrollable, .gds-responsive-sm-scrollable-vertically, .gds-responsive-sm-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-xl) - 7px);
    }
    .gds-responsive-sm-padding-negative-xl {
      padding: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-sm-padding-2xl {
      padding: var(--gds-spacing-2xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-sm-padding-2xl:is(.gds-responsive-sm-scrollable, .gds-responsive-sm-scrollable-vertically, .gds-responsive-sm-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-2xl) - 7px);
    }
    .gds-responsive-sm-padding-negative-2xl {
      padding: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-sm-padding-3xl {
      padding: var(--gds-spacing-3xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-sm-padding-3xl:is(.gds-responsive-sm-scrollable, .gds-responsive-sm-scrollable-vertically, .gds-responsive-sm-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-3xl) - 7px);
    }
    .gds-responsive-sm-padding-negative-3xl {
      padding: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-sm-padding-auto {
      padding: var(--gds-spacing-auto);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-sm-padding-auto:is(.gds-responsive-sm-scrollable, .gds-responsive-sm-scrollable-vertically, .gds-responsive-sm-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-auto) - 7px);
    }
    .gds-responsive-sm-padding-negative-auto {
      padding: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-sm-padding-0 {
      padding: var(--gds-spacing-0);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-sm-padding-0:is(.gds-responsive-sm-scrollable, .gds-responsive-sm-scrollable-vertically, .gds-responsive-sm-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-0) - 7px);
    }
    .gds-responsive-sm-padding-negative-0 {
      padding: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-sm-padding-block-0 {
      padding-block: 0;
    }
    .gds-responsive-sm-padding-block-auto {
      padding-block: auto;
    }
    .gds-responsive-sm-padding-block-3xs {
      padding-block: var(--gds-spacing-3xs);
    }
    .gds-responsive-sm-padding-block-negative-3xs {
      padding-block: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-sm-padding-block-2xs {
      padding-block: var(--gds-spacing-2xs);
    }
    .gds-responsive-sm-padding-block-negative-2xs {
      padding-block: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-sm-padding-block-xs {
      padding-block: var(--gds-spacing-xs);
    }
    .gds-responsive-sm-padding-block-negative-xs {
      padding-block: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-sm-padding-block-sm {
      padding-block: var(--gds-spacing-sm);
    }
    .gds-responsive-sm-padding-block-negative-sm {
      padding-block: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-sm-padding-block-md {
      padding-block: var(--gds-spacing-md);
    }
    .gds-responsive-sm-padding-block-negative-md {
      padding-block: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-sm-padding-block-lg {
      padding-block: var(--gds-spacing-lg);
    }
    .gds-responsive-sm-padding-block-negative-lg {
      padding-block: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-sm-padding-block-xl {
      padding-block: var(--gds-spacing-xl);
    }
    .gds-responsive-sm-padding-block-negative-xl {
      padding-block: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-sm-padding-block-2xl {
      padding-block: var(--gds-spacing-2xl);
    }
    .gds-responsive-sm-padding-block-negative-2xl {
      padding-block: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-sm-padding-block-3xl {
      padding-block: var(--gds-spacing-3xl);
    }
    .gds-responsive-sm-padding-block-negative-3xl {
      padding-block: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-sm-padding-block-auto {
      padding-block: var(--gds-spacing-auto);
    }
    .gds-responsive-sm-padding-block-negative-auto {
      padding-block: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-sm-padding-block-0 {
      padding-block: var(--gds-spacing-0);
    }
    .gds-responsive-sm-padding-block-negative-0 {
      padding-block: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-sm-padding-block-start-0 {
      padding-block-start: 0;
    }
    .gds-responsive-sm-padding-block-start-auto {
      padding-block-start: auto;
    }
    .gds-responsive-sm-padding-block-start-3xs {
      padding-block-start: var(--gds-spacing-3xs);
    }
    .gds-responsive-sm-padding-block-start-negative-3xs {
      padding-block-start: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-sm-padding-block-start-2xs {
      padding-block-start: var(--gds-spacing-2xs);
    }
    .gds-responsive-sm-padding-block-start-negative-2xs {
      padding-block-start: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-sm-padding-block-start-xs {
      padding-block-start: var(--gds-spacing-xs);
    }
    .gds-responsive-sm-padding-block-start-negative-xs {
      padding-block-start: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-sm-padding-block-start-sm {
      padding-block-start: var(--gds-spacing-sm);
    }
    .gds-responsive-sm-padding-block-start-negative-sm {
      padding-block-start: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-sm-padding-block-start-md {
      padding-block-start: var(--gds-spacing-md);
    }
    .gds-responsive-sm-padding-block-start-negative-md {
      padding-block-start: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-sm-padding-block-start-lg {
      padding-block-start: var(--gds-spacing-lg);
    }
    .gds-responsive-sm-padding-block-start-negative-lg {
      padding-block-start: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-sm-padding-block-start-xl {
      padding-block-start: var(--gds-spacing-xl);
    }
    .gds-responsive-sm-padding-block-start-negative-xl {
      padding-block-start: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-sm-padding-block-start-2xl {
      padding-block-start: var(--gds-spacing-2xl);
    }
    .gds-responsive-sm-padding-block-start-negative-2xl {
      padding-block-start: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-sm-padding-block-start-3xl {
      padding-block-start: var(--gds-spacing-3xl);
    }
    .gds-responsive-sm-padding-block-start-negative-3xl {
      padding-block-start: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-sm-padding-block-start-auto {
      padding-block-start: var(--gds-spacing-auto);
    }
    .gds-responsive-sm-padding-block-start-negative-auto {
      padding-block-start: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-sm-padding-block-start-0 {
      padding-block-start: var(--gds-spacing-0);
    }
    .gds-responsive-sm-padding-block-start-negative-0 {
      padding-block-start: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-sm-padding-block-end-0 {
      padding-block-end: 0;
    }
    .gds-responsive-sm-padding-block-end-auto {
      padding-block-end: auto;
    }
    .gds-responsive-sm-padding-block-end-3xs {
      padding-block-end: var(--gds-spacing-3xs);
    }
    .gds-responsive-sm-padding-block-end-negative-3xs {
      padding-block-end: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-sm-padding-block-end-2xs {
      padding-block-end: var(--gds-spacing-2xs);
    }
    .gds-responsive-sm-padding-block-end-negative-2xs {
      padding-block-end: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-sm-padding-block-end-xs {
      padding-block-end: var(--gds-spacing-xs);
    }
    .gds-responsive-sm-padding-block-end-negative-xs {
      padding-block-end: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-sm-padding-block-end-sm {
      padding-block-end: var(--gds-spacing-sm);
    }
    .gds-responsive-sm-padding-block-end-negative-sm {
      padding-block-end: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-sm-padding-block-end-md {
      padding-block-end: var(--gds-spacing-md);
    }
    .gds-responsive-sm-padding-block-end-negative-md {
      padding-block-end: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-sm-padding-block-end-lg {
      padding-block-end: var(--gds-spacing-lg);
    }
    .gds-responsive-sm-padding-block-end-negative-lg {
      padding-block-end: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-sm-padding-block-end-xl {
      padding-block-end: var(--gds-spacing-xl);
    }
    .gds-responsive-sm-padding-block-end-negative-xl {
      padding-block-end: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-sm-padding-block-end-2xl {
      padding-block-end: var(--gds-spacing-2xl);
    }
    .gds-responsive-sm-padding-block-end-negative-2xl {
      padding-block-end: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-sm-padding-block-end-3xl {
      padding-block-end: var(--gds-spacing-3xl);
    }
    .gds-responsive-sm-padding-block-end-negative-3xl {
      padding-block-end: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-sm-padding-block-end-auto {
      padding-block-end: var(--gds-spacing-auto);
    }
    .gds-responsive-sm-padding-block-end-negative-auto {
      padding-block-end: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-sm-padding-block-end-0 {
      padding-block-end: var(--gds-spacing-0);
    }
    .gds-responsive-sm-padding-block-end-negative-0 {
      padding-block-end: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-sm-padding-inline-0 {
      padding-inline: 0;
    }
    .gds-responsive-sm-padding-inline-auto {
      padding-inline: auto;
    }
    .gds-responsive-sm-padding-inline-3xs {
      padding-inline: var(--gds-spacing-3xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-sm-padding-inline-3xs:is(.gds-responsive-sm-scrollable, .gds-responsive-sm-scrollable-vertically, .gds-responsive-sm-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-3xs) - 7px);
    }
    .gds-responsive-sm-padding-inline-negative-3xs {
      padding-inline: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-sm-padding-inline-2xs {
      padding-inline: var(--gds-spacing-2xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-sm-padding-inline-2xs:is(.gds-responsive-sm-scrollable, .gds-responsive-sm-scrollable-vertically, .gds-responsive-sm-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-2xs) - 7px);
    }
    .gds-responsive-sm-padding-inline-negative-2xs {
      padding-inline: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-sm-padding-inline-xs {
      padding-inline: var(--gds-spacing-xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-sm-padding-inline-xs:is(.gds-responsive-sm-scrollable, .gds-responsive-sm-scrollable-vertically, .gds-responsive-sm-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-xs) - 7px);
    }
    .gds-responsive-sm-padding-inline-negative-xs {
      padding-inline: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-sm-padding-inline-sm {
      padding-inline: var(--gds-spacing-sm);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-sm-padding-inline-sm:is(.gds-responsive-sm-scrollable, .gds-responsive-sm-scrollable-vertically, .gds-responsive-sm-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-sm) - 7px);
    }
    .gds-responsive-sm-padding-inline-negative-sm {
      padding-inline: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-sm-padding-inline-md {
      padding-inline: var(--gds-spacing-md);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-sm-padding-inline-md:is(.gds-responsive-sm-scrollable, .gds-responsive-sm-scrollable-vertically, .gds-responsive-sm-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-md) - 7px);
    }
    .gds-responsive-sm-padding-inline-negative-md {
      padding-inline: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-sm-padding-inline-lg {
      padding-inline: var(--gds-spacing-lg);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-sm-padding-inline-lg:is(.gds-responsive-sm-scrollable, .gds-responsive-sm-scrollable-vertically, .gds-responsive-sm-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-lg) - 7px);
    }
    .gds-responsive-sm-padding-inline-negative-lg {
      padding-inline: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-sm-padding-inline-xl {
      padding-inline: var(--gds-spacing-xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-sm-padding-inline-xl:is(.gds-responsive-sm-scrollable, .gds-responsive-sm-scrollable-vertically, .gds-responsive-sm-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-xl) - 7px);
    }
    .gds-responsive-sm-padding-inline-negative-xl {
      padding-inline: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-sm-padding-inline-2xl {
      padding-inline: var(--gds-spacing-2xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-sm-padding-inline-2xl:is(.gds-responsive-sm-scrollable, .gds-responsive-sm-scrollable-vertically, .gds-responsive-sm-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-2xl) - 7px);
    }
    .gds-responsive-sm-padding-inline-negative-2xl {
      padding-inline: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-sm-padding-inline-3xl {
      padding-inline: var(--gds-spacing-3xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-sm-padding-inline-3xl:is(.gds-responsive-sm-scrollable, .gds-responsive-sm-scrollable-vertically, .gds-responsive-sm-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-3xl) - 7px);
    }
    .gds-responsive-sm-padding-inline-negative-3xl {
      padding-inline: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-sm-padding-inline-auto {
      padding-inline: var(--gds-spacing-auto);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-sm-padding-inline-auto:is(.gds-responsive-sm-scrollable, .gds-responsive-sm-scrollable-vertically, .gds-responsive-sm-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-auto) - 7px);
    }
    .gds-responsive-sm-padding-inline-negative-auto {
      padding-inline: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-sm-padding-inline-0 {
      padding-inline: var(--gds-spacing-0);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-sm-padding-inline-0:is(.gds-responsive-sm-scrollable, .gds-responsive-sm-scrollable-vertically, .gds-responsive-sm-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-0) - 7px);
    }
    .gds-responsive-sm-padding-inline-negative-0 {
      padding-inline: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-sm-padding-inline-start-0 {
      padding-inline-start: 0;
    }
    .gds-responsive-sm-padding-inline-start-auto {
      padding-inline-start: auto;
    }
    .gds-responsive-sm-padding-inline-start-3xs {
      padding-inline-start: var(--gds-spacing-3xs);
    }
    .gds-responsive-sm-padding-inline-start-negative-3xs {
      padding-inline-start: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-sm-padding-inline-start-2xs {
      padding-inline-start: var(--gds-spacing-2xs);
    }
    .gds-responsive-sm-padding-inline-start-negative-2xs {
      padding-inline-start: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-sm-padding-inline-start-xs {
      padding-inline-start: var(--gds-spacing-xs);
    }
    .gds-responsive-sm-padding-inline-start-negative-xs {
      padding-inline-start: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-sm-padding-inline-start-sm {
      padding-inline-start: var(--gds-spacing-sm);
    }
    .gds-responsive-sm-padding-inline-start-negative-sm {
      padding-inline-start: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-sm-padding-inline-start-md {
      padding-inline-start: var(--gds-spacing-md);
    }
    .gds-responsive-sm-padding-inline-start-negative-md {
      padding-inline-start: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-sm-padding-inline-start-lg {
      padding-inline-start: var(--gds-spacing-lg);
    }
    .gds-responsive-sm-padding-inline-start-negative-lg {
      padding-inline-start: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-sm-padding-inline-start-xl {
      padding-inline-start: var(--gds-spacing-xl);
    }
    .gds-responsive-sm-padding-inline-start-negative-xl {
      padding-inline-start: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-sm-padding-inline-start-2xl {
      padding-inline-start: var(--gds-spacing-2xl);
    }
    .gds-responsive-sm-padding-inline-start-negative-2xl {
      padding-inline-start: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-sm-padding-inline-start-3xl {
      padding-inline-start: var(--gds-spacing-3xl);
    }
    .gds-responsive-sm-padding-inline-start-negative-3xl {
      padding-inline-start: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-sm-padding-inline-start-auto {
      padding-inline-start: var(--gds-spacing-auto);
    }
    .gds-responsive-sm-padding-inline-start-negative-auto {
      padding-inline-start: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-sm-padding-inline-start-0 {
      padding-inline-start: var(--gds-spacing-0);
    }
    .gds-responsive-sm-padding-inline-start-negative-0 {
      padding-inline-start: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-sm-padding-inline-end-0 {
      padding-inline-end: 0;
    }
    .gds-responsive-sm-padding-inline-end-auto {
      padding-inline-end: auto;
    }
    .gds-responsive-sm-padding-inline-end-3xs {
      padding-inline-end: var(--gds-spacing-3xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-sm-padding-inline-end-3xs:is(.gds-responsive-sm-scrollable, .gds-responsive-sm-scrollable-vertically, .gds-responsive-sm-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-3xs) - 7px);
    }
    .gds-responsive-sm-padding-inline-end-negative-3xs {
      padding-inline-end: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-sm-padding-inline-end-2xs {
      padding-inline-end: var(--gds-spacing-2xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-sm-padding-inline-end-2xs:is(.gds-responsive-sm-scrollable, .gds-responsive-sm-scrollable-vertically, .gds-responsive-sm-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-2xs) - 7px);
    }
    .gds-responsive-sm-padding-inline-end-negative-2xs {
      padding-inline-end: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-sm-padding-inline-end-xs {
      padding-inline-end: var(--gds-spacing-xs);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-sm-padding-inline-end-xs:is(.gds-responsive-sm-scrollable, .gds-responsive-sm-scrollable-vertically, .gds-responsive-sm-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-xs) - 7px);
    }
    .gds-responsive-sm-padding-inline-end-negative-xs {
      padding-inline-end: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-sm-padding-inline-end-sm {
      padding-inline-end: var(--gds-spacing-sm);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-sm-padding-inline-end-sm:is(.gds-responsive-sm-scrollable, .gds-responsive-sm-scrollable-vertically, .gds-responsive-sm-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-sm) - 7px);
    }
    .gds-responsive-sm-padding-inline-end-negative-sm {
      padding-inline-end: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-sm-padding-inline-end-md {
      padding-inline-end: var(--gds-spacing-md);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-sm-padding-inline-end-md:is(.gds-responsive-sm-scrollable, .gds-responsive-sm-scrollable-vertically, .gds-responsive-sm-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-md) - 7px);
    }
    .gds-responsive-sm-padding-inline-end-negative-md {
      padding-inline-end: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-sm-padding-inline-end-lg {
      padding-inline-end: var(--gds-spacing-lg);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-sm-padding-inline-end-lg:is(.gds-responsive-sm-scrollable, .gds-responsive-sm-scrollable-vertically, .gds-responsive-sm-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-lg) - 7px);
    }
    .gds-responsive-sm-padding-inline-end-negative-lg {
      padding-inline-end: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-sm-padding-inline-end-xl {
      padding-inline-end: var(--gds-spacing-xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-sm-padding-inline-end-xl:is(.gds-responsive-sm-scrollable, .gds-responsive-sm-scrollable-vertically, .gds-responsive-sm-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-xl) - 7px);
    }
    .gds-responsive-sm-padding-inline-end-negative-xl {
      padding-inline-end: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-sm-padding-inline-end-2xl {
      padding-inline-end: var(--gds-spacing-2xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-sm-padding-inline-end-2xl:is(.gds-responsive-sm-scrollable, .gds-responsive-sm-scrollable-vertically, .gds-responsive-sm-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-2xl) - 7px);
    }
    .gds-responsive-sm-padding-inline-end-negative-2xl {
      padding-inline-end: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-sm-padding-inline-end-3xl {
      padding-inline-end: var(--gds-spacing-3xl);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-sm-padding-inline-end-3xl:is(.gds-responsive-sm-scrollable, .gds-responsive-sm-scrollable-vertically, .gds-responsive-sm-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-3xl) - 7px);
    }
    .gds-responsive-sm-padding-inline-end-negative-3xl {
      padding-inline-end: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-sm-padding-inline-end-auto {
      padding-inline-end: var(--gds-spacing-auto);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-sm-padding-inline-end-auto:is(.gds-responsive-sm-scrollable, .gds-responsive-sm-scrollable-vertically, .gds-responsive-sm-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-auto) - 7px);
    }
    .gds-responsive-sm-padding-inline-end-negative-auto {
      padding-inline-end: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-sm-padding-inline-end-0 {
      padding-inline-end: var(--gds-spacing-0);
    }
    :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) .gds-responsive-sm-padding-inline-end-0:is(.gds-responsive-sm-scrollable, .gds-responsive-sm-scrollable-vertically, .gds-responsive-sm-scrollable-horizontally) {
      padding-right: calc(var(--gds-spacing-0) - 7px);
    }
    .gds-responsive-sm-padding-inline-end-negative-0 {
      padding-inline-end: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-sm-margin-0 {
      margin: 0;
    }
    .gds-responsive-sm-margin-auto {
      margin: auto;
    }
    .gds-responsive-sm-margin-3xs {
      margin: var(--gds-spacing-3xs);
    }
    .gds-responsive-sm-margin-negative-3xs {
      margin: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-sm-margin-2xs {
      margin: var(--gds-spacing-2xs);
    }
    .gds-responsive-sm-margin-negative-2xs {
      margin: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-sm-margin-xs {
      margin: var(--gds-spacing-xs);
    }
    .gds-responsive-sm-margin-negative-xs {
      margin: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-sm-margin-sm {
      margin: var(--gds-spacing-sm);
    }
    .gds-responsive-sm-margin-negative-sm {
      margin: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-sm-margin-md {
      margin: var(--gds-spacing-md);
    }
    .gds-responsive-sm-margin-negative-md {
      margin: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-sm-margin-lg {
      margin: var(--gds-spacing-lg);
    }
    .gds-responsive-sm-margin-negative-lg {
      margin: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-sm-margin-xl {
      margin: var(--gds-spacing-xl);
    }
    .gds-responsive-sm-margin-negative-xl {
      margin: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-sm-margin-2xl {
      margin: var(--gds-spacing-2xl);
    }
    .gds-responsive-sm-margin-negative-2xl {
      margin: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-sm-margin-3xl {
      margin: var(--gds-spacing-3xl);
    }
    .gds-responsive-sm-margin-negative-3xl {
      margin: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-sm-margin-auto {
      margin: var(--gds-spacing-auto);
    }
    .gds-responsive-sm-margin-negative-auto {
      margin: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-sm-margin-0 {
      margin: var(--gds-spacing-0);
    }
    .gds-responsive-sm-margin-negative-0 {
      margin: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-sm-margin-block-0 {
      margin-block: 0;
    }
    .gds-responsive-sm-margin-block-auto {
      margin-block: auto;
    }
    .gds-responsive-sm-margin-block-3xs {
      margin-block: var(--gds-spacing-3xs);
    }
    .gds-responsive-sm-margin-block-negative-3xs {
      margin-block: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-sm-margin-block-2xs {
      margin-block: var(--gds-spacing-2xs);
    }
    .gds-responsive-sm-margin-block-negative-2xs {
      margin-block: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-sm-margin-block-xs {
      margin-block: var(--gds-spacing-xs);
    }
    .gds-responsive-sm-margin-block-negative-xs {
      margin-block: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-sm-margin-block-sm {
      margin-block: var(--gds-spacing-sm);
    }
    .gds-responsive-sm-margin-block-negative-sm {
      margin-block: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-sm-margin-block-md {
      margin-block: var(--gds-spacing-md);
    }
    .gds-responsive-sm-margin-block-negative-md {
      margin-block: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-sm-margin-block-lg {
      margin-block: var(--gds-spacing-lg);
    }
    .gds-responsive-sm-margin-block-negative-lg {
      margin-block: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-sm-margin-block-xl {
      margin-block: var(--gds-spacing-xl);
    }
    .gds-responsive-sm-margin-block-negative-xl {
      margin-block: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-sm-margin-block-2xl {
      margin-block: var(--gds-spacing-2xl);
    }
    .gds-responsive-sm-margin-block-negative-2xl {
      margin-block: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-sm-margin-block-3xl {
      margin-block: var(--gds-spacing-3xl);
    }
    .gds-responsive-sm-margin-block-negative-3xl {
      margin-block: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-sm-margin-block-auto {
      margin-block: var(--gds-spacing-auto);
    }
    .gds-responsive-sm-margin-block-negative-auto {
      margin-block: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-sm-margin-block-0 {
      margin-block: var(--gds-spacing-0);
    }
    .gds-responsive-sm-margin-block-negative-0 {
      margin-block: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-sm-margin-block-start-0 {
      margin-block-start: 0;
    }
    .gds-responsive-sm-margin-block-start-auto {
      margin-block-start: auto;
    }
    .gds-responsive-sm-margin-block-start-3xs {
      margin-block-start: var(--gds-spacing-3xs);
    }
    .gds-responsive-sm-margin-block-start-negative-3xs {
      margin-block-start: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-sm-margin-block-start-2xs {
      margin-block-start: var(--gds-spacing-2xs);
    }
    .gds-responsive-sm-margin-block-start-negative-2xs {
      margin-block-start: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-sm-margin-block-start-xs {
      margin-block-start: var(--gds-spacing-xs);
    }
    .gds-responsive-sm-margin-block-start-negative-xs {
      margin-block-start: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-sm-margin-block-start-sm {
      margin-block-start: var(--gds-spacing-sm);
    }
    .gds-responsive-sm-margin-block-start-negative-sm {
      margin-block-start: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-sm-margin-block-start-md {
      margin-block-start: var(--gds-spacing-md);
    }
    .gds-responsive-sm-margin-block-start-negative-md {
      margin-block-start: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-sm-margin-block-start-lg {
      margin-block-start: var(--gds-spacing-lg);
    }
    .gds-responsive-sm-margin-block-start-negative-lg {
      margin-block-start: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-sm-margin-block-start-xl {
      margin-block-start: var(--gds-spacing-xl);
    }
    .gds-responsive-sm-margin-block-start-negative-xl {
      margin-block-start: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-sm-margin-block-start-2xl {
      margin-block-start: var(--gds-spacing-2xl);
    }
    .gds-responsive-sm-margin-block-start-negative-2xl {
      margin-block-start: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-sm-margin-block-start-3xl {
      margin-block-start: var(--gds-spacing-3xl);
    }
    .gds-responsive-sm-margin-block-start-negative-3xl {
      margin-block-start: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-sm-margin-block-start-auto {
      margin-block-start: var(--gds-spacing-auto);
    }
    .gds-responsive-sm-margin-block-start-negative-auto {
      margin-block-start: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-sm-margin-block-start-0 {
      margin-block-start: var(--gds-spacing-0);
    }
    .gds-responsive-sm-margin-block-start-negative-0 {
      margin-block-start: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-sm-margin-block-end-0 {
      margin-block-end: 0;
    }
    .gds-responsive-sm-margin-block-end-auto {
      margin-block-end: auto;
    }
    .gds-responsive-sm-margin-block-end-3xs {
      margin-block-end: var(--gds-spacing-3xs);
    }
    .gds-responsive-sm-margin-block-end-negative-3xs {
      margin-block-end: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-sm-margin-block-end-2xs {
      margin-block-end: var(--gds-spacing-2xs);
    }
    .gds-responsive-sm-margin-block-end-negative-2xs {
      margin-block-end: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-sm-margin-block-end-xs {
      margin-block-end: var(--gds-spacing-xs);
    }
    .gds-responsive-sm-margin-block-end-negative-xs {
      margin-block-end: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-sm-margin-block-end-sm {
      margin-block-end: var(--gds-spacing-sm);
    }
    .gds-responsive-sm-margin-block-end-negative-sm {
      margin-block-end: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-sm-margin-block-end-md {
      margin-block-end: var(--gds-spacing-md);
    }
    .gds-responsive-sm-margin-block-end-negative-md {
      margin-block-end: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-sm-margin-block-end-lg {
      margin-block-end: var(--gds-spacing-lg);
    }
    .gds-responsive-sm-margin-block-end-negative-lg {
      margin-block-end: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-sm-margin-block-end-xl {
      margin-block-end: var(--gds-spacing-xl);
    }
    .gds-responsive-sm-margin-block-end-negative-xl {
      margin-block-end: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-sm-margin-block-end-2xl {
      margin-block-end: var(--gds-spacing-2xl);
    }
    .gds-responsive-sm-margin-block-end-negative-2xl {
      margin-block-end: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-sm-margin-block-end-3xl {
      margin-block-end: var(--gds-spacing-3xl);
    }
    .gds-responsive-sm-margin-block-end-negative-3xl {
      margin-block-end: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-sm-margin-block-end-auto {
      margin-block-end: var(--gds-spacing-auto);
    }
    .gds-responsive-sm-margin-block-end-negative-auto {
      margin-block-end: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-sm-margin-block-end-0 {
      margin-block-end: var(--gds-spacing-0);
    }
    .gds-responsive-sm-margin-block-end-negative-0 {
      margin-block-end: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-sm-margin-inline-0 {
      margin-inline: 0;
    }
    .gds-responsive-sm-margin-inline-auto {
      margin-inline: auto;
    }
    .gds-responsive-sm-margin-inline-3xs {
      margin-inline: var(--gds-spacing-3xs);
    }
    .gds-responsive-sm-margin-inline-negative-3xs {
      margin-inline: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-sm-margin-inline-2xs {
      margin-inline: var(--gds-spacing-2xs);
    }
    .gds-responsive-sm-margin-inline-negative-2xs {
      margin-inline: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-sm-margin-inline-xs {
      margin-inline: var(--gds-spacing-xs);
    }
    .gds-responsive-sm-margin-inline-negative-xs {
      margin-inline: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-sm-margin-inline-sm {
      margin-inline: var(--gds-spacing-sm);
    }
    .gds-responsive-sm-margin-inline-negative-sm {
      margin-inline: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-sm-margin-inline-md {
      margin-inline: var(--gds-spacing-md);
    }
    .gds-responsive-sm-margin-inline-negative-md {
      margin-inline: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-sm-margin-inline-lg {
      margin-inline: var(--gds-spacing-lg);
    }
    .gds-responsive-sm-margin-inline-negative-lg {
      margin-inline: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-sm-margin-inline-xl {
      margin-inline: var(--gds-spacing-xl);
    }
    .gds-responsive-sm-margin-inline-negative-xl {
      margin-inline: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-sm-margin-inline-2xl {
      margin-inline: var(--gds-spacing-2xl);
    }
    .gds-responsive-sm-margin-inline-negative-2xl {
      margin-inline: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-sm-margin-inline-3xl {
      margin-inline: var(--gds-spacing-3xl);
    }
    .gds-responsive-sm-margin-inline-negative-3xl {
      margin-inline: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-sm-margin-inline-auto {
      margin-inline: var(--gds-spacing-auto);
    }
    .gds-responsive-sm-margin-inline-negative-auto {
      margin-inline: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-sm-margin-inline-0 {
      margin-inline: var(--gds-spacing-0);
    }
    .gds-responsive-sm-margin-inline-negative-0 {
      margin-inline: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-sm-margin-inline-start-0 {
      margin-inline-start: 0;
    }
    .gds-responsive-sm-margin-inline-start-auto {
      margin-inline-start: auto;
    }
    .gds-responsive-sm-margin-inline-start-3xs {
      margin-inline-start: var(--gds-spacing-3xs);
    }
    .gds-responsive-sm-margin-inline-start-negative-3xs {
      margin-inline-start: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-sm-margin-inline-start-2xs {
      margin-inline-start: var(--gds-spacing-2xs);
    }
    .gds-responsive-sm-margin-inline-start-negative-2xs {
      margin-inline-start: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-sm-margin-inline-start-xs {
      margin-inline-start: var(--gds-spacing-xs);
    }
    .gds-responsive-sm-margin-inline-start-negative-xs {
      margin-inline-start: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-sm-margin-inline-start-sm {
      margin-inline-start: var(--gds-spacing-sm);
    }
    .gds-responsive-sm-margin-inline-start-negative-sm {
      margin-inline-start: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-sm-margin-inline-start-md {
      margin-inline-start: var(--gds-spacing-md);
    }
    .gds-responsive-sm-margin-inline-start-negative-md {
      margin-inline-start: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-sm-margin-inline-start-lg {
      margin-inline-start: var(--gds-spacing-lg);
    }
    .gds-responsive-sm-margin-inline-start-negative-lg {
      margin-inline-start: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-sm-margin-inline-start-xl {
      margin-inline-start: var(--gds-spacing-xl);
    }
    .gds-responsive-sm-margin-inline-start-negative-xl {
      margin-inline-start: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-sm-margin-inline-start-2xl {
      margin-inline-start: var(--gds-spacing-2xl);
    }
    .gds-responsive-sm-margin-inline-start-negative-2xl {
      margin-inline-start: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-sm-margin-inline-start-3xl {
      margin-inline-start: var(--gds-spacing-3xl);
    }
    .gds-responsive-sm-margin-inline-start-negative-3xl {
      margin-inline-start: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-sm-margin-inline-start-auto {
      margin-inline-start: var(--gds-spacing-auto);
    }
    .gds-responsive-sm-margin-inline-start-negative-auto {
      margin-inline-start: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-sm-margin-inline-start-0 {
      margin-inline-start: var(--gds-spacing-0);
    }
    .gds-responsive-sm-margin-inline-start-negative-0 {
      margin-inline-start: calc(-1 * var(--gds-spacing-0));
    }
    .gds-responsive-sm-margin-inline-end-0 {
      margin-inline-end: 0;
    }
    .gds-responsive-sm-margin-inline-end-auto {
      margin-inline-end: auto;
    }
    .gds-responsive-sm-margin-inline-end-3xs {
      margin-inline-end: var(--gds-spacing-3xs);
    }
    .gds-responsive-sm-margin-inline-end-negative-3xs {
      margin-inline-end: calc(-1 * var(--gds-spacing-3xs));
    }
    .gds-responsive-sm-margin-inline-end-2xs {
      margin-inline-end: var(--gds-spacing-2xs);
    }
    .gds-responsive-sm-margin-inline-end-negative-2xs {
      margin-inline-end: calc(-1 * var(--gds-spacing-2xs));
    }
    .gds-responsive-sm-margin-inline-end-xs {
      margin-inline-end: var(--gds-spacing-xs);
    }
    .gds-responsive-sm-margin-inline-end-negative-xs {
      margin-inline-end: calc(-1 * var(--gds-spacing-xs));
    }
    .gds-responsive-sm-margin-inline-end-sm {
      margin-inline-end: var(--gds-spacing-sm);
    }
    .gds-responsive-sm-margin-inline-end-negative-sm {
      margin-inline-end: calc(-1 * var(--gds-spacing-sm));
    }
    .gds-responsive-sm-margin-inline-end-md {
      margin-inline-end: var(--gds-spacing-md);
    }
    .gds-responsive-sm-margin-inline-end-negative-md {
      margin-inline-end: calc(-1 * var(--gds-spacing-md));
    }
    .gds-responsive-sm-margin-inline-end-lg {
      margin-inline-end: var(--gds-spacing-lg);
    }
    .gds-responsive-sm-margin-inline-end-negative-lg {
      margin-inline-end: calc(-1 * var(--gds-spacing-lg));
    }
    .gds-responsive-sm-margin-inline-end-xl {
      margin-inline-end: var(--gds-spacing-xl);
    }
    .gds-responsive-sm-margin-inline-end-negative-xl {
      margin-inline-end: calc(-1 * var(--gds-spacing-xl));
    }
    .gds-responsive-sm-margin-inline-end-2xl {
      margin-inline-end: var(--gds-spacing-2xl);
    }
    .gds-responsive-sm-margin-inline-end-negative-2xl {
      margin-inline-end: calc(-1 * var(--gds-spacing-2xl));
    }
    .gds-responsive-sm-margin-inline-end-3xl {
      margin-inline-end: var(--gds-spacing-3xl);
    }
    .gds-responsive-sm-margin-inline-end-negative-3xl {
      margin-inline-end: calc(-1 * var(--gds-spacing-3xl));
    }
    .gds-responsive-sm-margin-inline-end-auto {
      margin-inline-end: var(--gds-spacing-auto);
    }
    .gds-responsive-sm-margin-inline-end-negative-auto {
      margin-inline-end: calc(-1 * var(--gds-spacing-auto));
    }
    .gds-responsive-sm-margin-inline-end-0 {
      margin-inline-end: var(--gds-spacing-0);
    }
    .gds-responsive-sm-margin-inline-end-negative-0 {
      margin-inline-end: calc(-1 * var(--gds-spacing-0));
    }
  }
  body[isMobile=true] {
  }
  body[isMobile=true] .gds-mobile-gap-3xs {
    gap: var(--gds-spacing-3xs);
  }
  body[isMobile=true] .gds-mobile-gap-2xs {
    gap: var(--gds-spacing-2xs);
  }
  body[isMobile=true] .gds-mobile-gap-xs {
    gap: var(--gds-spacing-xs);
  }
  body[isMobile=true] .gds-mobile-gap-sm {
    gap: var(--gds-spacing-sm);
  }
  body[isMobile=true] .gds-mobile-gap-md {
    gap: var(--gds-spacing-md);
  }
  body[isMobile=true] .gds-mobile-gap-lg {
    gap: var(--gds-spacing-lg);
  }
  body[isMobile=true] .gds-mobile-gap-xl {
    gap: var(--gds-spacing-xl);
  }
  body[isMobile=true] .gds-mobile-gap-2xl {
    gap: var(--gds-spacing-2xl);
  }
  body[isMobile=true] .gds-mobile-gap-3xl {
    gap: var(--gds-spacing-3xl);
  }
  body[isMobile=true] .gds-mobile-gap-auto {
    gap: var(--gds-spacing-auto);
  }
  body[isMobile=true] .gds-mobile-gap-0 {
    gap: var(--gds-spacing-0);
  }
  body[isMobile=true] .gds-mobile-row-gap-3xs {
    row-gap: var(--gds-spacing-3xs);
  }
  body[isMobile=true] .gds-mobile-row-gap-2xs {
    row-gap: var(--gds-spacing-2xs);
  }
  body[isMobile=true] .gds-mobile-row-gap-xs {
    row-gap: var(--gds-spacing-xs);
  }
  body[isMobile=true] .gds-mobile-row-gap-sm {
    row-gap: var(--gds-spacing-sm);
  }
  body[isMobile=true] .gds-mobile-row-gap-md {
    row-gap: var(--gds-spacing-md);
  }
  body[isMobile=true] .gds-mobile-row-gap-lg {
    row-gap: var(--gds-spacing-lg);
  }
  body[isMobile=true] .gds-mobile-row-gap-xl {
    row-gap: var(--gds-spacing-xl);
  }
  body[isMobile=true] .gds-mobile-row-gap-2xl {
    row-gap: var(--gds-spacing-2xl);
  }
  body[isMobile=true] .gds-mobile-row-gap-3xl {
    row-gap: var(--gds-spacing-3xl);
  }
  body[isMobile=true] .gds-mobile-row-gap-auto {
    row-gap: var(--gds-spacing-auto);
  }
  body[isMobile=true] .gds-mobile-row-gap-0 {
    row-gap: var(--gds-spacing-0);
  }
  body[isMobile=true] .gds-mobile-column-gap-3xs {
    column-gap: var(--gds-spacing-3xs);
  }
  body[isMobile=true] .gds-mobile-column-gap-2xs {
    column-gap: var(--gds-spacing-2xs);
  }
  body[isMobile=true] .gds-mobile-column-gap-xs {
    column-gap: var(--gds-spacing-xs);
  }
  body[isMobile=true] .gds-mobile-column-gap-sm {
    column-gap: var(--gds-spacing-sm);
  }
  body[isMobile=true] .gds-mobile-column-gap-md {
    column-gap: var(--gds-spacing-md);
  }
  body[isMobile=true] .gds-mobile-column-gap-lg {
    column-gap: var(--gds-spacing-lg);
  }
  body[isMobile=true] .gds-mobile-column-gap-xl {
    column-gap: var(--gds-spacing-xl);
  }
  body[isMobile=true] .gds-mobile-column-gap-2xl {
    column-gap: var(--gds-spacing-2xl);
  }
  body[isMobile=true] .gds-mobile-column-gap-3xl {
    column-gap: var(--gds-spacing-3xl);
  }
  body[isMobile=true] .gds-mobile-column-gap-auto {
    column-gap: var(--gds-spacing-auto);
  }
  body[isMobile=true] .gds-mobile-column-gap-0 {
    column-gap: var(--gds-spacing-0);
  }
  body[isMobile=true] .gds-mobile-padding-0 {
    padding: 0;
  }
  body[isMobile=true] .gds-mobile-padding-auto {
    padding: auto;
  }
  body[isMobile=true] .gds-mobile-padding-3xs {
    padding: var(--gds-spacing-3xs);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) body[isMobile=true] .gds-mobile-padding-3xs:is(.gds-mobile-scrollable, .gds-mobile-scrollable-vertically, .gds-mobile-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-3xs) - 7px);
  }
  body[isMobile=true] .gds-mobile-padding-negative-3xs {
    padding: calc(-1 * var(--gds-spacing-3xs));
  }
  body[isMobile=true] .gds-mobile-padding-2xs {
    padding: var(--gds-spacing-2xs);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) body[isMobile=true] .gds-mobile-padding-2xs:is(.gds-mobile-scrollable, .gds-mobile-scrollable-vertically, .gds-mobile-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-2xs) - 7px);
  }
  body[isMobile=true] .gds-mobile-padding-negative-2xs {
    padding: calc(-1 * var(--gds-spacing-2xs));
  }
  body[isMobile=true] .gds-mobile-padding-xs {
    padding: var(--gds-spacing-xs);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) body[isMobile=true] .gds-mobile-padding-xs:is(.gds-mobile-scrollable, .gds-mobile-scrollable-vertically, .gds-mobile-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-xs) - 7px);
  }
  body[isMobile=true] .gds-mobile-padding-negative-xs {
    padding: calc(-1 * var(--gds-spacing-xs));
  }
  body[isMobile=true] .gds-mobile-padding-sm {
    padding: var(--gds-spacing-sm);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) body[isMobile=true] .gds-mobile-padding-sm:is(.gds-mobile-scrollable, .gds-mobile-scrollable-vertically, .gds-mobile-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-sm) - 7px);
  }
  body[isMobile=true] .gds-mobile-padding-negative-sm {
    padding: calc(-1 * var(--gds-spacing-sm));
  }
  body[isMobile=true] .gds-mobile-padding-md {
    padding: var(--gds-spacing-md);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) body[isMobile=true] .gds-mobile-padding-md:is(.gds-mobile-scrollable, .gds-mobile-scrollable-vertically, .gds-mobile-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-md) - 7px);
  }
  body[isMobile=true] .gds-mobile-padding-negative-md {
    padding: calc(-1 * var(--gds-spacing-md));
  }
  body[isMobile=true] .gds-mobile-padding-lg {
    padding: var(--gds-spacing-lg);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) body[isMobile=true] .gds-mobile-padding-lg:is(.gds-mobile-scrollable, .gds-mobile-scrollable-vertically, .gds-mobile-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-lg) - 7px);
  }
  body[isMobile=true] .gds-mobile-padding-negative-lg {
    padding: calc(-1 * var(--gds-spacing-lg));
  }
  body[isMobile=true] .gds-mobile-padding-xl {
    padding: var(--gds-spacing-xl);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) body[isMobile=true] .gds-mobile-padding-xl:is(.gds-mobile-scrollable, .gds-mobile-scrollable-vertically, .gds-mobile-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-xl) - 7px);
  }
  body[isMobile=true] .gds-mobile-padding-negative-xl {
    padding: calc(-1 * var(--gds-spacing-xl));
  }
  body[isMobile=true] .gds-mobile-padding-2xl {
    padding: var(--gds-spacing-2xl);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) body[isMobile=true] .gds-mobile-padding-2xl:is(.gds-mobile-scrollable, .gds-mobile-scrollable-vertically, .gds-mobile-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-2xl) - 7px);
  }
  body[isMobile=true] .gds-mobile-padding-negative-2xl {
    padding: calc(-1 * var(--gds-spacing-2xl));
  }
  body[isMobile=true] .gds-mobile-padding-3xl {
    padding: var(--gds-spacing-3xl);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) body[isMobile=true] .gds-mobile-padding-3xl:is(.gds-mobile-scrollable, .gds-mobile-scrollable-vertically, .gds-mobile-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-3xl) - 7px);
  }
  body[isMobile=true] .gds-mobile-padding-negative-3xl {
    padding: calc(-1 * var(--gds-spacing-3xl));
  }
  body[isMobile=true] .gds-mobile-padding-auto {
    padding: var(--gds-spacing-auto);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) body[isMobile=true] .gds-mobile-padding-auto:is(.gds-mobile-scrollable, .gds-mobile-scrollable-vertically, .gds-mobile-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-auto) - 7px);
  }
  body[isMobile=true] .gds-mobile-padding-negative-auto {
    padding: calc(-1 * var(--gds-spacing-auto));
  }
  body[isMobile=true] .gds-mobile-padding-0 {
    padding: var(--gds-spacing-0);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) body[isMobile=true] .gds-mobile-padding-0:is(.gds-mobile-scrollable, .gds-mobile-scrollable-vertically, .gds-mobile-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-0) - 7px);
  }
  body[isMobile=true] .gds-mobile-padding-negative-0 {
    padding: calc(-1 * var(--gds-spacing-0));
  }
  body[isMobile=true] .gds-mobile-padding-block-0 {
    padding-block: 0;
  }
  body[isMobile=true] .gds-mobile-padding-block-auto {
    padding-block: auto;
  }
  body[isMobile=true] .gds-mobile-padding-block-3xs {
    padding-block: var(--gds-spacing-3xs);
  }
  body[isMobile=true] .gds-mobile-padding-block-negative-3xs {
    padding-block: calc(-1 * var(--gds-spacing-3xs));
  }
  body[isMobile=true] .gds-mobile-padding-block-2xs {
    padding-block: var(--gds-spacing-2xs);
  }
  body[isMobile=true] .gds-mobile-padding-block-negative-2xs {
    padding-block: calc(-1 * var(--gds-spacing-2xs));
  }
  body[isMobile=true] .gds-mobile-padding-block-xs {
    padding-block: var(--gds-spacing-xs);
  }
  body[isMobile=true] .gds-mobile-padding-block-negative-xs {
    padding-block: calc(-1 * var(--gds-spacing-xs));
  }
  body[isMobile=true] .gds-mobile-padding-block-sm {
    padding-block: var(--gds-spacing-sm);
  }
  body[isMobile=true] .gds-mobile-padding-block-negative-sm {
    padding-block: calc(-1 * var(--gds-spacing-sm));
  }
  body[isMobile=true] .gds-mobile-padding-block-md {
    padding-block: var(--gds-spacing-md);
  }
  body[isMobile=true] .gds-mobile-padding-block-negative-md {
    padding-block: calc(-1 * var(--gds-spacing-md));
  }
  body[isMobile=true] .gds-mobile-padding-block-lg {
    padding-block: var(--gds-spacing-lg);
  }
  body[isMobile=true] .gds-mobile-padding-block-negative-lg {
    padding-block: calc(-1 * var(--gds-spacing-lg));
  }
  body[isMobile=true] .gds-mobile-padding-block-xl {
    padding-block: var(--gds-spacing-xl);
  }
  body[isMobile=true] .gds-mobile-padding-block-negative-xl {
    padding-block: calc(-1 * var(--gds-spacing-xl));
  }
  body[isMobile=true] .gds-mobile-padding-block-2xl {
    padding-block: var(--gds-spacing-2xl);
  }
  body[isMobile=true] .gds-mobile-padding-block-negative-2xl {
    padding-block: calc(-1 * var(--gds-spacing-2xl));
  }
  body[isMobile=true] .gds-mobile-padding-block-3xl {
    padding-block: var(--gds-spacing-3xl);
  }
  body[isMobile=true] .gds-mobile-padding-block-negative-3xl {
    padding-block: calc(-1 * var(--gds-spacing-3xl));
  }
  body[isMobile=true] .gds-mobile-padding-block-auto {
    padding-block: var(--gds-spacing-auto);
  }
  body[isMobile=true] .gds-mobile-padding-block-negative-auto {
    padding-block: calc(-1 * var(--gds-spacing-auto));
  }
  body[isMobile=true] .gds-mobile-padding-block-0 {
    padding-block: var(--gds-spacing-0);
  }
  body[isMobile=true] .gds-mobile-padding-block-negative-0 {
    padding-block: calc(-1 * var(--gds-spacing-0));
  }
  body[isMobile=true] .gds-mobile-padding-block-start-0 {
    padding-block-start: 0;
  }
  body[isMobile=true] .gds-mobile-padding-block-start-auto {
    padding-block-start: auto;
  }
  body[isMobile=true] .gds-mobile-padding-block-start-3xs {
    padding-block-start: var(--gds-spacing-3xs);
  }
  body[isMobile=true] .gds-mobile-padding-block-start-negative-3xs {
    padding-block-start: calc(-1 * var(--gds-spacing-3xs));
  }
  body[isMobile=true] .gds-mobile-padding-block-start-2xs {
    padding-block-start: var(--gds-spacing-2xs);
  }
  body[isMobile=true] .gds-mobile-padding-block-start-negative-2xs {
    padding-block-start: calc(-1 * var(--gds-spacing-2xs));
  }
  body[isMobile=true] .gds-mobile-padding-block-start-xs {
    padding-block-start: var(--gds-spacing-xs);
  }
  body[isMobile=true] .gds-mobile-padding-block-start-negative-xs {
    padding-block-start: calc(-1 * var(--gds-spacing-xs));
  }
  body[isMobile=true] .gds-mobile-padding-block-start-sm {
    padding-block-start: var(--gds-spacing-sm);
  }
  body[isMobile=true] .gds-mobile-padding-block-start-negative-sm {
    padding-block-start: calc(-1 * var(--gds-spacing-sm));
  }
  body[isMobile=true] .gds-mobile-padding-block-start-md {
    padding-block-start: var(--gds-spacing-md);
  }
  body[isMobile=true] .gds-mobile-padding-block-start-negative-md {
    padding-block-start: calc(-1 * var(--gds-spacing-md));
  }
  body[isMobile=true] .gds-mobile-padding-block-start-lg {
    padding-block-start: var(--gds-spacing-lg);
  }
  body[isMobile=true] .gds-mobile-padding-block-start-negative-lg {
    padding-block-start: calc(-1 * var(--gds-spacing-lg));
  }
  body[isMobile=true] .gds-mobile-padding-block-start-xl {
    padding-block-start: var(--gds-spacing-xl);
  }
  body[isMobile=true] .gds-mobile-padding-block-start-negative-xl {
    padding-block-start: calc(-1 * var(--gds-spacing-xl));
  }
  body[isMobile=true] .gds-mobile-padding-block-start-2xl {
    padding-block-start: var(--gds-spacing-2xl);
  }
  body[isMobile=true] .gds-mobile-padding-block-start-negative-2xl {
    padding-block-start: calc(-1 * var(--gds-spacing-2xl));
  }
  body[isMobile=true] .gds-mobile-padding-block-start-3xl {
    padding-block-start: var(--gds-spacing-3xl);
  }
  body[isMobile=true] .gds-mobile-padding-block-start-negative-3xl {
    padding-block-start: calc(-1 * var(--gds-spacing-3xl));
  }
  body[isMobile=true] .gds-mobile-padding-block-start-auto {
    padding-block-start: var(--gds-spacing-auto);
  }
  body[isMobile=true] .gds-mobile-padding-block-start-negative-auto {
    padding-block-start: calc(-1 * var(--gds-spacing-auto));
  }
  body[isMobile=true] .gds-mobile-padding-block-start-0 {
    padding-block-start: var(--gds-spacing-0);
  }
  body[isMobile=true] .gds-mobile-padding-block-start-negative-0 {
    padding-block-start: calc(-1 * var(--gds-spacing-0));
  }
  body[isMobile=true] .gds-mobile-padding-block-end-0 {
    padding-block-end: 0;
  }
  body[isMobile=true] .gds-mobile-padding-block-end-auto {
    padding-block-end: auto;
  }
  body[isMobile=true] .gds-mobile-padding-block-end-3xs {
    padding-block-end: var(--gds-spacing-3xs);
  }
  body[isMobile=true] .gds-mobile-padding-block-end-negative-3xs {
    padding-block-end: calc(-1 * var(--gds-spacing-3xs));
  }
  body[isMobile=true] .gds-mobile-padding-block-end-2xs {
    padding-block-end: var(--gds-spacing-2xs);
  }
  body[isMobile=true] .gds-mobile-padding-block-end-negative-2xs {
    padding-block-end: calc(-1 * var(--gds-spacing-2xs));
  }
  body[isMobile=true] .gds-mobile-padding-block-end-xs {
    padding-block-end: var(--gds-spacing-xs);
  }
  body[isMobile=true] .gds-mobile-padding-block-end-negative-xs {
    padding-block-end: calc(-1 * var(--gds-spacing-xs));
  }
  body[isMobile=true] .gds-mobile-padding-block-end-sm {
    padding-block-end: var(--gds-spacing-sm);
  }
  body[isMobile=true] .gds-mobile-padding-block-end-negative-sm {
    padding-block-end: calc(-1 * var(--gds-spacing-sm));
  }
  body[isMobile=true] .gds-mobile-padding-block-end-md {
    padding-block-end: var(--gds-spacing-md);
  }
  body[isMobile=true] .gds-mobile-padding-block-end-negative-md {
    padding-block-end: calc(-1 * var(--gds-spacing-md));
  }
  body[isMobile=true] .gds-mobile-padding-block-end-lg {
    padding-block-end: var(--gds-spacing-lg);
  }
  body[isMobile=true] .gds-mobile-padding-block-end-negative-lg {
    padding-block-end: calc(-1 * var(--gds-spacing-lg));
  }
  body[isMobile=true] .gds-mobile-padding-block-end-xl {
    padding-block-end: var(--gds-spacing-xl);
  }
  body[isMobile=true] .gds-mobile-padding-block-end-negative-xl {
    padding-block-end: calc(-1 * var(--gds-spacing-xl));
  }
  body[isMobile=true] .gds-mobile-padding-block-end-2xl {
    padding-block-end: var(--gds-spacing-2xl);
  }
  body[isMobile=true] .gds-mobile-padding-block-end-negative-2xl {
    padding-block-end: calc(-1 * var(--gds-spacing-2xl));
  }
  body[isMobile=true] .gds-mobile-padding-block-end-3xl {
    padding-block-end: var(--gds-spacing-3xl);
  }
  body[isMobile=true] .gds-mobile-padding-block-end-negative-3xl {
    padding-block-end: calc(-1 * var(--gds-spacing-3xl));
  }
  body[isMobile=true] .gds-mobile-padding-block-end-auto {
    padding-block-end: var(--gds-spacing-auto);
  }
  body[isMobile=true] .gds-mobile-padding-block-end-negative-auto {
    padding-block-end: calc(-1 * var(--gds-spacing-auto));
  }
  body[isMobile=true] .gds-mobile-padding-block-end-0 {
    padding-block-end: var(--gds-spacing-0);
  }
  body[isMobile=true] .gds-mobile-padding-block-end-negative-0 {
    padding-block-end: calc(-1 * var(--gds-spacing-0));
  }
  body[isMobile=true] .gds-mobile-padding-inline-0 {
    padding-inline: 0;
  }
  body[isMobile=true] .gds-mobile-padding-inline-auto {
    padding-inline: auto;
  }
  body[isMobile=true] .gds-mobile-padding-inline-3xs {
    padding-inline: var(--gds-spacing-3xs);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) body[isMobile=true] .gds-mobile-padding-inline-3xs:is(.gds-mobile-scrollable, .gds-mobile-scrollable-vertically, .gds-mobile-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-3xs) - 7px);
  }
  body[isMobile=true] .gds-mobile-padding-inline-negative-3xs {
    padding-inline: calc(-1 * var(--gds-spacing-3xs));
  }
  body[isMobile=true] .gds-mobile-padding-inline-2xs {
    padding-inline: var(--gds-spacing-2xs);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) body[isMobile=true] .gds-mobile-padding-inline-2xs:is(.gds-mobile-scrollable, .gds-mobile-scrollable-vertically, .gds-mobile-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-2xs) - 7px);
  }
  body[isMobile=true] .gds-mobile-padding-inline-negative-2xs {
    padding-inline: calc(-1 * var(--gds-spacing-2xs));
  }
  body[isMobile=true] .gds-mobile-padding-inline-xs {
    padding-inline: var(--gds-spacing-xs);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) body[isMobile=true] .gds-mobile-padding-inline-xs:is(.gds-mobile-scrollable, .gds-mobile-scrollable-vertically, .gds-mobile-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-xs) - 7px);
  }
  body[isMobile=true] .gds-mobile-padding-inline-negative-xs {
    padding-inline: calc(-1 * var(--gds-spacing-xs));
  }
  body[isMobile=true] .gds-mobile-padding-inline-sm {
    padding-inline: var(--gds-spacing-sm);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) body[isMobile=true] .gds-mobile-padding-inline-sm:is(.gds-mobile-scrollable, .gds-mobile-scrollable-vertically, .gds-mobile-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-sm) - 7px);
  }
  body[isMobile=true] .gds-mobile-padding-inline-negative-sm {
    padding-inline: calc(-1 * var(--gds-spacing-sm));
  }
  body[isMobile=true] .gds-mobile-padding-inline-md {
    padding-inline: var(--gds-spacing-md);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) body[isMobile=true] .gds-mobile-padding-inline-md:is(.gds-mobile-scrollable, .gds-mobile-scrollable-vertically, .gds-mobile-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-md) - 7px);
  }
  body[isMobile=true] .gds-mobile-padding-inline-negative-md {
    padding-inline: calc(-1 * var(--gds-spacing-md));
  }
  body[isMobile=true] .gds-mobile-padding-inline-lg {
    padding-inline: var(--gds-spacing-lg);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) body[isMobile=true] .gds-mobile-padding-inline-lg:is(.gds-mobile-scrollable, .gds-mobile-scrollable-vertically, .gds-mobile-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-lg) - 7px);
  }
  body[isMobile=true] .gds-mobile-padding-inline-negative-lg {
    padding-inline: calc(-1 * var(--gds-spacing-lg));
  }
  body[isMobile=true] .gds-mobile-padding-inline-xl {
    padding-inline: var(--gds-spacing-xl);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) body[isMobile=true] .gds-mobile-padding-inline-xl:is(.gds-mobile-scrollable, .gds-mobile-scrollable-vertically, .gds-mobile-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-xl) - 7px);
  }
  body[isMobile=true] .gds-mobile-padding-inline-negative-xl {
    padding-inline: calc(-1 * var(--gds-spacing-xl));
  }
  body[isMobile=true] .gds-mobile-padding-inline-2xl {
    padding-inline: var(--gds-spacing-2xl);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) body[isMobile=true] .gds-mobile-padding-inline-2xl:is(.gds-mobile-scrollable, .gds-mobile-scrollable-vertically, .gds-mobile-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-2xl) - 7px);
  }
  body[isMobile=true] .gds-mobile-padding-inline-negative-2xl {
    padding-inline: calc(-1 * var(--gds-spacing-2xl));
  }
  body[isMobile=true] .gds-mobile-padding-inline-3xl {
    padding-inline: var(--gds-spacing-3xl);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) body[isMobile=true] .gds-mobile-padding-inline-3xl:is(.gds-mobile-scrollable, .gds-mobile-scrollable-vertically, .gds-mobile-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-3xl) - 7px);
  }
  body[isMobile=true] .gds-mobile-padding-inline-negative-3xl {
    padding-inline: calc(-1 * var(--gds-spacing-3xl));
  }
  body[isMobile=true] .gds-mobile-padding-inline-auto {
    padding-inline: var(--gds-spacing-auto);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) body[isMobile=true] .gds-mobile-padding-inline-auto:is(.gds-mobile-scrollable, .gds-mobile-scrollable-vertically, .gds-mobile-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-auto) - 7px);
  }
  body[isMobile=true] .gds-mobile-padding-inline-negative-auto {
    padding-inline: calc(-1 * var(--gds-spacing-auto));
  }
  body[isMobile=true] .gds-mobile-padding-inline-0 {
    padding-inline: var(--gds-spacing-0);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) body[isMobile=true] .gds-mobile-padding-inline-0:is(.gds-mobile-scrollable, .gds-mobile-scrollable-vertically, .gds-mobile-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-0) - 7px);
  }
  body[isMobile=true] .gds-mobile-padding-inline-negative-0 {
    padding-inline: calc(-1 * var(--gds-spacing-0));
  }
  body[isMobile=true] .gds-mobile-padding-inline-start-0 {
    padding-inline-start: 0;
  }
  body[isMobile=true] .gds-mobile-padding-inline-start-auto {
    padding-inline-start: auto;
  }
  body[isMobile=true] .gds-mobile-padding-inline-start-3xs {
    padding-inline-start: var(--gds-spacing-3xs);
  }
  body[isMobile=true] .gds-mobile-padding-inline-start-negative-3xs {
    padding-inline-start: calc(-1 * var(--gds-spacing-3xs));
  }
  body[isMobile=true] .gds-mobile-padding-inline-start-2xs {
    padding-inline-start: var(--gds-spacing-2xs);
  }
  body[isMobile=true] .gds-mobile-padding-inline-start-negative-2xs {
    padding-inline-start: calc(-1 * var(--gds-spacing-2xs));
  }
  body[isMobile=true] .gds-mobile-padding-inline-start-xs {
    padding-inline-start: var(--gds-spacing-xs);
  }
  body[isMobile=true] .gds-mobile-padding-inline-start-negative-xs {
    padding-inline-start: calc(-1 * var(--gds-spacing-xs));
  }
  body[isMobile=true] .gds-mobile-padding-inline-start-sm {
    padding-inline-start: var(--gds-spacing-sm);
  }
  body[isMobile=true] .gds-mobile-padding-inline-start-negative-sm {
    padding-inline-start: calc(-1 * var(--gds-spacing-sm));
  }
  body[isMobile=true] .gds-mobile-padding-inline-start-md {
    padding-inline-start: var(--gds-spacing-md);
  }
  body[isMobile=true] .gds-mobile-padding-inline-start-negative-md {
    padding-inline-start: calc(-1 * var(--gds-spacing-md));
  }
  body[isMobile=true] .gds-mobile-padding-inline-start-lg {
    padding-inline-start: var(--gds-spacing-lg);
  }
  body[isMobile=true] .gds-mobile-padding-inline-start-negative-lg {
    padding-inline-start: calc(-1 * var(--gds-spacing-lg));
  }
  body[isMobile=true] .gds-mobile-padding-inline-start-xl {
    padding-inline-start: var(--gds-spacing-xl);
  }
  body[isMobile=true] .gds-mobile-padding-inline-start-negative-xl {
    padding-inline-start: calc(-1 * var(--gds-spacing-xl));
  }
  body[isMobile=true] .gds-mobile-padding-inline-start-2xl {
    padding-inline-start: var(--gds-spacing-2xl);
  }
  body[isMobile=true] .gds-mobile-padding-inline-start-negative-2xl {
    padding-inline-start: calc(-1 * var(--gds-spacing-2xl));
  }
  body[isMobile=true] .gds-mobile-padding-inline-start-3xl {
    padding-inline-start: var(--gds-spacing-3xl);
  }
  body[isMobile=true] .gds-mobile-padding-inline-start-negative-3xl {
    padding-inline-start: calc(-1 * var(--gds-spacing-3xl));
  }
  body[isMobile=true] .gds-mobile-padding-inline-start-auto {
    padding-inline-start: var(--gds-spacing-auto);
  }
  body[isMobile=true] .gds-mobile-padding-inline-start-negative-auto {
    padding-inline-start: calc(-1 * var(--gds-spacing-auto));
  }
  body[isMobile=true] .gds-mobile-padding-inline-start-0 {
    padding-inline-start: var(--gds-spacing-0);
  }
  body[isMobile=true] .gds-mobile-padding-inline-start-negative-0 {
    padding-inline-start: calc(-1 * var(--gds-spacing-0));
  }
  body[isMobile=true] .gds-mobile-padding-inline-end-0 {
    padding-inline-end: 0;
  }
  body[isMobile=true] .gds-mobile-padding-inline-end-auto {
    padding-inline-end: auto;
  }
  body[isMobile=true] .gds-mobile-padding-inline-end-3xs {
    padding-inline-end: var(--gds-spacing-3xs);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) body[isMobile=true] .gds-mobile-padding-inline-end-3xs:is(.gds-mobile-scrollable, .gds-mobile-scrollable-vertically, .gds-mobile-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-3xs) - 7px);
  }
  body[isMobile=true] .gds-mobile-padding-inline-end-negative-3xs {
    padding-inline-end: calc(-1 * var(--gds-spacing-3xs));
  }
  body[isMobile=true] .gds-mobile-padding-inline-end-2xs {
    padding-inline-end: var(--gds-spacing-2xs);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) body[isMobile=true] .gds-mobile-padding-inline-end-2xs:is(.gds-mobile-scrollable, .gds-mobile-scrollable-vertically, .gds-mobile-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-2xs) - 7px);
  }
  body[isMobile=true] .gds-mobile-padding-inline-end-negative-2xs {
    padding-inline-end: calc(-1 * var(--gds-spacing-2xs));
  }
  body[isMobile=true] .gds-mobile-padding-inline-end-xs {
    padding-inline-end: var(--gds-spacing-xs);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) body[isMobile=true] .gds-mobile-padding-inline-end-xs:is(.gds-mobile-scrollable, .gds-mobile-scrollable-vertically, .gds-mobile-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-xs) - 7px);
  }
  body[isMobile=true] .gds-mobile-padding-inline-end-negative-xs {
    padding-inline-end: calc(-1 * var(--gds-spacing-xs));
  }
  body[isMobile=true] .gds-mobile-padding-inline-end-sm {
    padding-inline-end: var(--gds-spacing-sm);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) body[isMobile=true] .gds-mobile-padding-inline-end-sm:is(.gds-mobile-scrollable, .gds-mobile-scrollable-vertically, .gds-mobile-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-sm) - 7px);
  }
  body[isMobile=true] .gds-mobile-padding-inline-end-negative-sm {
    padding-inline-end: calc(-1 * var(--gds-spacing-sm));
  }
  body[isMobile=true] .gds-mobile-padding-inline-end-md {
    padding-inline-end: var(--gds-spacing-md);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) body[isMobile=true] .gds-mobile-padding-inline-end-md:is(.gds-mobile-scrollable, .gds-mobile-scrollable-vertically, .gds-mobile-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-md) - 7px);
  }
  body[isMobile=true] .gds-mobile-padding-inline-end-negative-md {
    padding-inline-end: calc(-1 * var(--gds-spacing-md));
  }
  body[isMobile=true] .gds-mobile-padding-inline-end-lg {
    padding-inline-end: var(--gds-spacing-lg);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) body[isMobile=true] .gds-mobile-padding-inline-end-lg:is(.gds-mobile-scrollable, .gds-mobile-scrollable-vertically, .gds-mobile-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-lg) - 7px);
  }
  body[isMobile=true] .gds-mobile-padding-inline-end-negative-lg {
    padding-inline-end: calc(-1 * var(--gds-spacing-lg));
  }
  body[isMobile=true] .gds-mobile-padding-inline-end-xl {
    padding-inline-end: var(--gds-spacing-xl);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) body[isMobile=true] .gds-mobile-padding-inline-end-xl:is(.gds-mobile-scrollable, .gds-mobile-scrollable-vertically, .gds-mobile-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-xl) - 7px);
  }
  body[isMobile=true] .gds-mobile-padding-inline-end-negative-xl {
    padding-inline-end: calc(-1 * var(--gds-spacing-xl));
  }
  body[isMobile=true] .gds-mobile-padding-inline-end-2xl {
    padding-inline-end: var(--gds-spacing-2xl);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) body[isMobile=true] .gds-mobile-padding-inline-end-2xl:is(.gds-mobile-scrollable, .gds-mobile-scrollable-vertically, .gds-mobile-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-2xl) - 7px);
  }
  body[isMobile=true] .gds-mobile-padding-inline-end-negative-2xl {
    padding-inline-end: calc(-1 * var(--gds-spacing-2xl));
  }
  body[isMobile=true] .gds-mobile-padding-inline-end-3xl {
    padding-inline-end: var(--gds-spacing-3xl);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) body[isMobile=true] .gds-mobile-padding-inline-end-3xl:is(.gds-mobile-scrollable, .gds-mobile-scrollable-vertically, .gds-mobile-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-3xl) - 7px);
  }
  body[isMobile=true] .gds-mobile-padding-inline-end-negative-3xl {
    padding-inline-end: calc(-1 * var(--gds-spacing-3xl));
  }
  body[isMobile=true] .gds-mobile-padding-inline-end-auto {
    padding-inline-end: var(--gds-spacing-auto);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) body[isMobile=true] .gds-mobile-padding-inline-end-auto:is(.gds-mobile-scrollable, .gds-mobile-scrollable-vertically, .gds-mobile-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-auto) - 7px);
  }
  body[isMobile=true] .gds-mobile-padding-inline-end-negative-auto {
    padding-inline-end: calc(-1 * var(--gds-spacing-auto));
  }
  body[isMobile=true] .gds-mobile-padding-inline-end-0 {
    padding-inline-end: var(--gds-spacing-0);
  }
  :is(body[operating-system=windows][browser=chrome][isMobile=false], body[operating-system=windows][browser=edge][isMobile=false], body[operating-system=windows][browser=opera][isMobile=false], body[operating-system=mac][browser=safari][isMobile=false], body[operating-system=mac][browser=applewebkit][isMobile=false]) body[isMobile=true] .gds-mobile-padding-inline-end-0:is(.gds-mobile-scrollable, .gds-mobile-scrollable-vertically, .gds-mobile-scrollable-horizontally) {
    padding-right: calc(var(--gds-spacing-0) - 7px);
  }
  body[isMobile=true] .gds-mobile-padding-inline-end-negative-0 {
    padding-inline-end: calc(-1 * var(--gds-spacing-0));
  }
  body[isMobile=true] .gds-mobile-margin-0 {
    margin: 0;
  }
  body[isMobile=true] .gds-mobile-margin-auto {
    margin: auto;
  }
  body[isMobile=true] .gds-mobile-margin-3xs {
    margin: var(--gds-spacing-3xs);
  }
  body[isMobile=true] .gds-mobile-margin-negative-3xs {
    margin: calc(-1 * var(--gds-spacing-3xs));
  }
  body[isMobile=true] .gds-mobile-margin-2xs {
    margin: var(--gds-spacing-2xs);
  }
  body[isMobile=true] .gds-mobile-margin-negative-2xs {
    margin: calc(-1 * var(--gds-spacing-2xs));
  }
  body[isMobile=true] .gds-mobile-margin-xs {
    margin: var(--gds-spacing-xs);
  }
  body[isMobile=true] .gds-mobile-margin-negative-xs {
    margin: calc(-1 * var(--gds-spacing-xs));
  }
  body[isMobile=true] .gds-mobile-margin-sm {
    margin: var(--gds-spacing-sm);
  }
  body[isMobile=true] .gds-mobile-margin-negative-sm {
    margin: calc(-1 * var(--gds-spacing-sm));
  }
  body[isMobile=true] .gds-mobile-margin-md {
    margin: var(--gds-spacing-md);
  }
  body[isMobile=true] .gds-mobile-margin-negative-md {
    margin: calc(-1 * var(--gds-spacing-md));
  }
  body[isMobile=true] .gds-mobile-margin-lg {
    margin: var(--gds-spacing-lg);
  }
  body[isMobile=true] .gds-mobile-margin-negative-lg {
    margin: calc(-1 * var(--gds-spacing-lg));
  }
  body[isMobile=true] .gds-mobile-margin-xl {
    margin: var(--gds-spacing-xl);
  }
  body[isMobile=true] .gds-mobile-margin-negative-xl {
    margin: calc(-1 * var(--gds-spacing-xl));
  }
  body[isMobile=true] .gds-mobile-margin-2xl {
    margin: var(--gds-spacing-2xl);
  }
  body[isMobile=true] .gds-mobile-margin-negative-2xl {
    margin: calc(-1 * var(--gds-spacing-2xl));
  }
  body[isMobile=true] .gds-mobile-margin-3xl {
    margin: var(--gds-spacing-3xl);
  }
  body[isMobile=true] .gds-mobile-margin-negative-3xl {
    margin: calc(-1 * var(--gds-spacing-3xl));
  }
  body[isMobile=true] .gds-mobile-margin-auto {
    margin: var(--gds-spacing-auto);
  }
  body[isMobile=true] .gds-mobile-margin-negative-auto {
    margin: calc(-1 * var(--gds-spacing-auto));
  }
  body[isMobile=true] .gds-mobile-margin-0 {
    margin: var(--gds-spacing-0);
  }
  body[isMobile=true] .gds-mobile-margin-negative-0 {
    margin: calc(-1 * var(--gds-spacing-0));
  }
  body[isMobile=true] .gds-mobile-margin-block-0 {
    margin-block: 0;
  }
  body[isMobile=true] .gds-mobile-margin-block-auto {
    margin-block: auto;
  }
  body[isMobile=true] .gds-mobile-margin-block-3xs {
    margin-block: var(--gds-spacing-3xs);
  }
  body[isMobile=true] .gds-mobile-margin-block-negative-3xs {
    margin-block: calc(-1 * var(--gds-spacing-3xs));
  }
  body[isMobile=true] .gds-mobile-margin-block-2xs {
    margin-block: var(--gds-spacing-2xs);
  }
  body[isMobile=true] .gds-mobile-margin-block-negative-2xs {
    margin-block: calc(-1 * var(--gds-spacing-2xs));
  }
  body[isMobile=true] .gds-mobile-margin-block-xs {
    margin-block: var(--gds-spacing-xs);
  }
  body[isMobile=true] .gds-mobile-margin-block-negative-xs {
    margin-block: calc(-1 * var(--gds-spacing-xs));
  }
  body[isMobile=true] .gds-mobile-margin-block-sm {
    margin-block: var(--gds-spacing-sm);
  }
  body[isMobile=true] .gds-mobile-margin-block-negative-sm {
    margin-block: calc(-1 * var(--gds-spacing-sm));
  }
  body[isMobile=true] .gds-mobile-margin-block-md {
    margin-block: var(--gds-spacing-md);
  }
  body[isMobile=true] .gds-mobile-margin-block-negative-md {
    margin-block: calc(-1 * var(--gds-spacing-md));
  }
  body[isMobile=true] .gds-mobile-margin-block-lg {
    margin-block: var(--gds-spacing-lg);
  }
  body[isMobile=true] .gds-mobile-margin-block-negative-lg {
    margin-block: calc(-1 * var(--gds-spacing-lg));
  }
  body[isMobile=true] .gds-mobile-margin-block-xl {
    margin-block: var(--gds-spacing-xl);
  }
  body[isMobile=true] .gds-mobile-margin-block-negative-xl {
    margin-block: calc(-1 * var(--gds-spacing-xl));
  }
  body[isMobile=true] .gds-mobile-margin-block-2xl {
    margin-block: var(--gds-spacing-2xl);
  }
  body[isMobile=true] .gds-mobile-margin-block-negative-2xl {
    margin-block: calc(-1 * var(--gds-spacing-2xl));
  }
  body[isMobile=true] .gds-mobile-margin-block-3xl {
    margin-block: var(--gds-spacing-3xl);
  }
  body[isMobile=true] .gds-mobile-margin-block-negative-3xl {
    margin-block: calc(-1 * var(--gds-spacing-3xl));
  }
  body[isMobile=true] .gds-mobile-margin-block-auto {
    margin-block: var(--gds-spacing-auto);
  }
  body[isMobile=true] .gds-mobile-margin-block-negative-auto {
    margin-block: calc(-1 * var(--gds-spacing-auto));
  }
  body[isMobile=true] .gds-mobile-margin-block-0 {
    margin-block: var(--gds-spacing-0);
  }
  body[isMobile=true] .gds-mobile-margin-block-negative-0 {
    margin-block: calc(-1 * var(--gds-spacing-0));
  }
  body[isMobile=true] .gds-mobile-margin-block-start-0 {
    margin-block-start: 0;
  }
  body[isMobile=true] .gds-mobile-margin-block-start-auto {
    margin-block-start: auto;
  }
  body[isMobile=true] .gds-mobile-margin-block-start-3xs {
    margin-block-start: var(--gds-spacing-3xs);
  }
  body[isMobile=true] .gds-mobile-margin-block-start-negative-3xs {
    margin-block-start: calc(-1 * var(--gds-spacing-3xs));
  }
  body[isMobile=true] .gds-mobile-margin-block-start-2xs {
    margin-block-start: var(--gds-spacing-2xs);
  }
  body[isMobile=true] .gds-mobile-margin-block-start-negative-2xs {
    margin-block-start: calc(-1 * var(--gds-spacing-2xs));
  }
  body[isMobile=true] .gds-mobile-margin-block-start-xs {
    margin-block-start: var(--gds-spacing-xs);
  }
  body[isMobile=true] .gds-mobile-margin-block-start-negative-xs {
    margin-block-start: calc(-1 * var(--gds-spacing-xs));
  }
  body[isMobile=true] .gds-mobile-margin-block-start-sm {
    margin-block-start: var(--gds-spacing-sm);
  }
  body[isMobile=true] .gds-mobile-margin-block-start-negative-sm {
    margin-block-start: calc(-1 * var(--gds-spacing-sm));
  }
  body[isMobile=true] .gds-mobile-margin-block-start-md {
    margin-block-start: var(--gds-spacing-md);
  }
  body[isMobile=true] .gds-mobile-margin-block-start-negative-md {
    margin-block-start: calc(-1 * var(--gds-spacing-md));
  }
  body[isMobile=true] .gds-mobile-margin-block-start-lg {
    margin-block-start: var(--gds-spacing-lg);
  }
  body[isMobile=true] .gds-mobile-margin-block-start-negative-lg {
    margin-block-start: calc(-1 * var(--gds-spacing-lg));
  }
  body[isMobile=true] .gds-mobile-margin-block-start-xl {
    margin-block-start: var(--gds-spacing-xl);
  }
  body[isMobile=true] .gds-mobile-margin-block-start-negative-xl {
    margin-block-start: calc(-1 * var(--gds-spacing-xl));
  }
  body[isMobile=true] .gds-mobile-margin-block-start-2xl {
    margin-block-start: var(--gds-spacing-2xl);
  }
  body[isMobile=true] .gds-mobile-margin-block-start-negative-2xl {
    margin-block-start: calc(-1 * var(--gds-spacing-2xl));
  }
  body[isMobile=true] .gds-mobile-margin-block-start-3xl {
    margin-block-start: var(--gds-spacing-3xl);
  }
  body[isMobile=true] .gds-mobile-margin-block-start-negative-3xl {
    margin-block-start: calc(-1 * var(--gds-spacing-3xl));
  }
  body[isMobile=true] .gds-mobile-margin-block-start-auto {
    margin-block-start: var(--gds-spacing-auto);
  }
  body[isMobile=true] .gds-mobile-margin-block-start-negative-auto {
    margin-block-start: calc(-1 * var(--gds-spacing-auto));
  }
  body[isMobile=true] .gds-mobile-margin-block-start-0 {
    margin-block-start: var(--gds-spacing-0);
  }
  body[isMobile=true] .gds-mobile-margin-block-start-negative-0 {
    margin-block-start: calc(-1 * var(--gds-spacing-0));
  }
  body[isMobile=true] .gds-mobile-margin-block-end-0 {
    margin-block-end: 0;
  }
  body[isMobile=true] .gds-mobile-margin-block-end-auto {
    margin-block-end: auto;
  }
  body[isMobile=true] .gds-mobile-margin-block-end-3xs {
    margin-block-end: var(--gds-spacing-3xs);
  }
  body[isMobile=true] .gds-mobile-margin-block-end-negative-3xs {
    margin-block-end: calc(-1 * var(--gds-spacing-3xs));
  }
  body[isMobile=true] .gds-mobile-margin-block-end-2xs {
    margin-block-end: var(--gds-spacing-2xs);
  }
  body[isMobile=true] .gds-mobile-margin-block-end-negative-2xs {
    margin-block-end: calc(-1 * var(--gds-spacing-2xs));
  }
  body[isMobile=true] .gds-mobile-margin-block-end-xs {
    margin-block-end: var(--gds-spacing-xs);
  }
  body[isMobile=true] .gds-mobile-margin-block-end-negative-xs {
    margin-block-end: calc(-1 * var(--gds-spacing-xs));
  }
  body[isMobile=true] .gds-mobile-margin-block-end-sm {
    margin-block-end: var(--gds-spacing-sm);
  }
  body[isMobile=true] .gds-mobile-margin-block-end-negative-sm {
    margin-block-end: calc(-1 * var(--gds-spacing-sm));
  }
  body[isMobile=true] .gds-mobile-margin-block-end-md {
    margin-block-end: var(--gds-spacing-md);
  }
  body[isMobile=true] .gds-mobile-margin-block-end-negative-md {
    margin-block-end: calc(-1 * var(--gds-spacing-md));
  }
  body[isMobile=true] .gds-mobile-margin-block-end-lg {
    margin-block-end: var(--gds-spacing-lg);
  }
  body[isMobile=true] .gds-mobile-margin-block-end-negative-lg {
    margin-block-end: calc(-1 * var(--gds-spacing-lg));
  }
  body[isMobile=true] .gds-mobile-margin-block-end-xl {
    margin-block-end: var(--gds-spacing-xl);
  }
  body[isMobile=true] .gds-mobile-margin-block-end-negative-xl {
    margin-block-end: calc(-1 * var(--gds-spacing-xl));
  }
  body[isMobile=true] .gds-mobile-margin-block-end-2xl {
    margin-block-end: var(--gds-spacing-2xl);
  }
  body[isMobile=true] .gds-mobile-margin-block-end-negative-2xl {
    margin-block-end: calc(-1 * var(--gds-spacing-2xl));
  }
  body[isMobile=true] .gds-mobile-margin-block-end-3xl {
    margin-block-end: var(--gds-spacing-3xl);
  }
  body[isMobile=true] .gds-mobile-margin-block-end-negative-3xl {
    margin-block-end: calc(-1 * var(--gds-spacing-3xl));
  }
  body[isMobile=true] .gds-mobile-margin-block-end-auto {
    margin-block-end: var(--gds-spacing-auto);
  }
  body[isMobile=true] .gds-mobile-margin-block-end-negative-auto {
    margin-block-end: calc(-1 * var(--gds-spacing-auto));
  }
  body[isMobile=true] .gds-mobile-margin-block-end-0 {
    margin-block-end: var(--gds-spacing-0);
  }
  body[isMobile=true] .gds-mobile-margin-block-end-negative-0 {
    margin-block-end: calc(-1 * var(--gds-spacing-0));
  }
  body[isMobile=true] .gds-mobile-margin-inline-0 {
    margin-inline: 0;
  }
  body[isMobile=true] .gds-mobile-margin-inline-auto {
    margin-inline: auto;
  }
  body[isMobile=true] .gds-mobile-margin-inline-3xs {
    margin-inline: var(--gds-spacing-3xs);
  }
  body[isMobile=true] .gds-mobile-margin-inline-negative-3xs {
    margin-inline: calc(-1 * var(--gds-spacing-3xs));
  }
  body[isMobile=true] .gds-mobile-margin-inline-2xs {
    margin-inline: var(--gds-spacing-2xs);
  }
  body[isMobile=true] .gds-mobile-margin-inline-negative-2xs {
    margin-inline: calc(-1 * var(--gds-spacing-2xs));
  }
  body[isMobile=true] .gds-mobile-margin-inline-xs {
    margin-inline: var(--gds-spacing-xs);
  }
  body[isMobile=true] .gds-mobile-margin-inline-negative-xs {
    margin-inline: calc(-1 * var(--gds-spacing-xs));
  }
  body[isMobile=true] .gds-mobile-margin-inline-sm {
    margin-inline: var(--gds-spacing-sm);
  }
  body[isMobile=true] .gds-mobile-margin-inline-negative-sm {
    margin-inline: calc(-1 * var(--gds-spacing-sm));
  }
  body[isMobile=true] .gds-mobile-margin-inline-md {
    margin-inline: var(--gds-spacing-md);
  }
  body[isMobile=true] .gds-mobile-margin-inline-negative-md {
    margin-inline: calc(-1 * var(--gds-spacing-md));
  }
  body[isMobile=true] .gds-mobile-margin-inline-lg {
    margin-inline: var(--gds-spacing-lg);
  }
  body[isMobile=true] .gds-mobile-margin-inline-negative-lg {
    margin-inline: calc(-1 * var(--gds-spacing-lg));
  }
  body[isMobile=true] .gds-mobile-margin-inline-xl {
    margin-inline: var(--gds-spacing-xl);
  }
  body[isMobile=true] .gds-mobile-margin-inline-negative-xl {
    margin-inline: calc(-1 * var(--gds-spacing-xl));
  }
  body[isMobile=true] .gds-mobile-margin-inline-2xl {
    margin-inline: var(--gds-spacing-2xl);
  }
  body[isMobile=true] .gds-mobile-margin-inline-negative-2xl {
    margin-inline: calc(-1 * var(--gds-spacing-2xl));
  }
  body[isMobile=true] .gds-mobile-margin-inline-3xl {
    margin-inline: var(--gds-spacing-3xl);
  }
  body[isMobile=true] .gds-mobile-margin-inline-negative-3xl {
    margin-inline: calc(-1 * var(--gds-spacing-3xl));
  }
  body[isMobile=true] .gds-mobile-margin-inline-auto {
    margin-inline: var(--gds-spacing-auto);
  }
  body[isMobile=true] .gds-mobile-margin-inline-negative-auto {
    margin-inline: calc(-1 * var(--gds-spacing-auto));
  }
  body[isMobile=true] .gds-mobile-margin-inline-0 {
    margin-inline: var(--gds-spacing-0);
  }
  body[isMobile=true] .gds-mobile-margin-inline-negative-0 {
    margin-inline: calc(-1 * var(--gds-spacing-0));
  }
  body[isMobile=true] .gds-mobile-margin-inline-start-0 {
    margin-inline-start: 0;
  }
  body[isMobile=true] .gds-mobile-margin-inline-start-auto {
    margin-inline-start: auto;
  }
  body[isMobile=true] .gds-mobile-margin-inline-start-3xs {
    margin-inline-start: var(--gds-spacing-3xs);
  }
  body[isMobile=true] .gds-mobile-margin-inline-start-negative-3xs {
    margin-inline-start: calc(-1 * var(--gds-spacing-3xs));
  }
  body[isMobile=true] .gds-mobile-margin-inline-start-2xs {
    margin-inline-start: var(--gds-spacing-2xs);
  }
  body[isMobile=true] .gds-mobile-margin-inline-start-negative-2xs {
    margin-inline-start: calc(-1 * var(--gds-spacing-2xs));
  }
  body[isMobile=true] .gds-mobile-margin-inline-start-xs {
    margin-inline-start: var(--gds-spacing-xs);
  }
  body[isMobile=true] .gds-mobile-margin-inline-start-negative-xs {
    margin-inline-start: calc(-1 * var(--gds-spacing-xs));
  }
  body[isMobile=true] .gds-mobile-margin-inline-start-sm {
    margin-inline-start: var(--gds-spacing-sm);
  }
  body[isMobile=true] .gds-mobile-margin-inline-start-negative-sm {
    margin-inline-start: calc(-1 * var(--gds-spacing-sm));
  }
  body[isMobile=true] .gds-mobile-margin-inline-start-md {
    margin-inline-start: var(--gds-spacing-md);
  }
  body[isMobile=true] .gds-mobile-margin-inline-start-negative-md {
    margin-inline-start: calc(-1 * var(--gds-spacing-md));
  }
  body[isMobile=true] .gds-mobile-margin-inline-start-lg {
    margin-inline-start: var(--gds-spacing-lg);
  }
  body[isMobile=true] .gds-mobile-margin-inline-start-negative-lg {
    margin-inline-start: calc(-1 * var(--gds-spacing-lg));
  }
  body[isMobile=true] .gds-mobile-margin-inline-start-xl {
    margin-inline-start: var(--gds-spacing-xl);
  }
  body[isMobile=true] .gds-mobile-margin-inline-start-negative-xl {
    margin-inline-start: calc(-1 * var(--gds-spacing-xl));
  }
  body[isMobile=true] .gds-mobile-margin-inline-start-2xl {
    margin-inline-start: var(--gds-spacing-2xl);
  }
  body[isMobile=true] .gds-mobile-margin-inline-start-negative-2xl {
    margin-inline-start: calc(-1 * var(--gds-spacing-2xl));
  }
  body[isMobile=true] .gds-mobile-margin-inline-start-3xl {
    margin-inline-start: var(--gds-spacing-3xl);
  }
  body[isMobile=true] .gds-mobile-margin-inline-start-negative-3xl {
    margin-inline-start: calc(-1 * var(--gds-spacing-3xl));
  }
  body[isMobile=true] .gds-mobile-margin-inline-start-auto {
    margin-inline-start: var(--gds-spacing-auto);
  }
  body[isMobile=true] .gds-mobile-margin-inline-start-negative-auto {
    margin-inline-start: calc(-1 * var(--gds-spacing-auto));
  }
  body[isMobile=true] .gds-mobile-margin-inline-start-0 {
    margin-inline-start: var(--gds-spacing-0);
  }
  body[isMobile=true] .gds-mobile-margin-inline-start-negative-0 {
    margin-inline-start: calc(-1 * var(--gds-spacing-0));
  }
  body[isMobile=true] .gds-mobile-margin-inline-end-0 {
    margin-inline-end: 0;
  }
  body[isMobile=true] .gds-mobile-margin-inline-end-auto {
    margin-inline-end: auto;
  }
  body[isMobile=true] .gds-mobile-margin-inline-end-3xs {
    margin-inline-end: var(--gds-spacing-3xs);
  }
  body[isMobile=true] .gds-mobile-margin-inline-end-negative-3xs {
    margin-inline-end: calc(-1 * var(--gds-spacing-3xs));
  }
  body[isMobile=true] .gds-mobile-margin-inline-end-2xs {
    margin-inline-end: var(--gds-spacing-2xs);
  }
  body[isMobile=true] .gds-mobile-margin-inline-end-negative-2xs {
    margin-inline-end: calc(-1 * var(--gds-spacing-2xs));
  }
  body[isMobile=true] .gds-mobile-margin-inline-end-xs {
    margin-inline-end: var(--gds-spacing-xs);
  }
  body[isMobile=true] .gds-mobile-margin-inline-end-negative-xs {
    margin-inline-end: calc(-1 * var(--gds-spacing-xs));
  }
  body[isMobile=true] .gds-mobile-margin-inline-end-sm {
    margin-inline-end: var(--gds-spacing-sm);
  }
  body[isMobile=true] .gds-mobile-margin-inline-end-negative-sm {
    margin-inline-end: calc(-1 * var(--gds-spacing-sm));
  }
  body[isMobile=true] .gds-mobile-margin-inline-end-md {
    margin-inline-end: var(--gds-spacing-md);
  }
  body[isMobile=true] .gds-mobile-margin-inline-end-negative-md {
    margin-inline-end: calc(-1 * var(--gds-spacing-md));
  }
  body[isMobile=true] .gds-mobile-margin-inline-end-lg {
    margin-inline-end: var(--gds-spacing-lg);
  }
  body[isMobile=true] .gds-mobile-margin-inline-end-negative-lg {
    margin-inline-end: calc(-1 * var(--gds-spacing-lg));
  }
  body[isMobile=true] .gds-mobile-margin-inline-end-xl {
    margin-inline-end: var(--gds-spacing-xl);
  }
  body[isMobile=true] .gds-mobile-margin-inline-end-negative-xl {
    margin-inline-end: calc(-1 * var(--gds-spacing-xl));
  }
  body[isMobile=true] .gds-mobile-margin-inline-end-2xl {
    margin-inline-end: var(--gds-spacing-2xl);
  }
  body[isMobile=true] .gds-mobile-margin-inline-end-negative-2xl {
    margin-inline-end: calc(-1 * var(--gds-spacing-2xl));
  }
  body[isMobile=true] .gds-mobile-margin-inline-end-3xl {
    margin-inline-end: var(--gds-spacing-3xl);
  }
  body[isMobile=true] .gds-mobile-margin-inline-end-negative-3xl {
    margin-inline-end: calc(-1 * var(--gds-spacing-3xl));
  }
  body[isMobile=true] .gds-mobile-margin-inline-end-auto {
    margin-inline-end: var(--gds-spacing-auto);
  }
  body[isMobile=true] .gds-mobile-margin-inline-end-negative-auto {
    margin-inline-end: calc(-1 * var(--gds-spacing-auto));
  }
  body[isMobile=true] .gds-mobile-margin-inline-end-0 {
    margin-inline-end: var(--gds-spacing-0);
  }
  body[isMobile=true] .gds-mobile-margin-inline-end-negative-0 {
    margin-inline-end: calc(-1 * var(--gds-spacing-0));
  }
  .gds-text-display {
    font: var(--gds-text-display-shorthand);
  }
  .gds-text-title-large {
    font: var(--gds-text-titleLarge-shorthand);
  }
  .gds-text-title {
    font: var(--gds-text-title-shorthand);
  }
  .gds-text-subtitle {
    font: var(--gds-text-subtitle-shorthand);
  }
  .gds-text-body-large-strong {
    font: var(--gds-text-bodyLargeStrong-shorthand);
  }
  .gds-text-body-large {
    font: var(--gds-text-bodyLarge-shorthand);
  }
  .gds-text-body-strong {
    font: var(--gds-text-bodyStrong-shorthand);
  }
  .gds-text-body {
    font: var(--gds-text-body-shorthand);
  }
  .gds-text-caption-strong {
    font: var(--gds-text-captionStrong-shorthand);
  }
  .gds-text-caption {
    font: var(--gds-text-caption-shorthand);
  }
  .gds-text-input {
    font: var(--gds-text-input-shorthand);
  }
  .gds-text-input-mobile {
    font: var(--gds-text-inputMobile-shorthand);
  }
  .gds-text-primary {
    color: var(--gds-palette-text-default-primary);
  }
  .gds-text-secondary {
    color: var(--gds-palette-text-default-secondary);
  }
  .gds-text-placeholder {
    color: var(--gds-palette-text-default-placeholder);
  }
  .gds-text-primary-primary {
    color: var(--gds-palette-text-primary-primary);
  }
  .gds-text-primary-secondary {
    color: var(--gds-palette-text-primary-secondary);
  }
  .gds-text-primary-quaternary {
    color: var(--gds-palette-text-primary-quaternary);
  }
  .gds-text-secondary-primary {
    color: var(--gds-palette-text-secondary-primary);
  }
  .gds-text-default-light {
    color: var(--gds-palette-text-default-light);
  }
  .gds-text-hint {
    color: var(--gds-palette-text-default-hint);
  }
  .gds-text-link {
    color: var(--gds-palette-text-default-link);
  }
  .gds-text-tertiary {
    color: var(--gds-palette-text-default-tertiary);
  }
  .gds-text-error-dark {
    color: var(--gds-palette-helper-error-dark);
  }
  .gds-text-success-dark {
    color: var(--gds-palette-helper-success-dark);
  }
  .gds-text-warning-dark {
    color: var(--gds-palette-helper-warning-dark);
  }
  .gds-text-shimmer {
    color: var(--gds-palette-text-default-placeholder);
  }
  @supports (background-clip: text) {
    .gds-text-shimmer {
      color: transparent;
      background:
        linear-gradient(
          to right,
          var(--gds-palette-text-default-placeholder) 20%,
          var(--gds-palette-text-default-primary) 40%,
          var(--gds-palette-text-default-placeholder) 60%);
      background-size: 200% auto;
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-animation: shimmer 3s linear infinite;
      -moz-animation: shimmer 3s linear infinite;
      -o-animation: shimmer 3s linear infinite;
      animation: shimmer 3s linear infinite;
    }
  }
  .gds-user-select-all {
    -webkit-user-select: all;
    -moz-user-select: all;
    user-select: all;
  }
  .gds-user-select-auto {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    user-select: auto;
  }
  .gds-user-select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  .gds-overflow-hidden {
    overflow: hidden;
  }
  .gds-whitespace-nowrap {
    white-space: nowrap;
  }
  .gds-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .gds-break-word {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
  }
  .gds-break-all {
    word-break: break-all;
  }
  .gds-text-start {
    text-align: start;
  }
  .gds-text-center {
    text-align: center;
  }
  .gds-text-end {
    text-align: end;
  }
  .gds-text-align-center {
    text-align: center;
  }
  @media (max-width: 1440px) {
    .gds-responsive-xl-text-display {
      font: var(--gds-text-display-shorthand);
    }
    .gds-responsive-xl-text-title-large {
      font: var(--gds-text-titleLarge-shorthand);
    }
    .gds-responsive-xl-text-title {
      font: var(--gds-text-title-shorthand);
    }
    .gds-responsive-xl-text-subtitle {
      font: var(--gds-text-subtitle-shorthand);
    }
    .gds-responsive-xl-text-body-large-strong {
      font: var(--gds-text-bodyLargeStrong-shorthand);
    }
    .gds-responsive-xl-text-body-large {
      font: var(--gds-text-bodyLarge-shorthand);
    }
    .gds-responsive-xl-text-body-strong {
      font: var(--gds-text-bodyStrong-shorthand);
    }
    .gds-responsive-xl-text-body {
      font: var(--gds-text-body-shorthand);
    }
    .gds-responsive-xl-text-caption-strong {
      font: var(--gds-text-captionStrong-shorthand);
    }
    .gds-responsive-xl-text-caption {
      font: var(--gds-text-caption-shorthand);
    }
    .gds-responsive-xl-text-input {
      font: var(--gds-text-input-shorthand);
    }
    .gds-responsive-xl-text-input-mobile {
      font: var(--gds-text-inputMobile-shorthand);
    }
    .gds-responsive-xl-text-primary {
      color: var(--gds-palette-text-default-primary);
    }
    .gds-responsive-xl-text-secondary {
      color: var(--gds-palette-text-default-secondary);
    }
    .gds-responsive-xl-text-placeholder {
      color: var(--gds-palette-text-default-placeholder);
    }
    .gds-responsive-xl-text-primary-primary {
      color: var(--gds-palette-text-primary-primary);
    }
    .gds-responsive-xl-text-primary-secondary {
      color: var(--gds-palette-text-primary-secondary);
    }
    .gds-responsive-xl-text-primary-quaternary {
      color: var(--gds-palette-text-primary-quaternary);
    }
    .gds-responsive-xl-text-secondary-primary {
      color: var(--gds-palette-text-secondary-primary);
    }
    .gds-responsive-xl-text-default-light {
      color: var(--gds-palette-text-default-light);
    }
    .gds-responsive-xl-text-hint {
      color: var(--gds-palette-text-default-hint);
    }
    .gds-responsive-xl-text-link {
      color: var(--gds-palette-text-default-link);
    }
    .gds-responsive-xl-text-tertiary {
      color: var(--gds-palette-text-default-tertiary);
    }
    .gds-responsive-xl-text-error-dark {
      color: var(--gds-palette-helper-error-dark);
    }
    .gds-responsive-xl-text-success-dark {
      color: var(--gds-palette-helper-success-dark);
    }
    .gds-responsive-xl-text-warning-dark {
      color: var(--gds-palette-helper-warning-dark);
    }
    .gds-responsive-xl-text-shimmer {
      color: var(--gds-palette-text-default-placeholder);
    }
    @supports (background-clip: text) {
      .gds-responsive-xl-text-shimmer {
        color: transparent;
        background:
          linear-gradient(
            to right,
            var(--gds-palette-text-default-placeholder) 20%,
            var(--gds-palette-text-default-primary) 40%,
            var(--gds-palette-text-default-placeholder) 60%);
        background-size: 200% auto;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-animation: shimmer 3s linear infinite;
        -moz-animation: shimmer 3s linear infinite;
        -o-animation: shimmer 3s linear infinite;
        animation: shimmer 3s linear infinite;
      }
    }
    .gds-responsive-xl-user-select-all {
      -webkit-user-select: all;
      -moz-user-select: all;
      user-select: all;
    }
    .gds-responsive-xl-user-select-auto {
      -webkit-user-select: auto;
      -moz-user-select: auto;
      user-select: auto;
    }
    .gds-responsive-xl-user-select-none {
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
    }
    .gds-responsive-xl-overflow-hidden {
      overflow: hidden;
    }
    .gds-responsive-xl-whitespace-nowrap {
      white-space: nowrap;
    }
    .gds-responsive-xl-truncate {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .gds-responsive-xl-break-word {
      word-break: break-word;
      overflow-wrap: break-word;
      word-wrap: break-word;
    }
    .gds-responsive-xl-break-all {
      word-break: break-all;
    }
    .gds-responsive-xl-text-start {
      text-align: start;
    }
    .gds-responsive-xl-text-center {
      text-align: center;
    }
    .gds-responsive-xl-text-end {
      text-align: end;
    }
    .gds-responsive-xl-text-align-center {
      text-align: center;
    }
  }
  @media (max-width: 1200px) {
    .gds-responsive-lg-text-display {
      font: var(--gds-text-display-shorthand);
    }
    .gds-responsive-lg-text-title-large {
      font: var(--gds-text-titleLarge-shorthand);
    }
    .gds-responsive-lg-text-title {
      font: var(--gds-text-title-shorthand);
    }
    .gds-responsive-lg-text-subtitle {
      font: var(--gds-text-subtitle-shorthand);
    }
    .gds-responsive-lg-text-body-large-strong {
      font: var(--gds-text-bodyLargeStrong-shorthand);
    }
    .gds-responsive-lg-text-body-large {
      font: var(--gds-text-bodyLarge-shorthand);
    }
    .gds-responsive-lg-text-body-strong {
      font: var(--gds-text-bodyStrong-shorthand);
    }
    .gds-responsive-lg-text-body {
      font: var(--gds-text-body-shorthand);
    }
    .gds-responsive-lg-text-caption-strong {
      font: var(--gds-text-captionStrong-shorthand);
    }
    .gds-responsive-lg-text-caption {
      font: var(--gds-text-caption-shorthand);
    }
    .gds-responsive-lg-text-input {
      font: var(--gds-text-input-shorthand);
    }
    .gds-responsive-lg-text-input-mobile {
      font: var(--gds-text-inputMobile-shorthand);
    }
    .gds-responsive-lg-text-primary {
      color: var(--gds-palette-text-default-primary);
    }
    .gds-responsive-lg-text-secondary {
      color: var(--gds-palette-text-default-secondary);
    }
    .gds-responsive-lg-text-placeholder {
      color: var(--gds-palette-text-default-placeholder);
    }
    .gds-responsive-lg-text-primary-primary {
      color: var(--gds-palette-text-primary-primary);
    }
    .gds-responsive-lg-text-primary-secondary {
      color: var(--gds-palette-text-primary-secondary);
    }
    .gds-responsive-lg-text-primary-quaternary {
      color: var(--gds-palette-text-primary-quaternary);
    }
    .gds-responsive-lg-text-secondary-primary {
      color: var(--gds-palette-text-secondary-primary);
    }
    .gds-responsive-lg-text-default-light {
      color: var(--gds-palette-text-default-light);
    }
    .gds-responsive-lg-text-hint {
      color: var(--gds-palette-text-default-hint);
    }
    .gds-responsive-lg-text-link {
      color: var(--gds-palette-text-default-link);
    }
    .gds-responsive-lg-text-tertiary {
      color: var(--gds-palette-text-default-tertiary);
    }
    .gds-responsive-lg-text-error-dark {
      color: var(--gds-palette-helper-error-dark);
    }
    .gds-responsive-lg-text-success-dark {
      color: var(--gds-palette-helper-success-dark);
    }
    .gds-responsive-lg-text-warning-dark {
      color: var(--gds-palette-helper-warning-dark);
    }
    .gds-responsive-lg-text-shimmer {
      color: var(--gds-palette-text-default-placeholder);
    }
    @supports (background-clip: text) {
      .gds-responsive-lg-text-shimmer {
        color: transparent;
        background:
          linear-gradient(
            to right,
            var(--gds-palette-text-default-placeholder) 20%,
            var(--gds-palette-text-default-primary) 40%,
            var(--gds-palette-text-default-placeholder) 60%);
        background-size: 200% auto;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-animation: shimmer 3s linear infinite;
        -moz-animation: shimmer 3s linear infinite;
        -o-animation: shimmer 3s linear infinite;
        animation: shimmer 3s linear infinite;
      }
    }
    .gds-responsive-lg-user-select-all {
      -webkit-user-select: all;
      -moz-user-select: all;
      user-select: all;
    }
    .gds-responsive-lg-user-select-auto {
      -webkit-user-select: auto;
      -moz-user-select: auto;
      user-select: auto;
    }
    .gds-responsive-lg-user-select-none {
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
    }
    .gds-responsive-lg-overflow-hidden {
      overflow: hidden;
    }
    .gds-responsive-lg-whitespace-nowrap {
      white-space: nowrap;
    }
    .gds-responsive-lg-truncate {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .gds-responsive-lg-break-word {
      word-break: break-word;
      overflow-wrap: break-word;
      word-wrap: break-word;
    }
    .gds-responsive-lg-break-all {
      word-break: break-all;
    }
    .gds-responsive-lg-text-start {
      text-align: start;
    }
    .gds-responsive-lg-text-center {
      text-align: center;
    }
    .gds-responsive-lg-text-end {
      text-align: end;
    }
    .gds-responsive-lg-text-align-center {
      text-align: center;
    }
  }
  @media (max-width: 900px) {
    .gds-responsive-md-text-display {
      font: var(--gds-text-display-shorthand);
    }
    .gds-responsive-md-text-title-large {
      font: var(--gds-text-titleLarge-shorthand);
    }
    .gds-responsive-md-text-title {
      font: var(--gds-text-title-shorthand);
    }
    .gds-responsive-md-text-subtitle {
      font: var(--gds-text-subtitle-shorthand);
    }
    .gds-responsive-md-text-body-large-strong {
      font: var(--gds-text-bodyLargeStrong-shorthand);
    }
    .gds-responsive-md-text-body-large {
      font: var(--gds-text-bodyLarge-shorthand);
    }
    .gds-responsive-md-text-body-strong {
      font: var(--gds-text-bodyStrong-shorthand);
    }
    .gds-responsive-md-text-body {
      font: var(--gds-text-body-shorthand);
    }
    .gds-responsive-md-text-caption-strong {
      font: var(--gds-text-captionStrong-shorthand);
    }
    .gds-responsive-md-text-caption {
      font: var(--gds-text-caption-shorthand);
    }
    .gds-responsive-md-text-input {
      font: var(--gds-text-input-shorthand);
    }
    .gds-responsive-md-text-input-mobile {
      font: var(--gds-text-inputMobile-shorthand);
    }
    .gds-responsive-md-text-primary {
      color: var(--gds-palette-text-default-primary);
    }
    .gds-responsive-md-text-secondary {
      color: var(--gds-palette-text-default-secondary);
    }
    .gds-responsive-md-text-placeholder {
      color: var(--gds-palette-text-default-placeholder);
    }
    .gds-responsive-md-text-primary-primary {
      color: var(--gds-palette-text-primary-primary);
    }
    .gds-responsive-md-text-primary-secondary {
      color: var(--gds-palette-text-primary-secondary);
    }
    .gds-responsive-md-text-primary-quaternary {
      color: var(--gds-palette-text-primary-quaternary);
    }
    .gds-responsive-md-text-secondary-primary {
      color: var(--gds-palette-text-secondary-primary);
    }
    .gds-responsive-md-text-default-light {
      color: var(--gds-palette-text-default-light);
    }
    .gds-responsive-md-text-hint {
      color: var(--gds-palette-text-default-hint);
    }
    .gds-responsive-md-text-link {
      color: var(--gds-palette-text-default-link);
    }
    .gds-responsive-md-text-tertiary {
      color: var(--gds-palette-text-default-tertiary);
    }
    .gds-responsive-md-text-error-dark {
      color: var(--gds-palette-helper-error-dark);
    }
    .gds-responsive-md-text-success-dark {
      color: var(--gds-palette-helper-success-dark);
    }
    .gds-responsive-md-text-warning-dark {
      color: var(--gds-palette-helper-warning-dark);
    }
    .gds-responsive-md-text-shimmer {
      color: var(--gds-palette-text-default-placeholder);
    }
    @supports (background-clip: text) {
      .gds-responsive-md-text-shimmer {
        color: transparent;
        background:
          linear-gradient(
            to right,
            var(--gds-palette-text-default-placeholder) 20%,
            var(--gds-palette-text-default-primary) 40%,
            var(--gds-palette-text-default-placeholder) 60%);
        background-size: 200% auto;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-animation: shimmer 3s linear infinite;
        -moz-animation: shimmer 3s linear infinite;
        -o-animation: shimmer 3s linear infinite;
        animation: shimmer 3s linear infinite;
      }
    }
    .gds-responsive-md-user-select-all {
      -webkit-user-select: all;
      -moz-user-select: all;
      user-select: all;
    }
    .gds-responsive-md-user-select-auto {
      -webkit-user-select: auto;
      -moz-user-select: auto;
      user-select: auto;
    }
    .gds-responsive-md-user-select-none {
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
    }
    .gds-responsive-md-overflow-hidden {
      overflow: hidden;
    }
    .gds-responsive-md-whitespace-nowrap {
      white-space: nowrap;
    }
    .gds-responsive-md-truncate {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .gds-responsive-md-break-word {
      word-break: break-word;
      overflow-wrap: break-word;
      word-wrap: break-word;
    }
    .gds-responsive-md-break-all {
      word-break: break-all;
    }
    .gds-responsive-md-text-start {
      text-align: start;
    }
    .gds-responsive-md-text-center {
      text-align: center;
    }
    .gds-responsive-md-text-end {
      text-align: end;
    }
    .gds-responsive-md-text-align-center {
      text-align: center;
    }
  }
  @media (max-width: 600px) {
    .gds-responsive-sm-text-display {
      font: var(--gds-text-display-shorthand);
    }
    .gds-responsive-sm-text-title-large {
      font: var(--gds-text-titleLarge-shorthand);
    }
    .gds-responsive-sm-text-title {
      font: var(--gds-text-title-shorthand);
    }
    .gds-responsive-sm-text-subtitle {
      font: var(--gds-text-subtitle-shorthand);
    }
    .gds-responsive-sm-text-body-large-strong {
      font: var(--gds-text-bodyLargeStrong-shorthand);
    }
    .gds-responsive-sm-text-body-large {
      font: var(--gds-text-bodyLarge-shorthand);
    }
    .gds-responsive-sm-text-body-strong {
      font: var(--gds-text-bodyStrong-shorthand);
    }
    .gds-responsive-sm-text-body {
      font: var(--gds-text-body-shorthand);
    }
    .gds-responsive-sm-text-caption-strong {
      font: var(--gds-text-captionStrong-shorthand);
    }
    .gds-responsive-sm-text-caption {
      font: var(--gds-text-caption-shorthand);
    }
    .gds-responsive-sm-text-input {
      font: var(--gds-text-input-shorthand);
    }
    .gds-responsive-sm-text-input-mobile {
      font: var(--gds-text-inputMobile-shorthand);
    }
    .gds-responsive-sm-text-primary {
      color: var(--gds-palette-text-default-primary);
    }
    .gds-responsive-sm-text-secondary {
      color: var(--gds-palette-text-default-secondary);
    }
    .gds-responsive-sm-text-placeholder {
      color: var(--gds-palette-text-default-placeholder);
    }
    .gds-responsive-sm-text-primary-primary {
      color: var(--gds-palette-text-primary-primary);
    }
    .gds-responsive-sm-text-primary-secondary {
      color: var(--gds-palette-text-primary-secondary);
    }
    .gds-responsive-sm-text-primary-quaternary {
      color: var(--gds-palette-text-primary-quaternary);
    }
    .gds-responsive-sm-text-secondary-primary {
      color: var(--gds-palette-text-secondary-primary);
    }
    .gds-responsive-sm-text-default-light {
      color: var(--gds-palette-text-default-light);
    }
    .gds-responsive-sm-text-hint {
      color: var(--gds-palette-text-default-hint);
    }
    .gds-responsive-sm-text-link {
      color: var(--gds-palette-text-default-link);
    }
    .gds-responsive-sm-text-tertiary {
      color: var(--gds-palette-text-default-tertiary);
    }
    .gds-responsive-sm-text-error-dark {
      color: var(--gds-palette-helper-error-dark);
    }
    .gds-responsive-sm-text-success-dark {
      color: var(--gds-palette-helper-success-dark);
    }
    .gds-responsive-sm-text-warning-dark {
      color: var(--gds-palette-helper-warning-dark);
    }
    .gds-responsive-sm-text-shimmer {
      color: var(--gds-palette-text-default-placeholder);
    }
    @supports (background-clip: text) {
      .gds-responsive-sm-text-shimmer {
        color: transparent;
        background:
          linear-gradient(
            to right,
            var(--gds-palette-text-default-placeholder) 20%,
            var(--gds-palette-text-default-primary) 40%,
            var(--gds-palette-text-default-placeholder) 60%);
        background-size: 200% auto;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-animation: shimmer 3s linear infinite;
        -moz-animation: shimmer 3s linear infinite;
        -o-animation: shimmer 3s linear infinite;
        animation: shimmer 3s linear infinite;
      }
    }
    .gds-responsive-sm-user-select-all {
      -webkit-user-select: all;
      -moz-user-select: all;
      user-select: all;
    }
    .gds-responsive-sm-user-select-auto {
      -webkit-user-select: auto;
      -moz-user-select: auto;
      user-select: auto;
    }
    .gds-responsive-sm-user-select-none {
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
    }
    .gds-responsive-sm-overflow-hidden {
      overflow: hidden;
    }
    .gds-responsive-sm-whitespace-nowrap {
      white-space: nowrap;
    }
    .gds-responsive-sm-truncate {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .gds-responsive-sm-break-word {
      word-break: break-word;
      overflow-wrap: break-word;
      word-wrap: break-word;
    }
    .gds-responsive-sm-break-all {
      word-break: break-all;
    }
    .gds-responsive-sm-text-start {
      text-align: start;
    }
    .gds-responsive-sm-text-center {
      text-align: center;
    }
    .gds-responsive-sm-text-end {
      text-align: end;
    }
    .gds-responsive-sm-text-align-center {
      text-align: center;
    }
  }
  body[isMobile=true] .gds-mobile-text-display {
    font: var(--gds-text-display-shorthand);
  }
  body[isMobile=true] .gds-mobile-text-title-large {
    font: var(--gds-text-titleLarge-shorthand);
  }
  body[isMobile=true] .gds-mobile-text-title {
    font: var(--gds-text-title-shorthand);
  }
  body[isMobile=true] .gds-mobile-text-subtitle {
    font: var(--gds-text-subtitle-shorthand);
  }
  body[isMobile=true] .gds-mobile-text-body-large-strong {
    font: var(--gds-text-bodyLargeStrong-shorthand);
  }
  body[isMobile=true] .gds-mobile-text-body-large {
    font: var(--gds-text-bodyLarge-shorthand);
  }
  body[isMobile=true] .gds-mobile-text-body-strong {
    font: var(--gds-text-bodyStrong-shorthand);
  }
  body[isMobile=true] .gds-mobile-text-body {
    font: var(--gds-text-body-shorthand);
  }
  body[isMobile=true] .gds-mobile-text-caption-strong {
    font: var(--gds-text-captionStrong-shorthand);
  }
  body[isMobile=true] .gds-mobile-text-caption {
    font: var(--gds-text-caption-shorthand);
  }
  body[isMobile=true] .gds-mobile-text-input {
    font: var(--gds-text-input-shorthand);
  }
  body[isMobile=true] .gds-mobile-text-input-mobile {
    font: var(--gds-text-inputMobile-shorthand);
  }
  body[isMobile=true] .gds-mobile-text-primary {
    color: var(--gds-palette-text-default-primary);
  }
  body[isMobile=true] .gds-mobile-text-secondary {
    color: var(--gds-palette-text-default-secondary);
  }
  body[isMobile=true] .gds-mobile-text-placeholder {
    color: var(--gds-palette-text-default-placeholder);
  }
  body[isMobile=true] .gds-mobile-text-primary-primary {
    color: var(--gds-palette-text-primary-primary);
  }
  body[isMobile=true] .gds-mobile-text-primary-secondary {
    color: var(--gds-palette-text-primary-secondary);
  }
  body[isMobile=true] .gds-mobile-text-primary-quaternary {
    color: var(--gds-palette-text-primary-quaternary);
  }
  body[isMobile=true] .gds-mobile-text-secondary-primary {
    color: var(--gds-palette-text-secondary-primary);
  }
  body[isMobile=true] .gds-mobile-text-default-light {
    color: var(--gds-palette-text-default-light);
  }
  body[isMobile=true] .gds-mobile-text-hint {
    color: var(--gds-palette-text-default-hint);
  }
  body[isMobile=true] .gds-mobile-text-link {
    color: var(--gds-palette-text-default-link);
  }
  body[isMobile=true] .gds-mobile-text-tertiary {
    color: var(--gds-palette-text-default-tertiary);
  }
  body[isMobile=true] .gds-mobile-text-error-dark {
    color: var(--gds-palette-helper-error-dark);
  }
  body[isMobile=true] .gds-mobile-text-success-dark {
    color: var(--gds-palette-helper-success-dark);
  }
  body[isMobile=true] .gds-mobile-text-warning-dark {
    color: var(--gds-palette-helper-warning-dark);
  }
  body[isMobile=true] .gds-mobile-text-shimmer {
    color: var(--gds-palette-text-default-placeholder);
  }
  @supports (background-clip: text) {
    body[isMobile=true] .gds-mobile-text-shimmer {
      color: transparent;
      background:
        linear-gradient(
          to right,
          var(--gds-palette-text-default-placeholder) 20%,
          var(--gds-palette-text-default-primary) 40%,
          var(--gds-palette-text-default-placeholder) 60%);
      background-size: 200% auto;
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-animation: shimmer 3s linear infinite;
      -moz-animation: shimmer 3s linear infinite;
      -o-animation: shimmer 3s linear infinite;
      animation: shimmer 3s linear infinite;
    }
  }
  body[isMobile=true] .gds-mobile-user-select-all {
    -webkit-user-select: all;
    -moz-user-select: all;
    user-select: all;
  }
  body[isMobile=true] .gds-mobile-user-select-auto {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    user-select: auto;
  }
  body[isMobile=true] .gds-mobile-user-select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  body[isMobile=true] .gds-mobile-overflow-hidden {
    overflow: hidden;
  }
  body[isMobile=true] .gds-mobile-whitespace-nowrap {
    white-space: nowrap;
  }
  body[isMobile=true] .gds-mobile-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  body[isMobile=true] .gds-mobile-break-word {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
  }
  body[isMobile=true] .gds-mobile-break-all {
    word-break: break-all;
  }
  body[isMobile=true] .gds-mobile-text-start {
    text-align: start;
  }
  body[isMobile=true] .gds-mobile-text-center {
    text-align: center;
  }
  body[isMobile=true] .gds-mobile-text-end {
    text-align: end;
  }
  body[isMobile=true] .gds-mobile-text-align-center {
    text-align: center;
  }
  .gds-line-height-normal {
    line-height: normal;
  }
  .gds-line-height-inherit {
    line-height: inherit;
  }
  .gds-line-height-2xs {
    line-height: var(--gds-primitive-lineHeight-100);
  }
  .gds-line-height-xs {
    line-height: var(--gds-primitive-lineHeight-200);
  }
  .gds-line-height-sm {
    line-height: var(--gds-primitive-lineHeight-250);
  }
  .gds-line-height-md {
    line-height: var(--gds-primitive-lineHeight-300);
  }
  .gds-line-height-lg {
    line-height: var(--gds-primitive-lineHeight-400);
  }
  .gds-line-height-xl {
    line-height: var(--gds-primitive-lineHeight-500);
  }
  .gds-line-height-2xl {
    line-height: var(--gds-primitive-lineHeight-600);
  }
  .gds-line-height-3xl {
    line-height: var(--gds-primitive-lineHeight-700);
  }
  @media (max-width: 1440px) {
    .gds-responsive-xl-line-height-normal {
      line-height: normal;
    }
    .gds-responsive-xl-line-height-inherit {
      line-height: inherit;
    }
    .gds-responsive-xl-line-height-2xs {
      line-height: var(--gds-primitive-lineHeight-100);
    }
    .gds-responsive-xl-line-height-xs {
      line-height: var(--gds-primitive-lineHeight-200);
    }
    .gds-responsive-xl-line-height-sm {
      line-height: var(--gds-primitive-lineHeight-250);
    }
    .gds-responsive-xl-line-height-md {
      line-height: var(--gds-primitive-lineHeight-300);
    }
    .gds-responsive-xl-line-height-lg {
      line-height: var(--gds-primitive-lineHeight-400);
    }
    .gds-responsive-xl-line-height-xl {
      line-height: var(--gds-primitive-lineHeight-500);
    }
    .gds-responsive-xl-line-height-2xl {
      line-height: var(--gds-primitive-lineHeight-600);
    }
    .gds-responsive-xl-line-height-3xl {
      line-height: var(--gds-primitive-lineHeight-700);
    }
  }
  @media (max-width: 1200px) {
    .gds-responsive-lg-line-height-normal {
      line-height: normal;
    }
    .gds-responsive-lg-line-height-inherit {
      line-height: inherit;
    }
    .gds-responsive-lg-line-height-2xs {
      line-height: var(--gds-primitive-lineHeight-100);
    }
    .gds-responsive-lg-line-height-xs {
      line-height: var(--gds-primitive-lineHeight-200);
    }
    .gds-responsive-lg-line-height-sm {
      line-height: var(--gds-primitive-lineHeight-250);
    }
    .gds-responsive-lg-line-height-md {
      line-height: var(--gds-primitive-lineHeight-300);
    }
    .gds-responsive-lg-line-height-lg {
      line-height: var(--gds-primitive-lineHeight-400);
    }
    .gds-responsive-lg-line-height-xl {
      line-height: var(--gds-primitive-lineHeight-500);
    }
    .gds-responsive-lg-line-height-2xl {
      line-height: var(--gds-primitive-lineHeight-600);
    }
    .gds-responsive-lg-line-height-3xl {
      line-height: var(--gds-primitive-lineHeight-700);
    }
  }
  @media (max-width: 900px) {
    .gds-responsive-md-line-height-normal {
      line-height: normal;
    }
    .gds-responsive-md-line-height-inherit {
      line-height: inherit;
    }
    .gds-responsive-md-line-height-2xs {
      line-height: var(--gds-primitive-lineHeight-100);
    }
    .gds-responsive-md-line-height-xs {
      line-height: var(--gds-primitive-lineHeight-200);
    }
    .gds-responsive-md-line-height-sm {
      line-height: var(--gds-primitive-lineHeight-250);
    }
    .gds-responsive-md-line-height-md {
      line-height: var(--gds-primitive-lineHeight-300);
    }
    .gds-responsive-md-line-height-lg {
      line-height: var(--gds-primitive-lineHeight-400);
    }
    .gds-responsive-md-line-height-xl {
      line-height: var(--gds-primitive-lineHeight-500);
    }
    .gds-responsive-md-line-height-2xl {
      line-height: var(--gds-primitive-lineHeight-600);
    }
    .gds-responsive-md-line-height-3xl {
      line-height: var(--gds-primitive-lineHeight-700);
    }
  }
  @media (max-width: 600px) {
    .gds-responsive-sm-line-height-normal {
      line-height: normal;
    }
    .gds-responsive-sm-line-height-inherit {
      line-height: inherit;
    }
    .gds-responsive-sm-line-height-2xs {
      line-height: var(--gds-primitive-lineHeight-100);
    }
    .gds-responsive-sm-line-height-xs {
      line-height: var(--gds-primitive-lineHeight-200);
    }
    .gds-responsive-sm-line-height-sm {
      line-height: var(--gds-primitive-lineHeight-250);
    }
    .gds-responsive-sm-line-height-md {
      line-height: var(--gds-primitive-lineHeight-300);
    }
    .gds-responsive-sm-line-height-lg {
      line-height: var(--gds-primitive-lineHeight-400);
    }
    .gds-responsive-sm-line-height-xl {
      line-height: var(--gds-primitive-lineHeight-500);
    }
    .gds-responsive-sm-line-height-2xl {
      line-height: var(--gds-primitive-lineHeight-600);
    }
    .gds-responsive-sm-line-height-3xl {
      line-height: var(--gds-primitive-lineHeight-700);
    }
  }
  body[isMobile=true] .gds-mobile-line-height-normal {
    line-height: normal;
  }
  body[isMobile=true] .gds-mobile-line-height-inherit {
    line-height: inherit;
  }
  body[isMobile=true] .gds-mobile-line-height-2xs {
    line-height: var(--gds-primitive-lineHeight-100);
  }
  body[isMobile=true] .gds-mobile-line-height-xs {
    line-height: var(--gds-primitive-lineHeight-200);
  }
  body[isMobile=true] .gds-mobile-line-height-sm {
    line-height: var(--gds-primitive-lineHeight-250);
  }
  body[isMobile=true] .gds-mobile-line-height-md {
    line-height: var(--gds-primitive-lineHeight-300);
  }
  body[isMobile=true] .gds-mobile-line-height-lg {
    line-height: var(--gds-primitive-lineHeight-400);
  }
  body[isMobile=true] .gds-mobile-line-height-xl {
    line-height: var(--gds-primitive-lineHeight-500);
  }
  body[isMobile=true] .gds-mobile-line-height-2xl {
    line-height: var(--gds-primitive-lineHeight-600);
  }
  body[isMobile=true] .gds-mobile-line-height-3xl {
    line-height: var(--gds-primitive-lineHeight-700);
  }
  .toast-container {
    pointer-events: none;
    position: fixed;
    z-index: 999999;
    display: flex;
    flex-direction: column;
    gap: var(--gds-spacing-2xs);
    bottom: 0;
    right: 0;
    left: auto;
    top: auto;
    align-items: flex-end;
    margin: var(--gds-spacing-2xs);
    width: calc(100% - 2 * var(--gds-spacing-2xs));
  }
  .toast-container * {
    box-sizing: border-box;
  }
  .toast-top-left {
    inset: 0 auto auto 0;
    align-items: flex-start;
  }
  .toast-top-right {
    inset: 0 0 auto auto;
    align-items: flex-end;
  }
  .toast-bottom-left {
    inset: auto auto 0 0;
    align-items: flex-start;
  }
  .toast-top-center {
    inset: 0 auto auto auto;
    align-items: center;
  }
  .toast-bottom-center {
    inset: auto auto 0 auto;
    align-items: center;
  }
  @media (max-width: 1440px) {
    .toast-responsive-xl-top-left {
      inset: 0 auto auto 0;
      align-items: flex-start;
    }
    .toast-responsive-xl-top-right {
      inset: 0 0 auto auto;
      align-items: flex-end;
    }
    .toast-responsive-xl-bottom-left {
      inset: auto auto 0 0;
      align-items: flex-start;
    }
    .toast-responsive-xl-top-center {
      inset: 0 auto auto auto;
      align-items: center;
    }
    .toast-responsive-xl-bottom-center {
      inset: auto auto 0 auto;
      align-items: center;
    }
  }
  @media (max-width: 1200px) {
    .toast-responsive-lg-top-left {
      inset: 0 auto auto 0;
      align-items: flex-start;
    }
    .toast-responsive-lg-top-right {
      inset: 0 0 auto auto;
      align-items: flex-end;
    }
    .toast-responsive-lg-bottom-left {
      inset: auto auto 0 0;
      align-items: flex-start;
    }
    .toast-responsive-lg-top-center {
      inset: 0 auto auto auto;
      align-items: center;
    }
    .toast-responsive-lg-bottom-center {
      inset: auto auto 0 auto;
      align-items: center;
    }
  }
  @media (max-width: 900px) {
    .toast-responsive-md-top-left {
      inset: 0 auto auto 0;
      align-items: flex-start;
    }
    .toast-responsive-md-top-right {
      inset: 0 0 auto auto;
      align-items: flex-end;
    }
    .toast-responsive-md-bottom-left {
      inset: auto auto 0 0;
      align-items: flex-start;
    }
    .toast-responsive-md-top-center {
      inset: 0 auto auto auto;
      align-items: center;
    }
    .toast-responsive-md-bottom-center {
      inset: auto auto 0 auto;
      align-items: center;
    }
  }
  @media (max-width: 600px) {
    .toast-responsive-sm-top-left {
      inset: 0 auto auto 0;
      align-items: flex-start;
    }
    .toast-responsive-sm-top-right {
      inset: 0 0 auto auto;
      align-items: flex-end;
    }
    .toast-responsive-sm-bottom-left {
      inset: auto auto 0 0;
      align-items: flex-start;
    }
    .toast-responsive-sm-top-center {
      inset: 0 auto auto auto;
      align-items: center;
    }
    .toast-responsive-sm-bottom-center {
      inset: auto auto 0 auto;
      align-items: center;
    }
  }
  body[isMobile=true] {
  }
  body[isMobile=true] .toast-mobile-top-left {
    inset: 0 auto auto 0;
    align-items: flex-start;
  }
  body[isMobile=true] .toast-mobile-top-right {
    inset: 0 0 auto auto;
    align-items: flex-end;
  }
  body[isMobile=true] .toast-mobile-bottom-left {
    inset: auto auto 0 0;
    align-items: flex-start;
  }
  body[isMobile=true] .toast-mobile-top-center {
    inset: 0 auto auto auto;
    align-items: center;
  }
  body[isMobile=true] .toast-mobile-bottom-center {
    inset: auto auto 0 auto;
    align-items: center;
  }
  .gds-sr-only {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .gds-no-default {
    all: unset;
  }
}

/* apps/corto-ai/src/styles.scss */
@layer view {
  body {
    overflow: hidden;
  }
}

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