/* THIS FILE IS AUTO-GENERATED. DO NOT EDIT. CONTENTS CAN BE CHANGED IN YOUR THEME CONFIG. */

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

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

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

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

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

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

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

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

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

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

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

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

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

.flex-grow-0 {
  flex-grow: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

.d-initial {
  display: initial !important;
}

.d-none {
  display: none !important;
}

.visible {
  visibility: visible !important;
}

.hidden {
  visibility: hidden !important;
}

.visually-hidden:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  border: none !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  padding: 0 !important;
}

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

.ms-auto {
  margin-inline-start: auto !important;
}

.me-auto {
  margin-inline-end: auto !important;
}

.mt-auto {
  margin-block-start: auto !important;
}

.mb-auto {
  margin-block-end: auto !important;
}

.mx-auto {
  margin-inline: auto !important;
}

.my-auto {
  margin-block: auto !important;
}

.br-none {
  border-radius: var(--border-radius-none) !important;
}

.br-s-none {
  border-start-start-radius: var(--border-radius-none) !important;
  border-end-start-radius: var(--border-radius-none) !important;
}

.br-ss-none {
  border-start-start-radius: var(--border-radius-none) !important;
}

.br-es-none {
  border-end-start-radius: var(--border-radius-none) !important;
}

.br-e-none {
  border-start-end-radius: var(--border-radius-none) !important;
  border-end-end-radius: var(--border-radius-none) !important;
}

.br-se-none {
  border-start-end-radius: var(--border-radius-none) !important;
}

.br-ee-none {
  border-end-end-radius: var(--border-radius-none) !important;
}

.br-t-none {
  border-start-start-radius: var(--border-radius-none) !important;
  border-start-end-radius: var(--border-radius-none) !important;
}

.br-b-none {
  border-end-start-radius: var(--border-radius-none) !important;
  border-end-end-radius: var(--border-radius-none) !important;
}

.br-sm {
  border-radius: var(--border-radius-sm) !important;
}

.br-s-sm {
  border-start-start-radius: var(--border-radius-sm) !important;
  border-end-start-radius: var(--border-radius-sm) !important;
}

.br-ss-sm {
  border-start-start-radius: var(--border-radius-sm) !important;
}

.br-es-sm {
  border-end-start-radius: var(--border-radius-sm) !important;
}

.br-e-sm {
  border-start-end-radius: var(--border-radius-sm) !important;
  border-end-end-radius: var(--border-radius-sm) !important;
}

.br-se-sm {
  border-start-end-radius: var(--border-radius-sm) !important;
}

.br-ee-sm {
  border-end-end-radius: var(--border-radius-sm) !important;
}

.br-t-sm {
  border-start-start-radius: var(--border-radius-sm) !important;
  border-start-end-radius: var(--border-radius-sm) !important;
}

.br-b-sm {
  border-end-start-radius: var(--border-radius-sm) !important;
  border-end-end-radius: var(--border-radius-sm) !important;
}

.br-md {
  border-radius: var(--border-radius-md) !important;
}

.br-s-md {
  border-start-start-radius: var(--border-radius-md) !important;
  border-end-start-radius: var(--border-radius-md) !important;
}

.br-ss-md {
  border-start-start-radius: var(--border-radius-md) !important;
}

.br-es-md {
  border-end-start-radius: var(--border-radius-md) !important;
}

.br-e-md {
  border-start-end-radius: var(--border-radius-md) !important;
  border-end-end-radius: var(--border-radius-md) !important;
}

.br-se-md {
  border-start-end-radius: var(--border-radius-md) !important;
}

.br-ee-md {
  border-end-end-radius: var(--border-radius-md) !important;
}

.br-t-md {
  border-start-start-radius: var(--border-radius-md) !important;
  border-start-end-radius: var(--border-radius-md) !important;
}

.br-b-md {
  border-end-start-radius: var(--border-radius-md) !important;
  border-end-end-radius: var(--border-radius-md) !important;
}

.br-lg {
  border-radius: var(--border-radius-lg) !important;
}

.br-s-lg {
  border-start-start-radius: var(--border-radius-lg) !important;
  border-end-start-radius: var(--border-radius-lg) !important;
}

.br-ss-lg {
  border-start-start-radius: var(--border-radius-lg) !important;
}

.br-es-lg {
  border-end-start-radius: var(--border-radius-lg) !important;
}

.br-e-lg {
  border-start-end-radius: var(--border-radius-lg) !important;
  border-end-end-radius: var(--border-radius-lg) !important;
}

.br-se-lg {
  border-start-end-radius: var(--border-radius-lg) !important;
}

.br-ee-lg {
  border-end-end-radius: var(--border-radius-lg) !important;
}

.br-t-lg {
  border-start-start-radius: var(--border-radius-lg) !important;
  border-start-end-radius: var(--border-radius-lg) !important;
}

.br-b-lg {
  border-end-start-radius: var(--border-radius-lg) !important;
  border-end-end-radius: var(--border-radius-lg) !important;
}

.br-xl {
  border-radius: var(--border-radius-xl) !important;
}

.br-s-xl {
  border-start-start-radius: var(--border-radius-xl) !important;
  border-end-start-radius: var(--border-radius-xl) !important;
}

.br-ss-xl {
  border-start-start-radius: var(--border-radius-xl) !important;
}

.br-es-xl {
  border-end-start-radius: var(--border-radius-xl) !important;
}

.br-e-xl {
  border-start-end-radius: var(--border-radius-xl) !important;
  border-end-end-radius: var(--border-radius-xl) !important;
}

.br-se-xl {
  border-start-end-radius: var(--border-radius-xl) !important;
}

.br-ee-xl {
  border-end-end-radius: var(--border-radius-xl) !important;
}

.br-t-xl {
  border-start-start-radius: var(--border-radius-xl) !important;
  border-start-end-radius: var(--border-radius-xl) !important;
}

.br-b-xl {
  border-end-start-radius: var(--border-radius-xl) !important;
  border-end-end-radius: var(--border-radius-xl) !important;
}

.br-circular {
  border-radius: var(--border-radius-circular) !important;
}

.br-s-circular {
  border-start-start-radius: var(--border-radius-circular) !important;
  border-end-start-radius: var(--border-radius-circular) !important;
}

.br-ss-circular {
  border-start-start-radius: var(--border-radius-circular) !important;
}

.br-es-circular {
  border-end-start-radius: var(--border-radius-circular) !important;
}

.br-e-circular {
  border-start-end-radius: var(--border-radius-circular) !important;
  border-end-end-radius: var(--border-radius-circular) !important;
}

.br-se-circular {
  border-start-end-radius: var(--border-radius-circular) !important;
}

.br-ee-circular {
  border-end-end-radius: var(--border-radius-circular) !important;
}

.br-t-circular {
  border-start-start-radius: var(--border-radius-circular) !important;
  border-start-end-radius: var(--border-radius-circular) !important;
}

.br-b-circular {
  border-end-start-radius: var(--border-radius-circular) !important;
  border-end-end-radius: var(--border-radius-circular) !important;
}

.b-none {
  border: var(--default-border-color) var(--default-border-style)
    var(--border-width-none) !important;
}

.bs-none {
  border-inline-start: var(--default-border-color) var(--default-border-style)
    var(--border-width-none) !important;
}

.be-none {
  border-inline-end: var(--default-border-color) var(--default-border-style)
    var(--border-width-none) !important;
}

.bt-none {
  border-block-start: var(--default-border-color) var(--default-border-style)
    var(--border-width-none) !important;
}

.bb-none {
  border-block-end: var(--default-border-color) var(--default-border-style)
    var(--border-width-none) !important;
}

.bx-none {
  border-inline: var(--default-border-color) var(--default-border-style)
    var(--border-width-none) !important;
}

.by-none {
  border-block: var(--default-border-color) var(--default-border-style)
    var(--border-width-none) !important;
}

.b-thin {
  border: var(--default-border-color) var(--default-border-style)
    var(--border-width-thin) !important;
}

.bs-thin {
  border-inline-start: var(--default-border-color) var(--default-border-style)
    var(--border-width-thin) !important;
}

.be-thin {
  border-inline-end: var(--default-border-color) var(--default-border-style)
    var(--border-width-thin) !important;
}

.bt-thin {
  border-block-start: var(--default-border-color) var(--default-border-style)
    var(--border-width-thin) !important;
}

.bb-thin {
  border-block-end: var(--default-border-color) var(--default-border-style)
    var(--border-width-thin) !important;
}

.bx-thin {
  border-inline: var(--default-border-color) var(--default-border-style)
    var(--border-width-thin) !important;
}

.by-thin {
  border-block: var(--default-border-color) var(--default-border-style)
    var(--border-width-thin) !important;
}

.b-thick {
  border: var(--default-border-color) var(--default-border-style)
    var(--border-width-thick) !important;
}

.bs-thick {
  border-inline-start: var(--default-border-color) var(--default-border-style)
    var(--border-width-thick) !important;
}

.be-thick {
  border-inline-end: var(--default-border-color) var(--default-border-style)
    var(--border-width-thick) !important;
}

.bt-thick {
  border-block-start: var(--default-border-color) var(--default-border-style)
    var(--border-width-thick) !important;
}

.bb-thick {
  border-block-end: var(--default-border-color) var(--default-border-style)
    var(--border-width-thick) !important;
}

.bx-thick {
  border-inline: var(--default-border-color) var(--default-border-style)
    var(--border-width-thick) !important;
}

.by-thick {
  border-block: var(--default-border-color) var(--default-border-style)
    var(--border-width-thick) !important;
}

.b-thicker {
  border: var(--default-border-color) var(--default-border-style)
    var(--border-width-thicker) !important;
}

.bs-thicker {
  border-inline-start: var(--default-border-color) var(--default-border-style)
    var(--border-width-thicker) !important;
}

.be-thicker {
  border-inline-end: var(--default-border-color) var(--default-border-style)
    var(--border-width-thicker) !important;
}

.bt-thicker {
  border-block-start: var(--default-border-color) var(--default-border-style)
    var(--border-width-thicker) !important;
}

.bb-thicker {
  border-block-end: var(--default-border-color) var(--default-border-style)
    var(--border-width-thicker) !important;
}

.bx-thicker {
  border-inline: var(--default-border-color) var(--default-border-style)
    var(--border-width-thicker) !important;
}

.by-thicker {
  border-block: var(--default-border-color) var(--default-border-style)
    var(--border-width-thicker) !important;
}

.b-thickest {
  border: var(--default-border-color) var(--default-border-style)
    var(--border-width-thickest) !important;
}

.bs-thickest {
  border-inline-start: var(--default-border-color) var(--default-border-style)
    var(--border-width-thickest) !important;
}

.be-thickest {
  border-inline-end: var(--default-border-color) var(--default-border-style)
    var(--border-width-thickest) !important;
}

.bt-thickest {
  border-block-start: var(--default-border-color) var(--default-border-style)
    var(--border-width-thickest) !important;
}

.bb-thickest {
  border-block-end: var(--default-border-color) var(--default-border-style)
    var(--border-width-thickest) !important;
}

.bx-thickest {
  border-inline: var(--default-border-color) var(--default-border-style)
    var(--border-width-thickest) !important;
}

.by-thickest {
  border-block: var(--default-border-color) var(--default-border-style)
    var(--border-width-thickest) !important;
}

.bg-brand-10 {
  background-color: var(--color-brand-10) !important;
  color: var(--color-brand-10-alt) !important;
}

.fg-brand-10 {
  color: var(--color-brand-10) !important;
}

.b-brand-10 {
  border-color: var(--color-brand-10) !important;
}

.bs-brand-10 {
  border-inline-start-color: var(--color-brand-10) !important;
}

.be-brand-10 {
  border-inline-end-color: var(--color-brand-10) !important;
}

.bt-brand-10 {
  border-block-start-color: var(--color-brand-10) !important;
}

.bb-brand-10 {
  border-block-end-color: var(--color-brand-10) !important;
}

.bx-brand-10 {
  border-inline-color: var(--color-brand-10) !important;
}

.by-brand-10 {
  border-block-color: var(--color-brand-10) !important;
}

.bg-brand-20 {
  background-color: var(--color-brand-20) !important;
  color: var(--color-brand-20-alt) !important;
}

.fg-brand-20 {
  color: var(--color-brand-20) !important;
}

.b-brand-20 {
  border-color: var(--color-brand-20) !important;
}

.bs-brand-20 {
  border-inline-start-color: var(--color-brand-20) !important;
}

.be-brand-20 {
  border-inline-end-color: var(--color-brand-20) !important;
}

.bt-brand-20 {
  border-block-start-color: var(--color-brand-20) !important;
}

.bb-brand-20 {
  border-block-end-color: var(--color-brand-20) !important;
}

.bx-brand-20 {
  border-inline-color: var(--color-brand-20) !important;
}

.by-brand-20 {
  border-block-color: var(--color-brand-20) !important;
}

.bg-brand-30 {
  background-color: var(--color-brand-30) !important;
  color: var(--color-brand-30-alt) !important;
}

.fg-brand-30 {
  color: var(--color-brand-30) !important;
}

.b-brand-30 {
  border-color: var(--color-brand-30) !important;
}

.bs-brand-30 {
  border-inline-start-color: var(--color-brand-30) !important;
}

.be-brand-30 {
  border-inline-end-color: var(--color-brand-30) !important;
}

.bt-brand-30 {
  border-block-start-color: var(--color-brand-30) !important;
}

.bb-brand-30 {
  border-block-end-color: var(--color-brand-30) !important;
}

.bx-brand-30 {
  border-inline-color: var(--color-brand-30) !important;
}

.by-brand-30 {
  border-block-color: var(--color-brand-30) !important;
}

.bg-brand-40 {
  background-color: var(--color-brand-40) !important;
  color: var(--color-brand-40-alt) !important;
}

.fg-brand-40 {
  color: var(--color-brand-40) !important;
}

.b-brand-40 {
  border-color: var(--color-brand-40) !important;
}

.bs-brand-40 {
  border-inline-start-color: var(--color-brand-40) !important;
}

.be-brand-40 {
  border-inline-end-color: var(--color-brand-40) !important;
}

.bt-brand-40 {
  border-block-start-color: var(--color-brand-40) !important;
}

.bb-brand-40 {
  border-block-end-color: var(--color-brand-40) !important;
}

.bx-brand-40 {
  border-inline-color: var(--color-brand-40) !important;
}

.by-brand-40 {
  border-block-color: var(--color-brand-40) !important;
}

.bg-brand-50 {
  background-color: var(--color-brand-50) !important;
  color: var(--color-brand-50-alt) !important;
}

.fg-brand-50 {
  color: var(--color-brand-50) !important;
}

.b-brand-50 {
  border-color: var(--color-brand-50) !important;
}

.bs-brand-50 {
  border-inline-start-color: var(--color-brand-50) !important;
}

.be-brand-50 {
  border-inline-end-color: var(--color-brand-50) !important;
}

.bt-brand-50 {
  border-block-start-color: var(--color-brand-50) !important;
}

.bb-brand-50 {
  border-block-end-color: var(--color-brand-50) !important;
}

.bx-brand-50 {
  border-inline-color: var(--color-brand-50) !important;
}

.by-brand-50 {
  border-block-color: var(--color-brand-50) !important;
}

.bg-brand-60 {
  background-color: var(--color-brand-60) !important;
  color: var(--color-brand-60-alt) !important;
}

.fg-brand-60 {
  color: var(--color-brand-60) !important;
}

.b-brand-60 {
  border-color: var(--color-brand-60) !important;
}

.bs-brand-60 {
  border-inline-start-color: var(--color-brand-60) !important;
}

.be-brand-60 {
  border-inline-end-color: var(--color-brand-60) !important;
}

.bt-brand-60 {
  border-block-start-color: var(--color-brand-60) !important;
}

.bb-brand-60 {
  border-block-end-color: var(--color-brand-60) !important;
}

.bx-brand-60 {
  border-inline-color: var(--color-brand-60) !important;
}

.by-brand-60 {
  border-block-color: var(--color-brand-60) !important;
}

.bg-brand-70 {
  background-color: var(--color-brand-70) !important;
  color: var(--color-brand-70-alt) !important;
}

.fg-brand-70 {
  color: var(--color-brand-70) !important;
}

.b-brand-70 {
  border-color: var(--color-brand-70) !important;
}

.bs-brand-70 {
  border-inline-start-color: var(--color-brand-70) !important;
}

.be-brand-70 {
  border-inline-end-color: var(--color-brand-70) !important;
}

.bt-brand-70 {
  border-block-start-color: var(--color-brand-70) !important;
}

.bb-brand-70 {
  border-block-end-color: var(--color-brand-70) !important;
}

