@baloise/ds-styles 17.3.0 → 17.4.0-snapshot.1609-d2bcc38d3

package/css/all.css

@@ -1,4 +1,4 @@
-.table-container:not(:last-child), .table:not(:last-child) {
+.table:not(:last-child), .table-container:not(:last-child) {
   margin-bottom: 0.25rem;
 }
 
@@ -10,9 +10,9 @@
 }
 
 @media (hover: hover) and (pointer: fine) {
-  a.link:not(.button).is-light:focus-visible,
-  a.is-link:not(.button).is-light:focus-visible, a.link:not(.button).is-inverted:focus-visible,
-  a.is-link:not(.button).is-inverted:focus-visible, .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active) {
+  a.link:not(.button).is-inverted:focus-visible,
+  a.is-link:not(.button).is-inverted:focus-visible, a.link:not(.button).is-light:focus-visible,
+  a.is-link:not(.button).is-light:focus-visible, .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active) {
     box-shadow: var(--bal-focus-shadow-inverted) !important;
   }
 }
@@ -386,43 +386,6 @@ template {
   display: none;
 }
 
-.table-container:not(:last-child), .table:not(:last-child) {
-  margin-bottom: 0.25rem;
-}
-
-@media (hover: hover) and (pointer: fine) {
-  a.link:not(.button):focus-visible,
-  a.is-link:not(.button):focus-visible, .button:focus-visible:not(:active), .button.is-focused:not(:active) {
-    box-shadow: var(--bal-focus-shadow) !important;
-  }
-}
-
-@media (hover: hover) and (pointer: fine) {
-  a.link:not(.button).is-light:focus-visible,
-  a.is-link:not(.button).is-light:focus-visible, a.link:not(.button).is-inverted:focus-visible,
-  a.is-link:not(.button).is-inverted:focus-visible, .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active) {
-    box-shadow: var(--bal-focus-shadow-inverted) !important;
-  }
-}
-
-.button.is-disabled.is-inverted, .button.is-disabled, .button.is-disabled:hover, .button.is-disabled:active, .button.is-disabled:focus, .button.is-inverted:disabled, .button:disabled, .file.is-disabled .file-label,
-.file.is-disabled .file-cta {
-  cursor: default !important;
-  pointer-events: none !important;
-}
-
-.button, .file {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  user-select: none;
-}
-
-.button {
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-}
-
 html {
   background-color: var(--bal-body-background);
   font-size: var(--bal-body-font-size);
@@ -600,7 +563,7 @@ fieldset {
 }
 /**
  * Do not edit directly
- * Generated on Thu, 16 Jan 2025 14:24:58 GMT
+ * Generated on Thu, 06 Feb 2025 21:52:18 GMT
  */
 :root {
   --bal-text-shadow-normal: 0px 0px 4px rgba(0, 0, 0, 0.15), 0px 4px 12px rgba(0, 0, 0, 0.25), 0px 0px 80px rgba(0, 0, 0, 0.5); /* Increases readability when used on a image background. */
@@ -613,6 +576,7 @@ fieldset {
   --bal-opacity-0: 0;
   --bal-font-family-text: BaloiseCreateText, Arial, sans-serif;
   --bal-font-family-title: BaloiseCreateHeadline, Arial, sans-serif;
+  --bal-shadow-header: 0 4px 4px 0 rgba(0, 7, 57, 0.15); /* Shadow effect for a header bar */
   --bal-shadow-large: 0 0 30px 0 rgba(0, 7, 57, 0.15); /* Large shadow are used for hover effects. */
   --bal-shadow-normal: 0 0 10px 0 rgba(0, 7, 57, 0.15); /* Default shadow size to elevate an element. */
   --bal-shadow-small: 0px 2px 5px 1px rgba(0, 7, 57, 0.12);
@@ -867,76 +831,6 @@ fieldset {
   --bal-color-background-primary: var(--bal-color-primary-5); /* Blue is our accent color and it is present on every touchpoint. Our logo, text, buttons and links are blue. */
 }
 
-:root {
-  --bal-line-height-x-small: 1.125rem;
-  --bal-line-height-small: 1.25rem;
-  --bal-line-height-normal: 1.5rem;
-  --bal-line-height-medium: 1.5rem;
-  --bal-line-height-large: 1.5rem;
-  --bal-line-height-x-large: 2rem;
-  --bal-line-height-xx-large: 2rem;
-  --bal-line-height-xxx-large: 2rem;
-  --bal-line-height-xxxx-large: 2.5rem;
-  --bal-line-height-xxxxx-large: 3.5rem;
-  --bal-line-height-tablet-x-small: 1.125rem;
-  --bal-line-height-tablet-small: 1.25rem;
-  --bal-line-height-tablet-normal: 1.5rem;
-  --bal-line-height-tablet-medium: 1.625rem;
-  --bal-line-height-tablet-large: 2rem;
-  --bal-line-height-tablet-x-large: 2rem;
-  --bal-line-height-tablet-xx-large: 2.5rem;
-  --bal-line-height-tablet-xxx-large: 3rem;
-  --bal-line-height-tablet-xxxx-large: 3.5rem;
-  --bal-line-height-tablet-xxxxx-large: 6rem;
-  --bal-line-height-desktop-x-small: 1.125rem;
-  --bal-line-height-desktop-small: 1.25rem;
-  --bal-line-height-desktop-normal: 1.5rem;
-  --bal-line-height-desktop-medium: 1.625rem;
-  --bal-line-height-desktop-large: 2rem;
-  --bal-line-height-desktop-x-large: 2rem;
-  --bal-line-height-desktop-xx-large: 2.5rem;
-  --bal-line-height-desktop-xxx-large: 3rem;
-  --bal-line-height-desktop-xxxx-large: 3.5rem;
-  --bal-line-height-desktop-xxxxx-large: 6rem;
-}
-
-.table-container:not(:last-child), .table:not(:last-child) {
-  margin-bottom: 0.25rem;
-}
-
-@media (hover: hover) and (pointer: fine) {
-  a.link:not(.button):focus-visible,
-  a.is-link:not(.button):focus-visible, .button:focus-visible:not(:active), .button.is-focused:not(:active) {
-    box-shadow: var(--bal-focus-shadow) !important;
-  }
-}
-
-@media (hover: hover) and (pointer: fine) {
-  a.link:not(.button).is-light:focus-visible,
-  a.is-link:not(.button).is-light:focus-visible, a.link:not(.button).is-inverted:focus-visible,
-  a.is-link:not(.button).is-inverted:focus-visible, .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active) {
-    box-shadow: var(--bal-focus-shadow-inverted) !important;
-  }
-}
-
-.button.is-disabled.is-inverted, .button.is-disabled, .button.is-disabled:hover, .button.is-disabled:active, .button.is-disabled:focus, .button.is-inverted:disabled, .button:disabled, .file.is-disabled .file-label,
-.file.is-disabled .file-cta {
-  cursor: default !important;
-  pointer-events: none !important;
-}
-
-.button, .file {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  user-select: none;
-}
-
-.button {
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-}
-
 /**
  * * @prop --bal-body-background: Body background color
  * * @prop --bal-body-font-family: Body font family
@@ -1469,7 +1363,7 @@ fieldset {
   --bal-table-striped-row-even-background-color-hover: var(--bal-color-grey-2);
 }
 
-.select select, .textarea, .input {
+.select select, .input, .textarea {
   justify-content: flex-start;
   background-color: var(--bal-form-field-control-background);
   border-color: var(--bal-form-field-control-border-color);
@@ -1477,48 +1371,48 @@ fieldset {
   border-radius: var(--bal-form-field-control-radius);
   color: var(--bal-form-field-control-color);
 }
-.select select::-moz-placeholder, .textarea::-moz-placeholder, .input::-moz-placeholder {
+.select select::-moz-placeholder, .input::-moz-placeholder, .textarea::-moz-placeholder {
   color: var(--bal-form-field-control-placeholder-color);
 }
-.select select::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .input::-webkit-input-placeholder {
+.select select::-webkit-input-placeholder, .input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder {
   color: var(--bal-form-field-control-placeholder-color);
 }
-.select select:-moz-placeholder, .textarea:-moz-placeholder, .input:-moz-placeholder {
+.select select:-moz-placeholder, .input:-moz-placeholder, .textarea:-moz-placeholder {
   color: var(--bal-form-field-control-placeholder-color);
 }
-.select select:-ms-input-placeholder, .textarea:-ms-input-placeholder, .input:-ms-input-placeholder {
+.select select:-ms-input-placeholder, .input:-ms-input-placeholder, .textarea:-ms-input-placeholder {
   color: var(--bal-form-field-control-placeholder-color);
 }
 @media (hover: hover) and (pointer: fine) {
-  .select select:hover, .textarea:hover, .input:hover, .select select.is-hovered, .is-hovered.textarea, .is-hovered.input {
+  .select select:hover, .input:hover, .textarea:hover, .select select.is-hovered, .is-hovered.input, .is-hovered.textarea {
     border-color: var(--bal-form-field-control-border-color-hover);
     background-color: var(--bal-form-field-control-background-hover);
   }
 }
-.select select.bal-focused, .bal-focused.textarea, .bal-focused.input, .select select:focus, .textarea:focus, .input:focus, .select select.is-focused, .is-focused.textarea, .is-focused.input, .select select:active, .textarea:active, .input:active, .select select.is-active, .is-active.textarea, .is-active.input {
+.select select.bal-focused, .bal-focused.input, .bal-focused.textarea, .select select:focus, .input:focus, .textarea:focus, .select select.is-focused, .is-focused.input, .is-focused.textarea, .select select:active, .input:active, .textarea:active, .select select.is-active, .is-active.input, .is-active.textarea {
   border-color: var(--bal-form-field-control-border-color-active);
   background-color: var(--bal-form-field-control-background-active);
 }
-.select select[disabled], [disabled].textarea, [disabled].input, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input {
+.select select[disabled], [disabled].input, [disabled].textarea, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .input, fieldset[disabled] .textarea {
   background-color: var(--bal-form-field-control-disabled-background);
   border-color: var(--bal-form-field-control-disabled-border-color);
   box-shadow: none;
   color: var(--bal-form-field-control-disabled-color);
 }
-.select select[disabled]::-moz-placeholder, [disabled].textarea::-moz-placeholder, [disabled].input::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, .select fieldset[disabled] select::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder {
+.select select[disabled]::-moz-placeholder, [disabled].input::-moz-placeholder, [disabled].textarea::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, .select fieldset[disabled] select::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder {
   color: var(--bal-form-field-control-disabled-color);
 }
-.select select[disabled]::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder, [disabled].input::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder, .select fieldset[disabled] select::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder {
+.select select[disabled]::-webkit-input-placeholder, [disabled].input::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder, .select fieldset[disabled] select::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder {
   color: var(--bal-form-field-control-disabled-color);
 }
-.select select[disabled]:-moz-placeholder, [disabled].textarea:-moz-placeholder, [disabled].input:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder, .select fieldset[disabled] select:-moz-placeholder, fieldset[disabled] .textarea:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder {
+.select select[disabled]:-moz-placeholder, [disabled].input:-moz-placeholder, [disabled].textarea:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder, .select fieldset[disabled] select:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder, fieldset[disabled] .textarea:-moz-placeholder {
   color: var(--bal-form-field-control-disabled-color);
 }
-.select select[disabled]:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder, [disabled].input:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder, .select fieldset[disabled] select:-ms-input-placeholder, fieldset[disabled] .textarea:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder {
+.select select[disabled]:-ms-input-placeholder, [disabled].input:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder, .select fieldset[disabled] select:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder, fieldset[disabled] .textarea:-ms-input-placeholder {
   color: var(--bal-form-field-control-disabled-color);
 }
 
-.file-cta, .select select, .textarea, .input {
+.file-cta, .select select, .input, .textarea {
   -moz-appearance: none !important;
   -webkit-appearance: none !important;
   align-items: center;
@@ -1536,10 +1430,10 @@ fieldset {
   position: relative;
   vertical-align: top;
 }
-.file-cta:focus, .select select:focus, .textarea:focus, .input:focus, .is-focused.file-cta, .select select.is-focused, .is-focused.textarea, .is-focused.input, .file-cta:active, .select select:active, .textarea:active, .input:active, .is-active.file-cta, .select select.is-active, .is-active.textarea, .is-active.input {
+.file-cta:focus, .select select:focus, .input:focus, .textarea:focus, .is-focused.file-cta, .select select.is-focused, .is-focused.input, .is-focused.textarea, .file-cta:active, .select select:active, .input:active, .textarea:active, .is-active.file-cta, .select select.is-active, .is-active.input, .is-active.textarea {
   outline: none;
 }
-[disabled].file-cta, .select select[disabled], [disabled].textarea, [disabled].input, fieldset[disabled] .file-cta, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input {
+[disabled].file-cta, .select select[disabled], [disabled].input, [disabled].textarea, fieldset[disabled] .file-cta, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .input, fieldset[disabled] .textarea {
   cursor: default;
 }
 
@@ -1952,7 +1846,7 @@ input.is-grouped {
 }
 
 .field:not(:last-child) {
-  margin-bottom: 0.75rem;
+  margin-bottom: 0.25rem;
 }
 .field.has-addons {
   display: flex;
@@ -4581,6 +4475,19 @@ ul.is-list {
     margin-bottom: 2rem;
   }
 }
+ol.list.is-inside,
+ul.list.is-inside,
+ol.is-list.is-inside,
+ul.is-list.is-inside {
+  list-style-position: inside !important;
+  margin-left: 0;
+}
+ol.list.is-inside li,
+ul.list.is-inside li,
+ol.is-list.is-inside li,
+ul.is-list.is-inside li {
+  list-style-position: inside !important;
+}
 ol.list li,
 ul.list li,
 ol.is-list li,
@@ -5099,41 +5006,37 @@ table.table td.has-buttons .buttons {
   margin-top: auto;
 }
 
-.table:not(:last-child), .table-container:not(:last-child) {
-  margin-bottom: 0.25rem;
-}
-
-@media (hover: hover) and (pointer: fine) {
-  .button:focus-visible:not(:active), .button.is-focused:not(:active), a.link:not(.button):focus-visible,
-  a.is-link:not(.button):focus-visible {
-    box-shadow: var(--bal-focus-shadow) !important;
-  }
-}
-
-@media (hover: hover) and (pointer: fine) {
-  .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), a.link:not(.button).is-inverted:focus-visible,
-  a.is-link:not(.button).is-inverted:focus-visible, a.link:not(.button).is-light:focus-visible,
-  a.is-link:not(.button).is-light:focus-visible {
-    box-shadow: var(--bal-focus-shadow-inverted) !important;
-  }
-}
-
-.file.is-disabled .file-label,
-.file.is-disabled .file-cta, .button.is-disabled.is-inverted, .button.is-disabled, .button.is-disabled:hover, .button.is-disabled:active, .button.is-disabled:focus, .button.is-inverted:disabled, .button:disabled {
-  cursor: default !important;
-  pointer-events: none !important;
-}
-
-.file, .button {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  user-select: none;
-}
-
-.button {
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
+:root {
+  --bal-line-height-x-small: 1.125rem;
+  --bal-line-height-small: 1.25rem;
+  --bal-line-height-normal: 1.5rem;
+  --bal-line-height-medium: 1.5rem;
+  --bal-line-height-large: 1.5rem;
+  --bal-line-height-x-large: 2rem;
+  --bal-line-height-xx-large: 2rem;
+  --bal-line-height-xxx-large: 2rem;
+  --bal-line-height-xxxx-large: 2.5rem;
+  --bal-line-height-xxxxx-large: 3.5rem;
+  --bal-line-height-tablet-x-small: 1.125rem;
+  --bal-line-height-tablet-small: 1.25rem;
+  --bal-line-height-tablet-normal: 1.5rem;
+  --bal-line-height-tablet-medium: 1.625rem;
+  --bal-line-height-tablet-large: 2rem;
+  --bal-line-height-tablet-x-large: 2rem;
+  --bal-line-height-tablet-xx-large: 2.5rem;
+  --bal-line-height-tablet-xxx-large: 3rem;
+  --bal-line-height-tablet-xxxx-large: 3.5rem;
+  --bal-line-height-tablet-xxxxx-large: 6rem;
+  --bal-line-height-desktop-x-small: 1.125rem;
+  --bal-line-height-desktop-small: 1.25rem;
+  --bal-line-height-desktop-normal: 1.5rem;
+  --bal-line-height-desktop-medium: 1.625rem;
+  --bal-line-height-desktop-large: 2rem;
+  --bal-line-height-desktop-x-large: 2rem;
+  --bal-line-height-desktop-xx-large: 2.5rem;
+  --bal-line-height-desktop-xxx-large: 3rem;
+  --bal-line-height-desktop-xxxx-large: 3.5rem;
+  --bal-line-height-desktop-xxxxx-large: 6rem;
 }
 
 .bg-primary {
@@ -6596,43 +6499,6 @@ table.table td.has-buttons .buttons {
   background: transparent !important;
 }
 
-.table:not(:last-child), .table-container:not(:last-child) {
-  margin-bottom: 0.25rem;
-}
-
-@media (hover: hover) and (pointer: fine) {
-  .button:focus-visible:not(:active), .button.is-focused:not(:active), a.link:not(.button):focus-visible,
-  a.is-link:not(.button):focus-visible {
-    box-shadow: var(--bal-focus-shadow) !important;
-  }
-}
-
-@media (hover: hover) and (pointer: fine) {
-  .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), a.link:not(.button).is-inverted:focus-visible,
-  a.is-link:not(.button).is-inverted:focus-visible, a.link:not(.button).is-light:focus-visible,
-  a.is-link:not(.button).is-light:focus-visible {
-    box-shadow: var(--bal-focus-shadow-inverted) !important;
-  }
-}
-
-.file.is-disabled .file-label,
-.file.is-disabled .file-cta, .button.is-disabled.is-inverted, .button.is-disabled, .button.is-disabled:hover, .button.is-disabled:active, .button.is-disabled:focus, .button.is-inverted:disabled, .button:disabled {
-  cursor: default !important;
-  pointer-events: none !important;
-}
-
-.file, .button {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  user-select: none;
-}
-
-.button {
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-}
-
 .border {
   border-color: var(--bal-color-border) !important;
   border-width: var(--bal-border-width-normal) !important;
@@ -11329,43 +11195,6 @@ table.table td.has-buttons .buttons {
     border-left-width: 0 !important;
   }
 }
-.table:not(:last-child), .table-container:not(:last-child) {
-  margin-bottom: 0.25rem;
-}
-
-@media (hover: hover) and (pointer: fine) {
-  .button:focus-visible:not(:active), .button.is-focused:not(:active), a.link:not(.button):focus-visible,
-  a.is-link:not(.button):focus-visible {
-    box-shadow: var(--bal-focus-shadow) !important;
-  }
-}
-
-@media (hover: hover) and (pointer: fine) {
-  .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), a.link:not(.button).is-inverted:focus-visible,
-  a.is-link:not(.button).is-inverted:focus-visible, a.link:not(.button).is-light:focus-visible,
-  a.is-link:not(.button).is-light:focus-visible {
-    box-shadow: var(--bal-focus-shadow-inverted) !important;
-  }
-}
-
-.file.is-disabled .file-label,
-.file.is-disabled .file-cta, .button.is-disabled.is-inverted, .button.is-disabled, .button.is-disabled:hover, .button.is-disabled:active, .button.is-disabled:focus, .button.is-inverted:disabled, .button:disabled {
-  cursor: default !important;
-  pointer-events: none !important;
-}
-
-.file, .button {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  user-select: none;
-}
-
-.button {
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-}
-
 .opacity-0 {
   opacity: var(--bal-opacity-0) !important;
 }
@@ -11410,6 +11239,10 @@ table.table td.has-buttons .buttons {
   box-shadow: var(--bal-shadow-large) !important;
 }
 
+.shadow-header {
+  box-shadow: var(--bal-shadow-header) !important;
+}
+
 .focus\:shadow-none:focus {
   box-shadow: none !important;
 }
@@ -11458,6 +11291,18 @@ table.table td.has-buttons .buttons {
   box-shadow: var(--bal-shadow-large) !important;
 }
 
+.focus\:shadow-header:focus {
+  box-shadow: var(--bal-shadow-header) !important;
+}
+
+.hover\:shadow-header:hover {
+  box-shadow: var(--bal-shadow-header) !important;
+}
+
+.active\:shadow-header:active {
+  box-shadow: var(--bal-shadow-header) !important;
+}
+
 @media screen and (max-width: 768px) {
   .mobile\:shadow-none {
     box-shadow: none !important;
@@ -11471,6 +11316,9 @@ table.table td.has-buttons .buttons {
   .mobile\:shadow-large {
     box-shadow: var(--bal-shadow-large) !important;
   }
+  .mobile\:shadow-header {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
   .mobile\:focus\:shadow-none:focus {
     box-shadow: none !important;
   }
@@ -11507,6 +11355,15 @@ table.table td.has-buttons .buttons {
   .mobile\:active\:shadow-large:active {
     box-shadow: var(--bal-shadow-large) !important;
   }
+  .mobile\:focus\:shadow-header:focus {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
+  .mobile\:hover\:shadow-header:hover {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
+  .mobile\:active\:shadow-header:active {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
 }
 @media screen and (min-width: 769px), print {
   .tablet\:shadow-none {
@@ -11521,6 +11378,9 @@ table.table td.has-buttons .buttons {
   .tablet\:shadow-large {
     box-shadow: var(--bal-shadow-large) !important;
   }
+  .tablet\:shadow-header {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
   .tablet\:focus\:shadow-none:focus {
     box-shadow: none !important;
   }
@@ -11557,6 +11417,15 @@ table.table td.has-buttons .buttons {
   .tablet\:active\:shadow-large:active {
     box-shadow: var(--bal-shadow-large) !important;
   }
+  .tablet\:focus\:shadow-header:focus {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
+  .tablet\:hover\:shadow-header:hover {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
+  .tablet\:active\:shadow-header:active {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
 }
 @media screen and (min-width: 1024px) {
   .desktop\:shadow-none {
@@ -11571,6 +11440,9 @@ table.table td.has-buttons .buttons {
   .desktop\:shadow-large {
     box-shadow: var(--bal-shadow-large) !important;
   }
+  .desktop\:shadow-header {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
   .desktop\:focus\:shadow-none:focus {
     box-shadow: none !important;
   }
@@ -11607,6 +11479,15 @@ table.table td.has-buttons .buttons {
   .desktop\:active\:shadow-large:active {
     box-shadow: var(--bal-shadow-large) !important;
   }
+  .desktop\:focus\:shadow-header:focus {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
+  .desktop\:hover\:shadow-header:hover {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
+  .desktop\:active\:shadow-header:active {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
 }
 @media screen and (min-width: 1440px) {
   .widescreen\:shadow-none {
@@ -11621,6 +11502,9 @@ table.table td.has-buttons .buttons {
   .widescreen\:shadow-large {
     box-shadow: var(--bal-shadow-large) !important;
   }
+  .widescreen\:shadow-header {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
   .widescreen\:focus\:shadow-none:focus {
     box-shadow: none !important;
   }
@@ -11657,6 +11541,15 @@ table.table td.has-buttons .buttons {
   .widescreen\:active\:shadow-large:active {
     box-shadow: var(--bal-shadow-large) !important;
   }
+  .widescreen\:focus\:shadow-header:focus {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
+  .widescreen\:hover\:shadow-header:hover {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
+  .widescreen\:active\:shadow-header:active {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
 }
 .text-shadow-normal {
   text-shadow: var(--bal-text-shadow-normal) !important;
@@ -11682,45 +11575,8 @@ table.table td.has-buttons .buttons {
     text-shadow: var(--bal-text-shadow-normal) !important;
   }
 }
-.table:not(:last-child), .table-container:not(:last-child) {
-  margin-bottom: 0.25rem;
-}
-
-@media (hover: hover) and (pointer: fine) {
-  .button:focus-visible:not(:active), .button.is-focused:not(:active), a.link:not(.button):focus-visible,
-  a.is-link:not(.button):focus-visible {
-    box-shadow: var(--bal-focus-shadow) !important;
-  }
-}
-
-@media (hover: hover) and (pointer: fine) {
-  .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), a.link:not(.button).is-inverted:focus-visible,
-  a.is-link:not(.button).is-inverted:focus-visible, a.link:not(.button).is-light:focus-visible,
-  a.is-link:not(.button).is-light:focus-visible {
-    box-shadow: var(--bal-focus-shadow-inverted) !important;
-  }
-}
-
-.file.is-disabled .file-label,
-.file.is-disabled .file-cta, .button.is-disabled.is-inverted, .button.is-disabled, .button.is-disabled:hover, .button.is-disabled:active, .button.is-disabled:focus, .button.is-inverted:disabled, .button:disabled {
-  cursor: default !important;
-  pointer-events: none !important;
-}
-
-.file, .button {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  user-select: none;
-}
-
-.button {
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-}
-
-.align-content-start {
-  align-content: flex-start !important;
+.align-content-start {
+  align-content: flex-start !important;
 }
 
 .align-content-end {
@@ -12687,43 +12543,136 @@ table.table td.has-buttons .buttons {
          column-gap: var(--bal-space-xxxx-large-desktop) !important;
   }
 }
-.table:not(:last-child), .table-container:not(:last-child) {
-  margin-bottom: 0.25rem;
+.gap-none {
+  gap: 0 !important;
 }
 
-@media (hover: hover) and (pointer: fine) {
-  .button:focus-visible:not(:active), .button.is-focused:not(:active), a.link:not(.button):focus-visible,
-  a.is-link:not(.button):focus-visible {
-    box-shadow: var(--bal-focus-shadow) !important;
-  }
+.gap-auto {
+  gap: auto !important;
 }
 
-@media (hover: hover) and (pointer: fine) {
-  .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), a.link:not(.button).is-inverted:focus-visible,
-  a.is-link:not(.button).is-inverted:focus-visible, a.link:not(.button).is-light:focus-visible,
-  a.is-link:not(.button).is-light:focus-visible {
-    box-shadow: var(--bal-focus-shadow-inverted) !important;
+@media screen and (max-width: 768px) {
+  .mobile\:gap-none {
+    gap: 0 !important;
+  }
+  .mobile\:gap-auto {
+    gap: auto !important;
+  }
+}
+@media screen and (min-width: 769px), print {
+  .tablet\:gap-none {
+    gap: 0 !important;
+  }
+  .tablet\:gap-auto {
+    gap: auto !important;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .desktop\:gap-none {
+    gap: 0 !important;
+  }
+  .desktop\:gap-auto {
+    gap: auto !important;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .widescreen\:gap-none {
+    gap: 0 !important;
   }
+  .widescreen\:gap-auto {
+    gap: auto !important;
+  }
+}
+.row-gap-none {
+  row-gap: 0 !important;
 }
 
-.file.is-disabled .file-label,
-.file.is-disabled .file-cta, .button.is-disabled.is-inverted, .button.is-disabled, .button.is-disabled:hover, .button.is-disabled:active, .button.is-disabled:focus, .button.is-inverted:disabled, .button:disabled {
-  cursor: default !important;
-  pointer-events: none !important;
+.row-gap-auto {
+  row-gap: auto !important;
 }
 
-.file, .button {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  user-select: none;
+@media screen and (max-width: 768px) {
+  .mobile\:row-gap-none {
+    row-gap: 0 !important;
+  }
+  .mobile\:row-gap-auto {
+    row-gap: auto !important;
+  }
+}
+@media screen and (min-width: 769px), print {
+  .tablet\:row-gap-none {
+    row-gap: 0 !important;
+  }
+  .tablet\:row-gap-auto {
+    row-gap: auto !important;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .desktop\:row-gap-none {
+    row-gap: 0 !important;
+  }
+  .desktop\:row-gap-auto {
+    row-gap: auto !important;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .widescreen\:row-gap-none {
+    row-gap: 0 !important;
+  }
+  .widescreen\:row-gap-auto {
+    row-gap: auto !important;
+  }
+}
+.column-gap-none {
+  -moz-column-gap: 0 !important;
+       column-gap: 0 !important;
 }
 
-.button {
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
+.column-gap-auto {
+  -moz-column-gap: auto !important;
+       column-gap: auto !important;
 }
 
+@media screen and (max-width: 768px) {
+  .mobile\:column-gap-none {
+    -moz-column-gap: 0 !important;
+         column-gap: 0 !important;
+  }
+  .mobile\:column-gap-auto {
+    -moz-column-gap: auto !important;
+         column-gap: auto !important;
+  }
+}
+@media screen and (min-width: 769px), print {
+  .tablet\:column-gap-none {
+    -moz-column-gap: 0 !important;
+         column-gap: 0 !important;
+  }
+  .tablet\:column-gap-auto {
+    -moz-column-gap: auto !important;
+         column-gap: auto !important;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .desktop\:column-gap-none {
+    -moz-column-gap: 0 !important;
+         column-gap: 0 !important;
+  }
+  .desktop\:column-gap-auto {
+    -moz-column-gap: auto !important;
+         column-gap: auto !important;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .widescreen\:column-gap-none {
+    -moz-column-gap: 0 !important;
+         column-gap: 0 !important;
+  }
+  .widescreen\:column-gap-auto {
+    -moz-column-gap: auto !important;
+         column-gap: auto !important;
+  }
+}
 .select-none {
   -webkit-user-select: none !important;
      -moz-user-select: none !important;
@@ -12776,43 +12725,6 @@ table.table td.has-buttons .buttons {
   pointer-events: none !important;
 }
 
-.table:not(:last-child), .table-container:not(:last-child) {
-  margin-bottom: 0.25rem;
-}
-
-@media (hover: hover) and (pointer: fine) {
-  .button:focus-visible:not(:active), .button.is-focused:not(:active), a.link:not(.button):focus-visible,
-  a.is-link:not(.button):focus-visible {
-    box-shadow: var(--bal-focus-shadow) !important;
-  }
-}
-
-@media (hover: hover) and (pointer: fine) {
-  .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), a.link:not(.button).is-inverted:focus-visible,
-  a.is-link:not(.button).is-inverted:focus-visible, a.link:not(.button).is-light:focus-visible,
-  a.is-link:not(.button).is-light:focus-visible {
-    box-shadow: var(--bal-focus-shadow-inverted) !important;
-  }
-}
-
-.file.is-disabled .file-label,
-.file.is-disabled .file-cta, .button.is-disabled.is-inverted, .button.is-disabled, .button.is-disabled:hover, .button.is-disabled:active, .button.is-disabled:focus, .button.is-inverted:disabled, .button:disabled {
-  cursor: default !important;
-  pointer-events: none !important;
-}
-
-.file, .button {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  user-select: none;
-}
-
-.button {
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-}
-
 .hidden {
   display: none !important;
 }
@@ -13349,6 +13261,18 @@ table.table td.has-buttons .buttons {
   top: auto !important;
 }
 
+.top-1rem {
+  top: 1rem !important;
+}
+
+.top-0-5rem {
+  top: 0.5rem !important;
+}
+
+.top-0-25rem {
+  top: 0.25rem !important;
+}
+
 .top-0 {
   top: 0 !important;
 }
@@ -13365,6 +13289,15 @@ table.table td.has-buttons .buttons {
   .mobile\:top-auto {
     top: auto !important;
   }
+  .mobile\:top-1rem {
+    top: 1rem !important;
+  }
+  .mobile\:top-0-5rem {
+    top: 0.5rem !important;
+  }
+  .mobile\:top-0-25rem {
+    top: 0.25rem !important;
+  }
   .mobile\:top-0 {
     top: 0 !important;
   }
@@ -13379,6 +13312,15 @@ table.table td.has-buttons .buttons {
   .tablet\:top-auto {
     top: auto !important;
   }
+  .tablet\:top-1rem {
+    top: 1rem !important;
+  }
+  .tablet\:top-0-5rem {
+    top: 0.5rem !important;
+  }
+  .tablet\:top-0-25rem {
+    top: 0.25rem !important;
+  }
   .tablet\:top-0 {
     top: 0 !important;
   }
@@ -13393,6 +13335,15 @@ table.table td.has-buttons .buttons {
   .desktop\:top-auto {
     top: auto !important;
   }
+  .desktop\:top-1rem {
+    top: 1rem !important;
+  }
+  .desktop\:top-0-5rem {
+    top: 0.5rem !important;
+  }
+  .desktop\:top-0-25rem {
+    top: 0.25rem !important;
+  }
   .desktop\:top-0 {
     top: 0 !important;
   }
@@ -13407,6 +13358,15 @@ table.table td.has-buttons .buttons {
   .widescreen\:top-auto {
     top: auto !important;
   }
+  .widescreen\:top-1rem {
+    top: 1rem !important;
+  }
+  .widescreen\:top-0-5rem {
+    top: 0.5rem !important;
+  }
+  .widescreen\:top-0-25rem {
+    top: 0.25rem !important;
+  }
   .widescreen\:top-0 {
     top: 0 !important;
   }
@@ -13421,6 +13381,10 @@ table.table td.has-buttons .buttons {
   right: auto !important;
 }
 
+.right-1rem {
+  right: 1rem !important;
+}
+
 .right-0 {
   right: 0 !important;
 }
@@ -13437,6 +13401,9 @@ table.table td.has-buttons .buttons {
   .mobile\:right-auto {
     right: auto !important;
   }
+  .mobile\:right-1rem {
+    right: 1rem !important;
+  }
   .mobile\:right-0 {
     right: 0 !important;
   }
@@ -13451,6 +13418,9 @@ table.table td.has-buttons .buttons {
   .tablet\:right-auto {
     right: auto !important;
   }
+  .tablet\:right-1rem {
+    right: 1rem !important;
+  }
   .tablet\:right-0 {
     right: 0 !important;
   }
@@ -13465,6 +13435,9 @@ table.table td.has-buttons .buttons {
   .desktop\:right-auto {
     right: auto !important;
   }
+  .desktop\:right-1rem {
+    right: 1rem !important;
+  }
   .desktop\:right-0 {
     right: 0 !important;
   }
@@ -13479,6 +13452,9 @@ table.table td.has-buttons .buttons {
   .widescreen\:right-auto {
     right: auto !important;
   }
+  .widescreen\:right-1rem {
+    right: 1rem !important;
+  }
   .widescreen\:right-0 {
     right: 0 !important;
   }
@@ -13493,6 +13469,10 @@ table.table td.has-buttons .buttons {
   bottom: auto !important;
 }
 
+.bottom-1rem {
+  bottom: 1rem !important;
+}
+
 .bottom-0 {
   bottom: 0 !important;
 }
@@ -13509,6 +13489,9 @@ table.table td.has-buttons .buttons {
   .mobile\:bottom-auto {
     bottom: auto !important;
   }
+  .mobile\:bottom-1rem {
+    bottom: 1rem !important;
+  }
   .mobile\:bottom-0 {
     bottom: 0 !important;
   }
@@ -13523,6 +13506,9 @@ table.table td.has-buttons .buttons {
   .tablet\:bottom-auto {
     bottom: auto !important;
   }
+  .tablet\:bottom-1rem {
+    bottom: 1rem !important;
+  }
   .tablet\:bottom-0 {
     bottom: 0 !important;
   }
@@ -13537,6 +13523,9 @@ table.table td.has-buttons .buttons {
   .desktop\:bottom-auto {
     bottom: auto !important;
   }
+  .desktop\:bottom-1rem {
+    bottom: 1rem !important;
+  }
   .desktop\:bottom-0 {
     bottom: 0 !important;
   }
@@ -13551,6 +13540,9 @@ table.table td.has-buttons .buttons {
   .widescreen\:bottom-auto {
     bottom: auto !important;
   }
+  .widescreen\:bottom-1rem {
+    bottom: 1rem !important;
+  }
   .widescreen\:bottom-0 {
     bottom: 0 !important;
   }
@@ -13565,6 +13557,10 @@ table.table td.has-buttons .buttons {
   left: auto !important;
 }
 
+.left-1rem {
+  left: 1rem !important;
+}
+
 .left-0 {
   left: 0 !important;
 }
@@ -13581,6 +13577,9 @@ table.table td.has-buttons .buttons {
   .mobile\:left-auto {
     left: auto !important;
   }
+  .mobile\:left-1rem {
+    left: 1rem !important;
+  }
   .mobile\:left-0 {
     left: 0 !important;
   }
@@ -13595,6 +13594,9 @@ table.table td.has-buttons .buttons {
   .tablet\:left-auto {
     left: auto !important;
   }
+  .tablet\:left-1rem {
+    left: 1rem !important;
+  }
   .tablet\:left-0 {
     left: 0 !important;
   }
@@ -13609,6 +13611,9 @@ table.table td.has-buttons .buttons {
   .desktop\:left-auto {
     left: auto !important;
   }
+  .desktop\:left-1rem {
+    left: 1rem !important;
+  }
   .desktop\:left-0 {
     left: 0 !important;
   }
@@ -13623,6 +13628,9 @@ table.table td.has-buttons .buttons {
   .widescreen\:left-auto {
     left: auto !important;
   }
+  .widescreen\:left-1rem {
+    left: 1rem !important;
+  }
   .widescreen\:left-0 {
     left: 0 !important;
   }
@@ -13868,43 +13876,6 @@ table.table td.has-buttons .buttons {
   width: 0.01em !important;
 }
 
-.table:not(:last-child), .table-container:not(:last-child) {
-  margin-bottom: 0.25rem;
-}
-
-@media (hover: hover) and (pointer: fine) {
-  .button:focus-visible:not(:active), .button.is-focused:not(:active), a.link:not(.button):focus-visible,
-  a.is-link:not(.button):focus-visible {
-    box-shadow: var(--bal-focus-shadow) !important;
-  }
-}
-
-@media (hover: hover) and (pointer: fine) {
-  .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), a.link:not(.button).is-inverted:focus-visible,
-  a.is-link:not(.button).is-inverted:focus-visible, a.link:not(.button).is-light:focus-visible,
-  a.is-link:not(.button).is-light:focus-visible {
-    box-shadow: var(--bal-focus-shadow-inverted) !important;
-  }
-}
-
-.file.is-disabled .file-label,
-.file.is-disabled .file-cta, .button.is-disabled.is-inverted, .button.is-disabled, .button.is-disabled:hover, .button.is-disabled:active, .button.is-disabled:focus, .button.is-inverted:disabled, .button:disabled {
-  cursor: default !important;
-  pointer-events: none !important;
-}
-
-.file, .button {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  user-select: none;
-}
-
-.button {
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-}
-
 .h-full {
   height: 100% !important;
 }
@@ -15835,43 +15806,6 @@ table.table td.has-buttons .buttons {
     max-width: fit-content !important;
   }
 }
-.table:not(:last-child), .table-container:not(:last-child) {
-  margin-bottom: 0.25rem;
-}
-
-@media (hover: hover) and (pointer: fine) {
-  .button:focus-visible:not(:active), .button.is-focused:not(:active), a.link:not(.button):focus-visible,
-  a.is-link:not(.button):focus-visible {
-    box-shadow: var(--bal-focus-shadow) !important;
-  }
-}
-
-@media (hover: hover) and (pointer: fine) {
-  .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), a.link:not(.button).is-inverted:focus-visible,
-  a.is-link:not(.button).is-inverted:focus-visible, a.link:not(.button).is-light:focus-visible,
-  a.is-link:not(.button).is-light:focus-visible {
-    box-shadow: var(--bal-focus-shadow-inverted) !important;
-  }
-}
-
-.file.is-disabled .file-label,
-.file.is-disabled .file-cta, .button.is-disabled.is-inverted, .button.is-disabled, .button.is-disabled:hover, .button.is-disabled:active, .button.is-disabled:focus, .button.is-inverted:disabled, .button:disabled {
-  cursor: default !important;
-  pointer-events: none !important;
-}
-
-.file, .button {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  user-select: none;
-}
-
-.button {
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-}
-
 .m-none {
   margin: 0 !important;
 }
@@ -19160,43 +19094,6 @@ table.table td.has-buttons .buttons {
     padding-left: var(--bal-space-xxxx-large-desktop) !important;
   }
 }
-.table:not(:last-child), .table-container:not(:last-child) {
-  margin-bottom: 0.25rem;
-}
-
-@media (hover: hover) and (pointer: fine) {
-  .button:focus-visible:not(:active), .button.is-focused:not(:active), a.link:not(.button):focus-visible,
-  a.is-link:not(.button):focus-visible {
-    box-shadow: var(--bal-focus-shadow) !important;
-  }
-}
-
-@media (hover: hover) and (pointer: fine) {
-  .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), a.link:not(.button).is-inverted:focus-visible,
-  a.is-link:not(.button).is-inverted:focus-visible, a.link:not(.button).is-light:focus-visible,
-  a.is-link:not(.button).is-light:focus-visible {
-    box-shadow: var(--bal-focus-shadow-inverted) !important;
-  }
-}
-
-.file.is-disabled .file-label,
-.file.is-disabled .file-cta, .button.is-disabled.is-inverted, .button.is-disabled, .button.is-disabled:hover, .button.is-disabled:active, .button.is-disabled:focus, .button.is-inverted:disabled, .button:disabled {
-  cursor: default !important;
-  pointer-events: none !important;
-}
-
-.file, .button {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  user-select: none;
-}
-
-.button {
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-}
-
 .text-primary {
   color: var(--bal-color-text-primary) !important;
 }