@charset "UTF-8";
/* General */
.ellipsis {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.list-none {
  list-style-type: none;
}

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

/* Flex */
/* Global Flex Variables */
/* Flex Utilities */
/* Base (xs) - No Media Query */
/* Display */
.flex {
  display: flex !important;
}

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

.none {
  display: none !important;
}

/* Direction */
.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;
}

/* Wrap */
.flex-nowrap {
  flex-wrap: nowrap !important;
}

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

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

/* Justify Content */
.justify-content-around {
  justify-content: space-around !important;
}

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

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

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

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

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

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

/* Align Items */
.align-items-baseline {
  align-items: baseline !important;
}

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

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

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

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

/* Align Content */
.align-content-around {
  align-content: space-around !important;
}

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

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

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

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

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

/* Align Self (Apply On Children) */
.align-self-auto {
  align-self: auto !important;
}

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

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

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

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

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

/* Grow / Shrink / Flex */
.flex-fill {
  flex: 1 1 auto !important;
}

.flex-1 {
  flex: 1 1 0% !important;
}

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

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

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

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

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

/* Order (0–12) */
.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-6 {
  order: 6 !important;
}

.order-7 {
  order: 7 !important;
}

.order-8 {
  order: 8 !important;
}

.order-9 {
  order: 9 !important;
}

.order-10 {
  order: 10 !important;
}

.order-11 {
  order: 11 !important;
}

.order-12 {
  order: 12 !important;
}

/* Gap Utilities */
.gap-0 {
  gap: 0 !important;
}

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

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

.gap-1 {
  gap: 0.25rem !important;
}

.row-gap-1 {
  row-gap: 0.25rem !important;
}

