{"version":3,"sourceRoot":"","sources":["file:///home/runner/work/design-system/design-system/packages/styles/sass/themes/future.sass"],"names":[],"mappings":"AAAQ;AAER;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EAEA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;AAAA;EAEE;;AACA;AAAA;EACE;;AACF;AAAA;EACE;;;AAEJ;EACE;;;AAGF;AAAA;EAEE;;AACA;AAAA;EACE;;AACF;AAAA;EACE;;;AASJ;EACE;;;AAEF;EACE;;;AAEF;AAAA;EAEE;;;AAEF;AAAA;EAEE;;;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;;AACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;;AACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;;AACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;;AACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;;;AAEJ;EACE;;;AAEF;EACE;;AACA;EACE;;AACF;EACE;;AACF;AAAA;EAEE;;AACA;AAAA;EACE;;AACF;AAAA;EACE;;;AASN;EACE;EACA;EACA;EACA;;AACA;EACE;;AACA;EACE;EACA;;AACF;EACE;EACA","sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap')\n\n:root\n  --bal-font-family-text: 'Inter', 'Helvetica', sans-serif\n  --bal-font-family-title: 'Inter', 'Helvetica', sans-serif\n\n  --bal-color-primary-1: #f1dddb\n  --bal-color-primary-2: #d9a09b\n  --bal-color-primary-3: #c0645c\n  --bal-color-primary-4: #a8281c\n  --bal-color-primary-5: #791d14\n  --bal-color-primary-6: #4a120c\n  --bal-color-primary: var(--bal-color-primary-4)\n\n  --bal-color-grey-1: #f0f1f2\n  // --bal-color-grey-2: #d5d8da\n  --bal-color-grey-2: #ecedee\n  --bal-color-grey-3: #bbc0c3\n  // --bal-color-grey-4: #a0a7ab\n  --bal-color-grey-4: #d9dcdd\n  --bal-color-grey-5: #73787b\n  --bal-color-grey-6: #46494b\n  --bal-color-grey: var(--bal-color-grey-4)\n  --bal-body-color: #000\n\n  --bal-color-purple-1: #d6e9eb\n  --bal-color-purple-2: #8fc2c7\n  --bal-color-purple-3: #479ba4\n  --bal-color-purple-4: #007480\n  --bal-color-purple-5: #004d56\n  --bal-color-purple-6: #002226\n  --bal-color-purple: var(--bal-color-purple-4)\n\n  --bal-color-green-1: #d6e9eb\n  --bal-color-green-2: #8fc2c7\n  --bal-color-green-3: #479ba4\n  --bal-color-green-4: #007480\n  --bal-color-green-5: #004d56\n  --bal-color-green-6: #002226\n  --bal-color-green: var(--bal-color-green-4)\n\n  --bal-color-text-primary: var(--bal-color-primary-4)\n  --bal-color-text-primary-hovered: var(--bal-color-primary-5)\n  --bal-color-text-primary-pressed: var(--bal-color-primary-6)\n\n  --bal-link-color: var(--bal-color-purple-4)\n  --bal-link-color-hover: var(--bal-color-purple-5)\n  --bal-link-color-active: var(--bal-color-purple-6)\n  // // Native Lists\n  --bal-description-list-term-color: var(--bal-color-text-primary)\n  --bal-description-list-detail-color: var(--bal-body-color)\n  // //\n  // // Buttons\n  --bal-button-radius: 2px\n  --bal-button-background: white\n  --bal-button-color: var(--bal-color-purple-4)\n  --bal-button-color-hover: var(--bal-color-purple-5)\n  --bal-button-color-active: var(--bal-color-purple-6)\n  --bal-button-border-color: var(--bal-color-primary)\n  --bal-button-background-hover: var(--bal-color-grey-1)\n  --bal-button-background-active: var(--bal-color-grey-2)\n  --bal-button-border-color-hover: var(--bal-color-primary-4)\n  --bal-button-border-color-active: var(--bal-color-primary-5)\n  // Primary buttons\n  --bal-button-primary-background: var(--bal-color-primary)\n  --bal-button-primary-background-hover: var(--bal-color-primary-5)\n  --bal-button-primary-background-active: var(--bal-color-primary-6)\n  --bal-button-primary-border-color: var(--bal-color-primary)\n  --bal-button-primary-border-color-hover: var(--bal-color-primary-5)\n  --bal-button-primary-border-color-active: var(--bal-color-primary-6)\n  //\n  // text\n  --bal-button-text-border-color-hover: var(--bal-color-purple-1)\n  --bal-button-text-border-color-active: var(--bal-color-purple-1)\n  --bal-button-text-background-hover: var(--bal-color-purple-1)\n  --bal-button-text-background-active: var(--bal-color-purple-1)\n  // Tertiary buttons\n  --bal-button-tertiary-purple-background: var(--bal-color-purple-4)\n  --bal-button-tertiary-purple-background-hover: var(--bal-color-purple-5)\n  --bal-button-tertiary-purple-background-active: var(--bal-color-purple-6)\n  --bal-button-tertiary-purple-border-color: var(--bal-color-purple-4)\n  --bal-button-tertiary-purple-border-color-hover: var(--bal-color-purple-5)\n  --bal-button-tertiary-purple-border-color-active: var(--bal-color-purple-6)\n  --bal-button-tertiary-purple-color: white\n  --bal-button-tertiary-purple-color-hover: white\n  --bal-button-tertiary-purple-color-hover: white\n  --bal-button-tertiary-purple-color-active: white\n  // Light\n  --bal-button-light-color: var(--bal-color-purple-4)\n  --bal-button-light-color-hover: var(--bal-color-purple-5)\n  --bal-button-light-color-active: var(--bal-color-purple-6)\n  --bal-button-light-background-hover: var(--bal-color-purple-1)\n  --bal-button-light-background-active: var(--bal-color-purple-2)\n  --bal-button-light-border-color-hover: var(--bal-color-purple-1)\n  --bal-button-light-border-color-active: var(--bal-color-purple-2)\n  //\n  // disabled\n  --bal-button-disabled-color: var(--bal-color-grey-3)\n  --bal-button-disabled-border-color: var(--bal-color-grey-1)\n  --bal-button-disabled-background: var(--bal-color-grey-1)\n  //\n  // Accordions\n  --bal-list-accordion-head-background-hover: var(--bal-color-purple-5)\n  --bal-list-accordion-head-background-active: var(--bal-color-purple-6)\n  --bal-list-item-background-hover: var(--bal-color-purple-5)\n  --bal-list-item-background-active: var(--bal-color-purple-6)\n  --bal-list-item-subtile-color: var(--bal-color-grey-5)\n  //\n  // Form\n  --bal-form-field-control-color: black\n  --bal-form-field-message-color: var(--bal-color-grey-6)\n  --bal-form-field-control-border-color-active: var(--bal-color-green)\n  --bal-form-field-control-placeholder-color: var(--bal-color-grey-5)\n  // Icon\n  --bal-icon-color-primary: var(--bal-color-green)\n  --bal-icon-color-primary-dark: var(--bal-color-green-5)\n  --bal-hint-icon-color-hover: var(--bal-color-green-5)\n  //\n  // Segment\n  --bal-segment-item-indicator-background: var(--bal-color-green)\n  --bal-segment-item-divider-background: var(--bal-color-grey-3)\n  --bal-segment-item-text-color: var(--bal-color-grey-6)\n  --bal-segment-item-text-color-hovered: black\n  --bal-segment-item-text-color-pressed: black\n  --bal-segment-item-text-color-checked: white\n  --bal-segment-item-text-color-checked-hovered: white\n  --bal-segment-item-text-color-checked-pressed: white\n  //\n  // select\n  --bal-select-control-border-color-focused: var(--bal-color-green)\n  --bal-select-control-border-color-focus-within: var(--bal-color-green)\n  --bal-select-control-input-option-background-selected: var(--bal-color-green-2)\n  --bal-select-control-input-option-background-focused: var(--bal-color-grey-2)\n  --bal-select-control-input-option-background-hover: var(--bal-color-grey-2)\n  --bal-select-control-input-option-background-active: var(--bal-color-grey-3)\n  --bal-option-background-selected: var(--bal-color-green-2)\n  --bal-option-background-hovered: var(--bal-color-grey-2)\n  --bal-option-background-pressed: var(--bal-color-grey-2)\n  --bal-option-background-selected-hovered: var(--bal-color-grey-2)\n  --bal-option-background-selected-pressed: var(--bal-color-grey-2)\n  --bal-option-text-hovered: black\n\n  --bal-check-border-color: var(--bal-color-green)\n  --bal-check-border-color-hovered: var(--bal-color-green-4)\n  --bal-check-border-color-pressed: var(--bal-color-green-5)\n\n  --bal-check-background-checked: var(--bal-color-green)\n  --bal-check-background-checked-hovered: var(--bal-color-green-4)\n  --bal-check-background-checked-pressed: var(--bal-color-green-5)\n  --bal-check-border-color-checked: var(--bal-color-green)\n  --bal-check-border-color-checked-hovered: var(--bal-color-green-4)\n  --bal-check-border-color-checked-pressed: var(--bal-color-green-5)\n  --bal-checkbox-switch-label-background-before: var(--bal-color-green-1)\n  --bal-checkbox-switch-label-background-after: var(--bal-color-green)\n  --bal-checkbox-switch-label-background-hover-after: var(--bal-color-green-5)\n  --bal-checkbox-switch-label-background-pressed-after: var(--bal-color-green-6)\n  --bal-checkbox-switch-label-background-checked-before: var(--bal-color-green)\n  --bal-checkbox-switch-label-background-checked-hover-before: var(--bal-color-green)\n  --bal-checkbox-switch-label-background-checked-pressed-before: var(--bal-color-green-6)\n\n  --bal-radio-icon-background-checked: var(--bal-color-green)\n  --bal-radio-icon-background-checked-hovered: var(--bal-color-green-5)\n  --bal-radio-icon-background-checked-pressed: var(--bal-color-green-6)\n  --bal-radio-icon-border-color: var(--bal-color-green)\n  --bal-radio-icon-border-color-hovered: var(--bal-color-green-5)\n  --bal-radio-icon-border-color-pressed: var(--bal-color-green-6)\n  --bal-radio-icon-border-color-checked: var(--bal-color-green)\n  --bal-radio-icon-border-color-checked-hovered: var(--bal-color-green-5)\n  --bal-radio-icon-border-color-checked-pressed: var(--bal-color-green-6)\n  //\n  // Steps\n  --bal-steps-step-border-color-done: var(--bal-color-primary)\n  --bal-steps-step-border-color-done: var(--bal-color-primary)\n  --bal-steps-step-icon-background-done: var(--bal-color-primary)\n  --bal-steps-step-label-text-color-done: var(--bal-color-grey-6)\n  --bal-steps-step-label-text-color: var(--bal-color-grey-6)\n  --bal-steps-step-label-text-color-active: black\n  --bal-steps-step-icon-text-color: black\n  --bal-steps-step-border-color: var(--bal-color-grey-3)\n  --bal-steps-step-button-progress-line-background: var(--bal-color-grey-3)\n  --bal-steps-step-border-color-active: var(--bal-color-primary)\n  --bal-steps-step-icon-background-active: var(--bal-color-primary)\n  --bal-steps-step-button-passed-background: var(--bal-color-primary)\n  //\n  // Pagination\n  --bal-pagination-small-background: var(--bal-color-grey-3)\n  //\n  // Tabs\n  --bal-tabs-tab-nav-border-background: var(--bal-color-grey-3)\n  --bal-tabs-tab-label-text-color: var(--bal-grey-6)\n  --bal-tabs-tab-label-text-color-active: var(--bal-color-primary)\n  --bal-tabs-tab-button-label-text-color-hover: var(--bal-color-primary-5)\n  --bal-tabs-tab-button-label-text-color-active: var(--bal-color-primary-6)\n  --bal-tabs-tab-label-text-color-disabled: var(--bal-color-grey-5)\n  //\n  // Toast\n  --bal-toast-color: var(--bal-color-grey-6)\n  --bal-toast-color-info: var(--bal-color-grey-6)\n  --bal-toast-color-success: var(--bal-color-grey-6)\n  --bal-toast-color-warning: var(--bal-color-grey-6)\n  --bal-toast-color-danger: var(--bal-color-grey-6)\n  //\n  // Notification\n  --bal-notification-color: var(--bal-color-grey-6)\n  --bal-notification-color-info: var(--bal-color-grey-6)\n  --bal-notification-color-primary: var(--bal-color-purple-5)\n  --bal-notification-color-success: var(--bal-color-grey-6)\n  --bal-notification-color-warning: var(--bal-color-grey-6)\n  --bal-notification-color-danger: var(--bal-color-grey-6)\n  //\n  // Tags\n  --bal-tag-background: var(--bal-color-info-1)\n  --bal-tag-text: var(--bal-color-black)\n  --bal-tag-text-warning: var(--bal-color-black)\n  --bal-tag-text-yellow: var(--bal-color-white)\n  --bal-tag-text-green: var(--bal-color-white)\n  --bal-tag-text-purple-light: var(--bal-color-black)\n  --bal-tag-text-red-light: var(--bal-color-black)\n  --bal-tag-text-green-light: var(--bal-color-black)\n  --bal-tag-text-yellow-light: var(--bal-color-black)\n  --bal-tag-background-disabled: var(--bal-color-grey-2)\n  --bal-tag-border-disabled-color: var(--bal-color-grey-2)\n  --bal-tag-text-disabled: var(--bal-color-grey-5)\n  --bal-tag-background-disabled: var(--bal-color-grey-2)\n\n  //\n  // Spinner\n  --bal-spinner-circle-background: var(--bal-color-info-1)\n  --bal-spinner-circle-progress: var(--bal-color-green)\n  --bal-spinner-circle-progress-inverted: var(--bal-color-primary)\n  //\n  // Footer\n  --bal-footer-background: var(--bal-color-primary-5)\n  --bal-footer-language-color: var(--bal-color-text-white)\n  --bal-footer-language-color-hover: var(--bal-color-grey-1)\n  --bal-footer-language-color-active: var(--bal-color-grey-1)\n  --bal-footer-language-background: var(--bal-color-text-white)\n  --bal-footer-language-background-hover: var(--bal-color-grey-1)\n  --bal-footer-language-background-active: var(--bal-color-grey-1)\n  --bal-footer-logo-image-max-height: 64px\n  //\n  // Modal\n  --bal-modal-backdrop-background: var(--bal-color-grey-6)\n  --bal-popup-backdrop-background: rgba(70, 73, 75, .8)\n  //\n  // Stage & Nav\n  --bal-nav-link-text-color: var(--bal-color-black)\n  --bal-nav-link-group-background-purple: var(--bal-color-primary-1)\n  --bal-stage-background-purple: var(--bal-color-primary-1)\n  --bal-button-inverted-light-border-color: var(--bal-color-primary-3)\n  --bal-button-inverted-light-border-color-hover: var(--bal-color-white)\n  --bal-button-inverted-light-border-color-active: var(--bal-color-white)\n  --bal-button-inverted-light-background: var(--bal-color-primary-3)\n  --bal-button-inverted-light-background-hover: var(--bal-color-white)\n  --bal-button-inverted-light-background-active: var(--bal-color-white)\n  --bal-tabs-tab-button-label-text-color-inverted-hover: var(--bal-color-primary-1)\n  --bal-tabs-tab-button-label-text-color-inverted-active: var(--bal-color-primary-1)\n\n  --bal-focus-shadow-start-color: white\n  --bal-focus-shadow-end-color: var(--bal-color-purple-4)\n  --bal-focus-shadow-inset: inset var(--bal-focus-shadow-end-color) 0 0 0 3px, inset var(--bal-focus-shadow-start-color) 0 0 0 5px\n  --bal-focus-shadow-inverted-start-color: white\n  --bal-focus-shadow-inverted-end-color: var(--bal-color-purple-4)\n  --bal-focus-shadow-inverted-inset: inset var(--bal-focus-shadow-inverted-end-color) 0 0 0 3px, inset var(--bal-focus-shadow-inverted-start-color) 0 0 0 5px\n\nbody\n  -webkit-text-size-adjust: 100%\n\nfooter .link,\nfooter a.link\n  color: white !important\n  &:hover\n    color: white !important\n  &:active\n    color: white !important\n\n.button\n  padding: 6px 30px 7px\n  // min-height: 32px\n\nbutton.is-info,\nbutton.is-secondary\n  color: var( --bal-color-primary)\n  &:hover\n    color: var(--bal-color-primary-4)\n  &:active\n    color: var(--bal-color-primary-5)\n\n// .bal-segment-item__indicator,\n// .bal-segment-item button\n//   border-radius: 20px\n\n// .bal-segment:not(.bal-segment--vertical)\n//   border-radius: 20px\n\n.bal-input-group:not(.bal-input-group--is-disabled):focus-within\n  border-color: var(--bal-color-green)\n\n.bal-dropdown__root--theme-purple .bal-dropdown__root__content\n  color: black !important\n\n.bal-toast__inner:before,\n.bal-notification:not(.bal-notification--no-icon):before\n  background-color: var(--bal-color-grey-6)\n\n.bal-segment-item__button--checked svg,\n.bal-segment-item__button--checked path\n  fill: white !important\n\nol.list,\nul.list,\nol.is-list,\nul.is-list\n  &.has-bullet-check li::before,\n  li.has-bullet-check::before\n    background: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M13.6371 1.19792C14.0628 1.54974 14.1228 2.18006 13.7709 2.60579L5.7309 12.335C5.54856 12.5575 5.31608 12.7336 5.05661 12.8534C4.79713 12.9731 4.51423 13.0336 4.22848 13.0302H4.22758C3.93715 13.0266 3.65131 12.9573 3.39152 12.8274C3.1326 12.6979 2.90626 12.5117 2.72937 12.2826L0.210694 9.04426C-0.128376 8.60831 -0.049842 7.98003 0.386105 7.64096C0.822053 7.30189 1.45033 7.38043 1.7894 7.81638L4.25297 10.9838L12.2292 1.33176C12.581 0.906035 13.2114 0.846113 13.6371 1.19792Z' fill='%23007480'/%3E%3C/svg%3E\") no-repeat left top\n  &.has-bullet-arrow-down li::before,\n  li.has-bullet-arrow-down::before\n    background: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M7.64646 14.8536C7.84172 15.0488 8.1583 15.0488 8.35356 14.8536L11.8536 11.3536C11.9966 11.2106 12.0393 10.9955 11.9619 10.8087C11.8845 10.6218 11.7022 10.5 11.5 10.5H9V2C9 1.4477 8.5523 1 8 1C7.4477 1 7 1.4477 7 2V10.5H4.5C4.29778 10.5 4.11547 10.6218 4.03807 10.8087C3.96067 10.9955 4.00335 11.2106 4.14636 11.3536L7.64646 14.8536Z' fill='%23007480'/%3E%3C/svg%3E\") no-repeat left top\n  &.has-bullet-check-circle li::before,\n  li.has-bullet-check-circle::before\n    background: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 16C12.4183 16 16 12.4183 16 8C16 3.5817 12.4183 0 8 0C3.5817 0 0 3.5817 0 8C0 12.4183 3.5817 16 8 16ZM6.7617 11.7945C6.9826 11.6965 7.1792 11.5513 7.33773 11.369L12.3731 6.33321C12.4677 6.23396 12.5417 6.11706 12.591 5.98915C12.6403 5.86125 12.6639 5.72489 12.6604 5.58784C12.6569 5.4508 12.6263 5.31655 12.5707 5.19266C12.515 5.06876 12.4355 4.95764 12.3361 4.86409C12.2368 4.77054 12.119 4.69683 11.9909 4.64809C11.8629 4.59935 11.7276 4.57652 11.5926 4.58178C11.4576 4.58704 11.3259 4.6203 11.2068 4.67967C11.0877 4.73903 10.984 4.82323 10.9026 4.9258L6.1506 9.54226C6.10385 9.58838 6.02795 9.58894 5.98455 9.53643L4.90621 8.31175C4.71358 8.11164 4.45955 7.99738 4.19098 7.98614C3.92241 7.9749 3.66241 8.06749 3.45768 8.2449C3.25562 8.42023 3.12982 8.67109 3.10968 8.94086C3.08954 9.21063 3.17682 9.47631 3.33968 9.68257L4.74977 11.2888C4.90307 11.4854 5.09831 11.6322 5.32131 11.7346C5.54796 11.8371 5.79545 11.8936 6.04509 11.897C6.29473 11.9004 6.54228 11.8505 6.7617 11.7945Z' fill='%23007480'/%3E%3C/svg%3E\") no-repeat left top\n  &.has-bullet-close li::before,\n  li.has-bullet-close::before\n    background: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M1.70711 0.29289C1.31658 -0.09763 0.68342 -0.09763 0.29289 0.29289C-0.09763 0.68342 -0.09763 1.31658 0.29289 1.70711L5.58579 7L0.29289 12.2929C-0.09763 12.6834 -0.09763 13.3166 0.29289 13.7071C0.68342 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.68342 13.7071 0.29289C13.3166 -0.09763 12.6834 -0.09763 12.2929 0.29289L7 5.58579L1.70711 0.29289Z' fill='%23007480'/%3E%3C/svg%3E\") no-repeat left top\n  &.has-bullet-check.has-bullet-green li::before,\n  li.has-bullet-check.has-bullet-green::before\n    background: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M13.6371 1.19792C14.0628 1.54974 14.1228 2.18006 13.7709 2.60579L5.7309 12.335C5.54856 12.5575 5.31608 12.7336 5.05661 12.8534C4.79713 12.9731 4.51423 13.0336 4.22848 13.0302H4.22758C3.93805 13.0266 3.65131 12.9573 3.39152 12.8274C3.1326 12.6979 2.90626 12.5117 2.72937 12.2826L0.210694 9.04426C-0.128376 8.60831 -0.049842 7.98003 0.386105 7.64096C0.822053 7.30189 1.45033 7.38043 1.7894 7.81638L4.25297 10.9838L12.2292 1.33176C12.581 0.906035 13.2114 0.846113 13.6371 1.19792Z' fill='%23007480'/%3E%3C/svg%3E\") no-repeat left top\n\n.bal-shape\n  fill: var(--bal-color-primary-4) !important\n\n.bal-stage-back-link > a.link\n  color: var(--bal-color-primary-4)\n  &:hover\n    color: var(--bal-color-primary-5)\n  &:active\n    color: var(--bal-color-primary-6)\n  svg,\n  path\n    fill: var(--bal-color-primary-4) !important\n    &:hover\n      fill: var(--bal-color-primary-5) !important\n    &:active\n      fill: var(--bal-color-primary-6) !important\n\n// button.is-light.inverted\n//   background: var(--bal-color-primary-5)\n//   &:hover\n//     background: var(--bal-color-primary-6)\n//   &:active\n//     background: var(--bal-color-primary-6)\n\nbal-nav\n  --bal-tabs-tab-nav-line-background: var(--bal-color-purple-4)\n  --bal-tabs-tab-label-text-color-active: var(--bal-color-purple-4)\n  --bal-tabs-tab-button-label-text-color-hover: var(--bal-color-purple-5)\n  --bal-tabs-tab-button-label-text-color-active: var(--bal-color-purple-6)\n  .bal-nav-link__native\n    color: var(--bal-color-black)\n    &:hover\n      color: var(--bal-color-purple-5)\n      text-decoration: underline\n    &:active\n      color: var(--bal-color-purple-6)\n      text-decoration: underline\n"]}