.bx-brand-70 {
  border-inline-color: var(--color-brand-70) !important;
}

.by-brand-70 {
  border-block-color: var(--color-brand-70) !important;
}

.bg-brand-80 {
  background-color: var(--color-brand-80) !important;
  color: var(--color-brand-80-alt) !important;
}

.fg-brand-80 {
  color: var(--color-brand-80) !important;
}

.b-brand-80 {
  border-color: var(--color-brand-80) !important;
}

.bs-brand-80 {
  border-inline-start-color: var(--color-brand-80) !important;
}

.be-brand-80 {
  border-inline-end-color: var(--color-brand-80) !important;
}

.bt-brand-80 {
  border-block-start-color: var(--color-brand-80) !important;
}

.bb-brand-80 {
  border-block-end-color: var(--color-brand-80) !important;
}

.bx-brand-80 {
  border-inline-color: var(--color-brand-80) !important;
}

.by-brand-80 {
  border-block-color: var(--color-brand-80) !important;
}

.bg-brand-90 {
  background-color: var(--color-brand-90) !important;
  color: var(--color-brand-90-alt) !important;
}

.fg-brand-90 {
  color: var(--color-brand-90) !important;
}

.b-brand-90 {
  border-color: var(--color-brand-90) !important;
}

.bs-brand-90 {
  border-inline-start-color: var(--color-brand-90) !important;
}

.be-brand-90 {
  border-inline-end-color: var(--color-brand-90) !important;
}

.bt-brand-90 {
  border-block-start-color: var(--color-brand-90) !important;
}

.bb-brand-90 {
  border-block-end-color: var(--color-brand-90) !important;
}

.bx-brand-90 {
  border-inline-color: var(--color-brand-90) !important;
}

.by-brand-90 {
  border-block-color: var(--color-brand-90) !important;
}

.bg-brand-100 {
  background-color: var(--color-brand-100) !important;
  color: var(--color-brand-100-alt) !important;
}

.fg-brand-100 {
  color: var(--color-brand-100) !important;
}

.b-brand-100 {
  border-color: var(--color-brand-100) !important;
}

.bs-brand-100 {
  border-inline-start-color: var(--color-brand-100) !important;
}

.be-brand-100 {
  border-inline-end-color: var(--color-brand-100) !important;
}

.bt-brand-100 {
  border-block-start-color: var(--color-brand-100) !important;
}

.bb-brand-100 {
  border-block-end-color: var(--color-brand-100) !important;
}

.bx-brand-100 {
  border-inline-color: var(--color-brand-100) !important;
}

.by-brand-100 {
  border-block-color: var(--color-brand-100) !important;
}

.bg-brand-110 {
  background-color: var(--color-brand-110) !important;
  color: var(--color-brand-110-alt) !important;
}

.fg-brand-110 {
  color: var(--color-brand-110) !important;
}

.b-brand-110 {
  border-color: var(--color-brand-110) !important;
}

.bs-brand-110 {
  border-inline-start-color: var(--color-brand-110) !important;
}

.be-brand-110 {
  border-inline-end-color: var(--color-brand-110) !important;
}

.bt-brand-110 {
  border-block-start-color: var(--color-brand-110) !important;
}

.bb-brand-110 {
  border-block-end-color: var(--color-brand-110) !important;
}

.bx-brand-110 {
  border-inline-color: var(--color-brand-110) !important;
}

.by-brand-110 {
  border-block-color: var(--color-brand-110) !important;
}

.bg-brand-120 {
  background-color: var(--color-brand-120) !important;
  color: var(--color-brand-120-alt) !important;
}

.fg-brand-120 {
  color: var(--color-brand-120) !important;
}

.b-brand-120 {
  border-color: var(--color-brand-120) !important;
}

.bs-brand-120 {
  border-inline-start-color: var(--color-brand-120) !important;
}

.be-brand-120 {
  border-inline-end-color: var(--color-brand-120) !important;
}

.bt-brand-120 {
  border-block-start-color: var(--color-brand-120) !important;
}

.bb-brand-120 {
  border-block-end-color: var(--color-brand-120) !important;
}

.bx-brand-120 {
  border-inline-color: var(--color-brand-120) !important;
}

.by-brand-120 {
  border-block-color: var(--color-brand-120) !important;
}

.bg-brand-130 {
  background-color: var(--color-brand-130) !important;
  color: var(--color-brand-130-alt) !important;
}

.fg-brand-130 {
  color: var(--color-brand-130) !important;
}

.b-brand-130 {
  border-color: var(--color-brand-130) !important;
}

.bs-brand-130 {
  border-inline-start-color: var(--color-brand-130) !important;
}

.be-brand-130 {
  border-inline-end-color: var(--color-brand-130) !important;
}

.bt-brand-130 {
  border-block-start-color: var(--color-brand-130) !important;
}

.bb-brand-130 {
  border-block-end-color: var(--color-brand-130) !important;
}

.bx-brand-130 {
  border-inline-color: var(--color-brand-130) !important;
}

.by-brand-130 {
  border-block-color: var(--color-brand-130) !important;
}

.bg-brand-140 {
  background-color: var(--color-brand-140) !important;
  color: var(--color-brand-140-alt) !important;
}

.fg-brand-140 {
  color: var(--color-brand-140) !important;
}

.b-brand-140 {
  border-color: var(--color-brand-140) !important;
}

.bs-brand-140 {
  border-inline-start-color: var(--color-brand-140) !important;
}

.be-brand-140 {
  border-inline-end-color: var(--color-brand-140) !important;
}

.bt-brand-140 {
  border-block-start-color: var(--color-brand-140) !important;
}

.bb-brand-140 {
  border-block-end-color: var(--color-brand-140) !important;
}

.bx-brand-140 {
  border-inline-color: var(--color-brand-140) !important;
}

.by-brand-140 {
  border-block-color: var(--color-brand-140) !important;
}

.bg-brand-150 {
  background-color: var(--color-brand-150) !important;
  color: var(--color-brand-150-alt) !important;
}

.fg-brand-150 {
  color: var(--color-brand-150) !important;
}

.b-brand-150 {
  border-color: var(--color-brand-150) !important;
}

.bs-brand-150 {
  border-inline-start-color: var(--color-brand-150) !important;
}

.be-brand-150 {
  border-inline-end-color: var(--color-brand-150) !important;
}

.bt-brand-150 {
  border-block-start-color: var(--color-brand-150) !important;
}

.bb-brand-150 {
  border-block-end-color: var(--color-brand-150) !important;
}

.bx-brand-150 {
  border-inline-color: var(--color-brand-150) !important;
}

.by-brand-150 {
  border-block-color: var(--color-brand-150) !important;
}

.bg-brand-160 {
  background-color: var(--color-brand-160) !important;
  color: var(--color-brand-160-alt) !important;
}

.fg-brand-160 {
  color: var(--color-brand-160) !important;
}

.b-brand-160 {
  border-color: var(--color-brand-160) !important;
}

.bs-brand-160 {
  border-inline-start-color: var(--color-brand-160) !important;
}

.be-brand-160 {
  border-inline-end-color: var(--color-brand-160) !important;
}

.bt-brand-160 {
  border-block-start-color: var(--color-brand-160) !important;
}

.bb-brand-160 {
  border-block-end-color: var(--color-brand-160) !important;
}

.bx-brand-160 {
  border-inline-color: var(--color-brand-160) !important;
}

.by-brand-160 {
  border-block-color: var(--color-brand-160) !important;
}

.bg-danger-shade-50 {
  background-color: var(--color-danger-shade-50) !important;
  color: var(--color-danger-shade-50-alt) !important;
}

.fg-danger-shade-50 {
  color: var(--color-danger-shade-50) !important;
}

.b-danger-shade-50 {
  border-color: var(--color-danger-shade-50) !important;
}

.bs-danger-shade-50 {
  border-inline-start-color: var(--color-danger-shade-50) !important;
}

.be-danger-shade-50 {
  border-inline-end-color: var(--color-danger-shade-50) !important;
}

.bt-danger-shade-50 {
  border-block-start-color: var(--color-danger-shade-50) !important;
}

.bb-danger-shade-50 {
  border-block-end-color: var(--color-danger-shade-50) !important;
}

.bx-danger-shade-50 {
  border-inline-color: var(--color-danger-shade-50) !important;
}

.by-danger-shade-50 {
  border-block-color: var(--color-danger-shade-50) !important;
}

.bg-danger-shade-40 {
  background-color: var(--color-danger-shade-40) !important;
  color: var(--color-danger-shade-40-alt) !important;
}

.fg-danger-shade-40 {
  color: var(--color-danger-shade-40) !important;
}

.b-danger-shade-40 {
  border-color: var(--color-danger-shade-40) !important;
}

.bs-danger-shade-40 {
  border-inline-start-color: var(--color-danger-shade-40) !important;
}

.be-danger-shade-40 {
  border-inline-end-color: var(--color-danger-shade-40) !important;
}

.bt-danger-shade-40 {
  border-block-start-color: var(--color-danger-shade-40) !important;
}

.bb-danger-shade-40 {
  border-block-end-color: var(--color-danger-shade-40) !important;
}

.bx-danger-shade-40 {
  border-inline-color: var(--color-danger-shade-40) !important;
}

.by-danger-shade-40 {
  border-block-color: var(--color-danger-shade-40) !important;
}

.bg-danger-shade-30 {
  background-color: var(--color-danger-shade-30) !important;
  color: var(--color-danger-shade-30-alt) !important;
}

.fg-danger-shade-30 {
  color: var(--color-danger-shade-30) !important;
}

.b-danger-shade-30 {
  border-color: var(--color-danger-shade-30) !important;
}

.bs-danger-shade-30 {
  border-inline-start-color: var(--color-danger-shade-30) !important;
}

.be-danger-shade-30 {
  border-inline-end-color: var(--color-danger-shade-30) !important;
}

.bt-danger-shade-30 {
  border-block-start-color: var(--color-danger-shade-30) !important;
}

.bb-danger-shade-30 {
  border-block-end-color: var(--color-danger-shade-30) !important;
}

.bx-danger-shade-30 {
  border-inline-color: var(--color-danger-shade-30) !important;
}

.by-danger-shade-30 {
  border-block-color: var(--color-danger-shade-30) !important;
}

.bg-danger-shade-20 {
  background-color: var(--color-danger-shade-20) !important;
  color: var(--color-danger-shade-20-alt) !important;
}

.fg-danger-shade-20 {
  color: var(--color-danger-shade-20) !important;
}

.b-danger-shade-20 {
  border-color: var(--color-danger-shade-20) !important;
}

.bs-danger-shade-20 {
  border-inline-start-color: var(--color-danger-shade-20) !important;
}

.be-danger-shade-20 {
  border-inline-end-color: var(--color-danger-shade-20) !important;
}

.bt-danger-shade-20 {
  border-block-start-color: var(--color-danger-shade-20) !important;
}

.bb-danger-shade-20 {
  border-block-end-color: var(--color-danger-shade-20) !important;
}

.bx-danger-shade-20 {
  border-inline-color: var(--color-danger-shade-20) !important;
}

.by-danger-shade-20 {
  border-block-color: var(--color-danger-shade-20) !important;
}

.bg-danger-shade-10 {
  background-color: var(--color-danger-shade-10) !important;
  color: var(--color-danger-shade-10-alt) !important;
}

.fg-danger-shade-10 {
  color: var(--color-danger-shade-10) !important;
}

.b-danger-shade-10 {
  border-color: var(--color-danger-shade-10) !important;
}

.bs-danger-shade-10 {
  border-inline-start-color: var(--color-danger-shade-10) !important;
}

.be-danger-shade-10 {
  border-inline-end-color: var(--color-danger-shade-10) !important;
}

.bt-danger-shade-10 {
  border-block-start-color: var(--color-danger-shade-10) !important;
}

.bb-danger-shade-10 {
  border-block-end-color: var(--color-danger-shade-10) !important;
}

.bx-danger-shade-10 {
  border-inline-color: var(--color-danger-shade-10) !important;
}

.by-danger-shade-10 {
  border-block-color: var(--color-danger-shade-10) !important;
}

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

.fg-danger-primary {
  color: var(--color-danger-primary) !important;
}

.b-danger-primary {
  border-color: var(--color-danger-primary) !important;
}

.bs-danger-primary {
  border-inline-start-color: var(--color-danger-primary) !important;
}

.be-danger-primary {
  border-inline-end-color: var(--color-danger-primary) !important;
}

.bt-danger-primary {
  border-block-start-color: var(--color-danger-primary) !important;
}

.bb-danger-primary {
  border-block-end-color: var(--color-danger-primary) !important;
}

.bx-danger-primary {
  border-inline-color: var(--color-danger-primary) !important;
}

.by-danger-primary {
  border-block-color: var(--color-danger-primary) !important;
}

.bg-danger-tint-10 {
  background-color: var(--color-danger-tint-10) !important;
  color: var(--color-danger-tint-10-alt) !important;
}

.fg-danger-tint-10 {
  color: var(--color-danger-tint-10) !important;
}

.b-danger-tint-10 {
  border-color: var(--color-danger-tint-10) !important;
}

.bs-danger-tint-10 {
  border-inline-start-color: var(--color-danger-tint-10) !important;
}

.be-danger-tint-10 {
  border-inline-end-color: var(--color-danger-tint-10) !important;
}

.bt-danger-tint-10 {
  border-block-start-color: var(--color-danger-tint-10) !important;
}

.bb-danger-tint-10 {
  border-block-end-color: var(--color-danger-tint-10) !important;
}

.bx-danger-tint-10 {
  border-inline-color: var(--color-danger-tint-10) !important;
}

.by-danger-tint-10 {
  border-block-color: var(--color-danger-tint-10) !important;
}

.bg-danger-tint-20 {
  background-color: var(--color-danger-tint-20) !important;
  color: var(--color-danger-tint-20-alt) !important;
}

.fg-danger-tint-20 {
  color: var(--color-danger-tint-20) !important;
}

.b-danger-tint-20 {
  border-color: var(--color-danger-tint-20) !important;
}

.bs-danger-tint-20 {
  border-inline-start-color: var(--color-danger-tint-20) !important;
}

.be-danger-tint-20 {
  border-inline-end-color: var(--color-danger-tint-20) !important;
}

.bt-danger-tint-20 {
  border-block-start-color: var(--color-danger-tint-20) !important;
}

.bb-danger-tint-20 {
  border-block-end-color: var(--color-danger-tint-20) !important;
}

.bx-danger-tint-20 {
  border-inline-color: var(--color-danger-tint-20) !important;
}

.by-danger-tint-20 {
  border-block-color: var(--color-danger-tint-20) !important;
}

.bg-danger-tint-30 {
  background-color: var(--color-danger-tint-30) !important;
  color: var(--color-danger-tint-30-alt) !important;
}

.fg-danger-tint-30 {
  color: var(--color-danger-tint-30) !important;
}

.b-danger-tint-30 {
  border-color: var(--color-danger-tint-30) !important;
}

.bs-danger-tint-30 {
  border-inline-start-color: var(--color-danger-tint-30) !important;
}

.be-danger-tint-30 {
  border-inline-end-color: var(--color-danger-tint-30) !important;
}

.bt-danger-tint-30 {
  border-block-start-color: var(--color-danger-tint-30) !important;
}

.bb-danger-tint-30 {
  border-block-end-color: var(--color-danger-tint-30) !important;
}

.bx-danger-tint-30 {
  border-inline-color: var(--color-danger-tint-30) !important;
}

.by-danger-tint-30 {
  border-block-color: var(--color-danger-tint-30) !important;
}

.bg-danger-tint-40 {
  background-color: var(--color-danger-tint-40) !important;
  color: var(--color-danger-tint-40-alt) !important;
}

.fg-danger-tint-40 {
  color: var(--color-danger-tint-40) !important;
}

.b-danger-tint-40 {
  border-color: var(--color-danger-tint-40) !important;
}

.bs-danger-tint-40 {
  border-inline-start-color: var(--color-danger-tint-40) !important;
}

.be-danger-tint-40 {
  border-inline-end-color: var(--color-danger-tint-40) !important;
}

.bt-danger-tint-40 {
  border-block-start-color: var(--color-danger-tint-40) !important;
}

.bb-danger-tint-40 {
  border-block-end-color: var(--color-danger-tint-40) !important;
}

.bx-danger-tint-40 {
  border-inline-color: var(--color-danger-tint-40) !important;
}

.by-danger-tint-40 {
  border-block-color: var(--color-danger-tint-40) !important;
}

.bg-danger-tint-50 {
  background-color: var(--color-danger-tint-50) !important;
  color: var(--color-danger-tint-50-alt) !important;
}

.fg-danger-tint-50 {
  color: var(--color-danger-tint-50) !important;
}