.column-gap-1 {
  column-gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.row-gap-2 {
  row-gap: 0.5rem !important;
}

.column-gap-2 {
  column-gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.row-gap-3 {
  row-gap: 1rem !important;
}

.column-gap-3 {
  column-gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.row-gap-4 {
  row-gap: 1.5rem !important;
}

.column-gap-4 {
  column-gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.row-gap-5 {
  row-gap: 3rem !important;
}

.column-gap-5 {
  column-gap: 3rem !important;
}

/* Responsive (sm+) - Media Queries */
@media (min-width: 576px) {
  /* Display */
  .flex-sm {
    display: flex !important;
  }
  .inline-flex-sm {
    display: inline-flex !important;
  }
  .none-sm {
    display: none !important;
  }
  /* Direction */
  .flex-row-sm {
    flex-direction: row !important;
  }
  .flex-row-reverse-sm {
    flex-direction: row-reverse !important;
  }
  .flex-column-sm {
    flex-direction: column !important;
  }
  .flex-column-reverse-sm {
    flex-direction: column-reverse !important;
  }
  /* Wrap */
  .flex-nowrap-sm {
    flex-wrap: nowrap !important;
  }
  .flex-wrap-sm {
    flex-wrap: wrap !important;
  }
  .flex-wrap-reverse-sm {
    flex-wrap: wrap-reverse !important;
  }
  /* Justify Content */
  .justify-content-around-sm {
    justify-content: space-around !important;
  }
  .justify-content-between-sm {
    justify-content: space-between !important;
  }
  .justify-content-center-sm {
    justify-content: center !important;
  }
  .justify-content-end-sm {
    justify-content: flex-end !important;
  }
  .justify-content-evenly-sm {
    justify-content: space-evenly !important;
  }
  .justify-content-start-sm {
    justify-content: flex-start !important;
  }
  .justify-content-stretch-sm {
    justify-content: stretch !important;
  }
  /* Align Items */
  .align-items-baseline-sm {
    align-items: baseline !important;
  }
  .align-items-center-sm {
    align-items: center !important;
  }
  .align-items-end-sm {
    align-items: flex-end !important;
  }
  .align-items-start-sm {
    align-items: flex-start !important;
  }
  .align-items-stretch-sm {
    align-items: stretch !important;
  }
  /* Align Content */
  .align-content-around-sm {
    align-content: space-around !important;
  }
  .align-content-between-sm {
    align-content: space-between !important;
  }
  .align-content-center-sm {
    align-content: center !important;
  }
  .align-content-end-sm {
    align-content: flex-end !important;
  }
  .align-content-start-sm {
    align-content: flex-start !important;
  }
  .align-content-stretch-sm {
    align-content: stretch !important;
  }
  /* Align Self (Apply On Children) */
  .align-self-auto-sm {
    align-self: auto !important;
  }
  .align-self-start-sm {
    align-self: flex-start !important;
  }
  .align-self-end-sm {
    align-self: flex-end !important;
  }
  .align-self-center-sm {
    align-self: center !important;
  }
  .align-self-baseline-sm {
    align-self: baseline !important;
  }
  .align-self-stretch-sm {
    align-self: stretch !important;
  }
  /* Grow / Shrink / Flex */
  .flex-fill-sm {
    flex: 1 1 auto !important;
  }
  .flex-1-sm {
    flex: 1 1 0% !important;
  }
  .flex-auto-sm {
    flex: 0 1 auto !important;
  }
  .flex-grow-none-sm {
    flex-grow: 0 !important;
  }
  .flex-grow-sm {
    flex-grow: 1 !important;
  }
  .flex-shrink-0-sm {
    flex-shrink: 0 !important;
  }
  .flex-shrink-1-sm {
    flex-shrink: 1 !important;
  }
  /* Order (0–12) */
  .order-0-sm {
    order: 0 !important;
  }
  .order-1-sm {
    order: 1 !important;
  }
  .order-2-sm {
    order: 2 !important;
  }
  .order-3-sm {
    order: 3 !important;
  }
  .order-4-sm {
    order: 4 !important;
  }
  .order-5-sm {
    order: 5 !important;
  }
  .order-6-sm {
    order: 6 !important;
  }
  .order-7-sm {
    order: 7 !important;
  }
  .order-8-sm {
    order: 8 !important;
  }
  .order-9-sm {
    order: 9 !important;
  }
  .order-10-sm {
    order: 10 !important;
  }
  .order-11-sm {
    order: 11 !important;
  }
  .order-12-sm {
    order: 12 !important;
  }
  /* Gap Utilities */
  .gap-0-sm {
    gap: 0 !important;
  }
  .row-gap-0-sm {
    row-gap: 0 !important;
  }
  .column-gap-0-sm {
    column-gap: 0 !important;
  }
  .gap-1-sm {
    gap: 0.25rem !important;
  }
  .row-gap-1-sm {
    row-gap: 0.25rem !important;
  }
  .column-gap-1-sm {
    column-gap: 0.25rem !important;
  }
  .gap-2-sm {
    gap: 0.5rem !important;
  }
  .row-gap-2-sm {
    row-gap: 0.5rem !important;
  }
  .column-gap-2-sm {
    column-gap: 0.5rem !important;
  }
  .gap-3-sm {
    gap: 1rem !important;
  }
  .row-gap-3-sm {
    row-gap: 1rem !important;
  }
  .column-gap-3-sm {
    column-gap: 1rem !important;
  }
  .gap-4-sm {
    gap: 1.5rem !important;
  }
  .row-gap-4-sm {
    row-gap: 1.5rem !important;
  }
  .column-gap-4-sm {
    column-gap: 1.5rem !important;
  }
  .gap-5-sm {
    gap: 3rem !important;
  }
  .row-gap-5-sm {
    row-gap: 3rem !important;
  }
  .column-gap-5-sm {
    column-gap: 3rem !important;
  }
}
@media (min-width: 768px) {
  /* Display */
  .flex-md {
    display: flex !important;
  }
  .inline-flex-md {
    display: inline-flex !important;
  }
  .none-md {
    display: none !important;
  }
  /* Direction */
  .flex-row-md {
    flex-direction: row !important;
  }
  .flex-row-reverse-md {
    flex-direction: row-reverse !important;
  }
  .flex-column-md {
    flex-direction: column !important;
  }
  .flex-column-reverse-md {
    flex-direction: column-reverse !important;
  }
  /* Wrap */
  .flex-nowrap-md {
    flex-wrap: nowrap !important;
  }
  .flex-wrap-md {
    flex-wrap: wrap !important;
  }
  .flex-wrap-reverse-md {
    flex-wrap: wrap-reverse !important;
  }
  /* Justify Content */
  .justify-content-around-md {
    justify-content: space-around !important;
  }
  .justify-content-between-md {
    justify-content: space-between !important;
  }
  .justify-content-center-md {
    justify-content: center !important;
  }
  .justify-content-end-md {
    justify-content: flex-end !important;
  }
  .justify-content-evenly-md {
    justify-content: space-evenly !important;
  }
  .justify-content-start-md {
    justify-content: flex-start !important;
  }
  .justify-content-stretch-md {
    justify-content: stretch !important;
  }
  /* Align Items */
  .align-items-baseline-md {
    align-items: baseline !important;
  }
  .align-items-center-md {
    align-items: center !important;
  }
  .align-items-end-md {
    align-items: flex-end !important;
  }
  .align-items-start-md {
    align-items: flex-start !important;
  }
  .align-items-stretch-md {
    align-items: stretch !important;
  }
  /* Align Content */
  .align-content-around-md {
    align-content: space-around !important;
  }
  .align-content-between-md {
    align-content: space-between !important;
  }
  .align-content-center-md {
    align-content: center !important;
  }
  .align-content-end-md {
    align-content: flex-end !important;
  }
  .align-content-start-md {
    align-content: flex-start !important;
  }
  .align-content-stretch-md {
    align-content: stretch !important;
  }
  /* Align Self (Apply On Children) */
  .align-self-auto-md {
    align-self: auto !important;
  }
  .align-self-start-md {
    align-self: flex-start !important;
  }
  .align-self-end-md {
    align-self: flex-end !important;
  }
  .align-self-center-md {
    align-self: center !important;
  }
  .align-self-baseline-md {
    align-self: baseline !important;
  }
  .align-self-stretch-md {
    align-self: stretch !important;
  }
  /* Grow / Shrink / Flex */
  .flex-fill-md {
    flex: 1 1 auto !important;
  }
  .flex-1-md {
    flex: 1 1 0% !important;
  }
  .flex-auto-md {
    flex: 0 1 auto !important;
  }
  .flex-grow-none-md {
    flex-grow: 0 !important;
  }
  .flex-grow-md {
    flex-grow: 1 !important;
  }
  .flex-shrink-0-md {
    flex-shrink: 0 !important;
  }
  .flex-shrink-1-md {
    flex-shrink: 1 !important;
  }
  /* Order (0–12) */
  .order-0-md {
    order: 0 !important;
  }
  .order-1-md {
    order: 1 !important;
  }
  .order-2-md {
    order: 2 !important;
  }
  .order-3-md {
    order: 3 !important;
  }
  .order-4-md {
    order: 4 !important;
  }
  .order-5-md {
    order: 5 !important;
  }
  .order-6-md {
    order: 6 !important;
  }
  .order-7-md {
    order: 7 !important;
  }
  .order-8-md {
    order: 8 !important;
  }
  .order-9-md {
    order: 9 !important;
  }
  .order-10-md {
    order: 10 !important;
  }
  .order-11-md {
    order: 11 !important;
  }
  .order-12-md {
    order: 12 !important;
  }
  /* Gap Utilities */
  .gap-0-md {
    gap: 0 !important;
  }
  .row-gap-0-md {
    row-gap: 0 !important;
  }
  .column-gap-0-md {
    column-gap: 0 !important;
  }
  .gap-1-md {
    gap: 0.25rem !important;
  }
  .row-gap-1-md {
    row-gap: 0.25rem !important;
  }
  .column-gap-1-md {
    column-gap: 0.25rem !important;
  }
  .gap-2-md {
    gap: 0.5rem !important;
  }
  .row-gap-2-md {
    row-gap: 0.5rem !important;
  }
  .column-gap-2-md {
    column-gap: 0.5rem !important;
  }
  .gap-3-md {
    gap: 1rem !important;
  }
  .row-gap-3-md {
    row-gap: 1rem !important;
  }
  .column-gap-3-md {
    column-gap: 1rem !important;
  }
  .gap-4-md {
    gap: 1.5rem !important;
  }
  .row-gap-4-md {
    row-gap: 1.5rem !important;
  }
  .column-gap-4-md {
    column-gap: 1.5rem !important;
  }
  .gap-5-md {
    gap: 3rem !important;
  }
  .row-gap-5-md {
    row-gap: 3rem !important;
  }
  .column-gap-5-md {
    column-gap: 3rem !important;
  }
}
@media (min-width: 992px) {
  /* Display */
  .flex-lg {
    display: flex !important;
  }
  .inline-flex-lg {
    display: inline-flex !important;
  }
  .none-lg {
    display: none !important;
  }
  /* Direction */
  .flex-row-lg {
    flex-direction: row !important;
  }
  .flex-row-reverse-lg {
    flex-direction: row-reverse !important;
  }
  .flex-column-lg {
    flex-direction: column !important;
  }
  .flex-column-reverse-lg {
    flex-direction: column-reverse !important;
  }
  /* Wrap */
  .flex-nowrap-lg {
    flex-wrap: nowrap !important;
  }
  .flex-wrap-lg {
    flex-wrap: wrap !important;
  }
  .flex-wrap-reverse-lg {
    flex-wrap: wrap-reverse !important;
  }
  /* Justify Content */
  .justify-content-around-lg {
    justify-content: space-around !important;
  }
  .justify-content-between-lg {
    justify-content: space-between !important;
  }
  .justify-content-center-lg {
    justify-content: center !important;
  }
  .justify-content-end-lg {
    justify-content: flex-end !important;
  }
  .justify-content-evenly-lg {
    justify-content: space-evenly !important;
  }
  .justify-content-start-lg {
    justify-content: flex-start !important;
  }
  .justify-content-stretch-lg {
    justify-content: stretch !important;
  }
  /* Align Items */
  .align-items-baseline-lg {
    align-items: baseline !important;
  }
  .align-items-center-lg {
    align-items: center !important;
  }
  .align-items-end-lg {
    align-items: flex-end !important;
  }
  .align-items-start-lg {
    align-items: flex-start !important;
  }
  .align-items-stretch-lg {
    align-items: stretch !important;
  }
  /* Align Content */
  .align-content-around-lg {
    align-content: space-around !important;
  }
  .align-content-between-lg {
    align-content: space-between !important;
  }
  .align-content-center-lg {
    align-content: center !important;
  }
  .align-content-end-lg {
    align-content: flex-end !important;
  }
  .align-content-start-lg {
    align-content: flex-start !important;
  }
  .align-content-stretch-lg {
    align-content: stretch !important;
  }
  /* Align Self (Apply On Children) */
  .align-self-auto-lg {
    align-self: auto !important;
  }
  .align-self-start-lg {
    align-self: flex-start !important;
  }
  .align-self-end-lg {
    align-self: flex-end !important;
  }
  .align-self-center-lg {
    align-self: center !important;
  }
  .align-self-baseline-lg {
    align-self: baseline !important;
  }
  .align-self-stretch-lg {
    align-self: stretch !important;
  }
  /* Grow / Shrink / Flex */
  .flex-fill-lg {
    flex: 1 1 auto !important;
  }
  .flex-1-lg {
    flex: 1 1 0% !important;
  }
  .flex-auto-lg {
    flex: 0 1 auto !important;
  }
  .flex-grow-none-lg {
    flex-grow: 0 !important;
  }
  .flex-grow-lg {
    flex-grow: 1 !important;
  }
  .flex-shrink-0-lg {
    flex-shrink: 0 !important;
  }
  .flex-shrink-1-lg {
    flex-shrink: 1 !important;
  }
  /* Order (0–12) */
  .order-0-lg {
    order: 0 !important;
  }
  .order-1-lg {
    order: 1 !important;
  }
  .order-2-lg {
    order: 2 !important;
  }
  .order-3-lg {
    order: 3 !important;
  }
  .order-4-lg {
    order: 4 !important;
  }
  .order-5-lg {
    order: 5 !important;
  }
  .order-6-lg {
    order: 6 !important;
  }
  .order-7-lg {
    order: 7 !important;
  }
  .order-8-lg {
    order: 8 !important;
  }
  .order-9-lg {
    order: 9 !important;
  }
  .order-10-lg {
    order: 10 !important;
  }
  .order-11-lg {
    order: 11 !important;
  }
  .order-12-lg {
    order: 12 !important;
  }
  /* Gap Utilities */
  .gap-0-lg {
    gap: 0 !important;
  }
  .row-gap-0-lg {
    row-gap: 0 !important;
  }
  .column-gap-0-lg {
    column-gap: 0 !important;
  }
  .gap-1-lg {
    gap: 0.25rem !important;
  }
  .row-gap-1-lg {
    row-gap: 0.25rem !important;
  }
  .column-gap-1-lg {
    column-gap: 0.25rem !important;
  }
  .gap-2-lg {
    gap: 0.5rem !important;
  }
  .row-gap-2-lg {
    row-gap: 0.5rem !important;
  }
  .column-gap-2-lg {
    column-gap: 0.5rem !important;
  }
  .gap-3-lg {
    gap: 1rem !important;
  }
  .row-gap-3-lg {
    row-gap: 1rem !important;
  }
  .column-gap-3-lg {
    column-gap: 1rem !important;
  }
  .gap-4-lg {
    gap: 1.5rem !important;
  }
  .row-gap-4-lg {
    row-gap: 1.5rem !important;
  }
  .column-gap-4-lg {
    column-gap: 1.5rem !important;
  }
  .gap-5-lg {
    gap: 3rem !important;
  }
  .row-gap-5-lg {
    row-gap: 3rem !important;
  }
  .column-gap-5-lg {
    column-gap: 3rem !important;
  }
}
@media (min-width: 1200px) {
  /* Display */
  .flex-xl {
    display: flex !important;
  }
  .inline-flex-xl {
    display: inline-flex !important;
  }
  .none-xl {
    display: none !important;
  }
  /* Direction */
  .flex-row-xl {
    flex-direction: row !important;
  }
  .flex-row-reverse-xl {
    flex-direction: row-reverse !important;
  }
  .flex-column-xl {
    flex-direction: column !important;
  }
  .flex-column-reverse-xl {
    flex-direction: column-reverse !important;
  }
  /* Wrap */
  .flex-nowrap-xl {
    flex-wrap: nowrap !important;
  }
  .flex-wrap-xl {
    flex-wrap: wrap !important;
  }
  .flex-wrap-reverse-xl {
    flex-wrap: wrap-reverse !important;
  }
  /* Justify Content */
  .justify-content-around-xl {
    justify-content: space-around !important;
  }
  .justify-content-between-xl {
    justify-content: space-between !important;
  }
  .justify-content-center-xl {
    justify-content: center !important;
  }
  .justify-content-end-xl {
    justify-content: flex-end !important;
  }
  .justify-content-evenly-xl {
    justify-content: space-evenly !important;
  }
  .justify-content-start-xl {
    justify-content: flex-start !important;
  }
  .justify-content-stretch-xl {
    justify-content: stretch !important;
  }
  /* Align Items */
  .align-items-baseline-xl {
    align-items: baseline !important;
  }
  .align-items-center-xl {
    align-items: center !important;
  }
  .align-items-end-xl {
    align-items: flex-end !important;
  }
  .align-items-start-xl {
    align-items: flex-start !important;
  }
  .align-items-stretch-xl {
    align-items: stretch !important;
  }
  /* Align Content */
  .align-content-around-xl {
    align-content: space-around !important;
  }
  .align-content-between-xl {
    align-content: space-between !important;
  }
  .align-content-center-xl {
    align-content: center !important;
  }
  .align-content-end-xl {
    align-content: flex-end !important;
  }
  .align-content-start-xl {
    align-content: flex-start !important;
  }
  .align-content-stretch-xl {
    align-content: stretch !important;
  }
  /* Align Self (Apply On Children) */
  .align-self-auto-xl {
    align-self: auto !important;
  }
  .align-self-start-xl {
    align-self: flex-start !important;
  }
  .align-self-end-xl {
    align-self: flex-end !important;
  }
  .align-self-center-xl {
    align-self: center !important;
  }
  .align-self-baseline-xl {
    align-self: baseline !important;
  }
  .align-self-stretch-xl {
    align-self: stretch !important;
  }
  /* Grow / Shrink / Flex */
  .flex-fill-xl {
    flex: 1 1 auto !important;
  }
  .flex-1-xl {
    flex: 1 1 0% !important;
  }
  .flex-auto-xl {
    flex: 0 1 auto !important;
  }
  .flex-grow-none-xl {
    flex-grow: 0 !important;
  }
  .flex-grow-xl {
    flex-grow: 1 !important;
  }
  .flex-shrink-0-xl {
    flex-shrink: 0 !important;
  }
  .flex-shrink-1-xl {
    flex-shrink: 1 !important;
  }
  /* Order (0–12) */
  .order-0-xl {
    order: 0 !important;
  }
  .order-1-xl {
    order: 1 !important;
  }
  .order-2-xl {
    order: 2 !important;
  }
  .order-3-xl {
    order: 3 !important;
  }
  .order-4-xl {
    order: 4 !important;
  }
  .order-5-xl {
    order: 5 !important;
  }
  .order-6-xl {
    order: 6 !important;
  }
  .order-7-xl {
    order: 7 !important;
  }
  .order-8-xl {
    order: 8 !important;
  }
  .order-9-xl {
    order: 9 !important;
  }
  .order-10-xl {
    order: 10 !important;
  }
  .order-11-xl {
    order: 11 !important;
  }
  .order-12-xl {
    order: 12 !important;
  }
  /* Gap Utilities */
  .gap-0-xl {
    gap: 0 !important;
  }
  .row-gap-0-xl {
    row-gap: 0 !important;
  }
  .column-gap-0-xl {
    column-gap: 0 !important;
  }
  .gap-1-xl {
    gap: 0.25rem !important;
  }
  .row-gap-1-xl {
    row-gap: 0.25rem !important;
  }
  .column-gap-1-xl {
    column-gap: 0.25rem !important;
  }
  .gap-2-xl {
    gap: 0.5rem !important;
  }
  .row-gap-2-xl {
    row-gap: 0.5rem !important;
  }
  .column-gap-2-xl {
    column-gap: 0.5rem !important;
  }
  .gap-3-xl {
    gap: 1rem !important;
  }
  .row-gap-3-xl {
    row-gap: 1rem !important;
  }
  .column-gap-3-xl {
    column-gap: 1rem !important;
  }
  .gap-4-xl {
    gap: 1.5rem !important;
  }
  .row-gap-4-xl {
    row-gap: 1.5rem !important;
  }
  .column-gap-4-xl {
    column-gap: 1.5rem !important;
  }
  .gap-5-xl {
    gap: 3rem !important;
  }
  .row-gap-5-xl {
    row-gap: 3rem !important;
  }
  .column-gap-5-xl {
    column-gap: 3rem !important;
  }
}
@media (min-width: 1400px) {
  /* Display */
  .flex-xxl {
    display: flex !important;
  }
  .inline-flex-xxl {
    display: inline-flex !important;
  }
  .none-xxl {
    display: none !important;
  }
  /* Direction */
  .flex-row-xxl {
    flex-direction: row !important;
  }
  .flex-row-reverse-xxl {
    flex-direction: row-reverse !important;
  }
  .flex-column-xxl {
    flex-direction: column !important;
  }
  .flex-column-reverse-xxl {
    flex-direction: column-reverse !important;
  }
  /* Wrap */
  .flex-nowrap-xxl {
    flex-wrap: nowrap !important;
  }
  .flex-wrap-xxl {
    flex-wrap: wrap !important;
  }
  .flex-wrap-reverse-xxl {
    flex-wrap: wrap-reverse !important;
  }
  /* Justify Content */
  .justify-content-around-xxl {
    justify-content: space-around !important;
  }
  .justify-content-between-xxl {
    justify-content: space-between !important;
  }
  .justify-content-center-xxl {
    justify-content: center !important;
  }
  .justify-content-end-xxl {
    justify-content: flex-end !important;
  }
  .justify-content-evenly-xxl {
    justify-content: space-evenly !important;
  }
  .justify-content-start-xxl {
    justify-content: flex-start !important;
  }
  .justify-content-stretch-xxl {
    justify-content: stretch !important;
  }
  /* Align Items */
  .align-items-baseline-xxl {
    align-items: baseline !important;
  }
  .align-items-center-xxl {
    align-items: center !important;
  }
  .align-items-end-xxl {
    align-items: flex-end !important;
  }
  .align-items-start-xxl {
    align-items: flex-start !important;
  }
  .align-items-stretch-xxl {
    align-items: stretch !important;
  }
  /* Align Content */
  .align-content-around-xxl {
    align-content: space-around !important;
  }
  .align-content-between-xxl {
    align-content: space-between !important;
  }
  .align-content-center-xxl {
    align-content: center !important;
  }
  .align-content-end-xxl {
    align-content: flex-end !important;
  }
  .align-content-start-xxl {
    align-content: flex-start !important;
  }
  .align-content-stretch-xxl {
    align-content: stretch !important;
  }
  /* Align Self (Apply On Children) */
  .align-self-auto-xxl {
    align-self: auto !important;
  }
  .align-self-start-xxl {
    align-self: flex-start !important;
  }
  .align-self-end-xxl {
    align-self: flex-end !important;
  }
  .align-self-center-xxl {
    align-self: center !important;
  }
  .align-self-baseline-xxl {
    align-self: baseline !important;
  }
  .align-self-stretch-xxl {
    align-self: stretch !important;
  }
  /* Grow / Shrink / Flex */
  .flex-fill-xxl {
    flex: 1 1 auto !important;
  }
  .flex-1-xxl {
    flex: 1 1 0% !important;
  }
  .flex-auto-xxl {
    flex: 0 1 auto !important;
  }
  .flex-grow-none-xxl {
    flex-grow: 0 !important;
  }
  .flex-grow-xxl {
    flex-grow: 1 !important;
  }
  .flex-shrink-0-xxl {
    flex-shrink: 0 !important;
  }
  .flex-shrink-1-xxl {
    flex-shrink: 1 !important;
  }
  /* Order (0–12) */
  .order-0-xxl {
    order: 0 !important;
  }
  .order-1-xxl {
    order: 1 !important;
  }
  .order-2-xxl {
    order: 2 !important;
  }
  .order-3-xxl {
    order: 3 !important;
  }
  .order-4-xxl {
    order: 4 !important;
  }
  .order-5-xxl {
    order: 5 !important;
  }
  .order-6-xxl {
    order: 6 !important;
  }
  .order-7-xxl {
    order: 7 !important;
  }
  .order-8-xxl {
    order: 8 !important;
  }
  .order-9-xxl {
    order: 9 !important;
  }
  .order-10-xxl {
    order: 10 !important;
  }
  .order-11-xxl {
    order: 11 !important;
  }
  .order-12-xxl {
    order: 12 !important;
  }
  /* Gap Utilities */
  .gap-0-xxl {
    gap: 0 !important;
  }
  .row-gap-0-xxl {
    row-gap: 0 !important;
  }
  .column-gap-0-xxl {
    column-gap: 0 !important;
  }
  .gap-1-xxl {
    gap: 0.25rem !important;
  }
  .row-gap-1-xxl {
    row-gap: 0.25rem !important;
  }
  .column-gap-1-xxl {
    column-gap: 0.25rem !important;
  }
  .gap-2-xxl {
    gap: 0.5rem !important;
  }
  .row-gap-2-xxl {
    row-gap: 0.5rem !important;
  }
  .column-gap-2-xxl {
    column-gap: 0.5rem !important;
  }
  .gap-3-xxl {
    gap: 1rem !important;
  }
  .row-gap-3-xxl {
    row-gap: 1rem !important;
  }
  .column-gap-3-xxl {
    column-gap: 1rem !important;
  }
  .gap-4-xxl {
    gap: 1.5rem !important;
  }
  .row-gap-4-xxl {
    row-gap: 1.5rem !important;
  }
  .column-gap-4-xxl {
    column-gap: 1.5rem !important;
  }
  .gap-5-xxl {
    gap: 3rem !important;
  }
  .row-gap-5-xxl {
    row-gap: 3rem !important;
  }
  .column-gap-5-xxl {
    column-gap: 3rem !important;
  }
}
/* Grid */
/* Global Grid Variables */
/* Grid Utilities */
/* Base (xs) - No Media Query */
/* Display */
.grid {
  display: grid !important;
}

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

.none {
  display: none !important;
}

/* Grid Template Columns */
.grid-columns-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

.grid-columns-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.grid-columns-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.grid-columns-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.grid-columns-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.grid-columns-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.grid-columns-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}

.grid-columns-none {
  grid-template-columns: none !important;
}

/* Grid Template Rows */
.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
}

.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
}

.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
}

.grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
}

.grid-rows-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
}

.grid-rows-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
}

.grid-rows-none {
  grid-template-rows: none !important;
}

/* Grid Auto Flow */
.grid-flow-row {
  grid-auto-flow: row !important;
}

.grid-flow-col {
  grid-auto-flow: column !important;
}

.grid-flow-dense {
  grid-auto-flow: dense !important;
}

.grid-flow-row-dense {
  grid-auto-flow: row dense !important;
}

.grid-flow-col-dense {
  grid-auto-flow: column dense !important;
}

/* Grid Auto Columns */
.auto-columns-auto {
  grid-auto-columns: auto !important;
}

.auto-columns-min {
  grid-auto-columns: min-content !important;
}

.auto-columns-max {
  grid-auto-columns: max-content !important;
}

.auto-columns-fr {
  grid-auto-columns: minmax(0, 1fr) !important;
}

/* Grid Auto Rows */
.auto-rows-auto {
  grid-auto-rows: auto !important;
}

.auto-rows-min {
  grid-auto-rows: min-content !important;
}

.auto-rows-max {
  grid-auto-rows: max-content !important;
}

.auto-rows-fr {
  grid-auto-rows: minmax(0, 1fr) !important;
}

/* Place Items */
.place-items-start {
  place-items: start !important;
}

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

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

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

/* Place Content */
.place-content-start {
  place-content: start !important;
}

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

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

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

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

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

.place-content-stretch {
  place-content: stretch !important;
}

/* Grid Column Start/End */
.col-start-1 {
  grid-column-start: 1 !important;
}

.col-end-1 {
  grid-column-end: 1 !important;
}

.col-start-2 {
  grid-column-start: 2 !important;
}

.col-end-2 {
  grid-column-end: 2 !important;
}

.col-start-3 {
  grid-column-start: 3 !important;
}

.col-end-3 {
  grid-column-end: 3 !important;
}

.col-start-4 {
  grid-column-start: 4 !important;
}

.col-end-4 {
  grid-column-end: 4 !important;
}

.col-start-5 {
  grid-column-start: 5 !important;
}

.col-end-5 {
  grid-column-end: 5 !important;
}

.col-start-6 {
  grid-column-start: 6 !important;
}

.col-end-6 {
  grid-column-end: 6 !important;
}

.col-start-7 {
  grid-column-start: 7 !important;
}

.col-end-7 {
  grid-column-end: 7 !important;
}

.col-start-8 {
  grid-column-start: 8 !important;
}

.col-end-8 {
  grid-column-end: 8 !important;
}

.col-start-9 {
  grid-column-start: 9 !important;
}

.col-end-9 {
  grid-column-end: 9 !important;
}

.col-start-10 {
  grid-column-start: 10 !important;
}

.col-end-10 {
  grid-column-end: 10 !important;
}

.col-start-11 {
  grid-column-start: 11 !important;
}

.col-end-11 {
  grid-column-end: 11 !important;
}

.col-start-12 {
  grid-column-start: 12 !important;
}

.col-end-12 {
  grid-column-end: 12 !important;
}

.col-start-13 {
  grid-column-start: 13 !important;
}

.col-end-13 {
  grid-column-end: 13 !important;
}

.col-start-auto {
  grid-column-start: auto !important;
}

.col-end-auto {
  grid-column-end: auto !important;
}

/* Grid Row Start/End */
.row-start-1 {
  grid-row-start: 1 !important;
}

.row-end-1 {
  grid-row-end: 1 !important;
}

.row-start-2 {
  grid-row-start: 2 !important;
}

.row-end-2 {
  grid-row-end: 2 !important;
}

.row-start-3 {
  grid-row-start: 3 !important;
}

.row-end-3 {
  grid-row-end: 3 !important;
}

.row-start-4 {
  grid-row-start: 4 !important;
}

.row-end-4 {
  grid-row-end: 4 !important;
}

.row-start-5 {
  grid-row-start: 5 !important;
}

.row-end-5 {
  grid-row-end: 5 !important;
}

.row-start-6 {
  grid-row-start: 6 !important;
}

.row-end-6 {
  grid-row-end: 6 !important;
}

.row-start-7 {
  grid-row-start: 7 !important;
}

.row-end-7 {
  grid-row-end: 7 !important;
}

.row-start-auto {
  grid-row-start: auto !important;
}

.row-end-auto {
  grid-row-end: auto !important;
}

/* Grid Column Span */
.col-span-1 {
  grid-column: span 1/span 1 !important;
}

.col-span-2 {
  grid-column: span 2/span 2 !important;
}

.col-span-3 {
  grid-column: span 3/span 3 !important;
}

.col-span-4 {
  grid-column: span 4/span 4 !important;
}

.col-span-5 {
  grid-column: span 5/span 5 !important;
}

.col-span-6 {
  grid-column: span 6/span 6 !important;
}

.col-span-full {
  grid-column: 1/-1 !important;
}

/* Grid Row Span */
.row-span-1 {
  grid-row: span 1/span 1 !important;
}

.row-span-2 {
  grid-row: span 2/span 2 !important;
}

.row-span-3 {
  grid-row: span 3/span 3 !important;
}

.row-span-4 {
  grid-row: span 4/span 4 !important;
}

.row-span-5 {
  grid-row: span 5/span 5 !important;
}

.row-span-6 {
  grid-row: span 6/span 6 !important;
}

.row-span-full {
  grid-row: 1/-1 !important;
}

/* Justify Self */
.justify-self-auto {
  justify-self: auto !important;
}

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

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

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

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

/* Align Self */
.align-self-auto {
  align-self: auto !important;
}

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

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

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

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

/* Place Self */
.place-self-auto {
  place-self: auto !important;
}

.place-self-start {
  place-self: start !important;
}

.place-self-end {
  place-self: end !important;
}

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

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

/* Gap Utilities */
.gap-0 {
  gap: 0 !important;
}

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

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

.gap-1 {
  gap: 0.25rem !important;
}

.row-gap-1 {
  row-gap: 0.25rem !important;
}

