{"version":3,"sourceRoot":"","sources":["file:///vercel/path0/node_modules/@baloise/ds-tokens/dist/css/base.tokens.css","file:///vercel/path0/packages/styles/sass/tokens.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAEA;EACA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AAIF;AAEA;EACA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AC7pCF;EACE","sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n  --bal-color-white: #FFFFFF;\n  --bal-color-black: #000000;\n  --bal-color-neutral: rgba(255, 255, 255, 0);\n  --bal-color-danger-1: #FCE8E6;\n  --bal-color-danger-2: #F7A299;\n  --bal-color-danger-3: #F05D4D;\n  --bal-color-danger-4: #EA1800;\n  --bal-color-danger-5: #CB1501;\n  --bal-color-danger-6: #A01100;\n  --bal-color-warning-1: #FFF9E8;\n  --bal-color-warning-2: #FFE5A3;\n  --bal-color-warning-3: #FFD25E;\n  --bal-color-warning-4: #FFBE19;\n  --bal-color-warning-5: #F99319;\n  --bal-color-warning-6: #C97612;\n  --bal-color-success-1: #E8F3EC;\n  --bal-color-success-2: #A1CFB3;\n  --bal-color-success-3: #5BAB7A;\n  --bal-color-success-4: #168741;\n  --bal-color-success-5: #116B34;\n  --bal-color-success-6: #0B5227;\n  --bal-color-info-1: #E8F1FB;\n  --bal-color-info-2: #A4C9ED;\n  --bal-color-info-3: #60A0E0;\n  --bal-color-info-4: #1C77D2;\n  --bal-color-info-5: #155BA3;\n  --bal-color-info-6: #0E457B;\n  --bal-color-sky-1: #E5F1FE;\n  --bal-color-sky-2: #A7D1FA;\n  --bal-color-sky-3: #56A7F5;\n  --bal-color-sky-4: #6672CC;\n  --bal-color-sky-5: #0014AA;\n  --bal-color-sky-6: #000A55;\n  --bal-color-grey-1: #FAFAFA;\n  --bal-color-grey-2: #F6F6F6;\n  --bal-color-grey-3: #E8E8E8;\n  --bal-color-grey-4: #B6B6B6;\n  --bal-color-grey-5: #747474;\n  --bal-color-grey-6: #313131;\n  --bal-color-yellow-1: #FFF9E8;\n  --bal-color-yellow-2: #FFECBC;\n  --bal-color-yellow-3: #FAE052;\n  --bal-color-yellow-4: #FFBE19;\n  --bal-color-yellow-5: #FA9319;\n  --bal-color-yellow-6: #B24A00;\n  --bal-color-red-1: #FFEEF1;\n  --bal-color-red-2: #FFD7D7;\n  --bal-color-red-3: #FFACA6;\n  --bal-color-red-4: #FF596F;\n  --bal-color-red-5: #D9304C;\n  --bal-color-red-6: #99172D;\n  --bal-color-green-1: #E9FBF7;\n  --bal-color-green-2: #CBF2EC;\n  --bal-color-green-3: #94E3D4;\n  --bal-color-green-4: #21D9AC;\n  --bal-color-green-5: #00B28F;\n  --bal-color-green-6: #1B5951;\n  --bal-color-purple-1: #F9F3FF;\n  --bal-color-purple-2: #E1D9FF;\n  --bal-color-purple-3: #B8B2FF;\n  --bal-color-purple-4: #BE82FA;\n  --bal-color-purple-5: #9F52CC;\n  --bal-color-purple-6: #6C2273;\n  --bal-color-primary-1: #E5E7F0;\n  --bal-color-primary-2: #B3B6D4;\n  --bal-color-primary-3: #656EA8;\n  --bal-color-primary-4: #293485;\n  --bal-color-primary-5: #000D6E;\n  --bal-color-primary-6: #000739;\n  --bal-elevation-shadow-0: none;\n  --bal-elevation-shadow-1: 0 2px 5px 1px rgba(0, 7, 57, 0.12);\n  --bal-elevation-shadow-2: 0 4px 4px 0 rgba(0, 7, 57, 0.15);\n  --bal-elevation-shadow-3: 0 0 10px 0 rgba(0, 7, 57, 0.15);\n  --bal-elevation-shadow-4: 0 0 30px 0 rgba(0, 7, 57, 0.15);\n  --bal-elevation-opacity-0: 0;\n  --bal-elevation-opacity-30: 0.3;\n  --bal-elevation-opacity-40: 0.4;\n  --bal-elevation-opacity-50: 0.5;\n  --bal-elevation-opacity-60: 0.6;\n  --bal-elevation-opacity-80: 0.8;\n  --bal-elevation-opacity-100: 1;\n  --bal-elevation-z-index-100: 6.25rem;\n  --bal-elevation-z-index-200: 12.5rem;\n  --bal-elevation-z-index-300: 18.75rem;\n  --bal-elevation-z-index-400: 25rem;\n  --bal-elevation-z-index-1000: 62.5rem;\n  --bal-elevation-z-index-1100: 68.75rem;\n  --bal-elevation-z-index-1200: 75rem;\n  --bal-elevation-z-index-1300: 81.25rem;\n  --bal-elevation-z-index-behind-all: -62499.9375rem;\n  --bal-font-shadow-0: none;\n  --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);\n  --bal-font-size-0: 0rem;\n  --bal-font-size-12: 0.75rem;\n  --bal-font-size-14: 0.875rem;\n  --bal-font-size-16: 1rem;\n  --bal-font-size-18: 1.125rem;\n  --bal-font-size-20: 1.25rem;\n  --bal-font-size-24: 1.5rem;\n  --bal-font-size-28: 1.75rem;\n  --bal-font-size-32: 2rem;\n  --bal-font-size-40: 2.5rem;\n  --bal-font-size-48: 3rem;\n  --bal-font-size-80: 5rem;\n  --bal-font-size-176: 11rem;\n  --bal-font-family-heading: \"BaloiseCreateHeadline\", \"Arial\", \"sans-serif\";\n  --bal-font-family-body: \"BaloiseCreateText\", \"Arial\", \"sans-serif\";\n  --bal-font-weight-300: 300;\n  --bal-font-weight-400: 400;\n  --bal-font-weight-700: 700;\n  --bal-font-line-height-1: 1;\n  --bal-font-line-height-2: 1.3;\n  --bal-font-line-height-3: 1.5;\n  --bal-font-line-height-4: 2;\n  --bal-size-border-0: 0rem;\n  --bal-size-border-1: 0.0625rem;\n  --bal-size-border-2: 0.125rem;\n  --bal-size-border-3: 0.25rem;\n  --bal-size-radius-0: 0rem;\n  --bal-size-radius-1: 0.25rem;\n  --bal-size-radius-2: 0.75rem;\n  --bal-size-radius-3: 9999px;\n  --bal-size-breakpoint-1: 769px;\n  --bal-size-breakpoint-2: 1024px;\n  --bal-size-breakpoint-3: 1280px;\n  --bal-size-breakpoint-4: 1440px;\n  --bal-size-breakpoint-5: 1920px;\n  --bal-size-container-1: 320px;\n  --bal-size-container-2: 480px;\n  --bal-size-container-3: 640px;\n  --bal-size-container-4: 896px;\n  --bal-size-container-5: 1496px;\n  --bal-size-container-full: 100%;\n  --bal-size-space-0: 0rem;\n  --bal-size-space-1: 0.0625rem;\n  --bal-size-space-2: 0.125rem;\n  --bal-size-space-4: 0.25rem;\n  --bal-size-space-8: 0.5rem;\n  --bal-size-space-12: 0.75rem;\n  --bal-size-space-14: 0.875rem;\n  --bal-size-space-16: 1rem;\n  --bal-size-space-20: 1.25rem;\n  --bal-size-space-24: 1.5rem;\n  --bal-size-space-32: 2rem;\n  --bal-size-space-40: 2.5rem;\n  --bal-size-space-48: 3rem;\n  --bal-size-space-56: 3.5rem;\n  --bal-size-space-64: 4rem;\n  --bal-size-space-72: 4.5rem;\n  --bal-size-space-96: 6rem;\n  --bal-size-space-128: 8rem;\n  --bal-size-space-auto: auto;\n  --bal-interaction-focus-size-inner: 2;\n  --bal-interaction-focus-size-outer: 5;\n  --bal-interaction-focus-size-inner-inset: 3;\n  --bal-interaction-focus-size-outer-inset: 5;\n  --bal-heading-color-base: inherit;\n  --bal-close-color-background-hover: rgba(0, 7, 57, 0.10000000149011612);\n  --bal-close-color-background-active: rgba(0, 7, 57, 0.30000001192092896);\n  --bal-close-color-background-inverted-hover: rgba(255, 255, 255, 0.30000001192092896);\n  --bal-close-color-background-inverted-active: rgba(255, 255, 255, 0.5);\n  --bal-card-color-base-text: inherit;\n  --bal-card-color-white-text: inherit;\n  --bal-card-color-info-text: inherit;\n  --bal-card-color-success-text: inherit;\n  --bal-card-color-warning-text: inherit;\n  --bal-card-color-danger-text: inherit;\n  --bal-card-color-grey-light-text: inherit;\n  --bal-card-color-grey-text: inherit;\n  --bal-card-color-red-lighter-text: inherit;\n  --bal-card-color-red-light-text: inherit;\n  --bal-card-color-red-text: inherit;\n  --bal-card-color-purple-lighter-text: inherit;\n  --bal-card-color-purple-light-text: inherit;\n  --bal-card-color-purple-text: inherit;\n  --bal-card-color-green-lighter-text: inherit;\n  --bal-card-color-green-light-text: inherit;\n  --bal-card-color-green-text: inherit;\n  --bal-card-color-yellow-lighter-text: inherit;\n  --bal-card-color-yellow-light-text: inherit;\n  --bal-card-color-yellow-text: inherit;\n  --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>');\n  --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>');\n  --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>');\n  --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>');\n  --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>');\n  --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>');\n  --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>');\n  --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>');\n  --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>');\n  --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>');\n  --bal-link-family: inherit;\n  --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>');\n  --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>');\n  --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>');\n  --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>');\n  --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>');\n  --bal-background-color-white: var(--bal-color-white);\n  --bal-background-color-transparent: var(--bal-color-neutral);\n  --bal-background-color-sky-light: var(--bal-color-sky-1);\n  --bal-background-color-sky: var(--bal-color-sky-2);\n  --bal-background-color-sky-dark: var(--bal-color-sky-3);\n  --bal-background-color-disabled: var(--bal-color-grey-3);\n  --bal-background-color-info: var(--bal-color-info-3);\n  --bal-background-color-info-light: var(--bal-color-info-2);\n  --bal-background-color-info-dark: var(--bal-color-info-4);\n  --bal-background-color-info-darker: var(--bal-color-info-5);\n  --bal-background-color-info-darkest: var(--bal-color-info-6);\n  --bal-background-color-success: var(--bal-color-success-3);\n  --bal-background-color-success-lighter: var(--bal-color-success-1);\n  --bal-background-color-success-light: var(--bal-color-success-2);\n  --bal-background-color-success-dark: var(--bal-color-success-4);\n  --bal-background-color-success-darker: var(--bal-color-success-5);\n  --bal-background-color-success-darkest: var(--bal-color-success-6);\n  --bal-background-color-warning-lighter: var(--bal-color-warning-1);\n  --bal-background-color-warning-light: var(--bal-color-warning-2);\n  --bal-background-color-warning: var(--bal-color-warning-3);\n  --bal-background-color-warning-dark: var(--bal-color-warning-4);\n  --bal-background-color-warning-darker: var(--bal-color-warning-5);\n  --bal-background-color-warning-darkest: var(--bal-color-warning-6);\n  --bal-background-color-danger-lighter: var(--bal-color-danger-1);\n  --bal-background-color-danger-light: var(--bal-color-danger-2);\n  --bal-background-color-danger: var(--bal-color-danger-3);\n  --bal-background-color-danger-dark: var(--bal-color-danger-4);\n  --bal-background-color-danger-darker: var(--bal-color-danger-5);\n  --bal-background-color-danger-darkest: var(--bal-color-danger-6);\n  --bal-background-color-green-light-2: var(--bal-color-green-1);\n  --bal-background-color-grey-light: var(--bal-color-grey-2);\n  --bal-background-color-grey: var(--bal-color-grey-3);\n  --bal-background-color-grey-dark: var(--bal-color-grey-4);\n  --bal-background-color-primary-light: var(--bal-color-primary-3);\n  --bal-background-color-primary: var(--bal-color-primary-5);\n  --bal-background-color-primary-hover: var(--bal-color-sky-5);\n  --bal-background-color-primary-active: var(--bal-color-primary-6);\n  --bal-background-color-green-lighter: var(--bal-color-green-1);\n  --bal-background-color-green-light: var(--bal-color-green-2);\n  --bal-background-color-green: var(--bal-color-green-3);\n  --bal-background-color-purple-lighter: var(--bal-color-purple-1);\n  --bal-background-color-purple-light: var(--bal-color-purple-2);\n  --bal-background-color-purple: var(--bal-color-purple-3);\n  --bal-background-color-red-lighter: var(--bal-color-red-1);\n  --bal-background-color-red-light: var(--bal-color-red-2);\n  --bal-background-color-red: var(--bal-color-red-3);\n  --bal-background-color-yellow-lighter: var(--bal-color-yellow-1);\n  --bal-background-color-yellow-light: var(--bal-color-yellow-2);\n  --bal-background-color-yellow: var(--bal-color-yellow-3);\n  --bal-border-color-white: var(--bal-color-white);\n  --bal-border-color-base: var(--bal-color-grey-3);\n  --bal-border-color-inverted: var(--bal-color-white);\n  --bal-border-color-disabled: var(--bal-color-grey-4);\n  --bal-border-color-disabled-inverted: var(--bal-color-primary-3);\n  --bal-border-color-grey-light: var(--bal-color-grey-3);\n  --bal-border-color-grey: var(--bal-color-grey-3);\n  --bal-border-color-grey-dark: var(--bal-color-grey-4);\n  --bal-border-color-primary-light: var(--bal-color-primary-3);\n  --bal-border-color-primary: var(--bal-color-primary-5);\n  --bal-border-color-primary-hover: var(--bal-color-sky-5);\n  --bal-border-color-primary-active: var(--bal-color-primary-6);\n  --bal-border-color-inverted-primary: var(--bal-color-primary-4);\n  --bal-border-color-inverted-primary-hover: var(--bal-color-sky-2);\n  --bal-border-color-inverted-primary-active: var(--bal-color-sky-4);\n  --bal-border-color-info: var(--bal-color-info-4);\n  --bal-border-color-info-hover: var(--bal-color-info-5);\n  --bal-border-color-info-active: var(--bal-color-info-6);\n  --bal-border-color-success: var(--bal-color-success-4);\n  --bal-border-color-success-hover: var(--bal-color-success-5);\n  --bal-border-color-success-active: var(--bal-color-success-6);\n  --bal-border-color-warning: var(--bal-color-warning-4);\n  --bal-border-color-warning-hover: var(--bal-color-warning-5);\n  --bal-border-color-warning-active: var(--bal-color-warning-6);\n  --bal-border-color-danger: var(--bal-color-danger-4);\n  --bal-border-color-danger-hover: var(--bal-color-danger-5);\n  --bal-border-color-danger-active: var(--bal-color-danger-6);\n  --bal-border-color-green: var(--bal-color-green-4);\n  --bal-border-color-green-hover: var(--bal-color-green-5);\n  --bal-border-color-green-active: var(--bal-color-green-6);\n  --bal-border-color-purple: var(--bal-color-purple-4);\n  --bal-border-color-purple-hover: var(--bal-color-purple-5);\n  --bal-border-color-purple-active: var(--bal-color-purple-6);\n  --bal-border-color-red: var(--bal-color-red-4);\n  --bal-border-color-red-hover: var(--bal-color-red-5);\n  --bal-border-color-red-active: var(--bal-color-red-6);\n  --bal-border-color-yellow: var(--bal-color-yellow-4);\n  --bal-border-color-yellow-hover: var(--bal-color-yellow-5);\n  --bal-border-color-yellow-active: var(--bal-color-yellow-6);\n  --bal-border-width-none: var(--bal-size-border-0);\n  --bal-border-width-base: var(--bal-size-border-2);\n  --bal-border-width-md: var(--bal-size-border-3);\n  --bal-breakpoint-tablet: var(--bal-size-breakpoint-1);\n  --bal-breakpoint-desktop: var(--bal-size-breakpoint-2);\n  --bal-breakpoint-desktop-lg: var(--bal-size-breakpoint-3); /** HighDefinition */\n  --bal-breakpoint-desktop-xl: var(--bal-size-breakpoint-4); /** Widescreen */\n  --bal-breakpoint-desktop-2xl: var(--bal-size-breakpoint-5); /** FullHD */\n  --bal-container-width-modal: var(--bal-size-container-3);\n  --bal-container-width-compact: var(--bal-size-container-4);\n  --bal-container-width-base: var(--bal-size-container-5);\n  --bal-container-width-fluid: var(--bal-size-container-full);\n  --bal-container-space-mobile: var(--bal-size-space-16);\n  --bal-container-space-tablet: var(--bal-size-space-40);\n  --bal-container-space-desktop: var(--bal-size-space-48);\n  --bal-interaction-focus-color-base: var(--bal-color-purple-6);\n  --bal-interaction-focus-color-inverted: var(--bal-color-yellow-3);\n  --bal-opacity-hidden: var(--bal-elevation-opacity-0);\n  --bal-opacity-half: var(--bal-elevation-opacity-50);\n  --bal-opacity-disabled: var(--bal-elevation-opacity-60);\n  --bal-opacity-backdrop: var(--bal-elevation-opacity-80);\n  --bal-opacity-full: var(--bal-elevation-opacity-100);\n  --bal-radius-none: var(--bal-size-radius-0);\n  --bal-radius-base: var(--bal-size-radius-1);\n  --bal-radius-lg: var(--bal-size-radius-2);\n  --bal-radius-rounded: var(--bal-size-radius-3);\n  --bal-space-none-mobile: var(--bal-size-space-0);\n  --bal-space-none-tablet: var(--bal-size-space-0);\n  --bal-space-none-desktop: var(--bal-size-space-0);\n  --bal-space-auto-mobile: var(--bal-size-space-auto);\n  --bal-space-auto-tablet: var(--bal-size-space-auto);\n  --bal-space-auto-desktop: var(--bal-size-space-auto);\n  --bal-space-2xs-mobile: var(--bal-size-space-4);\n  --bal-space-2xs-tablet: var(--bal-size-space-4);\n  --bal-space-2xs-desktop: var(--bal-size-space-4);\n  --bal-space-xs-mobile: var(--bal-size-space-8);\n  --bal-space-xs-tablet: var(--bal-size-space-8);\n  --bal-space-xs-desktop: var(--bal-size-space-8);\n  --bal-space-sm-mobile: var(--bal-size-space-12);\n  --bal-space-sm-tablet: var(--bal-size-space-12);\n  --bal-space-sm-desktop: var(--bal-size-space-12);\n  --bal-space-base-mobile: var(--bal-size-space-16);\n  --bal-space-base-tablet: var(--bal-size-space-16);\n  --bal-space-base-desktop: var(--bal-size-space-16);\n  --bal-space-md-mobile: var(--bal-size-space-20);\n  --bal-space-md-tablet: var(--bal-size-space-20);\n  --bal-space-md-desktop: var(--bal-size-space-24);\n  --bal-space-lg-mobile: var(--bal-size-space-24);\n  --bal-space-lg-tablet: var(--bal-size-space-24);\n  --bal-space-lg-desktop: var(--bal-size-space-32);\n  --bal-space-xl-mobile: var(--bal-size-space-32);\n  --bal-space-xl-tablet: var(--bal-size-space-40);\n  --bal-space-xl-desktop: var(--bal-size-space-48);\n  --bal-space-2xl-mobile: var(--bal-size-space-48);\n  --bal-space-2xl-tablet: var(--bal-size-space-56);\n  --bal-space-2xl-desktop: var(--bal-size-space-64);\n  --bal-space-3xl-mobile: var(--bal-size-space-56);\n  --bal-space-3xl-tablet: var(--bal-size-space-72);\n  --bal-space-3xl-desktop: var(--bal-size-space-96);\n  --bal-space-4xl-mobile: var(--bal-size-space-64);\n  --bal-space-4xl-tablet: var(--bal-size-space-96);\n  --bal-space-4xl-desktop: var(--bal-size-space-128);\n  --bal-text-shadow: var(--bal-font-shadow-1);\n  --bal-text-size-none-mobile: var(--bal-font-size-0);\n  --bal-text-size-none-tablet: var(--bal-font-size-0);\n  --bal-text-size-none-desktop: var(--bal-font-size-0);\n  --bal-text-size-xs-mobile: var(--bal-font-size-12);\n  --bal-text-size-xs-tablet: var(--bal-font-size-12);\n  --bal-text-size-xs-desktop: var(--bal-font-size-12);\n  --bal-text-size-sm-mobile: var(--bal-font-size-14);\n  --bal-text-size-sm-tablet: var(--bal-font-size-14);\n  --bal-text-size-sm-desktop: var(--bal-font-size-14);\n  --bal-text-size-base-mobile: var(--bal-font-size-16);\n  --bal-text-size-base-tablet: var(--bal-font-size-16);\n  --bal-text-size-base-desktop: var(--bal-font-size-16);\n  --bal-text-size-md-mobile: var(--bal-font-size-16);\n  --bal-text-size-md-tablet: var(--bal-font-size-18);\n  --bal-text-size-md-desktop: var(--bal-font-size-18);\n  --bal-text-size-lg-mobile: var(--bal-font-size-18);\n  --bal-text-size-lg-tablet: var(--bal-font-size-18);\n  --bal-text-size-lg-desktop: var(--bal-font-size-18);\n  --bal-text-size-xl-mobile: var(--bal-font-size-20);\n  --bal-text-size-xl-tablet: var(--bal-font-size-24);\n  --bal-text-size-xl-desktop: var(--bal-font-size-24);\n  --bal-text-size-2xl-mobile: var(--bal-font-size-24);\n  --bal-text-size-2xl-tablet: var(--bal-font-size-32);\n  --bal-text-size-2xl-desktop: var(--bal-font-size-32);\n  --bal-text-size-3xl-mobile: var(--bal-font-size-28);\n  --bal-text-size-3xl-tablet: var(--bal-font-size-40);\n  --bal-text-size-3xl-desktop: var(--bal-font-size-40);\n  --bal-text-size-4xl-mobile: var(--bal-font-size-32);\n  --bal-text-size-4xl-tablet: var(--bal-font-size-48);\n  --bal-text-size-4xl-desktop: var(--bal-font-size-48);\n  --bal-text-size-5xl-mobile: var(--bal-font-size-48);\n  --bal-text-size-5xl-tablet: var(--bal-font-size-80);\n  --bal-text-size-5xl-desktop: var(--bal-font-size-80);\n  --bal-text-family-heading: var(--bal-font-family-heading);\n  --bal-text-family-body: var(--bal-font-family-body);\n  --bal-text-line-height-single: var(--bal-font-line-height-1);\n  --bal-text-line-height-heading: var(--bal-font-line-height-2);\n  --bal-text-line-height-body: var(--bal-font-line-height-3);\n  --bal-text-line-height-double: var(--bal-font-line-height-4);\n  --bal-text-weight-light: var(--bal-font-weight-300);\n  --bal-text-weight-regular: var(--bal-font-weight-400);\n  --bal-text-weight-bold: var(--bal-font-weight-700);\n  --bal-text-color-white: var(--bal-color-white);\n  --bal-text-color-primary-light: var(--bal-color-primary-3);\n  --bal-text-color-disabled: var(--bal-color-grey-5);\n  --bal-text-color-info: var(--bal-color-info-4);\n  --bal-text-color-warning: var(--bal-color-warning-5);\n  --bal-text-color-success: var(--bal-color-success-4);\n  --bal-text-color-danger: var(--bal-color-danger-4);\n  --bal-text-color-danger-hover: var(--bal-color-danger-5);\n  --bal-text-color-danger-active: var(--bal-color-danger-6);\n  --bal-text-color-primary: var(--bal-color-primary-5);\n  --bal-text-color-primary-hover: var(--bal-color-sky-5);\n  --bal-text-color-primary-active: var(--bal-color-primary-6);\n  --bal-text-color-inverted-primary-hover: var(--bal-color-sky-2);\n  --bal-text-color-inverted-primary-active: var(--bal-color-info-3);\n  --bal-text-color-grey-light: var(--bal-color-grey-4);\n  --bal-text-color-grey: var(--bal-color-grey-5);\n  --bal-text-color-grey-dark: var(--bal-color-grey-6);\n  --bal-shadow-text: var(--bal-font-shadow-1);\n  --bal-shadow-box-none: var(--bal-elevation-shadow-0);\n  --bal-shadow-box-header: var(--bal-elevation-shadow-2);\n  --bal-shadow-box-base: var(--bal-elevation-shadow-3);\n  --bal-shadow-box-elevated: var(--bal-elevation-shadow-4);\n  --bal-z-index-deep: var(--bal-elevation-z-index-behind-all);\n  --bal-z-index-masked: var(--bal-elevation-z-index-100);\n  --bal-z-index-mask: var(--bal-elevation-z-index-200);\n  --bal-z-index-sticky: var(--bal-elevation-z-index-300);\n  --bal-z-index-navigation: var(--bal-elevation-z-index-400);\n  --bal-z-index-popup: var(--bal-elevation-z-index-1000);\n  --bal-z-index-modal: var(--bal-elevation-z-index-1100);\n  --bal-z-index-toast: var(--bal-elevation-z-index-1200);\n  --bal-z-index-tooltip: var(--bal-elevation-z-index-1300);\n  --bal-heading-shadow: var(--bal-font-shadow-1);\n  --bal-icon-tile-size-base-mobile: var(--bal-size-space-32);\n  --bal-icon-tile-size-base-tablet: var(--bal-size-space-48);\n  --bal-icon-tile-size-lg-mobile: var(--bal-size-space-48);\n  --bal-icon-tile-size-lg-tablet: var(--bal-size-space-64);\n  --bal-icon-tile-size-xl-mobile: var(--bal-size-space-64);\n  --bal-icon-tile-size-xl-tablet: var(--bal-size-space-96);\n  --bal-icon-size-xs: var(--bal-font-size-12);\n  --bal-icon-size-sm: var(--bal-font-size-14);\n  --bal-icon-size-base: var(--bal-font-size-16);\n  --bal-icon-size-md: var(--bal-font-size-24);\n  --bal-icon-size-lg: var(--bal-font-size-40);\n  --bal-icon-size-xl: var(--bal-font-size-80);\n  --bal-icon-size-2xl: var(--bal-font-size-176);\n  --bal-tag-color-purple-dark-background: var(--bal-color-purple-6);\n  --bal-tag-color-red-dark-background: var(--bal-color-red-6);\n  --bal-tag-color-green-dark-background: var(--bal-color-green-6);\n  --bal-tag-color-yellow-dark-background: var(--bal-color-yellow-6);\n  --bal-notification-color-outline-base-border: var(--bal-color-primary-2);\n  --bal-interaction-focus-color-border: var(--bal-background-color-white);\n  --bal-interaction-focus-color-end: var(--bal-interaction-focus-color-base);\n  --bal-interaction-focus-color-inverted-end: var(--bal-interaction-focus-color-inverted);\n  --bal-text-color-hint: var(--bal-text-color-primary-light);\n  --bal-text-color-inverted-disabled: var(--bal-text-color-primary-light);\n  --bal-text-color-inverted-primary: var(--bal-text-color-white);\n  --bal-heading-1-space: var(--bal-space-xs-mobile);\n  --bal-heading-1-size-mobile: var(--bal-text-size-3xl-mobile);\n  --bal-heading-1-size-tablet: var(--bal-text-size-3xl-tablet);\n  --bal-heading-1-size-desktop: var(--bal-text-size-3xl-desktop);\n  --bal-heading-2-space: var(--bal-space-xs-mobile);\n  --bal-heading-2-size-mobile: var(--bal-text-size-2xl-mobile);\n  --bal-heading-2-size-tablet: var(--bal-text-size-2xl-tablet);\n  --bal-heading-2-size-desktop: var(--bal-text-size-2xl-desktop);\n  --bal-heading-3-space: var(--bal-space-xs-mobile);\n  --bal-heading-3-size-mobile: var(--bal-text-size-xl-mobile);\n  --bal-heading-3-size-tablet: var(--bal-text-size-xl-tablet);\n  --bal-heading-3-size-desktop: var(--bal-text-size-xl-desktop);\n  --bal-heading-4-space: var(--bal-space-xs-mobile);\n  --bal-heading-4-size-mobile: var(--bal-text-size-lg-mobile);\n  --bal-heading-4-size-tablet: var(--bal-text-size-lg-tablet);\n  --bal-heading-4-size-desktop: var(--bal-text-size-lg-desktop);\n  --bal-heading-5-space: var(--bal-space-xs-mobile);\n  --bal-heading-5-size-mobile: var(--bal-text-size-base-mobile);\n  --bal-heading-5-size-tablet: var(--bal-text-size-base-tablet);\n  --bal-heading-5-size-desktop: var(--bal-text-size-base-desktop);\n  --bal-heading-family: var(--bal-text-family-heading);\n  --bal-heading-weight: var(--bal-text-weight-bold);\n  --bal-heading-line-height: var(--bal-text-line-height-heading);\n  --bal-heading-color-primary: var(--bal-text-color-primary);\n  --bal-heading-color-white: var(--bal-text-color-white);\n  --bal-heading-color-info: var(--bal-text-color-info);\n  --bal-heading-color-success: var(--bal-text-color-success);\n  --bal-heading-color-warning: var(--bal-text-color-warning);\n  --bal-heading-color-danger: var(--bal-text-color-danger);\n  --bal-heading-display1-space: var(--bal-space-base-mobile);\n  --bal-heading-display1-size-mobile: var(--bal-text-size-5xl-mobile);\n  --bal-heading-display1-size-tablet: var(--bal-text-size-5xl-tablet);\n  --bal-heading-display1-size-desktop: var(--bal-text-size-5xl-desktop);\n  --bal-heading-display2-space: var(--bal-space-base-mobile);\n  --bal-heading-display2-size-mobile: var(--bal-text-size-4xl-mobile);\n  --bal-heading-display2-size-tablet: var(--bal-text-size-4xl-tablet);\n  --bal-heading-display2-size-desktop: var(--bal-text-size-4xl-desktop);\n  --bal-heading-subtitle-family: var(--bal-text-family-heading);\n  --bal-heading-subtitle-line-height: var(--bal-text-line-height-heading);\n  --bal-heading-subtitle-weight: var(--bal-text-weight-light);\n  --bal-close-radius: var(--bal-radius-rounded);\n  --bal-close-color-background-base: var(--bal-background-color-transparent);\n  --bal-close-color-icon-base: var(--bal-text-color-primary);\n  --bal-close-color-icon-inverted: var(--bal-text-color-white);\n  --bal-body-color: var(--bal-text-color-primary);\n  --bal-body-family: var(--bal-text-family-body);\n  --bal-body-line-height: var(--bal-text-line-height-body);\n  --bal-body-size: var(--bal-text-size-base-mobile);\n  --bal-body-space: var(--bal-space-base-mobile);\n  --bal-body-weight: var(--bal-text-weight-regular);\n  --bal-icon-color-primary: var(--bal-text-color-primary);\n  --bal-icon-color-primary-light: var(--bal-text-color-primary-light);\n  --bal-icon-color-success: var(--bal-text-color-success);\n  --bal-icon-color-info: var(--bal-text-color-info);\n  --bal-icon-color-warning: var(--bal-text-color-warning);\n  --bal-icon-color-danger: var(--bal-text-color-danger);\n  --bal-icon-color-white: var(--bal-text-color-white);\n  --bal-icon-color-grey: var(--bal-text-color-grey);\n  --bal-icon-color-disabled: var(--bal-text-color-grey-dark);\n  --bal-icon-tile-radius: var(--bal-radius-base);\n  --bal-icon-tile-color-purple: var(--bal-background-color-purple-lighter);\n  --bal-icon-tile-color-red: var(--bal-background-color-red-lighter);\n  --bal-icon-tile-color-green: var(--bal-background-color-green-lighter);\n  --bal-icon-tile-color-yellow: var(--bal-background-color-yellow-lighter);\n  --bal-spinner-size: var(--bal-space-2xl-mobile);\n  --bal-spinner-circle-border-width: var(--bal-border-width-md);\n  --bal-spinner-circle-size: var(--bal-space-lg-mobile);\n  --bal-spinner-circle-color-background: var(--bal-background-color-grey);\n  --bal-spinner-circle-color-progress: var(--bal-background-color-primary);\n  --bal-spinner-circle-color-inverted-background: var(--bal-background-color-white);\n  --bal-spinner-circle-color-inverted-progress: var(--bal-background-color-primary);\n  --bal-tag-family: var(--bal-text-family-body);\n  --bal-tag-weight: var(--bal-text-weight-bold);\n  --bal-tag-line-height: var(--bal-text-line-height-body);\n  --bal-tag-size: var(--bal-text-size-base-mobile);\n  --bal-tag-space-y: var(--bal-space-2xs-mobile);\n  --bal-tag-space-x: var(--bal-space-sm-mobile);\n  --bal-tag-radius-base: var(--bal-radius-lg);\n  --bal-tag-radius-square: var(--bal-radius-base);\n  --bal-tag-radius-pill: var(--bal-radius-rounded);\n  --bal-tag-color-base-text: var(--bal-text-color-primary);\n  --bal-tag-color-base-background: var(--bal-background-color-grey);\n  --bal-tag-color-primary-text: var(--bal-text-color-white);\n  --bal-tag-color-primary-background: var(--bal-background-color-primary);\n  --bal-tag-color-grey-text: var(--bal-text-color-white);\n  --bal-tag-color-grey-background: var(--bal-background-color-grey-dark);\n  --bal-tag-color-info-text: var(--bal-text-color-white);\n  --bal-tag-color-info-background: var(--bal-background-color-info-dark);\n  --bal-tag-color-success-text: var(--bal-text-color-white);\n  --bal-tag-color-success-background: var(--bal-background-color-success-dark);\n  --bal-tag-color-warning-text: var(--bal-text-color-primary);\n  --bal-tag-color-warning-background: var(--bal-background-color-warning-dark);\n  --bal-tag-color-danger-text: var(--bal-text-color-white);\n  --bal-tag-color-danger-background: var(--bal-background-color-danger-dark);\n  --bal-tag-color-purple-text: var(--bal-text-color-primary);\n  --bal-tag-color-purple-background: var(--bal-background-color-purple);\n  --bal-tag-color-purple-light-text: var(--bal-text-color-primary);\n  --bal-tag-color-purple-light-background: var(--bal-background-color-purple-light);\n  --bal-tag-color-purple-dark-text: var(--bal-text-color-white);\n  --bal-tag-color-red-text: var(--bal-text-color-primary);\n  --bal-tag-color-red-background: var(--bal-background-color-red);\n  --bal-tag-color-red-light-text: var(--bal-text-color-primary);\n  --bal-tag-color-red-light-background: var(--bal-background-color-red-light);\n  --bal-tag-color-red-dark-text: var(--bal-text-color-white);\n  --bal-tag-color-green-text: var(--bal-text-color-primary);\n  --bal-tag-color-green-background: var(--bal-background-color-green);\n  --bal-tag-color-green-light-text: var(--bal-text-color-primary);\n  --bal-tag-color-green-light-background: var(--bal-background-color-green-light);\n  --bal-tag-color-green-dark-text: var(--bal-text-color-white);\n  --bal-tag-color-yellow-text: var(--bal-text-color-primary);\n  --bal-tag-color-yellow-background: var(--bal-background-color-yellow);\n  --bal-tag-color-yellow-light-text: var(--bal-text-color-primary);\n  --bal-tag-color-yellow-light-background: var(--bal-background-color-yellow-light);\n  --bal-tag-color-yellow-dark-text: var(--bal-text-color-white);\n  --bal-tag-sm-size: var(--bal-text-size-sm-mobile);\n  --bal-tag-sm-weight: var(--bal-text-weight-regular);\n  --bal-tag-sm-space-y: var(--bal-space-none-mobile);\n  --bal-tag-sm-space-x: var(--bal-space-sm-mobile);\n  --bal-tag-md-size: var(--bal-text-size-base-mobile);\n  --bal-tag-md-weight: var(--bal-text-weight-bold);\n  --bal-tag-md-space-y: var(--bal-space-xs-mobile);\n  --bal-tag-md-space-x: var(--bal-space-base-mobile);\n  --bal-tag-lg-size: var(--bal-text-size-base-mobile);\n  --bal-tag-lg-weight: var(--bal-text-weight-bold);\n  --bal-tag-lg-space-y: var(--bal-space-sm-mobile);\n  --bal-tag-lg-space-x: var(--bal-space-lg-mobile);\n  --bal-label-family: var(--bal-text-family-body);\n  --bal-label-weight: var(--bal-text-weight-bold);\n  --bal-label-line-height: var(--bal-text-line-height-body);\n  --bal-label-color-base: var(--bal-text-color-primary);\n  --bal-label-color-base-hover: var(--bal-text-color-primary-hover);\n  --bal-label-color-base-active: var(--bal-text-color-primary-active);\n  --bal-label-color-disabled: var(--bal-text-color-disabled);\n  --bal-label-color-success: var(--bal-text-color-success);\n  --bal-label-color-warning: var(--bal-text-color-warning);\n  --bal-label-color-danger: var(--bal-text-color-danger);\n  --bal-label-color-danger-hover: var(--bal-text-color-danger-hover);\n  --bal-label-color-danger-active: var(--bal-text-color-danger-active);\n  --bal-label-size-3xl-mobile: var(--bal-text-size-3xl-mobile);\n  --bal-label-size-3xl-tablet: var(--bal-text-size-3xl-tablet);\n  --bal-label-size-3xl-desktop: var(--bal-text-size-3xl-desktop);\n  --bal-label-size-2xl-mobile: var(--bal-text-size-2xl-mobile);\n  --bal-label-size-2xl-tablet: var(--bal-text-size-2xl-tablet);\n  --bal-label-size-2xl-desktop: var(--bal-text-size-2xl-desktop);\n  --bal-label-size-xl-mobile: var(--bal-text-size-xl-mobile);\n  --bal-label-size-xl-tablet: var(--bal-text-size-xl-tablet);\n  --bal-label-size-xl-desktop: var(--bal-text-size-xl-desktop);\n  --bal-label-size-lg-mobile: var(--bal-text-size-lg-mobile);\n  --bal-label-size-lg-tablet: var(--bal-text-size-lg-tablet);\n  --bal-label-size-lg-desktop: var(--bal-text-size-lg-tablet);\n  --bal-label-size-md-mobile: var(--bal-text-size-md-mobile);\n  --bal-label-size-md-tablet: var(--bal-text-size-md-tablet);\n  --bal-label-size-md-desktop: var(--bal-text-size-md-desktop);\n  --bal-label-size-base-mobile: var(--bal-text-size-base-mobile);\n  --bal-label-size-base-tablet: var(--bal-text-size-base-tablet);\n  --bal-label-size-base-desktop: var(--bal-text-size-base-tablet);\n  --bal-label-size-sm-mobile: var(--bal-text-size-sm-mobile);\n  --bal-label-size-sm-tablet: var(--bal-text-size-sm-tablet);\n  --bal-label-size-sm-desktop: var(--bal-space-sm-desktop);\n  --bal-divider-radius: var(--bal-radius-rounded);\n  --bal-divider-width: var(--bal-border-width-base);\n  --bal-divider-color-base: var(--bal-border-color-grey);\n  --bal-divider-color-primary-light: var(--bal-border-color-primary-light);\n  --bal-divider-color-primary: var(--bal-border-color-primary);\n  --bal-divider-color-light-blue: var(--bal-border-color-primary-hover);\n  --bal-divider-color-primary-dark: var(--bal-border-color-primary-active);\n  --bal-divider-color-grey-light: var(--bal-border-color-grey-light);\n  --bal-divider-color-grey: var(--bal-border-color-grey);\n  --bal-divider-color-grey-dark: var(--bal-border-color-grey-dark);\n  --bal-divider-color-warning: var(--bal-border-color-warning);\n  --bal-divider-color-success: var(--bal-border-color-success);\n  --bal-divider-color-danger: var(--bal-border-color-danger);\n  --bal-divider-color-danger-dark: var(--bal-border-color-danger-hover);\n  --bal-divider-color-danger-darker: var(--bal-border-color-danger-active);\n  --bal-divider-color-white: var(--bal-border-color-white);\n  --bal-card-radius-base: var(--bal-radius-lg);\n  --bal-card-radius-square: var(--bal-radius-base);\n  --bal-card-shadow-flat: var(--bal-shadow-box-none);\n  --bal-card-shadow-base: var(--bal-shadow-box-base);\n  --bal-card-shadow-hover: var(--bal-shadow-box-elevated);\n  --bal-card-color-base-background: var(--bal-background-color-white);\n  --bal-card-color-base-outline: var(--bal-border-color-grey);\n  --bal-card-color-white-background: var(--bal-background-color-white);\n  --bal-card-color-white-outline: var(--bal-border-color-grey);\n  --bal-card-color-primary-text: var(--bal-text-color-white);\n  --bal-card-color-primary-background: var(--bal-background-color-primary);\n  --bal-card-color-info-background: var(--bal-background-color-info);\n  --bal-card-color-success-background: var(--bal-background-color-success);\n  --bal-card-color-warning-background: var(--bal-background-color-warning);\n  --bal-card-color-danger-background: var(--bal-background-color-danger);\n  --bal-card-color-grey-light-background: var(--bal-background-color-grey-light);\n  --bal-card-color-grey-light-outline: var(--bal-border-color-grey-dark);\n  --bal-card-color-grey-background: var(--bal-background-color-grey);\n  --bal-card-color-grey-outline: var(--bal-border-color-grey-dark);\n  --bal-card-color-red-lighter-background: var(--bal-background-color-red-lighter);\n  --bal-card-color-red-lighter-outline: var(--bal-background-color-red);\n  --bal-card-color-red-light-background: var(--bal-background-color-red-light);\n  --bal-card-color-red-light-outline: var(--bal-background-color-red);\n  --bal-card-color-red-background: var(--bal-background-color-red);\n  --bal-card-color-red-outline: var(--bal-background-color-red);\n  --bal-card-color-purple-lighter-background: var(--bal-background-color-purple-lighter);\n  --bal-card-color-purple-lighter-outline: var(--bal-background-color-purple);\n  --bal-card-color-purple-light-background: var(--bal-background-color-purple-light);\n  --bal-card-color-purple-light-outline: var(--bal-background-color-purple);\n  --bal-card-color-purple-background: var(--bal-background-color-purple);\n  --bal-card-color-purple-outline: var(--bal-background-color-purple);\n  --bal-card-color-green-lighter-background: var(--bal-background-color-green-lighter);\n  --bal-card-color-green-lighter-outline: var(--bal-background-color-green);\n  --bal-card-color-green-light-background: var(--bal-background-color-green-light);\n  --bal-card-color-green-light-outline: var(--bal-background-color-green);\n  --bal-card-color-green-background: var(--bal-background-color-green);\n  --bal-card-color-green-outline: var(--bal-background-color-green);\n  --bal-card-color-yellow-lighter-background: var(--bal-background-color-yellow-lighter);\n  --bal-card-color-yellow-lighter-outline: var(--bal-background-color-yellow);\n  --bal-card-color-yellow-light-background: var(--bal-background-color-yellow-light);\n  --bal-card-color-yellow-light-outline: var(--bal-background-color-yellow);\n  --bal-card-color-yellow-background: var(--bal-background-color-yellow);\n  --bal-card-color-yellow-outline: var(--bal-background-color-yellow);\n  --bal-card-space-sm-mobile: var(--bal-space-base-mobile);\n  --bal-card-space-sm-tablet: var(--bal-space-base-mobile);\n  --bal-card-space-sm-desktop: var(--bal-space-base-mobile);\n  --bal-card-space-base-mobile: var(--bal-space-base-mobile);\n  --bal-card-space-base-tablet: var(--bal-space-lg-mobile);\n  --bal-card-space-base-desktop: var(--bal-space-lg-mobile);\n  --bal-card-space-md-mobile: var(--bal-space-base-mobile);\n  --bal-card-space-md-tablet: var(--bal-space-lg-mobile);\n  --bal-card-space-md-desktop: var(--bal-space-xl-mobile);\n  --bal-card-space-lg-mobile: var(--bal-space-base-mobile);\n  --bal-card-space-lg-tablet: var(--bal-space-xl-mobile);\n  --bal-card-space-lg-desktop: var(--bal-space-2xl-mobile);\n  --bal-card-outline-width: var(--bal-border-width-base);\n  --bal-button-family: var(--bal-text-family-heading);\n  --bal-button-weight: var(--bal-text-weight-bold);\n  --bal-button-line-height: var(--bal-text-line-height-heading);\n  --bal-button-size-sm: var(--bal-text-size-sm-mobile);\n  --bal-button-size-base: var(--bal-text-size-base-mobile);\n  --bal-button-size-lg: var(--bal-text-size-lg-mobile);\n  --bal-button-radius-base: var(--bal-radius-base);\n  --bal-button-radius-rounded: var(--bal-radius-rounded);\n  --bal-button-color-primary-base-text: var(--bal-text-color-white);\n  --bal-button-color-primary-base-background: var(--bal-background-color-primary);\n  --bal-button-color-primary-base-border: var(--bal-border-color-primary);\n  --bal-button-color-primary-hover-text: var(--bal-text-color-white);\n  --bal-button-color-primary-hover-background: var(--bal-background-color-primary-hover);\n  --bal-button-color-primary-hover-border: var(--bal-border-color-primary-hover);\n  --bal-button-color-primary-active-text: var(--bal-text-color-white);\n  --bal-button-color-primary-active-background: var(--bal-background-color-primary-active);\n  --bal-button-color-primary-active-border: var(--bal-border-color-primary-active);\n  --bal-button-color-secondary-base-text: var(--bal-background-color-primary);\n  --bal-button-color-secondary-base-background: var(--bal-background-color-transparent);\n  --bal-button-color-secondary-base-border: var(--bal-border-color-primary);\n  --bal-button-color-secondary-hover-text: var(--bal-text-color-primary-hover);\n  --bal-button-color-secondary-hover-background: var(--bal-background-color-sky-light);\n  --bal-button-color-secondary-hover-border: var(--bal-border-color-primary-hover);\n  --bal-button-color-secondary-active-text: var(--bal-text-color-primary-active);\n  --bal-button-color-secondary-active-background: var(--bal-background-color-sky-light);\n  --bal-button-color-secondary-active-border: var(--bal-border-color-primary-active);\n  --bal-button-color-tertiary-base-text: var(--bal-background-color-primary);\n  --bal-button-color-tertiary-base-background: var(--bal-background-color-transparent);\n  --bal-button-color-tertiary-base-border: var(--bal-background-color-transparent);\n  --bal-button-color-tertiary-hover-text: var(--bal-text-color-primary-hover);\n  --bal-button-color-tertiary-hover-background: var(--bal-background-color-sky-light);\n  --bal-button-color-tertiary-hover-border: var(--bal-background-color-sky-light);\n  --bal-button-color-tertiary-active-text: var(--bal-text-color-primary-active);\n  --bal-button-color-tertiary-active-background: var(--bal-background-color-sky-light);\n  --bal-button-color-tertiary-active-border: var(--bal-background-color-sky-light);\n  --bal-button-color-tertiary-purple-base-text: var(--bal-background-color-primary);\n  --bal-button-color-tertiary-purple-base-background: var(--bal-background-color-purple-lighter);\n  --bal-button-color-tertiary-purple-base-border: var(--bal-background-color-purple-lighter);\n  --bal-button-color-tertiary-purple-hover-text: var(--bal-text-color-primary);\n  --bal-button-color-tertiary-purple-hover-background: var(--bal-background-color-purple-lighter);\n  --bal-button-color-tertiary-purple-hover-border: var(--bal-border-color-purple-hover);\n  --bal-button-color-tertiary-purple-active-text: var(--bal-text-color-primary-active);\n  --bal-button-color-tertiary-purple-active-background: var(--bal-background-color-purple-lighter);\n  --bal-button-color-tertiary-purple-active-border: var(--bal-border-color-purple-active);\n  --bal-button-color-tertiary-green-base-text: var(--bal-background-color-primary);\n  --bal-button-color-tertiary-green-base-background: var(--bal-background-color-green-lighter);\n  --bal-button-color-tertiary-green-base-border: var(--bal-background-color-green-lighter);\n  --bal-button-color-tertiary-green-hover-text: var(--bal-text-color-primary);\n  --bal-button-color-tertiary-green-hover-background: var(--bal-background-color-green-lighter);\n  --bal-button-color-tertiary-green-hover-border: var(--bal-border-color-green-hover);\n  --bal-button-color-tertiary-green-active-text: var(--bal-text-color-primary-active);\n  --bal-button-color-tertiary-green-active-background: var(--bal-background-color-green-lighter);\n  --bal-button-color-tertiary-green-active-border: var(--bal-border-color-green-active);\n  --bal-button-color-tertiary-red-base-text: var(--bal-background-color-primary);\n  --bal-button-color-tertiary-red-base-background: var(--bal-background-color-red-lighter);\n  --bal-button-color-tertiary-red-base-border: var(--bal-background-color-red-lighter);\n  --bal-button-color-tertiary-red-hover-text: var(--bal-text-color-primary);\n  --bal-button-color-tertiary-red-hover-background: var(--bal-background-color-red-lighter);\n  --bal-button-color-tertiary-red-hover-border: var(--bal-border-color-red-hover);\n  --bal-button-color-tertiary-red-active-text: var(--bal-text-color-primary-active);\n  --bal-button-color-tertiary-red-active-background: var(--bal-background-color-red-lighter);\n  --bal-button-color-tertiary-red-active-border: var(--bal-border-color-red-active);\n  --bal-button-color-tertiary-yellow-base-text: var(--bal-background-color-primary);\n  --bal-button-color-tertiary-yellow-base-background: var(--bal-background-color-yellow-lighter);\n  --bal-button-color-tertiary-yellow-base-border: var(--bal-background-color-yellow-lighter);\n  --bal-button-color-tertiary-yellow-hover-text: var(--bal-text-color-primary);\n  --bal-button-color-tertiary-yellow-hover-background: var(--bal-background-color-yellow-lighter);\n  --bal-button-color-tertiary-yellow-hover-border: var(--bal-border-color-yellow-hover);\n  --bal-button-color-tertiary-yellow-active-text: var(--bal-text-color-primary-active);\n  --bal-button-color-tertiary-yellow-active-background: var(--bal-background-color-yellow-lighter);\n  --bal-button-color-tertiary-yellow-active-border: var(--bal-border-color-yellow-active);\n  --bal-button-color-info-base-text: var(--bal-background-color-primary);\n  --bal-button-color-info-base-background: var(--bal-background-color-sky);\n  --bal-button-color-info-base-border: var(--bal-background-color-info-darker);\n  --bal-button-color-info-hover-text: var(--bal-text-color-white);\n  --bal-button-color-info-hover-background: var(--bal-background-color-info-darker);\n  --bal-button-color-info-hover-border: var(--bal-background-color-info-darker);\n  --bal-button-color-info-active-text: var(--bal-text-color-white);\n  --bal-button-color-info-active-background: var(--bal-background-color-info-darkest);\n  --bal-button-color-info-active-border: var(--bal-background-color-info-darkest);\n  --bal-button-color-success-base-text: var(--bal-background-color-primary);\n  --bal-button-color-success-base-background: var(--bal-background-color-success-lighter);\n  --bal-button-color-success-base-border: var(--bal-background-color-success-darker);\n  --bal-button-color-success-hover-text: var(--bal-text-color-white);\n  --bal-button-color-success-hover-background: var(--bal-background-color-success-darker);\n  --bal-button-color-success-hover-border: var(--bal-background-color-success-darker);\n  --bal-button-color-success-active-text: var(--bal-text-color-white);\n  --bal-button-color-success-active-background: var(--bal-background-color-success-darkest);\n  --bal-button-color-success-active-border: var(--bal-background-color-success-darkest);\n  --bal-button-color-warning-base-text: var(--bal-background-color-primary);\n  --bal-button-color-warning-base-background: var(--bal-background-color-warning-lighter);\n  --bal-button-color-warning-base-border: var(--bal-background-color-warning-darker);\n  --bal-button-color-warning-hover-text: var(--bal-text-color-primary);\n  --bal-button-color-warning-hover-background: var(--bal-background-color-warning-darker);\n  --bal-button-color-warning-hover-border: var(--bal-background-color-warning-darker);\n  --bal-button-color-warning-active-text: var(--bal-text-color-primary);\n  --bal-button-color-warning-active-background: var(--bal-background-color-warning-darkest);\n  --bal-button-color-warning-active-border: var(--bal-background-color-warning-darkest);\n  --bal-button-color-danger-base-text: var(--bal-background-color-primary);\n  --bal-button-color-danger-base-background: var(--bal-background-color-danger-lighter);\n  --bal-button-color-danger-base-border: var(--bal-background-color-danger-darker);\n  --bal-button-color-danger-hover-text: var(--bal-text-color-white);\n  --bal-button-color-danger-hover-background: var(--bal-background-color-danger-darker);\n  --bal-button-color-danger-hover-border: var(--bal-background-color-danger-darker);\n  --bal-button-color-danger-active-text: var(--bal-text-color-white);\n  --bal-button-color-danger-active-background: var(--bal-background-color-danger-darkest);\n  --bal-button-color-danger-active-border: var(--bal-background-color-danger-darkest);\n  --bal-button-color-disabled-base-text: var(--bal-text-color-disabled);\n  --bal-button-color-disabled-base-background: var(--bal-background-color-grey);\n  --bal-button-color-disabled-base-border: var(--bal-border-color-grey);\n  --bal-button-color-disabled-hover-text: var(--bal-text-color-disabled);\n  --bal-button-color-disabled-hover-background: var(--bal-background-color-grey);\n  --bal-button-color-disabled-hover-border: var(--bal-border-color-grey);\n  --bal-button-color-disabled-active-text: var(--bal-text-color-disabled);\n  --bal-button-color-disabled-active-background: var(--bal-background-color-grey);\n  --bal-button-color-disabled-active-border: var(--bal-border-color-grey);\n  --bal-button-color-link-base-text: var(--bal-background-color-primary);\n  --bal-button-color-link-base-background: var(--bal-background-color-transparent);\n  --bal-button-color-link-base-border: var(--bal-background-color-transparent);\n  --bal-button-color-link-hover-text: var(--bal-text-color-primary-hover);\n  --bal-button-color-link-hover-background: var(--bal-background-color-transparent);\n  --bal-button-color-link-hover-border: var(--bal-background-color-transparent);\n  --bal-button-color-link-active-text: var(--bal-text-color-primary-active);\n  --bal-button-color-link-active-background: var(--bal-background-color-transparent);\n  --bal-button-color-link-active-border: var(--bal-background-color-transparent);\n  --bal-button-color-inverted-base-text: var(--bal-background-color-primary);\n  --bal-button-color-inverted-base-background: var(--bal-background-color-white);\n  --bal-button-color-inverted-base-border: var(--bal-background-color-white);\n  --bal-button-color-inverted-hover-text: var(--bal-background-color-primary);\n  --bal-button-color-inverted-hover-background: var(--bal-background-color-sky);\n  --bal-button-color-inverted-hover-border: var(--bal-background-color-sky);\n  --bal-button-color-inverted-active-text: var(--bal-text-color-white);\n  --bal-button-color-inverted-active-background: var(--bal-background-color-primary-hover);\n  --bal-button-color-inverted-active-border: var(--bal-background-color-primary-hover);\n  --bal-button-color-inverted-secondary-base-text: var(--bal-text-color-white);\n  --bal-button-color-inverted-secondary-base-background: var(--bal-background-color-transparent);\n  --bal-button-color-inverted-secondary-base-border: var(--bal-background-color-white);\n  --bal-button-color-inverted-secondary-hover-text: var(--bal-text-color-white);\n  --bal-button-color-inverted-secondary-hover-background: var(--bal-background-color-primary-light);\n  --bal-button-color-inverted-secondary-hover-border: var(--bal-background-color-sky-dark);\n  --bal-button-color-inverted-secondary-active-text: var(--bal-text-color-white);\n  --bal-button-color-inverted-secondary-active-background: var(--bal-background-color-primary-light);\n  --bal-button-color-inverted-secondary-active-border: var(--bal-background-color-primary-hover);\n  --bal-button-color-inverted-tertiary-base-text: var(--bal-background-color-primary);\n  --bal-button-color-inverted-tertiary-base-background: var(--bal-background-color-grey-light);\n  --bal-button-color-inverted-tertiary-base-border: var(--bal-background-color-grey-light);\n  --bal-button-color-inverted-tertiary-hover-text: var(--bal-text-color-primary);\n  --bal-button-color-inverted-tertiary-hover-background: var(--bal-background-color-sky-light);\n  --bal-button-color-inverted-tertiary-hover-border: var(--bal-background-color-sky-light);\n  --bal-button-color-inverted-tertiary-active-text: var(--bal-text-color-primary-active);\n  --bal-button-color-inverted-tertiary-active-background: var(--bal-background-color-sky);\n  --bal-button-color-inverted-tertiary-active-border: var(--bal-background-color-sky);\n  --bal-button-color-inverted-link-base-background: var(--bal-background-color-transparent);\n  --bal-button-color-inverted-link-base-border: var(--bal-background-color-transparent);\n  --bal-button-color-inverted-link-hover-text: var(--bal-text-color-inverted-primary-hover);\n  --bal-button-color-inverted-link-hover-background: var(--bal-background-color-transparent);\n  --bal-button-color-inverted-link-hover-border: var(--bal-background-color-transparent);\n  --bal-button-color-inverted-link-active-text: var(--bal-text-color-inverted-primary-active);\n  --bal-button-color-inverted-link-active-background: var(--bal-background-color-transparent);\n  --bal-button-color-inverted-link-active-border: var(--bal-background-color-transparent);\n  --bal-button-color-tertiary-purple-dashed-base-text: var(--bal-background-color-primary);\n  --bal-button-color-tertiary-purple-dashed-base-background: var(--bal-background-color-purple-lighter);\n  --bal-button-color-tertiary-purple-dashed-base-border: var(--bal-background-color-purple);\n  --bal-button-color-tertiary-purple-dashed-hover-text: var(--bal-text-color-primary);\n  --bal-button-color-tertiary-purple-dashed-hover-background: var(--bal-background-color-purple-lighter);\n  --bal-button-color-tertiary-purple-dashed-hover-border: var(--bal-border-color-purple-hover);\n  --bal-button-color-tertiary-purple-dashed-active-text: var(--bal-text-color-primary-active);\n  --bal-button-color-tertiary-purple-dashed-active-background: var(--bal-background-color-purple-lighter);\n  --bal-button-color-tertiary-purple-dashed-active-border: var(--bal-border-color-purple-active);\n  --bal-button-color-tertiary-green-dashed-base-text: var(--bal-background-color-primary);\n  --bal-button-color-tertiary-green-dashed-base-background: var(--bal-background-color-green-lighter);\n  --bal-button-color-tertiary-green-dashed-base-border: var(--bal-background-color-green);\n  --bal-button-color-tertiary-green-dashed-hover-text: var(--bal-text-color-primary);\n  --bal-button-color-tertiary-green-dashed-hover-background: var(--bal-background-color-green-lighter);\n  --bal-button-color-tertiary-green-dashed-hover-border: var(--bal-border-color-green-hover);\n  --bal-button-color-tertiary-green-dashed-active-text: var(--bal-text-color-primary-active);\n  --bal-button-color-tertiary-green-dashed-active-background: var(--bal-background-color-green-lighter);\n  --bal-button-color-tertiary-green-dashed-active-border: var(--bal-border-color-green-active);\n  --bal-button-color-tertiary-red-dashed-base-text: var(--bal-background-color-primary);\n  --bal-button-color-tertiary-red-dashed-base-background: var(--bal-background-color-red-lighter);\n  --bal-button-color-tertiary-red-dashed-base-border: var(--bal-background-color-red);\n  --bal-button-color-tertiary-red-dashed-hover-text: var(--bal-text-color-primary);\n  --bal-button-color-tertiary-red-dashed-hover-background: var(--bal-background-color-red-lighter);\n  --bal-button-color-tertiary-red-dashed-hover-border: var(--bal-border-color-red-hover);\n  --bal-button-color-tertiary-red-dashed-active-text: var(--bal-text-color-primary-active);\n  --bal-button-color-tertiary-red-dashed-active-background: var(--bal-background-color-red-lighter);\n  --bal-button-color-tertiary-red-dashed-active-border: var(--bal-border-color-red-active);\n  --bal-button-color-tertiary-yellow-dashed-base-text: var(--bal-background-color-primary);\n  --bal-button-color-tertiary-yellow-dashed-base-background: var(--bal-background-color-yellow-lighter);\n  --bal-button-color-tertiary-yellow-dashed-base-border: var(--bal-background-color-yellow);\n  --bal-button-color-tertiary-yellow-dashed-hover-text: var(--bal-text-color-primary);\n  --bal-button-color-tertiary-yellow-dashed-hover-background: var(--bal-background-color-yellow-lighter);\n  --bal-button-color-tertiary-yellow-dashed-hover-border: var(--bal-border-color-yellow-hover);\n  --bal-button-color-tertiary-yellow-dashed-active-text: var(--bal-text-color-primary-active);\n  --bal-button-color-tertiary-yellow-dashed-active-background: var(--bal-background-color-yellow-lighter);\n  --bal-button-color-tertiary-yellow-dashed-active-border: var(--bal-border-color-yellow-active);\n  --bal-button-color-text-base-text: var(--bal-background-color-primary);\n  --bal-button-color-text-base-background: var(--bal-background-color-transparent);\n  --bal-button-color-text-base-border: var(--bal-background-color-transparent);\n  --bal-button-color-text-hover-text: var(--bal-text-color-primary-hover);\n  --bal-button-color-text-hover-background: var(--bal-background-color-transparent);\n  --bal-button-color-text-hover-border: var(--bal-background-color-transparent);\n  --bal-button-color-text-active-text: var(--bal-text-color-primary-active);\n  --bal-button-color-text-active-background: var(--bal-background-color-transparent);\n  --bal-button-color-text-active-border: var(--bal-background-color-transparent);\n  --bal-notification-radius: var(--bal-radius-lg);\n  --bal-notification-color-base-background: var(--bal-background-color-grey-light);\n  --bal-notification-color-base-border: var(--bal-background-color-grey-light);\n  --bal-notification-color-base-text: var(--bal-text-color-primary);\n  --bal-notification-color-info-background: var(--bal-background-color-info-light);\n  --bal-notification-color-info-border: var(--bal-background-color-info-light);\n  --bal-notification-color-info-text: var(--bal-text-color-primary);\n  --bal-notification-color-success-background: var(--bal-background-color-success-light);\n  --bal-notification-color-success-border: var(--bal-background-color-success-light);\n  --bal-notification-color-success-text: var(--bal-text-color-primary);\n  --bal-notification-color-warning-background: var(--bal-background-color-warning-light);\n  --bal-notification-color-warning-border: var(--bal-background-color-warning-light);\n  --bal-notification-color-warning-text: var(--bal-text-color-primary);\n  --bal-notification-color-danger-background: var(--bal-background-color-danger-light);\n  --bal-notification-color-danger-border: var(--bal-background-color-danger-light);\n  --bal-notification-color-danger-text: var(--bal-text-color-primary);\n  --bal-notification-color-outline-base-background: var(--bal-background-color-white);\n  --bal-notification-color-outline-base-text: var(--bal-text-color-primary);\n  --bal-notification-color-outline-purple-background: var(--bal-background-color-purple-lighter);\n  --bal-notification-color-outline-purple-border: var(--bal-border-color-purple);\n  --bal-notification-color-outline-purple-text: var(--bal-text-color-primary);\n  --bal-notification-color-outline-green-background: var(--bal-background-color-green-lighter);\n  --bal-notification-color-outline-green-border: var(--bal-border-color-green);\n  --bal-notification-color-outline-green-text: var(--bal-text-color-primary);\n  --bal-notification-color-outline-yellow-background: var(--bal-background-color-yellow-lighter);\n  --bal-notification-color-outline-yellow-border: var(--bal-border-color-yellow);\n  --bal-notification-color-outline-yellow-text: var(--bal-text-color-primary);\n  --bal-notification-color-outline-red-background: var(--bal-background-color-red-lighter);\n  --bal-notification-color-outline-red-border: var(--bal-border-color-red);\n  --bal-notification-color-outline-red-text: var(--bal-text-color-primary);\n  --bal-badge-text-family: var(--bal-text-family-heading);\n  --bal-badge-text-weight: var(--bal-text-weight-bold);\n  --bal-badge-text-size-sm: var(--bal-text-size-none-mobile);\n  --bal-badge-text-size-base: var(--bal-text-size-xs-mobile);\n  --bal-badge-text-size-lg: var(--bal-text-size-base-mobile);\n  --bal-badge-size-sm: var(--bal-space-sm-mobile);\n  --bal-badge-size-base: var(--bal-space-lg-mobile);\n  --bal-badge-size-lg: var(--bal-space-xl-mobile);\n  --bal-badge-color-base-text: var(--bal-text-color-primary);\n  --bal-badge-color-base-background: var(--bal-background-color-red);\n  --bal-badge-color-info-text: var(--bal-text-color-primary);\n  --bal-badge-color-info-background: var(--bal-background-color-purple);\n  --bal-badge-color-success-text: var(--bal-text-color-primary);\n  --bal-badge-color-success-background: var(--bal-background-color-green);\n  --bal-badge-color-warning-text: var(--bal-text-color-primary);\n  --bal-badge-color-warning-background: var(--bal-background-color-yellow-light);\n  --bal-badge-color-danger-text: var(--bal-text-color-primary);\n  --bal-badge-color-danger-background: var(--bal-background-color-red);\n  --bal-badge-color-red-text: var(--bal-text-color-primary);\n  --bal-badge-color-red-background: var(--bal-background-color-red);\n  --bal-badge-color-purple-text: var(--bal-text-color-primary);\n  --bal-badge-color-purple-background: var(--bal-background-color-purple);\n  --bal-badge-color-green-text: var(--bal-text-color-primary);\n  --bal-badge-color-green-background: var(--bal-background-color-green);\n  --bal-badge-color-yellow-text: var(--bal-text-color-primary);\n  --bal-badge-color-yellow-background: var(--bal-background-color-yellow-light);\n  --bal-badge-color-grey-text: var(--bal-text-color-grey-dark);\n  --bal-badge-color-grey-background: var(--bal-background-color-grey);\n  --bal-link-weight: var(--bal-text-weight-bold);\n  --bal-link-border-width: var(--bal-border-width-base);\n  --bal-link-color-base: var(--bal-text-color-primary);\n  --bal-link-color-base-hover: var(--bal-text-color-primary-hover);\n  --bal-link-color-base-active: var(--bal-text-color-primary-active);\n  --bal-link-color-inverted-hover: var(--bal-text-color-inverted-primary-hover);\n  --bal-link-color-inverted-active: var(--bal-text-color-inverted-primary-active);\n  --bal-toast-radius: var(--bal-radius-base);\n  --bal-toast-success-background: var(--bal-background-color-success-light);\n  --bal-toast-success-border: var(--bal-background-color-success-light);\n  --bal-toast-success-text: var(--bal-text-color-primary);\n  --bal-toast-info-background: var(--bal-background-color-info-light);\n  --bal-toast-info-border: var(--bal-background-color-info-light);\n  --bal-toast-info-text: var(--bal-text-color-primary);\n  --bal-toast-base-background: var(--bal-background-color-grey-light);\n  --bal-toast-base-border: var(--bal-background-color-grey-light);\n  --bal-toast-base-text: var(--bal-text-color-primary);\n  --bal-toast-warning-background: var(--bal-background-color-warning-light);\n  --bal-toast-warning-border: var(--bal-background-color-warning-light);\n  --bal-toast-warning-text: var(--bal-text-color-primary);\n  --bal-toast-danger-background: var(--bal-background-color-danger-light);\n  --bal-toast-danger-border: var(--bal-background-color-danger-light);\n  --bal-toast-danger-text: var(--bal-text-color-primary);\n  --bal-snackbar-radius: var(--bal-radius-base);\n  --bal-snackbar-success-background: var(--bal-background-color-success-light);\n  --bal-snackbar-success-border: var(--bal-background-color-success-light);\n  --bal-snackbar-success-text: var(--bal-text-color-primary);\n  --bal-snackbar-info-background: var(--bal-background-color-info-light);\n  --bal-snackbar-info-border: var(--bal-background-color-info-light);\n  --bal-snackbar-info-text: var(--bal-text-color-primary);\n  --bal-snackbar-base-background: var(--bal-background-color-grey-light);\n  --bal-snackbar-base-border: var(--bal-background-color-grey-light);\n  --bal-snackbar-base-text: var(--bal-text-color-primary);\n  --bal-snackbar-warning-background: var(--bal-background-color-warning-light);\n  --bal-snackbar-warning-border: var(--bal-background-color-warning-light);\n  --bal-snackbar-warning-text: var(--bal-text-color-primary);\n  --bal-snackbar-danger-background: var(--bal-background-color-danger-light);\n  --bal-snackbar-danger-border: var(--bal-background-color-danger-light);\n  --bal-snackbar-danger-text: var(--bal-text-color-primary);\n  --bal-interaction-focus-color-start: var(--bal-interaction-focus-color-border);\n  --bal-interaction-focus-color-inverted-start: var(--bal-interaction-focus-color-border);\n  --bal-button-color-inverted-link-base-text: var(--bal-text-color-inverted-primary);\n  --bal-link-color-inverted: var(--bal-text-color-inverted-primary);\n\n  /* Base tokens */\n  --bal-container-space: var(--bal-size-space-16);\n  --bal-space-none: var(--bal-size-space-0);\n  --bal-space-auto: var(--bal-size-space-auto);\n  --bal-space-2xs: var(--bal-size-space-4);\n  --bal-space-xs: var(--bal-size-space-8);\n  --bal-space-sm: var(--bal-size-space-12);\n  --bal-space-base: var(--bal-size-space-16);\n  --bal-space-md: var(--bal-size-space-20);\n  --bal-space-lg: var(--bal-size-space-24);\n  --bal-space-xl: var(--bal-size-space-32);\n  --bal-space-2xl: var(--bal-size-space-48);\n  --bal-space-3xl: var(--bal-size-space-56);\n  --bal-space-4xl: var(--bal-size-space-64);\n  --bal-text-size-none: var(--bal-font-size-0);\n  --bal-text-size-xs: var(--bal-font-size-12);\n  --bal-text-size-sm: var(--bal-font-size-14);\n  --bal-text-size-base: var(--bal-font-size-16);\n  --bal-text-size-md: var(--bal-font-size-16);\n  --bal-text-size-lg: var(--bal-font-size-18);\n  --bal-text-size-xl: var(--bal-font-size-20);\n  --bal-text-size-2xl: var(--bal-font-size-24);\n  --bal-text-size-3xl: var(--bal-font-size-28);\n  --bal-text-size-4xl: var(--bal-font-size-32);\n  --bal-text-size-5xl: var(--bal-font-size-48);\n  --bal-icon-tile-size-base: var(--bal-size-space-32);\n  --bal-icon-tile-size-lg: var(--bal-size-space-48);\n  --bal-icon-tile-size-xl: var(--bal-size-space-64);\n  --bal-heading-1-size: var(--bal-text-size-3xl-mobile);\n  --bal-heading-2-size: var(--bal-text-size-2xl-mobile);\n  --bal-heading-3-size: var(--bal-text-size-xl-mobile);\n  --bal-heading-4-size: var(--bal-text-size-lg-mobile);\n  --bal-heading-5-size: var(--bal-text-size-base-mobile);\n  --bal-heading-display1-size: var(--bal-text-size-5xl-mobile);\n  --bal-heading-display2-size: var(--bal-text-size-4xl-mobile);\n  --bal-label-size-3xl: var(--bal-text-size-3xl-mobile);\n  --bal-label-size-2xl: var(--bal-text-size-2xl-mobile);\n  --bal-label-size-xl: var(--bal-text-size-xl-mobile);\n  --bal-label-size-lg: var(--bal-text-size-lg-mobile);\n  --bal-label-size-md: var(--bal-text-size-md-mobile);\n  --bal-label-size-base: var(--bal-text-size-base-mobile);\n  --bal-label-size-sm: var(--bal-text-size-sm-mobile);\n  --bal-card-space-sm: var(--bal-space-base-mobile);\n  --bal-card-space-base: var(--bal-space-base-mobile);\n  --bal-card-space-md: var(--bal-space-base-mobile);\n  --bal-card-space-lg: var(--bal-space-base-mobile);\n\n  /* Device tokens */\n  --bal-container-space-device: var(--bal-size-space-16);\n  --bal-space-none-device: var(--bal-size-space-0);\n  --bal-space-auto-device: var(--bal-size-space-auto);\n  --bal-space-2xs-device: var(--bal-size-space-4);\n  --bal-space-xs-device: var(--bal-size-space-8);\n  --bal-space-sm-device: var(--bal-size-space-12);\n  --bal-space-base-device: var(--bal-size-space-16);\n  --bal-space-md-device: var(--bal-size-space-20);\n  --bal-space-lg-device: var(--bal-size-space-24);\n  --bal-space-xl-device: var(--bal-size-space-32);\n  --bal-space-2xl-device: var(--bal-size-space-48);\n  --bal-space-3xl-device: var(--bal-size-space-56);\n  --bal-space-4xl-device: var(--bal-size-space-64);\n  --bal-text-size-none-device: var(--bal-font-size-0);\n  --bal-text-size-xs-device: var(--bal-font-size-12);\n  --bal-text-size-sm-device: var(--bal-font-size-14);\n  --bal-text-size-base-device: var(--bal-font-size-16);\n  --bal-text-size-md-device: var(--bal-font-size-16);\n  --bal-text-size-lg-device: var(--bal-font-size-18);\n  --bal-text-size-xl-device: var(--bal-font-size-20);\n  --bal-text-size-2xl-device: var(--bal-font-size-24);\n  --bal-text-size-3xl-device: var(--bal-font-size-28);\n  --bal-text-size-4xl-device: var(--bal-font-size-32);\n  --bal-text-size-5xl-device: var(--bal-font-size-48);\n  --bal-icon-tile-size-base-device: var(--bal-size-space-32);\n  --bal-icon-tile-size-lg-device: var(--bal-size-space-48);\n  --bal-icon-tile-size-xl-device: var(--bal-size-space-64);\n  --bal-heading-1-size-device: var(--bal-text-size-3xl-mobile);\n  --bal-heading-2-size-device: var(--bal-text-size-2xl-mobile);\n  --bal-heading-3-size-device: var(--bal-text-size-xl-mobile);\n  --bal-heading-4-size-device: var(--bal-text-size-lg-mobile);\n  --bal-heading-5-size-device: var(--bal-text-size-base-mobile);\n  --bal-heading-display1-size-device: var(--bal-text-size-5xl-mobile);\n  --bal-heading-display2-size-device: var(--bal-text-size-4xl-mobile);\n  --bal-label-size-3xl-device: var(--bal-text-size-3xl-mobile);\n  --bal-label-size-2xl-device: var(--bal-text-size-2xl-mobile);\n  --bal-label-size-xl-device: var(--bal-text-size-xl-mobile);\n  --bal-label-size-lg-device: var(--bal-text-size-lg-mobile);\n  --bal-label-size-md-device: var(--bal-text-size-md-mobile);\n  --bal-label-size-base-device: var(--bal-text-size-base-mobile);\n  --bal-label-size-sm-device: var(--bal-text-size-sm-mobile);\n  --bal-card-space-sm-device: var(--bal-space-base-mobile);\n  --bal-card-space-base-device: var(--bal-space-base-mobile);\n  --bal-card-space-md-device: var(--bal-space-base-mobile);\n  --bal-card-space-lg-device: var(--bal-space-base-mobile);\n}\n\n/* Device tokens: Tablet */\n\n@media (min-width: 769px) {\n:root {\n  --bal-breakpoint-device: var(--bal-size-breakpoint-1);\n  --bal-container-space-device: var(--bal-size-space-40);\n  --bal-space-none-device: var(--bal-size-space-0);\n  --bal-space-auto-device: var(--bal-size-space-auto);\n  --bal-space-2xs-device: var(--bal-size-space-4);\n  --bal-space-xs-device: var(--bal-size-space-8);\n  --bal-space-sm-device: var(--bal-size-space-12);\n  --bal-space-base-device: var(--bal-size-space-16);\n  --bal-space-md-device: var(--bal-size-space-20);\n  --bal-space-lg-device: var(--bal-size-space-24);\n  --bal-space-xl-device: var(--bal-size-space-40);\n  --bal-space-2xl-device: var(--bal-size-space-56);\n  --bal-space-3xl-device: var(--bal-size-space-72);\n  --bal-space-4xl-device: var(--bal-size-space-96);\n  --bal-text-size-none-device: var(--bal-font-size-0);\n  --bal-text-size-xs-device: var(--bal-font-size-12);\n  --bal-text-size-sm-device: var(--bal-font-size-14);\n  --bal-text-size-base-device: var(--bal-font-size-16);\n  --bal-text-size-md-device: var(--bal-font-size-18);\n  --bal-text-size-lg-device: var(--bal-font-size-18);\n  --bal-text-size-xl-device: var(--bal-font-size-24);\n  --bal-text-size-2xl-device: var(--bal-font-size-32);\n  --bal-text-size-3xl-device: var(--bal-font-size-40);\n  --bal-text-size-4xl-device: var(--bal-font-size-48);\n  --bal-text-size-5xl-device: var(--bal-font-size-80);\n  --bal-icon-tile-size-base-device: var(--bal-size-space-48);\n  --bal-icon-tile-size-lg-device: var(--bal-size-space-64);\n  --bal-icon-tile-size-xl-device: var(--bal-size-space-96);\n  --bal-heading-1-size-device: var(--bal-text-size-3xl-tablet);\n  --bal-heading-2-size-device: var(--bal-text-size-2xl-tablet);\n  --bal-heading-3-size-device: var(--bal-text-size-xl-tablet);\n  --bal-heading-4-size-device: var(--bal-text-size-lg-tablet);\n  --bal-heading-5-size-device: var(--bal-text-size-base-tablet);\n  --bal-heading-display1-size-device: var(--bal-text-size-5xl-tablet);\n  --bal-heading-display2-size-device: var(--bal-text-size-4xl-tablet);\n  --bal-label-size-3xl-device: var(--bal-text-size-3xl-tablet);\n  --bal-label-size-2xl-device: var(--bal-text-size-2xl-tablet);\n  --bal-label-size-xl-device: var(--bal-text-size-xl-tablet);\n  --bal-label-size-lg-device: var(--bal-text-size-lg-tablet);\n  --bal-label-size-md-device: var(--bal-text-size-md-tablet);\n  --bal-label-size-base-device: var(--bal-text-size-base-tablet);\n  --bal-label-size-sm-device: var(--bal-text-size-sm-tablet);\n  --bal-card-space-sm-device: var(--bal-space-base-mobile);\n  --bal-card-space-base-device: var(--bal-space-lg-mobile);\n  --bal-card-space-md-device: var(--bal-space-lg-mobile);\n  --bal-card-space-lg-device: var(--bal-space-xl-mobile);\n}\n}\n\n/* Device tokens: Desktop */\n\n@media (min-width: 1024px) {\n:root {\n  --bal-breakpoint-device: var(--bal-size-breakpoint-2);\n  --bal-container-space-device: var(--bal-size-space-48);\n  --bal-space-none-device: var(--bal-size-space-0);\n  --bal-space-auto-device: var(--bal-size-space-auto);\n  --bal-space-2xs-device: var(--bal-size-space-4);\n  --bal-space-xs-device: var(--bal-size-space-8);\n  --bal-space-sm-device: var(--bal-size-space-12);\n  --bal-space-base-device: var(--bal-size-space-16);\n  --bal-space-md-device: var(--bal-size-space-24);\n  --bal-space-lg-device: var(--bal-size-space-32);\n  --bal-space-xl-device: var(--bal-size-space-48);\n  --bal-space-2xl-device: var(--bal-size-space-64);\n  --bal-space-3xl-device: var(--bal-size-space-96);\n  --bal-space-4xl-device: var(--bal-size-space-128);\n  --bal-text-size-none-device: var(--bal-font-size-0);\n  --bal-text-size-xs-device: var(--bal-font-size-12);\n  --bal-text-size-sm-device: var(--bal-font-size-14);\n  --bal-text-size-base-device: var(--bal-font-size-16);\n  --bal-text-size-md-device: var(--bal-font-size-18);\n  --bal-text-size-lg-device: var(--bal-font-size-18);\n  --bal-text-size-xl-device: var(--bal-font-size-24);\n  --bal-text-size-2xl-device: var(--bal-font-size-32);\n  --bal-text-size-3xl-device: var(--bal-font-size-40);\n  --bal-text-size-4xl-device: var(--bal-font-size-48);\n  --bal-text-size-5xl-device: var(--bal-font-size-80);\n  --bal-heading-1-size-device: var(--bal-text-size-3xl-desktop);\n  --bal-heading-2-size-device: var(--bal-text-size-2xl-desktop);\n  --bal-heading-3-size-device: var(--bal-text-size-xl-desktop);\n  --bal-heading-4-size-device: var(--bal-text-size-lg-desktop);\n  --bal-heading-5-size-device: var(--bal-text-size-base-desktop);\n  --bal-heading-display1-size-device: var(--bal-text-size-5xl-desktop);\n  --bal-heading-display2-size-device: var(--bal-text-size-4xl-desktop);\n  --bal-label-size-3xl-device: var(--bal-text-size-3xl-desktop);\n  --bal-label-size-2xl-device: var(--bal-text-size-2xl-desktop);\n  --bal-label-size-xl-device: var(--bal-text-size-xl-desktop);\n  --bal-label-size-lg-device: var(--bal-text-size-lg-tablet);\n  --bal-label-size-md-device: var(--bal-text-size-md-desktop);\n  --bal-label-size-base-device: var(--bal-text-size-base-tablet);\n  --bal-label-size-sm-device: var(--bal-space-sm-desktop);\n  --bal-card-space-sm-device: var(--bal-space-base-mobile);\n  --bal-card-space-base-device: var(--bal-space-lg-mobile);\n  --bal-card-space-md-device: var(--bal-space-xl-mobile);\n  --bal-card-space-lg-device: var(--bal-space-2xl-mobile);\n}\n}\n\n","@forward '@baloise/ds-tokens/dist/css/base.tokens.css';\n\n:root {\n  --bal-column-gap: 1rem;\n}\n"]}