/**
 * Do not edit directly, this file was auto-generated.
 */
:root {
  --bal-color-white: #FFFFFF;
  --bal-color-black: #000000;
  --bal-color-neutral: rgba(255, 255, 255, 0);
  --bal-color-danger-1: #FCE8E6;
  --bal-color-danger-2: #F7A299;
  --bal-color-danger-3: #F05D4D;
  --bal-color-danger-4: #EA1800;
  --bal-color-danger-5: #CB1501;
  --bal-color-danger-6: #A01100;
  --bal-color-warning-1: #FFF9E8;
  --bal-color-warning-2: #FFE5A3;
  --bal-color-warning-3: #FFD25E;
  --bal-color-warning-4: #FFBE19;
  --bal-color-warning-5: #F99319;
  --bal-color-warning-6: #C97612;
  --bal-color-success-1: #E8F3EC;
  --bal-color-success-2: #A1CFB3;
  --bal-color-success-3: #5BAB7A;
  --bal-color-success-4: #168741;
  --bal-color-success-5: #116B34;
  --bal-color-success-6: #0B5227;
  --bal-color-info-1: #E8F1FB;
  --bal-color-info-2: #A4C9ED;
  --bal-color-info-3: #60A0E0;
  --bal-color-info-4: #1C77D2;
  --bal-color-info-5: #155BA3;
  --bal-color-info-6: #0E457B;
  --bal-color-sky-1: #E5F1FE;
  --bal-color-sky-2: #A7D1FA;
  --bal-color-sky-3: #56A7F5;
  --bal-color-sky-4: #6672CC;
  --bal-color-sky-5: #0014AA;
  --bal-color-sky-6: #000A55;
  --bal-color-grey-1: #FAFAFA;
  --bal-color-grey-2: #F6F6F6;
  --bal-color-grey-3: #E8E8E8;
  --bal-color-grey-4: #B6B6B6;
  --bal-color-grey-5: #747474;
  --bal-color-grey-6: #313131;
  --bal-color-yellow-1: #FFF9E8;
  --bal-color-yellow-2: #FFECBC;
  --bal-color-yellow-3: #FAE052;
  --bal-color-yellow-4: #FFBE19;
  --bal-color-yellow-5: #FA9319;
  --bal-color-yellow-6: #B24A00;
  --bal-color-red-1: #FFEEF1;
  --bal-color-red-2: #FFD7D7;
  --bal-color-red-3: #FFACA6;
  --bal-color-red-4: #FF596F;
  --bal-color-red-5: #D9304C;
  --bal-color-red-6: #99172D;
  --bal-color-green-1: #E9FBF7;
  --bal-color-green-2: #CBF2EC;
  --bal-color-green-3: #94E3D4;
  --bal-color-green-4: #21D9AC;
  --bal-color-green-5: #00B28F;
  --bal-color-green-6: #1B5951;
  --bal-color-purple-1: #F9F3FF;
  --bal-color-purple-2: #E1D9FF;
  --bal-color-purple-3: #B8B2FF;
  --bal-color-purple-4: #BE82FA;
  --bal-color-purple-5: #9F52CC;
  --bal-color-purple-6: #6C2273;
  --bal-color-primary-1: #E5E7F0;
  --bal-color-primary-2: #B3B6D4;
  --bal-color-primary-3: #656EA8;
  --bal-color-primary-4: #293485;
  --bal-color-primary-5: #000D6E;
  --bal-color-primary-6: #000739;
  --bal-elevation-shadow-0: none;
  --bal-elevation-shadow-1: 0 2px 5px 1px rgba(0, 7, 57, 0.12);
  --bal-elevation-shadow-2: 0 4px 4px 0 rgba(0, 7, 57, 0.15);
  --bal-elevation-shadow-3: 0 0 10px 0 rgba(0, 7, 57, 0.15);
  --bal-elevation-shadow-4: 0 0 30px 0 rgba(0, 7, 57, 0.15);
  --bal-elevation-opacity-0: 0;
  --bal-elevation-opacity-30: 0.3;
  --bal-elevation-opacity-40: 0.4;
  --bal-elevation-opacity-50: 0.5;
  --bal-elevation-opacity-60: 0.6;
  --bal-elevation-opacity-80: 0.8;
  --bal-elevation-opacity-100: 1;
  --bal-elevation-z-index-100: 6.25rem;
  --bal-elevation-z-index-200: 12.5rem;
  --bal-elevation-z-index-300: 18.75rem;
  --bal-elevation-z-index-400: 25rem;
  --bal-elevation-z-index-1000: 62.5rem;
  --bal-elevation-z-index-1100: 68.75rem;
  --bal-elevation-z-index-1200: 75rem;
  --bal-elevation-z-index-1300: 81.25rem;
  --bal-elevation-z-index-behind-all: -62499.9375rem;
  --bal-font-shadow-0: none;
  --bal-font-shadow-1: 0px 0px 4px rgba(0, 0, 0, 0.15), 0px 4px 12px rgba(0, 0, 0, 0.25), 0px 0px 80px rgba(0, 0, 0, 0.5);
  --bal-font-size-0: 0rem;
  --bal-font-size-12: 0.75rem;
  --bal-font-size-14: 0.875rem;
  --bal-font-size-16: 1rem;
  --bal-font-size-18: 1.125rem;
  --bal-font-size-20: 1.25rem;
  --bal-font-size-24: 1.5rem;
  --bal-font-size-28: 1.75rem;
  --bal-font-size-32: 2rem;
  --bal-font-size-40: 2.5rem;
  --bal-font-size-48: 3rem;
  --bal-font-size-80: 5rem;
  --bal-font-size-176: 11rem;
  --bal-font-family-heading: "BaloiseCreateHeadline", "Arial", "sans-serif";
  --bal-font-family-body: "BaloiseCreateText", "Arial", "sans-serif";
  --bal-font-weight-300: 300;
  --bal-font-weight-400: 400;
  --bal-font-weight-700: 700;
  --bal-font-line-height-1: 1;
  --bal-font-line-height-2: 1.3;
  --bal-font-line-height-3: 1.5;
  --bal-font-line-height-4: 2;
  --bal-size-border-0: 0rem;
  --bal-size-border-1: 0.0625rem;
  --bal-size-border-2: 0.125rem;
  --bal-size-border-3: 0.25rem;
  --bal-size-radius-0: 0rem;
  --bal-size-radius-1: 0.25rem;
  --bal-size-radius-2: 0.75rem;
  --bal-size-radius-3: 9999px;
  --bal-size-breakpoint-1: 769px;
  --bal-size-breakpoint-2: 1024px;
  --bal-size-breakpoint-3: 1280px;
  --bal-size-breakpoint-4: 1440px;
  --bal-size-breakpoint-5: 1920px;
  --bal-size-container-1: 320px;
  --bal-size-container-2: 480px;
  --bal-size-container-3: 640px;
  --bal-size-container-4: 896px;
  --bal-size-container-5: 1496px;
  --bal-size-container-full: 100%;
  --bal-size-space-0: 0rem;
  --bal-size-space-1: 0.0625rem;
  --bal-size-space-2: 0.125rem;
  --bal-size-space-4: 0.25rem;
  --bal-size-space-8: 0.5rem;
  --bal-size-space-12: 0.75rem;
  --bal-size-space-14: 0.875rem;
  --bal-size-space-16: 1rem;
  --bal-size-space-20: 1.25rem;
  --bal-size-space-24: 1.5rem;
  --bal-size-space-32: 2rem;
  --bal-size-space-40: 2.5rem;
  --bal-size-space-48: 3rem;
  --bal-size-space-56: 3.5rem;
  --bal-size-space-64: 4rem;
  --bal-size-space-72: 4.5rem;
  --bal-size-space-96: 6rem;
  --bal-size-space-128: 8rem;
  --bal-size-space-auto: auto;
  --bal-interaction-focus-size-inner: 2;
  --bal-interaction-focus-size-outer: 5;
  --bal-interaction-focus-size-inner-inset: 3;
  --bal-interaction-focus-size-outer-inset: 5;
  --bal-heading-color-base: inherit;
  --bal-close-color-background-hover: rgba(0, 7, 57, 0.10000000149011612);
  --bal-close-color-background-active: rgba(0, 7, 57, 0.30000001192092896);
  --bal-close-color-background-inverted-hover: rgba(255, 255, 255, 0.30000001192092896);
  --bal-close-color-background-inverted-active: rgba(255, 255, 255, 0.5);
  --bal-card-color-base-text: inherit;
  --bal-card-color-white-text: inherit;
  --bal-card-color-info-text: inherit;
  --bal-card-color-success-text: inherit;
  --bal-card-color-warning-text: inherit;
  --bal-card-color-danger-text: inherit;
  --bal-card-color-grey-light-text: inherit;
  --bal-card-color-grey-text: inherit;
  --bal-card-color-red-lighter-text: inherit;
  --bal-card-color-red-light-text: inherit;
  --bal-card-color-red-text: inherit;
  --bal-card-color-purple-lighter-text: inherit;
  --bal-card-color-purple-light-text: inherit;
  --bal-card-color-purple-text: inherit;
  --bal-card-color-green-lighter-text: inherit;
  --bal-card-color-green-light-text: inherit;
  --bal-card-color-green-text: inherit;
  --bal-card-color-yellow-lighter-text: inherit;
  --bal-card-color-yellow-light-text: inherit;
  --bal-card-color-yellow-text: inherit;
  --bal-notification-color-base-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>');
  --bal-notification-color-info-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>');
  --bal-notification-color-success-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>');
  --bal-notification-color-warning-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>');
  --bal-notification-color-danger-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>');
  --bal-notification-color-outline-base-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>');
  --bal-notification-color-outline-purple-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>');
  --bal-notification-color-outline-green-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>');
  --bal-notification-color-outline-yellow-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>');
  --bal-notification-color-outline-red-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>');
  --bal-link-family: inherit;
  --bal-toast-success-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>');
  --bal-toast-info-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>');
  --bal-toast-base-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>');
  --bal-toast-warning-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>');
  --bal-toast-danger-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>');
  --bal-background-color-white: var(--bal-color-white);
  --bal-background-color-transparent: var(--bal-color-neutral);
  --bal-background-color-sky-light: var(--bal-color-sky-1);
  --bal-background-color-sky: var(--bal-color-sky-2);
  --bal-background-color-sky-dark: var(--bal-color-sky-3);
  --bal-background-color-disabled: var(--bal-color-grey-3);
  --bal-background-color-info: var(--bal-color-info-3);
  --bal-background-color-info-light: var(--bal-color-info-2);
  --bal-background-color-info-dark: var(--bal-color-info-4);
  --bal-background-color-info-darker: var(--bal-color-info-5);
  --bal-background-color-info-darkest: var(--bal-color-info-6);
  --bal-background-color-success: var(--bal-color-success-3);
  --bal-background-color-success-lighter: var(--bal-color-success-1);
  --bal-background-color-success-light: var(--bal-color-success-2);
  --bal-background-color-success-dark: var(--bal-color-success-4);
  --bal-background-color-success-darker: var(--bal-color-success-5);
  --bal-background-color-success-darkest: var(--bal-color-success-6);
  --bal-background-color-warning-lighter: var(--bal-color-warning-1);
  --bal-background-color-warning-light: var(--bal-color-warning-2);
  --bal-background-color-warning: var(--bal-color-warning-3);
  --bal-background-color-warning-dark: var(--bal-color-warning-4);
  --bal-background-color-warning-darker: var(--bal-color-warning-5);
  --bal-background-color-warning-darkest: var(--bal-color-warning-6);
  --bal-background-color-danger-lighter: var(--bal-color-danger-1);
  --bal-background-color-danger-light: var(--bal-color-danger-2);
  --bal-background-color-danger: var(--bal-color-danger-3);
  --bal-background-color-danger-dark: var(--bal-color-danger-4);
  --bal-background-color-danger-darker: var(--bal-color-danger-5);
  --bal-background-color-danger-darkest: var(--bal-color-danger-6);
  --bal-background-color-green-light-2: var(--bal-color-green-1);
  --bal-background-color-grey-light: var(--bal-color-grey-2);
  --bal-background-color-grey: var(--bal-color-grey-3);
  --bal-background-color-grey-dark: var(--bal-color-grey-4);
  --bal-background-color-primary-light: var(--bal-color-primary-3);
  --bal-background-color-primary: var(--bal-color-primary-5);
  --bal-background-color-primary-hover: var(--bal-color-sky-5);
  --bal-background-color-primary-active: var(--bal-color-primary-6);
  --bal-background-color-green-lighter: var(--bal-color-green-1);
  --bal-background-color-green-light: var(--bal-color-green-2);
  --bal-background-color-green: var(--bal-color-green-3);
  --bal-background-color-purple-lighter: var(--bal-color-purple-1);
  --bal-background-color-purple-light: var(--bal-color-purple-2);
  --bal-background-color-purple: var(--bal-color-purple-3);
  --bal-background-color-red-lighter: var(--bal-color-red-1);
  --bal-background-color-red-light: var(--bal-color-red-2);
  --bal-background-color-red: var(--bal-color-red-3);
  --bal-background-color-yellow-lighter: var(--bal-color-yellow-1);
  --bal-background-color-yellow-light: var(--bal-color-yellow-2);
  --bal-background-color-yellow: var(--bal-color-yellow-3);
  --bal-border-color-white: var(--bal-color-white);
  --bal-border-color-base: var(--bal-color-grey-3);
  --bal-border-color-inverted: var(--bal-color-white);
  --bal-border-color-disabled: var(--bal-color-grey-4);
  --bal-border-color-disabled-inverted: var(--bal-color-primary-3);
  --bal-border-color-grey-light: var(--bal-color-grey-3);
  --bal-border-color-grey: var(--bal-color-grey-3);
  --bal-border-color-grey-dark: var(--bal-color-grey-4);
  --bal-border-color-primary-light: var(--bal-color-primary-3);
  --bal-border-color-primary: var(--bal-color-primary-5);
  --bal-border-color-primary-hover: var(--bal-color-sky-5);
  --bal-border-color-primary-active: var(--bal-color-primary-6);
  --bal-border-color-inverted-primary: var(--bal-color-primary-4);
  --bal-border-color-inverted-primary-hover: var(--bal-color-sky-2);
  --bal-border-color-inverted-primary-active: var(--bal-color-sky-4);
  --bal-border-color-info: var(--bal-color-info-4);
  --bal-border-color-info-hover: var(--bal-color-info-5);
  --bal-border-color-info-active: var(--bal-color-info-6);
  --bal-border-color-success: var(--bal-color-success-4);
  --bal-border-color-success-hover: var(--bal-color-success-5);
  --bal-border-color-success-active: var(--bal-color-success-6);
  --bal-border-color-warning: var(--bal-color-warning-4);
  --bal-border-color-warning-hover: var(--bal-color-warning-5);
  --bal-border-color-warning-active: var(--bal-color-warning-6);
  --bal-border-color-danger: var(--bal-color-danger-4);
  --bal-border-color-danger-hover: var(--bal-color-danger-5);
  --bal-border-color-danger-active: var(--bal-color-danger-6);
  --bal-border-color-green: var(--bal-color-green-4);
  --bal-border-color-green-hover: var(--bal-color-green-5);
  --bal-border-color-green-active: var(--bal-color-green-6);
  --bal-border-color-purple: var(--bal-color-purple-4);
  --bal-border-color-purple-hover: var(--bal-color-purple-5);
  --bal-border-color-purple-active: var(--bal-color-purple-6);
  --bal-border-color-red: var(--bal-color-red-4);
  --bal-border-color-red-hover: var(--bal-color-red-5);
  --bal-border-color-red-active: var(--bal-color-red-6);
  --bal-border-color-yellow: var(--bal-color-yellow-4);
  --bal-border-color-yellow-hover: var(--bal-color-yellow-5);
  --bal-border-color-yellow-active: var(--bal-color-yellow-6);
  --bal-border-width-none: var(--bal-size-border-0);
  --bal-border-width-base: var(--bal-size-border-2);
  --bal-border-width-md: var(--bal-size-border-3);
  --bal-breakpoint-tablet: var(--bal-size-breakpoint-1);
  --bal-breakpoint-desktop: var(--bal-size-breakpoint-2);
  --bal-breakpoint-desktop-lg: var(--bal-size-breakpoint-3); /** HighDefinition */
  --bal-breakpoint-desktop-xl: var(--bal-size-breakpoint-4); /** Widescreen */
  --bal-breakpoint-desktop-2xl: var(--bal-size-breakpoint-5); /** FullHD */
  --bal-container-width-modal: var(--bal-size-container-3);
  --bal-container-width-compact: var(--bal-size-container-4);
  --bal-container-width-base: var(--bal-size-container-5);
  --bal-container-width-fluid: var(--bal-size-container-full);
  --bal-container-space-mobile: var(--bal-size-space-16);
  --bal-container-space-tablet: var(--bal-size-space-40);
  --bal-container-space-desktop: var(--bal-size-space-48);
  --bal-interaction-focus-color-base: var(--bal-color-purple-6);
  --bal-interaction-focus-color-inverted: var(--bal-color-yellow-3);
  --bal-opacity-hidden: var(--bal-elevation-opacity-0);
  --bal-opacity-half: var(--bal-elevation-opacity-50);
  --bal-opacity-disabled: var(--bal-elevation-opacity-60);
  --bal-opacity-backdrop: var(--bal-elevation-opacity-80);
  --bal-opacity-full: var(--bal-elevation-opacity-100);
  --bal-radius-none: var(--bal-size-radius-0);
  --bal-radius-base: var(--bal-size-radius-1);
  --bal-radius-lg: var(--bal-size-radius-2);
  --bal-radius-rounded: var(--bal-size-radius-3);
  --bal-space-none-mobile: var(--bal-size-space-0);
  --bal-space-none-tablet: var(--bal-size-space-0);
  --bal-space-none-desktop: var(--bal-size-space-0);
  --bal-space-auto-mobile: var(--bal-size-space-auto);
  --bal-space-auto-tablet: var(--bal-size-space-auto);
  --bal-space-auto-desktop: var(--bal-size-space-auto);
  --bal-space-2xs-mobile: var(--bal-size-space-4);
  --bal-space-2xs-tablet: var(--bal-size-space-4);
  --bal-space-2xs-desktop: var(--bal-size-space-4);
  --bal-space-xs-mobile: var(--bal-size-space-8);
  --bal-space-xs-tablet: var(--bal-size-space-8);
  --bal-space-xs-desktop: var(--bal-size-space-8);
  --bal-space-sm-mobile: var(--bal-size-space-12);
  --bal-space-sm-tablet: var(--bal-size-space-12);
  --bal-space-sm-desktop: var(--bal-size-space-12);
  --bal-space-base-mobile: var(--bal-size-space-16);
  --bal-space-base-tablet: var(--bal-size-space-16);
  --bal-space-base-desktop: var(--bal-size-space-16);
  --bal-space-md-mobile: var(--bal-size-space-20);
  --bal-space-md-tablet: var(--bal-size-space-20);
  --bal-space-md-desktop: var(--bal-size-space-24);
  --bal-space-lg-mobile: var(--bal-size-space-24);
  --bal-space-lg-tablet: var(--bal-size-space-24);
  --bal-space-lg-desktop: var(--bal-size-space-32);
  --bal-space-xl-mobile: var(--bal-size-space-32);
  --bal-space-xl-tablet: var(--bal-size-space-40);
  --bal-space-xl-desktop: var(--bal-size-space-48);
  --bal-space-2xl-mobile: var(--bal-size-space-48);
  --bal-space-2xl-tablet: var(--bal-size-space-56);
  --bal-space-2xl-desktop: var(--bal-size-space-64);
  --bal-space-3xl-mobile: var(--bal-size-space-56);
  --bal-space-3xl-tablet: var(--bal-size-space-72);
  --bal-space-3xl-desktop: var(--bal-size-space-96);
  --bal-space-4xl-mobile: var(--bal-size-space-64);
  --bal-space-4xl-tablet: var(--bal-size-space-96);
  --bal-space-4xl-desktop: var(--bal-size-space-128);
  --bal-text-shadow: var(--bal-font-shadow-1);
  --bal-text-size-none-mobile: var(--bal-font-size-0);
  --bal-text-size-none-tablet: var(--bal-font-size-0);
  --bal-text-size-none-desktop: var(--bal-font-size-0);
  --bal-text-size-xs-mobile: var(--bal-font-size-12);
  --bal-text-size-xs-tablet: var(--bal-font-size-12);
  --bal-text-size-xs-desktop: var(--bal-font-size-12);
  --bal-text-size-sm-mobile: var(--bal-font-size-14);
  --bal-text-size-sm-tablet: var(--bal-font-size-14);
  --bal-text-size-sm-desktop: var(--bal-font-size-14);
  --bal-text-size-base-mobile: var(--bal-font-size-16);
  --bal-text-size-base-tablet: var(--bal-font-size-16);
  --bal-text-size-base-desktop: var(--bal-font-size-16);
  --bal-text-size-md-mobile: var(--bal-font-size-16);
  --bal-text-size-md-tablet: var(--bal-font-size-18);
  --bal-text-size-md-desktop: var(--bal-font-size-18);
  --bal-text-size-lg-mobile: var(--bal-font-size-18);
  --bal-text-size-lg-tablet: var(--bal-font-size-18);
  --bal-text-size-lg-desktop: var(--bal-font-size-18);
  --bal-text-size-xl-mobile: var(--bal-font-size-20);
  --bal-text-size-xl-tablet: var(--bal-font-size-24);
  --bal-text-size-xl-desktop: var(--bal-font-size-24);
  --bal-text-size-2xl-mobile: var(--bal-font-size-24);
  --bal-text-size-2xl-tablet: var(--bal-font-size-32);
  --bal-text-size-2xl-desktop: var(--bal-font-size-32);
  --bal-text-size-3xl-mobile: var(--bal-font-size-28);
  --bal-text-size-3xl-tablet: var(--bal-font-size-40);
  --bal-text-size-3xl-desktop: var(--bal-font-size-40);
  --bal-text-size-4xl-mobile: var(--bal-font-size-32);
  --bal-text-size-4xl-tablet: var(--bal-font-size-48);
  --bal-text-size-4xl-desktop: var(--bal-font-size-48);
  --bal-text-size-5xl-mobile: var(--bal-font-size-48);
  --bal-text-size-5xl-tablet: var(--bal-font-size-80);
  --bal-text-size-5xl-desktop: var(--bal-font-size-80);
  --bal-text-family-heading: var(--bal-font-family-heading);
  --bal-text-family-body: var(--bal-font-family-body);
  --bal-text-line-height-single: var(--bal-font-line-height-1);
  --bal-text-line-height-heading: var(--bal-font-line-height-2);
  --bal-text-line-height-body: var(--bal-font-line-height-3);
  --bal-text-line-height-double: var(--bal-font-line-height-4);
  --bal-text-weight-light: var(--bal-font-weight-300);
  --bal-text-weight-regular: var(--bal-font-weight-400);
  --bal-text-weight-bold: var(--bal-font-weight-700);
  --bal-text-color-white: var(--bal-color-white);
  --bal-text-color-primary-light: var(--bal-color-primary-3);
  --bal-text-color-disabled: var(--bal-color-grey-5);
  --bal-text-color-info: var(--bal-color-info-4);
  --bal-text-color-warning: var(--bal-color-warning-5);
  --bal-text-color-success: var(--bal-color-success-4);
  --bal-text-color-danger: var(--bal-color-danger-4);
  --bal-text-color-danger-hover: var(--bal-color-danger-5);
  --bal-text-color-danger-active: var(--bal-color-danger-6);
  --bal-text-color-primary: var(--bal-color-primary-5);
  --bal-text-color-primary-hover: var(--bal-color-sky-5);
  --bal-text-color-primary-active: var(--bal-color-primary-6);
  --bal-text-color-inverted-primary-hover: var(--bal-color-sky-2);
  --bal-text-color-inverted-primary-active: var(--bal-color-info-3);
  --bal-text-color-grey-light: var(--bal-color-grey-4);
  --bal-text-color-grey: var(--bal-color-grey-5);
  --bal-text-color-grey-dark: var(--bal-color-grey-6);
  --bal-shadow-text: var(--bal-font-shadow-1);
  --bal-shadow-box-none: var(--bal-elevation-shadow-0);
  --bal-shadow-box-header: var(--bal-elevation-shadow-2);
  --bal-shadow-box-base: var(--bal-elevation-shadow-3);
  --bal-shadow-box-elevated: var(--bal-elevation-shadow-4);
  --bal-z-index-deep: var(--bal-elevation-z-index-behind-all);
  --bal-z-index-masked: var(--bal-elevation-z-index-100);
  --bal-z-index-mask: var(--bal-elevation-z-index-200);
  --bal-z-index-sticky: var(--bal-elevation-z-index-300);
  --bal-z-index-navigation: var(--bal-elevation-z-index-400);
  --bal-z-index-popup: var(--bal-elevation-z-index-1000);
  --bal-z-index-modal: var(--bal-elevation-z-index-1100);
  --bal-z-index-toast: var(--bal-elevation-z-index-1200);
  --bal-z-index-tooltip: var(--bal-elevation-z-index-1300);
  --bal-heading-shadow: var(--bal-font-shadow-1);
  --bal-icon-tile-size-base-mobile: var(--bal-size-space-32);
  --bal-icon-tile-size-base-tablet: var(--bal-size-space-48);
  --bal-icon-tile-size-lg-mobile: var(--bal-size-space-48);
  --bal-icon-tile-size-lg-tablet: var(--bal-size-space-64);
  --bal-icon-tile-size-xl-mobile: var(--bal-size-space-64);
  --bal-icon-tile-size-xl-tablet: var(--bal-size-space-96);
  --bal-icon-size-xs: var(--bal-font-size-12);
  --bal-icon-size-sm: var(--bal-font-size-14);
  --bal-icon-size-base: var(--bal-font-size-16);
  --bal-icon-size-md: var(--bal-font-size-24);
  --bal-icon-size-lg: var(--bal-font-size-40);
  --bal-icon-size-xl: var(--bal-font-size-80);
  --bal-icon-size-2xl: var(--bal-font-size-176);
  --bal-tag-color-purple-dark-background: var(--bal-color-purple-6);
  --bal-tag-color-red-dark-background: var(--bal-color-red-6);
  --bal-tag-color-green-dark-background: var(--bal-color-green-6);
  --bal-tag-color-yellow-dark-background: var(--bal-color-yellow-6);
  --bal-notification-color-outline-base-border: var(--bal-color-primary-2);
  --bal-interaction-focus-color-border: var(--bal-background-color-white);
  --bal-interaction-focus-color-end: var(--bal-interaction-focus-color-base);
  --bal-interaction-focus-color-inverted-end: var(--bal-interaction-focus-color-inverted);
  --bal-text-color-hint: var(--bal-text-color-primary-light);
  --bal-text-color-inverted-disabled: var(--bal-text-color-primary-light);
  --bal-text-color-inverted-primary: var(--bal-text-color-white);
  --bal-heading-1-space: var(--bal-space-xs-mobile);
  --bal-heading-1-size-mobile: var(--bal-text-size-3xl-mobile);
  --bal-heading-1-size-tablet: var(--bal-text-size-3xl-tablet);
  --bal-heading-1-size-desktop: var(--bal-text-size-3xl-desktop);
  --bal-heading-2-space: var(--bal-space-xs-mobile);
  --bal-heading-2-size-mobile: var(--bal-text-size-2xl-mobile);
  --bal-heading-2-size-tablet: var(--bal-text-size-2xl-tablet);
  --bal-heading-2-size-desktop: var(--bal-text-size-2xl-desktop);
  --bal-heading-3-space: var(--bal-space-xs-mobile);
  --bal-heading-3-size-mobile: var(--bal-text-size-xl-mobile);
  --bal-heading-3-size-tablet: var(--bal-text-size-xl-tablet);
  --bal-heading-3-size-desktop: var(--bal-text-size-xl-desktop);
  --bal-heading-4-space: var(--bal-space-xs-mobile);
  --bal-heading-4-size-mobile: var(--bal-text-size-lg-mobile);
  --bal-heading-4-size-tablet: var(--bal-text-size-lg-tablet);
  --bal-heading-4-size-desktop: var(--bal-text-size-lg-desktop);
  --bal-heading-5-space: var(--bal-space-xs-mobile);
  --bal-heading-5-size-mobile: var(--bal-text-size-base-mobile);
  --bal-heading-5-size-tablet: var(--bal-text-size-base-tablet);
  --bal-heading-5-size-desktop: var(--bal-text-size-base-desktop);
  --bal-heading-family: var(--bal-text-family-heading);
  --bal-heading-weight: var(--bal-text-weight-bold);
  --bal-heading-line-height: var(--bal-text-line-height-heading);
  --bal-heading-color-primary: var(--bal-text-color-primary);
  --bal-heading-color-white: var(--bal-text-color-white);
  --bal-heading-color-info: var(--bal-text-color-info);
  --bal-heading-color-success: var(--bal-text-color-success);
  --bal-heading-color-warning: var(--bal-text-color-warning);
  --bal-heading-color-danger: var(--bal-text-color-danger);
  --bal-heading-display1-space: var(--bal-space-base-mobile);
  --bal-heading-display1-size-mobile: var(--bal-text-size-5xl-mobile);
  --bal-heading-display1-size-tablet: var(--bal-text-size-5xl-tablet);
  --bal-heading-display1-size-desktop: var(--bal-text-size-5xl-desktop);
  --bal-heading-display2-space: var(--bal-space-base-mobile);
  --bal-heading-display2-size-mobile: var(--bal-text-size-4xl-mobile);
  --bal-heading-display2-size-tablet: var(--bal-text-size-4xl-tablet);
  --bal-heading-display2-size-desktop: var(--bal-text-size-4xl-desktop);
  --bal-heading-subtitle-family: var(--bal-text-family-heading);
  --bal-heading-subtitle-line-height: var(--bal-text-line-height-heading);
  --bal-heading-subtitle-weight: var(--bal-text-weight-light);
  --bal-close-radius: var(--bal-radius-rounded);
  --bal-close-color-background-base: var(--bal-background-color-transparent);
  --bal-close-color-icon-base: var(--bal-text-color-primary);
  --bal-close-color-icon-inverted: var(--bal-text-color-white);
  --bal-body-color: var(--bal-text-color-primary);
  --bal-body-family: var(--bal-text-family-body);
  --bal-body-line-height: var(--bal-text-line-height-body);
  --bal-body-size: var(--bal-text-size-base-mobile);
  --bal-body-space: var(--bal-space-base-mobile);
  --bal-body-weight: var(--bal-text-weight-regular);
  --bal-icon-color-primary: var(--bal-text-color-primary);
  --bal-icon-color-primary-light: var(--bal-text-color-primary-light);
  --bal-icon-color-success: var(--bal-text-color-success);
  --bal-icon-color-info: var(--bal-text-color-info);
  --bal-icon-color-warning: var(--bal-text-color-warning);
  --bal-icon-color-danger: var(--bal-text-color-danger);
  --bal-icon-color-white: var(--bal-text-color-white);
  --bal-icon-color-grey: var(--bal-text-color-grey);
  --bal-icon-color-disabled: var(--bal-text-color-grey-dark);
  --bal-icon-tile-radius: var(--bal-radius-base);
  --bal-icon-tile-color-purple: var(--bal-background-color-purple-lighter);
  --bal-icon-tile-color-red: var(--bal-background-color-red-lighter);
  --bal-icon-tile-color-green: var(--bal-background-color-green-lighter);
  --bal-icon-tile-color-yellow: var(--bal-background-color-yellow-lighter);
  --bal-spinner-size: var(--bal-space-2xl-mobile);
  --bal-spinner-circle-border-width: var(--bal-border-width-md);
  --bal-spinner-circle-size: var(--bal-space-lg-mobile);
  --bal-spinner-circle-color-background: var(--bal-background-color-grey);
  --bal-spinner-circle-color-progress: var(--bal-background-color-primary);
  --bal-spinner-circle-color-inverted-background: var(--bal-background-color-white);
  --bal-spinner-circle-color-inverted-progress: var(--bal-background-color-primary);
  --bal-tag-family: var(--bal-text-family-body);
  --bal-tag-weight: var(--bal-text-weight-bold);
  --bal-tag-line-height: var(--bal-text-line-height-body);
  --bal-tag-size: var(--bal-text-size-base-mobile);
  --bal-tag-space-y: var(--bal-space-2xs-mobile);
  --bal-tag-space-x: var(--bal-space-sm-mobile);
  --bal-tag-radius-base: var(--bal-radius-lg);
  --bal-tag-radius-square: var(--bal-radius-base);
  --bal-tag-radius-pill: var(--bal-radius-rounded);
  --bal-tag-color-base-text: var(--bal-text-color-primary);
  --bal-tag-color-base-background: var(--bal-background-color-grey);
  --bal-tag-color-primary-text: var(--bal-text-color-white);
  --bal-tag-color-primary-background: var(--bal-background-color-primary);
  --bal-tag-color-grey-text: var(--bal-text-color-white);
  --bal-tag-color-grey-background: var(--bal-background-color-grey-dark);
  --bal-tag-color-info-text: var(--bal-text-color-white);
  --bal-tag-color-info-background: var(--bal-background-color-info-dark);
  --bal-tag-color-success-text: var(--bal-text-color-white);
  --bal-tag-color-success-background: var(--bal-background-color-success-dark);
  --bal-tag-color-warning-text: var(--bal-text-color-primary);
  --bal-tag-color-warning-background: var(--bal-background-color-warning-dark);
  --bal-tag-color-danger-text: var(--bal-text-color-white);
  --bal-tag-color-danger-background: var(--bal-background-color-danger-dark);
  --bal-tag-color-purple-text: var(--bal-text-color-primary);
  --bal-tag-color-purple-background: var(--bal-background-color-purple);
  --bal-tag-color-purple-light-text: var(--bal-text-color-primary);
  --bal-tag-color-purple-light-background: var(--bal-background-color-purple-light);
  --bal-tag-color-purple-dark-text: var(--bal-text-color-white);
  --bal-tag-color-red-text: var(--bal-text-color-primary);
  --bal-tag-color-red-background: var(--bal-background-color-red);
  --bal-tag-color-red-light-text: var(--bal-text-color-primary);
  --bal-tag-color-red-light-background: var(--bal-background-color-red-light);
  --bal-tag-color-red-dark-text: var(--bal-text-color-white);
  --bal-tag-color-green-text: var(--bal-text-color-primary);
  --bal-tag-color-green-background: var(--bal-background-color-green);
  --bal-tag-color-green-light-text: var(--bal-text-color-primary);
  --bal-tag-color-green-light-background: var(--bal-background-color-green-light);
  --bal-tag-color-green-dark-text: var(--bal-text-color-white);
  --bal-tag-color-yellow-text: var(--bal-text-color-primary);
  --bal-tag-color-yellow-background: var(--bal-background-color-yellow);
  --bal-tag-color-yellow-light-text: var(--bal-text-color-primary);
  --bal-tag-color-yellow-light-background: var(--bal-background-color-yellow-light);
  --bal-tag-color-yellow-dark-text: var(--bal-text-color-white);
  --bal-tag-sm-size: var(--bal-text-size-sm-mobile);
  --bal-tag-sm-weight: var(--bal-text-weight-regular);
  --bal-tag-sm-space-y: var(--bal-space-none-mobile);
  --bal-tag-sm-space-x: var(--bal-space-sm-mobile);
  --bal-tag-md-size: var(--bal-text-size-base-mobile);
  --bal-tag-md-weight: var(--bal-text-weight-bold);
  --bal-tag-md-space-y: var(--bal-space-xs-mobile);
  --bal-tag-md-space-x: var(--bal-space-base-mobile);
  --bal-tag-lg-size: var(--bal-text-size-base-mobile);
  --bal-tag-lg-weight: var(--bal-text-weight-bold);
  --bal-tag-lg-space-y: var(--bal-space-sm-mobile);
  --bal-tag-lg-space-x: var(--bal-space-lg-mobile);
  --bal-label-family: var(--bal-text-family-body);
  --bal-label-weight: var(--bal-text-weight-bold);
  --bal-label-line-height: var(--bal-text-line-height-body);
  --bal-label-color-base: var(--bal-text-color-primary);
  --bal-label-color-base-hover: var(--bal-text-color-primary-hover);
  --bal-label-color-base-active: var(--bal-text-color-primary-active);
  --bal-label-color-disabled: var(--bal-text-color-disabled);
  --bal-label-color-success: var(--bal-text-color-success);
  --bal-label-color-warning: var(--bal-text-color-warning);
  --bal-label-color-danger: var(--bal-text-color-danger);
  --bal-label-color-danger-hover: var(--bal-text-color-danger-hover);
  --bal-label-color-danger-active: var(--bal-text-color-danger-active);
  --bal-label-size-3xl-mobile: var(--bal-text-size-3xl-mobile);
  --bal-label-size-3xl-tablet: var(--bal-text-size-3xl-tablet);
  --bal-label-size-3xl-desktop: var(--bal-text-size-3xl-desktop);
  --bal-label-size-2xl-mobile: var(--bal-text-size-2xl-mobile);
  --bal-label-size-2xl-tablet: var(--bal-text-size-2xl-tablet);
  --bal-label-size-2xl-desktop: var(--bal-text-size-2xl-desktop);
  --bal-label-size-xl-mobile: var(--bal-text-size-xl-mobile);
  --bal-label-size-xl-tablet: var(--bal-text-size-xl-tablet);
  --bal-label-size-xl-desktop: var(--bal-text-size-xl-desktop);
  --bal-label-size-lg-mobile: var(--bal-text-size-lg-mobile);
  --bal-label-size-lg-tablet: var(--bal-text-size-lg-tablet);
  --bal-label-size-lg-desktop: var(--bal-text-size-lg-tablet);
  --bal-label-size-md-mobile: var(--bal-text-size-md-mobile);
  --bal-label-size-md-tablet: var(--bal-text-size-md-tablet);
  --bal-label-size-md-desktop: var(--bal-text-size-md-desktop);
  --bal-label-size-base-mobile: var(--bal-text-size-base-mobile);
  --bal-label-size-base-tablet: var(--bal-text-size-base-tablet);
  --bal-label-size-base-desktop: var(--bal-text-size-base-tablet);
  --bal-label-size-sm-mobile: var(--bal-text-size-sm-mobile);
  --bal-label-size-sm-tablet: var(--bal-text-size-sm-tablet);
  --bal-label-size-sm-desktop: var(--bal-space-sm-desktop);
  --bal-divider-radius: var(--bal-radius-rounded);
  --bal-divider-width: var(--bal-border-width-base);
  --bal-divider-color-base: var(--bal-border-color-grey);
  --bal-divider-color-primary-light: var(--bal-border-color-primary-light);
  --bal-divider-color-primary: var(--bal-border-color-primary);
  --bal-divider-color-light-blue: var(--bal-border-color-primary-hover);
  --bal-divider-color-primary-dark: var(--bal-border-color-primary-active);
  --bal-divider-color-grey-light: var(--bal-border-color-grey-light);
  --bal-divider-color-grey: var(--bal-border-color-grey);
  --bal-divider-color-grey-dark: var(--bal-border-color-grey-dark);
  --bal-divider-color-warning: var(--bal-border-color-warning);
  --bal-divider-color-success: var(--bal-border-color-success);
  --bal-divider-color-danger: var(--bal-border-color-danger);
  --bal-divider-color-danger-dark: var(--bal-border-color-danger-hover);
  --bal-divider-color-danger-darker: var(--bal-border-color-danger-active);
  --bal-divider-color-white: var(--bal-border-color-white);
  --bal-card-radius-base: var(--bal-radius-lg);
  --bal-card-radius-square: var(--bal-radius-base);
  --bal-card-shadow-flat: var(--bal-shadow-box-none);
  --bal-card-shadow-base: var(--bal-shadow-box-base);
  --bal-card-shadow-hover: var(--bal-shadow-box-elevated);
  --bal-card-color-base-background: var(--bal-background-color-white);
  --bal-card-color-base-outline: var(--bal-border-color-grey);
  --bal-card-color-white-background: var(--bal-background-color-white);
  --bal-card-color-white-outline: var(--bal-border-color-grey);
  --bal-card-color-primary-text: var(--bal-text-color-white);
  --bal-card-color-primary-background: var(--bal-background-color-primary);
  --bal-card-color-info-background: var(--bal-background-color-info);
  --bal-card-color-success-background: var(--bal-background-color-success);
  --bal-card-color-warning-background: var(--bal-background-color-warning);
  --bal-card-color-danger-background: var(--bal-background-color-danger);
  --bal-card-color-grey-light-background: var(--bal-background-color-grey-light);
  --bal-card-color-grey-light-outline: var(--bal-border-color-grey-dark);
  --bal-card-color-grey-background: var(--bal-background-color-grey);
  --bal-card-color-grey-outline: var(--bal-border-color-grey-dark);
  --bal-card-color-red-lighter-background: var(--bal-background-color-red-lighter);
  --bal-card-color-red-lighter-outline: var(--bal-background-color-red);
  --bal-card-color-red-light-background: var(--bal-background-color-red-light);
  --bal-card-color-red-light-outline: var(--bal-background-color-red);
  --bal-card-color-red-background: var(--bal-background-color-red);
  --bal-card-color-red-outline: var(--bal-background-color-red);
  --bal-card-color-purple-lighter-background: var(--bal-background-color-purple-lighter);
  --bal-card-color-purple-lighter-outline: var(--bal-background-color-purple);
  --bal-card-color-purple-light-background: var(--bal-background-color-purple-light);
  --bal-card-color-purple-light-outline: var(--bal-background-color-purple);
  --bal-card-color-purple-background: var(--bal-background-color-purple);
  --bal-card-color-purple-outline: var(--bal-background-color-purple);
  --bal-card-color-green-lighter-background: var(--bal-background-color-green-lighter);
  --bal-card-color-green-lighter-outline: var(--bal-background-color-green);
  --bal-card-color-green-light-background: var(--bal-background-color-green-light);
  --bal-card-color-green-light-outline: var(--bal-background-color-green);
  --bal-card-color-green-background: var(--bal-background-color-green);
  --bal-card-color-green-outline: var(--bal-background-color-green);
  --bal-card-color-yellow-lighter-background: var(--bal-background-color-yellow-lighter);
  --bal-card-color-yellow-lighter-outline: var(--bal-background-color-yellow);
  --bal-card-color-yellow-light-background: var(--bal-background-color-yellow-light);
  --bal-card-color-yellow-light-outline: var(--bal-background-color-yellow);
  --bal-card-color-yellow-background: var(--bal-background-color-yellow);
  --bal-card-color-yellow-outline: var(--bal-background-color-yellow);
  --bal-card-space-sm-mobile: var(--bal-space-base-mobile);
  --bal-card-space-sm-tablet: var(--bal-space-base-mobile);
  --bal-card-space-sm-desktop: var(--bal-space-base-mobile);
  --bal-card-space-base-mobile: var(--bal-space-base-mobile);
  --bal-card-space-base-tablet: var(--bal-space-lg-mobile);
  --bal-card-space-base-desktop: var(--bal-space-lg-mobile);
  --bal-card-space-md-mobile: var(--bal-space-base-mobile);
  --bal-card-space-md-tablet: var(--bal-space-lg-mobile);
  --bal-card-space-md-desktop: var(--bal-space-xl-mobile);
  --bal-card-space-lg-mobile: var(--bal-space-base-mobile);
  --bal-card-space-lg-tablet: var(--bal-space-xl-mobile);
  --bal-card-space-lg-desktop: var(--bal-space-2xl-mobile);
  --bal-card-outline-width: var(--bal-border-width-base);
  --bal-button-family: var(--bal-text-family-heading);
  --bal-button-weight: var(--bal-text-weight-bold);
  --bal-button-line-height: var(--bal-text-line-height-heading);
  --bal-button-size-sm: var(--bal-text-size-sm-mobile);
  --bal-button-size-base: var(--bal-text-size-base-mobile);
  --bal-button-size-lg: var(--bal-text-size-lg-mobile);
  --bal-button-radius-base: var(--bal-radius-base);
  --bal-button-radius-rounded: var(--bal-radius-rounded);
  --bal-button-color-primary-base-text: var(--bal-text-color-white);
  --bal-button-color-primary-base-background: var(--bal-background-color-primary);
  --bal-button-color-primary-base-border: var(--bal-border-color-primary);
  --bal-button-color-primary-hover-text: var(--bal-text-color-white);
  --bal-button-color-primary-hover-background: var(--bal-background-color-primary-hover);
  --bal-button-color-primary-hover-border: var(--bal-border-color-primary-hover);
  --bal-button-color-primary-active-text: var(--bal-text-color-white);
  --bal-button-color-primary-active-background: var(--bal-background-color-primary-active);
  --bal-button-color-primary-active-border: var(--bal-border-color-primary-active);
  --bal-button-color-secondary-base-text: var(--bal-background-color-primary);
  --bal-button-color-secondary-base-background: var(--bal-background-color-transparent);
  --bal-button-color-secondary-base-border: var(--bal-border-color-primary);
  --bal-button-color-secondary-hover-text: var(--bal-text-color-primary-hover);
  --bal-button-color-secondary-hover-background: var(--bal-background-color-sky-light);
  --bal-button-color-secondary-hover-border: var(--bal-border-color-primary-hover);
  --bal-button-color-secondary-active-text: var(--bal-text-color-primary-active);
  --bal-button-color-secondary-active-background: var(--bal-background-color-sky-light);
  --bal-button-color-secondary-active-border: var(--bal-border-color-primary-active);
  --bal-button-color-tertiary-base-text: var(--bal-background-color-primary);
  --bal-button-color-tertiary-base-background: var(--bal-background-color-transparent);
  --bal-button-color-tertiary-base-border: var(--bal-background-color-transparent);
  --bal-button-color-tertiary-hover-text: var(--bal-text-color-primary-hover);
  --bal-button-color-tertiary-hover-background: var(--bal-background-color-sky-light);
  --bal-button-color-tertiary-hover-border: var(--bal-background-color-sky-light);
  --bal-button-color-tertiary-active-text: var(--bal-text-color-primary-active);
  --bal-button-color-tertiary-active-background: var(--bal-background-color-sky-light);
  --bal-button-color-tertiary-active-border: var(--bal-background-color-sky-light);
  --bal-button-color-tertiary-purple-base-text: var(--bal-background-color-primary);
  --bal-button-color-tertiary-purple-base-background: var(--bal-background-color-purple-lighter);
  --bal-button-color-tertiary-purple-base-border: var(--bal-background-color-purple-lighter);
  --bal-button-color-tertiary-purple-hover-text: var(--bal-text-color-primary);
  --bal-button-color-tertiary-purple-hover-background: var(--bal-background-color-purple-lighter);
  --bal-button-color-tertiary-purple-hover-border: var(--bal-border-color-purple-hover);
  --bal-button-color-tertiary-purple-active-text: var(--bal-text-color-primary-active);
  --bal-button-color-tertiary-purple-active-background: var(--bal-background-color-purple-lighter);
  --bal-button-color-tertiary-purple-active-border: var(--bal-border-color-purple-active);
  --bal-button-color-tertiary-green-base-text: var(--bal-background-color-primary);
  --bal-button-color-tertiary-green-base-background: var(--bal-background-color-green-lighter);
  --bal-button-color-tertiary-green-base-border: var(--bal-background-color-green-lighter);
  --bal-button-color-tertiary-green-hover-text: var(--bal-text-color-primary);
  --bal-button-color-tertiary-green-hover-background: var(--bal-background-color-green-lighter);
  --bal-button-color-tertiary-green-hover-border: var(--bal-border-color-green-hover);
  --bal-button-color-tertiary-green-active-text: var(--bal-text-color-primary-active);
  --bal-button-color-tertiary-green-active-background: var(--bal-background-color-green-lighter);
  --bal-button-color-tertiary-green-active-border: var(--bal-border-color-green-active);
  --bal-button-color-tertiary-red-base-text: var(--bal-background-color-primary);
  --bal-button-color-tertiary-red-base-background: var(--bal-background-color-red-lighter);
  --bal-button-color-tertiary-red-base-border: var(--bal-background-color-red-lighter);
  --bal-button-color-tertiary-red-hover-text: var(--bal-text-color-primary);
  --bal-button-color-tertiary-red-hover-background: var(--bal-background-color-red-lighter);
  --bal-button-color-tertiary-red-hover-border: var(--bal-border-color-red-hover);
  --bal-button-color-tertiary-red-active-text: var(--bal-text-color-primary-active);
  --bal-button-color-tertiary-red-active-background: var(--bal-background-color-red-lighter);
  --bal-button-color-tertiary-red-active-border: var(--bal-border-color-red-active);
  --bal-button-color-tertiary-yellow-base-text: var(--bal-background-color-primary);
  --bal-button-color-tertiary-yellow-base-background: var(--bal-background-color-yellow-lighter);
  --bal-button-color-tertiary-yellow-base-border: var(--bal-background-color-yellow-lighter);
  --bal-button-color-tertiary-yellow-hover-text: var(--bal-text-color-primary);
  --bal-button-color-tertiary-yellow-hover-background: var(--bal-background-color-yellow-lighter);
  --bal-button-color-tertiary-yellow-hover-border: var(--bal-border-color-yellow-hover);
  --bal-button-color-tertiary-yellow-active-text: var(--bal-text-color-primary-active);
  --bal-button-color-tertiary-yellow-active-background: var(--bal-background-color-yellow-lighter);
  --bal-button-color-tertiary-yellow-active-border: var(--bal-border-color-yellow-active);
  --bal-button-color-info-base-text: var(--bal-background-color-primary);
  --bal-button-color-info-base-background: var(--bal-background-color-sky);
  --bal-button-color-info-base-border: var(--bal-background-color-info-darker);
  --bal-button-color-info-hover-text: var(--bal-text-color-white);
  --bal-button-color-info-hover-background: var(--bal-background-color-info-darker);
  --bal-button-color-info-hover-border: var(--bal-background-color-info-darker);
  --bal-button-color-info-active-text: var(--bal-text-color-white);
  --bal-button-color-info-active-background: var(--bal-background-color-info-darkest);
  --bal-button-color-info-active-border: var(--bal-background-color-info-darkest);
  --bal-button-color-success-base-text: var(--bal-background-color-primary);
  --bal-button-color-success-base-background: var(--bal-background-color-success-lighter);
  --bal-button-color-success-base-border: var(--bal-background-color-success-darker);
  --bal-button-color-success-hover-text: var(--bal-text-color-white);
  --bal-button-color-success-hover-background: var(--bal-background-color-success-darker);
  --bal-button-color-success-hover-border: var(--bal-background-color-success-darker);
  --bal-button-color-success-active-text: var(--bal-text-color-white);
  --bal-button-color-success-active-background: var(--bal-background-color-success-darkest);
  --bal-button-color-success-active-border: var(--bal-background-color-success-darkest);
  --bal-button-color-warning-base-text: var(--bal-background-color-primary);
  --bal-button-color-warning-base-background: var(--bal-background-color-warning-lighter);
  --bal-button-color-warning-base-border: var(--bal-background-color-warning-darker);
  --bal-button-color-warning-hover-text: var(--bal-text-color-primary);
  --bal-button-color-warning-hover-background: var(--bal-background-color-warning-darker);
  --bal-button-color-warning-hover-border: var(--bal-background-color-warning-darker);
  --bal-button-color-warning-active-text: var(--bal-text-color-primary);
  --bal-button-color-warning-active-background: var(--bal-background-color-warning-darkest);
  --bal-button-color-warning-active-border: var(--bal-background-color-warning-darkest);
  --bal-button-color-danger-base-text: var(--bal-background-color-primary);
  --bal-button-color-danger-base-background: var(--bal-background-color-danger-lighter);
  --bal-button-color-danger-base-border: var(--bal-background-color-danger-darker);
  --bal-button-color-danger-hover-text: var(--bal-text-color-white);
  --bal-button-color-danger-hover-background: var(--bal-background-color-danger-darker);
  --bal-button-color-danger-hover-border: var(--bal-background-color-danger-darker);
  --bal-button-color-danger-active-text: var(--bal-text-color-white);
  --bal-button-color-danger-active-background: var(--bal-background-color-danger-darkest);
  --bal-button-color-danger-active-border: var(--bal-background-color-danger-darkest);
  --bal-button-color-disabled-base-text: var(--bal-text-color-disabled);
  --bal-button-color-disabled-base-background: var(--bal-background-color-grey);
  --bal-button-color-disabled-base-border: var(--bal-border-color-grey);
  --bal-button-color-disabled-hover-text: var(--bal-text-color-disabled);
  --bal-button-color-disabled-hover-background: var(--bal-background-color-grey);
  --bal-button-color-disabled-hover-border: var(--bal-border-color-grey);
  --bal-button-color-disabled-active-text: var(--bal-text-color-disabled);
  --bal-button-color-disabled-active-background: var(--bal-background-color-grey);
  --bal-button-color-disabled-active-border: var(--bal-border-color-grey);
  --bal-button-color-link-base-text: var(--bal-background-color-primary);
  --bal-button-color-link-base-background: var(--bal-background-color-transparent);
  --bal-button-color-link-base-border: var(--bal-background-color-transparent);
  --bal-button-color-link-hover-text: var(--bal-text-color-primary-hover);
  --bal-button-color-link-hover-background: var(--bal-background-color-transparent);
  --bal-button-color-link-hover-border: var(--bal-background-color-transparent);
  --bal-button-color-link-active-text: var(--bal-text-color-primary-active);
  --bal-button-color-link-active-background: var(--bal-background-color-transparent);
  --bal-button-color-link-active-border: var(--bal-background-color-transparent);
  --bal-button-color-inverted-base-text: var(--bal-background-color-primary);
  --bal-button-color-inverted-base-background: var(--bal-background-color-white);
  --bal-button-color-inverted-base-border: var(--bal-background-color-white);
  --bal-button-color-inverted-hover-text: var(--bal-background-color-primary);
  --bal-button-color-inverted-hover-background: var(--bal-background-color-sky);
  --bal-button-color-inverted-hover-border: var(--bal-background-color-sky);
  --bal-button-color-inverted-active-text: var(--bal-text-color-white);
  --bal-button-color-inverted-active-background: var(--bal-background-color-primary-hover);
  --bal-button-color-inverted-active-border: var(--bal-background-color-primary-hover);
  --bal-button-color-inverted-secondary-base-text: var(--bal-text-color-white);
  --bal-button-color-inverted-secondary-base-background: var(--bal-background-color-transparent);
  --bal-button-color-inverted-secondary-base-border: var(--bal-background-color-white);
  --bal-button-color-inverted-secondary-hover-text: var(--bal-text-color-white);
  --bal-button-color-inverted-secondary-hover-background: var(--bal-background-color-primary-light);
  --bal-button-color-inverted-secondary-hover-border: var(--bal-background-color-sky-dark);
  --bal-button-color-inverted-secondary-active-text: var(--bal-text-color-white);
  --bal-button-color-inverted-secondary-active-background: var(--bal-background-color-primary-light);
  --bal-button-color-inverted-secondary-active-border: var(--bal-background-color-primary-hover);
  --bal-button-color-inverted-tertiary-base-text: var(--bal-background-color-primary);
  --bal-button-color-inverted-tertiary-base-background: var(--bal-background-color-grey-light);
  --bal-button-color-inverted-tertiary-base-border: var(--bal-background-color-grey-light);
  --bal-button-color-inverted-tertiary-hover-text: var(--bal-text-color-primary);
  --bal-button-color-inverted-tertiary-hover-background: var(--bal-background-color-sky-light);
  --bal-button-color-inverted-tertiary-hover-border: var(--bal-background-color-sky-light);
  --bal-button-color-inverted-tertiary-active-text: var(--bal-text-color-primary-active);
  --bal-button-color-inverted-tertiary-active-background: var(--bal-background-color-sky);
  --bal-button-color-inverted-tertiary-active-border: var(--bal-background-color-sky);
  --bal-button-color-inverted-link-base-background: var(--bal-background-color-transparent);
  --bal-button-color-inverted-link-base-border: var(--bal-background-color-transparent);
  --bal-button-color-inverted-link-hover-text: var(--bal-text-color-inverted-primary-hover);
  --bal-button-color-inverted-link-hover-background: var(--bal-background-color-transparent);
  --bal-button-color-inverted-link-hover-border: var(--bal-background-color-transparent);
  --bal-button-color-inverted-link-active-text: var(--bal-text-color-inverted-primary-active);
  --bal-button-color-inverted-link-active-background: var(--bal-background-color-transparent);
  --bal-button-color-inverted-link-active-border: var(--bal-background-color-transparent);
  --bal-button-color-tertiary-purple-dashed-base-text: var(--bal-background-color-primary);
  --bal-button-color-tertiary-purple-dashed-base-background: var(--bal-background-color-purple-lighter);
  --bal-button-color-tertiary-purple-dashed-base-border: var(--bal-background-color-purple);
  --bal-button-color-tertiary-purple-dashed-hover-text: var(--bal-text-color-primary);
  --bal-button-color-tertiary-purple-dashed-hover-background: var(--bal-background-color-purple-lighter);
  --bal-button-color-tertiary-purple-dashed-hover-border: var(--bal-border-color-purple-hover);
  --bal-button-color-tertiary-purple-dashed-active-text: var(--bal-text-color-primary-active);
  --bal-button-color-tertiary-purple-dashed-active-background: var(--bal-background-color-purple-lighter);
  --bal-button-color-tertiary-purple-dashed-active-border: var(--bal-border-color-purple-active);
  --bal-button-color-tertiary-green-dashed-base-text: var(--bal-background-color-primary);
  --bal-button-color-tertiary-green-dashed-base-background: var(--bal-background-color-green-lighter);
  --bal-button-color-tertiary-green-dashed-base-border: var(--bal-background-color-green);
  --bal-button-color-tertiary-green-dashed-hover-text: var(--bal-text-color-primary);
  --bal-button-color-tertiary-green-dashed-hover-background: var(--bal-background-color-green-lighter);
  --bal-button-color-tertiary-green-dashed-hover-border: var(--bal-border-color-green-hover);
  --bal-button-color-tertiary-green-dashed-active-text: var(--bal-text-color-primary-active);
  --bal-button-color-tertiary-green-dashed-active-background: var(--bal-background-color-green-lighter);
  --bal-button-color-tertiary-green-dashed-active-border: var(--bal-border-color-green-active);
  --bal-button-color-tertiary-red-dashed-base-text: var(--bal-background-color-primary);
  --bal-button-color-tertiary-red-dashed-base-background: var(--bal-background-color-red-lighter);
  --bal-button-color-tertiary-red-dashed-base-border: var(--bal-background-color-red);
  --bal-button-color-tertiary-red-dashed-hover-text: var(--bal-text-color-primary);
  --bal-button-color-tertiary-red-dashed-hover-background: var(--bal-background-color-red-lighter);
  --bal-button-color-tertiary-red-dashed-hover-border: var(--bal-border-color-red-hover);
  --bal-button-color-tertiary-red-dashed-active-text: var(--bal-text-color-primary-active);
  --bal-button-color-tertiary-red-dashed-active-background: var(--bal-background-color-red-lighter);
  --bal-button-color-tertiary-red-dashed-active-border: var(--bal-border-color-red-active);
  --bal-button-color-tertiary-yellow-dashed-base-text: var(--bal-background-color-primary);
  --bal-button-color-tertiary-yellow-dashed-base-background: var(--bal-background-color-yellow-lighter);
  --bal-button-color-tertiary-yellow-dashed-base-border: var(--bal-background-color-yellow);
  --bal-button-color-tertiary-yellow-dashed-hover-text: var(--bal-text-color-primary);
  --bal-button-color-tertiary-yellow-dashed-hover-background: var(--bal-background-color-yellow-lighter);
  --bal-button-color-tertiary-yellow-dashed-hover-border: var(--bal-border-color-yellow-hover);
  --bal-button-color-tertiary-yellow-dashed-active-text: var(--bal-text-color-primary-active);
  --bal-button-color-tertiary-yellow-dashed-active-background: var(--bal-background-color-yellow-lighter);
  --bal-button-color-tertiary-yellow-dashed-active-border: var(--bal-border-color-yellow-active);
  --bal-button-color-text-base-text: var(--bal-background-color-primary);
  --bal-button-color-text-base-background: var(--bal-background-color-transparent);
  --bal-button-color-text-base-border: var(--bal-background-color-transparent);
  --bal-button-color-text-hover-text: var(--bal-text-color-primary-hover);
  --bal-button-color-text-hover-background: var(--bal-background-color-transparent);
  --bal-button-color-text-hover-border: var(--bal-background-color-transparent);
  --bal-button-color-text-active-text: var(--bal-text-color-primary-active);
  --bal-button-color-text-active-background: var(--bal-background-color-transparent);
  --bal-button-color-text-active-border: var(--bal-background-color-transparent);
  --bal-notification-radius: var(--bal-radius-lg);
  --bal-notification-color-base-background: var(--bal-background-color-grey-light);
  --bal-notification-color-base-border: var(--bal-background-color-grey-light);
  --bal-notification-color-base-text: var(--bal-text-color-primary);
  --bal-notification-color-info-background: var(--bal-background-color-info-light);
  --bal-notification-color-info-border: var(--bal-background-color-info-light);
  --bal-notification-color-info-text: var(--bal-text-color-primary);
  --bal-notification-color-success-background: var(--bal-background-color-success-light);
  --bal-notification-color-success-border: var(--bal-background-color-success-light);
  --bal-notification-color-success-text: var(--bal-text-color-primary);
  --bal-notification-color-warning-background: var(--bal-background-color-warning-light);
  --bal-notification-color-warning-border: var(--bal-background-color-warning-light);
  --bal-notification-color-warning-text: var(--bal-text-color-primary);
  --bal-notification-color-danger-background: var(--bal-background-color-danger-light);
  --bal-notification-color-danger-border: var(--bal-background-color-danger-light);
  --bal-notification-color-danger-text: var(--bal-text-color-primary);
  --bal-notification-color-outline-base-background: var(--bal-background-color-white);
  --bal-notification-color-outline-base-text: var(--bal-text-color-primary);
  --bal-notification-color-outline-purple-background: var(--bal-background-color-purple-lighter);
  --bal-notification-color-outline-purple-border: var(--bal-border-color-purple);
  --bal-notification-color-outline-purple-text: var(--bal-text-color-primary);
  --bal-notification-color-outline-green-background: var(--bal-background-color-green-lighter);
  --bal-notification-color-outline-green-border: var(--bal-border-color-green);
  --bal-notification-color-outline-green-text: var(--bal-text-color-primary);
  --bal-notification-color-outline-yellow-background: var(--bal-background-color-yellow-lighter);
  --bal-notification-color-outline-yellow-border: var(--bal-border-color-yellow);
  --bal-notification-color-outline-yellow-text: var(--bal-text-color-primary);
  --bal-notification-color-outline-red-background: var(--bal-background-color-red-lighter);
  --bal-notification-color-outline-red-border: var(--bal-border-color-red);
  --bal-notification-color-outline-red-text: var(--bal-text-color-primary);
  --bal-badge-text-family: var(--bal-text-family-heading);
  --bal-badge-text-weight: var(--bal-text-weight-bold);
  --bal-badge-text-size-sm: var(--bal-text-size-none-mobile);
  --bal-badge-text-size-base: var(--bal-text-size-xs-mobile);
  --bal-badge-text-size-lg: var(--bal-text-size-base-mobile);
  --bal-badge-size-sm: var(--bal-space-sm-mobile);
  --bal-badge-size-base: var(--bal-space-lg-mobile);
  --bal-badge-size-lg: var(--bal-space-xl-mobile);
  --bal-badge-color-base-text: var(--bal-text-color-primary);
  --bal-badge-color-base-background: var(--bal-background-color-red);
  --bal-badge-color-info-text: var(--bal-text-color-primary);
  --bal-badge-color-info-background: var(--bal-background-color-purple);
  --bal-badge-color-success-text: var(--bal-text-color-primary);
  --bal-badge-color-success-background: var(--bal-background-color-green);
  --bal-badge-color-warning-text: var(--bal-text-color-primary);
  --bal-badge-color-warning-background: var(--bal-background-color-yellow-light);
  --bal-badge-color-danger-text: var(--bal-text-color-primary);
  --bal-badge-color-danger-background: var(--bal-background-color-red);
  --bal-badge-color-red-text: var(--bal-text-color-primary);
  --bal-badge-color-red-background: var(--bal-background-color-red);
  --bal-badge-color-purple-text: var(--bal-text-color-primary);
  --bal-badge-color-purple-background: var(--bal-background-color-purple);
  --bal-badge-color-green-text: var(--bal-text-color-primary);
  --bal-badge-color-green-background: var(--bal-background-color-green);
  --bal-badge-color-yellow-text: var(--bal-text-color-primary);
  --bal-badge-color-yellow-background: var(--bal-background-color-yellow-light);
  --bal-badge-color-grey-text: var(--bal-text-color-grey-dark);
  --bal-badge-color-grey-background: var(--bal-background-color-grey);
  --bal-link-weight: var(--bal-text-weight-bold);
  --bal-link-border-width: var(--bal-border-width-base);
  --bal-link-color-base: var(--bal-text-color-primary);
  --bal-link-color-base-hover: var(--bal-text-color-primary-hover);
  --bal-link-color-base-active: var(--bal-text-color-primary-active);
  --bal-link-color-inverted-hover: var(--bal-text-color-inverted-primary-hover);
  --bal-link-color-inverted-active: var(--bal-text-color-inverted-primary-active);
  --bal-toast-radius: var(--bal-radius-base);
  --bal-toast-success-background: var(--bal-background-color-success-light);
  --bal-toast-success-border: var(--bal-background-color-success-light);
  --bal-toast-success-text: var(--bal-text-color-primary);
  --bal-toast-info-background: var(--bal-background-color-info-light);
  --bal-toast-info-border: var(--bal-background-color-info-light);
  --bal-toast-info-text: var(--bal-text-color-primary);
  --bal-toast-base-background: var(--bal-background-color-grey-light);
  --bal-toast-base-border: var(--bal-background-color-grey-light);
  --bal-toast-base-text: var(--bal-text-color-primary);
  --bal-toast-warning-background: var(--bal-background-color-warning-light);
  --bal-toast-warning-border: var(--bal-background-color-warning-light);
  --bal-toast-warning-text: var(--bal-text-color-primary);
  --bal-toast-danger-background: var(--bal-background-color-danger-light);
  --bal-toast-danger-border: var(--bal-background-color-danger-light);
  --bal-toast-danger-text: var(--bal-text-color-primary);
  --bal-snackbar-radius: var(--bal-radius-base);
  --bal-snackbar-success-background: var(--bal-background-color-success-light);
  --bal-snackbar-success-border: var(--bal-background-color-success-light);
  --bal-snackbar-success-text: var(--bal-text-color-primary);
  --bal-snackbar-info-background: var(--bal-background-color-info-light);
  --bal-snackbar-info-border: var(--bal-background-color-info-light);
  --bal-snackbar-info-text: var(--bal-text-color-primary);
  --bal-snackbar-base-background: var(--bal-background-color-grey-light);
  --bal-snackbar-base-border: var(--bal-background-color-grey-light);
  --bal-snackbar-base-text: var(--bal-text-color-primary);
  --bal-snackbar-warning-background: var(--bal-background-color-warning-light);
  --bal-snackbar-warning-border: var(--bal-background-color-warning-light);
  --bal-snackbar-warning-text: var(--bal-text-color-primary);
  --bal-snackbar-danger-background: var(--bal-background-color-danger-light);
  --bal-snackbar-danger-border: var(--bal-background-color-danger-light);
  --bal-snackbar-danger-text: var(--bal-text-color-primary);
  --bal-interaction-focus-color-start: var(--bal-interaction-focus-color-border);
  --bal-interaction-focus-color-inverted-start: var(--bal-interaction-focus-color-border);
  --bal-button-color-inverted-link-base-text: var(--bal-text-color-inverted-primary);
  --bal-link-color-inverted: var(--bal-text-color-inverted-primary);
  /* Base tokens */
  --bal-container-space: var(--bal-size-space-16);
  --bal-space-none: var(--bal-size-space-0);
  --bal-space-auto: var(--bal-size-space-auto);
  --bal-space-2xs: var(--bal-size-space-4);
  --bal-space-xs: var(--bal-size-space-8);
  --bal-space-sm: var(--bal-size-space-12);
  --bal-space-base: var(--bal-size-space-16);
  --bal-space-md: var(--bal-size-space-20);
  --bal-space-lg: var(--bal-size-space-24);
  --bal-space-xl: var(--bal-size-space-32);
  --bal-space-2xl: var(--bal-size-space-48);
  --bal-space-3xl: var(--bal-size-space-56);
  --bal-space-4xl: var(--bal-size-space-64);
  --bal-text-size-none: var(--bal-font-size-0);
  --bal-text-size-xs: var(--bal-font-size-12);
  --bal-text-size-sm: var(--bal-font-size-14);
  --bal-text-size-base: var(--bal-font-size-16);
  --bal-text-size-md: var(--bal-font-size-16);
  --bal-text-size-lg: var(--bal-font-size-18);
  --bal-text-size-xl: var(--bal-font-size-20);
  --bal-text-size-2xl: var(--bal-font-size-24);
  --bal-text-size-3xl: var(--bal-font-size-28);
  --bal-text-size-4xl: var(--bal-font-size-32);
  --bal-text-size-5xl: var(--bal-font-size-48);
  --bal-icon-tile-size-base: var(--bal-size-space-32);
  --bal-icon-tile-size-lg: var(--bal-size-space-48);
  --bal-icon-tile-size-xl: var(--bal-size-space-64);
  --bal-heading-1-size: var(--bal-text-size-3xl-mobile);
  --bal-heading-2-size: var(--bal-text-size-2xl-mobile);
  --bal-heading-3-size: var(--bal-text-size-xl-mobile);
  --bal-heading-4-size: var(--bal-text-size-lg-mobile);
  --bal-heading-5-size: var(--bal-text-size-base-mobile);
  --bal-heading-display1-size: var(--bal-text-size-5xl-mobile);
  --bal-heading-display2-size: var(--bal-text-size-4xl-mobile);
  --bal-label-size-3xl: var(--bal-text-size-3xl-mobile);
  --bal-label-size-2xl: var(--bal-text-size-2xl-mobile);
  --bal-label-size-xl: var(--bal-text-size-xl-mobile);
  --bal-label-size-lg: var(--bal-text-size-lg-mobile);
  --bal-label-size-md: var(--bal-text-size-md-mobile);
  --bal-label-size-base: var(--bal-text-size-base-mobile);
  --bal-label-size-sm: var(--bal-text-size-sm-mobile);
  --bal-card-space-sm: var(--bal-space-base-mobile);
  --bal-card-space-base: var(--bal-space-base-mobile);
  --bal-card-space-md: var(--bal-space-base-mobile);
  --bal-card-space-lg: var(--bal-space-base-mobile);
  /* Device tokens */
  --bal-container-space-device: var(--bal-size-space-16);
  --bal-space-none-device: var(--bal-size-space-0);
  --bal-space-auto-device: var(--bal-size-space-auto);
  --bal-space-2xs-device: var(--bal-size-space-4);
  --bal-space-xs-device: var(--bal-size-space-8);
  --bal-space-sm-device: var(--bal-size-space-12);
  --bal-space-base-device: var(--bal-size-space-16);
  --bal-space-md-device: var(--bal-size-space-20);
  --bal-space-lg-device: var(--bal-size-space-24);
  --bal-space-xl-device: var(--bal-size-space-32);
  --bal-space-2xl-device: var(--bal-size-space-48);
  --bal-space-3xl-device: var(--bal-size-space-56);
  --bal-space-4xl-device: var(--bal-size-space-64);
  --bal-text-size-none-device: var(--bal-font-size-0);
  --bal-text-size-xs-device: var(--bal-font-size-12);
  --bal-text-size-sm-device: var(--bal-font-size-14);
  --bal-text-size-base-device: var(--bal-font-size-16);
  --bal-text-size-md-device: var(--bal-font-size-16);
  --bal-text-size-lg-device: var(--bal-font-size-18);
  --bal-text-size-xl-device: var(--bal-font-size-20);
  --bal-text-size-2xl-device: var(--bal-font-size-24);
  --bal-text-size-3xl-device: var(--bal-font-size-28);
  --bal-text-size-4xl-device: var(--bal-font-size-32);
  --bal-text-size-5xl-device: var(--bal-font-size-48);
  --bal-icon-tile-size-base-device: var(--bal-size-space-32);
  --bal-icon-tile-size-lg-device: var(--bal-size-space-48);
  --bal-icon-tile-size-xl-device: var(--bal-size-space-64);
  --bal-heading-1-size-device: var(--bal-text-size-3xl-mobile);
  --bal-heading-2-size-device: var(--bal-text-size-2xl-mobile);
  --bal-heading-3-size-device: var(--bal-text-size-xl-mobile);
  --bal-heading-4-size-device: var(--bal-text-size-lg-mobile);
  --bal-heading-5-size-device: var(--bal-text-size-base-mobile);
  --bal-heading-display1-size-device: var(--bal-text-size-5xl-mobile);
  --bal-heading-display2-size-device: var(--bal-text-size-4xl-mobile);
  --bal-label-size-3xl-device: var(--bal-text-size-3xl-mobile);
  --bal-label-size-2xl-device: var(--bal-text-size-2xl-mobile);
  --bal-label-size-xl-device: var(--bal-text-size-xl-mobile);
  --bal-label-size-lg-device: var(--bal-text-size-lg-mobile);
  --bal-label-size-md-device: var(--bal-text-size-md-mobile);
  --bal-label-size-base-device: var(--bal-text-size-base-mobile);
  --bal-label-size-sm-device: var(--bal-text-size-sm-mobile);
  --bal-card-space-sm-device: var(--bal-space-base-mobile);
  --bal-card-space-base-device: var(--bal-space-base-mobile);
  --bal-card-space-md-device: var(--bal-space-base-mobile);
  --bal-card-space-lg-device: var(--bal-space-base-mobile);
}