.column-gap-1 {
  column-gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.row-gap-2 {
  row-gap: 0.5rem !important;
}

.column-gap-2 {
  column-gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.row-gap-3 {
  row-gap: 1rem !important;
}

.column-gap-3 {
  column-gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.row-gap-4 {
  row-gap: 1.5rem !important;
}

.column-gap-4 {
  column-gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.row-gap-5 {
  row-gap: 3rem !important;
}

.column-gap-5 {
  column-gap: 3rem !important;
}

/* Responsive (sm+) - Media Queries */
@media (min-width: 576px) {
  /* Display */
  .grid-sm {
    display: grid !important;
  }
  .inline-grid-sm {
    display: inline-grid !important;
  }
  .none-sm {
    display: none !important;
  }
  /* Grid Template Columns */
  .grid-columns-1-sm {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .grid-columns-2-sm {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .grid-columns-3-sm {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .grid-columns-4-sm {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .grid-columns-5-sm {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .grid-columns-6-sm {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
  .grid-columns-12-sm {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }
  .grid-columns-none-sm {
    grid-template-columns: none !important;
  }
  /* Grid Template Rows */
  .grid-rows-1-sm {
    grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
  }
  .grid-rows-2-sm {
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  }
  .grid-rows-3-sm {
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
  }
  .grid-rows-4-sm {
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
  }
  .grid-rows-5-sm {
    grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
  }
  .grid-rows-6-sm {
    grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
  }
  .grid-rows-none-sm {
    grid-template-rows: none !important;
  }
  /* Grid Auto Flow */
  .grid-flow-row-sm {
    grid-auto-flow: row !important;
  }
  .grid-flow-col-sm {
    grid-auto-flow: column !important;
  }
  .grid-flow-dense-sm {
    grid-auto-flow: dense !important;
  }
  .grid-flow-row-dense-sm {
    grid-auto-flow: row dense !important;
  }
  .grid-flow-col-dense-sm {
    grid-auto-flow: column dense !important;
  }
  /* Grid Auto Columns */
  .auto-columns-auto-sm {
    grid-auto-columns: auto !important;
  }
  .auto-columns-min-sm {
    grid-auto-columns: min-content !important;
  }
  .auto-columns-max-sm {
    grid-auto-columns: max-content !important;
  }
  .auto-columns-fr-sm {
    grid-auto-columns: minmax(0, 1fr) !important;
  }
  /* Grid Auto Rows */
  .auto-rows-auto-sm {
    grid-auto-rows: auto !important;
  }
  .auto-rows-min-sm {
    grid-auto-rows: min-content !important;
  }
  .auto-rows-max-sm {
    grid-auto-rows: max-content !important;
  }
  .auto-rows-fr-sm {
    grid-auto-rows: minmax(0, 1fr) !important;
  }
  /* Place Items */
  .place-items-start-sm {
    place-items: start !important;
  }
  .place-items-end-sm {
    place-items: end !important;
  }
  .place-items-center-sm {
    place-items: center !important;
  }
  .place-items-stretch-sm {
    place-items: stretch !important;
  }
  /* Place Content */
  .place-content-start-sm {
    place-content: start !important;
  }
  .place-content-end-sm {
    place-content: end !important;
  }
  .place-content-center-sm {
    place-content: center !important;
  }
  .place-content-between-sm {
    place-content: space-between !important;
  }
  .place-content-around-sm {
    place-content: space-around !important;
  }
  .place-content-evenly-sm {
    place-content: space-evenly !important;
  }
  .place-content-stretch-sm {
    place-content: stretch !important;
  }
  /* Grid Column Start/End */
  .col-start-1-sm {
    grid-column-start: 1 !important;
  }
  .col-end-1-sm {
    grid-column-end: 1 !important;
  }
  .col-start-2-sm {
    grid-column-start: 2 !important;
  }
  .col-end-2-sm {
    grid-column-end: 2 !important;
  }
  .col-start-3-sm {
    grid-column-start: 3 !important;
  }
  .col-end-3-sm {
    grid-column-end: 3 !important;
  }
  .col-start-4-sm {
    grid-column-start: 4 !important;
  }
  .col-end-4-sm {
    grid-column-end: 4 !important;
  }
  .col-start-5-sm {
    grid-column-start: 5 !important;
  }
  .col-end-5-sm {
    grid-column-end: 5 !important;
  }
  .col-start-6-sm {
    grid-column-start: 6 !important;
  }
  .col-end-6-sm {
    grid-column-end: 6 !important;
  }
  .col-start-7-sm {
    grid-column-start: 7 !important;
  }
  .col-end-7-sm {
    grid-column-end: 7 !important;
  }
  .col-start-8-sm {
    grid-column-start: 8 !important;
  }
  .col-end-8-sm {
    grid-column-end: 8 !important;
  }
  .col-start-9-sm {
    grid-column-start: 9 !important;
  }
  .col-end-9-sm {
    grid-column-end: 9 !important;
  }
  .col-start-10-sm {
    grid-column-start: 10 !important;
  }
  .col-end-10-sm {
    grid-column-end: 10 !important;
  }
  .col-start-11-sm {
    grid-column-start: 11 !important;
  }
  .col-end-11-sm {
    grid-column-end: 11 !important;
  }
  .col-start-12-sm {
    grid-column-start: 12 !important;
  }
  .col-end-12-sm {
    grid-column-end: 12 !important;
  }
  .col-start-13-sm {
    grid-column-start: 13 !important;
  }
  .col-end-13-sm {
    grid-column-end: 13 !important;
  }
  .col-start-auto-sm {
    grid-column-start: auto !important;
  }
  .col-end-auto-sm {
    grid-column-end: auto !important;
  }
  /* Grid Row Start/End */
  .row-start-1-sm {
    grid-row-start: 1 !important;
  }
  .row-end-1-sm {
    grid-row-end: 1 !important;
  }
  .row-start-2-sm {
    grid-row-start: 2 !important;
  }
  .row-end-2-sm {
    grid-row-end: 2 !important;
  }
  .row-start-3-sm {
    grid-row-start: 3 !important;
  }
  .row-end-3-sm {
    grid-row-end: 3 !important;
  }
  .row-start-4-sm {
    grid-row-start: 4 !important;
  }
  .row-end-4-sm {
    grid-row-end: 4 !important;
  }
  .row-start-5-sm {
    grid-row-start: 5 !important;
  }
  .row-end-5-sm {
    grid-row-end: 5 !important;
  }
  .row-start-6-sm {
    grid-row-start: 6 !important;
  }
  .row-end-6-sm {
    grid-row-end: 6 !important;
  }
  .row-start-7-sm {
    grid-row-start: 7 !important;
  }
  .row-end-7-sm {
    grid-row-end: 7 !important;
  }
  .row-start-auto-sm {
    grid-row-start: auto !important;
  }
  .row-end-auto-sm {
    grid-row-end: auto !important;
  }
  /* Grid Column Span */
  .col-span-1-sm {
    grid-column: span 1/span 1 !important;
  }
  .col-span-2-sm {
    grid-column: span 2/span 2 !important;
  }
  .col-span-3-sm {
    grid-column: span 3/span 3 !important;
  }
  .col-span-4-sm {
    grid-column: span 4/span 4 !important;
  }
  .col-span-5-sm {
    grid-column: span 5/span 5 !important;
  }
  .col-span-6-sm {
    grid-column: span 6/span 6 !important;
  }
  .col-span-full-sm {
    grid-column: 1/-1 !important;
  }
  /* Grid Row Span */
  .row-span-1-sm {
    grid-row: span 1/span 1 !important;
  }
  .row-span-2-sm {
    grid-row: span 2/span 2 !important;
  }
  .row-span-3-sm {
    grid-row: span 3/span 3 !important;
  }
  .row-span-4-sm {
    grid-row: span 4/span 4 !important;
  }
  .row-span-5-sm {
    grid-row: span 5/span 5 !important;
  }
  .row-span-6-sm {
    grid-row: span 6/span 6 !important;
  }
  .row-span-full-sm {
    grid-row: 1/-1 !important;
  }
  /* Justify Self */
  .justify-self-auto-sm {
    justify-self: auto !important;
  }
  .justify-self-start-sm {
    justify-self: start !important;
  }
  .justify-self-end-sm {
    justify-self: end !important;
  }
  .justify-self-center-sm {
    justify-self: center !important;
  }
  .justify-self-stretch-sm {
    justify-self: stretch !important;
  }
  /* Align Self */
  .align-self-auto-sm {
    align-self: auto !important;
  }
  .align-self-start-sm {
    align-self: start !important;
  }
  .align-self-end-sm {
    align-self: end !important;
  }
  .align-self-center-sm {
    align-self: center !important;
  }
  .align-self-stretch-sm {
    align-self: stretch !important;
  }
  /* Place Self */
  .place-self-auto-sm {
    place-self: auto !important;
  }
  .place-self-start-sm {
    place-self: start !important;
  }
  .place-self-end-sm {
    place-self: end !important;
  }
  .place-self-center-sm {
    place-self: center !important;
  }
  .place-self-stretch-sm {
    place-self: stretch !important;
  }
  /* Gap Utilities */
  .gap-0-sm {
    gap: 0 !important;
  }
  .row-gap-0-sm {
    row-gap: 0 !important;
  }
  .column-gap-0-sm {
    column-gap: 0 !important;
  }
  .gap-1-sm {
    gap: 0.25rem !important;
  }
  .row-gap-1-sm {
    row-gap: 0.25rem !important;
  }
  .column-gap-1-sm {
    column-gap: 0.25rem !important;
  }
  .gap-2-sm {
    gap: 0.5rem !important;
  }
  .row-gap-2-sm {
    row-gap: 0.5rem !important;
  }
  .column-gap-2-sm {
    column-gap: 0.5rem !important;
  }
  .gap-3-sm {
    gap: 1rem !important;
  }
  .row-gap-3-sm {
    row-gap: 1rem !important;
  }
  .column-gap-3-sm {
    column-gap: 1rem !important;
  }
  .gap-4-sm {
    gap: 1.5rem !important;
  }
  .row-gap-4-sm {
    row-gap: 1.5rem !important;
  }
  .column-gap-4-sm {
    column-gap: 1.5rem !important;
  }
  .gap-5-sm {
    gap: 3rem !important;
  }
  .row-gap-5-sm {
    row-gap: 3rem !important;
  }
  .column-gap-5-sm {
    column-gap: 3rem !important;
  }
}
@media (min-width: 768px) {
  /* Display */
  .grid-md {
    display: grid !important;
  }
  .inline-grid-md {
    display: inline-grid !important;
  }
  .none-md {
    display: none !important;
  }
  /* Grid Template Columns */
  .grid-columns-1-md {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .grid-columns-2-md {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .grid-columns-3-md {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .grid-columns-4-md {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .grid-columns-5-md {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .grid-columns-6-md {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
  .grid-columns-12-md {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }
  .grid-columns-none-md {
    grid-template-columns: none !important;
  }
  /* Grid Template Rows */
  .grid-rows-1-md {
    grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
  }
  .grid-rows-2-md {
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  }
  .grid-rows-3-md {
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
  }
  .grid-rows-4-md {
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
  }
  .grid-rows-5-md {
    grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
  }
  .grid-rows-6-md {
    grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
  }
  .grid-rows-none-md {
    grid-template-rows: none !important;
  }
  /* Grid Auto Flow */
  .grid-flow-row-md {
    grid-auto-flow: row !important;
  }
  .grid-flow-col-md {
    grid-auto-flow: column !important;
  }
  .grid-flow-dense-md {
    grid-auto-flow: dense !important;
  }
  .grid-flow-row-dense-md {
    grid-auto-flow: row dense !important;
  }
  .grid-flow-col-dense-md {
    grid-auto-flow: column dense !important;
  }
  /* Grid Auto Columns */
  .auto-columns-auto-md {
    grid-auto-columns: auto !important;
  }
  .auto-columns-min-md {
    grid-auto-columns: min-content !important;
  }
  .auto-columns-max-md {
    grid-auto-columns: max-content !important;
  }
  .auto-columns-fr-md {
    grid-auto-columns: minmax(0, 1fr) !important;
  }
  /* Grid Auto Rows */
  .auto-rows-auto-md {
    grid-auto-rows: auto !important;
  }
  .auto-rows-min-md {
    grid-auto-rows: min-content !important;
  }
  .auto-rows-max-md {
    grid-auto-rows: max-content !important;
  }
  .auto-rows-fr-md {
    grid-auto-rows: minmax(0, 1fr) !important;
  }
  /* Place Items */
  .place-items-start-md {
    place-items: start !important;
  }
  .place-items-end-md {
    place-items: end !important;
  }
  .place-items-center-md {
    place-items: center !important;
  }
  .place-items-stretch-md {
    place-items: stretch !important;
  }
  /* Place Content */
  .place-content-start-md {
    place-content: start !important;
  }
  .place-content-end-md {
    place-content: end !important;
  }
  .place-content-center-md {
    place-content: center !important;
  }
  .place-content-between-md {
    place-content: space-between !important;
  }
  .place-content-around-md {
    place-content: space-around !important;
  }
  .place-content-evenly-md {
    place-content: space-evenly !important;
  }
  .place-content-stretch-md {
    place-content: stretch !important;
  }
  /* Grid Column Start/End */
  .col-start-1-md {
    grid-column-start: 1 !important;
  }
  .col-end-1-md {
    grid-column-end: 1 !important;
  }
  .col-start-2-md {
    grid-column-start: 2 !important;
  }
  .col-end-2-md {
    grid-column-end: 2 !important;
  }
  .col-start-3-md {
    grid-column-start: 3 !important;
  }
  .col-end-3-md {
    grid-column-end: 3 !important;
  }
  .col-start-4-md {
    grid-column-start: 4 !important;
  }
  .col-end-4-md {
    grid-column-end: 4 !important;
  }
  .col-start-5-md {
    grid-column-start: 5 !important;
  }
  .col-end-5-md {
    grid-column-end: 5 !important;
  }
  .col-start-6-md {
    grid-column-start: 6 !important;
  }
  .col-end-6-md {
    grid-column-end: 6 !important;
  }
  .col-start-7-md {
    grid-column-start: 7 !important;
  }
  .col-end-7-md {
    grid-column-end: 7 !important;
  }
  .col-start-8-md {
    grid-column-start: 8 !important;
  }
  .col-end-8-md {
    grid-column-end: 8 !important;
  }
  .col-start-9-md {
    grid-column-start: 9 !important;
  }
  .col-end-9-md {
    grid-column-end: 9 !important;
  }
  .col-start-10-md {
    grid-column-start: 10 !important;
  }
  .col-end-10-md {
    grid-column-end: 10 !important;
  }
  .col-start-11-md {
    grid-column-start: 11 !important;
  }
  .col-end-11-md {
    grid-column-end: 11 !important;
  }
  .col-start-12-md {
    grid-column-start: 12 !important;
  }
  .col-end-12-md {
    grid-column-end: 12 !important;
  }
  .col-start-13-md {
    grid-column-start: 13 !important;
  }
  .col-end-13-md {
    grid-column-end: 13 !important;
  }
  .col-start-auto-md {
    grid-column-start: auto !important;
  }
  .col-end-auto-md {
    grid-column-end: auto !important;
  }
  /* Grid Row Start/End */
  .row-start-1-md {
    grid-row-start: 1 !important;
  }
  .row-end-1-md {
    grid-row-end: 1 !important;
  }
  .row-start-2-md {
    grid-row-start: 2 !important;
  }
  .row-end-2-md {
    grid-row-end: 2 !important;
  }
  .row-start-3-md {
    grid-row-start: 3 !important;
  }
  .row-end-3-md {
    grid-row-end: 3 !important;
  }
  .row-start-4-md {
    grid-row-start: 4 !important;
  }
  .row-end-4-md {
    grid-row-end: 4 !important;
  }
  .row-start-5-md {
    grid-row-start: 5 !important;
  }
  .row-end-5-md {
    grid-row-end: 5 !important;
  }
  .row-start-6-md {
    grid-row-start: 6 !important;
  }
  .row-end-6-md {
    grid-row-end: 6 !important;
  }
  .row-start-7-md {
    grid-row-start: 7 !important;
  }
  .row-end-7-md {
    grid-row-end: 7 !important;
  }
  .row-start-auto-md {
    grid-row-start: auto !important;
  }
  .row-end-auto-md {
    grid-row-end: auto !important;
  }
  /* Grid Column Span */
  .col-span-1-md {
    grid-column: span 1/span 1 !important;
  }
  .col-span-2-md {
    grid-column: span 2/span 2 !important;
  }
  .col-span-3-md {
    grid-column: span 3/span 3 !important;
  }
  .col-span-4-md {
    grid-column: span 4/span 4 !important;
  }
  .col-span-5-md {
    grid-column: span 5/span 5 !important;
  }
  .col-span-6-md {
    grid-column: span 6/span 6 !important;
  }
  .col-span-full-md {
    grid-column: 1/-1 !important;
  }
  /* Grid Row Span */
  .row-span-1-md {
    grid-row: span 1/span 1 !important;
  }
  .row-span-2-md {
    grid-row: span 2/span 2 !important;
  }
  .row-span-3-md {
    grid-row: span 3/span 3 !important;
  }
  .row-span-4-md {
    grid-row: span 4/span 4 !important;
  }
  .row-span-5-md {
    grid-row: span 5/span 5 !important;
  }
  .row-span-6-md {
    grid-row: span 6/span 6 !important;
  }
  .row-span-full-md {
    grid-row: 1/-1 !important;
  }
  /* Justify Self */
  .justify-self-auto-md {
    justify-self: auto !important;
  }
  .justify-self-start-md {
    justify-self: start !important;
  }
  .justify-self-end-md {
    justify-self: end !important;
  }
  .justify-self-center-md {
    justify-self: center !important;
  }
  .justify-self-stretch-md {
    justify-self: stretch !important;
  }
  /* Align Self */
  .align-self-auto-md {
    align-self: auto !important;
  }
  .align-self-start-md {
    align-self: start !important;
  }
  .align-self-end-md {
    align-self: end !important;
  }
  .align-self-center-md {
    align-self: center !important;
  }
  .align-self-stretch-md {
    align-self: stretch !important;
  }
  /* Place Self */
  .place-self-auto-md {
    place-self: auto !important;
  }
  .place-self-start-md {
    place-self: start !important;
  }
  .place-self-end-md {
    place-self: end !important;
  }
  .place-self-center-md {
    place-self: center !important;
  }
  .place-self-stretch-md {
    place-self: stretch !important;
  }
  /* Gap Utilities */
  .gap-0-md {
    gap: 0 !important;
  }
  .row-gap-0-md {
    row-gap: 0 !important;
  }
  .column-gap-0-md {
    column-gap: 0 !important;
  }
  .gap-1-md {
    gap: 0.25rem !important;
  }
  .row-gap-1-md {
    row-gap: 0.25rem !important;
  }
  .column-gap-1-md {
    column-gap: 0.25rem !important;
  }
  .gap-2-md {
    gap: 0.5rem !important;
  }
  .row-gap-2-md {
    row-gap: 0.5rem !important;
  }
  .column-gap-2-md {
    column-gap: 0.5rem !important;
  }
  .gap-3-md {
    gap: 1rem !important;
  }
  .row-gap-3-md {
    row-gap: 1rem !important;
  }
  .column-gap-3-md {
    column-gap: 1rem !important;
  }
  .gap-4-md {
    gap: 1.5rem !important;
  }
  .row-gap-4-md {
    row-gap: 1.5rem !important;
  }
  .column-gap-4-md {
    column-gap: 1.5rem !important;
  }
  .gap-5-md {
    gap: 3rem !important;
  }
  .row-gap-5-md {
    row-gap: 3rem !important;
  }
  .column-gap-5-md {
    column-gap: 3rem !important;
  }
}
@media (min-width: 992px) {
  /* Display */
  .grid-lg {
    display: grid !important;
  }
  .inline-grid-lg {
    display: inline-grid !important;
  }
  .none-lg {
    display: none !important;
  }
  /* Grid Template Columns */
  .grid-columns-1-lg {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .grid-columns-2-lg {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .grid-columns-3-lg {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .grid-columns-4-lg {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .grid-columns-5-lg {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .grid-columns-6-lg {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
  .grid-columns-12-lg {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }
  .grid-columns-none-lg {
    grid-template-columns: none !important;
  }
  /* Grid Template Rows */
  .grid-rows-1-lg {
    grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
  }
  .grid-rows-2-lg {
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  }
  .grid-rows-3-lg {
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
  }
  .grid-rows-4-lg {
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
  }
  .grid-rows-5-lg {
    grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
  }
  .grid-rows-6-lg {
    grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
  }
  .grid-rows-none-lg {
    grid-template-rows: none !important;
  }
  /* Grid Auto Flow */
  .grid-flow-row-lg {
    grid-auto-flow: row !important;
  }
  .grid-flow-col-lg {
    grid-auto-flow: column !important;
  }
  .grid-flow-dense-lg {
    grid-auto-flow: dense !important;
  }
  .grid-flow-row-dense-lg {
    grid-auto-flow: row dense !important;
  }
  .grid-flow-col-dense-lg {
    grid-auto-flow: column dense !important;
  }
  /* Grid Auto Columns */
  .auto-columns-auto-lg {
    grid-auto-columns: auto !important;
  }
  .auto-columns-min-lg {
    grid-auto-columns: min-content !important;
  }
  .auto-columns-max-lg {
    grid-auto-columns: max-content !important;
  }
  .auto-columns-fr-lg {
    grid-auto-columns: minmax(0, 1fr) !important;
  }
  /* Grid Auto Rows */
  .auto-rows-auto-lg {
    grid-auto-rows: auto !important;
  }
  .auto-rows-min-lg {
    grid-auto-rows: min-content !important;
  }
  .auto-rows-max-lg {
    grid-auto-rows: max-content !important;
  }
  .auto-rows-fr-lg {
    grid-auto-rows: minmax(0, 1fr) !important;
  }
  /* Place Items */
  .place-items-start-lg {
    place-items: start !important;
  }
  .place-items-end-lg {
    place-items: end !important;
  }
  .place-items-center-lg {
    place-items: center !important;
  }
  .place-items-stretch-lg {
    place-items: stretch !important;
  }
  /* Place Content */
  .place-content-start-lg {
    place-content: start !important;
  }
  .place-content-end-lg {
    place-content: end !important;
  }
  .place-content-center-lg {
    place-content: center !important;
  }
  .place-content-between-lg {
    place-content: space-between !important;
  }
  .place-content-around-lg {
    place-content: space-around !important;
  }
  .place-content-evenly-lg {
    place-content: space-evenly !important;
  }
  .place-content-stretch-lg {
    place-content: stretch !important;
  }
  /* Grid Column Start/End */
  .col-start-1-lg {
    grid-column-start: 1 !important;
  }
  .col-end-1-lg {
    grid-column-end: 1 !important;
  }
  .col-start-2-lg {
    grid-column-start: 2 !important;
  }
  .col-end-2-lg {
    grid-column-end: 2 !important;
  }
  .col-start-3-lg {
    grid-column-start: 3 !important;
  }
  .col-end-3-lg {
    grid-column-end: 3 !important;
  }
  .col-start-4-lg {
    grid-column-start: 4 !important;
  }
  .col-end-4-lg {
    grid-column-end: 4 !important;
  }
  .col-start-5-lg {
    grid-column-start: 5 !important;
  }
  .col-end-5-lg {
    grid-column-end: 5 !important;
  }
  .col-start-6-lg {
    grid-column-start: 6 !important;
  }
  .col-end-6-lg {
    grid-column-end: 6 !important;
  }
  .col-start-7-lg {
    grid-column-start: 7 !important;
  }
  .col-end-7-lg {
    grid-column-end: 7 !important;
  }
  .col-start-8-lg {
    grid-column-start: 8 !important;
  }
  .col-end-8-lg {
    grid-column-end: 8 !important;
  }
  .col-start-9-lg {
    grid-column-start: 9 !important;
  }
  .col-end-9-lg {
    grid-column-end: 9 !important;
  }
  .col-start-10-lg {
    grid-column-start: 10 !important;
  }
  .col-end-10-lg {
    grid-column-end: 10 !important;
  }
  .col-start-11-lg {
    grid-column-start: 11 !important;
  }
  .col-end-11-lg {
    grid-column-end: 11 !important;
  }
  .col-start-12-lg {
    grid-column-start: 12 !important;
  }
  .col-end-12-lg {
    grid-column-end: 12 !important;
  }
  .col-start-13-lg {
    grid-column-start: 13 !important;
  }
  .col-end-13-lg {
    grid-column-end: 13 !important;
  }
  .col-start-auto-lg {
    grid-column-start: auto !important;
  }
  .col-end-auto-lg {
    grid-column-end: auto !important;
  }
  /* Grid Row Start/End */
  .row-start-1-lg {
    grid-row-start: 1 !important;
  }
  .row-end-1-lg {
    grid-row-end: 1 !important;
  }
  .row-start-2-lg {
    grid-row-start: 2 !important;
  }
  .row-end-2-lg {
    grid-row-end: 2 !important;
  }
  .row-start-3-lg {
    grid-row-start: 3 !important;
  }
  .row-end-3-lg {
    grid-row-end: 3 !important;
  }
  .row-start-4-lg {
    grid-row-start: 4 !important;
  }
  .row-end-4-lg {
    grid-row-end: 4 !important;
  }
  .row-start-5-lg {
    grid-row-start: 5 !important;
  }
  .row-end-5-lg {
    grid-row-end: 5 !important;
  }
  .row-start-6-lg {
    grid-row-start: 6 !important;
  }
  .row-end-6-lg {
    grid-row-end: 6 !important;
  }
  .row-start-7-lg {
    grid-row-start: 7 !important;
  }
  .row-end-7-lg {
    grid-row-end: 7 !important;
  }
  .row-start-auto-lg {
    grid-row-start: auto !important;
  }
  .row-end-auto-lg {
    grid-row-end: auto !important;
  }
  /* Grid Column Span */
  .col-span-1-lg {
    grid-column: span 1/span 1 !important;
  }
  .col-span-2-lg {
    grid-column: span 2/span 2 !important;
  }
  .col-span-3-lg {
    grid-column: span 3/span 3 !important;
  }
  .col-span-4-lg {
    grid-column: span 4/span 4 !important;
  }
  .col-span-5-lg {
    grid-column: span 5/span 5 !important;
  }
  .col-span-6-lg {
    grid-column: span 6/span 6 !important;
  }
  .col-span-full-lg {
    grid-column: 1/-1 !important;
  }
  /* Grid Row Span */
  .row-span-1-lg {
    grid-row: span 1/span 1 !important;
  }
  .row-span-2-lg {
    grid-row: span 2/span 2 !important;
  }
  .row-span-3-lg {
    grid-row: span 3/span 3 !important;
  }
  .row-span-4-lg {
    grid-row: span 4/span 4 !important;
  }
  .row-span-5-lg {
    grid-row: span 5/span 5 !important;
  }
  .row-span-6-lg {
    grid-row: span 6/span 6 !important;
  }
  .row-span-full-lg {
    grid-row: 1/-1 !important;
  }
  /* Justify Self */
  .justify-self-auto-lg {
    justify-self: auto !important;
  }
  .justify-self-start-lg {
    justify-self: start !important;
  }
  .justify-self-end-lg {
    justify-self: end !important;
  }
  .justify-self-center-lg {
    justify-self: center !important;
  }
  .justify-self-stretch-lg {
    justify-self: stretch !important;
  }
  /* Align Self */
  .align-self-auto-lg {
    align-self: auto !important;
  }
  .align-self-start-lg {
    align-self: start !important;
  }
  .align-self-end-lg {
    align-self: end !important;
  }
  .align-self-center-lg {
    align-self: center !important;
  }
  .align-self-stretch-lg {
    align-self: stretch !important;
  }
  /* Place Self */
  .place-self-auto-lg {
    place-self: auto !important;
  }
  .place-self-start-lg {
    place-self: start !important;
  }
  .place-self-end-lg {
    place-self: end !important;
  }
  .place-self-center-lg {
    place-self: center !important;
  }
  .place-self-stretch-lg {
    place-self: stretch !important;
  }
  /* Gap Utilities */
  .gap-0-lg {
    gap: 0 !important;
  }
  .row-gap-0-lg {
    row-gap: 0 !important;
  }
  .column-gap-0-lg {
    column-gap: 0 !important;
  }
  .gap-1-lg {
    gap: 0.25rem !important;
  }
  .row-gap-1-lg {
    row-gap: 0.25rem !important;
  }
  .column-gap-1-lg {
    column-gap: 0.25rem !important;
  }
  .gap-2-lg {
    gap: 0.5rem !important;
  }
  .row-gap-2-lg {
    row-gap: 0.5rem !important;
  }
  .column-gap-2-lg {
    column-gap: 0.5rem !important;
  }
  .gap-3-lg {
    gap: 1rem !important;
  }
  .row-gap-3-lg {
    row-gap: 1rem !important;
  }
  .column-gap-3-lg {
    column-gap: 1rem !important;
  }
  .gap-4-lg {
    gap: 1.5rem !important;
  }
  .row-gap-4-lg {
    row-gap: 1.5rem !important;
  }
  .column-gap-4-lg {
    column-gap: 1.5rem !important;
  }
  .gap-5-lg {
    gap: 3rem !important;
  }
  .row-gap-5-lg {
    row-gap: 3rem !important;
  }
  .column-gap-5-lg {
    column-gap: 3rem !important;
  }
}
@media (min-width: 1200px) {
  /* Display */
  .grid-xl {
    display: grid !important;
  }
  .inline-grid-xl {
    display: inline-grid !important;
  }
  .none-xl {
    display: none !important;
  }
  /* Grid Template Columns */
  .grid-columns-1-xl {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .grid-columns-2-xl {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .grid-columns-3-xl {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .grid-columns-4-xl {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .grid-columns-5-xl {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .grid-columns-6-xl {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
  .grid-columns-12-xl {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }
  .grid-columns-none-xl {
    grid-template-columns: none !important;
  }
  /* Grid Template Rows */
  .grid-rows-1-xl {
    grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
  }
  .grid-rows-2-xl {
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  }
  .grid-rows-3-xl {
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
  }
  .grid-rows-4-xl {
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
  }
  .grid-rows-5-xl {
    grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
  }
  .grid-rows-6-xl {
    grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
  }
  .grid-rows-none-xl {
    grid-template-rows: none !important;
  }
  /* Grid Auto Flow */
  .grid-flow-row-xl {
    grid-auto-flow: row !important;
  }
  .grid-flow-col-xl {
    grid-auto-flow: column !important;
  }
  .grid-flow-dense-xl {
    grid-auto-flow: dense !important;
  }
  .grid-flow-row-dense-xl {
    grid-auto-flow: row dense !important;
  }
  .grid-flow-col-dense-xl {
    grid-auto-flow: column dense !important;
  }
  /* Grid Auto Columns */
  .auto-columns-auto-xl {
    grid-auto-columns: auto !important;
  }
  .auto-columns-min-xl {
    grid-auto-columns: min-content !important;
  }
  .auto-columns-max-xl {
    grid-auto-columns: max-content !important;
  }
  .auto-columns-fr-xl {
    grid-auto-columns: minmax(0, 1fr) !important;
  }
  /* Grid Auto Rows */
  .auto-rows-auto-xl {
    grid-auto-rows: auto !important;
  }
  .auto-rows-min-xl {
    grid-auto-rows: min-content !important;
  }
  .auto-rows-max-xl {
    grid-auto-rows: max-content !important;
  }
  .auto-rows-fr-xl {
    grid-auto-rows: minmax(0, 1fr) !important;
  }
  /* Place Items */
  .place-items-start-xl {
    place-items: start !important;
  }
  .place-items-end-xl {
    place-items: end !important;
  }
  .place-items-center-xl {
    place-items: center !important;
  }
  .place-items-stretch-xl {
    place-items: stretch !important;
  }
  /* Place Content */
  .place-content-start-xl {
    place-content: start !important;
  }
  .place-content-end-xl {
    place-content: end !important;
  }
  .place-content-center-xl {
    place-content: center !important;
  }
  .place-content-between-xl {
    place-content: space-between !important;
  }
  .place-content-around-xl {
    place-content: space-around !important;
  }
  .place-content-evenly-xl {
    place-content: space-evenly !important;
  }
  .place-content-stretch-xl {
    place-content: stretch !important;
  }
  /* Grid Column Start/End */
  .col-start-1-xl {
    grid-column-start: 1 !important;
  }
  .col-end-1-xl {
    grid-column-end: 1 !important;
  }
  .col-start-2-xl {
    grid-column-start: 2 !important;
  }
  .col-end-2-xl {
    grid-column-end: 2 !important;
  }
  .col-start-3-xl {
    grid-column-start: 3 !important;
  }
  .col-end-3-xl {
    grid-column-end: 3 !important;
  }
  .col-start-4-xl {
    grid-column-start: 4 !important;
  }
  .col-end-4-xl {
    grid-column-end: 4 !important;
  }
  .col-start-5-xl {
    grid-column-start: 5 !important;
  }
  .col-end-5-xl {
    grid-column-end: 5 !important;
  }
  .col-start-6-xl {
    grid-column-start: 6 !important;
  }
  .col-end-6-xl {
    grid-column-end: 6 !important;
  }
  .col-start-7-xl {
    grid-column-start: 7 !important;
  }
  .col-end-7-xl {
    grid-column-end: 7 !important;
  }
  .col-start-8-xl {
    grid-column-start: 8 !important;
  }
  .col-end-8-xl {
    grid-column-end: 8 !important;
  }
  .col-start-9-xl {
    grid-column-start: 9 !important;
  }
  .col-end-9-xl {
    grid-column-end: 9 !important;
  }
  .col-start-10-xl {
    grid-column-start: 10 !important;
  }
  .col-end-10-xl {
    grid-column-end: 10 !important;
  }
  .col-start-11-xl {
    grid-column-start: 11 !important;
  }
  .col-end-11-xl {
    grid-column-end: 11 !important;
  }
  .col-start-12-xl {
    grid-column-start: 12 !important;
  }
  .col-end-12-xl {
    grid-column-end: 12 !important;
  }
  .col-start-13-xl {
    grid-column-start: 13 !important;
  }
  .col-end-13-xl {
    grid-column-end: 13 !important;
  }
  .col-start-auto-xl {
    grid-column-start: auto !important;
  }
  .col-end-auto-xl {
    grid-column-end: auto !important;
  }
  /* Grid Row Start/End */
  .row-start-1-xl {
    grid-row-start: 1 !important;
  }
  .row-end-1-xl {
    grid-row-end: 1 !important;
  }
  .row-start-2-xl {
    grid-row-start: 2 !important;
  }
  .row-end-2-xl {
    grid-row-end: 2 !important;
  }
  .row-start-3-xl {
    grid-row-start: 3 !important;
  }
  .row-end-3-xl {
    grid-row-end: 3 !important;
  }
  .row-start-4-xl {
    grid-row-start: 4 !important;
  }
  .row-end-4-xl {
    grid-row-end: 4 !important;
  }
  .row-start-5-xl {
    grid-row-start: 5 !important;
  }
  .row-end-5-xl {
    grid-row-end: 5 !important;
  }
  .row-start-6-xl {
    grid-row-start: 6 !important;
  }
  .row-end-6-xl {
    grid-row-end: 6 !important;
  }
  .row-start-7-xl {
    grid-row-start: 7 !important;
  }
  .row-end-7-xl {
    grid-row-end: 7 !important;
  }
  .row-start-auto-xl {
    grid-row-start: auto !important;
  }
  .row-end-auto-xl {
    grid-row-end: auto !important;
  }
  /* Grid Column Span */
  .col-span-1-xl {
    grid-column: span 1/span 1 !important;
  }
  .col-span-2-xl {
    grid-column: span 2/span 2 !important;
  }
  .col-span-3-xl {
    grid-column: span 3/span 3 !important;
  }
  .col-span-4-xl {
    grid-column: span 4/span 4 !important;
  }
  .col-span-5-xl {
    grid-column: span 5/span 5 !important;
  }
  .col-span-6-xl {
    grid-column: span 6/span 6 !important;
  }
  .col-span-full-xl {
    grid-column: 1/-1 !important;
  }
  /* Grid Row Span */
  .row-span-1-xl {
    grid-row: span 1/span 1 !important;
  }
  .row-span-2-xl {
    grid-row: span 2/span 2 !important;
  }
  .row-span-3-xl {
    grid-row: span 3/span 3 !important;
  }
  .row-span-4-xl {
    grid-row: span 4/span 4 !important;
  }
  .row-span-5-xl {
    grid-row: span 5/span 5 !important;
  }
  .row-span-6-xl {
    grid-row: span 6/span 6 !important;
  }
  .row-span-full-xl {
    grid-row: 1/-1 !important;
  }
  /* Justify Self */
  .justify-self-auto-xl {
    justify-self: auto !important;
  }
  .justify-self-start-xl {
    justify-self: start !important;
  }
  .justify-self-end-xl {
    justify-self: end !important;
  }
  .justify-self-center-xl {
    justify-self: center !important;
  }
  .justify-self-stretch-xl {
    justify-self: stretch !important;
  }
  /* Align Self */
  .align-self-auto-xl {
    align-self: auto !important;
  }
  .align-self-start-xl {
    align-self: start !important;
  }
  .align-self-end-xl {
    align-self: end !important;
  }
  .align-self-center-xl {
    align-self: center !important;
  }
  .align-self-stretch-xl {
    align-self: stretch !important;
  }
  /* Place Self */
  .place-self-auto-xl {
    place-self: auto !important;
  }
  .place-self-start-xl {
    place-self: start !important;
  }
  .place-self-end-xl {
    place-self: end !important;
  }
  .place-self-center-xl {
    place-self: center !important;
  }
  .place-self-stretch-xl {
    place-self: stretch !important;
  }
  /* Gap Utilities */
  .gap-0-xl {
    gap: 0 !important;
  }
  .row-gap-0-xl {
    row-gap: 0 !important;
  }
  .column-gap-0-xl {
    column-gap: 0 !important;
  }
  .gap-1-xl {
    gap: 0.25rem !important;
  }
  .row-gap-1-xl {
    row-gap: 0.25rem !important;
  }
  .column-gap-1-xl {
    column-gap: 0.25rem !important;
  }
  .gap-2-xl {
    gap: 0.5rem !important;
  }
  .row-gap-2-xl {
    row-gap: 0.5rem !important;
  }
  .column-gap-2-xl {
    column-gap: 0.5rem !important;
  }
  .gap-3-xl {
    gap: 1rem !important;
  }
  .row-gap-3-xl {
    row-gap: 1rem !important;
  }
  .column-gap-3-xl {
    column-gap: 1rem !important;
  }
  .gap-4-xl {
    gap: 1.5rem !important;
  }
  .row-gap-4-xl {
    row-gap: 1.5rem !important;
  }
  .column-gap-4-xl {
    column-gap: 1.5rem !important;
  }
  .gap-5-xl {
    gap: 3rem !important;
  }
  .row-gap-5-xl {
    row-gap: 3rem !important;
  }
  .column-gap-5-xl {
    column-gap: 3rem !important;
  }
}
@media (min-width: 1400px) {
  /* Display */
  .grid-xxl {
    display: grid !important;
  }
  .inline-grid-xxl {
    display: inline-grid !important;
  }
  .none-xxl {
    display: none !important;
  }
  /* Grid Template Columns */
  .grid-columns-1-xxl {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .grid-columns-2-xxl {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .grid-columns-3-xxl {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .grid-columns-4-xxl {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .grid-columns-5-xxl {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .grid-columns-6-xxl {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
  .grid-columns-12-xxl {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }
  .grid-columns-none-xxl {
    grid-template-columns: none !important;
  }
  /* Grid Template Rows */
  .grid-rows-1-xxl {
    grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
  }
  .grid-rows-2-xxl {
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  }
  .grid-rows-3-xxl {
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
  }
  .grid-rows-4-xxl {
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
  }
  .grid-rows-5-xxl {
    grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
  }
  .grid-rows-6-xxl {
    grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
  }
  .grid-rows-none-xxl {
    grid-template-rows: none !important;
  }
  /* Grid Auto Flow */
  .grid-flow-row-xxl {
    grid-auto-flow: row !important;
  }
  .grid-flow-col-xxl {
    grid-auto-flow: column !important;
  }
  .grid-flow-dense-xxl {
    grid-auto-flow: dense !important;
  }
  .grid-flow-row-dense-xxl {
    grid-auto-flow: row dense !important;
  }
  .grid-flow-col-dense-xxl {
    grid-auto-flow: column dense !important;
  }
  /* Grid Auto Columns */
  .auto-columns-auto-xxl {
    grid-auto-columns: auto !important;
  }
  .auto-columns-min-xxl {
    grid-auto-columns: min-content !important;
  }
  .auto-columns-max-xxl {
    grid-auto-columns: max-content !important;
  }
  .auto-columns-fr-xxl {
    grid-auto-columns: minmax(0, 1fr) !important;
  }
  /* Grid Auto Rows */
  .auto-rows-auto-xxl {
    grid-auto-rows: auto !important;
  }
  .auto-rows-min-xxl {
    grid-auto-rows: min-content !important;
  }
  .auto-rows-max-xxl {
    grid-auto-rows: max-content !important;
  }
  .auto-rows-fr-xxl {
    grid-auto-rows: minmax(0, 1fr) !important;
  }
  /* Place Items */
  .place-items-start-xxl {
    place-items: start !important;
  }
  .place-items-end-xxl {
    place-items: end !important;
  }
  .place-items-center-xxl {
    place-items: center !important;
  }
  .place-items-stretch-xxl {
    place-items: stretch !important;
  }
  /* Place Content */
  .place-content-start-xxl {
    place-content: start !important;
  }
  .place-content-end-xxl {
    place-content: end !important;
  }
  .place-content-center-xxl {
    place-content: center !important;
  }
  .place-content-between-xxl {
    place-content: space-between !important;
  }
  .place-content-around-xxl {
    place-content: space-around !important;
  }
  .place-content-evenly-xxl {
    place-content: space-evenly !important;
  }
  .place-content-stretch-xxl {
    place-content: stretch !important;
  }
  /* Grid Column Start/End */
  .col-start-1-xxl {
    grid-column-start: 1 !important;
  }
  .col-end-1-xxl {
    grid-column-end: 1 !important;
  }
  .col-start-2-xxl {
    grid-column-start: 2 !important;
  }
  .col-end-2-xxl {
    grid-column-end: 2 !important;
  }
  .col-start-3-xxl {
    grid-column-start: 3 !important;
  }
  .col-end-3-xxl {
    grid-column-end: 3 !important;
  }
  .col-start-4-xxl {
    grid-column-start: 4 !important;
  }
  .col-end-4-xxl {
    grid-column-end: 4 !important;
  }
  .col-start-5-xxl {
    grid-column-start: 5 !important;
  }
  .col-end-5-xxl {
    grid-column-end: 5 !important;
  }
  .col-start-6-xxl {
    grid-column-start: 6 !important;
  }
  .col-end-6-xxl {
    grid-column-end: 6 !important;
  }
  .col-start-7-xxl {
    grid-column-start: 7 !important;
  }
  .col-end-7-xxl {
    grid-column-end: 7 !important;
  }
  .col-start-8-xxl {
    grid-column-start: 8 !important;
  }
  .col-end-8-xxl {
    grid-column-end: 8 !important;
  }
  .col-start-9-xxl {
    grid-column-start: 9 !important;
  }
  .col-end-9-xxl {
    grid-column-end: 9 !important;
  }
  .col-start-10-xxl {
    grid-column-start: 10 !important;
  }
  .col-end-10-xxl {
    grid-column-end: 10 !important;
  }
  .col-start-11-xxl {
    grid-column-start: 11 !important;
  }
  .col-end-11-xxl {
    grid-column-end: 11 !important;
  }
  .col-start-12-xxl {
    grid-column-start: 12 !important;
  }
  .col-end-12-xxl {
    grid-column-end: 12 !important;
  }
  .col-start-13-xxl {
    grid-column-start: 13 !important;
  }
  .col-end-13-xxl {
    grid-column-end: 13 !important;
  }
  .col-start-auto-xxl {
    grid-column-start: auto !important;
  }
  .col-end-auto-xxl {
    grid-column-end: auto !important;
  }
  /* Grid Row Start/End */
  .row-start-1-xxl {
    grid-row-start: 1 !important;
  }
  .row-end-1-xxl {
    grid-row-end: 1 !important;
  }
  .row-start-2-xxl {
    grid-row-start: 2 !important;
  }
  .row-end-2-xxl {
    grid-row-end: 2 !important;
  }
  .row-start-3-xxl {
    grid-row-start: 3 !important;
  }
  .row-end-3-xxl {
    grid-row-end: 3 !important;
  }
  .row-start-4-xxl {
    grid-row-start: 4 !important;
  }
  .row-end-4-xxl {
    grid-row-end: 4 !important;
  }
  .row-start-5-xxl {
    grid-row-start: 5 !important;
  }
  .row-end-5-xxl {
    grid-row-end: 5 !important;
  }
  .row-start-6-xxl {
    grid-row-start: 6 !important;
  }
  .row-end-6-xxl {
    grid-row-end: 6 !important;
  }
  .row-start-7-xxl {
    grid-row-start: 7 !important;
  }
  .row-end-7-xxl {
    grid-row-end: 7 !important;
  }
  .row-start-auto-xxl {
    grid-row-start: auto !important;
  }
  .row-end-auto-xxl {
    grid-row-end: auto !important;
  }
  /* Grid Column Span */
  .col-span-1-xxl {
    grid-column: span 1/span 1 !important;
  }
  .col-span-2-xxl {
    grid-column: span 2/span 2 !important;
  }
  .col-span-3-xxl {
    grid-column: span 3/span 3 !important;
  }
  .col-span-4-xxl {
    grid-column: span 4/span 4 !important;
  }
  .col-span-5-xxl {
    grid-column: span 5/span 5 !important;
  }
  .col-span-6-xxl {
    grid-column: span 6/span 6 !important;
  }
  .col-span-full-xxl {
    grid-column: 1/-1 !important;
  }
  /* Grid Row Span */
  .row-span-1-xxl {
    grid-row: span 1/span 1 !important;
  }
  .row-span-2-xxl {
    grid-row: span 2/span 2 !important;
  }
  .row-span-3-xxl {
    grid-row: span 3/span 3 !important;
  }
  .row-span-4-xxl {
    grid-row: span 4/span 4 !important;
  }
  .row-span-5-xxl {
    grid-row: span 5/span 5 !important;
  }
  .row-span-6-xxl {
    grid-row: span 6/span 6 !important;
  }
  .row-span-full-xxl {
    grid-row: 1/-1 !important;
  }
  /* Justify Self */
  .justify-self-auto-xxl {
    justify-self: auto !important;
  }
  .justify-self-start-xxl {
    justify-self: start !important;
  }
  .justify-self-end-xxl {
    justify-self: end !important;
  }
  .justify-self-center-xxl {
    justify-self: center !important;
  }
  .justify-self-stretch-xxl {
    justify-self: stretch !important;
  }
  /* Align Self */
  .align-self-auto-xxl {
    align-self: auto !important;
  }
  .align-self-start-xxl {
    align-self: start !important;
  }
  .align-self-end-xxl {
    align-self: end !important;
  }
  .align-self-center-xxl {
    align-self: center !important;
  }
  .align-self-stretch-xxl {
    align-self: stretch !important;
  }
  /* Place Self */
  .place-self-auto-xxl {
    place-self: auto !important;
  }
  .place-self-start-xxl {
    place-self: start !important;
  }
  .place-self-end-xxl {
    place-self: end !important;
  }
  .place-self-center-xxl {
    place-self: center !important;
  }
  .place-self-stretch-xxl {
    place-self: stretch !important;
  }
  /* Gap Utilities */
  .gap-0-xxl {
    gap: 0 !important;
  }
  .row-gap-0-xxl {
    row-gap: 0 !important;
  }
  .column-gap-0-xxl {
    column-gap: 0 !important;
  }
  .gap-1-xxl {
    gap: 0.25rem !important;
  }
  .row-gap-1-xxl {
    row-gap: 0.25rem !important;
  }
  .column-gap-1-xxl {
    column-gap: 0.25rem !important;
  }
  .gap-2-xxl {
    gap: 0.5rem !important;
  }
  .row-gap-2-xxl {
    row-gap: 0.5rem !important;
  }
  .column-gap-2-xxl {
    column-gap: 0.5rem !important;
  }
  .gap-3-xxl {
    gap: 1rem !important;
  }
  .row-gap-3-xxl {
    row-gap: 1rem !important;
  }
  .column-gap-3-xxl {
    column-gap: 1rem !important;
  }
  .gap-4-xxl {
    gap: 1.5rem !important;
  }
  .row-gap-4-xxl {
    row-gap: 1.5rem !important;
  }
  .column-gap-4-xxl {
    column-gap: 1.5rem !important;
  }
  .gap-5-xxl {
    gap: 3rem !important;
  }
  .row-gap-5-xxl {
    row-gap: 3rem !important;
  }
  .column-gap-5-xxl {
    column-gap: 3rem !important;
  }
}
/* Icons */
.dri-icon {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
}
.dri-icon.--extra-small {
  height: 16px;
  width: 16px;
}
.dri-icon.--small {
  height: 24px;
  width: 24px;
}
.dri-icon.--medium {
  height: 32px;
  width: 32px;
}
.dri-icon.--large {
  height: 48px;
  width: 48px;
}
.dri-icon.--extra-large {
  height: 64px;
  width: 64px;
}

.air-flow.--extra-small {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMkM4IDIgMTAgNCA4IDZDOCA0IDYgNCA4IDJaIiBmaWxsPSIjNjY2NjY2Ii8+CjxwYXRoIGQ9Ik04IDEwQzggMTAgMTAgMTIgOCAxNEM4IDEyIDYgMTIgOCAxMFoiIGZpbGw9IiM2NjY2NjYiLz4KPHBhdGggZD0iTTIgOEM0IDggNCA2IDIgNkM0IDYgNCA4IDIgOFoiIGZpbGw9IiM2NjY2NjYiLz4KPHBhdGggZD0iTTE0IDhDMTIgOCAxMiA2IDE0IDZDMTIgNiAxMiA4IDE0IDhaIiBmaWxsPSIjNjY2NjY2Ii8+Cjwvc3ZnPgo=");
}

.air-quality.--extra-small {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjciIGZpbGw9IiM0Q0FGNTUiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLXdpZHRoPSIxIi8+CjxwYXRoIGQ9Ik02IDhIMTBWMTBIOFY4WiIgZmlsbD0iIzMzMzMzMyIvPgo8L3N2Zz4K");
}

.air-temperature.--extra-small {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMkM4IDIgMTAgNCA4IDZDOCA0IDYgNCA4IDJaIiBmaWxsPSIjRkY2QjAwIi8+CjxyZWN0IHg9IjciIHk9IjYiIHdpZHRoPSIyIiBoZWlnaHQ9IjgiIGZpbGw9IiM2NjY2NjYiLz4KPGNpcmNsZSBjeD0iOCIgY3k9IjE0IiByPSIyIiBmaWxsPSIjRkY2QjAwIi8+Cjwvc3ZnPgo=");
}

.atmospheric.--extra-small {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjciIGZpbGw9IiM4N0NFRkYiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLXdpZHRoPSIxIi8+CjxwYXRoIGQ9Ik04IDJMMTAgNkg2TDggMloiIGZpbGw9IiM2NjY2NjYiLz4KPHBhdGggZD0iTTggMTBMMTAgMTRINkw4IDEwWiIgZmlsbD0iIzY2NjY2NiIvPgo8L3N2Zz4K");
}

.battery-systems.--extra-small {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMyIgeT0iNCIgd2lkdGg9IjEwIiBoZWlnaHQ9IjgiIGZpbGw9IiM0Q0FGNTUiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLXdpZHRoPSIxIi8+CjxyZWN0IHg9IjEzIiB5PSI2IiB3aWR0aD0iMiIgaGVpZ2h0PSI0IiBmaWxsPSIjMzMzMzMzIi8+CjxwYXRoIGQ9Ik01IDZIMTFWMTBINVY2WiIgZmlsbD0iIzMzMzMzMyIvPgo8L3N2Zz4K");
}

.communication.--extra-small {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjciIGZpbGw9IiM2NjY2NjYiLz4KPHBhdGggZD0iTTggMkM4IDIgMTAgNCA4IDZDOCA0IDYgNCA4IDJaIiBmaWxsPSIjRkZGRkZGIi8+CjxwYXRoIGQ9Ik04IDEwQzggMTAgMTAgMTIgOCAxNEM4IDEyIDYgMTIgOCAxMFoiIGZpbGw9IiNGRkZGRkYiLz4KPC9zdmc+Cg==");
}

.gamma-radiation.--extra-small {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjciIGZpbGw9IiNGRkZGMDAiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPHBhdGggZD0iTTggMkM4IDIgMTAgNCA4IDZDOCA0IDYgNCA4IDJaIiBmaWxsPSIjMzMzMzMzIi8+CjxwYXRoIGQ9Ik04IDEwQzggMTAgMTAgMTIgOCAxNEM4IDEyIDYgMTIgOCAxMFoiIGZpbGw9IiMzMzMzMzMiLz4KPHBhdGggZD0iTTIgOEM0IDggNCA2IDIgNkM0IDYgNCA4IDIgOFoiIGZpbGw9IiMzMzMzMzMiLz4KPHBhdGggZD0iTTE0IDhDMTIgOCAxMiA2IDE0IDZDMTIgNiAxMiA4IDE0IDhaIiBmaWxsPSIjMzMzMzMzIi8+CjxwYXRoIGQ9Ik0zIDNDNSAzIDUgMSAzIDFDNSAxIDUgMyAzIDNaIiBmaWxsPSIjRkY2QjAwIi8+CjxwYXRoIGQ9Ik0xMyAzQzE1IDMgMTUgMSAxMyAxQzE1IDEgMTUgMyAxMyAzWiIgZmlsbD0iI0ZGNkIwMCIvPgo8cGF0aCBkPSJNMyAxM0M1IDEzIDUgMTEgMyAxMUM1IDExIDUgMTMgMyAxM1oiIGZpbGw9IiNGRjZCMDAiLz4KPHBhdGggZD0iTTEzIDEzQzE1IDEzIDE1IDExIDEzIDExQzE1IDExIDE1IDEzIDEzIDEzWiIgZmlsbD0iI0ZGNkIwMCIvPgo8cGF0aCBkPSJNMS41IDhMMi41IDhMMi41IDcuNUwxLjUgNy41WiIgZmlsbD0iI0ZGNkIwMCIvPgo8cGF0aCBkPSJNMTMuNSA4TDE0LjUgOEwxNC41IDcuNUwxMy41IDcuNVoiIGZpbGw9IiNGRjZCMDAiLz4KPHBhdGggZD0iTTggMS41TDggMi41TDcuNSA0LjVMMi41IDhMMi41IDcuNUw3LjUgNC41TDggMS41WiIgZmlsbD0iI0ZGNkIwMCIvPgo8cGF0aCBkPSJNOCAxNC41TDggMTMuNUw4LjUgMTEuNUwxMy41IDhMMTMuNSA4LjVMOC41IDExLjVMOCAxNC41WiIgZmlsbD0iI0ZGNkIwMCIvPgo8L3N2Zz4K");
}

.humidity.--extra-small {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMkM4IDIgMTIgNiA4IDEwQzggNiA0IDYgOCAyWiIgZmlsbD0iIzg3Q0VGRiIvPgo8cGF0aCBkPSJNOCA2QzggNiAxMCA4IDggMTBDOCA4IDYgOCA4IDZaIiBmaWxsPSIjMzMzMzMzIi8+CjxwYXRoIGQ9Ik04IDEwQzggMTAgMTAgMTIgOCAxNEM4IDEyIDYgMTIgOCAxMFoiIGZpbGw9IiM4N0NFRkYiLz4KPC9zdmc+Cg==");
}

.particulate-matter.--extra-small {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNCIgY3k9IjQiIHI9IjIiIGZpbGw9IiM2NjY2NjYiLz4KPGNpcmNsZSBjeD0iMTIiIGN5PSI0IiByPSIxLjUiIGZpbGw9IiM2NjY2NjYiLz4KPGNpcmNsZSBjeD0iOCIgY3k9IjEyIiByPSIxLjUiIGZpbGw9IiM2NjY2NjYiLz4KPGNpcmNsZSBjeD0iMyIgY3k9IjEyIiByPSIxIiBmaWxsPSIjNjY2NjY2Ii8+CjxjaXJjbGUgY3g9IjEzIiBjeT0iMTIiIHI9IjEiIGZpbGw9IiM2NjY2NjYiLz4KPC9zdmc+Cg==");
}

.soil-dielectric.--extra-small {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMiIgeT0iMTAiIHdpZHRoPSIxMiIgaGVpZ2h0PSI0IiBmaWxsPSIjOEM2QjQwIi8+CjxwYXRoIGQ9Ik04IDJMMTAgNkg2TDggMloiIGZpbGw9IiM2NjY2NjYiLz4KPHBhdGggZD0iTTggNkM4IDYgMTAgOCA4IDEwQzggOCA2IDggOCA2WiIgZmlsbD0iIzMzMzMzMyIvPgo8L3N2Zz4K");
}

.soil-moisture.--extra-small {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMiIgeT0iMTAiIHdpZHRoPSIxMiIgaGVpZ2h0PSI0IiBmaWxsPSIjOEM2QjQwIi8+CjxwYXRoIGQ9Ik04IDJMMTAgNkg2TDggMloiIGZpbGw9IiM4N0NFRkYiLz4KPHBhdGggZD0iTTggNkM4IDYgMTAgOCA4IDEwQzggOCA2IDggOCA2WiIgZmlsbD0iIzg3Q0VGRiIvPgo8L3N2Zz4K");
}

.soil-permeability.--extra-small {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMiIgeT0iMTAiIHdpZHRoPSIxMiIgaGVpZ2h0PSI0IiBmaWxsPSIjOEM2QjQwIi8+CjxwYXRoIGQ9Ik04IDJMMTAgNkg2TDggMloiIGZpbGw9IiM2NjY2NjYiLz4KPHBhdGggZD0iTTggNkM4IDYgMTAgOCA4IDEwQzggOCA2IDggOCA2WiIgZmlsbD0iIzMzMzMzMyIvPgo8cGF0aCBkPSJNNSA3SDExVjlINVY3WiIgZmlsbD0iIzMzMzMzMyIvPgo8L3N2Zz4K");
}

.soil-temperature.--extra-small {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMiIgeT0iMTAiIHdpZHRoPSIxMiIgaGVpZ2h0PSI0IiBmaWxsPSIjOEM2QjQwIi8+CjxwYXRoIGQ9Ik04IDJMMTAgNkg2TDggMloiIGZpbGw9IiNGRjZCMDAiLz4KPHBhdGggZD0iTTggNkM4IDYgMTAgOCA4IDEwQzggOCA2IDggOCA2WiIgZmlsbD0iIzMzMzMzMyIvPgo8L3N2Zz4K");
}

.solar-radiation.--extra-small {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjQiIGZpbGw9IiNGRkZGMDAiLz4KPHBhdGggZD0iTTggMkw4IDQiIGZpbGw9IiNGRkZGMDAiLz4KPHBhdGggZD0iTTggMTJMMTggMTQiIGZpbGw9IiNGRkZGMDAiLz4KPHBhdGggZD0iTTggMTJMMTggMTAiIGZpbGw9IiNGRkZGMDAiLz4KPHBhdGggZD0iTTE0IDhMMTYgOCIgZmlsbD0iI0ZGRkYwMCIvPgo8cGF0aCBkPSJNMTQgOEwxNiA4IiBmaWxsPSIjRkZGRjAwIi8+CjxwYXRoIGQ9Ik0yIDhMOCA4IiBmaWxsPSIjRkZGRjAwIi8+CjxwYXRoIGQ9Ik0yIDEwTDggMTIiIGZpbGw9IiNGRkZGMDAiLz4KPHBhdGggZD0iTTIgNkw4IDQiIGZpbGw9IiNGRkZGMDAiLz4KPC9zdmc+Cg==");
}

.system-monitoring.--extra-small {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMiIgeT0iMiIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiBmaWxsPSIjNjY2NjY2IiBzdHJva2U9IiMzMzMzMzMiIHN0cm9rZS13aWR0aD0iMSIvPgo8cGF0aCBkPSJNNSA1SDExVjdINVY1WiIgZmlsbD0iIzMzMzMzMyIvPgo8cGF0aCBkPSJNNSA5SDExVjExSDVWOVoiIGZpbGw9IiMzMzMzMzMiLz4KPC9zdmc+Cg==");
}

.tdr-systems.--extra-small {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMiIgeT0iMTAiIHdpZHRoPSIxMiIgaGVpZ2h0PSI0IiBmaWxsPSIjOEM2QjQwIi8+CjxwYXRoIGQ9Ik04IDJMMTAgNkg2TDggMloiIGZpbGw9IiM2NjY2NjYiLz4KPHBhdGggZD0iTTggNkM4IDYgMTAgOCA4IDEwQzggOCA2IDggOCA2WiIgZmlsbD0iIzMzMzMzMyIvPgo8cGF0aCBkPSJNNiA3SDEwVjlINlY3WiIgZmlsbD0iIzMzMzMzMyIvPgo8L3N2Zz4K");
}

.wind.--extra-small {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjciIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPHBhdGggZD0iTTggMkM4IDIgMTAgNCA4IDZDOCA0IDYgNCA4IDJaIiBmaWxsPSIjMzMzMzMzIi8+CjxwYXRoIGQ9Ik04IDEwQzggMTAgMTAgMTIgOCAxNEM4IDEyIDYgMTIgOCAxMFoiIGZpbGw9IiMzMzMzMzMiLz4KPHBhdGggZD0iTTIgOEM0IDggNCA2IDIgNkM0IDYgNCA4IDIgOFoiIGZpbGw9IiMzMzMzMzMiLz4KPHBhdGggZD0iTTE0IDhDMTIgOCAxMiA2IDE0IDZDMTIgNiAxMiA4IDE0IDhaIiBmaWxsPSIjMzMzMzMzIi8+CjxwYXRoIGQ9Ik0zIDNDNSAzIDUgMSAzIDFDNSAxIDUgMyAzIDNaIiBmaWxsPSIjODdDRUZGIi8+CjxwYXRoIGQ9Ik0xMyAzQzE1IDMgMTUgMSAxMyAxQzE1IDEgMTUgMyAxMyAzWiIgZmlsbD0iIzg3Q0VGRiIvPgo8cGF0aCBkPSJNMyAxM0M1IDEzIDUgMTEgMyAxMUM1IDExIDUgMTMgMyAxM1oiIGZpbGw9IiM4N0NFRkYiLz4KPHBhdGggZD0iTTEzIDEzQzE1IDEzIDE1IDExIDEzIDExQzE1IDExIDE1IDEzIDEzIDEzWiIgZmlsbD0iIzg3Q0VGRiIvPgo8L3N2Zz4K");
}

/* Size */
/* Global Size Variables */
/* Size Utilities */
/* Base (xs) - No Media Query */
.h-full {
  height: 100% !important;
}

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

.h-75 {
  height: 75% !important;
}

.h-50 {
  height: 50% !important;
}

.h-33 {
  height: 33% !important;
}

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

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

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

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

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

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

.w-33 {
  width: 33% !important;
}

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

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

/* Responsive (sm+) - Media Queries */
@media (min-width: 576px) {
  .h-full-sm {
    height: 100% !important;
  }
  .h-100-sm {
    height: 100% !important;
  }
  .h-75-sm {
    height: 75% !important;
  }
  .h-50-sm {
    height: 50% !important;
  }
  .h-33-sm {
    height: 33% !important;
  }
  .h-25-sm {
    height: 25% !important;
  }
  .h-10-sm {
    height: 10% !important;
  }
  .w-full-sm {
    width: 100% !important;
  }
  .w-100-sm {
    width: 100% !important;
  }
  .w-75-sm {
    width: 75% !important;
  }
  .w-50-sm {
    width: 50% !important;
  }
  .w-33-sm {
    width: 33% !important;
  }
  .w-25-sm {
    width: 25% !important;
  }
  .w-10-sm {
    width: 10% !important;
  }
}
@media (min-width: 768px) {
  .h-full-md {
    height: 100% !important;
  }
  .h-100-md {
    height: 100% !important;
  }
  .h-75-md {
    height: 75% !important;
  }
  .h-50-md {
    height: 50% !important;
  }
  .h-33-md {
    height: 33% !important;
  }
  .h-25-md {
    height: 25% !important;
  }
  .h-10-md {
    height: 10% !important;
  }
  .w-full-md {
    width: 100% !important;
  }
  .w-100-md {
    width: 100% !important;
  }
  .w-75-md {
    width: 75% !important;
  }
  .w-50-md {
    width: 50% !important;
  }
  .w-33-md {
    width: 33% !important;
  }
  .w-25-md {
    width: 25% !important;
  }
  .w-10-md {
    width: 10% !important;
  }
}
@media (min-width: 992px) {
  .h-full-lg {
    height: 100% !important;
  }
  .h-100-lg {
    height: 100% !important;
  }
  .h-75-lg {
    height: 75% !important;
  }
  .h-50-lg {
    height: 50% !important;
  }
  .h-33-lg {
    height: 33% !important;
  }
  .h-25-lg {
    height: 25% !important;
  }
  .h-10-lg {
    height: 10% !important;
  }
  .w-full-lg {
    width: 100% !important;
  }
  .w-100-lg {
    width: 100% !important;
  }
  .w-75-lg {
    width: 75% !important;
  }
  .w-50-lg {
    width: 50% !important;
  }
  .w-33-lg {
    width: 33% !important;
  }
  .w-25-lg {
    width: 25% !important;
  }
  .w-10-lg {
    width: 10% !important;
  }
}
@media (min-width: 1200px) {
  .h-full-xl {
    height: 100% !important;
  }
  .h-100-xl {
    height: 100% !important;
  }
  .h-75-xl {
    height: 75% !important;
  }
  .h-50-xl {
    height: 50% !important;
  }
  .h-33-xl {
    height: 33% !important;
  }
  .h-25-xl {
    height: 25% !important;
  }
  .h-10-xl {
    height: 10% !important;
  }
  .w-full-xl {
    width: 100% !important;
  }
  .w-100-xl {
    width: 100% !important;
  }
  .w-75-xl {
    width: 75% !important;
  }
  .w-50-xl {
    width: 50% !important;
  }
  .w-33-xl {
    width: 33% !important;
  }
  .w-25-xl {
    width: 25% !important;
  }
  .w-10-xl {
    width: 10% !important;
  }
}
@media (min-width: 1400px) {
  .h-full-xxl {
    height: 100% !important;
  }
  .h-100-xxl {
    height: 100% !important;
  }
  .h-75-xxl {
    height: 75% !important;
  }
  .h-50-xxl {
    height: 50% !important;
  }
  .h-33-xxl {
    height: 33% !important;
  }
  .h-25-xxl {
    height: 25% !important;
  }
  .h-10-xxl {
    height: 10% !important;
  }
  .w-full-xxl {
    width: 100% !important;
  }
  .w-100-xxl {
    width: 100% !important;
  }
  .w-75-xxl {
    width: 75% !important;
  }
  .w-50-xxl {
    width: 50% !important;
  }
  .w-33-xxl {
    width: 33% !important;
  }
  .w-25-xxl {
    width: 25% !important;
  }
  .w-10-xxl {
    width: 10% !important;
  }
}
/* Spacing */
/* Spacing */
.gap-0 {
  gap: 0 !important;
}

.m-0 {
  margin-left: 0 !important;
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}

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

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

.p-0 {
  padding: 0 !important;
}

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

.pt-0 {
  padding-top: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.m-1 {
  margin-left: 0.25rem !important;
  margin-top: 0.25rem !important;
  margin-right: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.m-2 {
  margin-left: 0.5rem !important;
  margin-top: 0.5rem !important;
  margin-right: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.gap-3 {
  gap: 0.75rem !important;
}

.m-3 {
  margin-left: 0.75rem !important;
  margin-top: 0.75rem !important;
  margin-right: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.mb-3 {
  margin-bottom: 0.75rem !important;
}

.mt-3 {
  margin-top: 0.75rem !important;
}

.p-3 {
  padding: 0.75rem !important;
}

.pr-3 {
  padding-right: 0.75rem !important;
}

.pt-3 {
  padding-top: 0.75rem !important;
}

.px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.gap-4 {
  gap: 1rem !important;
}

.m-4 {
  margin-left: 1rem !important;
  margin-top: 1rem !important;
  margin-right: 1rem !important;
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1rem !important;
}

.mt-4 {
  margin-top: 1rem !important;
}

.p-4 {
  padding: 1rem !important;
}

.pr-4 {
  padding-right: 1rem !important;
}

.pt-4 {
  padding-top: 1rem !important;
}

.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.gap-5 {
  gap: 1.25rem !important;
}

.m-5 {
  margin-left: 1.25rem !important;
  margin-top: 1.25rem !important;
  margin-right: 1.25rem !important;
  margin-bottom: 1.25rem !important;
}

.mb-5 {
  margin-bottom: 1.25rem !important;
}

.mt-5 {
  margin-top: 1.25rem !important;
}

.p-5 {
  padding: 1.25rem !important;
}

.pr-5 {
  padding-right: 1.25rem !important;
}

.pt-5 {
  padding-top: 1.25rem !important;
}

.px-5 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

.py-5 {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}

.gap-6 {
  gap: 1.5rem !important;
}

.m-6 {
  margin-left: 1.5rem !important;
  margin-top: 1.5rem !important;
  margin-right: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.mb-6 {
  margin-bottom: 1.5rem !important;
}

.mt-6 {
  margin-top: 1.5rem !important;
}

.p-6 {
  padding: 1.5rem !important;
}

.pr-6 {
  padding-right: 1.5rem !important;
}

.pt-6 {
  padding-top: 1.5rem !important;
}

.px-6 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.py-6 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.gap-7 {
  gap: 1.75rem !important;
}

.m-7 {
  margin-left: 1.75rem !important;
  margin-top: 1.75rem !important;
  margin-right: 1.75rem !important;
  margin-bottom: 1.75rem !important;
}

.mb-7 {
  margin-bottom: 1.75rem !important;
}

.mt-7 {
  margin-top: 1.75rem !important;
}

.p-7 {
  padding: 1.75rem !important;
}

.pr-7 {
  padding-right: 1.75rem !important;
}

.pt-7 {
  padding-top: 1.75rem !important;
}

.px-7 {
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
}

.py-7 {
  padding-top: 1.75rem !important;
  padding-bottom: 1.75rem !important;
}

.gap-8 {
  gap: 2rem !important;
}

.m-8 {
  margin-left: 2rem !important;
  margin-top: 2rem !important;
  margin-right: 2rem !important;
  margin-bottom: 2rem !important;
}

.mb-8 {
  margin-bottom: 2rem !important;
}

.mt-8 {
  margin-top: 2rem !important;
}

.p-8 {
  padding: 2rem !important;
}

.pr-8 {
  padding-right: 2rem !important;
}

.pt-8 {
  padding-top: 2rem !important;
}

.px-8 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.py-8 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.gap-10 {
  gap: 2.5rem !important;
}

.m-10 {
  margin-left: 2.5rem !important;
  margin-top: 2.5rem !important;
  margin-right: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.mb-10 {
  margin-bottom: 2.5rem !important;
}

.mt-10 {
  margin-top: 2.5rem !important;
}

.p-10 {
  padding: 2.5rem !important;
}

.pr-10 {
  padding-right: 2.5rem !important;
}

.pt-10 {
  padding-top: 2.5rem !important;
}

.px-10 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

.py-10 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.gap-12 {
  gap: 3rem !important;
}

.m-12 {
  margin-left: 3rem !important;
  margin-top: 3rem !important;
  margin-right: 3rem !important;
  margin-bottom: 3rem !important;
}

.mb-12 {
  margin-bottom: 3rem !important;
}

.mt-12 {
  margin-top: 3rem !important;
}

.p-12 {
  padding: 3rem !important;
}

.pr-12 {
  padding-right: 3rem !important;
}

.pt-12 {
  padding-top: 3rem !important;
}

.px-12 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py-12 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

/* Text */
.font-bold {
  font-weight: 700;
}

.font-size-xl {
  font-size: 2rem;
  letter-spacing: 1px;
  line-height: 2.5rem;
}
.font-size-lg {
  font-size: 1.5rem;
  letter-spacing: 1px;
  line-height: 1.3rem;
}
.font-size-md {
  font-size: 1.25rem;
  letter-spacing: 1px;
  line-height: 1.75rem;
}
.font-size-base {
  font-size: 1rem;
  letter-spacing: 1px;
  line-height: 1.5rem;
}
.font-size-sm {
  font-size: 0.875rem;
  letter-spacing: 1px;
  line-height: 1.3rem;
}
.font-size-xs {
  font-size: 0.75rem;
  letter-spacing: 1px;
  line-height: 1.25rem;
}

.font-weight-bold {
  font-weight: 700;
}
.font-weight-semibold {
  font-weight: 600;
}
.font-weight-medium {
  font-weight: 500;
}
.font-weight-normal {
  font-weight: 400;
}
.font-weight-light {
  font-weight: 300;
}
.font-weight-thin {
  font-weight: 200;
}
.font-weight-extra-light {
  font-weight: 100;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-primary {
  --tw-text-opacity: 1;
  color: color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-text-opacity, 1)), transparent);
}

.text-right {
  text-align: right;
}

.white-space-nowrap {
  white-space: nowrap;
}

.word-wrap-break {
  word-break: break-word;
}