/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --pds-elevation-0: 0 0 0 0 transparent;
  --pds-elevation-1: 0 1px 3px 0 #0000001f, 0 1px 1px 0 #00000024, 0 2px 1px -1px #00000033;
  --pds-elevation-2: 0 1px 5px 0 #0000001f, 0 2px 2px 0 #00000024, 0 3px 1px -2px #00000033;
  --pds-elevation-3: 0 1px 8px 0 #0000001f, 0 3px 4px 0 #00000024, 0 3px 3px -2px #00000033;
  --pds-elevation-4: 0 1px 10px 0 #0000001f, 0 4px 5px 0 #00000024, 0 2px 4px -1px #00000033;
  --pds-elevation-5: 0 1px 14px 0 #0000001f, 0 5px 8px 0 #00000024, 0 3px 5px -1px #00000033;
  --pds-elevation-6: 0 1px 18px 0 #0000001f, 0 6px 10px 0 #00000024, 0 3px 5px -1px #00000033;
  --pds-elevation-7: 0 2px 16px 1px #0000001f, 0 7px 10px 1px #00000024, 0 4px 5px -2px #00000033;
  --pds-elevation-8: 0 3px 14px 2px #0000001f, 0 8px 10px 1px #00000024, 0 5px 5px -3px #00000033;
  --pds-elevation-9: 0 3px 16px 2px #0000001f, 0 9px 12px 1px #00000024, 0 5px 6px -3px #00000033;
  --pds-elevation-10: 0 4px 18px 3px #0000001f, 0 10px 14px 1px #00000024, 0 6px 6px -3px #00000033;
  --pds-elevation-11: 0 4px 20px 3px #0000001f, 0 11px 15px 1px #00000024, 0 6px 7px -4px #00000033;
  --pds-elevation-12: 0 5px 22px 4px #0000001f, 0 12px 17px 2px #00000024, 0 7px 8px -4px #00000033;
  --pds-elevation-13: 0 5px 24px 4px #0000001f, 0 13px 19px 2px #00000024, 0 7px 8px -4px #00000033;
  --pds-elevation-14: 0 5px 26px 4px #0000001f, 0 14px 21px 2px #00000024, 0 7px 9px -4px #00000033;
  --pds-elevation-15: 0 6px 28px 5px #0000001f, 0 15px 22px 2px #00000024, 0 8px 9px -5px #00000033;
  --pds-elevation-16: 0 6px 30px 5px #0000001f, 0 16px 24px 2px #00000024, 0 8px 10px -5px #00000033;
  --pds-elevation-17: 0 6px 32px 5px #0000001f, 0 17px 26px 2px #00000024, 0 8px 11px -5px #00000033;
  --pds-elevation-18: 0 7px 34px 6px #0000001f, 0 18px 28px 2px #00000024, 0 9px 11px -5px #00000033;
  --pds-elevation-19: 0 7px 36px 6px #0000001f, 0 19px 29px 2px #00000024, 0 9px 12px -6px #00000033;
  --pds-elevation-20: 0 8px 38px 7px #0000001f, 0 20px 31px 3px #00000024, 0 10px 13px -6px #00000033;
  --pds-elevation-21: 0 8px 40px 7px #0000001f, 0 21px 33px 3px #00000024, 0 10px 13px -6px #00000033;
  --pds-elevation-22: 0 8px 42px 7px #0000001f, 0 22px 35px 3px #00000024, 0 10px 14px -6px #00000033;
  --pds-elevation-23: 0 9px 44px 8px #0000001f, 0 23px 36px 3px #00000024, 0 11px 14px -7px #00000033;
  --pds-elevation-24: 0 9px 46px 8px #0000001f, 0 24px 38px 3px #00000024, 0 11px 15px -7px #00000033;
  --pds-typography-font-families-sans-serif: 'Inter Variable', Arial, 'Helvetica Neue', sans-serif; /** In typography and lettering, a sans-serif, sans serif, gothic, or simply sans letterform is one that does not have extending features called "serifs" at the end of strokes. Sans-serif typefaces tend to have less stroke width variation than serif typefaces. */
  --pds-typography-font-families-mono: 'Roboto Mono', 'Courier New', monospace; /** A monospaced font, also called a fixed-pitch, fixed-width, or non-proportional font, is a font whose letters and characters each occupy the same amount of horizontal space.  */
  --pds-typography-font-families-serif: Bitter, Georgia, 'Times New Roman', Garamond, serif; /** In typography, a serif is a small line or stroke regularly attached to the end of a larger stroke in a letter or symbol within a particular font or family of fonts. A typeface or "font family" making use of serifs is called a serif typeface. */
  --pds-typography-font-families-emoji: 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  --pds-typography-font-families-cursive: 'Brush Script MT', cursive;
  --pds-typography-line-heights-1-0: 1.00;
  --pds-typography-line-heights-1-167: 1.167;
  --pds-typography-line-heights-1-20: 1.20;
  --pds-typography-line-heights-1-235: 1.235;
  --pds-typography-line-heights-1-25: 1.25;
  --pds-typography-line-heights-1-334: 1.334;
  --pds-typography-line-heights-1-385: 1.385;
  --pds-typography-line-heights-1-43: 1.43;
  --pds-typography-line-heights-1-5: 1.5;
  --pds-typography-line-heights-1-57: 1.57;
  --pds-typography-line-heights-1-6: 1.6;
  --pds-typography-line-heights-1-66: 1.66;
  --pds-typography-line-heights-1-75: 1.75;
  --pds-typography-line-heights-2-66: 2.66;
  --pds-typography-font-weights-100: 100;
  --pds-typography-font-weights-200: 200;
  --pds-typography-font-weights-300: 300;
  --pds-typography-font-weights-400: 400;
  --pds-typography-font-weights-500: 500;
  --pds-typography-font-weights-600: 600;
  --pds-typography-font-weights-700: 700;
  --pds-typography-font-weights-800: 800;
  --pds-typography-font-weights-900: 900;
  --pds-typography-font-size-0: 0.625rem;
  --pds-typography-font-size-1: 0.75rem;
  --pds-typography-font-size-2: 0.8125rem;
  --pds-typography-font-size-3: 0.875rem;
  --pds-typography-font-size-4: 0.9375rem;
  --pds-typography-font-size-5: 1rem;
  --pds-typography-font-size-6: 1.25rem;
  --pds-typography-font-size-7: 1.5rem;
  --pds-typography-font-size-8: 2.125rem;
  --pds-typography-font-size-9: 3rem;
  --pds-typography-font-size-10: 3.75rem;
  --pds-typography-font-size-11: 4rem;
  --pds-typography-font-size-12: 6rem;
  --pds-typography-letter-spacing-0: -1.5px;
  --pds-typography-letter-spacing-1: -0.5px;
  --pds-typography-letter-spacing-2: 0;
  --pds-typography-letter-spacing-3: 0.25px;
  --pds-typography-letter-spacing-4: 0.15px;
  --pds-typography-letter-spacing-5: 0.17px;
  --pds-typography-letter-spacing-6: 0.1px;
  --pds-typography-letter-spacing-7: 1px;
  --pds-typography-letter-spacing-8: 0.4px;
  --pds-typography-letter-spacing-9: 0.14px;
  --pds-typography-letter-spacing-10: 0.46px;
  --pds-typography-letter-spacing-11: 0.16px;
  --pds-typography-paragraph-spacing-0: 0;
  --pds-typography-text-case-none: none;
  --pds-typography-text-case-uppercase: uppercase;
  --pds-typography-text-case-capitalize: capitalize;
  --pds-typography-text-decoration-none: none;
  --pds-typography-paragraph-indent-0: 0px;
  --pds-dimension-0: 0px;
  --pds-dimension-1: 4px;
  --pds-dimension-2: 8px;
  --pds-dimension-3: 12px;
  --pds-dimension-4: 16px;
  --pds-dimension-5: 20px;
  --pds-dimension-6: 24px;
  --pds-dimension-7: 28px;
  --pds-dimension-8: 32px;
  --pds-dimension-9: 36px;
  --pds-dimension-10: 40px;
  --pds-dimension-11: 44px;
  --pds-dimension-12: 48px;
  --pds-dimension-13: 52px;
  --pds-dimension-14: 56px;
  --pds-dimension-15: 60px;
  --pds-dimension-16: 64px;
  --pds-dimension-17: 68px;
  --pds-dimension-18: 72px;
  --pds-dimension-19: 76px;
  --pds-dimension-20: 80px;
  --pds-dimension-21: 84px;
  --pds-dimension-22: 88px;
  --pds-dimension-23: 92px;
  --pds-dimension-24: 96px;
  --pds-dimension-25: 100px;
  --pds-dimension-auto: AUTO;
  --pds-colors-brand-orange-b: #f06f1f; /** Paycor Orange, brand color */
  --pds-colors-brand-red-b: #f12121;
  --pds-colors-brand-blue-b: #1965de; /** Link Blue, Branding Agency */
  --pds-colors-brand-navy-b: #193d6a; /** Paycor Navy, Branding Guidelines */
  --pds-colors-brand-yellow-b: #f9a725; /** Paycor Yellow, Branding Guidelines */
  --pds-colors-brand-bright-yellow-b: #ffdd00; /** Paycor Bright Yellow, Branding Guidelines */
  --pds-colors-brand-green-b: #59a545; /** Paycor Green, Branding Guidelines */
  --pds-colors-brand-purple-b: #563684; /** Paycor Purple */
  --pds-colors-brand-grey-b: #58595b; /** Paycor Text Grey, Branding Guidelines */
}