npm - @baloise/ds-styles - Versions diffs - 0.0.5-nightly.e56f740 - Mend

@baloise/ds-styles 0.0.5-nightly.e56f740

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 (117) hide show

package/LICENSE +201 -0
package/README.md +45 -0
package/bin/index.mjs +1333 -0
package/css/all.css +18468 -0
package/css/all.css.map +1 -0
package/css/all.min.css +1 -0
package/css/baloise-design-system.css +18468 -0
package/css/baloise-design-system.css.map +1 -0
package/css/baloise-design-system.min.css +1 -0
package/css/core.css +4423 -0
package/css/core.css.map +1 -0
package/css/core.min.css +1 -0
package/css/font.css +29 -0
package/css/font.css.map +1 -0
package/css/font.min.css +1 -0
package/css/mixins.css +2 -0
package/css/mixins.css.map +1 -0
package/css/mixins.min.css +0 -0
package/css/normalize.css +351 -0
package/css/normalize.css.map +1 -0
package/css/normalize.min.css +1 -0
package/css/structure.css +147 -0
package/css/structure.css.map +1 -0
package/css/structure.min.css +1 -0
package/css/themes/compact.css +30 -0
package/css/themes/compact.css.map +1 -0
package/css/themes/compact.min.css +1 -0
package/css/utilities/all.css +13112 -0
package/css/utilities/all.css.map +1 -0
package/css/utilities/all.min.css +1 -0
package/css/utilities/background.css +1460 -0
package/css/utilities/background.css.map +1 -0
package/css/utilities/background.min.css +1 -0
package/css/utilities/border.css +4697 -0
package/css/utilities/border.css.map +1 -0
package/css/utilities/border.min.css +1 -0
package/css/utilities/elevation.css +317 -0
package/css/utilities/elevation.css.map +1 -0
package/css/utilities/elevation.min.css +1 -0
package/css/utilities/flex.css +969 -0
package/css/utilities/flex.css.map +1 -0
package/css/utilities/flex.min.css +1 -0
package/css/utilities/grid.css +1209 -0
package/css/utilities/grid.css.map +1 -0
package/css/utilities/grid.min.css +1 -0
package/css/utilities/interaction.css +44 -0
package/css/utilities/interaction.css.map +1 -0
package/css/utilities/interaction.min.css +1 -0
package/css/utilities/layout.css +1055 -0
package/css/utilities/layout.css.map +1 -0
package/css/utilities/layout.min.css +1 -0
package/css/utilities/sizing.css +1931 -0
package/css/utilities/sizing.css.map +1 -0
package/css/utilities/sizing.min.css +1 -0
package/css/utilities/spacing.css +1881 -0
package/css/utilities/spacing.css.map +1 -0
package/css/utilities/spacing.min.css +1 -0
package/css/utilities/typography.css +763 -0
package/css/utilities/typography.css.map +1 -0
package/css/utilities/typography.min.css +1 -0
package/package.json +36 -0
package/sass/all.sass +6 -0
package/sass/baloise-design-system.sass +1 -0
package/sass/core.sass +37 -0
package/sass/font.sass +1 -0
package/sass/mixins.sass +3 -0
package/sass/normalize.sass +359 -0
package/sass/structure.sass +113 -0
package/sass/themes/compact.sass +28 -0
package/sass/utilities/all.sass +9 -0
package/sass/utilities/background.sass +5 -0
package/sass/utilities/border.sass +2 -0
package/sass/utilities/elevation.sass +2 -0
package/sass/utilities/flex.sass +2 -0
package/sass/utilities/grid.sass +2 -0
package/sass/utilities/interaction.sass +2 -0
package/sass/utilities/layout.sass +12 -0
package/sass/utilities/sizing.sass +2 -0
package/sass/utilities/spacing.sass +2 -0
package/sass/utilities/typography.sass +127 -0
package/src/core/_all.sass +18 -0
package/src/core/container.sass +23 -0
package/src/core/form/_all.sass +6 -0
package/src/core/form/button.sass +532 -0
package/src/core/form/file.sass +139 -0
package/src/core/form/input-textarea.sass +80 -0
package/src/core/form/select.sass +111 -0
package/src/core/form/shared.sass +69 -0
package/src/core/form/tools.sass +209 -0
package/src/core/grid.sass +477 -0
package/src/core/link.sass +64 -0
package/src/core/list.sass +85 -0
package/src/core/table.sass +134 -0
package/src/core/typography.sass +33 -0
package/src/core/vars/_all.sass +7 -0
package/src/core/vars/button.vars.sass +282 -0
package/src/core/vars/form.vars.sass +137 -0
package/src/core/vars/link.vars.sass +36 -0
package/src/core/vars/list.vars.sass +20 -0
package/src/core/vars/structure.vars.sass +47 -0
package/src/core/vars/table.vars.sass +55 -0
package/src/core/vars/typography.vars.sass +12 -0
package/src/generated/background.sass +1091 -0
package/src/generated/border.sass +3943 -0
package/src/generated/elevation.sass +283 -0
package/src/generated/flex.sass +831 -0
package/src/generated/interaction.sass +26 -0
package/src/generated/layout.sass +948 -0
package/src/generated/sizing.sass +1703 -0
package/src/generated/spacing.sass +1683 -0
package/src/generated/typography.sass +453 -0
package/src/mixins/_all.sass +7 -0
package/src/mixins/bem.mixin.sass +39 -0
package/src/mixins/breakpoint.mixin.sass +67 -0
package/src/mixins/extends.sass +32 -0
package/src/mixins/general.mixin.sass +95 -0
package/src/mixins/svg.mixin.sass +6 -0

package/css/utilities/border.css ADDED Viewed