.b-danger-tint-50 {
  border-color: var(--color-danger-tint-50) !important;
}

.bs-danger-tint-50 {
  border-inline-start-color: var(--color-danger-tint-50) !important;
}

.be-danger-tint-50 {
  border-inline-end-color: var(--color-danger-tint-50) !important;
}

.bt-danger-tint-50 {
  border-block-start-color: var(--color-danger-tint-50) !important;
}

.bb-danger-tint-50 {
  border-block-end-color: var(--color-danger-tint-50) !important;
}

.bx-danger-tint-50 {
  border-inline-color: var(--color-danger-tint-50) !important;
}

.by-danger-tint-50 {
  border-block-color: var(--color-danger-tint-50) !important;
}

.bg-danger-tint-60 {
  background-color: var(--color-danger-tint-60) !important;
  color: var(--color-danger-tint-60-alt) !important;
}

.fg-danger-tint-60 {
  color: var(--color-danger-tint-60) !important;
}

.b-danger-tint-60 {
  border-color: var(--color-danger-tint-60) !important;
}

.bs-danger-tint-60 {
  border-inline-start-color: var(--color-danger-tint-60) !important;
}

.be-danger-tint-60 {
  border-inline-end-color: var(--color-danger-tint-60) !important;
}

.bt-danger-tint-60 {
  border-block-start-color: var(--color-danger-tint-60) !important;
}

.bb-danger-tint-60 {
  border-block-end-color: var(--color-danger-tint-60) !important;
}

.bx-danger-tint-60 {
  border-inline-color: var(--color-danger-tint-60) !important;
}

.by-danger-tint-60 {
  border-block-color: var(--color-danger-tint-60) !important;
}

.bg-success-shade-50 {
  background-color: var(--color-success-shade-50) !important;
  color: var(--color-success-shade-50-alt) !important;
}

.fg-success-shade-50 {
  color: var(--color-success-shade-50) !important;
}

.b-success-shade-50 {
  border-color: var(--color-success-shade-50) !important;
}

.bs-success-shade-50 {
  border-inline-start-color: var(--color-success-shade-50) !important;
}

.be-success-shade-50 {
  border-inline-end-color: var(--color-success-shade-50) !important;
}

.bt-success-shade-50 {
  border-block-start-color: var(--color-success-shade-50) !important;
}

.bb-success-shade-50 {
  border-block-end-color: var(--color-success-shade-50) !important;
}

.bx-success-shade-50 {
  border-inline-color: var(--color-success-shade-50) !important;
}

.by-success-shade-50 {
  border-block-color: var(--color-success-shade-50) !important;
}

.bg-success-shade-40 {
  background-color: var(--color-success-shade-40) !important;
  color: var(--color-success-shade-40-alt) !important;
}

.fg-success-shade-40 {
  color: var(--color-success-shade-40) !important;
}

.b-success-shade-40 {
  border-color: var(--color-success-shade-40) !important;
}

.bs-success-shade-40 {
  border-inline-start-color: var(--color-success-shade-40) !important;
}

.be-success-shade-40 {
  border-inline-end-color: var(--color-success-shade-40) !important;
}

.bt-success-shade-40 {
  border-block-start-color: var(--color-success-shade-40) !important;
}

.bb-success-shade-40 {
  border-block-end-color: var(--color-success-shade-40) !important;
}

.bx-success-shade-40 {
  border-inline-color: var(--color-success-shade-40) !important;
}

.by-success-shade-40 {
  border-block-color: var(--color-success-shade-40) !important;
}

.bg-success-shade-30 {
  background-color: var(--color-success-shade-30) !important;
  color: var(--color-success-shade-30-alt) !important;
}

.fg-success-shade-30 {
  color: var(--color-success-shade-30) !important;
}

.b-success-shade-30 {
  border-color: var(--color-success-shade-30) !important;
}

.bs-success-shade-30 {
  border-inline-start-color: var(--color-success-shade-30) !important;
}

.be-success-shade-30 {
  border-inline-end-color: var(--color-success-shade-30) !important;
}

.bt-success-shade-30 {
  border-block-start-color: var(--color-success-shade-30) !important;
}

.bb-success-shade-30 {
  border-block-end-color: var(--color-success-shade-30) !important;
}

.bx-success-shade-30 {
  border-inline-color: var(--color-success-shade-30) !important;
}

.by-success-shade-30 {
  border-block-color: var(--color-success-shade-30) !important;
}

.bg-success-shade-20 {
  background-color: var(--color-success-shade-20) !important;
  color: var(--color-success-shade-20-alt) !important;
}

.fg-success-shade-20 {
  color: var(--color-success-shade-20) !important;
}

.b-success-shade-20 {
  border-color: var(--color-success-shade-20) !important;
}

.bs-success-shade-20 {
  border-inline-start-color: var(--color-success-shade-20) !important;
}

.be-success-shade-20 {
  border-inline-end-color: var(--color-success-shade-20) !important;
}

.bt-success-shade-20 {
  border-block-start-color: var(--color-success-shade-20) !important;
}

.bb-success-shade-20 {
  border-block-end-color: var(--color-success-shade-20) !important;
}

.bx-success-shade-20 {
  border-inline-color: var(--color-success-shade-20) !important;
}

.by-success-shade-20 {
  border-block-color: var(--color-success-shade-20) !important;
}

.bg-success-shade-10 {
  background-color: var(--color-success-shade-10) !important;
  color: var(--color-success-shade-10-alt) !important;
}

.fg-success-shade-10 {
  color: var(--color-success-shade-10) !important;
}

.b-success-shade-10 {
  border-color: var(--color-success-shade-10) !important;
}

.bs-success-shade-10 {
  border-inline-start-color: var(--color-success-shade-10) !important;
}

.be-success-shade-10 {
  border-inline-end-color: var(--color-success-shade-10) !important;
}

.bt-success-shade-10 {
  border-block-start-color: var(--color-success-shade-10) !important;
}

.bb-success-shade-10 {
  border-block-end-color: var(--color-success-shade-10) !important;
}

.bx-success-shade-10 {
  border-inline-color: var(--color-success-shade-10) !important;
}

.by-success-shade-10 {
  border-block-color: var(--color-success-shade-10) !important;
}

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

.fg-success-primary {
  color: var(--color-success-primary) !important;
}

.b-success-primary {
  border-color: var(--color-success-primary) !important;
}

.bs-success-primary {
  border-inline-start-color: var(--color-success-primary) !important;
}

.be-success-primary {
  border-inline-end-color: var(--color-success-primary) !important;
}

.bt-success-primary {
  border-block-start-color: var(--color-success-primary) !important;
}

.bb-success-primary {
  border-block-end-color: var(--color-success-primary) !important;
}

.bx-success-primary {
  border-inline-color: var(--color-success-primary) !important;
}

.by-success-primary {
  border-block-color: var(--color-success-primary) !important;
}

.bg-success-tint-10 {
  background-color: var(--color-success-tint-10) !important;
  color: var(--color-success-tint-10-alt) !important;
}

.fg-success-tint-10 {
  color: var(--color-success-tint-10) !important;
}

.b-success-tint-10 {
  border-color: var(--color-success-tint-10) !important;
}

.bs-success-tint-10 {
  border-inline-start-color: var(--color-success-tint-10) !important;
}

.be-success-tint-10 {
  border-inline-end-color: var(--color-success-tint-10) !important;
}

.bt-success-tint-10 {
  border-block-start-color: var(--color-success-tint-10) !important;
}

.bb-success-tint-10 {
  border-block-end-color: var(--color-success-tint-10) !important;
}

.bx-success-tint-10 {
  border-inline-color: var(--color-success-tint-10) !important;
}

.by-success-tint-10 {
  border-block-color: var(--color-success-tint-10) !important;
}

.bg-success-tint-20 {
  background-color: var(--color-success-tint-20) !important;
  color: var(--color-success-tint-20-alt) !important;
}

.fg-success-tint-20 {
  color: var(--color-success-tint-20) !important;
}

.b-success-tint-20 {
  border-color: var(--color-success-tint-20) !important;
}

.bs-success-tint-20 {
  border-inline-start-color: var(--color-success-tint-20) !important;
}

.be-success-tint-20 {
  border-inline-end-color: var(--color-success-tint-20) !important;
}

.bt-success-tint-20 {
  border-block-start-color: var(--color-success-tint-20) !important;
}

.bb-success-tint-20 {
  border-block-end-color: var(--color-success-tint-20) !important;
}

.bx-success-tint-20 {
  border-inline-color: var(--color-success-tint-20) !important;
}

.by-success-tint-20 {
  border-block-color: var(--color-success-tint-20) !important;
}

.bg-success-tint-30 {
  background-color: var(--color-success-tint-30) !important;
  color: var(--color-success-tint-30-alt) !important;
}

.fg-success-tint-30 {
  color: var(--color-success-tint-30) !important;
}

.b-success-tint-30 {
  border-color: var(--color-success-tint-30) !important;
}

.bs-success-tint-30 {
  border-inline-start-color: var(--color-success-tint-30) !important;
}

.be-success-tint-30 {
  border-inline-end-color: var(--color-success-tint-30) !important;
}

.bt-success-tint-30 {
  border-block-start-color: var(--color-success-tint-30) !important;
}

.bb-success-tint-30 {
  border-block-end-color: var(--color-success-tint-30) !important;
}

.bx-success-tint-30 {
  border-inline-color: var(--color-success-tint-30) !important;
}

.by-success-tint-30 {
  border-block-color: var(--color-success-tint-30) !important;
}

.bg-success-tint-40 {
  background-color: var(--color-success-tint-40) !important;
  color: var(--color-success-tint-40-alt) !important;
}

.fg-success-tint-40 {
  color: var(--color-success-tint-40) !important;
}

.b-success-tint-40 {
  border-color: var(--color-success-tint-40) !important;
}

.bs-success-tint-40 {
  border-inline-start-color: var(--color-success-tint-40) !important;
}

.be-success-tint-40 {
  border-inline-end-color: var(--color-success-tint-40) !important;
}

.bt-success-tint-40 {
  border-block-start-color: var(--color-success-tint-40) !important;
}

.bb-success-tint-40 {
  border-block-end-color: var(--color-success-tint-40) !important;
}

.bx-success-tint-40 {
  border-inline-color: var(--color-success-tint-40) !important;
}

.by-success-tint-40 {
  border-block-color: var(--color-success-tint-40) !important;
}

.bg-success-tint-50 {
  background-color: var(--color-success-tint-50) !important;
  color: var(--color-success-tint-50-alt) !important;
}

.fg-success-tint-50 {
  color: var(--color-success-tint-50) !important;
}

.b-success-tint-50 {
  border-color: var(--color-success-tint-50) !important;
}

.bs-success-tint-50 {
  border-inline-start-color: var(--color-success-tint-50) !important;
}

.be-success-tint-50 {
  border-inline-end-color: var(--color-success-tint-50) !important;
}

.bt-success-tint-50 {
  border-block-start-color: var(--color-success-tint-50) !important;
}

.bb-success-tint-50 {
  border-block-end-color: var(--color-success-tint-50) !important;
}

.bx-success-tint-50 {
  border-inline-color: var(--color-success-tint-50) !important;
}

.by-success-tint-50 {
  border-block-color: var(--color-success-tint-50) !important;
}

.bg-success-tint-60 {
  background-color: var(--color-success-tint-60) !important;
  color: var(--color-success-tint-60-alt) !important;
}

.fg-success-tint-60 {
  color: var(--color-success-tint-60) !important;
}

.b-success-tint-60 {
  border-color: var(--color-success-tint-60) !important;
}

.bs-success-tint-60 {
  border-inline-start-color: var(--color-success-tint-60) !important;
}

.be-success-tint-60 {
  border-inline-end-color: var(--color-success-tint-60) !important;
}

.bt-success-tint-60 {
  border-block-start-color: var(--color-success-tint-60) !important;
}

.bb-success-tint-60 {
  border-block-end-color: var(--color-success-tint-60) !important;
}

.bx-success-tint-60 {
  border-inline-color: var(--color-success-tint-60) !important;
}

.by-success-tint-60 {
  border-block-color: var(--color-success-tint-60) !important;
}

.bg-warning-shade-50 {
  background-color: var(--color-warning-shade-50) !important;
  color: var(--color-warning-shade-50-alt) !important;
}

.fg-warning-shade-50 {
  color: var(--color-warning-shade-50) !important;
}

.b-warning-shade-50 {
  border-color: var(--color-warning-shade-50) !important;
}

.bs-warning-shade-50 {
  border-inline-start-color: var(--color-warning-shade-50) !important;
}

.be-warning-shade-50 {
  border-inline-end-color: var(--color-warning-shade-50) !important;
}

.bt-warning-shade-50 {
  border-block-start-color: var(--color-warning-shade-50) !important;
}

.bb-warning-shade-50 {
  border-block-end-color: var(--color-warning-shade-50) !important;
}

.bx-warning-shade-50 {
  border-inline-color: var(--color-warning-shade-50) !important;
}

.by-warning-shade-50 {
  border-block-color: var(--color-warning-shade-50) !important;
}

.bg-warning-shade-40 {
  background-color: var(--color-warning-shade-40) !important;
  color: var(--color-warning-shade-40-alt) !important;
}

.fg-warning-shade-40 {
  color: var(--color-warning-shade-40) !important;
}

.b-warning-shade-40 {
  border-color: var(--color-warning-shade-40) !important;
}

.bs-warning-shade-40 {
  border-inline-start-color: var(--color-warning-shade-40) !important;
}

.be-warning-shade-40 {
  border-inline-end-color: var(--color-warning-shade-40) !important;
}

.bt-warning-shade-40 {
  border-block-start-color: var(--color-warning-shade-40) !important;
}

.bb-warning-shade-40 {
  border-block-end-color: var(--color-warning-shade-40) !important;
}

.bx-warning-shade-40 {
  border-inline-color: var(--color-warning-shade-40) !important;
}

.by-warning-shade-40 {
  border-block-color: var(--color-warning-shade-40) !important;
}

.bg-warning-shade-30 {
  background-color: var(--color-warning-shade-30) !important;
  color: var(--color-warning-shade-30-alt) !important;
}

.fg-warning-shade-30 {
  color: var(--color-warning-shade-30) !important;
}

.b-warning-shade-30 {
  border-color: var(--color-warning-shade-30) !important;
}

.bs-warning-shade-30 {
  border-inline-start-color: var(--color-warning-shade-30) !important;
}

.be-warning-shade-30 {
  border-inline-end-color: var(--color-warning-shade-30) !important;
}

.bt-warning-shade-30 {
  border-block-start-color: var(--color-warning-shade-30) !important;
}

.bb-warning-shade-30 {
  border-block-end-color: var(--color-warning-shade-30) !important;
}

.bx-warning-shade-30 {
  border-inline-color: var(--color-warning-shade-30) !important;
}

.by-warning-shade-30 {
  border-block-color: var(--color-warning-shade-30) !important;
}

.bg-warning-shade-20 {
  background-color: var(--color-warning-shade-20) !important;
  color: var(--color-warning-shade-20-alt) !important;
}

.fg-warning-shade-20 {
  color: var(--color-warning-shade-20) !important;
}

.b-warning-shade-20 {
  border-color: var(--color-warning-shade-20) !important;
}

.bs-warning-shade-20 {
  border-inline-start-color: var(--color-warning-shade-20) !important;
}

.be-warning-shade-20 {
  border-inline-end-color: var(--color-warning-shade-20) !important;
}

.bt-warning-shade-20 {
  border-block-start-color: var(--color-warning-shade-20) !important;
}

.bb-warning-shade-20 {
  border-block-end-color: var(--color-warning-shade-20) !important;
}

.bx-warning-shade-20 {
  border-inline-color: var(--color-warning-shade-20) !important;
}

.by-warning-shade-20 {
  border-block-color: var(--color-warning-shade-20) !important;
}

.bg-warning-shade-10 {
  background-color: var(--color-warning-shade-10) !important;
  color: var(--color-warning-shade-10-alt) !important;
}

.fg-warning-shade-10 {
  color: var(--color-warning-shade-10) !important;
}

.b-warning-shade-10 {
  border-color: var(--color-warning-shade-10) !important;
}

.bs-warning-shade-10 {
  border-inline-start-color: var(--color-warning-shade-10) !important;
}

.be-warning-shade-10 {
  border-inline-end-color: var(--color-warning-shade-10) !important;
}

.bt-warning-shade-10 {
  border-block-start-color: var(--color-warning-shade-10) !important;
}

.bb-warning-shade-10 {
  border-block-end-color: var(--color-warning-shade-10) !important;
}

.bx-warning-shade-10 {
  border-inline-color: var(--color-warning-shade-10) !important;
}

