/* This file is generated, do not edit manually! */ :root { /* Values */ --Border-width-lg: 3px; --Border-width-md: 2px; --Border-width-none: 0px; --Border-width-sm: 1px; --BoxShadow-Level-1: 0px 0px 2px 1px rgba(0, 0, 0, 0.1); --BoxShadow-Level-2: 0px 0px 4px 2px rgba(0, 0, 0, 0.1); --BoxShadow-Level-3: 0px 0px 8px 3px rgba(0, 0, 0, 0.1); --BoxShadow-Level-4: 0px 0px 14px 6px rgba(0, 0, 0, 0.1); --Breakpoints-max-width: 767px; --Breakpoints-min-width: 320px; --Columns-Column: 4px; --Corner-radius-lg: 12px; --Corner-radius-md: 8px; --Corner-radius-rounded: 250px; --Corner-radius-sm: 4px; --Corner-radius-xl: 16px; --Font-weight-Black: 900; --Font-weight-Bold: 700; --Font-weight-Extra-Bold: 800; --Font-weight-Medium: 500; --Font-weight-Regular-bold: 450; --Font-weight-Regular: 400; --Font-weight-Semi-Bold: 600; --Gutter-max-width: 16px; --Gutter-min-width: 16px; --Icon-2xs: 16px; --Icon-lg: 40px; --Icon-md: 32px; --Icon-sm: 24px; --Icon-xl: 42px; --Icon-xs: 20px; --Line-height-xs: 100px; --Margin-Margin-max: 16px; --Margin-Margin-min: 16px; --Neutral-0: #fcfcfc; --Neutral-100: #141414; --Neutral-10: #f0f0f0; --Neutral-15: #e9e9e9; --Neutral-20: #d9d9d9; --Neutral-30: #bfbfbf; --Neutral-40: #8c8c8c; --Neutral-50: #747474; --Neutral-5: #f5f5f5; --Neutral-60: #575757; --Neutral-70: #454545; --Neutral-80: #262626; --Neutral-90: #1f1f1f; --Neutral-Opacity-Black-0: #1f1c1b00; --Neutral-Opacity-Black-100: #1f1c1b; --Neutral-Opacity-Black-10: #1f1c1b1a; --Neutral-Opacity-Black-20: #1f1c1b33; --Neutral-Opacity-Black-30: #1f1c1b4d; --Neutral-Opacity-Black-40: #1f1c1b66; --Neutral-Opacity-Black-50: #1f1c1b80; --Neutral-Opacity-Black-5: #1f1c1b0d; --Neutral-Opacity-Black-60: #1f1c1b99; --Neutral-Opacity-Black-70: #1f1c1bb3; --Neutral-Opacity-Black-80: #1f1c1bcc; --Neutral-Opacity-Black-90: #1f1c1be6; --Neutral-Opacity-White-0: #ffffff00; --Neutral-Opacity-White-100: #ffffff; --Neutral-Opacity-White-10: #ffffff1a; --Neutral-Opacity-White-20: #ffffff33; --Neutral-Opacity-White-30: #ffffff4d; --Neutral-Opacity-White-40: #ffffff66; --Neutral-Opacity-White-50: #ffffff80; --Neutral-Opacity-White-5: #ffffff0d; --Neutral-Opacity-White-60: #ffffff99; --Neutral-Opacity-White-70: #ffffffb3; --Neutral-Opacity-White-80: #ffffffcc; --Neutral-Opacity-White-90: #ffffffe6; --SAS-Blue-20: #00175c; --SAS-Blue-30: #00248f; --SAS-Blue-40: #0030c2; --SAS-Blue-50: #003df5; --SAS-Blue-60: #295eff; --SAS-Blue-70: #8ad8ff; --SAS-Blue-80: #bde9ff; --SAS-Blue-90: #f0faff; --SAS-Blue-Default: #00248f; --SAS-Coral-50: #ff5852; --SAS-Grey-100: #f5f5f5; --SAS-Grey-20: #333333; --SAS-Grey-30: #4d4d4d; --SAS-Grey-40: #666666; --SAS-Grey-50: #808080; --SAS-Grey-80: #cccccc; --SAS-Grey-90: #e5e5e5; --SAS-Grey-Black: #000000; --SAS-Grey-White: #ffffff; --Size-1100-48: 48px; --Size-1300-56: 56px; --Size-1500-64: 64px; --Size-200-12: 12px; --Size-250-14: 14px; --Size-300-16: 16px; --Size-350-18: 18px; --Size-400-20: 20px; --Size-500-24: 24px; --Size-550-26: 26px; --Size-600-28: 28px; --Size-700-32: 32px; --Size-800-36: 36px; --Size-900-40: 40px; --Space-x025: 2px; --Space-x05: 4px; --Space-x0: 0px; --Space-x15: 12px; --Space-x1: 8px; --Space-x2: 16px; --Space-x3: 24px; --Space-x4: 32px; --Space-x5: 40px; --Space-x6: 48px; --Space-x7: 56px; --Space-x8: 64px; --Space-x9: 72px; /* Aliases */ --Text-size-2xl: var(--Size-800-36); --Text-size-2xs: var(--Size-300-16); --Text-size-3xl: var(--Size-700-32); --Text-size-3xs: var(--Size-300-16); --Text-size-4xl: var(--Size-800-36); --Text-size-4xs: var(--Size-250-14); --Text-size-5xl: var(--Size-1300-56); --Text-size-5xs: var(--Size-200-12); --Text-size-lg: var(--Size-500-24); --Text-size-md: var(--Size-500-24); --Text-size-sm: var(--Size-400-20); --Text-size-xl: var(--Size-500-24); --Text-size-xs: var(--Size-350-18); }