@@ -0,0 +1,4697 @@
+.border {
+  border-color: var(--bal-color-border) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.border-primary {
+  border-color: var(--bal-color-border-primary) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.border-primary-light {
+  border-color: var(--bal-color-border-primary-light) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.border-grey-light {
+  border-color: var(--bal-color-border-grey-light) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.border-grey {
+  border-color: var(--bal-color-border-grey) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.border-grey-dark {
+  border-color: var(--bal-color-border-grey-dark) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.border-white {
+  border-color: var(--bal-color-border-white) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.border-info {
+  border-color: var(--bal-color-border-info) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.border-success {
+  border-color: var(--bal-color-border-success) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.border-warning {
+  border-color: var(--bal-color-border-warning) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.border-danger {
+  border-color: var(--bal-color-border-danger) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.border-info-hovered {
+  border-color: var(--bal-color-border-info-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.border-info-pressed {
+  border-color: var(--bal-color-border-info-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.border-primary-hovered {
+  border-color: var(--bal-color-border-primary-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.border-primary-pressed {
+  border-color: var(--bal-color-border-primary-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.border-success-hovered {
+  border-color: var(--bal-color-border-success-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.border-success-pressed {
+  border-color: var(--bal-color-border-success-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.border-warning-hovered {
+  border-color: var(--bal-color-border-warning-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.border-warning-pressed {
+  border-color: var(--bal-color-border-warning-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.border-danger-hovered {
+  border-color: var(--bal-color-border-danger-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.border-danger-pressed {
+  border-color: var(--bal-color-border-danger-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.border-green-hovered {
+  border-color: var(--bal-color-border-green-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.border-green-pressed {
+  border-color: var(--bal-color-border-green-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.border-purple-hovered {
+  border-color: var(--bal-color-border-purple-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.border-purple-pressed {
+  border-color: var(--bal-color-border-purple-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.border-red-hovered {
+  border-color: var(--bal-color-border-red-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.border-red-pressed {
+  border-color: var(--bal-color-border-red-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.border-yellow-hovered {
+  border-color: var(--bal-color-border-yellow-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.border-yellow-pressed {
+  border-color: var(--bal-color-border-yellow-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.border-inverted {
+  border-color: var(--bal-color-border-inverted) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.border-inverted-disabled {
+  border-color: var(--bal-color-border-inverted-disabled) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.border-inverted-primary {
+  border-color: var(--bal-color-border-inverted-primary) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.border-inverted-primary-hovered {
+  border-color: var(--bal-color-border-inverted-primary-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.border-inverted-primary-pressed {
+  border-color: var(--bal-color-border-inverted-primary-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.focus\:border:focus {
+  border-color: var(--bal-color-border) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.hover\:border:hover {
+  border-color: var(--bal-color-border) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.active\:border:active {
+  border-color: var(--bal-color-border) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.focus\:border-primary:focus {
+  border-color: var(--bal-color-border-primary) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.hover\:border-primary:hover {
+  border-color: var(--bal-color-border-primary) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.active\:border-primary:active {
+  border-color: var(--bal-color-border-primary) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.focus\:border-primary-light:focus {
+  border-color: var(--bal-color-border-primary-light) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.hover\:border-primary-light:hover {
+  border-color: var(--bal-color-border-primary-light) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.active\:border-primary-light:active {
+  border-color: var(--bal-color-border-primary-light) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.focus\:border-grey-light:focus {
+  border-color: var(--bal-color-border-grey-light) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.hover\:border-grey-light:hover {
+  border-color: var(--bal-color-border-grey-light) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.active\:border-grey-light:active {
+  border-color: var(--bal-color-border-grey-light) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.focus\:border-grey:focus {
+  border-color: var(--bal-color-border-grey) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.hover\:border-grey:hover {
+  border-color: var(--bal-color-border-grey) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.active\:border-grey:active {
+  border-color: var(--bal-color-border-grey) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.focus\:border-grey-dark:focus {
+  border-color: var(--bal-color-border-grey-dark) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.hover\:border-grey-dark:hover {
+  border-color: var(--bal-color-border-grey-dark) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.active\:border-grey-dark:active {
+  border-color: var(--bal-color-border-grey-dark) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.focus\:border-white:focus {
+  border-color: var(--bal-color-border-white) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.hover\:border-white:hover {
+  border-color: var(--bal-color-border-white) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.active\:border-white:active {
+  border-color: var(--bal-color-border-white) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.focus\:border-info:focus {
+  border-color: var(--bal-color-border-info) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.hover\:border-info:hover {
+  border-color: var(--bal-color-border-info) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.active\:border-info:active {
+  border-color: var(--bal-color-border-info) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.focus\:border-success:focus {
+  border-color: var(--bal-color-border-success) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.hover\:border-success:hover {
+  border-color: var(--bal-color-border-success) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.active\:border-success:active {
+  border-color: var(--bal-color-border-success) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.focus\:border-warning:focus {
+  border-color: var(--bal-color-border-warning) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.hover\:border-warning:hover {
+  border-color: var(--bal-color-border-warning) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.active\:border-warning:active {
+  border-color: var(--bal-color-border-warning) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.focus\:border-danger:focus {
+  border-color: var(--bal-color-border-danger) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.hover\:border-danger:hover {
+  border-color: var(--bal-color-border-danger) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.active\:border-danger:active {
+  border-color: var(--bal-color-border-danger) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.focus\:border-info-hovered:focus {
+  border-color: var(--bal-color-border-info-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.hover\:border-info-hovered:hover {
+  border-color: var(--bal-color-border-info-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.active\:border-info-hovered:active {
+  border-color: var(--bal-color-border-info-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.focus\:border-info-pressed:focus {
+  border-color: var(--bal-color-border-info-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.hover\:border-info-pressed:hover {
+  border-color: var(--bal-color-border-info-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.active\:border-info-pressed:active {
+  border-color: var(--bal-color-border-info-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.focus\:border-primary-hovered:focus {
+  border-color: var(--bal-color-border-primary-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.hover\:border-primary-hovered:hover {
+  border-color: var(--bal-color-border-primary-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.active\:border-primary-hovered:active {
+  border-color: var(--bal-color-border-primary-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.focus\:border-primary-pressed:focus {
+  border-color: var(--bal-color-border-primary-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.hover\:border-primary-pressed:hover {
+  border-color: var(--bal-color-border-primary-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.active\:border-primary-pressed:active {
+  border-color: var(--bal-color-border-primary-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.focus\:border-success-hovered:focus {
+  border-color: var(--bal-color-border-success-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.hover\:border-success-hovered:hover {
+  border-color: var(--bal-color-border-success-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.active\:border-success-hovered:active {
+  border-color: var(--bal-color-border-success-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.focus\:border-success-pressed:focus {
+  border-color: var(--bal-color-border-success-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.hover\:border-success-pressed:hover {
+  border-color: var(--bal-color-border-success-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.active\:border-success-pressed:active {
+  border-color: var(--bal-color-border-success-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.focus\:border-warning-hovered:focus {
+  border-color: var(--bal-color-border-warning-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.hover\:border-warning-hovered:hover {
+  border-color: var(--bal-color-border-warning-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.active\:border-warning-hovered:active {
+  border-color: var(--bal-color-border-warning-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.focus\:border-warning-pressed:focus {
+  border-color: var(--bal-color-border-warning-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.hover\:border-warning-pressed:hover {
+  border-color: var(--bal-color-border-warning-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.active\:border-warning-pressed:active {
+  border-color: var(--bal-color-border-warning-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.focus\:border-danger-hovered:focus {
+  border-color: var(--bal-color-border-danger-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.hover\:border-danger-hovered:hover {
+  border-color: var(--bal-color-border-danger-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.active\:border-danger-hovered:active {
+  border-color: var(--bal-color-border-danger-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.focus\:border-danger-pressed:focus {
+  border-color: var(--bal-color-border-danger-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.hover\:border-danger-pressed:hover {
+  border-color: var(--bal-color-border-danger-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.active\:border-danger-pressed:active {
+  border-color: var(--bal-color-border-danger-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.focus\:border-green-hovered:focus {
+  border-color: var(--bal-color-border-green-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.hover\:border-green-hovered:hover {
+  border-color: var(--bal-color-border-green-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.active\:border-green-hovered:active {
+  border-color: var(--bal-color-border-green-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.focus\:border-green-pressed:focus {
+  border-color: var(--bal-color-border-green-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.hover\:border-green-pressed:hover {
+  border-color: var(--bal-color-border-green-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.active\:border-green-pressed:active {
+  border-color: var(--bal-color-border-green-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.focus\:border-purple-hovered:focus {
+  border-color: var(--bal-color-border-purple-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.hover\:border-purple-hovered:hover {
+  border-color: var(--bal-color-border-purple-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.active\:border-purple-hovered:active {
+  border-color: var(--bal-color-border-purple-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.focus\:border-purple-pressed:focus {
+  border-color: var(--bal-color-border-purple-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.hover\:border-purple-pressed:hover {
+  border-color: var(--bal-color-border-purple-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.active\:border-purple-pressed:active {
+  border-color: var(--bal-color-border-purple-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.focus\:border-red-hovered:focus {
+  border-color: var(--bal-color-border-red-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.hover\:border-red-hovered:hover {
+  border-color: var(--bal-color-border-red-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.active\:border-red-hovered:active {
+  border-color: var(--bal-color-border-red-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.focus\:border-red-pressed:focus {
+  border-color: var(--bal-color-border-red-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.hover\:border-red-pressed:hover {
+  border-color: var(--bal-color-border-red-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.active\:border-red-pressed:active {
+  border-color: var(--bal-color-border-red-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.focus\:border-yellow-hovered:focus {
+  border-color: var(--bal-color-border-yellow-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.hover\:border-yellow-hovered:hover {
+  border-color: var(--bal-color-border-yellow-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.active\:border-yellow-hovered:active {
+  border-color: var(--bal-color-border-yellow-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.focus\:border-yellow-pressed:focus {
+  border-color: var(--bal-color-border-yellow-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.hover\:border-yellow-pressed:hover {
+  border-color: var(--bal-color-border-yellow-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.active\:border-yellow-pressed:active {
+  border-color: var(--bal-color-border-yellow-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.focus\:border-inverted:focus {
+  border-color: var(--bal-color-border-inverted) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.hover\:border-inverted:hover {
+  border-color: var(--bal-color-border-inverted) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.active\:border-inverted:active {
+  border-color: var(--bal-color-border-inverted) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.focus\:border-inverted-disabled:focus {
+  border-color: var(--bal-color-border-inverted-disabled) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.hover\:border-inverted-disabled:hover {
+  border-color: var(--bal-color-border-inverted-disabled) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.active\:border-inverted-disabled:active {
+  border-color: var(--bal-color-border-inverted-disabled) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.focus\:border-inverted-primary:focus {
+  border-color: var(--bal-color-border-inverted-primary) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.hover\:border-inverted-primary:hover {
+  border-color: var(--bal-color-border-inverted-primary) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.active\:border-inverted-primary:active {
+  border-color: var(--bal-color-border-inverted-primary) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.focus\:border-inverted-primary-hovered:focus {
+  border-color: var(--bal-color-border-inverted-primary-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.hover\:border-inverted-primary-hovered:hover {
+  border-color: var(--bal-color-border-inverted-primary-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.active\:border-inverted-primary-hovered:active {
+  border-color: var(--bal-color-border-inverted-primary-hovered) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.focus\:border-inverted-primary-pressed:focus {
+  border-color: var(--bal-color-border-inverted-primary-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.hover\:border-inverted-primary-pressed:hover {
+  border-color: var(--bal-color-border-inverted-primary-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.active\:border-inverted-primary-pressed:active {
+  border-color: var(--bal-color-border-inverted-primary-pressed) !important;
+  border-width: var(--bal-border-width-normal) !important;
+  border-style: solid;
+}
+.border-top {
+  border-top-color: var(--bal-color-border) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.border-top-primary {
+  border-top-color: var(--bal-color-border-primary) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.border-top-primary-light {
+  border-top-color: var(--bal-color-border-primary-light) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.border-top-grey-light {
+  border-top-color: var(--bal-color-border-grey-light) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.border-top-grey {
+  border-top-color: var(--bal-color-border-grey) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.border-top-grey-dark {
+  border-top-color: var(--bal-color-border-grey-dark) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.border-top-white {
+  border-top-color: var(--bal-color-border-white) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.border-top-info {
+  border-top-color: var(--bal-color-border-info) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.border-top-success {
+  border-top-color: var(--bal-color-border-success) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.border-top-warning {
+  border-top-color: var(--bal-color-border-warning) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.border-top-danger {
+  border-top-color: var(--bal-color-border-danger) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.border-top-info-hovered {
+  border-top-color: var(--bal-color-border-info-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.border-top-info-pressed {
+  border-top-color: var(--bal-color-border-info-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.border-top-primary-hovered {
+  border-top-color: var(--bal-color-border-primary-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.border-top-primary-pressed {
+  border-top-color: var(--bal-color-border-primary-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.border-top-success-hovered {
+  border-top-color: var(--bal-color-border-success-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.border-top-success-pressed {
+  border-top-color: var(--bal-color-border-success-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.border-top-warning-hovered {
+  border-top-color: var(--bal-color-border-warning-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.border-top-warning-pressed {
+  border-top-color: var(--bal-color-border-warning-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.border-top-danger-hovered {
+  border-top-color: var(--bal-color-border-danger-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.border-top-danger-pressed {
+  border-top-color: var(--bal-color-border-danger-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.border-top-green-hovered {
+  border-top-color: var(--bal-color-border-green-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.border-top-green-pressed {
+  border-top-color: var(--bal-color-border-green-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.border-top-purple-hovered {
+  border-top-color: var(--bal-color-border-purple-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.border-top-purple-pressed {
+  border-top-color: var(--bal-color-border-purple-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.border-top-red-hovered {
+  border-top-color: var(--bal-color-border-red-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.border-top-red-pressed {
+  border-top-color: var(--bal-color-border-red-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.border-top-yellow-hovered {
+  border-top-color: var(--bal-color-border-yellow-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.border-top-yellow-pressed {
+  border-top-color: var(--bal-color-border-yellow-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.border-top-inverted {
+  border-top-color: var(--bal-color-border-inverted) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.border-top-inverted-disabled {
+  border-top-color: var(--bal-color-border-inverted-disabled) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.border-top-inverted-primary {
+  border-top-color: var(--bal-color-border-inverted-primary) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.border-top-inverted-primary-hovered {
+  border-top-color: var(--bal-color-border-inverted-primary-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.border-top-inverted-primary-pressed {
+  border-top-color: var(--bal-color-border-inverted-primary-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.focus\:border-top:focus {
+  border-top-color: var(--bal-color-border) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.hover\:border-top:hover {
+  border-top-color: var(--bal-color-border) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.active\:border-top:active {
+  border-top-color: var(--bal-color-border) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.focus\:border-top-primary:focus {
+  border-top-color: var(--bal-color-border-primary) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.hover\:border-top-primary:hover {
+  border-top-color: var(--bal-color-border-primary) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.active\:border-top-primary:active {
+  border-top-color: var(--bal-color-border-primary) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.focus\:border-top-primary-light:focus {
+  border-top-color: var(--bal-color-border-primary-light) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.hover\:border-top-primary-light:hover {
+  border-top-color: var(--bal-color-border-primary-light) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.active\:border-top-primary-light:active {
+  border-top-color: var(--bal-color-border-primary-light) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.focus\:border-top-grey-light:focus {
+  border-top-color: var(--bal-color-border-grey-light) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.hover\:border-top-grey-light:hover {
+  border-top-color: var(--bal-color-border-grey-light) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.active\:border-top-grey-light:active {
+  border-top-color: var(--bal-color-border-grey-light) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.focus\:border-top-grey:focus {
+  border-top-color: var(--bal-color-border-grey) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.hover\:border-top-grey:hover {
+  border-top-color: var(--bal-color-border-grey) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.active\:border-top-grey:active {
+  border-top-color: var(--bal-color-border-grey) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.focus\:border-top-grey-dark:focus {
+  border-top-color: var(--bal-color-border-grey-dark) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.hover\:border-top-grey-dark:hover {
+  border-top-color: var(--bal-color-border-grey-dark) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.active\:border-top-grey-dark:active {
+  border-top-color: var(--bal-color-border-grey-dark) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.focus\:border-top-white:focus {
+  border-top-color: var(--bal-color-border-white) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.hover\:border-top-white:hover {
+  border-top-color: var(--bal-color-border-white) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.active\:border-top-white:active {
+  border-top-color: var(--bal-color-border-white) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.focus\:border-top-info:focus {
+  border-top-color: var(--bal-color-border-info) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.hover\:border-top-info:hover {
+  border-top-color: var(--bal-color-border-info) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.active\:border-top-info:active {
+  border-top-color: var(--bal-color-border-info) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.focus\:border-top-success:focus {
+  border-top-color: var(--bal-color-border-success) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.hover\:border-top-success:hover {
+  border-top-color: var(--bal-color-border-success) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.active\:border-top-success:active {
+  border-top-color: var(--bal-color-border-success) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.focus\:border-top-warning:focus {
+  border-top-color: var(--bal-color-border-warning) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.hover\:border-top-warning:hover {
+  border-top-color: var(--bal-color-border-warning) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.active\:border-top-warning:active {
+  border-top-color: var(--bal-color-border-warning) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.focus\:border-top-danger:focus {
+  border-top-color: var(--bal-color-border-danger) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.hover\:border-top-danger:hover {
+  border-top-color: var(--bal-color-border-danger) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.active\:border-top-danger:active {
+  border-top-color: var(--bal-color-border-danger) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.focus\:border-top-info-hovered:focus {
+  border-top-color: var(--bal-color-border-info-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.hover\:border-top-info-hovered:hover {
+  border-top-color: var(--bal-color-border-info-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.active\:border-top-info-hovered:active {
+  border-top-color: var(--bal-color-border-info-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.focus\:border-top-info-pressed:focus {
+  border-top-color: var(--bal-color-border-info-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.hover\:border-top-info-pressed:hover {
+  border-top-color: var(--bal-color-border-info-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.active\:border-top-info-pressed:active {
+  border-top-color: var(--bal-color-border-info-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.focus\:border-top-primary-hovered:focus {
+  border-top-color: var(--bal-color-border-primary-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.hover\:border-top-primary-hovered:hover {
+  border-top-color: var(--bal-color-border-primary-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.active\:border-top-primary-hovered:active {
+  border-top-color: var(--bal-color-border-primary-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.focus\:border-top-primary-pressed:focus {
+  border-top-color: var(--bal-color-border-primary-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.hover\:border-top-primary-pressed:hover {
+  border-top-color: var(--bal-color-border-primary-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.active\:border-top-primary-pressed:active {
+  border-top-color: var(--bal-color-border-primary-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.focus\:border-top-success-hovered:focus {
+  border-top-color: var(--bal-color-border-success-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.hover\:border-top-success-hovered:hover {
+  border-top-color: var(--bal-color-border-success-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.active\:border-top-success-hovered:active {
+  border-top-color: var(--bal-color-border-success-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.focus\:border-top-success-pressed:focus {
+  border-top-color: var(--bal-color-border-success-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.hover\:border-top-success-pressed:hover {
+  border-top-color: var(--bal-color-border-success-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.active\:border-top-success-pressed:active {
+  border-top-color: var(--bal-color-border-success-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.focus\:border-top-warning-hovered:focus {
+  border-top-color: var(--bal-color-border-warning-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.hover\:border-top-warning-hovered:hover {
+  border-top-color: var(--bal-color-border-warning-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.active\:border-top-warning-hovered:active {
+  border-top-color: var(--bal-color-border-warning-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.focus\:border-top-warning-pressed:focus {
+  border-top-color: var(--bal-color-border-warning-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.hover\:border-top-warning-pressed:hover {
+  border-top-color: var(--bal-color-border-warning-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.active\:border-top-warning-pressed:active {
+  border-top-color: var(--bal-color-border-warning-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.focus\:border-top-danger-hovered:focus {
+  border-top-color: var(--bal-color-border-danger-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.hover\:border-top-danger-hovered:hover {
+  border-top-color: var(--bal-color-border-danger-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.active\:border-top-danger-hovered:active {
+  border-top-color: var(--bal-color-border-danger-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.focus\:border-top-danger-pressed:focus {
+  border-top-color: var(--bal-color-border-danger-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.hover\:border-top-danger-pressed:hover {
+  border-top-color: var(--bal-color-border-danger-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.active\:border-top-danger-pressed:active {
+  border-top-color: var(--bal-color-border-danger-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.focus\:border-top-green-hovered:focus {
+  border-top-color: var(--bal-color-border-green-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.hover\:border-top-green-hovered:hover {
+  border-top-color: var(--bal-color-border-green-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.active\:border-top-green-hovered:active {
+  border-top-color: var(--bal-color-border-green-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.focus\:border-top-green-pressed:focus {
+  border-top-color: var(--bal-color-border-green-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.hover\:border-top-green-pressed:hover {
+  border-top-color: var(--bal-color-border-green-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.active\:border-top-green-pressed:active {
+  border-top-color: var(--bal-color-border-green-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.focus\:border-top-purple-hovered:focus {
+  border-top-color: var(--bal-color-border-purple-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.hover\:border-top-purple-hovered:hover {
+  border-top-color: var(--bal-color-border-purple-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.active\:border-top-purple-hovered:active {
+  border-top-color: var(--bal-color-border-purple-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.focus\:border-top-purple-pressed:focus {
+  border-top-color: var(--bal-color-border-purple-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.hover\:border-top-purple-pressed:hover {
+  border-top-color: var(--bal-color-border-purple-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.active\:border-top-purple-pressed:active {
+  border-top-color: var(--bal-color-border-purple-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.focus\:border-top-red-hovered:focus {
+  border-top-color: var(--bal-color-border-red-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.hover\:border-top-red-hovered:hover {
+  border-top-color: var(--bal-color-border-red-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.active\:border-top-red-hovered:active {
+  border-top-color: var(--bal-color-border-red-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.focus\:border-top-red-pressed:focus {
+  border-top-color: var(--bal-color-border-red-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.hover\:border-top-red-pressed:hover {
+  border-top-color: var(--bal-color-border-red-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.active\:border-top-red-pressed:active {
+  border-top-color: var(--bal-color-border-red-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.focus\:border-top-yellow-hovered:focus {
+  border-top-color: var(--bal-color-border-yellow-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.hover\:border-top-yellow-hovered:hover {
+  border-top-color: var(--bal-color-border-yellow-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.active\:border-top-yellow-hovered:active {
+  border-top-color: var(--bal-color-border-yellow-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.focus\:border-top-yellow-pressed:focus {
+  border-top-color: var(--bal-color-border-yellow-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.hover\:border-top-yellow-pressed:hover {
+  border-top-color: var(--bal-color-border-yellow-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.active\:border-top-yellow-pressed:active {
+  border-top-color: var(--bal-color-border-yellow-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.focus\:border-top-inverted:focus {
+  border-top-color: var(--bal-color-border-inverted) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.hover\:border-top-inverted:hover {
+  border-top-color: var(--bal-color-border-inverted) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.active\:border-top-inverted:active {
+  border-top-color: var(--bal-color-border-inverted) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.focus\:border-top-inverted-disabled:focus {
+  border-top-color: var(--bal-color-border-inverted-disabled) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.hover\:border-top-inverted-disabled:hover {
+  border-top-color: var(--bal-color-border-inverted-disabled) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.active\:border-top-inverted-disabled:active {
+  border-top-color: var(--bal-color-border-inverted-disabled) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.focus\:border-top-inverted-primary:focus {
+  border-top-color: var(--bal-color-border-inverted-primary) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.hover\:border-top-inverted-primary:hover {
+  border-top-color: var(--bal-color-border-inverted-primary) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.active\:border-top-inverted-primary:active {
+  border-top-color: var(--bal-color-border-inverted-primary) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.focus\:border-top-inverted-primary-hovered:focus {
+  border-top-color: var(--bal-color-border-inverted-primary-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.hover\:border-top-inverted-primary-hovered:hover {
+  border-top-color: var(--bal-color-border-inverted-primary-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.active\:border-top-inverted-primary-hovered:active {
+  border-top-color: var(--bal-color-border-inverted-primary-hovered) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.focus\:border-top-inverted-primary-pressed:focus {
+  border-top-color: var(--bal-color-border-inverted-primary-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.hover\:border-top-inverted-primary-pressed:hover {
+  border-top-color: var(--bal-color-border-inverted-primary-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.active\:border-top-inverted-primary-pressed:active {
+  border-top-color: var(--bal-color-border-inverted-primary-pressed) !important;
+  border-top-width: var(--bal-border-width-normal) !important;
+  border-top-style: solid;
+}
+.border-right {
+  border-right-color: var(--bal-color-border) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.border-right-primary {
+  border-right-color: var(--bal-color-border-primary) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.border-right-primary-light {
+  border-right-color: var(--bal-color-border-primary-light) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.border-right-grey-light {
+  border-right-color: var(--bal-color-border-grey-light) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.border-right-grey {
+  border-right-color: var(--bal-color-border-grey) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.border-right-grey-dark {
+  border-right-color: var(--bal-color-border-grey-dark) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.border-right-white {
+  border-right-color: var(--bal-color-border-white) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.border-right-info {
+  border-right-color: var(--bal-color-border-info) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.border-right-success {
+  border-right-color: var(--bal-color-border-success) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.border-right-warning {
+  border-right-color: var(--bal-color-border-warning) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.border-right-danger {
+  border-right-color: var(--bal-color-border-danger) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.border-right-info-hovered {
+  border-right-color: var(--bal-color-border-info-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.border-right-info-pressed {
+  border-right-color: var(--bal-color-border-info-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.border-right-primary-hovered {
+  border-right-color: var(--bal-color-border-primary-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.border-right-primary-pressed {
+  border-right-color: var(--bal-color-border-primary-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.border-right-success-hovered {
+  border-right-color: var(--bal-color-border-success-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.border-right-success-pressed {
+  border-right-color: var(--bal-color-border-success-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.border-right-warning-hovered {
+  border-right-color: var(--bal-color-border-warning-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.border-right-warning-pressed {
+  border-right-color: var(--bal-color-border-warning-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.border-right-danger-hovered {
+  border-right-color: var(--bal-color-border-danger-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.border-right-danger-pressed {
+  border-right-color: var(--bal-color-border-danger-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.border-right-green-hovered {
+  border-right-color: var(--bal-color-border-green-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.border-right-green-pressed {
+  border-right-color: var(--bal-color-border-green-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.border-right-purple-hovered {
+  border-right-color: var(--bal-color-border-purple-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.border-right-purple-pressed {
+  border-right-color: var(--bal-color-border-purple-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.border-right-red-hovered {
+  border-right-color: var(--bal-color-border-red-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.border-right-red-pressed {
+  border-right-color: var(--bal-color-border-red-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.border-right-yellow-hovered {
+  border-right-color: var(--bal-color-border-yellow-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.border-right-yellow-pressed {
+  border-right-color: var(--bal-color-border-yellow-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.border-right-inverted {
+  border-right-color: var(--bal-color-border-inverted) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.border-right-inverted-disabled {
+  border-right-color: var(--bal-color-border-inverted-disabled) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.border-right-inverted-primary {
+  border-right-color: var(--bal-color-border-inverted-primary) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.border-right-inverted-primary-hovered {
+  border-right-color: var(--bal-color-border-inverted-primary-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.border-right-inverted-primary-pressed {
+  border-right-color: var(--bal-color-border-inverted-primary-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.focus\:border-right:focus {
+  border-right-color: var(--bal-color-border) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.hover\:border-right:hover {
+  border-right-color: var(--bal-color-border) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.active\:border-right:active {
+  border-right-color: var(--bal-color-border) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.focus\:border-right-primary:focus {
+  border-right-color: var(--bal-color-border-primary) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.hover\:border-right-primary:hover {
+  border-right-color: var(--bal-color-border-primary) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.active\:border-right-primary:active {
+  border-right-color: var(--bal-color-border-primary) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.focus\:border-right-primary-light:focus {
+  border-right-color: var(--bal-color-border-primary-light) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.hover\:border-right-primary-light:hover {
+  border-right-color: var(--bal-color-border-primary-light) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.active\:border-right-primary-light:active {
+  border-right-color: var(--bal-color-border-primary-light) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.focus\:border-right-grey-light:focus {
+  border-right-color: var(--bal-color-border-grey-light) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.hover\:border-right-grey-light:hover {
+  border-right-color: var(--bal-color-border-grey-light) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.active\:border-right-grey-light:active {
+  border-right-color: var(--bal-color-border-grey-light) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.focus\:border-right-grey:focus {
+  border-right-color: var(--bal-color-border-grey) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.hover\:border-right-grey:hover {
+  border-right-color: var(--bal-color-border-grey) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.active\:border-right-grey:active {
+  border-right-color: var(--bal-color-border-grey) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.focus\:border-right-grey-dark:focus {
+  border-right-color: var(--bal-color-border-grey-dark) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.hover\:border-right-grey-dark:hover {
+  border-right-color: var(--bal-color-border-grey-dark) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.active\:border-right-grey-dark:active {
+  border-right-color: var(--bal-color-border-grey-dark) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.focus\:border-right-white:focus {
+  border-right-color: var(--bal-color-border-white) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.hover\:border-right-white:hover {
+  border-right-color: var(--bal-color-border-white) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.active\:border-right-white:active {
+  border-right-color: var(--bal-color-border-white) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.focus\:border-right-info:focus {
+  border-right-color: var(--bal-color-border-info) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.hover\:border-right-info:hover {
+  border-right-color: var(--bal-color-border-info) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.active\:border-right-info:active {
+  border-right-color: var(--bal-color-border-info) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.focus\:border-right-success:focus {
+  border-right-color: var(--bal-color-border-success) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.hover\:border-right-success:hover {
+  border-right-color: var(--bal-color-border-success) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.active\:border-right-success:active {
+  border-right-color: var(--bal-color-border-success) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.focus\:border-right-warning:focus {
+  border-right-color: var(--bal-color-border-warning) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.hover\:border-right-warning:hover {
+  border-right-color: var(--bal-color-border-warning) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.active\:border-right-warning:active {
+  border-right-color: var(--bal-color-border-warning) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.focus\:border-right-danger:focus {
+  border-right-color: var(--bal-color-border-danger) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.hover\:border-right-danger:hover {
+  border-right-color: var(--bal-color-border-danger) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.active\:border-right-danger:active {
+  border-right-color: var(--bal-color-border-danger) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.focus\:border-right-info-hovered:focus {
+  border-right-color: var(--bal-color-border-info-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.hover\:border-right-info-hovered:hover {
+  border-right-color: var(--bal-color-border-info-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.active\:border-right-info-hovered:active {
+  border-right-color: var(--bal-color-border-info-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.focus\:border-right-info-pressed:focus {
+  border-right-color: var(--bal-color-border-info-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.hover\:border-right-info-pressed:hover {
+  border-right-color: var(--bal-color-border-info-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.active\:border-right-info-pressed:active {
+  border-right-color: var(--bal-color-border-info-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.focus\:border-right-primary-hovered:focus {
+  border-right-color: var(--bal-color-border-primary-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.hover\:border-right-primary-hovered:hover {
+  border-right-color: var(--bal-color-border-primary-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.active\:border-right-primary-hovered:active {
+  border-right-color: var(--bal-color-border-primary-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.focus\:border-right-primary-pressed:focus {
+  border-right-color: var(--bal-color-border-primary-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.hover\:border-right-primary-pressed:hover {
+  border-right-color: var(--bal-color-border-primary-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.active\:border-right-primary-pressed:active {
+  border-right-color: var(--bal-color-border-primary-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.focus\:border-right-success-hovered:focus {
+  border-right-color: var(--bal-color-border-success-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.hover\:border-right-success-hovered:hover {
+  border-right-color: var(--bal-color-border-success-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.active\:border-right-success-hovered:active {
+  border-right-color: var(--bal-color-border-success-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.focus\:border-right-success-pressed:focus {
+  border-right-color: var(--bal-color-border-success-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.hover\:border-right-success-pressed:hover {
+  border-right-color: var(--bal-color-border-success-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.active\:border-right-success-pressed:active {
+  border-right-color: var(--bal-color-border-success-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.focus\:border-right-warning-hovered:focus {
+  border-right-color: var(--bal-color-border-warning-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.hover\:border-right-warning-hovered:hover {
+  border-right-color: var(--bal-color-border-warning-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.active\:border-right-warning-hovered:active {
+  border-right-color: var(--bal-color-border-warning-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.focus\:border-right-warning-pressed:focus {
+  border-right-color: var(--bal-color-border-warning-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.hover\:border-right-warning-pressed:hover {
+  border-right-color: var(--bal-color-border-warning-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.active\:border-right-warning-pressed:active {
+  border-right-color: var(--bal-color-border-warning-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.focus\:border-right-danger-hovered:focus {
+  border-right-color: var(--bal-color-border-danger-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.hover\:border-right-danger-hovered:hover {
+  border-right-color: var(--bal-color-border-danger-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.active\:border-right-danger-hovered:active {
+  border-right-color: var(--bal-color-border-danger-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.focus\:border-right-danger-pressed:focus {
+  border-right-color: var(--bal-color-border-danger-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.hover\:border-right-danger-pressed:hover {
+  border-right-color: var(--bal-color-border-danger-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.active\:border-right-danger-pressed:active {
+  border-right-color: var(--bal-color-border-danger-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.focus\:border-right-green-hovered:focus {
+  border-right-color: var(--bal-color-border-green-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.hover\:border-right-green-hovered:hover {
+  border-right-color: var(--bal-color-border-green-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.active\:border-right-green-hovered:active {
+  border-right-color: var(--bal-color-border-green-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.focus\:border-right-green-pressed:focus {
+  border-right-color: var(--bal-color-border-green-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.hover\:border-right-green-pressed:hover {
+  border-right-color: var(--bal-color-border-green-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.active\:border-right-green-pressed:active {
+  border-right-color: var(--bal-color-border-green-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.focus\:border-right-purple-hovered:focus {
+  border-right-color: var(--bal-color-border-purple-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.hover\:border-right-purple-hovered:hover {
+  border-right-color: var(--bal-color-border-purple-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.active\:border-right-purple-hovered:active {
+  border-right-color: var(--bal-color-border-purple-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.focus\:border-right-purple-pressed:focus {
+  border-right-color: var(--bal-color-border-purple-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.hover\:border-right-purple-pressed:hover {
+  border-right-color: var(--bal-color-border-purple-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.active\:border-right-purple-pressed:active {
+  border-right-color: var(--bal-color-border-purple-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.focus\:border-right-red-hovered:focus {
+  border-right-color: var(--bal-color-border-red-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.hover\:border-right-red-hovered:hover {
+  border-right-color: var(--bal-color-border-red-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.active\:border-right-red-hovered:active {
+  border-right-color: var(--bal-color-border-red-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.focus\:border-right-red-pressed:focus {
+  border-right-color: var(--bal-color-border-red-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.hover\:border-right-red-pressed:hover {
+  border-right-color: var(--bal-color-border-red-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.active\:border-right-red-pressed:active {
+  border-right-color: var(--bal-color-border-red-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.focus\:border-right-yellow-hovered:focus {
+  border-right-color: var(--bal-color-border-yellow-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.hover\:border-right-yellow-hovered:hover {
+  border-right-color: var(--bal-color-border-yellow-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.active\:border-right-yellow-hovered:active {
+  border-right-color: var(--bal-color-border-yellow-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.focus\:border-right-yellow-pressed:focus {
+  border-right-color: var(--bal-color-border-yellow-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.hover\:border-right-yellow-pressed:hover {
+  border-right-color: var(--bal-color-border-yellow-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.active\:border-right-yellow-pressed:active {
+  border-right-color: var(--bal-color-border-yellow-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.focus\:border-right-inverted:focus {
+  border-right-color: var(--bal-color-border-inverted) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.hover\:border-right-inverted:hover {
+  border-right-color: var(--bal-color-border-inverted) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.active\:border-right-inverted:active {
+  border-right-color: var(--bal-color-border-inverted) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.focus\:border-right-inverted-disabled:focus {
+  border-right-color: var(--bal-color-border-inverted-disabled) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.hover\:border-right-inverted-disabled:hover {
+  border-right-color: var(--bal-color-border-inverted-disabled) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.active\:border-right-inverted-disabled:active {
+  border-right-color: var(--bal-color-border-inverted-disabled) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.focus\:border-right-inverted-primary:focus {
+  border-right-color: var(--bal-color-border-inverted-primary) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.hover\:border-right-inverted-primary:hover {
+  border-right-color: var(--bal-color-border-inverted-primary) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.active\:border-right-inverted-primary:active {
+  border-right-color: var(--bal-color-border-inverted-primary) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.focus\:border-right-inverted-primary-hovered:focus {
+  border-right-color: var(--bal-color-border-inverted-primary-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.hover\:border-right-inverted-primary-hovered:hover {
+  border-right-color: var(--bal-color-border-inverted-primary-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.active\:border-right-inverted-primary-hovered:active {
+  border-right-color: var(--bal-color-border-inverted-primary-hovered) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.focus\:border-right-inverted-primary-pressed:focus {
+  border-right-color: var(--bal-color-border-inverted-primary-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.hover\:border-right-inverted-primary-pressed:hover {
+  border-right-color: var(--bal-color-border-inverted-primary-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.active\:border-right-inverted-primary-pressed:active {
+  border-right-color: var(--bal-color-border-inverted-primary-pressed) !important;
+  border-right-width: var(--bal-border-width-normal) !important;
+  border-right-style: solid;
+}
+.border-bottom {
+  border-bottom-color: var(--bal-color-border) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.border-bottom-primary {
+  border-bottom-color: var(--bal-color-border-primary) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.border-bottom-primary-light {
+  border-bottom-color: var(--bal-color-border-primary-light) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.border-bottom-grey-light {
+  border-bottom-color: var(--bal-color-border-grey-light) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.border-bottom-grey {
+  border-bottom-color: var(--bal-color-border-grey) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.border-bottom-grey-dark {
+  border-bottom-color: var(--bal-color-border-grey-dark) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.border-bottom-white {
+  border-bottom-color: var(--bal-color-border-white) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.border-bottom-info {
+  border-bottom-color: var(--bal-color-border-info) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.border-bottom-success {
+  border-bottom-color: var(--bal-color-border-success) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.border-bottom-warning {
+  border-bottom-color: var(--bal-color-border-warning) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.border-bottom-danger {
+  border-bottom-color: var(--bal-color-border-danger) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.border-bottom-info-hovered {
+  border-bottom-color: var(--bal-color-border-info-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.border-bottom-info-pressed {
+  border-bottom-color: var(--bal-color-border-info-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.border-bottom-primary-hovered {
+  border-bottom-color: var(--bal-color-border-primary-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.border-bottom-primary-pressed {
+  border-bottom-color: var(--bal-color-border-primary-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.border-bottom-success-hovered {
+  border-bottom-color: var(--bal-color-border-success-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.border-bottom-success-pressed {
+  border-bottom-color: var(--bal-color-border-success-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.border-bottom-warning-hovered {
+  border-bottom-color: var(--bal-color-border-warning-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.border-bottom-warning-pressed {
+  border-bottom-color: var(--bal-color-border-warning-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.border-bottom-danger-hovered {
+  border-bottom-color: var(--bal-color-border-danger-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.border-bottom-danger-pressed {
+  border-bottom-color: var(--bal-color-border-danger-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.border-bottom-green-hovered {
+  border-bottom-color: var(--bal-color-border-green-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.border-bottom-green-pressed {
+  border-bottom-color: var(--bal-color-border-green-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.border-bottom-purple-hovered {
+  border-bottom-color: var(--bal-color-border-purple-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.border-bottom-purple-pressed {
+  border-bottom-color: var(--bal-color-border-purple-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.border-bottom-red-hovered {
+  border-bottom-color: var(--bal-color-border-red-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.border-bottom-red-pressed {
+  border-bottom-color: var(--bal-color-border-red-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.border-bottom-yellow-hovered {
+  border-bottom-color: var(--bal-color-border-yellow-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.border-bottom-yellow-pressed {
+  border-bottom-color: var(--bal-color-border-yellow-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.border-bottom-inverted {
+  border-bottom-color: var(--bal-color-border-inverted) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.border-bottom-inverted-disabled {
+  border-bottom-color: var(--bal-color-border-inverted-disabled) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.border-bottom-inverted-primary {
+  border-bottom-color: var(--bal-color-border-inverted-primary) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.border-bottom-inverted-primary-hovered {
+  border-bottom-color: var(--bal-color-border-inverted-primary-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.border-bottom-inverted-primary-pressed {
+  border-bottom-color: var(--bal-color-border-inverted-primary-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.focus\:border-bottom:focus {
+  border-bottom-color: var(--bal-color-border) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.hover\:border-bottom:hover {
+  border-bottom-color: var(--bal-color-border) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.active\:border-bottom:active {
+  border-bottom-color: var(--bal-color-border) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.focus\:border-bottom-primary:focus {
+  border-bottom-color: var(--bal-color-border-primary) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.hover\:border-bottom-primary:hover {
+  border-bottom-color: var(--bal-color-border-primary) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.active\:border-bottom-primary:active {
+  border-bottom-color: var(--bal-color-border-primary) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.focus\:border-bottom-primary-light:focus {
+  border-bottom-color: var(--bal-color-border-primary-light) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.hover\:border-bottom-primary-light:hover {
+  border-bottom-color: var(--bal-color-border-primary-light) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.active\:border-bottom-primary-light:active {
+  border-bottom-color: var(--bal-color-border-primary-light) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.focus\:border-bottom-grey-light:focus {
+  border-bottom-color: var(--bal-color-border-grey-light) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.hover\:border-bottom-grey-light:hover {
+  border-bottom-color: var(--bal-color-border-grey-light) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.active\:border-bottom-grey-light:active {
+  border-bottom-color: var(--bal-color-border-grey-light) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.focus\:border-bottom-grey:focus {
+  border-bottom-color: var(--bal-color-border-grey) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.hover\:border-bottom-grey:hover {
+  border-bottom-color: var(--bal-color-border-grey) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.active\:border-bottom-grey:active {
+  border-bottom-color: var(--bal-color-border-grey) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.focus\:border-bottom-grey-dark:focus {
+  border-bottom-color: var(--bal-color-border-grey-dark) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.hover\:border-bottom-grey-dark:hover {
+  border-bottom-color: var(--bal-color-border-grey-dark) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.active\:border-bottom-grey-dark:active {
+  border-bottom-color: var(--bal-color-border-grey-dark) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.focus\:border-bottom-white:focus {
+  border-bottom-color: var(--bal-color-border-white) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.hover\:border-bottom-white:hover {
+  border-bottom-color: var(--bal-color-border-white) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.active\:border-bottom-white:active {
+  border-bottom-color: var(--bal-color-border-white) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.focus\:border-bottom-info:focus {
+  border-bottom-color: var(--bal-color-border-info) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.hover\:border-bottom-info:hover {
+  border-bottom-color: var(--bal-color-border-info) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.active\:border-bottom-info:active {
+  border-bottom-color: var(--bal-color-border-info) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.focus\:border-bottom-success:focus {
+  border-bottom-color: var(--bal-color-border-success) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.hover\:border-bottom-success:hover {
+  border-bottom-color: var(--bal-color-border-success) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.active\:border-bottom-success:active {
+  border-bottom-color: var(--bal-color-border-success) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.focus\:border-bottom-warning:focus {
+  border-bottom-color: var(--bal-color-border-warning) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.hover\:border-bottom-warning:hover {
+  border-bottom-color: var(--bal-color-border-warning) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.active\:border-bottom-warning:active {
+  border-bottom-color: var(--bal-color-border-warning) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.focus\:border-bottom-danger:focus {
+  border-bottom-color: var(--bal-color-border-danger) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.hover\:border-bottom-danger:hover {
+  border-bottom-color: var(--bal-color-border-danger) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.active\:border-bottom-danger:active {
+  border-bottom-color: var(--bal-color-border-danger) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.focus\:border-bottom-info-hovered:focus {
+  border-bottom-color: var(--bal-color-border-info-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.hover\:border-bottom-info-hovered:hover {
+  border-bottom-color: var(--bal-color-border-info-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.active\:border-bottom-info-hovered:active {
+  border-bottom-color: var(--bal-color-border-info-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.focus\:border-bottom-info-pressed:focus {
+  border-bottom-color: var(--bal-color-border-info-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.hover\:border-bottom-info-pressed:hover {
+  border-bottom-color: var(--bal-color-border-info-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.active\:border-bottom-info-pressed:active {
+  border-bottom-color: var(--bal-color-border-info-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.focus\:border-bottom-primary-hovered:focus {
+  border-bottom-color: var(--bal-color-border-primary-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.hover\:border-bottom-primary-hovered:hover {
+  border-bottom-color: var(--bal-color-border-primary-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.active\:border-bottom-primary-hovered:active {
+  border-bottom-color: var(--bal-color-border-primary-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.focus\:border-bottom-primary-pressed:focus {
+  border-bottom-color: var(--bal-color-border-primary-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.hover\:border-bottom-primary-pressed:hover {
+  border-bottom-color: var(--bal-color-border-primary-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.active\:border-bottom-primary-pressed:active {
+  border-bottom-color: var(--bal-color-border-primary-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.focus\:border-bottom-success-hovered:focus {
+  border-bottom-color: var(--bal-color-border-success-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.hover\:border-bottom-success-hovered:hover {
+  border-bottom-color: var(--bal-color-border-success-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.active\:border-bottom-success-hovered:active {
+  border-bottom-color: var(--bal-color-border-success-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.focus\:border-bottom-success-pressed:focus {
+  border-bottom-color: var(--bal-color-border-success-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.hover\:border-bottom-success-pressed:hover {
+  border-bottom-color: var(--bal-color-border-success-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.active\:border-bottom-success-pressed:active {
+  border-bottom-color: var(--bal-color-border-success-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.focus\:border-bottom-warning-hovered:focus {
+  border-bottom-color: var(--bal-color-border-warning-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.hover\:border-bottom-warning-hovered:hover {
+  border-bottom-color: var(--bal-color-border-warning-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.active\:border-bottom-warning-hovered:active {
+  border-bottom-color: var(--bal-color-border-warning-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.focus\:border-bottom-warning-pressed:focus {
+  border-bottom-color: var(--bal-color-border-warning-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.hover\:border-bottom-warning-pressed:hover {
+  border-bottom-color: var(--bal-color-border-warning-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.active\:border-bottom-warning-pressed:active {
+  border-bottom-color: var(--bal-color-border-warning-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.focus\:border-bottom-danger-hovered:focus {
+  border-bottom-color: var(--bal-color-border-danger-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.hover\:border-bottom-danger-hovered:hover {
+  border-bottom-color: var(--bal-color-border-danger-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.active\:border-bottom-danger-hovered:active {
+  border-bottom-color: var(--bal-color-border-danger-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.focus\:border-bottom-danger-pressed:focus {
+  border-bottom-color: var(--bal-color-border-danger-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.hover\:border-bottom-danger-pressed:hover {
+  border-bottom-color: var(--bal-color-border-danger-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.active\:border-bottom-danger-pressed:active {
+  border-bottom-color: var(--bal-color-border-danger-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.focus\:border-bottom-green-hovered:focus {
+  border-bottom-color: var(--bal-color-border-green-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.hover\:border-bottom-green-hovered:hover {
+  border-bottom-color: var(--bal-color-border-green-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.active\:border-bottom-green-hovered:active {
+  border-bottom-color: var(--bal-color-border-green-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.focus\:border-bottom-green-pressed:focus {
+  border-bottom-color: var(--bal-color-border-green-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.hover\:border-bottom-green-pressed:hover {
+  border-bottom-color: var(--bal-color-border-green-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.active\:border-bottom-green-pressed:active {
+  border-bottom-color: var(--bal-color-border-green-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.focus\:border-bottom-purple-hovered:focus {
+  border-bottom-color: var(--bal-color-border-purple-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.hover\:border-bottom-purple-hovered:hover {
+  border-bottom-color: var(--bal-color-border-purple-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.active\:border-bottom-purple-hovered:active {
+  border-bottom-color: var(--bal-color-border-purple-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.focus\:border-bottom-purple-pressed:focus {
+  border-bottom-color: var(--bal-color-border-purple-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.hover\:border-bottom-purple-pressed:hover {
+  border-bottom-color: var(--bal-color-border-purple-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.active\:border-bottom-purple-pressed:active {
+  border-bottom-color: var(--bal-color-border-purple-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.focus\:border-bottom-red-hovered:focus {
+  border-bottom-color: var(--bal-color-border-red-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.hover\:border-bottom-red-hovered:hover {
+  border-bottom-color: var(--bal-color-border-red-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.active\:border-bottom-red-hovered:active {
+  border-bottom-color: var(--bal-color-border-red-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.focus\:border-bottom-red-pressed:focus {
+  border-bottom-color: var(--bal-color-border-red-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.hover\:border-bottom-red-pressed:hover {
+  border-bottom-color: var(--bal-color-border-red-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.active\:border-bottom-red-pressed:active {
+  border-bottom-color: var(--bal-color-border-red-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.focus\:border-bottom-yellow-hovered:focus {
+  border-bottom-color: var(--bal-color-border-yellow-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.hover\:border-bottom-yellow-hovered:hover {
+  border-bottom-color: var(--bal-color-border-yellow-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.active\:border-bottom-yellow-hovered:active {
+  border-bottom-color: var(--bal-color-border-yellow-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.focus\:border-bottom-yellow-pressed:focus {
+  border-bottom-color: var(--bal-color-border-yellow-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.hover\:border-bottom-yellow-pressed:hover {
+  border-bottom-color: var(--bal-color-border-yellow-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.active\:border-bottom-yellow-pressed:active {
+  border-bottom-color: var(--bal-color-border-yellow-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.focus\:border-bottom-inverted:focus {
+  border-bottom-color: var(--bal-color-border-inverted) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.hover\:border-bottom-inverted:hover {
+  border-bottom-color: var(--bal-color-border-inverted) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.active\:border-bottom-inverted:active {
+  border-bottom-color: var(--bal-color-border-inverted) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.focus\:border-bottom-inverted-disabled:focus {
+  border-bottom-color: var(--bal-color-border-inverted-disabled) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.hover\:border-bottom-inverted-disabled:hover {
+  border-bottom-color: var(--bal-color-border-inverted-disabled) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.active\:border-bottom-inverted-disabled:active {
+  border-bottom-color: var(--bal-color-border-inverted-disabled) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.focus\:border-bottom-inverted-primary:focus {
+  border-bottom-color: var(--bal-color-border-inverted-primary) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.hover\:border-bottom-inverted-primary:hover {
+  border-bottom-color: var(--bal-color-border-inverted-primary) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.active\:border-bottom-inverted-primary:active {
+  border-bottom-color: var(--bal-color-border-inverted-primary) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.focus\:border-bottom-inverted-primary-hovered:focus {
+  border-bottom-color: var(--bal-color-border-inverted-primary-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.hover\:border-bottom-inverted-primary-hovered:hover {
+  border-bottom-color: var(--bal-color-border-inverted-primary-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.active\:border-bottom-inverted-primary-hovered:active {
+  border-bottom-color: var(--bal-color-border-inverted-primary-hovered) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.focus\:border-bottom-inverted-primary-pressed:focus {
+  border-bottom-color: var(--bal-color-border-inverted-primary-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.hover\:border-bottom-inverted-primary-pressed:hover {
+  border-bottom-color: var(--bal-color-border-inverted-primary-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.active\:border-bottom-inverted-primary-pressed:active {
+  border-bottom-color: var(--bal-color-border-inverted-primary-pressed) !important;
+  border-bottom-width: var(--bal-border-width-normal) !important;
+  border-bottom-style: solid;
+}
+.border-left {
+  border-left-color: var(--bal-color-border) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.border-left-primary {
+  border-left-color: var(--bal-color-border-primary) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.border-left-primary-light {
+  border-left-color: var(--bal-color-border-primary-light) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.border-left-grey-light {
+  border-left-color: var(--bal-color-border-grey-light) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.border-left-grey {
+  border-left-color: var(--bal-color-border-grey) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.border-left-grey-dark {
+  border-left-color: var(--bal-color-border-grey-dark) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.border-left-white {
+  border-left-color: var(--bal-color-border-white) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.border-left-info {
+  border-left-color: var(--bal-color-border-info) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.border-left-success {
+  border-left-color: var(--bal-color-border-success) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.border-left-warning {
+  border-left-color: var(--bal-color-border-warning) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.border-left-danger {
+  border-left-color: var(--bal-color-border-danger) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.border-left-info-hovered {
+  border-left-color: var(--bal-color-border-info-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.border-left-info-pressed {
+  border-left-color: var(--bal-color-border-info-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.border-left-primary-hovered {
+  border-left-color: var(--bal-color-border-primary-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.border-left-primary-pressed {
+  border-left-color: var(--bal-color-border-primary-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.border-left-success-hovered {
+  border-left-color: var(--bal-color-border-success-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.border-left-success-pressed {
+  border-left-color: var(--bal-color-border-success-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.border-left-warning-hovered {
+  border-left-color: var(--bal-color-border-warning-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.border-left-warning-pressed {
+  border-left-color: var(--bal-color-border-warning-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.border-left-danger-hovered {
+  border-left-color: var(--bal-color-border-danger-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.border-left-danger-pressed {
+  border-left-color: var(--bal-color-border-danger-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.border-left-green-hovered {
+  border-left-color: var(--bal-color-border-green-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.border-left-green-pressed {
+  border-left-color: var(--bal-color-border-green-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.border-left-purple-hovered {
+  border-left-color: var(--bal-color-border-purple-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.border-left-purple-pressed {
+  border-left-color: var(--bal-color-border-purple-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.border-left-red-hovered {
+  border-left-color: var(--bal-color-border-red-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.border-left-red-pressed {
+  border-left-color: var(--bal-color-border-red-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.border-left-yellow-hovered {
+  border-left-color: var(--bal-color-border-yellow-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.border-left-yellow-pressed {
+  border-left-color: var(--bal-color-border-yellow-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.border-left-inverted {
+  border-left-color: var(--bal-color-border-inverted) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.border-left-inverted-disabled {
+  border-left-color: var(--bal-color-border-inverted-disabled) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.border-left-inverted-primary {
+  border-left-color: var(--bal-color-border-inverted-primary) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.border-left-inverted-primary-hovered {
+  border-left-color: var(--bal-color-border-inverted-primary-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.border-left-inverted-primary-pressed {
+  border-left-color: var(--bal-color-border-inverted-primary-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.focus\:border-left:focus {
+  border-left-color: var(--bal-color-border) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.hover\:border-left:hover {
+  border-left-color: var(--bal-color-border) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.active\:border-left:active {
+  border-left-color: var(--bal-color-border) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.focus\:border-left-primary:focus {
+  border-left-color: var(--bal-color-border-primary) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.hover\:border-left-primary:hover {
+  border-left-color: var(--bal-color-border-primary) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.active\:border-left-primary:active {
+  border-left-color: var(--bal-color-border-primary) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.focus\:border-left-primary-light:focus {
+  border-left-color: var(--bal-color-border-primary-light) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.hover\:border-left-primary-light:hover {
+  border-left-color: var(--bal-color-border-primary-light) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.active\:border-left-primary-light:active {
+  border-left-color: var(--bal-color-border-primary-light) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.focus\:border-left-grey-light:focus {
+  border-left-color: var(--bal-color-border-grey-light) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.hover\:border-left-grey-light:hover {
+  border-left-color: var(--bal-color-border-grey-light) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.active\:border-left-grey-light:active {
+  border-left-color: var(--bal-color-border-grey-light) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.focus\:border-left-grey:focus {
+  border-left-color: var(--bal-color-border-grey) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.hover\:border-left-grey:hover {
+  border-left-color: var(--bal-color-border-grey) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.active\:border-left-grey:active {
+  border-left-color: var(--bal-color-border-grey) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.focus\:border-left-grey-dark:focus {
+  border-left-color: var(--bal-color-border-grey-dark) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.hover\:border-left-grey-dark:hover {
+  border-left-color: var(--bal-color-border-grey-dark) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.active\:border-left-grey-dark:active {
+  border-left-color: var(--bal-color-border-grey-dark) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.focus\:border-left-white:focus {
+  border-left-color: var(--bal-color-border-white) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.hover\:border-left-white:hover {
+  border-left-color: var(--bal-color-border-white) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.active\:border-left-white:active {
+  border-left-color: var(--bal-color-border-white) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.focus\:border-left-info:focus {
+  border-left-color: var(--bal-color-border-info) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.hover\:border-left-info:hover {
+  border-left-color: var(--bal-color-border-info) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.active\:border-left-info:active {
+  border-left-color: var(--bal-color-border-info) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.focus\:border-left-success:focus {
+  border-left-color: var(--bal-color-border-success) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.hover\:border-left-success:hover {
+  border-left-color: var(--bal-color-border-success) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.active\:border-left-success:active {
+  border-left-color: var(--bal-color-border-success) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.focus\:border-left-warning:focus {
+  border-left-color: var(--bal-color-border-warning) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.hover\:border-left-warning:hover {
+  border-left-color: var(--bal-color-border-warning) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.active\:border-left-warning:active {
+  border-left-color: var(--bal-color-border-warning) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.focus\:border-left-danger:focus {
+  border-left-color: var(--bal-color-border-danger) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.hover\:border-left-danger:hover {
+  border-left-color: var(--bal-color-border-danger) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.active\:border-left-danger:active {
+  border-left-color: var(--bal-color-border-danger) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.focus\:border-left-info-hovered:focus {
+  border-left-color: var(--bal-color-border-info-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.hover\:border-left-info-hovered:hover {
+  border-left-color: var(--bal-color-border-info-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.active\:border-left-info-hovered:active {
+  border-left-color: var(--bal-color-border-info-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.focus\:border-left-info-pressed:focus {
+  border-left-color: var(--bal-color-border-info-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.hover\:border-left-info-pressed:hover {
+  border-left-color: var(--bal-color-border-info-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.active\:border-left-info-pressed:active {
+  border-left-color: var(--bal-color-border-info-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.focus\:border-left-primary-hovered:focus {
+  border-left-color: var(--bal-color-border-primary-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.hover\:border-left-primary-hovered:hover {
+  border-left-color: var(--bal-color-border-primary-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.active\:border-left-primary-hovered:active {
+  border-left-color: var(--bal-color-border-primary-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.focus\:border-left-primary-pressed:focus {
+  border-left-color: var(--bal-color-border-primary-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.hover\:border-left-primary-pressed:hover {
+  border-left-color: var(--bal-color-border-primary-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.active\:border-left-primary-pressed:active {
+  border-left-color: var(--bal-color-border-primary-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.focus\:border-left-success-hovered:focus {
+  border-left-color: var(--bal-color-border-success-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.hover\:border-left-success-hovered:hover {
+  border-left-color: var(--bal-color-border-success-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.active\:border-left-success-hovered:active {
+  border-left-color: var(--bal-color-border-success-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.focus\:border-left-success-pressed:focus {
+  border-left-color: var(--bal-color-border-success-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.hover\:border-left-success-pressed:hover {
+  border-left-color: var(--bal-color-border-success-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.active\:border-left-success-pressed:active {
+  border-left-color: var(--bal-color-border-success-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.focus\:border-left-warning-hovered:focus {
+  border-left-color: var(--bal-color-border-warning-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.hover\:border-left-warning-hovered:hover {
+  border-left-color: var(--bal-color-border-warning-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.active\:border-left-warning-hovered:active {
+  border-left-color: var(--bal-color-border-warning-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.focus\:border-left-warning-pressed:focus {
+  border-left-color: var(--bal-color-border-warning-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.hover\:border-left-warning-pressed:hover {
+  border-left-color: var(--bal-color-border-warning-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.active\:border-left-warning-pressed:active {
+  border-left-color: var(--bal-color-border-warning-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.focus\:border-left-danger-hovered:focus {
+  border-left-color: var(--bal-color-border-danger-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.hover\:border-left-danger-hovered:hover {
+  border-left-color: var(--bal-color-border-danger-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.active\:border-left-danger-hovered:active {
+  border-left-color: var(--bal-color-border-danger-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.focus\:border-left-danger-pressed:focus {
+  border-left-color: var(--bal-color-border-danger-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.hover\:border-left-danger-pressed:hover {
+  border-left-color: var(--bal-color-border-danger-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.active\:border-left-danger-pressed:active {
+  border-left-color: var(--bal-color-border-danger-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.focus\:border-left-green-hovered:focus {
+  border-left-color: var(--bal-color-border-green-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.hover\:border-left-green-hovered:hover {
+  border-left-color: var(--bal-color-border-green-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.active\:border-left-green-hovered:active {
+  border-left-color: var(--bal-color-border-green-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.focus\:border-left-green-pressed:focus {
+  border-left-color: var(--bal-color-border-green-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.hover\:border-left-green-pressed:hover {
+  border-left-color: var(--bal-color-border-green-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.active\:border-left-green-pressed:active {
+  border-left-color: var(--bal-color-border-green-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.focus\:border-left-purple-hovered:focus {
+  border-left-color: var(--bal-color-border-purple-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.hover\:border-left-purple-hovered:hover {
+  border-left-color: var(--bal-color-border-purple-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.active\:border-left-purple-hovered:active {
+  border-left-color: var(--bal-color-border-purple-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.focus\:border-left-purple-pressed:focus {
+  border-left-color: var(--bal-color-border-purple-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.hover\:border-left-purple-pressed:hover {
+  border-left-color: var(--bal-color-border-purple-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.active\:border-left-purple-pressed:active {
+  border-left-color: var(--bal-color-border-purple-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.focus\:border-left-red-hovered:focus {
+  border-left-color: var(--bal-color-border-red-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.hover\:border-left-red-hovered:hover {
+  border-left-color: var(--bal-color-border-red-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.active\:border-left-red-hovered:active {
+  border-left-color: var(--bal-color-border-red-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.focus\:border-left-red-pressed:focus {
+  border-left-color: var(--bal-color-border-red-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.hover\:border-left-red-pressed:hover {
+  border-left-color: var(--bal-color-border-red-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.active\:border-left-red-pressed:active {
+  border-left-color: var(--bal-color-border-red-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.focus\:border-left-yellow-hovered:focus {
+  border-left-color: var(--bal-color-border-yellow-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.hover\:border-left-yellow-hovered:hover {
+  border-left-color: var(--bal-color-border-yellow-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.active\:border-left-yellow-hovered:active {
+  border-left-color: var(--bal-color-border-yellow-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.focus\:border-left-yellow-pressed:focus {
+  border-left-color: var(--bal-color-border-yellow-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.hover\:border-left-yellow-pressed:hover {
+  border-left-color: var(--bal-color-border-yellow-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.active\:border-left-yellow-pressed:active {
+  border-left-color: var(--bal-color-border-yellow-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.focus\:border-left-inverted:focus {
+  border-left-color: var(--bal-color-border-inverted) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.hover\:border-left-inverted:hover {
+  border-left-color: var(--bal-color-border-inverted) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.active\:border-left-inverted:active {
+  border-left-color: var(--bal-color-border-inverted) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.focus\:border-left-inverted-disabled:focus {
+  border-left-color: var(--bal-color-border-inverted-disabled) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.hover\:border-left-inverted-disabled:hover {
+  border-left-color: var(--bal-color-border-inverted-disabled) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.active\:border-left-inverted-disabled:active {
+  border-left-color: var(--bal-color-border-inverted-disabled) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.focus\:border-left-inverted-primary:focus {
+  border-left-color: var(--bal-color-border-inverted-primary) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.hover\:border-left-inverted-primary:hover {
+  border-left-color: var(--bal-color-border-inverted-primary) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.active\:border-left-inverted-primary:active {
+  border-left-color: var(--bal-color-border-inverted-primary) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.focus\:border-left-inverted-primary-hovered:focus {
+  border-left-color: var(--bal-color-border-inverted-primary-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.hover\:border-left-inverted-primary-hovered:hover {
+  border-left-color: var(--bal-color-border-inverted-primary-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.active\:border-left-inverted-primary-hovered:active {
+  border-left-color: var(--bal-color-border-inverted-primary-hovered) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.focus\:border-left-inverted-primary-pressed:focus {
+  border-left-color: var(--bal-color-border-inverted-primary-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.hover\:border-left-inverted-primary-pressed:hover {
+  border-left-color: var(--bal-color-border-inverted-primary-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.active\:border-left-inverted-primary-pressed:active {
+  border-left-color: var(--bal-color-border-inverted-primary-pressed) !important;
+  border-left-width: var(--bal-border-width-normal) !important;
+  border-left-style: solid;
+}
+.border-width-small {
+  border-width: var(--bal-border-width-small) !important;
+}
+.border-width-normal {
+  border-width: var(--bal-border-width-normal) !important;
+}
+.border-width-large {
+  border-width: var(--bal-border-width-large) !important;
+}
+@media screen and (max-width: 768px) {
+  .mobile\:border-width-small {
+    border-width: var(--bal-border-width-small) !important;
+  }
+  .mobile\:border-width-normal {
+    border-width: var(--bal-border-width-normal) !important;
+  }
+  .mobile\:border-width-large {
+    border-width: var(--bal-border-width-large) !important;
+  }
+}
+@media screen and (min-width: 769px), print {
+  .tablet\:border-width-small {
+    border-width: var(--bal-border-width-small) !important;
+  }
+  .tablet\:border-width-normal {
+    border-width: var(--bal-border-width-normal) !important;
+  }
+  .tablet\:border-width-large {
+    border-width: var(--bal-border-width-large) !important;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .desktop\:border-width-small {
+    border-width: var(--bal-border-width-small) !important;
+  }
+  .desktop\:border-width-normal {
+    border-width: var(--bal-border-width-normal) !important;
+  }
+  .desktop\:border-width-large {
+    border-width: var(--bal-border-width-large) !important;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .widescreen\:border-width-small {
+    border-width: var(--bal-border-width-small) !important;
+  }
+  .widescreen\:border-width-normal {
+    border-width: var(--bal-border-width-normal) !important;
+  }
+  .widescreen\:border-width-large {
+    border-width: var(--bal-border-width-large) !important;
+  }
+}
+.radius-none {
+  border-radius: 0 !important;
+}
+.radius-normal {
+  border-radius: var(--bal-radius-normal) !important;
+}
+.radius-large {
+  border-radius: var(--bal-radius-large) !important;
+}
+.radius-rounded {
+  border-radius: var(--bal-radius-rounded) !important;
+}
+@media screen and (max-width: 768px) {
+  .mobile\:radius-none {
+    border-radius: 0 !important;
+  }
+  .mobile\:radius-normal {
+    border-radius: var(--bal-radius-normal) !important;
+  }
+  .mobile\:radius-large {
+    border-radius: var(--bal-radius-large) !important;
+  }
+  .mobile\:radius-rounded {
+    border-radius: var(--bal-radius-rounded) !important;
+  }
+}
+@media screen and (min-width: 769px), print {
+  .tablet\:radius-none {
+    border-radius: 0 !important;
+  }
+  .tablet\:radius-normal {
+    border-radius: var(--bal-radius-normal) !important;
+  }
+  .tablet\:radius-large {
+    border-radius: var(--bal-radius-large) !important;
+  }
+  .tablet\:radius-rounded {
+    border-radius: var(--bal-radius-rounded) !important;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .desktop\:radius-none {
+    border-radius: 0 !important;
+  }
+  .desktop\:radius-normal {
+    border-radius: var(--bal-radius-normal) !important;
+  }
+  .desktop\:radius-large {
+    border-radius: var(--bal-radius-large) !important;
+  }
+  .desktop\:radius-rounded {
+    border-radius: var(--bal-radius-rounded) !important;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .widescreen\:radius-none {
+    border-radius: 0 !important;
+  }
+  .widescreen\:radius-normal {
+    border-radius: var(--bal-radius-normal) !important;
+  }
+  .widescreen\:radius-large {
+    border-radius: var(--bal-radius-large) !important;
+  }
+  .widescreen\:radius-rounded {
+    border-radius: var(--bal-radius-rounded) !important;
+  }
+}
+.radius-top-none {
+  border-top-left-radius: 0 !important;
+  border-top-right-radius: 0 !important;
+}
+.radius-top-normal {
+  border-top-left-radius: var(--bal-radius-normal) !important;
+  border-top-right-radius: var(--bal-radius-normal) !important;
+}
+.radius-top-large {
+  border-top-left-radius: var(--bal-radius-large) !important;
+  border-top-right-radius: var(--bal-radius-large) !important;
+}
+.radius-top-rounded {
+  border-top-left-radius: var(--bal-radius-rounded) !important;
+  border-top-right-radius: var(--bal-radius-rounded) !important;
+}
+@media screen and (max-width: 768px) {
+  .mobile\:radius-top-none {
+    border-top-left-radius: 0 !important;
+    border-top-right-radius: 0 !important;
+  }
+  .mobile\:radius-top-normal {
+    border-top-left-radius: var(--bal-radius-normal) !important;
+    border-top-right-radius: var(--bal-radius-normal) !important;
+  }
+  .mobile\:radius-top-large {
+    border-top-left-radius: var(--bal-radius-large) !important;
+    border-top-right-radius: var(--bal-radius-large) !important;
+  }
+  .mobile\:radius-top-rounded {
+    border-top-left-radius: var(--bal-radius-rounded) !important;
+    border-top-right-radius: var(--bal-radius-rounded) !important;
+  }
+}
+@media screen and (min-width: 769px), print {
+  .tablet\:radius-top-none {
+    border-top-left-radius: 0 !important;
+    border-top-right-radius: 0 !important;
+  }
+  .tablet\:radius-top-normal {
+    border-top-left-radius: var(--bal-radius-normal) !important;
+    border-top-right-radius: var(--bal-radius-normal) !important;
+  }
+  .tablet\:radius-top-large {
+    border-top-left-radius: var(--bal-radius-large) !important;
+    border-top-right-radius: var(--bal-radius-large) !important;
+  }
+  .tablet\:radius-top-rounded {
+    border-top-left-radius: var(--bal-radius-rounded) !important;
+    border-top-right-radius: var(--bal-radius-rounded) !important;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .desktop\:radius-top-none {
+    border-top-left-radius: 0 !important;
+    border-top-right-radius: 0 !important;
+  }
+  .desktop\:radius-top-normal {
+    border-top-left-radius: var(--bal-radius-normal) !important;
+    border-top-right-radius: var(--bal-radius-normal) !important;
+  }
+  .desktop\:radius-top-large {
+    border-top-left-radius: var(--bal-radius-large) !important;
+    border-top-right-radius: var(--bal-radius-large) !important;
+  }
+  .desktop\:radius-top-rounded {
+    border-top-left-radius: var(--bal-radius-rounded) !important;
+    border-top-right-radius: var(--bal-radius-rounded) !important;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .widescreen\:radius-top-none {
+    border-top-left-radius: 0 !important;
+    border-top-right-radius: 0 !important;
+  }
+  .widescreen\:radius-top-normal {
+    border-top-left-radius: var(--bal-radius-normal) !important;
+    border-top-right-radius: var(--bal-radius-normal) !important;
+  }
+  .widescreen\:radius-top-large {
+    border-top-left-radius: var(--bal-radius-large) !important;
+    border-top-right-radius: var(--bal-radius-large) !important;
+  }
+  .widescreen\:radius-top-rounded {
+    border-top-left-radius: var(--bal-radius-rounded) !important;
+    border-top-right-radius: var(--bal-radius-rounded) !important;
+  }
+}
+.radius-left-none {
+  border-top-left-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
+}
+.radius-left-normal {
+  border-top-left-radius: var(--bal-radius-normal) !important;
+  border-bottom-left-radius: var(--bal-radius-normal) !important;
+}
+.radius-left-large {
+  border-top-left-radius: var(--bal-radius-large) !important;
+  border-bottom-left-radius: var(--bal-radius-large) !important;
+}
+.radius-left-rounded {
+  border-top-left-radius: var(--bal-radius-rounded) !important;
+  border-bottom-left-radius: var(--bal-radius-rounded) !important;
+}
+@media screen and (max-width: 768px) {
+  .mobile\:radius-left-none {
+    border-top-left-radius: 0 !important;
+    border-bottom-left-radius: 0 !important;
+  }
+  .mobile\:radius-left-normal {
+    border-top-left-radius: var(--bal-radius-normal) !important;
+    border-bottom-left-radius: var(--bal-radius-normal) !important;
+  }
+  .mobile\:radius-left-large {
+    border-top-left-radius: var(--bal-radius-large) !important;
+    border-bottom-left-radius: var(--bal-radius-large) !important;
+  }
+  .mobile\:radius-left-rounded {
+    border-top-left-radius: var(--bal-radius-rounded) !important;
+    border-bottom-left-radius: var(--bal-radius-rounded) !important;
+  }
+}
+@media screen and (min-width: 769px), print {
+  .tablet\:radius-left-none {
+    border-top-left-radius: 0 !important;
+    border-bottom-left-radius: 0 !important;
+  }
+  .tablet\:radius-left-normal {
+    border-top-left-radius: var(--bal-radius-normal) !important;
+    border-bottom-left-radius: var(--bal-radius-normal) !important;
+  }
+  .tablet\:radius-left-large {
+    border-top-left-radius: var(--bal-radius-large) !important;
+    border-bottom-left-radius: var(--bal-radius-large) !important;
+  }
+  .tablet\:radius-left-rounded {
+    border-top-left-radius: var(--bal-radius-rounded) !important;
+    border-bottom-left-radius: var(--bal-radius-rounded) !important;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .desktop\:radius-left-none {
+    border-top-left-radius: 0 !important;
+    border-bottom-left-radius: 0 !important;
+  }
+  .desktop\:radius-left-normal {
+    border-top-left-radius: var(--bal-radius-normal) !important;
+    border-bottom-left-radius: var(--bal-radius-normal) !important;
+  }
+  .desktop\:radius-left-large {
+    border-top-left-radius: var(--bal-radius-large) !important;
+    border-bottom-left-radius: var(--bal-radius-large) !important;
+  }
+  .desktop\:radius-left-rounded {
+    border-top-left-radius: var(--bal-radius-rounded) !important;
+    border-bottom-left-radius: var(--bal-radius-rounded) !important;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .widescreen\:radius-left-none {
+    border-top-left-radius: 0 !important;
+    border-bottom-left-radius: 0 !important;
+  }
+  .widescreen\:radius-left-normal {
+    border-top-left-radius: var(--bal-radius-normal) !important;
+    border-bottom-left-radius: var(--bal-radius-normal) !important;
+  }
+  .widescreen\:radius-left-large {
+    border-top-left-radius: var(--bal-radius-large) !important;
+    border-bottom-left-radius: var(--bal-radius-large) !important;
+  }
+  .widescreen\:radius-left-rounded {
+    border-top-left-radius: var(--bal-radius-rounded) !important;
+    border-bottom-left-radius: var(--bal-radius-rounded) !important;
+  }
+}
+.radius-right-none {
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+.radius-right-normal {
+  border-top-right-radius: var(--bal-radius-normal) !important;
+  border-bottom-right-radius: var(--bal-radius-normal) !important;
+}
+.radius-right-large {
+  border-top-right-radius: var(--bal-radius-large) !important;
+  border-bottom-right-radius: var(--bal-radius-large) !important;
+}
+.radius-right-rounded {
+  border-top-right-radius: var(--bal-radius-rounded) !important;
+  border-bottom-right-radius: var(--bal-radius-rounded) !important;
+}
+@media screen and (max-width: 768px) {
+  .mobile\:radius-right-none {
+    border-top-right-radius: 0 !important;
+    border-bottom-right-radius: 0 !important;
+  }
+  .mobile\:radius-right-normal {
+    border-top-right-radius: var(--bal-radius-normal) !important;
+    border-bottom-right-radius: var(--bal-radius-normal) !important;
+  }
+  .mobile\:radius-right-large {
+    border-top-right-radius: var(--bal-radius-large) !important;
+    border-bottom-right-radius: var(--bal-radius-large) !important;
+  }
+  .mobile\:radius-right-rounded {
+    border-top-right-radius: var(--bal-radius-rounded) !important;
+    border-bottom-right-radius: var(--bal-radius-rounded) !important;
+  }
+}
+@media screen and (min-width: 769px), print {
+  .tablet\:radius-right-none {
+    border-top-right-radius: 0 !important;
+    border-bottom-right-radius: 0 !important;
+  }
+  .tablet\:radius-right-normal {
+    border-top-right-radius: var(--bal-radius-normal) !important;
+    border-bottom-right-radius: var(--bal-radius-normal) !important;
+  }
+  .tablet\:radius-right-large {
+    border-top-right-radius: var(--bal-radius-large) !important;
+    border-bottom-right-radius: var(--bal-radius-large) !important;
+  }
+  .tablet\:radius-right-rounded {
+    border-top-right-radius: var(--bal-radius-rounded) !important;
+    border-bottom-right-radius: var(--bal-radius-rounded) !important;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .desktop\:radius-right-none {
+    border-top-right-radius: 0 !important;
+    border-bottom-right-radius: 0 !important;
+  }
+  .desktop\:radius-right-normal {
+    border-top-right-radius: var(--bal-radius-normal) !important;
+    border-bottom-right-radius: var(--bal-radius-normal) !important;
+  }
+  .desktop\:radius-right-large {
+    border-top-right-radius: var(--bal-radius-large) !important;
+    border-bottom-right-radius: var(--bal-radius-large) !important;
+  }
+  .desktop\:radius-right-rounded {
+    border-top-right-radius: var(--bal-radius-rounded) !important;
+    border-bottom-right-radius: var(--bal-radius-rounded) !important;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .widescreen\:radius-right-none {
+    border-top-right-radius: 0 !important;
+    border-bottom-right-radius: 0 !important;
+  }
+  .widescreen\:radius-right-normal {
+    border-top-right-radius: var(--bal-radius-normal) !important;
+    border-bottom-right-radius: var(--bal-radius-normal) !important;
+  }
+  .widescreen\:radius-right-large {
+    border-top-right-radius: var(--bal-radius-large) !important;
+    border-bottom-right-radius: var(--bal-radius-large) !important;
+  }
+  .widescreen\:radius-right-rounded {
+    border-top-right-radius: var(--bal-radius-rounded) !important;
+    border-bottom-right-radius: var(--bal-radius-rounded) !important;
+  }
+}
+.radius-bottom-none {
+  border-bottom-left-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+.radius-bottom-normal {
+  border-bottom-left-radius: var(--bal-radius-normal) !important;
+  border-bottom-right-radius: var(--bal-radius-normal) !important;
+}
+.radius-bottom-large {
+  border-bottom-left-radius: var(--bal-radius-large) !important;
+  border-bottom-right-radius: var(--bal-radius-large) !important;
+}
+.radius-bottom-rounded {
+  border-bottom-left-radius: var(--bal-radius-rounded) !important;
+  border-bottom-right-radius: var(--bal-radius-rounded) !important;
+}
+@media screen and (max-width: 768px) {
+  .mobile\:radius-bottom-none {
+    border-bottom-left-radius: 0 !important;
+    border-bottom-right-radius: 0 !important;
+  }
+  .mobile\:radius-bottom-normal {
+    border-bottom-left-radius: var(--bal-radius-normal) !important;
+    border-bottom-right-radius: var(--bal-radius-normal) !important;
+  }
+  .mobile\:radius-bottom-large {
+    border-bottom-left-radius: var(--bal-radius-large) !important;
+    border-bottom-right-radius: var(--bal-radius-large) !important;
+  }
+  .mobile\:radius-bottom-rounded {
+    border-bottom-left-radius: var(--bal-radius-rounded) !important;
+    border-bottom-right-radius: var(--bal-radius-rounded) !important;
+  }
+}
+@media screen and (min-width: 769px), print {
+  .tablet\:radius-bottom-none {
+    border-bottom-left-radius: 0 !important;
+    border-bottom-right-radius: 0 !important;
+  }
+  .tablet\:radius-bottom-normal {
+    border-bottom-left-radius: var(--bal-radius-normal) !important;
+    border-bottom-right-radius: var(--bal-radius-normal) !important;
+  }
+  .tablet\:radius-bottom-large {
+    border-bottom-left-radius: var(--bal-radius-large) !important;
+    border-bottom-right-radius: var(--bal-radius-large) !important;
+  }
+  .tablet\:radius-bottom-rounded {
+    border-bottom-left-radius: var(--bal-radius-rounded) !important;
+    border-bottom-right-radius: var(--bal-radius-rounded) !important;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .desktop\:radius-bottom-none {
+    border-bottom-left-radius: 0 !important;
+    border-bottom-right-radius: 0 !important;
+  }
+  .desktop\:radius-bottom-normal {
+    border-bottom-left-radius: var(--bal-radius-normal) !important;
+    border-bottom-right-radius: var(--bal-radius-normal) !important;
+  }
+  .desktop\:radius-bottom-large {
+    border-bottom-left-radius: var(--bal-radius-large) !important;
+    border-bottom-right-radius: var(--bal-radius-large) !important;
+  }
+  .desktop\:radius-bottom-rounded {
+    border-bottom-left-radius: var(--bal-radius-rounded) !important;
+    border-bottom-right-radius: var(--bal-radius-rounded) !important;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .widescreen\:radius-bottom-none {
+    border-bottom-left-radius: 0 !important;
+    border-bottom-right-radius: 0 !important;
+  }
+  .widescreen\:radius-bottom-normal {
+    border-bottom-left-radius: var(--bal-radius-normal) !important;
+    border-bottom-right-radius: var(--bal-radius-normal) !important;
+  }
+  .widescreen\:radius-bottom-large {
+    border-bottom-left-radius: var(--bal-radius-large) !important;
+    border-bottom-right-radius: var(--bal-radius-large) !important;
+  }
+  .widescreen\:radius-bottom-rounded {
+    border-bottom-left-radius: var(--bal-radius-rounded) !important;
+    border-bottom-right-radius: var(--bal-radius-rounded) !important;
+  }
+}
+.border-none {
+  border-width: 0 !important;
+}
+@media screen and (max-width: 768px) {
+  .mobile\:border-none {
+    border-width: 0 !important;
+  }
+}
+@media screen and (min-width: 769px), print {
+  .tablet\:border-none {
+    border-width: 0 !important;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .desktop\:border-none {
+    border-width: 0 !important;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .widescreen\:border-none {
+    border-width: 0 !important;
+  }
+}
+.border-top-none {
+  border-top-width: 0 !important;
+}
+@media screen and (max-width: 768px) {
+  .mobile\:border-top-none {
+    border-top-width: 0 !important;
+  }
+}
+@media screen and (min-width: 769px), print {
+  .tablet\:border-top-none {
+    border-top-width: 0 !important;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .desktop\:border-top-none {
+    border-top-width: 0 !important;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .widescreen\:border-top-none {
+    border-top-width: 0 !important;
+  }
+}
+.border-right-none {
+  border-right-width: 0 !important;
+}
+@media screen and (max-width: 768px) {
+  .mobile\:border-right-none {
+    border-right-width: 0 !important;
+  }
+}
+@media screen and (min-width: 769px), print {
+  .tablet\:border-right-none {
+    border-right-width: 0 !important;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .desktop\:border-right-none {
+    border-right-width: 0 !important;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .widescreen\:border-right-none {
+    border-right-width: 0 !important;
+  }
+}
+.border-bottom-none {
+  border-bottom-width: 0 !important;
+}
+@media screen and (max-width: 768px) {
+  .mobile\:border-bottom-none {
+    border-bottom-width: 0 !important;
+  }
+}
+@media screen and (min-width: 769px), print {
+  .tablet\:border-bottom-none {
+    border-bottom-width: 0 !important;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .desktop\:border-bottom-none {
+    border-bottom-width: 0 !important;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .widescreen\:border-bottom-none {
+    border-bottom-width: 0 !important;
+  }
+}
+.border-left-none {
+  border-left-width: 0 !important;
+}
+@media screen and (max-width: 768px) {
+  .mobile\:border-left-none {
+    border-left-width: 0 !important;
+  }
+}
+@media screen and (min-width: 769px), print {
+  .tablet\:border-left-none {
+    border-left-width: 0 !important;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .desktop\:border-left-none {
+    border-left-width: 0 !important;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .widescreen\:border-left-none {
+    border-left-width: 0 !important;
+  }
+}
+/*# sourceMappingURL=/utilities/border.css.map */