npm - @baloise/ds-styles - Versions diffs - 19.7.1 → 19.8.0 - Mend

@baloise/ds-styles 19.7.1 → 19.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (31) hide show

package/css/all.css +16 -12
package/css/all.css.map +1 -1
package/css/all.min.css +1 -1
package/css/baloise-design-system.css +16 -12
package/css/baloise-design-system.css.map +1 -1
package/css/baloise-design-system.min.css +1 -1
package/css/basic.css +16 -12
package/css/basic.css.map +1 -1
package/css/basic.min.css +1 -1
package/css/core.css +16 -12
package/css/core.css.map +1 -1
package/css/core.min.css +1 -1
package/css/themes/future.css +360 -0
package/css/themes/future.css.map +1 -0
package/css/themes/future.min.css +1 -0
package/css/themes/santander.css +268 -0
package/css/themes/santander.css.map +1 -0
package/css/themes/santander.min.css +1 -0
package/css/themes/tcs.css +191 -15
package/css/themes/tcs.css.map +1 -1
package/css/themes/tcs.min.css +1 -1
package/package.json +3 -3
package/sass/themes/future.sass +366 -0
package/sass/themes/santander.sass +302 -0
package/sass/themes/tcs.sass +223 -15
package/src/core/form/button.sass +5 -5
package/src/core/list copy.sass +52 -0
package/src/core/list.sass +2 -0
package/src/core/vars/button.vars.sass +7 -7
package/src/core/vars/list.vars.sass +2 -0
package/src/mixins/svg.mixin.sass +7 -0

package/css/themes/future.css ADDED Viewed