.by-warning-shade-10 {
  border-block-color: var(--color-warning-shade-10) !important;
}

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

.fg-warning-primary {
  color: var(--color-warning-primary) !important;
}

.b-warning-primary {
  border-color: var(--color-warning-primary) !important;
}

.bs-warning-primary {
  border-inline-start-color: var(--color-warning-primary) !important;
}

.be-warning-primary {
  border-inline-end-color: var(--color-warning-primary) !important;
}

.bt-warning-primary {
  border-block-start-color: var(--color-warning-primary) !important;
}

.bb-warning-primary {
  border-block-end-color: var(--color-warning-primary) !important;
}

.bx-warning-primary {
  border-inline-color: var(--color-warning-primary) !important;
}

.by-warning-primary {
  border-block-color: var(--color-warning-primary) !important;
}

.bg-warning-tint-10 {
  background-color: var(--color-warning-tint-10) !important;
  color: var(--color-warning-tint-10-alt) !important;
}

.fg-warning-tint-10 {
  color: var(--color-warning-tint-10) !important;
}

.b-warning-tint-10 {
  border-color: var(--color-warning-tint-10) !important;
}

.bs-warning-tint-10 {
  border-inline-start-color: var(--color-warning-tint-10) !important;
}

.be-warning-tint-10 {
  border-inline-end-color: var(--color-warning-tint-10) !important;
}

.bt-warning-tint-10 {
  border-block-start-color: var(--color-warning-tint-10) !important;
}

.bb-warning-tint-10 {
  border-block-end-color: var(--color-warning-tint-10) !important;
}

.bx-warning-tint-10 {
  border-inline-color: var(--color-warning-tint-10) !important;
}

.by-warning-tint-10 {
  border-block-color: var(--color-warning-tint-10) !important;
}

.bg-warning-tint-20 {
  background-color: var(--color-warning-tint-20) !important;
  color: var(--color-warning-tint-20-alt) !important;
}

.fg-warning-tint-20 {
  color: var(--color-warning-tint-20) !important;
}

.b-warning-tint-20 {
  border-color: var(--color-warning-tint-20) !important;
}

.bs-warning-tint-20 {
  border-inline-start-color: var(--color-warning-tint-20) !important;
}

.be-warning-tint-20 {
  border-inline-end-color: var(--color-warning-tint-20) !important;
}

.bt-warning-tint-20 {
  border-block-start-color: var(--color-warning-tint-20) !important;
}

.bb-warning-tint-20 {
  border-block-end-color: var(--color-warning-tint-20) !important;
}

.bx-warning-tint-20 {
  border-inline-color: var(--color-warning-tint-20) !important;
}

.by-warning-tint-20 {
  border-block-color: var(--color-warning-tint-20) !important;
}

.bg-warning-tint-30 {
  background-color: var(--color-warning-tint-30) !important;
  color: var(--color-warning-tint-30-alt) !important;
}

.fg-warning-tint-30 {
  color: var(--color-warning-tint-30) !important;
}

.b-warning-tint-30 {
  border-color: var(--color-warning-tint-30) !important;
}

.bs-warning-tint-30 {
  border-inline-start-color: var(--color-warning-tint-30) !important;
}

.be-warning-tint-30 {
  border-inline-end-color: var(--color-warning-tint-30) !important;
}

.bt-warning-tint-30 {
  border-block-start-color: var(--color-warning-tint-30) !important;
}

.bb-warning-tint-30 {
  border-block-end-color: var(--color-warning-tint-30) !important;
}

.bx-warning-tint-30 {
  border-inline-color: var(--color-warning-tint-30) !important;
}

.by-warning-tint-30 {
  border-block-color: var(--color-warning-tint-30) !important;
}

.bg-warning-tint-40 {
  background-color: var(--color-warning-tint-40) !important;
  color: var(--color-warning-tint-40-alt) !important;
}

.fg-warning-tint-40 {
  color: var(--color-warning-tint-40) !important;
}

.b-warning-tint-40 {
  border-color: var(--color-warning-tint-40) !important;
}

.bs-warning-tint-40 {
  border-inline-start-color: var(--color-warning-tint-40) !important;
}

.be-warning-tint-40 {
  border-inline-end-color: var(--color-warning-tint-40) !important;
}

.bt-warning-tint-40 {
  border-block-start-color: var(--color-warning-tint-40) !important;
}

.bb-warning-tint-40 {
  border-block-end-color: var(--color-warning-tint-40) !important;
}

.bx-warning-tint-40 {
  border-inline-color: var(--color-warning-tint-40) !important;
}

.by-warning-tint-40 {
  border-block-color: var(--color-warning-tint-40) !important;
}

.bg-warning-tint-50 {
  background-color: var(--color-warning-tint-50) !important;
  color: var(--color-warning-tint-50-alt) !important;
}

.fg-warning-tint-50 {
  color: var(--color-warning-tint-50) !important;
}

.b-warning-tint-50 {
  border-color: var(--color-warning-tint-50) !important;
}

.bs-warning-tint-50 {
  border-inline-start-color: var(--color-warning-tint-50) !important;
}

.be-warning-tint-50 {
  border-inline-end-color: var(--color-warning-tint-50) !important;
}

.bt-warning-tint-50 {
  border-block-start-color: var(--color-warning-tint-50) !important;
}

.bb-warning-tint-50 {
  border-block-end-color: var(--color-warning-tint-50) !important;
}

.bx-warning-tint-50 {
  border-inline-color: var(--color-warning-tint-50) !important;
}

.by-warning-tint-50 {
  border-block-color: var(--color-warning-tint-50) !important;
}

.bg-warning-tint-60 {
  background-color: var(--color-warning-tint-60) !important;
  color: var(--color-warning-tint-60-alt) !important;
}

.fg-warning-tint-60 {
  color: var(--color-warning-tint-60) !important;
}

.b-warning-tint-60 {
  border-color: var(--color-warning-tint-60) !important;
}

.bs-warning-tint-60 {
  border-inline-start-color: var(--color-warning-tint-60) !important;
}

.be-warning-tint-60 {
  border-inline-end-color: var(--color-warning-tint-60) !important;
}

.bt-warning-tint-60 {
  border-block-start-color: var(--color-warning-tint-60) !important;
}

.bb-warning-tint-60 {
  border-block-end-color: var(--color-warning-tint-60) !important;
}

.bx-warning-tint-60 {
  border-inline-color: var(--color-warning-tint-60) !important;
}

.by-warning-tint-60 {
  border-block-color: var(--color-warning-tint-60) !important;
}

.bg-caution-shade-50 {
  background-color: var(--color-caution-shade-50) !important;
  color: var(--color-caution-shade-50-alt) !important;
}

.fg-caution-shade-50 {
  color: var(--color-caution-shade-50) !important;
}

.b-caution-shade-50 {
  border-color: var(--color-caution-shade-50) !important;
}

.bs-caution-shade-50 {
  border-inline-start-color: var(--color-caution-shade-50) !important;
}

.be-caution-shade-50 {
  border-inline-end-color: var(--color-caution-shade-50) !important;
}

.bt-caution-shade-50 {
  border-block-start-color: var(--color-caution-shade-50) !important;
}

.bb-caution-shade-50 {
  border-block-end-color: var(--color-caution-shade-50) !important;
}

.bx-caution-shade-50 {
  border-inline-color: var(--color-caution-shade-50) !important;
}

.by-caution-shade-50 {
  border-block-color: var(--color-caution-shade-50) !important;
}

.bg-caution-shade-40 {
  background-color: var(--color-caution-shade-40) !important;
  color: var(--color-caution-shade-40-alt) !important;
}

.fg-caution-shade-40 {
  color: var(--color-caution-shade-40) !important;
}

.b-caution-shade-40 {
  border-color: var(--color-caution-shade-40) !important;
}

.bs-caution-shade-40 {
  border-inline-start-color: var(--color-caution-shade-40) !important;
}

.be-caution-shade-40 {
  border-inline-end-color: var(--color-caution-shade-40) !important;
}

.bt-caution-shade-40 {
  border-block-start-color: var(--color-caution-shade-40) !important;
}

.bb-caution-shade-40 {
  border-block-end-color: var(--color-caution-shade-40) !important;
}

.bx-caution-shade-40 {
  border-inline-color: var(--color-caution-shade-40) !important;
}

.by-caution-shade-40 {
  border-block-color: var(--color-caution-shade-40) !important;
}

.bg-caution-shade-30 {
  background-color: var(--color-caution-shade-30) !important;
  color: var(--color-caution-shade-30-alt) !important;
}

.fg-caution-shade-30 {
  color: var(--color-caution-shade-30) !important;
}

.b-caution-shade-30 {
  border-color: var(--color-caution-shade-30) !important;
}

.bs-caution-shade-30 {
  border-inline-start-color: var(--color-caution-shade-30) !important;
}

.be-caution-shade-30 {
  border-inline-end-color: var(--color-caution-shade-30) !important;
}

.bt-caution-shade-30 {
  border-block-start-color: var(--color-caution-shade-30) !important;
}

.bb-caution-shade-30 {
  border-block-end-color: var(--color-caution-shade-30) !important;
}

.bx-caution-shade-30 {
  border-inline-color: var(--color-caution-shade-30) !important;
}

.by-caution-shade-30 {
  border-block-color: var(--color-caution-shade-30) !important;
}

.bg-caution-shade-20 {
  background-color: var(--color-caution-shade-20) !important;
  color: var(--color-caution-shade-20-alt) !important;
}

.fg-caution-shade-20 {
  color: var(--color-caution-shade-20) !important;
}

.b-caution-shade-20 {
  border-color: var(--color-caution-shade-20) !important;
}

.bs-caution-shade-20 {
  border-inline-start-color: var(--color-caution-shade-20) !important;
}

.be-caution-shade-20 {
  border-inline-end-color: var(--color-caution-shade-20) !important;
}

.bt-caution-shade-20 {
  border-block-start-color: var(--color-caution-shade-20) !important;
}

.bb-caution-shade-20 {
  border-block-end-color: var(--color-caution-shade-20) !important;
}

.bx-caution-shade-20 {
  border-inline-color: var(--color-caution-shade-20) !important;
}

.by-caution-shade-20 {
  border-block-color: var(--color-caution-shade-20) !important;
}

.bg-caution-shade-10 {
  background-color: var(--color-caution-shade-10) !important;
  color: var(--color-caution-shade-10-alt) !important;
}

.fg-caution-shade-10 {
  color: var(--color-caution-shade-10) !important;
}

.b-caution-shade-10 {
  border-color: var(--color-caution-shade-10) !important;
}

.bs-caution-shade-10 {
  border-inline-start-color: var(--color-caution-shade-10) !important;
}

.be-caution-shade-10 {
  border-inline-end-color: var(--color-caution-shade-10) !important;
}

.bt-caution-shade-10 {
  border-block-start-color: var(--color-caution-shade-10) !important;
}

.bb-caution-shade-10 {
  border-block-end-color: var(--color-caution-shade-10) !important;
}

.bx-caution-shade-10 {
  border-inline-color: var(--color-caution-shade-10) !important;
}

.by-caution-shade-10 {
  border-block-color: var(--color-caution-shade-10) !important;
}

.bg-caution-primary {
  background-color: var(--color-caution-primary) !important;
  color: var(--color-caution-primary-alt) !important;
}

.fg-caution-primary {
  color: var(--color-caution-primary) !important;
}

.b-caution-primary {
  border-color: var(--color-caution-primary) !important;
}

.bs-caution-primary {
  border-inline-start-color: var(--color-caution-primary) !important;
}

.be-caution-primary {
  border-inline-end-color: var(--color-caution-primary) !important;
}

.bt-caution-primary {
  border-block-start-color: var(--color-caution-primary) !important;
}

.bb-caution-primary {
  border-block-end-color: var(--color-caution-primary) !important;
}

.bx-caution-primary {
  border-inline-color: var(--color-caution-primary) !important;
}

.by-caution-primary {
  border-block-color: var(--color-caution-primary) !important;
}

.bg-caution-tint-10 {
  background-color: var(--color-caution-tint-10) !important;
  color: var(--color-caution-tint-10-alt) !important;
}

.fg-caution-tint-10 {
  color: var(--color-caution-tint-10) !important;
}

.b-caution-tint-10 {
  border-color: var(--color-caution-tint-10) !important;
}

.bs-caution-tint-10 {
  border-inline-start-color: var(--color-caution-tint-10) !important;
}

.be-caution-tint-10 {
  border-inline-end-color: var(--color-caution-tint-10) !important;
}

.bt-caution-tint-10 {
  border-block-start-color: var(--color-caution-tint-10) !important;
}

.bb-caution-tint-10 {
  border-block-end-color: var(--color-caution-tint-10) !important;
}

.bx-caution-tint-10 {
  border-inline-color: var(--color-caution-tint-10) !important;
}

.by-caution-tint-10 {
  border-block-color: var(--color-caution-tint-10) !important;
}

.bg-caution-tint-20 {
  background-color: var(--color-caution-tint-20) !important;
  color: var(--color-caution-tint-20-alt) !important;
}

.fg-caution-tint-20 {
  color: var(--color-caution-tint-20) !important;
}

.b-caution-tint-20 {
  border-color: var(--color-caution-tint-20) !important;
}

.bs-caution-tint-20 {
  border-inline-start-color: var(--color-caution-tint-20) !important;
}

.be-caution-tint-20 {
  border-inline-end-color: var(--color-caution-tint-20) !important;
}

.bt-caution-tint-20 {
  border-block-start-color: var(--color-caution-tint-20) !important;
}

.bb-caution-tint-20 {
  border-block-end-color: var(--color-caution-tint-20) !important;
}

.bx-caution-tint-20 {
  border-inline-color: var(--color-caution-tint-20) !important;
}

.by-caution-tint-20 {
  border-block-color: var(--color-caution-tint-20) !important;
}

.bg-caution-tint-30 {
  background-color: var(--color-caution-tint-30) !important;
  color: var(--color-caution-tint-30-alt) !important;
}

.fg-caution-tint-30 {
  color: var(--color-caution-tint-30) !important;
}

.b-caution-tint-30 {
  border-color: var(--color-caution-tint-30) !important;
}

.bs-caution-tint-30 {
  border-inline-start-color: var(--color-caution-tint-30) !important;
}

.be-caution-tint-30 {
  border-inline-end-color: var(--color-caution-tint-30) !important;
}

.bt-caution-tint-30 {
  border-block-start-color: var(--color-caution-tint-30) !important;
}

.bb-caution-tint-30 {
  border-block-end-color: var(--color-caution-tint-30) !important;
}

.bx-caution-tint-30 {
  border-inline-color: var(--color-caution-tint-30) !important;
}

.by-caution-tint-30 {
  border-block-color: var(--color-caution-tint-30) !important;
}

.bg-caution-tint-40 {
  background-color: var(--color-caution-tint-40) !important;
  color: var(--color-caution-tint-40-alt) !important;
}

.fg-caution-tint-40 {
  color: var(--color-caution-tint-40) !important;
}

.b-caution-tint-40 {
  border-color: var(--color-caution-tint-40) !important;
}

.bs-caution-tint-40 {
  border-inline-start-color: var(--color-caution-tint-40) !important;
}

.be-caution-tint-40 {
  border-inline-end-color: var(--color-caution-tint-40) !important;
}

.bt-caution-tint-40 {
  border-block-start-color: var(--color-caution-tint-40) !important;
}

.bb-caution-tint-40 {
  border-block-end-color: var(--color-caution-tint-40) !important;
}

.bx-caution-tint-40 {
  border-inline-color: var(--color-caution-tint-40) !important;
}

.by-caution-tint-40 {
  border-block-color: var(--color-caution-tint-40) !important;
}

.bg-caution-tint-50 {
  background-color: var(--color-caution-tint-50) !important;
  color: var(--color-caution-tint-50-alt) !important;
}

.fg-caution-tint-50 {
  color: var(--color-caution-tint-50) !important;
}

.b-caution-tint-50 {
  border-color: var(--color-caution-tint-50) !important;
}

.bs-caution-tint-50 {
  border-inline-start-color: var(--color-caution-tint-50) !important;
}

.be-caution-tint-50 {
  border-inline-end-color: var(--color-caution-tint-50) !important;
}

.bt-caution-tint-50 {
  border-block-start-color: var(--color-caution-tint-50) !important;
}

.bb-caution-tint-50 {
  border-block-end-color: var(--color-caution-tint-50) !important;
}

.bx-caution-tint-50 {
  border-inline-color: var(--color-caution-tint-50) !important;
}

.by-caution-tint-50 {
  border-block-color: var(--color-caution-tint-50) !important;
}

.bg-caution-tint-60 {
  background-color: var(--color-caution-tint-60) !important;
  color: var(--color-caution-tint-60-alt) !important;
}

