/* 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-pill {
  border-radius: var(--border-radius-pill) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.br-b-circle {
  border-end-start-radius: var(--border-radius-circle) !important;
  border-end-end-radius: var(--border-radius-circle) !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-primary-50 {
  background-color: var(--color-primary-50) !important;
  color: var(--color-primary-50-alt) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.by-danger-950 {
  border-block-color: var(--color-danger-950) !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-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-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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.duration-xslow {
  transition-duration: var(--duration-xslow) !important;
}

.duration-slow {
  transition-duration: var(--duration-slow) !important;
}

.duration-med {
  transition-duration: var(--duration-med) !important;
}

.duration-fast {
  transition-duration: var(--duration-fast) !important;
}

.duration-xfast {
  transition-duration: var(--duration-xfast) !important;
}

.font-accent {
  font-family: var(--font-family-accent) !important;
}

.font-base {
  font-family: var(--font-family-base) !important;
}

.font-monospace {
  font-family: var(--font-family-monospace) !important;
}

.font-xxs {
  font-size: var(--font-size-xxs) !important;
}

.font-xs {
  font-size: var(--font-size-xs) !important;
}

.font-sm {
  font-size: var(--font-size-sm) !important;
}

.font-md {
  font-size: var(--font-size-md) !important;
}

.font-lg {
  font-size: var(--font-size-lg) !important;
}

.font-xl {
  font-size: var(--font-size-xl) !important;
}

.font-xxl {
  font-size: var(--font-size-xxl) !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-none {
  box-shadow: var(--shadow-none) !important;
}

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

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

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

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

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

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

.shadow-xl {
  box-shadow: var(--shadow-xl) !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-3xs {
  padding: var(--spacing-3xs) !important;
}

.pt-3xs {
  padding-block-start: var(--spacing-3xs) !important;
}

.pe-3xs {
  padding-inline-end: var(--spacing-3xs) !important;
}

.pb-3xs {
  padding-block-end: var(--spacing-3xs) !important;
}

.ps-3xs {
  padding-inline-start: var(--spacing-3xs) !important;
}

.px-3xs {
  padding-inline: var(--spacing-3xs) !important;
}

.py-3xs {
  padding-block: var(--spacing-3xs) !important;
}

.m-3xs {
  margin: var(--spacing-3xs) !important;
}

.mt-3xs {
  margin-block-start: var(--spacing-3xs) !important;
}

.me-3xs {
  margin-inline-end: var(--spacing-3xs) !important;
}

.mb-3xs {
  margin-block-end: var(--spacing-3xs) !important;
}

.ms-3xs {
  margin-inline-start: var(--spacing-3xs) !important;
}

.mx-3xs {
  margin-inline: var(--spacing-3xs) !important;
}

.my-3xs {
  margin-block: var(--spacing-3xs) !important;
}

.gap-3xs {
  gap: var(--spacing-3xs) !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-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-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-3xl {
  padding: var(--spacing-3xl) !important;
}

.pt-3xl {
  padding-block-start: var(--spacing-3xl) !important;
}

.pe-3xl {
  padding-inline-end: var(--spacing-3xl) !important;
}

.pb-3xl {
  padding-block-end: var(--spacing-3xl) !important;
}

.ps-3xl {
  padding-inline-start: var(--spacing-3xl) !important;
}

.px-3xl {
  padding-inline: var(--spacing-3xl) !important;
}

.py-3xl {
  padding-block: var(--spacing-3xl) !important;
}

.m-3xl {
  margin: var(--spacing-3xl) !important;
}

.mt-3xl {
  margin-block-start: var(--spacing-3xl) !important;
}

.me-3xl {
  margin-inline-end: var(--spacing-3xl) !important;
}

.mb-3xl {
  margin-block-end: var(--spacing-3xl) !important;
}

.ms-3xl {
  margin-inline-start: var(--spacing-3xl) !important;
}

.mx-3xl {
  margin-inline: var(--spacing-3xl) !important;
}

.my-3xl {
  margin-block: var(--spacing-3xl) !important;
}

.gap-3xl {
  gap: var(--spacing-3xl) !important;
}

.tf-ease {
  transition-timing-function: var(--timing-function-ease) !important;
}

.tf-ease-in {
  transition-timing-function: var(--timing-function-ease-in) !important;
}

.tf-ease-in-out {
  transition-timing-function: var(--timing-function-ease-in-out) !important;
}

.tf-ease-out {
  transition-timing-function: var(--timing-function-ease-out) !important;
}

.tf-linear {
  transition-timing-function: var(--timing-function-linear) !important;
}