@@ -0,0 +1,360 @@
+@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
+:root {
+  --bal-font-family-text: "Inter", "Helvetica", sans-serif;
+  --bal-font-family-title: "Inter", "Helvetica", sans-serif;
+  --bal-color-primary-1: #f1dddb;
+  --bal-color-primary-2: #d9a09b;
+  --bal-color-primary-3: #c0645c;
+  --bal-color-primary-4: #a8281c;
+  --bal-color-primary-5: #791d14;
+  --bal-color-primary-6: #4a120c;
+  --bal-color-primary: var(--bal-color-primary-4);
+  --bal-color-grey-1: #f0f1f2;
+  --bal-color-grey-2: #ecedee;
+  --bal-color-grey-3: #bbc0c3;
+  --bal-color-grey-4: #d9dcdd;
+  --bal-color-grey-5: #73787b;
+  --bal-color-grey-6: #46494b;
+  --bal-color-grey: var(--bal-color-grey-4);
+  --bal-body-color: #000;
+  --bal-color-purple-1: #d6e9eb;
+  --bal-color-purple-2: #8fc2c7;
+  --bal-color-purple-3: #479ba4;
+  --bal-color-purple-4: #007480;
+  --bal-color-purple-5: #004d56;
+  --bal-color-purple-6: #002226;
+  --bal-color-purple: var(--bal-color-purple-4);
+  --bal-color-green-1: #d6e9eb;
+  --bal-color-green-2: #8fc2c7;
+  --bal-color-green-3: #479ba4;
+  --bal-color-green-4: #007480;
+  --bal-color-green-5: #004d56;
+  --bal-color-green-6: #002226;
+  --bal-color-green: var(--bal-color-green-4);
+  --bal-color-text-primary: var(--bal-color-primary-4);
+  --bal-color-text-primary-hovered: var(--bal-color-primary-5);
+  --bal-color-text-primary-pressed: var(--bal-color-primary-6);
+  --bal-link-color: var(--bal-color-purple-4);
+  --bal-link-color-hover: var(--bal-color-purple-5);
+  --bal-link-color-active: var(--bal-color-purple-6);
+  --bal-description-list-term-color: var(--bal-color-text-primary);
+  --bal-description-list-detail-color: var(--bal-body-color);
+  --bal-button-radius: 2px;
+  --bal-button-background: white;
+  --bal-button-color: var(--bal-color-purple-4);
+  --bal-button-color-hover: var(--bal-color-purple-5);
+  --bal-button-color-active: var(--bal-color-purple-6);
+  --bal-button-border-color: var(--bal-color-primary);
+  --bal-button-background-hover: var(--bal-color-grey-1);
+  --bal-button-background-active: var(--bal-color-grey-2);
+  --bal-button-border-color-hover: var(--bal-color-primary-4);
+  --bal-button-border-color-active: var(--bal-color-primary-5);
+  --bal-button-primary-background: var(--bal-color-primary);
+  --bal-button-primary-background-hover: var(--bal-color-primary-5);
+  --bal-button-primary-background-active: var(--bal-color-primary-6);
+  --bal-button-primary-border-color: var(--bal-color-primary);
+  --bal-button-primary-border-color-hover: var(--bal-color-primary-5);
+  --bal-button-primary-border-color-active: var(--bal-color-primary-6);
+  --bal-button-text-border-color-hover: var(--bal-color-purple-1);
+  --bal-button-text-border-color-active: var(--bal-color-purple-1);
+  --bal-button-text-background-hover: var(--bal-color-purple-1);
+  --bal-button-text-background-active: var(--bal-color-purple-1);
+  --bal-button-tertiary-purple-background: var(--bal-color-purple-4);
+  --bal-button-tertiary-purple-background-hover: var(--bal-color-purple-5);
+  --bal-button-tertiary-purple-background-active: var(--bal-color-purple-6);
+  --bal-button-tertiary-purple-border-color: var(--bal-color-purple-4);
+  --bal-button-tertiary-purple-border-color-hover: var(--bal-color-purple-5);
+  --bal-button-tertiary-purple-border-color-active: var(--bal-color-purple-6);
+  --bal-button-tertiary-purple-color: white;
+  --bal-button-tertiary-purple-color-hover: white;
+  --bal-button-tertiary-purple-color-hover: white;
+  --bal-button-tertiary-purple-color-active: white;
+  --bal-button-light-color: var(--bal-color-purple-4);
+  --bal-button-light-color-hover: var(--bal-color-purple-5);
+  --bal-button-light-color-active: var(--bal-color-purple-6);
+  --bal-button-light-background-hover: var(--bal-color-purple-1);
+  --bal-button-light-background-active: var(--bal-color-purple-2);
+  --bal-button-light-border-color-hover: var(--bal-color-purple-1);
+  --bal-button-light-border-color-active: var(--bal-color-purple-2);
+  --bal-button-disabled-color: var(--bal-color-grey-3);
+  --bal-button-disabled-border-color: var(--bal-color-grey-1);
+  --bal-button-disabled-background: var(--bal-color-grey-1);
+  --bal-list-accordion-head-background-hover: var(--bal-color-purple-5);
+  --bal-list-accordion-head-background-active: var(--bal-color-purple-6);
+  --bal-list-item-background-hover: var(--bal-color-purple-5);
+  --bal-list-item-background-active: var(--bal-color-purple-6);
+  --bal-list-item-subtile-color: var(--bal-color-grey-5);
+  --bal-form-field-control-color: black;
+  --bal-form-field-message-color: var(--bal-color-grey-6);
+  --bal-form-field-control-border-color-active: var(--bal-color-green);
+  --bal-form-field-control-placeholder-color: var(--bal-color-grey-5);
+  --bal-icon-color-primary: var(--bal-color-green);
+  --bal-icon-color-primary-dark: var(--bal-color-green-5);
+  --bal-hint-icon-color-hover: var(--bal-color-green-5);
+  --bal-segment-item-indicator-background: var(--bal-color-green);
+  --bal-segment-item-divider-background: var(--bal-color-grey-3);
+  --bal-segment-item-text-color: var(--bal-color-grey-6);
+  --bal-segment-item-text-color-hovered: black;
+  --bal-segment-item-text-color-pressed: black;
+  --bal-segment-item-text-color-checked: white;
+  --bal-segment-item-text-color-checked-hovered: white;
+  --bal-segment-item-text-color-checked-pressed: white;
+  --bal-select-control-border-color-focused: var(--bal-color-green);
+  --bal-select-control-border-color-focus-within: var(--bal-color-green);
+  --bal-select-control-input-option-background-selected: var(--bal-color-green-2);
+  --bal-select-control-input-option-background-focused: var(--bal-color-grey-2);
+  --bal-select-control-input-option-background-hover: var(--bal-color-grey-2);
+  --bal-select-control-input-option-background-active: var(--bal-color-grey-3);
+  --bal-option-background-selected: var(--bal-color-green-2);
+  --bal-option-background-hovered: var(--bal-color-grey-2);
+  --bal-option-background-pressed: var(--bal-color-grey-2);
+  --bal-option-background-selected-hovered: var(--bal-color-grey-2);
+  --bal-option-background-selected-pressed: var(--bal-color-grey-2);
+  --bal-option-text-hovered: black;
+  --bal-check-border-color: var(--bal-color-green);
+  --bal-check-border-color-hovered: var(--bal-color-green-4);
+  --bal-check-border-color-pressed: var(--bal-color-green-5);
+  --bal-check-background-checked: var(--bal-color-green);
+  --bal-check-background-checked-hovered: var(--bal-color-green-4);
+  --bal-check-background-checked-pressed: var(--bal-color-green-5);
+  --bal-check-border-color-checked: var(--bal-color-green);
+  --bal-check-border-color-checked-hovered: var(--bal-color-green-4);
+  --bal-check-border-color-checked-pressed: var(--bal-color-green-5);
+  --bal-checkbox-switch-label-background-before: var(--bal-color-green-1);
+  --bal-checkbox-switch-label-background-after: var(--bal-color-green);
+  --bal-checkbox-switch-label-background-hover-after: var(--bal-color-green-5);
+  --bal-checkbox-switch-label-background-pressed-after: var(--bal-color-green-6);
+  --bal-checkbox-switch-label-background-checked-before: var(--bal-color-green);
+  --bal-checkbox-switch-label-background-checked-hover-before: var(--bal-color-green);
+  --bal-checkbox-switch-label-background-checked-pressed-before: var(--bal-color-green-6);
+  --bal-radio-icon-background-checked: var(--bal-color-green);
+  --bal-radio-icon-background-checked-hovered: var(--bal-color-green-5);
+  --bal-radio-icon-background-checked-pressed: var(--bal-color-green-6);
+  --bal-radio-icon-border-color: var(--bal-color-green);
+  --bal-radio-icon-border-color-hovered: var(--bal-color-green-5);
+  --bal-radio-icon-border-color-pressed: var(--bal-color-green-6);
+  --bal-radio-icon-border-color-checked: var(--bal-color-green);
+  --bal-radio-icon-border-color-checked-hovered: var(--bal-color-green-5);
+  --bal-radio-icon-border-color-checked-pressed: var(--bal-color-green-6);
+  --bal-steps-step-border-color-done: var(--bal-color-primary);
+  --bal-steps-step-border-color-done: var(--bal-color-primary);
+  --bal-steps-step-icon-background-done: var(--bal-color-primary);
+  --bal-steps-step-label-text-color-done: var(--bal-color-grey-6);
+  --bal-steps-step-label-text-color: var(--bal-color-grey-6);
+  --bal-steps-step-label-text-color-active: black;
+  --bal-steps-step-icon-text-color: black;
+  --bal-steps-step-border-color: var(--bal-color-grey-3);
+  --bal-steps-step-button-progress-line-background: var(--bal-color-grey-3);
+  --bal-steps-step-border-color-active: var(--bal-color-primary);
+  --bal-steps-step-icon-background-active: var(--bal-color-primary);
+  --bal-steps-step-button-passed-background: var(--bal-color-primary);
+  --bal-pagination-small-background: var(--bal-color-grey-3);
+  --bal-tabs-tab-nav-border-background: var(--bal-color-grey-3);
+  --bal-tabs-tab-label-text-color: var(--bal-grey-6);
+  --bal-tabs-tab-label-text-color-active: var(--bal-color-primary);
+  --bal-tabs-tab-button-label-text-color-hover: var(--bal-color-primary-5);
+  --bal-tabs-tab-button-label-text-color-active: var(--bal-color-primary-6);
+  --bal-tabs-tab-label-text-color-disabled: var(--bal-color-grey-5);
+  --bal-toast-color: var(--bal-color-grey-6);
+  --bal-toast-color-info: var(--bal-color-grey-6);
+  --bal-toast-color-success: var(--bal-color-grey-6);
+  --bal-toast-color-warning: var(--bal-color-grey-6);
+  --bal-toast-color-danger: var(--bal-color-grey-6);
+  --bal-notification-color: var(--bal-color-grey-6);
+  --bal-notification-color-info: var(--bal-color-grey-6);
+  --bal-notification-color-primary: var(--bal-color-purple-5);
+  --bal-notification-color-success: var(--bal-color-grey-6);
+  --bal-notification-color-warning: var(--bal-color-grey-6);
+  --bal-notification-color-danger: var(--bal-color-grey-6);
+  --bal-tag-background: var(--bal-color-info-1);
+  --bal-tag-text: var(--bal-color-black);
+  --bal-tag-text-warning: var(--bal-color-black);
+  --bal-tag-text-yellow: var(--bal-color-white);
+  --bal-tag-text-green: var(--bal-color-white);
+  --bal-tag-text-purple-light: var(--bal-color-black);
+  --bal-tag-text-red-light: var(--bal-color-black);
+  --bal-tag-text-green-light: var(--bal-color-black);
+  --bal-tag-text-yellow-light: var(--bal-color-black);
+  --bal-tag-background-disabled: var(--bal-color-grey-2);
+  --bal-tag-border-disabled-color: var(--bal-color-grey-2);
+  --bal-tag-text-disabled: var(--bal-color-grey-5);
+  --bal-tag-background-disabled: var(--bal-color-grey-2);
+  --bal-spinner-circle-background: var(--bal-color-info-1);
+  --bal-spinner-circle-progress: var(--bal-color-green);
+  --bal-spinner-circle-progress-inverted: var(--bal-color-primary);
+  --bal-footer-background: var(--bal-color-primary-5);
+  --bal-footer-language-color: var(--bal-color-text-white);
+  --bal-footer-language-color-hover: var(--bal-color-grey-1);
+  --bal-footer-language-color-active: var(--bal-color-grey-1);
+  --bal-footer-language-background: var(--bal-color-text-white);
+  --bal-footer-language-background-hover: var(--bal-color-grey-1);
+  --bal-footer-language-background-active: var(--bal-color-grey-1);
+  --bal-footer-logo-image-max-height: 64px;
+  --bal-modal-backdrop-background: var(--bal-color-grey-6);
+  --bal-popup-backdrop-background: rgba(70, 73, 75, .8);
+  --bal-nav-link-text-color: var(--bal-color-black);
+  --bal-nav-link-group-background-purple: var(--bal-color-primary-1);
+  --bal-stage-background-purple: var(--bal-color-primary-1);
+  --bal-button-inverted-light-border-color: var(--bal-color-primary-3);
+  --bal-button-inverted-light-border-color-hover: var(--bal-color-white);
+  --bal-button-inverted-light-border-color-active: var(--bal-color-white);
+  --bal-button-inverted-light-background: var(--bal-color-primary-3);
+  --bal-button-inverted-light-background-hover: var(--bal-color-white);
+  --bal-button-inverted-light-background-active: var(--bal-color-white);
+  --bal-tabs-tab-button-label-text-color-inverted-hover: var(--bal-color-primary-1);
+  --bal-tabs-tab-button-label-text-color-inverted-active: var(--bal-color-primary-1);
+  --bal-focus-shadow-start-color: white;
+  --bal-focus-shadow-end-color: var(--bal-color-purple-4);
+  --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;
+  --bal-focus-shadow-inverted-start-color: white;
+  --bal-focus-shadow-inverted-end-color: var(--bal-color-purple-4);
+  --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;
+}
+body {
+  -webkit-text-size-adjust: 100%;
+}
+footer .link,
+footer a.link {
+  color: white !important;
+}
+footer .link:hover,
+footer a.link:hover {
+  color: white !important;
+}
+footer .link:active,
+footer a.link:active {
+  color: white !important;
+}
+.button {
+  padding: 6px 30px 7px;
+}
+button.is-info,
+button.is-secondary {
+  color: var(--bal-color-primary);
+}
+button.is-info:hover,
+button.is-secondary:hover {
+  color: var(--bal-color-primary-4);
+}
+button.is-info:active,
+button.is-secondary:active {
+  color: var(--bal-color-primary-5);
+}
+.bal-input-group:not(.bal-input-group--is-disabled):focus-within {
+  border-color: var(--bal-color-green);
+}
+.bal-dropdown__root--theme-purple .bal-dropdown__root__content {
+  color: black !important;
+}
+.bal-toast__inner:before,
+.bal-notification:not(.bal-notification--no-icon):before {
+  background-color: var(--bal-color-grey-6);
+}
+.bal-segment-item__button--checked svg,
+.bal-segment-item__button--checked path {
+  fill: white !important;
+}
+ol.list.has-bullet-check li::before,
+ol.list li.has-bullet-check::before,
+ul.list.has-bullet-check li::before,
+ul.list li.has-bullet-check::before,
+ol.is-list.has-bullet-check li::before,
+ol.is-list li.has-bullet-check::before,
+ul.is-list.has-bullet-check li::before,
+ul.is-list li.has-bullet-check::before {
+  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;
+}
+ol.list.has-bullet-arrow-down li::before,
+ol.list li.has-bullet-arrow-down::before,
+ul.list.has-bullet-arrow-down li::before,
+ul.list li.has-bullet-arrow-down::before,
+ol.is-list.has-bullet-arrow-down li::before,
+ol.is-list li.has-bullet-arrow-down::before,
+ul.is-list.has-bullet-arrow-down li::before,
+ul.is-list li.has-bullet-arrow-down::before {
+  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;
+}
+ol.list.has-bullet-check-circle li::before,
+ol.list li.has-bullet-check-circle::before,
+ul.list.has-bullet-check-circle li::before,
+ul.list li.has-bullet-check-circle::before,
+ol.is-list.has-bullet-check-circle li::before,
+ol.is-list li.has-bullet-check-circle::before,
+ul.is-list.has-bullet-check-circle li::before,
+ul.is-list li.has-bullet-check-circle::before {
+  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;
+}
+ol.list.has-bullet-close li::before,
+ol.list li.has-bullet-close::before,
+ul.list.has-bullet-close li::before,
+ul.list li.has-bullet-close::before,
+ol.is-list.has-bullet-close li::before,
+ol.is-list li.has-bullet-close::before,
+ul.is-list.has-bullet-close li::before,
+ul.is-list li.has-bullet-close::before {
+  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;
+}
+ol.list.has-bullet-check.has-bullet-green li::before,
+ol.list li.has-bullet-check.has-bullet-green::before,
+ul.list.has-bullet-check.has-bullet-green li::before,
+ul.list li.has-bullet-check.has-bullet-green::before,
+ol.is-list.has-bullet-check.has-bullet-green li::before,
+ol.is-list li.has-bullet-check.has-bullet-green::before,
+ul.is-list.has-bullet-check.has-bullet-green li::before,
+ul.is-list li.has-bullet-check.has-bullet-green::before {
+  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;
+}
+.bal-shape {
+  fill: var(--bal-color-primary-4) !important;
+}
+.bal-stage-back-link > a.link {
+  color: var(--bal-color-primary-4);
+}
+.bal-stage-back-link > a.link:hover {
+  color: var(--bal-color-primary-5);
+}
+.bal-stage-back-link > a.link:active {
+  color: var(--bal-color-primary-6);
+}
+.bal-stage-back-link > a.link svg,
+.bal-stage-back-link > a.link path {
+  fill: var(--bal-color-primary-4) !important;
+}
+.bal-stage-back-link > a.link svg:hover,
+.bal-stage-back-link > a.link path:hover {
+  fill: var(--bal-color-primary-5) !important;
+}
+.bal-stage-back-link > a.link svg:active,
+.bal-stage-back-link > a.link path:active {
+  fill: var(--bal-color-primary-6) !important;
+}
+bal-nav {
+  --bal-tabs-tab-nav-line-background: var(--bal-color-purple-4);
+  --bal-tabs-tab-label-text-color-active: var(--bal-color-purple-4);
+  --bal-tabs-tab-button-label-text-color-hover: var(--bal-color-purple-5);
+  --bal-tabs-tab-button-label-text-color-active: var(--bal-color-purple-6);
+}
+bal-nav .bal-nav-link__native {
+  color: var(--bal-color-black);
+}
+bal-nav .bal-nav-link__native:hover {
+  color: var(--bal-color-purple-5);
+  text-decoration: underline;
+}
+bal-nav .bal-nav-link__native:active {
+  color: var(--bal-color-purple-6);
+  text-decoration: underline;
+}
+/*# sourceMappingURL=themes/future.css.map */