.fg-caution-tint-60 {
  color: var(--color-caution-tint-60) !important;
}

.b-caution-tint-60 {
  border-color: var(--color-caution-tint-60) !important;
}

.bs-caution-tint-60 {
  border-inline-start-color: var(--color-caution-tint-60) !important;
}

.be-caution-tint-60 {
  border-inline-end-color: var(--color-caution-tint-60) !important;
}

.bt-caution-tint-60 {
  border-block-start-color: var(--color-caution-tint-60) !important;
}

.bb-caution-tint-60 {
  border-block-end-color: var(--color-caution-tint-60) !important;
}

.bx-caution-tint-60 {
  border-inline-color: var(--color-caution-tint-60) !important;
}

.by-caution-tint-60 {
  border-block-color: var(--color-caution-tint-60) !important;
}

.bg-highlight-1 {
  background-color: var(--color-highlight-1) !important;
  color: var(--color-highlight-1-alt) !important;
}

.fg-highlight-1 {
  color: var(--color-highlight-1) !important;
}

.b-highlight-1 {
  border-color: var(--color-highlight-1) !important;
}

.bs-highlight-1 {
  border-inline-start-color: var(--color-highlight-1) !important;
}

.be-highlight-1 {
  border-inline-end-color: var(--color-highlight-1) !important;
}

.bt-highlight-1 {
  border-block-start-color: var(--color-highlight-1) !important;
}

.bb-highlight-1 {
  border-block-end-color: var(--color-highlight-1) !important;
}

.bx-highlight-1 {
  border-inline-color: var(--color-highlight-1) !important;
}

.by-highlight-1 {
  border-block-color: var(--color-highlight-1) !important;
}

.bg-neutral-0 {
  background-color: var(--color-neutral-0) !important;
  color: var(--color-neutral-0-alt) !important;
}

.fg-neutral-0 {
  color: var(--color-neutral-0) !important;
}

.b-neutral-0 {
  border-color: var(--color-neutral-0) !important;
}

.bs-neutral-0 {
  border-inline-start-color: var(--color-neutral-0) !important;
}

.be-neutral-0 {
  border-inline-end-color: var(--color-neutral-0) !important;
}

.bt-neutral-0 {
  border-block-start-color: var(--color-neutral-0) !important;
}

.bb-neutral-0 {
  border-block-end-color: var(--color-neutral-0) !important;
}

.bx-neutral-0 {
  border-inline-color: var(--color-neutral-0) !important;
}

.by-neutral-0 {
  border-block-color: var(--color-neutral-0) !important;
}

.bg-neutral-2 {
  background-color: var(--color-neutral-2) !important;
  color: var(--color-neutral-2-alt) !important;
}

.fg-neutral-2 {
  color: var(--color-neutral-2) !important;
}

.b-neutral-2 {
  border-color: var(--color-neutral-2) !important;
}

.bs-neutral-2 {
  border-inline-start-color: var(--color-neutral-2) !important;
}

.be-neutral-2 {
  border-inline-end-color: var(--color-neutral-2) !important;
}

.bt-neutral-2 {
  border-block-start-color: var(--color-neutral-2) !important;
}

.bb-neutral-2 {
  border-block-end-color: var(--color-neutral-2) !important;
}

.bx-neutral-2 {
  border-inline-color: var(--color-neutral-2) !important;
}

.by-neutral-2 {
  border-block-color: var(--color-neutral-2) !important;
}

.bg-neutral-4 {
  background-color: var(--color-neutral-4) !important;
  color: var(--color-neutral-4-alt) !important;
}

.fg-neutral-4 {
  color: var(--color-neutral-4) !important;
}

.b-neutral-4 {
  border-color: var(--color-neutral-4) !important;
}

.bs-neutral-4 {
  border-inline-start-color: var(--color-neutral-4) !important;
}

.be-neutral-4 {
  border-inline-end-color: var(--color-neutral-4) !important;
}

.bt-neutral-4 {
  border-block-start-color: var(--color-neutral-4) !important;
}

.bb-neutral-4 {
  border-block-end-color: var(--color-neutral-4) !important;
}

.bx-neutral-4 {
  border-inline-color: var(--color-neutral-4) !important;
}

.by-neutral-4 {
  border-block-color: var(--color-neutral-4) !important;
}

.bg-neutral-6 {
  background-color: var(--color-neutral-6) !important;
  color: var(--color-neutral-6-alt) !important;
}

.fg-neutral-6 {
  color: var(--color-neutral-6) !important;
}

.b-neutral-6 {
  border-color: var(--color-neutral-6) !important;
}

.bs-neutral-6 {
  border-inline-start-color: var(--color-neutral-6) !important;
}

.be-neutral-6 {
  border-inline-end-color: var(--color-neutral-6) !important;
}

.bt-neutral-6 {
  border-block-start-color: var(--color-neutral-6) !important;
}

.bb-neutral-6 {
  border-block-end-color: var(--color-neutral-6) !important;
}

.bx-neutral-6 {
  border-inline-color: var(--color-neutral-6) !important;
}

.by-neutral-6 {
  border-block-color: var(--color-neutral-6) !important;
}

.bg-neutral-8 {
  background-color: var(--color-neutral-8) !important;
  color: var(--color-neutral-8-alt) !important;
}

.fg-neutral-8 {
  color: var(--color-neutral-8) !important;
}

.b-neutral-8 {
  border-color: var(--color-neutral-8) !important;
}

.bs-neutral-8 {
  border-inline-start-color: var(--color-neutral-8) !important;
}

.be-neutral-8 {
  border-inline-end-color: var(--color-neutral-8) !important;
}

.bt-neutral-8 {
  border-block-start-color: var(--color-neutral-8) !important;
}

.bb-neutral-8 {
  border-block-end-color: var(--color-neutral-8) !important;
}

.bx-neutral-8 {
  border-inline-color: var(--color-neutral-8) !important;
}

.by-neutral-8 {
  border-block-color: var(--color-neutral-8) !important;
}

.bg-neutral-10 {
  background-color: var(--color-neutral-10) !important;
  color: var(--color-neutral-10-alt) !important;
}

.fg-neutral-10 {
  color: var(--color-neutral-10) !important;
}

.b-neutral-10 {
  border-color: var(--color-neutral-10) !important;
}

.bs-neutral-10 {
  border-inline-start-color: var(--color-neutral-10) !important;
}

.be-neutral-10 {
  border-inline-end-color: var(--color-neutral-10) !important;
}

.bt-neutral-10 {
  border-block-start-color: var(--color-neutral-10) !important;
}

.bb-neutral-10 {
  border-block-end-color: var(--color-neutral-10) !important;
}

.bx-neutral-10 {
  border-inline-color: var(--color-neutral-10) !important;
}

.by-neutral-10 {
  border-block-color: var(--color-neutral-10) !important;
}

.bg-neutral-12 {
  background-color: var(--color-neutral-12) !important;
  color: var(--color-neutral-12-alt) !important;
}

.fg-neutral-12 {
  color: var(--color-neutral-12) !important;
}

.b-neutral-12 {
  border-color: var(--color-neutral-12) !important;
}

.bs-neutral-12 {
  border-inline-start-color: var(--color-neutral-12) !important;
}

.be-neutral-12 {
  border-inline-end-color: var(--color-neutral-12) !important;
}

.bt-neutral-12 {
  border-block-start-color: var(--color-neutral-12) !important;
}

.bb-neutral-12 {
  border-block-end-color: var(--color-neutral-12) !important;
}

.bx-neutral-12 {
  border-inline-color: var(--color-neutral-12) !important;
}

.by-neutral-12 {
  border-block-color: var(--color-neutral-12) !important;
}

.bg-neutral-14 {
  background-color: var(--color-neutral-14) !important;
  color: var(--color-neutral-14-alt) !important;
}

.fg-neutral-14 {
  color: var(--color-neutral-14) !important;
}

.b-neutral-14 {
  border-color: var(--color-neutral-14) !important;
}

.bs-neutral-14 {
  border-inline-start-color: var(--color-neutral-14) !important;
}

.be-neutral-14 {
  border-inline-end-color: var(--color-neutral-14) !important;
}

.bt-neutral-14 {
  border-block-start-color: var(--color-neutral-14) !important;
}

.bb-neutral-14 {
  border-block-end-color: var(--color-neutral-14) !important;
}

.bx-neutral-14 {
  border-inline-color: var(--color-neutral-14) !important;
}

.by-neutral-14 {
  border-block-color: var(--color-neutral-14) !important;
}

.bg-neutral-16 {
  background-color: var(--color-neutral-16) !important;
  color: var(--color-neutral-16-alt) !important;
}

.fg-neutral-16 {
  color: var(--color-neutral-16) !important;
}

.b-neutral-16 {
  border-color: var(--color-neutral-16) !important;
}

.bs-neutral-16 {
  border-inline-start-color: var(--color-neutral-16) !important;
}

.be-neutral-16 {
  border-inline-end-color: var(--color-neutral-16) !important;
}

.bt-neutral-16 {
  border-block-start-color: var(--color-neutral-16) !important;
}

.bb-neutral-16 {
  border-block-end-color: var(--color-neutral-16) !important;
}

.bx-neutral-16 {
  border-inline-color: var(--color-neutral-16) !important;
}

.by-neutral-16 {
  border-block-color: var(--color-neutral-16) !important;
}

.bg-neutral-18 {
  background-color: var(--color-neutral-18) !important;
  color: var(--color-neutral-18-alt) !important;
}

.fg-neutral-18 {
  color: var(--color-neutral-18) !important;
}

.b-neutral-18 {
  border-color: var(--color-neutral-18) !important;
}

.bs-neutral-18 {
  border-inline-start-color: var(--color-neutral-18) !important;
}

.be-neutral-18 {
  border-inline-end-color: var(--color-neutral-18) !important;
}

.bt-neutral-18 {
  border-block-start-color: var(--color-neutral-18) !important;
}

.bb-neutral-18 {
  border-block-end-color: var(--color-neutral-18) !important;
}

.bx-neutral-18 {
  border-inline-color: var(--color-neutral-18) !important;
}

.by-neutral-18 {
  border-block-color: var(--color-neutral-18) !important;
}

.bg-neutral-20 {
  background-color: var(--color-neutral-20) !important;
  color: var(--color-neutral-20-alt) !important;
}

.fg-neutral-20 {
  color: var(--color-neutral-20) !important;
}

.b-neutral-20 {
  border-color: var(--color-neutral-20) !important;
}

.bs-neutral-20 {
  border-inline-start-color: var(--color-neutral-20) !important;
}

.be-neutral-20 {
  border-inline-end-color: var(--color-neutral-20) !important;
}

.bt-neutral-20 {
  border-block-start-color: var(--color-neutral-20) !important;
}

.bb-neutral-20 {
  border-block-end-color: var(--color-neutral-20) !important;
}

.bx-neutral-20 {
  border-inline-color: var(--color-neutral-20) !important;
}

.by-neutral-20 {
  border-block-color: var(--color-neutral-20) !important;
}

.bg-neutral-22 {
  background-color: var(--color-neutral-22) !important;
  color: var(--color-neutral-22-alt) !important;
}

.fg-neutral-22 {
  color: var(--color-neutral-22) !important;
}

.b-neutral-22 {
  border-color: var(--color-neutral-22) !important;
}

.bs-neutral-22 {
  border-inline-start-color: var(--color-neutral-22) !important;
}

.be-neutral-22 {
  border-inline-end-color: var(--color-neutral-22) !important;
}

.bt-neutral-22 {
  border-block-start-color: var(--color-neutral-22) !important;
}

.bb-neutral-22 {
  border-block-end-color: var(--color-neutral-22) !important;
}

.bx-neutral-22 {
  border-inline-color: var(--color-neutral-22) !important;
}

.by-neutral-22 {
  border-block-color: var(--color-neutral-22) !important;
}

.bg-neutral-24 {
  background-color: var(--color-neutral-24) !important;
  color: var(--color-neutral-24-alt) !important;
}

.fg-neutral-24 {
  color: var(--color-neutral-24) !important;
}

.b-neutral-24 {
  border-color: var(--color-neutral-24) !important;
}

.bs-neutral-24 {
  border-inline-start-color: var(--color-neutral-24) !important;
}

.be-neutral-24 {
  border-inline-end-color: var(--color-neutral-24) !important;
}

.bt-neutral-24 {
  border-block-start-color: var(--color-neutral-24) !important;
}

.bb-neutral-24 {
  border-block-end-color: var(--color-neutral-24) !important;
}

.bx-neutral-24 {
  border-inline-color: var(--color-neutral-24) !important;
}

.by-neutral-24 {
  border-block-color: var(--color-neutral-24) !important;
}

.bg-neutral-26 {
  background-color: var(--color-neutral-26) !important;
  color: var(--color-neutral-26-alt) !important;
}

.fg-neutral-26 {
  color: var(--color-neutral-26) !important;
}

.b-neutral-26 {
  border-color: var(--color-neutral-26) !important;
}

.bs-neutral-26 {
  border-inline-start-color: var(--color-neutral-26) !important;
}

.be-neutral-26 {
  border-inline-end-color: var(--color-neutral-26) !important;
}

.bt-neutral-26 {
  border-block-start-color: var(--color-neutral-26) !important;
}

.bb-neutral-26 {
  border-block-end-color: var(--color-neutral-26) !important;
}

.bx-neutral-26 {
  border-inline-color: var(--color-neutral-26) !important;
}

.by-neutral-26 {
  border-block-color: var(--color-neutral-26) !important;
}

.bg-neutral-28 {
  background-color: var(--color-neutral-28) !important;
  color: var(--color-neutral-28-alt) !important;
}

.fg-neutral-28 {
  color: var(--color-neutral-28) !important;
}

.b-neutral-28 {
  border-color: var(--color-neutral-28) !important;
}

.bs-neutral-28 {
  border-inline-start-color: var(--color-neutral-28) !important;
}

.be-neutral-28 {
  border-inline-end-color: var(--color-neutral-28) !important;
}

.bt-neutral-28 {
  border-block-start-color: var(--color-neutral-28) !important;
}

.bb-neutral-28 {
  border-block-end-color: var(--color-neutral-28) !important;
}

.bx-neutral-28 {
  border-inline-color: var(--color-neutral-28) !important;
}

.by-neutral-28 {
  border-block-color: var(--color-neutral-28) !important;
}

.bg-neutral-30 {
  background-color: var(--color-neutral-30) !important;
  color: var(--color-neutral-30-alt) !important;
}

.fg-neutral-30 {
  color: var(--color-neutral-30) !important;
}

.b-neutral-30 {
  border-color: var(--color-neutral-30) !important;
}

.bs-neutral-30 {
  border-inline-start-color: var(--color-neutral-30) !important;
}

.be-neutral-30 {
  border-inline-end-color: var(--color-neutral-30) !important;
}

.bt-neutral-30 {
  border-block-start-color: var(--color-neutral-30) !important;
}

.bb-neutral-30 {
  border-block-end-color: var(--color-neutral-30) !important;
}

.bx-neutral-30 {
  border-inline-color: var(--color-neutral-30) !important;
}

.by-neutral-30 {
  border-block-color: var(--color-neutral-30) !important;
}

.bg-neutral-32 {
  background-color: var(--color-neutral-32) !important;
  color: var(--color-neutral-32-alt) !important;
}

.fg-neutral-32 {
  color: var(--color-neutral-32) !important;
}

.b-neutral-32 {
  border-color: var(--color-neutral-32) !important;
}

.bs-neutral-32 {
  border-inline-start-color: var(--color-neutral-32) !important;
}

.be-neutral-32 {
  border-inline-end-color: var(--color-neutral-32) !important;
}

.bt-neutral-32 {
  border-block-start-color: var(--color-neutral-32) !important;
}

.bb-neutral-32 {
  border-block-end-color: var(--color-neutral-32) !important;
}

.bx-neutral-32 {
  border-inline-color: var(--color-neutral-32) !important;
}

.by-neutral-32 {
  border-block-color: var(--color-neutral-32) !important;
}

.bg-neutral-34 {
  background-color: var(--color-neutral-34) !important;
  color: var(--color-neutral-34-alt) !important;
}

.fg-neutral-34 {
  color: var(--color-neutral-34) !important;
}

.b-neutral-34 {
  border-color: var(--color-neutral-34) !important;
}

.bs-neutral-34 {
  border-inline-start-color: var(--color-neutral-34) !important;
}

.be-neutral-34 {
  border-inline-end-color: var(--color-neutral-34) !important;
}

.bt-neutral-34 {
  border-block-start-color: var(--color-neutral-34) !important;
}

.bb-neutral-34 {
  border-block-end-color: var(--color-neutral-34) !important;
}

