/* stylelint-disable */

:root {
  /**
   * COLORS
   */

  --cp-background-surface: var(--cp-colors-white);
  --cp-background-primary: var(--cp-colors-white);
  --cp-background-primary-hover: var(--cp-colors-grey-100);
  --cp-background-primary-hover-alt: var(--cp-colors-accent-100);
  --cp-background-secondary: var(--cp-colors-grey-50);
  --cp-background-secondary-hover: var(--cp-colors-grey-100);
  --cp-background-tertiary: var(--cp-colors-grey-100);
  --cp-background-tertiary-hover: var(--cp-colors-grey-200);
  --cp-background-quaternary: var(--cp-colors-grey-200);
  --cp-background-quaternary-hover: var(--cp-colors-grey-300);
  --cp-background-inverse-hover: rgba(255, 255, 255, 10%);
  --cp-background-solid: var(--cp-colors-grey-900);
  --cp-background-disabled: var(--cp-colors-grey-50);
  --cp-background-overlay: rgba(62, 62, 91, 86%);
  --cp-background-black: var(--cp-colors-black);
  --cp-background-white: var(--cp-colors-white);
  --cp-background-accent-primary: var(--cp-colors-accent-50);
  --cp-background-accent-primary-hover: var(--cp-colors-accent-100);
  --cp-background-accent-secondary: var(--cp-colors-accent-100);
  --cp-background-accent-secondary-hover: var(--cp-colors-accent-200);
  --cp-background-accent-solid: var(--cp-colors-accent-500);
  --cp-background-accent-solid-hover: var(--cp-colors-accent-600);
  --cp-background-error-primary: var(--cp-colors-red-50);
  --cp-background-error-primary-hover: var(--cp-colors-red-100);
  --cp-background-error-secondary: var(--cp-colors-red-100);
  --cp-background-error-secondary-hover: var(--cp-colors-red-200);
  --cp-background-error-solid: var(--cp-colors-red-500);
  --cp-background-error-solid-hover: var(--cp-colors-red-600);
  --cp-background-warning-primary: var(--cp-colors-orange-50);
  --cp-background-warning-primary-hover: var(--cp-colors-orange-100);
  --cp-background-warning-secondary: var(--cp-colors-orange-100);
  --cp-background-warning-secondary-hover: var(--cp-colors-orange-200);
  --cp-background-warning-solid: var(--cp-colors-orange-400);
  --cp-background-warning-solid-hover: var(--cp-colors-orange-500);
  --cp-background-success-primary: var(--cp-colors-green-50);
  --cp-background-success-primary-hover: var(--cp-colors-green-100);
  --cp-background-success-secondary: var(--cp-colors-green-100);
  --cp-background-success-secondary-hover: var(--cp-colors-green-200);
  --cp-background-success-solid: var(--cp-colors-green-400);
  --cp-background-success-solid-hover: var(--cp-colors-green-500);
  --cp-background-blue-primary: var(--cp-colors-blue-50);
  --cp-background-blue-primary-hover: var(--cp-colors-blue-100);
  --cp-background-blue-secondary: var(--cp-colors-blue-100);
  --cp-background-blue-secondary-hover: var(--cp-colors-blue-200);
  --cp-background-blue-solid: var(--cp-colors-blue-500);
  --cp-background-blue-solid-hover: var(--cp-colors-blue-600);
  --cp-background-pink-primary: var(--cp-colors-pink-50);
  --cp-background-pink-primary-hover: var(--cp-colors-pink-100);
  --cp-background-pink-secondary: var(--cp-colors-pink-100);
  --cp-background-pink-secondary-hover: var(--cp-colors-pink-200);
  --cp-background-pink-solid: var(--cp-colors-pink-500);
  --cp-background-pink-solid-hover: var(--cp-colors-pink-600);
  --cp-background-magenta-primary: var(--cp-colors-magenta-50);
  --cp-background-magenta-primary-hover: var(--cp-colors-magenta-100);
  --cp-background-magenta-secondary: var(--cp-colors-magenta-100);
  --cp-background-magenta-secondary-hover: var(--cp-colors-magenta-200);
  --cp-background-magenta-solid: var(--cp-colors-magenta-500);
  --cp-background-magenta-solid-hover: var(--cp-colors-magenta-600);
  --cp-background-yellow-primary: var(--cp-colors-yellow-50);
  --cp-background-yellow-primary-hover: var(--cp-colors-yellow-100);
  --cp-background-yellow-secondary: var(--cp-colors-yellow-100);
  --cp-background-yellow-secondary-hover: var(--cp-colors-yellow-200);
  --cp-background-yellow-solid: var(--cp-colors-yellow-300);
  --cp-background-yellow-solid-hover: var(--cp-colors-yellow-400);
  --cp-border-soft: var(--cp-colors-grey-200);
  --cp-border-soft-hover: var(--cp-colors-grey-300);
  --cp-border-strong: var(--cp-colors-grey-300);
  --cp-border-strong-hover: var(--cp-colors-grey-400);
  --cp-border-disabled: var(--cp-colors-grey-100);
  --cp-border-solid: var(--cp-colors-grey-800);
  --cp-border-white: var(--cp-colors-white);
  --cp-border-accent-primary: var(--cp-colors-accent-200);
  --cp-border-accent-primary-hover: var(--cp-colors-accent-300);
  --cp-border-accent-solid: var(--cp-colors-accent-500);
  --cp-border-error-primary: var(--cp-colors-red-200);
  --cp-border-error-solid: var(--cp-colors-red-500);
  --cp-border-warning-primary: var(--cp-colors-orange-200);
  --cp-border-warning-solid: var(--cp-colors-orange-400);
  --cp-border-success-primary: var(--cp-colors-green-200);
  --cp-border-success-solid: var(--cp-colors-green-400);
  --cp-border-blue-primary: var(--cp-colors-blue-200);
  --cp-border-blue-solid: var(--cp-colors-blue-500);
  --cp-border-pink-primary: var(--cp-colors-pink-200);
  --cp-border-pink-solid: var(--cp-colors-pink-500);
  --cp-border-magenta-primary: var(--cp-colors-magenta-200);
  --cp-border-magenta-solid: var(--cp-colors-magenta-500);
  --cp-border-yellow-primary: var(--cp-colors-yellow-200);
  --cp-border-yellow-solid: var(--cp-colors-yellow-500);
  --cp-foreground-primary: var(--cp-colors-grey-800);
  --cp-foreground-secondary: var(--cp-colors-grey-600);
  --cp-foreground-secondary-hover: var(--cp-colors-grey-800);
  --cp-foreground-tertiary: var(--cp-colors-grey-500);
  --cp-foreground-quaternary: var(--cp-colors-grey-300);
  --cp-foreground-disabled: var(--cp-colors-grey-400);
  --cp-foreground-placeholder: var(--cp-colors-grey-500);
  --cp-foreground-white: var(--cp-colors-white);
  --cp-foreground-accent-primary: var(--cp-colors-accent-500);
  --cp-foreground-accent-primary-hover: var(--cp-colors-accent-600);
  --cp-foreground-accent-secondary: var(--cp-colors-accent-400);
  --cp-foreground-accent-secondary-hover: var(--cp-colors-accent-500);
  --cp-foreground-error-primary: var(--cp-colors-red-500);
  --cp-foreground-error-primary-hover: var(--cp-colors-red-600);
  --cp-foreground-error-secondary: var(--cp-colors-red-400);
  --cp-foreground-error-secondary-hover: var(--cp-colors-red-500);
  --cp-foreground-warning-primary: var(--cp-colors-orange-500);
  --cp-foreground-warning-primary-hover: var(--cp-colors-orange-600);
  --cp-foreground-warning-secondary: var(--cp-colors-orange-400);
  --cp-foreground-warning-secondary-hover: var(--cp-colors-orange-500);
  --cp-foreground-success-primary: var(--cp-colors-green-500);
  --cp-foreground-success-primary-hover: var(--cp-colors-green-600);
  --cp-foreground-success-secondary: var(--cp-colors-green-400);
  --cp-foreground-success-secondary-hover: var(--cp-colors-green-500);
  --cp-foreground-blue-primary: var(--cp-colors-blue-500);
  --cp-foreground-blue-primary-hover: var(--cp-colors-blue-600);
  --cp-foreground-blue-secondary: var(--cp-colors-blue-400);
  --cp-foreground-blue-secondary-hover: var(--cp-colors-blue-500);
  --cp-foreground-pink-primary: var(--cp-colors-pink-500);
  --cp-foreground-pink-primary-hover: var(--cp-colors-pink-600);
  --cp-foreground-pink-secondary: var(--cp-colors-pink-400);
  --cp-foreground-pink-secondary-hover: var(--cp-colors-pink-500);
  --cp-foreground-magenta-primary: var(--cp-colors-magenta-500);
  --cp-foreground-magenta-primary-hover: var(--cp-colors-magenta-600);
  --cp-foreground-magenta-secondary: var(--cp-colors-magenta-400);
  --cp-foreground-magenta-secondary-hover: var(--cp-colors-magenta-500);
  --cp-foreground-yellow-primary: var(--cp-colors-yellow-500);
  --cp-foreground-yellow-primary-hover: var(--cp-colors-yellow-600);
  --cp-foreground-yellow-secondary: var(--cp-colors-yellow-400);
  --cp-foreground-yellow-secondary-hover: var(--cp-colors-yellow-500);
  --cp-text-primary: var(--cp-colors-grey-800);
  --cp-text-secondary: var(--cp-colors-grey-600);
  --cp-text-secondary-hover: var(--cp-colors-grey-800);
  --cp-text-tertiary: var(--cp-colors-grey-500);
  --cp-text-disabled: var(--cp-colors-grey-400);
  --cp-text-placeholder: var(--cp-colors-grey-500);
  --cp-text-white: var(--cp-colors-white);
  --cp-text-accent-primary: var(--cp-colors-accent-500);
  --cp-text-accent-primary-hover: var(--cp-colors-accent-600);
  --cp-text-accent-secondary: var(--cp-colors-accent-700);
  --cp-text-accent-secondary-hover: var(--cp-colors-accent-800);
  --cp-text-error-primary: var(--cp-colors-red-500);
  --cp-text-error-primary-hover: var(--cp-colors-red-600);
  --cp-text-error-secondary: var(--cp-colors-red-700);
  --cp-text-error-secondary-hover: var(--cp-colors-red-800);
  --cp-text-warning-primary: var(--cp-colors-orange-500);
  --cp-text-warning-primary-hover: var(--cp-colors-orange-600);
  --cp-text-warning-secondary: var(--cp-colors-orange-700);
  --cp-text-warning-secondary-hover: var(--cp-colors-orange-800);
  --cp-text-success-primary: var(--cp-colors-green-500);
  --cp-text-success-primary-hover: var(--cp-colors-green-600);
  --cp-text-success-secondary: var(--cp-colors-green-700);
  --cp-text-success-secondary-hover: var(--cp-colors-green-800);
  --cp-text-blue-primary: var(--cp-colors-blue-500);
  --cp-text-blue-primary-hover: var(--cp-colors-blue-600);
  --cp-text-blue-secondary: var(--cp-colors-blue-700);
  --cp-text-blue-secondary-hover: var(--cp-colors-blue-800);
  --cp-text-pink-primary: var(--cp-colors-pink-500);
  --cp-text-pink-primary-hover: var(--cp-colors-pink-600);
  --cp-text-pink-secondary: var(--cp-colors-pink-700);
  --cp-text-pink-secondary-hover: var(--cp-colors-pink-800);
  --cp-text-magenta-primary: var(--cp-colors-magenta-500);
  --cp-text-magenta-primary-hover: var(--cp-colors-magenta-600);
  --cp-text-magenta-secondary: var(--cp-colors-magenta-700);
  --cp-text-magenta-secondary-hover: var(--cp-colors-magenta-800);
  --cp-text-yellow-primary: var(--cp-colors-yellow-500);
  --cp-text-yellow-primary-hover: var(--cp-colors-yellow-600);
  --cp-text-yellow-secondary: var(--cp-colors-yellow-700);
  --cp-text-yellow-secondary-hover: var(--cp-colors-yellow-800);
  --cp-utility-accent-50: var(--cp-colors-accent-50);
  --cp-utility-accent-100: var(--cp-colors-accent-100);
  --cp-utility-accent-200: var(--cp-colors-accent-200);
  --cp-utility-accent-300: var(--cp-colors-accent-300);
  --cp-utility-accent-400: var(--cp-colors-accent-400);
  --cp-utility-accent-500: var(--cp-colors-accent-500);
  --cp-utility-accent-600: var(--cp-colors-accent-600);
  --cp-utility-accent-700: var(--cp-colors-accent-700);
  --cp-utility-accent-800: var(--cp-colors-accent-800);
  --cp-utility-accent-900: var(--cp-colors-accent-900);
  --cp-utility-accent-1000: var(--cp-colors-accent-1000);
  --cp-utility-blue-50: var(--cp-colors-blue-50);
  --cp-utility-blue-100: var(--cp-colors-blue-100);
  --cp-utility-blue-200: var(--cp-colors-blue-200);
  --cp-utility-blue-300: var(--cp-colors-blue-300);
  --cp-utility-blue-400: var(--cp-colors-blue-400);
  --cp-utility-blue-500: var(--cp-colors-blue-500);
  --cp-utility-blue-600: var(--cp-colors-blue-600);
  --cp-utility-blue-700: var(--cp-colors-blue-700);
  --cp-utility-blue-800: var(--cp-colors-blue-800);
  --cp-utility-blue-900: var(--cp-colors-blue-900);
  --cp-utility-blue-1000: var(--cp-colors-blue-1000);
  --cp-utility-error-50: var(--cp-colors-red-50);
  --cp-utility-error-100: var(--cp-colors-red-100);
  --cp-utility-error-200: var(--cp-colors-red-200);
  --cp-utility-error-300: var(--cp-colors-red-300);
  --cp-utility-error-400: var(--cp-colors-red-400);
  --cp-utility-error-500: var(--cp-colors-red-500);
  --cp-utility-error-600: var(--cp-colors-red-600);
  --cp-utility-error-700: var(--cp-colors-red-700);
  --cp-utility-error-800: var(--cp-colors-red-800);
  --cp-utility-error-900: var(--cp-colors-red-900);
  --cp-utility-error-1000: var(--cp-colors-red-1000);
  --cp-utility-magenta-50: var(--cp-colors-magenta-50);
  --cp-utility-magenta-100: var(--cp-colors-magenta-100);
  --cp-utility-magenta-200: var(--cp-colors-magenta-200);
  --cp-utility-magenta-300: var(--cp-colors-magenta-300);
  --cp-utility-magenta-400: var(--cp-colors-magenta-400);
  --cp-utility-magenta-500: var(--cp-colors-magenta-500);
  --cp-utility-magenta-600: var(--cp-colors-magenta-600);
  --cp-utility-magenta-700: var(--cp-colors-magenta-700);
  --cp-utility-magenta-800: var(--cp-colors-magenta-800);
  --cp-utility-magenta-900: var(--cp-colors-magenta-900);
  --cp-utility-magenta-1000: var(--cp-colors-magenta-1000);
  --cp-utility-neutral-50: var(--cp-colors-grey-50);
  --cp-utility-neutral-100: var(--cp-colors-grey-100);
  --cp-utility-neutral-200: var(--cp-colors-grey-200);
  --cp-utility-neutral-300: var(--cp-colors-grey-300);
  --cp-utility-neutral-400: var(--cp-colors-grey-400);
  --cp-utility-neutral-500: var(--cp-colors-grey-500);
  --cp-utility-neutral-600: var(--cp-colors-grey-600);
  --cp-utility-neutral-700: var(--cp-colors-grey-700);
  --cp-utility-neutral-800: var(--cp-colors-grey-800);
  --cp-utility-neutral-900: var(--cp-colors-grey-900);
  --cp-utility-neutral-1000: var(--cp-colors-grey-1000);
  --cp-utility-pink-50: var(--cp-colors-pink-50);
  --cp-utility-pink-100: var(--cp-colors-pink-100);
  --cp-utility-pink-200: var(--cp-colors-pink-200);
  --cp-utility-pink-300: var(--cp-colors-pink-300);
  --cp-utility-pink-400: var(--cp-colors-pink-400);
  --cp-utility-pink-500: var(--cp-colors-pink-500);
  --cp-utility-pink-600: var(--cp-colors-pink-600);
  --cp-utility-pink-700: var(--cp-colors-pink-700);
  --cp-utility-pink-800: var(--cp-colors-pink-800);
  --cp-utility-pink-900: var(--cp-colors-pink-900);
  --cp-utility-pink-1000: var(--cp-colors-pink-1000);
  --cp-utility-success-50: var(--cp-colors-green-50);
  --cp-utility-success-100: var(--cp-colors-green-100);
  --cp-utility-success-200: var(--cp-colors-green-200);
  --cp-utility-success-300: var(--cp-colors-green-300);
  --cp-utility-success-400: var(--cp-colors-green-400);
  --cp-utility-success-500: var(--cp-colors-green-500);
  --cp-utility-success-600: var(--cp-colors-green-600);
  --cp-utility-success-700: var(--cp-colors-green-700);
  --cp-utility-success-800: var(--cp-colors-green-800);
  --cp-utility-success-900: var(--cp-colors-green-900);
  --cp-utility-success-1000: var(--cp-colors-green-1000);
  --cp-utility-warning-50: var(--cp-colors-orange-50);
  --cp-utility-warning-100: var(--cp-colors-orange-100);
  --cp-utility-warning-200: var(--cp-colors-orange-200);
  --cp-utility-warning-300: var(--cp-colors-orange-300);
  --cp-utility-warning-400: var(--cp-colors-orange-400);
  --cp-utility-warning-500: var(--cp-colors-orange-500);
  --cp-utility-warning-600: var(--cp-colors-orange-600);
  --cp-utility-warning-700: var(--cp-colors-orange-700);
  --cp-utility-warning-800: var(--cp-colors-orange-800);
  --cp-utility-warning-900: var(--cp-colors-orange-900);
  --cp-utility-warning-1000: var(--cp-colors-orange-1000);
  --cp-utility-yellow-50: var(--cp-colors-yellow-50);
  --cp-utility-yellow-100: var(--cp-colors-yellow-100);
  --cp-utility-yellow-200: var(--cp-colors-yellow-200);
  --cp-utility-yellow-300: var(--cp-colors-yellow-300);
  --cp-utility-yellow-400: var(--cp-colors-yellow-400);
  --cp-utility-yellow-500: var(--cp-colors-yellow-500);
  --cp-utility-yellow-600: var(--cp-colors-yellow-600);
  --cp-utility-yellow-700: var(--cp-colors-yellow-700);
  --cp-utility-yellow-800: var(--cp-colors-yellow-800);
  --cp-utility-yellow-900: var(--cp-colors-yellow-900);
  --cp-utility-yellow-1000: var(--cp-colors-yellow-1000);
  --cp-focus: var(--cp-utility-accent-500);

  /**
   * DIMENSIONS
   */

  --cp-breakpoint-sm: var(--cp-dimensions-160);
  --cp-breakpoint-md: var(--cp-dimensions-192);
  --cp-breakpoint-lg: var(--cp-dimensions-256);
  --cp-breakpoint-xl: var(--cp-dimensions-320);
  --cp-breakpoint-2xl: var(--cp-dimensions-384);
  --cp-radius-none: var(--cp-dimensions-0);
  --cp-radius-xs: var(--cp-dimensions-0_5);
  --cp-radius-sm: var(--cp-dimensions-1);
  --cp-radius-sm-md: var(--cp-dimensions-1_5);
  --cp-radius-md: var(--cp-dimensions-2);
  --cp-radius-md-lg: var(--cp-dimensions-2_5);
  --cp-radius-lg: var(--cp-dimensions-3);
  --cp-radius-xl: var(--cp-dimensions-4);
  --cp-radius-2xl: var(--cp-dimensions-6);
  --cp-radius-full: 1000px;
  --cp-spacing-none: var(--cp-dimensions-0);
  --cp-spacing-xs: var(--cp-dimensions-0_5);
  --cp-spacing-sm: var(--cp-dimensions-1);
  --cp-spacing-sm-md: var(--cp-dimensions-1_5);
  --cp-spacing-md: var(--cp-dimensions-2);
  --cp-spacing-lg: var(--cp-dimensions-3);
  --cp-spacing-xl: var(--cp-dimensions-4);
  --cp-spacing-2xl: var(--cp-dimensions-6);
  --cp-spacing-3xl: var(--cp-dimensions-8);
  --cp-spacing-4xl: var(--cp-dimensions-10);
  --cp-width-2xs: var(--cp-dimensions-2);
  --cp-width-xs: var(--cp-dimensions-3);
  --cp-width-sm: var(--cp-dimensions-4);
  --cp-width-md: var(--cp-dimensions-5);
  --cp-width-lg: var(--cp-dimensions-6);
  --cp-width-xl: var(--cp-dimensions-8);

  /**
   * SHADOWS
   */

  --cp-shadows-3xs: var(--cp-drop-shadow-3xs-offset-x) var(--cp-drop-shadow-3xs-offset-y) var(--cp-drop-shadow-3xs-blur)
    var(--cp-drop-shadow-3xs-spread) var(--cp-drop-shadow-3xs-color);
  --cp-shadows-3xs-inset: var(--cp-drop-shadow-3xs-offset-x) var(--cp-drop-shadow-3xs-offset-y)
    var(--cp-drop-shadow-3xs-blur) var(--cp-drop-shadow-3xs-inset-spread) var(--cp-drop-shadow-3xs-color);
  --cp-shadows-2xs: var(--cp-drop-shadow-2xs-offset-x) var(--cp-drop-shadow-2xs-offset-y) var(--cp-drop-shadow-2xs-blur)
    var(--cp-drop-shadow-2xs-spread) var(--cp-drop-shadow-2xs-color);
  --cp-shadows-2xs-inset: var(--cp-drop-shadow-2xs-offset-x) var(--cp-drop-shadow-2xs-offset-y)
    var(--cp-drop-shadow-2xs-blur) var(--cp-drop-shadow-2xs-inset-spread) var(--cp-drop-shadow-2xs-color);
  --cp-shadows-xs: var(--cp-drop-shadow-xs-offset-x) var(--cp-drop-shadow-xs-offset-y) var(--cp-drop-shadow-xs-blur)
    var(--cp-drop-shadow-xs-spread) var(--cp-drop-shadow-xs-color);
  --cp-shadows-sm: var(--cp-drop-shadow-sm-offset-x) var(--cp-drop-shadow-sm-offset-y) var(--cp-drop-shadow-sm-blur)
    var(--cp-drop-shadow-sm-spread) var(--cp-drop-shadow-sm-color);
  --cp-shadows-md: var(--cp-drop-shadow-md-offset-x) var(--cp-drop-shadow-md-offset-y) var(--cp-drop-shadow-md-blur)
    var(--cp-drop-shadow-md-spread) var(--cp-drop-shadow-md-color);
  --cp-shadows-lg: var(--cp-drop-shadow-lg-offset-x) var(--cp-drop-shadow-lg-offset-y) var(--cp-drop-shadow-lg-blur)
    var(--cp-drop-shadow-lg-spread) var(--cp-drop-shadow-lg-color);
  --cp-shadows-xl: var(--cp-drop-shadow-xl-offset-x) var(--cp-drop-shadow-xl-offset-y) var(--cp-drop-shadow-xl-blur)
    var(--cp-drop-shadow-xl-spread) var(--cp-drop-shadow-xl-color);
  --cp-shadows-side-panel: var(--cp-drop-shadow-side-panel-offset-x) var(--cp-drop-shadow-side-panel-offset-y)
    var(--cp-drop-shadow-side-panel-blur) var(--cp-drop-shadow-side-panel-spread) var(--cp-drop-shadow-side-panel-color);

  /* overlay shadows are multi-layered; keep linked to primitives */
  --cp-shadows-overlay:
    var(--cp-drop-shadow-overlay-1-offset-x) var(--cp-drop-shadow-overlay-1-offset-y)
    var(--cp-drop-shadow-overlay-1-blur) var(--cp-drop-shadow-overlay-1-spread) var(--cp-drop-shadow-overlay-1-color),
    var(--cp-drop-shadow-overlay-2-offset-x) var(--cp-drop-shadow-overlay-2-offset-y)
    var(--cp-drop-shadow-overlay-2-blur) var(--cp-drop-shadow-overlay-2-spread) var(--cp-drop-shadow-overlay-2-color),
    var(--cp-drop-shadow-overlay-3-offset-x) var(--cp-drop-shadow-overlay-3-offset-y)
    var(--cp-drop-shadow-overlay-3-blur) var(--cp-drop-shadow-overlay-3-spread) var(--cp-drop-shadow-overlay-3-color),
    var(--cp-drop-shadow-overlay-4-offset-x) var(--cp-drop-shadow-overlay-4-offset-y)
    var(--cp-drop-shadow-overlay-4-blur) var(--cp-drop-shadow-overlay-4-spread) var(--cp-drop-shadow-overlay-4-color),
    var(--cp-drop-shadow-overlay-5-offset-x) var(--cp-drop-shadow-overlay-5-offset-y)
    var(--cp-drop-shadow-overlay-5-blur) var(--cp-drop-shadow-overlay-5-spread) var(--cp-drop-shadow-overlay-5-color);

  /* Focus ring tokens */
  --cp-shadow-focus-ring-accent:
    var(--cp-shadow-focus-ring-accent-gap-offset-x) var(--cp-shadow-focus-ring-accent-gap-offset-y)
    var(--cp-shadow-focus-ring-accent-gap-blur) var(--cp-shadow-focus-ring-accent-gap-spread)
    var(--cp-shadow-focus-ring-accent-gap-color),
    var(--cp-shadow-focus-ring-accent-ring-offset-x) var(--cp-shadow-focus-ring-accent-ring-offset-y)
    var(--cp-shadow-focus-ring-accent-ring-blur) var(--cp-shadow-focus-ring-accent-ring-spread)
    var(--cp-shadow-focus-ring-accent-ring-color);

  --cp-shadow-focus-ring-error:
    var(--cp-shadow-focus-ring-error-gap-offset-x) var(--cp-shadow-focus-ring-error-gap-offset-y)
    var(--cp-shadow-focus-ring-error-gap-blur) var(--cp-shadow-focus-ring-error-gap-spread)
    var(--cp-shadow-focus-ring-error-gap-color),
    var(--cp-shadow-focus-ring-error-ring-offset-x) var(--cp-shadow-focus-ring-error-ring-offset-y)
    var(--cp-shadow-focus-ring-error-ring-blur) var(--cp-shadow-focus-ring-error-ring-spread)
    var(--cp-shadow-focus-ring-error-ring-color);
}

/* stylelint-enable */