.table:not(:last-child), .table-container: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-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;
  }
}

.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;
}

/*! minireset.css v0.0.7 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button,
input,
select {
  margin: 0;
}

html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

img,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
 * ========================================================================== */
/**
 * * 1. Correct the line height in all browsers.
 * * 2. Prevent adjustments of font size after orientation changes in iOS.
 * */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
 * ========================================================================== */
/**
 * * Remove the margin in all browsers.
 * */
body {
  margin: 0;
}

/**
 * * Render the `main` element consistently in IE.
 * */
main {
  display: block;
}

/* Grouping content
 * ========================================================================== */
/**
 * * 1. Add the correct box sizing in Firefox.
 * * 2. Show the overflow in Edge and IE.
 * */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * * 1. Correct the inheritance and scaling of font size in all browsers.
 * * 2. Correct the odd `em` font sizing in all browsers.
 * */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
 * ========================================================================== */
/**
 * * Remove the gray background on active links in IE 10.
 * */
a {
  background-color: transparent;
}

/**
 * * 1. Remove the bottom border in Chrome 57-
 * * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 * */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
 * * Add the correct font weight in Chrome, Edge, and Safari.
 * */
b,
strong {
  font-weight: bolder;
}

/**
 * * 1. Correct the inheritance and scaling of font size in all browsers.
 * * 2. Correct the odd `em` font sizing in all browsers.
 * */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * * Add the correct font size in all browsers.
 * */
small {
  font-size: 80%;
}

/**
 * * Prevent `sub` and `sup` elements from affecting the line height in
 * * all browsers.
 * */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
 * ========================================================================== */
/**
 * * Remove the border on images inside links in IE 10.
 * */
img {
  border-style: none;
}

/* Forms
 * ========================================================================== */
/**
 * * 1. Change the font styles in all browsers.
 * * 2. Remove the margin in Firefox and Safari.
 * */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * * Show the overflow in IE.
 * * 1. Show the overflow in Edge.
 * */
button,
input {
  overflow: visible;
}

/**
 * * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * * 1. Remove the inheritance of text transform in Firefox.
 * */
button,
select {
  text-transform: none;
}

/**
 * * Remove the inner border and padding in Firefox.
 * */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * * Restore the focus styles unset by the previous rule.
 * */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * * 1. Correct the text wrapping in Edge and IE.
 * * 2. Correct the color inheritance from `fieldset` elements in IE.
 * * 3. Remove the padding so developers are not caught out when they zero out
 * *    `fieldset` elements in all browsers.
 * */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 * */
progress {
  vertical-align: baseline;
}

/**
 * * Remove the default vertical scrollbar in IE 10+.
 * */
textarea {
  overflow: auto;
}

/**
 * * 1. Add the correct box sizing in IE 10.
 * * 2. Remove the padding in IE 10.
 * */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * * Correct the cursor style of increment and decrement buttons in Chrome.
 * */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * * 1. Correct the odd appearance in Chrome and Safari.
 * * 2. Correct the outline style in Safari.
 * */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * * Remove the inner padding in Chrome and Safari on macOS.
 * */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * * 1. Correct the inability to style clickable types in iOS and Safari.
 * * 2. Change font properties to `inherit` in Safari.
 * */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
 * ========================================================================== */
/* * Add the correct display in Edge, IE 10+, and Firefox.
 * */
details {
  display: block;
}

/* * Add the correct display in all browsers.
 * */
summary {
  display: list-item;
}

/* Misc
 * ========================================================================== */
/**
 * * Add the correct display in IE 10+.
 * */
template {
  display: none;
}

html {
  background-color: var(--bal-body-background);
  font-size: var(--bal-body-font-size);
  min-width: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: auto;
}

*:focus {
  -webkit-tap-highlight-color: transparent;
  outline: none;
  touch-action: manipulation;
}

article,
aside,
figure,
footer,
header,
hgroup,
section {
  display: block;
}

body,
button,
input,
optgroup,
select,
textarea {
  font-family: var(--bal-body-font-family);
}

button {
  color: var(--bal-body-color);
}

body {
  color: var(--bal-body-color);
  font-size: var(--bal-body-font-size);
  font-weight: var(--bal-body-font-weight);
  line-height: var(--bal-body-line-height);
  -webkit-overflow-scrolling: auto;
}

a {
  cursor: pointer;
  text-decoration: none;
  -webkit-hyphens: auto;
          hyphens: auto;
  margin: 0;
  word-break: break-word;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a:-moz-any-link {
  color: currentColor;
}
a strong, a:any-link {
  color: currentColor;
}
a:-moz-any-link:hover {
  color: var(--bal-link-hover-color);
}
a:hover, a:any-link:hover {
  color: var(--bal-link-hover-color);
}
a:-moz-any-link:active {
  color: var(--bal-link-active-color);
}
a:active, a:any-link:active {
  color: var(--bal-link-active-color);
}

p {
  -webkit-hyphens: auto;
          hyphens: auto;
  margin: 0;
  word-break: break-word;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
p strong {
  color: currentColor;
}
p:not(:last-child) {
  margin-bottom: var(--bal-space-normal);
}

hr {
  background-color: var(--bal-divider-background);
  border: none;
  display: block;
  height: var(--bal-border-width-normal);
  margin-top: var(--bal-space-xx-large);
  margin-bottom: var(--bal-space-xx-large);
}
@media screen and (min-width: 769px), print {
  hr {
    margin-top: var(--bal-space-xx-large-tablet);
    margin-bottom: var(--bal-space-xx-large-tablet);
  }
}
@media screen and (min-width: 1024px) {
  hr {
    margin-top: var(--bal-space-xx-large-desktop);
    margin-bottom: var(--bal-space-xx-large-desktop);
  }
}

img {
  height: auto;
  max-width: 100%;
}

input[type=checkbox],
input[type=radio] {
  vertical-align: baseline;
}

small {
  font-size: var(--bal-small-font-size);
}

span {
  font-style: inherit;
  font-weight: inherit;
}

b,
strong {
  color: inherit;
  font-weight: var(--bal-strong-font-weight);
}

fieldset {
  border: none;
}

@font-face {
  font-family: BaloiseCreateHeadline;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("BaloiseCreateHeadline"), local("BaloiseCreateHeadline-bold"), url("https://www.baloise.ch/app-integration/assets/fonts/BaloiseCreateHeadline-bold.woff2") format("woff2"), url("https://www.baloise.ch/app-integration/assets/fonts/BaloiseCreateHeadline-bold.woff") format("woff");
}
@font-face {
  font-family: BaloiseCreateHeadline;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("BaloiseCreateHeadline-light"), url("https://www.baloise.ch/app-integration/assets/fonts/BaloiseCreateHeadline-light.woff2") format("woff2"), url("https://www.baloise.ch/app-integration/assets/fonts/BaloiseCreateHeadline-light.woff") format("woff");
}
@font-face {
  font-family: BaloiseCreateText;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("BaloiseCreateText-bold"), url("https://www.baloise.ch/app-integration/assets/fonts/BaloiseCreateText-bold.woff2") format("woff2"), url("https://www.baloise.ch/app-integration/assets/fonts/BaloiseCreateText-bold.woff") format("woff");
}
@font-face {
  font-family: BaloiseCreateText;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("BaloiseCreateText"), local("BaloiseCreateText-regular"), url("https://www.baloise.ch/app-integration/assets/fonts/BaloiseCreateText-regular.woff2") format("woff2"), url("https://www.baloise.ch/app-integration/assets/fonts/BaloiseCreateText-regular.woff") format("woff");
}
/**
 * Do not edit directly
 * Generated on Thu, 17 Jul 2025 08:42:22 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. */
  --bal-opacity-100: 1;
  --bal-opacity-80: 0.8;
  --bal-opacity-60: 0.6;
  --bal-opacity-50: 0.5;
  --bal-opacity-40: 0.4;
  --bal-opacity-30: 0.3;
  --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);
  --bal-animation-transition-easing: cubic-bezier(0.25, 0.8, 0.5, 1);
  --bal-animation-transition-duration: 300ms;
  --bal-z-index-tooltip: 1300; /* Default z-index for tooltips. */
  --bal-z-index-toast: 1200; /* Default z-index for toast and snackbar messages. */
  --bal-z-index-modal: 1100; /* Default z-index for modals that stacks on top of overlays and other elements, but still allows popups to be visible. */
  --bal-z-index-popup: 1000; /* Default z-index for popups that stacks on top of all other elements. */
  --bal-z-index-navigation: 400; /* Default z-index for navigation. */
  --bal-z-index-sticky: 300; /* Default z-index for sticky interface elements. */
  --bal-z-index-mask: 200; /* Default z-index for masking interface elements. */
  --bal-z-index-masked: 100; /* Default z-index for masked interface elements. */
  --bal-z-index: 1; /* The default z-index for components and elements inside components. */
  --bal-z-index-deep: -999999; /* Deep z-index is used to stack something behind everything else. */
  --bal-text-line-height-text: 1.5; /* Default line height for all text elements. */
  --bal-text-line-height-title: 1.3; /* Standard line-height for the headings. */
  --bal-text-size-xxxxx-large-tablet: 5rem;
  --bal-text-size-xxxxx-large: 3rem; /* Should only be uses to illustrate large stage areas. */
  --bal-text-size-xxxx-large-tablet: 3rem;
  --bal-text-size-xxxx-large: 2rem; /* Should only be uses to illustrate large stage areas. */
  --bal-text-size-xxx-large-tablet: 2.5rem;
  --bal-text-size-xxx-large: 1.75rem; /* Should only be used for stage titles and headings of level 1. */
  --bal-text-size-xx-large-tablet: 2rem;
  --bal-text-size-xx-large: 1.5rem; /* Should only be used for content titles and headings of level 2. */
  --bal-text-size-x-large-tablet: 1.5rem;
  --bal-text-size-x-large: 1.25rem; /* Should only be used for form titles, quick link navigation's and headings of level 3. */
  --bal-text-size-large-tablet: 1.25rem;
  --bal-text-size-large: 1.125rem; /* Should only be used for standard card titles and headings of level 4 or for lead text/paragraphs after a heading. */
  --bal-text-size-medium-tablet: 1.125rem;
  --bal-text-size-medium: 1rem; /* Should only be used in a 2/3 grid column to improve readability. */
  --bal-text-size-normal: 1rem; /* Should only be used for label texts. */
  --bal-text-size-small: 0.875rem; /* Should only be used for label texts. */
  --bal-text-size-x-small: 0.75rem; /* Should only be used for helper texts or validation messages of a form control. */
  --bal-font-weight-light: 300; /* Can be used for secondary headings. Only available with the font BaloiseCreateHeadline. */
  --bal-font-weight-regular: 400; /* Default width of paragraphs. Only available with the font BaloiseCreateText. */
  --bal-font-weight-bold: 700; /* Bold is used for headings, links and buttons. */
  --bal-space-xxxx-large-desktop: 8rem;
  --bal-space-xxxx-large-tablet: 6rem;
  --bal-space-xxxx-large: 4rem; /* Space between sections */
  --bal-space-xxx-large-desktop: 6rem;
  --bal-space-xxx-large-tablet: 4.5rem;
  --bal-space-xxx-large: 3.5rem; /* Footer bottom padding */
  --bal-space-xx-large-desktop: 4rem;
  --bal-space-xx-large-tablet: 3.5rem;
  --bal-space-xx-large: 3rem;
  --bal-space-x-large-desktop: 3rem;
  --bal-space-x-large-tablet: 2.5rem;
  --bal-space-x-large: 2rem; /* Space between heading and card */
  --bal-space-large-desktop: 2rem;
  --bal-space-large: 1.5rem; /* Space between cards */
  --bal-space-medium-desktop: 1.5rem;
  --bal-space-medium: 1.25rem; /* Inner padding of cards */
  --bal-space-normal: 1rem; /* Space between large headings and content. */
  --bal-space-small: 0.75rem;
  --bal-space-x-small: 0.5rem; /* Space between text and icons or headings and content or clickable elements */
  --bal-space-xx-small: 0.25rem; /* Minimum space between two elements */
  --bal-radius-rounded: 9999px; /* The rounded radius token embraces a curvier design language, introducing a high degree of softness and fluidity to your elements. */
  --bal-radius-large: 0.75rem; /* The large radius token makes a bold visual statement by significantly rounding the corners of elements. */
  --bal-radius-normal: 0.25rem; /* The normal radius token strikes a balance between softness and structure. */
  --bal-container-size-fluid: 100%; /* The container for fullscreen application with a large table for example. */
  --bal-container-size-normal: 1496px; /* The default container size is versatile and suitable for various applications and website pages. */
  --bal-container-size-compact: 896px; /* Tailored container size designed for form wizard applications or pages. */
  --bal-container-size-detail-page: 744px; /* Deprecated container size for the website */
  --bal-breakpoint-fullhd: 1920px; /* Crafted for Full HD displays, this breakpoint strikes a balance between detail and performance. */
  --bal-breakpoint-widescreen: 1440px; /* Tailored for widescreen monitors, this breakpoint offers a panoramic view that accommodates expansive content layouts. */
  --bal-breakpoint-high-definition: 1280px; /* Designed for high-definition displays, this breakpoint elevates your interface to a level of visual richness and clarity. */
  --bal-breakpoint-desktop: 1024px; /* Optimized for desktop screens, this breakpoint provides a spacious canvas for your design, allowing for more intricate layouts and detailed content presentation. */
  --bal-breakpoint-tablet: 769px; /* Tailored for tablet devices, this breakpoint ensures a seamless and optimized user experience on medium-sized screens. */
  --bal-border-width-large: 0.25rem; /* The large border size makes a bold statement, creating strong visual contrasts and emphasizing key elements within your interface. */
  --bal-border-width-normal: 0.125rem; /* The normal border size strikes a harmonious balance, offering a versatile choice for defining boundaries within your design. */
  --bal-border-width-small: 0.063rem; /* The small border size is crafted for subtle, refined delineation. */
  --bal-color-danger-6: #a01100;
  --bal-color-danger-5: #cb1501;
  --bal-color-danger-4: #ea1800;
  --bal-color-danger-3: #f05d4d;
  --bal-color-danger-2: #f7a299;
  --bal-color-danger-1: #fce8e6;
  --bal-color-warning-6: #c97612;
  --bal-color-warning-5: #f99319;
  --bal-color-warning-4: #ffbe19;
  --bal-color-warning-3: #ffd25e;
  --bal-color-warning-2: #ffe5a3;
  --bal-color-warning-1: #fff9e8;
  --bal-color-success-6: #0b5227;
  --bal-color-success-5: #116b34;
  --bal-color-success-4: #168741;
  --bal-color-success-3: #5bab7a;
  --bal-color-success-2: #a1cfb3;
  --bal-color-success-1: #e8f3ec;
  --bal-color-info-6: #0e457b;
  --bal-color-info-5: #155ba3;
  --bal-color-info-4: #1c77d2;
  --bal-color-info-3: #60a0e0;
  --bal-color-info-2: #a4c9ed;
  --bal-color-info-1: #e8f1fb;
  --bal-color-light-blue-6: #000a55;
  --bal-color-light-blue-5: #0014aa;
  --bal-color-light-blue-4: #6672cc;
  --bal-color-light-blue-3: #56a7f5;
  --bal-color-light-blue-2: #a7d1fa;
  --bal-color-light-blue-1: #e5f1fe;
  --bal-color-black: #000000;
  --bal-color-grey-6: #313131;
  --bal-color-grey-5: #747474;
  --bal-color-grey-4: #b6b6b6;
  --bal-color-grey-3: #e8e8e8;
  --bal-color-grey-2: #f6f6f6;
  --bal-color-grey-1: #fafafa;
  --bal-color-red-6: #99172d;
  --bal-color-red-5: #d9304c;
  --bal-color-red-4: #ff596f;
  --bal-color-red-3: #ffaca6;
  --bal-color-red-2: #ffd7d7;
  --bal-color-red-1: #ffeef1;
  --bal-color-yellow-6: #b24a00;
  --bal-color-yellow-5: #fa9319;
  --bal-color-yellow-4: #ffbe19;
  --bal-color-yellow-3: #fae052;
  --bal-color-yellow-2: #ffecbc;
  --bal-color-yellow-1: #fff9e8;
  --bal-color-purple-6: #6c2273;
  --bal-color-purple-5: #9f52cc;
  --bal-color-purple-4: #be82fa;
  --bal-color-purple-3: #b8b2ff;
  --bal-color-purple-2: #e1d9ff;
  --bal-color-purple-1: #f9f3ff;
  --bal-color-green-6: #1b5951;
  --bal-color-green-5: #00b28f;
  --bal-color-green-4: #21d9ac;
  --bal-color-green-3: #94e3d4;
  --bal-color-green-2: #cbf2ec;
  --bal-color-green-1: #e9fbf7;
  --bal-color-white: #ffffff;
  --bal-color-primary-6: #000739;
  --bal-color-primary-5: #000d6e;
  --bal-color-primary-4: #293485;
  --bal-color-primary-3: #656ea8;
  --bal-color-primary-2: #b3b6d4;
  --bal-color-primary-1: #e5e7f0;
  --bal-text-size-xxxxx-large-desktop: var(--bal-text-size-xxxxx-large-tablet);
  --bal-text-size-xxxx-large-desktop: var(--bal-text-size-xxxx-large-tablet);
  --bal-text-size-xxx-large-desktop: var(--bal-text-size-xxx-large-tablet);
  --bal-text-size-xx-large-desktop: var(--bal-text-size-xx-large-tablet);
  --bal-text-size-x-large-desktop: var(--bal-text-size-x-large-tablet);
  --bal-text-size-large-desktop: var(--bal-text-size-large-tablet);
  --bal-text-size-medium-desktop: var(--bal-text-size-medium-tablet);
  --bal-text-size-normal-desktop: var(--bal-text-size-normal);
  --bal-text-size-normal-tablet: var(--bal-text-size-normal);
  --bal-text-size-small-desktop: var(--bal-text-size-small);
  --bal-text-size-small-tablet: var(--bal-text-size-small);
  --bal-text-size-x-small-desktop: var(--bal-text-size-x-small);
  --bal-text-size-x-small-tablet: var(--bal-text-size-x-small);
  --bal-space-large-tablet: var(--bal-space-large);
  --bal-space-medium-tablet: var(--bal-space-medium);
  --bal-space-normal-desktop: var(--bal-space-normal);
  --bal-space-normal-tablet: var(--bal-space-normal);
  --bal-space-small-desktop: var(--bal-space-small);
  --bal-space-small-tablet: var(--bal-space-small);
  --bal-space-x-small-desktop: var(--bal-space-x-small);
  --bal-space-x-small-tablet: var(--bal-space-x-small);
  --bal-space-xx-small-desktop: var(--bal-space-xx-small);
  --bal-space-xx-small-tablet: var(--bal-space-xx-small);
  --bal-column-gap: var(--bal-space-normal);
  --bal-container-space-desktop: var(--bal-space-x-large-desktop); /* Default space on desktops of a container to left and right side. */
  --bal-container-space-tablet: var(--bal-space-x-large-tablet); /* Default space on tablets of a container to left and right side. */
  --bal-container-space: var(--bal-space-normal); /* Default space of a container to left and right side. */
  --bal-color-text-inverted-pressed: var(--bal-color-info-3);
  --bal-color-text-inverted-hovered: var(--bal-color-light-blue-2);
  --bal-color-text-inverted-disabled: var(--bal-color-primary-3);
  --bal-color-text-inverted: var(--bal-color-white);
  --bal-color-text-danger-pressed: var(--bal-color-danger-6);
  --bal-color-text-danger-hovered: var(--bal-color-danger-5);
  --bal-color-text-primary-pressed: var(--bal-color-primary-6);
  --bal-color-text-primary-hovered: var(--bal-color-light-blue-5);
  --bal-color-text-black: var(--bal-color-black);
  --bal-color-text-danger: var(--bal-color-danger-4);
  --bal-color-text-success: var(--bal-color-success-4);
  --bal-color-text-warning: var(--bal-color-warning-5);
  --bal-color-text-info: var(--bal-color-info-4);
  --bal-color-text-grey-dark: var(--bal-color-grey-6); /* Font color for disabled elements */
  --bal-color-text-grey: var(--bal-color-grey-5); /* Font color for placeholders */
  --bal-color-text-grey-light: var(--bal-color-grey-4); /* Font color for disabled texts */
  --bal-color-text-white: var(--bal-color-white); /* Main font color for all headings and paragraphs on a dark background. */
  --bal-color-text-primary-light: var(--bal-color-primary-3); /* Secondary font color for help messages. */
  --bal-color-text-primary: var(--bal-color-primary-5); /* Main font color for all headings and paragraphs. */
  --bal-color-shadow-focus-inverted-end: var(--bal-color-yellow-3);
  --bal-color-shadow-focus-inverted-start: var(--bal-color-white);
  --bal-color-shadow-focus-end: var(--bal-color-purple-6);
  --bal-color-shadow-focus-start: var(--bal-color-white);
  --bal-color-danger: var(--bal-color-danger-3);
  --bal-color-warning: var(--bal-color-warning-3);
  --bal-color-success: var(--bal-color-success-3);
  --bal-color-info: var(--bal-color-info-3);
  --bal-color-red: var(--bal-color-red-3);
  --bal-color-yellow: var(--bal-color-yellow-3);
  --bal-color-green: var(--bal-color-green-3);
  --bal-color-purple: var(--bal-color-purple-3);
  --bal-color-light-blue: var(--bal-color-light-blue-1);
  --bal-color-grey: var(--bal-color-grey-3);
  --bal-color-primary: var(--bal-color-primary-5);
  --bal-color-border-inverted-primary-pressed: var(--bal-color-light-blue-4);
  --bal-color-border-inverted-primary-hovered: var(--bal-color-light-blue-2);
  --bal-color-border-inverted-primary: var(--bal-color-primary-4);
  --bal-color-border-inverted-disabled: var(--bal-color-primary-3); /* Disabled. */
  --bal-color-border-inverted: var(--bal-color-white); /* Default color on dark backgrounds. */
  --bal-color-border-yellow-pressed: var(--bal-color-yellow-6);
  --bal-color-border-yellow-hovered: var(--bal-color-yellow-5);
  --bal-color-border-red-pressed: var(--bal-color-red-6);
  --bal-color-border-red-hovered: var(--bal-color-red-5);
  --bal-color-border-purple-pressed: var(--bal-color-purple-6);
  --bal-color-border-purple-hovered: var(--bal-color-purple-5);
  --bal-color-border-green-pressed: var(--bal-color-green-6);
  --bal-color-border-green-hovered: var(--bal-color-green-5);
  --bal-color-border-danger-pressed: var(--bal-color-danger-6);
  --bal-color-border-danger-hovered: var(--bal-color-danger-5);
  --bal-color-border-warning-pressed: var(--bal-color-warning-6);
  --bal-color-border-warning-hovered: var(--bal-color-warning-5);
  --bal-color-border-success-pressed: var(--bal-color-success-6);
  --bal-color-border-success-hovered: var(--bal-color-success-5);
  --bal-color-border-primary-pressed: var(--bal-color-primary-6);
  --bal-color-border-primary-hovered: var(--bal-color-light-blue-5);
  --bal-color-border-info-pressed: var(--bal-color-info-6);
  --bal-color-border-info-hovered: var(--bal-color-info-5);
  --bal-color-border-danger: var(--bal-color-danger-4); /* Use for invalid state. */
  --bal-color-border-warning: var(--bal-color-warning-5); /* Use for warning/hint state. */
  --bal-color-border-success: var(--bal-color-success-4); /* Use for valid state. */
  --bal-color-border-info: var(--bal-color-info-4);
  --bal-color-border-white: var(--bal-color-white); /* Default color on dark backgrounds. */
  --bal-color-border-grey-dark: var(--bal-color-grey-4); /* Use for disabled state. */
  --bal-color-border-grey: var(--bal-color-grey-3); /* Default border color */
  --bal-color-border-grey-light: var(--bal-color-grey-2); /* Default input color or can be use for a divider */
  --bal-color-border-primary-light: var(--bal-color-primary-3); /* Disabled or secondary color on dark backgrounds */
  --bal-color-border-primary: var(--bal-color-primary-5); /* Use for focused or selected state. */
  --bal-color-border: var(--bal-color-grey-3); /* Default border color */
  --bal-color-background-danger: var(--bal-color-danger-3);
  --bal-color-background-warning: var(--bal-color-warning-3);
  --bal-color-background-success: var(--bal-color-success-3);
  --bal-color-background-info: var(--bal-color-info-3);
  --bal-color-background-disabled: var(--bal-color-grey-3);
  --bal-color-background-grey: var(--bal-color-grey-3);
  --bal-color-background-grey-light: var(--bal-color-grey-2);
  --bal-color-background-white: var(--bal-color-white);
  --bal-color-background-red: var(--bal-color-red-3); /* Use this background for call to action sections */
  --bal-color-background-red-light: var(--bal-color-red-1); /* Default brand background color to use */
  --bal-color-background-yellow: var(--bal-color-yellow-3); /* Use this background for call to action sections */
  --bal-color-background-yellow-light: var(--bal-color-yellow-1); /* Default brand background color to use */
  --bal-color-background-purple: var(--bal-color-purple-3); /* Use this background for call to action sections */
  --bal-color-background-purple-light: var(--bal-color-purple-1); /* Default brand background color to use */
  --bal-color-background-green: var(--bal-color-green-3); /* Use this background for call to action sections */
  --bal-color-background-green-light: var(--bal-color-green-1); /* Default brand background color to use */
  --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. */
}

/**
 * * @prop --bal-body-background: Body background color
 * * @prop --bal-body-font-family: Body font family
 * * @prop --bal-body-color: Body text color
 * * @prop --bal-body-font-weight: Body text weight
 * * @prop --bal-body-font-size: Body font size
 * * @prop --bal-body-line-height: Body line height
 * * @prop --bal-divider-background: Divider background color
 * * @prop --bal-focus-shadow-start-color: Focus shadow start color
 * * @prop --bal-focus-shadow-end-color: Focus shadow start end
 * * @prop --bal-focus-shadow: Focus shadow
 * * @prop --bal-focus-shadow-inset: Focus shadow inset
 * * @prop --bal-focus-shadow-inverted-start-color: Focus shadow start color
 * * @prop --bal-focus-shadow-inverted-end-color: Focus shadow end color
 * * @prop --bal-focus-shadow-inverted: Focus shadow on a dark background
 * * @prop --bal-focus-shadow-inverted-inset: Focus shadow on a dark background inset
 * * @prop --bal-small-font-size: TBD
 * * @prop --bal-strong-color: TBD
 * * @prop --bal-strong-font-weight: TBD
 * */
:root {
  --bal-body-background: var(--bal-color-text-white);
  --bal-body-font-family: var(--bal-font-family-text);
  --bal-body-color: var(--bal-color-text-primary);
  --bal-body-font-weight: var(--bal-font-weight-regular);
  --bal-body-font-size: 16px;
  --bal-body-line-height: var(--bal-line-height-normal);
  --bal-small-font-size: var(--bal-text-size-small);
  --bal-strong-color: var(--bal-color-text-primary);
  --bal-strong-font-weight: var(--bal-font-weight-bold);
  --bal-divider-background: var(--bal-color-primary-2);
  --bal-focus-shadow-start-color: var(--bal-color-white);
  --bal-focus-shadow-end-color: var(--bal-color-purple-6);
  --bal-focus-shadow: var(--bal-focus-shadow-start-color) 0 0 0 2px, var(--bal-focus-shadow-end-color) 0 0 0 5px;
  --bal-focus-shadow-inset: inset var(--bal-focus-shadow-end-color) 0 0 0 3px, inset var(--bal-focus-shadow-start-color) 0 0 0 5px;
  --bal-focus-shadow-inverted-start-color: var(--bal-color-white);
  --bal-focus-shadow-inverted-end-color: var(--bal-color-yellow);
  --bal-focus-shadow-inverted: var(--bal-focus-shadow-inverted-start-color) 0 0 0 2px, var(--bal-focus-shadow-inverted-end-color) 0 0 0 5px;
  --bal-focus-shadow-inverted-inset: inset var(--bal-focus-shadow-inverted-end-color) 0 0 0 3px, inset var(--bal-focus-shadow-inverted-start-color) 0 0 0 5px;
}

/**
 * * @prop --bal-title-font-family: Title font family
 * * @prop --bal-title-font-weight: Title font weight
 * * @prop --bal-subtitle-font-family: Subtitle font family
 * * @prop --bal-subtitle-font-weight: Subtitle font weight
 * */
:root {
  --bal-title-font-family: var(--bal-font-family-title);
  --bal-title-font-weight: var(--bal-font-weight-bold);
  --bal-subtitle-font-family: var(--bal-font-family-title);
  --bal-subtitle-font-weight: var(--bal-font-weight-light);
}

/**
 * * @prop --bal-link-color: Default link color
 * * @prop --bal-link-color-hover: Link color on hover
 * * @prop --bal-link-color-active: Link color on pressed
 * * @prop --bal-link-font-weight: Default link font weight
 * * @prop --bal-link-radius: Default link border radius
 * * @prop --bal-link-text-decoration: Link text decoration
 * * @prop --bal-link-text-underline-offset: Link decoration underline-offset 0.25rem
 * * @prop --bal-link-text-decoration-thickness: Link decoration thickness 2px
 * * @prop --bal-link-inverted-color: Link color on dark background
 * * @prop --bal-link-inverted-color-hover: Link color on dark background when hovering
 * * @prop --bal-link-inverted-color-active: Link color on dark background when pressing
 * * @prop --bal-link-inverted-light-font-weight: Link font weight on dark background
 * * @prop --bal-link-inverted-light-text-decoration: Link text-decoration on dark background
 * */
:root {
  --bal-link-color: var(--bal-color-text-primary);
  --bal-link-color-hover: var(--bal-color-text-primary-hovered);
  --bal-link-color-active: var(--bal-color-text-primary-pressed);
  --bal-link-font-weight: var(--bal-font-weight-bold);
  --bal-link-radius: var(--bal-radius-normal);
  --bal-link-background: transparent;
  --bal-link-border-color: transparent;
  --bal-link-text-decoration: underline;
  --bal-link-text-underline-offset: 0.25rem;
  --bal-link-text-decoration-thickness: var(--bal-border-width-normal);
  --bal-link-inverted-color: var(--bal-color-text-inverted);
  --bal-link-inverted-color-hover: var(--bal-color-text-inverted-hovered);
  --bal-link-inverted-color-active: var(--bal-color-text-inverted-pressed);
  --bal-link-inverted-light-font-weight: var(--bal-font-weight-regular);
  --bal-link-inverted-light-text-decoration: none;
}

/**
 * * @prop --bal-button-font-size: TBD
 * * @prop --bal-button-line-height: TBD
 * * @prop --bal-button-font-family: TBD
 * * @prop --bal-button-font-weight: TBD
 * * @prop --bal-button-radius: TBD
 * * @prop --bal-button-border-style: TBD
 * * @prop --bal-button-border-width: TBD
 * * @prop --bal-button-border-color: TBD
 * * @prop --bal-button-border-color-hover: TBD
 * * @prop --bal-button-border-color-active: TBD
 * * @prop --bal-button-color: TBD
 * * @prop --bal-button-color-hover: TBD
 * * @prop --bal-button-color-active: TBD
 * * @prop --bal-button-background: TBD
 * * @prop --bal-button-background-hover: TBD
 * * @prop --bal-button-background-active: TBD
 * * @prop --bal-button-small-font-size: TBD
 * * @prop --bal-button-primary-color: TBD
 * * @prop --bal-button-primary-color-hover: TBD
 * * @prop --bal-button-primary-color-active: TBD
 * * @prop --bal-button-primary-border-color: TBD
 * * @prop --bal-button-primary-border-color-hover: TBD
 * * @prop --bal-button-primary-border-color-active: TBD
 * * @prop --bal-button-primary-background: TBD
 * * @prop --bal-button-primary-background-hover: TBD
 * * @prop --bal-button-primary-background-active: TBD
 * * @prop --bal-button-text-border-color-hover: TBD
 * * @prop --bal-button-text-border-color-active: TBD
 * * @prop --bal-button-text-background-hover: TBD
 * * @prop --bal-button-text-background-active: TBD
 * * @prop --bal-button-light-color: TBD
 * * @prop --bal-button-light-color-hover: TBD
 * * @prop --bal-button-light-color-active: TBD
 * * @prop --bal-button-light-border-color: TBD
 * * @prop --bal-button-light-border-color-hover: TBD
 * * @prop --bal-button-light-border-color-active: TBD
 * * @prop --bal-button-light-background: TBD
 * * @prop --bal-button-light-background-hover: TBD
 * * @prop --bal-button-light-background-active: TBD
 * * @prop --bal-button-success-color: TBD
 * * @prop --bal-button-success-color-hover: TBD
 * * @prop --bal-button-success-color-active: TBD
 * * @prop --bal-button-success-border-color: TBD
 * * @prop --bal-button-success-border-color-hover: TBD
 * * @prop --bal-button-success-border-color-active: TBD
 * * @prop --bal-button-success-background: TBD
 * * @prop --bal-button-success-background-hover: TBD
 * * @prop --bal-button-success-background-active: TBD
 * * @prop --bal-button-warning-color: TBD
 * * @prop --bal-button-warning-color-hover: TBD
 * * @prop --bal-button-warning-color-active: TBD
 * * @prop --bal-button-warning-border-color: TBD
 * * @prop --bal-button-warning-border-color-hover: TBD
 * * @prop --bal-button-warning-border-color-active: TBD
 * * @prop --bal-button-warning-background: TBD
 * * @prop --bal-button-warning-background-hover: TBD
 * * @prop --bal-button-warning-background-active: TBD
 * * @prop --bal-button-danger-color: TBD
 * * @prop --bal-button-danger-color-hover: TBD
 * * @prop --bal-button-danger-color-active: TBD
 * * @prop --bal-button-danger-border-color: TBD
 * * @prop --bal-button-danger-border-color-hover: TBD
 * * @prop --bal-button-danger-border-color-active: TBD
 * * @prop --bal-button-danger-background: TBD
 * * @prop --bal-button-danger-background-hover: TBD
 * * @prop --bal-button-danger-background-active: TBD
 * * @prop --bal-button-disablde-color: TBD
 * * @prop --bal-button-disablde-border-color: TBD
 * * @prop --bal-button-disablde-background: TBD
 * * @prop --bal-button-inverted-color: TBD
 * * @prop --bal-button-inverted-color-hover: TBD
 * * @prop --bal-button-inverted-color-active: TBD
 * * @prop --bal-button-inverted-border-color: TBD
 * * @prop --bal-button-inverted-border-color-hover: TBD
 * * @prop --bal-button-inverted-border-color-active: TBD
 * * @prop --bal-button-inverted-background: TBD
 * * @prop --bal-button-inverted-background-hover: TBD
 * * @prop --bal-button-inverted-background-active: TBD
 * * @prop --bal-button-inverted-primary-color: TBD
 * * @prop --bal-button-inverted-primary-color-hover: TBD
 * * @prop --bal-button-inverted-primary-color-active: TBD
 * * @prop --bal-button-inverted-primary-border-color: TBD
 * * @prop --bal-button-inverted-primary-border-color-hover: TBD
 * * @prop --bal-button-inverted-primary-border-color-active: TBD
 * * @prop --bal-button-inverted-primary-background: TBD
 * * @prop --bal-button-inverted-primary-background-hover: TBD
 * * @prop --bal-button-inverted-primary-background-active: TBD
 * * @prop --bal-button-inverted-text-color: TBD
 * * @prop --bal-button-inverted-text-color-hover: TBD
 * * @prop --bal-button-inverted-text-color-active: TBD
 * * @prop --bal-button-inverted-text-border-color: TBD
 * * @prop --bal-button-inverted-text-border-color-hover: TBD
 * * @prop --bal-button-inverted-text-border-color-active: TBD
 * * @prop --bal-button-inverted-text-background: TBD
 * * @prop --bal-button-inverted-text-background-hover: TBD
 * * @prop --bal-button-inverted-text-background-active: TBD
 * * @prop --bal-button-inverted-light-color: TBD
 * * @prop --bal-button-inverted-light-color-hover: TBD
 * * @prop --bal-button-inverted-light-color-active: TBD
 * * @prop --bal-button-inverted-light-border-color: TBD
 * * @prop --bal-button-inverted-light-border-color-hover: TBD
 * * @prop --bal-button-inverted-light-border-color-active: TBD
 * * @prop --bal-button-inverted-light-background: TBD
 * * @prop --bal-button-inverted-light-background-hover: TBD
 * * @prop --bal-button-inverted-light-background-active: TBD
 * */
:root {
  --bal-button-font-size: var(--bal-text-size-normal);
  --bal-button-line-height: var(--bal-line-height-normal);
  --bal-button-font-family: var(--bal-font-family-title);
  --bal-button-font-weight: var(--bal-font-weight-bold);
  --bal-button-radius: var(--bal-radius-normal);
  --bal-button-border-style: solid;
  --bal-button-border-width: var(--bal-border-width-normal);
  --bal-button-border-color: var(--bal-color-border-primary);
  --bal-button-border-color-hover: var(--bal-color-border-primary-hovered);
  --bal-button-border-color-active: var(--bal-color-border-primary-pressed);
  --bal-button-color: var(--bal-color-text-primary);
  --bal-button-color-hover: var(--bal-color-text-primary-hovered);
  --bal-button-color-active: var(--bal-color-text-primary-pressed);
  --bal-button-background: transparent;
  --bal-button-background-hover: var(--bal-color-light-blue);
  --bal-button-background-active: var(--bal-color-light-blue);
  --bal-button-small-font-size: var(--bal-text-size-small);
  --bal-button-primary-color: var(--bal-color-text-white);
  --bal-button-primary-color-hover: var(--bal-color-text-white);
  --bal-button-primary-color-active: var(--bal-color-text-white);
  --bal-button-primary-border-color: var(--bal-color-border-primary);
  --bal-button-primary-border-color-hover: var(--bal-color-border-primary-hovered);
  --bal-button-primary-border-color-active: var(--bal-color-border-primary-pressed);
  --bal-button-primary-background: var(--bal-color-primary);
  --bal-button-primary-background-hover: var(--bal-color-light-blue-5);
  --bal-button-primary-background-active: var(--bal-color-primary-6);
  --bal-button-text-border-color-hover: var(--bal-color-light-blue);
  --bal-button-text-border-color-active: var(--bal-color-light-blue);
  --bal-button-text-background-hover: var(--bal-color-light-blue);
  --bal-button-text-background-active: var(--bal-color-light-blue);
  --bal-button-light-color: var(--bal-color-text-primary);
  --bal-button-light-color-hover: var(--bal-color-text-primary);
  --bal-button-light-color-active: var(--bal-color-text-primary);
  --bal-button-light-border-color: var(--bal-color-grey-2);
  --bal-button-light-border-color-hover: var(--bal-color-light-blue-1);
  --bal-button-light-border-color-active: var(--bal-color-light-blue-2);
  --bal-button-light-background: var(--bal-color-grey-2);
  --bal-button-light-background-hover: var(--bal-color-light-blue-1);
  --bal-button-light-background-active: var(--bal-color-light-blue-2);
  --bal-button-tertiary-purple-color: var(--bal-color-text-primary);
  --bal-button-tertiary-purple-color-hover: var(--bal-color-text-primary);
  --bal-button-tertiary-purple-color-active: var(--bal-color-text-primary-pressed);
  --bal-button-tertiary-purple-border-color: var(--bal-color-purple-1);
  --bal-button-tertiary-purple-border-color-hover: var(--bal-color-purple-5);
  --bal-button-tertiary-purple-border-color-active: var(--bal-color-purple-6);
  --bal-button-tertiary-purple-background: var(--bal-color-purple-1);
  --bal-button-tertiary-purple-background-hover: var(--bal-color-purple-1);
  --bal-button-tertiary-purple-background-active: var(--bal-color-purple-1);
  --bal-button-tertiary-red-color: var(--bal-color-text-primary);
  --bal-button-tertiary-red-color-hover: var(--bal-color-text-primary);
  --bal-button-tertiary-red-color-active: var(--bal-color-text-primary-pressed);
  --bal-button-tertiary-red-border-color: var(--bal-color-red-1);
  --bal-button-tertiary-red-border-color-hover: var(--bal-color-red-5);
  --bal-button-tertiary-red-border-color-active: var(--bal-color-red-6);
  --bal-button-tertiary-red-background: var(--bal-color-red-1);
  --bal-button-tertiary-red-background-hover: var(--bal-color-red-1);
  --bal-button-tertiary-red-background-active: var(--bal-color-red-1);
  --bal-button-tertiary-yellow-color: var(--bal-color-text-primary);
  --bal-button-tertiary-yellow-color-hover: var(--bal-color-text-primary);
  --bal-button-tertiary-yellow-color-active: var(--bal-color-text-primary-pressed);
  --bal-button-tertiary-yellow-border-color: var(--bal-color-yellow-1);
  --bal-button-tertiary-yellow-border-color-hover: var(--bal-color-yellow-5);
  --bal-button-tertiary-yellow-border-color-active: var(--bal-color-yellow-6);
  --bal-button-tertiary-yellow-background: var(--bal-color-yellow-1);
  --bal-button-tertiary-yellow-background-hover: var(--bal-color-yellow-1);
  --bal-button-tertiary-yellow-background-active: var(--bal-color-yellow-1);
  --bal-button-tertiary-green-color: var(--bal-color-text-primary);
  --bal-button-tertiary-green-color-hover: var(--bal-color-text-primary);
  --bal-button-tertiary-green-color-active: var(--bal-color-text-primary-pressed);
  --bal-button-tertiary-green-border-color: var(--bal-color-green-1);
  --bal-button-tertiary-green-border-color-hover: var(--bal-color-green-5);
  --bal-button-tertiary-green-border-color-active: var(--bal-color-green-6);
  --bal-button-tertiary-green-background: var(--bal-color-green-1);
  --bal-button-tertiary-green-background-hover: var(--bal-color-green-1);
  --bal-button-tertiary-green-background-active: var(--bal-color-green-1);
  --bal-button-success-color: var(--bal-color-text-primary);
  --bal-button-success-color-hover: var(--bal-color-text-white);
  --bal-button-success-color-active: var(--bal-color-text-white);
  --bal-button-success-border-color: var(--bal-color-success-5);
  --bal-button-success-border-color-hover: var(--bal-color-success-5);
  --bal-button-success-border-color-active: var(--bal-color-success-6);
  --bal-button-success-background: var(--bal-color-success-1);
  --bal-button-success-background-hover: var(--bal-color-success-5);
  --bal-button-success-background-active: var(--bal-color-success-6);
  --bal-button-warning-color: var(--bal-color-text-primary);
  --bal-button-warning-color-hover: var(--bal-color-text-primary);
  --bal-button-warning-color-active: var(--bal-color-text-primary);
  --bal-button-warning-border-color: var(--bal-color-warning-5);
  --bal-button-warning-border-color-hover: var(--bal-color-warning-3);
  --bal-button-warning-border-color-active: var(--bal-color-warning-4);
  --bal-button-warning-background: var(--bal-color-warning-1);
  --bal-button-warning-background-hover: var(--bal-color-warning-3);
  --bal-button-warning-background-active: var(--bal-color-warning-4);
  --bal-button-danger-color: var(--bal-color-text-primary);
  --bal-button-danger-color-hover: var(--bal-color-text-white);
  --bal-button-danger-color-active: var(--bal-color-text-white);
  --bal-button-danger-border-color: var(--bal-color-danger-5);
  --bal-button-danger-border-color-hover: var(--bal-color-danger-5);
  --bal-button-danger-border-color-active: var(--bal-color-danger-6);
  --bal-button-danger-background: var(--bal-color-danger-1);
  --bal-button-danger-background-hover: var(--bal-color-danger-5);
  --bal-button-danger-background-active: var(--bal-color-danger-6);
  --bal-button-disablde-color: var(--bal-color-text-grey);
  --bal-button-disablde-border-color: var(--bal-color-grey);
  --bal-button-disablde-background: var(--bal-color-grey);
  --bal-button-inverted-color: var(--bal-color-text-white);
  --bal-button-inverted-color-hover: var(--bal-color-text-white);
  --bal-button-inverted-color-active: var(--bal-color-text-white);
  --bal-button-inverted-border-color: var(--bal-color-border-inverted);
  --bal-button-inverted-border-color-hover: var(--bal-color-light-blue-3);
  --bal-button-inverted-border-color-active: var(--bal-color-light-blue-5);
  --bal-button-inverted-background: transparent;
  --bal-button-inverted-background-hover: var(--bal-color-primary-3);
  --bal-button-inverted-background-active: var(--bal-color-primary-3);
  --bal-button-inverted-primary-color: var(--bal-color-text-primary);
  --bal-button-inverted-primary-color-hover: var(--bal-color-text-primary);
  --bal-button-inverted-primary-color-active: var(--bal-color-text-white);
  --bal-button-inverted-primary-border-color: var(--bal-color-border-inverted);
  --bal-button-inverted-primary-border-color-hover: var(--bal-color-light-blue-2);
  --bal-button-inverted-primary-border-color-active: var(--bal-color-light-blue-5);
  --bal-button-inverted-primary-background: var(--bal-color-white);
  --bal-button-inverted-primary-background-hover: var(--bal-color-light-blue-2);
  --bal-button-inverted-primary-background-active: var(--bal-color-light-blue-5);
  --bal-button-inverted-text-color: var(--bal-color-text-white);
  --bal-button-inverted-text-color-hover: var(--bal-color-light-blue-2);
  --bal-button-inverted-text-color-active: var(--bal-color-info-3);
  --bal-button-inverted-text-border-color: transparent;
  --bal-button-inverted-text-border-color-hover: transparent;
  --bal-button-inverted-text-border-color-active: transparent;
  --bal-button-inverted-text-background: transparent;
  --bal-button-inverted-text-background-hover: transparent;
  --bal-button-inverted-text-background-active: transparent;
  --bal-button-inverted-light-color: var(--bal-color-text-white);
  --bal-button-inverted-light-color-hover: var(--bal-color-text-primary);
  --bal-button-inverted-light-color-active: var(--bal-color-text-primary);
  --bal-button-inverted-light-border-color: var(--bal-color-primary-4);
  --bal-button-inverted-light-border-color-hover: var(--bal-color-light-blue-2);
  --bal-button-inverted-light-border-color-active: var(--bal-color-white);
  --bal-button-inverted-light-background: var(--bal-color-primary-4);
  --bal-button-inverted-light-background-hover: var(--bal-color-light-blue-2);
  --bal-button-inverted-light-background-active: var(--bal-color-white);
}

/**
 * * @prop --bal-form-field-control-font-size: TBD
 * * @prop --bal-form-field-control-font-family: TBD
 * * @prop --bal-form-field-control-color: TBD
 * * @prop --bal-form-field-control-placeholder-color: TBD
 * * @prop --bal-form-field-control-radius: TBD
 * * @prop --bal-form-field-control-background: TBD
 * * @prop --bal-form-field-control-background-hover: TBD
 * * @prop --bal-form-field-control-background-active: TBD
 * * @prop --bal-form-field-control-border-width: TBD
 * * @prop --bal-form-field-control-border-style: TBD
 * * @prop --bal-form-field-control-border-color: TBD
 * * @prop --bal-form-field-control-border-color-hover: TBD
 * * @prop --bal-form-field-control-border-color-active: TBD
 * * @prop --bal-form-field-control-success-background: TBD
 * * @prop --bal-form-field-control-success-background-hover: TBD
 * * @prop --bal-form-field-control-success-background-active: TBD
 * * @prop --bal-form-field-control-success-border-color: TBD
 * * @prop --bal-form-field-control-success-border-color-hover: TBD
 * * @prop --bal-form-field-control-success-border-color-active: TBD
 * * @prop --bal-form-field-control-danger-background: TBD
 * * @prop --bal-form-field-control-danger-background-hover: TBD
 * * @prop --bal-form-field-control-danger-background-active: TBD
 * * @prop --bal-form-field-control-danger-border-color: TBD
 * * @prop --bal-form-field-control-danger-border-color-hover: TBD
 * * @prop --bal-form-field-control-danger-border-color-active: TBD
 * * @prop --bal-form-field-control-disabled-color: TBD
 * * @prop --bal-form-field-control-disabled-background: TBD
 * * @prop --bal-form-field-control-disabled-border-color: TBD
 * * @prop --bal-form-field-label-font-size: TBD
 * * @prop --bal-form-field-label-line-height: TBD
 * * @prop --bal-form-field-label-font-weight: TBD
 * * @prop --bal-form-field-label-font-family: TBD
 * * @prop --bal-form-field-label-margin-bottom: TBD
 * * @prop --bal-form-field-label-color-hover: TBD
 * * @prop --bal-form-field-label-color-active: TBD
 * * @prop --bal-form-field-label-success-color: TBD
 * * @prop --bal-form-field-label-danger-color: TBD
 * * @prop --bal-form-field-label-danger-color-hover: TBD
 * * @prop --bal-form-field-label-danger-color-active: TBD
 * * @prop --bal-form-field-label-disabled-color TBD
 * * @prop --bal-form-field-message-font-size: TBD
 * * @prop --bal-form-field-message-font-weight: TBD
 * * @prop --bal-form-field-message-color: TBD
 * * @prop --bal-form-field-message-color-hover: TBD
 * * @prop --bal-form-field-message-color-active: TBD
 * * @prop --bal-form-field-message-font-weight: TBD
 * * @prop --bal-form-field-message-success-color: TBD
 * * @prop --bal-form-field-message-danger-color: TBD
 * * @prop --bal-form-field-message-disabled-color: TBD
 * * @prop --bal-form-field-icon-color: TBD
 * * @prop --bal-form-field-icon-color-hover: TBD
 * * @prop --bal-form-field-icon-color-active: TBD
 * * @prop --bal-form-field-icon-success-color: TBD
 * * @prop --bal-form-field-icon-danger-color: TBD
 * * @prop --bal-form-field-icon-disabled-color: TBD
 * * @prop --bal-file-label-color: TBD
 * * @prop --bal-file-label-color-hover: TBD
 * * @prop --bal-file-label-color-active: TBD
 * * @prop --bal-file-border-style: TBD
 * * @prop --bal-file-label-disabled-color: TBD
 * */
:root {
  --bal-form-field-control-font-size: var(--bal-text-size-normal);
  --bal-form-field-control-font-family: var(--bal-font-family-text);
  --bal-form-field-control-color: var(--bal-color-text-primary);
  --bal-form-field-control-placeholder-color: var(--bal-color-text-primary-light);
  --bal-form-field-control-radius: var(--bal-radius-normal);
  --bal-form-field-control-background: var(--bal-color-white);
  --bal-form-field-control-background-hover: var(--bal-color-grey-1);
  --bal-form-field-control-background-active: var(--bal-color-grey-1);
  --bal-form-field-control-border-width: var(--bal-border-width-normal);
  --bal-form-field-control-border-style: solid;
  --bal-form-field-control-border-color: var(--bal-color-border);
  --bal-form-field-control-border-color-hover: var(--bal-form-field-control-border-color);
  --bal-form-field-control-border-color-active: var(--bal-color-border-primary);
  --bal-form-field-control-success-background: var(--bal-color-success-1);
  --bal-form-field-control-success-background-hover: var(--bal-color-success-1);
  --bal-form-field-control-success-background-active: var(--bal-color-success-1);
  --bal-form-field-control-success-border-color: var(--bal-color-border-success);
  --bal-form-field-control-success-border-color-hover: var(--bal-form-field-control-border-color);
  --bal-form-field-control-success-border-color-active: var(--bal-color-border-primary);
  --bal-form-field-control-danger-background: var(--bal-color-danger-1);
  --bal-form-field-control-danger-background-hover: var(--bal-color-danger-1);
  --bal-form-field-control-danger-background-active: var(--bal-color-danger-1);
  --bal-form-field-control-danger-border-color: var(--bal-color-border-danger);
  --bal-form-field-control-danger-border-color-hover: var(--bal-form-field-control-border-color);
  --bal-form-field-control-danger-border-color-active: var(--bal-color-border-primary);
  --bal-form-field-control-disabled-color: var(--bal-color-text-grey-dark);
  --bal-form-field-control-disabled-background: var(--bal-color-grey-2);
  --bal-form-field-control-disabled-border-color: var(--bal-color-border-grey-dark);
  --bal-form-field-label-font-size: var(--bal-text-size-small);
  --bal-form-field-label-line-height: var(--bal-line-height-small);
  --bal-form-field-label-font-weight: var(--bal-font-weight-bold);
  --bal-form-field-label-font-family: var(--bal-font-family-text);
  --bal-form-field-label-margin-bottom: 0.25rem;
  --bal-form-field-label-color-hover: var(--bal-link-color-hover);
  --bal-form-field-label-color-active: var(--bal-link-color-active);
  --bal-form-field-label-success-color: var(--bal-color-text-success);
  --bal-form-field-label-danger-color: var(--bal-color-text-danger);
  --bal-form-field-label-danger-color-hover: var(--bal-color-text-danger-hovered);
  --bal-form-field-label-danger-color-active: var(--bal-color-text-danger-pressed);
  --bal-form-field-label-disabled-color: var(--bal-color-text-grey);
  --bal-form-field-message-font-size: var(--bal-text-size-x-small);
  --bal-form-field-message-font-weight: var(--bal-font-weight-regular);
  --bal-form-field-message-color: var(--bal-color-text-primary-light);
  --bal-form-field-message-color-hover: var(--bal-link-color-hover);
  --bal-form-field-message-color-active: var(--bal-link-color-active);
  --bal-form-field-message-font-weight: var(--bal-font-weight-regular);
  --bal-form-field-message-success-color: var(--bal-color-text-success);
  --bal-form-field-message-danger-color: var(--bal-color-text-danger);
  --bal-form-field-message-disabled-color: var(--bal-color-text-grey);
  --bal-form-field-icon-color: var(--bal-link-color);
  --bal-form-field-icon-color-hover: var(--bal-link-color-hover);
  --bal-form-field-icon-color-active: var(--bal-link-color-active);
  --bal-form-field-icon-success-color: var(--bal-color-text-success);
  --bal-form-field-icon-danger-color: var(--bal-color-text-danger);
  --bal-form-field-icon-disabled-color: var(--bal-color-text-grey);
  --bal-file-label-color: var(--bal-link-color);
  --bal-file-label-color-hover: var(--bal-link-color-hover);
  --bal-file-label-color-active: var(--bal-link-color-active);
  --bal-file-border-style: dashed;
  --bal-file-label-disabled-color: var(--bal-color-text-grey-dark);
}

/**
 * * @prop --bal-list-marker-color: Color of the list marker symbol
 * * @prop --bal-list-marker-inverted-color: Color of the list marker symbol on a dark background
 * * @prop --bal-list-bullet-radius: Radius of the custom bullet
 * * @prop --bal-list-bullet-background: Background color of the custom bullet
 * * @prop --bal-list-bullet-background-green: Green background color of the custom bullet
 * * @prop --bal-list-bullet-background-red: Red background color of the custom bullet
 * * @prop --bal-list-bullet-background-yellow: Yellow background color of the custom bullet
 * * @prop --bal-list-bullet-background-purple: Purple background color of the custom bullet
 * */
:root {
  --bal-list-marker-color: var(--bal-color-primary);
  --bal-list-marker-inverted-color: var(--bal-color-white);
  --bal-list-bullet-radius: var(--bal-radius-rounded);
  --bal-list-bullet-background: var(--bal-color-green-3);
  --bal-list-bullet-background-green: var(--bal-color-green-3);
  --bal-list-bullet-background-red: var(--bal-color-red-3);
  --bal-list-bullet-background-yellow: var(--bal-color-yellow-3);
  --bal-list-bullet-background-purple: var(--bal-color-purple-3);
}

/**
 * * @prop --bal-table-color: Tables default font color
 * * @prop --bal-table-background-color: Tables default background color
 * * @prop --bal-table-body-background-color: Table body background
 * * @prop --bal-table-cell-border: Table cell border
 * * @prop --bal-table-cell-border-width: Table cell border width
 * * @prop --bal-table-cell-padding: Table cell padding
 * * @prop --bal-table-cell-heading-color: Table cell heading color
 * * @prop --bal-table-head-cell-border-width: Table head cell border width
 * * @prop --bal-table-head-cell-border-color: Table head cell border color
 * * @prop --bal-table-head-cell-color: Table head cell color
 * * @prop --bal-table-head-background-color: Table head cell background
 * * @prop --bal-table-head-font-size:  Table head cell font size backgound
 * * @prop --bal-table-head-font-family: Table head cell font family
 * * @prop --bal-table-foot-cell-border-width: Table foot cell border width
 * * @prop --bal-table-foot-cell-color: Table foot cell color
 * * @prop --bal-table-foot-background-color: Table foot cell background
 * * @prop --bal-table-row-background-color-hover: Table row hover background
 * * @prop --bal-table-row-background-color-active: Table row pressed background
 * * @prop --bal-table-row-color-active: Table row pressed font color
 * * @prop --bal-table-striped-row-even-background-color: Table row striped background
 * * @prop --bal-table-striped-row-even-background-color-hover: Table row striped background on hover
 * */
:root {
  --bal-table-color: var(--bal-color-primary);
  --bal-table-background-color: var(--bal-color-white);
  --bal-table-body-background-color: transparent;
  --bal-table-cell-border-color: var(--bal-color-border);
  --bal-table-cell-border: 2px solid var(--bal-table-cell-border-color);
  --bal-table-cell-border-width: 0 0 2px;
  --bal-table-cell-padding: 0.5em 0.75em;
  --bal-table-cell-heading-color: var(--bal-color-primary);
  --bal-table-head-cell-border-width: 0 0 1px;
  --bal-table-head-cell-border-color: var(--bal-color-primary);
  --bal-table-head-cell-color: var(--bal-color-primary);
  --bal-table-head-background-color: transparent;
  --bal-table-head-font-size: var(--bal-text-size-normal);
  --bal-table-head-font-family: var(--bal-font-family-text);
  --bal-table-foot-cell-border-width: 0 0 0;
  --bal-table-foot-cell-color: var(--bal-color-primary);
  --bal-table-foot-background-color: transparent;
  --bal-table-row-background-color-hover: var(--bal-color-grey-2);
  --bal-table-row-background-color-active: var(--bal-color-primary-1);
  --bal-table-row-color-active: var(--bal-color-primary);
  --bal-table-striped-row-even-background-color: var(--bal-color-grey-1);
  --bal-table-striped-row-even-background-color-hover: var(--bal-color-grey-2);
}

.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);
  border-style: var(--bal-form-field-control-border-style);
  border-radius: var(--bal-form-field-control-radius);
  color: var(--bal-form-field-control-color);
}
.select select::-moz-placeholder, .input::-moz-placeholder, .textarea::-moz-placeholder {
  color: var(--bal-form-field-control-placeholder-color);
}
.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, .input:-moz-placeholder, .textarea:-moz-placeholder {
  color: var(--bal-form-field-control-placeholder-color);
}
.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, .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.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].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].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].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].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].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, .input, .textarea {
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  align-items: center;
  border-width: var(--bal-border-width-normal);
  border-color: var(--bal-color-border);
  border-radius: var(--bal-radius-normal);
  box-shadow: none;
  display: inline-flex;
  font-size: var(--bal-text-size-normal);
  min-height: 3rem;
  height: 3rem;
  line-height: 1.5;
  padding-left: calc(0.75em - var(--bal-border-width-normal));
  padding-right: calc(0.75em - var(--bal-border-width-normal));
  position: relative;
  vertical-align: top;
}
.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].input, [disabled].textarea, fieldset[disabled] .file-cta, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .input, fieldset[disabled] .textarea {
  cursor: default;
}

.textarea, .input {
  max-width: 100%;
  width: 100%;
}
[readonly].textarea, [readonly].input {
  box-shadow: none;
}
.is-fullwidth.textarea, .is-fullwidth.input {
  display: block;
  width: 100%;
}
.is-inline.textarea, .is-inline.input {
  display: inline;
  width: auto;
}

.textarea {
  display: block;
  max-width: 100%;
  min-width: 100%;
  resize: vertical;
  padding: calc(0.75em - 2px);
}
.textarea:not([rows]) {
  max-height: 40em;
  min-height: 8em;
}
.textarea[rows] {
  height: initial;
}
.textarea.has-fixed-size {
  resize: none;
}

input.input,
textarea.textarea {
  border-width: 2px;
  border-radius: var(--bal-form-field-control-radius);
  font-size: var(--bal-form-field-control-font-size);
  font-family: var(--bal-form-field-control-font-family);
  color: var(--bal-form-field-control-color);
  outline: none;
  box-shadow: none;
}
input.input.is-danger,
textarea.textarea.is-danger {
  border-color: var(--bal-form-field-control-danger-border-color);
  background: var(--bal-form-field-control-danger-background);
}
input.input.is-danger.bal-focused, input.input.is-danger:focus, input.input.is-danger.is-focused, input.input.is-danger:active, input.input.is-danger.is-active,
textarea.textarea.is-danger.bal-focused,
textarea.textarea.is-danger:focus,
textarea.textarea.is-danger.is-focused,
textarea.textarea.is-danger:active,
textarea.textarea.is-danger.is-active {
  border-color: var(--bal-form-field-control-border-color-active);
}
input.input.is-success,
textarea.textarea.is-success {
  border-color: var(--bal-form-field-control-success-border-color);
  background: var(--bal-form-field-control-success-background);
}
input.input.is-success.bal-focused, input.input.is-success:focus, input.input.is-success.is-focused, input.input.is-success:active, input.input.is-success.is-active,
textarea.textarea.is-success.bal-focused,
textarea.textarea.is-success:focus,
textarea.textarea.is-success.is-focused,
textarea.textarea.is-success:active,
textarea.textarea.is-success.is-active {
  border-color: var(--bal-form-field-control-border-color-active);
}
input.input.is-warning,
textarea.textarea.is-warning {
  border-color: var(--bal-color-border-warning);
  background: var(--bal-color-warning-1);
}
input.input.is-warning.bal-focused, input.input.is-warning:focus, input.input.is-warning.is-focused, input.input.is-warning:active, input.input.is-warning.is-active,
textarea.textarea.is-warning.bal-focused,
textarea.textarea.is-warning:focus,
textarea.textarea.is-warning.is-focused,
textarea.textarea.is-warning:active,
textarea.textarea.is-warning.is-active {
  border-color: var(--bal-form-field-control-border-color-active);
}
input.input.is-disabled,
textarea.textarea.is-disabled {
  color: var(--bal-form-field-control-disabled-color);
  border-color: var(--bal-form-field-control-disabled-border-color);
  background: var(--bal-form-field-control-disabled-background);
}

input.is-grouped {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

.select {
  display: inline-block;
  max-width: 100%;
  width: 100%;
  position: relative;
  vertical-align: top;
}
.select:not(.is-multiple) {
  height: 3rem;
}
.select:not(.is-multiple):not(.is-loading)::after {
  border: 3px solid var(--bal-form-field-icon-color);
  border-radius: 2px;
  border-right: 0;
  border-top: 0;
  content: " ";
  display: block;
  height: 0.625em;
  margin-top: -0.4rem;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  transform-origin: center;
  width: 0.625em;
  right: 1.125em;
  z-index: 4;
}
.select select {
  cursor: pointer;
  display: block;
  font-size: 1em;
  max-width: 100%;
  width: 100%;
  outline: none;
  border-radius: var(--bal-form-field-control-radius);
}
.select select::-ms-expand {
  display: none;
}
.select select[disabled]:hover, fieldset[disabled] .select select:hover {
  border-color: var(--bal-form-field-control-disabled-border-color);
}
.select select:not([multiple]) {
  padding-right: 2.5em;
}
.select select[multiple] {
  height: auto;
  padding: 0;
}
.select select[multiple] option {
  padding: 0.5em 1em;
}
.select:not(.is-multiple):not(.is-loading):hover::after {
  border-color: var(--bal-form-field-label-color-hover);
}
.select:not(.is-multiple):not(.is-loading):active::after {
  border-color: var(--bal-form-field-label-color-active);
}
.select.is-disabled::after {
  border-color: var(--bal-form-field-control-disabled-border-color) !important;
}
.select.is-success select {
  border-color: var(--bal-form-field-control-success-border-color);
  background: var(--bal-form-field-control-success-background);
}
.select.is-success select.bal-focused, .select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active {
  border-color: var(--bal-form-field-control-success-border-color-active);
}
.select.is-success::after {
  border-color: var(--bal-form-field-control-success-border-color) !important;
}
.select.is-success:focus::after, .select.is-success:active::after, .select.is-success:focus-within::after {
  border-color: var(--bal-form-field-control-success-border-color-active) !important;
}
.select.is-danger select {
  border-color: var(--bal-form-field-control-danger-border-color);
  background: var(--bal-form-field-control-danger-background);
}
.select.is-danger select.bal-focused, .select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active {
  border-color: var(--bal-form-field-control-danger-border-color-active);
}
.select.is-danger::after {
  border-color: var(--bal-form-field-control-danger-border-color) !important;
}
.select.is-danger:focus::after, .select.is-danger:active::after, .select.is-danger:focus-within::after {
  border-color: var(--bal-form-field-control-danger-border-color-active) !important;
}
.select.is-warning select {
  border-color: var(--bal-color-border-warning);
  background: var(--bal-color-warning-1);
}
.select.is-warning select.bal-focused, .select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active {
  border-color: var(--bal-color-border-primary);
}
.select.is-warning::after {
  border-color: var(--bal-color-border-warning) !important;
}
.select.is-warning:focus::after, .select.is-warning:active::after, .select.is-warning:focus-within::after {
  border-color: var(--bal-color-border-primary) !important;
}
.select.is-fullwidth {
  width: 100%;
}
.select.is-fullwidth select {
  width: 100%;
}

.file {
  align-items: stretch;
  display: flex;
  justify-content: flex-start;
  position: relative;
  width: 100%;
  font-size: var(--bal-form-field-control-font-size);
  justify-content: center;
}
.file .file-label {
  width: 100%;
  flex-direction: column;
}
.file .file-cta {
  flex-direction: column;
  height: auto;
  padding: 1em 3em;
}
.file .file-icon {
  height: 1.5em;
  width: 1.5em;
}

.file-label {
  align-items: stretch;
  display: flex;
  cursor: pointer;
  justify-content: flex-start;
  overflow: hidden;
  position: relative;
  gap: 0.5rem;
  font-weight: var(--bal-form-field-label-font-weight);
  color: var(--bal-form-field-label-color);
  text-align: center;
  -webkit-hyphens: auto;
          hyphens: auto;
}
.file-label:hover .file-cta,
.file-label:hover .file-label {
  color: var(--bal-form-field-label-color-hover);
}
.file-label:hover .file-cta {
  background-color: var(--bal-form-field-control-background-hover);
  border-color: var(--bal-form-field-control-border-color-hover);
}
.file-label:active .file-cta,
.file-label:active .file-label, .file-label:focus-within .file-cta,
.file-label:focus-within .file-label {
  color: var(--bal-form-field-label-color-active);
}
.file-label:active .file-cta, .file-label:focus-within .file-cta {
  background-color: var(--bal-form-field-control-background-active);
  border-color: var(--bal-form-field-control-border-color-active);
}

.file-input {
  height: 100%;
  left: 0;
  opacity: 0;
  outline: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.file-cta {
  justify-content: flex-start;
  border-style: var(--bal-file-border-style);
  border-color: var(--bal-form-field-control-border-color);
  border-radius: var(--bal-form-field-control-radius);
  background: var(--bal-form-field-control-background);
  font-size: 1em;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
  gap: 0.5rem;
}

.file-cta {
  background-color: var(--bal-form-field-control-background);
  color: var(--bal-form-field-control-color);
}

.file-icon {
  align-items: center;
  display: flex;
  height: 1em;
  justify-content: center;
  margin-right: 0.5em;
  width: 1em;
}

.file.is-success .file-label,
.file.is-success .file-cta {
  color: var(--bal-form-field-label-success-color);
}
.file.is-success .file-cta {
  border-color: var(--bal-form-field-control-success-border-color);
  background: var(--bal-form-field-control-success-background);
}
.file.is-success .file-label:active .file-cta, .file.is-success .file-label:focus-within .file-cta {
  border-color: var(--bal-form-field-control-border-color-active);
  color: var(--bal-link-color-active);
}
.file.is-success .file-label:active .file-cta .file-label, .file.is-success .file-label:focus-within .file-cta .file-label {
  color: var(--bal-link-color-active);
}

.file.is-danger .file-label,
.file.is-danger .file-cta {
  color: var(--bal-form-field-label-danger-color);
}
.file.is-danger .file-cta {
  border-color: var(--bal-form-field-control-danger-border-color);
  background: var(--bal-form-field-control-danger-background);
}
.file.is-danger .file-label:active .file-cta, .file.is-danger .file-label:focus-within .file-cta {
  border-color: var(--bal-form-field-control-border-color-active);
  color: var(--bal-link-color-active);
}
.file.is-danger .file-label:active .file-cta .file-label, .file.is-danger .file-label:focus-within .file-cta .file-label {
  color: var(--bal-link-color-active);
}

.file.is-warning .file-label,
.file.is-warning .file-cta {
  color: var(--bal-color-text-warning);
}
.file.is-warning .file-cta {
  border-color: var(--bal-color-border-warning);
  background: var(--bal-color-warning-1);
}
.file.is-warning .file-label:active .file-cta, .file.is-warning .file-label:focus-within .file-cta {
  border-color: var(--bal-form-field-control-border-color-active);
  color: var(--bal-link-color-active);
}
.file.is-warning .file-label:active .file-cta .file-label, .file.is-warning .file-label:focus-within .file-cta .file-label {
  color: var(--bal-link-color-active);
}

.file.is-disabled .file-label,
.file.is-disabled .file-cta {
  color: var(--bal-file-label-disabled-color);
}
.file.is-disabled .file-cta {
  border-color: var(--bal-form-field-control-disabled-border-color);
  background: var(--bal-form-field-control-disabled-background);
}

@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.label {
  display: block;
  font-size: var(--bal-form-field-label-font-size);
  line-height: var(--bal-form-field-label-line-height);
  font-weight: var(--bal-form-field-label-font-weight);
  font-family: var(--bal-form-field-label-font-family);
  -webkit-hyphens: auto;
          hyphens: auto;
}
.label:not(:last-child) {
  margin-bottom: var(--bal-form-field-label-margin-bottom);
}
.label.is-danger {
  color: var(--bal-form-field-label-danger-color);
}
.label.is-success {
  color: var(--bal-form-field-label-success-color);
}
.label.is-warning {
  color: var(--bal-color-text-warning);
}
.label.is-disabled {
  color: var(--bal-form-field-label-disabled-color);
}

.help {
  display: block;
  margin-top: -2px;
  color: var(--bal-form-field-message-color);
  font-size: var(--bal-form-field-message-font-size);
  font-weight: var(--bal-form-field-message-font-weight);
  -webkit-hyphens: auto;
          hyphens: auto;
}
.help.is-danger {
  color: var(--bal-form-field-message-danger-color);
}
.help.is-success {
  color: var(--bal-form-field-message-success-color);
}
.help.is-warning {
  color: var(--bal-color-text-warning);
}
.help.is-disabled {
  color: var(--bal-form-field-message-disabled-color);
}

.field:not(:last-child) {
  margin-bottom: 0.25rem;
}
.field.has-addons {
  display: flex;
  justify-content: flex-start;
}
.field.has-addons .control:not(:last-child) {
  margin-right: -1px;
}
.field.has-addons .control:not(:first-child):not(:last-child) .button,
.field.has-addons .control:not(:first-child):not(:last-child) .input,
.field.has-addons .control:not(:first-child):not(:last-child) .select select {
  border-radius: 0;
}
.field.has-addons .control:first-child:not(:only-child) .button,
.field.has-addons .control:first-child:not(:only-child) .input,
.field.has-addons .control:first-child:not(:only-child) .select select {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.field.has-addons .control:last-child:not(:only-child) .button,
.field.has-addons .control:last-child:not(:only-child) .input,
.field.has-addons .control:last-child:not(:only-child) .select select {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered,
.field.has-addons .control .input:not([disabled]):hover,
.field.has-addons .control .input:not([disabled]).is-hovered,
.field.has-addons .control .select select:not([disabled]):hover,
.field.has-addons .control .select select:not([disabled]).is-hovered {
  z-index: 2;
}
.field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active,
.field.has-addons .control .input:not([disabled]):focus,
.field.has-addons .control .input:not([disabled]).is-focused,
.field.has-addons .control .input:not([disabled]):active,
.field.has-addons .control .input:not([disabled]).is-active,
.field.has-addons .control .select select:not([disabled]):focus,
.field.has-addons .control .select select:not([disabled]).is-focused,
.field.has-addons .control .select select:not([disabled]):active,
.field.has-addons .control .select select:not([disabled]).is-active {
  z-index: 3;
}
.field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover,
.field.has-addons .control .input:not([disabled]):focus:hover,
.field.has-addons .control .input:not([disabled]).is-focused:hover,
.field.has-addons .control .input:not([disabled]):active:hover,
.field.has-addons .control .input:not([disabled]).is-active:hover,
.field.has-addons .control .select select:not([disabled]):focus:hover,
.field.has-addons .control .select select:not([disabled]).is-focused:hover,
.field.has-addons .control .select select:not([disabled]):active:hover,
.field.has-addons .control .select select:not([disabled]).is-active:hover {
  z-index: 4;
}
.field.has-addons .control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.field.has-addons.has-addons-centered {
  justify-content: center;
}
.field.has-addons.has-addons-right {
  justify-content: flex-end;
}
.field.has-addons.has-addons-fullwidth .control {
  flex-grow: 1;
  flex-shrink: 0;
}
.field.is-grouped {
  display: flex;
  justify-content: flex-start;
}
.field.is-grouped > .control:not(:last-child) {
  margin-bottom: 0;
}
.field.is-grouped > .control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.field.is-grouped.is-grouped-centered {
  justify-content: center;
}
.field.is-grouped.is-grouped-right {
  justify-content: flex-end;
}
.field.is-grouped.is-grouped-multiline {
  flex-wrap: wrap;
}
.field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
  margin-bottom: 0.75rem;
}
.field.is-grouped.is-grouped-multiline:last-child {
  margin-bottom: -0.75rem;
}
.field.is-grouped.is-grouped-multiline:not(:last-child) {
  margin-bottom: 0;
}
@media screen and (min-width: 769px), print {
  .field.is-horizontal {
    display: flex;
  }
}

.field-label .label {
  font-size: inherit;
}
@media screen and (max-width: 768px) {
  .field-label {
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .field-label {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    margin-right: 1.5rem;
    text-align: right;
  }
  .field-label.is-small {
    font-size: var(--bal-text-size-small);
    padding-top: 0.375em;
  }
  .field-label.is-normal {
    padding-top: 0.375em;
  }
}

.field-body .field .field {
  margin-bottom: 0;
}
@media screen and (min-width: 769px), print {
  .field-body {
    display: flex;
    flex-basis: 0;
    flex-grow: 5;
    flex-shrink: 1;
  }
  .field-body .field {
    margin-bottom: 0;
  }
  .field-body > .field {
    flex-shrink: 1;
  }
  .field-body > .field:not(.is-narrow) {
    flex-grow: 1;
  }
  .field-body > .field:not(:last-child) {
    margin-right: 0.75rem;
  }
}

.control {
  box-sizing: border-box;
  clear: both;
  font-size: var(--bal-form-field-control-font-size);
  position: relative;
  text-align: inherit;
}
.control.is-loading::after {
  animation: spinAround 500ms infinite linear;
  border: 2px solid var(--bal-form-field-control-border-color-active);
  border-radius: var(--bal-radius-rounded);
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1.125em;
  width: 1.125em;
  position: absolute !important;
  right: 0.875rem;
  top: 0.875rem;
  z-index: 4;
}

.control.has-icons-right::after {
  right: 2.3rem;
}

.field.is-grouped {
  gap: calc(var(--bal-column-gap) / 2);
}

.field.has-direction-row.is-grouped {
  flex-direction: row;
}

.field.has-direction-column.is-grouped {
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
}
.field.has-direction-column.is-grouped .button {
  width: 100%;
}
.field.has-direction-column.is-grouped .bal-button {
  margin: 0 !important;
}

@media screen and (max-width: 768px) {
  .field.has-direction-auto.is-grouped {
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
  }
  .field.has-direction-auto.is-grouped .control {
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 100%;
    margin-right: 0 !important;
  }
  .field.has-direction-auto.is-grouped .control .button {
    min-width: 100%;
  }
  .field.has-direction-auto.is-grouped.is-reverse {
    flex-direction: column-reverse;
  }
}
.button {
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  position: relative;
  display: inline-flex;
  border-radius: var(--bal-button-radius);
  border-style: var(--bal-button-border-style);
  border-color: var(--bal-button-border-color);
  border-width: var(--bal-button-border-width);
  color: var(--bal-button-color);
  font-family: var(--bal-button-font-family);
  font-size: var(--bal-button-font-size);
  line-height: var(--bal-button-line-height);
  font-weight: var(--bal-button-font-weight);
  background-color: var(--bal-button-background);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  vertical-align: top;
  padding: 0.625rem 1.5rem;
  min-height: 3rem;
  height: auto;
  text-align: left;
  word-break: normal;
  box-shadow: none;
  outline: none;
  box-sizing: border-box;
  appearance: none;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: manipulation;
}
.button svg,
.button g,
.button path,
.button circle {
  fill: var(--bal-button-color);
}
.button:focus, .button.is-focused, .button:active, .button.is-active {
  outline: none;
}
.button[disabled], fieldset[disabled] .button {
  cursor: default;
}
.button > span, .button > strong {
  color: inherit;
  font-family: var(--bal-button-font-family);
  font-weight: var(--bal-button-font-weight);
  -webkit-hyphens: auto;
          hyphens: auto;
  text-align: center;
}
.button::-moz-focus-inner {
  border: 0;
}
.button.has-no-wrap {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.button.is-rounded {
  border-radius: var(--bal-radius-rounded);
}
.button.has-blur-shadow:not(.button.is-link) {
  box-shadow: var(--bal-text-shadow-normal);
}
.button.has-blur-shadow.is-link {
  text-shadow: var(--bal-text-shadow-normal);
}
.button .icon-left,
.button .icon-right {
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
.button .icon-left {
  margin-right: 0.5rem;
}
.button .icon-right {
  margin-left: 0.5rem;
}
.button.is-fullwidth {
  width: 100%;
}
.button.is-square {
  width: 3rem;
  padding: 0;
}
.button.is-square .icon-left {
  margin: 0;
}
.button.is-flat {
  padding: 0;
  min-height: 1.5rem;
}
.button.is-small {
  min-height: 2rem;
  max-height: 2rem;
  min-width: 2rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: var(--bal-button-small-font-size);
  line-height: 1.25rem;
}
.button.is-small.is-square {
  width: 2rem;
  padding: 0;
}
.button.is-large {
  min-height: 3.5rem;
}
.button.is-large.is-square {
  width: 3.5rem;
  padding: 0;
}
@media (hover: hover) and (pointer: fine) {
  .button:hover, .button.is-hovered {
    background: var(--bal-button-background-hover);
    border-color: var(--bal-button-border-color-hover);
    color: var(--bal-button-color-hover);
  }
  .button:hover svg,
  .button:hover g,
  .button:hover path,
  .button:hover circle, .button.is-hovered svg,
  .button.is-hovered g,
  .button.is-hovered path,
  .button.is-hovered circle {
    fill: var(--bal-button-color-hover);
  }
}
.button:active, .button.is-active {
  background: var(--bal-button-background-active);
  border-color: var(--bal-button-border-color-active);
  color: var(--bal-button-color-active);
}
.button:active svg,
.button:active g,
.button:active path,
.button:active circle, .button.is-active svg,
.button.is-active g,
.button.is-active path,
.button.is-active circle {
  fill: var(--bal-button-color-active);
}
.button.is-primary {
  background: var(--bal-button-primary-background);
  border-color: var(--bal-button-primary-border-color);
  color: var(--bal-button-primary-color);
}
.button.is-primary svg,
.button.is-primary g,
.button.is-primary path,
.button.is-primary circle {
  fill: var(--bal-button-primary-color);
}
@media (hover: hover) and (pointer: fine) {
  .button.is-primary:hover, .button.is-primary.is-hovered {
    background: var(--bal-button-primary-background-hover);
    border-color: var(--bal-button-primary-border-color-hover);
    color: var(--bal-button-primary-color-hover);
  }
  .button.is-primary:hover svg,
  .button.is-primary:hover g,
  .button.is-primary:hover path,
  .button.is-primary:hover circle, .button.is-primary.is-hovered svg,
  .button.is-primary.is-hovered g,
  .button.is-primary.is-hovered path,
  .button.is-primary.is-hovered circle {
    fill: var(--bal-button-primary-color-hover);
  }
}
.button.is-primary:active, .button.is-primary.is-active {
  background: var(--bal-button-primary-background-active);
  border-color: var(--bal-button-primary-border-color-active);
  color: var(--bal-button-primary-color-active);
}
.button.is-primary:active svg,
.button.is-primary:active g,
.button.is-primary:active path,
.button.is-primary:active circle, .button.is-primary.is-active svg,
.button.is-primary.is-active g,
.button.is-primary.is-active path,
.button.is-primary.is-active circle {
  fill: var(--bal-button-primary-color-active);
}
.button.is-tertiary-purple {
  background: var(--bal-button-tertiary-purple-background);
  border-color: var(--bal-button-tertiary-purple-border-color);
  color: var(--bal-button-tertiary-purple-color);
}
.button.is-tertiary-purple svg,
.button.is-tertiary-purple g,
.button.is-tertiary-purple path,
.button.is-tertiary-purple circle {
  fill: var(--bal-button-tertiary-purple-color);
}
@media (hover: hover) and (pointer: fine) {
  .button.is-tertiary-purple:hover, .button.is-tertiary-purple.is-hovered {
    background: var(--bal-button-tertiary-purple-background-hover);
    border-color: var(--bal-button-tertiary-purple-border-color-hover);
    color: var(--bal-button--tertiary-purple-color-hover);
  }
  .button.is-tertiary-purple:hover svg,
  .button.is-tertiary-purple:hover g,
  .button.is-tertiary-purple:hover path,
  .button.is-tertiary-purple:hover circle, .button.is-tertiary-purple.is-hovered svg,
  .button.is-tertiary-purple.is-hovered g,
  .button.is-tertiary-purple.is-hovered path,
  .button.is-tertiary-purple.is-hovered circle {
    fill: var(--bal-button-tertiary-purple-color-hover);
  }
}
.button.is-tertiary-purple:active, .button.is-tertiary-purple.is-active {
  background: var(--bal-button-tertiary-purple-background-active);
  border-color: var(--bal-button-tertiary-purple-border-color-active);
  color: var(--bal-button-tertiary-purple-color-active);
}
.button.is-tertiary-purple:active svg,
.button.is-tertiary-purple:active g,
.button.is-tertiary-purple:active path,
.button.is-tertiary-purple:active circle, .button.is-tertiary-purple.is-active svg,
.button.is-tertiary-purple.is-active g,
.button.is-tertiary-purple.is-active path,
.button.is-tertiary-purple.is-active circle {
  fill: var(--bal-button-tertiary-purple-color-active);
}
.button.is-tertiary-red {
  background: var(--bal-button-tertiary-red-background);
  border-color: var(--bal-button-tertiary-red-border-color);
  color: var(--bal-button-tertiary-red-color);
}
.button.is-tertiary-red svg,
.button.is-tertiary-red g,
.button.is-tertiary-red path,
.button.is-tertiary-red circle {
  fill: var(--bal-button-tertiary-red-color);
}
@media (hover: hover) and (pointer: fine) {
  .button.is-tertiary-red:hover, .button.is-tertiary-red.is-hovered {
    background: var(--bal-button-tertiary-red-background-hover);
    border-color: var(--bal-button-tertiary-red-border-color-hover);
    color: var(--bal-button--tertiary-red-color-hover);
  }
  .button.is-tertiary-red:hover svg,
  .button.is-tertiary-red:hover g,
  .button.is-tertiary-red:hover path,
  .button.is-tertiary-red:hover circle, .button.is-tertiary-red.is-hovered svg,
  .button.is-tertiary-red.is-hovered g,
  .button.is-tertiary-red.is-hovered path,
  .button.is-tertiary-red.is-hovered circle {
    fill: var(--bal-button-tertiary-red-color-hover);
  }
}
.button.is-tertiary-red:active, .button.is-tertiary-red.is-active {
  background: var(--bal-button-tertiary-red-background-active);
  border-color: var(--bal-button-tertiary-red-border-color-active);
  color: var(--bal-button-tertiary-red-color-active);
}
.button.is-tertiary-red:active svg,
.button.is-tertiary-red:active g,
.button.is-tertiary-red:active path,
.button.is-tertiary-red:active circle, .button.is-tertiary-red.is-active svg,
.button.is-tertiary-red.is-active g,
.button.is-tertiary-red.is-active path,
.button.is-tertiary-red.is-active circle {
  fill: var(--bal-button-tertiary-red-color-active);
}
.button.is-tertiary-yellow {
  background: var(--bal-button-tertiary-yellow-background);
  border-color: var(--bal-button-tertiary-yellow-border-color);
  color: var(--bal-button-tertiary-yellow-color);
}
.button.is-tertiary-yellow svg,
.button.is-tertiary-yellow g,
.button.is-tertiary-yellow path,
.button.is-tertiary-yellow circle {
  fill: var(--bal-button-tertiary-yellow-color);
}
@media (hover: hover) and (pointer: fine) {
  .button.is-tertiary-yellow:hover, .button.is-tertiary-yellow.is-hovered {
    background: var(--bal-button-tertiary-yellow-background-hover);
    border-color: var(--bal-button-tertiary-yellow-border-color-hover);
    color: var(--bal-button--tertiary-yellow-color-hover);
  }
  .button.is-tertiary-yellow:hover svg,
  .button.is-tertiary-yellow:hover g,
  .button.is-tertiary-yellow:hover path,
  .button.is-tertiary-yellow:hover circle, .button.is-tertiary-yellow.is-hovered svg,
  .button.is-tertiary-yellow.is-hovered g,
  .button.is-tertiary-yellow.is-hovered path,
  .button.is-tertiary-yellow.is-hovered circle {
    fill: var(--bal-button-tertiary-yellow-color-hover);
  }
}
.button.is-tertiary-yellow:active, .button.is-tertiary-yellow.is-active {
  background: var(--bal-button-tertiary-yellow-background-active);
  border-color: var(--bal-button-tertiary-yellow-border-color-active);
  color: var(--bal-button-tertiary-yellow-color-active);
}
.button.is-tertiary-yellow:active svg,
.button.is-tertiary-yellow:active g,
.button.is-tertiary-yellow:active path,
.button.is-tertiary-yellow:active circle, .button.is-tertiary-yellow.is-active svg,
.button.is-tertiary-yellow.is-active g,
.button.is-tertiary-yellow.is-active path,
.button.is-tertiary-yellow.is-active circle {
  fill: var(--bal-button-tertiary-yellow-color-active);
}
.button.is-tertiary-green {
  background: var(--bal-button-tertiary-green-background);
  border-color: var(--bal-button-tertiary-green-border-color);
  color: var(--bal-button-tertiary-green-color);
}
.button.is-tertiary-green svg,
.button.is-tertiary-green g,
.button.is-tertiary-green path,
.button.is-tertiary-green circle {
  fill: var(--bal-button-tertiary-green-color);
}
@media (hover: hover) and (pointer: fine) {
  .button.is-tertiary-green:hover, .button.is-tertiary-green.is-hovered {
    background: var(--bal-button-tertiary-green-background-hover);
    border-color: var(--bal-button-tertiary-green-border-color-hover);
    color: var(--bal-button--tertiary-green-color-hover);
  }
  .button.is-tertiary-green:hover svg,
  .button.is-tertiary-green:hover g,
  .button.is-tertiary-green:hover path,
  .button.is-tertiary-green:hover circle, .button.is-tertiary-green.is-hovered svg,
  .button.is-tertiary-green.is-hovered g,
  .button.is-tertiary-green.is-hovered path,
  .button.is-tertiary-green.is-hovered circle {
    fill: var(--bal-button-tertiary-green-color-hover);
  }
}
.button.is-tertiary-green:active, .button.is-tertiary-green.is-active {
  background: var(--bal-button-tertiary-green-background-active);
  border-color: var(--bal-button-tertiary-green-border-color-active);
  color: var(--bal-button-tertiary-green-color-active);
}
.button.is-tertiary-green:active svg,
.button.is-tertiary-green:active g,
.button.is-tertiary-green:active path,
.button.is-tertiary-green:active circle, .button.is-tertiary-green.is-active svg,
.button.is-tertiary-green.is-active g,
.button.is-tertiary-green.is-active path,
.button.is-tertiary-green.is-active circle {
  fill: var(--bal-button-tertiary-green-color-active);
}
.button.is-tertiary, .button.is-text, .button.is-link {
  border-color: var(--bal-link-border-color);
}
.button.is-link {
  -webkit-text-decoration: var(--bal-link-text-decoration);
          text-decoration: var(--bal-link-text-decoration);
  text-underline-offset: var(--bal-link-text-underline-offset);
  text-decoration-thickness: var(--bal-link-text-decoration-thickness);
}
@media (hover: hover) and (pointer: fine) {
  .button.is-link:hover, .button.is-link.is-hovered {
    -webkit-text-decoration: var(--bal-link-text-decoration);
            text-decoration: var(--bal-link-text-decoration);
    text-underline-offset: var(--bal-link-text-underline-offset);
    text-decoration-thickness: var(--bal-link-text-decoration-thickness);
    background: var(--bal-link-background);
    border-color: var(--bal-link-border-color);
    color: var(--bal-link-color-hover);
  }
  .button.is-link:hover svg,
  .button.is-link:hover g,
  .button.is-link:hover path,
  .button.is-link:hover circle, .button.is-link.is-hovered svg,
  .button.is-link.is-hovered g,
  .button.is-link.is-hovered path,
  .button.is-link.is-hovered circle {
    fill: var(--bal-link-color-hover);
  }
}
.button.is-link:active, .button.is-link.is-active {
  -webkit-text-decoration: var(--bal-link-text-decoration);
          text-decoration: var(--bal-link-text-decoration);
  text-underline-offset: var(--bal-link-text-underline-offset);
  text-decoration-thickness: var(--bal-link-text-decoration-thickness);
  background: var(--bal-link-background);
  border-color: var(--bal-link-border-color);
  color: var(--bal-link-color-active);
}
.button.is-link:active svg,
.button.is-link:active g,
.button.is-link:active path,
.button.is-link:active circle, .button.is-link.is-active svg,
.button.is-link.is-active g,
.button.is-link.is-active path,
.button.is-link.is-active circle {
  fill: var(--bal-link-color-active);
}
@media (hover: hover) and (pointer: fine) {
  .button.is-tertiary:hover, .button.is-tertiary.is-hovered, .button.is-text:hover, .button.is-text.is-hovered {
    background: var(--bal-button-text-background-hover);
    border-color: var(--bal-button-text-border-color-hover);
    color: var(--bal-link-color-hover);
  }
  .button.is-tertiary:hover svg,
  .button.is-tertiary:hover g,
  .button.is-tertiary:hover path,
  .button.is-tertiary:hover circle, .button.is-tertiary.is-hovered svg,
  .button.is-tertiary.is-hovered g,
  .button.is-tertiary.is-hovered path,
  .button.is-tertiary.is-hovered circle, .button.is-text:hover svg,
  .button.is-text:hover g,
  .button.is-text:hover path,
  .button.is-text:hover circle, .button.is-text.is-hovered svg,
  .button.is-text.is-hovered g,
  .button.is-text.is-hovered path,
  .button.is-text.is-hovered circle {
    fill: var(--bal-link-color-hover);
  }
}
.button.is-tertiary:active, .button.is-tertiary.is-active, .button.is-text:active, .button.is-text.is-active {
  background: var(--bal-button-text-background-active);
  border-color: var(--bal-button-text-border-color-active);
  color: var(--bal-link-color-active);
}
.button.is-tertiary:active svg,
.button.is-tertiary:active g,
.button.is-tertiary:active path,
.button.is-tertiary:active circle, .button.is-tertiary.is-active svg,
.button.is-tertiary.is-active g,
.button.is-tertiary.is-active path,
.button.is-tertiary.is-active circle, .button.is-text:active svg,
.button.is-text:active g,
.button.is-text:active path,
.button.is-text:active circle, .button.is-text.is-active svg,
.button.is-text.is-active g,
.button.is-text.is-active path,
.button.is-text.is-active circle {
  fill: var(--bal-link-color-active);
}
.button.is-info-light {
  background: var(--bal-color-info-1);
  border-color: var(--bal-color-info-5);
  color: var(--bal-color-primary);
}
.button.is-info-light svg,
.button.is-info-light g,
.button.is-info-light path,
.button.is-info-light circle {
  fill: var(--bal-color-primary);
}
@media (hover: hover) and (pointer: fine) {
  .button.is-info-light:hover, .button.is-info-light.is-hovered {
    background: var(--bal-color-info-5);
    border-color: var(--bal-color-info-5);
    color: var(--bal-color-white);
  }
  .button.is-info-light:hover svg,
  .button.is-info-light:hover g,
  .button.is-info-light:hover path,
  .button.is-info-light:hover circle, .button.is-info-light.is-hovered svg,
  .button.is-info-light.is-hovered g,
  .button.is-info-light.is-hovered path,
  .button.is-info-light.is-hovered circle {
    fill: var(--bal-color-white);
  }
}
.button.is-info-light:active, .button.is-info-light.is-active {
  background: var(--bal-color-info-6);
  border-color: var(--bal-color-info-6);
  color: var(--bal-color-white);
}
.button.is-info-light:active svg,
.button.is-info-light:active g,
.button.is-info-light:active path,
.button.is-info-light:active circle, .button.is-info-light.is-active svg,
.button.is-info-light.is-active g,
.button.is-info-light.is-active path,
.button.is-info-light.is-active circle {
  fill: var(--bal-color-white);
}
.button.is-success {
  background: var(--bal-button-success-background);
  border-color: var(--bal-button-success-border-color);
  color: var(--bal-button-success-color);
}
.button.is-success svg,
.button.is-success g,
.button.is-success path,
.button.is-success circle {
  fill: var(--bal-button-success-color);
}
@media (hover: hover) and (pointer: fine) {
  .button.is-success:hover, .button.is-success.is-hovered {
    background: var(--bal-button-success-background-hover);
    border-color: var(--bal-button-success-border-color-hover);
    color: var(--bal-button-success-color-hover);
  }
  .button.is-success:hover svg,
  .button.is-success:hover g,
  .button.is-success:hover path,
  .button.is-success:hover circle, .button.is-success.is-hovered svg,
  .button.is-success.is-hovered g,
  .button.is-success.is-hovered path,
  .button.is-success.is-hovered circle {
    fill: var(--bal-button-success-color-hover);
  }
}
.button.is-success:active, .button.is-success.is-active {
  background: var(--bal-button-success-background-active);
  border-color: var(--bal-button-success-background-active);
  color: var(--bal-button-success-color-active);
}
.button.is-success:active svg,
.button.is-success:active g,
.button.is-success:active path,
.button.is-success:active circle, .button.is-success.is-active svg,
.button.is-success.is-active g,
.button.is-success.is-active path,
.button.is-success.is-active circle {
  fill: var(--bal-button-success-color-active);
}
.button.is-warning {
  background: var(--bal-button-warning-background);
  border-color: var(--bal-button-warning-border-color);
  color: var(--bal-button-warning-color);
}
.button.is-warning svg,
.button.is-warning g,
.button.is-warning path,
.button.is-warning circle {
  fill: var(--bal-button-warning-color);
}
@media (hover: hover) and (pointer: fine) {
  .button.is-warning:hover, .button.is-warning.is-hovered {
    background: var(--bal-button-warning-background-hover);
    border-color: var(--bal-button-warning-border-color-hover);
    color: var(--bal-button-warning-color-hover);
  }
  .button.is-warning:hover svg,
  .button.is-warning:hover g,
  .button.is-warning:hover path,
  .button.is-warning:hover circle, .button.is-warning.is-hovered svg,
  .button.is-warning.is-hovered g,
  .button.is-warning.is-hovered path,
  .button.is-warning.is-hovered circle {
    fill: var(--bal-button-warning-color-hover);
  }
}
.button.is-warning:active, .button.is-warning.is-active {
  background: var(--bal-button-warning-background-active);
  border-color: var(--bal-button-warning-background-active);
  color: var(--bal-button-warning-color-active);
}
.button.is-warning:active svg,
.button.is-warning:active g,
.button.is-warning:active path,
.button.is-warning:active circle, .button.is-warning.is-active svg,
.button.is-warning.is-active g,
.button.is-warning.is-active path,
.button.is-warning.is-active circle {
  fill: var(--bal-button-warning-color-active);
}
.button.is-danger {
  background: var(--bal-button-danger-background);
  border-color: var(--bal-button-danger-border-color);
  color: var(--bal-button-danger-color);
}
.button.is-danger svg,
.button.is-danger g,
.button.is-danger path,
.button.is-danger circle {
  fill: var(--bal-button-danger-color);
}
@media (hover: hover) and (pointer: fine) {
  .button.is-danger:hover, .button.is-danger.is-hovered {
    background: var(--bal-button-danger-background-hover);
    border-color: var(--bal-button-danger-border-color-hover);
    color: var(--bal-button-danger-color-hover);
  }
  .button.is-danger:hover svg,
  .button.is-danger:hover g,
  .button.is-danger:hover path,
  .button.is-danger:hover circle, .button.is-danger.is-hovered svg,
  .button.is-danger.is-hovered g,
  .button.is-danger.is-hovered path,
  .button.is-danger.is-hovered circle {
    fill: var(--bal-button-danger-color-hover);
  }
}
.button.is-danger:active, .button.is-danger.is-active {
  background: var(--bal-button-danger-background-active);
  border-color: var(--bal-button-danger-background-active);
  color: var(--bal-button-danger-color-active);
}
.button.is-danger:active svg,
.button.is-danger:active g,
.button.is-danger:active path,
.button.is-danger:active circle, .button.is-danger.is-active svg,
.button.is-danger.is-active g,
.button.is-danger.is-active path,
.button.is-danger.is-active circle {
  fill: var(--bal-button-danger-color-active);
}
.button.is-light {
  background: var(--bal-button-light-background);
  border-color: var(--bal-button-light-border-color);
  color: var(--bal-button-light-color);
}
.button.is-light svg,
.button.is-light g,
.button.is-light path,
.button.is-light circle {
  fill: var(--bal-button-light-color);
}
@media (hover: hover) and (pointer: fine) {
  .button.is-light:hover, .button.is-light.is-hovered {
    background: var(--bal-button-light-background-hover);
    border-color: var(--bal-button-light-border-color-hover);
    color: var(--bal-button-light-color-hover);
  }
  .button.is-light:hover svg,
  .button.is-light:hover g,
  .button.is-light:hover path,
  .button.is-light:hover circle, .button.is-light.is-hovered svg,
  .button.is-light.is-hovered g,
  .button.is-light.is-hovered path,
  .button.is-light.is-hovered circle {
    fill: var(--bal-button-light-color-hover);
  }
}
.button.is-light:active, .button.is-light.is-active {
  background: var(--bal-button-light-background-active);
  border-color: var(--bal-button-light-border-color-active);
  color: var(--bal-button-light-color-active);
}
.button.is-light:active svg,
.button.is-light:active g,
.button.is-light:active path,
.button.is-light:active circle, .button.is-light.is-active svg,
.button.is-light.is-active g,
.button.is-light.is-active path,
.button.is-light.is-active circle {
  fill: var(--bal-button-light-color-active);
}
.button.is-inverted {
  background: var(--bal-button-inverted-background);
  border-color: var(--bal-button-inverted-border-color);
  color: var(--bal-button-inverted-color);
}
.button.is-inverted svg,
.button.is-inverted g,
.button.is-inverted path,
.button.is-inverted circle {
  fill: var(--bal-button-inverted-color);
}
@media (hover: hover) and (pointer: fine) {
  .button.is-inverted:hover, .button.is-inverted.is-hovered {
    background: var(--bal-button-inverted-background-hover);
    border-color: var(--bal-button-inverted-border-color-hover);
    color: var(--bal-button-inverted-color-hover);
  }
  .button.is-inverted:hover svg,
  .button.is-inverted:hover g,
  .button.is-inverted:hover path,
  .button.is-inverted:hover circle, .button.is-inverted.is-hovered svg,
  .button.is-inverted.is-hovered g,
  .button.is-inverted.is-hovered path,
  .button.is-inverted.is-hovered circle {
    fill: var(--bal-button-inverted-color-hover);
  }
}
.button.is-inverted:active, .button.is-inverted.is-active {
  background: var(--bal-button-inverted-background-active);
  border-color: var(--bal-button-inverted-border-color-active);
  color: var(--bal-button-inverted-color-active);
}
.button.is-inverted:active svg,
.button.is-inverted:active g,
.button.is-inverted:active path,
.button.is-inverted:active circle, .button.is-inverted.is-active svg,
.button.is-inverted.is-active g,
.button.is-inverted.is-active path,
.button.is-inverted.is-active circle {
  fill: var(--bal-button-inverted-color-active);
}
.button.is-inverted.is-primary {
  background: var(--bal-button-inverted-primary-background);
  border-color: var(--bal-button-inverted-primary-border-color);
  color: var(--bal-button-inverted-primary-color);
}
.button.is-inverted.is-primary svg,
.button.is-inverted.is-primary g,
.button.is-inverted.is-primary path,
.button.is-inverted.is-primary circle {
  fill: var(--bal-button-inverted-primary-color);
}
@media (hover: hover) and (pointer: fine) {
  .button.is-inverted.is-primary:hover, .button.is-inverted.is-primary.is-hovered {
    background: var(--bal-button-inverted-primary-background-hover);
    border-color: var(--bal-button-inverted-primary-border-color-hover);
    color: var(--bal-button-inverted-primary-color-hover);
  }
  .button.is-inverted.is-primary:hover svg,
  .button.is-inverted.is-primary:hover g,
  .button.is-inverted.is-primary:hover path,
  .button.is-inverted.is-primary:hover circle, .button.is-inverted.is-primary.is-hovered svg,
  .button.is-inverted.is-primary.is-hovered g,
  .button.is-inverted.is-primary.is-hovered path,
  .button.is-inverted.is-primary.is-hovered circle {
    fill: var(--bal-button-inverted-primary-color-hover);
  }
}
.button.is-inverted.is-primary:active, .button.is-inverted.is-primary.is-active {
  background: var(--bal-button-inverted-primary-background-active);
  border-color: var(--bal-button-inverted-primary-border-color-active);
  color: var(--bal-button-inverted-primary-color-active);
}
.button.is-inverted.is-primary:active svg,
.button.is-inverted.is-primary:active g,
.button.is-inverted.is-primary:active path,
.button.is-inverted.is-primary:active circle, .button.is-inverted.is-primary.is-active svg,
.button.is-inverted.is-primary.is-active g,
.button.is-inverted.is-primary.is-active path,
.button.is-inverted.is-primary.is-active circle {
  fill: var(--bal-button-inverted-primary-color-active);
}
.button.is-inverted.is-tertiary, .button.is-inverted.is-tertiary-purple, .button.is-inverted.is-tertiary-red, .button.is-inverted.is-tertiary-yellow, .button.is-inverted.is-tertiary-green, .button.is-inverted.is-link, .button.is-inverted.is-text {
  background: var(--bal-button-inverted-text-background);
  border-color: var(--bal-button-inverted-text-border-color);
  color: var(--bal-button-inverted-text-color);
}
.button.is-inverted.is-tertiary svg,
.button.is-inverted.is-tertiary g,
.button.is-inverted.is-tertiary path,
.button.is-inverted.is-tertiary circle, .button.is-inverted.is-tertiary-purple svg,
.button.is-inverted.is-tertiary-purple g,
.button.is-inverted.is-tertiary-purple path,
.button.is-inverted.is-tertiary-purple circle, .button.is-inverted.is-tertiary-red svg,
.button.is-inverted.is-tertiary-red g,
.button.is-inverted.is-tertiary-red path,
.button.is-inverted.is-tertiary-red circle, .button.is-inverted.is-tertiary-yellow svg,
.button.is-inverted.is-tertiary-yellow g,
.button.is-inverted.is-tertiary-yellow path,
.button.is-inverted.is-tertiary-yellow circle, .button.is-inverted.is-tertiary-green svg,
.button.is-inverted.is-tertiary-green g,
.button.is-inverted.is-tertiary-green path,
.button.is-inverted.is-tertiary-green circle, .button.is-inverted.is-link svg,
.button.is-inverted.is-link g,
.button.is-inverted.is-link path,
.button.is-inverted.is-link circle, .button.is-inverted.is-text svg,
.button.is-inverted.is-text g,
.button.is-inverted.is-text path,
.button.is-inverted.is-text circle {
  fill: var(--bal-button-inverted-text-color);
}
@media (hover: hover) and (pointer: fine) {
  .button.is-inverted.is-tertiary:hover, .button.is-inverted.is-tertiary.is-hovered, .button.is-inverted.is-tertiary-purple:hover, .button.is-inverted.is-tertiary-purple.is-hovered, .button.is-inverted.is-tertiary-red:hover, .button.is-inverted.is-tertiary-red.is-hovered, .button.is-inverted.is-tertiary-yellow:hover, .button.is-inverted.is-tertiary-yellow.is-hovered, .button.is-inverted.is-tertiary-green:hover, .button.is-inverted.is-tertiary-green.is-hovered, .button.is-inverted.is-link:hover, .button.is-inverted.is-link.is-hovered, .button.is-inverted.is-text:hover, .button.is-inverted.is-text.is-hovered {
    background: var(--bal-button-inverted-text-background-hover);
    border-color: var(--bal-button-inverted-text-border-color-hover);
    color: var(--bal-button-inverted-text-color-hover);
  }
  .button.is-inverted.is-tertiary:hover svg,
  .button.is-inverted.is-tertiary:hover g,
  .button.is-inverted.is-tertiary:hover path,
  .button.is-inverted.is-tertiary:hover circle, .button.is-inverted.is-tertiary.is-hovered svg,
  .button.is-inverted.is-tertiary.is-hovered g,
  .button.is-inverted.is-tertiary.is-hovered path,
  .button.is-inverted.is-tertiary.is-hovered circle, .button.is-inverted.is-tertiary-purple:hover svg,
  .button.is-inverted.is-tertiary-purple:hover g,
  .button.is-inverted.is-tertiary-purple:hover path,
  .button.is-inverted.is-tertiary-purple:hover circle, .button.is-inverted.is-tertiary-purple.is-hovered svg,
  .button.is-inverted.is-tertiary-purple.is-hovered g,
  .button.is-inverted.is-tertiary-purple.is-hovered path,
  .button.is-inverted.is-tertiary-purple.is-hovered circle, .button.is-inverted.is-tertiary-red:hover svg,
  .button.is-inverted.is-tertiary-red:hover g,
  .button.is-inverted.is-tertiary-red:hover path,
  .button.is-inverted.is-tertiary-red:hover circle, .button.is-inverted.is-tertiary-red.is-hovered svg,
  .button.is-inverted.is-tertiary-red.is-hovered g,
  .button.is-inverted.is-tertiary-red.is-hovered path,
  .button.is-inverted.is-tertiary-red.is-hovered circle, .button.is-inverted.is-tertiary-yellow:hover svg,
  .button.is-inverted.is-tertiary-yellow:hover g,
  .button.is-inverted.is-tertiary-yellow:hover path,
  .button.is-inverted.is-tertiary-yellow:hover circle, .button.is-inverted.is-tertiary-yellow.is-hovered svg,
  .button.is-inverted.is-tertiary-yellow.is-hovered g,
  .button.is-inverted.is-tertiary-yellow.is-hovered path,
  .button.is-inverted.is-tertiary-yellow.is-hovered circle, .button.is-inverted.is-tertiary-green:hover svg,
  .button.is-inverted.is-tertiary-green:hover g,
  .button.is-inverted.is-tertiary-green:hover path,
  .button.is-inverted.is-tertiary-green:hover circle, .button.is-inverted.is-tertiary-green.is-hovered svg,
  .button.is-inverted.is-tertiary-green.is-hovered g,
  .button.is-inverted.is-tertiary-green.is-hovered path,
  .button.is-inverted.is-tertiary-green.is-hovered circle, .button.is-inverted.is-link:hover svg,
  .button.is-inverted.is-link:hover g,
  .button.is-inverted.is-link:hover path,
  .button.is-inverted.is-link:hover circle, .button.is-inverted.is-link.is-hovered svg,
  .button.is-inverted.is-link.is-hovered g,
  .button.is-inverted.is-link.is-hovered path,
  .button.is-inverted.is-link.is-hovered circle, .button.is-inverted.is-text:hover svg,
  .button.is-inverted.is-text:hover g,
  .button.is-inverted.is-text:hover path,
  .button.is-inverted.is-text:hover circle, .button.is-inverted.is-text.is-hovered svg,
  .button.is-inverted.is-text.is-hovered g,
  .button.is-inverted.is-text.is-hovered path,
  .button.is-inverted.is-text.is-hovered circle {
    fill: var(--bal-button-inverted-text-color-hover);
  }
}
.button.is-inverted.is-tertiary:active, .button.is-inverted.is-tertiary.is-active, .button.is-inverted.is-tertiary-purple:active, .button.is-inverted.is-tertiary-purple.is-active, .button.is-inverted.is-tertiary-red:active, .button.is-inverted.is-tertiary-red.is-active, .button.is-inverted.is-tertiary-yellow:active, .button.is-inverted.is-tertiary-yellow.is-active, .button.is-inverted.is-tertiary-green:active, .button.is-inverted.is-tertiary-green.is-active, .button.is-inverted.is-link:active, .button.is-inverted.is-link.is-active, .button.is-inverted.is-text:active, .button.is-inverted.is-text.is-active {
  background: var(--bal-button-inverted-text-background-active);
  border-color: var(--bal-button-inverted-text-border-color-active);
  color: var(--bal-button-inverted-text-color-active);
}
.button.is-inverted.is-tertiary:active svg,
.button.is-inverted.is-tertiary:active g,
.button.is-inverted.is-tertiary:active path,
.button.is-inverted.is-tertiary:active circle, .button.is-inverted.is-tertiary.is-active svg,
.button.is-inverted.is-tertiary.is-active g,
.button.is-inverted.is-tertiary.is-active path,
.button.is-inverted.is-tertiary.is-active circle, .button.is-inverted.is-tertiary-purple:active svg,
.button.is-inverted.is-tertiary-purple:active g,
.button.is-inverted.is-tertiary-purple:active path,
.button.is-inverted.is-tertiary-purple:active circle, .button.is-inverted.is-tertiary-purple.is-active svg,
.button.is-inverted.is-tertiary-purple.is-active g,
.button.is-inverted.is-tertiary-purple.is-active path,
.button.is-inverted.is-tertiary-purple.is-active circle, .button.is-inverted.is-tertiary-red:active svg,
.button.is-inverted.is-tertiary-red:active g,
.button.is-inverted.is-tertiary-red:active path,
.button.is-inverted.is-tertiary-red:active circle, .button.is-inverted.is-tertiary-red.is-active svg,
.button.is-inverted.is-tertiary-red.is-active g,
.button.is-inverted.is-tertiary-red.is-active path,
.button.is-inverted.is-tertiary-red.is-active circle, .button.is-inverted.is-tertiary-yellow:active svg,
.button.is-inverted.is-tertiary-yellow:active g,
.button.is-inverted.is-tertiary-yellow:active path,
.button.is-inverted.is-tertiary-yellow:active circle, .button.is-inverted.is-tertiary-yellow.is-active svg,
.button.is-inverted.is-tertiary-yellow.is-active g,
.button.is-inverted.is-tertiary-yellow.is-active path,
.button.is-inverted.is-tertiary-yellow.is-active circle, .button.is-inverted.is-tertiary-green:active svg,
.button.is-inverted.is-tertiary-green:active g,
.button.is-inverted.is-tertiary-green:active path,
.button.is-inverted.is-tertiary-green:active circle, .button.is-inverted.is-tertiary-green.is-active svg,
.button.is-inverted.is-tertiary-green.is-active g,
.button.is-inverted.is-tertiary-green.is-active path,
.button.is-inverted.is-tertiary-green.is-active circle, .button.is-inverted.is-link:active svg,
.button.is-inverted.is-link:active g,
.button.is-inverted.is-link:active path,
.button.is-inverted.is-link:active circle, .button.is-inverted.is-link.is-active svg,
.button.is-inverted.is-link.is-active g,
.button.is-inverted.is-link.is-active path,
.button.is-inverted.is-link.is-active circle, .button.is-inverted.is-text:active svg,
.button.is-inverted.is-text:active g,
.button.is-inverted.is-text:active path,
.button.is-inverted.is-text:active circle, .button.is-inverted.is-text.is-active svg,
.button.is-inverted.is-text.is-active g,
.button.is-inverted.is-text.is-active path,
.button.is-inverted.is-text.is-active circle {
  fill: var(--bal-button-inverted-text-color-active);
}
.button.is-inverted.is-light {
  background: var(--bal-button-inverted-light-background);
  border-color: var(--bal-button-inverted-light-border-color);
  color: var(--bal-button-inverted-light-color);
}
.button.is-inverted.is-light svg,
.button.is-inverted.is-light g,
.button.is-inverted.is-light path,
.button.is-inverted.is-light circle {
  fill: var(--bal-button-inverted-light-color);
}
@media (hover: hover) and (pointer: fine) {
  .button.is-inverted.is-light:hover, .button.is-inverted.is-light.is-hovered {
    background: var(--bal-button-inverted-light-background-hover);
    border-color: var(--bal-button-inverted-light-border-color-hover);
    color: var(--bal-button-inverted-light-color-hover);
  }
  .button.is-inverted.is-light:hover svg,
  .button.is-inverted.is-light:hover g,
  .button.is-inverted.is-light:hover path,
  .button.is-inverted.is-light:hover circle, .button.is-inverted.is-light.is-hovered svg,
  .button.is-inverted.is-light.is-hovered g,
  .button.is-inverted.is-light.is-hovered path,
  .button.is-inverted.is-light.is-hovered circle {
    fill: var(--bal-button-inverted-light-color-hover);
  }
}
.button.is-inverted.is-light:active, .button.is-inverted.is-light.is-active {
  background: var(--bal-button-inverted-light-background-active);
  border-color: var(--bal-button-inverted-light-border-color-active);
  color: var(--bal-button-inverted-light-color-active);
}
.button.is-inverted.is-light:active svg,
.button.is-inverted.is-light:active g,
.button.is-inverted.is-light:active path,
.button.is-inverted.is-light:active circle, .button.is-inverted.is-light.is-active svg,
.button.is-inverted.is-light.is-active g,
.button.is-inverted.is-light.is-active path,
.button.is-inverted.is-light.is-active circle {
  fill: var(--bal-button-inverted-light-color-active);
}
.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 {
  background: var(--bal-button-disablde-background);
  border-color: var(--bal-button-disablde-border-color);
  color: var(--bal-button-disablde-color);
  opacity: 1;
}
.button.is-disabled.is-inverted svg,
.button.is-disabled.is-inverted g,
.button.is-disabled.is-inverted path,
.button.is-disabled.is-inverted circle, .button.is-disabled svg,
.button.is-disabled g,
.button.is-disabled path,
.button.is-disabled circle, .button.is-disabled:hover svg,
.button.is-disabled:hover g,
.button.is-disabled:hover path,
.button.is-disabled:hover circle, .button.is-disabled:active svg,
.button.is-disabled:active g,
.button.is-disabled:active path,
.button.is-disabled:active circle, .button.is-disabled:focus svg,
.button.is-disabled:focus g,
.button.is-disabled:focus path,
.button.is-disabled:focus circle, .button.is-inverted:disabled svg,
.button.is-inverted:disabled g,
.button.is-inverted:disabled path,
.button.is-inverted:disabled circle, .button:disabled svg,
.button:disabled g,
.button:disabled path,
.button:disabled circle {
  fill: var(--bal-button-disablde-color);
}
.button.is-disabled.is-inverted > span::after, .button.is-disabled > span::after, .button.is-disabled:hover > span::after, .button.is-disabled:active > span::after, .button.is-disabled:focus > span::after, .button.is-inverted:disabled > span::after, .button:disabled > span::after {
  display: none;
  content: none;
}

.buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.buttons .button {
  margin-bottom: 0.5rem;
}
.buttons .button:not(:last-child):not(.is-fullwidth) {
  margin-right: 0.5rem;
}
.buttons:last-child {
  margin-bottom: -0.5rem;
}
.buttons:not(:last-child) {
  margin-bottom: 1rem;
}
.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) {
  border-radius: var(--bal-button-radius);
  font-size: var(--bal-button-small-font-size);
}
.buttons.has-addons .button:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.buttons.has-addons .button:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  margin-right: -1px;
}
.buttons.has-addons .button:last-child {
  margin-right: 0;
}
.buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered {
  z-index: 2;
}
.buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected {
  z-index: 3;
}
.buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover {
  z-index: 4;
}
.buttons.has-addons .button.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.buttons.is-centered {
  justify-content: center;
}
.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.buttons.is-right {
  justify-content: flex-end;
}
.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.container {
  flex-grow: 1;
  margin: 0 auto;
  position: relative;
  width: auto;
  width: 100% !important;
  padding-left: var(--bal-container-space);
  padding-right: var(--bal-container-space);
}
.container.is-fluid {
  max-width: var(--bal-container-size-fluid) !important;
}
.container.is-detail-page {
  max-width: var(--bal-container-size-detail-page) !important;
}
.container.is-compact {
  max-width: var(--bal-container-size-compact) !important;
}
.container.is-blog-page {
  max-width: var(--bal-container-size-blog-page) !important;
}
@media screen and (min-width: 769px), print {
  .container {
    padding-left: var(--bal-container-space-tablet);
    padding-right: var(--bal-container-space-tablet);
  }
}
@media screen and (min-width: 1024px) {
  .container {
    padding-left: var(--bal-container-space-desktop);
    padding-right: var(--bal-container-space-desktop);
    max-width: var(--bal-container-size-normal);
  }
}

.grid {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
}

.col {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: var(--bal-column-gap);
}
.grid.is-mobile > .col.is-narrow {
  flex: none;
  width: unset;
}
.grid.is-mobile > .col.is-full {
  flex: none;
  width: 100%;
}
.grid.is-mobile > .col.is-three-quarters {
  flex: none;
  width: 75%;
}
.grid.is-mobile > .col.is-two-thirds {
  flex: none;
  width: 66.6666%;
}
.grid.is-mobile > .col.is-half {
  flex: none;
  width: 50%;
}
.grid.is-mobile > .col.is-one-third {
  flex: none;
  width: 33.3333%;
}
.grid.is-mobile > .col.is-one-quarter {
  flex: none;
  width: 25%;
}
.grid.is-mobile > .col.is-one-fifth {
  flex: none;
  width: 20%;
}
.grid.is-mobile > .col.is-two-fifths {
  flex: none;
  width: 40%;
}
.grid.is-mobile > .col.is-three-fifths {
  flex: none;
  width: 60%;
}
.grid.is-mobile > .col.is-four-fifths {
  flex: none;
  width: 80%;
}
.grid.is-mobile > .col.is-offset-three-quarters {
  margin-left: 75%;
}
.grid.is-mobile > .col.is-offset-two-thirds {
  margin-left: 66.6666%;
}
.grid.is-mobile > .col.is-offset-half {
  margin-left: 50%;
}
.grid.is-mobile > .col.is-offset-one-third {
  margin-left: 33.3333%;
}
.grid.is-mobile > .col.is-offset-one-quarter {
  margin-left: 25%;
}
.grid.is-mobile > .col.is-offset-one-fifth {
  margin-left: 20%;
}
.grid.is-mobile > .col.is-offset-two-fifths {
  margin-left: 40%;
}
.grid.is-mobile > .col.is-offset-three-fifths {
  margin-left: 60%;
}
.grid.is-mobile > .col.is-offset-four-fifths {
  margin-left: 80%;
}
.grid.is-mobile > .col.is-0 {
  flex: none;
  width: 0%;
}
.grid.is-mobile > .col.is-offset-0 {
  margin-left: 0%;
}
.grid.is-mobile > .col.is-1 {
  flex: none;
  width: 8.3333333333%;
}
.grid.is-mobile > .col.is-offset-1 {
  margin-left: 8.3333333333%;
}
.grid.is-mobile > .col.is-2 {
  flex: none;
  width: 16.6666666667%;
}
.grid.is-mobile > .col.is-offset-2 {
  margin-left: 16.6666666667%;
}
.grid.is-mobile > .col.is-3 {
  flex: none;
  width: 25%;
}
.grid.is-mobile > .col.is-offset-3 {
  margin-left: 25%;
}
.grid.is-mobile > .col.is-4 {
  flex: none;
  width: 33.3333333333%;
}
.grid.is-mobile > .col.is-offset-4 {
  margin-left: 33.3333333333%;
}
.grid.is-mobile > .col.is-5 {
  flex: none;
  width: 41.6666666667%;
}
.grid.is-mobile > .col.is-offset-5 {
  margin-left: 41.6666666667%;
}
.grid.is-mobile > .col.is-6 {
  flex: none;
  width: 50%;
}
.grid.is-mobile > .col.is-offset-6 {
  margin-left: 50%;
}
.grid.is-mobile > .col.is-7 {
  flex: none;
  width: 58.3333333333%;
}
.grid.is-mobile > .col.is-offset-7 {
  margin-left: 58.3333333333%;
}
.grid.is-mobile > .col.is-8 {
  flex: none;
  width: 66.6666666667%;
}
.grid.is-mobile > .col.is-offset-8 {
  margin-left: 66.6666666667%;
}
.grid.is-mobile > .col.is-9 {
  flex: none;
  width: 75%;
}
.grid.is-mobile > .col.is-offset-9 {
  margin-left: 75%;
}
.grid.is-mobile > .col.is-10 {
  flex: none;
  width: 83.3333333333%;
}
.grid.is-mobile > .col.is-offset-10 {
  margin-left: 83.3333333333%;
}
.grid.is-mobile > .col.is-11 {
  flex: none;
  width: 91.6666666667%;
}
.grid.is-mobile > .col.is-offset-11 {
  margin-left: 91.6666666667%;
}
.grid.is-mobile > .col.is-12 {
  flex: none;
  width: 100%;
}
.grid.is-mobile > .col.is-offset-12 {
  margin-left: 100%;
}
@media screen and (max-width: 768px) {
  .col.mobile\:is-narrow {
    flex: none;
    width: unset;
  }
  .col.mobile\:is-full {
    flex: none;
    width: 100%;
  }
  .col.mobile\:is-three-quarters {
    flex: none;
    width: 75%;
  }
  .col.mobile\:is-two-thirds {
    flex: none;
    width: 66.6666%;
  }
  .col.mobile\:is-half {
    flex: none;
    width: 50%;
  }
  .col.mobile\:is-one-third {
    flex: none;
    width: 33.3333%;
  }
  .col.mobile\:is-one-quarter {
    flex: none;
    width: 25%;
  }
  .col.mobile\:is-one-fifth {
    flex: none;
    width: 20%;
  }
  .col.mobile\:is-two-fifths {
    flex: none;
    width: 40%;
  }
  .col.mobile\:is-three-fifths {
    flex: none;
    width: 60%;
  }
  .col.mobile\:is-four-fifths {
    flex: none;
    width: 80%;
  }
  .col.mobile\:is-offset-three-quarters {
    margin-left: 75%;
  }
  .col.mobile\:is-offset-two-thirds {
    margin-left: 66.6666%;
  }
  .col.mobile\:is-offset-half {
    margin-left: 50%;
  }
  .col.mobile\:is-offset-one-third {
    margin-left: 33.3333%;
  }
  .col.mobile\:is-offset-one-quarter {
    margin-left: 25%;
  }
  .col.mobile\:is-offset-one-fifth {
    margin-left: 20%;
  }
  .col.mobile\:is-offset-two-fifths {
    margin-left: 40%;
  }
  .col.mobile\:is-offset-three-fifths {
    margin-left: 60%;
  }
  .col.mobile-offset-four-fifths {
    margin-left: 80%;
  }
  .col.mobile\:is-0 {
    flex: none;
    width: 0%;
  }
  .col.mobile\:is-offset-0 {
    margin-left: 0%;
  }
  .col.mobile\:is-1 {
    flex: none;
    width: 8.3333333333%;
  }
  .col.mobile\:is-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col.mobile\:is-2 {
    flex: none;
    width: 16.6666666667%;
  }
  .col.mobile\:is-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col.mobile\:is-3 {
    flex: none;
    width: 25%;
  }
  .col.mobile\:is-offset-3 {
    margin-left: 25%;
  }
  .col.mobile\:is-4 {
    flex: none;
    width: 33.3333333333%;
  }
  .col.mobile\:is-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col.mobile\:is-5 {
    flex: none;
    width: 41.6666666667%;
  }
  .col.mobile\:is-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col.mobile\:is-6 {
    flex: none;
    width: 50%;
  }
  .col.mobile\:is-offset-6 {
    margin-left: 50%;
  }
  .col.mobile\:is-7 {
    flex: none;
    width: 58.3333333333%;
  }
  .col.mobile\:is-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col.mobile\:is-8 {
    flex: none;
    width: 66.6666666667%;
  }
  .col.mobile\:is-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col.mobile\:is-9 {
    flex: none;
    width: 75%;
  }
  .col.mobile\:is-offset-9 {
    margin-left: 75%;
  }
  .col.mobile\:is-10 {
    flex: none;
    width: 83.3333333333%;
  }
  .col.mobile\:is-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col.mobile\:is-11 {
    flex: none;
    width: 91.6666666667%;
  }
  .col.mobile\:is-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col.mobile\:is-12 {
    flex: none;
    width: 100%;
  }
  .col.mobile\:is-offset-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 769px), print {
  .col.is-narrow, .col.tablet\:is-narrow {
    flex: none;
    width: unset;
  }
  .col.is-full, .col.tablet\:is-full {
    flex: none;
    width: 100%;
  }
  .col.is-three-quarters, .col.tablet\:is-three-quarters {
    flex: none;
    width: 75%;
  }
  .col.is-two-thirds, .col.tablet\:is-two-thirds {
    flex: none;
    width: 66.6666%;
  }
  .col.is-half, .col.tablet\:is-half {
    flex: none;
    width: 50%;
  }
  .col.is-one-third, .col.tablet\:is-one-third {
    flex: none;
    width: 33.3333%;
  }
  .col.is-one-quarter, .col.tablet\:is-one-quarter {
    flex: none;
    width: 25%;
  }
  .col.is-one-fifth, .col.tablet\:is-one-fifth {
    flex: none;
    width: 20%;
  }
  .col.is-two-fifths, .col.tablet\:is-two-fifths {
    flex: none;
    width: 40%;
  }
  .col.is-three-fifths, .col.tablet\:is-three-fifths {
    flex: none;
    width: 60%;
  }
  .col.is-four-fifths, .col.tablet\:is-four-fifths {
    flex: none;
    width: 80%;
  }
  .col.is-offset-three-quarters, .col.tablet\:is-offset-three-quarters {
    margin-left: 75%;
  }
  .col.is-offset-two-thirds, .col.tablet\:is-offset-two-thirds {
    margin-left: 66.6666%;
  }
  .col.is-offset-half, .col.tablet\:is-offset-half {
    margin-left: 50%;
  }
  .col.is-offset-one-third, .col.tablet\:is-offset-one-third {
    margin-left: 33.3333%;
  }
  .col.is-offset-one-quarter, .col.tablet\:is-offset-one-quarter {
    margin-left: 25%;
  }
  .col.is-offset-one-fifth, .col.tablet\:is-offset-one-fifth {
    margin-left: 20%;
  }
  .col.is-offset-two-fifths, .col.tablet\:is-offset-two-fifths {
    margin-left: 40%;
  }
  .col.is-offset-three-fifths, .col.tablet\:is-offset-three-fifths {
    margin-left: 60%;
  }
  .col.is-offset-four-fifths, .col.tablet\:is-offset-four-fifths {
    margin-left: 80%;
  }
  .col.is-0, .col.tablet\:is-0 {
    flex: none;
    width: 0%;
  }
  .col.is-offset-0, .col.tablet\:is-offset-0 {
    margin-left: 0%;
  }
  .col.is-1, .col.tablet\:is-1 {
    flex: none;
    width: 8.3333333333%;
  }
  .col.is-offset-1, .col.tablet\:is-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col.is-2, .col.tablet\:is-2 {
    flex: none;
    width: 16.6666666667%;
  }
  .col.is-offset-2, .col.tablet\:is-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col.is-3, .col.tablet\:is-3 {
    flex: none;
    width: 25%;
  }
  .col.is-offset-3, .col.tablet\:is-offset-3 {
    margin-left: 25%;
  }
  .col.is-4, .col.tablet\:is-4 {
    flex: none;
    width: 33.3333333333%;
  }
  .col.is-offset-4, .col.tablet\:is-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col.is-5, .col.tablet\:is-5 {
    flex: none;
    width: 41.6666666667%;
  }
  .col.is-offset-5, .col.tablet\:is-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col.is-6, .col.tablet\:is-6 {
    flex: none;
    width: 50%;
  }
  .col.is-offset-6, .col.tablet\:is-offset-6 {
    margin-left: 50%;
  }
  .col.is-7, .col.tablet\:is-7 {
    flex: none;
    width: 58.3333333333%;
  }
  .col.is-offset-7, .col.tablet\:is-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col.is-8, .col.tablet\:is-8 {
    flex: none;
    width: 66.6666666667%;
  }
  .col.is-offset-8, .col.tablet\:is-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col.is-9, .col.tablet\:is-9 {
    flex: none;
    width: 75%;
  }
  .col.is-offset-9, .col.tablet\:is-offset-9 {
    margin-left: 75%;
  }
  .col.is-10, .col.tablet\:is-10 {
    flex: none;
    width: 83.3333333333%;
  }
  .col.is-offset-10, .col.tablet\:is-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col.is-11, .col.tablet\:is-11 {
    flex: none;
    width: 91.6666666667%;
  }
  .col.is-offset-11, .col.tablet\:is-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col.is-12, .col.tablet\:is-12 {
    flex: none;
    width: 100%;
  }
  .col.is-offset-12, .col.tablet\:is-offset-12 {
    margin-left: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .col.touch\:is-narrow {
    flex: none;
    width: unset;
  }
  .col.touch\:is-full {
    flex: none;
    width: 100%;
  }
  .col.touch\:is-three-quarters {
    flex: none;
    width: 75%;
  }
  .col.touch\:is-two-thirds {
    flex: none;
    width: 66.6666%;
  }
  .col.touch\:is-half {
    flex: none;
    width: 50%;
  }
  .col.touch\:is-one-third {
    flex: none;
    width: 33.3333%;
  }
  .col.touch\:is-one-quarter {
    flex: none;
    width: 25%;
  }
  .col.touch\:is-one-fifth {
    flex: none;
    width: 20%;
  }
  .col.touch\:is-two-fifths {
    flex: none;
    width: 40%;
  }
  .col.touch\:is-three-fifths {
    flex: none;
    width: 60%;
  }
  .col.touch\:is-four-fifths {
    flex: none;
    width: 80%;
  }
  .col.touch\:is-offset-three-quarters {
    margin-left: 75%;
  }
  .col.touch\:is-offset-two-thirds {
    margin-left: 66.6666%;
  }
  .col.touch\:is-offset-half {
    margin-left: 50%;
  }
  .col.touch\:is-offset-one-third {
    margin-left: 33.3333%;
  }
  .col.touch\:is-offset-one-quarter {
    margin-left: 25%;
  }
  .col.touch\:is-offset-one-fifth {
    margin-left: 20%;
  }
  .col.touch\:is-offset-two-fifths {
    margin-left: 40%;
  }
  .col.touch\:is-offset-three-fifths {
    margin-left: 60%;
  }
  .col.touch\:is-offset-four-fifths {
    margin-left: 80%;
  }
  .col.touch\:is-0 {
    flex: none;
    width: 0%;
  }
  .col.touch\:is-offset-0 {
    margin-left: 0%;
  }
  .col.touch\:is-1 {
    flex: none;
    width: 8.3333333333%;
  }
  .col.touch\:is-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col.touch\:is-2 {
    flex: none;
    width: 16.6666666667%;
  }
  .col.touch\:is-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col.touch\:is-3 {
    flex: none;
    width: 25%;
  }
  .col.touch\:is-offset-3 {
    margin-left: 25%;
  }
  .col.touch\:is-4 {
    flex: none;
    width: 33.3333333333%;
  }
  .col.touch\:is-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col.touch\:is-5 {
    flex: none;
    width: 41.6666666667%;
  }
  .col.touch\:is-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col.touch\:is-6 {
    flex: none;
    width: 50%;
  }
  .col.touch\:is-offset-6 {
    margin-left: 50%;
  }
  .col.touch\:is-7 {
    flex: none;
    width: 58.3333333333%;
  }
  .col.touch\:is-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col.touch\:is-8 {
    flex: none;
    width: 66.6666666667%;
  }
  .col.touch\:is-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col.touch\:is-9 {
    flex: none;
    width: 75%;
  }
  .col.touch\:is-offset-9 {
    margin-left: 75%;
  }
  .col.touch\:is-10 {
    flex: none;
    width: 83.3333333333%;
  }
  .col.touch\:is-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col.touch\:is-11 {
    flex: none;
    width: 91.6666666667%;
  }
  .col.touch\:is-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col.touch\:is-12 {
    flex: none;
    width: 100%;
  }
  .col.touch\:is-offset-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .col.desktop\:is-narrow {
    flex: none;
    width: unset;
  }
  .col.desktop\:is-full {
    flex: none;
    width: 100%;
  }
  .col.desktop\:is-three-quarters {
    flex: none;
    width: 75%;
  }
  .col.desktop\:is-two-thirds {
    flex: none;
    width: 66.6666%;
  }
  .col.desktop\:is-half {
    flex: none;
    width: 50%;
  }
  .col.desktop\:is-one-third {
    flex: none;
    width: 33.3333%;
  }
  .col.desktop\:is-one-quarter {
    flex: none;
    width: 25%;
  }
  .col.desktop\:is-one-fifth {
    flex: none;
    width: 20%;
  }
  .col.desktop\:is-two-fifths {
    flex: none;
    width: 40%;
  }
  .col.desktop\:is-three-fifths {
    flex: none;
    width: 60%;
  }
  .col.desktop\:is-four-fifths {
    flex: none;
    width: 80%;
  }
  .col.desktop\:is-offset-three-quarters {
    margin-left: 75%;
  }
  .col.desktop\:is-offset-two-thirds {
    margin-left: 66.6666%;
  }
  .col.desktop\:is-offset-half {
    margin-left: 50%;
  }
  .col.desktop\:is-offset-one-third {
    margin-left: 33.3333%;
  }
  .col.desktop\:is-offset-one-quarter {
    margin-left: 25%;
  }
  .col.desktop\:is-offset-one-fifth {
    margin-left: 20%;
  }
  .col.desktop\:is-offset-two-fifths {
    margin-left: 40%;
  }
  .col.desktop\:is-offset-three-fifths {
    margin-left: 60%;
  }
  .col.desktop\:is-offset-four-fifths {
    margin-left: 80%;
  }
  .col.desktop\:is-0 {
    flex: none;
    width: 0%;
  }
  .col.desktop\:is-offset-0 {
    margin-left: 0%;
  }
  .col.desktop\:is-1 {
    flex: none;
    width: 8.3333333333%;
  }
  .col.desktop\:is-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col.desktop\:is-2 {
    flex: none;
    width: 16.6666666667%;
  }
  .col.desktop\:is-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col.desktop\:is-3 {
    flex: none;
    width: 25%;
  }
  .col.desktop\:is-offset-3 {
    margin-left: 25%;
  }
  .col.desktop\:is-4 {
    flex: none;
    width: 33.3333333333%;
  }
  .col.desktop\:is-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col.desktop\:is-5 {
    flex: none;
    width: 41.6666666667%;
  }
  .col.desktop\:is-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col.desktop\:is-6 {
    flex: none;
    width: 50%;
  }
  .col.desktop\:is-offset-6 {
    margin-left: 50%;
  }
  .col.desktop\:is-7 {
    flex: none;
    width: 58.3333333333%;
  }
  .col.desktop\:is-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col.desktop\:is-8 {
    flex: none;
    width: 66.6666666667%;
  }
  .col.desktop\:is-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col.desktop\:is-9 {
    flex: none;
    width: 75%;
  }
  .col.desktop\:is-offset-9 {
    margin-left: 75%;
  }
  .col.desktop\:is-10 {
    flex: none;
    width: 83.3333333333%;
  }
  .col.desktop\:is-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col.desktop\:is-11 {
    flex: none;
    width: 91.6666666667%;
  }
  .col.desktop\:is-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col.desktop\:is-12 {
    flex: none;
    width: 100%;
  }
  .col.desktop\:is-offset-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .col.widescreen\:is-narrow {
    flex: none;
    width: unset;
  }
  .col.widescreen\:is-full {
    flex: none;
    width: 100%;
  }
  .col.widescreen\:is-three-quarters {
    flex: none;
    width: 75%;
  }
  .col.widescreen\:is-two-thirds {
    flex: none;
    width: 66.6666%;
  }
  .col.widescreen\:is-half {
    flex: none;
    width: 50%;
  }
  .col.widescreen\:is-one-third {
    flex: none;
    width: 33.3333%;
  }
  .col.widescreen\:is-one-quarter {
    flex: none;
    width: 25%;
  }
  .col.widescreen\:is-one-fifth {
    flex: none;
    width: 20%;
  }
  .col.widescreen\:is-two-fifths {
    flex: none;
    width: 40%;
  }
  .col.widescreen\:is-three-fifths {
    flex: none;
    width: 60%;
  }
  .col.widescreen\:is-four-fifths {
    flex: none;
    width: 80%;
  }
  .col.widescreen\:is-offset-three-quarters {
    margin-left: 75%;
  }
  .col.widescreen\:is-offset-two-thirds {
    margin-left: 66.6666%;
  }
  .col.widescreen\:is-offset-half {
    margin-left: 50%;
  }
  .col.widescreen\:is-offset-one-third {
    margin-left: 33.3333%;
  }
  .col.widescreen\:is-offset-one-quarter {
    margin-left: 25%;
  }
  .col.widescreen\:is-offset-one-fifth {
    margin-left: 20%;
  }
  .col.widescreen\:is-offset-two-fifths {
    margin-left: 40%;
  }
  .col.widescreen\:is-offset-three-fifths {
    margin-left: 60%;
  }
  .col.widescreen\:is-offset-four-fifths {
    margin-left: 80%;
  }
  .col.widescreen\:is-0 {
    flex: none;
    width: 0%;
  }
  .col.widescreen\:is-offset-0 {
    margin-left: 0%;
  }
  .col.widescreen\:is-1 {
    flex: none;
    width: 8.3333333333%;
  }
  .col.widescreen\:is-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col.widescreen\:is-2 {
    flex: none;
    width: 16.6666666667%;
  }
  .col.widescreen\:is-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col.widescreen\:is-3 {
    flex: none;
    width: 25%;
  }
  .col.widescreen\:is-offset-3 {
    margin-left: 25%;
  }
  .col.widescreen\:is-4 {
    flex: none;
    width: 33.3333333333%;
  }
  .col.widescreen\:is-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col.widescreen\:is-5 {
    flex: none;
    width: 41.6666666667%;
  }
  .col.widescreen\:is-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col.widescreen\:is-6 {
    flex: none;
    width: 50%;
  }
  .col.widescreen\:is-offset-6 {
    margin-left: 50%;
  }
  .col.widescreen\:is-7 {
    flex: none;
    width: 58.3333333333%;
  }
  .col.widescreen\:is-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col.widescreen\:is-8 {
    flex: none;
    width: 66.6666666667%;
  }
  .col.widescreen\:is-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col.widescreen\:is-9 {
    flex: none;
    width: 75%;
  }
  .col.widescreen\:is-offset-9 {
    margin-left: 75%;
  }
  .col.widescreen\:is-10 {
    flex: none;
    width: 83.3333333333%;
  }
  .col.widescreen\:is-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col.widescreen\:is-11 {
    flex: none;
    width: 91.6666666667%;
  }
  .col.widescreen\:is-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col.widescreen\:is-12 {
    flex: none;
    width: 100%;
  }
  .col.widescreen\:is-offset-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1920px) {
  .col.fullhd\:is-narrow {
    flex: none;
    width: unset;
  }
  .col.fullhd\:is-full {
    flex: none;
    width: 100%;
  }
  .col.fullhd\:is-three-quarters {
    flex: none;
    width: 75%;
  }
  .col.fullhd\:is-two-thirds {
    flex: none;
    width: 66.6666%;
  }
  .col.fullhd\:is-half {
    flex: none;
    width: 50%;
  }
  .col.fullhd\:is-one-third {
    flex: none;
    width: 33.3333%;
  }
  .col.fullhd\:is-one-quarter {
    flex: none;
    width: 25%;
  }
  .col.fullhd\:is-one-fifth {
    flex: none;
    width: 20%;
  }
  .col.fullhd\:is-two-fifths {
    flex: none;
    width: 40%;
  }
  .col.fullhd\:is-three-fifths {
    flex: none;
    width: 60%;
  }
  .col.fullhd\:is-four-fifths {
    flex: none;
    width: 80%;
  }
  .col.fullhd\:is-offset-three-quarters {
    margin-left: 75%;
  }
  .col.fullhd\:is-offset-two-thirds {
    margin-left: 66.6666%;
  }
  .col.fullhd\:is-offset-half {
    margin-left: 50%;
  }
  .col.fullhd\:is-offset-one-third {
    margin-left: 33.3333%;
  }
  .col.fullhd\:is-offset-one-quarter {
    margin-left: 25%;
  }
  .col.fullhd\:is-offset-one-fifth {
    margin-left: 20%;
  }
  .col.fullhd\:is-offset-two-fifths {
    margin-left: 40%;
  }
  .col.fullhd\:is-offset-three-fifths {
    margin-left: 60%;
  }
  .col.fullhd\:is-offset-four-fifths {
    margin-left: 80%;
  }
  .col.fullhd\:is-0 {
    flex: none;
    width: 0%;
  }
  .col.fullhd\:is-offset-0 {
    margin-left: 0%;
  }
  .col.fullhd\:is-1 {
    flex: none;
    width: 8.3333333333%;
  }
  .col.fullhd\:is-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col.fullhd\:is-2 {
    flex: none;
    width: 16.6666666667%;
  }
  .col.fullhd\:is-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col.fullhd\:is-3 {
    flex: none;
    width: 25%;
  }
  .col.fullhd\:is-offset-3 {
    margin-left: 25%;
  }
  .col.fullhd\:is-4 {
    flex: none;
    width: 33.3333333333%;
  }
  .col.fullhd\:is-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col.fullhd\:is-5 {
    flex: none;
    width: 41.6666666667%;
  }
  .col.fullhd\:is-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col.fullhd\:is-6 {
    flex: none;
    width: 50%;
  }
  .col.fullhd\:is-offset-6 {
    margin-left: 50%;
  }
  .col.fullhd\:is-7 {
    flex: none;
    width: 58.3333333333%;
  }
  .col.fullhd\:is-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col.fullhd\:is-8 {
    flex: none;
    width: 66.6666666667%;
  }
  .col.fullhd\:is-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col.fullhd\:is-9 {
    flex: none;
    width: 75%;
  }
  .col.fullhd\:is-offset-9 {
    margin-left: 75%;
  }
  .col.fullhd\:is-10 {
    flex: none;
    width: 83.3333333333%;
  }
  .col.fullhd\:is-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col.fullhd\:is-11 {
    flex: none;
    width: 91.6666666667%;
  }
  .col.fullhd\:is-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col.fullhd\:is-12 {
    flex: none;
    width: 100%;
  }
  .col.fullhd\:is-offset-12 {
    margin-left: 100%;
  }
}

.grid {
  margin-left: calc(var(--bal-column-gap) * -1);
  margin-right: calc(var(--bal-column-gap) * -1);
  margin-top: calc(var(--bal-column-gap) * -1);
}
.grid:last-child {
  margin-bottom: calc(var(--bal-column-gap) * -1);
}
.grid:not(:last-child) {
  margin-bottom: calc(1.5rem - var(--bal-column-gap));
}
.grid.is-centered {
  justify-content: center;
}
.grid.is-gapless {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.grid.is-gapless > .col {
  margin: 0;
  padding: 0 !important;
}
.grid.is-gapless:not(:last-child) {
  margin-bottom: 1.5rem;
}
.grid.is-gapless:last-child {
  margin-bottom: 0;
}
.grid.is-mobile {
  display: flex;
}
.grid.is-multiline {
  flex-wrap: wrap;
}
.grid.is-vcentered {
  align-items: center;
}
@media screen and (min-width: 769px), print {
  .grid:not(.is-desktop) {
    display: flex;
  }
}
@media screen and (min-width: 1024px) {
  .grid.is-desktop {
    display: flex;
  }
}

a.link:not(.button),
a.is-link:not(.button) {
  color: var(--bal-link-color);
  font-weight: var(--bal-link-font-weight);
  -webkit-text-decoration: var(--bal-link-text-decoration);
          text-decoration: var(--bal-link-text-decoration);
  text-underline-offset: var(--bal-link-text-underline-offset);
  text-decoration-thickness: var(--bal-link-text-decoration-thickness);
  border-radius: var(--bal-link-radius);
}
a.link:not(.button) svg,
a.link:not(.button) g,
a.link:not(.button) path,
a.link:not(.button) circle,
a.is-link:not(.button) svg,
a.is-link:not(.button) g,
a.is-link:not(.button) path,
a.is-link:not(.button) circle {
  fill: var(--bal-link-color);
}
a.link:not(.button):hover,
a.is-link:not(.button):hover {
  -webkit-text-decoration: var(--bal-link-text-decoration);
          text-decoration: var(--bal-link-text-decoration);
  text-decoration-thickness: var(--bal-link-text-decoration-thickness);
  text-underline-offset: var(--bal-link-text-underline-offset);
  color: var(--bal-link-color-hover);
}
a.link:not(.button):hover svg,
a.link:not(.button):hover g,
a.link:not(.button):hover path,
a.link:not(.button):hover circle,
a.is-link:not(.button):hover svg,
a.is-link:not(.button):hover g,
a.is-link:not(.button):hover path,
a.is-link:not(.button):hover circle {
  fill: var(--bal-link-color-hover);
}
a.link:not(.button):active,
a.is-link:not(.button):active {
  -webkit-text-decoration: var(--bal-link-text-decoration);
          text-decoration: var(--bal-link-text-decoration);
  text-decoration-thickness: var(--bal-link-text-decoration-thickness);
  text-underline-offset: var(--bal-link-text-underline-offset);
  color: var(--bal-link-color-active);
}
a.link:not(.button):active svg,
a.link:not(.button):active g,
a.link:not(.button):active path,
a.link:not(.button):active circle,
a.is-link:not(.button):active svg,
a.is-link:not(.button):active g,
a.is-link:not(.button):active path,
a.is-link:not(.button):active circle {
  fill: var(--bal-link-color-active);
}
a.link:not(.button).is-inverted,
a.is-link:not(.button).is-inverted {
  color: var(--bal-link-inverted-color);
}
a.link:not(.button).is-inverted svg,
a.link:not(.button).is-inverted g,
a.link:not(.button).is-inverted path,
a.link:not(.button).is-inverted circle,
a.is-link:not(.button).is-inverted svg,
a.is-link:not(.button).is-inverted g,
a.is-link:not(.button).is-inverted path,
a.is-link:not(.button).is-inverted circle {
  fill: var(--bal-link-inverted-color);
}
a.link:not(.button).is-inverted:hover,
a.is-link:not(.button).is-inverted:hover {
  -webkit-text-decoration: var(--bal-link-text-decoration);
          text-decoration: var(--bal-link-text-decoration);
  text-decoration-thickness: var(--bal-link-text-decoration-thickness);
  text-underline-offset: var(--bal-link-text-underline-offset);
  color: var(--bal-link-inverted-color-hover);
}
a.link:not(.button).is-inverted:hover svg,
a.link:not(.button).is-inverted:hover g,
a.link:not(.button).is-inverted:hover path,
a.link:not(.button).is-inverted:hover circle,
a.is-link:not(.button).is-inverted:hover svg,
a.is-link:not(.button).is-inverted:hover g,
a.is-link:not(.button).is-inverted:hover path,
a.is-link:not(.button).is-inverted:hover circle {
  fill: var(--bal-link-inverted-color-hover);
}
a.link:not(.button).is-inverted:active,
a.is-link:not(.button).is-inverted:active {
  -webkit-text-decoration: var(--bal-link-text-decoration);
          text-decoration: var(--bal-link-text-decoration);
  text-decoration-thickness: var(--bal-link-text-decoration-thickness);
  text-underline-offset: var(--bal-link-text-underline-offset);
  color: var(--bal-link-inverted-color-active);
}
a.link:not(.button).is-inverted:active svg,
a.link:not(.button).is-inverted:active g,
a.link:not(.button).is-inverted:active path,
a.link:not(.button).is-inverted:active circle,
a.is-link:not(.button).is-inverted:active svg,
a.is-link:not(.button).is-inverted:active g,
a.is-link:not(.button).is-inverted:active path,
a.is-link:not(.button).is-inverted:active circle {
  fill: var(--bal-link-inverted-color-active);
}
a.link:not(.button).is-light,
a.is-link:not(.button).is-light {
  -webkit-text-decoration: var(--bal-link-inverted-light-text-decoration);
          text-decoration: var(--bal-link-inverted-light-text-decoration);
  font-weight: var(--bal-link-inverted-light-font-weight);
  color: var(--bal-link-inverted-color);
}
a.link:not(.button).is-light svg,
a.link:not(.button).is-light g,
a.link:not(.button).is-light path,
a.link:not(.button).is-light circle,
a.is-link:not(.button).is-light svg,
a.is-link:not(.button).is-light g,
a.is-link:not(.button).is-light path,
a.is-link:not(.button).is-light circle {
  fill: var(--bal-link-inverted-color);
}
a.link:not(.button).is-light:hover,
a.is-link:not(.button).is-light:hover {
  color: var(--bal-link-inverted-color-hover);
}
a.link:not(.button).is-light:hover svg,
a.link:not(.button).is-light:hover g,
a.link:not(.button).is-light:hover path,
a.link:not(.button).is-light:hover circle,
a.is-link:not(.button).is-light:hover svg,
a.is-link:not(.button).is-light:hover g,
a.is-link:not(.button).is-light:hover path,
a.is-link:not(.button).is-light:hover circle {
  fill: var(--bal-link-inverted-color-hover);
}
a.link:not(.button).is-light:active,
a.is-link:not(.button).is-light:active {
  color: var(--bal-link-inverted-color-active);
}
a.link:not(.button).is-light:active svg,
a.link:not(.button).is-light:active g,
a.link:not(.button).is-light:active path,
a.link:not(.button).is-light:active circle,
a.is-link:not(.button).is-light:active svg,
a.is-link:not(.button).is-light:active g,
a.is-link:not(.button).is-light:active path,
a.is-link:not(.button).is-light:active circle {
  fill: var(--bal-link-inverted-color-active);
}

ol.list,
ul.list,
ol.is-list,
ul.is-list {
  margin-bottom: 1.5rem;
  margin-left: 2rem;
}
@media screen and (min-width: 1024px) {
  ol.list,
  ul.list,
  ol.is-list,
  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,
ul.is-list li {
  -webkit-hyphens: auto;
          hyphens: auto;
  margin-bottom: 1rem;
}
ol.list li:last-child,
ul.list li:last-child,
ol.is-list li:last-child,
ul.is-list li:last-child {
  margin-bottom: 0;
}
ol.list li::marker,
ul.list li::marker,
ol.is-list li::marker,
ul.is-list li::marker {
  color: var(--bal-list-marker-color);
}
ol.list.has-bullet-circle li::marker,
ul.list.has-bullet-circle li::marker,
ol.is-list.has-bullet-circle li::marker,
ul.is-list.has-bullet-circle li::marker {
  content: none;
}
ol.list.has-bullet-circle li::before,
ul.list.has-bullet-circle li::before,
ol.is-list.has-bullet-circle li::before,
ul.is-list.has-bullet-circle li::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
  margin-left: -1.25rem;
  margin-top: 0.313rem;
  border-radius: var(--bal-list-bullet-radius);
  background: var(--bal-list-bullet-background);
}
ol.list.has-bullet-circle.has-bullet-red li::before,
ol.list.has-bullet-circle li.has-bullet-red::before,
ul.list.has-bullet-circle.has-bullet-red li::before,
ul.list.has-bullet-circle li.has-bullet-red::before,
ol.is-list.has-bullet-circle.has-bullet-red li::before,
ol.is-list.has-bullet-circle li.has-bullet-red::before,
ul.is-list.has-bullet-circle.has-bullet-red li::before,
ul.is-list.has-bullet-circle li.has-bullet-red::before {
  background: var(--bal-list-bullet-background-red);
}
ol.list.has-bullet-circle.has-bullet-yellow li::before,
ol.list.has-bullet-circle li.has-bullet-yellow::before,
ul.list.has-bullet-circle.has-bullet-yellow li::before,
ul.list.has-bullet-circle li.has-bullet-yellow::before,
ol.is-list.has-bullet-circle.has-bullet-yellow li::before,
ol.is-list.has-bullet-circle li.has-bullet-yellow::before,
ul.is-list.has-bullet-circle.has-bullet-yellow li::before,
ul.is-list.has-bullet-circle li.has-bullet-yellow::before {
  background: var(--bal-list-bullet-background-yellow);
}
ol.list.has-bullet-circle.has-bullet-green li::before,
ol.list.has-bullet-circle li.has-bullet-green::before,
ul.list.has-bullet-circle.has-bullet-green li::before,
ul.list.has-bullet-circle li.has-bullet-green::before,
ol.is-list.has-bullet-circle.has-bullet-green li::before,
ol.is-list.has-bullet-circle li.has-bullet-green::before,
ul.is-list.has-bullet-circle.has-bullet-green li::before,
ul.is-list.has-bullet-circle li.has-bullet-green::before {
  background: var(--bal-list-bullet-background-green);
}
ol.list.has-bullet-circle.has-bullet-purple li::before,
ol.list.has-bullet-circle li.has-bullet-purple::before,
ul.list.has-bullet-circle.has-bullet-purple li::before,
ul.list.has-bullet-circle li.has-bullet-purple::before,
ol.is-list.has-bullet-circle.has-bullet-purple li::before,
ol.is-list.has-bullet-circle li.has-bullet-purple::before,
ul.is-list.has-bullet-circle.has-bullet-purple li::before,
ul.is-list.has-bullet-circle li.has-bullet-purple::before {
  background: var(--bal-list-bullet-background-purple);
}
ol.list.is-compact,
ul.list.is-compact,
ol.is-list.is-compact,
ul.is-list.is-compact {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
ol.list.is-compact li,
ul.list.is-compact li,
ol.is-list.is-compact li,
ul.is-list.is-compact li {
  margin-bottom: 0.25rem;
}
ol.list.has-bullets, ol.list.has-bullet-check, ol.list.has-bullet-arrow-down, ol.list.has-bullet-close, ol.list.has-bullet-check-circle,
ul.list.has-bullets,
ul.list.has-bullet-check,
ul.list.has-bullet-arrow-down,
ul.list.has-bullet-close,
ul.list.has-bullet-check-circle,
ol.is-list.has-bullets,
ol.is-list.has-bullet-check,
ol.is-list.has-bullet-arrow-down,
ol.is-list.has-bullet-close,
ol.is-list.has-bullet-check-circle,
ul.is-list.has-bullets,
ul.is-list.has-bullet-check,
ul.is-list.has-bullet-arrow-down,
ul.is-list.has-bullet-close,
ul.is-list.has-bullet-check-circle {
  list-style-type: none !important;
}
ol.list.has-bullets li, ol.list.has-bullet-check li, ol.list.has-bullet-arrow-down li, ol.list.has-bullet-close li, ol.list.has-bullet-check-circle li,
ul.list.has-bullets li,
ul.list.has-bullet-check li,
ul.list.has-bullet-arrow-down li,
ul.list.has-bullet-close li,
ul.list.has-bullet-check-circle li,
ol.is-list.has-bullets li,
ol.is-list.has-bullet-check li,
ol.is-list.has-bullet-arrow-down li,
ol.is-list.has-bullet-close li,
ol.is-list.has-bullet-check-circle li,
ul.is-list.has-bullets li,
ul.is-list.has-bullet-check li,
ul.is-list.has-bullet-arrow-down li,
ul.is-list.has-bullet-close li,
ul.is-list.has-bullet-check-circle li {
  list-style-type: none !important;
}
ol.list.has-bullets li::marker, ol.list.has-bullet-check li::marker, ol.list.has-bullet-arrow-down li::marker, ol.list.has-bullet-close li::marker, ol.list.has-bullet-check-circle li::marker,
ul.list.has-bullets li::marker,
ul.list.has-bullet-check li::marker,
ul.list.has-bullet-arrow-down li::marker,
ul.list.has-bullet-close li::marker,
ul.list.has-bullet-check-circle li::marker,
ol.is-list.has-bullets li::marker,
ol.is-list.has-bullet-check li::marker,
ol.is-list.has-bullet-arrow-down li::marker,
ol.is-list.has-bullet-close li::marker,
ol.is-list.has-bullet-check-circle li::marker,
ul.is-list.has-bullets li::marker,
ul.is-list.has-bullet-check li::marker,
ul.is-list.has-bullet-arrow-down li::marker,
ul.is-list.has-bullet-close li::marker,
ul.is-list.has-bullet-check-circle li::marker {
  content: none !important;
}
ol.list.has-bullets li::before, ol.list.has-bullet-check li::before, ol.list.has-bullet-arrow-down li::before, ol.list.has-bullet-close li::before, ol.list.has-bullet-check-circle li::before,
ul.list.has-bullets li::before,
ul.list.has-bullet-check li::before,
ul.list.has-bullet-arrow-down li::before,
ul.list.has-bullet-close li::before,
ul.list.has-bullet-check-circle li::before,
ol.is-list.has-bullets li::before,
ol.is-list.has-bullet-check li::before,
ol.is-list.has-bullet-arrow-down li::before,
ol.is-list.has-bullet-close li::before,
ol.is-list.has-bullet-check-circle li::before,
ul.is-list.has-bullets li::before,
ul.is-list.has-bullet-check li::before,
ul.is-list.has-bullet-arrow-down li::before,
ul.is-list.has-bullet-close li::before,
ul.is-list.has-bullet-check-circle li::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
  margin-left: -1.375rem;
  margin-top: 0.313rem;
}
ol.list.has-bullets.has-bullet-check-circle li::before, ol.list.has-bullets.has-bullet-arrow-down li::before, ol.list.has-bullet-check.has-bullet-check-circle li::before, ol.list.has-bullet-check.has-bullet-arrow-down li::before, ol.list.has-bullet-arrow-down.has-bullet-check-circle li::before, ol.list.has-bullet-arrow-down.has-bullet-arrow-down li::before, ol.list.has-bullet-close.has-bullet-check-circle li::before, ol.list.has-bullet-close.has-bullet-arrow-down li::before, ol.list.has-bullet-check-circle.has-bullet-check-circle li::before, ol.list.has-bullet-check-circle.has-bullet-arrow-down li::before,
ul.list.has-bullets.has-bullet-check-circle li::before,
ul.list.has-bullets.has-bullet-arrow-down li::before,
ul.list.has-bullet-check.has-bullet-check-circle li::before,
ul.list.has-bullet-check.has-bullet-arrow-down li::before,
ul.list.has-bullet-arrow-down.has-bullet-check-circle li::before,
ul.list.has-bullet-arrow-down.has-bullet-arrow-down li::before,
ul.list.has-bullet-close.has-bullet-check-circle li::before,
ul.list.has-bullet-close.has-bullet-arrow-down li::before,
ul.list.has-bullet-check-circle.has-bullet-check-circle li::before,
ul.list.has-bullet-check-circle.has-bullet-arrow-down li::before,
ol.is-list.has-bullets.has-bullet-check-circle li::before,
ol.is-list.has-bullets.has-bullet-arrow-down li::before,
ol.is-list.has-bullet-check.has-bullet-check-circle li::before,
ol.is-list.has-bullet-check.has-bullet-arrow-down li::before,
ol.is-list.has-bullet-arrow-down.has-bullet-check-circle li::before,
ol.is-list.has-bullet-arrow-down.has-bullet-arrow-down li::before,
ol.is-list.has-bullet-close.has-bullet-check-circle li::before,
ol.is-list.has-bullet-close.has-bullet-arrow-down li::before,
ol.is-list.has-bullet-check-circle.has-bullet-check-circle li::before,
ol.is-list.has-bullet-check-circle.has-bullet-arrow-down li::before,
ul.is-list.has-bullets.has-bullet-check-circle li::before,
ul.is-list.has-bullets.has-bullet-arrow-down li::before,
ul.is-list.has-bullet-check.has-bullet-check-circle li::before,
ul.is-list.has-bullet-check.has-bullet-arrow-down li::before,
ul.is-list.has-bullet-arrow-down.has-bullet-check-circle li::before,
ul.is-list.has-bullet-arrow-down.has-bullet-arrow-down li::before,
ul.is-list.has-bullet-close.has-bullet-check-circle li::before,
ul.is-list.has-bullet-close.has-bullet-arrow-down li::before,
ul.is-list.has-bullet-check-circle.has-bullet-check-circle li::before,
ul.is-list.has-bullet-check-circle.has-bullet-arrow-down li::before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
  margin-left: -1.44rem;
  margin-top: 0.25rem;
}
ol.list.has-bullet-check li::before,
ol.list li.has-bullet-check::before,
ul.list.has-bullet-check li::before,
ul.list li.has-bullet-check::before,
ol.is-list.has-bullet-check li::before,
ol.is-list li.has-bullet-check::before,
ul.is-list.has-bullet-check li::before,
ul.is-list li.has-bullet-check::before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM4ODU0XzM0MjU0OSkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEzLjYzNzEgMS4xOTc5MkMxNC4wNjI4IDEuNTQ5NzQgMTQuMTIyOCAyLjE4MDA2IDEzLjc3MDkgMi42MDU3OUw1LjczMDkgMTIuMzM1TDUuNzI4NDggMTIuMzM3OUM1LjU0NTYgMTIuNTU3NSA1LjMxNjA4IDEyLjczMzYgNS4wNTY2MSAxMi44NTM0QzQuNzk3MTMgMTIuOTczMSA0LjUxNDIzIDEzLjAzMzYgNC4yMjg0OCAxMy4wMzAySDQuMjI3NThDMy45MzcxNSAxMy4wMjY2IDMuNjUxMzEgMTIuOTU3MyAzLjM5MTUyIDEyLjgyNzRDMy4xMzI2IDEyLjY5NzkgMi45MDYyNiAxMi41MTE3IDIuNzI5MzcgMTIuMjgyNkMyLjcyODc3IDEyLjI4MTggMi43MjgxOCAxMi4yODEgMi43Mjc1OCAxMi4yODAyTDAuMjEwNjk0IDkuMDQ0MjZDLTAuMTI4Mzc2IDguNjA4MzEgLTAuMDQ5ODQyIDcuOTgwMDMgMC4zODYxMDUgNy42NDA5NkMwLjgyMjA1MyA3LjMwMTg5IDEuNDUwMzMgNy4zODA0MyAxLjc4OTQgNy44MTYzOEw0LjI1Mjk3IDEwLjk4MzhMMTIuMjI5MiAxLjMzMTc2QzEyLjU4MSAwLjkwNjAzNSAxMy4yMTE0IDAuODQ2MTEzIDEzLjYzNzEgMS4xOTc5MloiIGZpbGw9IiMwMDBENkUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8zODg1NF8zNDI1NDkiPgo8cmVjdCB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==) no-repeat left top;
}
ol.list.has-bullet-arrow-down li::before,
ol.list li.has-bullet-arrow-down::before,
ul.list.has-bullet-arrow-down li::before,
ul.list li.has-bullet-arrow-down::before,
ol.is-list.has-bullet-arrow-down li::before,
ol.is-list li.has-bullet-arrow-down::before,
ul.is-list.has-bullet-arrow-down li::before,
ul.is-list li.has-bullet-arrow-down::before {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjY0NjQ2IDE0Ljg1MzZDNy44NDE3MiAxNS4wNDg4IDguMTU4MyAxNS4wNDg4IDguMzUzNTYgMTQuODUzNkwxMS44NTM2IDExLjM1MzZDMTEuOTk2NiAxMS4yMTA2IDEyLjAzOTMgMTAuOTk1NSAxMS45NjE5IDEwLjgwODdDMTEuODg0NSAxMC42MjE4IDExLjcwMjIgMTAuNSAxMS41IDEwLjVIOS4wMDAwMVYyQzkuMDAwMDEgMS40NDc3IDguNTUyMjkgMSA4LjAwMDAxIDFDNy40NDc3MiAxIDcuMDAwMDEgMS40NDc3IDcuMDAwMDEgMlYxMC41SDQuNTAwMDFDNC4yOTc3OCAxMC41IDQuMTE1NDYgMTAuNjIxOCA0LjAzODA3IDEwLjgwODdDMy45NjA2OCAxMC45OTU1IDQuMDAzNDYgMTEuMjEwNiA0LjE0NjQ2IDExLjM1MzZMNy42NDY0NiAxNC44NTM2WiIgZmlsbD0iIzAwMEQ2RSIvPgo8L3N2Zz4=) no-repeat left top;
}
ol.list.has-bullet-check-circle li::before,
ol.list li.has-bullet-check-circle::before,
ul.list.has-bullet-check-circle li::before,
ul.list li.has-bullet-check-circle::before,
ol.is-list.has-bullet-check-circle li::before,
ol.is-list li.has-bullet-check-circle::before,
ul.is-list.has-bullet-check-circle li::before,
ul.is-list li.has-bullet-check-circle::before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE3ODdfMTIyNCkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTggMTZDMTIuNDE4MyAxNiAxNiAxMi40MTgzIDE2IDhDMTYgMy41ODE3MiAxMi40MTgzIDAgOCAwQzMuNTgxNzIgMCAwIDMuNTgxNzIgMCA4QzAgMTIuNDE4MyAzLjU4MTcyIDE2IDggMTZaTTYuNzYxNyAxMS43OTQ1QzYuOTgyNTkgMTEuNjk2NSA3LjE3OTI0IDExLjU1MTMgNy4zMzc3MyAxMS4zNjlMMTIuMzczMSA2LjMzMzIxQzEyLjQ2NzcgNi4yMzM5NiAxMi41NDE3IDYuMTE3MDYgMTIuNTkxIDUuOTg5MTVDMTIuNjQwMyA1Ljg2MTI1IDEyLjY2MzkgNS43MjQ4OCAxMi42NjA0IDUuNTg3ODRDMTIuNjU2OSA1LjQ1MDggMTIuNjI2NCA1LjMxNTgxIDEyLjU3MDcgNS4xOTA1OUMxMi41MTQ5IDUuMDY1MzcgMTIuNDM1IDQuOTUyMzkgMTIuMzM1NSA0Ljg1ODA5QzEyLjIzNjEgNC43NjM3OCAxMi4xMTkgNC42ODk5OSAxMS45OTExIDQuNjQwODhDMTEuODYzMiA0LjU5MTc3IDExLjcyNjggNC41NjgzIDExLjU4OTggNC41NzE3OEMxMS40NTI5IDQuNTc1MjYgMTEuMzE3OSA0LjYwNTYyIDExLjE5MjYgNC42NjExN0MxMS4wNjc3IDQuNzE2NTcgMTAuOTU0IDQuNzk2NzQgMTAuODU5NyA0Ljg5NTYxTDYuMTUwNiA5LjU0MjI2QzYuMTAzODUgOS41ODgzOCA2LjAyNzk1IDkuNTg1NzIgNS45ODQ1NSA5LjUzNjQzTDQuOTA2MjEgOC4zMTE3NUw0LjkwMDA1IDguMzA1MzVDNC43MTM1OCA4LjExMTY0IDQuNDU5NTUgNy45OTczOCA0LjE5MDk4IDcuOTg2MTRDMy45MjI0MSA3Ljk3NDg5IDMuNjU5NzEgOC4wNjc1IDMuNDU3NjggOC4yNDQ5QzMuMjU1NjIgOC40MjIzMyAzLjEyOTgyIDguNjcwOTEgMy4xMDY3OSA4LjkzODlDMy4wODM3NSA5LjIwNjkgMy4xNjUzMSA5LjQ3MzMxIDMuMzM0MjMgOS42ODI1N0wzLjMzOTY4IDkuNjg5MzNMNC43NDk3NyAxMS4yODg4QzQuOTAzMDcgMTEuNDg1NCA1LjA5ODMxIDExLjY0NTUgNS4zMjEzMSAxMS43NTc0QzUuNTQ3OTYgMTEuODcxMiA1Ljc5NzQyIDExLjkzMjIgNi4wNTA5OCAxMS45MzZDNi4yOTU0MiAxMS45NDIgNi41MzgxOSAxMS44OTM2IDYuNzYxNyAxMS43OTQ1WiIgZmlsbD0iIzAwMEQ2RSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzE3ODdfMTIyNCI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K) no-repeat left top;
}
ol.list.has-bullet-close li::before,
ol.list li.has-bullet-close::before,
ul.list.has-bullet-close li::before,
ul.list li.has-bullet-close::before,
ol.is-list.has-bullet-close li::before,
ol.is-list li.has-bullet-close::before,
ul.is-list.has-bullet-close li::before,
ul.is-list li.has-bullet-close::before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM4ODU0XzM0MjU5OSkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEuNzA3MTEgMC4yOTI4OTNDMS4zMTY1OCAtMC4wOTc2MzEgMC42ODM0MTcgLTAuMDk3NjMxIDAuMjkyODkzIDAuMjkyODkzQy0wLjA5NzYzMSAwLjY4MzQxNyAtMC4wOTc2MzEgMS4zMTY1OCAwLjI5Mjg5MyAxLjcwNzExTDUuNTg1NzkgN0wwLjI5Mjg5MyAxMi4yOTI5Qy0wLjA5NzYzMSAxMi42ODM0IC0wLjA5NzYzMSAxMy4zMTY2IDAuMjkyODkzIDEzLjcwNzFDMC42ODM0MTcgMTQuMDk3NiAxLjMxNjU4IDE0LjA5NzYgMS43MDcxMSAxMy43MDcxTDcgOC40MTQyMUwxMi4yOTI5IDEzLjcwNzFDMTIuNjgzNCAxNC4wOTc2IDEzLjMxNjYgMTQuMDk3NiAxMy43MDcxIDEzLjcwNzFDMTQuMDk3NiAxMy4zMTY2IDE0LjA5NzYgMTIuNjgzNCAxMy43MDcxIDEyLjI5MjlMOC40MTQyMSA3TDEzLjcwNzEgMS43MDcxMUMxNC4wOTc2IDEuMzE2NTggMTQuMDk3NiAwLjY4MzQxNyAxMy43MDcxIDAuMjkyODkzQzEzLjMxNjYgLTAuMDk3NjMxIDEyLjY4MzQgLTAuMDk3NjMxIDEyLjI5MjkgMC4yOTI4OTNMNyA1LjU4NTc5TDEuNzA3MTEgMC4yOTI4OTNaIiBmaWxsPSIjMDAwRDZFIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMzg4NTRfMzQyNTk5Ij4KPHJlY3Qgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) no-repeat left top;
}
ol.list.has-bullet-check.has-bullet-green li::before,
ol.list li.has-bullet-check.has-bullet-green::before,
ul.list.has-bullet-check.has-bullet-green li::before,
ul.list li.has-bullet-check.has-bullet-green::before,
ol.is-list.has-bullet-check.has-bullet-green li::before,
ol.is-list li.has-bullet-check.has-bullet-green::before,
ul.is-list.has-bullet-check.has-bullet-green li::before,
ul.is-list li.has-bullet-check.has-bullet-green::before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI1MDdfMTkzNDYxKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTMuNjM3MSAxLjE5NzkyQzE0LjA2MjggMS41NDk3NCAxNC4xMjI4IDIuMTgwMDYgMTMuNzcwOSAyLjYwNTc5TDUuNzMwOSAxMi4zMzVMNS43Mjg0OCAxMi4zMzc5QzUuNTQ1NiAxMi41NTc1IDUuMzE2MDggMTIuNzMzNiA1LjA1NjYxIDEyLjg1MzRDNC43OTcxMyAxMi45NzMxIDQuNTE0MjMgMTMuMDMzNiA0LjIyODQ4IDEzLjAzMDJDMy45MzgwNSAxMy4wMjY2IDMuNjUxMzEgMTIuOTU3MyAzLjM5MTUyIDEyLjgyNzRDMy4xMzI2IDEyLjY5NzkgMi45MDYyNiAxMi41MTE3IDIuNzI5MzcgMTIuMjgyNkMyLjcyODc3IDEyLjI4MTggMi43MjgxOCAxMi4yODEgMi43Mjc1OCAxMi4yODAyTDAuMjEwNjk0IDkuMDQ0MjZDLTAuMTI4Mzc2IDguNjA4MzEgLTAuMDQ5ODQyIDcuOTgwMDMgMC4zODYxMDUgNy42NDA5NkMwLjgyMjA1MyA3LjMwMTg5IDEuNDUwMzMgNy4zODA0MyAxLjc4OTQgNy44MTYzOEw0LjI1Mjk3IDEwLjk4MzhMMTIuMjI5MiAxLjMzMTc2QzEyLjU4MSAwLjkwNjAzNSAxMy4yMTE0IDAuODQ2MTEzIDEzLjYzNzEgMS4xOTc5MloiIGZpbGw9IiMwMEIyOEYiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yNTA3XzE5MzQ2MSI+CjxyZWN0IHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K) no-repeat left top;
}
ol.list.has-bullet-close.has-bullet-red li::before,
ol.list li.has-bullet-close.has-bullet-red::before,
ul.list.has-bullet-close.has-bullet-red li::before,
ul.list li.has-bullet-close.has-bullet-red::before,
ol.is-list.has-bullet-close.has-bullet-red li::before,
ol.is-list li.has-bullet-close.has-bullet-red::before,
ul.is-list.has-bullet-close.has-bullet-red li::before,
ul.is-list li.has-bullet-close.has-bullet-red::before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI1MDdfMTkzNDY1KSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMS43MDcxMSAwLjI5Mjg5M0MxLjMxNjU4IC0wLjA5NzYzMSAwLjY4MzQxNyAtMC4wOTc2MzEgMC4yOTI4OTMgMC4yOTI4OTNDLTAuMDk3NjMxIDAuNjgzNDE3IC0wLjA5NzYzMSAxLjMxNjU4IDAuMjkyODkzIDEuNzA3MTFMNS41ODU3OSA3TDAuMjkyODkzIDEyLjI5MjlDLTAuMDk3NjMxIDEyLjY4MzQgLTAuMDk3NjMxIDEzLjMxNjYgMC4yOTI4OTMgMTMuNzA3MUMwLjY4MzQxNyAxNC4wOTc2IDEuMzE2NTggMTQuMDk3NiAxLjcwNzExIDEzLjcwNzFMNyA4LjQxNDIxTDEyLjI5MjkgMTMuNzA3MUMxMi42ODM0IDE0LjA5NzYgMTMuMzE2NiAxNC4wOTc2IDEzLjcwNzEgMTMuNzA3MUMxNC4wOTc2IDEzLjMxNjYgMTQuMDk3NiAxMi42ODM0IDEzLjcwNzEgMTIuMjkyOUw4LjQxNDIxIDdMMTMuNzA3MSAxLjcwNzExQzE0LjA5NzYgMS4zMTY1OCAxNC4wOTc2IDAuNjgzNDE3IDEzLjcwNzEgMC4yOTI4OTNDMTMuMzE2NiAtMC4wOTc2MzEgMTIuNjgzNCAtMC4wOTc2MzEgMTIuMjkyOSAwLjI5Mjg5M0w3IDUuNTg1NzlMMS43MDcxMSAwLjI5Mjg5M1oiIGZpbGw9IiNEOTMwNEMiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yNTA3XzE5MzQ2NSI+CjxyZWN0IHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K) no-repeat left top;
}
ol.list.is-inverted li,
ol.list.is-inverted li::marker,
ul.list.is-inverted li,
ul.list.is-inverted li::marker,
ol.is-list.is-inverted li,
ol.is-list.is-inverted li::marker,
ul.is-list.is-inverted li,
ul.is-list.is-inverted li::marker {
  color: var(--bal-list-marker-inverted-color);
}
ol.list.is-inverted.has-bullet-check li::before,
ol.list.is-inverted li.has-bullet-check::before,
ul.list.is-inverted.has-bullet-check li::before,
ul.list.is-inverted li.has-bullet-check::before,
ol.is-list.is-inverted.has-bullet-check li::before,
ol.is-list.is-inverted li.has-bullet-check::before,
ul.is-list.is-inverted.has-bullet-check li::before,
ul.is-list.is-inverted li.has-bullet-check::before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM4ODU0XzM0MjU0OSkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEzLjYzNzEgMS4xOTc5MkMxNC4wNjI4IDEuNTQ5NzQgMTQuMTIyOCAyLjE4MDA2IDEzLjc3MDkgMi42MDU3OUw1LjczMDkgMTIuMzM1TDUuNzI4NDggMTIuMzM3OUM1LjU0NTYgMTIuNTU3NSA1LjMxNjA4IDEyLjczMzYgNS4wNTY2MSAxMi44NTM0QzQuNzk3MTMgMTIuOTczMSA0LjUxNDIzIDEzLjAzMzYgNC4yMjg0OCAxMy4wMzAySDQuMjI3NThDMy45MzcxNSAxMy4wMjY2IDMuNjUxMzEgMTIuOTU3MyAzLjM5MTUyIDEyLjgyNzRDMy4xMzI2IDEyLjY5NzkgMi45MDYyNiAxMi41MTE3IDIuNzI5MzcgMTIuMjgyNkMyLjcyODc3IDEyLjI4MTggMi43MjgxOCAxMi4yODEgMi43Mjc1OCAxMi4yODAyTDAuMjEwNjk0IDkuMDQ0MjZDLTAuMTI4Mzc2IDguNjA4MzEgLTAuMDQ5ODQyIDcuOTgwMDMgMC4zODYxMDUgNy42NDA5NkMwLjgyMjA1MyA3LjMwMTg5IDEuNDUwMzMgNy4zODA0MyAxLjc4OTQgNy44MTYzOEw0LjI1Mjk3IDEwLjk4MzhMMTIuMjI5MiAxLjMzMTc2QzEyLjU4MSAwLjkwNjAzNSAxMy4yMTE0IDAuODQ2MTEzIDEzLjYzNzEgMS4xOTc5MloiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMzg4NTRfMzQyNTQ5Ij4KPHJlY3Qgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) no-repeat left top;
}
ol.list.is-inverted.has-bullet-close li::before,
ol.list.is-inverted li.has-bullet-close::before,
ul.list.is-inverted.has-bullet-close li::before,
ul.list.is-inverted li.has-bullet-close::before,
ol.is-list.is-inverted.has-bullet-close li::before,
ol.is-list.is-inverted li.has-bullet-close::before,
ul.is-list.is-inverted.has-bullet-close li::before,
ul.is-list.is-inverted li.has-bullet-close::before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM4ODU0XzM0MjU5OSkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEuNzA3MTEgMC4yOTI4OTNDMS4zMTY1OCAtMC4wOTc2MzEgMC42ODM0MTcgLTAuMDk3NjMxIDAuMjkyODkzIDAuMjkyODkzQy0wLjA5NzYzMSAwLjY4MzQxNyAtMC4wOTc2MzEgMS4zMTY1OCAwLjI5Mjg5MyAxLjcwNzExTDUuNTg1NzkgN0wwLjI5Mjg5MyAxMi4yOTI5Qy0wLjA5NzYzMSAxMi42ODM0IC0wLjA5NzYzMSAxMy4zMTY2IDAuMjkyODkzIDEzLjcwNzFDMC42ODM0MTcgMTQuMDk3NiAxLjMxNjU4IDE0LjA5NzYgMS43MDcxMSAxMy43MDcxTDcgOC40MTQyMUwxMi4yOTI5IDEzLjcwNzFDMTIuNjgzNCAxNC4wOTc2IDEzLjMxNjYgMTQuMDk3NiAxMy43MDcxIDEzLjcwNzFDMTQuMDk3NiAxMy4zMTY2IDE0LjA5NzYgMTIuNjgzNCAxMy43MDcxIDEyLjI5MjlMOC40MTQyMSA3TDEzLjcwNzEgMS43MDcxMUMxNC4wOTc2IDEuMzE2NTggMTQuMDk3NiAwLjY4MzQxNyAxMy43MDcxIDAuMjkyODkzQzEzLjMxNjYgLTAuMDk3NjMxIDEyLjY4MzQgLTAuMDk3NjMxIDEyLjI5MjkgMC4yOTI4OTNMNyA1LjU4NTc5TDEuNzA3MTEgMC4yOTI4OTNaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzM4ODU0XzM0MjU5OSI+CjxyZWN0IHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K) no-repeat left top;
}

ul.list:not(.has-bullet-circle):not(.has-bullet-check) li,
ul.is-list:not(.has-bullet-circle):not(.has-bullet-check) li {
  list-style: disc;
}

.table {
  background-color: var(--bal-table-background-color);
  color: var(--bal-table-color);
}
.table td,
.table th {
  border: var(--bal-table-cell-border);
  border-width: var(--bal-table-cell-border-width);
  padding: var(--bal-table-cell-padding);
  vertical-align: middle;
}
.table td.is-narrow,
.table th.is-narrow {
  white-space: nowrap;
  width: 1%;
}
.table td.is-selected,
.table th.is-selected {
  background-color: var(--bal-table-row-background-color-active);
  color: var(--bal-table-row-color-active);
}
.table td.is-selected a,
.table td.is-selected strong,
.table th.is-selected a,
.table th.is-selected strong {
  color: currentColor;
}
.table th {
  color: var(--bal-table-cell-heading-color);
}
.table th:not([align]) {
  text-align: inherit;
}
.table tr.is-selected {
  background-color: var(--bal-table-row-background-color-active);
  color: var(--bal-table-row-color-active);
}
.table tr.is-selected a,
.table tr.is-selected strong {
  color: currentColor;
}
.table tr.is-selected td,
.table tr.is-selected th {
  border-color: var(--bal-table-row-color-active);
  color: currentColor;
}
.table thead {
  background-color: var(--bal-table-head-background-color);
}
.table thead td,
.table thead th {
  border-width: var(--bal-table-head-cell-border-width);
  color: var(--bal-table-head-cell-color);
}
.table tfoot {
  background-color: var(--bal-table-foot-background-color);
}
.table tfoot td,
.table tfoot th {
  border-width: var(--bal-table-foot-cell-border-width);
  color: var(--bal-table-foot-cell-color);
}
.table tbody {
  background-color: var(--bal-table-body-background-color);
}
.table tbody tr:last-child td,
.table tbody tr:last-child th {
  border-bottom-width: 0;
}
.table.is-bordered th {
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: var(--bal-table-cell-border-color);
  border-left-color: var(--bal-table-cell-border-color);
  border-right-color: var(--bal-table-cell-border-color);
}
.table.is-bordered td {
  border-width: 1px;
}
.table.is-bordered tr:last-child td {
  border-bottom-width: 1px;
}
.table.is-fullwidth {
  width: 100%;
}
.table.is-hoverable tbody tr:not(.is-selected):hover {
  background-color: var(--bal-table-row-background-color-hover);
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
  background-color: var(--bal-table-row-background-color-hover);
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
  background-color: var(--bal-table-striped-row-even-background-color-hover);
}
.table.is-narrow td,
.table.is-narrow th {
  padding: 0.25em 0.5em;
}
.table.is-striped tbody tr:not(.is-selected):nth-child(even) {
  background-color: var(--bal-table-striped-row-even-background-color);
}

.table-container {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  overflow-y: hidden;
  max-width: 100%;
}

table.table {
  display: table !important;
  border-spacing: 0;
  margin: 0;
}
table.table thead tr {
  border-top: 0;
}
table.table thead th {
  border-color: var(--bal-table-head-cell-border-color);
  border-bottom-width: 2px;
}
table.table th:not([align]) {
  text-align: left;
}
table.table td,
table.table th {
  font-size: var(--bal-table-head-font-size);
  font-family: var(--bal-table-head-font-family);
  vertical-align: middle;
  color: var(--bal-table-color);
  text-align: left;
}
table.table td .bal-checkbox,
table.table th .bal-checkbox {
  padding: 0;
  margin-top: 1px;
}
table.table td {
  color: var(--bal-table-color);
  -webkit-hyphens: auto;
          hyphens: auto;
}
table.table td.has-buttons {
  padding: 2px;
}
table.table td.has-buttons .bal-button {
  margin-right: 0.25rem;
}
table.table td.has-buttons .bal-button:last-child {
  margin-right: 0px;
}
table.table td.has-buttons .buttons {
  justify-content: flex-end;
  padding: 3px;
}

.title,
.subtitle {
  -webkit-hyphens: auto;
          hyphens: auto;
  word-break: break-word;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: var(--bal-text-size-xxx-large);
  line-height: var(--bal-line-height-xxx-large);
}
@media screen and (min-width: 769px), print {
  .title,
  .subtitle {
    font-size: var(--bal-text-size-xxx-large-tablet);
    line-height: var(--bal-line-height-tablet-xxx-large);
  }
}
@media screen and (min-width: 1024px) {
  .title,
  .subtitle {
    font-size: var(--bal-text-size-xxx-large-desktop);
    line-height: var(--bal-line-height-desktop-xxx-large);
  }
}
.title em,
.title span,
.subtitle em,
.subtitle span {
  font-weight: inherit;
}
.title strong,
.subtitle strong {
  font-weight: var(--bal-font-weight-bold);
}
.title:not(:last-child),
.subtitle:not(:last-child) {
  margin-bottom: var(--bal-space-x-small);
  margin-bottom: var(--bal-space-x-small-desktop);
}
@media screen and (min-width: 769px), print {
  .title:not(:last-child),
  .subtitle:not(:last-child) {
    margin-bottom: var(--bal-space-x-small-tablet);
  }
}
.title {
  font-family: var(--bal-title-font-family);
  font-weight: var(--bal-title-font-weight);
}

.subtitle {
  font-family: var(--bal-subtitle-font-family);
  font-weight: var(--bal-subtitle-font-weight);
}

.has-sticky-footer {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.has-sticky-footer main {
  padding-bottom: 2.5rem;
}
.has-sticky-footer .bal-footer,
.has-sticky-footer footer.footer {
  margin-top: auto;
}

: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 {
  background: var(--bal-color-background-primary) !important;
}

.bg-green-light {
  background: var(--bal-color-background-green-light) !important;
}

.bg-green {
  background: var(--bal-color-background-green) !important;
}

.bg-purple-light {
  background: var(--bal-color-background-purple-light) !important;
}

.bg-purple {
  background: var(--bal-color-background-purple) !important;
}

.bg-yellow-light {
  background: var(--bal-color-background-yellow-light) !important;
}

.bg-yellow {
  background: var(--bal-color-background-yellow) !important;
}

.bg-red-light {
  background: var(--bal-color-background-red-light) !important;
}

.bg-red {
  background: var(--bal-color-background-red) !important;
}

.bg-white {
  background: var(--bal-color-background-white) !important;
}

.bg-grey-light {
  background: var(--bal-color-background-grey-light) !important;
}

.bg-grey {
  background: var(--bal-color-background-grey) !important;
}

.bg-disabled {
  background: var(--bal-color-background-disabled) !important;
}

.bg-info {
  background: var(--bal-color-background-info) !important;
}

.bg-success {
  background: var(--bal-color-background-success) !important;
}

.bg-warning {
  background: var(--bal-color-background-warning) !important;
}

.bg-danger {
  background: var(--bal-color-background-danger) !important;
}

.bg-light-blue {
  background: var(--bal-color-light-blue) !important;
}

.bg-primary-1 {
  background: var(--bal-color-primary-1) !important;
}

.bg-primary-2 {
  background: var(--bal-color-primary-2) !important;
}

.bg-primary-3 {
  background: var(--bal-color-primary-3) !important;
}

.bg-primary-4 {
  background: var(--bal-color-primary-4) !important;
}

.bg-primary-5 {
  background: var(--bal-color-primary-5) !important;
}

.bg-primary-6 {
  background: var(--bal-color-primary-6) !important;
}

.bg-green-1 {
  background: var(--bal-color-green-1) !important;
}

.bg-green-2 {
  background: var(--bal-color-green-2) !important;
}

.bg-green-3 {
  background: var(--bal-color-green-3) !important;
}

.bg-green-4 {
  background: var(--bal-color-green-4) !important;
}

.bg-green-5 {
  background: var(--bal-color-green-5) !important;
}

.bg-green-6 {
  background: var(--bal-color-green-6) !important;
}

.bg-purple-1 {
  background: var(--bal-color-purple-1) !important;
}

.bg-purple-2 {
  background: var(--bal-color-purple-2) !important;
}

.bg-purple-3 {
  background: var(--bal-color-purple-3) !important;
}

.bg-purple-4 {
  background: var(--bal-color-purple-4) !important;
}

.bg-purple-5 {
  background: var(--bal-color-purple-5) !important;
}

.bg-purple-6 {
  background: var(--bal-color-purple-6) !important;
}

.bg-yellow-1 {
  background: var(--bal-color-yellow-1) !important;
}

.bg-yellow-2 {
  background: var(--bal-color-yellow-2) !important;
}

.bg-yellow-3 {
  background: var(--bal-color-yellow-3) !important;
}

.bg-yellow-4 {
  background: var(--bal-color-yellow-4) !important;
}

.bg-yellow-5 {
  background: var(--bal-color-yellow-5) !important;
}

.bg-yellow-6 {
  background: var(--bal-color-yellow-6) !important;
}

.bg-red-1 {
  background: var(--bal-color-red-1) !important;
}

.bg-red-2 {
  background: var(--bal-color-red-2) !important;
}

.bg-red-3 {
  background: var(--bal-color-red-3) !important;
}

.bg-red-4 {
  background: var(--bal-color-red-4) !important;
}

.bg-red-5 {
  background: var(--bal-color-red-5) !important;
}

.bg-red-6 {
  background: var(--bal-color-red-6) !important;
}

.bg-grey-1 {
  background: var(--bal-color-grey-1) !important;
}

.bg-grey-2 {
  background: var(--bal-color-grey-2) !important;
}

.bg-grey-3 {
  background: var(--bal-color-grey-3) !important;
}

.bg-grey-4 {
  background: var(--bal-color-grey-4) !important;
}

.bg-grey-5 {
  background: var(--bal-color-grey-5) !important;
}

.bg-grey-6 {
  background: var(--bal-color-grey-6) !important;
}

.bg-black {
  background: var(--bal-color-black) !important;
}

.bg-light-blue-1 {
  background: var(--bal-color-light-blue-1) !important;
}

.bg-light-blue-2 {
  background: var(--bal-color-light-blue-2) !important;
}

.bg-light-blue-3 {
  background: var(--bal-color-light-blue-3) !important;
}

.bg-light-blue-4 {
  background: var(--bal-color-light-blue-4) !important;
}

.bg-light-blue-5 {
  background: var(--bal-color-light-blue-5) !important;
}

.bg-light-blue-6 {
  background: var(--bal-color-light-blue-6) !important;
}

.bg-info-1 {
  background: var(--bal-color-info-1) !important;
}

.bg-info-2 {
  background: var(--bal-color-info-2) !important;
}

.bg-info-3 {
  background: var(--bal-color-info-3) !important;
}

.bg-info-4 {
  background: var(--bal-color-info-4) !important;
}

.bg-info-5 {
  background: var(--bal-color-info-5) !important;
}

.bg-info-6 {
  background: var(--bal-color-info-6) !important;
}

.bg-success-1 {
  background: var(--bal-color-success-1) !important;
}

.bg-success-2 {
  background: var(--bal-color-success-2) !important;
}

.bg-success-3 {
  background: var(--bal-color-success-3) !important;
}

.bg-success-4 {
  background: var(--bal-color-success-4) !important;
}

.bg-success-5 {
  background: var(--bal-color-success-5) !important;
}

.bg-success-6 {
  background: var(--bal-color-success-6) !important;
}

.bg-warning-1 {
  background: var(--bal-color-warning-1) !important;
}

.bg-warning-2 {
  background: var(--bal-color-warning-2) !important;
}

.bg-warning-3 {
  background: var(--bal-color-warning-3) !important;
}

.bg-warning-4 {
  background: var(--bal-color-warning-4) !important;
}

.bg-warning-5 {
  background: var(--bal-color-warning-5) !important;
}

.bg-warning-6 {
  background: var(--bal-color-warning-6) !important;
}

.bg-danger-1 {
  background: var(--bal-color-danger-1) !important;
}

.bg-danger-2 {
  background: var(--bal-color-danger-2) !important;
}

.bg-danger-3 {
  background: var(--bal-color-danger-3) !important;
}

.bg-danger-4 {
  background: var(--bal-color-danger-4) !important;
}

.bg-danger-5 {
  background: var(--bal-color-danger-5) !important;
}

.bg-danger-6 {
  background: var(--bal-color-danger-6) !important;
}

.bg-transparent {
  background: transparent !important;
}

.focus\:bg-primary:focus {
  background: var(--bal-color-background-primary) !important;
}

.hover\:bg-primary:hover {
  background: var(--bal-color-background-primary) !important;
}

.active\:bg-primary:active {
  background: var(--bal-color-background-primary) !important;
}

.focus\:bg-green-light:focus {
  background: var(--bal-color-background-green-light) !important;
}

.hover\:bg-green-light:hover {
  background: var(--bal-color-background-green-light) !important;
}

.active\:bg-green-light:active {
  background: var(--bal-color-background-green-light) !important;
}

.focus\:bg-green:focus {
  background: var(--bal-color-background-green) !important;
}

.hover\:bg-green:hover {
  background: var(--bal-color-background-green) !important;
}

.active\:bg-green:active {
  background: var(--bal-color-background-green) !important;
}

.focus\:bg-purple-light:focus {
  background: var(--bal-color-background-purple-light) !important;
}

.hover\:bg-purple-light:hover {
  background: var(--bal-color-background-purple-light) !important;
}

.active\:bg-purple-light:active {
  background: var(--bal-color-background-purple-light) !important;
}

.focus\:bg-purple:focus {
  background: var(--bal-color-background-purple) !important;
}

.hover\:bg-purple:hover {
  background: var(--bal-color-background-purple) !important;
}

.active\:bg-purple:active {
  background: var(--bal-color-background-purple) !important;
}

.focus\:bg-yellow-light:focus {
  background: var(--bal-color-background-yellow-light) !important;
}

.hover\:bg-yellow-light:hover {
  background: var(--bal-color-background-yellow-light) !important;
}

.active\:bg-yellow-light:active {
  background: var(--bal-color-background-yellow-light) !important;
}

.focus\:bg-yellow:focus {
  background: var(--bal-color-background-yellow) !important;
}

.hover\:bg-yellow:hover {
  background: var(--bal-color-background-yellow) !important;
}

.active\:bg-yellow:active {
  background: var(--bal-color-background-yellow) !important;
}

.focus\:bg-red-light:focus {
  background: var(--bal-color-background-red-light) !important;
}

.hover\:bg-red-light:hover {
  background: var(--bal-color-background-red-light) !important;
}

.active\:bg-red-light:active {
  background: var(--bal-color-background-red-light) !important;
}

.focus\:bg-red:focus {
  background: var(--bal-color-background-red) !important;
}

.hover\:bg-red:hover {
  background: var(--bal-color-background-red) !important;
}

.active\:bg-red:active {
  background: var(--bal-color-background-red) !important;
}

.focus\:bg-white:focus {
  background: var(--bal-color-background-white) !important;
}

.hover\:bg-white:hover {
  background: var(--bal-color-background-white) !important;
}

.active\:bg-white:active {
  background: var(--bal-color-background-white) !important;
}

.focus\:bg-grey-light:focus {
  background: var(--bal-color-background-grey-light) !important;
}

.hover\:bg-grey-light:hover {
  background: var(--bal-color-background-grey-light) !important;
}

.active\:bg-grey-light:active {
  background: var(--bal-color-background-grey-light) !important;
}

.focus\:bg-grey:focus {
  background: var(--bal-color-background-grey) !important;
}

.hover\:bg-grey:hover {
  background: var(--bal-color-background-grey) !important;
}

.active\:bg-grey:active {
  background: var(--bal-color-background-grey) !important;
}

.focus\:bg-disabled:focus {
  background: var(--bal-color-background-disabled) !important;
}

.hover\:bg-disabled:hover {
  background: var(--bal-color-background-disabled) !important;
}

.active\:bg-disabled:active {
  background: var(--bal-color-background-disabled) !important;
}

.focus\:bg-info:focus {
  background: var(--bal-color-background-info) !important;
}

.hover\:bg-info:hover {
  background: var(--bal-color-background-info) !important;
}

.active\:bg-info:active {
  background: var(--bal-color-background-info) !important;
}

.focus\:bg-success:focus {
  background: var(--bal-color-background-success) !important;
}

.hover\:bg-success:hover {
  background: var(--bal-color-background-success) !important;
}

.active\:bg-success:active {
  background: var(--bal-color-background-success) !important;
}

.focus\:bg-warning:focus {
  background: var(--bal-color-background-warning) !important;
}

.hover\:bg-warning:hover {
  background: var(--bal-color-background-warning) !important;
}

.active\:bg-warning:active {
  background: var(--bal-color-background-warning) !important;
}

.focus\:bg-danger:focus {
  background: var(--bal-color-background-danger) !important;
}

.hover\:bg-danger:hover {
  background: var(--bal-color-background-danger) !important;
}

.active\:bg-danger:active {
  background: var(--bal-color-background-danger) !important;
}

.focus\:bg-light-blue:focus {
  background: var(--bal-color-light-blue) !important;
}

.hover\:bg-light-blue:hover {
  background: var(--bal-color-light-blue) !important;
}

.active\:bg-light-blue:active {
  background: var(--bal-color-light-blue) !important;
}

.focus\:bg-primary-1:focus {
  background: var(--bal-color-primary-1) !important;
}

.hover\:bg-primary-1:hover {
  background: var(--bal-color-primary-1) !important;
}

.active\:bg-primary-1:active {
  background: var(--bal-color-primary-1) !important;
}

.focus\:bg-primary-2:focus {
  background: var(--bal-color-primary-2) !important;
}

.hover\:bg-primary-2:hover {
  background: var(--bal-color-primary-2) !important;
}

.active\:bg-primary-2:active {
  background: var(--bal-color-primary-2) !important;
}

.focus\:bg-primary-3:focus {
  background: var(--bal-color-primary-3) !important;
}

.hover\:bg-primary-3:hover {
  background: var(--bal-color-primary-3) !important;
}

.active\:bg-primary-3:active {
  background: var(--bal-color-primary-3) !important;
}

.focus\:bg-primary-4:focus {
  background: var(--bal-color-primary-4) !important;
}

.hover\:bg-primary-4:hover {
  background: var(--bal-color-primary-4) !important;
}

.active\:bg-primary-4:active {
  background: var(--bal-color-primary-4) !important;
}

.focus\:bg-primary-5:focus {
  background: var(--bal-color-primary-5) !important;
}

.hover\:bg-primary-5:hover {
  background: var(--bal-color-primary-5) !important;
}

.active\:bg-primary-5:active {
  background: var(--bal-color-primary-5) !important;
}

.focus\:bg-primary-6:focus {
  background: var(--bal-color-primary-6) !important;
}

.hover\:bg-primary-6:hover {
  background: var(--bal-color-primary-6) !important;
}

.active\:bg-primary-6:active {
  background: var(--bal-color-primary-6) !important;
}

.focus\:bg-green-1:focus {
  background: var(--bal-color-green-1) !important;
}

.hover\:bg-green-1:hover {
  background: var(--bal-color-green-1) !important;
}

.active\:bg-green-1:active {
  background: var(--bal-color-green-1) !important;
}

.focus\:bg-green-2:focus {
  background: var(--bal-color-green-2) !important;
}

.hover\:bg-green-2:hover {
  background: var(--bal-color-green-2) !important;
}

.active\:bg-green-2:active {
  background: var(--bal-color-green-2) !important;
}

.focus\:bg-green-3:focus {
  background: var(--bal-color-green-3) !important;
}

.hover\:bg-green-3:hover {
  background: var(--bal-color-green-3) !important;
}

.active\:bg-green-3:active {
  background: var(--bal-color-green-3) !important;
}

.focus\:bg-green-4:focus {
  background: var(--bal-color-green-4) !important;
}

.hover\:bg-green-4:hover {
  background: var(--bal-color-green-4) !important;
}

.active\:bg-green-4:active {
  background: var(--bal-color-green-4) !important;
}

.focus\:bg-green-5:focus {
  background: var(--bal-color-green-5) !important;
}

.hover\:bg-green-5:hover {
  background: var(--bal-color-green-5) !important;
}

.active\:bg-green-5:active {
  background: var(--bal-color-green-5) !important;
}

.focus\:bg-green-6:focus {
  background: var(--bal-color-green-6) !important;
}

.hover\:bg-green-6:hover {
  background: var(--bal-color-green-6) !important;
}

.active\:bg-green-6:active {
  background: var(--bal-color-green-6) !important;
}

.focus\:bg-purple-1:focus {
  background: var(--bal-color-purple-1) !important;
}

.hover\:bg-purple-1:hover {
  background: var(--bal-color-purple-1) !important;
}

.active\:bg-purple-1:active {
  background: var(--bal-color-purple-1) !important;
}

.focus\:bg-purple-2:focus {
  background: var(--bal-color-purple-2) !important;
}

.hover\:bg-purple-2:hover {
  background: var(--bal-color-purple-2) !important;
}

.active\:bg-purple-2:active {
  background: var(--bal-color-purple-2) !important;
}

.focus\:bg-purple-3:focus {
  background: var(--bal-color-purple-3) !important;
}

.hover\:bg-purple-3:hover {
  background: var(--bal-color-purple-3) !important;
}

.active\:bg-purple-3:active {
  background: var(--bal-color-purple-3) !important;
}

.focus\:bg-purple-4:focus {
  background: var(--bal-color-purple-4) !important;
}

.hover\:bg-purple-4:hover {
  background: var(--bal-color-purple-4) !important;
}

.active\:bg-purple-4:active {
  background: var(--bal-color-purple-4) !important;
}

.focus\:bg-purple-5:focus {
  background: var(--bal-color-purple-5) !important;
}

.hover\:bg-purple-5:hover {
  background: var(--bal-color-purple-5) !important;
}

.active\:bg-purple-5:active {
  background: var(--bal-color-purple-5) !important;
}

.focus\:bg-purple-6:focus {
  background: var(--bal-color-purple-6) !important;
}

.hover\:bg-purple-6:hover {
  background: var(--bal-color-purple-6) !important;
}

.active\:bg-purple-6:active {
  background: var(--bal-color-purple-6) !important;
}

.focus\:bg-yellow-1:focus {
  background: var(--bal-color-yellow-1) !important;
}

.hover\:bg-yellow-1:hover {
  background: var(--bal-color-yellow-1) !important;
}

.active\:bg-yellow-1:active {
  background: var(--bal-color-yellow-1) !important;
}

.focus\:bg-yellow-2:focus {
  background: var(--bal-color-yellow-2) !important;
}

.hover\:bg-yellow-2:hover {
  background: var(--bal-color-yellow-2) !important;
}

.active\:bg-yellow-2:active {
  background: var(--bal-color-yellow-2) !important;
}

.focus\:bg-yellow-3:focus {
  background: var(--bal-color-yellow-3) !important;
}

.hover\:bg-yellow-3:hover {
  background: var(--bal-color-yellow-3) !important;
}

.active\:bg-yellow-3:active {
  background: var(--bal-color-yellow-3) !important;
}

.focus\:bg-yellow-4:focus {
  background: var(--bal-color-yellow-4) !important;
}

.hover\:bg-yellow-4:hover {
  background: var(--bal-color-yellow-4) !important;
}

.active\:bg-yellow-4:active {
  background: var(--bal-color-yellow-4) !important;
}

.focus\:bg-yellow-5:focus {
  background: var(--bal-color-yellow-5) !important;
}

.hover\:bg-yellow-5:hover {
  background: var(--bal-color-yellow-5) !important;
}

.active\:bg-yellow-5:active {
  background: var(--bal-color-yellow-5) !important;
}

.focus\:bg-yellow-6:focus {
  background: var(--bal-color-yellow-6) !important;
}

.hover\:bg-yellow-6:hover {
  background: var(--bal-color-yellow-6) !important;
}

.active\:bg-yellow-6:active {
  background: var(--bal-color-yellow-6) !important;
}

.focus\:bg-red-1:focus {
  background: var(--bal-color-red-1) !important;
}

.hover\:bg-red-1:hover {
  background: var(--bal-color-red-1) !important;
}

.active\:bg-red-1:active {
  background: var(--bal-color-red-1) !important;
}

.focus\:bg-red-2:focus {
  background: var(--bal-color-red-2) !important;
}

.hover\:bg-red-2:hover {
  background: var(--bal-color-red-2) !important;
}

.active\:bg-red-2:active {
  background: var(--bal-color-red-2) !important;
}

.focus\:bg-red-3:focus {
  background: var(--bal-color-red-3) !important;
}

.hover\:bg-red-3:hover {
  background: var(--bal-color-red-3) !important;
}

.active\:bg-red-3:active {
  background: var(--bal-color-red-3) !important;
}

.focus\:bg-red-4:focus {
  background: var(--bal-color-red-4) !important;
}

.hover\:bg-red-4:hover {
  background: var(--bal-color-red-4) !important;
}

.active\:bg-red-4:active {
  background: var(--bal-color-red-4) !important;
}

.focus\:bg-red-5:focus {
  background: var(--bal-color-red-5) !important;
}

.hover\:bg-red-5:hover {
  background: var(--bal-color-red-5) !important;
}

.active\:bg-red-5:active {
  background: var(--bal-color-red-5) !important;
}

.focus\:bg-red-6:focus {
  background: var(--bal-color-red-6) !important;
}

.hover\:bg-red-6:hover {
  background: var(--bal-color-red-6) !important;
}

.active\:bg-red-6:active {
  background: var(--bal-color-red-6) !important;
}

.focus\:bg-grey-1:focus {
  background: var(--bal-color-grey-1) !important;
}

.hover\:bg-grey-1:hover {
  background: var(--bal-color-grey-1) !important;
}

.active\:bg-grey-1:active {
  background: var(--bal-color-grey-1) !important;
}

.focus\:bg-grey-2:focus {
  background: var(--bal-color-grey-2) !important;
}

.hover\:bg-grey-2:hover {
  background: var(--bal-color-grey-2) !important;
}

.active\:bg-grey-2:active {
  background: var(--bal-color-grey-2) !important;
}

.focus\:bg-grey-3:focus {
  background: var(--bal-color-grey-3) !important;
}

.hover\:bg-grey-3:hover {
  background: var(--bal-color-grey-3) !important;
}

.active\:bg-grey-3:active {
  background: var(--bal-color-grey-3) !important;
}

.focus\:bg-grey-4:focus {
  background: var(--bal-color-grey-4) !important;
}

.hover\:bg-grey-4:hover {
  background: var(--bal-color-grey-4) !important;
}

.active\:bg-grey-4:active {
  background: var(--bal-color-grey-4) !important;
}

.focus\:bg-grey-5:focus {
  background: var(--bal-color-grey-5) !important;
}

.hover\:bg-grey-5:hover {
  background: var(--bal-color-grey-5) !important;
}

.active\:bg-grey-5:active {
  background: var(--bal-color-grey-5) !important;
}

.focus\:bg-grey-6:focus {
  background: var(--bal-color-grey-6) !important;
}

.hover\:bg-grey-6:hover {
  background: var(--bal-color-grey-6) !important;
}

.active\:bg-grey-6:active {
  background: var(--bal-color-grey-6) !important;
}

.focus\:bg-black:focus {
  background: var(--bal-color-black) !important;
}

.hover\:bg-black:hover {
  background: var(--bal-color-black) !important;
}

.active\:bg-black:active {
  background: var(--bal-color-black) !important;
}

.focus\:bg-light-blue-1:focus {
  background: var(--bal-color-light-blue-1) !important;
}

.hover\:bg-light-blue-1:hover {
  background: var(--bal-color-light-blue-1) !important;
}

.active\:bg-light-blue-1:active {
  background: var(--bal-color-light-blue-1) !important;
}

.focus\:bg-light-blue-2:focus {
  background: var(--bal-color-light-blue-2) !important;
}

.hover\:bg-light-blue-2:hover {
  background: var(--bal-color-light-blue-2) !important;
}

.active\:bg-light-blue-2:active {
  background: var(--bal-color-light-blue-2) !important;
}

.focus\:bg-light-blue-3:focus {
  background: var(--bal-color-light-blue-3) !important;
}

.hover\:bg-light-blue-3:hover {
  background: var(--bal-color-light-blue-3) !important;
}

.active\:bg-light-blue-3:active {
  background: var(--bal-color-light-blue-3) !important;
}

.focus\:bg-light-blue-4:focus {
  background: var(--bal-color-light-blue-4) !important;
}

.hover\:bg-light-blue-4:hover {
  background: var(--bal-color-light-blue-4) !important;
}

.active\:bg-light-blue-4:active {
  background: var(--bal-color-light-blue-4) !important;
}

.focus\:bg-light-blue-5:focus {
  background: var(--bal-color-light-blue-5) !important;
}

.hover\:bg-light-blue-5:hover {
  background: var(--bal-color-light-blue-5) !important;
}

.active\:bg-light-blue-5:active {
  background: var(--bal-color-light-blue-5) !important;
}

.focus\:bg-light-blue-6:focus {
  background: var(--bal-color-light-blue-6) !important;
}

.hover\:bg-light-blue-6:hover {
  background: var(--bal-color-light-blue-6) !important;
}

.active\:bg-light-blue-6:active {
  background: var(--bal-color-light-blue-6) !important;
}

.focus\:bg-info-1:focus {
  background: var(--bal-color-info-1) !important;
}

.hover\:bg-info-1:hover {
  background: var(--bal-color-info-1) !important;
}

.active\:bg-info-1:active {
  background: var(--bal-color-info-1) !important;
}

.focus\:bg-info-2:focus {
  background: var(--bal-color-info-2) !important;
}

.hover\:bg-info-2:hover {
  background: var(--bal-color-info-2) !important;
}

.active\:bg-info-2:active {
  background: var(--bal-color-info-2) !important;
}

.focus\:bg-info-3:focus {
  background: var(--bal-color-info-3) !important;
}

.hover\:bg-info-3:hover {
  background: var(--bal-color-info-3) !important;
}

.active\:bg-info-3:active {
  background: var(--bal-color-info-3) !important;
}

.focus\:bg-info-4:focus {
  background: var(--bal-color-info-4) !important;
}

.hover\:bg-info-4:hover {
  background: var(--bal-color-info-4) !important;
}

.active\:bg-info-4:active {
  background: var(--bal-color-info-4) !important;
}

.focus\:bg-info-5:focus {
  background: var(--bal-color-info-5) !important;
}

.hover\:bg-info-5:hover {
  background: var(--bal-color-info-5) !important;
}

.active\:bg-info-5:active {
  background: var(--bal-color-info-5) !important;
}

.focus\:bg-info-6:focus {
  background: var(--bal-color-info-6) !important;
}

.hover\:bg-info-6:hover {
  background: var(--bal-color-info-6) !important;
}

.active\:bg-info-6:active {
  background: var(--bal-color-info-6) !important;
}

.focus\:bg-success-1:focus {
  background: var(--bal-color-success-1) !important;
}

.hover\:bg-success-1:hover {
  background: var(--bal-color-success-1) !important;
}

.active\:bg-success-1:active {
  background: var(--bal-color-success-1) !important;
}

.focus\:bg-success-2:focus {
  background: var(--bal-color-success-2) !important;
}

.hover\:bg-success-2:hover {
  background: var(--bal-color-success-2) !important;
}

.active\:bg-success-2:active {
  background: var(--bal-color-success-2) !important;
}

.focus\:bg-success-3:focus {
  background: var(--bal-color-success-3) !important;
}

.hover\:bg-success-3:hover {
  background: var(--bal-color-success-3) !important;
}

.active\:bg-success-3:active {
  background: var(--bal-color-success-3) !important;
}

.focus\:bg-success-4:focus {
  background: var(--bal-color-success-4) !important;
}

.hover\:bg-success-4:hover {
  background: var(--bal-color-success-4) !important;
}

.active\:bg-success-4:active {
  background: var(--bal-color-success-4) !important;
}

.focus\:bg-success-5:focus {
  background: var(--bal-color-success-5) !important;
}

.hover\:bg-success-5:hover {
  background: var(--bal-color-success-5) !important;
}

.active\:bg-success-5:active {
  background: var(--bal-color-success-5) !important;
}

.focus\:bg-success-6:focus {
  background: var(--bal-color-success-6) !important;
}

.hover\:bg-success-6:hover {
  background: var(--bal-color-success-6) !important;
}

.active\:bg-success-6:active {
  background: var(--bal-color-success-6) !important;
}

.focus\:bg-warning-1:focus {
  background: var(--bal-color-warning-1) !important;
}

.hover\:bg-warning-1:hover {
  background: var(--bal-color-warning-1) !important;
}

.active\:bg-warning-1:active {
  background: var(--bal-color-warning-1) !important;
}

.focus\:bg-warning-2:focus {
  background: var(--bal-color-warning-2) !important;
}

.hover\:bg-warning-2:hover {
  background: var(--bal-color-warning-2) !important;
}

.active\:bg-warning-2:active {
  background: var(--bal-color-warning-2) !important;
}

.focus\:bg-warning-3:focus {
  background: var(--bal-color-warning-3) !important;
}

.hover\:bg-warning-3:hover {
  background: var(--bal-color-warning-3) !important;
}

.active\:bg-warning-3:active {
  background: var(--bal-color-warning-3) !important;
}

.focus\:bg-warning-4:focus {
  background: var(--bal-color-warning-4) !important;
}

.hover\:bg-warning-4:hover {
  background: var(--bal-color-warning-4) !important;
}

.active\:bg-warning-4:active {
  background: var(--bal-color-warning-4) !important;
}

.focus\:bg-warning-5:focus {
  background: var(--bal-color-warning-5) !important;
}

.hover\:bg-warning-5:hover {
  background: var(--bal-color-warning-5) !important;
}

.active\:bg-warning-5:active {
  background: var(--bal-color-warning-5) !important;
}

.focus\:bg-warning-6:focus {
  background: var(--bal-color-warning-6) !important;
}

.hover\:bg-warning-6:hover {
  background: var(--bal-color-warning-6) !important;
}

.active\:bg-warning-6:active {
  background: var(--bal-color-warning-6) !important;
}

.focus\:bg-danger-1:focus {
  background: var(--bal-color-danger-1) !important;
}

.hover\:bg-danger-1:hover {
  background: var(--bal-color-danger-1) !important;
}

.active\:bg-danger-1:active {
  background: var(--bal-color-danger-1) !important;
}

.focus\:bg-danger-2:focus {
  background: var(--bal-color-danger-2) !important;
}

.hover\:bg-danger-2:hover {
  background: var(--bal-color-danger-2) !important;
}

.active\:bg-danger-2:active {
  background: var(--bal-color-danger-2) !important;
}

.focus\:bg-danger-3:focus {
  background: var(--bal-color-danger-3) !important;
}

.hover\:bg-danger-3:hover {
  background: var(--bal-color-danger-3) !important;
}

.active\:bg-danger-3:active {
  background: var(--bal-color-danger-3) !important;
}

.focus\:bg-danger-4:focus {
  background: var(--bal-color-danger-4) !important;
}

.hover\:bg-danger-4:hover {
  background: var(--bal-color-danger-4) !important;
}

.active\:bg-danger-4:active {
  background: var(--bal-color-danger-4) !important;
}

.focus\:bg-danger-5:focus {
  background: var(--bal-color-danger-5) !important;
}

.hover\:bg-danger-5:hover {
  background: var(--bal-color-danger-5) !important;
}

.active\:bg-danger-5:active {
  background: var(--bal-color-danger-5) !important;
}

.focus\:bg-danger-6:focus {
  background: var(--bal-color-danger-6) !important;
}

.hover\:bg-danger-6:hover {
  background: var(--bal-color-danger-6) !important;
}

.active\:bg-danger-6:active {
  background: var(--bal-color-danger-6) !important;
}

.focus\:bg-transparent:focus {
  background: transparent !important;
}

.hover\:bg-transparent:hover {
  background: transparent !important;
}

.active\:bg-transparent:active {
  background: transparent !important;
}

.bg-primary {
  color: var(--bal-color-white);
}

.bg-primary-3 {
  color: var(--bal-color-white);
}

.bg-primary-4 {
  color: var(--bal-color-white);
}

.bg-primary-5 {
  color: var(--bal-color-white);
}

.bg-primary-6 {
  color: var(--bal-color-white);
}

.focus\:bg-primary:focus {
  color: var(--bal-color-white);
}

.hover\:bg-primary:hover {
  color: var(--bal-color-white);
}

.active\:bg-primary:active {
  color: var(--bal-color-white);
}

.focus\:bg-primary-3:focus {
  color: var(--bal-color-white);
}

.hover\:bg-primary-3:hover {
  color: var(--bal-color-white);
}

.active\:bg-primary-3:active {
  color: var(--bal-color-white);
}

.focus\:bg-primary-4:focus {
  color: var(--bal-color-white);
}

.hover\:bg-primary-4:hover {
  color: var(--bal-color-white);
}

.active\:bg-primary-4:active {
  color: var(--bal-color-white);
}

.focus\:bg-primary-5:focus {
  color: var(--bal-color-white);
}

.hover\:bg-primary-5:hover {
  color: var(--bal-color-white);
}

.active\:bg-primary-5:active {
  color: var(--bal-color-white);
}

.focus\:bg-primary-6:focus {
  color: var(--bal-color-white);
}

.hover\:bg-primary-6:hover {
  color: var(--bal-color-white);
}

.active\:bg-primary-6:active {
  color: var(--bal-color-white);
}

.bg-transparent {
  background: transparent !important;
}

.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;
  }
}
.opacity-0 {
  opacity: var(--bal-opacity-0) !important;
}

.opacity-30 {
  opacity: var(--bal-opacity-30) !important;
}

.opacity-40 {
  opacity: var(--bal-opacity-40) !important;
}

.opacity-50 {
  opacity: var(--bal-opacity-50) !important;
}

.opacity-60 {
  opacity: var(--bal-opacity-60) !important;
}

.opacity-80 {
  opacity: var(--bal-opacity-80) !important;
}

.opacity-100 {
  opacity: var(--bal-opacity-100) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.shadow-small {
  box-shadow: var(--bal-shadow-small) !important;
}

.shadow-normal {
  box-shadow: var(--bal-shadow-normal) !important;
}

.shadow-large {
  box-shadow: var(--bal-shadow-large) !important;
}

.shadow-header {
  box-shadow: var(--bal-shadow-header) !important;
}

.focus\:shadow-none:focus {
  box-shadow: none !important;
}

.hover\:shadow-none:hover {
  box-shadow: none !important;
}

.active\:shadow-none:active {
  box-shadow: none !important;
}

.focus\:shadow-small:focus {
  box-shadow: var(--bal-shadow-small) !important;
}

.hover\:shadow-small:hover {
  box-shadow: var(--bal-shadow-small) !important;
}

.active\:shadow-small:active {
  box-shadow: var(--bal-shadow-small) !important;
}

.focus\:shadow-normal:focus {
  box-shadow: var(--bal-shadow-normal) !important;
}

.hover\:shadow-normal:hover {
  box-shadow: var(--bal-shadow-normal) !important;
}

.active\:shadow-normal:active {
  box-shadow: var(--bal-shadow-normal) !important;
}

.focus\:shadow-large:focus {
  box-shadow: var(--bal-shadow-large) !important;
}

.hover\:shadow-large:hover {
  box-shadow: var(--bal-shadow-large) !important;
}

.active\:shadow-large:active {
  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;
  }
  .mobile\:shadow-small {
    box-shadow: var(--bal-shadow-small) !important;
  }
  .mobile\:shadow-normal {
    box-shadow: var(--bal-shadow-normal) !important;
  }
  .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;
  }
  .mobile\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .mobile\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .mobile\:focus\:shadow-small:focus {
    box-shadow: var(--bal-shadow-small) !important;
  }
  .mobile\:hover\:shadow-small:hover {
    box-shadow: var(--bal-shadow-small) !important;
  }
  .mobile\:active\:shadow-small:active {
    box-shadow: var(--bal-shadow-small) !important;
  }
  .mobile\:focus\:shadow-normal:focus {
    box-shadow: var(--bal-shadow-normal) !important;
  }
  .mobile\:hover\:shadow-normal:hover {
    box-shadow: var(--bal-shadow-normal) !important;
  }
  .mobile\:active\:shadow-normal:active {
    box-shadow: var(--bal-shadow-normal) !important;
  }
  .mobile\:focus\:shadow-large:focus {
    box-shadow: var(--bal-shadow-large) !important;
  }
  .mobile\:hover\:shadow-large:hover {
    box-shadow: var(--bal-shadow-large) !important;
  }
  .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 {
    box-shadow: none !important;
  }
  .tablet\:shadow-small {
    box-shadow: var(--bal-shadow-small) !important;
  }
  .tablet\:shadow-normal {
    box-shadow: var(--bal-shadow-normal) !important;
  }
  .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;
  }
  .tablet\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .tablet\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .tablet\:focus\:shadow-small:focus {
    box-shadow: var(--bal-shadow-small) !important;
  }
  .tablet\:hover\:shadow-small:hover {
    box-shadow: var(--bal-shadow-small) !important;
  }
  .tablet\:active\:shadow-small:active {
    box-shadow: var(--bal-shadow-small) !important;
  }
  .tablet\:focus\:shadow-normal:focus {
    box-shadow: var(--bal-shadow-normal) !important;
  }
  .tablet\:hover\:shadow-normal:hover {
    box-shadow: var(--bal-shadow-normal) !important;
  }
  .tablet\:active\:shadow-normal:active {
    box-shadow: var(--bal-shadow-normal) !important;
  }
  .tablet\:focus\:shadow-large:focus {
    box-shadow: var(--bal-shadow-large) !important;
  }
  .tablet\:hover\:shadow-large:hover {
    box-shadow: var(--bal-shadow-large) !important;
  }
  .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 {
    box-shadow: none !important;
  }
  .desktop\:shadow-small {
    box-shadow: var(--bal-shadow-small) !important;
  }
  .desktop\:shadow-normal {
    box-shadow: var(--bal-shadow-normal) !important;
  }
  .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;
  }
  .desktop\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .desktop\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .desktop\:focus\:shadow-small:focus {
    box-shadow: var(--bal-shadow-small) !important;
  }
  .desktop\:hover\:shadow-small:hover {
    box-shadow: var(--bal-shadow-small) !important;
  }
  .desktop\:active\:shadow-small:active {
    box-shadow: var(--bal-shadow-small) !important;
  }
  .desktop\:focus\:shadow-normal:focus {
    box-shadow: var(--bal-shadow-normal) !important;
  }
  .desktop\:hover\:shadow-normal:hover {
    box-shadow: var(--bal-shadow-normal) !important;
  }
  .desktop\:active\:shadow-normal:active {
    box-shadow: var(--bal-shadow-normal) !important;
  }
  .desktop\:focus\:shadow-large:focus {
    box-shadow: var(--bal-shadow-large) !important;
  }
  .desktop\:hover\:shadow-large:hover {
    box-shadow: var(--bal-shadow-large) !important;
  }
  .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 {
    box-shadow: none !important;
  }
  .widescreen\:shadow-small {
    box-shadow: var(--bal-shadow-small) !important;
  }
  .widescreen\:shadow-normal {
    box-shadow: var(--bal-shadow-normal) !important;
  }
  .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;
  }
  .widescreen\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .widescreen\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .widescreen\:focus\:shadow-small:focus {
    box-shadow: var(--bal-shadow-small) !important;
  }
  .widescreen\:hover\:shadow-small:hover {
    box-shadow: var(--bal-shadow-small) !important;
  }
  .widescreen\:active\:shadow-small:active {
    box-shadow: var(--bal-shadow-small) !important;
  }
  .widescreen\:focus\:shadow-normal:focus {
    box-shadow: var(--bal-shadow-normal) !important;
  }
  .widescreen\:hover\:shadow-normal:hover {
    box-shadow: var(--bal-shadow-normal) !important;
  }
  .widescreen\:active\:shadow-normal:active {
    box-shadow: var(--bal-shadow-normal) !important;
  }
  .widescreen\:focus\:shadow-large:focus {
    box-shadow: var(--bal-shadow-large) !important;
  }
  .widescreen\:hover\:shadow-large:hover {
    box-shadow: var(--bal-shadow-large) !important;
  }
  .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;
}

@media screen and (max-width: 768px) {
  .mobile\:text-shadow-normal {
    text-shadow: var(--bal-text-shadow-normal) !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:text-shadow-normal {
    text-shadow: var(--bal-text-shadow-normal) !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:text-shadow-normal {
    text-shadow: var(--bal-text-shadow-normal) !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:text-shadow-normal {
    text-shadow: var(--bal-text-shadow-normal) !important;
  }
}
.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-baseline {
  align-content: baseline !important;
}

.align-content-space-between {
  align-content: space-between !important;
}

.align-content-space-around {
  align-content: space-around !important;
}

.align-content-space-evenly {
  align-content: space-evenly !important;
}

@media screen and (max-width: 768px) {
  .mobile\:align-content-start {
    align-content: flex-start !important;
  }
  .mobile\:align-content-end {
    align-content: flex-end !important;
  }
  .mobile\:align-content-center {
    align-content: center !important;
  }
  .mobile\:align-content-baseline {
    align-content: baseline !important;
  }
  .mobile\:align-content-space-between {
    align-content: space-between !important;
  }
  .mobile\:align-content-space-around {
    align-content: space-around !important;
  }
  .mobile\:align-content-space-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:align-content-start {
    align-content: flex-start !important;
  }
  .tablet\:align-content-end {
    align-content: flex-end !important;
  }
  .tablet\:align-content-center {
    align-content: center !important;
  }
  .tablet\:align-content-baseline {
    align-content: baseline !important;
  }
  .tablet\:align-content-space-between {
    align-content: space-between !important;
  }
  .tablet\:align-content-space-around {
    align-content: space-around !important;
  }
  .tablet\:align-content-space-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:align-content-start {
    align-content: flex-start !important;
  }
  .desktop\:align-content-end {
    align-content: flex-end !important;
  }
  .desktop\:align-content-center {
    align-content: center !important;
  }
  .desktop\:align-content-baseline {
    align-content: baseline !important;
  }
  .desktop\:align-content-space-between {
    align-content: space-between !important;
  }
  .desktop\:align-content-space-around {
    align-content: space-around !important;
  }
  .desktop\:align-content-space-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:align-content-start {
    align-content: flex-start !important;
  }
  .widescreen\:align-content-end {
    align-content: flex-end !important;
  }
  .widescreen\:align-content-center {
    align-content: center !important;
  }
  .widescreen\:align-content-baseline {
    align-content: baseline !important;
  }
  .widescreen\:align-content-space-between {
    align-content: space-between !important;
  }
  .widescreen\:align-content-space-around {
    align-content: space-around !important;
  }
  .widescreen\:align-content-space-evenly {
    align-content: space-evenly !important;
  }
}
.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

@media screen and (max-width: 768px) {
  .mobile\:align-items-start {
    align-items: flex-start !important;
  }
  .mobile\:align-items-end {
    align-items: flex-end !important;
  }
  .mobile\:align-items-center {
    align-items: center !important;
  }
  .mobile\:align-items-stretch {
    align-items: stretch !important;
  }
  .mobile\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:align-items-start {
    align-items: flex-start !important;
  }
  .tablet\:align-items-end {
    align-items: flex-end !important;
  }
  .tablet\:align-items-center {
    align-items: center !important;
  }
  .tablet\:align-items-stretch {
    align-items: stretch !important;
  }
  .tablet\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:align-items-start {
    align-items: flex-start !important;
  }
  .desktop\:align-items-end {
    align-items: flex-end !important;
  }
  .desktop\:align-items-center {
    align-items: center !important;
  }
  .desktop\:align-items-stretch {
    align-items: stretch !important;
  }
  .desktop\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:align-items-start {
    align-items: flex-start !important;
  }
  .widescreen\:align-items-end {
    align-items: flex-end !important;
  }
  .widescreen\:align-items-center {
    align-items: center !important;
  }
  .widescreen\:align-items-stretch {
    align-items: stretch !important;
  }
  .widescreen\:align-items-baseline {
    align-items: baseline !important;
  }
}
.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

@media screen and (max-width: 768px) {
  .mobile\:align-self-start {
    align-self: flex-start !important;
  }
  .mobile\:align-self-end {
    align-self: flex-end !important;
  }
  .mobile\:align-self-center {
    align-self: center !important;
  }
  .mobile\:align-self-stretch {
    align-self: stretch !important;
  }
  .mobile\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:align-self-start {
    align-self: flex-start !important;
  }
  .tablet\:align-self-end {
    align-self: flex-end !important;
  }
  .tablet\:align-self-center {
    align-self: center !important;
  }
  .tablet\:align-self-stretch {
    align-self: stretch !important;
  }
  .tablet\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:align-self-start {
    align-self: flex-start !important;
  }
  .desktop\:align-self-end {
    align-self: flex-end !important;
  }
  .desktop\:align-self-center {
    align-self: center !important;
  }
  .desktop\:align-self-stretch {
    align-self: stretch !important;
  }
  .desktop\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:align-self-start {
    align-self: flex-start !important;
  }
  .widescreen\:align-self-end {
    align-self: flex-end !important;
  }
  .widescreen\:align-self-center {
    align-self: center !important;
  }
  .widescreen\:align-self-stretch {
    align-self: stretch !important;
  }
  .widescreen\:align-self-baseline {
    align-self: baseline !important;
  }
}
.flex-direction-row {
  flex-direction: row !important;
}

.flex-direction-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-direction-column {
  flex-direction: column !important;
}

.flex-direction-column-reverse {
  flex-direction: column-reverse !important;
}

@media screen and (max-width: 768px) {
  .mobile\:flex-direction-row {
    flex-direction: row !important;
  }
  .mobile\:flex-direction-row-reverse {
    flex-direction: row-reverse !important;
  }
  .mobile\:flex-direction-column {
    flex-direction: column !important;
  }
  .mobile\:flex-direction-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:flex-direction-row {
    flex-direction: row !important;
  }
  .tablet\:flex-direction-row-reverse {
    flex-direction: row-reverse !important;
  }
  .tablet\:flex-direction-column {
    flex-direction: column !important;
  }
  .tablet\:flex-direction-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:flex-direction-row {
    flex-direction: row !important;
  }
  .desktop\:flex-direction-row-reverse {
    flex-direction: row-reverse !important;
  }
  .desktop\:flex-direction-column {
    flex-direction: column !important;
  }
  .desktop\:flex-direction-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:flex-direction-row {
    flex-direction: row !important;
  }
  .widescreen\:flex-direction-row-reverse {
    flex-direction: row-reverse !important;
  }
  .widescreen\:flex-direction-column {
    flex-direction: column !important;
  }
  .widescreen\:flex-direction-column-reverse {
    flex-direction: column-reverse !important;
  }
}
.flex-1 {
  flex: 1 1 0% !important;
}

.flex-auto {
  flex: 1 1 auto !important;
}

.flex-initial {
  flex: 0 1 auto !important;
}

.flex-none {
  flex: none !important;
}

@media screen and (max-width: 768px) {
  .mobile\:flex-1 {
    flex: 1 1 0% !important;
  }
  .mobile\:flex-auto {
    flex: 1 1 auto !important;
  }
  .mobile\:flex-initial {
    flex: 0 1 auto !important;
  }
  .mobile\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:flex-1 {
    flex: 1 1 0% !important;
  }
  .tablet\:flex-auto {
    flex: 1 1 auto !important;
  }
  .tablet\:flex-initial {
    flex: 0 1 auto !important;
  }
  .tablet\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:flex-1 {
    flex: 1 1 0% !important;
  }
  .desktop\:flex-auto {
    flex: 1 1 auto !important;
  }
  .desktop\:flex-initial {
    flex: 0 1 auto !important;
  }
  .desktop\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:flex-1 {
    flex: 1 1 0% !important;
  }
  .widescreen\:flex-auto {
    flex: 1 1 auto !important;
  }
  .widescreen\:flex-initial {
    flex: 0 1 auto !important;
  }
  .widescreen\:flex-none {
    flex: none !important;
  }
}
.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-space-between {
  justify-content: space-between !important;
}

.justify-content-space-around {
  justify-content: space-around !important;
}

.justify-content-space-evenly {
  justify-content: space-evenly !important;
}

@media screen and (max-width: 768px) {
  .mobile\:justify-content-start {
    justify-content: flex-start !important;
  }
  .mobile\:justify-content-end {
    justify-content: flex-end !important;
  }
  .mobile\:justify-content-center {
    justify-content: center !important;
  }
  .mobile\:justify-content-space-between {
    justify-content: space-between !important;
  }
  .mobile\:justify-content-space-around {
    justify-content: space-around !important;
  }
  .mobile\:justify-content-space-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:justify-content-start {
    justify-content: flex-start !important;
  }
  .tablet\:justify-content-end {
    justify-content: flex-end !important;
  }
  .tablet\:justify-content-center {
    justify-content: center !important;
  }
  .tablet\:justify-content-space-between {
    justify-content: space-between !important;
  }
  .tablet\:justify-content-space-around {
    justify-content: space-around !important;
  }
  .tablet\:justify-content-space-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:justify-content-start {
    justify-content: flex-start !important;
  }
  .desktop\:justify-content-end {
    justify-content: flex-end !important;
  }
  .desktop\:justify-content-center {
    justify-content: center !important;
  }
  .desktop\:justify-content-space-between {
    justify-content: space-between !important;
  }
  .desktop\:justify-content-space-around {
    justify-content: space-around !important;
  }
  .desktop\:justify-content-space-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:justify-content-start {
    justify-content: flex-start !important;
  }
  .widescreen\:justify-content-end {
    justify-content: flex-end !important;
  }
  .widescreen\:justify-content-center {
    justify-content: center !important;
  }
  .widescreen\:justify-content-space-between {
    justify-content: space-between !important;
  }
  .widescreen\:justify-content-space-around {
    justify-content: space-around !important;
  }
  .widescreen\:justify-content-space-evenly {
    justify-content: space-evenly !important;
  }
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

@media screen and (max-width: 768px) {
  .mobile\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
  .mobile\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .mobile\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
  .tablet\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .tablet\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
  .desktop\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .desktop\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
  .widescreen\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .widescreen\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
.gap-none {
  gap: 0 !important;
}

.gap-auto {
  gap: auto !important;
}

.gap-xx-small {
  gap: var(--bal-space-xx-small) !important;
}

.gap-x-small {
  gap: var(--bal-space-x-small) !important;
}

.gap-small {
  gap: var(--bal-space-small) !important;
}

.gap-normal {
  gap: var(--bal-space-normal) !important;
}

.gap-medium {
  gap: var(--bal-space-medium) !important;
}

.gap-large {
  gap: var(--bal-space-large) !important;
}

.gap-x-large {
  gap: var(--bal-space-x-large) !important;
}

.gap-xx-large {
  gap: var(--bal-space-xx-large) !important;
}

.gap-xxx-large {
  gap: var(--bal-space-xxx-large) !important;
}

.gap-xxxx-large {
  gap: var(--bal-space-xxxx-large) !important;
}

.row-gap-none {
  row-gap: 0 !important;
}

.row-gap-auto {
  row-gap: auto !important;
}

.row-gap-xx-small {
  row-gap: var(--bal-space-xx-small) !important;
}

.row-gap-x-small {
  row-gap: var(--bal-space-x-small) !important;
}

.row-gap-small {
  row-gap: var(--bal-space-small) !important;
}

.row-gap-normal {
  row-gap: var(--bal-space-normal) !important;
}

.row-gap-medium {
  row-gap: var(--bal-space-medium) !important;
}

.row-gap-large {
  row-gap: var(--bal-space-large) !important;
}

.row-gap-x-large {
  row-gap: var(--bal-space-x-large) !important;
}

.row-gap-xx-large {
  row-gap: var(--bal-space-xx-large) !important;
}

.row-gap-xxx-large {
  row-gap: var(--bal-space-xxx-large) !important;
}

.row-gap-xxxx-large {
  row-gap: var(--bal-space-xxxx-large) !important;
}

.column-gap-none {
  -moz-column-gap: 0 !important;
       column-gap: 0 !important;
}

.column-gap-auto {
  -moz-column-gap: auto !important;
       column-gap: auto !important;
}

.column-gap-xx-small {
  -moz-column-gap: var(--bal-space-xx-small) !important;
       column-gap: var(--bal-space-xx-small) !important;
}

.column-gap-x-small {
  -moz-column-gap: var(--bal-space-x-small) !important;
       column-gap: var(--bal-space-x-small) !important;
}

.column-gap-small {
  -moz-column-gap: var(--bal-space-small) !important;
       column-gap: var(--bal-space-small) !important;
}

.column-gap-normal {
  -moz-column-gap: var(--bal-space-normal) !important;
       column-gap: var(--bal-space-normal) !important;
}

.column-gap-medium {
  -moz-column-gap: var(--bal-space-medium) !important;
       column-gap: var(--bal-space-medium) !important;
}

.column-gap-large {
  -moz-column-gap: var(--bal-space-large) !important;
       column-gap: var(--bal-space-large) !important;
}

.column-gap-x-large {
  -moz-column-gap: var(--bal-space-x-large) !important;
       column-gap: var(--bal-space-x-large) !important;
}

.column-gap-xx-large {
  -moz-column-gap: var(--bal-space-xx-large) !important;
       column-gap: var(--bal-space-xx-large) !important;
}

.column-gap-xxx-large {
  -moz-column-gap: var(--bal-space-xxx-large) !important;
       column-gap: var(--bal-space-xxx-large) !important;
}

.column-gap-xxxx-large {
  -moz-column-gap: var(--bal-space-xxxx-large) !important;
       column-gap: var(--bal-space-xxxx-large) !important;
}

@media screen and (min-width: 769px), print {
  .gap-xx-small {
    gap: var(--bal-space-xx-small-tablet) !important;
  }
  .gap-x-small {
    gap: var(--bal-space-x-small-tablet) !important;
  }
  .gap-small {
    gap: var(--bal-space-small-tablet) !important;
  }
  .gap-normal {
    gap: var(--bal-space-normal-tablet) !important;
  }
  .gap-medium {
    gap: var(--bal-space-medium-tablet) !important;
  }
  .gap-large {
    gap: var(--bal-space-large-tablet) !important;
  }
  .gap-x-large {
    gap: var(--bal-space-x-large-tablet) !important;
  }
  .gap-xx-large {
    gap: var(--bal-space-xx-large-tablet) !important;
  }
  .gap-xxx-large {
    gap: var(--bal-space-xxx-large-tablet) !important;
  }
  .gap-xxxx-large {
    gap: var(--bal-space-xxxx-large-tablet) !important;
  }
}
@media screen and (min-width: 769px), print {
  .row-gap-xx-small {
    row-gap: var(--bal-space-xx-small-tablet) !important;
  }
  .row-gap-x-small {
    row-gap: var(--bal-space-x-small-tablet) !important;
  }
  .row-gap-small {
    row-gap: var(--bal-space-small-tablet) !important;
  }
  .row-gap-normal {
    row-gap: var(--bal-space-normal-tablet) !important;
  }
  .row-gap-medium {
    row-gap: var(--bal-space-medium-tablet) !important;
  }
  .row-gap-large {
    row-gap: var(--bal-space-large-tablet) !important;
  }
  .row-gap-x-large {
    row-gap: var(--bal-space-x-large-tablet) !important;
  }
  .row-gap-xx-large {
    row-gap: var(--bal-space-xx-large-tablet) !important;
  }
  .row-gap-xxx-large {
    row-gap: var(--bal-space-xxx-large-tablet) !important;
  }
  .row-gap-xxxx-large {
    row-gap: var(--bal-space-xxxx-large-tablet) !important;
  }
}
@media screen and (min-width: 769px), print {
  .column-gap-xx-small {
    -moz-column-gap: var(--bal-space-xx-small-tablet) !important;
         column-gap: var(--bal-space-xx-small-tablet) !important;
  }
  .column-gap-x-small {
    -moz-column-gap: var(--bal-space-x-small-tablet) !important;
         column-gap: var(--bal-space-x-small-tablet) !important;
  }
  .column-gap-small {
    -moz-column-gap: var(--bal-space-small-tablet) !important;
         column-gap: var(--bal-space-small-tablet) !important;
  }
  .column-gap-normal {
    -moz-column-gap: var(--bal-space-normal-tablet) !important;
         column-gap: var(--bal-space-normal-tablet) !important;
  }
  .column-gap-medium {
    -moz-column-gap: var(--bal-space-medium-tablet) !important;
         column-gap: var(--bal-space-medium-tablet) !important;
  }
  .column-gap-large {
    -moz-column-gap: var(--bal-space-large-tablet) !important;
         column-gap: var(--bal-space-large-tablet) !important;
  }
  .column-gap-x-large {
    -moz-column-gap: var(--bal-space-x-large-tablet) !important;
         column-gap: var(--bal-space-x-large-tablet) !important;
  }
  .column-gap-xx-large {
    -moz-column-gap: var(--bal-space-xx-large-tablet) !important;
         column-gap: var(--bal-space-xx-large-tablet) !important;
  }
  .column-gap-xxx-large {
    -moz-column-gap: var(--bal-space-xxx-large-tablet) !important;
         column-gap: var(--bal-space-xxx-large-tablet) !important;
  }
  .column-gap-xxxx-large {
    -moz-column-gap: var(--bal-space-xxxx-large-tablet) !important;
         column-gap: var(--bal-space-xxxx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .gap-xx-small {
    gap: var(--bal-space-xx-small-desktop) !important;
  }
  .gap-x-small {
    gap: var(--bal-space-x-small-desktop) !important;
  }
  .gap-small {
    gap: var(--bal-space-small-desktop) !important;
  }
  .gap-normal {
    gap: var(--bal-space-normal-desktop) !important;
  }
  .gap-medium {
    gap: var(--bal-space-medium-desktop) !important;
  }
  .gap-large {
    gap: var(--bal-space-large-desktop) !important;
  }
  .gap-x-large {
    gap: var(--bal-space-x-large-desktop) !important;
  }
  .gap-xx-large {
    gap: var(--bal-space-xx-large-desktop) !important;
  }
  .gap-xxx-large {
    gap: var(--bal-space-xxx-large-desktop) !important;
  }
  .gap-xxxx-large {
    gap: var(--bal-space-xxxx-large-desktop) !important;
  }
}
@media screen and (min-width: 1024px) {
  .row-gap-xx-small {
    row-gap: var(--bal-space-xx-small-desktop) !important;
  }
  .row-gap-x-small {
    row-gap: var(--bal-space-x-small-desktop) !important;
  }
  .row-gap-small {
    row-gap: var(--bal-space-small-desktop) !important;
  }
  .row-gap-normal {
    row-gap: var(--bal-space-normal-desktop) !important;
  }
  .row-gap-medium {
    row-gap: var(--bal-space-medium-desktop) !important;
  }
  .row-gap-large {
    row-gap: var(--bal-space-large-desktop) !important;
  }
  .row-gap-x-large {
    row-gap: var(--bal-space-x-large-desktop) !important;
  }
  .row-gap-xx-large {
    row-gap: var(--bal-space-xx-large-desktop) !important;
  }
  .row-gap-xxx-large {
    row-gap: var(--bal-space-xxx-large-desktop) !important;
  }
  .row-gap-xxxx-large {
    row-gap: var(--bal-space-xxxx-large-desktop) !important;
  }
}
@media screen and (min-width: 1024px) {
  .column-gap-xx-small {
    -moz-column-gap: var(--bal-space-xx-small-desktop) !important;
         column-gap: var(--bal-space-xx-small-desktop) !important;
  }
  .column-gap-x-small {
    -moz-column-gap: var(--bal-space-x-small-desktop) !important;
         column-gap: var(--bal-space-x-small-desktop) !important;
  }
  .column-gap-small {
    -moz-column-gap: var(--bal-space-small-desktop) !important;
         column-gap: var(--bal-space-small-desktop) !important;
  }
  .column-gap-normal {
    -moz-column-gap: var(--bal-space-normal-desktop) !important;
         column-gap: var(--bal-space-normal-desktop) !important;
  }
  .column-gap-medium {
    -moz-column-gap: var(--bal-space-medium-desktop) !important;
         column-gap: var(--bal-space-medium-desktop) !important;
  }
  .column-gap-large {
    -moz-column-gap: var(--bal-space-large-desktop) !important;
         column-gap: var(--bal-space-large-desktop) !important;
  }
  .column-gap-x-large {
    -moz-column-gap: var(--bal-space-x-large-desktop) !important;
         column-gap: var(--bal-space-x-large-desktop) !important;
  }
  .column-gap-xx-large {
    -moz-column-gap: var(--bal-space-xx-large-desktop) !important;
         column-gap: var(--bal-space-xx-large-desktop) !important;
  }
  .column-gap-xxx-large {
    -moz-column-gap: var(--bal-space-xxx-large-desktop) !important;
         column-gap: var(--bal-space-xxx-large-desktop) !important;
  }
  .column-gap-xxxx-large {
    -moz-column-gap: var(--bal-space-xxxx-large-desktop) !important;
         column-gap: var(--bal-space-xxxx-large-desktop) !important;
  }
}
.gap-none {
  gap: 0 !important;
}

.gap-auto {
  gap: auto !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;
}

.row-gap-auto {
  row-gap: auto !important;
}

@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;
}

.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;
          user-select: none !important;
}

.select-text {
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
          user-select: text !important;
}

.select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}

.select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
}

.cursor-auto {
  cursor: auto !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.cursor-wait {
  cursor: wait !important;
}

.cursor-move {
  cursor: move !important;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
}

.pointer-events-auto {
  pointer-events: auto !important;
}

.pointer-events-none {
  pointer-events: none !important;
}

.hidden {
  display: none !important;
}

.block {
  display: block !important;
}

.inline {
  display: inline !important;
}

.inline-block {
  display: inline-block !important;
}

.flex {
  display: flex !important;
}

.inline-flex {
  display: inline-flex !important;
}

@media screen and (max-width: 768px) {
  .mobile\:hidden {
    display: none !important;
  }
  .mobile\:block {
    display: block !important;
  }
  .mobile\:inline {
    display: inline !important;
  }
  .mobile\:inline-block {
    display: inline-block !important;
  }
  .mobile\:flex {
    display: flex !important;
  }
  .mobile\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:hidden {
    display: none !important;
  }
  .tablet\:block {
    display: block !important;
  }
  .tablet\:inline {
    display: inline !important;
  }
  .tablet\:inline-block {
    display: inline-block !important;
  }
  .tablet\:flex {
    display: flex !important;
  }
  .tablet\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .tablet-only\:hidden {
    display: none !important;
  }
  .tablet-only\:block {
    display: block !important;
  }
  .tablet-only\:inline {
    display: inline !important;
  }
  .tablet-only\:inline-block {
    display: inline-block !important;
  }
  .tablet-only\:flex {
    display: flex !important;
  }
  .tablet-only\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (max-width: 1023px) {
  .touch\:hidden {
    display: none !important;
  }
  .touch\:block {
    display: block !important;
  }
  .touch\:inline {
    display: inline !important;
  }
  .touch\:inline-block {
    display: inline-block !important;
  }
  .touch\:flex {
    display: flex !important;
  }
  .touch\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:hidden {
    display: none !important;
  }
  .desktop\:block {
    display: block !important;
  }
  .desktop\:inline {
    display: inline !important;
  }
  .desktop\:inline-block {
    display: inline-block !important;
  }
  .desktop\:flex {
    display: flex !important;
  }
  .desktop\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .desktop-only\:hidden {
    display: none !important;
  }
  .desktop-only\:block {
    display: block !important;
  }
  .desktop-only\:inline {
    display: inline !important;
  }
  .desktop-only\:inline-block {
    display: inline-block !important;
  }
  .desktop-only\:flex {
    display: flex !important;
  }
  .desktop-only\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1280px) {
  .high-definition\:hidden {
    display: none !important;
  }
  .high-definition\:block {
    display: block !important;
  }
  .high-definition\:inline {
    display: inline !important;
  }
  .high-definition\:inline-block {
    display: inline-block !important;
  }
  .high-definition\:flex {
    display: flex !important;
  }
  .high-definition\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1439px) {
  .high-definition-only\:hidden {
    display: none !important;
  }
  .high-definition-only\:block {
    display: block !important;
  }
  .high-definition-only\:inline {
    display: inline !important;
  }
  .high-definition-only\:inline-block {
    display: inline-block !important;
  }
  .high-definition-only\:flex {
    display: flex !important;
  }
  .high-definition-only\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:hidden {
    display: none !important;
  }
  .widescreen\:block {
    display: block !important;
  }
  .widescreen\:inline {
    display: inline !important;
  }
  .widescreen\:inline-block {
    display: inline-block !important;
  }
  .widescreen\:flex {
    display: flex !important;
  }
  .widescreen\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 1919px) {
  .widescreen-only\:hidden {
    display: none !important;
  }
  .widescreen-only\:block {
    display: block !important;
  }
  .widescreen-only\:inline {
    display: inline !important;
  }
  .widescreen-only\:inline-block {
    display: inline-block !important;
  }
  .widescreen-only\:flex {
    display: flex !important;
  }
  .widescreen-only\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1920px) {
  .fullhd\:hidden {
    display: none !important;
  }
  .fullhd\:block {
    display: block !important;
  }
  .fullhd\:inline {
    display: inline !important;
  }
  .fullhd\:inline-block {
    display: inline-block !important;
  }
  .fullhd\:flex {
    display: flex !important;
  }
  .fullhd\:inline-flex {
    display: inline-flex !important;
  }
}
.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-x-auto {
  overflow: auto !important;
}

.overflow-x-hidden {
  overflow: hidden !important;
}

.overflow-x-visible {
  overflow: visible !important;
}

.overflow-x-scroll {
  overflow: scroll !important;
}

.overflow-y-auto {
  overflow: auto !important;
}

.overflow-y-hidden {
  overflow: hidden !important;
}

.overflow-y-visible {
  overflow: visible !important;
}

.overflow-y-scroll {
  overflow: scroll !important;
}

@media screen and (max-width: 768px) {
  .mobile\:overflow-auto {
    overflow: auto !important;
  }
  .mobile\:overflow-hidden {
    overflow: hidden !important;
  }
  .mobile\:overflow-visible {
    overflow: visible !important;
  }
  .mobile\:overflow-scroll {
    overflow: scroll !important;
  }
  .mobile\:overflow-x-auto {
    overflow: auto !important;
  }
  .mobile\:overflow-x-hidden {
    overflow: hidden !important;
  }
  .mobile\:overflow-x-visible {
    overflow: visible !important;
  }
  .mobile\:overflow-x-scroll {
    overflow: scroll !important;
  }
  .mobile\:overflow-y-auto {
    overflow: auto !important;
  }
  .mobile\:overflow-y-hidden {
    overflow: hidden !important;
  }
  .mobile\:overflow-y-visible {
    overflow: visible !important;
  }
  .mobile\:overflow-y-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:overflow-auto {
    overflow: auto !important;
  }
  .tablet\:overflow-hidden {
    overflow: hidden !important;
  }
  .tablet\:overflow-visible {
    overflow: visible !important;
  }
  .tablet\:overflow-scroll {
    overflow: scroll !important;
  }
  .tablet\:overflow-x-auto {
    overflow: auto !important;
  }
  .tablet\:overflow-x-hidden {
    overflow: hidden !important;
  }
  .tablet\:overflow-x-visible {
    overflow: visible !important;
  }
  .tablet\:overflow-x-scroll {
    overflow: scroll !important;
  }
  .tablet\:overflow-y-auto {
    overflow: auto !important;
  }
  .tablet\:overflow-y-hidden {
    overflow: hidden !important;
  }
  .tablet\:overflow-y-visible {
    overflow: visible !important;
  }
  .tablet\:overflow-y-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:overflow-auto {
    overflow: auto !important;
  }
  .desktop\:overflow-hidden {
    overflow: hidden !important;
  }
  .desktop\:overflow-visible {
    overflow: visible !important;
  }
  .desktop\:overflow-scroll {
    overflow: scroll !important;
  }
  .desktop\:overflow-x-auto {
    overflow: auto !important;
  }
  .desktop\:overflow-x-hidden {
    overflow: hidden !important;
  }
  .desktop\:overflow-x-visible {
    overflow: visible !important;
  }
  .desktop\:overflow-x-scroll {
    overflow: scroll !important;
  }
  .desktop\:overflow-y-auto {
    overflow: auto !important;
  }
  .desktop\:overflow-y-hidden {
    overflow: hidden !important;
  }
  .desktop\:overflow-y-visible {
    overflow: visible !important;
  }
  .desktop\:overflow-y-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:overflow-auto {
    overflow: auto !important;
  }
  .widescreen\:overflow-hidden {
    overflow: hidden !important;
  }
  .widescreen\:overflow-visible {
    overflow: visible !important;
  }
  .widescreen\:overflow-scroll {
    overflow: scroll !important;
  }
  .widescreen\:overflow-x-auto {
    overflow: auto !important;
  }
  .widescreen\:overflow-x-hidden {
    overflow: hidden !important;
  }
  .widescreen\:overflow-x-visible {
    overflow: visible !important;
  }
  .widescreen\:overflow-x-scroll {
    overflow: scroll !important;
  }
  .widescreen\:overflow-y-auto {
    overflow: auto !important;
  }
  .widescreen\:overflow-y-hidden {
    overflow: hidden !important;
  }
  .widescreen\:overflow-y-visible {
    overflow: visible !important;
  }
  .widescreen\:overflow-y-scroll {
    overflow: scroll !important;
  }
}
.static {
  position: static !important;
}

.fixed {
  position: fixed !important;
}

.relative {
  position: relative !important;
}

.absolute {
  position: absolute !important;
}

.sticky {
  position: sticky !important;
}

@media screen and (max-width: 768px) {
  .mobile\:static {
    position: static !important;
  }
  .mobile\:fixed {
    position: fixed !important;
  }
  .mobile\:relative {
    position: relative !important;
  }
  .mobile\:absolute {
    position: absolute !important;
  }
  .mobile\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:static {
    position: static !important;
  }
  .tablet\:fixed {
    position: fixed !important;
  }
  .tablet\:relative {
    position: relative !important;
  }
  .tablet\:absolute {
    position: absolute !important;
  }
  .tablet\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:static {
    position: static !important;
  }
  .desktop\:fixed {
    position: fixed !important;
  }
  .desktop\:relative {
    position: relative !important;
  }
  .desktop\:absolute {
    position: absolute !important;
  }
  .desktop\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:static {
    position: static !important;
  }
  .widescreen\:fixed {
    position: fixed !important;
  }
  .widescreen\:relative {
    position: relative !important;
  }
  .widescreen\:absolute {
    position: absolute !important;
  }
  .widescreen\:sticky {
    position: sticky !important;
  }
}
.top-auto {
  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;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

@media screen and (max-width: 768px) {
  .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;
  }
  .mobile\:top-50 {
    top: 50% !important;
  }
  .mobile\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 769px), print {
  .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;
  }
  .tablet\:top-50 {
    top: 50% !important;
  }
  .tablet\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 1024px) {
  .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;
  }
  .desktop\:top-50 {
    top: 50% !important;
  }
  .desktop\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 1440px) {
  .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;
  }
  .widescreen\:top-50 {
    top: 50% !important;
  }
  .widescreen\:top-100 {
    top: 100% !important;
  }
}
.right-auto {
  right: auto !important;
}

.right-1rem {
  right: 1rem !important;
}

.right-0 {
  right: 0 !important;
}

.right-50 {
  right: 50% !important;
}

.right-100 {
  right: 100% !important;
}

@media screen and (max-width: 768px) {
  .mobile\:right-auto {
    right: auto !important;
  }
  .mobile\:right-1rem {
    right: 1rem !important;
  }
  .mobile\:right-0 {
    right: 0 !important;
  }
  .mobile\:right-50 {
    right: 50% !important;
  }
  .mobile\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:right-auto {
    right: auto !important;
  }
  .tablet\:right-1rem {
    right: 1rem !important;
  }
  .tablet\:right-0 {
    right: 0 !important;
  }
  .tablet\:right-50 {
    right: 50% !important;
  }
  .tablet\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:right-auto {
    right: auto !important;
  }
  .desktop\:right-1rem {
    right: 1rem !important;
  }
  .desktop\:right-0 {
    right: 0 !important;
  }
  .desktop\:right-50 {
    right: 50% !important;
  }
  .desktop\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:right-auto {
    right: auto !important;
  }
  .widescreen\:right-1rem {
    right: 1rem !important;
  }
  .widescreen\:right-0 {
    right: 0 !important;
  }
  .widescreen\:right-50 {
    right: 50% !important;
  }
  .widescreen\:right-100 {
    right: 100% !important;
  }
}
.bottom-auto {
  bottom: auto !important;
}

.bottom-1rem {
  bottom: 1rem !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

@media screen and (max-width: 768px) {
  .mobile\:bottom-auto {
    bottom: auto !important;
  }
  .mobile\:bottom-1rem {
    bottom: 1rem !important;
  }
  .mobile\:bottom-0 {
    bottom: 0 !important;
  }
  .mobile\:bottom-50 {
    bottom: 50% !important;
  }
  .mobile\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:bottom-auto {
    bottom: auto !important;
  }
  .tablet\:bottom-1rem {
    bottom: 1rem !important;
  }
  .tablet\:bottom-0 {
    bottom: 0 !important;
  }
  .tablet\:bottom-50 {
    bottom: 50% !important;
  }
  .tablet\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:bottom-auto {
    bottom: auto !important;
  }
  .desktop\:bottom-1rem {
    bottom: 1rem !important;
  }
  .desktop\:bottom-0 {
    bottom: 0 !important;
  }
  .desktop\:bottom-50 {
    bottom: 50% !important;
  }
  .desktop\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:bottom-auto {
    bottom: auto !important;
  }
  .widescreen\:bottom-1rem {
    bottom: 1rem !important;
  }
  .widescreen\:bottom-0 {
    bottom: 0 !important;
  }
  .widescreen\:bottom-50 {
    bottom: 50% !important;
  }
  .widescreen\:bottom-100 {
    bottom: 100% !important;
  }
}
.left-auto {
  left: auto !important;
}

.left-1rem {
  left: 1rem !important;
}

.left-0 {
  left: 0 !important;
}

.left-50 {
  left: 50% !important;
}

.left-100 {
  left: 100% !important;
}

@media screen and (max-width: 768px) {
  .mobile\:left-auto {
    left: auto !important;
  }
  .mobile\:left-1rem {
    left: 1rem !important;
  }
  .mobile\:left-0 {
    left: 0 !important;
  }
  .mobile\:left-50 {
    left: 50% !important;
  }
  .mobile\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:left-auto {
    left: auto !important;
  }
  .tablet\:left-1rem {
    left: 1rem !important;
  }
  .tablet\:left-0 {
    left: 0 !important;
  }
  .tablet\:left-50 {
    left: 50% !important;
  }
  .tablet\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:left-auto {
    left: auto !important;
  }
  .desktop\:left-1rem {
    left: 1rem !important;
  }
  .desktop\:left-0 {
    left: 0 !important;
  }
  .desktop\:left-50 {
    left: 50% !important;
  }
  .desktop\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:left-auto {
    left: auto !important;
  }
  .widescreen\:left-1rem {
    left: 1rem !important;
  }
  .widescreen\:left-0 {
    left: 0 !important;
  }
  .widescreen\:left-50 {
    left: 50% !important;
  }
  .widescreen\:left-100 {
    left: 100% !important;
  }
}
.z-index-deep {
  z-index: var(--bal-z-index-deep) !important;
}

.z-index {
  z-index: var(--bal-z-index) !important;
}

.z-index-masked {
  z-index: var(--bal-z-index-masked) !important;
}

.z-index-mask {
  z-index: var(--bal-z-index-mask) !important;
}

.z-index-sticky {
  z-index: var(--bal-z-index-sticky) !important;
}

.z-index-navigation {
  z-index: var(--bal-z-index-navigation) !important;
}

.z-index-popup {
  z-index: var(--bal-z-index-popup) !important;
}

.z-index-modal {
  z-index: var(--bal-z-index-modal) !important;
}

.z-index-toast {
  z-index: var(--bal-z-index-toast) !important;
}

.z-index-tooltip {
  z-index: var(--bal-z-index-tooltip) !important;
}

@media screen and (max-width: 768px) {
  .mobile\:z-index-deep {
    z-index: var(--bal-z-index-deep) !important;
  }
  .mobile\:z-index {
    z-index: var(--bal-z-index) !important;
  }
  .mobile\:z-index-masked {
    z-index: var(--bal-z-index-masked) !important;
  }
  .mobile\:z-index-mask {
    z-index: var(--bal-z-index-mask) !important;
  }
  .mobile\:z-index-sticky {
    z-index: var(--bal-z-index-sticky) !important;
  }
  .mobile\:z-index-navigation {
    z-index: var(--bal-z-index-navigation) !important;
  }
  .mobile\:z-index-popup {
    z-index: var(--bal-z-index-popup) !important;
  }
  .mobile\:z-index-modal {
    z-index: var(--bal-z-index-modal) !important;
  }
  .mobile\:z-index-toast {
    z-index: var(--bal-z-index-toast) !important;
  }
  .mobile\:z-index-tooltip {
    z-index: var(--bal-z-index-tooltip) !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:z-index-deep {
    z-index: var(--bal-z-index-deep) !important;
  }
  .tablet\:z-index {
    z-index: var(--bal-z-index) !important;
  }
  .tablet\:z-index-masked {
    z-index: var(--bal-z-index-masked) !important;
  }
  .tablet\:z-index-mask {
    z-index: var(--bal-z-index-mask) !important;
  }
  .tablet\:z-index-sticky {
    z-index: var(--bal-z-index-sticky) !important;
  }
  .tablet\:z-index-navigation {
    z-index: var(--bal-z-index-navigation) !important;
  }
  .tablet\:z-index-popup {
    z-index: var(--bal-z-index-popup) !important;
  }
  .tablet\:z-index-modal {
    z-index: var(--bal-z-index-modal) !important;
  }
  .tablet\:z-index-toast {
    z-index: var(--bal-z-index-toast) !important;
  }
  .tablet\:z-index-tooltip {
    z-index: var(--bal-z-index-tooltip) !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:z-index-deep {
    z-index: var(--bal-z-index-deep) !important;
  }
  .desktop\:z-index {
    z-index: var(--bal-z-index) !important;
  }
  .desktop\:z-index-masked {
    z-index: var(--bal-z-index-masked) !important;
  }
  .desktop\:z-index-mask {
    z-index: var(--bal-z-index-mask) !important;
  }
  .desktop\:z-index-sticky {
    z-index: var(--bal-z-index-sticky) !important;
  }
  .desktop\:z-index-navigation {
    z-index: var(--bal-z-index-navigation) !important;
  }
  .desktop\:z-index-popup {
    z-index: var(--bal-z-index-popup) !important;
  }
  .desktop\:z-index-modal {
    z-index: var(--bal-z-index-modal) !important;
  }
  .desktop\:z-index-toast {
    z-index: var(--bal-z-index-toast) !important;
  }
  .desktop\:z-index-tooltip {
    z-index: var(--bal-z-index-tooltip) !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:z-index-deep {
    z-index: var(--bal-z-index-deep) !important;
  }
  .widescreen\:z-index {
    z-index: var(--bal-z-index) !important;
  }
  .widescreen\:z-index-masked {
    z-index: var(--bal-z-index-masked) !important;
  }
  .widescreen\:z-index-mask {
    z-index: var(--bal-z-index-mask) !important;
  }
  .widescreen\:z-index-sticky {
    z-index: var(--bal-z-index-sticky) !important;
  }
  .widescreen\:z-index-navigation {
    z-index: var(--bal-z-index-navigation) !important;
  }
  .widescreen\:z-index-popup {
    z-index: var(--bal-z-index-popup) !important;
  }
  .widescreen\:z-index-modal {
    z-index: var(--bal-z-index-modal) !important;
  }
  .widescreen\:z-index-toast {
    z-index: var(--bal-z-index-toast) !important;
  }
  .widescreen\:z-index-tooltip {
    z-index: var(--bal-z-index-tooltip) !important;
  }
}
.vertical-align-top {
  vertical-align: top !important;
}

.vertical-align-middle {
  vertical-align: middle !important;
}

.vertical-align-bottom {
  vertical-align: bottom !important;
}

@media screen and (max-width: 768px) {
  .mobile\:vertical-align-top {
    vertical-align: top !important;
  }
  .mobile\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .mobile\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:vertical-align-top {
    vertical-align: top !important;
  }
  .tablet\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .tablet\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:vertical-align-top {
    vertical-align: top !important;
  }
  .desktop\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .desktop\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:vertical-align-top {
    vertical-align: top !important;
  }
  .widescreen\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .widescreen\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
}
.is-sr-only {
  border: none !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 0.01em !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 0.01em !important;
}

.h-full {
  height: 100% !important;
}

.h-screen {
  height: 100vh !important;
}

.h-auto {
  height: auto !important;
}

.h-min {
  height: -moz-min-content !important;
  height: min-content !important;
}

.h-max {
  height: -moz-max-content !important;
  height: max-content !important;
}

.h-fit {
  height: -moz-fit-content !important;
  height: fit-content !important;
}

.h-1rem {
  height: 1rem !important;
}

.h-2rem {
  height: 2rem !important;
}

.h-3rem {
  height: 3rem !important;
}

.h-4rem {
  height: 4rem !important;
}

.h-5rem {
  height: 5rem !important;
}

.h-6rem {
  height: 6rem !important;
}

.h-7rem {
  height: 7rem !important;
}

.h-8rem {
  height: 8rem !important;
}

.h-9rem {
  height: 9rem !important;
}

.h-10rem {
  height: 10rem !important;
}

.h-11rem {
  height: 11rem !important;
}

.h-12rem {
  height: 12rem !important;
}

.h-13rem {
  height: 13rem !important;
}

.h-14rem {
  height: 14rem !important;
}

.h-15rem {
  height: 15rem !important;
}

.h-16rem {
  height: 16rem !important;
}

.h-17rem {
  height: 17rem !important;
}

.h-18rem {
  height: 18rem !important;
}

.h-19rem {
  height: 19rem !important;
}

.h-20rem {
  height: 20rem !important;
}

.h-21rem {
  height: 21rem !important;
}

.h-22rem {
  height: 22rem !important;
}

.h-23rem {
  height: 23rem !important;
}

.h-24rem {
  height: 24rem !important;
}

.h-25rem {
  height: 25rem !important;
}

.h-26rem {
  height: 26rem !important;
}

.h-27rem {
  height: 27rem !important;
}

.h-28rem {
  height: 28rem !important;
}

.h-29rem {
  height: 29rem !important;
}

.h-30rem {
  height: 30rem !important;
}

@media screen and (max-width: 768px) {
  .mobile\:h-full {
    height: 100% !important;
  }
  .mobile\:h-screen {
    height: 100vh !important;
  }
  .mobile\:h-auto {
    height: auto !important;
  }
  .mobile\:h-min {
    height: -moz-min-content !important;
    height: min-content !important;
  }
  .mobile\:h-max {
    height: -moz-max-content !important;
    height: max-content !important;
  }
  .mobile\:h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .mobile\:h-1rem {
    height: 1rem !important;
  }
  .mobile\:h-2rem {
    height: 2rem !important;
  }
  .mobile\:h-3rem {
    height: 3rem !important;
  }
  .mobile\:h-4rem {
    height: 4rem !important;
  }
  .mobile\:h-5rem {
    height: 5rem !important;
  }
  .mobile\:h-6rem {
    height: 6rem !important;
  }
  .mobile\:h-7rem {
    height: 7rem !important;
  }
  .mobile\:h-8rem {
    height: 8rem !important;
  }
  .mobile\:h-9rem {
    height: 9rem !important;
  }
  .mobile\:h-10rem {
    height: 10rem !important;
  }
  .mobile\:h-11rem {
    height: 11rem !important;
  }
  .mobile\:h-12rem {
    height: 12rem !important;
  }
  .mobile\:h-13rem {
    height: 13rem !important;
  }
  .mobile\:h-14rem {
    height: 14rem !important;
  }
  .mobile\:h-15rem {
    height: 15rem !important;
  }
  .mobile\:h-16rem {
    height: 16rem !important;
  }
  .mobile\:h-17rem {
    height: 17rem !important;
  }
  .mobile\:h-18rem {
    height: 18rem !important;
  }
  .mobile\:h-19rem {
    height: 19rem !important;
  }
  .mobile\:h-20rem {
    height: 20rem !important;
  }
  .mobile\:h-21rem {
    height: 21rem !important;
  }
  .mobile\:h-22rem {
    height: 22rem !important;
  }
  .mobile\:h-23rem {
    height: 23rem !important;
  }
  .mobile\:h-24rem {
    height: 24rem !important;
  }
  .mobile\:h-25rem {
    height: 25rem !important;
  }
  .mobile\:h-26rem {
    height: 26rem !important;
  }
  .mobile\:h-27rem {
    height: 27rem !important;
  }
  .mobile\:h-28rem {
    height: 28rem !important;
  }
  .mobile\:h-29rem {
    height: 29rem !important;
  }
  .mobile\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:h-full {
    height: 100% !important;
  }
  .tablet\:h-screen {
    height: 100vh !important;
  }
  .tablet\:h-auto {
    height: auto !important;
  }
  .tablet\:h-min {
    height: -moz-min-content !important;
    height: min-content !important;
  }
  .tablet\:h-max {
    height: -moz-max-content !important;
    height: max-content !important;
  }
  .tablet\:h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .tablet\:h-1rem {
    height: 1rem !important;
  }
  .tablet\:h-2rem {
    height: 2rem !important;
  }
  .tablet\:h-3rem {
    height: 3rem !important;
  }
  .tablet\:h-4rem {
    height: 4rem !important;
  }
  .tablet\:h-5rem {
    height: 5rem !important;
  }
  .tablet\:h-6rem {
    height: 6rem !important;
  }
  .tablet\:h-7rem {
    height: 7rem !important;
  }
  .tablet\:h-8rem {
    height: 8rem !important;
  }
  .tablet\:h-9rem {
    height: 9rem !important;
  }
  .tablet\:h-10rem {
    height: 10rem !important;
  }
  .tablet\:h-11rem {
    height: 11rem !important;
  }
  .tablet\:h-12rem {
    height: 12rem !important;
  }
  .tablet\:h-13rem {
    height: 13rem !important;
  }
  .tablet\:h-14rem {
    height: 14rem !important;
  }
  .tablet\:h-15rem {
    height: 15rem !important;
  }
  .tablet\:h-16rem {
    height: 16rem !important;
  }
  .tablet\:h-17rem {
    height: 17rem !important;
  }
  .tablet\:h-18rem {
    height: 18rem !important;
  }
  .tablet\:h-19rem {
    height: 19rem !important;
  }
  .tablet\:h-20rem {
    height: 20rem !important;
  }
  .tablet\:h-21rem {
    height: 21rem !important;
  }
  .tablet\:h-22rem {
    height: 22rem !important;
  }
  .tablet\:h-23rem {
    height: 23rem !important;
  }
  .tablet\:h-24rem {
    height: 24rem !important;
  }
  .tablet\:h-25rem {
    height: 25rem !important;
  }
  .tablet\:h-26rem {
    height: 26rem !important;
  }
  .tablet\:h-27rem {
    height: 27rem !important;
  }
  .tablet\:h-28rem {
    height: 28rem !important;
  }
  .tablet\:h-29rem {
    height: 29rem !important;
  }
  .tablet\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:h-full {
    height: 100% !important;
  }
  .desktop\:h-screen {
    height: 100vh !important;
  }
  .desktop\:h-auto {
    height: auto !important;
  }
  .desktop\:h-min {
    height: -moz-min-content !important;
    height: min-content !important;
  }
  .desktop\:h-max {
    height: -moz-max-content !important;
    height: max-content !important;
  }
  .desktop\:h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .desktop\:h-1rem {
    height: 1rem !important;
  }
  .desktop\:h-2rem {
    height: 2rem !important;
  }
  .desktop\:h-3rem {
    height: 3rem !important;
  }
  .desktop\:h-4rem {
    height: 4rem !important;
  }
  .desktop\:h-5rem {
    height: 5rem !important;
  }
  .desktop\:h-6rem {
    height: 6rem !important;
  }
  .desktop\:h-7rem {
    height: 7rem !important;
  }
  .desktop\:h-8rem {
    height: 8rem !important;
  }
  .desktop\:h-9rem {
    height: 9rem !important;
  }
  .desktop\:h-10rem {
    height: 10rem !important;
  }
  .desktop\:h-11rem {
    height: 11rem !important;
  }
  .desktop\:h-12rem {
    height: 12rem !important;
  }
  .desktop\:h-13rem {
    height: 13rem !important;
  }
  .desktop\:h-14rem {
    height: 14rem !important;
  }
  .desktop\:h-15rem {
    height: 15rem !important;
  }
  .desktop\:h-16rem {
    height: 16rem !important;
  }
  .desktop\:h-17rem {
    height: 17rem !important;
  }
  .desktop\:h-18rem {
    height: 18rem !important;
  }
  .desktop\:h-19rem {
    height: 19rem !important;
  }
  .desktop\:h-20rem {
    height: 20rem !important;
  }
  .desktop\:h-21rem {
    height: 21rem !important;
  }
  .desktop\:h-22rem {
    height: 22rem !important;
  }
  .desktop\:h-23rem {
    height: 23rem !important;
  }
  .desktop\:h-24rem {
    height: 24rem !important;
  }
  .desktop\:h-25rem {
    height: 25rem !important;
  }
  .desktop\:h-26rem {
    height: 26rem !important;
  }
  .desktop\:h-27rem {
    height: 27rem !important;
  }
  .desktop\:h-28rem {
    height: 28rem !important;
  }
  .desktop\:h-29rem {
    height: 29rem !important;
  }
  .desktop\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:h-full {
    height: 100% !important;
  }
  .widescreen\:h-screen {
    height: 100vh !important;
  }
  .widescreen\:h-auto {
    height: auto !important;
  }
  .widescreen\:h-min {
    height: -moz-min-content !important;
    height: min-content !important;
  }
  .widescreen\:h-max {
    height: -moz-max-content !important;
    height: max-content !important;
  }
  .widescreen\:h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .widescreen\:h-1rem {
    height: 1rem !important;
  }
  .widescreen\:h-2rem {
    height: 2rem !important;
  }
  .widescreen\:h-3rem {
    height: 3rem !important;
  }
  .widescreen\:h-4rem {
    height: 4rem !important;
  }
  .widescreen\:h-5rem {
    height: 5rem !important;
  }
  .widescreen\:h-6rem {
    height: 6rem !important;
  }
  .widescreen\:h-7rem {
    height: 7rem !important;
  }
  .widescreen\:h-8rem {
    height: 8rem !important;
  }
  .widescreen\:h-9rem {
    height: 9rem !important;
  }
  .widescreen\:h-10rem {
    height: 10rem !important;
  }
  .widescreen\:h-11rem {
    height: 11rem !important;
  }
  .widescreen\:h-12rem {
    height: 12rem !important;
  }
  .widescreen\:h-13rem {
    height: 13rem !important;
  }
  .widescreen\:h-14rem {
    height: 14rem !important;
  }
  .widescreen\:h-15rem {
    height: 15rem !important;
  }
  .widescreen\:h-16rem {
    height: 16rem !important;
  }
  .widescreen\:h-17rem {
    height: 17rem !important;
  }
  .widescreen\:h-18rem {
    height: 18rem !important;
  }
  .widescreen\:h-19rem {
    height: 19rem !important;
  }
  .widescreen\:h-20rem {
    height: 20rem !important;
  }
  .widescreen\:h-21rem {
    height: 21rem !important;
  }
  .widescreen\:h-22rem {
    height: 22rem !important;
  }
  .widescreen\:h-23rem {
    height: 23rem !important;
  }
  .widescreen\:h-24rem {
    height: 24rem !important;
  }
  .widescreen\:h-25rem {
    height: 25rem !important;
  }
  .widescreen\:h-26rem {
    height: 26rem !important;
  }
  .widescreen\:h-27rem {
    height: 27rem !important;
  }
  .widescreen\:h-28rem {
    height: 28rem !important;
  }
  .widescreen\:h-29rem {
    height: 29rem !important;
  }
  .widescreen\:h-30rem {
    height: 30rem !important;
  }
}
.w-full {
  width: 100% !important;
}

.w-screen {
  width: 100vw !important;
}

.w-auto {
  width: auto !important;
}

.w-min {
  width: -moz-min-content !important;
  width: min-content !important;
}

.w-max {
  width: -moz-max-content !important;
  width: max-content !important;
}

.w-fit {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.w-1 {
  width: 8.3333% !important;
}

.w-2 {
  width: 16.6667% !important;
}

.w-3 {
  width: 25% !important;
}

.w-4 {
  width: 33.3333% !important;
}

.w-5 {
  width: 41.6667% !important;
}

.w-6 {
  width: 50% !important;
}

.w-7 {
  width: 58.3333% !important;
}

.w-8 {
  width: 66.6667% !important;
}

.w-9 {
  width: 75% !important;
}

.w-10 {
  width: 83.3333% !important;
}

.w-11 {
  width: 91.6667% !important;
}

.w-12 {
  width: 100% !important;
}

.w-1rem {
  width: 1rem !important;
}

.w-2rem {
  width: 2rem !important;
}

.w-3rem {
  width: 3rem !important;
}

.w-4rem {
  width: 4rem !important;
}

.w-5rem {
  width: 5rem !important;
}

.w-6rem {
  width: 6rem !important;
}

.w-7rem {
  width: 7rem !important;
}

.w-8rem {
  width: 8rem !important;
}

.w-9rem {
  width: 9rem !important;
}

.w-10rem {
  width: 10rem !important;
}

.w-11rem {
  width: 11rem !important;
}

.w-12rem {
  width: 12rem !important;
}

.w-13rem {
  width: 13rem !important;
}

.w-14rem {
  width: 14rem !important;
}

.w-15rem {
  width: 15rem !important;
}

.w-16rem {
  width: 16rem !important;
}

.w-17rem {
  width: 17rem !important;
}

.w-18rem {
  width: 18rem !important;
}

.w-19rem {
  width: 19rem !important;
}

.w-20rem {
  width: 20rem !important;
}

.w-21rem {
  width: 21rem !important;
}

.w-22rem {
  width: 22rem !important;
}

.w-23rem {
  width: 23rem !important;
}

.w-24rem {
  width: 24rem !important;
}

.w-25rem {
  width: 25rem !important;
}

.w-26rem {
  width: 26rem !important;
}

.w-27rem {
  width: 27rem !important;
}

.w-28rem {
  width: 28rem !important;
}

.w-29rem {
  width: 29rem !important;
}

.w-30rem {
  width: 30rem !important;
}

@media screen and (max-width: 768px) {
  .mobile\:w-full {
    width: 100% !important;
  }
  .mobile\:w-screen {
    width: 100vw !important;
  }
  .mobile\:w-auto {
    width: auto !important;
  }
  .mobile\:w-min {
    width: -moz-min-content !important;
    width: min-content !important;
  }
  .mobile\:w-max {
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .mobile\:w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .mobile\:w-1 {
    width: 8.3333% !important;
  }
  .mobile\:w-2 {
    width: 16.6667% !important;
  }
  .mobile\:w-3 {
    width: 25% !important;
  }
  .mobile\:w-4 {
    width: 33.3333% !important;
  }
  .mobile\:w-5 {
    width: 41.6667% !important;
  }
  .mobile\:w-6 {
    width: 50% !important;
  }
  .mobile\:w-7 {
    width: 58.3333% !important;
  }
  .mobile\:w-8 {
    width: 66.6667% !important;
  }
  .mobile\:w-9 {
    width: 75% !important;
  }
  .mobile\:w-10 {
    width: 83.3333% !important;
  }
  .mobile\:w-11 {
    width: 91.6667% !important;
  }
  .mobile\:w-12 {
    width: 100% !important;
  }
  .mobile\:w-1rem {
    width: 1rem !important;
  }
  .mobile\:w-2rem {
    width: 2rem !important;
  }
  .mobile\:w-3rem {
    width: 3rem !important;
  }
  .mobile\:w-4rem {
    width: 4rem !important;
  }
  .mobile\:w-5rem {
    width: 5rem !important;
  }
  .mobile\:w-6rem {
    width: 6rem !important;
  }
  .mobile\:w-7rem {
    width: 7rem !important;
  }
  .mobile\:w-8rem {
    width: 8rem !important;
  }
  .mobile\:w-9rem {
    width: 9rem !important;
  }
  .mobile\:w-10rem {
    width: 10rem !important;
  }
  .mobile\:w-11rem {
    width: 11rem !important;
  }
  .mobile\:w-12rem {
    width: 12rem !important;
  }
  .mobile\:w-13rem {
    width: 13rem !important;
  }
  .mobile\:w-14rem {
    width: 14rem !important;
  }
  .mobile\:w-15rem {
    width: 15rem !important;
  }
  .mobile\:w-16rem {
    width: 16rem !important;
  }
  .mobile\:w-17rem {
    width: 17rem !important;
  }
  .mobile\:w-18rem {
    width: 18rem !important;
  }
  .mobile\:w-19rem {
    width: 19rem !important;
  }
  .mobile\:w-20rem {
    width: 20rem !important;
  }
  .mobile\:w-21rem {
    width: 21rem !important;
  }
  .mobile\:w-22rem {
    width: 22rem !important;
  }
  .mobile\:w-23rem {
    width: 23rem !important;
  }
  .mobile\:w-24rem {
    width: 24rem !important;
  }
  .mobile\:w-25rem {
    width: 25rem !important;
  }
  .mobile\:w-26rem {
    width: 26rem !important;
  }
  .mobile\:w-27rem {
    width: 27rem !important;
  }
  .mobile\:w-28rem {
    width: 28rem !important;
  }
  .mobile\:w-29rem {
    width: 29rem !important;
  }
  .mobile\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:w-full {
    width: 100% !important;
  }
  .tablet\:w-screen {
    width: 100vw !important;
  }
  .tablet\:w-auto {
    width: auto !important;
  }
  .tablet\:w-min {
    width: -moz-min-content !important;
    width: min-content !important;
  }
  .tablet\:w-max {
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .tablet\:w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .tablet\:w-1 {
    width: 8.3333% !important;
  }
  .tablet\:w-2 {
    width: 16.6667% !important;
  }
  .tablet\:w-3 {
    width: 25% !important;
  }
  .tablet\:w-4 {
    width: 33.3333% !important;
  }
  .tablet\:w-5 {
    width: 41.6667% !important;
  }
  .tablet\:w-6 {
    width: 50% !important;
  }
  .tablet\:w-7 {
    width: 58.3333% !important;
  }
  .tablet\:w-8 {
    width: 66.6667% !important;
  }
  .tablet\:w-9 {
    width: 75% !important;
  }
  .tablet\:w-10 {
    width: 83.3333% !important;
  }
  .tablet\:w-11 {
    width: 91.6667% !important;
  }
  .tablet\:w-12 {
    width: 100% !important;
  }
  .tablet\:w-1rem {
    width: 1rem !important;
  }
  .tablet\:w-2rem {
    width: 2rem !important;
  }
  .tablet\:w-3rem {
    width: 3rem !important;
  }
  .tablet\:w-4rem {
    width: 4rem !important;
  }
  .tablet\:w-5rem {
    width: 5rem !important;
  }
  .tablet\:w-6rem {
    width: 6rem !important;
  }
  .tablet\:w-7rem {
    width: 7rem !important;
  }
  .tablet\:w-8rem {
    width: 8rem !important;
  }
  .tablet\:w-9rem {
    width: 9rem !important;
  }
  .tablet\:w-10rem {
    width: 10rem !important;
  }
  .tablet\:w-11rem {
    width: 11rem !important;
  }
  .tablet\:w-12rem {
    width: 12rem !important;
  }
  .tablet\:w-13rem {
    width: 13rem !important;
  }
  .tablet\:w-14rem {
    width: 14rem !important;
  }
  .tablet\:w-15rem {
    width: 15rem !important;
  }
  .tablet\:w-16rem {
    width: 16rem !important;
  }
  .tablet\:w-17rem {
    width: 17rem !important;
  }
  .tablet\:w-18rem {
    width: 18rem !important;
  }
  .tablet\:w-19rem {
    width: 19rem !important;
  }
  .tablet\:w-20rem {
    width: 20rem !important;
  }
  .tablet\:w-21rem {
    width: 21rem !important;
  }
  .tablet\:w-22rem {
    width: 22rem !important;
  }
  .tablet\:w-23rem {
    width: 23rem !important;
  }
  .tablet\:w-24rem {
    width: 24rem !important;
  }
  .tablet\:w-25rem {
    width: 25rem !important;
  }
  .tablet\:w-26rem {
    width: 26rem !important;
  }
  .tablet\:w-27rem {
    width: 27rem !important;
  }
  .tablet\:w-28rem {
    width: 28rem !important;
  }
  .tablet\:w-29rem {
    width: 29rem !important;
  }
  .tablet\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:w-full {
    width: 100% !important;
  }
  .desktop\:w-screen {
    width: 100vw !important;
  }
  .desktop\:w-auto {
    width: auto !important;
  }
  .desktop\:w-min {
    width: -moz-min-content !important;
    width: min-content !important;
  }
  .desktop\:w-max {
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .desktop\:w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .desktop\:w-1 {
    width: 8.3333% !important;
  }
  .desktop\:w-2 {
    width: 16.6667% !important;
  }
  .desktop\:w-3 {
    width: 25% !important;
  }
  .desktop\:w-4 {
    width: 33.3333% !important;
  }
  .desktop\:w-5 {
    width: 41.6667% !important;
  }
  .desktop\:w-6 {
    width: 50% !important;
  }
  .desktop\:w-7 {
    width: 58.3333% !important;
  }
  .desktop\:w-8 {
    width: 66.6667% !important;
  }
  .desktop\:w-9 {
    width: 75% !important;
  }
  .desktop\:w-10 {
    width: 83.3333% !important;
  }
  .desktop\:w-11 {
    width: 91.6667% !important;
  }
  .desktop\:w-12 {
    width: 100% !important;
  }
  .desktop\:w-1rem {
    width: 1rem !important;
  }
  .desktop\:w-2rem {
    width: 2rem !important;
  }
  .desktop\:w-3rem {
    width: 3rem !important;
  }
  .desktop\:w-4rem {
    width: 4rem !important;
  }
  .desktop\:w-5rem {
    width: 5rem !important;
  }
  .desktop\:w-6rem {
    width: 6rem !important;
  }
  .desktop\:w-7rem {
    width: 7rem !important;
  }
  .desktop\:w-8rem {
    width: 8rem !important;
  }
  .desktop\:w-9rem {
    width: 9rem !important;
  }
  .desktop\:w-10rem {
    width: 10rem !important;
  }
  .desktop\:w-11rem {
    width: 11rem !important;
  }
  .desktop\:w-12rem {
    width: 12rem !important;
  }
  .desktop\:w-13rem {
    width: 13rem !important;
  }
  .desktop\:w-14rem {
    width: 14rem !important;
  }
  .desktop\:w-15rem {
    width: 15rem !important;
  }
  .desktop\:w-16rem {
    width: 16rem !important;
  }
  .desktop\:w-17rem {
    width: 17rem !important;
  }
  .desktop\:w-18rem {
    width: 18rem !important;
  }
  .desktop\:w-19rem {
    width: 19rem !important;
  }
  .desktop\:w-20rem {
    width: 20rem !important;
  }
  .desktop\:w-21rem {
    width: 21rem !important;
  }
  .desktop\:w-22rem {
    width: 22rem !important;
  }
  .desktop\:w-23rem {
    width: 23rem !important;
  }
  .desktop\:w-24rem {
    width: 24rem !important;
  }
  .desktop\:w-25rem {
    width: 25rem !important;
  }
  .desktop\:w-26rem {
    width: 26rem !important;
  }
  .desktop\:w-27rem {
    width: 27rem !important;
  }
  .desktop\:w-28rem {
    width: 28rem !important;
  }
  .desktop\:w-29rem {
    width: 29rem !important;
  }
  .desktop\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:w-full {
    width: 100% !important;
  }
  .widescreen\:w-screen {
    width: 100vw !important;
  }
  .widescreen\:w-auto {
    width: auto !important;
  }
  .widescreen\:w-min {
    width: -moz-min-content !important;
    width: min-content !important;
  }
  .widescreen\:w-max {
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .widescreen\:w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .widescreen\:w-1 {
    width: 8.3333% !important;
  }
  .widescreen\:w-2 {
    width: 16.6667% !important;
  }
  .widescreen\:w-3 {
    width: 25% !important;
  }
  .widescreen\:w-4 {
    width: 33.3333% !important;
  }
  .widescreen\:w-5 {
    width: 41.6667% !important;
  }
  .widescreen\:w-6 {
    width: 50% !important;
  }
  .widescreen\:w-7 {
    width: 58.3333% !important;
  }
  .widescreen\:w-8 {
    width: 66.6667% !important;
  }
  .widescreen\:w-9 {
    width: 75% !important;
  }
  .widescreen\:w-10 {
    width: 83.3333% !important;
  }
  .widescreen\:w-11 {
    width: 91.6667% !important;
  }
  .widescreen\:w-12 {
    width: 100% !important;
  }
  .widescreen\:w-1rem {
    width: 1rem !important;
  }
  .widescreen\:w-2rem {
    width: 2rem !important;
  }
  .widescreen\:w-3rem {
    width: 3rem !important;
  }
  .widescreen\:w-4rem {
    width: 4rem !important;
  }
  .widescreen\:w-5rem {
    width: 5rem !important;
  }
  .widescreen\:w-6rem {
    width: 6rem !important;
  }
  .widescreen\:w-7rem {
    width: 7rem !important;
  }
  .widescreen\:w-8rem {
    width: 8rem !important;
  }
  .widescreen\:w-9rem {
    width: 9rem !important;
  }
  .widescreen\:w-10rem {
    width: 10rem !important;
  }
  .widescreen\:w-11rem {
    width: 11rem !important;
  }
  .widescreen\:w-12rem {
    width: 12rem !important;
  }
  .widescreen\:w-13rem {
    width: 13rem !important;
  }
  .widescreen\:w-14rem {
    width: 14rem !important;
  }
  .widescreen\:w-15rem {
    width: 15rem !important;
  }
  .widescreen\:w-16rem {
    width: 16rem !important;
  }
  .widescreen\:w-17rem {
    width: 17rem !important;
  }
  .widescreen\:w-18rem {
    width: 18rem !important;
  }
  .widescreen\:w-19rem {
    width: 19rem !important;
  }
  .widescreen\:w-20rem {
    width: 20rem !important;
  }
  .widescreen\:w-21rem {
    width: 21rem !important;
  }
  .widescreen\:w-22rem {
    width: 22rem !important;
  }
  .widescreen\:w-23rem {
    width: 23rem !important;
  }
  .widescreen\:w-24rem {
    width: 24rem !important;
  }
  .widescreen\:w-25rem {
    width: 25rem !important;
  }
  .widescreen\:w-26rem {
    width: 26rem !important;
  }
  .widescreen\:w-27rem {
    width: 27rem !important;
  }
  .widescreen\:w-28rem {
    width: 28rem !important;
  }
  .widescreen\:w-29rem {
    width: 29rem !important;
  }
  .widescreen\:w-30rem {
    width: 30rem !important;
  }
}
.min-h-auto {
  min-height: auto !important;
}

.min-h-0 {
  min-height: 0px !important;
}

.min-h-full {
  min-height: 100% !important;
}

.min-h-screen {
  min-height: 100vh !important;
}

.min-h-min {
  min-height: -moz-min-content !important;
  min-height: min-content !important;
}

.min-h-max {
  min-height: -moz-max-content !important;
  min-height: max-content !important;
}

.min-h-fit {
  min-height: -moz-fit-content !important;
  min-height: fit-content !important;
}

@media screen and (max-width: 768px) {
  .mobile\:min-h-auto {
    min-height: auto !important;
  }
  .mobile\:min-h-0 {
    min-height: 0px !important;
  }
  .mobile\:min-h-full {
    min-height: 100% !important;
  }
  .mobile\:min-h-screen {
    min-height: 100vh !important;
  }
  .mobile\:min-h-min {
    min-height: -moz-min-content !important;
    min-height: min-content !important;
  }
  .mobile\:min-h-max {
    min-height: -moz-max-content !important;
    min-height: max-content !important;
  }
  .mobile\:min-h-fit {
    min-height: -moz-fit-content !important;
    min-height: fit-content !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:min-h-auto {
    min-height: auto !important;
  }
  .tablet\:min-h-0 {
    min-height: 0px !important;
  }
  .tablet\:min-h-full {
    min-height: 100% !important;
  }
  .tablet\:min-h-screen {
    min-height: 100vh !important;
  }
  .tablet\:min-h-min {
    min-height: -moz-min-content !important;
    min-height: min-content !important;
  }
  .tablet\:min-h-max {
    min-height: -moz-max-content !important;
    min-height: max-content !important;
  }
  .tablet\:min-h-fit {
    min-height: -moz-fit-content !important;
    min-height: fit-content !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:min-h-auto {
    min-height: auto !important;
  }
  .desktop\:min-h-0 {
    min-height: 0px !important;
  }
  .desktop\:min-h-full {
    min-height: 100% !important;
  }
  .desktop\:min-h-screen {
    min-height: 100vh !important;
  }
  .desktop\:min-h-min {
    min-height: -moz-min-content !important;
    min-height: min-content !important;
  }
  .desktop\:min-h-max {
    min-height: -moz-max-content !important;
    min-height: max-content !important;
  }
  .desktop\:min-h-fit {
    min-height: -moz-fit-content !important;
    min-height: fit-content !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:min-h-auto {
    min-height: auto !important;
  }
  .widescreen\:min-h-0 {
    min-height: 0px !important;
  }
  .widescreen\:min-h-full {
    min-height: 100% !important;
  }
  .widescreen\:min-h-screen {
    min-height: 100vh !important;
  }
  .widescreen\:min-h-min {
    min-height: -moz-min-content !important;
    min-height: min-content !important;
  }
  .widescreen\:min-h-max {
    min-height: -moz-max-content !important;
    min-height: max-content !important;
  }
  .widescreen\:min-h-fit {
    min-height: -moz-fit-content !important;
    min-height: fit-content !important;
  }
}
.min-w-auto {
  min-width: auto !important;
}

.min-w-0 {
  min-width: 0px !important;
}

.min-w-full {
  min-width: 100% !important;
}

.min-w-screen {
  min-width: 100vw !important;
}

.min-w-min {
  min-width: -moz-min-content !important;
  min-width: min-content !important;
}

.min-w-max {
  min-width: -moz-max-content !important;
  min-width: max-content !important;
}

.min-w-fit {
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
}

@media screen and (max-width: 768px) {
  .mobile\:min-w-auto {
    min-width: auto !important;
  }
  .mobile\:min-w-0 {
    min-width: 0px !important;
  }
  .mobile\:min-w-full {
    min-width: 100% !important;
  }
  .mobile\:min-w-screen {
    min-width: 100vw !important;
  }
  .mobile\:min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important;
  }
  .mobile\:min-w-max {
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
  .mobile\:min-w-fit {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:min-w-auto {
    min-width: auto !important;
  }
  .tablet\:min-w-0 {
    min-width: 0px !important;
  }
  .tablet\:min-w-full {
    min-width: 100% !important;
  }
  .tablet\:min-w-screen {
    min-width: 100vw !important;
  }
  .tablet\:min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important;
  }
  .tablet\:min-w-max {
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
  .tablet\:min-w-fit {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:min-w-auto {
    min-width: auto !important;
  }
  .desktop\:min-w-0 {
    min-width: 0px !important;
  }
  .desktop\:min-w-full {
    min-width: 100% !important;
  }
  .desktop\:min-w-screen {
    min-width: 100vw !important;
  }
  .desktop\:min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important;
  }
  .desktop\:min-w-max {
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
  .desktop\:min-w-fit {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:min-w-auto {
    min-width: auto !important;
  }
  .widescreen\:min-w-0 {
    min-width: 0px !important;
  }
  .widescreen\:min-w-full {
    min-width: 100% !important;
  }
  .widescreen\:min-w-screen {
    min-width: 100vw !important;
  }
  .widescreen\:min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important;
  }
  .widescreen\:min-w-max {
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
  .widescreen\:min-w-fit {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
  }
}
.max-h-auto {
  max-height: auto !important;
}

.max-h-0 {
  max-height: 0px !important;
}

.max-h-full {
  max-height: 100% !important;
}

.max-h-screen {
  max-height: 100vh !important;
}

.min-h-min {
  max-height: -moz-min-content !important;
  max-height: min-content !important;
}

.min-h-max {
  max-height: -moz-max-content !important;
  max-height: max-content !important;
}

.min-h-fit {
  max-height: -moz-fit-content !important;
  max-height: fit-content !important;
}

@media screen and (max-width: 768px) {
  .mobile\:max-h-auto {
    max-height: auto !important;
  }
  .mobile\:max-h-0 {
    max-height: 0px !important;
  }
  .mobile\:max-h-full {
    max-height: 100% !important;
  }
  .mobile\:max-h-screen {
    max-height: 100vh !important;
  }
  .mobile\:min-h-min {
    max-height: -moz-min-content !important;
    max-height: min-content !important;
  }
  .mobile\:min-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
  }
  .mobile\:min-h-fit {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:max-h-auto {
    max-height: auto !important;
  }
  .tablet\:max-h-0 {
    max-height: 0px !important;
  }
  .tablet\:max-h-full {
    max-height: 100% !important;
  }
  .tablet\:max-h-screen {
    max-height: 100vh !important;
  }
  .tablet\:min-h-min {
    max-height: -moz-min-content !important;
    max-height: min-content !important;
  }
  .tablet\:min-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
  }
  .tablet\:min-h-fit {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:max-h-auto {
    max-height: auto !important;
  }
  .desktop\:max-h-0 {
    max-height: 0px !important;
  }
  .desktop\:max-h-full {
    max-height: 100% !important;
  }
  .desktop\:max-h-screen {
    max-height: 100vh !important;
  }
  .desktop\:min-h-min {
    max-height: -moz-min-content !important;
    max-height: min-content !important;
  }
  .desktop\:min-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
  }
  .desktop\:min-h-fit {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:max-h-auto {
    max-height: auto !important;
  }
  .widescreen\:max-h-0 {
    max-height: 0px !important;
  }
  .widescreen\:max-h-full {
    max-height: 100% !important;
  }
  .widescreen\:max-h-screen {
    max-height: 100vh !important;
  }
  .widescreen\:min-h-min {
    max-height: -moz-min-content !important;
    max-height: min-content !important;
  }
  .widescreen\:min-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
  }
  .widescreen\:min-h-fit {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
}
.max-w-auto {
  max-width: auto !important;
}

.max-w-0 {
  max-width: 0px !important;
}

.max-w-full {
  max-width: 100% !important;
}

.max-w-screen {
  max-width: 100vw !important;
}

.max-w-min {
  max-width: -moz-min-content !important;
  max-width: min-content !important;
}

.max-w-max {
  max-width: -moz-max-content !important;
  max-width: max-content !important;
}

.max-w-fit {
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
}

@media screen and (max-width: 768px) {
  .mobile\:max-w-auto {
    max-width: auto !important;
  }
  .mobile\:max-w-0 {
    max-width: 0px !important;
  }
  .mobile\:max-w-full {
    max-width: 100% !important;
  }
  .mobile\:max-w-screen {
    max-width: 100vw !important;
  }
  .mobile\:max-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }
  .mobile\:max-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }
  .mobile\:max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:max-w-auto {
    max-width: auto !important;
  }
  .tablet\:max-w-0 {
    max-width: 0px !important;
  }
  .tablet\:max-w-full {
    max-width: 100% !important;
  }
  .tablet\:max-w-screen {
    max-width: 100vw !important;
  }
  .tablet\:max-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }
  .tablet\:max-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }
  .tablet\:max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:max-w-auto {
    max-width: auto !important;
  }
  .desktop\:max-w-0 {
    max-width: 0px !important;
  }
  .desktop\:max-w-full {
    max-width: 100% !important;
  }
  .desktop\:max-w-screen {
    max-width: 100vw !important;
  }
  .desktop\:max-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }
  .desktop\:max-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }
  .desktop\:max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:max-w-auto {
    max-width: auto !important;
  }
  .widescreen\:max-w-0 {
    max-width: 0px !important;
  }
  .widescreen\:max-w-full {
    max-width: 100% !important;
  }
  .widescreen\:max-w-screen {
    max-width: 100vw !important;
  }
  .widescreen\:max-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }
  .widescreen\:max-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }
  .widescreen\:max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
}
.m-none {
  margin: 0 !important;
}

.m-auto {
  margin: auto !important;
}

.m-xx-small {
  margin: var(--bal-space-xx-small) !important;
}

.m-x-small {
  margin: var(--bal-space-x-small) !important;
}

.m-small {
  margin: var(--bal-space-small) !important;
}

.m-normal {
  margin: var(--bal-space-normal) !important;
}

.m-medium {
  margin: var(--bal-space-medium) !important;
}

.m-large {
  margin: var(--bal-space-large) !important;
}

.m-x-large {
  margin: var(--bal-space-x-large) !important;
}

.m-xx-large {
  margin: var(--bal-space-xx-large) !important;
}

.m-xxx-large {
  margin: var(--bal-space-xxx-large) !important;
}

.m-xxxx-large {
  margin: var(--bal-space-xxxx-large) !important;
}

@media screen and (max-width: 768px) {
  .mobile\:m-xx-small {
    margin: var(--bal-space-xx-small) !important;
  }
  .mobile\:m-x-small {
    margin: var(--bal-space-x-small) !important;
  }
  .mobile\:m-small {
    margin: var(--bal-space-small) !important;
  }
  .mobile\:m-normal {
    margin: var(--bal-space-normal) !important;
  }
  .mobile\:m-medium {
    margin: var(--bal-space-medium) !important;
  }
  .mobile\:m-large {
    margin: var(--bal-space-large) !important;
  }
  .mobile\:m-x-large {
    margin: var(--bal-space-x-large) !important;
  }
  .mobile\:m-xx-large {
    margin: var(--bal-space-xx-large) !important;
  }
  .mobile\:m-xxx-large {
    margin: var(--bal-space-xxx-large) !important;
  }
  .mobile\:m-xxxx-large {
    margin: var(--bal-space-xxxx-large) !important;
  }
}
@media screen and (min-width: 769px), print {
  .m-none {
    margin: 0 !important;
  }
  .m-auto {
    margin: auto !important;
  }
  .m-xx-small {
    margin: var(--bal-space-xx-small-tablet) !important;
  }
  .tablet\:m-xx-small {
    margin: var(--bal-space-xx-small-tablet) !important;
  }
  .m-x-small {
    margin: var(--bal-space-x-small-tablet) !important;
  }
  .tablet\:m-x-small {
    margin: var(--bal-space-x-small-tablet) !important;
  }
  .m-small {
    margin: var(--bal-space-small-tablet) !important;
  }
  .tablet\:m-small {
    margin: var(--bal-space-small-tablet) !important;
  }
  .m-normal {
    margin: var(--bal-space-normal-tablet) !important;
  }
  .tablet\:m-normal {
    margin: var(--bal-space-normal-tablet) !important;
  }
  .m-medium {
    margin: var(--bal-space-medium-tablet) !important;
  }
  .tablet\:m-medium {
    margin: var(--bal-space-medium-tablet) !important;
  }
  .m-large {
    margin: var(--bal-space-large-tablet) !important;
  }
  .tablet\:m-large {
    margin: var(--bal-space-large-tablet) !important;
  }
  .m-x-large {
    margin: var(--bal-space-x-large-tablet) !important;
  }
  .tablet\:m-x-large {
    margin: var(--bal-space-x-large-tablet) !important;
  }
  .m-xx-large {
    margin: var(--bal-space-xx-large-tablet) !important;
  }
  .tablet\:m-xx-large {
    margin: var(--bal-space-xx-large-tablet) !important;
  }
  .m-xxx-large {
    margin: var(--bal-space-xxx-large-tablet) !important;
  }
  .tablet\:m-xxx-large {
    margin: var(--bal-space-xxx-large-tablet) !important;
  }
  .m-xxxx-large {
    margin: var(--bal-space-xxxx-large-tablet) !important;
  }
  .tablet\:m-xxxx-large {
    margin: var(--bal-space-xxxx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .m-none {
    margin: 0 !important;
  }
  .m-auto {
    margin: auto !important;
  }
  .m-xx-small {
    margin: var(--bal-space-xx-small-desktop) !important;
  }
  .desktop\:m-xx-small {
    margin: var(--bal-space-xx-small-desktop) !important;
  }
  .m-x-small {
    margin: var(--bal-space-x-small-desktop) !important;
  }
  .desktop\:m-x-small {
    margin: var(--bal-space-x-small-desktop) !important;
  }
  .m-small {
    margin: var(--bal-space-small-desktop) !important;
  }
  .desktop\:m-small {
    margin: var(--bal-space-small-desktop) !important;
  }
  .m-normal {
    margin: var(--bal-space-normal-desktop) !important;
  }
  .desktop\:m-normal {
    margin: var(--bal-space-normal-desktop) !important;
  }
  .m-medium {
    margin: var(--bal-space-medium-desktop) !important;
  }
  .desktop\:m-medium {
    margin: var(--bal-space-medium-desktop) !important;
  }
  .m-large {
    margin: var(--bal-space-large-desktop) !important;
  }
  .desktop\:m-large {
    margin: var(--bal-space-large-desktop) !important;
  }
  .m-x-large {
    margin: var(--bal-space-x-large-desktop) !important;
  }
  .desktop\:m-x-large {
    margin: var(--bal-space-x-large-desktop) !important;
  }
  .m-xx-large {
    margin: var(--bal-space-xx-large-desktop) !important;
  }
  .desktop\:m-xx-large {
    margin: var(--bal-space-xx-large-desktop) !important;
  }
  .m-xxx-large {
    margin: var(--bal-space-xxx-large-desktop) !important;
  }
  .desktop\:m-xxx-large {
    margin: var(--bal-space-xxx-large-desktop) !important;
  }
  .m-xxxx-large {
    margin: var(--bal-space-xxxx-large-desktop) !important;
  }
  .desktop\:m-xxxx-large {
    margin: var(--bal-space-xxxx-large-desktop) !important;
  }
}
.mx-none {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.mx-xx-small {
  margin-left: var(--bal-space-xx-small) !important;
  margin-right: var(--bal-space-xx-small) !important;
}

.mx-x-small {
  margin-left: var(--bal-space-x-small) !important;
  margin-right: var(--bal-space-x-small) !important;
}

.mx-small {
  margin-left: var(--bal-space-small) !important;
  margin-right: var(--bal-space-small) !important;
}

.mx-normal {
  margin-left: var(--bal-space-normal) !important;
  margin-right: var(--bal-space-normal) !important;
}

.mx-medium {
  margin-left: var(--bal-space-medium) !important;
  margin-right: var(--bal-space-medium) !important;
}

.mx-large {
  margin-left: var(--bal-space-large) !important;
  margin-right: var(--bal-space-large) !important;
}

.mx-x-large {
  margin-left: var(--bal-space-x-large) !important;
  margin-right: var(--bal-space-x-large) !important;
}

.mx-xx-large {
  margin-left: var(--bal-space-xx-large) !important;
  margin-right: var(--bal-space-xx-large) !important;
}

.mx-xxx-large {
  margin-left: var(--bal-space-xxx-large) !important;
  margin-right: var(--bal-space-xxx-large) !important;
}

.mx-xxxx-large {
  margin-left: var(--bal-space-xxxx-large) !important;
  margin-right: var(--bal-space-xxxx-large) !important;
}

@media screen and (max-width: 768px) {
  .mobile\:mx-xx-small {
    margin-left: var(--bal-space-xx-small) !important;
    margin-right: var(--bal-space-xx-small) !important;
  }
  .mobile\:mx-x-small {
    margin-left: var(--bal-space-x-small) !important;
    margin-right: var(--bal-space-x-small) !important;
  }
  .mobile\:mx-small {
    margin-left: var(--bal-space-small) !important;
    margin-right: var(--bal-space-small) !important;
  }
  .mobile\:mx-normal {
    margin-left: var(--bal-space-normal) !important;
    margin-right: var(--bal-space-normal) !important;
  }
  .mobile\:mx-medium {
    margin-left: var(--bal-space-medium) !important;
    margin-right: var(--bal-space-medium) !important;
  }
  .mobile\:mx-large {
    margin-left: var(--bal-space-large) !important;
    margin-right: var(--bal-space-large) !important;
  }
  .mobile\:mx-x-large {
    margin-left: var(--bal-space-x-large) !important;
    margin-right: var(--bal-space-x-large) !important;
  }
  .mobile\:mx-xx-large {
    margin-left: var(--bal-space-xx-large) !important;
    margin-right: var(--bal-space-xx-large) !important;
  }
  .mobile\:mx-xxx-large {
    margin-left: var(--bal-space-xxx-large) !important;
    margin-right: var(--bal-space-xxx-large) !important;
  }
  .mobile\:mx-xxxx-large {
    margin-left: var(--bal-space-xxxx-large) !important;
    margin-right: var(--bal-space-xxxx-large) !important;
  }
}
@media screen and (min-width: 769px), print {
  .mx-none {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .mx-xx-small {
    margin-left: var(--bal-space-xx-small-tablet) !important;
    margin-right: var(--bal-space-xx-small-tablet) !important;
  }
  .tablet\:mx-xx-small {
    margin-left: var(--bal-space-xx-small-tablet) !important;
    margin-right: var(--bal-space-xx-small-tablet) !important;
  }
  .mx-x-small {
    margin-left: var(--bal-space-x-small-tablet) !important;
    margin-right: var(--bal-space-x-small-tablet) !important;
  }
  .tablet\:mx-x-small {
    margin-left: var(--bal-space-x-small-tablet) !important;
    margin-right: var(--bal-space-x-small-tablet) !important;
  }
  .mx-small {
    margin-left: var(--bal-space-small-tablet) !important;
    margin-right: var(--bal-space-small-tablet) !important;
  }
  .tablet\:mx-small {
    margin-left: var(--bal-space-small-tablet) !important;
    margin-right: var(--bal-space-small-tablet) !important;
  }
  .mx-normal {
    margin-left: var(--bal-space-normal-tablet) !important;
    margin-right: var(--bal-space-normal-tablet) !important;
  }
  .tablet\:mx-normal {
    margin-left: var(--bal-space-normal-tablet) !important;
    margin-right: var(--bal-space-normal-tablet) !important;
  }
  .mx-medium {
    margin-left: var(--bal-space-medium-tablet) !important;
    margin-right: var(--bal-space-medium-tablet) !important;
  }
  .tablet\:mx-medium {
    margin-left: var(--bal-space-medium-tablet) !important;
    margin-right: var(--bal-space-medium-tablet) !important;
  }
  .mx-large {
    margin-left: var(--bal-space-large-tablet) !important;
    margin-right: var(--bal-space-large-tablet) !important;
  }
  .tablet\:mx-large {
    margin-left: var(--bal-space-large-tablet) !important;
    margin-right: var(--bal-space-large-tablet) !important;
  }
  .mx-x-large {
    margin-left: var(--bal-space-x-large-tablet) !important;
    margin-right: var(--bal-space-x-large-tablet) !important;
  }
  .tablet\:mx-x-large {
    margin-left: var(--bal-space-x-large-tablet) !important;
    margin-right: var(--bal-space-x-large-tablet) !important;
  }
  .mx-xx-large {
    margin-left: var(--bal-space-xx-large-tablet) !important;
    margin-right: var(--bal-space-xx-large-tablet) !important;
  }
  .tablet\:mx-xx-large {
    margin-left: var(--bal-space-xx-large-tablet) !important;
    margin-right: var(--bal-space-xx-large-tablet) !important;
  }
  .mx-xxx-large {
    margin-left: var(--bal-space-xxx-large-tablet) !important;
    margin-right: var(--bal-space-xxx-large-tablet) !important;
  }
  .tablet\:mx-xxx-large {
    margin-left: var(--bal-space-xxx-large-tablet) !important;
    margin-right: var(--bal-space-xxx-large-tablet) !important;
  }
  .mx-xxxx-large {
    margin-left: var(--bal-space-xxxx-large-tablet) !important;
    margin-right: var(--bal-space-xxxx-large-tablet) !important;
  }
  .tablet\:mx-xxxx-large {
    margin-left: var(--bal-space-xxxx-large-tablet) !important;
    margin-right: var(--bal-space-xxxx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .mx-none {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .mx-xx-small {
    margin-left: var(--bal-space-xx-small-desktop) !important;
    margin-right: var(--bal-space-xx-small-desktop) !important;
  }
  .desktop\:mx-xx-small {
    margin-left: var(--bal-space-xx-small-desktop) !important;
    margin-right: var(--bal-space-xx-small-desktop) !important;
  }
  .mx-x-small {
    margin-left: var(--bal-space-x-small-desktop) !important;
    margin-right: var(--bal-space-x-small-desktop) !important;
  }
  .desktop\:mx-x-small {
    margin-left: var(--bal-space-x-small-desktop) !important;
    margin-right: var(--bal-space-x-small-desktop) !important;
  }
  .mx-small {
    margin-left: var(--bal-space-small-desktop) !important;
    margin-right: var(--bal-space-small-desktop) !important;
  }
  .desktop\:mx-small {
    margin-left: var(--bal-space-small-desktop) !important;
    margin-right: var(--bal-space-small-desktop) !important;
  }
  .mx-normal {
    margin-left: var(--bal-space-normal-desktop) !important;
    margin-right: var(--bal-space-normal-desktop) !important;
  }
  .desktop\:mx-normal {
    margin-left: var(--bal-space-normal-desktop) !important;
    margin-right: var(--bal-space-normal-desktop) !important;
  }
  .mx-medium {
    margin-left: var(--bal-space-medium-desktop) !important;
    margin-right: var(--bal-space-medium-desktop) !important;
  }
  .desktop\:mx-medium {
    margin-left: var(--bal-space-medium-desktop) !important;
    margin-right: var(--bal-space-medium-desktop) !important;
  }
  .mx-large {
    margin-left: var(--bal-space-large-desktop) !important;
    margin-right: var(--bal-space-large-desktop) !important;
  }
  .desktop\:mx-large {
    margin-left: var(--bal-space-large-desktop) !important;
    margin-right: var(--bal-space-large-desktop) !important;
  }
  .mx-x-large {
    margin-left: var(--bal-space-x-large-desktop) !important;
    margin-right: var(--bal-space-x-large-desktop) !important;
  }
  .desktop\:mx-x-large {
    margin-left: var(--bal-space-x-large-desktop) !important;
    margin-right: var(--bal-space-x-large-desktop) !important;
  }
  .mx-xx-large {
    margin-left: var(--bal-space-xx-large-desktop) !important;
    margin-right: var(--bal-space-xx-large-desktop) !important;
  }
  .desktop\:mx-xx-large {
    margin-left: var(--bal-space-xx-large-desktop) !important;
    margin-right: var(--bal-space-xx-large-desktop) !important;
  }
  .mx-xxx-large {
    margin-left: var(--bal-space-xxx-large-desktop) !important;
    margin-right: var(--bal-space-xxx-large-desktop) !important;
  }
  .desktop\:mx-xxx-large {
    margin-left: var(--bal-space-xxx-large-desktop) !important;
    margin-right: var(--bal-space-xxx-large-desktop) !important;
  }
  .mx-xxxx-large {
    margin-left: var(--bal-space-xxxx-large-desktop) !important;
    margin-right: var(--bal-space-xxxx-large-desktop) !important;
  }
  .desktop\:mx-xxxx-large {
    margin-left: var(--bal-space-xxxx-large-desktop) !important;
    margin-right: var(--bal-space-xxxx-large-desktop) !important;
  }
}
.my-none {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.my-xx-small {
  margin-top: var(--bal-space-xx-small) !important;
  margin-bottom: var(--bal-space-xx-small) !important;
}

.my-x-small {
  margin-top: var(--bal-space-x-small) !important;
  margin-bottom: var(--bal-space-x-small) !important;
}

.my-small {
  margin-top: var(--bal-space-small) !important;
  margin-bottom: var(--bal-space-small) !important;
}

.my-normal {
  margin-top: var(--bal-space-normal) !important;
  margin-bottom: var(--bal-space-normal) !important;
}

.my-medium {
  margin-top: var(--bal-space-medium) !important;
  margin-bottom: var(--bal-space-medium) !important;
}

.my-large {
  margin-top: var(--bal-space-large) !important;
  margin-bottom: var(--bal-space-large) !important;
}

.my-x-large {
  margin-top: var(--bal-space-x-large) !important;
  margin-bottom: var(--bal-space-x-large) !important;
}

.my-xx-large {
  margin-top: var(--bal-space-xx-large) !important;
  margin-bottom: var(--bal-space-xx-large) !important;
}

.my-xxx-large {
  margin-top: var(--bal-space-xxx-large) !important;
  margin-bottom: var(--bal-space-xxx-large) !important;
}

.my-xxxx-large {
  margin-top: var(--bal-space-xxxx-large) !important;
  margin-bottom: var(--bal-space-xxxx-large) !important;
}

@media screen and (max-width: 768px) {
  .mobile\:my-xx-small {
    margin-top: var(--bal-space-xx-small) !important;
    margin-bottom: var(--bal-space-xx-small) !important;
  }
  .mobile\:my-x-small {
    margin-top: var(--bal-space-x-small) !important;
    margin-bottom: var(--bal-space-x-small) !important;
  }
  .mobile\:my-small {
    margin-top: var(--bal-space-small) !important;
    margin-bottom: var(--bal-space-small) !important;
  }
  .mobile\:my-normal {
    margin-top: var(--bal-space-normal) !important;
    margin-bottom: var(--bal-space-normal) !important;
  }
  .mobile\:my-medium {
    margin-top: var(--bal-space-medium) !important;
    margin-bottom: var(--bal-space-medium) !important;
  }
  .mobile\:my-large {
    margin-top: var(--bal-space-large) !important;
    margin-bottom: var(--bal-space-large) !important;
  }
  .mobile\:my-x-large {
    margin-top: var(--bal-space-x-large) !important;
    margin-bottom: var(--bal-space-x-large) !important;
  }
  .mobile\:my-xx-large {
    margin-top: var(--bal-space-xx-large) !important;
    margin-bottom: var(--bal-space-xx-large) !important;
  }
  .mobile\:my-xxx-large {
    margin-top: var(--bal-space-xxx-large) !important;
    margin-bottom: var(--bal-space-xxx-large) !important;
  }
  .mobile\:my-xxxx-large {
    margin-top: var(--bal-space-xxxx-large) !important;
    margin-bottom: var(--bal-space-xxxx-large) !important;
  }
}
@media screen and (min-width: 769px), print {
  .my-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .my-xx-small {
    margin-top: var(--bal-space-xx-small-tablet) !important;
    margin-bottom: var(--bal-space-xx-small-tablet) !important;
  }
  .tablet\:my-xx-small {
    margin-top: var(--bal-space-xx-small-tablet) !important;
    margin-bottom: var(--bal-space-xx-small-tablet) !important;
  }
  .my-x-small {
    margin-top: var(--bal-space-x-small-tablet) !important;
    margin-bottom: var(--bal-space-x-small-tablet) !important;
  }
  .tablet\:my-x-small {
    margin-top: var(--bal-space-x-small-tablet) !important;
    margin-bottom: var(--bal-space-x-small-tablet) !important;
  }
  .my-small {
    margin-top: var(--bal-space-small-tablet) !important;
    margin-bottom: var(--bal-space-small-tablet) !important;
  }
  .tablet\:my-small {
    margin-top: var(--bal-space-small-tablet) !important;
    margin-bottom: var(--bal-space-small-tablet) !important;
  }
  .my-normal {
    margin-top: var(--bal-space-normal-tablet) !important;
    margin-bottom: var(--bal-space-normal-tablet) !important;
  }
  .tablet\:my-normal {
    margin-top: var(--bal-space-normal-tablet) !important;
    margin-bottom: var(--bal-space-normal-tablet) !important;
  }
  .my-medium {
    margin-top: var(--bal-space-medium-tablet) !important;
    margin-bottom: var(--bal-space-medium-tablet) !important;
  }
  .tablet\:my-medium {
    margin-top: var(--bal-space-medium-tablet) !important;
    margin-bottom: var(--bal-space-medium-tablet) !important;
  }
  .my-large {
    margin-top: var(--bal-space-large-tablet) !important;
    margin-bottom: var(--bal-space-large-tablet) !important;
  }
  .tablet\:my-large {
    margin-top: var(--bal-space-large-tablet) !important;
    margin-bottom: var(--bal-space-large-tablet) !important;
  }
  .my-x-large {
    margin-top: var(--bal-space-x-large-tablet) !important;
    margin-bottom: var(--bal-space-x-large-tablet) !important;
  }
  .tablet\:my-x-large {
    margin-top: var(--bal-space-x-large-tablet) !important;
    margin-bottom: var(--bal-space-x-large-tablet) !important;
  }
  .my-xx-large {
    margin-top: var(--bal-space-xx-large-tablet) !important;
    margin-bottom: var(--bal-space-xx-large-tablet) !important;
  }
  .tablet\:my-xx-large {
    margin-top: var(--bal-space-xx-large-tablet) !important;
    margin-bottom: var(--bal-space-xx-large-tablet) !important;
  }
  .my-xxx-large {
    margin-top: var(--bal-space-xxx-large-tablet) !important;
    margin-bottom: var(--bal-space-xxx-large-tablet) !important;
  }
  .tablet\:my-xxx-large {
    margin-top: var(--bal-space-xxx-large-tablet) !important;
    margin-bottom: var(--bal-space-xxx-large-tablet) !important;
  }
  .my-xxxx-large {
    margin-top: var(--bal-space-xxxx-large-tablet) !important;
    margin-bottom: var(--bal-space-xxxx-large-tablet) !important;
  }
  .tablet\:my-xxxx-large {
    margin-top: var(--bal-space-xxxx-large-tablet) !important;
    margin-bottom: var(--bal-space-xxxx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .my-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .my-xx-small {
    margin-top: var(--bal-space-xx-small-desktop) !important;
    margin-bottom: var(--bal-space-xx-small-desktop) !important;
  }
  .desktop\:my-xx-small {
    margin-top: var(--bal-space-xx-small-desktop) !important;
    margin-bottom: var(--bal-space-xx-small-desktop) !important;
  }
  .my-x-small {
    margin-top: var(--bal-space-x-small-desktop) !important;
    margin-bottom: var(--bal-space-x-small-desktop) !important;
  }
  .desktop\:my-x-small {
    margin-top: var(--bal-space-x-small-desktop) !important;
    margin-bottom: var(--bal-space-x-small-desktop) !important;
  }
  .my-small {
    margin-top: var(--bal-space-small-desktop) !important;
    margin-bottom: var(--bal-space-small-desktop) !important;
  }
  .desktop\:my-small {
    margin-top: var(--bal-space-small-desktop) !important;
    margin-bottom: var(--bal-space-small-desktop) !important;
  }
  .my-normal {
    margin-top: var(--bal-space-normal-desktop) !important;
    margin-bottom: var(--bal-space-normal-desktop) !important;
  }
  .desktop\:my-normal {
    margin-top: var(--bal-space-normal-desktop) !important;
    margin-bottom: var(--bal-space-normal-desktop) !important;
  }
  .my-medium {
    margin-top: var(--bal-space-medium-desktop) !important;
    margin-bottom: var(--bal-space-medium-desktop) !important;
  }
  .desktop\:my-medium {
    margin-top: var(--bal-space-medium-desktop) !important;
    margin-bottom: var(--bal-space-medium-desktop) !important;
  }
  .my-large {
    margin-top: var(--bal-space-large-desktop) !important;
    margin-bottom: var(--bal-space-large-desktop) !important;
  }
  .desktop\:my-large {
    margin-top: var(--bal-space-large-desktop) !important;
    margin-bottom: var(--bal-space-large-desktop) !important;
  }
  .my-x-large {
    margin-top: var(--bal-space-x-large-desktop) !important;
    margin-bottom: var(--bal-space-x-large-desktop) !important;
  }
  .desktop\:my-x-large {
    margin-top: var(--bal-space-x-large-desktop) !important;
    margin-bottom: var(--bal-space-x-large-desktop) !important;
  }
  .my-xx-large {
    margin-top: var(--bal-space-xx-large-desktop) !important;
    margin-bottom: var(--bal-space-xx-large-desktop) !important;
  }
  .desktop\:my-xx-large {
    margin-top: var(--bal-space-xx-large-desktop) !important;
    margin-bottom: var(--bal-space-xx-large-desktop) !important;
  }
  .my-xxx-large {
    margin-top: var(--bal-space-xxx-large-desktop) !important;
    margin-bottom: var(--bal-space-xxx-large-desktop) !important;
  }
  .desktop\:my-xxx-large {
    margin-top: var(--bal-space-xxx-large-desktop) !important;
    margin-bottom: var(--bal-space-xxx-large-desktop) !important;
  }
  .my-xxxx-large {
    margin-top: var(--bal-space-xxxx-large-desktop) !important;
    margin-bottom: var(--bal-space-xxxx-large-desktop) !important;
  }
  .desktop\:my-xxxx-large {
    margin-top: var(--bal-space-xxxx-large-desktop) !important;
    margin-bottom: var(--bal-space-xxxx-large-desktop) !important;
  }
}
.mt-none {
  margin-top: 0 !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mt-xx-small {
  margin-top: var(--bal-space-xx-small) !important;
}

.mt-x-small {
  margin-top: var(--bal-space-x-small) !important;
}

.mt-small {
  margin-top: var(--bal-space-small) !important;
}

.mt-normal {
  margin-top: var(--bal-space-normal) !important;
}

.mt-medium {
  margin-top: var(--bal-space-medium) !important;
}

.mt-large {
  margin-top: var(--bal-space-large) !important;
}

.mt-x-large {
  margin-top: var(--bal-space-x-large) !important;
}

.mt-xx-large {
  margin-top: var(--bal-space-xx-large) !important;
}

.mt-xxx-large {
  margin-top: var(--bal-space-xxx-large) !important;
}

.mt-xxxx-large {
  margin-top: var(--bal-space-xxxx-large) !important;
}

@media screen and (max-width: 768px) {
  .mobile\:mt-xx-small {
    margin-top: var(--bal-space-xx-small) !important;
  }
  .mobile\:mt-x-small {
    margin-top: var(--bal-space-x-small) !important;
  }
  .mobile\:mt-small {
    margin-top: var(--bal-space-small) !important;
  }
  .mobile\:mt-normal {
    margin-top: var(--bal-space-normal) !important;
  }
  .mobile\:mt-medium {
    margin-top: var(--bal-space-medium) !important;
  }
  .mobile\:mt-large {
    margin-top: var(--bal-space-large) !important;
  }
  .mobile\:mt-x-large {
    margin-top: var(--bal-space-x-large) !important;
  }
  .mobile\:mt-xx-large {
    margin-top: var(--bal-space-xx-large) !important;
  }
  .mobile\:mt-xxx-large {
    margin-top: var(--bal-space-xxx-large) !important;
  }
  .mobile\:mt-xxxx-large {
    margin-top: var(--bal-space-xxxx-large) !important;
  }
}
@media screen and (min-width: 769px), print {
  .mt-none {
    margin-top: 0 !important;
  }
  .mt-auto {
    margin-top: auto !important;
  }
  .mt-xx-small {
    margin-top: var(--bal-space-xx-small-tablet) !important;
  }
  .tablet\:mt-xx-small {
    margin-top: var(--bal-space-xx-small-tablet) !important;
  }
  .mt-x-small {
    margin-top: var(--bal-space-x-small-tablet) !important;
  }
  .tablet\:mt-x-small {
    margin-top: var(--bal-space-x-small-tablet) !important;
  }
  .mt-small {
    margin-top: var(--bal-space-small-tablet) !important;
  }
  .tablet\:mt-small {
    margin-top: var(--bal-space-small-tablet) !important;
  }
  .mt-normal {
    margin-top: var(--bal-space-normal-tablet) !important;
  }
  .tablet\:mt-normal {
    margin-top: var(--bal-space-normal-tablet) !important;
  }
  .mt-medium {
    margin-top: var(--bal-space-medium-tablet) !important;
  }
  .tablet\:mt-medium {
    margin-top: var(--bal-space-medium-tablet) !important;
  }
  .mt-large {
    margin-top: var(--bal-space-large-tablet) !important;
  }
  .tablet\:mt-large {
    margin-top: var(--bal-space-large-tablet) !important;
  }
  .mt-x-large {
    margin-top: var(--bal-space-x-large-tablet) !important;
  }
  .tablet\:mt-x-large {
    margin-top: var(--bal-space-x-large-tablet) !important;
  }
  .mt-xx-large {
    margin-top: var(--bal-space-xx-large-tablet) !important;
  }
  .tablet\:mt-xx-large {
    margin-top: var(--bal-space-xx-large-tablet) !important;
  }
  .mt-xxx-large {
    margin-top: var(--bal-space-xxx-large-tablet) !important;
  }
  .tablet\:mt-xxx-large {
    margin-top: var(--bal-space-xxx-large-tablet) !important;
  }
  .mt-xxxx-large {
    margin-top: var(--bal-space-xxxx-large-tablet) !important;
  }
  .tablet\:mt-xxxx-large {
    margin-top: var(--bal-space-xxxx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .mt-none {
    margin-top: 0 !important;
  }
  .mt-auto {
    margin-top: auto !important;
  }
  .mt-xx-small {
    margin-top: var(--bal-space-xx-small-desktop) !important;
  }
  .desktop\:mt-xx-small {
    margin-top: var(--bal-space-xx-small-desktop) !important;
  }
  .mt-x-small {
    margin-top: var(--bal-space-x-small-desktop) !important;
  }
  .desktop\:mt-x-small {
    margin-top: var(--bal-space-x-small-desktop) !important;
  }
  .mt-small {
    margin-top: var(--bal-space-small-desktop) !important;
  }
  .desktop\:mt-small {
    margin-top: var(--bal-space-small-desktop) !important;
  }
  .mt-normal {
    margin-top: var(--bal-space-normal-desktop) !important;
  }
  .desktop\:mt-normal {
    margin-top: var(--bal-space-normal-desktop) !important;
  }
  .mt-medium {
    margin-top: var(--bal-space-medium-desktop) !important;
  }
  .desktop\:mt-medium {
    margin-top: var(--bal-space-medium-desktop) !important;
  }
  .mt-large {
    margin-top: var(--bal-space-large-desktop) !important;
  }
  .desktop\:mt-large {
    margin-top: var(--bal-space-large-desktop) !important;
  }
  .mt-x-large {
    margin-top: var(--bal-space-x-large-desktop) !important;
  }
  .desktop\:mt-x-large {
    margin-top: var(--bal-space-x-large-desktop) !important;
  }
  .mt-xx-large {
    margin-top: var(--bal-space-xx-large-desktop) !important;
  }
  .desktop\:mt-xx-large {
    margin-top: var(--bal-space-xx-large-desktop) !important;
  }
  .mt-xxx-large {
    margin-top: var(--bal-space-xxx-large-desktop) !important;
  }
  .desktop\:mt-xxx-large {
    margin-top: var(--bal-space-xxx-large-desktop) !important;
  }
  .mt-xxxx-large {
    margin-top: var(--bal-space-xxxx-large-desktop) !important;
  }
  .desktop\:mt-xxxx-large {
    margin-top: var(--bal-space-xxxx-large-desktop) !important;
  }
}
.mr-none {
  margin-right: 0 !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mr-xx-small {
  margin-right: var(--bal-space-xx-small) !important;
}

.mr-x-small {
  margin-right: var(--bal-space-x-small) !important;
}

.mr-small {
  margin-right: var(--bal-space-small) !important;
}

.mr-normal {
  margin-right: var(--bal-space-normal) !important;
}

.mr-medium {
  margin-right: var(--bal-space-medium) !important;
}

.mr-large {
  margin-right: var(--bal-space-large) !important;
}

.mr-x-large {
  margin-right: var(--bal-space-x-large) !important;
}

.mr-xx-large {
  margin-right: var(--bal-space-xx-large) !important;
}

.mr-xxx-large {
  margin-right: var(--bal-space-xxx-large) !important;
}

.mr-xxxx-large {
  margin-right: var(--bal-space-xxxx-large) !important;
}

@media screen and (max-width: 768px) {
  .mobile\:mr-xx-small {
    margin-right: var(--bal-space-xx-small) !important;
  }
  .mobile\:mr-x-small {
    margin-right: var(--bal-space-x-small) !important;
  }
  .mobile\:mr-small {
    margin-right: var(--bal-space-small) !important;
  }
  .mobile\:mr-normal {
    margin-right: var(--bal-space-normal) !important;
  }
  .mobile\:mr-medium {
    margin-right: var(--bal-space-medium) !important;
  }
  .mobile\:mr-large {
    margin-right: var(--bal-space-large) !important;
  }
  .mobile\:mr-x-large {
    margin-right: var(--bal-space-x-large) !important;
  }
  .mobile\:mr-xx-large {
    margin-right: var(--bal-space-xx-large) !important;
  }
  .mobile\:mr-xxx-large {
    margin-right: var(--bal-space-xxx-large) !important;
  }
  .mobile\:mr-xxxx-large {
    margin-right: var(--bal-space-xxxx-large) !important;
  }
}
@media screen and (min-width: 769px), print {
  .mr-none {
    margin-right: 0 !important;
  }
  .mr-auto {
    margin-right: auto !important;
  }
  .mr-xx-small {
    margin-right: var(--bal-space-xx-small-tablet) !important;
  }
  .tablet\:mr-xx-small {
    margin-right: var(--bal-space-xx-small-tablet) !important;
  }
  .mr-x-small {
    margin-right: var(--bal-space-x-small-tablet) !important;
  }
  .tablet\:mr-x-small {
    margin-right: var(--bal-space-x-small-tablet) !important;
  }
  .mr-small {
    margin-right: var(--bal-space-small-tablet) !important;
  }
  .tablet\:mr-small {
    margin-right: var(--bal-space-small-tablet) !important;
  }
  .mr-normal {
    margin-right: var(--bal-space-normal-tablet) !important;
  }
  .tablet\:mr-normal {
    margin-right: var(--bal-space-normal-tablet) !important;
  }
  .mr-medium {
    margin-right: var(--bal-space-medium-tablet) !important;
  }
  .tablet\:mr-medium {
    margin-right: var(--bal-space-medium-tablet) !important;
  }
  .mr-large {
    margin-right: var(--bal-space-large-tablet) !important;
  }
  .tablet\:mr-large {
    margin-right: var(--bal-space-large-tablet) !important;
  }
  .mr-x-large {
    margin-right: var(--bal-space-x-large-tablet) !important;
  }
  .tablet\:mr-x-large {
    margin-right: var(--bal-space-x-large-tablet) !important;
  }
  .mr-xx-large {
    margin-right: var(--bal-space-xx-large-tablet) !important;
  }
  .tablet\:mr-xx-large {
    margin-right: var(--bal-space-xx-large-tablet) !important;
  }
  .mr-xxx-large {
    margin-right: var(--bal-space-xxx-large-tablet) !important;
  }
  .tablet\:mr-xxx-large {
    margin-right: var(--bal-space-xxx-large-tablet) !important;
  }
  .mr-xxxx-large {
    margin-right: var(--bal-space-xxxx-large-tablet) !important;
  }
  .tablet\:mr-xxxx-large {
    margin-right: var(--bal-space-xxxx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .mr-none {
    margin-right: 0 !important;
  }
  .mr-auto {
    margin-right: auto !important;
  }
  .mr-xx-small {
    margin-right: var(--bal-space-xx-small-desktop) !important;
  }
  .desktop\:mr-xx-small {
    margin-right: var(--bal-space-xx-small-desktop) !important;
  }
  .mr-x-small {
    margin-right: var(--bal-space-x-small-desktop) !important;
  }
  .desktop\:mr-x-small {
    margin-right: var(--bal-space-x-small-desktop) !important;
  }
  .mr-small {
    margin-right: var(--bal-space-small-desktop) !important;
  }
  .desktop\:mr-small {
    margin-right: var(--bal-space-small-desktop) !important;
  }
  .mr-normal {
    margin-right: var(--bal-space-normal-desktop) !important;
  }
  .desktop\:mr-normal {
    margin-right: var(--bal-space-normal-desktop) !important;
  }
  .mr-medium {
    margin-right: var(--bal-space-medium-desktop) !important;
  }
  .desktop\:mr-medium {
    margin-right: var(--bal-space-medium-desktop) !important;
  }
  .mr-large {
    margin-right: var(--bal-space-large-desktop) !important;
  }
  .desktop\:mr-large {
    margin-right: var(--bal-space-large-desktop) !important;
  }
  .mr-x-large {
    margin-right: var(--bal-space-x-large-desktop) !important;
  }
  .desktop\:mr-x-large {
    margin-right: var(--bal-space-x-large-desktop) !important;
  }
  .mr-xx-large {
    margin-right: var(--bal-space-xx-large-desktop) !important;
  }
  .desktop\:mr-xx-large {
    margin-right: var(--bal-space-xx-large-desktop) !important;
  }
  .mr-xxx-large {
    margin-right: var(--bal-space-xxx-large-desktop) !important;
  }
  .desktop\:mr-xxx-large {
    margin-right: var(--bal-space-xxx-large-desktop) !important;
  }
  .mr-xxxx-large {
    margin-right: var(--bal-space-xxxx-large-desktop) !important;
  }
  .desktop\:mr-xxxx-large {
    margin-right: var(--bal-space-xxxx-large-desktop) !important;
  }
}
.mb-none {
  margin-bottom: 0 !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.mb-xx-small {
  margin-bottom: var(--bal-space-xx-small) !important;
}

.mb-x-small {
  margin-bottom: var(--bal-space-x-small) !important;
}

.mb-small {
  margin-bottom: var(--bal-space-small) !important;
}

.mb-normal {
  margin-bottom: var(--bal-space-normal) !important;
}

.mb-medium {
  margin-bottom: var(--bal-space-medium) !important;
}

.mb-large {
  margin-bottom: var(--bal-space-large) !important;
}

.mb-x-large {
  margin-bottom: var(--bal-space-x-large) !important;
}

.mb-xx-large {
  margin-bottom: var(--bal-space-xx-large) !important;
}

.mb-xxx-large {
  margin-bottom: var(--bal-space-xxx-large) !important;
}

.mb-xxxx-large {
  margin-bottom: var(--bal-space-xxxx-large) !important;
}

@media screen and (max-width: 768px) {
  .mobile\:mb-xx-small {
    margin-bottom: var(--bal-space-xx-small) !important;
  }
  .mobile\:mb-x-small {
    margin-bottom: var(--bal-space-x-small) !important;
  }
  .mobile\:mb-small {
    margin-bottom: var(--bal-space-small) !important;
  }
  .mobile\:mb-normal {
    margin-bottom: var(--bal-space-normal) !important;
  }
  .mobile\:mb-medium {
    margin-bottom: var(--bal-space-medium) !important;
  }
  .mobile\:mb-large {
    margin-bottom: var(--bal-space-large) !important;
  }
  .mobile\:mb-x-large {
    margin-bottom: var(--bal-space-x-large) !important;
  }
  .mobile\:mb-xx-large {
    margin-bottom: var(--bal-space-xx-large) !important;
  }
  .mobile\:mb-xxx-large {
    margin-bottom: var(--bal-space-xxx-large) !important;
  }
  .mobile\:mb-xxxx-large {
    margin-bottom: var(--bal-space-xxxx-large) !important;
  }
}
@media screen and (min-width: 769px), print {
  .mb-none {
    margin-bottom: 0 !important;
  }
  .mb-auto {
    margin-bottom: auto !important;
  }
  .mb-xx-small {
    margin-bottom: var(--bal-space-xx-small-tablet) !important;
  }
  .tablet\:mb-xx-small {
    margin-bottom: var(--bal-space-xx-small-tablet) !important;
  }
  .mb-x-small {
    margin-bottom: var(--bal-space-x-small-tablet) !important;
  }
  .tablet\:mb-x-small {
    margin-bottom: var(--bal-space-x-small-tablet) !important;
  }
  .mb-small {
    margin-bottom: var(--bal-space-small-tablet) !important;
  }
  .tablet\:mb-small {
    margin-bottom: var(--bal-space-small-tablet) !important;
  }
  .mb-normal {
    margin-bottom: var(--bal-space-normal-tablet) !important;
  }
  .tablet\:mb-normal {
    margin-bottom: var(--bal-space-normal-tablet) !important;
  }
  .mb-medium {
    margin-bottom: var(--bal-space-medium-tablet) !important;
  }
  .tablet\:mb-medium {
    margin-bottom: var(--bal-space-medium-tablet) !important;
  }
  .mb-large {
    margin-bottom: var(--bal-space-large-tablet) !important;
  }
  .tablet\:mb-large {
    margin-bottom: var(--bal-space-large-tablet) !important;
  }
  .mb-x-large {
    margin-bottom: var(--bal-space-x-large-tablet) !important;
  }
  .tablet\:mb-x-large {
    margin-bottom: var(--bal-space-x-large-tablet) !important;
  }
  .mb-xx-large {
    margin-bottom: var(--bal-space-xx-large-tablet) !important;
  }
  .tablet\:mb-xx-large {
    margin-bottom: var(--bal-space-xx-large-tablet) !important;
  }
  .mb-xxx-large {
    margin-bottom: var(--bal-space-xxx-large-tablet) !important;
  }
  .tablet\:mb-xxx-large {
    margin-bottom: var(--bal-space-xxx-large-tablet) !important;
  }
  .mb-xxxx-large {
    margin-bottom: var(--bal-space-xxxx-large-tablet) !important;
  }
  .tablet\:mb-xxxx-large {
    margin-bottom: var(--bal-space-xxxx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .mb-none {
    margin-bottom: 0 !important;
  }
  .mb-auto {
    margin-bottom: auto !important;
  }
  .mb-xx-small {
    margin-bottom: var(--bal-space-xx-small-desktop) !important;
  }
  .desktop\:mb-xx-small {
    margin-bottom: var(--bal-space-xx-small-desktop) !important;
  }
  .mb-x-small {
    margin-bottom: var(--bal-space-x-small-desktop) !important;
  }
  .desktop\:mb-x-small {
    margin-bottom: var(--bal-space-x-small-desktop) !important;
  }
  .mb-small {
    margin-bottom: var(--bal-space-small-desktop) !important;
  }
  .desktop\:mb-small {
    margin-bottom: var(--bal-space-small-desktop) !important;
  }
  .mb-normal {
    margin-bottom: var(--bal-space-normal-desktop) !important;
  }
  .desktop\:mb-normal {
    margin-bottom: var(--bal-space-normal-desktop) !important;
  }
  .mb-medium {
    margin-bottom: var(--bal-space-medium-desktop) !important;
  }
  .desktop\:mb-medium {
    margin-bottom: var(--bal-space-medium-desktop) !important;
  }
  .mb-large {
    margin-bottom: var(--bal-space-large-desktop) !important;
  }
  .desktop\:mb-large {
    margin-bottom: var(--bal-space-large-desktop) !important;
  }
  .mb-x-large {
    margin-bottom: var(--bal-space-x-large-desktop) !important;
  }
  .desktop\:mb-x-large {
    margin-bottom: var(--bal-space-x-large-desktop) !important;
  }
  .mb-xx-large {
    margin-bottom: var(--bal-space-xx-large-desktop) !important;
  }
  .desktop\:mb-xx-large {
    margin-bottom: var(--bal-space-xx-large-desktop) !important;
  }
  .mb-xxx-large {
    margin-bottom: var(--bal-space-xxx-large-desktop) !important;
  }
  .desktop\:mb-xxx-large {
    margin-bottom: var(--bal-space-xxx-large-desktop) !important;
  }
  .mb-xxxx-large {
    margin-bottom: var(--bal-space-xxxx-large-desktop) !important;
  }
  .desktop\:mb-xxxx-large {
    margin-bottom: var(--bal-space-xxxx-large-desktop) !important;
  }
}
.ml-none {
  margin-left: 0 !important;
}

.ml-auto {
  margin-left: auto !important;
}

.ml-xx-small {
  margin-left: var(--bal-space-xx-small) !important;
}

.ml-x-small {
  margin-left: var(--bal-space-x-small) !important;
}

.ml-small {
  margin-left: var(--bal-space-small) !important;
}

.ml-normal {
  margin-left: var(--bal-space-normal) !important;
}

.ml-medium {
  margin-left: var(--bal-space-medium) !important;
}

.ml-large {
  margin-left: var(--bal-space-large) !important;
}

.ml-x-large {
  margin-left: var(--bal-space-x-large) !important;
}

.ml-xx-large {
  margin-left: var(--bal-space-xx-large) !important;
}

.ml-xxx-large {
  margin-left: var(--bal-space-xxx-large) !important;
}

.ml-xxxx-large {
  margin-left: var(--bal-space-xxxx-large) !important;
}

@media screen and (max-width: 768px) {
  .mobile\:ml-xx-small {
    margin-left: var(--bal-space-xx-small) !important;
  }
  .mobile\:ml-x-small {
    margin-left: var(--bal-space-x-small) !important;
  }
  .mobile\:ml-small {
    margin-left: var(--bal-space-small) !important;
  }
  .mobile\:ml-normal {
    margin-left: var(--bal-space-normal) !important;
  }
  .mobile\:ml-medium {
    margin-left: var(--bal-space-medium) !important;
  }
  .mobile\:ml-large {
    margin-left: var(--bal-space-large) !important;
  }
  .mobile\:ml-x-large {
    margin-left: var(--bal-space-x-large) !important;
  }
  .mobile\:ml-xx-large {
    margin-left: var(--bal-space-xx-large) !important;
  }
  .mobile\:ml-xxx-large {
    margin-left: var(--bal-space-xxx-large) !important;
  }
  .mobile\:ml-xxxx-large {
    margin-left: var(--bal-space-xxxx-large) !important;
  }
}
@media screen and (min-width: 769px), print {
  .ml-none {
    margin-left: 0 !important;
  }
  .ml-auto {
    margin-left: auto !important;
  }
  .ml-xx-small {
    margin-left: var(--bal-space-xx-small-tablet) !important;
  }
  .tablet\:ml-xx-small {
    margin-left: var(--bal-space-xx-small-tablet) !important;
  }
  .ml-x-small {
    margin-left: var(--bal-space-x-small-tablet) !important;
  }
  .tablet\:ml-x-small {
    margin-left: var(--bal-space-x-small-tablet) !important;
  }
  .ml-small {
    margin-left: var(--bal-space-small-tablet) !important;
  }
  .tablet\:ml-small {
    margin-left: var(--bal-space-small-tablet) !important;
  }
  .ml-normal {
    margin-left: var(--bal-space-normal-tablet) !important;
  }
  .tablet\:ml-normal {
    margin-left: var(--bal-space-normal-tablet) !important;
  }
  .ml-medium {
    margin-left: var(--bal-space-medium-tablet) !important;
  }
  .tablet\:ml-medium {
    margin-left: var(--bal-space-medium-tablet) !important;
  }
  .ml-large {
    margin-left: var(--bal-space-large-tablet) !important;
  }
  .tablet\:ml-large {
    margin-left: var(--bal-space-large-tablet) !important;
  }
  .ml-x-large {
    margin-left: var(--bal-space-x-large-tablet) !important;
  }
  .tablet\:ml-x-large {
    margin-left: var(--bal-space-x-large-tablet) !important;
  }
  .ml-xx-large {
    margin-left: var(--bal-space-xx-large-tablet) !important;
  }
  .tablet\:ml-xx-large {
    margin-left: var(--bal-space-xx-large-tablet) !important;
  }
  .ml-xxx-large {
    margin-left: var(--bal-space-xxx-large-tablet) !important;
  }
  .tablet\:ml-xxx-large {
    margin-left: var(--bal-space-xxx-large-tablet) !important;
  }
  .ml-xxxx-large {
    margin-left: var(--bal-space-xxxx-large-tablet) !important;
  }
  .tablet\:ml-xxxx-large {
    margin-left: var(--bal-space-xxxx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .ml-none {
    margin-left: 0 !important;
  }
  .ml-auto {
    margin-left: auto !important;
  }
  .ml-xx-small {
    margin-left: var(--bal-space-xx-small-desktop) !important;
  }
  .desktop\:ml-xx-small {
    margin-left: var(--bal-space-xx-small-desktop) !important;
  }
  .ml-x-small {
    margin-left: var(--bal-space-x-small-desktop) !important;
  }
  .desktop\:ml-x-small {
    margin-left: var(--bal-space-x-small-desktop) !important;
  }
  .ml-small {
    margin-left: var(--bal-space-small-desktop) !important;
  }
  .desktop\:ml-small {
    margin-left: var(--bal-space-small-desktop) !important;
  }
  .ml-normal {
    margin-left: var(--bal-space-normal-desktop) !important;
  }
  .desktop\:ml-normal {
    margin-left: var(--bal-space-normal-desktop) !important;
  }
  .ml-medium {
    margin-left: var(--bal-space-medium-desktop) !important;
  }
  .desktop\:ml-medium {
    margin-left: var(--bal-space-medium-desktop) !important;
  }
  .ml-large {
    margin-left: var(--bal-space-large-desktop) !important;
  }
  .desktop\:ml-large {
    margin-left: var(--bal-space-large-desktop) !important;
  }
  .ml-x-large {
    margin-left: var(--bal-space-x-large-desktop) !important;
  }
  .desktop\:ml-x-large {
    margin-left: var(--bal-space-x-large-desktop) !important;
  }
  .ml-xx-large {
    margin-left: var(--bal-space-xx-large-desktop) !important;
  }
  .desktop\:ml-xx-large {
    margin-left: var(--bal-space-xx-large-desktop) !important;
  }
  .ml-xxx-large {
    margin-left: var(--bal-space-xxx-large-desktop) !important;
  }
  .desktop\:ml-xxx-large {
    margin-left: var(--bal-space-xxx-large-desktop) !important;
  }
  .ml-xxxx-large {
    margin-left: var(--bal-space-xxxx-large-desktop) !important;
  }
  .desktop\:ml-xxxx-large {
    margin-left: var(--bal-space-xxxx-large-desktop) !important;
  }
}
.p-none {
  padding: 0 !important;
}

.p-auto {
  padding: auto !important;
}

.p-xx-small {
  padding: var(--bal-space-xx-small) !important;
}

.p-x-small {
  padding: var(--bal-space-x-small) !important;
}

.p-small {
  padding: var(--bal-space-small) !important;
}

.p-normal {
  padding: var(--bal-space-normal) !important;
}

.p-medium {
  padding: var(--bal-space-medium) !important;
}

.p-large {
  padding: var(--bal-space-large) !important;
}

.p-x-large {
  padding: var(--bal-space-x-large) !important;
}

.p-xx-large {
  padding: var(--bal-space-xx-large) !important;
}

.p-xxx-large {
  padding: var(--bal-space-xxx-large) !important;
}

.p-xxxx-large {
  padding: var(--bal-space-xxxx-large) !important;
}

@media screen and (max-width: 768px) {
  .mobile\:p-xx-small {
    padding: var(--bal-space-xx-small) !important;
  }
  .mobile\:p-x-small {
    padding: var(--bal-space-x-small) !important;
  }
  .mobile\:p-small {
    padding: var(--bal-space-small) !important;
  }
  .mobile\:p-normal {
    padding: var(--bal-space-normal) !important;
  }
  .mobile\:p-medium {
    padding: var(--bal-space-medium) !important;
  }
  .mobile\:p-large {
    padding: var(--bal-space-large) !important;
  }
  .mobile\:p-x-large {
    padding: var(--bal-space-x-large) !important;
  }
  .mobile\:p-xx-large {
    padding: var(--bal-space-xx-large) !important;
  }
  .mobile\:p-xxx-large {
    padding: var(--bal-space-xxx-large) !important;
  }
  .mobile\:p-xxxx-large {
    padding: var(--bal-space-xxxx-large) !important;
  }
}
@media screen and (min-width: 769px), print {
  .p-none {
    padding: 0 !important;
  }
  .p-auto {
    padding: auto !important;
  }
  .p-xx-small {
    padding: var(--bal-space-xx-small-tablet) !important;
  }
  .tablet\:p-xx-small {
    padding: var(--bal-space-xx-small-tablet) !important;
  }
  .p-x-small {
    padding: var(--bal-space-x-small-tablet) !important;
  }
  .tablet\:p-x-small {
    padding: var(--bal-space-x-small-tablet) !important;
  }
  .p-small {
    padding: var(--bal-space-small-tablet) !important;
  }
  .tablet\:p-small {
    padding: var(--bal-space-small-tablet) !important;
  }
  .p-normal {
    padding: var(--bal-space-normal-tablet) !important;
  }
  .tablet\:p-normal {
    padding: var(--bal-space-normal-tablet) !important;
  }
  .p-medium {
    padding: var(--bal-space-medium-tablet) !important;
  }
  .tablet\:p-medium {
    padding: var(--bal-space-medium-tablet) !important;
  }
  .p-large {
    padding: var(--bal-space-large-tablet) !important;
  }
  .tablet\:p-large {
    padding: var(--bal-space-large-tablet) !important;
  }
  .p-x-large {
    padding: var(--bal-space-x-large-tablet) !important;
  }
  .tablet\:p-x-large {
    padding: var(--bal-space-x-large-tablet) !important;
  }
  .p-xx-large {
    padding: var(--bal-space-xx-large-tablet) !important;
  }
  .tablet\:p-xx-large {
    padding: var(--bal-space-xx-large-tablet) !important;
  }
  .p-xxx-large {
    padding: var(--bal-space-xxx-large-tablet) !important;
  }
  .tablet\:p-xxx-large {
    padding: var(--bal-space-xxx-large-tablet) !important;
  }
  .p-xxxx-large {
    padding: var(--bal-space-xxxx-large-tablet) !important;
  }
  .tablet\:p-xxxx-large {
    padding: var(--bal-space-xxxx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .p-none {
    padding: 0 !important;
  }
  .p-auto {
    padding: auto !important;
  }
  .p-xx-small {
    padding: var(--bal-space-xx-small-desktop) !important;
  }
  .desktop\:p-xx-small {
    padding: var(--bal-space-xx-small-desktop) !important;
  }
  .p-x-small {
    padding: var(--bal-space-x-small-desktop) !important;
  }
  .desktop\:p-x-small {
    padding: var(--bal-space-x-small-desktop) !important;
  }
  .p-small {
    padding: var(--bal-space-small-desktop) !important;
  }
  .desktop\:p-small {
    padding: var(--bal-space-small-desktop) !important;
  }
  .p-normal {
    padding: var(--bal-space-normal-desktop) !important;
  }
  .desktop\:p-normal {
    padding: var(--bal-space-normal-desktop) !important;
  }
  .p-medium {
    padding: var(--bal-space-medium-desktop) !important;
  }
  .desktop\:p-medium {
    padding: var(--bal-space-medium-desktop) !important;
  }
  .p-large {
    padding: var(--bal-space-large-desktop) !important;
  }
  .desktop\:p-large {
    padding: var(--bal-space-large-desktop) !important;
  }
  .p-x-large {
    padding: var(--bal-space-x-large-desktop) !important;
  }
  .desktop\:p-x-large {
    padding: var(--bal-space-x-large-desktop) !important;
  }
  .p-xx-large {
    padding: var(--bal-space-xx-large-desktop) !important;
  }
  .desktop\:p-xx-large {
    padding: var(--bal-space-xx-large-desktop) !important;
  }
  .p-xxx-large {
    padding: var(--bal-space-xxx-large-desktop) !important;
  }
  .desktop\:p-xxx-large {
    padding: var(--bal-space-xxx-large-desktop) !important;
  }
  .p-xxxx-large {
    padding: var(--bal-space-xxxx-large-desktop) !important;
  }
  .desktop\:p-xxxx-large {
    padding: var(--bal-space-xxxx-large-desktop) !important;
  }
}
.px-none {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.px-auto {
  padding-left: auto !important;
  padding-right: auto !important;
}

.px-xx-small {
  padding-left: var(--bal-space-xx-small) !important;
  padding-right: var(--bal-space-xx-small) !important;
}

.px-x-small {
  padding-left: var(--bal-space-x-small) !important;
  padding-right: var(--bal-space-x-small) !important;
}

.px-small {
  padding-left: var(--bal-space-small) !important;
  padding-right: var(--bal-space-small) !important;
}

.px-normal {
  padding-left: var(--bal-space-normal) !important;
  padding-right: var(--bal-space-normal) !important;
}

.px-medium {
  padding-left: var(--bal-space-medium) !important;
  padding-right: var(--bal-space-medium) !important;
}

.px-large {
  padding-left: var(--bal-space-large) !important;
  padding-right: var(--bal-space-large) !important;
}

.px-x-large {
  padding-left: var(--bal-space-x-large) !important;
  padding-right: var(--bal-space-x-large) !important;
}

.px-xx-large {
  padding-left: var(--bal-space-xx-large) !important;
  padding-right: var(--bal-space-xx-large) !important;
}

.px-xxx-large {
  padding-left: var(--bal-space-xxx-large) !important;
  padding-right: var(--bal-space-xxx-large) !important;
}

.px-xxxx-large {
  padding-left: var(--bal-space-xxxx-large) !important;
  padding-right: var(--bal-space-xxxx-large) !important;
}

@media screen and (max-width: 768px) {
  .mobile\:px-xx-small {
    padding-left: var(--bal-space-xx-small) !important;
    padding-right: var(--bal-space-xx-small) !important;
  }
  .mobile\:px-x-small {
    padding-left: var(--bal-space-x-small) !important;
    padding-right: var(--bal-space-x-small) !important;
  }
  .mobile\:px-small {
    padding-left: var(--bal-space-small) !important;
    padding-right: var(--bal-space-small) !important;
  }
  .mobile\:px-normal {
    padding-left: var(--bal-space-normal) !important;
    padding-right: var(--bal-space-normal) !important;
  }
  .mobile\:px-medium {
    padding-left: var(--bal-space-medium) !important;
    padding-right: var(--bal-space-medium) !important;
  }
  .mobile\:px-large {
    padding-left: var(--bal-space-large) !important;
    padding-right: var(--bal-space-large) !important;
  }
  .mobile\:px-x-large {
    padding-left: var(--bal-space-x-large) !important;
    padding-right: var(--bal-space-x-large) !important;
  }
  .mobile\:px-xx-large {
    padding-left: var(--bal-space-xx-large) !important;
    padding-right: var(--bal-space-xx-large) !important;
  }
  .mobile\:px-xxx-large {
    padding-left: var(--bal-space-xxx-large) !important;
    padding-right: var(--bal-space-xxx-large) !important;
  }
  .mobile\:px-xxxx-large {
    padding-left: var(--bal-space-xxxx-large) !important;
    padding-right: var(--bal-space-xxxx-large) !important;
  }
}
@media screen and (min-width: 769px), print {
  .px-none {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }
  .px-xx-small {
    padding-left: var(--bal-space-xx-small-tablet) !important;
    padding-right: var(--bal-space-xx-small-tablet) !important;
  }
  .tablet\:px-xx-small {
    padding-left: var(--bal-space-xx-small-tablet) !important;
    padding-right: var(--bal-space-xx-small-tablet) !important;
  }
  .px-x-small {
    padding-left: var(--bal-space-x-small-tablet) !important;
    padding-right: var(--bal-space-x-small-tablet) !important;
  }
  .tablet\:px-x-small {
    padding-left: var(--bal-space-x-small-tablet) !important;
    padding-right: var(--bal-space-x-small-tablet) !important;
  }
  .px-small {
    padding-left: var(--bal-space-small-tablet) !important;
    padding-right: var(--bal-space-small-tablet) !important;
  }
  .tablet\:px-small {
    padding-left: var(--bal-space-small-tablet) !important;
    padding-right: var(--bal-space-small-tablet) !important;
  }
  .px-normal {
    padding-left: var(--bal-space-normal-tablet) !important;
    padding-right: var(--bal-space-normal-tablet) !important;
  }
  .tablet\:px-normal {
    padding-left: var(--bal-space-normal-tablet) !important;
    padding-right: var(--bal-space-normal-tablet) !important;
  }
  .px-medium {
    padding-left: var(--bal-space-medium-tablet) !important;
    padding-right: var(--bal-space-medium-tablet) !important;
  }
  .tablet\:px-medium {
    padding-left: var(--bal-space-medium-tablet) !important;
    padding-right: var(--bal-space-medium-tablet) !important;
  }
  .px-large {
    padding-left: var(--bal-space-large-tablet) !important;
    padding-right: var(--bal-space-large-tablet) !important;
  }
  .tablet\:px-large {
    padding-left: var(--bal-space-large-tablet) !important;
    padding-right: var(--bal-space-large-tablet) !important;
  }
  .px-x-large {
    padding-left: var(--bal-space-x-large-tablet) !important;
    padding-right: var(--bal-space-x-large-tablet) !important;
  }
  .tablet\:px-x-large {
    padding-left: var(--bal-space-x-large-tablet) !important;
    padding-right: var(--bal-space-x-large-tablet) !important;
  }
  .px-xx-large {
    padding-left: var(--bal-space-xx-large-tablet) !important;
    padding-right: var(--bal-space-xx-large-tablet) !important;
  }
  .tablet\:px-xx-large {
    padding-left: var(--bal-space-xx-large-tablet) !important;
    padding-right: var(--bal-space-xx-large-tablet) !important;
  }
  .px-xxx-large {
    padding-left: var(--bal-space-xxx-large-tablet) !important;
    padding-right: var(--bal-space-xxx-large-tablet) !important;
  }
  .tablet\:px-xxx-large {
    padding-left: var(--bal-space-xxx-large-tablet) !important;
    padding-right: var(--bal-space-xxx-large-tablet) !important;
  }
  .px-xxxx-large {
    padding-left: var(--bal-space-xxxx-large-tablet) !important;
    padding-right: var(--bal-space-xxxx-large-tablet) !important;
  }
  .tablet\:px-xxxx-large {
    padding-left: var(--bal-space-xxxx-large-tablet) !important;
    padding-right: var(--bal-space-xxxx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .px-none {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }
  .px-xx-small {
    padding-left: var(--bal-space-xx-small-desktop) !important;
    padding-right: var(--bal-space-xx-small-desktop) !important;
  }
  .desktop\:px-xx-small {
    padding-left: var(--bal-space-xx-small-desktop) !important;
    padding-right: var(--bal-space-xx-small-desktop) !important;
  }
  .px-x-small {
    padding-left: var(--bal-space-x-small-desktop) !important;
    padding-right: var(--bal-space-x-small-desktop) !important;
  }
  .desktop\:px-x-small {
    padding-left: var(--bal-space-x-small-desktop) !important;
    padding-right: var(--bal-space-x-small-desktop) !important;
  }
  .px-small {
    padding-left: var(--bal-space-small-desktop) !important;
    padding-right: var(--bal-space-small-desktop) !important;
  }
  .desktop\:px-small {
    padding-left: var(--bal-space-small-desktop) !important;
    padding-right: var(--bal-space-small-desktop) !important;
  }
  .px-normal {
    padding-left: var(--bal-space-normal-desktop) !important;
    padding-right: var(--bal-space-normal-desktop) !important;
  }
  .desktop\:px-normal {
    padding-left: var(--bal-space-normal-desktop) !important;
    padding-right: var(--bal-space-normal-desktop) !important;
  }
  .px-medium {
    padding-left: var(--bal-space-medium-desktop) !important;
    padding-right: var(--bal-space-medium-desktop) !important;
  }
  .desktop\:px-medium {
    padding-left: var(--bal-space-medium-desktop) !important;
    padding-right: var(--bal-space-medium-desktop) !important;
  }
  .px-large {
    padding-left: var(--bal-space-large-desktop) !important;
    padding-right: var(--bal-space-large-desktop) !important;
  }
  .desktop\:px-large {
    padding-left: var(--bal-space-large-desktop) !important;
    padding-right: var(--bal-space-large-desktop) !important;
  }
  .px-x-large {
    padding-left: var(--bal-space-x-large-desktop) !important;
    padding-right: var(--bal-space-x-large-desktop) !important;
  }
  .desktop\:px-x-large {
    padding-left: var(--bal-space-x-large-desktop) !important;
    padding-right: var(--bal-space-x-large-desktop) !important;
  }
  .px-xx-large {
    padding-left: var(--bal-space-xx-large-desktop) !important;
    padding-right: var(--bal-space-xx-large-desktop) !important;
  }
  .desktop\:px-xx-large {
    padding-left: var(--bal-space-xx-large-desktop) !important;
    padding-right: var(--bal-space-xx-large-desktop) !important;
  }
  .px-xxx-large {
    padding-left: var(--bal-space-xxx-large-desktop) !important;
    padding-right: var(--bal-space-xxx-large-desktop) !important;
  }
  .desktop\:px-xxx-large {
    padding-left: var(--bal-space-xxx-large-desktop) !important;
    padding-right: var(--bal-space-xxx-large-desktop) !important;
  }
  .px-xxxx-large {
    padding-left: var(--bal-space-xxxx-large-desktop) !important;
    padding-right: var(--bal-space-xxxx-large-desktop) !important;
  }
  .desktop\:px-xxxx-large {
    padding-left: var(--bal-space-xxxx-large-desktop) !important;
    padding-right: var(--bal-space-xxxx-large-desktop) !important;
  }
}
.py-none {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}

.py-xx-small {
  padding-top: var(--bal-space-xx-small) !important;
  padding-bottom: var(--bal-space-xx-small) !important;
}

.py-x-small {
  padding-top: var(--bal-space-x-small) !important;
  padding-bottom: var(--bal-space-x-small) !important;
}

.py-small {
  padding-top: var(--bal-space-small) !important;
  padding-bottom: var(--bal-space-small) !important;
}

.py-normal {
  padding-top: var(--bal-space-normal) !important;
  padding-bottom: var(--bal-space-normal) !important;
}

.py-medium {
  padding-top: var(--bal-space-medium) !important;
  padding-bottom: var(--bal-space-medium) !important;
}

.py-large {
  padding-top: var(--bal-space-large) !important;
  padding-bottom: var(--bal-space-large) !important;
}

.py-x-large {
  padding-top: var(--bal-space-x-large) !important;
  padding-bottom: var(--bal-space-x-large) !important;
}

.py-xx-large {
  padding-top: var(--bal-space-xx-large) !important;
  padding-bottom: var(--bal-space-xx-large) !important;
}

.py-xxx-large {
  padding-top: var(--bal-space-xxx-large) !important;
  padding-bottom: var(--bal-space-xxx-large) !important;
}

.py-xxxx-large {
  padding-top: var(--bal-space-xxxx-large) !important;
  padding-bottom: var(--bal-space-xxxx-large) !important;
}

@media screen and (max-width: 768px) {
  .mobile\:py-xx-small {
    padding-top: var(--bal-space-xx-small) !important;
    padding-bottom: var(--bal-space-xx-small) !important;
  }
  .mobile\:py-x-small {
    padding-top: var(--bal-space-x-small) !important;
    padding-bottom: var(--bal-space-x-small) !important;
  }
  .mobile\:py-small {
    padding-top: var(--bal-space-small) !important;
    padding-bottom: var(--bal-space-small) !important;
  }
  .mobile\:py-normal {
    padding-top: var(--bal-space-normal) !important;
    padding-bottom: var(--bal-space-normal) !important;
  }
  .mobile\:py-medium {
    padding-top: var(--bal-space-medium) !important;
    padding-bottom: var(--bal-space-medium) !important;
  }
  .mobile\:py-large {
    padding-top: var(--bal-space-large) !important;
    padding-bottom: var(--bal-space-large) !important;
  }
  .mobile\:py-x-large {
    padding-top: var(--bal-space-x-large) !important;
    padding-bottom: var(--bal-space-x-large) !important;
  }
  .mobile\:py-xx-large {
    padding-top: var(--bal-space-xx-large) !important;
    padding-bottom: var(--bal-space-xx-large) !important;
  }
  .mobile\:py-xxx-large {
    padding-top: var(--bal-space-xxx-large) !important;
    padding-bottom: var(--bal-space-xxx-large) !important;
  }
  .mobile\:py-xxxx-large {
    padding-top: var(--bal-space-xxxx-large) !important;
    padding-bottom: var(--bal-space-xxxx-large) !important;
  }
}
@media screen and (min-width: 769px), print {
  .py-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .py-xx-small {
    padding-top: var(--bal-space-xx-small-tablet) !important;
    padding-bottom: var(--bal-space-xx-small-tablet) !important;
  }
  .tablet\:py-xx-small {
    padding-top: var(--bal-space-xx-small-tablet) !important;
    padding-bottom: var(--bal-space-xx-small-tablet) !important;
  }
  .py-x-small {
    padding-top: var(--bal-space-x-small-tablet) !important;
    padding-bottom: var(--bal-space-x-small-tablet) !important;
  }
  .tablet\:py-x-small {
    padding-top: var(--bal-space-x-small-tablet) !important;
    padding-bottom: var(--bal-space-x-small-tablet) !important;
  }
  .py-small {
    padding-top: var(--bal-space-small-tablet) !important;
    padding-bottom: var(--bal-space-small-tablet) !important;
  }
  .tablet\:py-small {
    padding-top: var(--bal-space-small-tablet) !important;
    padding-bottom: var(--bal-space-small-tablet) !important;
  }
  .py-normal {
    padding-top: var(--bal-space-normal-tablet) !important;
    padding-bottom: var(--bal-space-normal-tablet) !important;
  }
  .tablet\:py-normal {
    padding-top: var(--bal-space-normal-tablet) !important;
    padding-bottom: var(--bal-space-normal-tablet) !important;
  }
  .py-medium {
    padding-top: var(--bal-space-medium-tablet) !important;
    padding-bottom: var(--bal-space-medium-tablet) !important;
  }
  .tablet\:py-medium {
    padding-top: var(--bal-space-medium-tablet) !important;
    padding-bottom: var(--bal-space-medium-tablet) !important;
  }
  .py-large {
    padding-top: var(--bal-space-large-tablet) !important;
    padding-bottom: var(--bal-space-large-tablet) !important;
  }
  .tablet\:py-large {
    padding-top: var(--bal-space-large-tablet) !important;
    padding-bottom: var(--bal-space-large-tablet) !important;
  }
  .py-x-large {
    padding-top: var(--bal-space-x-large-tablet) !important;
    padding-bottom: var(--bal-space-x-large-tablet) !important;
  }
  .tablet\:py-x-large {
    padding-top: var(--bal-space-x-large-tablet) !important;
    padding-bottom: var(--bal-space-x-large-tablet) !important;
  }
  .py-xx-large {
    padding-top: var(--bal-space-xx-large-tablet) !important;
    padding-bottom: var(--bal-space-xx-large-tablet) !important;
  }
  .tablet\:py-xx-large {
    padding-top: var(--bal-space-xx-large-tablet) !important;
    padding-bottom: var(--bal-space-xx-large-tablet) !important;
  }
  .py-xxx-large {
    padding-top: var(--bal-space-xxx-large-tablet) !important;
    padding-bottom: var(--bal-space-xxx-large-tablet) !important;
  }
  .tablet\:py-xxx-large {
    padding-top: var(--bal-space-xxx-large-tablet) !important;
    padding-bottom: var(--bal-space-xxx-large-tablet) !important;
  }
  .py-xxxx-large {
    padding-top: var(--bal-space-xxxx-large-tablet) !important;
    padding-bottom: var(--bal-space-xxxx-large-tablet) !important;
  }
  .tablet\:py-xxxx-large {
    padding-top: var(--bal-space-xxxx-large-tablet) !important;
    padding-bottom: var(--bal-space-xxxx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .py-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .py-xx-small {
    padding-top: var(--bal-space-xx-small-desktop) !important;
    padding-bottom: var(--bal-space-xx-small-desktop) !important;
  }
  .desktop\:py-xx-small {
    padding-top: var(--bal-space-xx-small-desktop) !important;
    padding-bottom: var(--bal-space-xx-small-desktop) !important;
  }
  .py-x-small {
    padding-top: var(--bal-space-x-small-desktop) !important;
    padding-bottom: var(--bal-space-x-small-desktop) !important;
  }
  .desktop\:py-x-small {
    padding-top: var(--bal-space-x-small-desktop) !important;
    padding-bottom: var(--bal-space-x-small-desktop) !important;
  }
  .py-small {
    padding-top: var(--bal-space-small-desktop) !important;
    padding-bottom: var(--bal-space-small-desktop) !important;
  }
  .desktop\:py-small {
    padding-top: var(--bal-space-small-desktop) !important;
    padding-bottom: var(--bal-space-small-desktop) !important;
  }
  .py-normal {
    padding-top: var(--bal-space-normal-desktop) !important;
    padding-bottom: var(--bal-space-normal-desktop) !important;
  }
  .desktop\:py-normal {
    padding-top: var(--bal-space-normal-desktop) !important;
    padding-bottom: var(--bal-space-normal-desktop) !important;
  }
  .py-medium {
    padding-top: var(--bal-space-medium-desktop) !important;
    padding-bottom: var(--bal-space-medium-desktop) !important;
  }
  .desktop\:py-medium {
    padding-top: var(--bal-space-medium-desktop) !important;
    padding-bottom: var(--bal-space-medium-desktop) !important;
  }
  .py-large {
    padding-top: var(--bal-space-large-desktop) !important;
    padding-bottom: var(--bal-space-large-desktop) !important;
  }
  .desktop\:py-large {
    padding-top: var(--bal-space-large-desktop) !important;
    padding-bottom: var(--bal-space-large-desktop) !important;
  }
  .py-x-large {
    padding-top: var(--bal-space-x-large-desktop) !important;
    padding-bottom: var(--bal-space-x-large-desktop) !important;
  }
  .desktop\:py-x-large {
    padding-top: var(--bal-space-x-large-desktop) !important;
    padding-bottom: var(--bal-space-x-large-desktop) !important;
  }
  .py-xx-large {
    padding-top: var(--bal-space-xx-large-desktop) !important;
    padding-bottom: var(--bal-space-xx-large-desktop) !important;
  }
  .desktop\:py-xx-large {
    padding-top: var(--bal-space-xx-large-desktop) !important;
    padding-bottom: var(--bal-space-xx-large-desktop) !important;
  }
  .py-xxx-large {
    padding-top: var(--bal-space-xxx-large-desktop) !important;
    padding-bottom: var(--bal-space-xxx-large-desktop) !important;
  }
  .desktop\:py-xxx-large {
    padding-top: var(--bal-space-xxx-large-desktop) !important;
    padding-bottom: var(--bal-space-xxx-large-desktop) !important;
  }
  .py-xxxx-large {
    padding-top: var(--bal-space-xxxx-large-desktop) !important;
    padding-bottom: var(--bal-space-xxxx-large-desktop) !important;
  }
  .desktop\:py-xxxx-large {
    padding-top: var(--bal-space-xxxx-large-desktop) !important;
    padding-bottom: var(--bal-space-xxxx-large-desktop) !important;
  }
}
.pt-none {
  padding-top: 0 !important;
}

.pt-auto {
  padding-top: auto !important;
}

.pt-xx-small {
  padding-top: var(--bal-space-xx-small) !important;
}

.pt-x-small {
  padding-top: var(--bal-space-x-small) !important;
}

.pt-small {
  padding-top: var(--bal-space-small) !important;
}

.pt-normal {
  padding-top: var(--bal-space-normal) !important;
}

.pt-medium {
  padding-top: var(--bal-space-medium) !important;
}

.pt-large {
  padding-top: var(--bal-space-large) !important;
}

.pt-x-large {
  padding-top: var(--bal-space-x-large) !important;
}

.pt-xx-large {
  padding-top: var(--bal-space-xx-large) !important;
}

.pt-xxx-large {
  padding-top: var(--bal-space-xxx-large) !important;
}

.pt-xxxx-large {
  padding-top: var(--bal-space-xxxx-large) !important;
}

@media screen and (max-width: 768px) {
  .mobile\:pt-xx-small {
    padding-top: var(--bal-space-xx-small) !important;
  }
  .mobile\:pt-x-small {
    padding-top: var(--bal-space-x-small) !important;
  }
  .mobile\:pt-small {
    padding-top: var(--bal-space-small) !important;
  }
  .mobile\:pt-normal {
    padding-top: var(--bal-space-normal) !important;
  }
  .mobile\:pt-medium {
    padding-top: var(--bal-space-medium) !important;
  }
  .mobile\:pt-large {
    padding-top: var(--bal-space-large) !important;
  }
  .mobile\:pt-x-large {
    padding-top: var(--bal-space-x-large) !important;
  }
  .mobile\:pt-xx-large {
    padding-top: var(--bal-space-xx-large) !important;
  }
  .mobile\:pt-xxx-large {
    padding-top: var(--bal-space-xxx-large) !important;
  }
  .mobile\:pt-xxxx-large {
    padding-top: var(--bal-space-xxxx-large) !important;
  }
}
@media screen and (min-width: 769px), print {
  .pt-none {
    padding-top: 0 !important;
  }
  .pt-auto {
    padding-top: auto !important;
  }
  .pt-xx-small {
    padding-top: var(--bal-space-xx-small-tablet) !important;
  }
  .tablet\:pt-xx-small {
    padding-top: var(--bal-space-xx-small-tablet) !important;
  }
  .pt-x-small {
    padding-top: var(--bal-space-x-small-tablet) !important;
  }
  .tablet\:pt-x-small {
    padding-top: var(--bal-space-x-small-tablet) !important;
  }
  .pt-small {
    padding-top: var(--bal-space-small-tablet) !important;
  }
  .tablet\:pt-small {
    padding-top: var(--bal-space-small-tablet) !important;
  }
  .pt-normal {
    padding-top: var(--bal-space-normal-tablet) !important;
  }
  .tablet\:pt-normal {
    padding-top: var(--bal-space-normal-tablet) !important;
  }
  .pt-medium {
    padding-top: var(--bal-space-medium-tablet) !important;
  }
  .tablet\:pt-medium {
    padding-top: var(--bal-space-medium-tablet) !important;
  }
  .pt-large {
    padding-top: var(--bal-space-large-tablet) !important;
  }
  .tablet\:pt-large {
    padding-top: var(--bal-space-large-tablet) !important;
  }
  .pt-x-large {
    padding-top: var(--bal-space-x-large-tablet) !important;
  }
  .tablet\:pt-x-large {
    padding-top: var(--bal-space-x-large-tablet) !important;
  }
  .pt-xx-large {
    padding-top: var(--bal-space-xx-large-tablet) !important;
  }
  .tablet\:pt-xx-large {
    padding-top: var(--bal-space-xx-large-tablet) !important;
  }
  .pt-xxx-large {
    padding-top: var(--bal-space-xxx-large-tablet) !important;
  }
  .tablet\:pt-xxx-large {
    padding-top: var(--bal-space-xxx-large-tablet) !important;
  }
  .pt-xxxx-large {
    padding-top: var(--bal-space-xxxx-large-tablet) !important;
  }
  .tablet\:pt-xxxx-large {
    padding-top: var(--bal-space-xxxx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .pt-none {
    padding-top: 0 !important;
  }
  .pt-auto {
    padding-top: auto !important;
  }
  .pt-xx-small {
    padding-top: var(--bal-space-xx-small-desktop) !important;
  }
  .desktop\:pt-xx-small {
    padding-top: var(--bal-space-xx-small-desktop) !important;
  }
  .pt-x-small {
    padding-top: var(--bal-space-x-small-desktop) !important;
  }
  .desktop\:pt-x-small {
    padding-top: var(--bal-space-x-small-desktop) !important;
  }
  .pt-small {
    padding-top: var(--bal-space-small-desktop) !important;
  }
  .desktop\:pt-small {
    padding-top: var(--bal-space-small-desktop) !important;
  }
  .pt-normal {
    padding-top: var(--bal-space-normal-desktop) !important;
  }
  .desktop\:pt-normal {
    padding-top: var(--bal-space-normal-desktop) !important;
  }
  .pt-medium {
    padding-top: var(--bal-space-medium-desktop) !important;
  }
  .desktop\:pt-medium {
    padding-top: var(--bal-space-medium-desktop) !important;
  }
  .pt-large {
    padding-top: var(--bal-space-large-desktop) !important;
  }
  .desktop\:pt-large {
    padding-top: var(--bal-space-large-desktop) !important;
  }
  .pt-x-large {
    padding-top: var(--bal-space-x-large-desktop) !important;
  }
  .desktop\:pt-x-large {
    padding-top: var(--bal-space-x-large-desktop) !important;
  }
  .pt-xx-large {
    padding-top: var(--bal-space-xx-large-desktop) !important;
  }
  .desktop\:pt-xx-large {
    padding-top: var(--bal-space-xx-large-desktop) !important;
  }
  .pt-xxx-large {
    padding-top: var(--bal-space-xxx-large-desktop) !important;
  }
  .desktop\:pt-xxx-large {
    padding-top: var(--bal-space-xxx-large-desktop) !important;
  }
  .pt-xxxx-large {
    padding-top: var(--bal-space-xxxx-large-desktop) !important;
  }
  .desktop\:pt-xxxx-large {
    padding-top: var(--bal-space-xxxx-large-desktop) !important;
  }
}
.pr-none {
  padding-right: 0 !important;
}

.pr-auto {
  padding-right: auto !important;
}

.pr-xx-small {
  padding-right: var(--bal-space-xx-small) !important;
}

.pr-x-small {
  padding-right: var(--bal-space-x-small) !important;
}

.pr-small {
  padding-right: var(--bal-space-small) !important;
}

.pr-normal {
  padding-right: var(--bal-space-normal) !important;
}

.pr-medium {
  padding-right: var(--bal-space-medium) !important;
}

.pr-large {
  padding-right: var(--bal-space-large) !important;
}

.pr-x-large {
  padding-right: var(--bal-space-x-large) !important;
}

.pr-xx-large {
  padding-right: var(--bal-space-xx-large) !important;
}

.pr-xxx-large {
  padding-right: var(--bal-space-xxx-large) !important;
}

.pr-xxxx-large {
  padding-right: var(--bal-space-xxxx-large) !important;
}

@media screen and (max-width: 768px) {
  .mobile\:pr-xx-small {
    padding-right: var(--bal-space-xx-small) !important;
  }
  .mobile\:pr-x-small {
    padding-right: var(--bal-space-x-small) !important;
  }
  .mobile\:pr-small {
    padding-right: var(--bal-space-small) !important;
  }
  .mobile\:pr-normal {
    padding-right: var(--bal-space-normal) !important;
  }
  .mobile\:pr-medium {
    padding-right: var(--bal-space-medium) !important;
  }
  .mobile\:pr-large {
    padding-right: var(--bal-space-large) !important;
  }
  .mobile\:pr-x-large {
    padding-right: var(--bal-space-x-large) !important;
  }
  .mobile\:pr-xx-large {
    padding-right: var(--bal-space-xx-large) !important;
  }
  .mobile\:pr-xxx-large {
    padding-right: var(--bal-space-xxx-large) !important;
  }
  .mobile\:pr-xxxx-large {
    padding-right: var(--bal-space-xxxx-large) !important;
  }
}
@media screen and (min-width: 769px), print {
  .pr-none {
    padding-right: 0 !important;
  }
  .pr-auto {
    padding-right: auto !important;
  }
  .pr-xx-small {
    padding-right: var(--bal-space-xx-small-tablet) !important;
  }
  .tablet\:pr-xx-small {
    padding-right: var(--bal-space-xx-small-tablet) !important;
  }
  .pr-x-small {
    padding-right: var(--bal-space-x-small-tablet) !important;
  }
  .tablet\:pr-x-small {
    padding-right: var(--bal-space-x-small-tablet) !important;
  }
  .pr-small {
    padding-right: var(--bal-space-small-tablet) !important;
  }
  .tablet\:pr-small {
    padding-right: var(--bal-space-small-tablet) !important;
  }
  .pr-normal {
    padding-right: var(--bal-space-normal-tablet) !important;
  }
  .tablet\:pr-normal {
    padding-right: var(--bal-space-normal-tablet) !important;
  }
  .pr-medium {
    padding-right: var(--bal-space-medium-tablet) !important;
  }
  .tablet\:pr-medium {
    padding-right: var(--bal-space-medium-tablet) !important;
  }
  .pr-large {
    padding-right: var(--bal-space-large-tablet) !important;
  }
  .tablet\:pr-large {
    padding-right: var(--bal-space-large-tablet) !important;
  }
  .pr-x-large {
    padding-right: var(--bal-space-x-large-tablet) !important;
  }
  .tablet\:pr-x-large {
    padding-right: var(--bal-space-x-large-tablet) !important;
  }
  .pr-xx-large {
    padding-right: var(--bal-space-xx-large-tablet) !important;
  }
  .tablet\:pr-xx-large {
    padding-right: var(--bal-space-xx-large-tablet) !important;
  }
  .pr-xxx-large {
    padding-right: var(--bal-space-xxx-large-tablet) !important;
  }
  .tablet\:pr-xxx-large {
    padding-right: var(--bal-space-xxx-large-tablet) !important;
  }
  .pr-xxxx-large {
    padding-right: var(--bal-space-xxxx-large-tablet) !important;
  }
  .tablet\:pr-xxxx-large {
    padding-right: var(--bal-space-xxxx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .pr-none {
    padding-right: 0 !important;
  }
  .pr-auto {
    padding-right: auto !important;
  }
  .pr-xx-small {
    padding-right: var(--bal-space-xx-small-desktop) !important;
  }
  .desktop\:pr-xx-small {
    padding-right: var(--bal-space-xx-small-desktop) !important;
  }
  .pr-x-small {
    padding-right: var(--bal-space-x-small-desktop) !important;
  }
  .desktop\:pr-x-small {
    padding-right: var(--bal-space-x-small-desktop) !important;
  }
  .pr-small {
    padding-right: var(--bal-space-small-desktop) !important;
  }
  .desktop\:pr-small {
    padding-right: var(--bal-space-small-desktop) !important;
  }
  .pr-normal {
    padding-right: var(--bal-space-normal-desktop) !important;
  }
  .desktop\:pr-normal {
    padding-right: var(--bal-space-normal-desktop) !important;
  }
  .pr-medium {
    padding-right: var(--bal-space-medium-desktop) !important;
  }
  .desktop\:pr-medium {
    padding-right: var(--bal-space-medium-desktop) !important;
  }
  .pr-large {
    padding-right: var(--bal-space-large-desktop) !important;
  }
  .desktop\:pr-large {
    padding-right: var(--bal-space-large-desktop) !important;
  }
  .pr-x-large {
    padding-right: var(--bal-space-x-large-desktop) !important;
  }
  .desktop\:pr-x-large {
    padding-right: var(--bal-space-x-large-desktop) !important;
  }
  .pr-xx-large {
    padding-right: var(--bal-space-xx-large-desktop) !important;
  }
  .desktop\:pr-xx-large {
    padding-right: var(--bal-space-xx-large-desktop) !important;
  }
  .pr-xxx-large {
    padding-right: var(--bal-space-xxx-large-desktop) !important;
  }
  .desktop\:pr-xxx-large {
    padding-right: var(--bal-space-xxx-large-desktop) !important;
  }
  .pr-xxxx-large {
    padding-right: var(--bal-space-xxxx-large-desktop) !important;
  }
  .desktop\:pr-xxxx-large {
    padding-right: var(--bal-space-xxxx-large-desktop) !important;
  }
}
.pb-none {
  padding-bottom: 0 !important;
}

.pb-auto {
  padding-bottom: auto !important;
}

.pb-xx-small {
  padding-bottom: var(--bal-space-xx-small) !important;
}

.pb-x-small {
  padding-bottom: var(--bal-space-x-small) !important;
}

.pb-small {
  padding-bottom: var(--bal-space-small) !important;
}

.pb-normal {
  padding-bottom: var(--bal-space-normal) !important;
}

.pb-medium {
  padding-bottom: var(--bal-space-medium) !important;
}

.pb-large {
  padding-bottom: var(--bal-space-large) !important;
}

.pb-x-large {
  padding-bottom: var(--bal-space-x-large) !important;
}

.pb-xx-large {
  padding-bottom: var(--bal-space-xx-large) !important;
}

.pb-xxx-large {
  padding-bottom: var(--bal-space-xxx-large) !important;
}

.pb-xxxx-large {
  padding-bottom: var(--bal-space-xxxx-large) !important;
}

@media screen and (max-width: 768px) {
  .mobile\:pb-xx-small {
    padding-bottom: var(--bal-space-xx-small) !important;
  }
  .mobile\:pb-x-small {
    padding-bottom: var(--bal-space-x-small) !important;
  }
  .mobile\:pb-small {
    padding-bottom: var(--bal-space-small) !important;
  }
  .mobile\:pb-normal {
    padding-bottom: var(--bal-space-normal) !important;
  }
  .mobile\:pb-medium {
    padding-bottom: var(--bal-space-medium) !important;
  }
  .mobile\:pb-large {
    padding-bottom: var(--bal-space-large) !important;
  }
  .mobile\:pb-x-large {
    padding-bottom: var(--bal-space-x-large) !important;
  }
  .mobile\:pb-xx-large {
    padding-bottom: var(--bal-space-xx-large) !important;
  }
  .mobile\:pb-xxx-large {
    padding-bottom: var(--bal-space-xxx-large) !important;
  }
  .mobile\:pb-xxxx-large {
    padding-bottom: var(--bal-space-xxxx-large) !important;
  }
}
@media screen and (min-width: 769px), print {
  .pb-none {
    padding-bottom: 0 !important;
  }
  .pb-auto {
    padding-bottom: auto !important;
  }
  .pb-xx-small {
    padding-bottom: var(--bal-space-xx-small-tablet) !important;
  }
  .tablet\:pb-xx-small {
    padding-bottom: var(--bal-space-xx-small-tablet) !important;
  }
  .pb-x-small {
    padding-bottom: var(--bal-space-x-small-tablet) !important;
  }
  .tablet\:pb-x-small {
    padding-bottom: var(--bal-space-x-small-tablet) !important;
  }
  .pb-small {
    padding-bottom: var(--bal-space-small-tablet) !important;
  }
  .tablet\:pb-small {
    padding-bottom: var(--bal-space-small-tablet) !important;
  }
  .pb-normal {
    padding-bottom: var(--bal-space-normal-tablet) !important;
  }
  .tablet\:pb-normal {
    padding-bottom: var(--bal-space-normal-tablet) !important;
  }
  .pb-medium {
    padding-bottom: var(--bal-space-medium-tablet) !important;
  }
  .tablet\:pb-medium {
    padding-bottom: var(--bal-space-medium-tablet) !important;
  }
  .pb-large {
    padding-bottom: var(--bal-space-large-tablet) !important;
  }
  .tablet\:pb-large {
    padding-bottom: var(--bal-space-large-tablet) !important;
  }
  .pb-x-large {
    padding-bottom: var(--bal-space-x-large-tablet) !important;
  }
  .tablet\:pb-x-large {
    padding-bottom: var(--bal-space-x-large-tablet) !important;
  }
  .pb-xx-large {
    padding-bottom: var(--bal-space-xx-large-tablet) !important;
  }
  .tablet\:pb-xx-large {
    padding-bottom: var(--bal-space-xx-large-tablet) !important;
  }
  .pb-xxx-large {
    padding-bottom: var(--bal-space-xxx-large-tablet) !important;
  }
  .tablet\:pb-xxx-large {
    padding-bottom: var(--bal-space-xxx-large-tablet) !important;
  }
  .pb-xxxx-large {
    padding-bottom: var(--bal-space-xxxx-large-tablet) !important;
  }
  .tablet\:pb-xxxx-large {
    padding-bottom: var(--bal-space-xxxx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .pb-none {
    padding-bottom: 0 !important;
  }
  .pb-auto {
    padding-bottom: auto !important;
  }
  .pb-xx-small {
    padding-bottom: var(--bal-space-xx-small-desktop) !important;
  }
  .desktop\:pb-xx-small {
    padding-bottom: var(--bal-space-xx-small-desktop) !important;
  }
  .pb-x-small {
    padding-bottom: var(--bal-space-x-small-desktop) !important;
  }
  .desktop\:pb-x-small {
    padding-bottom: var(--bal-space-x-small-desktop) !important;
  }
  .pb-small {
    padding-bottom: var(--bal-space-small-desktop) !important;
  }
  .desktop\:pb-small {
    padding-bottom: var(--bal-space-small-desktop) !important;
  }
  .pb-normal {
    padding-bottom: var(--bal-space-normal-desktop) !important;
  }
  .desktop\:pb-normal {
    padding-bottom: var(--bal-space-normal-desktop) !important;
  }
  .pb-medium {
    padding-bottom: var(--bal-space-medium-desktop) !important;
  }
  .desktop\:pb-medium {
    padding-bottom: var(--bal-space-medium-desktop) !important;
  }
  .pb-large {
    padding-bottom: var(--bal-space-large-desktop) !important;
  }
  .desktop\:pb-large {
    padding-bottom: var(--bal-space-large-desktop) !important;
  }
  .pb-x-large {
    padding-bottom: var(--bal-space-x-large-desktop) !important;
  }
  .desktop\:pb-x-large {
    padding-bottom: var(--bal-space-x-large-desktop) !important;
  }
  .pb-xx-large {
    padding-bottom: var(--bal-space-xx-large-desktop) !important;
  }
  .desktop\:pb-xx-large {
    padding-bottom: var(--bal-space-xx-large-desktop) !important;
  }
  .pb-xxx-large {
    padding-bottom: var(--bal-space-xxx-large-desktop) !important;
  }
  .desktop\:pb-xxx-large {
    padding-bottom: var(--bal-space-xxx-large-desktop) !important;
  }
  .pb-xxxx-large {
    padding-bottom: var(--bal-space-xxxx-large-desktop) !important;
  }
  .desktop\:pb-xxxx-large {
    padding-bottom: var(--bal-space-xxxx-large-desktop) !important;
  }
}
.pl-none {
  padding-left: 0 !important;
}

.pl-auto {
  padding-left: auto !important;
}

.pl-xx-small {
  padding-left: var(--bal-space-xx-small) !important;
}

.pl-x-small {
  padding-left: var(--bal-space-x-small) !important;
}

.pl-small {
  padding-left: var(--bal-space-small) !important;
}

.pl-normal {
  padding-left: var(--bal-space-normal) !important;
}

.pl-medium {
  padding-left: var(--bal-space-medium) !important;
}

.pl-large {
  padding-left: var(--bal-space-large) !important;
}

.pl-x-large {
  padding-left: var(--bal-space-x-large) !important;
}

.pl-xx-large {
  padding-left: var(--bal-space-xx-large) !important;
}

.pl-xxx-large {
  padding-left: var(--bal-space-xxx-large) !important;
}

.pl-xxxx-large {
  padding-left: var(--bal-space-xxxx-large) !important;
}

@media screen and (max-width: 768px) {
  .mobile\:pl-xx-small {
    padding-left: var(--bal-space-xx-small) !important;
  }
  .mobile\:pl-x-small {
    padding-left: var(--bal-space-x-small) !important;
  }
  .mobile\:pl-small {
    padding-left: var(--bal-space-small) !important;
  }
  .mobile\:pl-normal {
    padding-left: var(--bal-space-normal) !important;
  }
  .mobile\:pl-medium {
    padding-left: var(--bal-space-medium) !important;
  }
  .mobile\:pl-large {
    padding-left: var(--bal-space-large) !important;
  }
  .mobile\:pl-x-large {
    padding-left: var(--bal-space-x-large) !important;
  }
  .mobile\:pl-xx-large {
    padding-left: var(--bal-space-xx-large) !important;
  }
  .mobile\:pl-xxx-large {
    padding-left: var(--bal-space-xxx-large) !important;
  }
  .mobile\:pl-xxxx-large {
    padding-left: var(--bal-space-xxxx-large) !important;
  }
}
@media screen and (min-width: 769px), print {
  .pl-none {
    padding-left: 0 !important;
  }
  .pl-auto {
    padding-left: auto !important;
  }
  .pl-xx-small {
    padding-left: var(--bal-space-xx-small-tablet) !important;
  }
  .tablet\:pl-xx-small {
    padding-left: var(--bal-space-xx-small-tablet) !important;
  }
  .pl-x-small {
    padding-left: var(--bal-space-x-small-tablet) !important;
  }
  .tablet\:pl-x-small {
    padding-left: var(--bal-space-x-small-tablet) !important;
  }
  .pl-small {
    padding-left: var(--bal-space-small-tablet) !important;
  }
  .tablet\:pl-small {
    padding-left: var(--bal-space-small-tablet) !important;
  }
  .pl-normal {
    padding-left: var(--bal-space-normal-tablet) !important;
  }
  .tablet\:pl-normal {
    padding-left: var(--bal-space-normal-tablet) !important;
  }
  .pl-medium {
    padding-left: var(--bal-space-medium-tablet) !important;
  }
  .tablet\:pl-medium {
    padding-left: var(--bal-space-medium-tablet) !important;
  }
  .pl-large {
    padding-left: var(--bal-space-large-tablet) !important;
  }
  .tablet\:pl-large {
    padding-left: var(--bal-space-large-tablet) !important;
  }
  .pl-x-large {
    padding-left: var(--bal-space-x-large-tablet) !important;
  }
  .tablet\:pl-x-large {
    padding-left: var(--bal-space-x-large-tablet) !important;
  }
  .pl-xx-large {
    padding-left: var(--bal-space-xx-large-tablet) !important;
  }
  .tablet\:pl-xx-large {
    padding-left: var(--bal-space-xx-large-tablet) !important;
  }
  .pl-xxx-large {
    padding-left: var(--bal-space-xxx-large-tablet) !important;
  }
  .tablet\:pl-xxx-large {
    padding-left: var(--bal-space-xxx-large-tablet) !important;
  }
  .pl-xxxx-large {
    padding-left: var(--bal-space-xxxx-large-tablet) !important;
  }
  .tablet\:pl-xxxx-large {
    padding-left: var(--bal-space-xxxx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .pl-none {
    padding-left: 0 !important;
  }
  .pl-auto {
    padding-left: auto !important;
  }
  .pl-xx-small {
    padding-left: var(--bal-space-xx-small-desktop) !important;
  }
  .desktop\:pl-xx-small {
    padding-left: var(--bal-space-xx-small-desktop) !important;
  }
  .pl-x-small {
    padding-left: var(--bal-space-x-small-desktop) !important;
  }
  .desktop\:pl-x-small {
    padding-left: var(--bal-space-x-small-desktop) !important;
  }
  .pl-small {
    padding-left: var(--bal-space-small-desktop) !important;
  }
  .desktop\:pl-small {
    padding-left: var(--bal-space-small-desktop) !important;
  }
  .pl-normal {
    padding-left: var(--bal-space-normal-desktop) !important;
  }
  .desktop\:pl-normal {
    padding-left: var(--bal-space-normal-desktop) !important;
  }
  .pl-medium {
    padding-left: var(--bal-space-medium-desktop) !important;
  }
  .desktop\:pl-medium {
    padding-left: var(--bal-space-medium-desktop) !important;
  }
  .pl-large {
    padding-left: var(--bal-space-large-desktop) !important;
  }
  .desktop\:pl-large {
    padding-left: var(--bal-space-large-desktop) !important;
  }
  .pl-x-large {
    padding-left: var(--bal-space-x-large-desktop) !important;
  }
  .desktop\:pl-x-large {
    padding-left: var(--bal-space-x-large-desktop) !important;
  }
  .pl-xx-large {
    padding-left: var(--bal-space-xx-large-desktop) !important;
  }
  .desktop\:pl-xx-large {
    padding-left: var(--bal-space-xx-large-desktop) !important;
  }
  .pl-xxx-large {
    padding-left: var(--bal-space-xxx-large-desktop) !important;
  }
  .desktop\:pl-xxx-large {
    padding-left: var(--bal-space-xxx-large-desktop) !important;
  }
  .pl-xxxx-large {
    padding-left: var(--bal-space-xxxx-large-desktop) !important;
  }
  .desktop\:pl-xxxx-large {
    padding-left: var(--bal-space-xxxx-large-desktop) !important;
  }
}
.text-primary {
  color: var(--bal-color-text-primary) !important;
}

.text-primary-light {
  color: var(--bal-color-text-primary-light) !important;
}

.text-white {
  color: var(--bal-color-text-white) !important;
}

.text-grey-light {
  color: var(--bal-color-text-grey-light) !important;
}

.text-grey {
  color: var(--bal-color-text-grey) !important;
}

.text-grey-dark {
  color: var(--bal-color-text-grey-dark) !important;
}

.text-info {
  color: var(--bal-color-text-info) !important;
}

.text-warning {
  color: var(--bal-color-text-warning) !important;
}

.text-success {
  color: var(--bal-color-text-success) !important;
}

.text-danger {
  color: var(--bal-color-text-danger) !important;
}

.text-black {
  color: var(--bal-color-text-black) !important;
}

.text-primary-hovered {
  color: var(--bal-color-text-primary-hovered) !important;
}

.text-primary-pressed {
  color: var(--bal-color-text-primary-pressed) !important;
}

.text-danger-hovered {
  color: var(--bal-color-text-danger-hovered) !important;
}

.text-danger-pressed {
  color: var(--bal-color-text-danger-pressed) !important;
}

.text-inverted {
  color: var(--bal-color-text-inverted) !important;
}

.text-inverted-disabled {
  color: var(--bal-color-text-inverted-disabled) !important;
}

.text-inverted-hovered {
  color: var(--bal-color-text-inverted-hovered) !important;
}

.text-inverted-pressed {
  color: var(--bal-color-text-inverted-pressed) !important;
}

.focus\:text-primary:focus {
  color: var(--bal-color-text-primary) !important;
}

.hover\:text-primary:hover {
  color: var(--bal-color-text-primary) !important;
}

.active\:text-primary:active {
  color: var(--bal-color-text-primary) !important;
}

.focus\:text-primary-light:focus {
  color: var(--bal-color-text-primary-light) !important;
}

.hover\:text-primary-light:hover {
  color: var(--bal-color-text-primary-light) !important;
}

.active\:text-primary-light:active {
  color: var(--bal-color-text-primary-light) !important;
}

.focus\:text-white:focus {
  color: var(--bal-color-text-white) !important;
}

.hover\:text-white:hover {
  color: var(--bal-color-text-white) !important;
}

.active\:text-white:active {
  color: var(--bal-color-text-white) !important;
}

.focus\:text-grey-light:focus {
  color: var(--bal-color-text-grey-light) !important;
}

.hover\:text-grey-light:hover {
  color: var(--bal-color-text-grey-light) !important;
}

.active\:text-grey-light:active {
  color: var(--bal-color-text-grey-light) !important;
}

.focus\:text-grey:focus {
  color: var(--bal-color-text-grey) !important;
}

.hover\:text-grey:hover {
  color: var(--bal-color-text-grey) !important;
}

.active\:text-grey:active {
  color: var(--bal-color-text-grey) !important;
}

.focus\:text-grey-dark:focus {
  color: var(--bal-color-text-grey-dark) !important;
}

.hover\:text-grey-dark:hover {
  color: var(--bal-color-text-grey-dark) !important;
}

.active\:text-grey-dark:active {
  color: var(--bal-color-text-grey-dark) !important;
}

.focus\:text-info:focus {
  color: var(--bal-color-text-info) !important;
}

.hover\:text-info:hover {
  color: var(--bal-color-text-info) !important;
}

.active\:text-info:active {
  color: var(--bal-color-text-info) !important;
}

.focus\:text-warning:focus {
  color: var(--bal-color-text-warning) !important;
}

.hover\:text-warning:hover {
  color: var(--bal-color-text-warning) !important;
}

.active\:text-warning:active {
  color: var(--bal-color-text-warning) !important;
}

.focus\:text-success:focus {
  color: var(--bal-color-text-success) !important;
}

.hover\:text-success:hover {
  color: var(--bal-color-text-success) !important;
}

.active\:text-success:active {
  color: var(--bal-color-text-success) !important;
}

.focus\:text-danger:focus {
  color: var(--bal-color-text-danger) !important;
}

.hover\:text-danger:hover {
  color: var(--bal-color-text-danger) !important;
}

.active\:text-danger:active {
  color: var(--bal-color-text-danger) !important;
}

.focus\:text-black:focus {
  color: var(--bal-color-text-black) !important;
}

.hover\:text-black:hover {
  color: var(--bal-color-text-black) !important;
}

.active\:text-black:active {
  color: var(--bal-color-text-black) !important;
}

.focus\:text-primary-hovered:focus {
  color: var(--bal-color-text-primary-hovered) !important;
}

.hover\:text-primary-hovered:hover {
  color: var(--bal-color-text-primary-hovered) !important;
}

.active\:text-primary-hovered:active {
  color: var(--bal-color-text-primary-hovered) !important;
}

.focus\:text-primary-pressed:focus {
  color: var(--bal-color-text-primary-pressed) !important;
}

.hover\:text-primary-pressed:hover {
  color: var(--bal-color-text-primary-pressed) !important;
}

.active\:text-primary-pressed:active {
  color: var(--bal-color-text-primary-pressed) !important;
}

.focus\:text-danger-hovered:focus {
  color: var(--bal-color-text-danger-hovered) !important;
}

.hover\:text-danger-hovered:hover {
  color: var(--bal-color-text-danger-hovered) !important;
}

.active\:text-danger-hovered:active {
  color: var(--bal-color-text-danger-hovered) !important;
}

.focus\:text-danger-pressed:focus {
  color: var(--bal-color-text-danger-pressed) !important;
}

.hover\:text-danger-pressed:hover {
  color: var(--bal-color-text-danger-pressed) !important;
}

.active\:text-danger-pressed:active {
  color: var(--bal-color-text-danger-pressed) !important;
}

.focus\:text-inverted:focus {
  color: var(--bal-color-text-inverted) !important;
}

.hover\:text-inverted:hover {
  color: var(--bal-color-text-inverted) !important;
}

.active\:text-inverted:active {
  color: var(--bal-color-text-inverted) !important;
}

.focus\:text-inverted-disabled:focus {
  color: var(--bal-color-text-inverted-disabled) !important;
}

.hover\:text-inverted-disabled:hover {
  color: var(--bal-color-text-inverted-disabled) !important;
}

.active\:text-inverted-disabled:active {
  color: var(--bal-color-text-inverted-disabled) !important;
}

.focus\:text-inverted-hovered:focus {
  color: var(--bal-color-text-inverted-hovered) !important;
}

.hover\:text-inverted-hovered:hover {
  color: var(--bal-color-text-inverted-hovered) !important;
}

.active\:text-inverted-hovered:active {
  color: var(--bal-color-text-inverted-hovered) !important;
}

.focus\:text-inverted-pressed:focus {
  color: var(--bal-color-text-inverted-pressed) !important;
}

.hover\:text-inverted-pressed:hover {
  color: var(--bal-color-text-inverted-pressed) !important;
}

.active\:text-inverted-pressed:active {
  color: var(--bal-color-text-inverted-pressed) !important;
}

.font-family-title {
  font-family: var(--bal-font-family-title) !important;
}

.font-family-text {
  font-family: var(--bal-font-family-text) !important;
}

.text-x-small {
  font-size: var(--bal-text-size-x-small) !important;
}

.text-small {
  font-size: var(--bal-text-size-small) !important;
}

.text-normal {
  font-size: var(--bal-text-size-normal) !important;
}

.text-medium {
  font-size: var(--bal-text-size-medium) !important;
}

.text-large {
  font-size: var(--bal-text-size-large) !important;
}

.text-x-large {
  font-size: var(--bal-text-size-x-large) !important;
}

.text-xx-large {
  font-size: var(--bal-text-size-xx-large) !important;
}

.text-xxx-large {
  font-size: var(--bal-text-size-xxx-large) !important;
}

.text-xxxx-large {
  font-size: var(--bal-text-size-xxxx-large) !important;
}

.text-xxxxx-large {
  font-size: var(--bal-text-size-xxxxx-large) !important;
}

@media screen and (min-width: 769px), print {
  .text-x-small {
    font-size: var(--bal-text-size-x-small-tablet) !important;
  }
  .text-small {
    font-size: var(--bal-text-size-small-tablet) !important;
  }
  .text-normal {
    font-size: var(--bal-text-size-normal-tablet) !important;
  }
  .text-medium {
    font-size: var(--bal-text-size-medium-tablet) !important;
  }
  .text-large {
    font-size: var(--bal-text-size-large-tablet) !important;
  }
  .text-x-large {
    font-size: var(--bal-text-size-x-large-tablet) !important;
  }
  .text-xx-large {
    font-size: var(--bal-text-size-xx-large-tablet) !important;
  }
  .text-xxx-large {
    font-size: var(--bal-text-size-xxx-large-tablet) !important;
  }
  .text-xxxx-large {
    font-size: var(--bal-text-size-xxxx-large-tablet) !important;
  }
  .text-xxxxx-large {
    font-size: var(--bal-text-size-xxxxx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .text-x-small {
    font-size: var(--bal-text-size-x-small-desktop) !important;
  }
  .text-small {
    font-size: var(--bal-text-size-small-desktop) !important;
  }
  .text-normal {
    font-size: var(--bal-text-size-normal-desktop) !important;
  }
  .text-medium {
    font-size: var(--bal-text-size-medium-desktop) !important;
  }
  .text-large {
    font-size: var(--bal-text-size-large-desktop) !important;
  }
  .text-x-large {
    font-size: var(--bal-text-size-x-large-desktop) !important;
  }
  .text-xx-large {
    font-size: var(--bal-text-size-xx-large-desktop) !important;
  }
  .text-xxx-large {
    font-size: var(--bal-text-size-xxx-large-desktop) !important;
  }
  .text-xxxx-large {
    font-size: var(--bal-text-size-xxxx-large-desktop) !important;
  }
  .text-xxxxx-large {
    font-size: var(--bal-text-size-xxxxx-large-desktop) !important;
  }
}
.text-align-center {
  text-align: center !important;
}

.text-align-left {
  text-align: left !important;
}

.text-align-right {
  text-align: right !important;
}

.text-align-justify {
  text-align: justify !important;
}

@media screen and (max-width: 768px) {
  .mobile\:text-align-center {
    text-align: center !important;
  }
  .mobile\:text-align-left {
    text-align: left !important;
  }
  .mobile\:text-align-right {
    text-align: right !important;
  }
  .mobile\:text-align-justify {
    text-align: justify !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:text-align-center {
    text-align: center !important;
  }
  .tablet\:text-align-left {
    text-align: left !important;
  }
  .tablet\:text-align-right {
    text-align: right !important;
  }
  .tablet\:text-align-justify {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:text-align-center {
    text-align: center !important;
  }
  .desktop\:text-align-left {
    text-align: left !important;
  }
  .desktop\:text-align-right {
    text-align: right !important;
  }
  .desktop\:text-align-justify {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:text-align-center {
    text-align: center !important;
  }
  .widescreen\:text-align-left {
    text-align: left !important;
  }
  .widescreen\:text-align-right {
    text-align: right !important;
  }
  .widescreen\:text-align-justify {
    text-align: justify !important;
  }
}
.lowercase {
  text-transform: lowercase !important;
}

.uppercase {
  text-transform: uppercase !important;
}

.capitalize {
  text-transform: capitalize !important;
}

.font-weight-bold {
  font-weight: var(--bal-font-weight-bold) !important;
}

.font-weight-regular {
  font-weight: var(--bal-font-weight-regular) !important;
}

.font-weight-light {
  font-weight: var(--bal-font-weight-light) !important;
}

.white-space-normal {
  white-space: normal !important;
}

.white-space-nowrap {
  white-space: nowrap !important;
}

.line-height-title {
  line-height: var(--bal-text-line-height-title) !important;
}

.line-height-text {
  line-height: var(--bal-text-line-height-text) !important;
}

.text-overflow-clip {
  text-overflow: clip !important;
}

.text-overflow-ellipsis {
  text-overflow: ellipsis !important;
}

@media screen and (max-width: 768px) {
  .mobile\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .mobile\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .tablet\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .desktop\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .widescreen\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
.text-xxxxx-large {
  line-height: var(--bal-line-height-xxxxx-large);
}
.text-xxxxx-large:not(:last-child) {
  margin-bottom: var(--bal-space-normal);
}

.text-xxxx-large {
  line-height: var(--bal-line-height-xxxx-large);
}
.text-xxxx-large:not(:last-child) {
  margin-bottom: var(--bal-space-x-small);
}

.text-xxx-large {
  line-height: var(--bal-line-height-xxx-large);
}
.text-xxx-large:not(:last-child) {
  margin-bottom: var(--bal-space-x-small);
}

.text-xx-large {
  line-height: var(--bal-line-height-xx-large);
}
.text-xx-large:not(:last-child) {
  margin-bottom: var(--bal-space-x-small);
}

.text-x-large {
  line-height: var(--bal-line-height-x-large);
}
.text-x-large:not(:last-child) {
  margin-bottom: var(--bal-space-x-small);
}

.text-large {
  line-height: var(--bal-line-height-large);
}
.text-large:not(:last-child) {
  margin-bottom: var(--bal-space-x-small);
}

.text-medium {
  line-height: var(--bal-line-height-medium);
}
.text-medium:not(:last-child) {
  margin-bottom: var(--bal-space-x-small);
}

.text-normal {
  line-height: var(--bal-line-height-normal);
}
.text-normal:not(:last-child) {
  margin-bottom: var(--bal-space-xx-small);
}

.text-small {
  line-height: var(--bal-line-height-small);
}
.text-small:not(:last-child) {
  margin-bottom: var(--bal-space-xx-small);
}

.text-x-small {
  line-height: var(--bal-line-height-x-small);
}
.text-x-small:not(:last-child) {
  margin-bottom: var(--bal-space-xx-small);
}

@media screen and (min-width: 769px), print {
  .text-xxxxx-large {
    line-height: var(--bal-line-height-tablet-xxxxx-large);
  }
  .text-xxxxx-large:not(:last-child) {
    margin-bottom: var(--bal-space-normal);
  }
  .text-xxxx-large {
    line-height: var(--bal-line-height-tablet-xxxx-large);
  }
  .text-xxxx-large:not(:last-child) {
    margin-bottom: var(--bal-space-x-small);
  }
  .text-xxx-large {
    line-height: var(--bal-line-height-tablet-xxx-large);
  }
  .text-xxx-large:not(:last-child) {
    margin-bottom: var(--bal-space-x-small);
  }
  .text-xx-large {
    line-height: var(--bal-line-height-tablet-xx-large);
  }
  .text-xx-large:not(:last-child) {
    margin-bottom: var(--bal-space-x-small);
  }
  .text-x-large {
    line-height: var(--bal-line-height-tablet-x-large);
  }
  .text-x-large:not(:last-child) {
    margin-bottom: var(--bal-space-x-small);
  }
  .text-large {
    line-height: var(--bal-line-height-tablet-large);
  }
  .text-large:not(:last-child) {
    margin-bottom: var(--bal-space-x-small);
  }
  .text-medium {
    line-height: var(--bal-line-height-tablet-medium);
  }
  .text-medium:not(:last-child) {
    margin-bottom: var(--bal-space-x-small);
  }
  .text-normal {
    line-height: var(--bal-line-height-tablet-normal);
  }
  .text-normal:not(:last-child) {
    margin-bottom: var(--bal-space-xx-small);
  }
  .text-small {
    line-height: var(--bal-line-height-tablet-small);
  }
  .text-small:not(:last-child) {
    margin-bottom: var(--bal-space-xx-small);
  }
  .text-x-small {
    line-height: var(--bal-line-height-tablet-x-small);
  }
  .text-x-small:not(:last-child) {
    margin-bottom: var(--bal-space-xx-small);
  }
}
@media screen and (min-width: 1024px) {
  .text-xxxxx-large {
    line-height: var(--bal-line-height-desktop-xxxxx-large);
  }
  .text-xxxxx-large:not(:last-child) {
    margin-bottom: var(--bal-space-normal);
  }
  .text-xxxx-large {
    line-height: var(--bal-line-height-desktop-xxxx-large);
  }
  .text-xxxx-large:not(:last-child) {
    margin-bottom: var(--bal-space-x-small);
  }
  .text-xxx-large {
    line-height: var(--bal-line-height-desktop-xxx-large);
  }
  .text-xxx-large:not(:last-child) {
    margin-bottom: var(--bal-space-x-small);
  }
  .text-xx-large {
    line-height: var(--bal-line-height-desktop-xx-large);
  }
  .text-xx-large:not(:last-child) {
    margin-bottom: var(--bal-space-x-small);
  }
  .text-x-large {
    line-height: var(--bal-line-height-desktop-x-large);
  }
  .text-x-large:not(:last-child) {
    margin-bottom: var(--bal-space-x-small);
  }
  .text-large {
    line-height: var(--bal-line-height-desktop-large);
  }
  .text-large:not(:last-child) {
    margin-bottom: var(--bal-space-x-small);
  }
  .text-medium {
    line-height: var(--bal-line-height-desktop-medium);
  }
  .text-medium:not(:last-child) {
    margin-bottom: var(--bal-space-x-small);
  }
  .text-normal {
    line-height: var(--bal-line-height-desktop-normal);
  }
  .text-normal:not(:last-child) {
    margin-bottom: var(--bal-space-xx-small);
  }
  .text-small {
    line-height: var(--bal-line-height-desktop-small);
  }
  .text-small:not(:last-child) {
    margin-bottom: var(--bal-space-xx-small);
  }
  .text-x-small {
    line-height: var(--bal-line-height-desktop-x-small);
  }
  .text-x-small:not(:last-child) {
    margin-bottom: var(--bal-space-xx-small);
  }
}
/*# sourceMappingURL=all.css.map */