.bx-neutral-34 {
  border-inline-color: var(--color-neutral-34) !important;
}

.by-neutral-34 {
  border-block-color: var(--color-neutral-34) !important;
}

.bg-neutral-36 {
  background-color: var(--color-neutral-36) !important;
  color: var(--color-neutral-36-alt) !important;
}

.fg-neutral-36 {
  color: var(--color-neutral-36) !important;
}

.b-neutral-36 {
  border-color: var(--color-neutral-36) !important;
}

.bs-neutral-36 {
  border-inline-start-color: var(--color-neutral-36) !important;
}

.be-neutral-36 {
  border-inline-end-color: var(--color-neutral-36) !important;
}

.bt-neutral-36 {
  border-block-start-color: var(--color-neutral-36) !important;
}

.bb-neutral-36 {
  border-block-end-color: var(--color-neutral-36) !important;
}

.bx-neutral-36 {
  border-inline-color: var(--color-neutral-36) !important;
}

.by-neutral-36 {
  border-block-color: var(--color-neutral-36) !important;
}

.bg-neutral-38 {
  background-color: var(--color-neutral-38) !important;
  color: var(--color-neutral-38-alt) !important;
}

.fg-neutral-38 {
  color: var(--color-neutral-38) !important;
}

.b-neutral-38 {
  border-color: var(--color-neutral-38) !important;
}

.bs-neutral-38 {
  border-inline-start-color: var(--color-neutral-38) !important;
}

.be-neutral-38 {
  border-inline-end-color: var(--color-neutral-38) !important;
}

.bt-neutral-38 {
  border-block-start-color: var(--color-neutral-38) !important;
}

.bb-neutral-38 {
  border-block-end-color: var(--color-neutral-38) !important;
}

.bx-neutral-38 {
  border-inline-color: var(--color-neutral-38) !important;
}

.by-neutral-38 {
  border-block-color: var(--color-neutral-38) !important;
}

.bg-neutral-40 {
  background-color: var(--color-neutral-40) !important;
  color: var(--color-neutral-40-alt) !important;
}

.fg-neutral-40 {
  color: var(--color-neutral-40) !important;
}

.b-neutral-40 {
  border-color: var(--color-neutral-40) !important;
}

.bs-neutral-40 {
  border-inline-start-color: var(--color-neutral-40) !important;
}

.be-neutral-40 {
  border-inline-end-color: var(--color-neutral-40) !important;
}

.bt-neutral-40 {
  border-block-start-color: var(--color-neutral-40) !important;
}

.bb-neutral-40 {
  border-block-end-color: var(--color-neutral-40) !important;
}

.bx-neutral-40 {
  border-inline-color: var(--color-neutral-40) !important;
}

.by-neutral-40 {
  border-block-color: var(--color-neutral-40) !important;
}

.bg-neutral-42 {
  background-color: var(--color-neutral-42) !important;
  color: var(--color-neutral-42-alt) !important;
}

.fg-neutral-42 {
  color: var(--color-neutral-42) !important;
}

.b-neutral-42 {
  border-color: var(--color-neutral-42) !important;
}

.bs-neutral-42 {
  border-inline-start-color: var(--color-neutral-42) !important;
}

.be-neutral-42 {
  border-inline-end-color: var(--color-neutral-42) !important;
}

.bt-neutral-42 {
  border-block-start-color: var(--color-neutral-42) !important;
}

.bb-neutral-42 {
  border-block-end-color: var(--color-neutral-42) !important;
}

.bx-neutral-42 {
  border-inline-color: var(--color-neutral-42) !important;
}

.by-neutral-42 {
  border-block-color: var(--color-neutral-42) !important;
}

.bg-neutral-44 {
  background-color: var(--color-neutral-44) !important;
  color: var(--color-neutral-44-alt) !important;
}

.fg-neutral-44 {
  color: var(--color-neutral-44) !important;
}

.b-neutral-44 {
  border-color: var(--color-neutral-44) !important;
}

.bs-neutral-44 {
  border-inline-start-color: var(--color-neutral-44) !important;
}

.be-neutral-44 {
  border-inline-end-color: var(--color-neutral-44) !important;
}

.bt-neutral-44 {
  border-block-start-color: var(--color-neutral-44) !important;
}

.bb-neutral-44 {
  border-block-end-color: var(--color-neutral-44) !important;
}

.bx-neutral-44 {
  border-inline-color: var(--color-neutral-44) !important;
}

.by-neutral-44 {
  border-block-color: var(--color-neutral-44) !important;
}

.bg-neutral-46 {
  background-color: var(--color-neutral-46) !important;
  color: var(--color-neutral-46-alt) !important;
}

.fg-neutral-46 {
  color: var(--color-neutral-46) !important;
}

.b-neutral-46 {
  border-color: var(--color-neutral-46) !important;
}

.bs-neutral-46 {
  border-inline-start-color: var(--color-neutral-46) !important;
}

.be-neutral-46 {
  border-inline-end-color: var(--color-neutral-46) !important;
}

.bt-neutral-46 {
  border-block-start-color: var(--color-neutral-46) !important;
}

.bb-neutral-46 {
  border-block-end-color: var(--color-neutral-46) !important;
}

.bx-neutral-46 {
  border-inline-color: var(--color-neutral-46) !important;
}

.by-neutral-46 {
  border-block-color: var(--color-neutral-46) !important;
}

.bg-neutral-48 {
  background-color: var(--color-neutral-48) !important;
  color: var(--color-neutral-48-alt) !important;
}

.fg-neutral-48 {
  color: var(--color-neutral-48) !important;
}

.b-neutral-48 {
  border-color: var(--color-neutral-48) !important;
}

.bs-neutral-48 {
  border-inline-start-color: var(--color-neutral-48) !important;
}

.be-neutral-48 {
  border-inline-end-color: var(--color-neutral-48) !important;
}

.bt-neutral-48 {
  border-block-start-color: var(--color-neutral-48) !important;
}

.bb-neutral-48 {
  border-block-end-color: var(--color-neutral-48) !important;
}

.bx-neutral-48 {
  border-inline-color: var(--color-neutral-48) !important;
}

.by-neutral-48 {
  border-block-color: var(--color-neutral-48) !important;
}

.bg-neutral-50 {
  background-color: var(--color-neutral-50) !important;
  color: var(--color-neutral-50-alt) !important;
}

.fg-neutral-50 {
  color: var(--color-neutral-50) !important;
}

.b-neutral-50 {
  border-color: var(--color-neutral-50) !important;
}

.bs-neutral-50 {
  border-inline-start-color: var(--color-neutral-50) !important;
}

.be-neutral-50 {
  border-inline-end-color: var(--color-neutral-50) !important;
}

.bt-neutral-50 {
  border-block-start-color: var(--color-neutral-50) !important;
}

.bb-neutral-50 {
  border-block-end-color: var(--color-neutral-50) !important;
}

.bx-neutral-50 {
  border-inline-color: var(--color-neutral-50) !important;
}

.by-neutral-50 {
  border-block-color: var(--color-neutral-50) !important;
}

.bg-neutral-52 {
  background-color: var(--color-neutral-52) !important;
  color: var(--color-neutral-52-alt) !important;
}

.fg-neutral-52 {
  color: var(--color-neutral-52) !important;
}

.b-neutral-52 {
  border-color: var(--color-neutral-52) !important;
}

.bs-neutral-52 {
  border-inline-start-color: var(--color-neutral-52) !important;
}

.be-neutral-52 {
  border-inline-end-color: var(--color-neutral-52) !important;
}

.bt-neutral-52 {
  border-block-start-color: var(--color-neutral-52) !important;
}

.bb-neutral-52 {
  border-block-end-color: var(--color-neutral-52) !important;
}

.bx-neutral-52 {
  border-inline-color: var(--color-neutral-52) !important;
}

.by-neutral-52 {
  border-block-color: var(--color-neutral-52) !important;
}

.bg-neutral-54 {
  background-color: var(--color-neutral-54) !important;
  color: var(--color-neutral-54-alt) !important;
}

.fg-neutral-54 {
  color: var(--color-neutral-54) !important;
}

.b-neutral-54 {
  border-color: var(--color-neutral-54) !important;
}

.bs-neutral-54 {
  border-inline-start-color: var(--color-neutral-54) !important;
}

.be-neutral-54 {
  border-inline-end-color: var(--color-neutral-54) !important;
}

.bt-neutral-54 {
  border-block-start-color: var(--color-neutral-54) !important;
}

.bb-neutral-54 {
  border-block-end-color: var(--color-neutral-54) !important;
}

.bx-neutral-54 {
  border-inline-color: var(--color-neutral-54) !important;
}

.by-neutral-54 {
  border-block-color: var(--color-neutral-54) !important;
}

.bg-neutral-56 {
  background-color: var(--color-neutral-56) !important;
  color: var(--color-neutral-56-alt) !important;
}

.fg-neutral-56 {
  color: var(--color-neutral-56) !important;
}

.b-neutral-56 {
  border-color: var(--color-neutral-56) !important;
}

.bs-neutral-56 {
  border-inline-start-color: var(--color-neutral-56) !important;
}

.be-neutral-56 {
  border-inline-end-color: var(--color-neutral-56) !important;
}

.bt-neutral-56 {
  border-block-start-color: var(--color-neutral-56) !important;
}

.bb-neutral-56 {
  border-block-end-color: var(--color-neutral-56) !important;
}

.bx-neutral-56 {
  border-inline-color: var(--color-neutral-56) !important;
}

.by-neutral-56 {
  border-block-color: var(--color-neutral-56) !important;
}

.bg-neutral-58 {
  background-color: var(--color-neutral-58) !important;
  color: var(--color-neutral-58-alt) !important;
}

.fg-neutral-58 {
  color: var(--color-neutral-58) !important;
}

.b-neutral-58 {
  border-color: var(--color-neutral-58) !important;
}

.bs-neutral-58 {
  border-inline-start-color: var(--color-neutral-58) !important;
}

.be-neutral-58 {
  border-inline-end-color: var(--color-neutral-58) !important;
}

.bt-neutral-58 {
  border-block-start-color: var(--color-neutral-58) !important;
}

.bb-neutral-58 {
  border-block-end-color: var(--color-neutral-58) !important;
}

.bx-neutral-58 {
  border-inline-color: var(--color-neutral-58) !important;
}

.by-neutral-58 {
  border-block-color: var(--color-neutral-58) !important;
}

.bg-neutral-60 {
  background-color: var(--color-neutral-60) !important;
  color: var(--color-neutral-60-alt) !important;
}

.fg-neutral-60 {
  color: var(--color-neutral-60) !important;
}

.b-neutral-60 {
  border-color: var(--color-neutral-60) !important;
}

.bs-neutral-60 {
  border-inline-start-color: var(--color-neutral-60) !important;
}

.be-neutral-60 {
  border-inline-end-color: var(--color-neutral-60) !important;
}

.bt-neutral-60 {
  border-block-start-color: var(--color-neutral-60) !important;
}

.bb-neutral-60 {
  border-block-end-color: var(--color-neutral-60) !important;
}

.bx-neutral-60 {
  border-inline-color: var(--color-neutral-60) !important;
}

.by-neutral-60 {
  border-block-color: var(--color-neutral-60) !important;
}

.bg-neutral-62 {
  background-color: var(--color-neutral-62) !important;
  color: var(--color-neutral-62-alt) !important;
}

.fg-neutral-62 {
  color: var(--color-neutral-62) !important;
}

.b-neutral-62 {
  border-color: var(--color-neutral-62) !important;
}

.bs-neutral-62 {
  border-inline-start-color: var(--color-neutral-62) !important;
}

.be-neutral-62 {
  border-inline-end-color: var(--color-neutral-62) !important;
}

.bt-neutral-62 {
  border-block-start-color: var(--color-neutral-62) !important;
}

.bb-neutral-62 {
  border-block-end-color: var(--color-neutral-62) !important;
}

.bx-neutral-62 {
  border-inline-color: var(--color-neutral-62) !important;
}

.by-neutral-62 {
  border-block-color: var(--color-neutral-62) !important;
}

.bg-neutral-64 {
  background-color: var(--color-neutral-64) !important;
  color: var(--color-neutral-64-alt) !important;
}

.fg-neutral-64 {
  color: var(--color-neutral-64) !important;
}

.b-neutral-64 {
  border-color: var(--color-neutral-64) !important;
}

.bs-neutral-64 {
  border-inline-start-color: var(--color-neutral-64) !important;
}

.be-neutral-64 {
  border-inline-end-color: var(--color-neutral-64) !important;
}

.bt-neutral-64 {
  border-block-start-color: var(--color-neutral-64) !important;
}

.bb-neutral-64 {
  border-block-end-color: var(--color-neutral-64) !important;
}

.bx-neutral-64 {
  border-inline-color: var(--color-neutral-64) !important;
}

.by-neutral-64 {
  border-block-color: var(--color-neutral-64) !important;
}

.bg-neutral-66 {
  background-color: var(--color-neutral-66) !important;
  color: var(--color-neutral-66-alt) !important;
}

.fg-neutral-66 {
  color: var(--color-neutral-66) !important;
}

.b-neutral-66 {
  border-color: var(--color-neutral-66) !important;
}

.bs-neutral-66 {
  border-inline-start-color: var(--color-neutral-66) !important;
}

.be-neutral-66 {
  border-inline-end-color: var(--color-neutral-66) !important;
}

.bt-neutral-66 {
  border-block-start-color: var(--color-neutral-66) !important;
}

.bb-neutral-66 {
  border-block-end-color: var(--color-neutral-66) !important;
}

.bx-neutral-66 {
  border-inline-color: var(--color-neutral-66) !important;
}

.by-neutral-66 {
  border-block-color: var(--color-neutral-66) !important;
}

.bg-neutral-68 {
  background-color: var(--color-neutral-68) !important;
  color: var(--color-neutral-68-alt) !important;
}

.fg-neutral-68 {
  color: var(--color-neutral-68) !important;
}

.b-neutral-68 {
  border-color: var(--color-neutral-68) !important;
}

.bs-neutral-68 {
  border-inline-start-color: var(--color-neutral-68) !important;
}

.be-neutral-68 {
  border-inline-end-color: var(--color-neutral-68) !important;
}

.bt-neutral-68 {
  border-block-start-color: var(--color-neutral-68) !important;
}

.bb-neutral-68 {
  border-block-end-color: var(--color-neutral-68) !important;
}

.bx-neutral-68 {
  border-inline-color: var(--color-neutral-68) !important;
}

.by-neutral-68 {
  border-block-color: var(--color-neutral-68) !important;
}

.bg-neutral-70 {
  background-color: var(--color-neutral-70) !important;
  color: var(--color-neutral-70-alt) !important;
}

.fg-neutral-70 {
  color: var(--color-neutral-70) !important;
}

.b-neutral-70 {
  border-color: var(--color-neutral-70) !important;
}

.bs-neutral-70 {
  border-inline-start-color: var(--color-neutral-70) !important;
}

.be-neutral-70 {
  border-inline-end-color: var(--color-neutral-70) !important;
}

.bt-neutral-70 {
  border-block-start-color: var(--color-neutral-70) !important;
}

.bb-neutral-70 {
  border-block-end-color: var(--color-neutral-70) !important;
}

.bx-neutral-70 {
  border-inline-color: var(--color-neutral-70) !important;
}

.by-neutral-70 {
  border-block-color: var(--color-neutral-70) !important;
}

.bg-neutral-72 {
  background-color: var(--color-neutral-72) !important;
  color: var(--color-neutral-72-alt) !important;
}

.fg-neutral-72 {
  color: var(--color-neutral-72) !important;
}

.b-neutral-72 {
  border-color: var(--color-neutral-72) !important;
}

.bs-neutral-72 {
  border-inline-start-color: var(--color-neutral-72) !important;
}

.be-neutral-72 {
  border-inline-end-color: var(--color-neutral-72) !important;
}

.bt-neutral-72 {
  border-block-start-color: var(--color-neutral-72) !important;
}

.bb-neutral-72 {
  border-block-end-color: var(--color-neutral-72) !important;
}

.bx-neutral-72 {
  border-inline-color: var(--color-neutral-72) !important;
}

.by-neutral-72 {
  border-block-color: var(--color-neutral-72) !important;
}

.bg-neutral-74 {
  background-color: var(--color-neutral-74) !important;
  color: var(--color-neutral-74-alt) !important;
}

.fg-neutral-74 {
  color: var(--color-neutral-74) !important;
}

.b-neutral-74 {
  border-color: var(--color-neutral-74) !important;
}

.bs-neutral-74 {
  border-inline-start-color: var(--color-neutral-74) !important;
}

.be-neutral-74 {
  border-inline-end-color: var(--color-neutral-74) !important;
}