package/css/themes/future.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"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"]}

package/css/themes/future.min.css ADDED Viewed

@@ -0,0 +1 @@

+ @import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);:root{--bal-font-family-text:"Inter","Helvetica",sans-serif;--bal-font-family-title:"Inter","Helvetica",sans-serif;--bal-color-primary-1:#f1dddb;--bal-color-primary-2:#d9a09b;--bal-color-primary-3:#c0645c;--bal-color-primary-4:#a8281c;--bal-color-primary-5:#791d14;--bal-color-primary-6:#4a120c;--bal-color-primary:var(--bal-color-primary-4);--bal-color-grey-1:#f0f1f2;--bal-color-grey-2:#ecedee;--bal-color-grey-3:#bbc0c3;--bal-color-grey-4:#d9dcdd;--bal-color-grey-5:#73787b;--bal-color-grey-6:#46494b;--bal-color-grey:var(--bal-color-grey-4);--bal-body-color:#000;--bal-color-purple-1:#d6e9eb;--bal-color-purple-2:#8fc2c7;--bal-color-purple-3:#479ba4;--bal-color-purple-4:#007480;--bal-color-purple-5:#004d56;--bal-color-purple-6:#002226;--bal-color-purple:var(--bal-color-purple-4);--bal-color-green-1:#d6e9eb;--bal-color-green-2:#8fc2c7;--bal-color-green-3:#479ba4;--bal-color-green-4:#007480;--bal-color-green-5:#004d56;--bal-color-green-6:#002226;--bal-color-green:var(--bal-color-green-4);--bal-color-text-primary:var(--bal-color-primary-4);--bal-color-text-primary-hovered:var(--bal-color-primary-5);--bal-color-text-primary-pressed:var(--bal-color-primary-6);--bal-link-color:var(--bal-color-purple-4);--bal-link-color-hover:var(--bal-color-purple-5);--bal-link-color-active:var(--bal-color-purple-6);--bal-description-list-term-color:var(--bal-color-text-primary);--bal-description-list-detail-color:var(--bal-body-color);--bal-button-radius:2px;--bal-button-background:white;--bal-button-color:var(--bal-color-purple-4);--bal-button-color-hover:var(--bal-color-purple-5);--bal-button-color-active:var(--bal-color-purple-6);--bal-button-border-color:var(--bal-color-primary);--bal-button-background-hover:var(--bal-color-grey-1);--bal-button-background-active:var(--bal-color-grey-2);--bal-button-border-color-hover:var(--bal-color-primary-4);--bal-button-border-color-active:var(--bal-color-primary-5);--bal-button-primary-background:var(--bal-color-primary);--bal-button-primary-background-hover:var(--bal-color-primary-5);--bal-button-primary-background-active:var(--bal-color-primary-6);--bal-button-primary-border-color:var(--bal-color-primary);--bal-button-primary-border-color-hover:var(--bal-color-primary-5);--bal-button-primary-border-color-active:var(--bal-color-primary-6);--bal-button-text-border-color-hover:var(--bal-color-purple-1);--bal-button-text-border-color-active:var(--bal-color-purple-1);--bal-button-text-background-hover:var(--bal-color-purple-1);--bal-button-text-background-active:var(--bal-color-purple-1);--bal-button-tertiary-purple-background:var(--bal-color-purple-4);--bal-button-tertiary-purple-background-hover:var(--bal-color-purple-5);--bal-button-tertiary-purple-background-active:var(--bal-color-purple-6);--bal-button-tertiary-purple-border-color:var(--bal-color-purple-4);--bal-button-tertiary-purple-border-color-hover:var(--bal-color-purple-5);--bal-button-tertiary-purple-border-color-active:var(--bal-color-purple-6);--bal-button-tertiary-purple-color:white;--bal-button-tertiary-purple-color-hover:white;--bal-button-tertiary-purple-color-hover:white;--bal-button-tertiary-purple-color-active:white;--bal-button-light-color:var(--bal-color-purple-4);--bal-button-light-color-hover:var(--bal-color-purple-5);--bal-button-light-color-active:var(--bal-color-purple-6);--bal-button-light-background-hover:var(--bal-color-purple-1);--bal-button-light-background-active:var(--bal-color-purple-2);--bal-button-light-border-color-hover:var(--bal-color-purple-1);--bal-button-light-border-color-active:var(--bal-color-purple-2);--bal-button-disabled-color:var(--bal-color-grey-3);--bal-button-disabled-border-color:var(--bal-color-grey-1);--bal-button-disabled-background:var(--bal-color-grey-1);--bal-list-accordion-head-background-hover:var(--bal-color-purple-5);--bal-list-accordion-head-background-active:var(--bal-color-purple-6);--bal-list-item-background-hover:var(--bal-color-purple-5);--bal-list-item-background-active:var(--bal-color-purple-6);--bal-list-item-subtile-color:var(--bal-color-grey-5);--bal-form-field-control-color:black;--bal-form-field-message-color:var(--bal-color-grey-6);--bal-form-field-control-border-color-active:var(--bal-color-green);--bal-form-field-control-placeholder-color:var(--bal-color-grey-5);--bal-icon-color-primary:var(--bal-color-green);--bal-icon-color-primary-dark:var(--bal-color-green-5);--bal-hint-icon-color-hover:var(--bal-color-green-5);--bal-segment-item-indicator-background:var(--bal-color-green);--bal-segment-item-divider-background:var(--bal-color-grey-3);--bal-segment-item-text-color:var(--bal-color-grey-6);--bal-segment-item-text-color-hovered:black;--bal-segment-item-text-color-pressed:black;--bal-segment-item-text-color-checked:white;--bal-segment-item-text-color-checked-hovered:white;--bal-segment-item-text-color-checked-pressed:white;--bal-select-control-border-color-focused:var(--bal-color-green);--bal-select-control-border-color-focus-within:var(--bal-color-green);--bal-select-control-input-option-background-selected:var(--bal-color-green-2);--bal-select-control-input-option-background-focused:var(--bal-color-grey-2);--bal-select-control-input-option-background-hover:var(--bal-color-grey-2);--bal-select-control-input-option-background-active:var(--bal-color-grey-3);--bal-option-background-selected:var(--bal-color-green-2);--bal-option-background-hovered:var(--bal-color-grey-2);--bal-option-background-pressed:var(--bal-color-grey-2);--bal-option-background-selected-hovered:var(--bal-color-grey-2);--bal-option-background-selected-pressed:var(--bal-color-grey-2);--bal-option-text-hovered:black;--bal-check-border-color:var(--bal-color-green);--bal-check-border-color-hovered:var(--bal-color-green-4);--bal-check-border-color-pressed:var(--bal-color-green-5);--bal-check-background-checked:var(--bal-color-green);--bal-check-background-checked-hovered:var(--bal-color-green-4);--bal-check-background-checked-pressed:var(--bal-color-green-5);--bal-check-border-color-checked:var(--bal-color-green);--bal-check-border-color-checked-hovered:var(--bal-color-green-4);--bal-check-border-color-checked-pressed:var(--bal-color-green-5);--bal-checkbox-switch-label-background-before:var(--bal-color-green-1);--bal-checkbox-switch-label-background-after:var(--bal-color-green);--bal-checkbox-switch-label-background-hover-after:var(--bal-color-green-5);--bal-checkbox-switch-label-background-pressed-after:var(--bal-color-green-6);--bal-checkbox-switch-label-background-checked-before:var(--bal-color-green);--bal-checkbox-switch-label-background-checked-hover-before:var(--bal-color-green);--bal-checkbox-switch-label-background-checked-pressed-before:var(--bal-color-green-6);--bal-radio-icon-background-checked:var(--bal-color-green);--bal-radio-icon-background-checked-hovered:var(--bal-color-green-5);--bal-radio-icon-background-checked-pressed:var(--bal-color-green-6);--bal-radio-icon-border-color:var(--bal-color-green);--bal-radio-icon-border-color-hovered:var(--bal-color-green-5);--bal-radio-icon-border-color-pressed:var(--bal-color-green-6);--bal-radio-icon-border-color-checked:var(--bal-color-green);--bal-radio-icon-border-color-checked-hovered:var(--bal-color-green-5);--bal-radio-icon-border-color-checked-pressed:var(--bal-color-green-6);--bal-steps-step-border-color-done:var(--bal-color-primary);--bal-steps-step-border-color-done:var(--bal-color-primary);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-label-text-color-done:var(--bal-color-grey-6);--bal-steps-step-label-text-color:var(--bal-color-grey-6);--bal-steps-step-label-text-color-active:black;--bal-steps-step-icon-text-color:black;--bal-steps-step-border-color:var(--bal-color-grey-3);--bal-steps-step-button-progress-line-background:var(--bal-color-grey-3);--bal-steps-step-border-color-active:var(--bal-color-primary);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-button-passed-background:var(--bal-color-primary);--bal-pagination-small-background:var(--bal-color-grey-3);--bal-tabs-tab-nav-border-background:var(--bal-color-grey-3);--bal-tabs-tab-label-text-color:var(--bal-grey-6);--bal-tabs-tab-label-text-color-active:var(--bal-color-primary);--bal-tabs-tab-button-label-text-color-hover:var(--bal-color-primary-5);--bal-tabs-tab-button-label-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-label-text-color-disabled:var(--bal-color-grey-5);--bal-toast-color:var(--bal-color-grey-6);--bal-toast-color-info:var(--bal-color-grey-6);--bal-toast-color-success:var(--bal-color-grey-6);--bal-toast-color-warning:var(--bal-color-grey-6);--bal-toast-color-danger:var(--bal-color-grey-6);--bal-notification-color:var(--bal-color-grey-6);--bal-notification-color-info:var(--bal-color-grey-6);--bal-notification-color-primary:var(--bal-color-purple-5);--bal-notification-color-success:var(--bal-color-grey-6);--bal-notification-color-warning:var(--bal-color-grey-6);--bal-notification-color-danger:var(--bal-color-grey-6);--bal-tag-background:var(--bal-color-info-1);--bal-tag-text:var(--bal-color-black);--bal-tag-text-warning:var(--bal-color-black);--bal-tag-text-yellow:var(--bal-color-white);--bal-tag-text-green:var(--bal-color-white);--bal-tag-text-purple-light:var(--bal-color-black);--bal-tag-text-red-light:var(--bal-color-black);--bal-tag-text-green-light:var(--bal-color-black);--bal-tag-text-yellow-light:var(--bal-color-black);--bal-tag-background-disabled:var(--bal-color-grey-2);--bal-tag-border-disabled-color:var(--bal-color-grey-2);--bal-tag-text-disabled:var(--bal-color-grey-5);--bal-tag-background-disabled:var(--bal-color-grey-2);--bal-spinner-circle-background:var(--bal-color-info-1);--bal-spinner-circle-progress:var(--bal-color-green);--bal-spinner-circle-progress-inverted:var(--bal-color-primary);--bal-footer-background:var(--bal-color-primary-5);--bal-footer-language-color:var(--bal-color-text-white);--bal-footer-language-color-hover:var(--bal-color-grey-1);--bal-footer-language-color-active:var(--bal-color-grey-1);--bal-footer-language-background:var(--bal-color-text-white);--bal-footer-language-background-hover:var(--bal-color-grey-1);--bal-footer-language-background-active:var(--bal-color-grey-1);--bal-footer-logo-image-max-height:64px;--bal-modal-backdrop-background:var(--bal-color-grey-6);--bal-popup-backdrop-background:rgba(70, 73, 75, .8);--bal-nav-link-text-color:var(--bal-color-black);--bal-nav-link-group-background-purple:var(--bal-color-primary-1);--bal-stage-background-purple:var(--bal-color-primary-1);--bal-button-inverted-light-border-color:var(--bal-color-primary-3);--bal-button-inverted-light-border-color-hover:var(--bal-color-white);--bal-button-inverted-light-border-color-active:var(--bal-color-white);--bal-button-inverted-light-background:var(--bal-color-primary-3);--bal-button-inverted-light-background-hover:var(--bal-color-white);--bal-button-inverted-light-background-active:var(--bal-color-white);--bal-tabs-tab-button-label-text-color-inverted-hover:var(--bal-color-primary-1);--bal-tabs-tab-button-label-text-color-inverted-active:var(--bal-color-primary-1);--bal-focus-shadow-start-color:white;--bal-focus-shadow-end-color:var(--bal-color-purple-4);--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;--bal-focus-shadow-inverted-start-color:white;--bal-focus-shadow-inverted-end-color:var(--bal-color-purple-4);--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}body{-webkit-text-size-adjust:100%}footer .link,footer .link:active,footer .link:hover,footer a.link,footer a.link:active,footer a.link:hover{color:#fff!important}.button{padding:6px 30px 7px}button.is-info,button.is-secondary{color:var(--bal-color-primary)}button.is-info:hover,button.is-secondary:hover{color:var(--bal-color-primary-4)}button.is-info:active,button.is-secondary:active{color:var(--bal-color-primary-5)}.bal-input-group:not(.bal-input-group--is-disabled):focus-within{border-color:var(--bal-color-green)}.bal-dropdown__root--theme-purple .bal-dropdown__root__content{color:#000!important}.bal-notification:not(.bal-notification--no-icon):before,.bal-toast__inner:before{background-color:var(--bal-color-grey-6)}.bal-segment-item__button--checked path,.bal-segment-item__button--checked svg{fill:white!important}ol.is-list li.has-bullet-check::before,ol.is-list.has-bullet-check li::before,ol.list li.has-bullet-check::before,ol.list.has-bullet-check li::before,ul.is-list li.has-bullet-check::before,ul.is-list.has-bullet-check li::before,ul.list li.has-bullet-check::before,ul.list.has-bullet-check li::before{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") left top no-repeat}ol.is-list li.has-bullet-arrow-down::before,ol.is-list.has-bullet-arrow-down li::before,ol.list li.has-bullet-arrow-down::before,ol.list.has-bullet-arrow-down li::before,ul.is-list li.has-bullet-arrow-down::before,ul.is-list.has-bullet-arrow-down li::before,ul.list li.has-bullet-arrow-down::before,ul.list.has-bullet-arrow-down li::before{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") left top no-repeat}ol.is-list li.has-bullet-check-circle::before,ol.is-list.has-bullet-check-circle li::before,ol.list li.has-bullet-check-circle::before,ol.list.has-bullet-check-circle li::before,ul.is-list li.has-bullet-check-circle::before,ul.is-list.has-bullet-check-circle li::before,ul.list li.has-bullet-check-circle::before,ul.list.has-bullet-check-circle li::before{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") left top no-repeat}ol.is-list li.has-bullet-close::before,ol.is-list.has-bullet-close li::before,ol.list li.has-bullet-close::before,ol.list.has-bullet-close li::before,ul.is-list li.has-bullet-close::before,ul.is-list.has-bullet-close li::before,ul.list li.has-bullet-close::before,ul.list.has-bullet-close li::before{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") left top no-repeat}ol.is-list li.has-bullet-check.has-bullet-green::before,ol.is-list.has-bullet-check.has-bullet-green li::before,ol.list li.has-bullet-check.has-bullet-green::before,ol.list.has-bullet-check.has-bullet-green li::before,ul.is-list li.has-bullet-check.has-bullet-green::before,ul.is-list.has-bullet-check.has-bullet-green li::before,ul.list li.has-bullet-check.has-bullet-green::before,ul.list.has-bullet-check.has-bullet-green li::before{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") left top no-repeat}.bal-shape{fill:var(--bal-color-primary-4)!important}.bal-stage-back-link>a.link{color:var(--bal-color-primary-4)}.bal-stage-back-link>a.link:hover{color:var(--bal-color-primary-5)}.bal-stage-back-link>a.link:active{color:var(--bal-color-primary-6)}.bal-stage-back-link>a.link path,.bal-stage-back-link>a.link svg{fill:var(--bal-color-primary-4)!important}.bal-stage-back-link>a.link path:hover,.bal-stage-back-link>a.link svg:hover{fill:var(--bal-color-primary-5)!important}.bal-stage-back-link>a.link path:active,.bal-stage-back-link>a.link svg:active{fill:var(--bal-color-primary-6)!important}bal-nav{--bal-tabs-tab-nav-line-background:var(--bal-color-purple-4);--bal-tabs-tab-label-text-color-active:var(--bal-color-purple-4);--bal-tabs-tab-button-label-text-color-hover:var(--bal-color-purple-5);--bal-tabs-tab-button-label-text-color-active:var(--bal-color-purple-6)}bal-nav .bal-nav-link__native{color:var(--bal-color-black)}bal-nav .bal-nav-link__native:hover{color:var(--bal-color-purple-5);text-decoration:underline}bal-nav .bal-nav-link__native:active{color:var(--bal-color-purple-6);text-decoration:underline}