/* Device tokens: Tablet */
@media (min-width: 769px) {
  :root {
    --bal-breakpoint-device: var(--bal-size-breakpoint-1);
    --bal-container-space-device: var(--bal-size-space-40);
    --bal-space-none-device: var(--bal-size-space-0);
    --bal-space-auto-device: var(--bal-size-space-auto);
    --bal-space-2xs-device: var(--bal-size-space-4);
    --bal-space-xs-device: var(--bal-size-space-8);
    --bal-space-sm-device: var(--bal-size-space-12);
    --bal-space-base-device: var(--bal-size-space-16);
    --bal-space-md-device: var(--bal-size-space-20);
    --bal-space-lg-device: var(--bal-size-space-24);
    --bal-space-xl-device: var(--bal-size-space-40);
    --bal-space-2xl-device: var(--bal-size-space-56);
    --bal-space-3xl-device: var(--bal-size-space-72);
    --bal-space-4xl-device: var(--bal-size-space-96);
    --bal-text-size-none-device: var(--bal-font-size-0);
    --bal-text-size-xs-device: var(--bal-font-size-12);
    --bal-text-size-sm-device: var(--bal-font-size-14);
    --bal-text-size-base-device: var(--bal-font-size-16);
    --bal-text-size-md-device: var(--bal-font-size-18);
    --bal-text-size-lg-device: var(--bal-font-size-18);
    --bal-text-size-xl-device: var(--bal-font-size-24);
    --bal-text-size-2xl-device: var(--bal-font-size-32);
    --bal-text-size-3xl-device: var(--bal-font-size-40);
    --bal-text-size-4xl-device: var(--bal-font-size-48);
    --bal-text-size-5xl-device: var(--bal-font-size-80);
    --bal-icon-tile-size-base-device: var(--bal-size-space-48);
    --bal-icon-tile-size-lg-device: var(--bal-size-space-64);
    --bal-icon-tile-size-xl-device: var(--bal-size-space-96);
    --bal-heading-1-size-device: var(--bal-text-size-3xl-tablet);
    --bal-heading-2-size-device: var(--bal-text-size-2xl-tablet);
    --bal-heading-3-size-device: var(--bal-text-size-xl-tablet);
    --bal-heading-4-size-device: var(--bal-text-size-lg-tablet);
    --bal-heading-5-size-device: var(--bal-text-size-base-tablet);
    --bal-heading-display1-size-device: var(--bal-text-size-5xl-tablet);
    --bal-heading-display2-size-device: var(--bal-text-size-4xl-tablet);
    --bal-label-size-3xl-device: var(--bal-text-size-3xl-tablet);
    --bal-label-size-2xl-device: var(--bal-text-size-2xl-tablet);
    --bal-label-size-xl-device: var(--bal-text-size-xl-tablet);
    --bal-label-size-lg-device: var(--bal-text-size-lg-tablet);
    --bal-label-size-md-device: var(--bal-text-size-md-tablet);
    --bal-label-size-base-device: var(--bal-text-size-base-tablet);
    --bal-label-size-sm-device: var(--bal-text-size-sm-tablet);
    --bal-card-space-sm-device: var(--bal-space-base-mobile);
    --bal-card-space-base-device: var(--bal-space-lg-mobile);
    --bal-card-space-md-device: var(--bal-space-lg-mobile);
    --bal-card-space-lg-device: var(--bal-space-xl-mobile);
  }
}
/* Device tokens: Desktop */
@media (min-width: 1024px) {
  :root {
    --bal-breakpoint-device: var(--bal-size-breakpoint-2);
    --bal-container-space-device: var(--bal-size-space-48);
    --bal-space-none-device: var(--bal-size-space-0);
    --bal-space-auto-device: var(--bal-size-space-auto);
    --bal-space-2xs-device: var(--bal-size-space-4);
    --bal-space-xs-device: var(--bal-size-space-8);
    --bal-space-sm-device: var(--bal-size-space-12);
    --bal-space-base-device: var(--bal-size-space-16);
    --bal-space-md-device: var(--bal-size-space-24);
    --bal-space-lg-device: var(--bal-size-space-32);
    --bal-space-xl-device: var(--bal-size-space-48);
    --bal-space-2xl-device: var(--bal-size-space-64);
    --bal-space-3xl-device: var(--bal-size-space-96);
    --bal-space-4xl-device: var(--bal-size-space-128);
    --bal-text-size-none-device: var(--bal-font-size-0);
    --bal-text-size-xs-device: var(--bal-font-size-12);
    --bal-text-size-sm-device: var(--bal-font-size-14);
    --bal-text-size-base-device: var(--bal-font-size-16);
    --bal-text-size-md-device: var(--bal-font-size-18);
    --bal-text-size-lg-device: var(--bal-font-size-18);
    --bal-text-size-xl-device: var(--bal-font-size-24);
    --bal-text-size-2xl-device: var(--bal-font-size-32);
    --bal-text-size-3xl-device: var(--bal-font-size-40);
    --bal-text-size-4xl-device: var(--bal-font-size-48);
    --bal-text-size-5xl-device: var(--bal-font-size-80);
    --bal-heading-1-size-device: var(--bal-text-size-3xl-desktop);
    --bal-heading-2-size-device: var(--bal-text-size-2xl-desktop);
    --bal-heading-3-size-device: var(--bal-text-size-xl-desktop);
    --bal-heading-4-size-device: var(--bal-text-size-lg-desktop);
    --bal-heading-5-size-device: var(--bal-text-size-base-desktop);
    --bal-heading-display1-size-device: var(--bal-text-size-5xl-desktop);
    --bal-heading-display2-size-device: var(--bal-text-size-4xl-desktop);
    --bal-label-size-3xl-device: var(--bal-text-size-3xl-desktop);
    --bal-label-size-2xl-device: var(--bal-text-size-2xl-desktop);
    --bal-label-size-xl-device: var(--bal-text-size-xl-desktop);
    --bal-label-size-lg-device: var(--bal-text-size-lg-tablet);
    --bal-label-size-md-device: var(--bal-text-size-md-desktop);
    --bal-label-size-base-device: var(--bal-text-size-base-tablet);
    --bal-label-size-sm-device: var(--bal-space-sm-desktop);
    --bal-card-space-sm-device: var(--bal-space-base-mobile);
    --bal-card-space-base-device: var(--bal-space-lg-mobile);
    --bal-card-space-md-device: var(--bal-space-xl-mobile);
    --bal-card-space-lg-device: var(--bal-space-2xl-mobile);
  }
}
:root {
  --bal-column-gap: 1rem;
}
/*# sourceMappingURL=tokens.css.map */