.bt-neutral-74 {
  border-block-start-color: var(--color-neutral-74) !important;
}

.bb-neutral-74 {
  border-block-end-color: var(--color-neutral-74) !important;
}

.bx-neutral-74 {
  border-inline-color: var(--color-neutral-74) !important;
}

.by-neutral-74 {
  border-block-color: var(--color-neutral-74) !important;
}

.bg-neutral-76 {
  background-color: var(--color-neutral-76) !important;
  color: var(--color-neutral-76-alt) !important;
}

.fg-neutral-76 {
  color: var(--color-neutral-76) !important;
}

.b-neutral-76 {
  border-color: var(--color-neutral-76) !important;
}

.bs-neutral-76 {
  border-inline-start-color: var(--color-neutral-76) !important;
}

.be-neutral-76 {
  border-inline-end-color: var(--color-neutral-76) !important;
}

.bt-neutral-76 {
  border-block-start-color: var(--color-neutral-76) !important;
}

.bb-neutral-76 {
  border-block-end-color: var(--color-neutral-76) !important;
}

.bx-neutral-76 {
  border-inline-color: var(--color-neutral-76) !important;
}

.by-neutral-76 {
  border-block-color: var(--color-neutral-76) !important;
}

.bg-neutral-78 {
  background-color: var(--color-neutral-78) !important;
  color: var(--color-neutral-78-alt) !important;
}

.fg-neutral-78 {
  color: var(--color-neutral-78) !important;
}

.b-neutral-78 {
  border-color: var(--color-neutral-78) !important;
}

.bs-neutral-78 {
  border-inline-start-color: var(--color-neutral-78) !important;
}

.be-neutral-78 {
  border-inline-end-color: var(--color-neutral-78) !important;
}

.bt-neutral-78 {
  border-block-start-color: var(--color-neutral-78) !important;
}

.bb-neutral-78 {
  border-block-end-color: var(--color-neutral-78) !important;
}

.bx-neutral-78 {
  border-inline-color: var(--color-neutral-78) !important;
}

.by-neutral-78 {
  border-block-color: var(--color-neutral-78) !important;
}

.bg-neutral-80 {
  background-color: var(--color-neutral-80) !important;
  color: var(--color-neutral-80-alt) !important;
}

.fg-neutral-80 {
  color: var(--color-neutral-80) !important;
}

.b-neutral-80 {
  border-color: var(--color-neutral-80) !important;
}

.bs-neutral-80 {
  border-inline-start-color: var(--color-neutral-80) !important;
}

.be-neutral-80 {
  border-inline-end-color: var(--color-neutral-80) !important;
}

.bt-neutral-80 {
  border-block-start-color: var(--color-neutral-80) !important;
}

.bb-neutral-80 {
  border-block-end-color: var(--color-neutral-80) !important;
}

.bx-neutral-80 {
  border-inline-color: var(--color-neutral-80) !important;
}

.by-neutral-80 {
  border-block-color: var(--color-neutral-80) !important;
}

.bg-neutral-82 {
  background-color: var(--color-neutral-82) !important;
  color: var(--color-neutral-82-alt) !important;
}

.fg-neutral-82 {
  color: var(--color-neutral-82) !important;
}

.b-neutral-82 {
  border-color: var(--color-neutral-82) !important;
}

.bs-neutral-82 {
  border-inline-start-color: var(--color-neutral-82) !important;
}

.be-neutral-82 {
  border-inline-end-color: var(--color-neutral-82) !important;
}

.bt-neutral-82 {
  border-block-start-color: var(--color-neutral-82) !important;
}

.bb-neutral-82 {
  border-block-end-color: var(--color-neutral-82) !important;
}

.bx-neutral-82 {
  border-inline-color: var(--color-neutral-82) !important;
}

.by-neutral-82 {
  border-block-color: var(--color-neutral-82) !important;
}

.bg-neutral-84 {
  background-color: var(--color-neutral-84) !important;
  color: var(--color-neutral-84-alt) !important;
}

.fg-neutral-84 {
  color: var(--color-neutral-84) !important;
}

.b-neutral-84 {
  border-color: var(--color-neutral-84) !important;
}

.bs-neutral-84 {
  border-inline-start-color: var(--color-neutral-84) !important;
}

.be-neutral-84 {
  border-inline-end-color: var(--color-neutral-84) !important;
}

.bt-neutral-84 {
  border-block-start-color: var(--color-neutral-84) !important;
}

.bb-neutral-84 {
  border-block-end-color: var(--color-neutral-84) !important;
}

.bx-neutral-84 {
  border-inline-color: var(--color-neutral-84) !important;
}

.by-neutral-84 {
  border-block-color: var(--color-neutral-84) !important;
}

.bg-neutral-86 {
  background-color: var(--color-neutral-86) !important;
  color: var(--color-neutral-86-alt) !important;
}

.fg-neutral-86 {
  color: var(--color-neutral-86) !important;
}

.b-neutral-86 {
  border-color: var(--color-neutral-86) !important;
}

.bs-neutral-86 {
  border-inline-start-color: var(--color-neutral-86) !important;
}

.be-neutral-86 {
  border-inline-end-color: var(--color-neutral-86) !important;
}

.bt-neutral-86 {
  border-block-start-color: var(--color-neutral-86) !important;
}

.bb-neutral-86 {
  border-block-end-color: var(--color-neutral-86) !important;
}

.bx-neutral-86 {
  border-inline-color: var(--color-neutral-86) !important;
}

.by-neutral-86 {
  border-block-color: var(--color-neutral-86) !important;
}

.bg-neutral-88 {
  background-color: var(--color-neutral-88) !important;
  color: var(--color-neutral-88-alt) !important;
}

.fg-neutral-88 {
  color: var(--color-neutral-88) !important;
}

.b-neutral-88 {
  border-color: var(--color-neutral-88) !important;
}

.bs-neutral-88 {
  border-inline-start-color: var(--color-neutral-88) !important;
}

.be-neutral-88 {
  border-inline-end-color: var(--color-neutral-88) !important;
}

.bt-neutral-88 {
  border-block-start-color: var(--color-neutral-88) !important;
}

.bb-neutral-88 {
  border-block-end-color: var(--color-neutral-88) !important;
}

.bx-neutral-88 {
  border-inline-color: var(--color-neutral-88) !important;
}

.by-neutral-88 {
  border-block-color: var(--color-neutral-88) !important;
}

.bg-neutral-90 {
  background-color: var(--color-neutral-90) !important;
  color: var(--color-neutral-90-alt) !important;
}

.fg-neutral-90 {
  color: var(--color-neutral-90) !important;
}

.b-neutral-90 {
  border-color: var(--color-neutral-90) !important;
}

.bs-neutral-90 {
  border-inline-start-color: var(--color-neutral-90) !important;
}

.be-neutral-90 {
  border-inline-end-color: var(--color-neutral-90) !important;
}

.bt-neutral-90 {
  border-block-start-color: var(--color-neutral-90) !important;
}

.bb-neutral-90 {
  border-block-end-color: var(--color-neutral-90) !important;
}

.bx-neutral-90 {
  border-inline-color: var(--color-neutral-90) !important;
}

.by-neutral-90 {
  border-block-color: var(--color-neutral-90) !important;
}

.bg-neutral-92 {
  background-color: var(--color-neutral-92) !important;
  color: var(--color-neutral-92-alt) !important;
}

.fg-neutral-92 {
  color: var(--color-neutral-92) !important;
}

.b-neutral-92 {
  border-color: var(--color-neutral-92) !important;
}

.bs-neutral-92 {
  border-inline-start-color: var(--color-neutral-92) !important;
}

.be-neutral-92 {
  border-inline-end-color: var(--color-neutral-92) !important;
}

.bt-neutral-92 {
  border-block-start-color: var(--color-neutral-92) !important;
}

.bb-neutral-92 {
  border-block-end-color: var(--color-neutral-92) !important;
}

.bx-neutral-92 {
  border-inline-color: var(--color-neutral-92) !important;
}

.by-neutral-92 {
  border-block-color: var(--color-neutral-92) !important;
}

.bg-neutral-94 {
  background-color: var(--color-neutral-94) !important;
  color: var(--color-neutral-94-alt) !important;
}

.fg-neutral-94 {
  color: var(--color-neutral-94) !important;
}

.b-neutral-94 {
  border-color: var(--color-neutral-94) !important;
}

.bs-neutral-94 {
  border-inline-start-color: var(--color-neutral-94) !important;
}

.be-neutral-94 {
  border-inline-end-color: var(--color-neutral-94) !important;
}

.bt-neutral-94 {
  border-block-start-color: var(--color-neutral-94) !important;
}

.bb-neutral-94 {
  border-block-end-color: var(--color-neutral-94) !important;
}

.bx-neutral-94 {
  border-inline-color: var(--color-neutral-94) !important;
}

.by-neutral-94 {
  border-block-color: var(--color-neutral-94) !important;
}

.bg-neutral-96 {
  background-color: var(--color-neutral-96) !important;
  color: var(--color-neutral-96-alt) !important;
}

.fg-neutral-96 {
  color: var(--color-neutral-96) !important;
}

.b-neutral-96 {
  border-color: var(--color-neutral-96) !important;
}

.bs-neutral-96 {
  border-inline-start-color: var(--color-neutral-96) !important;
}

.be-neutral-96 {
  border-inline-end-color: var(--color-neutral-96) !important;
}

.bt-neutral-96 {
  border-block-start-color: var(--color-neutral-96) !important;
}

.bb-neutral-96 {
  border-block-end-color: var(--color-neutral-96) !important;
}

.bx-neutral-96 {
  border-inline-color: var(--color-neutral-96) !important;
}

.by-neutral-96 {
  border-block-color: var(--color-neutral-96) !important;
}

.bg-neutral-98 {
  background-color: var(--color-neutral-98) !important;
  color: var(--color-neutral-98-alt) !important;
}

.fg-neutral-98 {
  color: var(--color-neutral-98) !important;
}

.b-neutral-98 {
  border-color: var(--color-neutral-98) !important;
}

.bs-neutral-98 {
  border-inline-start-color: var(--color-neutral-98) !important;
}

.be-neutral-98 {
  border-inline-end-color: var(--color-neutral-98) !important;
}

.bt-neutral-98 {
  border-block-start-color: var(--color-neutral-98) !important;
}

.bb-neutral-98 {
  border-block-end-color: var(--color-neutral-98) !important;
}

.bx-neutral-98 {
  border-inline-color: var(--color-neutral-98) !important;
}

.by-neutral-98 {
  border-block-color: var(--color-neutral-98) !important;
}

.bg-neutral-100 {
  background-color: var(--color-neutral-100) !important;
  color: var(--color-neutral-100-alt) !important;
}

.fg-neutral-100 {
  color: var(--color-neutral-100) !important;
}

.b-neutral-100 {
  border-color: var(--color-neutral-100) !important;
}

.bs-neutral-100 {
  border-inline-start-color: var(--color-neutral-100) !important;
}

.be-neutral-100 {
  border-inline-end-color: var(--color-neutral-100) !important;
}

.bt-neutral-100 {
  border-block-start-color: var(--color-neutral-100) !important;
}

.bb-neutral-100 {
  border-block-end-color: var(--color-neutral-100) !important;
}

.bx-neutral-100 {
  border-inline-color: var(--color-neutral-100) !important;
}

.by-neutral-100 {
  border-block-color: var(--color-neutral-100) !important;
}

.duration-ultra-fast {
  transition-duration: var(--duration-ultra-fast) !important;
}

.duration-faster {
  transition-duration: var(--duration-faster) !important;
}

.duration-fast {
  transition-duration: var(--duration-fast) !important;
}

.duration-normal {
  transition-duration: var(--duration-normal) !important;
}

.duration-gentle {
  transition-duration: var(--duration-gentle) !important;
}

.duration-slow {
  transition-duration: var(--duration-slow) !important;
}

.duration-slower {
  transition-duration: var(--duration-slower) !important;
}

.duration-ultra-slow {
  transition-duration: var(--duration-ultra-slow) !important;
}

.font-base {
  font-family: var(--font-family-base) !important;
}

.font-numeric {
  font-family: var(--font-family-numeric) !important;
}

.font-monospace {
  font-family: var(--font-family-monospace) !important;
}

.font-base100 {
  font-size: var(--font-size-base100) !important;
}

.font-base200 {
  font-size: var(--font-size-base200) !important;
}

.font-base300 {
  font-size: var(--font-size-base300) !important;
}

.font-base400 {
  font-size: var(--font-size-base400) !important;
}

.font-base500 {
  font-size: var(--font-size-base500) !important;
}

.font-base600 {
  font-size: var(--font-size-base600) !important;
}

.font-hero700 {
  font-size: var(--font-size-hero700) !important;
}

.font-hero800 {
  font-size: var(--font-size-hero800) !important;
}

.font-hero900 {
  font-size: var(--font-size-hero900) !important;
}

.font-hero1000 {
  font-size: var(--font-size-hero1000) !important;
}

.font-regular {
  font-weight: var(--font-weight-regular) !important;
}

.font-medium {
  font-weight: var(--font-weight-medium) !important;
}

.font-semi-bold {
  font-weight: var(--font-weight-semi-bold) !important;
}

.font-bold {
  font-weight: var(--font-weight-bold) !important;
}

.lh-xs {
  line-height: var(--line-height-xs) !important;
}

.lh-sm {
  line-height: var(--line-height-sm) !important;
}

.lh-md {
  line-height: var(--line-height-md) !important;
}

.lh-lg {
  line-height: var(--line-height-lg) !important;
}

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

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

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

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

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

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

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

.p-none {
  padding: var(--spacing-none) !important;
}

.pt-none {
  padding-block-start: var(--spacing-none) !important;
}

.pe-none {
  padding-inline-end: var(--spacing-none) !important;
}

.pb-none {
  padding-block-end: var(--spacing-none) !important;
}

.ps-none {
  padding-inline-start: var(--spacing-none) !important;
}

.px-none {
  padding-inline: var(--spacing-none) !important;
}

.py-none {
  padding-block: var(--spacing-none) !important;
}

.m-none {
  margin: var(--spacing-none) !important;
}

.mt-none {
  margin-block-start: var(--spacing-none) !important;
}

.me-none {
  margin-inline-end: var(--spacing-none) !important;
}

.mb-none {
  margin-block-end: var(--spacing-none) !important;
}

.ms-none {
  margin-inline-start: var(--spacing-none) !important;
}

.mx-none {
  margin-inline: var(--spacing-none) !important;
}

.my-none {
  margin-block: var(--spacing-none) !important;
}

.gap-none {
  gap: var(--spacing-none) !important;
}

.p-xxs {
  padding: var(--spacing-xxs) !important;
}

.pt-xxs {
  padding-block-start: var(--spacing-xxs) !important;
}

.pe-xxs {
  padding-inline-end: var(--spacing-xxs) !important;
}

.pb-xxs {
  padding-block-end: var(--spacing-xxs) !important;
}

.ps-xxs {
  padding-inline-start: var(--spacing-xxs) !important;
}

.px-xxs {
  padding-inline: var(--spacing-xxs) !important;
}

.py-xxs {
  padding-block: var(--spacing-xxs) !important;
}

.m-xxs {
  margin: var(--spacing-xxs) !important;
}

.mt-xxs {
  margin-block-start: var(--spacing-xxs) !important;
}

.me-xxs {
  margin-inline-end: var(--spacing-xxs) !important;
}

.mb-xxs {
  margin-block-end: var(--spacing-xxs) !important;
}

.ms-xxs {
  margin-inline-start: var(--spacing-xxs) !important;
}

.mx-xxs {
  margin-inline: var(--spacing-xxs) !important;
}

.my-xxs {
  margin-block: var(--spacing-xxs) !important;
}

.gap-xxs {
  gap: var(--spacing-xxs) !important;
}

.p-xs {
  padding: var(--spacing-xs) !important;
}

.pt-xs {
  padding-block-start: var(--spacing-xs) !important;
}

.pe-xs {
  padding-inline-end: var(--spacing-xs) !important;
}

.pb-xs {
  padding-block-end: var(--spacing-xs) !important;
}

.ps-xs {
  padding-inline-start: var(--spacing-xs) !important;
}

.px-xs {
  padding-inline: var(--spacing-xs) !important;
}

.py-xs {
  padding-block: var(--spacing-xs) !important;
}

.m-xs {
  margin: var(--spacing-xs) !important;
}

.mt-xs {
  margin-block-start: var(--spacing-xs) !important;
}

.me-xs {
  margin-inline-end: var(--spacing-xs) !important;
}

.mb-xs {
  margin-block-end: var(--spacing-xs) !important;
}

.ms-xs {
  margin-inline-start: var(--spacing-xs) !important;
}

.mx-xs {
  margin-inline: var(--spacing-xs) !important;
}

.my-xs {
  margin-block: var(--spacing-xs) !important;
}

.gap-xs {
  gap: var(--spacing-xs) !important;
}

.p-s-nudge {
  padding: var(--spacing-s-nudge) !important;
}

.pt-s-nudge {
  padding-block-start: var(--spacing-s-nudge) !important;
}

.pe-s-nudge {
  padding-inline-end: var(--spacing-s-nudge) !important;
}

.pb-s-nudge {
  padding-block-end: var(--spacing-s-nudge) !important;
}

.ps-s-nudge {
  padding-inline-start: var(--spacing-s-nudge) !important;
}

.px-s-nudge {
  padding-inline: var(--spacing-s-nudge) !important;
}

.py-s-nudge {
  padding-block: var(--spacing-s-nudge) !important;
}

.m-s-nudge {
  margin: var(--spacing-s-nudge) !important;
}

.mt-s-nudge {
  margin-block-start: var(--spacing-s-nudge) !important;
}

.me-s-nudge {
  margin-inline-end: var(--spacing-s-nudge) !important;
}

.mb-s-nudge {
  margin-block-end: var(--spacing-s-nudge) !important;
}

.ms-s-nudge {
  margin-inline-start: var(--spacing-s-nudge) !important;
}

.mx-s-nudge {
  margin-inline: var(--spacing-s-nudge) !important;
}

.my-s-nudge {
  margin-block: var(--spacing-s-nudge) !important;
}

.gap-s-nudge {
  gap: var(--spacing-s-nudge) !important;
}

.p-sm {
  padding: var(--spacing-sm) !important;
}

.pt-sm {
  padding-block-start: var(--spacing-sm) !important;
}

.pe-sm {
  padding-inline-end: var(--spacing-sm) !important;
}

.pb-sm {
  padding-block-end: var(--spacing-sm) !important;
}

.ps-sm {
  padding-inline-start: var(--spacing-sm) !important;
}

.px-sm {
  padding-inline: var(--spacing-sm) !important;
}

.py-sm {
  padding-block: var(--spacing-sm) !important;
}

.m-sm {
  margin: var(--spacing-sm) !important;
}

.mt-sm {
  margin-block-start: var(--spacing-sm) !important;
}

.me-sm {
  margin-inline-end: var(--spacing-sm) !important;
}

.mb-sm {
  margin-block-end: var(--spacing-sm) !important;
}

.ms-sm {
  margin-inline-start: var(--spacing-sm) !important;
}

.mx-sm {
  margin-inline: var(--spacing-sm) !important;
}

.my-sm {
  margin-block: var(--spacing-sm) !important;
}

.gap-sm {
  gap: var(--spacing-sm) !important;
}

.p-m-nudge {
  padding: var(--spacing-m-nudge) !important;
}

.pt-m-nudge {
  padding-block-start: var(--spacing-m-nudge) !important;
}

.pe-m-nudge {
  padding-inline-end: var(--spacing-m-nudge) !important;
}

.pb-m-nudge {
  padding-block-end: var(--spacing-m-nudge) !important;
}

.ps-m-nudge {
  padding-inline-start: var(--spacing-m-nudge) !important;
}

.px-m-nudge {
  padding-inline: var(--spacing-m-nudge) !important;
}

.py-m-nudge {
  padding-block: var(--spacing-m-nudge) !important;
}

.m-m-nudge {
  margin: var(--spacing-m-nudge) !important;
}

.mt-m-nudge {
  margin-block-start: var(--spacing-m-nudge) !important;
}

.me-m-nudge {
  margin-inline-end: var(--spacing-m-nudge) !important;
}

.mb-m-nudge {
  margin-block-end: var(--spacing-m-nudge) !important;
}

.ms-m-nudge {
  margin-inline-start: var(--spacing-m-nudge) !important;
}

.mx-m-nudge {
  margin-inline: var(--spacing-m-nudge) !important;
}

.my-m-nudge {
  margin-block: var(--spacing-m-nudge) !important;
}

.gap-m-nudge {
  gap: var(--spacing-m-nudge) !important;
}

.p-md {
  padding: var(--spacing-md) !important;
}

.pt-md {
  padding-block-start: var(--spacing-md) !important;
}

.pe-md {
  padding-inline-end: var(--spacing-md) !important;
}

.pb-md {
  padding-block-end: var(--spacing-md) !important;
}

.ps-md {
  padding-inline-start: var(--spacing-md) !important;
}

.px-md {
  padding-inline: var(--spacing-md) !important;
}

.py-md {
  padding-block: var(--spacing-md) !important;
}

.m-md {
  margin: var(--spacing-md) !important;
}

.mt-md {
  margin-block-start: var(--spacing-md) !important;
}

.me-md {
  margin-inline-end: var(--spacing-md) !important;
}

.mb-md {
  margin-block-end: var(--spacing-md) !important;
}

.ms-md {
  margin-inline-start: var(--spacing-md) !important;
}

.mx-md {
  margin-inline: var(--spacing-md) !important;
}

.my-md {
  margin-block: var(--spacing-md) !important;
}

.gap-md {
  gap: var(--spacing-md) !important;
}

.p-lg {
  padding: var(--spacing-lg) !important;
}

.pt-lg {
  padding-block-start: var(--spacing-lg) !important;
}

.pe-lg {
  padding-inline-end: var(--spacing-lg) !important;
}

.pb-lg {
  padding-block-end: var(--spacing-lg) !important;
}

.ps-lg {
  padding-inline-start: var(--spacing-lg) !important;
}

.px-lg {
  padding-inline: var(--spacing-lg) !important;
}

.py-lg {
  padding-block: var(--spacing-lg) !important;
}

.m-lg {
  margin: var(--spacing-lg) !important;
}

.mt-lg {
  margin-block-start: var(--spacing-lg) !important;
}

.me-lg {
  margin-inline-end: var(--spacing-lg) !important;
}

.mb-lg {
  margin-block-end: var(--spacing-lg) !important;
}

.ms-lg {
  margin-inline-start: var(--spacing-lg) !important;
}

.mx-lg {
  margin-inline: var(--spacing-lg) !important;
}

.my-lg {
  margin-block: var(--spacing-lg) !important;
}

.gap-lg {
  gap: var(--spacing-lg) !important;
}

.p-xl {
  padding: var(--spacing-xl) !important;
}

.pt-xl {
  padding-block-start: var(--spacing-xl) !important;
}

.pe-xl {
  padding-inline-end: var(--spacing-xl) !important;
}

.pb-xl {
  padding-block-end: var(--spacing-xl) !important;
}

.ps-xl {
  padding-inline-start: var(--spacing-xl) !important;
}

.px-xl {
  padding-inline: var(--spacing-xl) !important;
}

.py-xl {
  padding-block: var(--spacing-xl) !important;
}

.m-xl {
  margin: var(--spacing-xl) !important;
}

.mt-xl {
  margin-block-start: var(--spacing-xl) !important;
}

.me-xl {
  margin-inline-end: var(--spacing-xl) !important;
}

.mb-xl {
  margin-block-end: var(--spacing-xl) !important;
}

.ms-xl {
  margin-inline-start: var(--spacing-xl) !important;
}

.mx-xl {
  margin-inline: var(--spacing-xl) !important;
}

.my-xl {
  margin-block: var(--spacing-xl) !important;
}

.gap-xl {
  gap: var(--spacing-xl) !important;
}

.p-xxl {
  padding: var(--spacing-xxl) !important;
}

.pt-xxl {
  padding-block-start: var(--spacing-xxl) !important;
}

.pe-xxl {
  padding-inline-end: var(--spacing-xxl) !important;
}

.pb-xxl {
  padding-block-end: var(--spacing-xxl) !important;
}

.ps-xxl {
  padding-inline-start: var(--spacing-xxl) !important;
}

.px-xxl {
  padding-inline: var(--spacing-xxl) !important;
}

.py-xxl {
  padding-block: var(--spacing-xxl) !important;
}

.m-xxl {
  margin: var(--spacing-xxl) !important;
}

.mt-xxl {
  margin-block-start: var(--spacing-xxl) !important;
}

.me-xxl {
  margin-inline-end: var(--spacing-xxl) !important;
}

.mb-xxl {
  margin-block-end: var(--spacing-xxl) !important;
}

.ms-xxl {
  margin-inline-start: var(--spacing-xxl) !important;
}

.mx-xxl {
  margin-inline: var(--spacing-xxl) !important;
}

.my-xxl {
  margin-block: var(--spacing-xxl) !important;
}

.gap-xxl {
  gap: var(--spacing-xxl) !important;
}

.p-xxxl {
  padding: var(--spacing-xxxl) !important;
}

.pt-xxxl {
  padding-block-start: var(--spacing-xxxl) !important;
}

.pe-xxxl {
  padding-inline-end: var(--spacing-xxxl) !important;
}

.pb-xxxl {
  padding-block-end: var(--spacing-xxxl) !important;
}

.ps-xxxl {
  padding-inline-start: var(--spacing-xxxl) !important;
}

.px-xxxl {
  padding-inline: var(--spacing-xxxl) !important;
}

.py-xxxl {
  padding-block: var(--spacing-xxxl) !important;
}

.m-xxxl {
  margin: var(--spacing-xxxl) !important;
}

.mt-xxxl {
  margin-block-start: var(--spacing-xxxl) !important;
}

.me-xxxl {
  margin-inline-end: var(--spacing-xxxl) !important;
}

.mb-xxxl {
  margin-block-end: var(--spacing-xxxl) !important;
}

.ms-xxxl {
  margin-inline-start: var(--spacing-xxxl) !important;
}

.mx-xxxl {
  margin-inline: var(--spacing-xxxl) !important;
}

.my-xxxl {
  margin-block: var(--spacing-xxxl) !important;
}

.gap-xxxl {
  gap: var(--spacing-xxxl) !important;
}

.tf-accelerate-max {
  transition-timing-function: var(--timing-function-accelerate-max) !important;
}

.tf-accelerate-mid {
  transition-timing-function: var(--timing-function-accelerate-mid) !important;
}

.tf-accelerate-min {
  transition-timing-function: var(--timing-function-accelerate-min) !important;
}

.tf-decelerate-max {
  transition-timing-function: var(--timing-function-decelerate-max) !important;
}

.tf-decelerate-mid {
  transition-timing-function: var(--timing-function-decelerate-mid) !important;
}

.tf-decelerate-min {
  transition-timing-function: var(--timing-function-decelerate-min) !important;
}

.tf-easy-ease-max {
  transition-timing-function: var(--timing-function-easy-ease-max) !important;
}

.tf-easy-ease {
  transition-timing-function: var(--timing-function-easy-ease) !important;
}

.tf-linear {
  transition-timing-function: var(--timing-function-linear) !important;
}

/* TYPOGRAPHY UTILITIES */

.caption2 {
  font-size: var(--font-size-base100) !important;
  font-weight: var(--font-weight-regular) !important;
}

.caption2strong {
  font-size: var(--font-size-base100) !important;
  font-weight: var(--font-weight-semi-bold) !important;
  line-height: var(--line-height-sm) !important;
}

.caption1 {
  font-size: var(--font-size-base200) !important;
  font-weight: var(--font-weight-normal) !important;
}

.caption1strong {
  font-size: var(--font-size-base200) !important;
  font-weight: var(--font-weight-semi-bold) !important;
}

.caption1stronger {
  font-size: var(--font-size-base200) !important;
  font-weight: var(--font-weight-bold) !important;
}

.body1 {
  font-size: var(--font-size-base300) !important;
  font-weight: var(--font-weight-regular) !important;
}

.body1strong {
  font-size: var(--font-size-base300) !important;
  font-weight: var(--font-weight-semi-bold) !important;
}

.body1stronger {
  font-size: var(--font-size-base300) !important;
  font-weight: var(--font-weight-bold) !important;
}

.body2 {
  font-size: var(--font-size-base400) !important;
  font-weight: var(--font-weight-regular) !important;
}

.subtitle2 {
  font-size: var(--font-size-base400) !important;
  font-weight: var(--font-weight-semi-bold) !important;
}

.subtitle2stronger {
  font-size: var(--font-size-base400) !important;
  font-weight: var(--font-weight-bold) !important;
}

.subtitle1 {
  font-size: var(--font-size-base500) !important;
  font-weight: var(--font-weight-semi-bold) !important;
}

.title3 {
  font-size: var(--font-size-base600) !important;
  font-weight: var(--font-weight-semi-bold) !important;
  line-height: var(--line-height-sm) !important;
}

.title2 {
  font-size: var(--font-size-hero700) !important;
  font-weight: var(--font-weight-semi-bold) !important;
  line-height: var(--line-height-sm) !important;
}

.title1 {
  font-size: var(--font-size-hero800) !important;
  font-weight: var(--font-weight-semi-bold) !important;
  line-height: var(--line-height-sm) !important;
}

.large-title {
  font-size: var(--font-size-hero900) !important;
  font-weight: var(--font-weight-semi-bold) !important;
  line-height: var(--line-height-sm) !important;
}

.display {
  font-size: var(--font-size-hero1000) !important;
  font-weight: var(--font-weight-semi-bold) !important;
  line-height: var(--line-height-sm) !important;
}

/* TABLE UTILITIES */

.table {
  --border-color: var(--neutral-stroke3);
  --hover-background-color: var(--subtle-background-hover);
  --hover-foreground-color: var(--neutral-foreground2hover);
  --selected-background-color: var(--subtle-background-selected);
  --selected-hover-background-color: var(--subtle-background-pressed);
  --table-background-color: var(--neutral-background1);
  --table-foreground-color: var(--neutral-foreground2);
  --table-header-color: var(--neutral-foreground1);
  --row-header-color: var(--neutral-foreground1);

  border-collapse: separate !important;
  border-spacing: 0;
  min-width: 100%;
  table-layout: fixed;
  font-family: var(--font-family-base);
}

.table tbody {
  background-color: var(--table-background-color);
  color: var(--table-foreground-color);
}

.table tr th,
.table tr td {
  vertical-align: top;
  background-color: inherit;
  padding: var(--spacing-md);
  border: none;
  border-bottom: 1px solid var(--border-color);
}

.table tr th {
  font-weight: var(--font-weight-regular);
  text-align: start;
}

.table thead tr,
.table tbody tr {
  background-color: var(--table-background-color) !important;
}

.table tbody tr {
  color: var(--table-foreground-color);
  font-size: var(--font-size-base300);
}

.table tbody tr:focus-within {
  outline: var(--focus-outline);
  outline-offset: calc(var(--focus-outline-offset) * -1);
}

.table tbody tr[aria-selected="true"] {
  background-color: var(--selected-background-color) !important;
}

.table thead tr th,
.table thead tr th button {
  color: var(--table-header-color);
  font-size: var(--font-size-base300);
  font-weight: var(--font-weight-semi-bold);
}

.table thead tr th {
  vertical-align: top;
}

.table thead tr th button {
  vertical-align: middle;
}

.table thead tr th button:focus-visible {
  outline: var(--focus-outline);
  outline-offset: var(--focus-outline-offset);
}

.table tbody tr th {
  color: var(--row-header-color);
}

/* Hover Rows */
.table.table--hover tbody tr:hover,
  .table.table--hover tbody tr:hover td /* needed for Safari */ {
  color: var(--hover-foreground-color);
  background-color: var(--hover-background-color) !important;
}

.table.table--hover tbody tr[aria-selected='true']:hover,
  .table.table--hover tbody tr[aria-selected='true']:hover td /* needed for Safari */ {
  background-color: var(--selected-hover-background-color) !important;
}

/* Fixed Heading */
.table.table--fixed-heading thead th {
  position: sticky;
  top: 0;
  z-index: 1;
}

.table.table--fixed-heading thead tr > :first-child {
  top: 0;
  z-index: 3;
}

/* Fixed Column */
.table.table--fixed-column tr > :first-child {
  position: sticky;
  left: 0;
  z-index: 2;
}

html[dir="rtl"] .table.table--fixed-column:not([dir="ltr"]) tr > :first-child,
:host([dir="rtl"])
  .table.table--fixed-column:not([dir="ltr"])
  tr
  > :first-child,
.table.table--fixed-column[dir="rtl"] tr > :first-child {
  left: unset;
  right: 0;
}

/*
    Fix border not showing up when using position: sticky
    https://stackoverflow.com/questions/41882616/why-border-is-not-visible-with-position-sticky-when-background-color-exists
  */
.table.table--fixed-heading tr,
.table.table--fixed-column tr {
  background-clip: padding-box;
}

/* Responsive Table */
.responsive-table {
  width: 100%;
  overflow-x: auto;
}