/* OBS! Dette er LESS-genereret! */
/* Brug .less-filen, hvis compiling er muligt i din editor. */
/* Ellers brug .css-filen og slet (eller omdøb) .less-filen og .map-filen, så .less-filen ikke overskriver ændringer lavet direkte i .css-filen */
.sub-heading {
  font-size: 0.8em;
  display: block;
}
/* Responsive border */
.border {
  border: 1px solid var(--light);
}
.border-top {
  border-top: 1px solid var(--light);
}
.border-right {
  border-right: 1px solid var(--light);
}
.border-bottom {
  border-bottom: 1px solid var(--light);
}
.border-left {
  border-left: 1px solid var(--light);
}
.border-0 {
  border: 0 !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-right-0 {
  border-right: 0 !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-left-0 {
  border-left: 0 !important;
}
@media (min-width: 1500px) {
  .border-xxl {
    border: 1px solid var(--light);
  }
  .border-xxl-top {
    border-top: 1px solid var(--light);
  }
  .border-xxl-right {
    border-right: 1px solid var(--light);
  }
  .border-xxl-bottom {
    border-bottom: 1px solid var(--light);
  }
  .border-xxl-left {
    border-left: 1px solid var(--light);
  }
  .border-xxl-0 {
    border: 0 !important;
  }
  .border-xxl-top-0 {
    border-top: 0 !important;
  }
  .border-xxl-right-0 {
    border-right: 0 !important;
  }
  .border-xxl-bottom-0 {
    border-bottom: 0 !important;
  }
  .border-xxl-left-0 {
    border-left: 0 !important;
  }
}
@media (min-width: 1200px) {
  .border-xl {
    border: 1px solid var(--light);
  }
  .border-xl-top {
    border-top: 1px solid var(--light);
  }
  .border-xl-right {
    border-right: 1px solid var(--light);
  }
  .border-xl-bottom {
    border-bottom: 1px solid var(--light);
  }
  .border-xl-left {
    border-left: 1px solid var(--light);
  }
  .border-xl-0 {
    border: 0 !important;
  }
  .border-xl-top-0 {
    border-top: 0 !important;
  }
  .border-xl-right-0 {
    border-right: 0 !important;
  }
  .border-xl-bottom-0 {
    border-bottom: 0 !important;
  }
  .border-xl-left-0 {
    border-left: 0 !important;
  }
}
@media (min-width: 992px) {
  .border-lg {
    border: 1px solid var(--light);
  }
  .border-lg-top {
    border-top: 1px solid var(--light);
  }
  .border-lg-right {
    border-right: 1px solid var(--light);
  }
  .border-lg-bottom {
    border-bottom: 1px solid var(--light);
  }
  .border-lg-left {
    border-left: 1px solid var(--light);
  }
  .border-lg-0 {
    border: 0 !important;
  }
  .border-lg-top-0 {
    border-top: 0 !important;
  }
  .border-lg-right-0 {
    border-right: 0 !important;
  }
  .border-lg-bottom-0 {
    border-bottom: 0 !important;
  }
  .border-lg-left-0 {
    border-left: 0 !important;
  }
}
@media (min-width: 768px) {
  .border-md {
    border: 1px solid var(--light);
  }
  .border-md-top {
    border-top: 1px solid var(--light);
  }
  .border-md-right {
    border-right: 1px solid var(--light);
  }
  .border-md-bottom {
    border-bottom: 1px solid var(--light);
  }
  .border-md-left {
    border-left: 1px solid var(--light);
  }
  .border-md-0 {
    border: 0 !important;
  }
  .border-md-top-0 {
    border-top: 0 !important;
  }
  .border-md-right-0 {
    border-right: 0 !important;
  }
  .border-md-bottom-0 {
    border-bottom: 0 !important;
  }
  .border-md-left-0 {
    border-left: 0 !important;
  }
}
@media (min-width: 576px) {
  .border-sm {
    border: 1px solid var(--light);
  }
  .border-sm-top {
    border-top: 1px solid var(--light);
  }
  .border-sm-right {
    border-right: 1px solid var(--light);
  }
  .border-sm-bottom {
    border-bottom: 1px solid var(--light);
  }
  .border-sm-left {
    border-left: 1px solid var(--light);
  }
  .border-sm-0 {
    border: 0 !important;
  }
  .border-sm-top-0 {
    border-top: 0 !important;
  }
  .border-sm-right-0 {
    border-right: 0 !important;
  }
  .border-sm-bottom-0 {
    border-bottom: 0 !important;
  }
  .border-sm-left-0 {
    border-left: 0 !important;
  }
}
/* hoverables */
.floating-2 {
  position: absolute !important;
  height: 100% !important;
}
.floating-1 {
  position: absolute !important;
}
.floating-0 {
  position: relative !important;
}
.object_fit-auto,
.object_fit-none {
  object-fit: unset !important;
  width: auto !important;
  height: auto !important;
}
.object_fit-cover {
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
}
.object_fit-contain {
  object-fit: contain !important;
  width: 100% !important;
  height: 100% !important;
}
.object_pos-center {
  object-position: center !important;
}
.object_pos-top_left {
  object-position: top left !important;
}
.object_pos-top_right {
  object-position: top right !important;
}
.object_pos-bottom_left {
  object-position: bottom left !important;
}
.object_pos-bottom_right {
  object-position: bottom right !important;
}
.h-25 {
  height: 25% !important;
}
.w-25 {
  width: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.w-50 {
  width: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.w-75 {
  width: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.w-100 {
  width: 100% !important;
}
.h-auto {
  height: auto !important;
}
.w-auto {
  width: auto !important;
}
.text-uppercase,
.text-uppercase :where(h1, h2, h3, h4, h5, h6, p) {
  text-transform: uppercase !important;
}
.text-lowercase,
.text-lowercase :where(h1, h2, h3, h4, h5, h6, p) {
  text-transform: lowercase !important;
}
.text-capitalize,
.text-capitalize :where(h1, h2, h3, h4, h5, h6, p) {
  text-transform: capitalize !important;
}
.text-notransform,
.text-notransform :where(h1, h2, h3, h4, h5, h6, p) {
  text-transform: none !important;
}
.cc-custom {
  border-width: var(--bs-cc-xs-custom) !important;
}
.cc-1 {
  column-count: 1 !important;
}
.cc-2 {
  column-count: 2 !important;
}
.cc-3 {
  column-count: 3 !important;
}
.cc-4 {
  column-count: 4 !important;
}
.cc-5 {
  column-count: 5 !important;
}
.cw-custom {
  border-width: var(--bs-cw-xs-custom) !important;
}
.cw-1 {
  column-width: 10em !important;
}
.cw-2 {
  column-width: 15em !important;
}
.cw-3 {
  column-width: 20em !important;
}
.cw-4 {
  column-width: 25em !important;
}
.cg-custom {
  border-width: var(--bs-cg-xs-custom) !important;
}
.cg-1 {
  column-gap: var(--bs-spacing-3) !important;
}
.cg-2 {
  column-gap: var(--bs-spacing-4) !important;
}
.cg-3 {
  column-gap: var(--bs-spacing-5) !important;
}
.readmore-custom {
  overflow: hidden !important;
}
.readmore-custom:not(.readmore-open) {
  height: var(--bs-readmore-xs-custom) !important;
}
.readmore-custom + .readmore-action {
  position: relative;
  text-align: center;
  cursor: pointer;
  font-size: 0.9em;
  margin-top: var(--bs-spacing-2);
}
.readmore-custom:not(.readmore-open) + .readmore-action .when-open {
  display: none;
}
.readmore-custom.readmore-open + .readmore-action .when-closed {
  display: none;
}
.readmore-0 {
  height: auto !important;
  overflow: visible !important;
}
.readmore-1 {
  overflow: hidden !important;
}
.readmore-1:not(.readmore-open) {
  height: 150px !important;
}
.readmore-1 + .readmore-action {
  display: block;
}
.readmore-1:not(.readmore-open) + .readmore-action .when-open {
  display: none;
}
.readmore-1.readmore-open + .readmore-action .when-closed {
  display: none;
}
.readmore-2 {
  overflow: hidden !important;
}
.readmore-2:not(.readmore-open) {
  height: 300px !important;
}
.readmore-2 + .readmore-action {
  display: block;
}
.readmore-2:not(.readmore-open) + .readmore-action .when-open {
  display: none;
}
.readmore-2.readmore-open + .readmore-action .when-closed {
  display: none;
}
.readmore-3 {
  overflow: hidden !important;
}
.readmore-3:not(.readmore-open) {
  height: 450px !important;
}
.readmore-3 + .readmore-action {
  display: block;
}
.readmore-3:not(.readmore-open) + .readmore-action .when-open {
  display: none;
}
.readmore-3.readmore-open + .readmore-action .when-closed {
  display: none;
}
/* hoverables */
.zindex--10 {
  z-index: -10 !important;
}
.zindex-10 {
  z-index: 10 !important;
}
.zindex-20 {
  z-index: 20 !important;
}
.zindex-30 {
  z-index: 30 !important;
}
.zindex-40 {
  z-index: 40 !important;
}
.zindex-50 {
  z-index: 50 !important;
}
.zindex-60 {
  z-index: 60 !important;
}
.zindex-70 {
  z-index: 70 !important;
}
.zindex-80 {
  z-index: 80 !important;
}
.zindex-90 {
  z-index: 90 !important;
}
.bs-solid {
  border-style: solid !important;
}
.bs-dashed {
  border-style: dashed !important;
}
.bs-dotted {
  border-style: dotted !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.bw-custom {
  border-width: var(--bs-bw-xs-custom) !important;
}
.bwt-custom {
  border-top-width: var(--bs-bwt-xs-custom) !important;
}
.bwr-custom {
  border-right-width: var(--bs-bwr-xs-custom) !important;
}
.bwb-custom {
  border-bottom-width: var(--bs-bwb-xs-custom) !important;
}
.bwl-custom {
  border-left-width: var(--bs-bwl-xs-custom) !important;
}
.bw-0 {
  border-width: 0 !important;
}
.bwt-0 {
  border-top-width: 0 !important;
}
.bwr-0 {
  border-right-width: 0 !important;
}
.bwb-0 {
  border-bottom-width: 0 !important;
}
.bwl-0 {
  border-left-width: 0 !important;
}
.bw-1 {
  border-width: 1px !important;
}
.bwt-1 {
  border-top-width: 1px !important;
}
.bwr-1 {
  border-right-width: 1px !important;
}
.bwb-1 {
  border-bottom-width: 1px !important;
}
.bwl-1 {
  border-left-width: 1px !important;
}
.bw-2 {
  border-width: 2px !important;
}
.bwt-2 {
  border-top-width: 2px !important;
}
.bwr-2 {
  border-right-width: 2px !important;
}
.bwb-2 {
  border-bottom-width: 2px !important;
}
.bwl-2 {
  border-left-width: 2px !important;
}
.bw-3 {
  border-width: 4px !important;
}
.bwt-3 {
  border-top-width: 4px !important;
}
.bwr-3 {
  border-right-width: 4px !important;
}
.bwb-3 {
  border-bottom-width: 4px !important;
}
.bwl-3 {
  border-left-width: 4px !important;
}
.bw-4 {
  border-width: 8px !important;
}
.bwt-4 {
  border-top-width: 8px !important;
}
.bwr-4 {
  border-right-width: 8px !important;
}
.bwb-4 {
  border-bottom-width: 8px !important;
}
.bwl-4 {
  border-left-width: 8px !important;
}
.m-custom {
  margin: var(--bs-m-xs-custom) !important;
}
.mt-custom {
  margin-top: var(--bs-mt-xs-custom) !important;
}
.mr-custom {
  margin-right: var(--bs-mr-xs-custom) !important;
}
.mb-custom {
  margin-bottom: var(--bs-mb-xs-custom) !important;
}
.ml-custom {
  margin-left: var(--bs-ml-xs-custom) !important;
}
.m-0 {
  margin: 0 !important;
}
.m-n0 {
  margin: calc(0px - 0) !important;
}
.mt-0,
.my-0 {
  margin-top: 0 !important;
}
.mt-n0,
.my-n0 {
  margin-top: calc(0px - 0) !important;
}
.mr-0,
.mx-0 {
  margin-right: 0 !important;
}
.mr-n0,
.mx-n0 {
  margin-right: calc(0px - 0) !important;
}
.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}
.mb-n0,
.my-n0 {
  margin-bottom: calc(0px - 0) !important;
}
.ml-0,
.mx-0 {
  margin-left: 0 !important;
}
.ml-n0,
.mx-n0 {
  margin-left: calc(0px - 0) !important;
}
.m-1 {
  margin: var(--bs-spacing-1) !important;
}
.m-n1 {
  margin: calc(0px - var(--bs-spacing-1)) !important;
}
.mt-1,
.my-1 {
  margin-top: var(--bs-spacing-1) !important;
}
.mt-n1,
.my-n1 {
  margin-top: calc(0px - var(--bs-spacing-1)) !important;
}
.mr-1,
.mx-1 {
  margin-right: var(--bs-spacing-1) !important;
}
.mr-n1,
.mx-n1 {
  margin-right: calc(0px - var(--bs-spacing-1)) !important;
}
.mb-1,
.my-1 {
  margin-bottom: var(--bs-spacing-1) !important;
}
.mb-n1,
.my-n1 {
  margin-bottom: calc(0px - var(--bs-spacing-1)) !important;
}
.ml-1,
.mx-1 {
  margin-left: var(--bs-spacing-1) !important;
}
.ml-n1,
.mx-n1 {
  margin-left: calc(0px - var(--bs-spacing-1)) !important;
}
.m-2 {
  margin: var(--bs-spacing-2) !important;
}
.m-n2 {
  margin: calc(0px - var(--bs-spacing-2)) !important;
}
.mt-2,
.my-2 {
  margin-top: var(--bs-spacing-2) !important;
}
.mt-n2,
.my-n2 {
  margin-top: calc(0px - var(--bs-spacing-2)) !important;
}
.mr-2,
.mx-2 {
  margin-right: var(--bs-spacing-2) !important;
}
.mr-n2,
.mx-n2 {
  margin-right: calc(0px - var(--bs-spacing-2)) !important;
}
.mb-2,
.my-2 {
  margin-bottom: var(--bs-spacing-2) !important;
}
.mb-n2,
.my-n2 {
  margin-bottom: calc(0px - var(--bs-spacing-2)) !important;
}
.ml-2,
.mx-2 {
  margin-left: var(--bs-spacing-2) !important;
}
.ml-n2,
.mx-n2 {
  margin-left: calc(0px - var(--bs-spacing-2)) !important;
}
.m-3 {
  margin: var(--bs-spacing-3) !important;
}
.m-n3 {
  margin: calc(0px - var(--bs-spacing-3)) !important;
}
.mt-3,
.my-3 {
  margin-top: var(--bs-spacing-3) !important;
}
.mt-n3,
.my-n3 {
  margin-top: calc(0px - var(--bs-spacing-3)) !important;
}
.mr-3,
.mx-3 {
  margin-right: var(--bs-spacing-3) !important;
}
.mr-n3,
.mx-n3 {
  margin-right: calc(0px - var(--bs-spacing-3)) !important;
}
.mb-3,
.my-3 {
  margin-bottom: var(--bs-spacing-3) !important;
}
.mb-n3,
.my-n3 {
  margin-bottom: calc(0px - var(--bs-spacing-3)) !important;
}
.ml-3,
.mx-3 {
  margin-left: var(--bs-spacing-3) !important;
}
.ml-n3,
.mx-n3 {
  margin-left: calc(0px - var(--bs-spacing-3)) !important;
}
.m-4 {
  margin: var(--bs-spacing-4) !important;
}
.m-n4 {
  margin: calc(0px - var(--bs-spacing-4)) !important;
}
.mt-4,
.my-4 {
  margin-top: var(--bs-spacing-4) !important;
}
.mt-n4,
.my-n4 {
  margin-top: calc(0px - var(--bs-spacing-4)) !important;
}
.mr-4,
.mx-4 {
  margin-right: var(--bs-spacing-4) !important;
}
.mr-n4,
.mx-n4 {
  margin-right: calc(0px - var(--bs-spacing-4)) !important;
}
.mb-4,
.my-4 {
  margin-bottom: var(--bs-spacing-4) !important;
}
.mb-n4,
.my-n4 {
  margin-bottom: calc(0px - var(--bs-spacing-4)) !important;
}
.ml-4,
.mx-4 {
  margin-left: var(--bs-spacing-4) !important;
}
.ml-n4,
.mx-n4 {
  margin-left: calc(0px - var(--bs-spacing-4)) !important;
}
.m-5 {
  margin: var(--bs-spacing-5) !important;
}
.m-n5 {
  margin: calc(0px - var(--bs-spacing-5)) !important;
}
.mt-5,
.my-5 {
  margin-top: var(--bs-spacing-5) !important;
}
.mt-n5,
.my-n5 {
  margin-top: calc(0px - var(--bs-spacing-5)) !important;
}
.mr-5,
.mx-5 {
  margin-right: var(--bs-spacing-5) !important;
}
.mr-n5,
.mx-n5 {
  margin-right: calc(0px - var(--bs-spacing-5)) !important;
}
.mb-5,
.my-5 {
  margin-bottom: var(--bs-spacing-5) !important;
}
.mb-n5,
.my-n5 {
  margin-bottom: calc(0px - var(--bs-spacing-5)) !important;
}
.ml-5,
.mx-5 {
  margin-left: var(--bs-spacing-5) !important;
}
.ml-n5,
.mx-n5 {
  margin-left: calc(0px - var(--bs-spacing-5)) !important;
}
.p-custom {
  padding: var(--bs-p-xs-custom) !important;
}
.pt-custom {
  padding-top: var(--bs-pt-xs-custom) !important;
}
.pr-custom {
  padding-right: var(--bs-pr-xs-custom) !important;
}
.pb-custom {
  padding-bottom: var(--bs-pb-xs-custom) !important;
}
.pl-custom {
  padding-left: var(--bs-pl-xs-custom) !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0,
.py-0 {
  padding-top: 0 !important;
}
.pr-0,
.px-0 {
  padding-right: 0 !important;
}
.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: var(--bs-spacing-1) !important;
}
.pt-1,
.py-1 {
  padding-top: var(--bs-spacing-1) !important;
}
.pr-1,
.px-1 {
  padding-right: var(--bs-spacing-1) !important;
}
.pb-1,
.py-1 {
  padding-bottom: var(--bs-spacing-1) !important;
}
.pl-1,
.px-1 {
  padding-left: var(--bs-spacing-1) !important;
}
.p-2 {
  padding: var(--bs-spacing-2) !important;
}
.pt-2,
.py-2 {
  padding-top: var(--bs-spacing-2) !important;
}
.pr-2,
.px-2 {
  padding-right: var(--bs-spacing-2) !important;
}
.pb-2,
.py-2 {
  padding-bottom: var(--bs-spacing-2) !important;
}
.pl-2,
.px-2 {
  padding-left: var(--bs-spacing-2) !important;
}
.p-3 {
  padding: var(--bs-spacing-3) !important;
}
.pt-3,
.py-3 {
  padding-top: var(--bs-spacing-3) !important;
}
.pr-3,
.px-3 {
  padding-right: var(--bs-spacing-3) !important;
}
.pb-3,
.py-3 {
  padding-bottom: var(--bs-spacing-3) !important;
}
.pl-3,
.px-3 {
  padding-left: var(--bs-spacing-3) !important;
}
.p-4 {
  padding: var(--bs-spacing-4) !important;
}
.pt-4,
.py-4 {
  padding-top: var(--bs-spacing-4) !important;
}
.pr-4,
.px-4 {
  padding-right: var(--bs-spacing-4) !important;
}
.pb-4,
.py-4 {
  padding-bottom: var(--bs-spacing-4) !important;
}
.pl-4,
.px-4 {
  padding-left: var(--bs-spacing-4) !important;
}
.p-5 {
  padding: var(--bs-spacing-5) !important;
}
.pt-5,
.py-5 {
  padding-top: var(--bs-spacing-5) !important;
}
.pr-5,
.px-5 {
  padding-right: var(--bs-spacing-5) !important;
}
.pb-5,
.py-5 {
  padding-bottom: var(--bs-spacing-5) !important;
}
.pl-5,
.px-5 {
  padding-left: var(--bs-spacing-5) !important;
}
.br-custom {
  border-radius: var(--bs-br-xs-custom) !important;
}
.brtl-custom {
  border-top-left-radius: var(--bs-brtl-xs-custom) !important;
}
.brtr-custom {
  border-top-right-radius: var(--bs-brtr-xs-custom) !important;
}
.brbr-custom {
  border-bottom-right-radius: var(--bs-brbr-xs-custom) !important;
}
.brbl-custom {
  border-bottom-left-radius: var(--bs-brbl-xs-custom) !important;
}
.br-0 {
  border-radius: 0 !important;
}
.brtl-0 {
  border-top-left-radius: 0 !important;
}
.brtr-0 {
  border-top-right-radius: 0 !important;
}
.brbr-0 {
  border-bottom-right-radius: 0 !important;
}
.brbl-0 {
  border-bottom-left-radius: 0 !important;
}
.br-1 {
  border-radius: 0.25em !important;
}
.brtl-1 {
  border-top-left-radius: 0.25em !important;
}
.brtr-1 {
  border-top-right-radius: 0.25em !important;
}
.brbr-1 {
  border-bottom-right-radius: 0.25em !important;
}
.brbl-1 {
  border-bottom-left-radius: 0.25em !important;
}
.br-2 {
  border-radius: 0.5em !important;
}
.brtl-2 {
  border-top-left-radius: 0.5em !important;
}
.brtr-2 {
  border-top-right-radius: 0.5em !important;
}
.brbr-2 {
  border-bottom-right-radius: 0.5em !important;
}
.brbl-2 {
  border-bottom-left-radius: 0.5em !important;
}
.br-3 {
  border-radius: 1.5em !important;
}
.brtl-3 {
  border-top-left-radius: 1.5em !important;
}
.brtr-3 {
  border-top-right-radius: 1.5em !important;
}
.brbr-3 {
  border-bottom-right-radius: 1.5em !important;
}
.brbl-3 {
  border-bottom-left-radius: 1.5em !important;
}
.br-4 {
  border-radius: 3em !important;
}
.brtl-4 {
  border-top-left-radius: 3em !important;
}
.brtr-4 {
  border-top-right-radius: 3em !important;
}
.brbr-4 {
  border-bottom-right-radius: 3em !important;
}
.brbl-4 {
  border-bottom-left-radius: 3em !important;
}
.size-custom,
.size-custom * {
  font-size: var(--bs-size-xs-custom) !important;
}
.size-inherit,
.size-inherit * {
  font-size: var(--size) !important;
}
.size-inherit h1 {
  font-size: var(--size-h1) !important;
}
.size-inherit h2,
.size-inherit h2 * {
  font-size: var(--size-h2) !important;
}
.size-inherit h3,
.size-inherit h3 * {
  font-size: var(--size-h3) !important;
}
.size-inherit h4,
.size-inherit h4 * {
  font-size: var(--size-h4) !important;
}
.size-inherit h5,
.size-inherit h5 * {
  font-size: var(--size-h5) !important;
}
.size-inherit h6,
.size-inherit h6 * {
  font-size: var(--size-h6) !important;
}
.size-1,
.size-1 * {
  font-size: var(--size-1) !important;
}
.size-2,
.size-2 * {
  font-size: var(--size-2) !important;
}
.size-3,
.size-3 * {
  font-size: var(--size-3) !important;
}
.size-4,
.size-4 * {
  font-size: var(--size-4) !important;
}
.size-5,
.size-5 * {
  font-size: var(--size-5) !important;
}
.size-6,
.size-6 * {
  font-size: var(--size-6) !important;
}
.size-7,
.size-7 * {
  font-size: var(--size-7) !important;
}
.lh-custom,
.lh-custom * {
  line-height: var(--bs-lh-xs-custom) !important;
}
.lh-inherit,
.lh-inherit * {
  line-height: var(--line-height) !important;
}
.lh-1,
.lh-1 * {
  line-height: 1 !important;
}
.lh-2,
.lh-2 * {
  line-height: 1.2 !important;
}
.lh-3,
.lh-3 * {
  line-height: 1.7 !important;
}
.weight-custom,
.weight-custom * {
  font-size: var(--bs-weight-xs-custom) !important;
}
.weight-100,
.weight-100 * {
  font-weight: 100 !important;
}
.weight-200,
.weight-200 * {
  font-weight: 200 !important;
}
.weight-300,
.weight-300 * {
  font-weight: 300 !important;
}
.weight-400,
.weight-400 * {
  font-weight: 400 !important;
}
.weight-500,
.weight-500 * {
  font-weight: 500 !important;
}
.weight-600,
.weight-600 * {
  font-weight: 600 !important;
}
.weight-700,
.weight-700 * {
  font-weight: 700 !important;
}
.weight-800,
.weight-800 * {
  font-weight: 800 !important;
}
.weight-900,
.weight-900 * {
  font-weight: 900 !important;
}
.image_size-custom {
  background-size: var(--bs-image_size-xs-custom) !important;
}
.image_size-cover {
  background-size: cover !important;
}
.image_size-contain {
  background-size: contain !important;
}
.image_size-auto {
  background-size: auto !important;
}
.image_pos-custom {
  background-position: var(--bs-image_pos-xs-custom) !important;
}
.image_pos-top_left {
  background-position: top left !important;
}
.image_pos-top_right {
  background-position: top right !important;
}
.image_pos-bottom_right {
  background-position: bottom right !important;
}
.image_pos-bottom_left {
  background-position: bottom left !important;
}
.image_pos-center {
  background-position: center !important;
}
.image_repeat-no_repeat {
  background-repeat: no-repeat !important;
}
.image_repeat-repeat {
  background-repeat: repeat !important;
}
.image_att-scroll {
  background-attachment: scroll !important;
}
.image_att-fixed {
  background-attachment: fixed !important;
}
.bg-img-blend-0 {
  position: relative;
}
.bg-img-blend-0::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: inherit;
  opacity: 0;
}
.bg-img-blend-10 {
  position: relative;
}
.bg-img-blend-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: inherit;
  opacity: 0.1;
}
.bg-img-blend-20 {
  position: relative;
}
.bg-img-blend-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: inherit;
  opacity: 0.2;
}
.bg-img-blend-30 {
  position: relative;
}
.bg-img-blend-30::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: inherit;
  opacity: 0.3;
}
.bg-img-blend-40 {
  position: relative;
}
.bg-img-blend-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: inherit;
  opacity: 0.4;
}
.bg-img-blend-50 {
  position: relative;
}
.bg-img-blend-50::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: inherit;
  opacity: 0.5;
}
.bg-img-blend-60 {
  position: relative;
}
.bg-img-blend-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: inherit;
  opacity: 0.6;
}
.bg-img-blend-70 {
  position: relative;
}
.bg-img-blend-70::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: inherit;
  opacity: 0.7;
}
.bg-img-blend-80 {
  position: relative;
}
.bg-img-blend-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: inherit;
  opacity: 0.8;
}
.bg-img-blend-90 {
  position: relative;
}
.bg-img-blend-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: inherit;
  opacity: 0.9;
}
.bg-img-blend-100 {
  position: relative;
}
.bg-img-blend-100::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: inherit;
  opacity: 1;
}
@media (min-width: 576px) {
  .floating-sm-2 {
    position: absolute !important;
    height: 100% !important;
  }
  .floating-sm-1 {
    position: absolute !important;
  }
  .floating-sm-0 {
    position: relative !important;
  }
  .object_fit-sm-auto,
  .object_fit-sm-none {
    object-fit: unset !important;
    width: auto !important;
    height: auto !important;
  }
  .object_fit-sm-cover {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
  }
  .object_fit-sm-contain {
    object-fit: contain !important;
    width: 100% !important;
    height: 100% !important;
  }
  .object_pos-sm-center {
    object-position: center !important;
  }
  .object_pos-sm-top_left {
    object-position: top left !important;
  }
  .object_pos-sm-top_right {
    object-position: top right !important;
  }
  .object_pos-sm-bottom_left {
    object-position: bottom left !important;
  }
  .object_pos-sm-bottom_right {
    object-position: bottom right !important;
  }
  .h-sm-25 {
    height: 25% !important;
  }
  .w-sm-25 {
    width: 25% !important;
  }
  .h-sm-50 {
    height: 50% !important;
  }
  .w-sm-50 {
    width: 50% !important;
  }
  .h-sm-75 {
    height: 75% !important;
  }
  .w-sm-75 {
    width: 75% !important;
  }
  .h-sm-100 {
    height: 100% !important;
  }
  .w-sm-100 {
    width: 100% !important;
  }
  .h-sm-auto {
    height: auto !important;
  }
  .w-sm-auto {
    width: auto !important;
  }
  .text-sm-uppercase,
  .text-sm-uppercase :where(h1, h2, h3, h4, h5, h6, p) {
    text-transform: uppercase !important;
  }
  .text-sm-lowercase,
  .text-sm-lowercase :where(h1, h2, h3, h4, h5, h6, p) {
    text-transform: lowercase !important;
  }
  .text-sm-capitalize,
  .text-sm-capitalize :where(h1, h2, h3, h4, h5, h6, p) {
    text-transform: capitalize !important;
  }
  .text-sm-notransform,
  .text-sm-notransform :where(h1, h2, h3, h4, h5, h6, p) {
    text-transform: none !important;
  }
  .cc-sm-custom {
    border-width: var(--bs-cc-sm-custom) !important;
  }
  .cc-sm-1 {
    column-count: 1 !important;
  }
  .cc-sm-2 {
    column-count: 2 !important;
  }
  .cc-sm-3 {
    column-count: 3 !important;
  }
  .cc-sm-4 {
    column-count: 4 !important;
  }
  .cc-sm-5 {
    column-count: 5 !important;
  }
  .cw-sm-custom {
    border-width: var(--bs-cw-sm-custom) !important;
  }
  .cw-sm-1 {
    column-width: 10em !important;
  }
  .cw-sm-2 {
    column-width: 15em !important;
  }
  .cw-sm-3 {
    column-width: 20em !important;
  }
  .cw-sm-4 {
    column-width: 25em !important;
  }
  .cg-sm-custom {
    border-width: var(--bs-cg-sm-custom) !important;
  }
  .cg-sm-1 {
    column-gap: var(--bs-spacing-3) !important;
  }
  .cg-sm-2 {
    column-gap: var(--bs-spacing-4) !important;
  }
  .cg-sm-3 {
    column-gap: var(--bs-spacing-5) !important;
  }
  .readmore-sm-custom {
    overflow: hidden !important;
  }
  .readmore-sm-custom:not(.readmore-open) {
    height: var(--bs-readmore-sm-custom) !important;
  }
  .readmore-sm-custom + .readmore-action {
    position: relative;
    text-align: center;
    cursor: pointer;
    font-size: 0.9em;
    margin-top: var(--bs-spacing-2);
  }
  .readmore-sm-custom:not(.readmore-open) + .readmore-action .when-open {
    display: none;
  }
  .readmore-sm-custom.readmore-open + .readmore-action .when-closed {
    display: none;
  }
  .readmore-sm-0 {
    height: auto !important;
    overflow: visible !important;
  }
  .readmore-sm-1 {
    overflow: hidden !important;
  }
  .readmore-sm-1:not(.readmore-open) {
    height: 150px !important;
  }
  .readmore-sm-1 + .readmore-action {
    display: block;
  }
  .readmore-sm-1:not(.readmore-open) + .readmore-action .when-open {
    display: none;
  }
  .readmore-sm-1.readmore-open + .readmore-action .when-closed {
    display: none;
  }
  .readmore-sm-2 {
    overflow: hidden !important;
  }
  .readmore-sm-2:not(.readmore-open) {
    height: 300px !important;
  }
  .readmore-sm-2 + .readmore-action {
    display: block;
  }
  .readmore-sm-2:not(.readmore-open) + .readmore-action .when-open {
    display: none;
  }
  .readmore-sm-2.readmore-open + .readmore-action .when-closed {
    display: none;
  }
  .readmore-sm-3 {
    overflow: hidden !important;
  }
  .readmore-sm-3:not(.readmore-open) {
    height: 450px !important;
  }
  .readmore-sm-3 + .readmore-action {
    display: block;
  }
  .readmore-sm-3:not(.readmore-open) + .readmore-action .when-open {
    display: none;
  }
  .readmore-sm-3.readmore-open + .readmore-action .when-closed {
    display: none;
  }
  /* hoverables */
  .zindex-sm--10 {
    z-index: -10 !important;
  }
  .zindex-sm-10 {
    z-index: 10 !important;
  }
  .zindex-sm-20 {
    z-index: 20 !important;
  }
  .zindex-sm-30 {
    z-index: 30 !important;
  }
  .zindex-sm-40 {
    z-index: 40 !important;
  }
  .zindex-sm-50 {
    z-index: 50 !important;
  }
  .zindex-sm-60 {
    z-index: 60 !important;
  }
  .zindex-sm-70 {
    z-index: 70 !important;
  }
  .zindex-sm-80 {
    z-index: 80 !important;
  }
  .zindex-sm-90 {
    z-index: 90 !important;
  }
  .bs-sm-solid {
    border-style: solid !important;
  }
  .bs-sm-dashed {
    border-style: dashed !important;
  }
  .bs-sm-dotted {
    border-style: dotted !important;
  }
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
  .bw-sm-custom {
    border-width: var(--bs-bw-sm-custom) !important;
  }
  .bwt-sm-custom {
    border-top-width: var(--bs-bwt-sm-custom) !important;
  }
  .bwr-sm-custom {
    border-right-width: var(--bs-bwr-sm-custom) !important;
  }
  .bwb-sm-custom {
    border-bottom-width: var(--bs-bwb-sm-custom) !important;
  }
  .bwl-sm-custom {
    border-left-width: var(--bs-bwl-sm-custom) !important;
  }
  .bw-sm-0 {
    border-width: 0 !important;
  }
  .bwt-sm-0 {
    border-top-width: 0 !important;
  }
  .bwr-sm-0 {
    border-right-width: 0 !important;
  }
  .bwb-sm-0 {
    border-bottom-width: 0 !important;
  }
  .bwl-sm-0 {
    border-left-width: 0 !important;
  }
  .bw-sm-1 {
    border-width: 1px !important;
  }
  .bwt-sm-1 {
    border-top-width: 1px !important;
  }
  .bwr-sm-1 {
    border-right-width: 1px !important;
  }
  .bwb-sm-1 {
    border-bottom-width: 1px !important;
  }
  .bwl-sm-1 {
    border-left-width: 1px !important;
  }
  .bw-sm-2 {
    border-width: 2px !important;
  }
  .bwt-sm-2 {
    border-top-width: 2px !important;
  }
  .bwr-sm-2 {
    border-right-width: 2px !important;
  }
  .bwb-sm-2 {
    border-bottom-width: 2px !important;
  }
  .bwl-sm-2 {
    border-left-width: 2px !important;
  }
  .bw-sm-3 {
    border-width: 4px !important;
  }
  .bwt-sm-3 {
    border-top-width: 4px !important;
  }
  .bwr-sm-3 {
    border-right-width: 4px !important;
  }
  .bwb-sm-3 {
    border-bottom-width: 4px !important;
  }
  .bwl-sm-3 {
    border-left-width: 4px !important;
  }
  .bw-sm-4 {
    border-width: 8px !important;
  }
  .bwt-sm-4 {
    border-top-width: 8px !important;
  }
  .bwr-sm-4 {
    border-right-width: 8px !important;
  }
  .bwb-sm-4 {
    border-bottom-width: 8px !important;
  }
  .bwl-sm-4 {
    border-left-width: 8px !important;
  }
  .m-sm-custom {
    margin: var(--bs-m-sm-custom) !important;
  }
  .mt-sm-custom {
    margin-top: var(--bs-mt-sm-custom) !important;
  }
  .mr-sm-custom {
    margin-right: var(--bs-mr-sm-custom) !important;
  }
  .mb-sm-custom {
    margin-bottom: var(--bs-mb-sm-custom) !important;
  }
  .ml-sm-custom {
    margin-left: var(--bs-ml-sm-custom) !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-n0 {
    margin: calc(0px - 0) !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-n0,
  .my-sm-n0 {
    margin-top: calc(0px - 0) !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mr-sm-n0,
  .mx-sm-n0 {
    margin-right: calc(0px - 0) !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-n0,
  .my-sm-n0 {
    margin-bottom: calc(0px - 0) !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .ml-sm-n0,
  .mx-sm-n0 {
    margin-left: calc(0px - 0) !important;
  }
  .m-sm-1 {
    margin: var(--bs-spacing-1) !important;
  }
  .m-sm-n1 {
    margin: calc(0px - var(--bs-spacing-1)) !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: var(--bs-spacing-1) !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: calc(0px - var(--bs-spacing-1)) !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: var(--bs-spacing-1) !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: calc(0px - var(--bs-spacing-1)) !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: var(--bs-spacing-1) !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: calc(0px - var(--bs-spacing-1)) !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: var(--bs-spacing-1) !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: calc(0px - var(--bs-spacing-1)) !important;
  }
  .m-sm-2 {
    margin: var(--bs-spacing-2) !important;
  }
  .m-sm-n2 {
    margin: calc(0px - var(--bs-spacing-2)) !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: var(--bs-spacing-2) !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: calc(0px - var(--bs-spacing-2)) !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: var(--bs-spacing-2) !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: calc(0px - var(--bs-spacing-2)) !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: var(--bs-spacing-2) !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: calc(0px - var(--bs-spacing-2)) !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: var(--bs-spacing-2) !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: calc(0px - var(--bs-spacing-2)) !important;
  }
  .m-sm-3 {
    margin: var(--bs-spacing-3) !important;
  }
  .m-sm-n3 {
    margin: calc(0px - var(--bs-spacing-3)) !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: var(--bs-spacing-3) !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: calc(0px - var(--bs-spacing-3)) !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: var(--bs-spacing-3) !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: calc(0px - var(--bs-spacing-3)) !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: var(--bs-spacing-3) !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: calc(0px - var(--bs-spacing-3)) !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: var(--bs-spacing-3) !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: calc(0px - var(--bs-spacing-3)) !important;
  }
  .m-sm-4 {
    margin: var(--bs-spacing-4) !important;
  }
  .m-sm-n4 {
    margin: calc(0px - var(--bs-spacing-4)) !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: var(--bs-spacing-4) !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: calc(0px - var(--bs-spacing-4)) !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: var(--bs-spacing-4) !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: calc(0px - var(--bs-spacing-4)) !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: var(--bs-spacing-4) !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: calc(0px - var(--bs-spacing-4)) !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: var(--bs-spacing-4) !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: calc(0px - var(--bs-spacing-4)) !important;
  }
  .m-sm-5 {
    margin: var(--bs-spacing-5) !important;
  }
  .m-sm-n5 {
    margin: calc(0px - var(--bs-spacing-5)) !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: var(--bs-spacing-5) !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: calc(0px - var(--bs-spacing-5)) !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: var(--bs-spacing-5) !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: calc(0px - var(--bs-spacing-5)) !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: var(--bs-spacing-5) !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: calc(0px - var(--bs-spacing-5)) !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: var(--bs-spacing-5) !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: calc(0px - var(--bs-spacing-5)) !important;
  }
  .p-sm-custom {
    padding: var(--bs-p-sm-custom) !important;
  }
  .pt-sm-custom {
    padding-top: var(--bs-pt-sm-custom) !important;
  }
  .pr-sm-custom {
    padding-right: var(--bs-pr-sm-custom) !important;
  }
  .pb-sm-custom {
    padding-bottom: var(--bs-pb-sm-custom) !important;
  }
  .pl-sm-custom {
    padding-left: var(--bs-pl-sm-custom) !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: var(--bs-spacing-1) !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: var(--bs-spacing-1) !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: var(--bs-spacing-1) !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: var(--bs-spacing-1) !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: var(--bs-spacing-1) !important;
  }
  .p-sm-2 {
    padding: var(--bs-spacing-2) !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: var(--bs-spacing-2) !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: var(--bs-spacing-2) !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: var(--bs-spacing-2) !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: var(--bs-spacing-2) !important;
  }
  .p-sm-3 {
    padding: var(--bs-spacing-3) !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: var(--bs-spacing-3) !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: var(--bs-spacing-3) !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: var(--bs-spacing-3) !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: var(--bs-spacing-3) !important;
  }
  .p-sm-4 {
    padding: var(--bs-spacing-4) !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: var(--bs-spacing-4) !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: var(--bs-spacing-4) !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: var(--bs-spacing-4) !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: var(--bs-spacing-4) !important;
  }
  .p-sm-5 {
    padding: var(--bs-spacing-5) !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: var(--bs-spacing-5) !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: var(--bs-spacing-5) !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: var(--bs-spacing-5) !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: var(--bs-spacing-5) !important;
  }
  .br-sm-custom {
    border-radius: var(--bs-br-sm-custom) !important;
  }
  .brtl-sm-custom {
    border-top-left-radius: var(--bs-brtl-sm-custom) !important;
  }
  .brtr-sm-custom {
    border-top-right-radius: var(--bs-brtr-sm-custom) !important;
  }
  .brbr-sm-custom {
    border-bottom-right-radius: var(--bs-brbr-sm-custom) !important;
  }
  .brbl-sm-custom {
    border-bottom-left-radius: var(--bs-brbl-sm-custom) !important;
  }
  .br-sm-0 {
    border-radius: 0 !important;
  }
  .brtl-sm-0 {
    border-top-left-radius: 0 !important;
  }
  .brtr-sm-0 {
    border-top-right-radius: 0 !important;
  }
  .brbr-sm-0 {
    border-bottom-right-radius: 0 !important;
  }
  .brbl-sm-0 {
    border-bottom-left-radius: 0 !important;
  }
  .br-sm-1 {
    border-radius: 0.25em !important;
  }
  .brtl-sm-1 {
    border-top-left-radius: 0.25em !important;
  }
  .brtr-sm-1 {
    border-top-right-radius: 0.25em !important;
  }
  .brbr-sm-1 {
    border-bottom-right-radius: 0.25em !important;
  }
  .brbl-sm-1 {
    border-bottom-left-radius: 0.25em !important;
  }
  .br-sm-2 {
    border-radius: 0.5em !important;
  }
  .brtl-sm-2 {
    border-top-left-radius: 0.5em !important;
  }
  .brtr-sm-2 {
    border-top-right-radius: 0.5em !important;
  }
  .brbr-sm-2 {
    border-bottom-right-radius: 0.5em !important;
  }
  .brbl-sm-2 {
    border-bottom-left-radius: 0.5em !important;
  }
  .br-sm-3 {
    border-radius: 1.5em !important;
  }
  .brtl-sm-3 {
    border-top-left-radius: 1.5em !important;
  }
  .brtr-sm-3 {
    border-top-right-radius: 1.5em !important;
  }
  .brbr-sm-3 {
    border-bottom-right-radius: 1.5em !important;
  }
  .brbl-sm-3 {
    border-bottom-left-radius: 1.5em !important;
  }
  .br-sm-4 {
    border-radius: 3em !important;
  }
  .brtl-sm-4 {
    border-top-left-radius: 3em !important;
  }
  .brtr-sm-4 {
    border-top-right-radius: 3em !important;
  }
  .brbr-sm-4 {
    border-bottom-right-radius: 3em !important;
  }
  .brbl-sm-4 {
    border-bottom-left-radius: 3em !important;
  }
  .size-sm-custom,
  .size-sm-custom * {
    font-size: var(--bs-size-sm-custom) !important;
  }
  .size-sm-inherit,
  .size-sm-inherit * {
    font-size: var(--size) !important;
  }
  .size-sm-inherit h1 {
    font-size: var(--size-h1) !important;
  }
  .size-sm-inherit h2,
  .size-sm-inherit h2 * {
    font-size: var(--size-h2) !important;
  }
  .size-sm-inherit h3,
  .size-sm-inherit h3 * {
    font-size: var(--size-h3) !important;
  }
  .size-sm-inherit h4,
  .size-sm-inherit h4 * {
    font-size: var(--size-h4) !important;
  }
  .size-sm-inherit h5,
  .size-sm-inherit h5 * {
    font-size: var(--size-h5) !important;
  }
  .size-sm-inherit h6,
  .size-sm-inherit h6 * {
    font-size: var(--size-h6) !important;
  }
  .size-sm-1,
  .size-sm-1 * {
    font-size: var(--size-1) !important;
  }
  .size-sm-2,
  .size-sm-2 * {
    font-size: var(--size-2) !important;
  }
  .size-sm-3,
  .size-sm-3 * {
    font-size: var(--size-3) !important;
  }
  .size-sm-4,
  .size-sm-4 * {
    font-size: var(--size-4) !important;
  }
  .size-sm-5,
  .size-sm-5 * {
    font-size: var(--size-5) !important;
  }
  .size-sm-6,
  .size-sm-6 * {
    font-size: var(--size-6) !important;
  }
  .size-sm-7,
  .size-sm-7 * {
    font-size: var(--size-7) !important;
  }
  .lh-sm-custom,
  .lh-sm-custom * {
    line-height: var(--bs-lh-sm-custom) !important;
  }
  .lh-sm-inherit,
  .lh-sm-inherit * {
    line-height: var(--line-height) !important;
  }
  .lh-sm-1,
  .lh-sm-1 * {
    line-height: 1 !important;
  }
  .lh-sm-2,
  .lh-sm-2 * {
    line-height: 1.2 !important;
  }
  .lh-sm-3,
  .lh-sm-3 * {
    line-height: 1.7 !important;
  }
  .weight-sm-custom,
  .weight-sm-custom * {
    font-size: var(--bs-weight-sm-custom) !important;
  }
  .weight-sm-100,
  .weight-sm-100 * {
    font-weight: 100 !important;
  }
  .weight-sm-200,
  .weight-sm-200 * {
    font-weight: 200 !important;
  }
  .weight-sm-300,
  .weight-sm-300 * {
    font-weight: 300 !important;
  }
  .weight-sm-400,
  .weight-sm-400 * {
    font-weight: 400 !important;
  }
  .weight-sm-500,
  .weight-sm-500 * {
    font-weight: 500 !important;
  }
  .weight-sm-600,
  .weight-sm-600 * {
    font-weight: 600 !important;
  }
  .weight-sm-700,
  .weight-sm-700 * {
    font-weight: 700 !important;
  }
  .weight-sm-800,
  .weight-sm-800 * {
    font-weight: 800 !important;
  }
  .weight-sm-900,
  .weight-sm-900 * {
    font-weight: 900 !important;
  }
  .image_size-sm-custom {
    background-size: var(--bs-image_size-sm-custom) !important;
  }
  .image_size-sm-cover {
    background-size: cover !important;
  }
  .image_size-sm-contain {
    background-size: contain !important;
  }
  .image_size-sm-auto {
    background-size: auto !important;
  }
  .image_pos-sm-custom {
    background-position: var(--bs-image_pos-sm-custom) !important;
  }
  .image_pos-sm-top_left {
    background-position: top left !important;
  }
  .image_pos-sm-top_right {
    background-position: top right !important;
  }
  .image_pos-sm-bottom_right {
    background-position: bottom right !important;
  }
  .image_pos-sm-bottom_left {
    background-position: bottom left !important;
  }
  .image_pos-sm-center {
    background-position: center !important;
  }
  .image_repeat-sm-no_repeat {
    background-repeat: no-repeat !important;
  }
  .image_repeat-sm-repeat {
    background-repeat: repeat !important;
  }
  .image_att-sm-scroll {
    background-attachment: scroll !important;
  }
  .image_att-sm-fixed {
    background-attachment: fixed !important;
  }
  .bg-img-blend-sm-0 {
    position: relative;
  }
  .bg-img-blend-sm-0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0;
  }
  .bg-img-blend-sm-10 {
    position: relative;
  }
  .bg-img-blend-sm-10::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.1;
  }
  .bg-img-blend-sm-20 {
    position: relative;
  }
  .bg-img-blend-sm-20::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.2;
  }
  .bg-img-blend-sm-30 {
    position: relative;
  }
  .bg-img-blend-sm-30::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.3;
  }
  .bg-img-blend-sm-40 {
    position: relative;
  }
  .bg-img-blend-sm-40::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.4;
  }
  .bg-img-blend-sm-50 {
    position: relative;
  }
  .bg-img-blend-sm-50::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.5;
  }
  .bg-img-blend-sm-60 {
    position: relative;
  }
  .bg-img-blend-sm-60::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.6;
  }
  .bg-img-blend-sm-70 {
    position: relative;
  }
  .bg-img-blend-sm-70::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.7;
  }
  .bg-img-blend-sm-80 {
    position: relative;
  }
  .bg-img-blend-sm-80::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.8;
  }
  .bg-img-blend-sm-90 {
    position: relative;
  }
  .bg-img-blend-sm-90::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.9;
  }
  .bg-img-blend-sm-100 {
    position: relative;
  }
  .bg-img-blend-sm-100::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 1;
  }
}
@media (min-width: 768px) {
  .floating-md-2 {
    position: absolute !important;
    height: 100% !important;
  }
  .floating-md-1 {
    position: absolute !important;
  }
  .floating-md-0 {
    position: relative !important;
  }
  .object_fit-md-auto,
  .object_fit-md-none {
    object-fit: unset !important;
    width: auto !important;
    height: auto !important;
  }
  .object_fit-md-cover {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
  }
  .object_fit-md-contain {
    object-fit: contain !important;
    width: 100% !important;
    height: 100% !important;
  }
  .object_pos-md-center {
    object-position: center !important;
  }
  .object_pos-md-top_left {
    object-position: top left !important;
  }
  .object_pos-md-top_right {
    object-position: top right !important;
  }
  .object_pos-md-bottom_left {
    object-position: bottom left !important;
  }
  .object_pos-md-bottom_right {
    object-position: bottom right !important;
  }
  .h-md-25 {
    height: 25% !important;
  }
  .w-md-25 {
    width: 25% !important;
  }
  .h-md-50 {
    height: 50% !important;
  }
  .w-md-50 {
    width: 50% !important;
  }
  .h-md-75 {
    height: 75% !important;
  }
  .w-md-75 {
    width: 75% !important;
  }
  .h-md-100 {
    height: 100% !important;
  }
  .w-md-100 {
    width: 100% !important;
  }
  .h-md-auto {
    height: auto !important;
  }
  .w-md-auto {
    width: auto !important;
  }
  .text-md-uppercase,
  .text-md-uppercase :where(h1, h2, h3, h4, h5, h6, p) {
    text-transform: uppercase !important;
  }
  .text-md-lowercase,
  .text-md-lowercase :where(h1, h2, h3, h4, h5, h6, p) {
    text-transform: lowercase !important;
  }
  .text-md-capitalize,
  .text-md-capitalize :where(h1, h2, h3, h4, h5, h6, p) {
    text-transform: capitalize !important;
  }
  .text-md-notransform,
  .text-md-notransform :where(h1, h2, h3, h4, h5, h6, p) {
    text-transform: none !important;
  }
  .cc-md-custom {
    border-width: var(--bs-cc-md-custom) !important;
  }
  .cc-md-1 {
    column-count: 1 !important;
  }
  .cc-md-2 {
    column-count: 2 !important;
  }
  .cc-md-3 {
    column-count: 3 !important;
  }
  .cc-md-4 {
    column-count: 4 !important;
  }
  .cc-md-5 {
    column-count: 5 !important;
  }
  .cw-md-custom {
    border-width: var(--bs-cw-md-custom) !important;
  }
  .cw-md-1 {
    column-width: 10em !important;
  }
  .cw-md-2 {
    column-width: 15em !important;
  }
  .cw-md-3 {
    column-width: 20em !important;
  }
  .cw-md-4 {
    column-width: 25em !important;
  }
  .cg-md-custom {
    border-width: var(--bs-cg-md-custom) !important;
  }
  .cg-md-1 {
    column-gap: var(--bs-spacing-3) !important;
  }
  .cg-md-2 {
    column-gap: var(--bs-spacing-4) !important;
  }
  .cg-md-3 {
    column-gap: var(--bs-spacing-5) !important;
  }
  .readmore-md-custom {
    overflow: hidden !important;
  }
  .readmore-md-custom:not(.readmore-open) {
    height: var(--bs-readmore-md-custom) !important;
  }
  .readmore-md-custom + .readmore-action {
    position: relative;
    text-align: center;
    cursor: pointer;
    font-size: 0.9em;
    margin-top: var(--bs-spacing-2);
  }
  .readmore-md-custom:not(.readmore-open) + .readmore-action .when-open {
    display: none;
  }
  .readmore-md-custom.readmore-open + .readmore-action .when-closed {
    display: none;
  }
  .readmore-md-0 {
    height: auto !important;
    overflow: visible !important;
  }
  .readmore-md-1 {
    overflow: hidden !important;
  }
  .readmore-md-1:not(.readmore-open) {
    height: 150px !important;
  }
  .readmore-md-1 + .readmore-action {
    display: block;
  }
  .readmore-md-1:not(.readmore-open) + .readmore-action .when-open {
    display: none;
  }
  .readmore-md-1.readmore-open + .readmore-action .when-closed {
    display: none;
  }
  .readmore-md-2 {
    overflow: hidden !important;
  }
  .readmore-md-2:not(.readmore-open) {
    height: 300px !important;
  }
  .readmore-md-2 + .readmore-action {
    display: block;
  }
  .readmore-md-2:not(.readmore-open) + .readmore-action .when-open {
    display: none;
  }
  .readmore-md-2.readmore-open + .readmore-action .when-closed {
    display: none;
  }
  .readmore-md-3 {
    overflow: hidden !important;
  }
  .readmore-md-3:not(.readmore-open) {
    height: 450px !important;
  }
  .readmore-md-3 + .readmore-action {
    display: block;
  }
  .readmore-md-3:not(.readmore-open) + .readmore-action .when-open {
    display: none;
  }
  .readmore-md-3.readmore-open + .readmore-action .when-closed {
    display: none;
  }
  /* hoverables */
  .zindex-md--10 {
    z-index: -10 !important;
  }
  .zindex-md-10 {
    z-index: 10 !important;
  }
  .zindex-md-20 {
    z-index: 20 !important;
  }
  .zindex-md-30 {
    z-index: 30 !important;
  }
  .zindex-md-40 {
    z-index: 40 !important;
  }
  .zindex-md-50 {
    z-index: 50 !important;
  }
  .zindex-md-60 {
    z-index: 60 !important;
  }
  .zindex-md-70 {
    z-index: 70 !important;
  }
  .zindex-md-80 {
    z-index: 80 !important;
  }
  .zindex-md-90 {
    z-index: 90 !important;
  }
  .bs-md-solid {
    border-style: solid !important;
  }
  .bs-md-dashed {
    border-style: dashed !important;
  }
  .bs-md-dotted {
    border-style: dotted !important;
  }
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
  .bw-md-custom {
    border-width: var(--bs-bw-md-custom) !important;
  }
  .bwt-md-custom {
    border-top-width: var(--bs-bwt-md-custom) !important;
  }
  .bwr-md-custom {
    border-right-width: var(--bs-bwr-md-custom) !important;
  }
  .bwb-md-custom {
    border-bottom-width: var(--bs-bwb-md-custom) !important;
  }
  .bwl-md-custom {
    border-left-width: var(--bs-bwl-md-custom) !important;
  }
  .bw-md-0 {
    border-width: 0 !important;
  }
  .bwt-md-0 {
    border-top-width: 0 !important;
  }
  .bwr-md-0 {
    border-right-width: 0 !important;
  }
  .bwb-md-0 {
    border-bottom-width: 0 !important;
  }
  .bwl-md-0 {
    border-left-width: 0 !important;
  }
  .bw-md-1 {
    border-width: 1px !important;
  }
  .bwt-md-1 {
    border-top-width: 1px !important;
  }
  .bwr-md-1 {
    border-right-width: 1px !important;
  }
  .bwb-md-1 {
    border-bottom-width: 1px !important;
  }
  .bwl-md-1 {
    border-left-width: 1px !important;
  }
  .bw-md-2 {
    border-width: 2px !important;
  }
  .bwt-md-2 {
    border-top-width: 2px !important;
  }
  .bwr-md-2 {
    border-right-width: 2px !important;
  }
  .bwb-md-2 {
    border-bottom-width: 2px !important;
  }
  .bwl-md-2 {
    border-left-width: 2px !important;
  }
  .bw-md-3 {
    border-width: 4px !important;
  }
  .bwt-md-3 {
    border-top-width: 4px !important;
  }
  .bwr-md-3 {
    border-right-width: 4px !important;
  }
  .bwb-md-3 {
    border-bottom-width: 4px !important;
  }
  .bwl-md-3 {
    border-left-width: 4px !important;
  }
  .bw-md-4 {
    border-width: 8px !important;
  }
  .bwt-md-4 {
    border-top-width: 8px !important;
  }
  .bwr-md-4 {
    border-right-width: 8px !important;
  }
  .bwb-md-4 {
    border-bottom-width: 8px !important;
  }
  .bwl-md-4 {
    border-left-width: 8px !important;
  }
  .m-md-custom {
    margin: var(--bs-m-md-custom) !important;
  }
  .mt-md-custom {
    margin-top: var(--bs-mt-md-custom) !important;
  }
  .mr-md-custom {
    margin-right: var(--bs-mr-md-custom) !important;
  }
  .mb-md-custom {
    margin-bottom: var(--bs-mb-md-custom) !important;
  }
  .ml-md-custom {
    margin-left: var(--bs-ml-md-custom) !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-n0 {
    margin: calc(0px - 0) !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-n0,
  .my-md-n0 {
    margin-top: calc(0px - 0) !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mr-md-n0,
  .mx-md-n0 {
    margin-right: calc(0px - 0) !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-n0,
  .my-md-n0 {
    margin-bottom: calc(0px - 0) !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .ml-md-n0,
  .mx-md-n0 {
    margin-left: calc(0px - 0) !important;
  }
  .m-md-1 {
    margin: var(--bs-spacing-1) !important;
  }
  .m-md-n1 {
    margin: calc(0px - var(--bs-spacing-1)) !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: var(--bs-spacing-1) !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: calc(0px - var(--bs-spacing-1)) !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: var(--bs-spacing-1) !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: calc(0px - var(--bs-spacing-1)) !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: var(--bs-spacing-1) !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: calc(0px - var(--bs-spacing-1)) !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: var(--bs-spacing-1) !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: calc(0px - var(--bs-spacing-1)) !important;
  }
  .m-md-2 {
    margin: var(--bs-spacing-2) !important;
  }
  .m-md-n2 {
    margin: calc(0px - var(--bs-spacing-2)) !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: var(--bs-spacing-2) !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: calc(0px - var(--bs-spacing-2)) !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: var(--bs-spacing-2) !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: calc(0px - var(--bs-spacing-2)) !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: var(--bs-spacing-2) !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: calc(0px - var(--bs-spacing-2)) !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: var(--bs-spacing-2) !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: calc(0px - var(--bs-spacing-2)) !important;
  }
  .m-md-3 {
    margin: var(--bs-spacing-3) !important;
  }
  .m-md-n3 {
    margin: calc(0px - var(--bs-spacing-3)) !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: var(--bs-spacing-3) !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: calc(0px - var(--bs-spacing-3)) !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: var(--bs-spacing-3) !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: calc(0px - var(--bs-spacing-3)) !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: var(--bs-spacing-3) !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: calc(0px - var(--bs-spacing-3)) !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: var(--bs-spacing-3) !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: calc(0px - var(--bs-spacing-3)) !important;
  }
  .m-md-4 {
    margin: var(--bs-spacing-4) !important;
  }
  .m-md-n4 {
    margin: calc(0px - var(--bs-spacing-4)) !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: var(--bs-spacing-4) !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: calc(0px - var(--bs-spacing-4)) !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: var(--bs-spacing-4) !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: calc(0px - var(--bs-spacing-4)) !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: var(--bs-spacing-4) !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: calc(0px - var(--bs-spacing-4)) !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: var(--bs-spacing-4) !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: calc(0px - var(--bs-spacing-4)) !important;
  }
  .m-md-5 {
    margin: var(--bs-spacing-5) !important;
  }
  .m-md-n5 {
    margin: calc(0px - var(--bs-spacing-5)) !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: var(--bs-spacing-5) !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: calc(0px - var(--bs-spacing-5)) !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: var(--bs-spacing-5) !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: calc(0px - var(--bs-spacing-5)) !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: var(--bs-spacing-5) !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: calc(0px - var(--bs-spacing-5)) !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: var(--bs-spacing-5) !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: calc(0px - var(--bs-spacing-5)) !important;
  }
  .p-md-custom {
    padding: var(--bs-p-md-custom) !important;
  }
  .pt-md-custom {
    padding-top: var(--bs-pt-md-custom) !important;
  }
  .pr-md-custom {
    padding-right: var(--bs-pr-md-custom) !important;
  }
  .pb-md-custom {
    padding-bottom: var(--bs-pb-md-custom) !important;
  }
  .pl-md-custom {
    padding-left: var(--bs-pl-md-custom) !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: var(--bs-spacing-1) !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: var(--bs-spacing-1) !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: var(--bs-spacing-1) !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: var(--bs-spacing-1) !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: var(--bs-spacing-1) !important;
  }
  .p-md-2 {
    padding: var(--bs-spacing-2) !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: var(--bs-spacing-2) !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: var(--bs-spacing-2) !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: var(--bs-spacing-2) !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: var(--bs-spacing-2) !important;
  }
  .p-md-3 {
    padding: var(--bs-spacing-3) !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: var(--bs-spacing-3) !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: var(--bs-spacing-3) !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: var(--bs-spacing-3) !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: var(--bs-spacing-3) !important;
  }
  .p-md-4 {
    padding: var(--bs-spacing-4) !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: var(--bs-spacing-4) !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: var(--bs-spacing-4) !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: var(--bs-spacing-4) !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: var(--bs-spacing-4) !important;
  }
  .p-md-5 {
    padding: var(--bs-spacing-5) !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: var(--bs-spacing-5) !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: var(--bs-spacing-5) !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: var(--bs-spacing-5) !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: var(--bs-spacing-5) !important;
  }
  .br-md-custom {
    border-radius: var(--bs-br-md-custom) !important;
  }
  .brtl-md-custom {
    border-top-left-radius: var(--bs-brtl-md-custom) !important;
  }
  .brtr-md-custom {
    border-top-right-radius: var(--bs-brtr-md-custom) !important;
  }
  .brbr-md-custom {
    border-bottom-right-radius: var(--bs-brbr-md-custom) !important;
  }
  .brbl-md-custom {
    border-bottom-left-radius: var(--bs-brbl-md-custom) !important;
  }
  .br-md-0 {
    border-radius: 0 !important;
  }
  .brtl-md-0 {
    border-top-left-radius: 0 !important;
  }
  .brtr-md-0 {
    border-top-right-radius: 0 !important;
  }
  .brbr-md-0 {
    border-bottom-right-radius: 0 !important;
  }
  .brbl-md-0 {
    border-bottom-left-radius: 0 !important;
  }
  .br-md-1 {
    border-radius: 0.25em !important;
  }
  .brtl-md-1 {
    border-top-left-radius: 0.25em !important;
  }
  .brtr-md-1 {
    border-top-right-radius: 0.25em !important;
  }
  .brbr-md-1 {
    border-bottom-right-radius: 0.25em !important;
  }
  .brbl-md-1 {
    border-bottom-left-radius: 0.25em !important;
  }
  .br-md-2 {
    border-radius: 0.5em !important;
  }
  .brtl-md-2 {
    border-top-left-radius: 0.5em !important;
  }
  .brtr-md-2 {
    border-top-right-radius: 0.5em !important;
  }
  .brbr-md-2 {
    border-bottom-right-radius: 0.5em !important;
  }
  .brbl-md-2 {
    border-bottom-left-radius: 0.5em !important;
  }
  .br-md-3 {
    border-radius: 1.5em !important;
  }
  .brtl-md-3 {
    border-top-left-radius: 1.5em !important;
  }
  .brtr-md-3 {
    border-top-right-radius: 1.5em !important;
  }
  .brbr-md-3 {
    border-bottom-right-radius: 1.5em !important;
  }
  .brbl-md-3 {
    border-bottom-left-radius: 1.5em !important;
  }
  .br-md-4 {
    border-radius: 3em !important;
  }
  .brtl-md-4 {
    border-top-left-radius: 3em !important;
  }
  .brtr-md-4 {
    border-top-right-radius: 3em !important;
  }
  .brbr-md-4 {
    border-bottom-right-radius: 3em !important;
  }
  .brbl-md-4 {
    border-bottom-left-radius: 3em !important;
  }
  .size-md-custom,
  .size-md-custom * {
    font-size: var(--bs-size-md-custom) !important;
  }
  .size-md-inherit,
  .size-md-inherit * {
    font-size: var(--size) !important;
  }
  .size-md-inherit h1 {
    font-size: var(--size-h1) !important;
  }
  .size-md-inherit h2,
  .size-md-inherit h2 * {
    font-size: var(--size-h2) !important;
  }
  .size-md-inherit h3,
  .size-md-inherit h3 * {
    font-size: var(--size-h3) !important;
  }
  .size-md-inherit h4,
  .size-md-inherit h4 * {
    font-size: var(--size-h4) !important;
  }
  .size-md-inherit h5,
  .size-md-inherit h5 * {
    font-size: var(--size-h5) !important;
  }
  .size-md-inherit h6,
  .size-md-inherit h6 * {
    font-size: var(--size-h6) !important;
  }
  .size-md-1,
  .size-md-1 * {
    font-size: var(--size-1) !important;
  }
  .size-md-2,
  .size-md-2 * {
    font-size: var(--size-2) !important;
  }
  .size-md-3,
  .size-md-3 * {
    font-size: var(--size-3) !important;
  }
  .size-md-4,
  .size-md-4 * {
    font-size: var(--size-4) !important;
  }
  .size-md-5,
  .size-md-5 * {
    font-size: var(--size-5) !important;
  }
  .size-md-6,
  .size-md-6 * {
    font-size: var(--size-6) !important;
  }
  .size-md-7,
  .size-md-7 * {
    font-size: var(--size-7) !important;
  }
  .lh-md-custom,
  .lh-md-custom * {
    line-height: var(--bs-lh-md-custom) !important;
  }
  .lh-md-inherit,
  .lh-md-inherit * {
    line-height: var(--line-height) !important;
  }
  .lh-md-1,
  .lh-md-1 * {
    line-height: 1 !important;
  }
  .lh-md-2,
  .lh-md-2 * {
    line-height: 1.2 !important;
  }
  .lh-md-3,
  .lh-md-3 * {
    line-height: 1.7 !important;
  }
  .weight-md-custom,
  .weight-md-custom * {
    font-size: var(--bs-weight-md-custom) !important;
  }
  .weight-md-100,
  .weight-md-100 * {
    font-weight: 100 !important;
  }
  .weight-md-200,
  .weight-md-200 * {
    font-weight: 200 !important;
  }
  .weight-md-300,
  .weight-md-300 * {
    font-weight: 300 !important;
  }
  .weight-md-400,
  .weight-md-400 * {
    font-weight: 400 !important;
  }
  .weight-md-500,
  .weight-md-500 * {
    font-weight: 500 !important;
  }
  .weight-md-600,
  .weight-md-600 * {
    font-weight: 600 !important;
  }
  .weight-md-700,
  .weight-md-700 * {
    font-weight: 700 !important;
  }
  .weight-md-800,
  .weight-md-800 * {
    font-weight: 800 !important;
  }
  .weight-md-900,
  .weight-md-900 * {
    font-weight: 900 !important;
  }
  .image_size-md-custom {
    background-size: var(--bs-image_size-md-custom) !important;
  }
  .image_size-md-cover {
    background-size: cover !important;
  }
  .image_size-md-contain {
    background-size: contain !important;
  }
  .image_size-md-auto {
    background-size: auto !important;
  }
  .image_pos-md-custom {
    background-position: var(--bs-image_pos-md-custom) !important;
  }
  .image_pos-md-top_left {
    background-position: top left !important;
  }
  .image_pos-md-top_right {
    background-position: top right !important;
  }
  .image_pos-md-bottom_right {
    background-position: bottom right !important;
  }
  .image_pos-md-bottom_left {
    background-position: bottom left !important;
  }
  .image_pos-md-center {
    background-position: center !important;
  }
  .image_repeat-md-no_repeat {
    background-repeat: no-repeat !important;
  }
  .image_repeat-md-repeat {
    background-repeat: repeat !important;
  }
  .image_att-md-scroll {
    background-attachment: scroll !important;
  }
  .image_att-md-fixed {
    background-attachment: fixed !important;
  }
  .bg-img-blend-md-0 {
    position: relative;
  }
  .bg-img-blend-md-0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0;
  }
  .bg-img-blend-md-10 {
    position: relative;
  }
  .bg-img-blend-md-10::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.1;
  }
  .bg-img-blend-md-20 {
    position: relative;
  }
  .bg-img-blend-md-20::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.2;
  }
  .bg-img-blend-md-30 {
    position: relative;
  }
  .bg-img-blend-md-30::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.3;
  }
  .bg-img-blend-md-40 {
    position: relative;
  }
  .bg-img-blend-md-40::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.4;
  }
  .bg-img-blend-md-50 {
    position: relative;
  }
  .bg-img-blend-md-50::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.5;
  }
  .bg-img-blend-md-60 {
    position: relative;
  }
  .bg-img-blend-md-60::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.6;
  }
  .bg-img-blend-md-70 {
    position: relative;
  }
  .bg-img-blend-md-70::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.7;
  }
  .bg-img-blend-md-80 {
    position: relative;
  }
  .bg-img-blend-md-80::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.8;
  }
  .bg-img-blend-md-90 {
    position: relative;
  }
  .bg-img-blend-md-90::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.9;
  }
  .bg-img-blend-md-100 {
    position: relative;
  }
  .bg-img-blend-md-100::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 1;
  }
}
@media (min-width: 992px) {
  .floating-lg-2 {
    position: absolute !important;
    height: 100% !important;
  }
  .floating-lg-1 {
    position: absolute !important;
  }
  .floating-lg-0 {
    position: relative !important;
  }
  .object_fit-lg-auto,
  .object_fit-lg-none {
    object-fit: unset !important;
    width: auto !important;
    height: auto !important;
  }
  .object_fit-lg-cover {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
  }
  .object_fit-lg-contain {
    object-fit: contain !important;
    width: 100% !important;
    height: 100% !important;
  }
  .object_pos-lg-center {
    object-position: center !important;
  }
  .object_pos-lg-top_left {
    object-position: top left !important;
  }
  .object_pos-lg-top_right {
    object-position: top right !important;
  }
  .object_pos-lg-bottom_left {
    object-position: bottom left !important;
  }
  .object_pos-lg-bottom_right {
    object-position: bottom right !important;
  }
  .h-lg-25 {
    height: 25% !important;
  }
  .w-lg-25 {
    width: 25% !important;
  }
  .h-lg-50 {
    height: 50% !important;
  }
  .w-lg-50 {
    width: 50% !important;
  }
  .h-lg-75 {
    height: 75% !important;
  }
  .w-lg-75 {
    width: 75% !important;
  }
  .h-lg-100 {
    height: 100% !important;
  }
  .w-lg-100 {
    width: 100% !important;
  }
  .h-lg-auto {
    height: auto !important;
  }
  .w-lg-auto {
    width: auto !important;
  }
  .text-lg-uppercase,
  .text-lg-uppercase :where(h1, h2, h3, h4, h5, h6, p) {
    text-transform: uppercase !important;
  }
  .text-lg-lowercase,
  .text-lg-lowercase :where(h1, h2, h3, h4, h5, h6, p) {
    text-transform: lowercase !important;
  }
  .text-lg-capitalize,
  .text-lg-capitalize :where(h1, h2, h3, h4, h5, h6, p) {
    text-transform: capitalize !important;
  }
  .text-lg-notransform,
  .text-lg-notransform :where(h1, h2, h3, h4, h5, h6, p) {
    text-transform: none !important;
  }
  .cc-lg-custom {
    border-width: var(--bs-cc-lg-custom) !important;
  }
  .cc-lg-1 {
    column-count: 1 !important;
  }
  .cc-lg-2 {
    column-count: 2 !important;
  }
  .cc-lg-3 {
    column-count: 3 !important;
  }
  .cc-lg-4 {
    column-count: 4 !important;
  }
  .cc-lg-5 {
    column-count: 5 !important;
  }
  .cw-lg-custom {
    border-width: var(--bs-cw-lg-custom) !important;
  }
  .cw-lg-1 {
    column-width: 10em !important;
  }
  .cw-lg-2 {
    column-width: 15em !important;
  }
  .cw-lg-3 {
    column-width: 20em !important;
  }
  .cw-lg-4 {
    column-width: 25em !important;
  }
  .cg-lg-custom {
    border-width: var(--bs-cg-lg-custom) !important;
  }
  .cg-lg-1 {
    column-gap: var(--bs-spacing-3) !important;
  }
  .cg-lg-2 {
    column-gap: var(--bs-spacing-4) !important;
  }
  .cg-lg-3 {
    column-gap: var(--bs-spacing-5) !important;
  }
  .readmore-lg-custom {
    overflow: hidden !important;
  }
  .readmore-lg-custom:not(.readmore-open) {
    height: var(--bs-readmore-lg-custom) !important;
  }
  .readmore-lg-custom + .readmore-action {
    position: relative;
    text-align: center;
    cursor: pointer;
    font-size: 0.9em;
    margin-top: var(--bs-spacing-2);
  }
  .readmore-lg-custom:not(.readmore-open) + .readmore-action .when-open {
    display: none;
  }
  .readmore-lg-custom.readmore-open + .readmore-action .when-closed {
    display: none;
  }
  .readmore-lg-0 {
    height: auto !important;
    overflow: visible !important;
  }
  .readmore-lg-1 {
    overflow: hidden !important;
  }
  .readmore-lg-1:not(.readmore-open) {
    height: 150px !important;
  }
  .readmore-lg-1 + .readmore-action {
    display: block;
  }
  .readmore-lg-1:not(.readmore-open) + .readmore-action .when-open {
    display: none;
  }
  .readmore-lg-1.readmore-open + .readmore-action .when-closed {
    display: none;
  }
  .readmore-lg-2 {
    overflow: hidden !important;
  }
  .readmore-lg-2:not(.readmore-open) {
    height: 300px !important;
  }
  .readmore-lg-2 + .readmore-action {
    display: block;
  }
  .readmore-lg-2:not(.readmore-open) + .readmore-action .when-open {
    display: none;
  }
  .readmore-lg-2.readmore-open + .readmore-action .when-closed {
    display: none;
  }
  .readmore-lg-3 {
    overflow: hidden !important;
  }
  .readmore-lg-3:not(.readmore-open) {
    height: 450px !important;
  }
  .readmore-lg-3 + .readmore-action {
    display: block;
  }
  .readmore-lg-3:not(.readmore-open) + .readmore-action .when-open {
    display: none;
  }
  .readmore-lg-3.readmore-open + .readmore-action .when-closed {
    display: none;
  }
  /* hoverables */
  .zindex-lg--10 {
    z-index: -10 !important;
  }
  .zindex-lg-10 {
    z-index: 10 !important;
  }
  .zindex-lg-20 {
    z-index: 20 !important;
  }
  .zindex-lg-30 {
    z-index: 30 !important;
  }
  .zindex-lg-40 {
    z-index: 40 !important;
  }
  .zindex-lg-50 {
    z-index: 50 !important;
  }
  .zindex-lg-60 {
    z-index: 60 !important;
  }
  .zindex-lg-70 {
    z-index: 70 !important;
  }
  .zindex-lg-80 {
    z-index: 80 !important;
  }
  .zindex-lg-90 {
    z-index: 90 !important;
  }
  .bs-lg-solid {
    border-style: solid !important;
  }
  .bs-lg-dashed {
    border-style: dashed !important;
  }
  .bs-lg-dotted {
    border-style: dotted !important;
  }
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
  .bw-lg-custom {
    border-width: var(--bs-bw-lg-custom) !important;
  }
  .bwt-lg-custom {
    border-top-width: var(--bs-bwt-lg-custom) !important;
  }
  .bwr-lg-custom {
    border-right-width: var(--bs-bwr-lg-custom) !important;
  }
  .bwb-lg-custom {
    border-bottom-width: var(--bs-bwb-lg-custom) !important;
  }
  .bwl-lg-custom {
    border-left-width: var(--bs-bwl-lg-custom) !important;
  }
  .bw-lg-0 {
    border-width: 0 !important;
  }
  .bwt-lg-0 {
    border-top-width: 0 !important;
  }
  .bwr-lg-0 {
    border-right-width: 0 !important;
  }
  .bwb-lg-0 {
    border-bottom-width: 0 !important;
  }
  .bwl-lg-0 {
    border-left-width: 0 !important;
  }
  .bw-lg-1 {
    border-width: 1px !important;
  }
  .bwt-lg-1 {
    border-top-width: 1px !important;
  }
  .bwr-lg-1 {
    border-right-width: 1px !important;
  }
  .bwb-lg-1 {
    border-bottom-width: 1px !important;
  }
  .bwl-lg-1 {
    border-left-width: 1px !important;
  }
  .bw-lg-2 {
    border-width: 2px !important;
  }
  .bwt-lg-2 {
    border-top-width: 2px !important;
  }
  .bwr-lg-2 {
    border-right-width: 2px !important;
  }
  .bwb-lg-2 {
    border-bottom-width: 2px !important;
  }
  .bwl-lg-2 {
    border-left-width: 2px !important;
  }
  .bw-lg-3 {
    border-width: 4px !important;
  }
  .bwt-lg-3 {
    border-top-width: 4px !important;
  }
  .bwr-lg-3 {
    border-right-width: 4px !important;
  }
  .bwb-lg-3 {
    border-bottom-width: 4px !important;
  }
  .bwl-lg-3 {
    border-left-width: 4px !important;
  }
  .bw-lg-4 {
    border-width: 8px !important;
  }
  .bwt-lg-4 {
    border-top-width: 8px !important;
  }
  .bwr-lg-4 {
    border-right-width: 8px !important;
  }
  .bwb-lg-4 {
    border-bottom-width: 8px !important;
  }
  .bwl-lg-4 {
    border-left-width: 8px !important;
  }
  .m-lg-custom {
    margin: var(--bs-m-lg-custom) !important;
  }
  .mt-lg-custom {
    margin-top: var(--bs-mt-lg-custom) !important;
  }
  .mr-lg-custom {
    margin-right: var(--bs-mr-lg-custom) !important;
  }
  .mb-lg-custom {
    margin-bottom: var(--bs-mb-lg-custom) !important;
  }
  .ml-lg-custom {
    margin-left: var(--bs-ml-lg-custom) !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-n0 {
    margin: calc(0px - 0) !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-n0,
  .my-lg-n0 {
    margin-top: calc(0px - 0) !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mr-lg-n0,
  .mx-lg-n0 {
    margin-right: calc(0px - 0) !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-n0,
  .my-lg-n0 {
    margin-bottom: calc(0px - 0) !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .ml-lg-n0,
  .mx-lg-n0 {
    margin-left: calc(0px - 0) !important;
  }
  .m-lg-1 {
    margin: var(--bs-spacing-1) !important;
  }
  .m-lg-n1 {
    margin: calc(0px - var(--bs-spacing-1)) !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: var(--bs-spacing-1) !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: calc(0px - var(--bs-spacing-1)) !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: var(--bs-spacing-1) !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: calc(0px - var(--bs-spacing-1)) !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: var(--bs-spacing-1) !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: calc(0px - var(--bs-spacing-1)) !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: var(--bs-spacing-1) !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: calc(0px - var(--bs-spacing-1)) !important;
  }
  .m-lg-2 {
    margin: var(--bs-spacing-2) !important;
  }
  .m-lg-n2 {
    margin: calc(0px - var(--bs-spacing-2)) !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: var(--bs-spacing-2) !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: calc(0px - var(--bs-spacing-2)) !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: var(--bs-spacing-2) !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: calc(0px - var(--bs-spacing-2)) !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: var(--bs-spacing-2) !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: calc(0px - var(--bs-spacing-2)) !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: var(--bs-spacing-2) !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: calc(0px - var(--bs-spacing-2)) !important;
  }
  .m-lg-3 {
    margin: var(--bs-spacing-3) !important;
  }
  .m-lg-n3 {
    margin: calc(0px - var(--bs-spacing-3)) !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: var(--bs-spacing-3) !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: calc(0px - var(--bs-spacing-3)) !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: var(--bs-spacing-3) !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: calc(0px - var(--bs-spacing-3)) !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: var(--bs-spacing-3) !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: calc(0px - var(--bs-spacing-3)) !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: var(--bs-spacing-3) !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: calc(0px - var(--bs-spacing-3)) !important;
  }
  .m-lg-4 {
    margin: var(--bs-spacing-4) !important;
  }
  .m-lg-n4 {
    margin: calc(0px - var(--bs-spacing-4)) !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: var(--bs-spacing-4) !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: calc(0px - var(--bs-spacing-4)) !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: var(--bs-spacing-4) !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: calc(0px - var(--bs-spacing-4)) !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: var(--bs-spacing-4) !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: calc(0px - var(--bs-spacing-4)) !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: var(--bs-spacing-4) !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: calc(0px - var(--bs-spacing-4)) !important;
  }
  .m-lg-5 {
    margin: var(--bs-spacing-5) !important;
  }
  .m-lg-n5 {
    margin: calc(0px - var(--bs-spacing-5)) !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: var(--bs-spacing-5) !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: calc(0px - var(--bs-spacing-5)) !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: var(--bs-spacing-5) !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: calc(0px - var(--bs-spacing-5)) !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: var(--bs-spacing-5) !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: calc(0px - var(--bs-spacing-5)) !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: var(--bs-spacing-5) !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: calc(0px - var(--bs-spacing-5)) !important;
  }
  .p-lg-custom {
    padding: var(--bs-p-lg-custom) !important;
  }
  .pt-lg-custom {
    padding-top: var(--bs-pt-lg-custom) !important;
  }
  .pr-lg-custom {
    padding-right: var(--bs-pr-lg-custom) !important;
  }
  .pb-lg-custom {
    padding-bottom: var(--bs-pb-lg-custom) !important;
  }
  .pl-lg-custom {
    padding-left: var(--bs-pl-lg-custom) !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: var(--bs-spacing-1) !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: var(--bs-spacing-1) !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: var(--bs-spacing-1) !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: var(--bs-spacing-1) !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: var(--bs-spacing-1) !important;
  }
  .p-lg-2 {
    padding: var(--bs-spacing-2) !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: var(--bs-spacing-2) !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: var(--bs-spacing-2) !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: var(--bs-spacing-2) !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: var(--bs-spacing-2) !important;
  }
  .p-lg-3 {
    padding: var(--bs-spacing-3) !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: var(--bs-spacing-3) !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: var(--bs-spacing-3) !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: var(--bs-spacing-3) !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: var(--bs-spacing-3) !important;
  }
  .p-lg-4 {
    padding: var(--bs-spacing-4) !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: var(--bs-spacing-4) !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: var(--bs-spacing-4) !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: var(--bs-spacing-4) !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: var(--bs-spacing-4) !important;
  }
  .p-lg-5 {
    padding: var(--bs-spacing-5) !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: var(--bs-spacing-5) !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: var(--bs-spacing-5) !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: var(--bs-spacing-5) !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: var(--bs-spacing-5) !important;
  }
  .br-lg-custom {
    border-radius: var(--bs-br-lg-custom) !important;
  }
  .brtl-lg-custom {
    border-top-left-radius: var(--bs-brtl-lg-custom) !important;
  }
  .brtr-lg-custom {
    border-top-right-radius: var(--bs-brtr-lg-custom) !important;
  }
  .brbr-lg-custom {
    border-bottom-right-radius: var(--bs-brbr-lg-custom) !important;
  }
  .brbl-lg-custom {
    border-bottom-left-radius: var(--bs-brbl-lg-custom) !important;
  }
  .br-lg-0 {
    border-radius: 0 !important;
  }
  .brtl-lg-0 {
    border-top-left-radius: 0 !important;
  }
  .brtr-lg-0 {
    border-top-right-radius: 0 !important;
  }
  .brbr-lg-0 {
    border-bottom-right-radius: 0 !important;
  }
  .brbl-lg-0 {
    border-bottom-left-radius: 0 !important;
  }
  .br-lg-1 {
    border-radius: 0.25em !important;
  }
  .brtl-lg-1 {
    border-top-left-radius: 0.25em !important;
  }
  .brtr-lg-1 {
    border-top-right-radius: 0.25em !important;
  }
  .brbr-lg-1 {
    border-bottom-right-radius: 0.25em !important;
  }
  .brbl-lg-1 {
    border-bottom-left-radius: 0.25em !important;
  }
  .br-lg-2 {
    border-radius: 0.5em !important;
  }
  .brtl-lg-2 {
    border-top-left-radius: 0.5em !important;
  }
  .brtr-lg-2 {
    border-top-right-radius: 0.5em !important;
  }
  .brbr-lg-2 {
    border-bottom-right-radius: 0.5em !important;
  }
  .brbl-lg-2 {
    border-bottom-left-radius: 0.5em !important;
  }
  .br-lg-3 {
    border-radius: 1.5em !important;
  }
  .brtl-lg-3 {
    border-top-left-radius: 1.5em !important;
  }
  .brtr-lg-3 {
    border-top-right-radius: 1.5em !important;
  }
  .brbr-lg-3 {
    border-bottom-right-radius: 1.5em !important;
  }
  .brbl-lg-3 {
    border-bottom-left-radius: 1.5em !important;
  }
  .br-lg-4 {
    border-radius: 3em !important;
  }
  .brtl-lg-4 {
    border-top-left-radius: 3em !important;
  }
  .brtr-lg-4 {
    border-top-right-radius: 3em !important;
  }
  .brbr-lg-4 {
    border-bottom-right-radius: 3em !important;
  }
  .brbl-lg-4 {
    border-bottom-left-radius: 3em !important;
  }
  .size-lg-custom,
  .size-lg-custom * {
    font-size: var(--bs-size-lg-custom) !important;
  }
  .size-lg-inherit,
  .size-lg-inherit * {
    font-size: var(--size) !important;
  }
  .size-lg-inherit h1 {
    font-size: var(--size-h1) !important;
  }
  .size-lg-inherit h2,
  .size-lg-inherit h2 * {
    font-size: var(--size-h2) !important;
  }
  .size-lg-inherit h3,
  .size-lg-inherit h3 * {
    font-size: var(--size-h3) !important;
  }
  .size-lg-inherit h4,
  .size-lg-inherit h4 * {
    font-size: var(--size-h4) !important;
  }
  .size-lg-inherit h5,
  .size-lg-inherit h5 * {
    font-size: var(--size-h5) !important;
  }
  .size-lg-inherit h6,
  .size-lg-inherit h6 * {
    font-size: var(--size-h6) !important;
  }
  .size-lg-1,
  .size-lg-1 * {
    font-size: var(--size-1) !important;
  }
  .size-lg-2,
  .size-lg-2 * {
    font-size: var(--size-2) !important;
  }
  .size-lg-3,
  .size-lg-3 * {
    font-size: var(--size-3) !important;
  }
  .size-lg-4,
  .size-lg-4 * {
    font-size: var(--size-4) !important;
  }
  .size-lg-5,
  .size-lg-5 * {
    font-size: var(--size-5) !important;
  }
  .size-lg-6,
  .size-lg-6 * {
    font-size: var(--size-6) !important;
  }
  .size-lg-7,
  .size-lg-7 * {
    font-size: var(--size-7) !important;
  }
  .lh-lg-custom,
  .lh-lg-custom * {
    line-height: var(--bs-lh-lg-custom) !important;
  }
  .lh-lg-inherit,
  .lh-lg-inherit * {
    line-height: var(--line-height) !important;
  }
  .lh-lg-1,
  .lh-lg-1 * {
    line-height: 1 !important;
  }
  .lh-lg-2,
  .lh-lg-2 * {
    line-height: 1.2 !important;
  }
  .lh-lg-3,
  .lh-lg-3 * {
    line-height: 1.7 !important;
  }
  .weight-lg-custom,
  .weight-lg-custom * {
    font-size: var(--bs-weight-lg-custom) !important;
  }
  .weight-lg-100,
  .weight-lg-100 * {
    font-weight: 100 !important;
  }
  .weight-lg-200,
  .weight-lg-200 * {
    font-weight: 200 !important;
  }
  .weight-lg-300,
  .weight-lg-300 * {
    font-weight: 300 !important;
  }
  .weight-lg-400,
  .weight-lg-400 * {
    font-weight: 400 !important;
  }
  .weight-lg-500,
  .weight-lg-500 * {
    font-weight: 500 !important;
  }
  .weight-lg-600,
  .weight-lg-600 * {
    font-weight: 600 !important;
  }
  .weight-lg-700,
  .weight-lg-700 * {
    font-weight: 700 !important;
  }
  .weight-lg-800,
  .weight-lg-800 * {
    font-weight: 800 !important;
  }
  .weight-lg-900,
  .weight-lg-900 * {
    font-weight: 900 !important;
  }
  .image_size-lg-custom {
    background-size: var(--bs-image_size-lg-custom) !important;
  }
  .image_size-lg-cover {
    background-size: cover !important;
  }
  .image_size-lg-contain {
    background-size: contain !important;
  }
  .image_size-lg-auto {
    background-size: auto !important;
  }
  .image_pos-lg-custom {
    background-position: var(--bs-image_pos-lg-custom) !important;
  }
  .image_pos-lg-top_left {
    background-position: top left !important;
  }
  .image_pos-lg-top_right {
    background-position: top right !important;
  }
  .image_pos-lg-bottom_right {
    background-position: bottom right !important;
  }
  .image_pos-lg-bottom_left {
    background-position: bottom left !important;
  }
  .image_pos-lg-center {
    background-position: center !important;
  }
  .image_repeat-lg-no_repeat {
    background-repeat: no-repeat !important;
  }
  .image_repeat-lg-repeat {
    background-repeat: repeat !important;
  }
  .image_att-lg-scroll {
    background-attachment: scroll !important;
  }
  .image_att-lg-fixed {
    background-attachment: fixed !important;
  }
  .bg-img-blend-lg-0 {
    position: relative;
  }
  .bg-img-blend-lg-0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0;
  }
  .bg-img-blend-lg-10 {
    position: relative;
  }
  .bg-img-blend-lg-10::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.1;
  }
  .bg-img-blend-lg-20 {
    position: relative;
  }
  .bg-img-blend-lg-20::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.2;
  }
  .bg-img-blend-lg-30 {
    position: relative;
  }
  .bg-img-blend-lg-30::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.3;
  }
  .bg-img-blend-lg-40 {
    position: relative;
  }
  .bg-img-blend-lg-40::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.4;
  }
  .bg-img-blend-lg-50 {
    position: relative;
  }
  .bg-img-blend-lg-50::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.5;
  }
  .bg-img-blend-lg-60 {
    position: relative;
  }
  .bg-img-blend-lg-60::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.6;
  }
  .bg-img-blend-lg-70 {
    position: relative;
  }
  .bg-img-blend-lg-70::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.7;
  }
  .bg-img-blend-lg-80 {
    position: relative;
  }
  .bg-img-blend-lg-80::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.8;
  }
  .bg-img-blend-lg-90 {
    position: relative;
  }
  .bg-img-blend-lg-90::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.9;
  }
  .bg-img-blend-lg-100 {
    position: relative;
  }
  .bg-img-blend-lg-100::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 1;
  }
}
@media (min-width: 1200px) {
  .floating-xl-2 {
    position: absolute !important;
    height: 100% !important;
  }
  .floating-xl-1 {
    position: absolute !important;
  }
  .floating-xl-0 {
    position: relative !important;
  }
  .object_fit-xl-auto,
  .object_fit-xl-none {
    object-fit: unset !important;
    width: auto !important;
    height: auto !important;
  }
  .object_fit-xl-cover {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
  }
  .object_fit-xl-contain {
    object-fit: contain !important;
    width: 100% !important;
    height: 100% !important;
  }
  .object_pos-xl-center {
    object-position: center !important;
  }
  .object_pos-xl-top_left {
    object-position: top left !important;
  }
  .object_pos-xl-top_right {
    object-position: top right !important;
  }
  .object_pos-xl-bottom_left {
    object-position: bottom left !important;
  }
  .object_pos-xl-bottom_right {
    object-position: bottom right !important;
  }
  .h-xl-25 {
    height: 25% !important;
  }
  .w-xl-25 {
    width: 25% !important;
  }
  .h-xl-50 {
    height: 50% !important;
  }
  .w-xl-50 {
    width: 50% !important;
  }
  .h-xl-75 {
    height: 75% !important;
  }
  .w-xl-75 {
    width: 75% !important;
  }
  .h-xl-100 {
    height: 100% !important;
  }
  .w-xl-100 {
    width: 100% !important;
  }
  .h-xl-auto {
    height: auto !important;
  }
  .w-xl-auto {
    width: auto !important;
  }
  .text-xl-uppercase,
  .text-xl-uppercase :where(h1, h2, h3, h4, h5, h6, p) {
    text-transform: uppercase !important;
  }
  .text-xl-lowercase,
  .text-xl-lowercase :where(h1, h2, h3, h4, h5, h6, p) {
    text-transform: lowercase !important;
  }
  .text-xl-capitalize,
  .text-xl-capitalize :where(h1, h2, h3, h4, h5, h6, p) {
    text-transform: capitalize !important;
  }
  .text-xl-notransform,
  .text-xl-notransform :where(h1, h2, h3, h4, h5, h6, p) {
    text-transform: none !important;
  }
  .cc-xl-custom {
    border-width: var(--bs-cc-xl-custom) !important;
  }
  .cc-xl-1 {
    column-count: 1 !important;
  }
  .cc-xl-2 {
    column-count: 2 !important;
  }
  .cc-xl-3 {
    column-count: 3 !important;
  }
  .cc-xl-4 {
    column-count: 4 !important;
  }
  .cc-xl-5 {
    column-count: 5 !important;
  }
  .cw-xl-custom {
    border-width: var(--bs-cw-xl-custom) !important;
  }
  .cw-xl-1 {
    column-width: 10em !important;
  }
  .cw-xl-2 {
    column-width: 15em !important;
  }
  .cw-xl-3 {
    column-width: 20em !important;
  }
  .cw-xl-4 {
    column-width: 25em !important;
  }
  .cg-xl-custom {
    border-width: var(--bs-cg-xl-custom) !important;
  }
  .cg-xl-1 {
    column-gap: var(--bs-spacing-3) !important;
  }
  .cg-xl-2 {
    column-gap: var(--bs-spacing-4) !important;
  }
  .cg-xl-3 {
    column-gap: var(--bs-spacing-5) !important;
  }
  .readmore-xl-custom {
    overflow: hidden !important;
  }
  .readmore-xl-custom:not(.readmore-open) {
    height: var(--bs-readmore-xl-custom) !important;
  }
  .readmore-xl-custom + .readmore-action {
    position: relative;
    text-align: center;
    cursor: pointer;
    font-size: 0.9em;
    margin-top: var(--bs-spacing-2);
  }
  .readmore-xl-custom:not(.readmore-open) + .readmore-action .when-open {
    display: none;
  }
  .readmore-xl-custom.readmore-open + .readmore-action .when-closed {
    display: none;
  }
  .readmore-xl-0 {
    height: auto !important;
    overflow: visible !important;
  }
  .readmore-xl-1 {
    overflow: hidden !important;
  }
  .readmore-xl-1:not(.readmore-open) {
    height: 150px !important;
  }
  .readmore-xl-1 + .readmore-action {
    display: block;
  }
  .readmore-xl-1:not(.readmore-open) + .readmore-action .when-open {
    display: none;
  }
  .readmore-xl-1.readmore-open + .readmore-action .when-closed {
    display: none;
  }
  .readmore-xl-2 {
    overflow: hidden !important;
  }
  .readmore-xl-2:not(.readmore-open) {
    height: 300px !important;
  }
  .readmore-xl-2 + .readmore-action {
    display: block;
  }
  .readmore-xl-2:not(.readmore-open) + .readmore-action .when-open {
    display: none;
  }
  .readmore-xl-2.readmore-open + .readmore-action .when-closed {
    display: none;
  }
  .readmore-xl-3 {
    overflow: hidden !important;
  }
  .readmore-xl-3:not(.readmore-open) {
    height: 450px !important;
  }
  .readmore-xl-3 + .readmore-action {
    display: block;
  }
  .readmore-xl-3:not(.readmore-open) + .readmore-action .when-open {
    display: none;
  }
  .readmore-xl-3.readmore-open + .readmore-action .when-closed {
    display: none;
  }
  /* hoverables */
  .zindex-xl--10 {
    z-index: -10 !important;
  }
  .zindex-xl-10 {
    z-index: 10 !important;
  }
  .zindex-xl-20 {
    z-index: 20 !important;
  }
  .zindex-xl-30 {
    z-index: 30 !important;
  }
  .zindex-xl-40 {
    z-index: 40 !important;
  }
  .zindex-xl-50 {
    z-index: 50 !important;
  }
  .zindex-xl-60 {
    z-index: 60 !important;
  }
  .zindex-xl-70 {
    z-index: 70 !important;
  }
  .zindex-xl-80 {
    z-index: 80 !important;
  }
  .zindex-xl-90 {
    z-index: 90 !important;
  }
  .bs-xl-solid {
    border-style: solid !important;
  }
  .bs-xl-dashed {
    border-style: dashed !important;
  }
  .bs-xl-dotted {
    border-style: dotted !important;
  }
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
  .bw-xl-custom {
    border-width: var(--bs-bw-xl-custom) !important;
  }
  .bwt-xl-custom {
    border-top-width: var(--bs-bwt-xl-custom) !important;
  }
  .bwr-xl-custom {
    border-right-width: var(--bs-bwr-xl-custom) !important;
  }
  .bwb-xl-custom {
    border-bottom-width: var(--bs-bwb-xl-custom) !important;
  }
  .bwl-xl-custom {
    border-left-width: var(--bs-bwl-xl-custom) !important;
  }
  .bw-xl-0 {
    border-width: 0 !important;
  }
  .bwt-xl-0 {
    border-top-width: 0 !important;
  }
  .bwr-xl-0 {
    border-right-width: 0 !important;
  }
  .bwb-xl-0 {
    border-bottom-width: 0 !important;
  }
  .bwl-xl-0 {
    border-left-width: 0 !important;
  }
  .bw-xl-1 {
    border-width: 1px !important;
  }
  .bwt-xl-1 {
    border-top-width: 1px !important;
  }
  .bwr-xl-1 {
    border-right-width: 1px !important;
  }
  .bwb-xl-1 {
    border-bottom-width: 1px !important;
  }
  .bwl-xl-1 {
    border-left-width: 1px !important;
  }
  .bw-xl-2 {
    border-width: 2px !important;
  }
  .bwt-xl-2 {
    border-top-width: 2px !important;
  }
  .bwr-xl-2 {
    border-right-width: 2px !important;
  }
  .bwb-xl-2 {
    border-bottom-width: 2px !important;
  }
  .bwl-xl-2 {
    border-left-width: 2px !important;
  }
  .bw-xl-3 {
    border-width: 4px !important;
  }
  .bwt-xl-3 {
    border-top-width: 4px !important;
  }
  .bwr-xl-3 {
    border-right-width: 4px !important;
  }
  .bwb-xl-3 {
    border-bottom-width: 4px !important;
  }
  .bwl-xl-3 {
    border-left-width: 4px !important;
  }
  .bw-xl-4 {
    border-width: 8px !important;
  }
  .bwt-xl-4 {
    border-top-width: 8px !important;
  }
  .bwr-xl-4 {
    border-right-width: 8px !important;
  }
  .bwb-xl-4 {
    border-bottom-width: 8px !important;
  }
  .bwl-xl-4 {
    border-left-width: 8px !important;
  }
  .m-xl-custom {
    margin: var(--bs-m-xl-custom) !important;
  }
  .mt-xl-custom {
    margin-top: var(--bs-mt-xl-custom) !important;
  }
  .mr-xl-custom {
    margin-right: var(--bs-mr-xl-custom) !important;
  }
  .mb-xl-custom {
    margin-bottom: var(--bs-mb-xl-custom) !important;
  }
  .ml-xl-custom {
    margin-left: var(--bs-ml-xl-custom) !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-n0 {
    margin: calc(0px - 0) !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-n0,
  .my-xl-n0 {
    margin-top: calc(0px - 0) !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mr-xl-n0,
  .mx-xl-n0 {
    margin-right: calc(0px - 0) !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-n0,
  .my-xl-n0 {
    margin-bottom: calc(0px - 0) !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .ml-xl-n0,
  .mx-xl-n0 {
    margin-left: calc(0px - 0) !important;
  }
  .m-xl-1 {
    margin: var(--bs-spacing-1) !important;
  }
  .m-xl-n1 {
    margin: calc(0px - var(--bs-spacing-1)) !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: var(--bs-spacing-1) !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: calc(0px - var(--bs-spacing-1)) !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: var(--bs-spacing-1) !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: calc(0px - var(--bs-spacing-1)) !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: var(--bs-spacing-1) !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: calc(0px - var(--bs-spacing-1)) !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: var(--bs-spacing-1) !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: calc(0px - var(--bs-spacing-1)) !important;
  }
  .m-xl-2 {
    margin: var(--bs-spacing-2) !important;
  }
  .m-xl-n2 {
    margin: calc(0px - var(--bs-spacing-2)) !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: var(--bs-spacing-2) !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: calc(0px - var(--bs-spacing-2)) !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: var(--bs-spacing-2) !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: calc(0px - var(--bs-spacing-2)) !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: var(--bs-spacing-2) !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: calc(0px - var(--bs-spacing-2)) !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: var(--bs-spacing-2) !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: calc(0px - var(--bs-spacing-2)) !important;
  }
  .m-xl-3 {
    margin: var(--bs-spacing-3) !important;
  }
  .m-xl-n3 {
    margin: calc(0px - var(--bs-spacing-3)) !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: var(--bs-spacing-3) !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: calc(0px - var(--bs-spacing-3)) !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: var(--bs-spacing-3) !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: calc(0px - var(--bs-spacing-3)) !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: var(--bs-spacing-3) !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: calc(0px - var(--bs-spacing-3)) !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: var(--bs-spacing-3) !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: calc(0px - var(--bs-spacing-3)) !important;
  }
  .m-xl-4 {
    margin: var(--bs-spacing-4) !important;
  }
  .m-xl-n4 {
    margin: calc(0px - var(--bs-spacing-4)) !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: var(--bs-spacing-4) !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: calc(0px - var(--bs-spacing-4)) !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: var(--bs-spacing-4) !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: calc(0px - var(--bs-spacing-4)) !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: var(--bs-spacing-4) !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: calc(0px - var(--bs-spacing-4)) !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: var(--bs-spacing-4) !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: calc(0px - var(--bs-spacing-4)) !important;
  }
  .m-xl-5 {
    margin: var(--bs-spacing-5) !important;
  }
  .m-xl-n5 {
    margin: calc(0px - var(--bs-spacing-5)) !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: var(--bs-spacing-5) !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: calc(0px - var(--bs-spacing-5)) !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: var(--bs-spacing-5) !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: calc(0px - var(--bs-spacing-5)) !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: var(--bs-spacing-5) !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: calc(0px - var(--bs-spacing-5)) !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: var(--bs-spacing-5) !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: calc(0px - var(--bs-spacing-5)) !important;
  }
  .p-xl-custom {
    padding: var(--bs-p-xl-custom) !important;
  }
  .pt-xl-custom {
    padding-top: var(--bs-pt-xl-custom) !important;
  }
  .pr-xl-custom {
    padding-right: var(--bs-pr-xl-custom) !important;
  }
  .pb-xl-custom {
    padding-bottom: var(--bs-pb-xl-custom) !important;
  }
  .pl-xl-custom {
    padding-left: var(--bs-pl-xl-custom) !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: var(--bs-spacing-1) !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: var(--bs-spacing-1) !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: var(--bs-spacing-1) !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: var(--bs-spacing-1) !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: var(--bs-spacing-1) !important;
  }
  .p-xl-2 {
    padding: var(--bs-spacing-2) !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: var(--bs-spacing-2) !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: var(--bs-spacing-2) !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: var(--bs-spacing-2) !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: var(--bs-spacing-2) !important;
  }
  .p-xl-3 {
    padding: var(--bs-spacing-3) !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: var(--bs-spacing-3) !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: var(--bs-spacing-3) !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: var(--bs-spacing-3) !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: var(--bs-spacing-3) !important;
  }
  .p-xl-4 {
    padding: var(--bs-spacing-4) !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: var(--bs-spacing-4) !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: var(--bs-spacing-4) !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: var(--bs-spacing-4) !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: var(--bs-spacing-4) !important;
  }
  .p-xl-5 {
    padding: var(--bs-spacing-5) !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: var(--bs-spacing-5) !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: var(--bs-spacing-5) !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: var(--bs-spacing-5) !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: var(--bs-spacing-5) !important;
  }
  .br-xl-custom {
    border-radius: var(--bs-br-xl-custom) !important;
  }
  .brtl-xl-custom {
    border-top-left-radius: var(--bs-brtl-xl-custom) !important;
  }
  .brtr-xl-custom {
    border-top-right-radius: var(--bs-brtr-xl-custom) !important;
  }
  .brbr-xl-custom {
    border-bottom-right-radius: var(--bs-brbr-xl-custom) !important;
  }
  .brbl-xl-custom {
    border-bottom-left-radius: var(--bs-brbl-xl-custom) !important;
  }
  .br-xl-0 {
    border-radius: 0 !important;
  }
  .brtl-xl-0 {
    border-top-left-radius: 0 !important;
  }
  .brtr-xl-0 {
    border-top-right-radius: 0 !important;
  }
  .brbr-xl-0 {
    border-bottom-right-radius: 0 !important;
  }
  .brbl-xl-0 {
    border-bottom-left-radius: 0 !important;
  }
  .br-xl-1 {
    border-radius: 0.25em !important;
  }
  .brtl-xl-1 {
    border-top-left-radius: 0.25em !important;
  }
  .brtr-xl-1 {
    border-top-right-radius: 0.25em !important;
  }
  .brbr-xl-1 {
    border-bottom-right-radius: 0.25em !important;
  }
  .brbl-xl-1 {
    border-bottom-left-radius: 0.25em !important;
  }
  .br-xl-2 {
    border-radius: 0.5em !important;
  }
  .brtl-xl-2 {
    border-top-left-radius: 0.5em !important;
  }
  .brtr-xl-2 {
    border-top-right-radius: 0.5em !important;
  }
  .brbr-xl-2 {
    border-bottom-right-radius: 0.5em !important;
  }
  .brbl-xl-2 {
    border-bottom-left-radius: 0.5em !important;
  }
  .br-xl-3 {
    border-radius: 1.5em !important;
  }
  .brtl-xl-3 {
    border-top-left-radius: 1.5em !important;
  }
  .brtr-xl-3 {
    border-top-right-radius: 1.5em !important;
  }
  .brbr-xl-3 {
    border-bottom-right-radius: 1.5em !important;
  }
  .brbl-xl-3 {
    border-bottom-left-radius: 1.5em !important;
  }
  .br-xl-4 {
    border-radius: 3em !important;
  }
  .brtl-xl-4 {
    border-top-left-radius: 3em !important;
  }
  .brtr-xl-4 {
    border-top-right-radius: 3em !important;
  }
  .brbr-xl-4 {
    border-bottom-right-radius: 3em !important;
  }
  .brbl-xl-4 {
    border-bottom-left-radius: 3em !important;
  }
  .size-xl-custom,
  .size-xl-custom * {
    font-size: var(--bs-size-xl-custom) !important;
  }
  .size-xl-inherit,
  .size-xl-inherit * {
    font-size: var(--size) !important;
  }
  .size-xl-inherit h1 {
    font-size: var(--size-h1) !important;
  }
  .size-xl-inherit h2,
  .size-xl-inherit h2 * {
    font-size: var(--size-h2) !important;
  }
  .size-xl-inherit h3,
  .size-xl-inherit h3 * {
    font-size: var(--size-h3) !important;
  }
  .size-xl-inherit h4,
  .size-xl-inherit h4 * {
    font-size: var(--size-h4) !important;
  }
  .size-xl-inherit h5,
  .size-xl-inherit h5 * {
    font-size: var(--size-h5) !important;
  }
  .size-xl-inherit h6,
  .size-xl-inherit h6 * {
    font-size: var(--size-h6) !important;
  }
  .size-xl-1,
  .size-xl-1 * {
    font-size: var(--size-1) !important;
  }
  .size-xl-2,
  .size-xl-2 * {
    font-size: var(--size-2) !important;
  }
  .size-xl-3,
  .size-xl-3 * {
    font-size: var(--size-3) !important;
  }
  .size-xl-4,
  .size-xl-4 * {
    font-size: var(--size-4) !important;
  }
  .size-xl-5,
  .size-xl-5 * {
    font-size: var(--size-5) !important;
  }
  .size-xl-6,
  .size-xl-6 * {
    font-size: var(--size-6) !important;
  }
  .size-xl-7,
  .size-xl-7 * {
    font-size: var(--size-7) !important;
  }
  .lh-xl-custom,
  .lh-xl-custom * {
    line-height: var(--bs-lh-xl-custom) !important;
  }
  .lh-xl-inherit,
  .lh-xl-inherit * {
    line-height: var(--line-height) !important;
  }
  .lh-xl-1,
  .lh-xl-1 * {
    line-height: 1 !important;
  }
  .lh-xl-2,
  .lh-xl-2 * {
    line-height: 1.2 !important;
  }
  .lh-xl-3,
  .lh-xl-3 * {
    line-height: 1.7 !important;
  }
  .weight-xl-custom,
  .weight-xl-custom * {
    font-size: var(--bs-weight-xl-custom) !important;
  }
  .weight-xl-100,
  .weight-xl-100 * {
    font-weight: 100 !important;
  }
  .weight-xl-200,
  .weight-xl-200 * {
    font-weight: 200 !important;
  }
  .weight-xl-300,
  .weight-xl-300 * {
    font-weight: 300 !important;
  }
  .weight-xl-400,
  .weight-xl-400 * {
    font-weight: 400 !important;
  }
  .weight-xl-500,
  .weight-xl-500 * {
    font-weight: 500 !important;
  }
  .weight-xl-600,
  .weight-xl-600 * {
    font-weight: 600 !important;
  }
  .weight-xl-700,
  .weight-xl-700 * {
    font-weight: 700 !important;
  }
  .weight-xl-800,
  .weight-xl-800 * {
    font-weight: 800 !important;
  }
  .weight-xl-900,
  .weight-xl-900 * {
    font-weight: 900 !important;
  }
  .image_size-xl-custom {
    background-size: var(--bs-image_size-xl-custom) !important;
  }
  .image_size-xl-cover {
    background-size: cover !important;
  }
  .image_size-xl-contain {
    background-size: contain !important;
  }
  .image_size-xl-auto {
    background-size: auto !important;
  }
  .image_pos-xl-custom {
    background-position: var(--bs-image_pos-xl-custom) !important;
  }
  .image_pos-xl-top_left {
    background-position: top left !important;
  }
  .image_pos-xl-top_right {
    background-position: top right !important;
  }
  .image_pos-xl-bottom_right {
    background-position: bottom right !important;
  }
  .image_pos-xl-bottom_left {
    background-position: bottom left !important;
  }
  .image_pos-xl-center {
    background-position: center !important;
  }
  .image_repeat-xl-no_repeat {
    background-repeat: no-repeat !important;
  }
  .image_repeat-xl-repeat {
    background-repeat: repeat !important;
  }
  .image_att-xl-scroll {
    background-attachment: scroll !important;
  }
  .image_att-xl-fixed {
    background-attachment: fixed !important;
  }
  .bg-img-blend-xl-0 {
    position: relative;
  }
  .bg-img-blend-xl-0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0;
  }
  .bg-img-blend-xl-10 {
    position: relative;
  }
  .bg-img-blend-xl-10::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.1;
  }
  .bg-img-blend-xl-20 {
    position: relative;
  }
  .bg-img-blend-xl-20::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.2;
  }
  .bg-img-blend-xl-30 {
    position: relative;
  }
  .bg-img-blend-xl-30::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.3;
  }
  .bg-img-blend-xl-40 {
    position: relative;
  }
  .bg-img-blend-xl-40::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.4;
  }
  .bg-img-blend-xl-50 {
    position: relative;
  }
  .bg-img-blend-xl-50::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.5;
  }
  .bg-img-blend-xl-60 {
    position: relative;
  }
  .bg-img-blend-xl-60::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.6;
  }
  .bg-img-blend-xl-70 {
    position: relative;
  }
  .bg-img-blend-xl-70::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.7;
  }
  .bg-img-blend-xl-80 {
    position: relative;
  }
  .bg-img-blend-xl-80::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.8;
  }
  .bg-img-blend-xl-90 {
    position: relative;
  }
  .bg-img-blend-xl-90::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.9;
  }
  .bg-img-blend-xl-100 {
    position: relative;
  }
  .bg-img-blend-xl-100::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 1;
  }
}
@media (min-width: 1500px) {
  .floating-xxl-2 {
    position: absolute !important;
    height: 100% !important;
  }
  .floating-xxl-1 {
    position: absolute !important;
  }
  .floating-xxl-0 {
    position: relative !important;
  }
  .object_fit-xxl-auto,
  .object_fit-xxl-none {
    object-fit: unset !important;
    width: auto !important;
    height: auto !important;
  }
  .object_fit-xxl-cover {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
  }
  .object_fit-xxl-contain {
    object-fit: contain !important;
    width: 100% !important;
    height: 100% !important;
  }
  .object_pos-xxl-center {
    object-position: center !important;
  }
  .object_pos-xxl-top_left {
    object-position: top left !important;
  }
  .object_pos-xxl-top_right {
    object-position: top right !important;
  }
  .object_pos-xxl-bottom_left {
    object-position: bottom left !important;
  }
  .object_pos-xxl-bottom_right {
    object-position: bottom right !important;
  }
  .h-xxl-25 {
    height: 25% !important;
  }
  .w-xxl-25 {
    width: 25% !important;
  }
  .h-xxl-50 {
    height: 50% !important;
  }
  .w-xxl-50 {
    width: 50% !important;
  }
  .h-xxl-75 {
    height: 75% !important;
  }
  .w-xxl-75 {
    width: 75% !important;
  }
  .h-xxl-100 {
    height: 100% !important;
  }
  .w-xxl-100 {
    width: 100% !important;
  }
  .h-xxl-auto {
    height: auto !important;
  }
  .w-xxl-auto {
    width: auto !important;
  }
  .text-xxl-uppercase,
  .text-xxl-uppercase :where(h1, h2, h3, h4, h5, h6, p) {
    text-transform: uppercase !important;
  }
  .text-xxl-lowercase,
  .text-xxl-lowercase :where(h1, h2, h3, h4, h5, h6, p) {
    text-transform: lowercase !important;
  }
  .text-xxl-capitalize,
  .text-xxl-capitalize :where(h1, h2, h3, h4, h5, h6, p) {
    text-transform: capitalize !important;
  }
  .text-xxl-notransform,
  .text-xxl-notransform :where(h1, h2, h3, h4, h5, h6, p) {
    text-transform: none !important;
  }
  .cc-xxl-custom {
    border-width: var(--bs-cc-xxl-custom) !important;
  }
  .cc-xxl-1 {
    column-count: 1 !important;
  }
  .cc-xxl-2 {
    column-count: 2 !important;
  }
  .cc-xxl-3 {
    column-count: 3 !important;
  }
  .cc-xxl-4 {
    column-count: 4 !important;
  }
  .cc-xxl-5 {
    column-count: 5 !important;
  }
  .cw-xxl-custom {
    border-width: var(--bs-cw-xxl-custom) !important;
  }
  .cw-xxl-1 {
    column-width: 10em !important;
  }
  .cw-xxl-2 {
    column-width: 15em !important;
  }
  .cw-xxl-3 {
    column-width: 20em !important;
  }
  .cw-xxl-4 {
    column-width: 25em !important;
  }
  .cg-xxl-custom {
    border-width: var(--bs-cg-xxl-custom) !important;
  }
  .cg-xxl-1 {
    column-gap: var(--bs-spacing-3) !important;
  }
  .cg-xxl-2 {
    column-gap: var(--bs-spacing-4) !important;
  }
  .cg-xxl-3 {
    column-gap: var(--bs-spacing-5) !important;
  }
  .readmore-xxl-custom {
    overflow: hidden !important;
  }
  .readmore-xxl-custom:not(.readmore-open) {
    height: var(--bs-readmore-xxl-custom) !important;
  }
  .readmore-xxl-custom + .readmore-action {
    position: relative;
    text-align: center;
    cursor: pointer;
    font-size: 0.9em;
    margin-top: var(--bs-spacing-2);
  }
  .readmore-xxl-custom:not(.readmore-open) + .readmore-action .when-open {
    display: none;
  }
  .readmore-xxl-custom.readmore-open + .readmore-action .when-closed {
    display: none;
  }
  .readmore-xxl-0 {
    height: auto !important;
    overflow: visible !important;
  }
  .readmore-xxl-1 {
    overflow: hidden !important;
  }
  .readmore-xxl-1:not(.readmore-open) {
    height: 150px !important;
  }
  .readmore-xxl-1 + .readmore-action {
    display: block;
  }
  .readmore-xxl-1:not(.readmore-open) + .readmore-action .when-open {
    display: none;
  }
  .readmore-xxl-1.readmore-open + .readmore-action .when-closed {
    display: none;
  }
  .readmore-xxl-2 {
    overflow: hidden !important;
  }
  .readmore-xxl-2:not(.readmore-open) {
    height: 300px !important;
  }
  .readmore-xxl-2 + .readmore-action {
    display: block;
  }
  .readmore-xxl-2:not(.readmore-open) + .readmore-action .when-open {
    display: none;
  }
  .readmore-xxl-2.readmore-open + .readmore-action .when-closed {
    display: none;
  }
  .readmore-xxl-3 {
    overflow: hidden !important;
  }
  .readmore-xxl-3:not(.readmore-open) {
    height: 450px !important;
  }
  .readmore-xxl-3 + .readmore-action {
    display: block;
  }
  .readmore-xxl-3:not(.readmore-open) + .readmore-action .when-open {
    display: none;
  }
  .readmore-xxl-3.readmore-open + .readmore-action .when-closed {
    display: none;
  }
  /* hoverables */
  .zindex-xxl--10 {
    z-index: -10 !important;
  }
  .zindex-xxl-10 {
    z-index: 10 !important;
  }
  .zindex-xxl-20 {
    z-index: 20 !important;
  }
  .zindex-xxl-30 {
    z-index: 30 !important;
  }
  .zindex-xxl-40 {
    z-index: 40 !important;
  }
  .zindex-xxl-50 {
    z-index: 50 !important;
  }
  .zindex-xxl-60 {
    z-index: 60 !important;
  }
  .zindex-xxl-70 {
    z-index: 70 !important;
  }
  .zindex-xxl-80 {
    z-index: 80 !important;
  }
  .zindex-xxl-90 {
    z-index: 90 !important;
  }
  .bs-xxl-solid {
    border-style: solid !important;
  }
  .bs-xxl-dashed {
    border-style: dashed !important;
  }
  .bs-xxl-dotted {
    border-style: dotted !important;
  }
  .text-xxl-left {
    text-align: left !important;
  }
  .text-xxl-right {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
  .bw-xxl-custom {
    border-width: var(--bs-bw-xxl-custom) !important;
  }
  .bwt-xxl-custom {
    border-top-width: var(--bs-bwt-xxl-custom) !important;
  }
  .bwr-xxl-custom {
    border-right-width: var(--bs-bwr-xxl-custom) !important;
  }
  .bwb-xxl-custom {
    border-bottom-width: var(--bs-bwb-xxl-custom) !important;
  }
  .bwl-xxl-custom {
    border-left-width: var(--bs-bwl-xxl-custom) !important;
  }
  .bw-xxl-0 {
    border-width: 0 !important;
  }
  .bwt-xxl-0 {
    border-top-width: 0 !important;
  }
  .bwr-xxl-0 {
    border-right-width: 0 !important;
  }
  .bwb-xxl-0 {
    border-bottom-width: 0 !important;
  }
  .bwl-xxl-0 {
    border-left-width: 0 !important;
  }
  .bw-xxl-1 {
    border-width: 1px !important;
  }
  .bwt-xxl-1 {
    border-top-width: 1px !important;
  }
  .bwr-xxl-1 {
    border-right-width: 1px !important;
  }
  .bwb-xxl-1 {
    border-bottom-width: 1px !important;
  }
  .bwl-xxl-1 {
    border-left-width: 1px !important;
  }
  .bw-xxl-2 {
    border-width: 2px !important;
  }
  .bwt-xxl-2 {
    border-top-width: 2px !important;
  }
  .bwr-xxl-2 {
    border-right-width: 2px !important;
  }
  .bwb-xxl-2 {
    border-bottom-width: 2px !important;
  }
  .bwl-xxl-2 {
    border-left-width: 2px !important;
  }
  .bw-xxl-3 {
    border-width: 4px !important;
  }
  .bwt-xxl-3 {
    border-top-width: 4px !important;
  }
  .bwr-xxl-3 {
    border-right-width: 4px !important;
  }
  .bwb-xxl-3 {
    border-bottom-width: 4px !important;
  }
  .bwl-xxl-3 {
    border-left-width: 4px !important;
  }
  .bw-xxl-4 {
    border-width: 8px !important;
  }
  .bwt-xxl-4 {
    border-top-width: 8px !important;
  }
  .bwr-xxl-4 {
    border-right-width: 8px !important;
  }
  .bwb-xxl-4 {
    border-bottom-width: 8px !important;
  }
  .bwl-xxl-4 {
    border-left-width: 8px !important;
  }
  .m-xxl-custom {
    margin: var(--bs-m-xxl-custom) !important;
  }
  .mt-xxl-custom {
    margin-top: var(--bs-mt-xxl-custom) !important;
  }
  .mr-xxl-custom {
    margin-right: var(--bs-mr-xxl-custom) !important;
  }
  .mb-xxl-custom {
    margin-bottom: var(--bs-mb-xxl-custom) !important;
  }
  .ml-xxl-custom {
    margin-left: var(--bs-ml-xxl-custom) !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-n0 {
    margin: calc(0px - 0) !important;
  }
  .mt-xxl-0,
  .my-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-n0,
  .my-xxl-n0 {
    margin-top: calc(0px - 0) !important;
  }
  .mr-xxl-0,
  .mx-xxl-0 {
    margin-right: 0 !important;
  }
  .mr-xxl-n0,
  .mx-xxl-n0 {
    margin-right: calc(0px - 0) !important;
  }
  .mb-xxl-0,
  .my-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-n0,
  .my-xxl-n0 {
    margin-bottom: calc(0px - 0) !important;
  }
  .ml-xxl-0,
  .mx-xxl-0 {
    margin-left: 0 !important;
  }
  .ml-xxl-n0,
  .mx-xxl-n0 {
    margin-left: calc(0px - 0) !important;
  }
  .m-xxl-1 {
    margin: var(--bs-spacing-1) !important;
  }
  .m-xxl-n1 {
    margin: calc(0px - var(--bs-spacing-1)) !important;
  }
  .mt-xxl-1,
  .my-xxl-1 {
    margin-top: var(--bs-spacing-1) !important;
  }
  .mt-xxl-n1,
  .my-xxl-n1 {
    margin-top: calc(0px - var(--bs-spacing-1)) !important;
  }
  .mr-xxl-1,
  .mx-xxl-1 {
    margin-right: var(--bs-spacing-1) !important;
  }
  .mr-xxl-n1,
  .mx-xxl-n1 {
    margin-right: calc(0px - var(--bs-spacing-1)) !important;
  }
  .mb-xxl-1,
  .my-xxl-1 {
    margin-bottom: var(--bs-spacing-1) !important;
  }
  .mb-xxl-n1,
  .my-xxl-n1 {
    margin-bottom: calc(0px - var(--bs-spacing-1)) !important;
  }
  .ml-xxl-1,
  .mx-xxl-1 {
    margin-left: var(--bs-spacing-1) !important;
  }
  .ml-xxl-n1,
  .mx-xxl-n1 {
    margin-left: calc(0px - var(--bs-spacing-1)) !important;
  }
  .m-xxl-2 {
    margin: var(--bs-spacing-2) !important;
  }
  .m-xxl-n2 {
    margin: calc(0px - var(--bs-spacing-2)) !important;
  }
  .mt-xxl-2,
  .my-xxl-2 {
    margin-top: var(--bs-spacing-2) !important;
  }
  .mt-xxl-n2,
  .my-xxl-n2 {
    margin-top: calc(0px - var(--bs-spacing-2)) !important;
  }
  .mr-xxl-2,
  .mx-xxl-2 {
    margin-right: var(--bs-spacing-2) !important;
  }
  .mr-xxl-n2,
  .mx-xxl-n2 {
    margin-right: calc(0px - var(--bs-spacing-2)) !important;
  }
  .mb-xxl-2,
  .my-xxl-2 {
    margin-bottom: var(--bs-spacing-2) !important;
  }
  .mb-xxl-n2,
  .my-xxl-n2 {
    margin-bottom: calc(0px - var(--bs-spacing-2)) !important;
  }
  .ml-xxl-2,
  .mx-xxl-2 {
    margin-left: var(--bs-spacing-2) !important;
  }
  .ml-xxl-n2,
  .mx-xxl-n2 {
    margin-left: calc(0px - var(--bs-spacing-2)) !important;
  }
  .m-xxl-3 {
    margin: var(--bs-spacing-3) !important;
  }
  .m-xxl-n3 {
    margin: calc(0px - var(--bs-spacing-3)) !important;
  }
  .mt-xxl-3,
  .my-xxl-3 {
    margin-top: var(--bs-spacing-3) !important;
  }
  .mt-xxl-n3,
  .my-xxl-n3 {
    margin-top: calc(0px - var(--bs-spacing-3)) !important;
  }
  .mr-xxl-3,
  .mx-xxl-3 {
    margin-right: var(--bs-spacing-3) !important;
  }
  .mr-xxl-n3,
  .mx-xxl-n3 {
    margin-right: calc(0px - var(--bs-spacing-3)) !important;
  }
  .mb-xxl-3,
  .my-xxl-3 {
    margin-bottom: var(--bs-spacing-3) !important;
  }
  .mb-xxl-n3,
  .my-xxl-n3 {
    margin-bottom: calc(0px - var(--bs-spacing-3)) !important;
  }
  .ml-xxl-3,
  .mx-xxl-3 {
    margin-left: var(--bs-spacing-3) !important;
  }
  .ml-xxl-n3,
  .mx-xxl-n3 {
    margin-left: calc(0px - var(--bs-spacing-3)) !important;
  }
  .m-xxl-4 {
    margin: var(--bs-spacing-4) !important;
  }
  .m-xxl-n4 {
    margin: calc(0px - var(--bs-spacing-4)) !important;
  }
  .mt-xxl-4,
  .my-xxl-4 {
    margin-top: var(--bs-spacing-4) !important;
  }
  .mt-xxl-n4,
  .my-xxl-n4 {
    margin-top: calc(0px - var(--bs-spacing-4)) !important;
  }
  .mr-xxl-4,
  .mx-xxl-4 {
    margin-right: var(--bs-spacing-4) !important;
  }
  .mr-xxl-n4,
  .mx-xxl-n4 {
    margin-right: calc(0px - var(--bs-spacing-4)) !important;
  }
  .mb-xxl-4,
  .my-xxl-4 {
    margin-bottom: var(--bs-spacing-4) !important;
  }
  .mb-xxl-n4,
  .my-xxl-n4 {
    margin-bottom: calc(0px - var(--bs-spacing-4)) !important;
  }
  .ml-xxl-4,
  .mx-xxl-4 {
    margin-left: var(--bs-spacing-4) !important;
  }
  .ml-xxl-n4,
  .mx-xxl-n4 {
    margin-left: calc(0px - var(--bs-spacing-4)) !important;
  }
  .m-xxl-5 {
    margin: var(--bs-spacing-5) !important;
  }
  .m-xxl-n5 {
    margin: calc(0px - var(--bs-spacing-5)) !important;
  }
  .mt-xxl-5,
  .my-xxl-5 {
    margin-top: var(--bs-spacing-5) !important;
  }
  .mt-xxl-n5,
  .my-xxl-n5 {
    margin-top: calc(0px - var(--bs-spacing-5)) !important;
  }
  .mr-xxl-5,
  .mx-xxl-5 {
    margin-right: var(--bs-spacing-5) !important;
  }
  .mr-xxl-n5,
  .mx-xxl-n5 {
    margin-right: calc(0px - var(--bs-spacing-5)) !important;
  }
  .mb-xxl-5,
  .my-xxl-5 {
    margin-bottom: var(--bs-spacing-5) !important;
  }
  .mb-xxl-n5,
  .my-xxl-n5 {
    margin-bottom: calc(0px - var(--bs-spacing-5)) !important;
  }
  .ml-xxl-5,
  .mx-xxl-5 {
    margin-left: var(--bs-spacing-5) !important;
  }
  .ml-xxl-n5,
  .mx-xxl-n5 {
    margin-left: calc(0px - var(--bs-spacing-5)) !important;
  }
  .p-xxl-custom {
    padding: var(--bs-p-xxl-custom) !important;
  }
  .pt-xxl-custom {
    padding-top: var(--bs-pt-xxl-custom) !important;
  }
  .pr-xxl-custom {
    padding-right: var(--bs-pr-xxl-custom) !important;
  }
  .pb-xxl-custom {
    padding-bottom: var(--bs-pb-xxl-custom) !important;
  }
  .pl-xxl-custom {
    padding-left: var(--bs-pl-xxl-custom) !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .pt-xxl-0,
  .py-xxl-0 {
    padding-top: 0 !important;
  }
  .pr-xxl-0,
  .px-xxl-0 {
    padding-right: 0 !important;
  }
  .pb-xxl-0,
  .py-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xxl-0,
  .px-xxl-0 {
    padding-left: 0 !important;
  }
  .p-xxl-1 {
    padding: var(--bs-spacing-1) !important;
  }
  .pt-xxl-1,
  .py-xxl-1 {
    padding-top: var(--bs-spacing-1) !important;
  }
  .pr-xxl-1,
  .px-xxl-1 {
    padding-right: var(--bs-spacing-1) !important;
  }
  .pb-xxl-1,
  .py-xxl-1 {
    padding-bottom: var(--bs-spacing-1) !important;
  }
  .pl-xxl-1,
  .px-xxl-1 {
    padding-left: var(--bs-spacing-1) !important;
  }
  .p-xxl-2 {
    padding: var(--bs-spacing-2) !important;
  }
  .pt-xxl-2,
  .py-xxl-2 {
    padding-top: var(--bs-spacing-2) !important;
  }
  .pr-xxl-2,
  .px-xxl-2 {
    padding-right: var(--bs-spacing-2) !important;
  }
  .pb-xxl-2,
  .py-xxl-2 {
    padding-bottom: var(--bs-spacing-2) !important;
  }
  .pl-xxl-2,
  .px-xxl-2 {
    padding-left: var(--bs-spacing-2) !important;
  }
  .p-xxl-3 {
    padding: var(--bs-spacing-3) !important;
  }
  .pt-xxl-3,
  .py-xxl-3 {
    padding-top: var(--bs-spacing-3) !important;
  }
  .pr-xxl-3,
  .px-xxl-3 {
    padding-right: var(--bs-spacing-3) !important;
  }
  .pb-xxl-3,
  .py-xxl-3 {
    padding-bottom: var(--bs-spacing-3) !important;
  }
  .pl-xxl-3,
  .px-xxl-3 {
    padding-left: var(--bs-spacing-3) !important;
  }
  .p-xxl-4 {
    padding: var(--bs-spacing-4) !important;
  }
  .pt-xxl-4,
  .py-xxl-4 {
    padding-top: var(--bs-spacing-4) !important;
  }
  .pr-xxl-4,
  .px-xxl-4 {
    padding-right: var(--bs-spacing-4) !important;
  }
  .pb-xxl-4,
  .py-xxl-4 {
    padding-bottom: var(--bs-spacing-4) !important;
  }
  .pl-xxl-4,
  .px-xxl-4 {
    padding-left: var(--bs-spacing-4) !important;
  }
  .p-xxl-5 {
    padding: var(--bs-spacing-5) !important;
  }
  .pt-xxl-5,
  .py-xxl-5 {
    padding-top: var(--bs-spacing-5) !important;
  }
  .pr-xxl-5,
  .px-xxl-5 {
    padding-right: var(--bs-spacing-5) !important;
  }
  .pb-xxl-5,
  .py-xxl-5 {
    padding-bottom: var(--bs-spacing-5) !important;
  }
  .pl-xxl-5,
  .px-xxl-5 {
    padding-left: var(--bs-spacing-5) !important;
  }
  .br-xxl-custom {
    border-radius: var(--bs-br-xxl-custom) !important;
  }
  .brtl-xxl-custom {
    border-top-left-radius: var(--bs-brtl-xxl-custom) !important;
  }
  .brtr-xxl-custom {
    border-top-right-radius: var(--bs-brtr-xxl-custom) !important;
  }
  .brbr-xxl-custom {
    border-bottom-right-radius: var(--bs-brbr-xxl-custom) !important;
  }
  .brbl-xxl-custom {
    border-bottom-left-radius: var(--bs-brbl-xxl-custom) !important;
  }
  .br-xxl-0 {
    border-radius: 0 !important;
  }
  .brtl-xxl-0 {
    border-top-left-radius: 0 !important;
  }
  .brtr-xxl-0 {
    border-top-right-radius: 0 !important;
  }
  .brbr-xxl-0 {
    border-bottom-right-radius: 0 !important;
  }
  .brbl-xxl-0 {
    border-bottom-left-radius: 0 !important;
  }
  .br-xxl-1 {
    border-radius: 0.25em !important;
  }
  .brtl-xxl-1 {
    border-top-left-radius: 0.25em !important;
  }
  .brtr-xxl-1 {
    border-top-right-radius: 0.25em !important;
  }
  .brbr-xxl-1 {
    border-bottom-right-radius: 0.25em !important;
  }
  .brbl-xxl-1 {
    border-bottom-left-radius: 0.25em !important;
  }
  .br-xxl-2 {
    border-radius: 0.5em !important;
  }
  .brtl-xxl-2 {
    border-top-left-radius: 0.5em !important;
  }
  .brtr-xxl-2 {
    border-top-right-radius: 0.5em !important;
  }
  .brbr-xxl-2 {
    border-bottom-right-radius: 0.5em !important;
  }
  .brbl-xxl-2 {
    border-bottom-left-radius: 0.5em !important;
  }
  .br-xxl-3 {
    border-radius: 1.5em !important;
  }
  .brtl-xxl-3 {
    border-top-left-radius: 1.5em !important;
  }
  .brtr-xxl-3 {
    border-top-right-radius: 1.5em !important;
  }
  .brbr-xxl-3 {
    border-bottom-right-radius: 1.5em !important;
  }
  .brbl-xxl-3 {
    border-bottom-left-radius: 1.5em !important;
  }
  .br-xxl-4 {
    border-radius: 3em !important;
  }
  .brtl-xxl-4 {
    border-top-left-radius: 3em !important;
  }
  .brtr-xxl-4 {
    border-top-right-radius: 3em !important;
  }
  .brbr-xxl-4 {
    border-bottom-right-radius: 3em !important;
  }
  .brbl-xxl-4 {
    border-bottom-left-radius: 3em !important;
  }
  .size-xxl-custom,
  .size-xxl-custom * {
    font-size: var(--bs-size-xxl-custom) !important;
  }
  .size-xxl-inherit,
  .size-xxl-inherit * {
    font-size: var(--size) !important;
  }
  .size-xxl-inherit h1 {
    font-size: var(--size-h1) !important;
  }
  .size-xxl-inherit h2,
  .size-xxl-inherit h2 * {
    font-size: var(--size-h2) !important;
  }
  .size-xxl-inherit h3,
  .size-xxl-inherit h3 * {
    font-size: var(--size-h3) !important;
  }
  .size-xxl-inherit h4,
  .size-xxl-inherit h4 * {
    font-size: var(--size-h4) !important;
  }
  .size-xxl-inherit h5,
  .size-xxl-inherit h5 * {
    font-size: var(--size-h5) !important;
  }
  .size-xxl-inherit h6,
  .size-xxl-inherit h6 * {
    font-size: var(--size-h6) !important;
  }
  .size-xxl-1,
  .size-xxl-1 * {
    font-size: var(--size-1) !important;
  }
  .size-xxl-2,
  .size-xxl-2 * {
    font-size: var(--size-2) !important;
  }
  .size-xxl-3,
  .size-xxl-3 * {
    font-size: var(--size-3) !important;
  }
  .size-xxl-4,
  .size-xxl-4 * {
    font-size: var(--size-4) !important;
  }
  .size-xxl-5,
  .size-xxl-5 * {
    font-size: var(--size-5) !important;
  }
  .size-xxl-6,
  .size-xxl-6 * {
    font-size: var(--size-6) !important;
  }
  .size-xxl-7,
  .size-xxl-7 * {
    font-size: var(--size-7) !important;
  }
  .lh-xxl-custom,
  .lh-xxl-custom * {
    line-height: var(--bs-lh-xxl-custom) !important;
  }
  .lh-xxl-inherit,
  .lh-xxl-inherit * {
    line-height: var(--line-height) !important;
  }
  .lh-xxl-1,
  .lh-xxl-1 * {
    line-height: 1 !important;
  }
  .lh-xxl-2,
  .lh-xxl-2 * {
    line-height: 1.2 !important;
  }
  .lh-xxl-3,
  .lh-xxl-3 * {
    line-height: 1.7 !important;
  }
  .weight-xxl-custom,
  .weight-xxl-custom * {
    font-size: var(--bs-weight-xxl-custom) !important;
  }
  .weight-xxl-100,
  .weight-xxl-100 * {
    font-weight: 100 !important;
  }
  .weight-xxl-200,
  .weight-xxl-200 * {
    font-weight: 200 !important;
  }
  .weight-xxl-300,
  .weight-xxl-300 * {
    font-weight: 300 !important;
  }
  .weight-xxl-400,
  .weight-xxl-400 * {
    font-weight: 400 !important;
  }
  .weight-xxl-500,
  .weight-xxl-500 * {
    font-weight: 500 !important;
  }
  .weight-xxl-600,
  .weight-xxl-600 * {
    font-weight: 600 !important;
  }
  .weight-xxl-700,
  .weight-xxl-700 * {
    font-weight: 700 !important;
  }
  .weight-xxl-800,
  .weight-xxl-800 * {
    font-weight: 800 !important;
  }
  .weight-xxl-900,
  .weight-xxl-900 * {
    font-weight: 900 !important;
  }
  .image_size-xxl-custom {
    background-size: var(--bs-image_size-xxl-custom) !important;
  }
  .image_size-xxl-cover {
    background-size: cover !important;
  }
  .image_size-xxl-contain {
    background-size: contain !important;
  }
  .image_size-xxl-auto {
    background-size: auto !important;
  }
  .image_pos-xxl-custom {
    background-position: var(--bs-image_pos-xxl-custom) !important;
  }
  .image_pos-xxl-top_left {
    background-position: top left !important;
  }
  .image_pos-xxl-top_right {
    background-position: top right !important;
  }
  .image_pos-xxl-bottom_right {
    background-position: bottom right !important;
  }
  .image_pos-xxl-bottom_left {
    background-position: bottom left !important;
  }
  .image_pos-xxl-center {
    background-position: center !important;
  }
  .image_repeat-xxl-no_repeat {
    background-repeat: no-repeat !important;
  }
  .image_repeat-xxl-repeat {
    background-repeat: repeat !important;
  }
  .image_att-xxl-scroll {
    background-attachment: scroll !important;
  }
  .image_att-xxl-fixed {
    background-attachment: fixed !important;
  }
  .bg-img-blend-xxl-0 {
    position: relative;
  }
  .bg-img-blend-xxl-0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0;
  }
  .bg-img-blend-xxl-10 {
    position: relative;
  }
  .bg-img-blend-xxl-10::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.1;
  }
  .bg-img-blend-xxl-20 {
    position: relative;
  }
  .bg-img-blend-xxl-20::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.2;
  }
  .bg-img-blend-xxl-30 {
    position: relative;
  }
  .bg-img-blend-xxl-30::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.3;
  }
  .bg-img-blend-xxl-40 {
    position: relative;
  }
  .bg-img-blend-xxl-40::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.4;
  }
  .bg-img-blend-xxl-50 {
    position: relative;
  }
  .bg-img-blend-xxl-50::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.5;
  }
  .bg-img-blend-xxl-60 {
    position: relative;
  }
  .bg-img-blend-xxl-60::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.6;
  }
  .bg-img-blend-xxl-70 {
    position: relative;
  }
  .bg-img-blend-xxl-70::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.7;
  }
  .bg-img-blend-xxl-80 {
    position: relative;
  }
  .bg-img-blend-xxl-80::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.8;
  }
  .bg-img-blend-xxl-90 {
    position: relative;
  }
  .bg-img-blend-xxl-90::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.9;
  }
  .bg-img-blend-xxl-100 {
    position: relative;
  }
  .bg-img-blend-xxl-100::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 1;
  }
}
/* BG */
.columnz-bgcolor-primary,
.columnz-bgcolor-primary-100 {
  background-color: var(--primary) !important;
}
.columnz-bgcolor-primary-90 {
  background-color: color-mix(in srgb, var(--primary) 90%, transparent) !important;
}
.columnz-bgcolor-primary-80 {
  background-color: color-mix(in srgb, var(--primary) 80%, transparent) !important;
}
.columnz-bgcolor-primary-70 {
  background-color: color-mix(in srgb, var(--primary) 70%, transparent) !important;
}
.columnz-bgcolor-primary-60 {
  background-color: color-mix(in srgb, var(--primary) 60%, transparent) !important;
}
.columnz-bgcolor-primary-50 {
  background-color: color-mix(in srgb, var(--primary) 50%, transparent) !important;
}
.columnz-bgcolor-primary-40 {
  background-color: color-mix(in srgb, var(--primary) 40%, transparent) !important;
}
.columnz-bgcolor-primary-30 {
  background-color: color-mix(in srgb, var(--primary) 30%, transparent) !important;
}
.columnz-bgcolor-primary-20 {
  background-color: color-mix(in srgb, var(--primary) 20%, transparent) !important;
}
.columnz-bgcolor-primary-10 {
  background-color: color-mix(in srgb, var(--primary) 10%, transparent) !important;
}
/* Color */
.columnz-color-primary,
.columnz-color-primary-100 {
  color: var(--primary) !important;
  fill: var(--primary) !important;
}
.columnz-color-primary *:not([class*="columnz-color"]),
.columnz-color-primary-100 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-primary-90 {
  color: color-mix(in srgb, var(--primary) 90%, transparent) !important;
  fill: color-mix(in srgb, var(--primary) 90%, transparent) !important;
}
.columnz-color-primary-90 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-primary-80 {
  color: color-mix(in srgb, var(--primary) 80%, transparent) !important;
  fill: color-mix(in srgb, var(--primary) 80%, transparent) !important;
}
.columnz-color-primary-80 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-primary-70 {
  color: color-mix(in srgb, var(--primary) 70%, transparent) !important;
  fill: color-mix(in srgb, var(--primary) 70%, transparent) !important;
}
.columnz-color-primary-70 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-primary-60 {
  color: color-mix(in srgb, var(--primary) 60%, transparent) !important;
  fill: color-mix(in srgb, var(--primary) 60%, transparent) !important;
}
.columnz-color-primary-60 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-primary-50 {
  color: color-mix(in srgb, var(--primary) 50%, transparent) !important;
  fill: color-mix(in srgb, var(--primary) 50%, transparent) !important;
}
.columnz-color-primary-50 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-primary-40 {
  color: color-mix(in srgb, var(--primary) 40%, transparent) !important;
  fill: color-mix(in srgb, var(--primary) 40%, transparent) !important;
}
.columnz-color-primary-40 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-primary-30 {
  color: color-mix(in srgb, var(--primary) 30%, transparent) !important;
  fill: color-mix(in srgb, var(--primary) 30%, transparent) !important;
}
.columnz-color-primary-30 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-primary-20 {
  color: color-mix(in srgb, var(--primary) 20%, transparent) !important;
  fill: color-mix(in srgb, var(--primary) 20%, transparent) !important;
}
.columnz-color-primary-20 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-primary-10 {
  color: color-mix(in srgb, var(--primary) 10%, transparent) !important;
  fill: color-mix(in srgb, var(--primary) 10%, transparent) !important;
}
.columnz-color-primary-10 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
/* Border */
.columnz-bordercolor-primary,
.columnz-bordercolor-primary-100 {
  border-color: var(--primary) !important;
}
.columnz-bordercolor-primary-90 {
  border-color: color-mix(in srgb, var(--primary) 90%, transparent) !important;
}
.columnz-bordercolor-primary-80 {
  border-color: color-mix(in srgb, var(--primary) 80%, transparent) !important;
}
.columnz-bordercolor-primary-70 {
  border-color: color-mix(in srgb, var(--primary) 70%, transparent) !important;
}
.columnz-bordercolor-primary-60 {
  border-color: color-mix(in srgb, var(--primary) 60%, transparent) !important;
}
.columnz-bordercolor-primary-50 {
  border-color: color-mix(in srgb, var(--primary) 50%, transparent) !important;
}
.columnz-bordercolor-primary-40 {
  border-color: color-mix(in srgb, var(--primary) 40%, transparent) !important;
}
.columnz-bordercolor-primary-30 {
  border-color: color-mix(in srgb, var(--primary) 30%, transparent) !important;
}
.columnz-bordercolor-primary-20 {
  border-color: color-mix(in srgb, var(--primary) 20%, transparent) !important;
}
.columnz-bordercolor-primary-10 {
  border-color: color-mix(in srgb, var(--primary) 10%, transparent) !important;
}
/* BG - light */
.columnz-bgcolor-primary_light,
.columnz-bgcolor-primary_light-100 {
  background-color: var(--primary-light) !important;
}
.columnz-bgcolor-primary_light-90 {
  background-color: color-mix(in srgb, var(--primary-light) 90%, transparent) !important;
}
.columnz-bgcolor-primary_light-80 {
  background-color: color-mix(in srgb, var(--primary-light) 80%, transparent) !important;
}
.columnz-bgcolor-primary_light-70 {
  background-color: color-mix(in srgb, var(--primary-light) 70%, transparent) !important;
}
.columnz-bgcolor-primary_light-60 {
  background-color: color-mix(in srgb, var(--primary-light) 60%, transparent) !important;
}
.columnz-bgcolor-primary_light-50 {
  background-color: color-mix(in srgb, var(--primary-light) 50%, transparent) !important;
}
.columnz-bgcolor-primary_light-40 {
  background-color: color-mix(in srgb, var(--primary-light) 40%, transparent) !important;
}
.columnz-bgcolor-primary_light-30 {
  background-color: color-mix(in srgb, var(--primary-light) 30%, transparent) !important;
}
.columnz-bgcolor-primary_light-20 {
  background-color: color-mix(in srgb, var(--primary-light) 20%, transparent) !important;
}
.columnz-bgcolor-primary_light-10 {
  background-color: color-mix(in srgb, var(--primary-light) 10%, transparent) !important;
}
/* Color - light */
.columnz-color-primary_light,
.columnz-color-primary_light-100 {
  color: var(--primary-light) !important;
  fill: var(--primary-light) !important;
}
.columnz-color-primary_light *:not([class*="columnz-color"]),
.columnz-color-primary_light-100 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-primary_light-90 {
  color: color-mix(in srgb, var(--primary-light) 90%, transparent) !important;
  fill: color-mix(in srgb, var(--primary-light) 90%, transparent) !important;
}
.columnz-color-primary_light-90 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-primary_light-80 {
  color: color-mix(in srgb, var(--primary-light) 80%, transparent) !important;
  fill: color-mix(in srgb, var(--primary-light) 80%, transparent) !important;
}
.columnz-color-primary_light-80 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-primary_light-70 {
  color: color-mix(in srgb, var(--primary-light) 70%, transparent) !important;
  fill: color-mix(in srgb, var(--primary-light) 70%, transparent) !important;
}
.columnz-color-primary_light-70 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-primary_light-60 {
  color: color-mix(in srgb, var(--primary-light) 60%, transparent) !important;
  fill: color-mix(in srgb, var(--primary-light) 60%, transparent) !important;
}
.columnz-color-primary_light-60 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-primary_light-50 {
  color: color-mix(in srgb, var(--primary-light) 50%, transparent) !important;
  fill: color-mix(in srgb, var(--primary-light) 50%, transparent) !important;
}
.columnz-color-primary_light-50 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-primary_light-40 {
  color: color-mix(in srgb, var(--primary-light) 40%, transparent) !important;
  fill: color-mix(in srgb, var(--primary-light) 40%, transparent) !important;
}
.columnz-color-primary_light-40 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-primary_light-30 {
  color: color-mix(in srgb, var(--primary-light) 30%, transparent) !important;
  fill: color-mix(in srgb, var(--primary-light) 30%, transparent) !important;
}
.columnz-color-primary_light-30 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-primary_light-20 {
  color: color-mix(in srgb, var(--primary-light) 20%, transparent) !important;
  fill: color-mix(in srgb, var(--primary-light) 20%, transparent) !important;
}
.columnz-color-primary_light-20 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-primary_light-10 {
  color: color-mix(in srgb, var(--primary-light) 10%, transparent) !important;
  fill: color-mix(in srgb, var(--primary-light) 10%, transparent) !important;
}
.columnz-color-primary_light-10 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
/* Border - light */
.columnz-bordercolor-primary_light,
.columnz-bordercolor-primary_light-100 {
  border-color: var(--primary-light) !important;
}
.columnz-bordercolor-primary_light-90 {
  border-color: color-mix(in srgb, var(--primary-light) 90%, transparent) !important;
}
.columnz-bordercolor-primary_light-80 {
  border-color: color-mix(in srgb, var(--primary-light) 80%, transparent) !important;
}
.columnz-bordercolor-primary_light-70 {
  border-color: color-mix(in srgb, var(--primary-light) 70%, transparent) !important;
}
.columnz-bordercolor-primary_light-60 {
  border-color: color-mix(in srgb, var(--primary-light) 60%, transparent) !important;
}
.columnz-bordercolor-primary_light-50 {
  border-color: color-mix(in srgb, var(--primary-light) 50%, transparent) !important;
}
.columnz-bordercolor-primary_light-40 {
  border-color: color-mix(in srgb, var(--primary-light) 40%, transparent) !important;
}
.columnz-bordercolor-primary_light-30 {
  border-color: color-mix(in srgb, var(--primary-light) 30%, transparent) !important;
}
.columnz-bordercolor-primary_light-20 {
  border-color: color-mix(in srgb, var(--primary-light) 20%, transparent) !important;
}
.columnz-bordercolor-primary_light-10 {
  border-color: color-mix(in srgb, var(--primary-light) 10%, transparent) !important;
}
/* BG - dark */
.columnz-bgcolor-primary_dark,
.columnz-bgcolor-primary_dark-100 {
  background-color: var(--primary-dark) !important;
}
.columnz-bgcolor-primary_dark-90 {
  background-color: color-mix(in srgb, var(--primary-dark) 90%, transparent) !important;
}
.columnz-bgcolor-primary_dark-80 {
  background-color: color-mix(in srgb, var(--primary-dark) 80%, transparent) !important;
}
.columnz-bgcolor-primary_dark-70 {
  background-color: color-mix(in srgb, var(--primary-dark) 70%, transparent) !important;
}
.columnz-bgcolor-primary_dark-60 {
  background-color: color-mix(in srgb, var(--primary-dark) 60%, transparent) !important;
}
.columnz-bgcolor-primary_dark-50 {
  background-color: color-mix(in srgb, var(--primary-dark) 50%, transparent) !important;
}
.columnz-bgcolor-primary_dark-40 {
  background-color: color-mix(in srgb, var(--primary-dark) 40%, transparent) !important;
}
.columnz-bgcolor-primary_dark-30 {
  background-color: color-mix(in srgb, var(--primary-dark) 30%, transparent) !important;
}
.columnz-bgcolor-primary_dark-20 {
  background-color: color-mix(in srgb, var(--primary-dark) 20%, transparent) !important;
}
.columnz-bgcolor-primary_dark-10 {
  background-color: color-mix(in srgb, var(--primary-dark) 10%, transparent) !important;
}
/* Color - dark */
.columnz-color-primary_dark,
.columnz-color-primary_dark-100 {
  color: var(--primary-dark) !important;
  fill: var(--primary-dark) !important;
}
.columnz-color-primary_dark *:not([class*="columnz-color"]),
.columnz-color-primary_dark-100 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-primary_dark-90 {
  color: color-mix(in srgb, var(--primary-dark) 90%, transparent) !important;
  fill: color-mix(in srgb, var(--primary-dark) 90%, transparent) !important;
}
.columnz-color-primary_dark-90 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-primary_dark-80 {
  color: color-mix(in srgb, var(--primary-dark) 80%, transparent) !important;
  fill: color-mix(in srgb, var(--primary-dark) 80%, transparent) !important;
}
.columnz-color-primary_dark-80 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-primary_dark-70 {
  color: color-mix(in srgb, var(--primary-dark) 70%, transparent) !important;
  fill: color-mix(in srgb, var(--primary-dark) 70%, transparent) !important;
}
.columnz-color-primary_dark-70 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-primary_dark-60 {
  color: color-mix(in srgb, var(--primary-dark) 60%, transparent) !important;
  fill: color-mix(in srgb, var(--primary-dark) 60%, transparent) !important;
}
.columnz-color-primary_dark-60 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-primary_dark-50 {
  color: color-mix(in srgb, var(--primary-dark) 50%, transparent) !important;
  fill: color-mix(in srgb, var(--primary-dark) 50%, transparent) !important;
}
.columnz-color-primary_dark-50 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-primary_dark-40 {
  color: color-mix(in srgb, var(--primary-dark) 40%, transparent) !important;
  fill: color-mix(in srgb, var(--primary-dark) 40%, transparent) !important;
}
.columnz-color-primary_dark-40 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-primary_dark-30 {
  color: color-mix(in srgb, var(--primary-dark) 30%, transparent) !important;
  fill: color-mix(in srgb, var(--primary-dark) 30%, transparent) !important;
}
.columnz-color-primary_dark-30 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-primary_dark-20 {
  color: color-mix(in srgb, var(--primary-dark) 20%, transparent) !important;
  fill: color-mix(in srgb, var(--primary-dark) 20%, transparent) !important;
}
.columnz-color-primary_dark-20 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-primary_dark-10 {
  color: color-mix(in srgb, var(--primary-dark) 10%, transparent) !important;
  fill: color-mix(in srgb, var(--primary-dark) 10%, transparent) !important;
}
.columnz-color-primary_dark-10 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
/* Border - dark */
.columnz-bordercolor-primary_dark,
.columnz-bordercolor-primary_dark-100 {
  border-color: var(--primary-dark) !important;
}
.columnz-bordercolor-primary_dark-90 {
  border-color: color-mix(in srgb, var(--primary-dark) 90%, transparent) !important;
}
.columnz-bordercolor-primary_dark-80 {
  border-color: color-mix(in srgb, var(--primary-dark) 80%, transparent) !important;
}
.columnz-bordercolor-primary_dark-70 {
  border-color: color-mix(in srgb, var(--primary-dark) 70%, transparent) !important;
}
.columnz-bordercolor-primary_dark-60 {
  border-color: color-mix(in srgb, var(--primary-dark) 60%, transparent) !important;
}
.columnz-bordercolor-primary_dark-50 {
  border-color: color-mix(in srgb, var(--primary-dark) 50%, transparent) !important;
}
.columnz-bordercolor-primary_dark-40 {
  border-color: color-mix(in srgb, var(--primary-dark) 40%, transparent) !important;
}
.columnz-bordercolor-primary_dark-30 {
  border-color: color-mix(in srgb, var(--primary-dark) 30%, transparent) !important;
}
.columnz-bordercolor-primary_dark-20 {
  border-color: color-mix(in srgb, var(--primary-dark) 20%, transparent) !important;
}
.columnz-bordercolor-primary_dark-10 {
  border-color: color-mix(in srgb, var(--primary-dark) 10%, transparent) !important;
}
/* BG */
.columnz-bgcolor-secondary,
.columnz-bgcolor-secondary-100 {
  background-color: var(--secondary) !important;
}
.columnz-bgcolor-secondary-90 {
  background-color: color-mix(in srgb, var(--secondary) 90%, transparent) !important;
}
.columnz-bgcolor-secondary-80 {
  background-color: color-mix(in srgb, var(--secondary) 80%, transparent) !important;
}
.columnz-bgcolor-secondary-70 {
  background-color: color-mix(in srgb, var(--secondary) 70%, transparent) !important;
}
.columnz-bgcolor-secondary-60 {
  background-color: color-mix(in srgb, var(--secondary) 60%, transparent) !important;
}
.columnz-bgcolor-secondary-50 {
  background-color: color-mix(in srgb, var(--secondary) 50%, transparent) !important;
}
.columnz-bgcolor-secondary-40 {
  background-color: color-mix(in srgb, var(--secondary) 40%, transparent) !important;
}
.columnz-bgcolor-secondary-30 {
  background-color: color-mix(in srgb, var(--secondary) 30%, transparent) !important;
}
.columnz-bgcolor-secondary-20 {
  background-color: color-mix(in srgb, var(--secondary) 20%, transparent) !important;
}
.columnz-bgcolor-secondary-10 {
  background-color: color-mix(in srgb, var(--secondary) 10%, transparent) !important;
}
/* Color */
.columnz-color-secondary,
.columnz-color-secondary-100 {
  color: var(--secondary) !important;
  fill: var(--secondary) !important;
}
.columnz-color-secondary *:not([class*="columnz-color"]),
.columnz-color-secondary-100 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-secondary-90 {
  color: color-mix(in srgb, var(--secondary) 90%, transparent) !important;
  fill: color-mix(in srgb, var(--secondary) 90%, transparent) !important;
}
.columnz-color-secondary-90 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-secondary-80 {
  color: color-mix(in srgb, var(--secondary) 80%, transparent) !important;
  fill: color-mix(in srgb, var(--secondary) 80%, transparent) !important;
}
.columnz-color-secondary-80 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-secondary-70 {
  color: color-mix(in srgb, var(--secondary) 70%, transparent) !important;
  fill: color-mix(in srgb, var(--secondary) 70%, transparent) !important;
}
.columnz-color-secondary-70 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-secondary-60 {
  color: color-mix(in srgb, var(--secondary) 60%, transparent) !important;
  fill: color-mix(in srgb, var(--secondary) 60%, transparent) !important;
}
.columnz-color-secondary-60 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-secondary-50 {
  color: color-mix(in srgb, var(--secondary) 50%, transparent) !important;
  fill: color-mix(in srgb, var(--secondary) 50%, transparent) !important;
}
.columnz-color-secondary-50 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-secondary-40 {
  color: color-mix(in srgb, var(--secondary) 40%, transparent) !important;
  fill: color-mix(in srgb, var(--secondary) 40%, transparent) !important;
}
.columnz-color-secondary-40 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-secondary-30 {
  color: color-mix(in srgb, var(--secondary) 30%, transparent) !important;
  fill: color-mix(in srgb, var(--secondary) 30%, transparent) !important;
}
.columnz-color-secondary-30 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-secondary-20 {
  color: color-mix(in srgb, var(--secondary) 20%, transparent) !important;
  fill: color-mix(in srgb, var(--secondary) 20%, transparent) !important;
}
.columnz-color-secondary-20 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-secondary-10 {
  color: color-mix(in srgb, var(--secondary) 10%, transparent) !important;
  fill: color-mix(in srgb, var(--secondary) 10%, transparent) !important;
}
.columnz-color-secondary-10 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
/* Border */
.columnz-bordercolor-secondary,
.columnz-bordercolor-secondary-100 {
  border-color: var(--secondary) !important;
}
.columnz-bordercolor-secondary-90 {
  border-color: color-mix(in srgb, var(--secondary) 90%, transparent) !important;
}
.columnz-bordercolor-secondary-80 {
  border-color: color-mix(in srgb, var(--secondary) 80%, transparent) !important;
}
.columnz-bordercolor-secondary-70 {
  border-color: color-mix(in srgb, var(--secondary) 70%, transparent) !important;
}
.columnz-bordercolor-secondary-60 {
  border-color: color-mix(in srgb, var(--secondary) 60%, transparent) !important;
}
.columnz-bordercolor-secondary-50 {
  border-color: color-mix(in srgb, var(--secondary) 50%, transparent) !important;
}
.columnz-bordercolor-secondary-40 {
  border-color: color-mix(in srgb, var(--secondary) 40%, transparent) !important;
}
.columnz-bordercolor-secondary-30 {
  border-color: color-mix(in srgb, var(--secondary) 30%, transparent) !important;
}
.columnz-bordercolor-secondary-20 {
  border-color: color-mix(in srgb, var(--secondary) 20%, transparent) !important;
}
.columnz-bordercolor-secondary-10 {
  border-color: color-mix(in srgb, var(--secondary) 10%, transparent) !important;
}
/* BG - light */
.columnz-bgcolor-secondary_light,
.columnz-bgcolor-secondary_light-100 {
  background-color: var(--secondary-light) !important;
}
.columnz-bgcolor-secondary_light-90 {
  background-color: color-mix(in srgb, var(--secondary-light) 90%, transparent) !important;
}
.columnz-bgcolor-secondary_light-80 {
  background-color: color-mix(in srgb, var(--secondary-light) 80%, transparent) !important;
}
.columnz-bgcolor-secondary_light-70 {
  background-color: color-mix(in srgb, var(--secondary-light) 70%, transparent) !important;
}
.columnz-bgcolor-secondary_light-60 {
  background-color: color-mix(in srgb, var(--secondary-light) 60%, transparent) !important;
}
.columnz-bgcolor-secondary_light-50 {
  background-color: color-mix(in srgb, var(--secondary-light) 50%, transparent) !important;
}
.columnz-bgcolor-secondary_light-40 {
  background-color: color-mix(in srgb, var(--secondary-light) 40%, transparent) !important;
}
.columnz-bgcolor-secondary_light-30 {
  background-color: color-mix(in srgb, var(--secondary-light) 30%, transparent) !important;
}
.columnz-bgcolor-secondary_light-20 {
  background-color: color-mix(in srgb, var(--secondary-light) 20%, transparent) !important;
}
.columnz-bgcolor-secondary_light-10 {
  background-color: color-mix(in srgb, var(--secondary-light) 10%, transparent) !important;
}
/* Color - light */
.columnz-color-secondary_light,
.columnz-color-secondary_light-100 {
  color: var(--secondary-light) !important;
  fill: var(--secondary-light) !important;
}
.columnz-color-secondary_light *:not([class*="columnz-color"]),
.columnz-color-secondary_light-100 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-secondary_light-90 {
  color: color-mix(in srgb, var(--secondary-light) 90%, transparent) !important;
  fill: color-mix(in srgb, var(--secondary-light) 90%, transparent) !important;
}
.columnz-color-secondary_light-90 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-secondary_light-80 {
  color: color-mix(in srgb, var(--secondary-light) 80%, transparent) !important;
  fill: color-mix(in srgb, var(--secondary-light) 80%, transparent) !important;
}
.columnz-color-secondary_light-80 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-secondary_light-70 {
  color: color-mix(in srgb, var(--secondary-light) 70%, transparent) !important;
  fill: color-mix(in srgb, var(--secondary-light) 70%, transparent) !important;
}
.columnz-color-secondary_light-70 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-secondary_light-60 {
  color: color-mix(in srgb, var(--secondary-light) 60%, transparent) !important;
  fill: color-mix(in srgb, var(--secondary-light) 60%, transparent) !important;
}
.columnz-color-secondary_light-60 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-secondary_light-50 {
  color: color-mix(in srgb, var(--secondary-light) 50%, transparent) !important;
  fill: color-mix(in srgb, var(--secondary-light) 50%, transparent) !important;
}
.columnz-color-secondary_light-50 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-secondary_light-40 {
  color: color-mix(in srgb, var(--secondary-light) 40%, transparent) !important;
  fill: color-mix(in srgb, var(--secondary-light) 40%, transparent) !important;
}
.columnz-color-secondary_light-40 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-secondary_light-30 {
  color: color-mix(in srgb, var(--secondary-light) 30%, transparent) !important;
  fill: color-mix(in srgb, var(--secondary-light) 30%, transparent) !important;
}
.columnz-color-secondary_light-30 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-secondary_light-20 {
  color: color-mix(in srgb, var(--secondary-light) 20%, transparent) !important;
  fill: color-mix(in srgb, var(--secondary-light) 20%, transparent) !important;
}
.columnz-color-secondary_light-20 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-secondary_light-10 {
  color: color-mix(in srgb, var(--secondary-light) 10%, transparent) !important;
  fill: color-mix(in srgb, var(--secondary-light) 10%, transparent) !important;
}
.columnz-color-secondary_light-10 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
/* Border - light */
.columnz-bordercolor-secondary_light,
.columnz-bordercolor-secondary_light-100 {
  border-color: var(--secondary-light) !important;
}
.columnz-bordercolor-secondary_light-90 {
  border-color: color-mix(in srgb, var(--secondary-light) 90%, transparent) !important;
}
.columnz-bordercolor-secondary_light-80 {
  border-color: color-mix(in srgb, var(--secondary-light) 80%, transparent) !important;
}
.columnz-bordercolor-secondary_light-70 {
  border-color: color-mix(in srgb, var(--secondary-light) 70%, transparent) !important;
}
.columnz-bordercolor-secondary_light-60 {
  border-color: color-mix(in srgb, var(--secondary-light) 60%, transparent) !important;
}
.columnz-bordercolor-secondary_light-50 {
  border-color: color-mix(in srgb, var(--secondary-light) 50%, transparent) !important;
}
.columnz-bordercolor-secondary_light-40 {
  border-color: color-mix(in srgb, var(--secondary-light) 40%, transparent) !important;
}
.columnz-bordercolor-secondary_light-30 {
  border-color: color-mix(in srgb, var(--secondary-light) 30%, transparent) !important;
}
.columnz-bordercolor-secondary_light-20 {
  border-color: color-mix(in srgb, var(--secondary-light) 20%, transparent) !important;
}
.columnz-bordercolor-secondary_light-10 {
  border-color: color-mix(in srgb, var(--secondary-light) 10%, transparent) !important;
}
/* BG - dark */
.columnz-bgcolor-secondary_dark,
.columnz-bgcolor-secondary_dark-100 {
  background-color: var(--secondary-dark) !important;
}
.columnz-bgcolor-secondary_dark-90 {
  background-color: color-mix(in srgb, var(--secondary-dark) 90%, transparent) !important;
}
.columnz-bgcolor-secondary_dark-80 {
  background-color: color-mix(in srgb, var(--secondary-dark) 80%, transparent) !important;
}
.columnz-bgcolor-secondary_dark-70 {
  background-color: color-mix(in srgb, var(--secondary-dark) 70%, transparent) !important;
}
.columnz-bgcolor-secondary_dark-60 {
  background-color: color-mix(in srgb, var(--secondary-dark) 60%, transparent) !important;
}
.columnz-bgcolor-secondary_dark-50 {
  background-color: color-mix(in srgb, var(--secondary-dark) 50%, transparent) !important;
}
.columnz-bgcolor-secondary_dark-40 {
  background-color: color-mix(in srgb, var(--secondary-dark) 40%, transparent) !important;
}
.columnz-bgcolor-secondary_dark-30 {
  background-color: color-mix(in srgb, var(--secondary-dark) 30%, transparent) !important;
}
.columnz-bgcolor-secondary_dark-20 {
  background-color: color-mix(in srgb, var(--secondary-dark) 20%, transparent) !important;
}
.columnz-bgcolor-secondary_dark-10 {
  background-color: color-mix(in srgb, var(--secondary-dark) 10%, transparent) !important;
}
/* Color - dark */
.columnz-color-secondary_dark,
.columnz-color-secondary_dark-100 {
  color: var(--secondary-dark) !important;
  fill: var(--secondary-dark) !important;
}
.columnz-color-secondary_dark *:not([class*="columnz-color"]),
.columnz-color-secondary_dark-100 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-secondary_dark-90 {
  color: color-mix(in srgb, var(--secondary-dark) 90%, transparent) !important;
  fill: color-mix(in srgb, var(--secondary-dark) 90%, transparent) !important;
}
.columnz-color-secondary_dark-90 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-secondary_dark-80 {
  color: color-mix(in srgb, var(--secondary-dark) 80%, transparent) !important;
  fill: color-mix(in srgb, var(--secondary-dark) 80%, transparent) !important;
}
.columnz-color-secondary_dark-80 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-secondary_dark-70 {
  color: color-mix(in srgb, var(--secondary-dark) 70%, transparent) !important;
  fill: color-mix(in srgb, var(--secondary-dark) 70%, transparent) !important;
}
.columnz-color-secondary_dark-70 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-secondary_dark-60 {
  color: color-mix(in srgb, var(--secondary-dark) 60%, transparent) !important;
  fill: color-mix(in srgb, var(--secondary-dark) 60%, transparent) !important;
}
.columnz-color-secondary_dark-60 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-secondary_dark-50 {
  color: color-mix(in srgb, var(--secondary-dark) 50%, transparent) !important;
  fill: color-mix(in srgb, var(--secondary-dark) 50%, transparent) !important;
}
.columnz-color-secondary_dark-50 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-secondary_dark-40 {
  color: color-mix(in srgb, var(--secondary-dark) 40%, transparent) !important;
  fill: color-mix(in srgb, var(--secondary-dark) 40%, transparent) !important;
}
.columnz-color-secondary_dark-40 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-secondary_dark-30 {
  color: color-mix(in srgb, var(--secondary-dark) 30%, transparent) !important;
  fill: color-mix(in srgb, var(--secondary-dark) 30%, transparent) !important;
}
.columnz-color-secondary_dark-30 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-secondary_dark-20 {
  color: color-mix(in srgb, var(--secondary-dark) 20%, transparent) !important;
  fill: color-mix(in srgb, var(--secondary-dark) 20%, transparent) !important;
}
.columnz-color-secondary_dark-20 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-secondary_dark-10 {
  color: color-mix(in srgb, var(--secondary-dark) 10%, transparent) !important;
  fill: color-mix(in srgb, var(--secondary-dark) 10%, transparent) !important;
}
.columnz-color-secondary_dark-10 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
/* Border - dark */
.columnz-bordercolor-secondary_dark,
.columnz-bordercolor-secondary_dark-100 {
  border-color: var(--secondary-dark) !important;
}
.columnz-bordercolor-secondary_dark-90 {
  border-color: color-mix(in srgb, var(--secondary-dark) 90%, transparent) !important;
}
.columnz-bordercolor-secondary_dark-80 {
  border-color: color-mix(in srgb, var(--secondary-dark) 80%, transparent) !important;
}
.columnz-bordercolor-secondary_dark-70 {
  border-color: color-mix(in srgb, var(--secondary-dark) 70%, transparent) !important;
}
.columnz-bordercolor-secondary_dark-60 {
  border-color: color-mix(in srgb, var(--secondary-dark) 60%, transparent) !important;
}
.columnz-bordercolor-secondary_dark-50 {
  border-color: color-mix(in srgb, var(--secondary-dark) 50%, transparent) !important;
}
.columnz-bordercolor-secondary_dark-40 {
  border-color: color-mix(in srgb, var(--secondary-dark) 40%, transparent) !important;
}
.columnz-bordercolor-secondary_dark-30 {
  border-color: color-mix(in srgb, var(--secondary-dark) 30%, transparent) !important;
}
.columnz-bordercolor-secondary_dark-20 {
  border-color: color-mix(in srgb, var(--secondary-dark) 20%, transparent) !important;
}
.columnz-bordercolor-secondary_dark-10 {
  border-color: color-mix(in srgb, var(--secondary-dark) 10%, transparent) !important;
}
/* BG */
.columnz-bgcolor-info,
.columnz-bgcolor-info-100 {
  background-color: var(--info) !important;
}
.columnz-bgcolor-info-90 {
  background-color: color-mix(in srgb, var(--info) 90%, transparent) !important;
}
.columnz-bgcolor-info-80 {
  background-color: color-mix(in srgb, var(--info) 80%, transparent) !important;
}
.columnz-bgcolor-info-70 {
  background-color: color-mix(in srgb, var(--info) 70%, transparent) !important;
}
.columnz-bgcolor-info-60 {
  background-color: color-mix(in srgb, var(--info) 60%, transparent) !important;
}
.columnz-bgcolor-info-50 {
  background-color: color-mix(in srgb, var(--info) 50%, transparent) !important;
}
.columnz-bgcolor-info-40 {
  background-color: color-mix(in srgb, var(--info) 40%, transparent) !important;
}
.columnz-bgcolor-info-30 {
  background-color: color-mix(in srgb, var(--info) 30%, transparent) !important;
}
.columnz-bgcolor-info-20 {
  background-color: color-mix(in srgb, var(--info) 20%, transparent) !important;
}
.columnz-bgcolor-info-10 {
  background-color: color-mix(in srgb, var(--info) 10%, transparent) !important;
}
/* Color */
.columnz-color-info,
.columnz-color-info-100 {
  color: var(--info) !important;
  fill: var(--info) !important;
}
.columnz-color-info *:not([class*="columnz-color"]),
.columnz-color-info-100 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-info-90 {
  color: color-mix(in srgb, var(--info) 90%, transparent) !important;
  fill: color-mix(in srgb, var(--info) 90%, transparent) !important;
}
.columnz-color-info-90 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-info-80 {
  color: color-mix(in srgb, var(--info) 80%, transparent) !important;
  fill: color-mix(in srgb, var(--info) 80%, transparent) !important;
}
.columnz-color-info-80 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-info-70 {
  color: color-mix(in srgb, var(--info) 70%, transparent) !important;
  fill: color-mix(in srgb, var(--info) 70%, transparent) !important;
}
.columnz-color-info-70 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-info-60 {
  color: color-mix(in srgb, var(--info) 60%, transparent) !important;
  fill: color-mix(in srgb, var(--info) 60%, transparent) !important;
}
.columnz-color-info-60 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-info-50 {
  color: color-mix(in srgb, var(--info) 50%, transparent) !important;
  fill: color-mix(in srgb, var(--info) 50%, transparent) !important;
}
.columnz-color-info-50 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-info-40 {
  color: color-mix(in srgb, var(--info) 40%, transparent) !important;
  fill: color-mix(in srgb, var(--info) 40%, transparent) !important;
}
.columnz-color-info-40 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-info-30 {
  color: color-mix(in srgb, var(--info) 30%, transparent) !important;
  fill: color-mix(in srgb, var(--info) 30%, transparent) !important;
}
.columnz-color-info-30 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-info-20 {
  color: color-mix(in srgb, var(--info) 20%, transparent) !important;
  fill: color-mix(in srgb, var(--info) 20%, transparent) !important;
}
.columnz-color-info-20 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-info-10 {
  color: color-mix(in srgb, var(--info) 10%, transparent) !important;
  fill: color-mix(in srgb, var(--info) 10%, transparent) !important;
}
.columnz-color-info-10 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
/* Border */
.columnz-bordercolor-info,
.columnz-bordercolor-info-100 {
  border-color: var(--info) !important;
}
.columnz-bordercolor-info-90 {
  border-color: color-mix(in srgb, var(--info) 90%, transparent) !important;
}
.columnz-bordercolor-info-80 {
  border-color: color-mix(in srgb, var(--info) 80%, transparent) !important;
}
.columnz-bordercolor-info-70 {
  border-color: color-mix(in srgb, var(--info) 70%, transparent) !important;
}
.columnz-bordercolor-info-60 {
  border-color: color-mix(in srgb, var(--info) 60%, transparent) !important;
}
.columnz-bordercolor-info-50 {
  border-color: color-mix(in srgb, var(--info) 50%, transparent) !important;
}
.columnz-bordercolor-info-40 {
  border-color: color-mix(in srgb, var(--info) 40%, transparent) !important;
}
.columnz-bordercolor-info-30 {
  border-color: color-mix(in srgb, var(--info) 30%, transparent) !important;
}
.columnz-bordercolor-info-20 {
  border-color: color-mix(in srgb, var(--info) 20%, transparent) !important;
}
.columnz-bordercolor-info-10 {
  border-color: color-mix(in srgb, var(--info) 10%, transparent) !important;
}
/* BG - light */
.columnz-bgcolor-info_light,
.columnz-bgcolor-info_light-100 {
  background-color: var(--info-light) !important;
}
.columnz-bgcolor-info_light-90 {
  background-color: color-mix(in srgb, var(--info-light) 90%, transparent) !important;
}
.columnz-bgcolor-info_light-80 {
  background-color: color-mix(in srgb, var(--info-light) 80%, transparent) !important;
}
.columnz-bgcolor-info_light-70 {
  background-color: color-mix(in srgb, var(--info-light) 70%, transparent) !important;
}
.columnz-bgcolor-info_light-60 {
  background-color: color-mix(in srgb, var(--info-light) 60%, transparent) !important;
}
.columnz-bgcolor-info_light-50 {
  background-color: color-mix(in srgb, var(--info-light) 50%, transparent) !important;
}
.columnz-bgcolor-info_light-40 {
  background-color: color-mix(in srgb, var(--info-light) 40%, transparent) !important;
}
.columnz-bgcolor-info_light-30 {
  background-color: color-mix(in srgb, var(--info-light) 30%, transparent) !important;
}
.columnz-bgcolor-info_light-20 {
  background-color: color-mix(in srgb, var(--info-light) 20%, transparent) !important;
}
.columnz-bgcolor-info_light-10 {
  background-color: color-mix(in srgb, var(--info-light) 10%, transparent) !important;
}
/* Color - light */
.columnz-color-info_light,
.columnz-color-info_light-100 {
  color: var(--info-light) !important;
  fill: var(--info-light) !important;
}
.columnz-color-info_light *:not([class*="columnz-color"]),
.columnz-color-info_light-100 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-info_light-90 {
  color: color-mix(in srgb, var(--info-light) 90%, transparent) !important;
  fill: color-mix(in srgb, var(--info-light) 90%, transparent) !important;
}
.columnz-color-info_light-90 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-info_light-80 {
  color: color-mix(in srgb, var(--info-light) 80%, transparent) !important;
  fill: color-mix(in srgb, var(--info-light) 80%, transparent) !important;
}
.columnz-color-info_light-80 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-info_light-70 {
  color: color-mix(in srgb, var(--info-light) 70%, transparent) !important;
  fill: color-mix(in srgb, var(--info-light) 70%, transparent) !important;
}
.columnz-color-info_light-70 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-info_light-60 {
  color: color-mix(in srgb, var(--info-light) 60%, transparent) !important;
  fill: color-mix(in srgb, var(--info-light) 60%, transparent) !important;
}
.columnz-color-info_light-60 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-info_light-50 {
  color: color-mix(in srgb, var(--info-light) 50%, transparent) !important;
  fill: color-mix(in srgb, var(--info-light) 50%, transparent) !important;
}
.columnz-color-info_light-50 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-info_light-40 {
  color: color-mix(in srgb, var(--info-light) 40%, transparent) !important;
  fill: color-mix(in srgb, var(--info-light) 40%, transparent) !important;
}
.columnz-color-info_light-40 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-info_light-30 {
  color: color-mix(in srgb, var(--info-light) 30%, transparent) !important;
  fill: color-mix(in srgb, var(--info-light) 30%, transparent) !important;
}
.columnz-color-info_light-30 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-info_light-20 {
  color: color-mix(in srgb, var(--info-light) 20%, transparent) !important;
  fill: color-mix(in srgb, var(--info-light) 20%, transparent) !important;
}
.columnz-color-info_light-20 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-info_light-10 {
  color: color-mix(in srgb, var(--info-light) 10%, transparent) !important;
  fill: color-mix(in srgb, var(--info-light) 10%, transparent) !important;
}
.columnz-color-info_light-10 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
/* Border - light */
.columnz-bordercolor-info_light,
.columnz-bordercolor-info_light-100 {
  border-color: var(--info-light) !important;
}
.columnz-bordercolor-info_light-90 {
  border-color: color-mix(in srgb, var(--info-light) 90%, transparent) !important;
}
.columnz-bordercolor-info_light-80 {
  border-color: color-mix(in srgb, var(--info-light) 80%, transparent) !important;
}
.columnz-bordercolor-info_light-70 {
  border-color: color-mix(in srgb, var(--info-light) 70%, transparent) !important;
}
.columnz-bordercolor-info_light-60 {
  border-color: color-mix(in srgb, var(--info-light) 60%, transparent) !important;
}
.columnz-bordercolor-info_light-50 {
  border-color: color-mix(in srgb, var(--info-light) 50%, transparent) !important;
}
.columnz-bordercolor-info_light-40 {
  border-color: color-mix(in srgb, var(--info-light) 40%, transparent) !important;
}
.columnz-bordercolor-info_light-30 {
  border-color: color-mix(in srgb, var(--info-light) 30%, transparent) !important;
}
.columnz-bordercolor-info_light-20 {
  border-color: color-mix(in srgb, var(--info-light) 20%, transparent) !important;
}
.columnz-bordercolor-info_light-10 {
  border-color: color-mix(in srgb, var(--info-light) 10%, transparent) !important;
}
/* BG - dark */
.columnz-bgcolor-info_dark,
.columnz-bgcolor-info_dark-100 {
  background-color: var(--info-dark) !important;
}
.columnz-bgcolor-info_dark-90 {
  background-color: color-mix(in srgb, var(--info-dark) 90%, transparent) !important;
}
.columnz-bgcolor-info_dark-80 {
  background-color: color-mix(in srgb, var(--info-dark) 80%, transparent) !important;
}
.columnz-bgcolor-info_dark-70 {
  background-color: color-mix(in srgb, var(--info-dark) 70%, transparent) !important;
}
.columnz-bgcolor-info_dark-60 {
  background-color: color-mix(in srgb, var(--info-dark) 60%, transparent) !important;
}
.columnz-bgcolor-info_dark-50 {
  background-color: color-mix(in srgb, var(--info-dark) 50%, transparent) !important;
}
.columnz-bgcolor-info_dark-40 {
  background-color: color-mix(in srgb, var(--info-dark) 40%, transparent) !important;
}
.columnz-bgcolor-info_dark-30 {
  background-color: color-mix(in srgb, var(--info-dark) 30%, transparent) !important;
}
.columnz-bgcolor-info_dark-20 {
  background-color: color-mix(in srgb, var(--info-dark) 20%, transparent) !important;
}
.columnz-bgcolor-info_dark-10 {
  background-color: color-mix(in srgb, var(--info-dark) 10%, transparent) !important;
}
/* Color - dark */
.columnz-color-info_dark,
.columnz-color-info_dark-100 {
  color: var(--info-dark) !important;
  fill: var(--info-dark) !important;
}
.columnz-color-info_dark *:not([class*="columnz-color"]),
.columnz-color-info_dark-100 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-info_dark-90 {
  color: color-mix(in srgb, var(--info-dark) 90%, transparent) !important;
  fill: color-mix(in srgb, var(--info-dark) 90%, transparent) !important;
}
.columnz-color-info_dark-90 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-info_dark-80 {
  color: color-mix(in srgb, var(--info-dark) 80%, transparent) !important;
  fill: color-mix(in srgb, var(--info-dark) 80%, transparent) !important;
}
.columnz-color-info_dark-80 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-info_dark-70 {
  color: color-mix(in srgb, var(--info-dark) 70%, transparent) !important;
  fill: color-mix(in srgb, var(--info-dark) 70%, transparent) !important;
}
.columnz-color-info_dark-70 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-info_dark-60 {
  color: color-mix(in srgb, var(--info-dark) 60%, transparent) !important;
  fill: color-mix(in srgb, var(--info-dark) 60%, transparent) !important;
}
.columnz-color-info_dark-60 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-info_dark-50 {
  color: color-mix(in srgb, var(--info-dark) 50%, transparent) !important;
  fill: color-mix(in srgb, var(--info-dark) 50%, transparent) !important;
}
.columnz-color-info_dark-50 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-info_dark-40 {
  color: color-mix(in srgb, var(--info-dark) 40%, transparent) !important;
  fill: color-mix(in srgb, var(--info-dark) 40%, transparent) !important;
}
.columnz-color-info_dark-40 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-info_dark-30 {
  color: color-mix(in srgb, var(--info-dark) 30%, transparent) !important;
  fill: color-mix(in srgb, var(--info-dark) 30%, transparent) !important;
}
.columnz-color-info_dark-30 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-info_dark-20 {
  color: color-mix(in srgb, var(--info-dark) 20%, transparent) !important;
  fill: color-mix(in srgb, var(--info-dark) 20%, transparent) !important;
}
.columnz-color-info_dark-20 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-info_dark-10 {
  color: color-mix(in srgb, var(--info-dark) 10%, transparent) !important;
  fill: color-mix(in srgb, var(--info-dark) 10%, transparent) !important;
}
.columnz-color-info_dark-10 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
/* Border - dark */
.columnz-bordercolor-info_dark,
.columnz-bordercolor-info_dark-100 {
  border-color: var(--info-dark) !important;
}
.columnz-bordercolor-info_dark-90 {
  border-color: color-mix(in srgb, var(--info-dark) 90%, transparent) !important;
}
.columnz-bordercolor-info_dark-80 {
  border-color: color-mix(in srgb, var(--info-dark) 80%, transparent) !important;
}
.columnz-bordercolor-info_dark-70 {
  border-color: color-mix(in srgb, var(--info-dark) 70%, transparent) !important;
}
.columnz-bordercolor-info_dark-60 {
  border-color: color-mix(in srgb, var(--info-dark) 60%, transparent) !important;
}
.columnz-bordercolor-info_dark-50 {
  border-color: color-mix(in srgb, var(--info-dark) 50%, transparent) !important;
}
.columnz-bordercolor-info_dark-40 {
  border-color: color-mix(in srgb, var(--info-dark) 40%, transparent) !important;
}
.columnz-bordercolor-info_dark-30 {
  border-color: color-mix(in srgb, var(--info-dark) 30%, transparent) !important;
}
.columnz-bordercolor-info_dark-20 {
  border-color: color-mix(in srgb, var(--info-dark) 20%, transparent) !important;
}
.columnz-bordercolor-info_dark-10 {
  border-color: color-mix(in srgb, var(--info-dark) 10%, transparent) !important;
}
/* BG */
.columnz-bgcolor-success,
.columnz-bgcolor-success-100 {
  background-color: var(--success) !important;
}
.columnz-bgcolor-success-90 {
  background-color: color-mix(in srgb, var(--success) 90%, transparent) !important;
}
.columnz-bgcolor-success-80 {
  background-color: color-mix(in srgb, var(--success) 80%, transparent) !important;
}
.columnz-bgcolor-success-70 {
  background-color: color-mix(in srgb, var(--success) 70%, transparent) !important;
}
.columnz-bgcolor-success-60 {
  background-color: color-mix(in srgb, var(--success) 60%, transparent) !important;
}
.columnz-bgcolor-success-50 {
  background-color: color-mix(in srgb, var(--success) 50%, transparent) !important;
}
.columnz-bgcolor-success-40 {
  background-color: color-mix(in srgb, var(--success) 40%, transparent) !important;
}
.columnz-bgcolor-success-30 {
  background-color: color-mix(in srgb, var(--success) 30%, transparent) !important;
}
.columnz-bgcolor-success-20 {
  background-color: color-mix(in srgb, var(--success) 20%, transparent) !important;
}
.columnz-bgcolor-success-10 {
  background-color: color-mix(in srgb, var(--success) 10%, transparent) !important;
}
/* Color */
.columnz-color-success,
.columnz-color-success-100 {
  color: var(--success) !important;
  fill: var(--success) !important;
}
.columnz-color-success *:not([class*="columnz-color"]),
.columnz-color-success-100 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-success-90 {
  color: color-mix(in srgb, var(--success) 90%, transparent) !important;
  fill: color-mix(in srgb, var(--success) 90%, transparent) !important;
}
.columnz-color-success-90 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-success-80 {
  color: color-mix(in srgb, var(--success) 80%, transparent) !important;
  fill: color-mix(in srgb, var(--success) 80%, transparent) !important;
}
.columnz-color-success-80 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-success-70 {
  color: color-mix(in srgb, var(--success) 70%, transparent) !important;
  fill: color-mix(in srgb, var(--success) 70%, transparent) !important;
}
.columnz-color-success-70 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-success-60 {
  color: color-mix(in srgb, var(--success) 60%, transparent) !important;
  fill: color-mix(in srgb, var(--success) 60%, transparent) !important;
}
.columnz-color-success-60 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-success-50 {
  color: color-mix(in srgb, var(--success) 50%, transparent) !important;
  fill: color-mix(in srgb, var(--success) 50%, transparent) !important;
}
.columnz-color-success-50 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-success-40 {
  color: color-mix(in srgb, var(--success) 40%, transparent) !important;
  fill: color-mix(in srgb, var(--success) 40%, transparent) !important;
}
.columnz-color-success-40 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-success-30 {
  color: color-mix(in srgb, var(--success) 30%, transparent) !important;
  fill: color-mix(in srgb, var(--success) 30%, transparent) !important;
}
.columnz-color-success-30 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-success-20 {
  color: color-mix(in srgb, var(--success) 20%, transparent) !important;
  fill: color-mix(in srgb, var(--success) 20%, transparent) !important;
}
.columnz-color-success-20 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-success-10 {
  color: color-mix(in srgb, var(--success) 10%, transparent) !important;
  fill: color-mix(in srgb, var(--success) 10%, transparent) !important;
}
.columnz-color-success-10 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
/* Border */
.columnz-bordercolor-success,
.columnz-bordercolor-success-100 {
  border-color: var(--success) !important;
}
.columnz-bordercolor-success-90 {
  border-color: color-mix(in srgb, var(--success) 90%, transparent) !important;
}
.columnz-bordercolor-success-80 {
  border-color: color-mix(in srgb, var(--success) 80%, transparent) !important;
}
.columnz-bordercolor-success-70 {
  border-color: color-mix(in srgb, var(--success) 70%, transparent) !important;
}
.columnz-bordercolor-success-60 {
  border-color: color-mix(in srgb, var(--success) 60%, transparent) !important;
}
.columnz-bordercolor-success-50 {
  border-color: color-mix(in srgb, var(--success) 50%, transparent) !important;
}
.columnz-bordercolor-success-40 {
  border-color: color-mix(in srgb, var(--success) 40%, transparent) !important;
}
.columnz-bordercolor-success-30 {
  border-color: color-mix(in srgb, var(--success) 30%, transparent) !important;
}
.columnz-bordercolor-success-20 {
  border-color: color-mix(in srgb, var(--success) 20%, transparent) !important;
}
.columnz-bordercolor-success-10 {
  border-color: color-mix(in srgb, var(--success) 10%, transparent) !important;
}
/* BG - light */
.columnz-bgcolor-success_light,
.columnz-bgcolor-success_light-100 {
  background-color: var(--success-light) !important;
}
.columnz-bgcolor-success_light-90 {
  background-color: color-mix(in srgb, var(--success-light) 90%, transparent) !important;
}
.columnz-bgcolor-success_light-80 {
  background-color: color-mix(in srgb, var(--success-light) 80%, transparent) !important;
}
.columnz-bgcolor-success_light-70 {
  background-color: color-mix(in srgb, var(--success-light) 70%, transparent) !important;
}
.columnz-bgcolor-success_light-60 {
  background-color: color-mix(in srgb, var(--success-light) 60%, transparent) !important;
}
.columnz-bgcolor-success_light-50 {
  background-color: color-mix(in srgb, var(--success-light) 50%, transparent) !important;
}
.columnz-bgcolor-success_light-40 {
  background-color: color-mix(in srgb, var(--success-light) 40%, transparent) !important;
}
.columnz-bgcolor-success_light-30 {
  background-color: color-mix(in srgb, var(--success-light) 30%, transparent) !important;
}
.columnz-bgcolor-success_light-20 {
  background-color: color-mix(in srgb, var(--success-light) 20%, transparent) !important;
}
.columnz-bgcolor-success_light-10 {
  background-color: color-mix(in srgb, var(--success-light) 10%, transparent) !important;
}
/* Color - light */
.columnz-color-success_light,
.columnz-color-success_light-100 {
  color: var(--success-light) !important;
  fill: var(--success-light) !important;
}
.columnz-color-success_light *:not([class*="columnz-color"]),
.columnz-color-success_light-100 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-success_light-90 {
  color: color-mix(in srgb, var(--success-light) 90%, transparent) !important;
  fill: color-mix(in srgb, var(--success-light) 90%, transparent) !important;
}
.columnz-color-success_light-90 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-success_light-80 {
  color: color-mix(in srgb, var(--success-light) 80%, transparent) !important;
  fill: color-mix(in srgb, var(--success-light) 80%, transparent) !important;
}
.columnz-color-success_light-80 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-success_light-70 {
  color: color-mix(in srgb, var(--success-light) 70%, transparent) !important;
  fill: color-mix(in srgb, var(--success-light) 70%, transparent) !important;
}
.columnz-color-success_light-70 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-success_light-60 {
  color: color-mix(in srgb, var(--success-light) 60%, transparent) !important;
  fill: color-mix(in srgb, var(--success-light) 60%, transparent) !important;
}
.columnz-color-success_light-60 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-success_light-50 {
  color: color-mix(in srgb, var(--success-light) 50%, transparent) !important;
  fill: color-mix(in srgb, var(--success-light) 50%, transparent) !important;
}
.columnz-color-success_light-50 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-success_light-40 {
  color: color-mix(in srgb, var(--success-light) 40%, transparent) !important;
  fill: color-mix(in srgb, var(--success-light) 40%, transparent) !important;
}
.columnz-color-success_light-40 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-success_light-30 {
  color: color-mix(in srgb, var(--success-light) 30%, transparent) !important;
  fill: color-mix(in srgb, var(--success-light) 30%, transparent) !important;
}
.columnz-color-success_light-30 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-success_light-20 {
  color: color-mix(in srgb, var(--success-light) 20%, transparent) !important;
  fill: color-mix(in srgb, var(--success-light) 20%, transparent) !important;
}
.columnz-color-success_light-20 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-success_light-10 {
  color: color-mix(in srgb, var(--success-light) 10%, transparent) !important;
  fill: color-mix(in srgb, var(--success-light) 10%, transparent) !important;
}
.columnz-color-success_light-10 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
/* Border - light */
.columnz-bordercolor-success_light,
.columnz-bordercolor-success_light-100 {
  border-color: var(--success-light) !important;
}
.columnz-bordercolor-success_light-90 {
  border-color: color-mix(in srgb, var(--success-light) 90%, transparent) !important;
}
.columnz-bordercolor-success_light-80 {
  border-color: color-mix(in srgb, var(--success-light) 80%, transparent) !important;
}
.columnz-bordercolor-success_light-70 {
  border-color: color-mix(in srgb, var(--success-light) 70%, transparent) !important;
}
.columnz-bordercolor-success_light-60 {
  border-color: color-mix(in srgb, var(--success-light) 60%, transparent) !important;
}
.columnz-bordercolor-success_light-50 {
  border-color: color-mix(in srgb, var(--success-light) 50%, transparent) !important;
}
.columnz-bordercolor-success_light-40 {
  border-color: color-mix(in srgb, var(--success-light) 40%, transparent) !important;
}
.columnz-bordercolor-success_light-30 {
  border-color: color-mix(in srgb, var(--success-light) 30%, transparent) !important;
}
.columnz-bordercolor-success_light-20 {
  border-color: color-mix(in srgb, var(--success-light) 20%, transparent) !important;
}
.columnz-bordercolor-success_light-10 {
  border-color: color-mix(in srgb, var(--success-light) 10%, transparent) !important;
}
/* BG - dark */
.columnz-bgcolor-success_dark,
.columnz-bgcolor-success_dark-100 {
  background-color: var(--success-dark) !important;
}
.columnz-bgcolor-success_dark-90 {
  background-color: color-mix(in srgb, var(--success-dark) 90%, transparent) !important;
}
.columnz-bgcolor-success_dark-80 {
  background-color: color-mix(in srgb, var(--success-dark) 80%, transparent) !important;
}
.columnz-bgcolor-success_dark-70 {
  background-color: color-mix(in srgb, var(--success-dark) 70%, transparent) !important;
}
.columnz-bgcolor-success_dark-60 {
  background-color: color-mix(in srgb, var(--success-dark) 60%, transparent) !important;
}
.columnz-bgcolor-success_dark-50 {
  background-color: color-mix(in srgb, var(--success-dark) 50%, transparent) !important;
}
.columnz-bgcolor-success_dark-40 {
  background-color: color-mix(in srgb, var(--success-dark) 40%, transparent) !important;
}
.columnz-bgcolor-success_dark-30 {
  background-color: color-mix(in srgb, var(--success-dark) 30%, transparent) !important;
}
.columnz-bgcolor-success_dark-20 {
  background-color: color-mix(in srgb, var(--success-dark) 20%, transparent) !important;
}
.columnz-bgcolor-success_dark-10 {
  background-color: color-mix(in srgb, var(--success-dark) 10%, transparent) !important;
}
/* Color - dark */
.columnz-color-success_dark,
.columnz-color-success_dark-100 {
  color: var(--success-dark) !important;
  fill: var(--success-dark) !important;
}
.columnz-color-success_dark *:not([class*="columnz-color"]),
.columnz-color-success_dark-100 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-success_dark-90 {
  color: color-mix(in srgb, var(--success-dark) 90%, transparent) !important;
  fill: color-mix(in srgb, var(--success-dark) 90%, transparent) !important;
}
.columnz-color-success_dark-90 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-success_dark-80 {
  color: color-mix(in srgb, var(--success-dark) 80%, transparent) !important;
  fill: color-mix(in srgb, var(--success-dark) 80%, transparent) !important;
}
.columnz-color-success_dark-80 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-success_dark-70 {
  color: color-mix(in srgb, var(--success-dark) 70%, transparent) !important;
  fill: color-mix(in srgb, var(--success-dark) 70%, transparent) !important;
}
.columnz-color-success_dark-70 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-success_dark-60 {
  color: color-mix(in srgb, var(--success-dark) 60%, transparent) !important;
  fill: color-mix(in srgb, var(--success-dark) 60%, transparent) !important;
}
.columnz-color-success_dark-60 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-success_dark-50 {
  color: color-mix(in srgb, var(--success-dark) 50%, transparent) !important;
  fill: color-mix(in srgb, var(--success-dark) 50%, transparent) !important;
}
.columnz-color-success_dark-50 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-success_dark-40 {
  color: color-mix(in srgb, var(--success-dark) 40%, transparent) !important;
  fill: color-mix(in srgb, var(--success-dark) 40%, transparent) !important;
}
.columnz-color-success_dark-40 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-success_dark-30 {
  color: color-mix(in srgb, var(--success-dark) 30%, transparent) !important;
  fill: color-mix(in srgb, var(--success-dark) 30%, transparent) !important;
}
.columnz-color-success_dark-30 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-success_dark-20 {
  color: color-mix(in srgb, var(--success-dark) 20%, transparent) !important;
  fill: color-mix(in srgb, var(--success-dark) 20%, transparent) !important;
}
.columnz-color-success_dark-20 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-success_dark-10 {
  color: color-mix(in srgb, var(--success-dark) 10%, transparent) !important;
  fill: color-mix(in srgb, var(--success-dark) 10%, transparent) !important;
}
.columnz-color-success_dark-10 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
/* Border - dark */
.columnz-bordercolor-success_dark,
.columnz-bordercolor-success_dark-100 {
  border-color: var(--success-dark) !important;
}
.columnz-bordercolor-success_dark-90 {
  border-color: color-mix(in srgb, var(--success-dark) 90%, transparent) !important;
}
.columnz-bordercolor-success_dark-80 {
  border-color: color-mix(in srgb, var(--success-dark) 80%, transparent) !important;
}
.columnz-bordercolor-success_dark-70 {
  border-color: color-mix(in srgb, var(--success-dark) 70%, transparent) !important;
}
.columnz-bordercolor-success_dark-60 {
  border-color: color-mix(in srgb, var(--success-dark) 60%, transparent) !important;
}
.columnz-bordercolor-success_dark-50 {
  border-color: color-mix(in srgb, var(--success-dark) 50%, transparent) !important;
}
.columnz-bordercolor-success_dark-40 {
  border-color: color-mix(in srgb, var(--success-dark) 40%, transparent) !important;
}
.columnz-bordercolor-success_dark-30 {
  border-color: color-mix(in srgb, var(--success-dark) 30%, transparent) !important;
}
.columnz-bordercolor-success_dark-20 {
  border-color: color-mix(in srgb, var(--success-dark) 20%, transparent) !important;
}
.columnz-bordercolor-success_dark-10 {
  border-color: color-mix(in srgb, var(--success-dark) 10%, transparent) !important;
}
/* BG */
.columnz-bgcolor-warning,
.columnz-bgcolor-warning-100 {
  background-color: var(--warning) !important;
}
.columnz-bgcolor-warning-90 {
  background-color: color-mix(in srgb, var(--warning) 90%, transparent) !important;
}
.columnz-bgcolor-warning-80 {
  background-color: color-mix(in srgb, var(--warning) 80%, transparent) !important;
}
.columnz-bgcolor-warning-70 {
  background-color: color-mix(in srgb, var(--warning) 70%, transparent) !important;
}
.columnz-bgcolor-warning-60 {
  background-color: color-mix(in srgb, var(--warning) 60%, transparent) !important;
}
.columnz-bgcolor-warning-50 {
  background-color: color-mix(in srgb, var(--warning) 50%, transparent) !important;
}
.columnz-bgcolor-warning-40 {
  background-color: color-mix(in srgb, var(--warning) 40%, transparent) !important;
}
.columnz-bgcolor-warning-30 {
  background-color: color-mix(in srgb, var(--warning) 30%, transparent) !important;
}
.columnz-bgcolor-warning-20 {
  background-color: color-mix(in srgb, var(--warning) 20%, transparent) !important;
}
.columnz-bgcolor-warning-10 {
  background-color: color-mix(in srgb, var(--warning) 10%, transparent) !important;
}
/* Color */
.columnz-color-warning,
.columnz-color-warning-100 {
  color: var(--warning) !important;
  fill: var(--warning) !important;
}
.columnz-color-warning *:not([class*="columnz-color"]),
.columnz-color-warning-100 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-warning-90 {
  color: color-mix(in srgb, var(--warning) 90%, transparent) !important;
  fill: color-mix(in srgb, var(--warning) 90%, transparent) !important;
}
.columnz-color-warning-90 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-warning-80 {
  color: color-mix(in srgb, var(--warning) 80%, transparent) !important;
  fill: color-mix(in srgb, var(--warning) 80%, transparent) !important;
}
.columnz-color-warning-80 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-warning-70 {
  color: color-mix(in srgb, var(--warning) 70%, transparent) !important;
  fill: color-mix(in srgb, var(--warning) 70%, transparent) !important;
}
.columnz-color-warning-70 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-warning-60 {
  color: color-mix(in srgb, var(--warning) 60%, transparent) !important;
  fill: color-mix(in srgb, var(--warning) 60%, transparent) !important;
}
.columnz-color-warning-60 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-warning-50 {
  color: color-mix(in srgb, var(--warning) 50%, transparent) !important;
  fill: color-mix(in srgb, var(--warning) 50%, transparent) !important;
}
.columnz-color-warning-50 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-warning-40 {
  color: color-mix(in srgb, var(--warning) 40%, transparent) !important;
  fill: color-mix(in srgb, var(--warning) 40%, transparent) !important;
}
.columnz-color-warning-40 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-warning-30 {
  color: color-mix(in srgb, var(--warning) 30%, transparent) !important;
  fill: color-mix(in srgb, var(--warning) 30%, transparent) !important;
}
.columnz-color-warning-30 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-warning-20 {
  color: color-mix(in srgb, var(--warning) 20%, transparent) !important;
  fill: color-mix(in srgb, var(--warning) 20%, transparent) !important;
}
.columnz-color-warning-20 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-warning-10 {
  color: color-mix(in srgb, var(--warning) 10%, transparent) !important;
  fill: color-mix(in srgb, var(--warning) 10%, transparent) !important;
}
.columnz-color-warning-10 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
/* Border */
.columnz-bordercolor-warning,
.columnz-bordercolor-warning-100 {
  border-color: var(--warning) !important;
}
.columnz-bordercolor-warning-90 {
  border-color: color-mix(in srgb, var(--warning) 90%, transparent) !important;
}
.columnz-bordercolor-warning-80 {
  border-color: color-mix(in srgb, var(--warning) 80%, transparent) !important;
}
.columnz-bordercolor-warning-70 {
  border-color: color-mix(in srgb, var(--warning) 70%, transparent) !important;
}
.columnz-bordercolor-warning-60 {
  border-color: color-mix(in srgb, var(--warning) 60%, transparent) !important;
}
.columnz-bordercolor-warning-50 {
  border-color: color-mix(in srgb, var(--warning) 50%, transparent) !important;
}
.columnz-bordercolor-warning-40 {
  border-color: color-mix(in srgb, var(--warning) 40%, transparent) !important;
}
.columnz-bordercolor-warning-30 {
  border-color: color-mix(in srgb, var(--warning) 30%, transparent) !important;
}
.columnz-bordercolor-warning-20 {
  border-color: color-mix(in srgb, var(--warning) 20%, transparent) !important;
}
.columnz-bordercolor-warning-10 {
  border-color: color-mix(in srgb, var(--warning) 10%, transparent) !important;
}
/* BG - light */
.columnz-bgcolor-warning_light,
.columnz-bgcolor-warning_light-100 {
  background-color: var(--warning-light) !important;
}
.columnz-bgcolor-warning_light-90 {
  background-color: color-mix(in srgb, var(--warning-light) 90%, transparent) !important;
}
.columnz-bgcolor-warning_light-80 {
  background-color: color-mix(in srgb, var(--warning-light) 80%, transparent) !important;
}
.columnz-bgcolor-warning_light-70 {
  background-color: color-mix(in srgb, var(--warning-light) 70%, transparent) !important;
}
.columnz-bgcolor-warning_light-60 {
  background-color: color-mix(in srgb, var(--warning-light) 60%, transparent) !important;
}
.columnz-bgcolor-warning_light-50 {
  background-color: color-mix(in srgb, var(--warning-light) 50%, transparent) !important;
}
.columnz-bgcolor-warning_light-40 {
  background-color: color-mix(in srgb, var(--warning-light) 40%, transparent) !important;
}
.columnz-bgcolor-warning_light-30 {
  background-color: color-mix(in srgb, var(--warning-light) 30%, transparent) !important;
}
.columnz-bgcolor-warning_light-20 {
  background-color: color-mix(in srgb, var(--warning-light) 20%, transparent) !important;
}
.columnz-bgcolor-warning_light-10 {
  background-color: color-mix(in srgb, var(--warning-light) 10%, transparent) !important;
}
/* Color - light */
.columnz-color-warning_light,
.columnz-color-warning_light-100 {
  color: var(--warning-light) !important;
  fill: var(--warning-light) !important;
}
.columnz-color-warning_light *:not([class*="columnz-color"]),
.columnz-color-warning_light-100 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-warning_light-90 {
  color: color-mix(in srgb, var(--warning-light) 90%, transparent) !important;
  fill: color-mix(in srgb, var(--warning-light) 90%, transparent) !important;
}
.columnz-color-warning_light-90 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-warning_light-80 {
  color: color-mix(in srgb, var(--warning-light) 80%, transparent) !important;
  fill: color-mix(in srgb, var(--warning-light) 80%, transparent) !important;
}
.columnz-color-warning_light-80 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-warning_light-70 {
  color: color-mix(in srgb, var(--warning-light) 70%, transparent) !important;
  fill: color-mix(in srgb, var(--warning-light) 70%, transparent) !important;
}
.columnz-color-warning_light-70 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-warning_light-60 {
  color: color-mix(in srgb, var(--warning-light) 60%, transparent) !important;
  fill: color-mix(in srgb, var(--warning-light) 60%, transparent) !important;
}
.columnz-color-warning_light-60 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-warning_light-50 {
  color: color-mix(in srgb, var(--warning-light) 50%, transparent) !important;
  fill: color-mix(in srgb, var(--warning-light) 50%, transparent) !important;
}
.columnz-color-warning_light-50 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-warning_light-40 {
  color: color-mix(in srgb, var(--warning-light) 40%, transparent) !important;
  fill: color-mix(in srgb, var(--warning-light) 40%, transparent) !important;
}
.columnz-color-warning_light-40 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-warning_light-30 {
  color: color-mix(in srgb, var(--warning-light) 30%, transparent) !important;
  fill: color-mix(in srgb, var(--warning-light) 30%, transparent) !important;
}
.columnz-color-warning_light-30 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-warning_light-20 {
  color: color-mix(in srgb, var(--warning-light) 20%, transparent) !important;
  fill: color-mix(in srgb, var(--warning-light) 20%, transparent) !important;
}
.columnz-color-warning_light-20 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-warning_light-10 {
  color: color-mix(in srgb, var(--warning-light) 10%, transparent) !important;
  fill: color-mix(in srgb, var(--warning-light) 10%, transparent) !important;
}
.columnz-color-warning_light-10 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
/* Border - light */
.columnz-bordercolor-warning_light,
.columnz-bordercolor-warning_light-100 {
  border-color: var(--warning-light) !important;
}
.columnz-bordercolor-warning_light-90 {
  border-color: color-mix(in srgb, var(--warning-light) 90%, transparent) !important;
}
.columnz-bordercolor-warning_light-80 {
  border-color: color-mix(in srgb, var(--warning-light) 80%, transparent) !important;
}
.columnz-bordercolor-warning_light-70 {
  border-color: color-mix(in srgb, var(--warning-light) 70%, transparent) !important;
}
.columnz-bordercolor-warning_light-60 {
  border-color: color-mix(in srgb, var(--warning-light) 60%, transparent) !important;
}
.columnz-bordercolor-warning_light-50 {
  border-color: color-mix(in srgb, var(--warning-light) 50%, transparent) !important;
}
.columnz-bordercolor-warning_light-40 {
  border-color: color-mix(in srgb, var(--warning-light) 40%, transparent) !important;
}
.columnz-bordercolor-warning_light-30 {
  border-color: color-mix(in srgb, var(--warning-light) 30%, transparent) !important;
}
.columnz-bordercolor-warning_light-20 {
  border-color: color-mix(in srgb, var(--warning-light) 20%, transparent) !important;
}
.columnz-bordercolor-warning_light-10 {
  border-color: color-mix(in srgb, var(--warning-light) 10%, transparent) !important;
}
/* BG - dark */
.columnz-bgcolor-warning_dark,
.columnz-bgcolor-warning_dark-100 {
  background-color: var(--warning-dark) !important;
}
.columnz-bgcolor-warning_dark-90 {
  background-color: color-mix(in srgb, var(--warning-dark) 90%, transparent) !important;
}
.columnz-bgcolor-warning_dark-80 {
  background-color: color-mix(in srgb, var(--warning-dark) 80%, transparent) !important;
}
.columnz-bgcolor-warning_dark-70 {
  background-color: color-mix(in srgb, var(--warning-dark) 70%, transparent) !important;
}
.columnz-bgcolor-warning_dark-60 {
  background-color: color-mix(in srgb, var(--warning-dark) 60%, transparent) !important;
}
.columnz-bgcolor-warning_dark-50 {
  background-color: color-mix(in srgb, var(--warning-dark) 50%, transparent) !important;
}
.columnz-bgcolor-warning_dark-40 {
  background-color: color-mix(in srgb, var(--warning-dark) 40%, transparent) !important;
}
.columnz-bgcolor-warning_dark-30 {
  background-color: color-mix(in srgb, var(--warning-dark) 30%, transparent) !important;
}
.columnz-bgcolor-warning_dark-20 {
  background-color: color-mix(in srgb, var(--warning-dark) 20%, transparent) !important;
}
.columnz-bgcolor-warning_dark-10 {
  background-color: color-mix(in srgb, var(--warning-dark) 10%, transparent) !important;
}
/* Color - dark */
.columnz-color-warning_dark,
.columnz-color-warning_dark-100 {
  color: var(--warning-dark) !important;
  fill: var(--warning-dark) !important;
}
.columnz-color-warning_dark *:not([class*="columnz-color"]),
.columnz-color-warning_dark-100 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-warning_dark-90 {
  color: color-mix(in srgb, var(--warning-dark) 90%, transparent) !important;
  fill: color-mix(in srgb, var(--warning-dark) 90%, transparent) !important;
}
.columnz-color-warning_dark-90 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-warning_dark-80 {
  color: color-mix(in srgb, var(--warning-dark) 80%, transparent) !important;
  fill: color-mix(in srgb, var(--warning-dark) 80%, transparent) !important;
}
.columnz-color-warning_dark-80 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-warning_dark-70 {
  color: color-mix(in srgb, var(--warning-dark) 70%, transparent) !important;
  fill: color-mix(in srgb, var(--warning-dark) 70%, transparent) !important;
}
.columnz-color-warning_dark-70 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-warning_dark-60 {
  color: color-mix(in srgb, var(--warning-dark) 60%, transparent) !important;
  fill: color-mix(in srgb, var(--warning-dark) 60%, transparent) !important;
}
.columnz-color-warning_dark-60 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-warning_dark-50 {
  color: color-mix(in srgb, var(--warning-dark) 50%, transparent) !important;
  fill: color-mix(in srgb, var(--warning-dark) 50%, transparent) !important;
}
.columnz-color-warning_dark-50 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-warning_dark-40 {
  color: color-mix(in srgb, var(--warning-dark) 40%, transparent) !important;
  fill: color-mix(in srgb, var(--warning-dark) 40%, transparent) !important;
}
.columnz-color-warning_dark-40 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-warning_dark-30 {
  color: color-mix(in srgb, var(--warning-dark) 30%, transparent) !important;
  fill: color-mix(in srgb, var(--warning-dark) 30%, transparent) !important;
}
.columnz-color-warning_dark-30 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-warning_dark-20 {
  color: color-mix(in srgb, var(--warning-dark) 20%, transparent) !important;
  fill: color-mix(in srgb, var(--warning-dark) 20%, transparent) !important;
}
.columnz-color-warning_dark-20 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-warning_dark-10 {
  color: color-mix(in srgb, var(--warning-dark) 10%, transparent) !important;
  fill: color-mix(in srgb, var(--warning-dark) 10%, transparent) !important;
}
.columnz-color-warning_dark-10 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
/* Border - dark */
.columnz-bordercolor-warning_dark,
.columnz-bordercolor-warning_dark-100 {
  border-color: var(--warning-dark) !important;
}
.columnz-bordercolor-warning_dark-90 {
  border-color: color-mix(in srgb, var(--warning-dark) 90%, transparent) !important;
}
.columnz-bordercolor-warning_dark-80 {
  border-color: color-mix(in srgb, var(--warning-dark) 80%, transparent) !important;
}
.columnz-bordercolor-warning_dark-70 {
  border-color: color-mix(in srgb, var(--warning-dark) 70%, transparent) !important;
}
.columnz-bordercolor-warning_dark-60 {
  border-color: color-mix(in srgb, var(--warning-dark) 60%, transparent) !important;
}
.columnz-bordercolor-warning_dark-50 {
  border-color: color-mix(in srgb, var(--warning-dark) 50%, transparent) !important;
}
.columnz-bordercolor-warning_dark-40 {
  border-color: color-mix(in srgb, var(--warning-dark) 40%, transparent) !important;
}
.columnz-bordercolor-warning_dark-30 {
  border-color: color-mix(in srgb, var(--warning-dark) 30%, transparent) !important;
}
.columnz-bordercolor-warning_dark-20 {
  border-color: color-mix(in srgb, var(--warning-dark) 20%, transparent) !important;
}
.columnz-bordercolor-warning_dark-10 {
  border-color: color-mix(in srgb, var(--warning-dark) 10%, transparent) !important;
}
/* BG */
.columnz-bgcolor-danger,
.columnz-bgcolor-danger-100 {
  background-color: var(--danger) !important;
}
.columnz-bgcolor-danger-90 {
  background-color: color-mix(in srgb, var(--danger) 90%, transparent) !important;
}
.columnz-bgcolor-danger-80 {
  background-color: color-mix(in srgb, var(--danger) 80%, transparent) !important;
}
.columnz-bgcolor-danger-70 {
  background-color: color-mix(in srgb, var(--danger) 70%, transparent) !important;
}
.columnz-bgcolor-danger-60 {
  background-color: color-mix(in srgb, var(--danger) 60%, transparent) !important;
}
.columnz-bgcolor-danger-50 {
  background-color: color-mix(in srgb, var(--danger) 50%, transparent) !important;
}
.columnz-bgcolor-danger-40 {
  background-color: color-mix(in srgb, var(--danger) 40%, transparent) !important;
}
.columnz-bgcolor-danger-30 {
  background-color: color-mix(in srgb, var(--danger) 30%, transparent) !important;
}
.columnz-bgcolor-danger-20 {
  background-color: color-mix(in srgb, var(--danger) 20%, transparent) !important;
}
.columnz-bgcolor-danger-10 {
  background-color: color-mix(in srgb, var(--danger) 10%, transparent) !important;
}
/* Color */
.columnz-color-danger,
.columnz-color-danger-100 {
  color: var(--danger) !important;
  fill: var(--danger) !important;
}
.columnz-color-danger *:not([class*="columnz-color"]),
.columnz-color-danger-100 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-danger-90 {
  color: color-mix(in srgb, var(--danger) 90%, transparent) !important;
  fill: color-mix(in srgb, var(--danger) 90%, transparent) !important;
}
.columnz-color-danger-90 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-danger-80 {
  color: color-mix(in srgb, var(--danger) 80%, transparent) !important;
  fill: color-mix(in srgb, var(--danger) 80%, transparent) !important;
}
.columnz-color-danger-80 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-danger-70 {
  color: color-mix(in srgb, var(--danger) 70%, transparent) !important;
  fill: color-mix(in srgb, var(--danger) 70%, transparent) !important;
}
.columnz-color-danger-70 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-danger-60 {
  color: color-mix(in srgb, var(--danger) 60%, transparent) !important;
  fill: color-mix(in srgb, var(--danger) 60%, transparent) !important;
}
.columnz-color-danger-60 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-danger-50 {
  color: color-mix(in srgb, var(--danger) 50%, transparent) !important;
  fill: color-mix(in srgb, var(--danger) 50%, transparent) !important;
}
.columnz-color-danger-50 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-danger-40 {
  color: color-mix(in srgb, var(--danger) 40%, transparent) !important;
  fill: color-mix(in srgb, var(--danger) 40%, transparent) !important;
}
.columnz-color-danger-40 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-danger-30 {
  color: color-mix(in srgb, var(--danger) 30%, transparent) !important;
  fill: color-mix(in srgb, var(--danger) 30%, transparent) !important;
}
.columnz-color-danger-30 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-danger-20 {
  color: color-mix(in srgb, var(--danger) 20%, transparent) !important;
  fill: color-mix(in srgb, var(--danger) 20%, transparent) !important;
}
.columnz-color-danger-20 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-danger-10 {
  color: color-mix(in srgb, var(--danger) 10%, transparent) !important;
  fill: color-mix(in srgb, var(--danger) 10%, transparent) !important;
}
.columnz-color-danger-10 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
/* Border */
.columnz-bordercolor-danger,
.columnz-bordercolor-danger-100 {
  border-color: var(--danger) !important;
}
.columnz-bordercolor-danger-90 {
  border-color: color-mix(in srgb, var(--danger) 90%, transparent) !important;
}
.columnz-bordercolor-danger-80 {
  border-color: color-mix(in srgb, var(--danger) 80%, transparent) !important;
}
.columnz-bordercolor-danger-70 {
  border-color: color-mix(in srgb, var(--danger) 70%, transparent) !important;
}
.columnz-bordercolor-danger-60 {
  border-color: color-mix(in srgb, var(--danger) 60%, transparent) !important;
}
.columnz-bordercolor-danger-50 {
  border-color: color-mix(in srgb, var(--danger) 50%, transparent) !important;
}
.columnz-bordercolor-danger-40 {
  border-color: color-mix(in srgb, var(--danger) 40%, transparent) !important;
}
.columnz-bordercolor-danger-30 {
  border-color: color-mix(in srgb, var(--danger) 30%, transparent) !important;
}
.columnz-bordercolor-danger-20 {
  border-color: color-mix(in srgb, var(--danger) 20%, transparent) !important;
}
.columnz-bordercolor-danger-10 {
  border-color: color-mix(in srgb, var(--danger) 10%, transparent) !important;
}
/* BG - light */
.columnz-bgcolor-danger_light,
.columnz-bgcolor-danger_light-100 {
  background-color: var(--danger-light) !important;
}
.columnz-bgcolor-danger_light-90 {
  background-color: color-mix(in srgb, var(--danger-light) 90%, transparent) !important;
}
.columnz-bgcolor-danger_light-80 {
  background-color: color-mix(in srgb, var(--danger-light) 80%, transparent) !important;
}
.columnz-bgcolor-danger_light-70 {
  background-color: color-mix(in srgb, var(--danger-light) 70%, transparent) !important;
}
.columnz-bgcolor-danger_light-60 {
  background-color: color-mix(in srgb, var(--danger-light) 60%, transparent) !important;
}
.columnz-bgcolor-danger_light-50 {
  background-color: color-mix(in srgb, var(--danger-light) 50%, transparent) !important;
}
.columnz-bgcolor-danger_light-40 {
  background-color: color-mix(in srgb, var(--danger-light) 40%, transparent) !important;
}
.columnz-bgcolor-danger_light-30 {
  background-color: color-mix(in srgb, var(--danger-light) 30%, transparent) !important;
}
.columnz-bgcolor-danger_light-20 {
  background-color: color-mix(in srgb, var(--danger-light) 20%, transparent) !important;
}
.columnz-bgcolor-danger_light-10 {
  background-color: color-mix(in srgb, var(--danger-light) 10%, transparent) !important;
}
/* Color - light */
.columnz-color-danger_light,
.columnz-color-danger_light-100 {
  color: var(--danger-light) !important;
  fill: var(--danger-light) !important;
}
.columnz-color-danger_light *:not([class*="columnz-color"]),
.columnz-color-danger_light-100 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-danger_light-90 {
  color: color-mix(in srgb, var(--danger-light) 90%, transparent) !important;
  fill: color-mix(in srgb, var(--danger-light) 90%, transparent) !important;
}
.columnz-color-danger_light-90 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-danger_light-80 {
  color: color-mix(in srgb, var(--danger-light) 80%, transparent) !important;
  fill: color-mix(in srgb, var(--danger-light) 80%, transparent) !important;
}
.columnz-color-danger_light-80 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-danger_light-70 {
  color: color-mix(in srgb, var(--danger-light) 70%, transparent) !important;
  fill: color-mix(in srgb, var(--danger-light) 70%, transparent) !important;
}
.columnz-color-danger_light-70 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-danger_light-60 {
  color: color-mix(in srgb, var(--danger-light) 60%, transparent) !important;
  fill: color-mix(in srgb, var(--danger-light) 60%, transparent) !important;
}
.columnz-color-danger_light-60 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-danger_light-50 {
  color: color-mix(in srgb, var(--danger-light) 50%, transparent) !important;
  fill: color-mix(in srgb, var(--danger-light) 50%, transparent) !important;
}
.columnz-color-danger_light-50 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-danger_light-40 {
  color: color-mix(in srgb, var(--danger-light) 40%, transparent) !important;
  fill: color-mix(in srgb, var(--danger-light) 40%, transparent) !important;
}
.columnz-color-danger_light-40 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-danger_light-30 {
  color: color-mix(in srgb, var(--danger-light) 30%, transparent) !important;
  fill: color-mix(in srgb, var(--danger-light) 30%, transparent) !important;
}
.columnz-color-danger_light-30 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-danger_light-20 {
  color: color-mix(in srgb, var(--danger-light) 20%, transparent) !important;
  fill: color-mix(in srgb, var(--danger-light) 20%, transparent) !important;
}
.columnz-color-danger_light-20 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-danger_light-10 {
  color: color-mix(in srgb, var(--danger-light) 10%, transparent) !important;
  fill: color-mix(in srgb, var(--danger-light) 10%, transparent) !important;
}
.columnz-color-danger_light-10 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
/* Border - light */
.columnz-bordercolor-danger_light,
.columnz-bordercolor-danger_light-100 {
  border-color: var(--danger-light) !important;
}
.columnz-bordercolor-danger_light-90 {
  border-color: color-mix(in srgb, var(--danger-light) 90%, transparent) !important;
}
.columnz-bordercolor-danger_light-80 {
  border-color: color-mix(in srgb, var(--danger-light) 80%, transparent) !important;
}
.columnz-bordercolor-danger_light-70 {
  border-color: color-mix(in srgb, var(--danger-light) 70%, transparent) !important;
}
.columnz-bordercolor-danger_light-60 {
  border-color: color-mix(in srgb, var(--danger-light) 60%, transparent) !important;
}
.columnz-bordercolor-danger_light-50 {
  border-color: color-mix(in srgb, var(--danger-light) 50%, transparent) !important;
}
.columnz-bordercolor-danger_light-40 {
  border-color: color-mix(in srgb, var(--danger-light) 40%, transparent) !important;
}
.columnz-bordercolor-danger_light-30 {
  border-color: color-mix(in srgb, var(--danger-light) 30%, transparent) !important;
}
.columnz-bordercolor-danger_light-20 {
  border-color: color-mix(in srgb, var(--danger-light) 20%, transparent) !important;
}
.columnz-bordercolor-danger_light-10 {
  border-color: color-mix(in srgb, var(--danger-light) 10%, transparent) !important;
}
/* BG - dark */
.columnz-bgcolor-danger_dark,
.columnz-bgcolor-danger_dark-100 {
  background-color: var(--danger-dark) !important;
}
.columnz-bgcolor-danger_dark-90 {
  background-color: color-mix(in srgb, var(--danger-dark) 90%, transparent) !important;
}
.columnz-bgcolor-danger_dark-80 {
  background-color: color-mix(in srgb, var(--danger-dark) 80%, transparent) !important;
}
.columnz-bgcolor-danger_dark-70 {
  background-color: color-mix(in srgb, var(--danger-dark) 70%, transparent) !important;
}
.columnz-bgcolor-danger_dark-60 {
  background-color: color-mix(in srgb, var(--danger-dark) 60%, transparent) !important;
}
.columnz-bgcolor-danger_dark-50 {
  background-color: color-mix(in srgb, var(--danger-dark) 50%, transparent) !important;
}
.columnz-bgcolor-danger_dark-40 {
  background-color: color-mix(in srgb, var(--danger-dark) 40%, transparent) !important;
}
.columnz-bgcolor-danger_dark-30 {
  background-color: color-mix(in srgb, var(--danger-dark) 30%, transparent) !important;
}
.columnz-bgcolor-danger_dark-20 {
  background-color: color-mix(in srgb, var(--danger-dark) 20%, transparent) !important;
}
.columnz-bgcolor-danger_dark-10 {
  background-color: color-mix(in srgb, var(--danger-dark) 10%, transparent) !important;
}
/* Color - dark */
.columnz-color-danger_dark,
.columnz-color-danger_dark-100 {
  color: var(--danger-dark) !important;
  fill: var(--danger-dark) !important;
}
.columnz-color-danger_dark *:not([class*="columnz-color"]),
.columnz-color-danger_dark-100 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-danger_dark-90 {
  color: color-mix(in srgb, var(--danger-dark) 90%, transparent) !important;
  fill: color-mix(in srgb, var(--danger-dark) 90%, transparent) !important;
}
.columnz-color-danger_dark-90 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-danger_dark-80 {
  color: color-mix(in srgb, var(--danger-dark) 80%, transparent) !important;
  fill: color-mix(in srgb, var(--danger-dark) 80%, transparent) !important;
}
.columnz-color-danger_dark-80 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-danger_dark-70 {
  color: color-mix(in srgb, var(--danger-dark) 70%, transparent) !important;
  fill: color-mix(in srgb, var(--danger-dark) 70%, transparent) !important;
}
.columnz-color-danger_dark-70 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-danger_dark-60 {
  color: color-mix(in srgb, var(--danger-dark) 60%, transparent) !important;
  fill: color-mix(in srgb, var(--danger-dark) 60%, transparent) !important;
}
.columnz-color-danger_dark-60 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-danger_dark-50 {
  color: color-mix(in srgb, var(--danger-dark) 50%, transparent) !important;
  fill: color-mix(in srgb, var(--danger-dark) 50%, transparent) !important;
}
.columnz-color-danger_dark-50 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-danger_dark-40 {
  color: color-mix(in srgb, var(--danger-dark) 40%, transparent) !important;
  fill: color-mix(in srgb, var(--danger-dark) 40%, transparent) !important;
}
.columnz-color-danger_dark-40 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-danger_dark-30 {
  color: color-mix(in srgb, var(--danger-dark) 30%, transparent) !important;
  fill: color-mix(in srgb, var(--danger-dark) 30%, transparent) !important;
}
.columnz-color-danger_dark-30 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-danger_dark-20 {
  color: color-mix(in srgb, var(--danger-dark) 20%, transparent) !important;
  fill: color-mix(in srgb, var(--danger-dark) 20%, transparent) !important;
}
.columnz-color-danger_dark-20 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-danger_dark-10 {
  color: color-mix(in srgb, var(--danger-dark) 10%, transparent) !important;
  fill: color-mix(in srgb, var(--danger-dark) 10%, transparent) !important;
}
.columnz-color-danger_dark-10 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
/* Border - dark */
.columnz-bordercolor-danger_dark,
.columnz-bordercolor-danger_dark-100 {
  border-color: var(--danger-dark) !important;
}
.columnz-bordercolor-danger_dark-90 {
  border-color: color-mix(in srgb, var(--danger-dark) 90%, transparent) !important;
}
.columnz-bordercolor-danger_dark-80 {
  border-color: color-mix(in srgb, var(--danger-dark) 80%, transparent) !important;
}
.columnz-bordercolor-danger_dark-70 {
  border-color: color-mix(in srgb, var(--danger-dark) 70%, transparent) !important;
}
.columnz-bordercolor-danger_dark-60 {
  border-color: color-mix(in srgb, var(--danger-dark) 60%, transparent) !important;
}
.columnz-bordercolor-danger_dark-50 {
  border-color: color-mix(in srgb, var(--danger-dark) 50%, transparent) !important;
}
.columnz-bordercolor-danger_dark-40 {
  border-color: color-mix(in srgb, var(--danger-dark) 40%, transparent) !important;
}
.columnz-bordercolor-danger_dark-30 {
  border-color: color-mix(in srgb, var(--danger-dark) 30%, transparent) !important;
}
.columnz-bordercolor-danger_dark-20 {
  border-color: color-mix(in srgb, var(--danger-dark) 20%, transparent) !important;
}
.columnz-bordercolor-danger_dark-10 {
  border-color: color-mix(in srgb, var(--danger-dark) 10%, transparent) !important;
}
/* BG */
.columnz-bgcolor-dark,
.columnz-bgcolor-dark-100 {
  background-color: var(--dark) !important;
}
.columnz-bgcolor-dark-90 {
  background-color: color-mix(in srgb, var(--dark) 90%, transparent) !important;
}
.columnz-bgcolor-dark-80 {
  background-color: color-mix(in srgb, var(--dark) 80%, transparent) !important;
}
.columnz-bgcolor-dark-70 {
  background-color: color-mix(in srgb, var(--dark) 70%, transparent) !important;
}
.columnz-bgcolor-dark-60 {
  background-color: color-mix(in srgb, var(--dark) 60%, transparent) !important;
}
.columnz-bgcolor-dark-50 {
  background-color: color-mix(in srgb, var(--dark) 50%, transparent) !important;
}
.columnz-bgcolor-dark-40 {
  background-color: color-mix(in srgb, var(--dark) 40%, transparent) !important;
}
.columnz-bgcolor-dark-30 {
  background-color: color-mix(in srgb, var(--dark) 30%, transparent) !important;
}
.columnz-bgcolor-dark-20 {
  background-color: color-mix(in srgb, var(--dark) 20%, transparent) !important;
}
.columnz-bgcolor-dark-10 {
  background-color: color-mix(in srgb, var(--dark) 10%, transparent) !important;
}
/* Color */
.columnz-color-dark,
.columnz-color-dark-100 {
  color: var(--dark) !important;
  fill: var(--dark) !important;
}
.columnz-color-dark *:not([class*="columnz-color"]),
.columnz-color-dark-100 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-dark-90 {
  color: color-mix(in srgb, var(--dark) 90%, transparent) !important;
  fill: color-mix(in srgb, var(--dark) 90%, transparent) !important;
}
.columnz-color-dark-90 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-dark-80 {
  color: color-mix(in srgb, var(--dark) 80%, transparent) !important;
  fill: color-mix(in srgb, var(--dark) 80%, transparent) !important;
}
.columnz-color-dark-80 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-dark-70 {
  color: color-mix(in srgb, var(--dark) 70%, transparent) !important;
  fill: color-mix(in srgb, var(--dark) 70%, transparent) !important;
}
.columnz-color-dark-70 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-dark-60 {
  color: color-mix(in srgb, var(--dark) 60%, transparent) !important;
  fill: color-mix(in srgb, var(--dark) 60%, transparent) !important;
}
.columnz-color-dark-60 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-dark-50 {
  color: color-mix(in srgb, var(--dark) 50%, transparent) !important;
  fill: color-mix(in srgb, var(--dark) 50%, transparent) !important;
}
.columnz-color-dark-50 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-dark-40 {
  color: color-mix(in srgb, var(--dark) 40%, transparent) !important;
  fill: color-mix(in srgb, var(--dark) 40%, transparent) !important;
}
.columnz-color-dark-40 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-dark-30 {
  color: color-mix(in srgb, var(--dark) 30%, transparent) !important;
  fill: color-mix(in srgb, var(--dark) 30%, transparent) !important;
}
.columnz-color-dark-30 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-dark-20 {
  color: color-mix(in srgb, var(--dark) 20%, transparent) !important;
  fill: color-mix(in srgb, var(--dark) 20%, transparent) !important;
}
.columnz-color-dark-20 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-dark-10 {
  color: color-mix(in srgb, var(--dark) 10%, transparent) !important;
  fill: color-mix(in srgb, var(--dark) 10%, transparent) !important;
}
.columnz-color-dark-10 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
/* Border */
.columnz-bordercolor-dark,
.columnz-bordercolor-dark-100 {
  border-color: var(--dark) !important;
}
.columnz-bordercolor-dark-90 {
  border-color: color-mix(in srgb, var(--dark) 90%, transparent) !important;
}
.columnz-bordercolor-dark-80 {
  border-color: color-mix(in srgb, var(--dark) 80%, transparent) !important;
}
.columnz-bordercolor-dark-70 {
  border-color: color-mix(in srgb, var(--dark) 70%, transparent) !important;
}
.columnz-bordercolor-dark-60 {
  border-color: color-mix(in srgb, var(--dark) 60%, transparent) !important;
}
.columnz-bordercolor-dark-50 {
  border-color: color-mix(in srgb, var(--dark) 50%, transparent) !important;
}
.columnz-bordercolor-dark-40 {
  border-color: color-mix(in srgb, var(--dark) 40%, transparent) !important;
}
.columnz-bordercolor-dark-30 {
  border-color: color-mix(in srgb, var(--dark) 30%, transparent) !important;
}
.columnz-bordercolor-dark-20 {
  border-color: color-mix(in srgb, var(--dark) 20%, transparent) !important;
}
.columnz-bordercolor-dark-10 {
  border-color: color-mix(in srgb, var(--dark) 10%, transparent) !important;
}
/* BG - light */
.columnz-bgcolor-dark_light,
.columnz-bgcolor-dark_light-100 {
  background-color: var(--dark-light) !important;
}
.columnz-bgcolor-dark_light-90 {
  background-color: color-mix(in srgb, var(--dark-light) 90%, transparent) !important;
}
.columnz-bgcolor-dark_light-80 {
  background-color: color-mix(in srgb, var(--dark-light) 80%, transparent) !important;
}
.columnz-bgcolor-dark_light-70 {
  background-color: color-mix(in srgb, var(--dark-light) 70%, transparent) !important;
}
.columnz-bgcolor-dark_light-60 {
  background-color: color-mix(in srgb, var(--dark-light) 60%, transparent) !important;
}
.columnz-bgcolor-dark_light-50 {
  background-color: color-mix(in srgb, var(--dark-light) 50%, transparent) !important;
}
.columnz-bgcolor-dark_light-40 {
  background-color: color-mix(in srgb, var(--dark-light) 40%, transparent) !important;
}
.columnz-bgcolor-dark_light-30 {
  background-color: color-mix(in srgb, var(--dark-light) 30%, transparent) !important;
}
.columnz-bgcolor-dark_light-20 {
  background-color: color-mix(in srgb, var(--dark-light) 20%, transparent) !important;
}
.columnz-bgcolor-dark_light-10 {
  background-color: color-mix(in srgb, var(--dark-light) 10%, transparent) !important;
}
/* Color - light */
.columnz-color-dark_light,
.columnz-color-dark_light-100 {
  color: var(--dark-light) !important;
  fill: var(--dark-light) !important;
}
.columnz-color-dark_light *:not([class*="columnz-color"]),
.columnz-color-dark_light-100 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-dark_light-90 {
  color: color-mix(in srgb, var(--dark-light) 90%, transparent) !important;
  fill: color-mix(in srgb, var(--dark-light) 90%, transparent) !important;
}
.columnz-color-dark_light-90 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-dark_light-80 {
  color: color-mix(in srgb, var(--dark-light) 80%, transparent) !important;
  fill: color-mix(in srgb, var(--dark-light) 80%, transparent) !important;
}
.columnz-color-dark_light-80 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-dark_light-70 {
  color: color-mix(in srgb, var(--dark-light) 70%, transparent) !important;
  fill: color-mix(in srgb, var(--dark-light) 70%, transparent) !important;
}
.columnz-color-dark_light-70 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-dark_light-60 {
  color: color-mix(in srgb, var(--dark-light) 60%, transparent) !important;
  fill: color-mix(in srgb, var(--dark-light) 60%, transparent) !important;
}
.columnz-color-dark_light-60 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-dark_light-50 {
  color: color-mix(in srgb, var(--dark-light) 50%, transparent) !important;
  fill: color-mix(in srgb, var(--dark-light) 50%, transparent) !important;
}
.columnz-color-dark_light-50 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-dark_light-40 {
  color: color-mix(in srgb, var(--dark-light) 40%, transparent) !important;
  fill: color-mix(in srgb, var(--dark-light) 40%, transparent) !important;
}
.columnz-color-dark_light-40 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-dark_light-30 {
  color: color-mix(in srgb, var(--dark-light) 30%, transparent) !important;
  fill: color-mix(in srgb, var(--dark-light) 30%, transparent) !important;
}
.columnz-color-dark_light-30 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-dark_light-20 {
  color: color-mix(in srgb, var(--dark-light) 20%, transparent) !important;
  fill: color-mix(in srgb, var(--dark-light) 20%, transparent) !important;
}
.columnz-color-dark_light-20 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-dark_light-10 {
  color: color-mix(in srgb, var(--dark-light) 10%, transparent) !important;
  fill: color-mix(in srgb, var(--dark-light) 10%, transparent) !important;
}
.columnz-color-dark_light-10 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
/* Border - light */
.columnz-bordercolor-dark_light,
.columnz-bordercolor-dark_light-100 {
  border-color: var(--dark-light) !important;
}
.columnz-bordercolor-dark_light-90 {
  border-color: color-mix(in srgb, var(--dark-light) 90%, transparent) !important;
}
.columnz-bordercolor-dark_light-80 {
  border-color: color-mix(in srgb, var(--dark-light) 80%, transparent) !important;
}
.columnz-bordercolor-dark_light-70 {
  border-color: color-mix(in srgb, var(--dark-light) 70%, transparent) !important;
}
.columnz-bordercolor-dark_light-60 {
  border-color: color-mix(in srgb, var(--dark-light) 60%, transparent) !important;
}
.columnz-bordercolor-dark_light-50 {
  border-color: color-mix(in srgb, var(--dark-light) 50%, transparent) !important;
}
.columnz-bordercolor-dark_light-40 {
  border-color: color-mix(in srgb, var(--dark-light) 40%, transparent) !important;
}
.columnz-bordercolor-dark_light-30 {
  border-color: color-mix(in srgb, var(--dark-light) 30%, transparent) !important;
}
.columnz-bordercolor-dark_light-20 {
  border-color: color-mix(in srgb, var(--dark-light) 20%, transparent) !important;
}
.columnz-bordercolor-dark_light-10 {
  border-color: color-mix(in srgb, var(--dark-light) 10%, transparent) !important;
}
/* BG - dark */
.columnz-bgcolor-dark_dark,
.columnz-bgcolor-dark_dark-100 {
  background-color: var(--dark-dark) !important;
}
.columnz-bgcolor-dark_dark-90 {
  background-color: color-mix(in srgb, var(--dark-dark) 90%, transparent) !important;
}
.columnz-bgcolor-dark_dark-80 {
  background-color: color-mix(in srgb, var(--dark-dark) 80%, transparent) !important;
}
.columnz-bgcolor-dark_dark-70 {
  background-color: color-mix(in srgb, var(--dark-dark) 70%, transparent) !important;
}
.columnz-bgcolor-dark_dark-60 {
  background-color: color-mix(in srgb, var(--dark-dark) 60%, transparent) !important;
}
.columnz-bgcolor-dark_dark-50 {
  background-color: color-mix(in srgb, var(--dark-dark) 50%, transparent) !important;
}
.columnz-bgcolor-dark_dark-40 {
  background-color: color-mix(in srgb, var(--dark-dark) 40%, transparent) !important;
}
.columnz-bgcolor-dark_dark-30 {
  background-color: color-mix(in srgb, var(--dark-dark) 30%, transparent) !important;
}
.columnz-bgcolor-dark_dark-20 {
  background-color: color-mix(in srgb, var(--dark-dark) 20%, transparent) !important;
}
.columnz-bgcolor-dark_dark-10 {
  background-color: color-mix(in srgb, var(--dark-dark) 10%, transparent) !important;
}
/* Color - dark */
.columnz-color-dark_dark,
.columnz-color-dark_dark-100 {
  color: var(--dark-dark) !important;
  fill: var(--dark-dark) !important;
}
.columnz-color-dark_dark *:not([class*="columnz-color"]),
.columnz-color-dark_dark-100 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-dark_dark-90 {
  color: color-mix(in srgb, var(--dark-dark) 90%, transparent) !important;
  fill: color-mix(in srgb, var(--dark-dark) 90%, transparent) !important;
}
.columnz-color-dark_dark-90 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-dark_dark-80 {
  color: color-mix(in srgb, var(--dark-dark) 80%, transparent) !important;
  fill: color-mix(in srgb, var(--dark-dark) 80%, transparent) !important;
}
.columnz-color-dark_dark-80 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-dark_dark-70 {
  color: color-mix(in srgb, var(--dark-dark) 70%, transparent) !important;
  fill: color-mix(in srgb, var(--dark-dark) 70%, transparent) !important;
}
.columnz-color-dark_dark-70 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-dark_dark-60 {
  color: color-mix(in srgb, var(--dark-dark) 60%, transparent) !important;
  fill: color-mix(in srgb, var(--dark-dark) 60%, transparent) !important;
}
.columnz-color-dark_dark-60 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-dark_dark-50 {
  color: color-mix(in srgb, var(--dark-dark) 50%, transparent) !important;
  fill: color-mix(in srgb, var(--dark-dark) 50%, transparent) !important;
}
.columnz-color-dark_dark-50 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-dark_dark-40 {
  color: color-mix(in srgb, var(--dark-dark) 40%, transparent) !important;
  fill: color-mix(in srgb, var(--dark-dark) 40%, transparent) !important;
}
.columnz-color-dark_dark-40 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-dark_dark-30 {
  color: color-mix(in srgb, var(--dark-dark) 30%, transparent) !important;
  fill: color-mix(in srgb, var(--dark-dark) 30%, transparent) !important;
}
.columnz-color-dark_dark-30 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-dark_dark-20 {
  color: color-mix(in srgb, var(--dark-dark) 20%, transparent) !important;
  fill: color-mix(in srgb, var(--dark-dark) 20%, transparent) !important;
}
.columnz-color-dark_dark-20 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-dark_dark-10 {
  color: color-mix(in srgb, var(--dark-dark) 10%, transparent) !important;
  fill: color-mix(in srgb, var(--dark-dark) 10%, transparent) !important;
}
.columnz-color-dark_dark-10 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
/* Border - dark */
.columnz-bordercolor-dark_dark,
.columnz-bordercolor-dark_dark-100 {
  border-color: var(--dark-dark) !important;
}
.columnz-bordercolor-dark_dark-90 {
  border-color: color-mix(in srgb, var(--dark-dark) 90%, transparent) !important;
}
.columnz-bordercolor-dark_dark-80 {
  border-color: color-mix(in srgb, var(--dark-dark) 80%, transparent) !important;
}
.columnz-bordercolor-dark_dark-70 {
  border-color: color-mix(in srgb, var(--dark-dark) 70%, transparent) !important;
}
.columnz-bordercolor-dark_dark-60 {
  border-color: color-mix(in srgb, var(--dark-dark) 60%, transparent) !important;
}
.columnz-bordercolor-dark_dark-50 {
  border-color: color-mix(in srgb, var(--dark-dark) 50%, transparent) !important;
}
.columnz-bordercolor-dark_dark-40 {
  border-color: color-mix(in srgb, var(--dark-dark) 40%, transparent) !important;
}
.columnz-bordercolor-dark_dark-30 {
  border-color: color-mix(in srgb, var(--dark-dark) 30%, transparent) !important;
}
.columnz-bordercolor-dark_dark-20 {
  border-color: color-mix(in srgb, var(--dark-dark) 20%, transparent) !important;
}
.columnz-bordercolor-dark_dark-10 {
  border-color: color-mix(in srgb, var(--dark-dark) 10%, transparent) !important;
}
/* BG */
.columnz-bgcolor-light,
.columnz-bgcolor-light-100 {
  background-color: var(--light) !important;
}
.columnz-bgcolor-light-90 {
  background-color: color-mix(in srgb, var(--light) 90%, transparent) !important;
}
.columnz-bgcolor-light-80 {
  background-color: color-mix(in srgb, var(--light) 80%, transparent) !important;
}
.columnz-bgcolor-light-70 {
  background-color: color-mix(in srgb, var(--light) 70%, transparent) !important;
}
.columnz-bgcolor-light-60 {
  background-color: color-mix(in srgb, var(--light) 60%, transparent) !important;
}
.columnz-bgcolor-light-50 {
  background-color: color-mix(in srgb, var(--light) 50%, transparent) !important;
}
.columnz-bgcolor-light-40 {
  background-color: color-mix(in srgb, var(--light) 40%, transparent) !important;
}
.columnz-bgcolor-light-30 {
  background-color: color-mix(in srgb, var(--light) 30%, transparent) !important;
}
.columnz-bgcolor-light-20 {
  background-color: color-mix(in srgb, var(--light) 20%, transparent) !important;
}
.columnz-bgcolor-light-10 {
  background-color: color-mix(in srgb, var(--light) 10%, transparent) !important;
}
/* Color */
.columnz-color-light,
.columnz-color-light-100 {
  color: var(--light) !important;
  fill: var(--light) !important;
}
.columnz-color-light *:not([class*="columnz-color"]),
.columnz-color-light-100 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-light-90 {
  color: color-mix(in srgb, var(--light) 90%, transparent) !important;
  fill: color-mix(in srgb, var(--light) 90%, transparent) !important;
}
.columnz-color-light-90 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-light-80 {
  color: color-mix(in srgb, var(--light) 80%, transparent) !important;
  fill: color-mix(in srgb, var(--light) 80%, transparent) !important;
}
.columnz-color-light-80 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-light-70 {
  color: color-mix(in srgb, var(--light) 70%, transparent) !important;
  fill: color-mix(in srgb, var(--light) 70%, transparent) !important;
}
.columnz-color-light-70 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-light-60 {
  color: color-mix(in srgb, var(--light) 60%, transparent) !important;
  fill: color-mix(in srgb, var(--light) 60%, transparent) !important;
}
.columnz-color-light-60 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-light-50 {
  color: color-mix(in srgb, var(--light) 50%, transparent) !important;
  fill: color-mix(in srgb, var(--light) 50%, transparent) !important;
}
.columnz-color-light-50 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-light-40 {
  color: color-mix(in srgb, var(--light) 40%, transparent) !important;
  fill: color-mix(in srgb, var(--light) 40%, transparent) !important;
}
.columnz-color-light-40 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-light-30 {
  color: color-mix(in srgb, var(--light) 30%, transparent) !important;
  fill: color-mix(in srgb, var(--light) 30%, transparent) !important;
}
.columnz-color-light-30 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-light-20 {
  color: color-mix(in srgb, var(--light) 20%, transparent) !important;
  fill: color-mix(in srgb, var(--light) 20%, transparent) !important;
}
.columnz-color-light-20 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-light-10 {
  color: color-mix(in srgb, var(--light) 10%, transparent) !important;
  fill: color-mix(in srgb, var(--light) 10%, transparent) !important;
}
.columnz-color-light-10 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
/* Border */
.columnz-bordercolor-light,
.columnz-bordercolor-light-100 {
  border-color: var(--light) !important;
}
.columnz-bordercolor-light-90 {
  border-color: color-mix(in srgb, var(--light) 90%, transparent) !important;
}
.columnz-bordercolor-light-80 {
  border-color: color-mix(in srgb, var(--light) 80%, transparent) !important;
}
.columnz-bordercolor-light-70 {
  border-color: color-mix(in srgb, var(--light) 70%, transparent) !important;
}
.columnz-bordercolor-light-60 {
  border-color: color-mix(in srgb, var(--light) 60%, transparent) !important;
}
.columnz-bordercolor-light-50 {
  border-color: color-mix(in srgb, var(--light) 50%, transparent) !important;
}
.columnz-bordercolor-light-40 {
  border-color: color-mix(in srgb, var(--light) 40%, transparent) !important;
}
.columnz-bordercolor-light-30 {
  border-color: color-mix(in srgb, var(--light) 30%, transparent) !important;
}
.columnz-bordercolor-light-20 {
  border-color: color-mix(in srgb, var(--light) 20%, transparent) !important;
}
.columnz-bordercolor-light-10 {
  border-color: color-mix(in srgb, var(--light) 10%, transparent) !important;
}
/* BG - light */
.columnz-bgcolor-light_light,
.columnz-bgcolor-light_light-100 {
  background-color: var(--light-light) !important;
}
.columnz-bgcolor-light_light-90 {
  background-color: color-mix(in srgb, var(--light-light) 90%, transparent) !important;
}
.columnz-bgcolor-light_light-80 {
  background-color: color-mix(in srgb, var(--light-light) 80%, transparent) !important;
}
.columnz-bgcolor-light_light-70 {
  background-color: color-mix(in srgb, var(--light-light) 70%, transparent) !important;
}
.columnz-bgcolor-light_light-60 {
  background-color: color-mix(in srgb, var(--light-light) 60%, transparent) !important;
}
.columnz-bgcolor-light_light-50 {
  background-color: color-mix(in srgb, var(--light-light) 50%, transparent) !important;
}
.columnz-bgcolor-light_light-40 {
  background-color: color-mix(in srgb, var(--light-light) 40%, transparent) !important;
}
.columnz-bgcolor-light_light-30 {
  background-color: color-mix(in srgb, var(--light-light) 30%, transparent) !important;
}
.columnz-bgcolor-light_light-20 {
  background-color: color-mix(in srgb, var(--light-light) 20%, transparent) !important;
}
.columnz-bgcolor-light_light-10 {
  background-color: color-mix(in srgb, var(--light-light) 10%, transparent) !important;
}
/* Color - light */
.columnz-color-light_light,
.columnz-color-light_light-100 {
  color: var(--light-light) !important;
  fill: var(--light-light) !important;
}
.columnz-color-light_light *:not([class*="columnz-color"]),
.columnz-color-light_light-100 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-light_light-90 {
  color: color-mix(in srgb, var(--light-light) 90%, transparent) !important;
  fill: color-mix(in srgb, var(--light-light) 90%, transparent) !important;
}
.columnz-color-light_light-90 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-light_light-80 {
  color: color-mix(in srgb, var(--light-light) 80%, transparent) !important;
  fill: color-mix(in srgb, var(--light-light) 80%, transparent) !important;
}
.columnz-color-light_light-80 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-light_light-70 {
  color: color-mix(in srgb, var(--light-light) 70%, transparent) !important;
  fill: color-mix(in srgb, var(--light-light) 70%, transparent) !important;
}
.columnz-color-light_light-70 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-light_light-60 {
  color: color-mix(in srgb, var(--light-light) 60%, transparent) !important;
  fill: color-mix(in srgb, var(--light-light) 60%, transparent) !important;
}
.columnz-color-light_light-60 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-light_light-50 {
  color: color-mix(in srgb, var(--light-light) 50%, transparent) !important;
  fill: color-mix(in srgb, var(--light-light) 50%, transparent) !important;
}
.columnz-color-light_light-50 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-light_light-40 {
  color: color-mix(in srgb, var(--light-light) 40%, transparent) !important;
  fill: color-mix(in srgb, var(--light-light) 40%, transparent) !important;
}
.columnz-color-light_light-40 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-light_light-30 {
  color: color-mix(in srgb, var(--light-light) 30%, transparent) !important;
  fill: color-mix(in srgb, var(--light-light) 30%, transparent) !important;
}
.columnz-color-light_light-30 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-light_light-20 {
  color: color-mix(in srgb, var(--light-light) 20%, transparent) !important;
  fill: color-mix(in srgb, var(--light-light) 20%, transparent) !important;
}
.columnz-color-light_light-20 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-light_light-10 {
  color: color-mix(in srgb, var(--light-light) 10%, transparent) !important;
  fill: color-mix(in srgb, var(--light-light) 10%, transparent) !important;
}
.columnz-color-light_light-10 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
/* Border - light */
.columnz-bordercolor-light_light,
.columnz-bordercolor-light_light-100 {
  border-color: var(--light-light) !important;
}
.columnz-bordercolor-light_light-90 {
  border-color: color-mix(in srgb, var(--light-light) 90%, transparent) !important;
}
.columnz-bordercolor-light_light-80 {
  border-color: color-mix(in srgb, var(--light-light) 80%, transparent) !important;
}
.columnz-bordercolor-light_light-70 {
  border-color: color-mix(in srgb, var(--light-light) 70%, transparent) !important;
}
.columnz-bordercolor-light_light-60 {
  border-color: color-mix(in srgb, var(--light-light) 60%, transparent) !important;
}
.columnz-bordercolor-light_light-50 {
  border-color: color-mix(in srgb, var(--light-light) 50%, transparent) !important;
}
.columnz-bordercolor-light_light-40 {
  border-color: color-mix(in srgb, var(--light-light) 40%, transparent) !important;
}
.columnz-bordercolor-light_light-30 {
  border-color: color-mix(in srgb, var(--light-light) 30%, transparent) !important;
}
.columnz-bordercolor-light_light-20 {
  border-color: color-mix(in srgb, var(--light-light) 20%, transparent) !important;
}
.columnz-bordercolor-light_light-10 {
  border-color: color-mix(in srgb, var(--light-light) 10%, transparent) !important;
}
/* BG - dark */
.columnz-bgcolor-light_dark,
.columnz-bgcolor-light_dark-100 {
  background-color: var(--light-dark) !important;
}
.columnz-bgcolor-light_dark-90 {
  background-color: color-mix(in srgb, var(--light-dark) 90%, transparent) !important;
}
.columnz-bgcolor-light_dark-80 {
  background-color: color-mix(in srgb, var(--light-dark) 80%, transparent) !important;
}
.columnz-bgcolor-light_dark-70 {
  background-color: color-mix(in srgb, var(--light-dark) 70%, transparent) !important;
}
.columnz-bgcolor-light_dark-60 {
  background-color: color-mix(in srgb, var(--light-dark) 60%, transparent) !important;
}
.columnz-bgcolor-light_dark-50 {
  background-color: color-mix(in srgb, var(--light-dark) 50%, transparent) !important;
}
.columnz-bgcolor-light_dark-40 {
  background-color: color-mix(in srgb, var(--light-dark) 40%, transparent) !important;
}
.columnz-bgcolor-light_dark-30 {
  background-color: color-mix(in srgb, var(--light-dark) 30%, transparent) !important;
}
.columnz-bgcolor-light_dark-20 {
  background-color: color-mix(in srgb, var(--light-dark) 20%, transparent) !important;
}
.columnz-bgcolor-light_dark-10 {
  background-color: color-mix(in srgb, var(--light-dark) 10%, transparent) !important;
}
/* Color - dark */
.columnz-color-light_dark,
.columnz-color-light_dark-100 {
  color: var(--light-dark) !important;
  fill: var(--light-dark) !important;
}
.columnz-color-light_dark *:not([class*="columnz-color"]),
.columnz-color-light_dark-100 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-light_dark-90 {
  color: color-mix(in srgb, var(--light-dark) 90%, transparent) !important;
  fill: color-mix(in srgb, var(--light-dark) 90%, transparent) !important;
}
.columnz-color-light_dark-90 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-light_dark-80 {
  color: color-mix(in srgb, var(--light-dark) 80%, transparent) !important;
  fill: color-mix(in srgb, var(--light-dark) 80%, transparent) !important;
}
.columnz-color-light_dark-80 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-light_dark-70 {
  color: color-mix(in srgb, var(--light-dark) 70%, transparent) !important;
  fill: color-mix(in srgb, var(--light-dark) 70%, transparent) !important;
}
.columnz-color-light_dark-70 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-light_dark-60 {
  color: color-mix(in srgb, var(--light-dark) 60%, transparent) !important;
  fill: color-mix(in srgb, var(--light-dark) 60%, transparent) !important;
}
.columnz-color-light_dark-60 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-light_dark-50 {
  color: color-mix(in srgb, var(--light-dark) 50%, transparent) !important;
  fill: color-mix(in srgb, var(--light-dark) 50%, transparent) !important;
}
.columnz-color-light_dark-50 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-light_dark-40 {
  color: color-mix(in srgb, var(--light-dark) 40%, transparent) !important;
  fill: color-mix(in srgb, var(--light-dark) 40%, transparent) !important;
}
.columnz-color-light_dark-40 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-light_dark-30 {
  color: color-mix(in srgb, var(--light-dark) 30%, transparent) !important;
  fill: color-mix(in srgb, var(--light-dark) 30%, transparent) !important;
}
.columnz-color-light_dark-30 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-light_dark-20 {
  color: color-mix(in srgb, var(--light-dark) 20%, transparent) !important;
  fill: color-mix(in srgb, var(--light-dark) 20%, transparent) !important;
}
.columnz-color-light_dark-20 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-light_dark-10 {
  color: color-mix(in srgb, var(--light-dark) 10%, transparent) !important;
  fill: color-mix(in srgb, var(--light-dark) 10%, transparent) !important;
}
.columnz-color-light_dark-10 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
/* Border - dark */
.columnz-bordercolor-light_dark,
.columnz-bordercolor-light_dark-100 {
  border-color: var(--light-dark) !important;
}
.columnz-bordercolor-light_dark-90 {
  border-color: color-mix(in srgb, var(--light-dark) 90%, transparent) !important;
}
.columnz-bordercolor-light_dark-80 {
  border-color: color-mix(in srgb, var(--light-dark) 80%, transparent) !important;
}
.columnz-bordercolor-light_dark-70 {
  border-color: color-mix(in srgb, var(--light-dark) 70%, transparent) !important;
}
.columnz-bordercolor-light_dark-60 {
  border-color: color-mix(in srgb, var(--light-dark) 60%, transparent) !important;
}
.columnz-bordercolor-light_dark-50 {
  border-color: color-mix(in srgb, var(--light-dark) 50%, transparent) !important;
}
.columnz-bordercolor-light_dark-40 {
  border-color: color-mix(in srgb, var(--light-dark) 40%, transparent) !important;
}
.columnz-bordercolor-light_dark-30 {
  border-color: color-mix(in srgb, var(--light-dark) 30%, transparent) !important;
}
.columnz-bordercolor-light_dark-20 {
  border-color: color-mix(in srgb, var(--light-dark) 20%, transparent) !important;
}
.columnz-bordercolor-light_dark-10 {
  border-color: color-mix(in srgb, var(--light-dark) 10%, transparent) !important;
}
.columnz-bgcolor-text,
.columnz-bgcolor-text-100 {
  background-color: var(--text) !important;
}
.columnz-bgcolor-text_negative,
.columnz-bgcolor-text_negative-100 {
  background-color: var(--text-negative) !important;
}
.columnz-bgcolor-text-90 {
  background-color: color-mix(in srgb, var(--text) 90%, transparent) !important;
}
.columnz-bgcolor-text-80 {
  background-color: color-mix(in srgb, var(--text) 80%, transparent) !important;
}
.columnz-bgcolor-text-70 {
  background-color: color-mix(in srgb, var(--text) 70%, transparent) !important;
}
.columnz-bgcolor-text-60 {
  background-color: color-mix(in srgb, var(--text) 60%, transparent) !important;
}
.columnz-bgcolor-text-50 {
  background-color: color-mix(in srgb, var(--text) 50%, transparent) !important;
}
.columnz-bgcolor-text-40 {
  background-color: color-mix(in srgb, var(--text) 40%, transparent) !important;
}
.columnz-bgcolor-text-30 {
  background-color: color-mix(in srgb, var(--text) 30%, transparent) !important;
}
.columnz-bgcolor-text-20 {
  background-color: color-mix(in srgb, var(--text) 20%, transparent) !important;
}
.columnz-bgcolor-text-10 {
  background-color: color-mix(in srgb, var(--text) 10%, transparent) !important;
}
.columnz-bgcolor-text_negative-90 {
  background-color: color-mix(in srgb, var(--text-negative) 90%, transparent) !important;
}
.columnz-bgcolor-text_negative-80 {
  background-color: color-mix(in srgb, var(--text-negative) 80%, transparent) !important;
}
.columnz-bgcolor-text_negative-70 {
  background-color: color-mix(in srgb, var(--text-negative) 70%, transparent) !important;
}
.columnz-bgcolor-text_negative-60 {
  background-color: color-mix(in srgb, var(--text-negative) 60%, transparent) !important;
}
.columnz-bgcolor-text_negative-50 {
  background-color: color-mix(in srgb, var(--text-negative) 50%, transparent) !important;
}
.columnz-bgcolor-text_negative-40 {
  background-color: color-mix(in srgb, var(--text-negative) 40%, transparent) !important;
}
.columnz-bgcolor-text_negative-30 {
  background-color: color-mix(in srgb, var(--text-negative) 30%, transparent) !important;
}
.columnz-bgcolor-text_negative-20 {
  background-color: color-mix(in srgb, var(--text-negative) 20%, transparent) !important;
}
.columnz-bgcolor-text_negative-10 {
  background-color: color-mix(in srgb, var(--text-negative) 10%, transparent) !important;
}
.columnz-color-text,
.columnz-color-text-100 {
  color: var(--text) !important;
  fill: var(--text) !important;
}
.columnz-color-text *:not([class*="columnz-color"]),
.columnz-color-text-100 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-text_negative,
.columnz-color-text_negative-100 {
  color: var(--text-negative) !important;
  fill: var(--text-negative) !important;
}
.columnz-color-text_negative *:not([class*="columnz-color"]),
.columnz-color-text_negative-100 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-text-90 {
  color: color-mix(in srgb, var(--text) 90%, transparent) !important;
  fill: color-mix(in srgb, var(--text) 90%, transparent) !important;
}
.columnz-color-text-90 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-text-80 {
  color: color-mix(in srgb, var(--text) 80%, transparent) !important;
  fill: color-mix(in srgb, var(--text) 80%, transparent) !important;
}
.columnz-color-text-80 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-text-70 {
  color: color-mix(in srgb, var(--text) 70%, transparent) !important;
  fill: color-mix(in srgb, var(--text) 70%, transparent) !important;
}
.columnz-color-text-70 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-text-60 {
  color: color-mix(in srgb, var(--text) 60%, transparent) !important;
  fill: color-mix(in srgb, var(--text) 60%, transparent) !important;
}
.columnz-color-text-60 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-text-50 {
  color: color-mix(in srgb, var(--text) 50%, transparent) !important;
  fill: color-mix(in srgb, var(--text) 50%, transparent) !important;
}
.columnz-color-text-50 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-text-40 {
  color: color-mix(in srgb, var(--text) 40%, transparent) !important;
  fill: color-mix(in srgb, var(--text) 40%, transparent) !important;
}
.columnz-color-text-40 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-text-30 {
  color: color-mix(in srgb, var(--text) 30%, transparent) !important;
  fill: color-mix(in srgb, var(--text) 30%, transparent) !important;
}
.columnz-color-text-30 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-text-20 {
  color: color-mix(in srgb, var(--text) 20%, transparent) !important;
  fill: color-mix(in srgb, var(--text) 20%, transparent) !important;
}
.columnz-color-text-20 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-text-10 {
  color: color-mix(in srgb, var(--text) 10%, transparent) !important;
  fill: color-mix(in srgb, var(--text) 10%, transparent) !important;
}
.columnz-color-text-10 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-text_negative-90 {
  color: color-mix(in srgb, var(--text-negative) 90%, transparent) !important;
  fill: color-mix(in srgb, var(--text-negative) 90%, transparent) !important;
}
.columnz-color-text_negative-90 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-text_negative-80 {
  color: color-mix(in srgb, var(--text-negative) 80%, transparent) !important;
  fill: color-mix(in srgb, var(--text-negative) 80%, transparent) !important;
}
.columnz-color-text_negative-80 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-text_negative-70 {
  color: color-mix(in srgb, var(--text-negative) 70%, transparent) !important;
  fill: color-mix(in srgb, var(--text-negative) 70%, transparent) !important;
}
.columnz-color-text_negative-70 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-text_negative-60 {
  color: color-mix(in srgb, var(--text-negative) 60%, transparent) !important;
  fill: color-mix(in srgb, var(--text-negative) 60%, transparent) !important;
}
.columnz-color-text_negative-60 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-text_negative-50 {
  color: color-mix(in srgb, var(--text-negative) 50%, transparent) !important;
  fill: color-mix(in srgb, var(--text-negative) 50%, transparent) !important;
}
.columnz-color-text_negative-50 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-text_negative-40 {
  color: color-mix(in srgb, var(--text-negative) 40%, transparent) !important;
  fill: color-mix(in srgb, var(--text-negative) 40%, transparent) !important;
}
.columnz-color-text_negative-40 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-text_negative-30 {
  color: color-mix(in srgb, var(--text-negative) 30%, transparent) !important;
  fill: color-mix(in srgb, var(--text-negative) 30%, transparent) !important;
}
.columnz-color-text_negative-30 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-text_negative-20 {
  color: color-mix(in srgb, var(--text-negative) 20%, transparent) !important;
  fill: color-mix(in srgb, var(--text-negative) 20%, transparent) !important;
}
.columnz-color-text_negative-20 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-color-text_negative-10 {
  color: color-mix(in srgb, var(--text-negative) 10%, transparent) !important;
  fill: color-mix(in srgb, var(--text-negative) 10%, transparent) !important;
}
.columnz-color-text_negative-10 *:not([class*="columnz-color"]) {
  color: inherit !important;
}
.columnz-bordercolor-text,
.columnz-bordercolor-text-100 {
  border-color: var(--text) !important;
}
.columnz-bordercolor-text_negative,
.columnz-bordercolor-text_negative-100 {
  border-color: var(--text-negative) !important;
}
.columnz-bordercolor-text-90 {
  border-color: color-mix(in srgb, var(--text) 90%, transparent) !important;
}
.columnz-bordercolor-text-80 {
  border-color: color-mix(in srgb, var(--text) 80%, transparent) !important;
}
.columnz-bordercolor-text-70 {
  border-color: color-mix(in srgb, var(--text) 70%, transparent) !important;
}
.columnz-bordercolor-text-60 {
  border-color: color-mix(in srgb, var(--text) 60%, transparent) !important;
}
.columnz-bordercolor-text-50 {
  border-color: color-mix(in srgb, var(--text) 50%, transparent) !important;
}
.columnz-bordercolor-text-40 {
  border-color: color-mix(in srgb, var(--text) 40%, transparent) !important;
}
.columnz-bordercolor-text-30 {
  border-color: color-mix(in srgb, var(--text) 30%, transparent) !important;
}
.columnz-bordercolor-text-20 {
  border-color: color-mix(in srgb, var(--text) 20%, transparent) !important;
}
.columnz-bordercolor-text-10 {
  border-color: color-mix(in srgb, var(--text) 10%, transparent) !important;
}
.columnz-bordercolor-text_negative-90 {
  border-color: color-mix(in srgb, var(--text-negative) 90%, transparent) !important;
}
.columnz-bordercolor-text_negative-80 {
  border-color: color-mix(in srgb, var(--text-negative) 80%, transparent) !important;
}
.columnz-bordercolor-text_negative-70 {
  border-color: color-mix(in srgb, var(--text-negative) 70%, transparent) !important;
}
.columnz-bordercolor-text_negative-60 {
  border-color: color-mix(in srgb, var(--text-negative) 60%, transparent) !important;
}
.columnz-bordercolor-text_negative-50 {
  border-color: color-mix(in srgb, var(--text-negative) 50%, transparent) !important;
}
.columnz-bordercolor-text_negative-40 {
  border-color: color-mix(in srgb, var(--text-negative) 40%, transparent) !important;
}
.columnz-bordercolor-text_negative-30 {
  border-color: color-mix(in srgb, var(--text-negative) 30%, transparent) !important;
}
.columnz-bordercolor-text_negative-20 {
  border-color: color-mix(in srgb, var(--text-negative) 20%, transparent) !important;
}
.columnz-bordercolor-text_negative-10 {
  border-color: color-mix(in srgb, var(--text-negative) 10%, transparent) !important;
}
/* Hover */
/* show/hide + add/remove */
@media (max-width: 575px) {
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) {
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-zindex--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs).hover-zindex--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-zindex-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs).hover-zindex-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-zindex-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs).hover-zindex-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-zindex-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs).hover-zindex-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-zindex-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs).hover-zindex-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-zindex-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs).hover-zindex-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-zindex-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs).hover-zindex-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-zindex-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs).hover-zindex-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-zindex-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs).hover-zindex-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-zindex-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs).hover-zindex-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bs-solid {
    border-style: solid !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bs-dashed {
    border-style: dashed !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bs-dotted {
    border-style: dotted !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-text-left {
    text-align: left !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-text-right {
    text-align: right !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-text-center {
    text-align: center !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bw-custom {
    border-width: var(--bs-hover-bw-xs-custom) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bwt-custom {
    border-top-width: var(--bs-hover-bwt-xs-custom) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bwr-custom {
    border-right-width: var(--bs-hover-bwr-xs-custom) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bwb-custom {
    border-bottom-width: var(--bs-hover-bwb-xs-custom) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bwl-custom {
    border-left-width: var(--bs-hover-bwl-xs-custom) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bw-0 {
    border-width: 0 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bwt-0 {
    border-top-width: 0 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bwr-0 {
    border-right-width: 0 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bwb-0 {
    border-bottom-width: 0 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bwl-0 {
    border-left-width: 0 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bw-1 {
    border-width: 1px !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bwt-1 {
    border-top-width: 1px !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bwr-1 {
    border-right-width: 1px !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bwb-1 {
    border-bottom-width: 1px !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bwl-1 {
    border-left-width: 1px !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bw-2 {
    border-width: 2px !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bwt-2 {
    border-top-width: 2px !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bwr-2 {
    border-right-width: 2px !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bwb-2 {
    border-bottom-width: 2px !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bwl-2 {
    border-left-width: 2px !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bw-3 {
    border-width: 4px !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bwt-3 {
    border-top-width: 4px !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bwr-3 {
    border-right-width: 4px !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bwb-3 {
    border-bottom-width: 4px !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bwl-3 {
    border-left-width: 4px !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bw-4 {
    border-width: 8px !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bwt-4 {
    border-top-width: 8px !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bwr-4 {
    border-right-width: 8px !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bwb-4 {
    border-bottom-width: 8px !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bwl-4 {
    border-left-width: 8px !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-m-custom {
    margin: var(--bs-hover-m-xs-custom) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-mt-custom {
    margin-top: var(--bs-hover-mt-xs-custom) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-mr-custom {
    margin-right: var(--bs-hover-mr-xs-custom) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-mb-custom {
    margin-bottom: var(--bs-hover-mb-xs-custom) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-ml-custom {
    margin-left: var(--bs-hover-ml-xs-custom) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-m-0 {
    margin: 0 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-mt-0,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-my-0 {
    margin-top: 0 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-mr-0,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-mx-0 {
    margin-right: 0 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-mb-0,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-my-0 {
    margin-bottom: 0 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-ml-0,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-mx-0 {
    margin-left: 0 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-m-1 {
    margin: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-mt-1,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-my-1 {
    margin-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-mr-1,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-mx-1 {
    margin-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-mb-1,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-my-1 {
    margin-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-ml-1,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-mx-1 {
    margin-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-m-2 {
    margin: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-mt-2,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-my-2 {
    margin-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-mr-2,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-mx-2 {
    margin-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-mb-2,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-my-2 {
    margin-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-ml-2,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-mx-2 {
    margin-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-m-3 {
    margin: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-mt-3,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-my-3 {
    margin-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-mr-3,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-mx-3 {
    margin-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-mb-3,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-my-3 {
    margin-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-ml-3,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-mx-3 {
    margin-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-m-4 {
    margin: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-mt-4,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-my-4 {
    margin-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-mr-4,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-mx-4 {
    margin-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-mb-4,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-my-4 {
    margin-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-ml-4,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-mx-4 {
    margin-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-m-5 {
    margin: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-mt-5,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-my-5 {
    margin-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-mr-5,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-mx-5 {
    margin-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-mb-5,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-my-5 {
    margin-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-ml-5,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-mx-5 {
    margin-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-p-custom {
    padding: var(--bs-hover-p-xs-custom) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-pt-custom {
    padding-top: var(--bs-hover-pt-xs-custom) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-pr-custom {
    padding-right: var(--bs-hover-pr-xs-custom) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-pb-custom {
    padding-bottom: var(--bs-hover-pb-xs-custom) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-pl-custom {
    padding-left: var(--bs-hover-pl-xs-custom) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-p-0 {
    padding: 0 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-pt-0,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-py-0 {
    padding-top: 0 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-pr-0,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-px-0 {
    padding-right: 0 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-pb-0,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-py-0 {
    padding-bottom: 0 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-pl-0,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-px-0 {
    padding-left: 0 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-p-1 {
    padding: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-pt-1,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-py-1 {
    padding-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-pr-1,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-px-1 {
    padding-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-pb-1,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-py-1 {
    padding-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-pl-1,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-px-1 {
    padding-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-p-2 {
    padding: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-pt-2,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-py-2 {
    padding-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-pr-2,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-px-2 {
    padding-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-pb-2,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-py-2 {
    padding-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-pl-2,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-px-2 {
    padding-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-p-3 {
    padding: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-pt-3,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-py-3 {
    padding-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-pr-3,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-px-3 {
    padding-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-pb-3,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-py-3 {
    padding-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-pl-3,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-px-3 {
    padding-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-p-4 {
    padding: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-pt-4,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-py-4 {
    padding-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-pr-4,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-px-4 {
    padding-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-pb-4,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-py-4 {
    padding-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-pl-4,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-px-4 {
    padding-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-p-5 {
    padding: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-pt-5,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-py-5 {
    padding-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-pr-5,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-px-5 {
    padding-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-pb-5,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-py-5 {
    padding-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-pl-5,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-px-5 {
    padding-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-br-custom {
    border-radius: var(--bs-hover-br-xs-custom) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-brtl-custom {
    border-top-left-radius: var(--bs-hover-brtl-xs-custom) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-brtr-custom {
    border-top-right-radius: var(--bs-hover-brtr-xs-custom) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-brbr-custom {
    border-bottom-right-radius: var(--bs-hover-brbr-xs-custom) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-brbl-custom {
    border-bottom-left-radius: var(--bs-hover-brbl-xs-custom) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-br-0 {
    border-radius: 0 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-brtl-0 {
    border-top-left-radius: 0 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-brtr-0 {
    border-top-right-radius: 0 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-brbr-0 {
    border-bottom-right-radius: 0 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-brbl-0 {
    border-bottom-left-radius: 0 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-br-1 {
    border-radius: 0.25em !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-brtl-1 {
    border-top-left-radius: 0.25em !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-brtr-1 {
    border-top-right-radius: 0.25em !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-brbr-1 {
    border-bottom-right-radius: 0.25em !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-brbl-1 {
    border-bottom-left-radius: 0.25em !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-br-2 {
    border-radius: 0.5em !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-brtl-2 {
    border-top-left-radius: 0.5em !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-brtr-2 {
    border-top-right-radius: 0.5em !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-brbr-2 {
    border-bottom-right-radius: 0.5em !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-brbl-2 {
    border-bottom-left-radius: 0.5em !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-br-3 {
    border-radius: 1.5em !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-brtl-3 {
    border-top-left-radius: 1.5em !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-brtr-3 {
    border-top-right-radius: 1.5em !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-brbr-3 {
    border-bottom-right-radius: 1.5em !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-brbl-3 {
    border-bottom-left-radius: 1.5em !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-br-4 {
    border-radius: 3em !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-brtl-4 {
    border-top-left-radius: 3em !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-brtr-4 {
    border-top-right-radius: 3em !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-brbr-4 {
    border-bottom-right-radius: 3em !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-brbl-4 {
    border-bottom-left-radius: 3em !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-size-custom,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-size-custom * {
    font-size: var(--bs-hover-size-xs-custom) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-size-inherit,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-size-inherit * {
    font-size: var(--size) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-size-inherit h1 {
    font-size: var(--size-h1) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-size-inherit h2,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-size-inherit h2 * {
    font-size: var(--size-h2) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-size-inherit h3,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-size-inherit h3 * {
    font-size: var(--size-h3) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-size-inherit h4,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-size-inherit h4 * {
    font-size: var(--size-h4) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-size-inherit h5,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-size-inherit h5 * {
    font-size: var(--size-h5) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-size-inherit h6,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-size-inherit h6 * {
    font-size: var(--size-h6) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-size-1,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-size-1 * {
    font-size: var(--size-1) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-size-2,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-size-2 * {
    font-size: var(--size-2) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-size-3,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-size-3 * {
    font-size: var(--size-3) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-size-4,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-size-4 * {
    font-size: var(--size-4) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-size-5,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-size-5 * {
    font-size: var(--size-5) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-size-6,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-size-6 * {
    font-size: var(--size-6) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-size-7,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-size-7 * {
    font-size: var(--size-7) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-lh-custom,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-lh-custom * {
    line-height: var(--bs-hover-lh-xs-custom) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-lh-inherit,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-lh-inherit * {
    line-height: var(--line-height) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-lh-1,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-lh-1 * {
    line-height: 1 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-lh-2,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-lh-2 * {
    line-height: 1.2 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-lh-3,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-lh-3 * {
    line-height: 1.7 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-weight-custom,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-weight-custom * {
    font-weight: var(--bs-hover-weight-xs-custom) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-weight-100,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-weight-100 * {
    font-weight: 100 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-weight-200,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-weight-200 * {
    font-weight: 200 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-weight-300,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-weight-300 * {
    font-weight: 300 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-weight-400,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-weight-400 * {
    font-weight: 400 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-weight-500,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-weight-500 * {
    font-weight: 500 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-weight-600,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-weight-600 * {
    font-weight: 600 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-weight-700,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-weight-700 * {
    font-weight: 700 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-weight-800,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-weight-800 * {
    font-weight: 800 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-weight-900,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-weight-900 * {
    font-weight: 900 !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-image_size-custom {
    background-size: var(--bs-hover-image_size-xs-custom) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-image_size-cover {
    background-size: cover !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-image_size-contain {
    background-size: contain !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-image_size-auto {
    background-size: auto !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-image_pos-custom {
    background-position: var(--bs-hover-image_pos-xs-custom) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-image_pos-top_left {
    background-position: top left !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-image_pos-top_right {
    background-position: top right !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-image_pos-bottom_right {
    background-position: bottom right !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-image_pos-bottom_left {
    background-position: bottom left !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-image_pos-center {
    background-position: center !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-image_repeat-no_repeat {
    background-repeat: no-repeat !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-image_repeat-repeat {
    background-repeat: repeat !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-image_att-scroll {
    background-attachment: scroll !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-image_att-fixed {
    background-attachment: fixed !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bg-img-blend-0 {
    position: relative;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bg-img-blend-0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bg-img-blend-10 {
    position: relative;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bg-img-blend-10::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.1;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bg-img-blend-20 {
    position: relative;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bg-img-blend-20::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.2;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bg-img-blend-30 {
    position: relative;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bg-img-blend-30::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.3;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bg-img-blend-40 {
    position: relative;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bg-img-blend-40::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.4;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bg-img-blend-50 {
    position: relative;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bg-img-blend-50::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.5;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bg-img-blend-60 {
    position: relative;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bg-img-blend-60::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.6;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bg-img-blend-70 {
    position: relative;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bg-img-blend-70::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.7;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bg-img-blend-80 {
    position: relative;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bg-img-blend-80::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.8;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bg-img-blend-90 {
    position: relative;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bg-img-blend-90::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.9;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bg-img-blend-100 {
    position: relative;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-bg-img-blend-100::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 1;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-primary,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-primary-100 {
    background-color: var(--primary) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-primary-90 {
    background-color: color-mix(in srgb, var(--primary) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-primary-80 {
    background-color: color-mix(in srgb, var(--primary) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-primary-70 {
    background-color: color-mix(in srgb, var(--primary) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-primary-60 {
    background-color: color-mix(in srgb, var(--primary) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-primary-50 {
    background-color: color-mix(in srgb, var(--primary) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-primary-40 {
    background-color: color-mix(in srgb, var(--primary) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-primary-30 {
    background-color: color-mix(in srgb, var(--primary) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-primary-20 {
    background-color: color-mix(in srgb, var(--primary) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-primary-10 {
    background-color: color-mix(in srgb, var(--primary) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary-100 {
    color: var(--primary) !important;
    fill: var(--primary) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary *:not([class*="columnz-color"]),
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary-90 {
    color: color-mix(in srgb, var(--primary) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary-80 {
    color: color-mix(in srgb, var(--primary) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary-70 {
    color: color-mix(in srgb, var(--primary) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary-60 {
    color: color-mix(in srgb, var(--primary) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary-50 {
    color: color-mix(in srgb, var(--primary) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary-40 {
    color: color-mix(in srgb, var(--primary) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary-30 {
    color: color-mix(in srgb, var(--primary) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary-20 {
    color: color-mix(in srgb, var(--primary) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary-10 {
    color: color-mix(in srgb, var(--primary) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-primary,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-primary-100 {
    border-color: var(--primary) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-primary-90 {
    border-color: color-mix(in srgb, var(--primary) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-primary-80 {
    border-color: color-mix(in srgb, var(--primary) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-primary-70 {
    border-color: color-mix(in srgb, var(--primary) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-primary-60 {
    border-color: color-mix(in srgb, var(--primary) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-primary-50 {
    border-color: color-mix(in srgb, var(--primary) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-primary-40 {
    border-color: color-mix(in srgb, var(--primary) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-primary-30 {
    border-color: color-mix(in srgb, var(--primary) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-primary-20 {
    border-color: color-mix(in srgb, var(--primary) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-primary-10 {
    border-color: color-mix(in srgb, var(--primary) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-primary_light,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-primary_light-100 {
    background-color: var(--primary-light) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-primary_light-90 {
    background-color: color-mix(in srgb, var(--primary-light) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-primary_light-80 {
    background-color: color-mix(in srgb, var(--primary-light) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-primary_light-70 {
    background-color: color-mix(in srgb, var(--primary-light) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-primary_light-60 {
    background-color: color-mix(in srgb, var(--primary-light) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-primary_light-50 {
    background-color: color-mix(in srgb, var(--primary-light) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-primary_light-40 {
    background-color: color-mix(in srgb, var(--primary-light) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-primary_light-30 {
    background-color: color-mix(in srgb, var(--primary-light) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-primary_light-20 {
    background-color: color-mix(in srgb, var(--primary-light) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-primary_light-10 {
    background-color: color-mix(in srgb, var(--primary-light) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_light,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_light-100 {
    color: var(--primary-light) !important;
    fill: var(--primary-light) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_light *:not([class*="columnz-color"]),
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_light-90 {
    color: color-mix(in srgb, var(--primary-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_light-80 {
    color: color-mix(in srgb, var(--primary-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_light-70 {
    color: color-mix(in srgb, var(--primary-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_light-60 {
    color: color-mix(in srgb, var(--primary-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_light-50 {
    color: color-mix(in srgb, var(--primary-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_light-40 {
    color: color-mix(in srgb, var(--primary-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_light-30 {
    color: color-mix(in srgb, var(--primary-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_light-20 {
    color: color-mix(in srgb, var(--primary-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_light-10 {
    color: color-mix(in srgb, var(--primary-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-primary_light,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-primary_light-100 {
    border-color: var(--primary-light) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-primary_light-90 {
    border-color: color-mix(in srgb, var(--primary-light) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-primary_light-80 {
    border-color: color-mix(in srgb, var(--primary-light) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-primary_light-70 {
    border-color: color-mix(in srgb, var(--primary-light) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-primary_light-60 {
    border-color: color-mix(in srgb, var(--primary-light) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-primary_light-50 {
    border-color: color-mix(in srgb, var(--primary-light) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-primary_light-40 {
    border-color: color-mix(in srgb, var(--primary-light) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-primary_light-30 {
    border-color: color-mix(in srgb, var(--primary-light) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-primary_light-20 {
    border-color: color-mix(in srgb, var(--primary-light) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-primary_light-10 {
    border-color: color-mix(in srgb, var(--primary-light) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-primary_dark,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-primary_dark-100 {
    background-color: var(--primary-dark) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-primary_dark-90 {
    background-color: color-mix(in srgb, var(--primary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-primary_dark-80 {
    background-color: color-mix(in srgb, var(--primary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-primary_dark-70 {
    background-color: color-mix(in srgb, var(--primary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-primary_dark-60 {
    background-color: color-mix(in srgb, var(--primary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-primary_dark-50 {
    background-color: color-mix(in srgb, var(--primary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-primary_dark-40 {
    background-color: color-mix(in srgb, var(--primary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-primary_dark-30 {
    background-color: color-mix(in srgb, var(--primary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-primary_dark-20 {
    background-color: color-mix(in srgb, var(--primary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-primary_dark-10 {
    background-color: color-mix(in srgb, var(--primary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_dark,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_dark-100 {
    color: var(--primary-dark) !important;
    fill: var(--primary-dark) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_dark *:not([class*="columnz-color"]),
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_dark-90 {
    color: color-mix(in srgb, var(--primary-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_dark-80 {
    color: color-mix(in srgb, var(--primary-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_dark-70 {
    color: color-mix(in srgb, var(--primary-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_dark-60 {
    color: color-mix(in srgb, var(--primary-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_dark-50 {
    color: color-mix(in srgb, var(--primary-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_dark-40 {
    color: color-mix(in srgb, var(--primary-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_dark-30 {
    color: color-mix(in srgb, var(--primary-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_dark-20 {
    color: color-mix(in srgb, var(--primary-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_dark-10 {
    color: color-mix(in srgb, var(--primary-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-primary_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-primary_dark,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-primary_dark-100 {
    border-color: var(--primary-dark) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-primary_dark-90 {
    border-color: color-mix(in srgb, var(--primary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-primary_dark-80 {
    border-color: color-mix(in srgb, var(--primary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-primary_dark-70 {
    border-color: color-mix(in srgb, var(--primary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-primary_dark-60 {
    border-color: color-mix(in srgb, var(--primary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-primary_dark-50 {
    border-color: color-mix(in srgb, var(--primary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-primary_dark-40 {
    border-color: color-mix(in srgb, var(--primary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-primary_dark-30 {
    border-color: color-mix(in srgb, var(--primary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-primary_dark-20 {
    border-color: color-mix(in srgb, var(--primary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-primary_dark-10 {
    border-color: color-mix(in srgb, var(--primary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-secondary,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-secondary-100 {
    background-color: var(--secondary) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-secondary-90 {
    background-color: color-mix(in srgb, var(--secondary) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-secondary-80 {
    background-color: color-mix(in srgb, var(--secondary) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-secondary-70 {
    background-color: color-mix(in srgb, var(--secondary) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-secondary-60 {
    background-color: color-mix(in srgb, var(--secondary) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-secondary-50 {
    background-color: color-mix(in srgb, var(--secondary) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-secondary-40 {
    background-color: color-mix(in srgb, var(--secondary) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-secondary-30 {
    background-color: color-mix(in srgb, var(--secondary) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-secondary-20 {
    background-color: color-mix(in srgb, var(--secondary) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-secondary-10 {
    background-color: color-mix(in srgb, var(--secondary) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary-100 {
    color: var(--secondary) !important;
    fill: var(--secondary) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary *:not([class*="columnz-color"]),
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary-90 {
    color: color-mix(in srgb, var(--secondary) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary-80 {
    color: color-mix(in srgb, var(--secondary) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary-70 {
    color: color-mix(in srgb, var(--secondary) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary-60 {
    color: color-mix(in srgb, var(--secondary) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary-50 {
    color: color-mix(in srgb, var(--secondary) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary-40 {
    color: color-mix(in srgb, var(--secondary) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary-30 {
    color: color-mix(in srgb, var(--secondary) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary-20 {
    color: color-mix(in srgb, var(--secondary) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary-10 {
    color: color-mix(in srgb, var(--secondary) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-secondary,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-secondary-100 {
    border-color: var(--secondary) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-secondary-90 {
    border-color: color-mix(in srgb, var(--secondary) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-secondary-80 {
    border-color: color-mix(in srgb, var(--secondary) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-secondary-70 {
    border-color: color-mix(in srgb, var(--secondary) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-secondary-60 {
    border-color: color-mix(in srgb, var(--secondary) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-secondary-50 {
    border-color: color-mix(in srgb, var(--secondary) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-secondary-40 {
    border-color: color-mix(in srgb, var(--secondary) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-secondary-30 {
    border-color: color-mix(in srgb, var(--secondary) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-secondary-20 {
    border-color: color-mix(in srgb, var(--secondary) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-secondary-10 {
    border-color: color-mix(in srgb, var(--secondary) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-secondary_light,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-secondary_light-100 {
    background-color: var(--secondary-light) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-secondary_light-90 {
    background-color: color-mix(in srgb, var(--secondary-light) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-secondary_light-80 {
    background-color: color-mix(in srgb, var(--secondary-light) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-secondary_light-70 {
    background-color: color-mix(in srgb, var(--secondary-light) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-secondary_light-60 {
    background-color: color-mix(in srgb, var(--secondary-light) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-secondary_light-50 {
    background-color: color-mix(in srgb, var(--secondary-light) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-secondary_light-40 {
    background-color: color-mix(in srgb, var(--secondary-light) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-secondary_light-30 {
    background-color: color-mix(in srgb, var(--secondary-light) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-secondary_light-20 {
    background-color: color-mix(in srgb, var(--secondary-light) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-secondary_light-10 {
    background-color: color-mix(in srgb, var(--secondary-light) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_light,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_light-100 {
    color: var(--secondary-light) !important;
    fill: var(--secondary-light) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_light *:not([class*="columnz-color"]),
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_light-90 {
    color: color-mix(in srgb, var(--secondary-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_light-80 {
    color: color-mix(in srgb, var(--secondary-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_light-70 {
    color: color-mix(in srgb, var(--secondary-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_light-60 {
    color: color-mix(in srgb, var(--secondary-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_light-50 {
    color: color-mix(in srgb, var(--secondary-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_light-40 {
    color: color-mix(in srgb, var(--secondary-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_light-30 {
    color: color-mix(in srgb, var(--secondary-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_light-20 {
    color: color-mix(in srgb, var(--secondary-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_light-10 {
    color: color-mix(in srgb, var(--secondary-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-secondary_light,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-secondary_light-100 {
    border-color: var(--secondary-light) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-secondary_light-90 {
    border-color: color-mix(in srgb, var(--secondary-light) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-secondary_light-80 {
    border-color: color-mix(in srgb, var(--secondary-light) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-secondary_light-70 {
    border-color: color-mix(in srgb, var(--secondary-light) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-secondary_light-60 {
    border-color: color-mix(in srgb, var(--secondary-light) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-secondary_light-50 {
    border-color: color-mix(in srgb, var(--secondary-light) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-secondary_light-40 {
    border-color: color-mix(in srgb, var(--secondary-light) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-secondary_light-30 {
    border-color: color-mix(in srgb, var(--secondary-light) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-secondary_light-20 {
    border-color: color-mix(in srgb, var(--secondary-light) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-secondary_light-10 {
    border-color: color-mix(in srgb, var(--secondary-light) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-secondary_dark,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-secondary_dark-100 {
    background-color: var(--secondary-dark) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-secondary_dark-90 {
    background-color: color-mix(in srgb, var(--secondary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-secondary_dark-80 {
    background-color: color-mix(in srgb, var(--secondary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-secondary_dark-70 {
    background-color: color-mix(in srgb, var(--secondary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-secondary_dark-60 {
    background-color: color-mix(in srgb, var(--secondary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-secondary_dark-50 {
    background-color: color-mix(in srgb, var(--secondary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-secondary_dark-40 {
    background-color: color-mix(in srgb, var(--secondary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-secondary_dark-30 {
    background-color: color-mix(in srgb, var(--secondary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-secondary_dark-20 {
    background-color: color-mix(in srgb, var(--secondary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-secondary_dark-10 {
    background-color: color-mix(in srgb, var(--secondary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_dark,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_dark-100 {
    color: var(--secondary-dark) !important;
    fill: var(--secondary-dark) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_dark *:not([class*="columnz-color"]),
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_dark-90 {
    color: color-mix(in srgb, var(--secondary-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_dark-80 {
    color: color-mix(in srgb, var(--secondary-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_dark-70 {
    color: color-mix(in srgb, var(--secondary-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_dark-60 {
    color: color-mix(in srgb, var(--secondary-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_dark-50 {
    color: color-mix(in srgb, var(--secondary-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_dark-40 {
    color: color-mix(in srgb, var(--secondary-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_dark-30 {
    color: color-mix(in srgb, var(--secondary-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_dark-20 {
    color: color-mix(in srgb, var(--secondary-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_dark-10 {
    color: color-mix(in srgb, var(--secondary-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-secondary_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-secondary_dark,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-secondary_dark-100 {
    border-color: var(--secondary-dark) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-secondary_dark-90 {
    border-color: color-mix(in srgb, var(--secondary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-secondary_dark-80 {
    border-color: color-mix(in srgb, var(--secondary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-secondary_dark-70 {
    border-color: color-mix(in srgb, var(--secondary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-secondary_dark-60 {
    border-color: color-mix(in srgb, var(--secondary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-secondary_dark-50 {
    border-color: color-mix(in srgb, var(--secondary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-secondary_dark-40 {
    border-color: color-mix(in srgb, var(--secondary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-secondary_dark-30 {
    border-color: color-mix(in srgb, var(--secondary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-secondary_dark-20 {
    border-color: color-mix(in srgb, var(--secondary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-secondary_dark-10 {
    border-color: color-mix(in srgb, var(--secondary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-info,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-info-100 {
    background-color: var(--info) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-info-90 {
    background-color: color-mix(in srgb, var(--info) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-info-80 {
    background-color: color-mix(in srgb, var(--info) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-info-70 {
    background-color: color-mix(in srgb, var(--info) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-info-60 {
    background-color: color-mix(in srgb, var(--info) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-info-50 {
    background-color: color-mix(in srgb, var(--info) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-info-40 {
    background-color: color-mix(in srgb, var(--info) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-info-30 {
    background-color: color-mix(in srgb, var(--info) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-info-20 {
    background-color: color-mix(in srgb, var(--info) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-info-10 {
    background-color: color-mix(in srgb, var(--info) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info-100 {
    color: var(--info) !important;
    fill: var(--info) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info *:not([class*="columnz-color"]),
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info-90 {
    color: color-mix(in srgb, var(--info) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info-80 {
    color: color-mix(in srgb, var(--info) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info-70 {
    color: color-mix(in srgb, var(--info) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info-60 {
    color: color-mix(in srgb, var(--info) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info-50 {
    color: color-mix(in srgb, var(--info) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info-40 {
    color: color-mix(in srgb, var(--info) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info-30 {
    color: color-mix(in srgb, var(--info) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info-20 {
    color: color-mix(in srgb, var(--info) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info-10 {
    color: color-mix(in srgb, var(--info) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-info,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-info-100 {
    border-color: var(--info) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-info-90 {
    border-color: color-mix(in srgb, var(--info) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-info-80 {
    border-color: color-mix(in srgb, var(--info) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-info-70 {
    border-color: color-mix(in srgb, var(--info) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-info-60 {
    border-color: color-mix(in srgb, var(--info) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-info-50 {
    border-color: color-mix(in srgb, var(--info) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-info-40 {
    border-color: color-mix(in srgb, var(--info) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-info-30 {
    border-color: color-mix(in srgb, var(--info) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-info-20 {
    border-color: color-mix(in srgb, var(--info) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-info-10 {
    border-color: color-mix(in srgb, var(--info) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-info_light,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-info_light-100 {
    background-color: var(--info-light) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-info_light-90 {
    background-color: color-mix(in srgb, var(--info-light) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-info_light-80 {
    background-color: color-mix(in srgb, var(--info-light) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-info_light-70 {
    background-color: color-mix(in srgb, var(--info-light) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-info_light-60 {
    background-color: color-mix(in srgb, var(--info-light) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-info_light-50 {
    background-color: color-mix(in srgb, var(--info-light) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-info_light-40 {
    background-color: color-mix(in srgb, var(--info-light) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-info_light-30 {
    background-color: color-mix(in srgb, var(--info-light) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-info_light-20 {
    background-color: color-mix(in srgb, var(--info-light) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-info_light-10 {
    background-color: color-mix(in srgb, var(--info-light) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_light,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_light-100 {
    color: var(--info-light) !important;
    fill: var(--info-light) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_light *:not([class*="columnz-color"]),
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_light-90 {
    color: color-mix(in srgb, var(--info-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_light-80 {
    color: color-mix(in srgb, var(--info-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_light-70 {
    color: color-mix(in srgb, var(--info-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_light-60 {
    color: color-mix(in srgb, var(--info-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_light-50 {
    color: color-mix(in srgb, var(--info-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_light-40 {
    color: color-mix(in srgb, var(--info-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_light-30 {
    color: color-mix(in srgb, var(--info-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_light-20 {
    color: color-mix(in srgb, var(--info-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_light-10 {
    color: color-mix(in srgb, var(--info-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-info_light,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-info_light-100 {
    border-color: var(--info-light) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-info_light-90 {
    border-color: color-mix(in srgb, var(--info-light) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-info_light-80 {
    border-color: color-mix(in srgb, var(--info-light) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-info_light-70 {
    border-color: color-mix(in srgb, var(--info-light) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-info_light-60 {
    border-color: color-mix(in srgb, var(--info-light) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-info_light-50 {
    border-color: color-mix(in srgb, var(--info-light) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-info_light-40 {
    border-color: color-mix(in srgb, var(--info-light) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-info_light-30 {
    border-color: color-mix(in srgb, var(--info-light) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-info_light-20 {
    border-color: color-mix(in srgb, var(--info-light) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-info_light-10 {
    border-color: color-mix(in srgb, var(--info-light) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-info_dark,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-info_dark-100 {
    background-color: var(--info-dark) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-info_dark-90 {
    background-color: color-mix(in srgb, var(--info-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-info_dark-80 {
    background-color: color-mix(in srgb, var(--info-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-info_dark-70 {
    background-color: color-mix(in srgb, var(--info-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-info_dark-60 {
    background-color: color-mix(in srgb, var(--info-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-info_dark-50 {
    background-color: color-mix(in srgb, var(--info-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-info_dark-40 {
    background-color: color-mix(in srgb, var(--info-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-info_dark-30 {
    background-color: color-mix(in srgb, var(--info-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-info_dark-20 {
    background-color: color-mix(in srgb, var(--info-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-info_dark-10 {
    background-color: color-mix(in srgb, var(--info-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_dark,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_dark-100 {
    color: var(--info-dark) !important;
    fill: var(--info-dark) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_dark *:not([class*="columnz-color"]),
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_dark-90 {
    color: color-mix(in srgb, var(--info-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_dark-80 {
    color: color-mix(in srgb, var(--info-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_dark-70 {
    color: color-mix(in srgb, var(--info-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_dark-60 {
    color: color-mix(in srgb, var(--info-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_dark-50 {
    color: color-mix(in srgb, var(--info-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_dark-40 {
    color: color-mix(in srgb, var(--info-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_dark-30 {
    color: color-mix(in srgb, var(--info-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_dark-20 {
    color: color-mix(in srgb, var(--info-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_dark-10 {
    color: color-mix(in srgb, var(--info-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-info_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-info_dark,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-info_dark-100 {
    border-color: var(--info-dark) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-info_dark-90 {
    border-color: color-mix(in srgb, var(--info-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-info_dark-80 {
    border-color: color-mix(in srgb, var(--info-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-info_dark-70 {
    border-color: color-mix(in srgb, var(--info-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-info_dark-60 {
    border-color: color-mix(in srgb, var(--info-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-info_dark-50 {
    border-color: color-mix(in srgb, var(--info-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-info_dark-40 {
    border-color: color-mix(in srgb, var(--info-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-info_dark-30 {
    border-color: color-mix(in srgb, var(--info-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-info_dark-20 {
    border-color: color-mix(in srgb, var(--info-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-info_dark-10 {
    border-color: color-mix(in srgb, var(--info-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-success,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-success-100 {
    background-color: var(--success) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-success-90 {
    background-color: color-mix(in srgb, var(--success) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-success-80 {
    background-color: color-mix(in srgb, var(--success) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-success-70 {
    background-color: color-mix(in srgb, var(--success) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-success-60 {
    background-color: color-mix(in srgb, var(--success) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-success-50 {
    background-color: color-mix(in srgb, var(--success) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-success-40 {
    background-color: color-mix(in srgb, var(--success) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-success-30 {
    background-color: color-mix(in srgb, var(--success) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-success-20 {
    background-color: color-mix(in srgb, var(--success) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-success-10 {
    background-color: color-mix(in srgb, var(--success) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success-100 {
    color: var(--success) !important;
    fill: var(--success) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success *:not([class*="columnz-color"]),
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success-90 {
    color: color-mix(in srgb, var(--success) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success-80 {
    color: color-mix(in srgb, var(--success) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success-70 {
    color: color-mix(in srgb, var(--success) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success-60 {
    color: color-mix(in srgb, var(--success) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success-50 {
    color: color-mix(in srgb, var(--success) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success-40 {
    color: color-mix(in srgb, var(--success) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success-30 {
    color: color-mix(in srgb, var(--success) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success-20 {
    color: color-mix(in srgb, var(--success) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success-10 {
    color: color-mix(in srgb, var(--success) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-success,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-success-100 {
    border-color: var(--success) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-success-90 {
    border-color: color-mix(in srgb, var(--success) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-success-80 {
    border-color: color-mix(in srgb, var(--success) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-success-70 {
    border-color: color-mix(in srgb, var(--success) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-success-60 {
    border-color: color-mix(in srgb, var(--success) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-success-50 {
    border-color: color-mix(in srgb, var(--success) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-success-40 {
    border-color: color-mix(in srgb, var(--success) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-success-30 {
    border-color: color-mix(in srgb, var(--success) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-success-20 {
    border-color: color-mix(in srgb, var(--success) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-success-10 {
    border-color: color-mix(in srgb, var(--success) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-success_light,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-success_light-100 {
    background-color: var(--success-light) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-success_light-90 {
    background-color: color-mix(in srgb, var(--success-light) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-success_light-80 {
    background-color: color-mix(in srgb, var(--success-light) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-success_light-70 {
    background-color: color-mix(in srgb, var(--success-light) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-success_light-60 {
    background-color: color-mix(in srgb, var(--success-light) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-success_light-50 {
    background-color: color-mix(in srgb, var(--success-light) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-success_light-40 {
    background-color: color-mix(in srgb, var(--success-light) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-success_light-30 {
    background-color: color-mix(in srgb, var(--success-light) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-success_light-20 {
    background-color: color-mix(in srgb, var(--success-light) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-success_light-10 {
    background-color: color-mix(in srgb, var(--success-light) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_light,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_light-100 {
    color: var(--success-light) !important;
    fill: var(--success-light) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_light *:not([class*="columnz-color"]),
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_light-90 {
    color: color-mix(in srgb, var(--success-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_light-80 {
    color: color-mix(in srgb, var(--success-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_light-70 {
    color: color-mix(in srgb, var(--success-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_light-60 {
    color: color-mix(in srgb, var(--success-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_light-50 {
    color: color-mix(in srgb, var(--success-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_light-40 {
    color: color-mix(in srgb, var(--success-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_light-30 {
    color: color-mix(in srgb, var(--success-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_light-20 {
    color: color-mix(in srgb, var(--success-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_light-10 {
    color: color-mix(in srgb, var(--success-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-success_light,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-success_light-100 {
    border-color: var(--success-light) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-success_light-90 {
    border-color: color-mix(in srgb, var(--success-light) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-success_light-80 {
    border-color: color-mix(in srgb, var(--success-light) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-success_light-70 {
    border-color: color-mix(in srgb, var(--success-light) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-success_light-60 {
    border-color: color-mix(in srgb, var(--success-light) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-success_light-50 {
    border-color: color-mix(in srgb, var(--success-light) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-success_light-40 {
    border-color: color-mix(in srgb, var(--success-light) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-success_light-30 {
    border-color: color-mix(in srgb, var(--success-light) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-success_light-20 {
    border-color: color-mix(in srgb, var(--success-light) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-success_light-10 {
    border-color: color-mix(in srgb, var(--success-light) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-success_dark,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-success_dark-100 {
    background-color: var(--success-dark) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-success_dark-90 {
    background-color: color-mix(in srgb, var(--success-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-success_dark-80 {
    background-color: color-mix(in srgb, var(--success-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-success_dark-70 {
    background-color: color-mix(in srgb, var(--success-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-success_dark-60 {
    background-color: color-mix(in srgb, var(--success-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-success_dark-50 {
    background-color: color-mix(in srgb, var(--success-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-success_dark-40 {
    background-color: color-mix(in srgb, var(--success-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-success_dark-30 {
    background-color: color-mix(in srgb, var(--success-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-success_dark-20 {
    background-color: color-mix(in srgb, var(--success-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-success_dark-10 {
    background-color: color-mix(in srgb, var(--success-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_dark,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_dark-100 {
    color: var(--success-dark) !important;
    fill: var(--success-dark) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_dark *:not([class*="columnz-color"]),
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_dark-90 {
    color: color-mix(in srgb, var(--success-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_dark-80 {
    color: color-mix(in srgb, var(--success-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_dark-70 {
    color: color-mix(in srgb, var(--success-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_dark-60 {
    color: color-mix(in srgb, var(--success-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_dark-50 {
    color: color-mix(in srgb, var(--success-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_dark-40 {
    color: color-mix(in srgb, var(--success-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_dark-30 {
    color: color-mix(in srgb, var(--success-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_dark-20 {
    color: color-mix(in srgb, var(--success-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_dark-10 {
    color: color-mix(in srgb, var(--success-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-success_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-success_dark,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-success_dark-100 {
    border-color: var(--success-dark) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-success_dark-90 {
    border-color: color-mix(in srgb, var(--success-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-success_dark-80 {
    border-color: color-mix(in srgb, var(--success-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-success_dark-70 {
    border-color: color-mix(in srgb, var(--success-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-success_dark-60 {
    border-color: color-mix(in srgb, var(--success-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-success_dark-50 {
    border-color: color-mix(in srgb, var(--success-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-success_dark-40 {
    border-color: color-mix(in srgb, var(--success-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-success_dark-30 {
    border-color: color-mix(in srgb, var(--success-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-success_dark-20 {
    border-color: color-mix(in srgb, var(--success-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-success_dark-10 {
    border-color: color-mix(in srgb, var(--success-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-warning,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-warning-100 {
    background-color: var(--warning) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-warning-90 {
    background-color: color-mix(in srgb, var(--warning) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-warning-80 {
    background-color: color-mix(in srgb, var(--warning) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-warning-70 {
    background-color: color-mix(in srgb, var(--warning) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-warning-60 {
    background-color: color-mix(in srgb, var(--warning) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-warning-50 {
    background-color: color-mix(in srgb, var(--warning) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-warning-40 {
    background-color: color-mix(in srgb, var(--warning) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-warning-30 {
    background-color: color-mix(in srgb, var(--warning) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-warning-20 {
    background-color: color-mix(in srgb, var(--warning) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-warning-10 {
    background-color: color-mix(in srgb, var(--warning) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning-100 {
    color: var(--warning) !important;
    fill: var(--warning) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning *:not([class*="columnz-color"]),
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning-90 {
    color: color-mix(in srgb, var(--warning) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning-80 {
    color: color-mix(in srgb, var(--warning) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning-70 {
    color: color-mix(in srgb, var(--warning) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning-60 {
    color: color-mix(in srgb, var(--warning) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning-50 {
    color: color-mix(in srgb, var(--warning) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning-40 {
    color: color-mix(in srgb, var(--warning) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning-30 {
    color: color-mix(in srgb, var(--warning) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning-20 {
    color: color-mix(in srgb, var(--warning) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning-10 {
    color: color-mix(in srgb, var(--warning) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-warning,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-warning-100 {
    border-color: var(--warning) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-warning-90 {
    border-color: color-mix(in srgb, var(--warning) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-warning-80 {
    border-color: color-mix(in srgb, var(--warning) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-warning-70 {
    border-color: color-mix(in srgb, var(--warning) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-warning-60 {
    border-color: color-mix(in srgb, var(--warning) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-warning-50 {
    border-color: color-mix(in srgb, var(--warning) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-warning-40 {
    border-color: color-mix(in srgb, var(--warning) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-warning-30 {
    border-color: color-mix(in srgb, var(--warning) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-warning-20 {
    border-color: color-mix(in srgb, var(--warning) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-warning-10 {
    border-color: color-mix(in srgb, var(--warning) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-warning_light,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-warning_light-100 {
    background-color: var(--warning-light) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-warning_light-90 {
    background-color: color-mix(in srgb, var(--warning-light) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-warning_light-80 {
    background-color: color-mix(in srgb, var(--warning-light) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-warning_light-70 {
    background-color: color-mix(in srgb, var(--warning-light) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-warning_light-60 {
    background-color: color-mix(in srgb, var(--warning-light) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-warning_light-50 {
    background-color: color-mix(in srgb, var(--warning-light) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-warning_light-40 {
    background-color: color-mix(in srgb, var(--warning-light) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-warning_light-30 {
    background-color: color-mix(in srgb, var(--warning-light) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-warning_light-20 {
    background-color: color-mix(in srgb, var(--warning-light) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-warning_light-10 {
    background-color: color-mix(in srgb, var(--warning-light) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_light,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_light-100 {
    color: var(--warning-light) !important;
    fill: var(--warning-light) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_light *:not([class*="columnz-color"]),
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_light-90 {
    color: color-mix(in srgb, var(--warning-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_light-80 {
    color: color-mix(in srgb, var(--warning-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_light-70 {
    color: color-mix(in srgb, var(--warning-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_light-60 {
    color: color-mix(in srgb, var(--warning-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_light-50 {
    color: color-mix(in srgb, var(--warning-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_light-40 {
    color: color-mix(in srgb, var(--warning-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_light-30 {
    color: color-mix(in srgb, var(--warning-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_light-20 {
    color: color-mix(in srgb, var(--warning-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_light-10 {
    color: color-mix(in srgb, var(--warning-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-warning_light,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-warning_light-100 {
    border-color: var(--warning-light) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-warning_light-90 {
    border-color: color-mix(in srgb, var(--warning-light) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-warning_light-80 {
    border-color: color-mix(in srgb, var(--warning-light) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-warning_light-70 {
    border-color: color-mix(in srgb, var(--warning-light) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-warning_light-60 {
    border-color: color-mix(in srgb, var(--warning-light) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-warning_light-50 {
    border-color: color-mix(in srgb, var(--warning-light) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-warning_light-40 {
    border-color: color-mix(in srgb, var(--warning-light) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-warning_light-30 {
    border-color: color-mix(in srgb, var(--warning-light) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-warning_light-20 {
    border-color: color-mix(in srgb, var(--warning-light) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-warning_light-10 {
    border-color: color-mix(in srgb, var(--warning-light) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-warning_dark,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-warning_dark-100 {
    background-color: var(--warning-dark) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-warning_dark-90 {
    background-color: color-mix(in srgb, var(--warning-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-warning_dark-80 {
    background-color: color-mix(in srgb, var(--warning-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-warning_dark-70 {
    background-color: color-mix(in srgb, var(--warning-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-warning_dark-60 {
    background-color: color-mix(in srgb, var(--warning-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-warning_dark-50 {
    background-color: color-mix(in srgb, var(--warning-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-warning_dark-40 {
    background-color: color-mix(in srgb, var(--warning-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-warning_dark-30 {
    background-color: color-mix(in srgb, var(--warning-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-warning_dark-20 {
    background-color: color-mix(in srgb, var(--warning-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-warning_dark-10 {
    background-color: color-mix(in srgb, var(--warning-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_dark,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_dark-100 {
    color: var(--warning-dark) !important;
    fill: var(--warning-dark) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_dark *:not([class*="columnz-color"]),
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_dark-90 {
    color: color-mix(in srgb, var(--warning-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_dark-80 {
    color: color-mix(in srgb, var(--warning-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_dark-70 {
    color: color-mix(in srgb, var(--warning-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_dark-60 {
    color: color-mix(in srgb, var(--warning-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_dark-50 {
    color: color-mix(in srgb, var(--warning-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_dark-40 {
    color: color-mix(in srgb, var(--warning-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_dark-30 {
    color: color-mix(in srgb, var(--warning-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_dark-20 {
    color: color-mix(in srgb, var(--warning-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_dark-10 {
    color: color-mix(in srgb, var(--warning-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-warning_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-warning_dark,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-warning_dark-100 {
    border-color: var(--warning-dark) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-warning_dark-90 {
    border-color: color-mix(in srgb, var(--warning-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-warning_dark-80 {
    border-color: color-mix(in srgb, var(--warning-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-warning_dark-70 {
    border-color: color-mix(in srgb, var(--warning-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-warning_dark-60 {
    border-color: color-mix(in srgb, var(--warning-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-warning_dark-50 {
    border-color: color-mix(in srgb, var(--warning-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-warning_dark-40 {
    border-color: color-mix(in srgb, var(--warning-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-warning_dark-30 {
    border-color: color-mix(in srgb, var(--warning-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-warning_dark-20 {
    border-color: color-mix(in srgb, var(--warning-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-warning_dark-10 {
    border-color: color-mix(in srgb, var(--warning-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-danger,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-danger-100 {
    background-color: var(--danger) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-danger-90 {
    background-color: color-mix(in srgb, var(--danger) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-danger-80 {
    background-color: color-mix(in srgb, var(--danger) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-danger-70 {
    background-color: color-mix(in srgb, var(--danger) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-danger-60 {
    background-color: color-mix(in srgb, var(--danger) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-danger-50 {
    background-color: color-mix(in srgb, var(--danger) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-danger-40 {
    background-color: color-mix(in srgb, var(--danger) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-danger-30 {
    background-color: color-mix(in srgb, var(--danger) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-danger-20 {
    background-color: color-mix(in srgb, var(--danger) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-danger-10 {
    background-color: color-mix(in srgb, var(--danger) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger-100 {
    color: var(--danger) !important;
    fill: var(--danger) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger *:not([class*="columnz-color"]),
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger-90 {
    color: color-mix(in srgb, var(--danger) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger-80 {
    color: color-mix(in srgb, var(--danger) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger-70 {
    color: color-mix(in srgb, var(--danger) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger-60 {
    color: color-mix(in srgb, var(--danger) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger-50 {
    color: color-mix(in srgb, var(--danger) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger-40 {
    color: color-mix(in srgb, var(--danger) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger-30 {
    color: color-mix(in srgb, var(--danger) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger-20 {
    color: color-mix(in srgb, var(--danger) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger-10 {
    color: color-mix(in srgb, var(--danger) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-danger,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-danger-100 {
    border-color: var(--danger) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-danger-90 {
    border-color: color-mix(in srgb, var(--danger) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-danger-80 {
    border-color: color-mix(in srgb, var(--danger) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-danger-70 {
    border-color: color-mix(in srgb, var(--danger) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-danger-60 {
    border-color: color-mix(in srgb, var(--danger) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-danger-50 {
    border-color: color-mix(in srgb, var(--danger) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-danger-40 {
    border-color: color-mix(in srgb, var(--danger) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-danger-30 {
    border-color: color-mix(in srgb, var(--danger) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-danger-20 {
    border-color: color-mix(in srgb, var(--danger) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-danger-10 {
    border-color: color-mix(in srgb, var(--danger) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-danger_light,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-danger_light-100 {
    background-color: var(--danger-light) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-danger_light-90 {
    background-color: color-mix(in srgb, var(--danger-light) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-danger_light-80 {
    background-color: color-mix(in srgb, var(--danger-light) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-danger_light-70 {
    background-color: color-mix(in srgb, var(--danger-light) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-danger_light-60 {
    background-color: color-mix(in srgb, var(--danger-light) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-danger_light-50 {
    background-color: color-mix(in srgb, var(--danger-light) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-danger_light-40 {
    background-color: color-mix(in srgb, var(--danger-light) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-danger_light-30 {
    background-color: color-mix(in srgb, var(--danger-light) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-danger_light-20 {
    background-color: color-mix(in srgb, var(--danger-light) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-danger_light-10 {
    background-color: color-mix(in srgb, var(--danger-light) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_light,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_light-100 {
    color: var(--danger-light) !important;
    fill: var(--danger-light) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_light *:not([class*="columnz-color"]),
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_light-90 {
    color: color-mix(in srgb, var(--danger-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_light-80 {
    color: color-mix(in srgb, var(--danger-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_light-70 {
    color: color-mix(in srgb, var(--danger-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_light-60 {
    color: color-mix(in srgb, var(--danger-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_light-50 {
    color: color-mix(in srgb, var(--danger-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_light-40 {
    color: color-mix(in srgb, var(--danger-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_light-30 {
    color: color-mix(in srgb, var(--danger-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_light-20 {
    color: color-mix(in srgb, var(--danger-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_light-10 {
    color: color-mix(in srgb, var(--danger-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-danger_light,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-danger_light-100 {
    border-color: var(--danger-light) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-danger_light-90 {
    border-color: color-mix(in srgb, var(--danger-light) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-danger_light-80 {
    border-color: color-mix(in srgb, var(--danger-light) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-danger_light-70 {
    border-color: color-mix(in srgb, var(--danger-light) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-danger_light-60 {
    border-color: color-mix(in srgb, var(--danger-light) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-danger_light-50 {
    border-color: color-mix(in srgb, var(--danger-light) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-danger_light-40 {
    border-color: color-mix(in srgb, var(--danger-light) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-danger_light-30 {
    border-color: color-mix(in srgb, var(--danger-light) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-danger_light-20 {
    border-color: color-mix(in srgb, var(--danger-light) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-danger_light-10 {
    border-color: color-mix(in srgb, var(--danger-light) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-danger_dark,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-danger_dark-100 {
    background-color: var(--danger-dark) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-danger_dark-90 {
    background-color: color-mix(in srgb, var(--danger-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-danger_dark-80 {
    background-color: color-mix(in srgb, var(--danger-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-danger_dark-70 {
    background-color: color-mix(in srgb, var(--danger-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-danger_dark-60 {
    background-color: color-mix(in srgb, var(--danger-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-danger_dark-50 {
    background-color: color-mix(in srgb, var(--danger-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-danger_dark-40 {
    background-color: color-mix(in srgb, var(--danger-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-danger_dark-30 {
    background-color: color-mix(in srgb, var(--danger-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-danger_dark-20 {
    background-color: color-mix(in srgb, var(--danger-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-danger_dark-10 {
    background-color: color-mix(in srgb, var(--danger-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_dark,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_dark-100 {
    color: var(--danger-dark) !important;
    fill: var(--danger-dark) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_dark *:not([class*="columnz-color"]),
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_dark-90 {
    color: color-mix(in srgb, var(--danger-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_dark-80 {
    color: color-mix(in srgb, var(--danger-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_dark-70 {
    color: color-mix(in srgb, var(--danger-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_dark-60 {
    color: color-mix(in srgb, var(--danger-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_dark-50 {
    color: color-mix(in srgb, var(--danger-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_dark-40 {
    color: color-mix(in srgb, var(--danger-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_dark-30 {
    color: color-mix(in srgb, var(--danger-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_dark-20 {
    color: color-mix(in srgb, var(--danger-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_dark-10 {
    color: color-mix(in srgb, var(--danger-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-danger_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-danger_dark,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-danger_dark-100 {
    border-color: var(--danger-dark) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-danger_dark-90 {
    border-color: color-mix(in srgb, var(--danger-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-danger_dark-80 {
    border-color: color-mix(in srgb, var(--danger-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-danger_dark-70 {
    border-color: color-mix(in srgb, var(--danger-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-danger_dark-60 {
    border-color: color-mix(in srgb, var(--danger-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-danger_dark-50 {
    border-color: color-mix(in srgb, var(--danger-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-danger_dark-40 {
    border-color: color-mix(in srgb, var(--danger-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-danger_dark-30 {
    border-color: color-mix(in srgb, var(--danger-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-danger_dark-20 {
    border-color: color-mix(in srgb, var(--danger-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-danger_dark-10 {
    border-color: color-mix(in srgb, var(--danger-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-dark,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-dark-100 {
    background-color: var(--dark) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-dark-90 {
    background-color: color-mix(in srgb, var(--dark) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-dark-80 {
    background-color: color-mix(in srgb, var(--dark) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-dark-70 {
    background-color: color-mix(in srgb, var(--dark) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-dark-60 {
    background-color: color-mix(in srgb, var(--dark) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-dark-50 {
    background-color: color-mix(in srgb, var(--dark) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-dark-40 {
    background-color: color-mix(in srgb, var(--dark) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-dark-30 {
    background-color: color-mix(in srgb, var(--dark) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-dark-20 {
    background-color: color-mix(in srgb, var(--dark) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-dark-10 {
    background-color: color-mix(in srgb, var(--dark) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark-100 {
    color: var(--dark) !important;
    fill: var(--dark) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark *:not([class*="columnz-color"]),
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark-90 {
    color: color-mix(in srgb, var(--dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark-80 {
    color: color-mix(in srgb, var(--dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark-70 {
    color: color-mix(in srgb, var(--dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark-60 {
    color: color-mix(in srgb, var(--dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark-50 {
    color: color-mix(in srgb, var(--dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark-40 {
    color: color-mix(in srgb, var(--dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark-30 {
    color: color-mix(in srgb, var(--dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark-20 {
    color: color-mix(in srgb, var(--dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark-10 {
    color: color-mix(in srgb, var(--dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-dark,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-dark-100 {
    border-color: var(--dark) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-dark-90 {
    border-color: color-mix(in srgb, var(--dark) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-dark-80 {
    border-color: color-mix(in srgb, var(--dark) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-dark-70 {
    border-color: color-mix(in srgb, var(--dark) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-dark-60 {
    border-color: color-mix(in srgb, var(--dark) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-dark-50 {
    border-color: color-mix(in srgb, var(--dark) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-dark-40 {
    border-color: color-mix(in srgb, var(--dark) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-dark-30 {
    border-color: color-mix(in srgb, var(--dark) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-dark-20 {
    border-color: color-mix(in srgb, var(--dark) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-dark-10 {
    border-color: color-mix(in srgb, var(--dark) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-dark_light,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-dark_light-100 {
    background-color: var(--dark-light) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-dark_light-90 {
    background-color: color-mix(in srgb, var(--dark-light) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-dark_light-80 {
    background-color: color-mix(in srgb, var(--dark-light) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-dark_light-70 {
    background-color: color-mix(in srgb, var(--dark-light) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-dark_light-60 {
    background-color: color-mix(in srgb, var(--dark-light) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-dark_light-50 {
    background-color: color-mix(in srgb, var(--dark-light) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-dark_light-40 {
    background-color: color-mix(in srgb, var(--dark-light) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-dark_light-30 {
    background-color: color-mix(in srgb, var(--dark-light) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-dark_light-20 {
    background-color: color-mix(in srgb, var(--dark-light) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-dark_light-10 {
    background-color: color-mix(in srgb, var(--dark-light) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_light,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_light-100 {
    color: var(--dark-light) !important;
    fill: var(--dark-light) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_light *:not([class*="columnz-color"]),
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_light-90 {
    color: color-mix(in srgb, var(--dark-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_light-80 {
    color: color-mix(in srgb, var(--dark-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_light-70 {
    color: color-mix(in srgb, var(--dark-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_light-60 {
    color: color-mix(in srgb, var(--dark-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_light-50 {
    color: color-mix(in srgb, var(--dark-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_light-40 {
    color: color-mix(in srgb, var(--dark-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_light-30 {
    color: color-mix(in srgb, var(--dark-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_light-20 {
    color: color-mix(in srgb, var(--dark-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_light-10 {
    color: color-mix(in srgb, var(--dark-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-dark_light,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-dark_light-100 {
    border-color: var(--dark-light) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-dark_light-90 {
    border-color: color-mix(in srgb, var(--dark-light) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-dark_light-80 {
    border-color: color-mix(in srgb, var(--dark-light) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-dark_light-70 {
    border-color: color-mix(in srgb, var(--dark-light) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-dark_light-60 {
    border-color: color-mix(in srgb, var(--dark-light) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-dark_light-50 {
    border-color: color-mix(in srgb, var(--dark-light) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-dark_light-40 {
    border-color: color-mix(in srgb, var(--dark-light) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-dark_light-30 {
    border-color: color-mix(in srgb, var(--dark-light) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-dark_light-20 {
    border-color: color-mix(in srgb, var(--dark-light) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-dark_light-10 {
    border-color: color-mix(in srgb, var(--dark-light) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-dark_dark,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-dark_dark-100 {
    background-color: var(--dark-dark) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-dark_dark-90 {
    background-color: color-mix(in srgb, var(--dark-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-dark_dark-80 {
    background-color: color-mix(in srgb, var(--dark-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-dark_dark-70 {
    background-color: color-mix(in srgb, var(--dark-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-dark_dark-60 {
    background-color: color-mix(in srgb, var(--dark-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-dark_dark-50 {
    background-color: color-mix(in srgb, var(--dark-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-dark_dark-40 {
    background-color: color-mix(in srgb, var(--dark-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-dark_dark-30 {
    background-color: color-mix(in srgb, var(--dark-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-dark_dark-20 {
    background-color: color-mix(in srgb, var(--dark-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-dark_dark-10 {
    background-color: color-mix(in srgb, var(--dark-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_dark,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_dark-100 {
    color: var(--dark-dark) !important;
    fill: var(--dark-dark) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_dark *:not([class*="columnz-color"]),
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_dark-90 {
    color: color-mix(in srgb, var(--dark-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_dark-80 {
    color: color-mix(in srgb, var(--dark-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_dark-70 {
    color: color-mix(in srgb, var(--dark-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_dark-60 {
    color: color-mix(in srgb, var(--dark-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_dark-50 {
    color: color-mix(in srgb, var(--dark-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_dark-40 {
    color: color-mix(in srgb, var(--dark-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_dark-30 {
    color: color-mix(in srgb, var(--dark-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_dark-20 {
    color: color-mix(in srgb, var(--dark-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_dark-10 {
    color: color-mix(in srgb, var(--dark-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-dark_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-dark_dark,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-dark_dark-100 {
    border-color: var(--dark-dark) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-dark_dark-90 {
    border-color: color-mix(in srgb, var(--dark-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-dark_dark-80 {
    border-color: color-mix(in srgb, var(--dark-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-dark_dark-70 {
    border-color: color-mix(in srgb, var(--dark-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-dark_dark-60 {
    border-color: color-mix(in srgb, var(--dark-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-dark_dark-50 {
    border-color: color-mix(in srgb, var(--dark-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-dark_dark-40 {
    border-color: color-mix(in srgb, var(--dark-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-dark_dark-30 {
    border-color: color-mix(in srgb, var(--dark-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-dark_dark-20 {
    border-color: color-mix(in srgb, var(--dark-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-dark_dark-10 {
    border-color: color-mix(in srgb, var(--dark-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-light,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-light-100 {
    background-color: var(--light) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-light-90 {
    background-color: color-mix(in srgb, var(--light) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-light-80 {
    background-color: color-mix(in srgb, var(--light) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-light-70 {
    background-color: color-mix(in srgb, var(--light) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-light-60 {
    background-color: color-mix(in srgb, var(--light) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-light-50 {
    background-color: color-mix(in srgb, var(--light) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-light-40 {
    background-color: color-mix(in srgb, var(--light) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-light-30 {
    background-color: color-mix(in srgb, var(--light) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-light-20 {
    background-color: color-mix(in srgb, var(--light) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-light-10 {
    background-color: color-mix(in srgb, var(--light) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light-100 {
    color: var(--light) !important;
    fill: var(--light) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light *:not([class*="columnz-color"]),
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light-90 {
    color: color-mix(in srgb, var(--light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light-80 {
    color: color-mix(in srgb, var(--light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light-70 {
    color: color-mix(in srgb, var(--light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light-60 {
    color: color-mix(in srgb, var(--light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light-50 {
    color: color-mix(in srgb, var(--light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light-40 {
    color: color-mix(in srgb, var(--light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light-30 {
    color: color-mix(in srgb, var(--light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light-20 {
    color: color-mix(in srgb, var(--light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light-10 {
    color: color-mix(in srgb, var(--light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-light,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-light-100 {
    border-color: var(--light) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-light-90 {
    border-color: color-mix(in srgb, var(--light) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-light-80 {
    border-color: color-mix(in srgb, var(--light) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-light-70 {
    border-color: color-mix(in srgb, var(--light) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-light-60 {
    border-color: color-mix(in srgb, var(--light) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-light-50 {
    border-color: color-mix(in srgb, var(--light) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-light-40 {
    border-color: color-mix(in srgb, var(--light) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-light-30 {
    border-color: color-mix(in srgb, var(--light) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-light-20 {
    border-color: color-mix(in srgb, var(--light) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-light-10 {
    border-color: color-mix(in srgb, var(--light) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-light_light,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-light_light-100 {
    background-color: var(--light-light) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-light_light-90 {
    background-color: color-mix(in srgb, var(--light-light) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-light_light-80 {
    background-color: color-mix(in srgb, var(--light-light) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-light_light-70 {
    background-color: color-mix(in srgb, var(--light-light) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-light_light-60 {
    background-color: color-mix(in srgb, var(--light-light) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-light_light-50 {
    background-color: color-mix(in srgb, var(--light-light) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-light_light-40 {
    background-color: color-mix(in srgb, var(--light-light) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-light_light-30 {
    background-color: color-mix(in srgb, var(--light-light) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-light_light-20 {
    background-color: color-mix(in srgb, var(--light-light) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-light_light-10 {
    background-color: color-mix(in srgb, var(--light-light) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_light,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_light-100 {
    color: var(--light-light) !important;
    fill: var(--light-light) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_light *:not([class*="columnz-color"]),
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_light-90 {
    color: color-mix(in srgb, var(--light-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_light-80 {
    color: color-mix(in srgb, var(--light-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_light-70 {
    color: color-mix(in srgb, var(--light-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_light-60 {
    color: color-mix(in srgb, var(--light-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_light-50 {
    color: color-mix(in srgb, var(--light-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_light-40 {
    color: color-mix(in srgb, var(--light-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_light-30 {
    color: color-mix(in srgb, var(--light-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_light-20 {
    color: color-mix(in srgb, var(--light-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_light-10 {
    color: color-mix(in srgb, var(--light-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-light_light,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-light_light-100 {
    border-color: var(--light-light) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-light_light-90 {
    border-color: color-mix(in srgb, var(--light-light) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-light_light-80 {
    border-color: color-mix(in srgb, var(--light-light) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-light_light-70 {
    border-color: color-mix(in srgb, var(--light-light) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-light_light-60 {
    border-color: color-mix(in srgb, var(--light-light) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-light_light-50 {
    border-color: color-mix(in srgb, var(--light-light) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-light_light-40 {
    border-color: color-mix(in srgb, var(--light-light) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-light_light-30 {
    border-color: color-mix(in srgb, var(--light-light) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-light_light-20 {
    border-color: color-mix(in srgb, var(--light-light) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-light_light-10 {
    border-color: color-mix(in srgb, var(--light-light) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-light_dark,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-light_dark-100 {
    background-color: var(--light-dark) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-light_dark-90 {
    background-color: color-mix(in srgb, var(--light-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-light_dark-80 {
    background-color: color-mix(in srgb, var(--light-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-light_dark-70 {
    background-color: color-mix(in srgb, var(--light-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-light_dark-60 {
    background-color: color-mix(in srgb, var(--light-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-light_dark-50 {
    background-color: color-mix(in srgb, var(--light-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-light_dark-40 {
    background-color: color-mix(in srgb, var(--light-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-light_dark-30 {
    background-color: color-mix(in srgb, var(--light-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-light_dark-20 {
    background-color: color-mix(in srgb, var(--light-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-light_dark-10 {
    background-color: color-mix(in srgb, var(--light-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_dark,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_dark-100 {
    color: var(--light-dark) !important;
    fill: var(--light-dark) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_dark *:not([class*="columnz-color"]),
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_dark-90 {
    color: color-mix(in srgb, var(--light-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_dark-80 {
    color: color-mix(in srgb, var(--light-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_dark-70 {
    color: color-mix(in srgb, var(--light-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_dark-60 {
    color: color-mix(in srgb, var(--light-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_dark-50 {
    color: color-mix(in srgb, var(--light-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_dark-40 {
    color: color-mix(in srgb, var(--light-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_dark-30 {
    color: color-mix(in srgb, var(--light-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_dark-20 {
    color: color-mix(in srgb, var(--light-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_dark-10 {
    color: color-mix(in srgb, var(--light-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-light_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-light_dark,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-light_dark-100 {
    border-color: var(--light-dark) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-light_dark-90 {
    border-color: color-mix(in srgb, var(--light-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-light_dark-80 {
    border-color: color-mix(in srgb, var(--light-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-light_dark-70 {
    border-color: color-mix(in srgb, var(--light-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-light_dark-60 {
    border-color: color-mix(in srgb, var(--light-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-light_dark-50 {
    border-color: color-mix(in srgb, var(--light-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-light_dark-40 {
    border-color: color-mix(in srgb, var(--light-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-light_dark-30 {
    border-color: color-mix(in srgb, var(--light-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-light_dark-20 {
    border-color: color-mix(in srgb, var(--light-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-light_dark-10 {
    border-color: color-mix(in srgb, var(--light-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-text,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-text-100 {
    background-color: var(--text) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-text_negative,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-text_negative-100 {
    background-color: var(--text-negative) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-text-90 {
    background-color: color-mix(in srgb, var(--text) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-text-80 {
    background-color: color-mix(in srgb, var(--text) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-text-70 {
    background-color: color-mix(in srgb, var(--text) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-text-60 {
    background-color: color-mix(in srgb, var(--text) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-text-50 {
    background-color: color-mix(in srgb, var(--text) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-text-40 {
    background-color: color-mix(in srgb, var(--text) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-text-30 {
    background-color: color-mix(in srgb, var(--text) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-text-20 {
    background-color: color-mix(in srgb, var(--text) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-text-10 {
    background-color: color-mix(in srgb, var(--text) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-text_negative-90 {
    background-color: color-mix(in srgb, var(--text-negative) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-text_negative-80 {
    background-color: color-mix(in srgb, var(--text-negative) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-text_negative-70 {
    background-color: color-mix(in srgb, var(--text-negative) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-text_negative-60 {
    background-color: color-mix(in srgb, var(--text-negative) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-text_negative-50 {
    background-color: color-mix(in srgb, var(--text-negative) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-text_negative-40 {
    background-color: color-mix(in srgb, var(--text-negative) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-text_negative-30 {
    background-color: color-mix(in srgb, var(--text-negative) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-text_negative-20 {
    background-color: color-mix(in srgb, var(--text-negative) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-text_negative-10 {
    background-color: color-mix(in srgb, var(--text-negative) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text-100 {
    color: var(--text) !important;
    fill: var(--text) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text *:not([class*="columnz-color"]),
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text_negative,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text_negative-100 {
    color: var(--text-negative) !important;
    fill: var(--text-negative) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text_negative *:not([class*="columnz-color"]),
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text_negative-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text-90 {
    color: color-mix(in srgb, var(--text) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text-80 {
    color: color-mix(in srgb, var(--text) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text-70 {
    color: color-mix(in srgb, var(--text) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text-60 {
    color: color-mix(in srgb, var(--text) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text-50 {
    color: color-mix(in srgb, var(--text) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text-40 {
    color: color-mix(in srgb, var(--text) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text-30 {
    color: color-mix(in srgb, var(--text) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text-20 {
    color: color-mix(in srgb, var(--text) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text-10 {
    color: color-mix(in srgb, var(--text) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text_negative-90 {
    color: color-mix(in srgb, var(--text-negative) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text_negative-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text_negative-80 {
    color: color-mix(in srgb, var(--text-negative) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text_negative-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text_negative-70 {
    color: color-mix(in srgb, var(--text-negative) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text_negative-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text_negative-60 {
    color: color-mix(in srgb, var(--text-negative) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text_negative-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text_negative-50 {
    color: color-mix(in srgb, var(--text-negative) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text_negative-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text_negative-40 {
    color: color-mix(in srgb, var(--text-negative) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text_negative-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text_negative-30 {
    color: color-mix(in srgb, var(--text-negative) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text_negative-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text_negative-20 {
    color: color-mix(in srgb, var(--text-negative) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text_negative-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text_negative-10 {
    color: color-mix(in srgb, var(--text-negative) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-text_negative-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-text,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-text-100 {
    border-color: var(--text) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-text_negative,
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-text_negative-100 {
    border-color: var(--text-negative) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-text-90 {
    border-color: color-mix(in srgb, var(--text) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-text-80 {
    border-color: color-mix(in srgb, var(--text) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-text-70 {
    border-color: color-mix(in srgb, var(--text) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-text-60 {
    border-color: color-mix(in srgb, var(--text) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-text-50 {
    border-color: color-mix(in srgb, var(--text) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-text-40 {
    border-color: color-mix(in srgb, var(--text) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-text-30 {
    border-color: color-mix(in srgb, var(--text) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-text-20 {
    border-color: color-mix(in srgb, var(--text) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-text-10 {
    border-color: color-mix(in srgb, var(--text) 10%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-text_negative-90 {
    border-color: color-mix(in srgb, var(--text-negative) 90%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-text_negative-80 {
    border-color: color-mix(in srgb, var(--text-negative) 80%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-text_negative-70 {
    border-color: color-mix(in srgb, var(--text-negative) 70%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-text_negative-60 {
    border-color: color-mix(in srgb, var(--text-negative) 60%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-text_negative-50 {
    border-color: color-mix(in srgb, var(--text-negative) 50%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-text_negative-40 {
    border-color: color-mix(in srgb, var(--text-negative) 40%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-text_negative-30 {
    border-color: color-mix(in srgb, var(--text-negative) 30%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-text_negative-20 {
    border-color: color-mix(in srgb, var(--text-negative) 20%, transparent) !important;
  }
  :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bordercolor-text_negative-10 {
    border-color: color-mix(in srgb, var(--text-negative) 10%, transparent) !important;
  }
  body .hover-element-xs.on-hover-hide,
  body .hover-element-xs .on-hover-hide {
    opacity: 1;
  }
  body .hover-element-xs.on-hover-remove,
  body .hover-element-xs .on-hover-remove {
    display: block;
  }
  body .hover-element-xs.on-hover-hide:hover,
  body .hover-element-xs:hover .on-hover-hide {
    opacity: 0;
  }
  body .hover-element-xs.on-hover-remove:hover,
  body .hover-element-xs:hover .on-hover-remove {
    display: none;
  }
  body .hover-element-xs.on-hover-show,
  body .hover-element-xs .on-hover-show {
    opacity: 0;
  }
  body .hover-element-xs.on-hover-add,
  body .hover-element-xs .on-hover-add {
    display: none;
  }
  body .hover-element-xs.on-hover-show:hover,
  body .hover-element-xs:hover .on-hover-show {
    opacity: 1;
  }
  body .hover-element-xs.on-hover-add:hover,
  body .hover-element-xs:hover .on-hover-add {
    display: block;
  }
  #get_columnz_shadow .hoverable-element-xs.on-hover-hide > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-xs .on-hover-hide > .columnz_outer_content {
    opacity: 1;
  }
  #get_columnz_shadow .hoverable-element-xs.on-hover-remove > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-xs .on-hover-remove > .columnz_outer_content {
    display: block;
  }
  #get_columnz_shadow .hoverable-element-xs.hovered-element.on-hover-hide > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-xs.hovered-element .on-hover-hide > .columnz_outer_content {
    opacity: 0;
  }
  #get_columnz_shadow .hoverable-element-xs.hovered-element.on-hover-remove > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-xs.hovered-element .on-hover-remove > .columnz_outer_content {
    display: none;
  }
  #get_columnz_shadow .hoverable-element-xs.on-hover-show:not(:hover, .focus) > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-xs .on-hover-show:not(:hover, .focus) > .columnz_outer_content {
    opacity: 0.4;
  }
  #get_columnz_shadow .hoverable-element-xs.on-hover-add:not(.focus) > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-xs .on-hover-add:not(.focus) > .columnz_outer_content {
    display: none;
  }
  #get_columnz_shadow .hoverable-element-xs.hovered-element.on-hover-show > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-xs.hovered-element .on-hover-show > .columnz_outer_content {
    opacity: 1;
  }
  #get_columnz_shadow .hoverable-element-xs.hovered-element.on-hover-add > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-xs.hovered-element .on-hover-add > .columnz_outer_content {
    display: block;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) {
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-zindex--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm).hover-zindex--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-zindex-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm).hover-zindex-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-zindex-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm).hover-zindex-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-zindex-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm).hover-zindex-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-zindex-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm).hover-zindex-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-zindex-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm).hover-zindex-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-zindex-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm).hover-zindex-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-zindex-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm).hover-zindex-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-zindex-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm).hover-zindex-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-zindex-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm).hover-zindex-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bs-solid {
    border-style: solid !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bs-dashed {
    border-style: dashed !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bs-dotted {
    border-style: dotted !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-text-left {
    text-align: left !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-text-right {
    text-align: right !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-text-center {
    text-align: center !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bw-custom {
    border-width: var(--bs-hover-bw-xs-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwt-custom {
    border-top-width: var(--bs-hover-bwt-xs-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwr-custom {
    border-right-width: var(--bs-hover-bwr-xs-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwb-custom {
    border-bottom-width: var(--bs-hover-bwb-xs-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwl-custom {
    border-left-width: var(--bs-hover-bwl-xs-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bw-0 {
    border-width: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwt-0 {
    border-top-width: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwr-0 {
    border-right-width: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwb-0 {
    border-bottom-width: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwl-0 {
    border-left-width: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bw-1 {
    border-width: 1px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwt-1 {
    border-top-width: 1px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwr-1 {
    border-right-width: 1px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwb-1 {
    border-bottom-width: 1px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwl-1 {
    border-left-width: 1px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bw-2 {
    border-width: 2px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwt-2 {
    border-top-width: 2px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwr-2 {
    border-right-width: 2px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwb-2 {
    border-bottom-width: 2px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwl-2 {
    border-left-width: 2px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bw-3 {
    border-width: 4px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwt-3 {
    border-top-width: 4px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwr-3 {
    border-right-width: 4px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwb-3 {
    border-bottom-width: 4px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwl-3 {
    border-left-width: 4px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bw-4 {
    border-width: 8px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwt-4 {
    border-top-width: 8px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwr-4 {
    border-right-width: 8px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwb-4 {
    border-bottom-width: 8px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwl-4 {
    border-left-width: 8px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-m-custom {
    margin: var(--bs-hover-m-xs-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mt-custom {
    margin-top: var(--bs-hover-mt-xs-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mr-custom {
    margin-right: var(--bs-hover-mr-xs-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mb-custom {
    margin-bottom: var(--bs-hover-mb-xs-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-ml-custom {
    margin-left: var(--bs-hover-ml-xs-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-m-0 {
    margin: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mt-0,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-my-0 {
    margin-top: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mr-0,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mx-0 {
    margin-right: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mb-0,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-my-0 {
    margin-bottom: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-ml-0,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mx-0 {
    margin-left: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-m-1 {
    margin: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mt-1,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-my-1 {
    margin-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mr-1,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mx-1 {
    margin-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mb-1,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-my-1 {
    margin-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-ml-1,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mx-1 {
    margin-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-m-2 {
    margin: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mt-2,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-my-2 {
    margin-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mr-2,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mx-2 {
    margin-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mb-2,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-my-2 {
    margin-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-ml-2,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mx-2 {
    margin-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-m-3 {
    margin: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mt-3,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-my-3 {
    margin-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mr-3,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mx-3 {
    margin-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mb-3,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-my-3 {
    margin-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-ml-3,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mx-3 {
    margin-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-m-4 {
    margin: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mt-4,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-my-4 {
    margin-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mr-4,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mx-4 {
    margin-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mb-4,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-my-4 {
    margin-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-ml-4,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mx-4 {
    margin-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-m-5 {
    margin: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mt-5,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-my-5 {
    margin-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mr-5,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mx-5 {
    margin-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mb-5,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-my-5 {
    margin-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-ml-5,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mx-5 {
    margin-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-p-custom {
    padding: var(--bs-hover-p-xs-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pt-custom {
    padding-top: var(--bs-hover-pt-xs-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pr-custom {
    padding-right: var(--bs-hover-pr-xs-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pb-custom {
    padding-bottom: var(--bs-hover-pb-xs-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pl-custom {
    padding-left: var(--bs-hover-pl-xs-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-p-0 {
    padding: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pt-0,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-py-0 {
    padding-top: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pr-0,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-px-0 {
    padding-right: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pb-0,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-py-0 {
    padding-bottom: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pl-0,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-px-0 {
    padding-left: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-p-1 {
    padding: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pt-1,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-py-1 {
    padding-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pr-1,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-px-1 {
    padding-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pb-1,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-py-1 {
    padding-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pl-1,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-px-1 {
    padding-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-p-2 {
    padding: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pt-2,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-py-2 {
    padding-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pr-2,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-px-2 {
    padding-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pb-2,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-py-2 {
    padding-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pl-2,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-px-2 {
    padding-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-p-3 {
    padding: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pt-3,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-py-3 {
    padding-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pr-3,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-px-3 {
    padding-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pb-3,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-py-3 {
    padding-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pl-3,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-px-3 {
    padding-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-p-4 {
    padding: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pt-4,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-py-4 {
    padding-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pr-4,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-px-4 {
    padding-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pb-4,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-py-4 {
    padding-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pl-4,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-px-4 {
    padding-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-p-5 {
    padding: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pt-5,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-py-5 {
    padding-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pr-5,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-px-5 {
    padding-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pb-5,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-py-5 {
    padding-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pl-5,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-px-5 {
    padding-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-br-custom {
    border-radius: var(--bs-hover-br-xs-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brtl-custom {
    border-top-left-radius: var(--bs-hover-brtl-xs-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brtr-custom {
    border-top-right-radius: var(--bs-hover-brtr-xs-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brbr-custom {
    border-bottom-right-radius: var(--bs-hover-brbr-xs-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brbl-custom {
    border-bottom-left-radius: var(--bs-hover-brbl-xs-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-br-0 {
    border-radius: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brtl-0 {
    border-top-left-radius: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brtr-0 {
    border-top-right-radius: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brbr-0 {
    border-bottom-right-radius: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brbl-0 {
    border-bottom-left-radius: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-br-1 {
    border-radius: 0.25em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brtl-1 {
    border-top-left-radius: 0.25em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brtr-1 {
    border-top-right-radius: 0.25em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brbr-1 {
    border-bottom-right-radius: 0.25em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brbl-1 {
    border-bottom-left-radius: 0.25em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-br-2 {
    border-radius: 0.5em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brtl-2 {
    border-top-left-radius: 0.5em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brtr-2 {
    border-top-right-radius: 0.5em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brbr-2 {
    border-bottom-right-radius: 0.5em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brbl-2 {
    border-bottom-left-radius: 0.5em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-br-3 {
    border-radius: 1.5em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brtl-3 {
    border-top-left-radius: 1.5em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brtr-3 {
    border-top-right-radius: 1.5em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brbr-3 {
    border-bottom-right-radius: 1.5em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brbl-3 {
    border-bottom-left-radius: 1.5em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-br-4 {
    border-radius: 3em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brtl-4 {
    border-top-left-radius: 3em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brtr-4 {
    border-top-right-radius: 3em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brbr-4 {
    border-bottom-right-radius: 3em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brbl-4 {
    border-bottom-left-radius: 3em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-custom,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-custom * {
    font-size: var(--bs-hover-size-xs-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-inherit,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-inherit * {
    font-size: var(--size) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-inherit h1 {
    font-size: var(--size-h1) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-inherit h2,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-inherit h2 * {
    font-size: var(--size-h2) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-inherit h3,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-inherit h3 * {
    font-size: var(--size-h3) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-inherit h4,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-inherit h4 * {
    font-size: var(--size-h4) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-inherit h5,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-inherit h5 * {
    font-size: var(--size-h5) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-inherit h6,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-inherit h6 * {
    font-size: var(--size-h6) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-1,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-1 * {
    font-size: var(--size-1) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-2,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-2 * {
    font-size: var(--size-2) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-3,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-3 * {
    font-size: var(--size-3) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-4,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-4 * {
    font-size: var(--size-4) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-5,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-5 * {
    font-size: var(--size-5) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-6,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-6 * {
    font-size: var(--size-6) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-7,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-7 * {
    font-size: var(--size-7) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-lh-custom,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-lh-custom * {
    line-height: var(--bs-hover-lh-xs-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-lh-inherit,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-lh-inherit * {
    line-height: var(--line-height) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-lh-1,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-lh-1 * {
    line-height: 1 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-lh-2,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-lh-2 * {
    line-height: 1.2 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-lh-3,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-lh-3 * {
    line-height: 1.7 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-custom,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-custom * {
    font-weight: var(--bs-hover-weight-xs-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-100,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-100 * {
    font-weight: 100 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-200,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-200 * {
    font-weight: 200 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-300,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-300 * {
    font-weight: 300 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-400,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-400 * {
    font-weight: 400 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-500,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-500 * {
    font-weight: 500 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-600,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-600 * {
    font-weight: 600 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-700,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-700 * {
    font-weight: 700 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-800,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-800 * {
    font-weight: 800 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-900,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-900 * {
    font-weight: 900 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-image_size-custom {
    background-size: var(--bs-hover-image_size-xs-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-image_size-cover {
    background-size: cover !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-image_size-contain {
    background-size: contain !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-image_size-auto {
    background-size: auto !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-image_pos-custom {
    background-position: var(--bs-hover-image_pos-xs-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-image_pos-top_left {
    background-position: top left !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-image_pos-top_right {
    background-position: top right !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-image_pos-bottom_right {
    background-position: bottom right !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-image_pos-bottom_left {
    background-position: bottom left !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-image_pos-center {
    background-position: center !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-image_repeat-no_repeat {
    background-repeat: no-repeat !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-image_repeat-repeat {
    background-repeat: repeat !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-image_att-scroll {
    background-attachment: scroll !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-image_att-fixed {
    background-attachment: fixed !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-0 {
    position: relative;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-10 {
    position: relative;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-10::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.1;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-20 {
    position: relative;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-20::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.2;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-30 {
    position: relative;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-30::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.3;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-40 {
    position: relative;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-40::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.4;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-50 {
    position: relative;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-50::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.5;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-60 {
    position: relative;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-60::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.6;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-70 {
    position: relative;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-70::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.7;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-80 {
    position: relative;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-80::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.8;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-90 {
    position: relative;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-90::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.9;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-100 {
    position: relative;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-100::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 1;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-zindex-sm--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm).hover-zindex-sm--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-zindex-sm-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm).hover-zindex-sm-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-zindex-sm-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm).hover-zindex-sm-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-zindex-sm-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm).hover-zindex-sm-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-zindex-sm-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm).hover-zindex-sm-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-zindex-sm-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm).hover-zindex-sm-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-zindex-sm-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm).hover-zindex-sm-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-zindex-sm-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm).hover-zindex-sm-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-zindex-sm-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm).hover-zindex-sm-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-zindex-sm-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm).hover-zindex-sm-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bs-sm-solid {
    border-style: solid !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bs-sm-dashed {
    border-style: dashed !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bs-sm-dotted {
    border-style: dotted !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-text-sm-left {
    text-align: left !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-text-sm-right {
    text-align: right !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-text-sm-center {
    text-align: center !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bw-sm-custom {
    border-width: var(--bs-hover-bw-sm-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwt-sm-custom {
    border-top-width: var(--bs-hover-bwt-sm-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwr-sm-custom {
    border-right-width: var(--bs-hover-bwr-sm-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwb-sm-custom {
    border-bottom-width: var(--bs-hover-bwb-sm-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwl-sm-custom {
    border-left-width: var(--bs-hover-bwl-sm-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bw-sm-0 {
    border-width: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwt-sm-0 {
    border-top-width: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwr-sm-0 {
    border-right-width: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwb-sm-0 {
    border-bottom-width: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwl-sm-0 {
    border-left-width: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bw-sm-1 {
    border-width: 1px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwt-sm-1 {
    border-top-width: 1px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwr-sm-1 {
    border-right-width: 1px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwb-sm-1 {
    border-bottom-width: 1px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwl-sm-1 {
    border-left-width: 1px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bw-sm-2 {
    border-width: 2px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwt-sm-2 {
    border-top-width: 2px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwr-sm-2 {
    border-right-width: 2px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwb-sm-2 {
    border-bottom-width: 2px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwl-sm-2 {
    border-left-width: 2px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bw-sm-3 {
    border-width: 4px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwt-sm-3 {
    border-top-width: 4px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwr-sm-3 {
    border-right-width: 4px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwb-sm-3 {
    border-bottom-width: 4px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwl-sm-3 {
    border-left-width: 4px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bw-sm-4 {
    border-width: 8px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwt-sm-4 {
    border-top-width: 8px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwr-sm-4 {
    border-right-width: 8px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwb-sm-4 {
    border-bottom-width: 8px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bwl-sm-4 {
    border-left-width: 8px !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-m-sm-custom {
    margin: var(--bs-hover-m-sm-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mt-sm-custom {
    margin-top: var(--bs-hover-mt-sm-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mr-sm-custom {
    margin-right: var(--bs-hover-mr-sm-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mb-sm-custom {
    margin-bottom: var(--bs-hover-mb-sm-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-ml-sm-custom {
    margin-left: var(--bs-hover-ml-sm-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-m-sm-0 {
    margin: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mt-sm-0,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-my-sm-0 {
    margin-top: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mr-sm-0,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mx-sm-0 {
    margin-right: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mb-sm-0,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-my-sm-0 {
    margin-bottom: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-ml-sm-0,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mx-sm-0 {
    margin-left: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-m-sm-1 {
    margin: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mt-sm-1,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-my-sm-1 {
    margin-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mr-sm-1,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mx-sm-1 {
    margin-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mb-sm-1,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-my-sm-1 {
    margin-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-ml-sm-1,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mx-sm-1 {
    margin-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-m-sm-2 {
    margin: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mt-sm-2,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-my-sm-2 {
    margin-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mr-sm-2,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mx-sm-2 {
    margin-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mb-sm-2,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-my-sm-2 {
    margin-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-ml-sm-2,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mx-sm-2 {
    margin-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-m-sm-3 {
    margin: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mt-sm-3,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-my-sm-3 {
    margin-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mr-sm-3,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mx-sm-3 {
    margin-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mb-sm-3,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-my-sm-3 {
    margin-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-ml-sm-3,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mx-sm-3 {
    margin-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-m-sm-4 {
    margin: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mt-sm-4,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-my-sm-4 {
    margin-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mr-sm-4,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mx-sm-4 {
    margin-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mb-sm-4,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-my-sm-4 {
    margin-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-ml-sm-4,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mx-sm-4 {
    margin-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-m-sm-5 {
    margin: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mt-sm-5,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-my-sm-5 {
    margin-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mr-sm-5,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mx-sm-5 {
    margin-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mb-sm-5,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-my-sm-5 {
    margin-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-ml-sm-5,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-mx-sm-5 {
    margin-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-p-sm-custom {
    padding: var(--bs-hover-p-sm-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pt-sm-custom {
    padding-top: var(--bs-hover-pt-sm-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pr-sm-custom {
    padding-right: var(--bs-hover-pr-sm-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pb-sm-custom {
    padding-bottom: var(--bs-hover-pb-sm-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pl-sm-custom {
    padding-left: var(--bs-hover-pl-sm-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-p-sm-0 {
    padding: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pt-sm-0,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-py-sm-0 {
    padding-top: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pr-sm-0,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-px-sm-0 {
    padding-right: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pb-sm-0,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-py-sm-0 {
    padding-bottom: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pl-sm-0,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-px-sm-0 {
    padding-left: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-p-sm-1 {
    padding: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pt-sm-1,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-py-sm-1 {
    padding-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pr-sm-1,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-px-sm-1 {
    padding-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pb-sm-1,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-py-sm-1 {
    padding-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pl-sm-1,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-px-sm-1 {
    padding-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-p-sm-2 {
    padding: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pt-sm-2,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-py-sm-2 {
    padding-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pr-sm-2,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-px-sm-2 {
    padding-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pb-sm-2,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-py-sm-2 {
    padding-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pl-sm-2,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-px-sm-2 {
    padding-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-p-sm-3 {
    padding: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pt-sm-3,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-py-sm-3 {
    padding-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pr-sm-3,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-px-sm-3 {
    padding-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pb-sm-3,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-py-sm-3 {
    padding-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pl-sm-3,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-px-sm-3 {
    padding-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-p-sm-4 {
    padding: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pt-sm-4,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-py-sm-4 {
    padding-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pr-sm-4,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-px-sm-4 {
    padding-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pb-sm-4,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-py-sm-4 {
    padding-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pl-sm-4,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-px-sm-4 {
    padding-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-p-sm-5 {
    padding: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pt-sm-5,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-py-sm-5 {
    padding-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pr-sm-5,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-px-sm-5 {
    padding-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pb-sm-5,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-py-sm-5 {
    padding-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-pl-sm-5,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-px-sm-5 {
    padding-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-br-sm-custom {
    border-radius: var(--bs-hover-br-sm-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brtl-sm-custom {
    border-top-left-radius: var(--bs-hover-brtl-sm-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brtr-sm-custom {
    border-top-right-radius: var(--bs-hover-brtr-sm-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brbr-sm-custom {
    border-bottom-right-radius: var(--bs-hover-brbr-sm-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brbl-sm-custom {
    border-bottom-left-radius: var(--bs-hover-brbl-sm-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-br-sm-0 {
    border-radius: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brtl-sm-0 {
    border-top-left-radius: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brtr-sm-0 {
    border-top-right-radius: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brbr-sm-0 {
    border-bottom-right-radius: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brbl-sm-0 {
    border-bottom-left-radius: 0 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-br-sm-1 {
    border-radius: 0.25em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brtl-sm-1 {
    border-top-left-radius: 0.25em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brtr-sm-1 {
    border-top-right-radius: 0.25em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brbr-sm-1 {
    border-bottom-right-radius: 0.25em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brbl-sm-1 {
    border-bottom-left-radius: 0.25em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-br-sm-2 {
    border-radius: 0.5em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brtl-sm-2 {
    border-top-left-radius: 0.5em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brtr-sm-2 {
    border-top-right-radius: 0.5em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brbr-sm-2 {
    border-bottom-right-radius: 0.5em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brbl-sm-2 {
    border-bottom-left-radius: 0.5em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-br-sm-3 {
    border-radius: 1.5em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brtl-sm-3 {
    border-top-left-radius: 1.5em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brtr-sm-3 {
    border-top-right-radius: 1.5em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brbr-sm-3 {
    border-bottom-right-radius: 1.5em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brbl-sm-3 {
    border-bottom-left-radius: 1.5em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-br-sm-4 {
    border-radius: 3em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brtl-sm-4 {
    border-top-left-radius: 3em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brtr-sm-4 {
    border-top-right-radius: 3em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brbr-sm-4 {
    border-bottom-right-radius: 3em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-brbl-sm-4 {
    border-bottom-left-radius: 3em !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-sm-custom,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-sm-custom * {
    font-size: var(--bs-hover-size-sm-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-sm-inherit,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-sm-inherit * {
    font-size: var(--size) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-sm-inherit h1 {
    font-size: var(--size-h1) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-sm-inherit h2,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-sm-inherit h2 * {
    font-size: var(--size-h2) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-sm-inherit h3,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-sm-inherit h3 * {
    font-size: var(--size-h3) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-sm-inherit h4,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-sm-inherit h4 * {
    font-size: var(--size-h4) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-sm-inherit h5,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-sm-inherit h5 * {
    font-size: var(--size-h5) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-sm-inherit h6,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-sm-inherit h6 * {
    font-size: var(--size-h6) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-sm-1,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-sm-1 * {
    font-size: var(--size-1) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-sm-2,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-sm-2 * {
    font-size: var(--size-2) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-sm-3,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-sm-3 * {
    font-size: var(--size-3) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-sm-4,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-sm-4 * {
    font-size: var(--size-4) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-sm-5,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-sm-5 * {
    font-size: var(--size-5) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-sm-6,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-sm-6 * {
    font-size: var(--size-6) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-sm-7,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-size-sm-7 * {
    font-size: var(--size-7) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-lh-sm-custom,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-lh-sm-custom * {
    line-height: var(--bs-hover-lh-sm-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-lh-sm-inherit,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-lh-sm-inherit * {
    line-height: var(--line-height) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-lh-sm-1,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-lh-sm-1 * {
    line-height: 1 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-lh-sm-2,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-lh-sm-2 * {
    line-height: 1.2 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-lh-sm-3,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-lh-sm-3 * {
    line-height: 1.7 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-sm-custom,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-sm-custom * {
    font-weight: var(--bs-hover-weight-sm-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-sm-100,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-sm-100 * {
    font-weight: 100 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-sm-200,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-sm-200 * {
    font-weight: 200 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-sm-300,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-sm-300 * {
    font-weight: 300 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-sm-400,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-sm-400 * {
    font-weight: 400 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-sm-500,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-sm-500 * {
    font-weight: 500 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-sm-600,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-sm-600 * {
    font-weight: 600 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-sm-700,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-sm-700 * {
    font-weight: 700 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-sm-800,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-sm-800 * {
    font-weight: 800 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-sm-900,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-weight-sm-900 * {
    font-weight: 900 !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-image_size-sm-custom {
    background-size: var(--bs-hover-image_size-sm-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-image_size-sm-cover {
    background-size: cover !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-image_size-sm-contain {
    background-size: contain !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-image_size-sm-auto {
    background-size: auto !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-image_pos-sm-custom {
    background-position: var(--bs-hover-image_pos-sm-custom) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-image_pos-sm-top_left {
    background-position: top left !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-image_pos-sm-top_right {
    background-position: top right !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-image_pos-sm-bottom_right {
    background-position: bottom right !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-image_pos-sm-bottom_left {
    background-position: bottom left !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-image_pos-sm-center {
    background-position: center !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-image_repeat-sm-no_repeat {
    background-repeat: no-repeat !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-image_repeat-sm-repeat {
    background-repeat: repeat !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-image_att-sm-scroll {
    background-attachment: scroll !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-image_att-sm-fixed {
    background-attachment: fixed !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-sm-0 {
    position: relative;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-sm-0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-sm-10 {
    position: relative;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-sm-10::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.1;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-sm-20 {
    position: relative;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-sm-20::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.2;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-sm-30 {
    position: relative;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-sm-30::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.3;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-sm-40 {
    position: relative;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-sm-40::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.4;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-sm-50 {
    position: relative;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-sm-50::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.5;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-sm-60 {
    position: relative;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-sm-60::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.6;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-sm-70 {
    position: relative;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-sm-70::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.7;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-sm-80 {
    position: relative;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-sm-80::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.8;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-sm-90 {
    position: relative;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-sm-90::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.9;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-sm-100 {
    position: relative;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-bg-img-blend-sm-100::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 1;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-primary,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-primary-100 {
    background-color: var(--primary) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-primary-90 {
    background-color: color-mix(in srgb, var(--primary) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-primary-80 {
    background-color: color-mix(in srgb, var(--primary) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-primary-70 {
    background-color: color-mix(in srgb, var(--primary) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-primary-60 {
    background-color: color-mix(in srgb, var(--primary) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-primary-50 {
    background-color: color-mix(in srgb, var(--primary) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-primary-40 {
    background-color: color-mix(in srgb, var(--primary) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-primary-30 {
    background-color: color-mix(in srgb, var(--primary) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-primary-20 {
    background-color: color-mix(in srgb, var(--primary) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-primary-10 {
    background-color: color-mix(in srgb, var(--primary) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary-100 {
    color: var(--primary) !important;
    fill: var(--primary) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary *:not([class*="columnz-color"]),
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary-90 {
    color: color-mix(in srgb, var(--primary) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary-80 {
    color: color-mix(in srgb, var(--primary) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary-70 {
    color: color-mix(in srgb, var(--primary) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary-60 {
    color: color-mix(in srgb, var(--primary) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary-50 {
    color: color-mix(in srgb, var(--primary) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary-40 {
    color: color-mix(in srgb, var(--primary) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary-30 {
    color: color-mix(in srgb, var(--primary) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary-20 {
    color: color-mix(in srgb, var(--primary) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary-10 {
    color: color-mix(in srgb, var(--primary) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-primary,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-primary-100 {
    border-color: var(--primary) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-primary-90 {
    border-color: color-mix(in srgb, var(--primary) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-primary-80 {
    border-color: color-mix(in srgb, var(--primary) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-primary-70 {
    border-color: color-mix(in srgb, var(--primary) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-primary-60 {
    border-color: color-mix(in srgb, var(--primary) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-primary-50 {
    border-color: color-mix(in srgb, var(--primary) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-primary-40 {
    border-color: color-mix(in srgb, var(--primary) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-primary-30 {
    border-color: color-mix(in srgb, var(--primary) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-primary-20 {
    border-color: color-mix(in srgb, var(--primary) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-primary-10 {
    border-color: color-mix(in srgb, var(--primary) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-primary_light,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-primary_light-100 {
    background-color: var(--primary-light) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-primary_light-90 {
    background-color: color-mix(in srgb, var(--primary-light) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-primary_light-80 {
    background-color: color-mix(in srgb, var(--primary-light) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-primary_light-70 {
    background-color: color-mix(in srgb, var(--primary-light) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-primary_light-60 {
    background-color: color-mix(in srgb, var(--primary-light) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-primary_light-50 {
    background-color: color-mix(in srgb, var(--primary-light) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-primary_light-40 {
    background-color: color-mix(in srgb, var(--primary-light) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-primary_light-30 {
    background-color: color-mix(in srgb, var(--primary-light) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-primary_light-20 {
    background-color: color-mix(in srgb, var(--primary-light) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-primary_light-10 {
    background-color: color-mix(in srgb, var(--primary-light) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_light,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_light-100 {
    color: var(--primary-light) !important;
    fill: var(--primary-light) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_light *:not([class*="columnz-color"]),
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_light-90 {
    color: color-mix(in srgb, var(--primary-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_light-80 {
    color: color-mix(in srgb, var(--primary-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_light-70 {
    color: color-mix(in srgb, var(--primary-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_light-60 {
    color: color-mix(in srgb, var(--primary-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_light-50 {
    color: color-mix(in srgb, var(--primary-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_light-40 {
    color: color-mix(in srgb, var(--primary-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_light-30 {
    color: color-mix(in srgb, var(--primary-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_light-20 {
    color: color-mix(in srgb, var(--primary-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_light-10 {
    color: color-mix(in srgb, var(--primary-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-primary_light,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-primary_light-100 {
    border-color: var(--primary-light) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-primary_light-90 {
    border-color: color-mix(in srgb, var(--primary-light) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-primary_light-80 {
    border-color: color-mix(in srgb, var(--primary-light) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-primary_light-70 {
    border-color: color-mix(in srgb, var(--primary-light) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-primary_light-60 {
    border-color: color-mix(in srgb, var(--primary-light) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-primary_light-50 {
    border-color: color-mix(in srgb, var(--primary-light) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-primary_light-40 {
    border-color: color-mix(in srgb, var(--primary-light) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-primary_light-30 {
    border-color: color-mix(in srgb, var(--primary-light) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-primary_light-20 {
    border-color: color-mix(in srgb, var(--primary-light) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-primary_light-10 {
    border-color: color-mix(in srgb, var(--primary-light) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-primary_dark,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-primary_dark-100 {
    background-color: var(--primary-dark) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-primary_dark-90 {
    background-color: color-mix(in srgb, var(--primary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-primary_dark-80 {
    background-color: color-mix(in srgb, var(--primary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-primary_dark-70 {
    background-color: color-mix(in srgb, var(--primary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-primary_dark-60 {
    background-color: color-mix(in srgb, var(--primary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-primary_dark-50 {
    background-color: color-mix(in srgb, var(--primary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-primary_dark-40 {
    background-color: color-mix(in srgb, var(--primary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-primary_dark-30 {
    background-color: color-mix(in srgb, var(--primary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-primary_dark-20 {
    background-color: color-mix(in srgb, var(--primary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-primary_dark-10 {
    background-color: color-mix(in srgb, var(--primary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_dark,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_dark-100 {
    color: var(--primary-dark) !important;
    fill: var(--primary-dark) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_dark *:not([class*="columnz-color"]),
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_dark-90 {
    color: color-mix(in srgb, var(--primary-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_dark-80 {
    color: color-mix(in srgb, var(--primary-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_dark-70 {
    color: color-mix(in srgb, var(--primary-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_dark-60 {
    color: color-mix(in srgb, var(--primary-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_dark-50 {
    color: color-mix(in srgb, var(--primary-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_dark-40 {
    color: color-mix(in srgb, var(--primary-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_dark-30 {
    color: color-mix(in srgb, var(--primary-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_dark-20 {
    color: color-mix(in srgb, var(--primary-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_dark-10 {
    color: color-mix(in srgb, var(--primary-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-primary_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-primary_dark,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-primary_dark-100 {
    border-color: var(--primary-dark) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-primary_dark-90 {
    border-color: color-mix(in srgb, var(--primary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-primary_dark-80 {
    border-color: color-mix(in srgb, var(--primary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-primary_dark-70 {
    border-color: color-mix(in srgb, var(--primary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-primary_dark-60 {
    border-color: color-mix(in srgb, var(--primary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-primary_dark-50 {
    border-color: color-mix(in srgb, var(--primary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-primary_dark-40 {
    border-color: color-mix(in srgb, var(--primary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-primary_dark-30 {
    border-color: color-mix(in srgb, var(--primary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-primary_dark-20 {
    border-color: color-mix(in srgb, var(--primary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-primary_dark-10 {
    border-color: color-mix(in srgb, var(--primary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-secondary,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-secondary-100 {
    background-color: var(--secondary) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-secondary-90 {
    background-color: color-mix(in srgb, var(--secondary) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-secondary-80 {
    background-color: color-mix(in srgb, var(--secondary) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-secondary-70 {
    background-color: color-mix(in srgb, var(--secondary) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-secondary-60 {
    background-color: color-mix(in srgb, var(--secondary) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-secondary-50 {
    background-color: color-mix(in srgb, var(--secondary) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-secondary-40 {
    background-color: color-mix(in srgb, var(--secondary) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-secondary-30 {
    background-color: color-mix(in srgb, var(--secondary) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-secondary-20 {
    background-color: color-mix(in srgb, var(--secondary) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-secondary-10 {
    background-color: color-mix(in srgb, var(--secondary) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary-100 {
    color: var(--secondary) !important;
    fill: var(--secondary) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary *:not([class*="columnz-color"]),
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary-90 {
    color: color-mix(in srgb, var(--secondary) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary-80 {
    color: color-mix(in srgb, var(--secondary) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary-70 {
    color: color-mix(in srgb, var(--secondary) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary-60 {
    color: color-mix(in srgb, var(--secondary) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary-50 {
    color: color-mix(in srgb, var(--secondary) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary-40 {
    color: color-mix(in srgb, var(--secondary) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary-30 {
    color: color-mix(in srgb, var(--secondary) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary-20 {
    color: color-mix(in srgb, var(--secondary) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary-10 {
    color: color-mix(in srgb, var(--secondary) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-secondary,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-secondary-100 {
    border-color: var(--secondary) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-secondary-90 {
    border-color: color-mix(in srgb, var(--secondary) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-secondary-80 {
    border-color: color-mix(in srgb, var(--secondary) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-secondary-70 {
    border-color: color-mix(in srgb, var(--secondary) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-secondary-60 {
    border-color: color-mix(in srgb, var(--secondary) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-secondary-50 {
    border-color: color-mix(in srgb, var(--secondary) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-secondary-40 {
    border-color: color-mix(in srgb, var(--secondary) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-secondary-30 {
    border-color: color-mix(in srgb, var(--secondary) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-secondary-20 {
    border-color: color-mix(in srgb, var(--secondary) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-secondary-10 {
    border-color: color-mix(in srgb, var(--secondary) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-secondary_light,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-secondary_light-100 {
    background-color: var(--secondary-light) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-secondary_light-90 {
    background-color: color-mix(in srgb, var(--secondary-light) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-secondary_light-80 {
    background-color: color-mix(in srgb, var(--secondary-light) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-secondary_light-70 {
    background-color: color-mix(in srgb, var(--secondary-light) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-secondary_light-60 {
    background-color: color-mix(in srgb, var(--secondary-light) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-secondary_light-50 {
    background-color: color-mix(in srgb, var(--secondary-light) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-secondary_light-40 {
    background-color: color-mix(in srgb, var(--secondary-light) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-secondary_light-30 {
    background-color: color-mix(in srgb, var(--secondary-light) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-secondary_light-20 {
    background-color: color-mix(in srgb, var(--secondary-light) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-secondary_light-10 {
    background-color: color-mix(in srgb, var(--secondary-light) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_light,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_light-100 {
    color: var(--secondary-light) !important;
    fill: var(--secondary-light) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_light *:not([class*="columnz-color"]),
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_light-90 {
    color: color-mix(in srgb, var(--secondary-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_light-80 {
    color: color-mix(in srgb, var(--secondary-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_light-70 {
    color: color-mix(in srgb, var(--secondary-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_light-60 {
    color: color-mix(in srgb, var(--secondary-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_light-50 {
    color: color-mix(in srgb, var(--secondary-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_light-40 {
    color: color-mix(in srgb, var(--secondary-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_light-30 {
    color: color-mix(in srgb, var(--secondary-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_light-20 {
    color: color-mix(in srgb, var(--secondary-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_light-10 {
    color: color-mix(in srgb, var(--secondary-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-secondary_light,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-secondary_light-100 {
    border-color: var(--secondary-light) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-secondary_light-90 {
    border-color: color-mix(in srgb, var(--secondary-light) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-secondary_light-80 {
    border-color: color-mix(in srgb, var(--secondary-light) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-secondary_light-70 {
    border-color: color-mix(in srgb, var(--secondary-light) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-secondary_light-60 {
    border-color: color-mix(in srgb, var(--secondary-light) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-secondary_light-50 {
    border-color: color-mix(in srgb, var(--secondary-light) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-secondary_light-40 {
    border-color: color-mix(in srgb, var(--secondary-light) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-secondary_light-30 {
    border-color: color-mix(in srgb, var(--secondary-light) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-secondary_light-20 {
    border-color: color-mix(in srgb, var(--secondary-light) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-secondary_light-10 {
    border-color: color-mix(in srgb, var(--secondary-light) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-secondary_dark,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-secondary_dark-100 {
    background-color: var(--secondary-dark) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-secondary_dark-90 {
    background-color: color-mix(in srgb, var(--secondary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-secondary_dark-80 {
    background-color: color-mix(in srgb, var(--secondary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-secondary_dark-70 {
    background-color: color-mix(in srgb, var(--secondary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-secondary_dark-60 {
    background-color: color-mix(in srgb, var(--secondary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-secondary_dark-50 {
    background-color: color-mix(in srgb, var(--secondary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-secondary_dark-40 {
    background-color: color-mix(in srgb, var(--secondary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-secondary_dark-30 {
    background-color: color-mix(in srgb, var(--secondary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-secondary_dark-20 {
    background-color: color-mix(in srgb, var(--secondary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-secondary_dark-10 {
    background-color: color-mix(in srgb, var(--secondary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_dark,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_dark-100 {
    color: var(--secondary-dark) !important;
    fill: var(--secondary-dark) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_dark *:not([class*="columnz-color"]),
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_dark-90 {
    color: color-mix(in srgb, var(--secondary-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_dark-80 {
    color: color-mix(in srgb, var(--secondary-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_dark-70 {
    color: color-mix(in srgb, var(--secondary-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_dark-60 {
    color: color-mix(in srgb, var(--secondary-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_dark-50 {
    color: color-mix(in srgb, var(--secondary-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_dark-40 {
    color: color-mix(in srgb, var(--secondary-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_dark-30 {
    color: color-mix(in srgb, var(--secondary-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_dark-20 {
    color: color-mix(in srgb, var(--secondary-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_dark-10 {
    color: color-mix(in srgb, var(--secondary-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-secondary_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-secondary_dark,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-secondary_dark-100 {
    border-color: var(--secondary-dark) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-secondary_dark-90 {
    border-color: color-mix(in srgb, var(--secondary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-secondary_dark-80 {
    border-color: color-mix(in srgb, var(--secondary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-secondary_dark-70 {
    border-color: color-mix(in srgb, var(--secondary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-secondary_dark-60 {
    border-color: color-mix(in srgb, var(--secondary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-secondary_dark-50 {
    border-color: color-mix(in srgb, var(--secondary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-secondary_dark-40 {
    border-color: color-mix(in srgb, var(--secondary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-secondary_dark-30 {
    border-color: color-mix(in srgb, var(--secondary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-secondary_dark-20 {
    border-color: color-mix(in srgb, var(--secondary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-secondary_dark-10 {
    border-color: color-mix(in srgb, var(--secondary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-info,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-info-100 {
    background-color: var(--info) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-info-90 {
    background-color: color-mix(in srgb, var(--info) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-info-80 {
    background-color: color-mix(in srgb, var(--info) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-info-70 {
    background-color: color-mix(in srgb, var(--info) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-info-60 {
    background-color: color-mix(in srgb, var(--info) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-info-50 {
    background-color: color-mix(in srgb, var(--info) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-info-40 {
    background-color: color-mix(in srgb, var(--info) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-info-30 {
    background-color: color-mix(in srgb, var(--info) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-info-20 {
    background-color: color-mix(in srgb, var(--info) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-info-10 {
    background-color: color-mix(in srgb, var(--info) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info-100 {
    color: var(--info) !important;
    fill: var(--info) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info *:not([class*="columnz-color"]),
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info-90 {
    color: color-mix(in srgb, var(--info) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info-80 {
    color: color-mix(in srgb, var(--info) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info-70 {
    color: color-mix(in srgb, var(--info) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info-60 {
    color: color-mix(in srgb, var(--info) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info-50 {
    color: color-mix(in srgb, var(--info) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info-40 {
    color: color-mix(in srgb, var(--info) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info-30 {
    color: color-mix(in srgb, var(--info) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info-20 {
    color: color-mix(in srgb, var(--info) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info-10 {
    color: color-mix(in srgb, var(--info) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-info,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-info-100 {
    border-color: var(--info) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-info-90 {
    border-color: color-mix(in srgb, var(--info) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-info-80 {
    border-color: color-mix(in srgb, var(--info) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-info-70 {
    border-color: color-mix(in srgb, var(--info) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-info-60 {
    border-color: color-mix(in srgb, var(--info) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-info-50 {
    border-color: color-mix(in srgb, var(--info) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-info-40 {
    border-color: color-mix(in srgb, var(--info) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-info-30 {
    border-color: color-mix(in srgb, var(--info) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-info-20 {
    border-color: color-mix(in srgb, var(--info) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-info-10 {
    border-color: color-mix(in srgb, var(--info) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-info_light,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-info_light-100 {
    background-color: var(--info-light) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-info_light-90 {
    background-color: color-mix(in srgb, var(--info-light) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-info_light-80 {
    background-color: color-mix(in srgb, var(--info-light) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-info_light-70 {
    background-color: color-mix(in srgb, var(--info-light) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-info_light-60 {
    background-color: color-mix(in srgb, var(--info-light) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-info_light-50 {
    background-color: color-mix(in srgb, var(--info-light) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-info_light-40 {
    background-color: color-mix(in srgb, var(--info-light) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-info_light-30 {
    background-color: color-mix(in srgb, var(--info-light) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-info_light-20 {
    background-color: color-mix(in srgb, var(--info-light) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-info_light-10 {
    background-color: color-mix(in srgb, var(--info-light) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_light,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_light-100 {
    color: var(--info-light) !important;
    fill: var(--info-light) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_light *:not([class*="columnz-color"]),
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_light-90 {
    color: color-mix(in srgb, var(--info-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_light-80 {
    color: color-mix(in srgb, var(--info-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_light-70 {
    color: color-mix(in srgb, var(--info-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_light-60 {
    color: color-mix(in srgb, var(--info-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_light-50 {
    color: color-mix(in srgb, var(--info-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_light-40 {
    color: color-mix(in srgb, var(--info-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_light-30 {
    color: color-mix(in srgb, var(--info-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_light-20 {
    color: color-mix(in srgb, var(--info-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_light-10 {
    color: color-mix(in srgb, var(--info-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-info_light,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-info_light-100 {
    border-color: var(--info-light) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-info_light-90 {
    border-color: color-mix(in srgb, var(--info-light) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-info_light-80 {
    border-color: color-mix(in srgb, var(--info-light) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-info_light-70 {
    border-color: color-mix(in srgb, var(--info-light) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-info_light-60 {
    border-color: color-mix(in srgb, var(--info-light) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-info_light-50 {
    border-color: color-mix(in srgb, var(--info-light) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-info_light-40 {
    border-color: color-mix(in srgb, var(--info-light) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-info_light-30 {
    border-color: color-mix(in srgb, var(--info-light) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-info_light-20 {
    border-color: color-mix(in srgb, var(--info-light) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-info_light-10 {
    border-color: color-mix(in srgb, var(--info-light) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-info_dark,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-info_dark-100 {
    background-color: var(--info-dark) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-info_dark-90 {
    background-color: color-mix(in srgb, var(--info-dark) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-info_dark-80 {
    background-color: color-mix(in srgb, var(--info-dark) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-info_dark-70 {
    background-color: color-mix(in srgb, var(--info-dark) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-info_dark-60 {
    background-color: color-mix(in srgb, var(--info-dark) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-info_dark-50 {
    background-color: color-mix(in srgb, var(--info-dark) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-info_dark-40 {
    background-color: color-mix(in srgb, var(--info-dark) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-info_dark-30 {
    background-color: color-mix(in srgb, var(--info-dark) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-info_dark-20 {
    background-color: color-mix(in srgb, var(--info-dark) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-info_dark-10 {
    background-color: color-mix(in srgb, var(--info-dark) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_dark,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_dark-100 {
    color: var(--info-dark) !important;
    fill: var(--info-dark) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_dark *:not([class*="columnz-color"]),
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_dark-90 {
    color: color-mix(in srgb, var(--info-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_dark-80 {
    color: color-mix(in srgb, var(--info-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_dark-70 {
    color: color-mix(in srgb, var(--info-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_dark-60 {
    color: color-mix(in srgb, var(--info-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_dark-50 {
    color: color-mix(in srgb, var(--info-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_dark-40 {
    color: color-mix(in srgb, var(--info-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_dark-30 {
    color: color-mix(in srgb, var(--info-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_dark-20 {
    color: color-mix(in srgb, var(--info-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_dark-10 {
    color: color-mix(in srgb, var(--info-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-info_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-info_dark,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-info_dark-100 {
    border-color: var(--info-dark) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-info_dark-90 {
    border-color: color-mix(in srgb, var(--info-dark) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-info_dark-80 {
    border-color: color-mix(in srgb, var(--info-dark) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-info_dark-70 {
    border-color: color-mix(in srgb, var(--info-dark) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-info_dark-60 {
    border-color: color-mix(in srgb, var(--info-dark) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-info_dark-50 {
    border-color: color-mix(in srgb, var(--info-dark) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-info_dark-40 {
    border-color: color-mix(in srgb, var(--info-dark) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-info_dark-30 {
    border-color: color-mix(in srgb, var(--info-dark) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-info_dark-20 {
    border-color: color-mix(in srgb, var(--info-dark) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-info_dark-10 {
    border-color: color-mix(in srgb, var(--info-dark) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-success,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-success-100 {
    background-color: var(--success) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-success-90 {
    background-color: color-mix(in srgb, var(--success) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-success-80 {
    background-color: color-mix(in srgb, var(--success) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-success-70 {
    background-color: color-mix(in srgb, var(--success) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-success-60 {
    background-color: color-mix(in srgb, var(--success) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-success-50 {
    background-color: color-mix(in srgb, var(--success) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-success-40 {
    background-color: color-mix(in srgb, var(--success) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-success-30 {
    background-color: color-mix(in srgb, var(--success) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-success-20 {
    background-color: color-mix(in srgb, var(--success) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-success-10 {
    background-color: color-mix(in srgb, var(--success) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success-100 {
    color: var(--success) !important;
    fill: var(--success) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success *:not([class*="columnz-color"]),
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success-90 {
    color: color-mix(in srgb, var(--success) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success-80 {
    color: color-mix(in srgb, var(--success) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success-70 {
    color: color-mix(in srgb, var(--success) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success-60 {
    color: color-mix(in srgb, var(--success) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success-50 {
    color: color-mix(in srgb, var(--success) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success-40 {
    color: color-mix(in srgb, var(--success) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success-30 {
    color: color-mix(in srgb, var(--success) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success-20 {
    color: color-mix(in srgb, var(--success) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success-10 {
    color: color-mix(in srgb, var(--success) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-success,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-success-100 {
    border-color: var(--success) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-success-90 {
    border-color: color-mix(in srgb, var(--success) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-success-80 {
    border-color: color-mix(in srgb, var(--success) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-success-70 {
    border-color: color-mix(in srgb, var(--success) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-success-60 {
    border-color: color-mix(in srgb, var(--success) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-success-50 {
    border-color: color-mix(in srgb, var(--success) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-success-40 {
    border-color: color-mix(in srgb, var(--success) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-success-30 {
    border-color: color-mix(in srgb, var(--success) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-success-20 {
    border-color: color-mix(in srgb, var(--success) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-success-10 {
    border-color: color-mix(in srgb, var(--success) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-success_light,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-success_light-100 {
    background-color: var(--success-light) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-success_light-90 {
    background-color: color-mix(in srgb, var(--success-light) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-success_light-80 {
    background-color: color-mix(in srgb, var(--success-light) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-success_light-70 {
    background-color: color-mix(in srgb, var(--success-light) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-success_light-60 {
    background-color: color-mix(in srgb, var(--success-light) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-success_light-50 {
    background-color: color-mix(in srgb, var(--success-light) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-success_light-40 {
    background-color: color-mix(in srgb, var(--success-light) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-success_light-30 {
    background-color: color-mix(in srgb, var(--success-light) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-success_light-20 {
    background-color: color-mix(in srgb, var(--success-light) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-success_light-10 {
    background-color: color-mix(in srgb, var(--success-light) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_light,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_light-100 {
    color: var(--success-light) !important;
    fill: var(--success-light) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_light *:not([class*="columnz-color"]),
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_light-90 {
    color: color-mix(in srgb, var(--success-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_light-80 {
    color: color-mix(in srgb, var(--success-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_light-70 {
    color: color-mix(in srgb, var(--success-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_light-60 {
    color: color-mix(in srgb, var(--success-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_light-50 {
    color: color-mix(in srgb, var(--success-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_light-40 {
    color: color-mix(in srgb, var(--success-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_light-30 {
    color: color-mix(in srgb, var(--success-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_light-20 {
    color: color-mix(in srgb, var(--success-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_light-10 {
    color: color-mix(in srgb, var(--success-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-success_light,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-success_light-100 {
    border-color: var(--success-light) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-success_light-90 {
    border-color: color-mix(in srgb, var(--success-light) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-success_light-80 {
    border-color: color-mix(in srgb, var(--success-light) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-success_light-70 {
    border-color: color-mix(in srgb, var(--success-light) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-success_light-60 {
    border-color: color-mix(in srgb, var(--success-light) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-success_light-50 {
    border-color: color-mix(in srgb, var(--success-light) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-success_light-40 {
    border-color: color-mix(in srgb, var(--success-light) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-success_light-30 {
    border-color: color-mix(in srgb, var(--success-light) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-success_light-20 {
    border-color: color-mix(in srgb, var(--success-light) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-success_light-10 {
    border-color: color-mix(in srgb, var(--success-light) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-success_dark,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-success_dark-100 {
    background-color: var(--success-dark) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-success_dark-90 {
    background-color: color-mix(in srgb, var(--success-dark) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-success_dark-80 {
    background-color: color-mix(in srgb, var(--success-dark) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-success_dark-70 {
    background-color: color-mix(in srgb, var(--success-dark) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-success_dark-60 {
    background-color: color-mix(in srgb, var(--success-dark) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-success_dark-50 {
    background-color: color-mix(in srgb, var(--success-dark) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-success_dark-40 {
    background-color: color-mix(in srgb, var(--success-dark) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-success_dark-30 {
    background-color: color-mix(in srgb, var(--success-dark) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-success_dark-20 {
    background-color: color-mix(in srgb, var(--success-dark) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-success_dark-10 {
    background-color: color-mix(in srgb, var(--success-dark) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_dark,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_dark-100 {
    color: var(--success-dark) !important;
    fill: var(--success-dark) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_dark *:not([class*="columnz-color"]),
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_dark-90 {
    color: color-mix(in srgb, var(--success-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_dark-80 {
    color: color-mix(in srgb, var(--success-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_dark-70 {
    color: color-mix(in srgb, var(--success-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_dark-60 {
    color: color-mix(in srgb, var(--success-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_dark-50 {
    color: color-mix(in srgb, var(--success-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_dark-40 {
    color: color-mix(in srgb, var(--success-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_dark-30 {
    color: color-mix(in srgb, var(--success-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_dark-20 {
    color: color-mix(in srgb, var(--success-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_dark-10 {
    color: color-mix(in srgb, var(--success-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-success_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-success_dark,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-success_dark-100 {
    border-color: var(--success-dark) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-success_dark-90 {
    border-color: color-mix(in srgb, var(--success-dark) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-success_dark-80 {
    border-color: color-mix(in srgb, var(--success-dark) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-success_dark-70 {
    border-color: color-mix(in srgb, var(--success-dark) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-success_dark-60 {
    border-color: color-mix(in srgb, var(--success-dark) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-success_dark-50 {
    border-color: color-mix(in srgb, var(--success-dark) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-success_dark-40 {
    border-color: color-mix(in srgb, var(--success-dark) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-success_dark-30 {
    border-color: color-mix(in srgb, var(--success-dark) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-success_dark-20 {
    border-color: color-mix(in srgb, var(--success-dark) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-success_dark-10 {
    border-color: color-mix(in srgb, var(--success-dark) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-warning,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-warning-100 {
    background-color: var(--warning) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-warning-90 {
    background-color: color-mix(in srgb, var(--warning) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-warning-80 {
    background-color: color-mix(in srgb, var(--warning) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-warning-70 {
    background-color: color-mix(in srgb, var(--warning) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-warning-60 {
    background-color: color-mix(in srgb, var(--warning) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-warning-50 {
    background-color: color-mix(in srgb, var(--warning) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-warning-40 {
    background-color: color-mix(in srgb, var(--warning) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-warning-30 {
    background-color: color-mix(in srgb, var(--warning) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-warning-20 {
    background-color: color-mix(in srgb, var(--warning) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-warning-10 {
    background-color: color-mix(in srgb, var(--warning) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning-100 {
    color: var(--warning) !important;
    fill: var(--warning) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning *:not([class*="columnz-color"]),
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning-90 {
    color: color-mix(in srgb, var(--warning) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning-80 {
    color: color-mix(in srgb, var(--warning) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning-70 {
    color: color-mix(in srgb, var(--warning) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning-60 {
    color: color-mix(in srgb, var(--warning) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning-50 {
    color: color-mix(in srgb, var(--warning) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning-40 {
    color: color-mix(in srgb, var(--warning) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning-30 {
    color: color-mix(in srgb, var(--warning) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning-20 {
    color: color-mix(in srgb, var(--warning) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning-10 {
    color: color-mix(in srgb, var(--warning) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-warning,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-warning-100 {
    border-color: var(--warning) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-warning-90 {
    border-color: color-mix(in srgb, var(--warning) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-warning-80 {
    border-color: color-mix(in srgb, var(--warning) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-warning-70 {
    border-color: color-mix(in srgb, var(--warning) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-warning-60 {
    border-color: color-mix(in srgb, var(--warning) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-warning-50 {
    border-color: color-mix(in srgb, var(--warning) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-warning-40 {
    border-color: color-mix(in srgb, var(--warning) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-warning-30 {
    border-color: color-mix(in srgb, var(--warning) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-warning-20 {
    border-color: color-mix(in srgb, var(--warning) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-warning-10 {
    border-color: color-mix(in srgb, var(--warning) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-warning_light,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-warning_light-100 {
    background-color: var(--warning-light) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-warning_light-90 {
    background-color: color-mix(in srgb, var(--warning-light) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-warning_light-80 {
    background-color: color-mix(in srgb, var(--warning-light) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-warning_light-70 {
    background-color: color-mix(in srgb, var(--warning-light) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-warning_light-60 {
    background-color: color-mix(in srgb, var(--warning-light) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-warning_light-50 {
    background-color: color-mix(in srgb, var(--warning-light) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-warning_light-40 {
    background-color: color-mix(in srgb, var(--warning-light) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-warning_light-30 {
    background-color: color-mix(in srgb, var(--warning-light) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-warning_light-20 {
    background-color: color-mix(in srgb, var(--warning-light) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-warning_light-10 {
    background-color: color-mix(in srgb, var(--warning-light) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_light,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_light-100 {
    color: var(--warning-light) !important;
    fill: var(--warning-light) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_light *:not([class*="columnz-color"]),
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_light-90 {
    color: color-mix(in srgb, var(--warning-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_light-80 {
    color: color-mix(in srgb, var(--warning-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_light-70 {
    color: color-mix(in srgb, var(--warning-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_light-60 {
    color: color-mix(in srgb, var(--warning-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_light-50 {
    color: color-mix(in srgb, var(--warning-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_light-40 {
    color: color-mix(in srgb, var(--warning-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_light-30 {
    color: color-mix(in srgb, var(--warning-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_light-20 {
    color: color-mix(in srgb, var(--warning-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_light-10 {
    color: color-mix(in srgb, var(--warning-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-warning_light,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-warning_light-100 {
    border-color: var(--warning-light) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-warning_light-90 {
    border-color: color-mix(in srgb, var(--warning-light) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-warning_light-80 {
    border-color: color-mix(in srgb, var(--warning-light) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-warning_light-70 {
    border-color: color-mix(in srgb, var(--warning-light) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-warning_light-60 {
    border-color: color-mix(in srgb, var(--warning-light) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-warning_light-50 {
    border-color: color-mix(in srgb, var(--warning-light) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-warning_light-40 {
    border-color: color-mix(in srgb, var(--warning-light) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-warning_light-30 {
    border-color: color-mix(in srgb, var(--warning-light) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-warning_light-20 {
    border-color: color-mix(in srgb, var(--warning-light) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-warning_light-10 {
    border-color: color-mix(in srgb, var(--warning-light) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-warning_dark,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-warning_dark-100 {
    background-color: var(--warning-dark) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-warning_dark-90 {
    background-color: color-mix(in srgb, var(--warning-dark) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-warning_dark-80 {
    background-color: color-mix(in srgb, var(--warning-dark) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-warning_dark-70 {
    background-color: color-mix(in srgb, var(--warning-dark) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-warning_dark-60 {
    background-color: color-mix(in srgb, var(--warning-dark) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-warning_dark-50 {
    background-color: color-mix(in srgb, var(--warning-dark) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-warning_dark-40 {
    background-color: color-mix(in srgb, var(--warning-dark) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-warning_dark-30 {
    background-color: color-mix(in srgb, var(--warning-dark) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-warning_dark-20 {
    background-color: color-mix(in srgb, var(--warning-dark) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-warning_dark-10 {
    background-color: color-mix(in srgb, var(--warning-dark) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_dark,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_dark-100 {
    color: var(--warning-dark) !important;
    fill: var(--warning-dark) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_dark *:not([class*="columnz-color"]),
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_dark-90 {
    color: color-mix(in srgb, var(--warning-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_dark-80 {
    color: color-mix(in srgb, var(--warning-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_dark-70 {
    color: color-mix(in srgb, var(--warning-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_dark-60 {
    color: color-mix(in srgb, var(--warning-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_dark-50 {
    color: color-mix(in srgb, var(--warning-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_dark-40 {
    color: color-mix(in srgb, var(--warning-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_dark-30 {
    color: color-mix(in srgb, var(--warning-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_dark-20 {
    color: color-mix(in srgb, var(--warning-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_dark-10 {
    color: color-mix(in srgb, var(--warning-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-warning_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-warning_dark,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-warning_dark-100 {
    border-color: var(--warning-dark) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-warning_dark-90 {
    border-color: color-mix(in srgb, var(--warning-dark) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-warning_dark-80 {
    border-color: color-mix(in srgb, var(--warning-dark) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-warning_dark-70 {
    border-color: color-mix(in srgb, var(--warning-dark) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-warning_dark-60 {
    border-color: color-mix(in srgb, var(--warning-dark) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-warning_dark-50 {
    border-color: color-mix(in srgb, var(--warning-dark) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-warning_dark-40 {
    border-color: color-mix(in srgb, var(--warning-dark) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-warning_dark-30 {
    border-color: color-mix(in srgb, var(--warning-dark) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-warning_dark-20 {
    border-color: color-mix(in srgb, var(--warning-dark) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-warning_dark-10 {
    border-color: color-mix(in srgb, var(--warning-dark) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-danger,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-danger-100 {
    background-color: var(--danger) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-danger-90 {
    background-color: color-mix(in srgb, var(--danger) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-danger-80 {
    background-color: color-mix(in srgb, var(--danger) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-danger-70 {
    background-color: color-mix(in srgb, var(--danger) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-danger-60 {
    background-color: color-mix(in srgb, var(--danger) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-danger-50 {
    background-color: color-mix(in srgb, var(--danger) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-danger-40 {
    background-color: color-mix(in srgb, var(--danger) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-danger-30 {
    background-color: color-mix(in srgb, var(--danger) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-danger-20 {
    background-color: color-mix(in srgb, var(--danger) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-danger-10 {
    background-color: color-mix(in srgb, var(--danger) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger-100 {
    color: var(--danger) !important;
    fill: var(--danger) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger *:not([class*="columnz-color"]),
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger-90 {
    color: color-mix(in srgb, var(--danger) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger-80 {
    color: color-mix(in srgb, var(--danger) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger-70 {
    color: color-mix(in srgb, var(--danger) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger-60 {
    color: color-mix(in srgb, var(--danger) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger-50 {
    color: color-mix(in srgb, var(--danger) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger-40 {
    color: color-mix(in srgb, var(--danger) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger-30 {
    color: color-mix(in srgb, var(--danger) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger-20 {
    color: color-mix(in srgb, var(--danger) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger-10 {
    color: color-mix(in srgb, var(--danger) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-danger,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-danger-100 {
    border-color: var(--danger) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-danger-90 {
    border-color: color-mix(in srgb, var(--danger) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-danger-80 {
    border-color: color-mix(in srgb, var(--danger) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-danger-70 {
    border-color: color-mix(in srgb, var(--danger) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-danger-60 {
    border-color: color-mix(in srgb, var(--danger) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-danger-50 {
    border-color: color-mix(in srgb, var(--danger) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-danger-40 {
    border-color: color-mix(in srgb, var(--danger) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-danger-30 {
    border-color: color-mix(in srgb, var(--danger) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-danger-20 {
    border-color: color-mix(in srgb, var(--danger) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-danger-10 {
    border-color: color-mix(in srgb, var(--danger) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-danger_light,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-danger_light-100 {
    background-color: var(--danger-light) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-danger_light-90 {
    background-color: color-mix(in srgb, var(--danger-light) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-danger_light-80 {
    background-color: color-mix(in srgb, var(--danger-light) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-danger_light-70 {
    background-color: color-mix(in srgb, var(--danger-light) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-danger_light-60 {
    background-color: color-mix(in srgb, var(--danger-light) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-danger_light-50 {
    background-color: color-mix(in srgb, var(--danger-light) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-danger_light-40 {
    background-color: color-mix(in srgb, var(--danger-light) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-danger_light-30 {
    background-color: color-mix(in srgb, var(--danger-light) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-danger_light-20 {
    background-color: color-mix(in srgb, var(--danger-light) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-danger_light-10 {
    background-color: color-mix(in srgb, var(--danger-light) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_light,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_light-100 {
    color: var(--danger-light) !important;
    fill: var(--danger-light) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_light *:not([class*="columnz-color"]),
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_light-90 {
    color: color-mix(in srgb, var(--danger-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_light-80 {
    color: color-mix(in srgb, var(--danger-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_light-70 {
    color: color-mix(in srgb, var(--danger-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_light-60 {
    color: color-mix(in srgb, var(--danger-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_light-50 {
    color: color-mix(in srgb, var(--danger-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_light-40 {
    color: color-mix(in srgb, var(--danger-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_light-30 {
    color: color-mix(in srgb, var(--danger-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_light-20 {
    color: color-mix(in srgb, var(--danger-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_light-10 {
    color: color-mix(in srgb, var(--danger-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-danger_light,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-danger_light-100 {
    border-color: var(--danger-light) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-danger_light-90 {
    border-color: color-mix(in srgb, var(--danger-light) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-danger_light-80 {
    border-color: color-mix(in srgb, var(--danger-light) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-danger_light-70 {
    border-color: color-mix(in srgb, var(--danger-light) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-danger_light-60 {
    border-color: color-mix(in srgb, var(--danger-light) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-danger_light-50 {
    border-color: color-mix(in srgb, var(--danger-light) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-danger_light-40 {
    border-color: color-mix(in srgb, var(--danger-light) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-danger_light-30 {
    border-color: color-mix(in srgb, var(--danger-light) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-danger_light-20 {
    border-color: color-mix(in srgb, var(--danger-light) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-danger_light-10 {
    border-color: color-mix(in srgb, var(--danger-light) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-danger_dark,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-danger_dark-100 {
    background-color: var(--danger-dark) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-danger_dark-90 {
    background-color: color-mix(in srgb, var(--danger-dark) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-danger_dark-80 {
    background-color: color-mix(in srgb, var(--danger-dark) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-danger_dark-70 {
    background-color: color-mix(in srgb, var(--danger-dark) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-danger_dark-60 {
    background-color: color-mix(in srgb, var(--danger-dark) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-danger_dark-50 {
    background-color: color-mix(in srgb, var(--danger-dark) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-danger_dark-40 {
    background-color: color-mix(in srgb, var(--danger-dark) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-danger_dark-30 {
    background-color: color-mix(in srgb, var(--danger-dark) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-danger_dark-20 {
    background-color: color-mix(in srgb, var(--danger-dark) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-danger_dark-10 {
    background-color: color-mix(in srgb, var(--danger-dark) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_dark,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_dark-100 {
    color: var(--danger-dark) !important;
    fill: var(--danger-dark) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_dark *:not([class*="columnz-color"]),
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_dark-90 {
    color: color-mix(in srgb, var(--danger-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_dark-80 {
    color: color-mix(in srgb, var(--danger-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_dark-70 {
    color: color-mix(in srgb, var(--danger-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_dark-60 {
    color: color-mix(in srgb, var(--danger-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_dark-50 {
    color: color-mix(in srgb, var(--danger-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_dark-40 {
    color: color-mix(in srgb, var(--danger-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_dark-30 {
    color: color-mix(in srgb, var(--danger-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_dark-20 {
    color: color-mix(in srgb, var(--danger-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_dark-10 {
    color: color-mix(in srgb, var(--danger-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-danger_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-danger_dark,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-danger_dark-100 {
    border-color: var(--danger-dark) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-danger_dark-90 {
    border-color: color-mix(in srgb, var(--danger-dark) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-danger_dark-80 {
    border-color: color-mix(in srgb, var(--danger-dark) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-danger_dark-70 {
    border-color: color-mix(in srgb, var(--danger-dark) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-danger_dark-60 {
    border-color: color-mix(in srgb, var(--danger-dark) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-danger_dark-50 {
    border-color: color-mix(in srgb, var(--danger-dark) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-danger_dark-40 {
    border-color: color-mix(in srgb, var(--danger-dark) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-danger_dark-30 {
    border-color: color-mix(in srgb, var(--danger-dark) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-danger_dark-20 {
    border-color: color-mix(in srgb, var(--danger-dark) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-danger_dark-10 {
    border-color: color-mix(in srgb, var(--danger-dark) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-dark,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-dark-100 {
    background-color: var(--dark) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-dark-90 {
    background-color: color-mix(in srgb, var(--dark) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-dark-80 {
    background-color: color-mix(in srgb, var(--dark) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-dark-70 {
    background-color: color-mix(in srgb, var(--dark) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-dark-60 {
    background-color: color-mix(in srgb, var(--dark) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-dark-50 {
    background-color: color-mix(in srgb, var(--dark) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-dark-40 {
    background-color: color-mix(in srgb, var(--dark) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-dark-30 {
    background-color: color-mix(in srgb, var(--dark) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-dark-20 {
    background-color: color-mix(in srgb, var(--dark) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-dark-10 {
    background-color: color-mix(in srgb, var(--dark) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark-100 {
    color: var(--dark) !important;
    fill: var(--dark) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark *:not([class*="columnz-color"]),
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark-90 {
    color: color-mix(in srgb, var(--dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark-80 {
    color: color-mix(in srgb, var(--dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark-70 {
    color: color-mix(in srgb, var(--dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark-60 {
    color: color-mix(in srgb, var(--dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark-50 {
    color: color-mix(in srgb, var(--dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark-40 {
    color: color-mix(in srgb, var(--dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark-30 {
    color: color-mix(in srgb, var(--dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark-20 {
    color: color-mix(in srgb, var(--dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark-10 {
    color: color-mix(in srgb, var(--dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-dark,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-dark-100 {
    border-color: var(--dark) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-dark-90 {
    border-color: color-mix(in srgb, var(--dark) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-dark-80 {
    border-color: color-mix(in srgb, var(--dark) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-dark-70 {
    border-color: color-mix(in srgb, var(--dark) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-dark-60 {
    border-color: color-mix(in srgb, var(--dark) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-dark-50 {
    border-color: color-mix(in srgb, var(--dark) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-dark-40 {
    border-color: color-mix(in srgb, var(--dark) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-dark-30 {
    border-color: color-mix(in srgb, var(--dark) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-dark-20 {
    border-color: color-mix(in srgb, var(--dark) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-dark-10 {
    border-color: color-mix(in srgb, var(--dark) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-dark_light,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-dark_light-100 {
    background-color: var(--dark-light) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-dark_light-90 {
    background-color: color-mix(in srgb, var(--dark-light) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-dark_light-80 {
    background-color: color-mix(in srgb, var(--dark-light) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-dark_light-70 {
    background-color: color-mix(in srgb, var(--dark-light) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-dark_light-60 {
    background-color: color-mix(in srgb, var(--dark-light) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-dark_light-50 {
    background-color: color-mix(in srgb, var(--dark-light) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-dark_light-40 {
    background-color: color-mix(in srgb, var(--dark-light) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-dark_light-30 {
    background-color: color-mix(in srgb, var(--dark-light) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-dark_light-20 {
    background-color: color-mix(in srgb, var(--dark-light) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-dark_light-10 {
    background-color: color-mix(in srgb, var(--dark-light) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_light,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_light-100 {
    color: var(--dark-light) !important;
    fill: var(--dark-light) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_light *:not([class*="columnz-color"]),
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_light-90 {
    color: color-mix(in srgb, var(--dark-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_light-80 {
    color: color-mix(in srgb, var(--dark-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_light-70 {
    color: color-mix(in srgb, var(--dark-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_light-60 {
    color: color-mix(in srgb, var(--dark-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_light-50 {
    color: color-mix(in srgb, var(--dark-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_light-40 {
    color: color-mix(in srgb, var(--dark-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_light-30 {
    color: color-mix(in srgb, var(--dark-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_light-20 {
    color: color-mix(in srgb, var(--dark-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_light-10 {
    color: color-mix(in srgb, var(--dark-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-dark_light,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-dark_light-100 {
    border-color: var(--dark-light) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-dark_light-90 {
    border-color: color-mix(in srgb, var(--dark-light) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-dark_light-80 {
    border-color: color-mix(in srgb, var(--dark-light) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-dark_light-70 {
    border-color: color-mix(in srgb, var(--dark-light) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-dark_light-60 {
    border-color: color-mix(in srgb, var(--dark-light) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-dark_light-50 {
    border-color: color-mix(in srgb, var(--dark-light) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-dark_light-40 {
    border-color: color-mix(in srgb, var(--dark-light) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-dark_light-30 {
    border-color: color-mix(in srgb, var(--dark-light) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-dark_light-20 {
    border-color: color-mix(in srgb, var(--dark-light) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-dark_light-10 {
    border-color: color-mix(in srgb, var(--dark-light) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-dark_dark,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-dark_dark-100 {
    background-color: var(--dark-dark) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-dark_dark-90 {
    background-color: color-mix(in srgb, var(--dark-dark) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-dark_dark-80 {
    background-color: color-mix(in srgb, var(--dark-dark) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-dark_dark-70 {
    background-color: color-mix(in srgb, var(--dark-dark) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-dark_dark-60 {
    background-color: color-mix(in srgb, var(--dark-dark) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-dark_dark-50 {
    background-color: color-mix(in srgb, var(--dark-dark) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-dark_dark-40 {
    background-color: color-mix(in srgb, var(--dark-dark) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-dark_dark-30 {
    background-color: color-mix(in srgb, var(--dark-dark) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-dark_dark-20 {
    background-color: color-mix(in srgb, var(--dark-dark) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-dark_dark-10 {
    background-color: color-mix(in srgb, var(--dark-dark) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_dark,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_dark-100 {
    color: var(--dark-dark) !important;
    fill: var(--dark-dark) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_dark *:not([class*="columnz-color"]),
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_dark-90 {
    color: color-mix(in srgb, var(--dark-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_dark-80 {
    color: color-mix(in srgb, var(--dark-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_dark-70 {
    color: color-mix(in srgb, var(--dark-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_dark-60 {
    color: color-mix(in srgb, var(--dark-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_dark-50 {
    color: color-mix(in srgb, var(--dark-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_dark-40 {
    color: color-mix(in srgb, var(--dark-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_dark-30 {
    color: color-mix(in srgb, var(--dark-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_dark-20 {
    color: color-mix(in srgb, var(--dark-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_dark-10 {
    color: color-mix(in srgb, var(--dark-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-dark_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-dark_dark,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-dark_dark-100 {
    border-color: var(--dark-dark) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-dark_dark-90 {
    border-color: color-mix(in srgb, var(--dark-dark) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-dark_dark-80 {
    border-color: color-mix(in srgb, var(--dark-dark) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-dark_dark-70 {
    border-color: color-mix(in srgb, var(--dark-dark) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-dark_dark-60 {
    border-color: color-mix(in srgb, var(--dark-dark) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-dark_dark-50 {
    border-color: color-mix(in srgb, var(--dark-dark) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-dark_dark-40 {
    border-color: color-mix(in srgb, var(--dark-dark) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-dark_dark-30 {
    border-color: color-mix(in srgb, var(--dark-dark) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-dark_dark-20 {
    border-color: color-mix(in srgb, var(--dark-dark) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-dark_dark-10 {
    border-color: color-mix(in srgb, var(--dark-dark) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-light,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-light-100 {
    background-color: var(--light) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-light-90 {
    background-color: color-mix(in srgb, var(--light) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-light-80 {
    background-color: color-mix(in srgb, var(--light) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-light-70 {
    background-color: color-mix(in srgb, var(--light) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-light-60 {
    background-color: color-mix(in srgb, var(--light) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-light-50 {
    background-color: color-mix(in srgb, var(--light) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-light-40 {
    background-color: color-mix(in srgb, var(--light) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-light-30 {
    background-color: color-mix(in srgb, var(--light) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-light-20 {
    background-color: color-mix(in srgb, var(--light) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-light-10 {
    background-color: color-mix(in srgb, var(--light) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light-100 {
    color: var(--light) !important;
    fill: var(--light) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light *:not([class*="columnz-color"]),
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light-90 {
    color: color-mix(in srgb, var(--light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light-80 {
    color: color-mix(in srgb, var(--light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light-70 {
    color: color-mix(in srgb, var(--light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light-60 {
    color: color-mix(in srgb, var(--light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light-50 {
    color: color-mix(in srgb, var(--light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light-40 {
    color: color-mix(in srgb, var(--light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light-30 {
    color: color-mix(in srgb, var(--light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light-20 {
    color: color-mix(in srgb, var(--light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light-10 {
    color: color-mix(in srgb, var(--light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-light,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-light-100 {
    border-color: var(--light) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-light-90 {
    border-color: color-mix(in srgb, var(--light) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-light-80 {
    border-color: color-mix(in srgb, var(--light) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-light-70 {
    border-color: color-mix(in srgb, var(--light) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-light-60 {
    border-color: color-mix(in srgb, var(--light) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-light-50 {
    border-color: color-mix(in srgb, var(--light) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-light-40 {
    border-color: color-mix(in srgb, var(--light) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-light-30 {
    border-color: color-mix(in srgb, var(--light) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-light-20 {
    border-color: color-mix(in srgb, var(--light) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-light-10 {
    border-color: color-mix(in srgb, var(--light) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-light_light,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-light_light-100 {
    background-color: var(--light-light) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-light_light-90 {
    background-color: color-mix(in srgb, var(--light-light) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-light_light-80 {
    background-color: color-mix(in srgb, var(--light-light) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-light_light-70 {
    background-color: color-mix(in srgb, var(--light-light) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-light_light-60 {
    background-color: color-mix(in srgb, var(--light-light) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-light_light-50 {
    background-color: color-mix(in srgb, var(--light-light) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-light_light-40 {
    background-color: color-mix(in srgb, var(--light-light) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-light_light-30 {
    background-color: color-mix(in srgb, var(--light-light) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-light_light-20 {
    background-color: color-mix(in srgb, var(--light-light) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-light_light-10 {
    background-color: color-mix(in srgb, var(--light-light) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_light,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_light-100 {
    color: var(--light-light) !important;
    fill: var(--light-light) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_light *:not([class*="columnz-color"]),
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_light-90 {
    color: color-mix(in srgb, var(--light-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_light-80 {
    color: color-mix(in srgb, var(--light-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_light-70 {
    color: color-mix(in srgb, var(--light-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_light-60 {
    color: color-mix(in srgb, var(--light-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_light-50 {
    color: color-mix(in srgb, var(--light-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_light-40 {
    color: color-mix(in srgb, var(--light-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_light-30 {
    color: color-mix(in srgb, var(--light-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_light-20 {
    color: color-mix(in srgb, var(--light-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_light-10 {
    color: color-mix(in srgb, var(--light-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-light_light,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-light_light-100 {
    border-color: var(--light-light) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-light_light-90 {
    border-color: color-mix(in srgb, var(--light-light) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-light_light-80 {
    border-color: color-mix(in srgb, var(--light-light) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-light_light-70 {
    border-color: color-mix(in srgb, var(--light-light) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-light_light-60 {
    border-color: color-mix(in srgb, var(--light-light) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-light_light-50 {
    border-color: color-mix(in srgb, var(--light-light) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-light_light-40 {
    border-color: color-mix(in srgb, var(--light-light) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-light_light-30 {
    border-color: color-mix(in srgb, var(--light-light) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-light_light-20 {
    border-color: color-mix(in srgb, var(--light-light) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-light_light-10 {
    border-color: color-mix(in srgb, var(--light-light) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-light_dark,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-light_dark-100 {
    background-color: var(--light-dark) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-light_dark-90 {
    background-color: color-mix(in srgb, var(--light-dark) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-light_dark-80 {
    background-color: color-mix(in srgb, var(--light-dark) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-light_dark-70 {
    background-color: color-mix(in srgb, var(--light-dark) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-light_dark-60 {
    background-color: color-mix(in srgb, var(--light-dark) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-light_dark-50 {
    background-color: color-mix(in srgb, var(--light-dark) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-light_dark-40 {
    background-color: color-mix(in srgb, var(--light-dark) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-light_dark-30 {
    background-color: color-mix(in srgb, var(--light-dark) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-light_dark-20 {
    background-color: color-mix(in srgb, var(--light-dark) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-light_dark-10 {
    background-color: color-mix(in srgb, var(--light-dark) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_dark,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_dark-100 {
    color: var(--light-dark) !important;
    fill: var(--light-dark) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_dark *:not([class*="columnz-color"]),
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_dark-90 {
    color: color-mix(in srgb, var(--light-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_dark-80 {
    color: color-mix(in srgb, var(--light-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_dark-70 {
    color: color-mix(in srgb, var(--light-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_dark-60 {
    color: color-mix(in srgb, var(--light-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_dark-50 {
    color: color-mix(in srgb, var(--light-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_dark-40 {
    color: color-mix(in srgb, var(--light-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_dark-30 {
    color: color-mix(in srgb, var(--light-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_dark-20 {
    color: color-mix(in srgb, var(--light-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_dark-10 {
    color: color-mix(in srgb, var(--light-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-light_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-light_dark,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-light_dark-100 {
    border-color: var(--light-dark) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-light_dark-90 {
    border-color: color-mix(in srgb, var(--light-dark) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-light_dark-80 {
    border-color: color-mix(in srgb, var(--light-dark) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-light_dark-70 {
    border-color: color-mix(in srgb, var(--light-dark) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-light_dark-60 {
    border-color: color-mix(in srgb, var(--light-dark) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-light_dark-50 {
    border-color: color-mix(in srgb, var(--light-dark) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-light_dark-40 {
    border-color: color-mix(in srgb, var(--light-dark) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-light_dark-30 {
    border-color: color-mix(in srgb, var(--light-dark) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-light_dark-20 {
    border-color: color-mix(in srgb, var(--light-dark) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-light_dark-10 {
    border-color: color-mix(in srgb, var(--light-dark) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-text,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-text-100 {
    background-color: var(--text) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-text_negative,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-text_negative-100 {
    background-color: var(--text-negative) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-text-90 {
    background-color: color-mix(in srgb, var(--text) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-text-80 {
    background-color: color-mix(in srgb, var(--text) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-text-70 {
    background-color: color-mix(in srgb, var(--text) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-text-60 {
    background-color: color-mix(in srgb, var(--text) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-text-50 {
    background-color: color-mix(in srgb, var(--text) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-text-40 {
    background-color: color-mix(in srgb, var(--text) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-text-30 {
    background-color: color-mix(in srgb, var(--text) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-text-20 {
    background-color: color-mix(in srgb, var(--text) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-text-10 {
    background-color: color-mix(in srgb, var(--text) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-text_negative-90 {
    background-color: color-mix(in srgb, var(--text-negative) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-text_negative-80 {
    background-color: color-mix(in srgb, var(--text-negative) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-text_negative-70 {
    background-color: color-mix(in srgb, var(--text-negative) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-text_negative-60 {
    background-color: color-mix(in srgb, var(--text-negative) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-text_negative-50 {
    background-color: color-mix(in srgb, var(--text-negative) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-text_negative-40 {
    background-color: color-mix(in srgb, var(--text-negative) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-text_negative-30 {
    background-color: color-mix(in srgb, var(--text-negative) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-text_negative-20 {
    background-color: color-mix(in srgb, var(--text-negative) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-text_negative-10 {
    background-color: color-mix(in srgb, var(--text-negative) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text-100 {
    color: var(--text) !important;
    fill: var(--text) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text *:not([class*="columnz-color"]),
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text_negative,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text_negative-100 {
    color: var(--text-negative) !important;
    fill: var(--text-negative) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text_negative *:not([class*="columnz-color"]),
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text_negative-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text-90 {
    color: color-mix(in srgb, var(--text) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text-80 {
    color: color-mix(in srgb, var(--text) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text-70 {
    color: color-mix(in srgb, var(--text) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text-60 {
    color: color-mix(in srgb, var(--text) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text-50 {
    color: color-mix(in srgb, var(--text) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text-40 {
    color: color-mix(in srgb, var(--text) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text-30 {
    color: color-mix(in srgb, var(--text) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text-20 {
    color: color-mix(in srgb, var(--text) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text-10 {
    color: color-mix(in srgb, var(--text) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text_negative-90 {
    color: color-mix(in srgb, var(--text-negative) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text_negative-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text_negative-80 {
    color: color-mix(in srgb, var(--text-negative) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text_negative-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text_negative-70 {
    color: color-mix(in srgb, var(--text-negative) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text_negative-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text_negative-60 {
    color: color-mix(in srgb, var(--text-negative) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text_negative-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text_negative-50 {
    color: color-mix(in srgb, var(--text-negative) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text_negative-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text_negative-40 {
    color: color-mix(in srgb, var(--text-negative) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text_negative-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text_negative-30 {
    color: color-mix(in srgb, var(--text-negative) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text_negative-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text_negative-20 {
    color: color-mix(in srgb, var(--text-negative) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text_negative-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text_negative-10 {
    color: color-mix(in srgb, var(--text-negative) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-text_negative-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-text,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-text-100 {
    border-color: var(--text) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-text_negative,
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-text_negative-100 {
    border-color: var(--text-negative) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-text-90 {
    border-color: color-mix(in srgb, var(--text) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-text-80 {
    border-color: color-mix(in srgb, var(--text) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-text-70 {
    border-color: color-mix(in srgb, var(--text) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-text-60 {
    border-color: color-mix(in srgb, var(--text) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-text-50 {
    border-color: color-mix(in srgb, var(--text) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-text-40 {
    border-color: color-mix(in srgb, var(--text) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-text-30 {
    border-color: color-mix(in srgb, var(--text) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-text-20 {
    border-color: color-mix(in srgb, var(--text) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-text-10 {
    border-color: color-mix(in srgb, var(--text) 10%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-text_negative-90 {
    border-color: color-mix(in srgb, var(--text-negative) 90%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-text_negative-80 {
    border-color: color-mix(in srgb, var(--text-negative) 80%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-text_negative-70 {
    border-color: color-mix(in srgb, var(--text-negative) 70%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-text_negative-60 {
    border-color: color-mix(in srgb, var(--text-negative) 60%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-text_negative-50 {
    border-color: color-mix(in srgb, var(--text-negative) 50%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-text_negative-40 {
    border-color: color-mix(in srgb, var(--text-negative) 40%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-text_negative-30 {
    border-color: color-mix(in srgb, var(--text-negative) 30%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-text_negative-20 {
    border-color: color-mix(in srgb, var(--text-negative) 20%, transparent) !important;
  }
  :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bordercolor-text_negative-10 {
    border-color: color-mix(in srgb, var(--text-negative) 10%, transparent) !important;
  }
  body .hover-element-sm.on-hover-hide,
  body .hover-element-sm .on-hover-hide {
    opacity: 1;
  }
  body .hover-element-sm.on-hover-remove,
  body .hover-element-sm .on-hover-remove {
    display: block;
  }
  body .hover-element-sm.on-hover-hide:hover,
  body .hover-element-sm:hover .on-hover-hide {
    opacity: 0;
  }
  body .hover-element-sm.on-hover-remove:hover,
  body .hover-element-sm:hover .on-hover-remove {
    display: none;
  }
  body .hover-element-sm.on-hover-show,
  body .hover-element-sm .on-hover-show {
    opacity: 0;
  }
  body .hover-element-sm.on-hover-add,
  body .hover-element-sm .on-hover-add {
    display: none;
  }
  body .hover-element-sm.on-hover-show:hover,
  body .hover-element-sm:hover .on-hover-show {
    opacity: 1;
  }
  body .hover-element-sm.on-hover-add:hover,
  body .hover-element-sm:hover .on-hover-add {
    display: block;
  }
  #get_columnz_shadow .hoverable-element-sm.on-hover-hide > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-sm .on-hover-hide > .columnz_outer_content {
    opacity: 1;
  }
  #get_columnz_shadow .hoverable-element-sm.on-hover-remove > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-sm .on-hover-remove > .columnz_outer_content {
    display: block;
  }
  #get_columnz_shadow .hoverable-element-sm.hovered-element.on-hover-hide > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-sm.hovered-element .on-hover-hide > .columnz_outer_content {
    opacity: 0;
  }
  #get_columnz_shadow .hoverable-element-sm.hovered-element.on-hover-remove > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-sm.hovered-element .on-hover-remove > .columnz_outer_content {
    display: none;
  }
  #get_columnz_shadow .hoverable-element-sm.on-hover-show:not(:hover, .focus) > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-sm .on-hover-show:not(:hover, .focus) > .columnz_outer_content {
    opacity: 0.4;
  }
  #get_columnz_shadow .hoverable-element-sm.on-hover-add:not(.focus) > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-sm .on-hover-add:not(.focus) > .columnz_outer_content {
    display: none;
  }
  #get_columnz_shadow .hoverable-element-sm.hovered-element.on-hover-show > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-sm.hovered-element .on-hover-show > .columnz_outer_content {
    opacity: 1;
  }
  #get_columnz_shadow .hoverable-element-sm.hovered-element.on-hover-add > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-sm.hovered-element .on-hover-add > .columnz_outer_content {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) {
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-zindex--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md).hover-zindex--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-zindex-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md).hover-zindex-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-zindex-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md).hover-zindex-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-zindex-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md).hover-zindex-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-zindex-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md).hover-zindex-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-zindex-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md).hover-zindex-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-zindex-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md).hover-zindex-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-zindex-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md).hover-zindex-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-zindex-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md).hover-zindex-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-zindex-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md).hover-zindex-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bs-solid {
    border-style: solid !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bs-dashed {
    border-style: dashed !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bs-dotted {
    border-style: dotted !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-text-left {
    text-align: left !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-text-right {
    text-align: right !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-text-center {
    text-align: center !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bw-custom {
    border-width: var(--bs-hover-bw-xs-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwt-custom {
    border-top-width: var(--bs-hover-bwt-xs-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwr-custom {
    border-right-width: var(--bs-hover-bwr-xs-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwb-custom {
    border-bottom-width: var(--bs-hover-bwb-xs-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwl-custom {
    border-left-width: var(--bs-hover-bwl-xs-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bw-0 {
    border-width: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwt-0 {
    border-top-width: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwr-0 {
    border-right-width: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwb-0 {
    border-bottom-width: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwl-0 {
    border-left-width: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bw-1 {
    border-width: 1px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwt-1 {
    border-top-width: 1px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwr-1 {
    border-right-width: 1px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwb-1 {
    border-bottom-width: 1px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwl-1 {
    border-left-width: 1px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bw-2 {
    border-width: 2px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwt-2 {
    border-top-width: 2px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwr-2 {
    border-right-width: 2px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwb-2 {
    border-bottom-width: 2px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwl-2 {
    border-left-width: 2px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bw-3 {
    border-width: 4px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwt-3 {
    border-top-width: 4px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwr-3 {
    border-right-width: 4px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwb-3 {
    border-bottom-width: 4px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwl-3 {
    border-left-width: 4px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bw-4 {
    border-width: 8px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwt-4 {
    border-top-width: 8px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwr-4 {
    border-right-width: 8px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwb-4 {
    border-bottom-width: 8px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwl-4 {
    border-left-width: 8px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-m-custom {
    margin: var(--bs-hover-m-xs-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mt-custom {
    margin-top: var(--bs-hover-mt-xs-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mr-custom {
    margin-right: var(--bs-hover-mr-xs-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mb-custom {
    margin-bottom: var(--bs-hover-mb-xs-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-ml-custom {
    margin-left: var(--bs-hover-ml-xs-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-m-0 {
    margin: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mt-0,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-0 {
    margin-top: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mr-0,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-0 {
    margin-right: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mb-0,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-0 {
    margin-bottom: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-ml-0,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-0 {
    margin-left: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-m-1 {
    margin: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mt-1,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-1 {
    margin-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mr-1,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-1 {
    margin-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mb-1,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-1 {
    margin-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-ml-1,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-1 {
    margin-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-m-2 {
    margin: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mt-2,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-2 {
    margin-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mr-2,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-2 {
    margin-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mb-2,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-2 {
    margin-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-ml-2,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-2 {
    margin-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-m-3 {
    margin: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mt-3,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-3 {
    margin-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mr-3,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-3 {
    margin-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mb-3,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-3 {
    margin-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-ml-3,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-3 {
    margin-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-m-4 {
    margin: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mt-4,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-4 {
    margin-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mr-4,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-4 {
    margin-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mb-4,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-4 {
    margin-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-ml-4,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-4 {
    margin-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-m-5 {
    margin: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mt-5,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-5 {
    margin-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mr-5,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-5 {
    margin-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mb-5,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-5 {
    margin-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-ml-5,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-5 {
    margin-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-p-custom {
    padding: var(--bs-hover-p-xs-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pt-custom {
    padding-top: var(--bs-hover-pt-xs-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pr-custom {
    padding-right: var(--bs-hover-pr-xs-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pb-custom {
    padding-bottom: var(--bs-hover-pb-xs-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pl-custom {
    padding-left: var(--bs-hover-pl-xs-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-p-0 {
    padding: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pt-0,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-0 {
    padding-top: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pr-0,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-0 {
    padding-right: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pb-0,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-0 {
    padding-bottom: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pl-0,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-0 {
    padding-left: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-p-1 {
    padding: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pt-1,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-1 {
    padding-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pr-1,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-1 {
    padding-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pb-1,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-1 {
    padding-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pl-1,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-1 {
    padding-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-p-2 {
    padding: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pt-2,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-2 {
    padding-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pr-2,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-2 {
    padding-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pb-2,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-2 {
    padding-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pl-2,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-2 {
    padding-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-p-3 {
    padding: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pt-3,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-3 {
    padding-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pr-3,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-3 {
    padding-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pb-3,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-3 {
    padding-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pl-3,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-3 {
    padding-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-p-4 {
    padding: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pt-4,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-4 {
    padding-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pr-4,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-4 {
    padding-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pb-4,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-4 {
    padding-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pl-4,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-4 {
    padding-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-p-5 {
    padding: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pt-5,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-5 {
    padding-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pr-5,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-5 {
    padding-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pb-5,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-5 {
    padding-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pl-5,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-5 {
    padding-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-br-custom {
    border-radius: var(--bs-hover-br-xs-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtl-custom {
    border-top-left-radius: var(--bs-hover-brtl-xs-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtr-custom {
    border-top-right-radius: var(--bs-hover-brtr-xs-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbr-custom {
    border-bottom-right-radius: var(--bs-hover-brbr-xs-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbl-custom {
    border-bottom-left-radius: var(--bs-hover-brbl-xs-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-br-0 {
    border-radius: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtl-0 {
    border-top-left-radius: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtr-0 {
    border-top-right-radius: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbr-0 {
    border-bottom-right-radius: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbl-0 {
    border-bottom-left-radius: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-br-1 {
    border-radius: 0.25em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtl-1 {
    border-top-left-radius: 0.25em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtr-1 {
    border-top-right-radius: 0.25em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbr-1 {
    border-bottom-right-radius: 0.25em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbl-1 {
    border-bottom-left-radius: 0.25em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-br-2 {
    border-radius: 0.5em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtl-2 {
    border-top-left-radius: 0.5em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtr-2 {
    border-top-right-radius: 0.5em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbr-2 {
    border-bottom-right-radius: 0.5em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbl-2 {
    border-bottom-left-radius: 0.5em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-br-3 {
    border-radius: 1.5em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtl-3 {
    border-top-left-radius: 1.5em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtr-3 {
    border-top-right-radius: 1.5em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbr-3 {
    border-bottom-right-radius: 1.5em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbl-3 {
    border-bottom-left-radius: 1.5em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-br-4 {
    border-radius: 3em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtl-4 {
    border-top-left-radius: 3em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtr-4 {
    border-top-right-radius: 3em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbr-4 {
    border-bottom-right-radius: 3em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbl-4 {
    border-bottom-left-radius: 3em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-custom,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-custom * {
    font-size: var(--bs-hover-size-xs-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-inherit,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-inherit * {
    font-size: var(--size) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-inherit h1 {
    font-size: var(--size-h1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-inherit h2,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-inherit h2 * {
    font-size: var(--size-h2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-inherit h3,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-inherit h3 * {
    font-size: var(--size-h3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-inherit h4,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-inherit h4 * {
    font-size: var(--size-h4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-inherit h5,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-inherit h5 * {
    font-size: var(--size-h5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-inherit h6,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-inherit h6 * {
    font-size: var(--size-h6) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-1,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-1 * {
    font-size: var(--size-1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-2,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-2 * {
    font-size: var(--size-2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-3,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-3 * {
    font-size: var(--size-3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-4,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-4 * {
    font-size: var(--size-4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-5,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-5 * {
    font-size: var(--size-5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-6,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-6 * {
    font-size: var(--size-6) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-7,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-7 * {
    font-size: var(--size-7) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-lh-custom,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-lh-custom * {
    line-height: var(--bs-hover-lh-xs-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-lh-inherit,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-lh-inherit * {
    line-height: var(--line-height) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-lh-1,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-lh-1 * {
    line-height: 1 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-lh-2,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-lh-2 * {
    line-height: 1.2 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-lh-3,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-lh-3 * {
    line-height: 1.7 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-custom,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-custom * {
    font-weight: var(--bs-hover-weight-xs-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-100,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-100 * {
    font-weight: 100 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-200,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-200 * {
    font-weight: 200 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-300,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-300 * {
    font-weight: 300 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-400,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-400 * {
    font-weight: 400 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-500,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-500 * {
    font-weight: 500 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-600,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-600 * {
    font-weight: 600 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-700,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-700 * {
    font-weight: 700 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-800,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-800 * {
    font-weight: 800 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-900,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-900 * {
    font-weight: 900 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_size-custom {
    background-size: var(--bs-hover-image_size-xs-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_size-cover {
    background-size: cover !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_size-contain {
    background-size: contain !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_size-auto {
    background-size: auto !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_pos-custom {
    background-position: var(--bs-hover-image_pos-xs-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_pos-top_left {
    background-position: top left !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_pos-top_right {
    background-position: top right !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_pos-bottom_right {
    background-position: bottom right !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_pos-bottom_left {
    background-position: bottom left !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_pos-center {
    background-position: center !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_repeat-no_repeat {
    background-repeat: no-repeat !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_repeat-repeat {
    background-repeat: repeat !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_att-scroll {
    background-attachment: scroll !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_att-fixed {
    background-attachment: fixed !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-0 {
    position: relative;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-10 {
    position: relative;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-10::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.1;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-20 {
    position: relative;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-20::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.2;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-30 {
    position: relative;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-30::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.3;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-40 {
    position: relative;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-40::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.4;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-50 {
    position: relative;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-50::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.5;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-60 {
    position: relative;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-60::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.6;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-70 {
    position: relative;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-70::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.7;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-80 {
    position: relative;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-80::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.8;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-90 {
    position: relative;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-90::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.9;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-100 {
    position: relative;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-100::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 1;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-zindex-sm--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md).hover-zindex-sm--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-zindex-sm-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md).hover-zindex-sm-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-zindex-sm-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md).hover-zindex-sm-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-zindex-sm-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md).hover-zindex-sm-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-zindex-sm-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md).hover-zindex-sm-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-zindex-sm-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md).hover-zindex-sm-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-zindex-sm-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md).hover-zindex-sm-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-zindex-sm-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md).hover-zindex-sm-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-zindex-sm-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md).hover-zindex-sm-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-zindex-sm-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md).hover-zindex-sm-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bs-sm-solid {
    border-style: solid !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bs-sm-dashed {
    border-style: dashed !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bs-sm-dotted {
    border-style: dotted !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-text-sm-left {
    text-align: left !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-text-sm-right {
    text-align: right !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-text-sm-center {
    text-align: center !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bw-sm-custom {
    border-width: var(--bs-hover-bw-sm-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwt-sm-custom {
    border-top-width: var(--bs-hover-bwt-sm-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwr-sm-custom {
    border-right-width: var(--bs-hover-bwr-sm-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwb-sm-custom {
    border-bottom-width: var(--bs-hover-bwb-sm-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwl-sm-custom {
    border-left-width: var(--bs-hover-bwl-sm-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bw-sm-0 {
    border-width: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwt-sm-0 {
    border-top-width: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwr-sm-0 {
    border-right-width: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwb-sm-0 {
    border-bottom-width: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwl-sm-0 {
    border-left-width: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bw-sm-1 {
    border-width: 1px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwt-sm-1 {
    border-top-width: 1px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwr-sm-1 {
    border-right-width: 1px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwb-sm-1 {
    border-bottom-width: 1px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwl-sm-1 {
    border-left-width: 1px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bw-sm-2 {
    border-width: 2px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwt-sm-2 {
    border-top-width: 2px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwr-sm-2 {
    border-right-width: 2px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwb-sm-2 {
    border-bottom-width: 2px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwl-sm-2 {
    border-left-width: 2px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bw-sm-3 {
    border-width: 4px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwt-sm-3 {
    border-top-width: 4px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwr-sm-3 {
    border-right-width: 4px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwb-sm-3 {
    border-bottom-width: 4px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwl-sm-3 {
    border-left-width: 4px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bw-sm-4 {
    border-width: 8px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwt-sm-4 {
    border-top-width: 8px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwr-sm-4 {
    border-right-width: 8px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwb-sm-4 {
    border-bottom-width: 8px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwl-sm-4 {
    border-left-width: 8px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-m-sm-custom {
    margin: var(--bs-hover-m-sm-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mt-sm-custom {
    margin-top: var(--bs-hover-mt-sm-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mr-sm-custom {
    margin-right: var(--bs-hover-mr-sm-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mb-sm-custom {
    margin-bottom: var(--bs-hover-mb-sm-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-ml-sm-custom {
    margin-left: var(--bs-hover-ml-sm-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-m-sm-0 {
    margin: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mt-sm-0,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-sm-0 {
    margin-top: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mr-sm-0,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-sm-0 {
    margin-right: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mb-sm-0,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-sm-0 {
    margin-bottom: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-ml-sm-0,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-sm-0 {
    margin-left: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-m-sm-1 {
    margin: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mt-sm-1,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-sm-1 {
    margin-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mr-sm-1,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-sm-1 {
    margin-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mb-sm-1,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-sm-1 {
    margin-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-ml-sm-1,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-sm-1 {
    margin-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-m-sm-2 {
    margin: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mt-sm-2,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-sm-2 {
    margin-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mr-sm-2,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-sm-2 {
    margin-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mb-sm-2,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-sm-2 {
    margin-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-ml-sm-2,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-sm-2 {
    margin-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-m-sm-3 {
    margin: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mt-sm-3,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-sm-3 {
    margin-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mr-sm-3,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-sm-3 {
    margin-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mb-sm-3,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-sm-3 {
    margin-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-ml-sm-3,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-sm-3 {
    margin-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-m-sm-4 {
    margin: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mt-sm-4,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-sm-4 {
    margin-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mr-sm-4,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-sm-4 {
    margin-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mb-sm-4,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-sm-4 {
    margin-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-ml-sm-4,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-sm-4 {
    margin-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-m-sm-5 {
    margin: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mt-sm-5,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-sm-5 {
    margin-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mr-sm-5,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-sm-5 {
    margin-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mb-sm-5,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-sm-5 {
    margin-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-ml-sm-5,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-sm-5 {
    margin-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-p-sm-custom {
    padding: var(--bs-hover-p-sm-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pt-sm-custom {
    padding-top: var(--bs-hover-pt-sm-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pr-sm-custom {
    padding-right: var(--bs-hover-pr-sm-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pb-sm-custom {
    padding-bottom: var(--bs-hover-pb-sm-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pl-sm-custom {
    padding-left: var(--bs-hover-pl-sm-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-p-sm-0 {
    padding: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pt-sm-0,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-sm-0 {
    padding-top: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pr-sm-0,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-sm-0 {
    padding-right: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pb-sm-0,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-sm-0 {
    padding-bottom: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pl-sm-0,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-sm-0 {
    padding-left: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-p-sm-1 {
    padding: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pt-sm-1,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-sm-1 {
    padding-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pr-sm-1,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-sm-1 {
    padding-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pb-sm-1,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-sm-1 {
    padding-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pl-sm-1,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-sm-1 {
    padding-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-p-sm-2 {
    padding: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pt-sm-2,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-sm-2 {
    padding-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pr-sm-2,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-sm-2 {
    padding-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pb-sm-2,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-sm-2 {
    padding-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pl-sm-2,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-sm-2 {
    padding-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-p-sm-3 {
    padding: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pt-sm-3,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-sm-3 {
    padding-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pr-sm-3,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-sm-3 {
    padding-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pb-sm-3,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-sm-3 {
    padding-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pl-sm-3,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-sm-3 {
    padding-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-p-sm-4 {
    padding: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pt-sm-4,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-sm-4 {
    padding-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pr-sm-4,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-sm-4 {
    padding-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pb-sm-4,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-sm-4 {
    padding-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pl-sm-4,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-sm-4 {
    padding-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-p-sm-5 {
    padding: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pt-sm-5,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-sm-5 {
    padding-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pr-sm-5,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-sm-5 {
    padding-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pb-sm-5,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-sm-5 {
    padding-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pl-sm-5,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-sm-5 {
    padding-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-br-sm-custom {
    border-radius: var(--bs-hover-br-sm-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtl-sm-custom {
    border-top-left-radius: var(--bs-hover-brtl-sm-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtr-sm-custom {
    border-top-right-radius: var(--bs-hover-brtr-sm-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbr-sm-custom {
    border-bottom-right-radius: var(--bs-hover-brbr-sm-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbl-sm-custom {
    border-bottom-left-radius: var(--bs-hover-brbl-sm-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-br-sm-0 {
    border-radius: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtl-sm-0 {
    border-top-left-radius: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtr-sm-0 {
    border-top-right-radius: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbr-sm-0 {
    border-bottom-right-radius: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbl-sm-0 {
    border-bottom-left-radius: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-br-sm-1 {
    border-radius: 0.25em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtl-sm-1 {
    border-top-left-radius: 0.25em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtr-sm-1 {
    border-top-right-radius: 0.25em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbr-sm-1 {
    border-bottom-right-radius: 0.25em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbl-sm-1 {
    border-bottom-left-radius: 0.25em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-br-sm-2 {
    border-radius: 0.5em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtl-sm-2 {
    border-top-left-radius: 0.5em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtr-sm-2 {
    border-top-right-radius: 0.5em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbr-sm-2 {
    border-bottom-right-radius: 0.5em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbl-sm-2 {
    border-bottom-left-radius: 0.5em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-br-sm-3 {
    border-radius: 1.5em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtl-sm-3 {
    border-top-left-radius: 1.5em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtr-sm-3 {
    border-top-right-radius: 1.5em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbr-sm-3 {
    border-bottom-right-radius: 1.5em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbl-sm-3 {
    border-bottom-left-radius: 1.5em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-br-sm-4 {
    border-radius: 3em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtl-sm-4 {
    border-top-left-radius: 3em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtr-sm-4 {
    border-top-right-radius: 3em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbr-sm-4 {
    border-bottom-right-radius: 3em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbl-sm-4 {
    border-bottom-left-radius: 3em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-sm-custom,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-sm-custom * {
    font-size: var(--bs-hover-size-sm-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-sm-inherit,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-sm-inherit * {
    font-size: var(--size) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-sm-inherit h1 {
    font-size: var(--size-h1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-sm-inherit h2,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-sm-inherit h2 * {
    font-size: var(--size-h2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-sm-inherit h3,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-sm-inherit h3 * {
    font-size: var(--size-h3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-sm-inherit h4,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-sm-inherit h4 * {
    font-size: var(--size-h4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-sm-inherit h5,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-sm-inherit h5 * {
    font-size: var(--size-h5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-sm-inherit h6,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-sm-inherit h6 * {
    font-size: var(--size-h6) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-sm-1,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-sm-1 * {
    font-size: var(--size-1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-sm-2,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-sm-2 * {
    font-size: var(--size-2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-sm-3,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-sm-3 * {
    font-size: var(--size-3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-sm-4,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-sm-4 * {
    font-size: var(--size-4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-sm-5,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-sm-5 * {
    font-size: var(--size-5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-sm-6,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-sm-6 * {
    font-size: var(--size-6) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-sm-7,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-sm-7 * {
    font-size: var(--size-7) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-lh-sm-custom,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-lh-sm-custom * {
    line-height: var(--bs-hover-lh-sm-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-lh-sm-inherit,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-lh-sm-inherit * {
    line-height: var(--line-height) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-lh-sm-1,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-lh-sm-1 * {
    line-height: 1 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-lh-sm-2,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-lh-sm-2 * {
    line-height: 1.2 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-lh-sm-3,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-lh-sm-3 * {
    line-height: 1.7 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-sm-custom,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-sm-custom * {
    font-weight: var(--bs-hover-weight-sm-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-sm-100,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-sm-100 * {
    font-weight: 100 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-sm-200,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-sm-200 * {
    font-weight: 200 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-sm-300,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-sm-300 * {
    font-weight: 300 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-sm-400,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-sm-400 * {
    font-weight: 400 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-sm-500,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-sm-500 * {
    font-weight: 500 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-sm-600,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-sm-600 * {
    font-weight: 600 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-sm-700,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-sm-700 * {
    font-weight: 700 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-sm-800,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-sm-800 * {
    font-weight: 800 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-sm-900,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-sm-900 * {
    font-weight: 900 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_size-sm-custom {
    background-size: var(--bs-hover-image_size-sm-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_size-sm-cover {
    background-size: cover !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_size-sm-contain {
    background-size: contain !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_size-sm-auto {
    background-size: auto !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_pos-sm-custom {
    background-position: var(--bs-hover-image_pos-sm-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_pos-sm-top_left {
    background-position: top left !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_pos-sm-top_right {
    background-position: top right !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_pos-sm-bottom_right {
    background-position: bottom right !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_pos-sm-bottom_left {
    background-position: bottom left !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_pos-sm-center {
    background-position: center !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_repeat-sm-no_repeat {
    background-repeat: no-repeat !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_repeat-sm-repeat {
    background-repeat: repeat !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_att-sm-scroll {
    background-attachment: scroll !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_att-sm-fixed {
    background-attachment: fixed !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-sm-0 {
    position: relative;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-sm-0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-sm-10 {
    position: relative;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-sm-10::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.1;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-sm-20 {
    position: relative;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-sm-20::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.2;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-sm-30 {
    position: relative;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-sm-30::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.3;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-sm-40 {
    position: relative;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-sm-40::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.4;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-sm-50 {
    position: relative;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-sm-50::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.5;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-sm-60 {
    position: relative;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-sm-60::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.6;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-sm-70 {
    position: relative;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-sm-70::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.7;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-sm-80 {
    position: relative;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-sm-80::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.8;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-sm-90 {
    position: relative;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-sm-90::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.9;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-sm-100 {
    position: relative;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-sm-100::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 1;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-zindex-md--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md).hover-zindex-md--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-zindex-md-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md).hover-zindex-md-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-zindex-md-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md).hover-zindex-md-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-zindex-md-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md).hover-zindex-md-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-zindex-md-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md).hover-zindex-md-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-zindex-md-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md).hover-zindex-md-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-zindex-md-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md).hover-zindex-md-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-zindex-md-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md).hover-zindex-md-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-zindex-md-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md).hover-zindex-md-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-zindex-md-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md).hover-zindex-md-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bs-md-solid {
    border-style: solid !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bs-md-dashed {
    border-style: dashed !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bs-md-dotted {
    border-style: dotted !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-text-md-left {
    text-align: left !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-text-md-right {
    text-align: right !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-text-md-center {
    text-align: center !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bw-md-custom {
    border-width: var(--bs-hover-bw-md-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwt-md-custom {
    border-top-width: var(--bs-hover-bwt-md-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwr-md-custom {
    border-right-width: var(--bs-hover-bwr-md-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwb-md-custom {
    border-bottom-width: var(--bs-hover-bwb-md-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwl-md-custom {
    border-left-width: var(--bs-hover-bwl-md-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bw-md-0 {
    border-width: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwt-md-0 {
    border-top-width: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwr-md-0 {
    border-right-width: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwb-md-0 {
    border-bottom-width: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwl-md-0 {
    border-left-width: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bw-md-1 {
    border-width: 1px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwt-md-1 {
    border-top-width: 1px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwr-md-1 {
    border-right-width: 1px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwb-md-1 {
    border-bottom-width: 1px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwl-md-1 {
    border-left-width: 1px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bw-md-2 {
    border-width: 2px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwt-md-2 {
    border-top-width: 2px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwr-md-2 {
    border-right-width: 2px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwb-md-2 {
    border-bottom-width: 2px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwl-md-2 {
    border-left-width: 2px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bw-md-3 {
    border-width: 4px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwt-md-3 {
    border-top-width: 4px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwr-md-3 {
    border-right-width: 4px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwb-md-3 {
    border-bottom-width: 4px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwl-md-3 {
    border-left-width: 4px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bw-md-4 {
    border-width: 8px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwt-md-4 {
    border-top-width: 8px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwr-md-4 {
    border-right-width: 8px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwb-md-4 {
    border-bottom-width: 8px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bwl-md-4 {
    border-left-width: 8px !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-m-md-custom {
    margin: var(--bs-hover-m-md-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mt-md-custom {
    margin-top: var(--bs-hover-mt-md-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mr-md-custom {
    margin-right: var(--bs-hover-mr-md-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mb-md-custom {
    margin-bottom: var(--bs-hover-mb-md-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-ml-md-custom {
    margin-left: var(--bs-hover-ml-md-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-m-md-0 {
    margin: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mt-md-0,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-md-0 {
    margin-top: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mr-md-0,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-md-0 {
    margin-right: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mb-md-0,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-md-0 {
    margin-bottom: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-ml-md-0,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-md-0 {
    margin-left: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-m-md-1 {
    margin: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mt-md-1,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-md-1 {
    margin-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mr-md-1,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-md-1 {
    margin-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mb-md-1,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-md-1 {
    margin-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-ml-md-1,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-md-1 {
    margin-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-m-md-2 {
    margin: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mt-md-2,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-md-2 {
    margin-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mr-md-2,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-md-2 {
    margin-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mb-md-2,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-md-2 {
    margin-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-ml-md-2,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-md-2 {
    margin-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-m-md-3 {
    margin: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mt-md-3,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-md-3 {
    margin-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mr-md-3,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-md-3 {
    margin-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mb-md-3,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-md-3 {
    margin-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-ml-md-3,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-md-3 {
    margin-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-m-md-4 {
    margin: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mt-md-4,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-md-4 {
    margin-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mr-md-4,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-md-4 {
    margin-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mb-md-4,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-md-4 {
    margin-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-ml-md-4,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-md-4 {
    margin-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-m-md-5 {
    margin: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mt-md-5,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-md-5 {
    margin-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mr-md-5,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-md-5 {
    margin-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mb-md-5,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-my-md-5 {
    margin-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-ml-md-5,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-mx-md-5 {
    margin-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-p-md-custom {
    padding: var(--bs-hover-p-md-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pt-md-custom {
    padding-top: var(--bs-hover-pt-md-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pr-md-custom {
    padding-right: var(--bs-hover-pr-md-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pb-md-custom {
    padding-bottom: var(--bs-hover-pb-md-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pl-md-custom {
    padding-left: var(--bs-hover-pl-md-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-p-md-0 {
    padding: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pt-md-0,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-md-0 {
    padding-top: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pr-md-0,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-md-0 {
    padding-right: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pb-md-0,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-md-0 {
    padding-bottom: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pl-md-0,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-md-0 {
    padding-left: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-p-md-1 {
    padding: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pt-md-1,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-md-1 {
    padding-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pr-md-1,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-md-1 {
    padding-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pb-md-1,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-md-1 {
    padding-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pl-md-1,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-md-1 {
    padding-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-p-md-2 {
    padding: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pt-md-2,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-md-2 {
    padding-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pr-md-2,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-md-2 {
    padding-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pb-md-2,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-md-2 {
    padding-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pl-md-2,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-md-2 {
    padding-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-p-md-3 {
    padding: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pt-md-3,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-md-3 {
    padding-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pr-md-3,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-md-3 {
    padding-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pb-md-3,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-md-3 {
    padding-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pl-md-3,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-md-3 {
    padding-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-p-md-4 {
    padding: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pt-md-4,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-md-4 {
    padding-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pr-md-4,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-md-4 {
    padding-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pb-md-4,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-md-4 {
    padding-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pl-md-4,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-md-4 {
    padding-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-p-md-5 {
    padding: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pt-md-5,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-md-5 {
    padding-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pr-md-5,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-md-5 {
    padding-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pb-md-5,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-py-md-5 {
    padding-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-pl-md-5,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-px-md-5 {
    padding-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-br-md-custom {
    border-radius: var(--bs-hover-br-md-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtl-md-custom {
    border-top-left-radius: var(--bs-hover-brtl-md-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtr-md-custom {
    border-top-right-radius: var(--bs-hover-brtr-md-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbr-md-custom {
    border-bottom-right-radius: var(--bs-hover-brbr-md-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbl-md-custom {
    border-bottom-left-radius: var(--bs-hover-brbl-md-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-br-md-0 {
    border-radius: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtl-md-0 {
    border-top-left-radius: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtr-md-0 {
    border-top-right-radius: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbr-md-0 {
    border-bottom-right-radius: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbl-md-0 {
    border-bottom-left-radius: 0 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-br-md-1 {
    border-radius: 0.25em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtl-md-1 {
    border-top-left-radius: 0.25em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtr-md-1 {
    border-top-right-radius: 0.25em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbr-md-1 {
    border-bottom-right-radius: 0.25em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbl-md-1 {
    border-bottom-left-radius: 0.25em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-br-md-2 {
    border-radius: 0.5em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtl-md-2 {
    border-top-left-radius: 0.5em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtr-md-2 {
    border-top-right-radius: 0.5em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbr-md-2 {
    border-bottom-right-radius: 0.5em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbl-md-2 {
    border-bottom-left-radius: 0.5em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-br-md-3 {
    border-radius: 1.5em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtl-md-3 {
    border-top-left-radius: 1.5em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtr-md-3 {
    border-top-right-radius: 1.5em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbr-md-3 {
    border-bottom-right-radius: 1.5em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbl-md-3 {
    border-bottom-left-radius: 1.5em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-br-md-4 {
    border-radius: 3em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtl-md-4 {
    border-top-left-radius: 3em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brtr-md-4 {
    border-top-right-radius: 3em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbr-md-4 {
    border-bottom-right-radius: 3em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-brbl-md-4 {
    border-bottom-left-radius: 3em !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-md-custom,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-md-custom * {
    font-size: var(--bs-hover-size-md-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-md-inherit,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-md-inherit * {
    font-size: var(--size) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-md-inherit h1 {
    font-size: var(--size-h1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-md-inherit h2,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-md-inherit h2 * {
    font-size: var(--size-h2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-md-inherit h3,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-md-inherit h3 * {
    font-size: var(--size-h3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-md-inherit h4,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-md-inherit h4 * {
    font-size: var(--size-h4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-md-inherit h5,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-md-inherit h5 * {
    font-size: var(--size-h5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-md-inherit h6,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-md-inherit h6 * {
    font-size: var(--size-h6) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-md-1,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-md-1 * {
    font-size: var(--size-1) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-md-2,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-md-2 * {
    font-size: var(--size-2) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-md-3,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-md-3 * {
    font-size: var(--size-3) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-md-4,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-md-4 * {
    font-size: var(--size-4) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-md-5,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-md-5 * {
    font-size: var(--size-5) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-md-6,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-md-6 * {
    font-size: var(--size-6) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-md-7,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-size-md-7 * {
    font-size: var(--size-7) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-lh-md-custom,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-lh-md-custom * {
    line-height: var(--bs-hover-lh-md-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-lh-md-inherit,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-lh-md-inherit * {
    line-height: var(--line-height) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-lh-md-1,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-lh-md-1 * {
    line-height: 1 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-lh-md-2,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-lh-md-2 * {
    line-height: 1.2 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-lh-md-3,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-lh-md-3 * {
    line-height: 1.7 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-md-custom,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-md-custom * {
    font-weight: var(--bs-hover-weight-md-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-md-100,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-md-100 * {
    font-weight: 100 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-md-200,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-md-200 * {
    font-weight: 200 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-md-300,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-md-300 * {
    font-weight: 300 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-md-400,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-md-400 * {
    font-weight: 400 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-md-500,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-md-500 * {
    font-weight: 500 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-md-600,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-md-600 * {
    font-weight: 600 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-md-700,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-md-700 * {
    font-weight: 700 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-md-800,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-md-800 * {
    font-weight: 800 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-md-900,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-weight-md-900 * {
    font-weight: 900 !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_size-md-custom {
    background-size: var(--bs-hover-image_size-md-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_size-md-cover {
    background-size: cover !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_size-md-contain {
    background-size: contain !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_size-md-auto {
    background-size: auto !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_pos-md-custom {
    background-position: var(--bs-hover-image_pos-md-custom) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_pos-md-top_left {
    background-position: top left !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_pos-md-top_right {
    background-position: top right !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_pos-md-bottom_right {
    background-position: bottom right !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_pos-md-bottom_left {
    background-position: bottom left !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_pos-md-center {
    background-position: center !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_repeat-md-no_repeat {
    background-repeat: no-repeat !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_repeat-md-repeat {
    background-repeat: repeat !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_att-md-scroll {
    background-attachment: scroll !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-image_att-md-fixed {
    background-attachment: fixed !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-md-0 {
    position: relative;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-md-0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-md-10 {
    position: relative;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-md-10::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.1;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-md-20 {
    position: relative;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-md-20::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.2;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-md-30 {
    position: relative;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-md-30::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.3;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-md-40 {
    position: relative;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-md-40::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.4;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-md-50 {
    position: relative;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-md-50::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.5;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-md-60 {
    position: relative;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-md-60::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.6;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-md-70 {
    position: relative;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-md-70::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.7;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-md-80 {
    position: relative;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-md-80::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.8;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-md-90 {
    position: relative;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-md-90::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.9;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-md-100 {
    position: relative;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-bg-img-blend-md-100::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 1;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-primary,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-primary-100 {
    background-color: var(--primary) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-primary-90 {
    background-color: color-mix(in srgb, var(--primary) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-primary-80 {
    background-color: color-mix(in srgb, var(--primary) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-primary-70 {
    background-color: color-mix(in srgb, var(--primary) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-primary-60 {
    background-color: color-mix(in srgb, var(--primary) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-primary-50 {
    background-color: color-mix(in srgb, var(--primary) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-primary-40 {
    background-color: color-mix(in srgb, var(--primary) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-primary-30 {
    background-color: color-mix(in srgb, var(--primary) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-primary-20 {
    background-color: color-mix(in srgb, var(--primary) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-primary-10 {
    background-color: color-mix(in srgb, var(--primary) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary-100 {
    color: var(--primary) !important;
    fill: var(--primary) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary *:not([class*="columnz-color"]),
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary-90 {
    color: color-mix(in srgb, var(--primary) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary-80 {
    color: color-mix(in srgb, var(--primary) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary-70 {
    color: color-mix(in srgb, var(--primary) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary-60 {
    color: color-mix(in srgb, var(--primary) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary-50 {
    color: color-mix(in srgb, var(--primary) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary-40 {
    color: color-mix(in srgb, var(--primary) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary-30 {
    color: color-mix(in srgb, var(--primary) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary-20 {
    color: color-mix(in srgb, var(--primary) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary-10 {
    color: color-mix(in srgb, var(--primary) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-primary,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-primary-100 {
    border-color: var(--primary) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-primary-90 {
    border-color: color-mix(in srgb, var(--primary) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-primary-80 {
    border-color: color-mix(in srgb, var(--primary) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-primary-70 {
    border-color: color-mix(in srgb, var(--primary) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-primary-60 {
    border-color: color-mix(in srgb, var(--primary) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-primary-50 {
    border-color: color-mix(in srgb, var(--primary) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-primary-40 {
    border-color: color-mix(in srgb, var(--primary) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-primary-30 {
    border-color: color-mix(in srgb, var(--primary) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-primary-20 {
    border-color: color-mix(in srgb, var(--primary) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-primary-10 {
    border-color: color-mix(in srgb, var(--primary) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-primary_light,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-primary_light-100 {
    background-color: var(--primary-light) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-primary_light-90 {
    background-color: color-mix(in srgb, var(--primary-light) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-primary_light-80 {
    background-color: color-mix(in srgb, var(--primary-light) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-primary_light-70 {
    background-color: color-mix(in srgb, var(--primary-light) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-primary_light-60 {
    background-color: color-mix(in srgb, var(--primary-light) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-primary_light-50 {
    background-color: color-mix(in srgb, var(--primary-light) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-primary_light-40 {
    background-color: color-mix(in srgb, var(--primary-light) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-primary_light-30 {
    background-color: color-mix(in srgb, var(--primary-light) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-primary_light-20 {
    background-color: color-mix(in srgb, var(--primary-light) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-primary_light-10 {
    background-color: color-mix(in srgb, var(--primary-light) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_light,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_light-100 {
    color: var(--primary-light) !important;
    fill: var(--primary-light) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_light *:not([class*="columnz-color"]),
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_light-90 {
    color: color-mix(in srgb, var(--primary-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_light-80 {
    color: color-mix(in srgb, var(--primary-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_light-70 {
    color: color-mix(in srgb, var(--primary-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_light-60 {
    color: color-mix(in srgb, var(--primary-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_light-50 {
    color: color-mix(in srgb, var(--primary-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_light-40 {
    color: color-mix(in srgb, var(--primary-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_light-30 {
    color: color-mix(in srgb, var(--primary-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_light-20 {
    color: color-mix(in srgb, var(--primary-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_light-10 {
    color: color-mix(in srgb, var(--primary-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-primary_light,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-primary_light-100 {
    border-color: var(--primary-light) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-primary_light-90 {
    border-color: color-mix(in srgb, var(--primary-light) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-primary_light-80 {
    border-color: color-mix(in srgb, var(--primary-light) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-primary_light-70 {
    border-color: color-mix(in srgb, var(--primary-light) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-primary_light-60 {
    border-color: color-mix(in srgb, var(--primary-light) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-primary_light-50 {
    border-color: color-mix(in srgb, var(--primary-light) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-primary_light-40 {
    border-color: color-mix(in srgb, var(--primary-light) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-primary_light-30 {
    border-color: color-mix(in srgb, var(--primary-light) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-primary_light-20 {
    border-color: color-mix(in srgb, var(--primary-light) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-primary_light-10 {
    border-color: color-mix(in srgb, var(--primary-light) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-primary_dark,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-primary_dark-100 {
    background-color: var(--primary-dark) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-primary_dark-90 {
    background-color: color-mix(in srgb, var(--primary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-primary_dark-80 {
    background-color: color-mix(in srgb, var(--primary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-primary_dark-70 {
    background-color: color-mix(in srgb, var(--primary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-primary_dark-60 {
    background-color: color-mix(in srgb, var(--primary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-primary_dark-50 {
    background-color: color-mix(in srgb, var(--primary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-primary_dark-40 {
    background-color: color-mix(in srgb, var(--primary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-primary_dark-30 {
    background-color: color-mix(in srgb, var(--primary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-primary_dark-20 {
    background-color: color-mix(in srgb, var(--primary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-primary_dark-10 {
    background-color: color-mix(in srgb, var(--primary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_dark,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_dark-100 {
    color: var(--primary-dark) !important;
    fill: var(--primary-dark) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_dark *:not([class*="columnz-color"]),
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_dark-90 {
    color: color-mix(in srgb, var(--primary-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_dark-80 {
    color: color-mix(in srgb, var(--primary-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_dark-70 {
    color: color-mix(in srgb, var(--primary-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_dark-60 {
    color: color-mix(in srgb, var(--primary-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_dark-50 {
    color: color-mix(in srgb, var(--primary-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_dark-40 {
    color: color-mix(in srgb, var(--primary-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_dark-30 {
    color: color-mix(in srgb, var(--primary-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_dark-20 {
    color: color-mix(in srgb, var(--primary-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_dark-10 {
    color: color-mix(in srgb, var(--primary-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-primary_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-primary_dark,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-primary_dark-100 {
    border-color: var(--primary-dark) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-primary_dark-90 {
    border-color: color-mix(in srgb, var(--primary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-primary_dark-80 {
    border-color: color-mix(in srgb, var(--primary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-primary_dark-70 {
    border-color: color-mix(in srgb, var(--primary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-primary_dark-60 {
    border-color: color-mix(in srgb, var(--primary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-primary_dark-50 {
    border-color: color-mix(in srgb, var(--primary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-primary_dark-40 {
    border-color: color-mix(in srgb, var(--primary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-primary_dark-30 {
    border-color: color-mix(in srgb, var(--primary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-primary_dark-20 {
    border-color: color-mix(in srgb, var(--primary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-primary_dark-10 {
    border-color: color-mix(in srgb, var(--primary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-secondary,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-secondary-100 {
    background-color: var(--secondary) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-secondary-90 {
    background-color: color-mix(in srgb, var(--secondary) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-secondary-80 {
    background-color: color-mix(in srgb, var(--secondary) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-secondary-70 {
    background-color: color-mix(in srgb, var(--secondary) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-secondary-60 {
    background-color: color-mix(in srgb, var(--secondary) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-secondary-50 {
    background-color: color-mix(in srgb, var(--secondary) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-secondary-40 {
    background-color: color-mix(in srgb, var(--secondary) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-secondary-30 {
    background-color: color-mix(in srgb, var(--secondary) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-secondary-20 {
    background-color: color-mix(in srgb, var(--secondary) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-secondary-10 {
    background-color: color-mix(in srgb, var(--secondary) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary-100 {
    color: var(--secondary) !important;
    fill: var(--secondary) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary *:not([class*="columnz-color"]),
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary-90 {
    color: color-mix(in srgb, var(--secondary) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary-80 {
    color: color-mix(in srgb, var(--secondary) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary-70 {
    color: color-mix(in srgb, var(--secondary) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary-60 {
    color: color-mix(in srgb, var(--secondary) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary-50 {
    color: color-mix(in srgb, var(--secondary) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary-40 {
    color: color-mix(in srgb, var(--secondary) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary-30 {
    color: color-mix(in srgb, var(--secondary) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary-20 {
    color: color-mix(in srgb, var(--secondary) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary-10 {
    color: color-mix(in srgb, var(--secondary) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-secondary,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-secondary-100 {
    border-color: var(--secondary) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-secondary-90 {
    border-color: color-mix(in srgb, var(--secondary) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-secondary-80 {
    border-color: color-mix(in srgb, var(--secondary) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-secondary-70 {
    border-color: color-mix(in srgb, var(--secondary) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-secondary-60 {
    border-color: color-mix(in srgb, var(--secondary) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-secondary-50 {
    border-color: color-mix(in srgb, var(--secondary) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-secondary-40 {
    border-color: color-mix(in srgb, var(--secondary) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-secondary-30 {
    border-color: color-mix(in srgb, var(--secondary) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-secondary-20 {
    border-color: color-mix(in srgb, var(--secondary) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-secondary-10 {
    border-color: color-mix(in srgb, var(--secondary) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-secondary_light,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-secondary_light-100 {
    background-color: var(--secondary-light) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-secondary_light-90 {
    background-color: color-mix(in srgb, var(--secondary-light) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-secondary_light-80 {
    background-color: color-mix(in srgb, var(--secondary-light) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-secondary_light-70 {
    background-color: color-mix(in srgb, var(--secondary-light) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-secondary_light-60 {
    background-color: color-mix(in srgb, var(--secondary-light) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-secondary_light-50 {
    background-color: color-mix(in srgb, var(--secondary-light) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-secondary_light-40 {
    background-color: color-mix(in srgb, var(--secondary-light) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-secondary_light-30 {
    background-color: color-mix(in srgb, var(--secondary-light) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-secondary_light-20 {
    background-color: color-mix(in srgb, var(--secondary-light) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-secondary_light-10 {
    background-color: color-mix(in srgb, var(--secondary-light) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_light,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_light-100 {
    color: var(--secondary-light) !important;
    fill: var(--secondary-light) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_light *:not([class*="columnz-color"]),
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_light-90 {
    color: color-mix(in srgb, var(--secondary-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_light-80 {
    color: color-mix(in srgb, var(--secondary-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_light-70 {
    color: color-mix(in srgb, var(--secondary-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_light-60 {
    color: color-mix(in srgb, var(--secondary-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_light-50 {
    color: color-mix(in srgb, var(--secondary-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_light-40 {
    color: color-mix(in srgb, var(--secondary-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_light-30 {
    color: color-mix(in srgb, var(--secondary-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_light-20 {
    color: color-mix(in srgb, var(--secondary-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_light-10 {
    color: color-mix(in srgb, var(--secondary-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-secondary_light,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-secondary_light-100 {
    border-color: var(--secondary-light) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-secondary_light-90 {
    border-color: color-mix(in srgb, var(--secondary-light) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-secondary_light-80 {
    border-color: color-mix(in srgb, var(--secondary-light) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-secondary_light-70 {
    border-color: color-mix(in srgb, var(--secondary-light) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-secondary_light-60 {
    border-color: color-mix(in srgb, var(--secondary-light) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-secondary_light-50 {
    border-color: color-mix(in srgb, var(--secondary-light) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-secondary_light-40 {
    border-color: color-mix(in srgb, var(--secondary-light) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-secondary_light-30 {
    border-color: color-mix(in srgb, var(--secondary-light) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-secondary_light-20 {
    border-color: color-mix(in srgb, var(--secondary-light) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-secondary_light-10 {
    border-color: color-mix(in srgb, var(--secondary-light) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-secondary_dark,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-secondary_dark-100 {
    background-color: var(--secondary-dark) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-secondary_dark-90 {
    background-color: color-mix(in srgb, var(--secondary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-secondary_dark-80 {
    background-color: color-mix(in srgb, var(--secondary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-secondary_dark-70 {
    background-color: color-mix(in srgb, var(--secondary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-secondary_dark-60 {
    background-color: color-mix(in srgb, var(--secondary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-secondary_dark-50 {
    background-color: color-mix(in srgb, var(--secondary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-secondary_dark-40 {
    background-color: color-mix(in srgb, var(--secondary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-secondary_dark-30 {
    background-color: color-mix(in srgb, var(--secondary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-secondary_dark-20 {
    background-color: color-mix(in srgb, var(--secondary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-secondary_dark-10 {
    background-color: color-mix(in srgb, var(--secondary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_dark,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_dark-100 {
    color: var(--secondary-dark) !important;
    fill: var(--secondary-dark) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_dark *:not([class*="columnz-color"]),
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_dark-90 {
    color: color-mix(in srgb, var(--secondary-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_dark-80 {
    color: color-mix(in srgb, var(--secondary-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_dark-70 {
    color: color-mix(in srgb, var(--secondary-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_dark-60 {
    color: color-mix(in srgb, var(--secondary-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_dark-50 {
    color: color-mix(in srgb, var(--secondary-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_dark-40 {
    color: color-mix(in srgb, var(--secondary-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_dark-30 {
    color: color-mix(in srgb, var(--secondary-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_dark-20 {
    color: color-mix(in srgb, var(--secondary-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_dark-10 {
    color: color-mix(in srgb, var(--secondary-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-secondary_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-secondary_dark,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-secondary_dark-100 {
    border-color: var(--secondary-dark) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-secondary_dark-90 {
    border-color: color-mix(in srgb, var(--secondary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-secondary_dark-80 {
    border-color: color-mix(in srgb, var(--secondary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-secondary_dark-70 {
    border-color: color-mix(in srgb, var(--secondary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-secondary_dark-60 {
    border-color: color-mix(in srgb, var(--secondary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-secondary_dark-50 {
    border-color: color-mix(in srgb, var(--secondary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-secondary_dark-40 {
    border-color: color-mix(in srgb, var(--secondary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-secondary_dark-30 {
    border-color: color-mix(in srgb, var(--secondary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-secondary_dark-20 {
    border-color: color-mix(in srgb, var(--secondary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-secondary_dark-10 {
    border-color: color-mix(in srgb, var(--secondary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-info,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-info-100 {
    background-color: var(--info) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-info-90 {
    background-color: color-mix(in srgb, var(--info) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-info-80 {
    background-color: color-mix(in srgb, var(--info) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-info-70 {
    background-color: color-mix(in srgb, var(--info) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-info-60 {
    background-color: color-mix(in srgb, var(--info) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-info-50 {
    background-color: color-mix(in srgb, var(--info) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-info-40 {
    background-color: color-mix(in srgb, var(--info) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-info-30 {
    background-color: color-mix(in srgb, var(--info) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-info-20 {
    background-color: color-mix(in srgb, var(--info) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-info-10 {
    background-color: color-mix(in srgb, var(--info) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info-100 {
    color: var(--info) !important;
    fill: var(--info) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info *:not([class*="columnz-color"]),
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info-90 {
    color: color-mix(in srgb, var(--info) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info-80 {
    color: color-mix(in srgb, var(--info) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info-70 {
    color: color-mix(in srgb, var(--info) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info-60 {
    color: color-mix(in srgb, var(--info) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info-50 {
    color: color-mix(in srgb, var(--info) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info-40 {
    color: color-mix(in srgb, var(--info) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info-30 {
    color: color-mix(in srgb, var(--info) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info-20 {
    color: color-mix(in srgb, var(--info) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info-10 {
    color: color-mix(in srgb, var(--info) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-info,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-info-100 {
    border-color: var(--info) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-info-90 {
    border-color: color-mix(in srgb, var(--info) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-info-80 {
    border-color: color-mix(in srgb, var(--info) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-info-70 {
    border-color: color-mix(in srgb, var(--info) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-info-60 {
    border-color: color-mix(in srgb, var(--info) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-info-50 {
    border-color: color-mix(in srgb, var(--info) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-info-40 {
    border-color: color-mix(in srgb, var(--info) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-info-30 {
    border-color: color-mix(in srgb, var(--info) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-info-20 {
    border-color: color-mix(in srgb, var(--info) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-info-10 {
    border-color: color-mix(in srgb, var(--info) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-info_light,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-info_light-100 {
    background-color: var(--info-light) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-info_light-90 {
    background-color: color-mix(in srgb, var(--info-light) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-info_light-80 {
    background-color: color-mix(in srgb, var(--info-light) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-info_light-70 {
    background-color: color-mix(in srgb, var(--info-light) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-info_light-60 {
    background-color: color-mix(in srgb, var(--info-light) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-info_light-50 {
    background-color: color-mix(in srgb, var(--info-light) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-info_light-40 {
    background-color: color-mix(in srgb, var(--info-light) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-info_light-30 {
    background-color: color-mix(in srgb, var(--info-light) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-info_light-20 {
    background-color: color-mix(in srgb, var(--info-light) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-info_light-10 {
    background-color: color-mix(in srgb, var(--info-light) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_light,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_light-100 {
    color: var(--info-light) !important;
    fill: var(--info-light) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_light *:not([class*="columnz-color"]),
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_light-90 {
    color: color-mix(in srgb, var(--info-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_light-80 {
    color: color-mix(in srgb, var(--info-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_light-70 {
    color: color-mix(in srgb, var(--info-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_light-60 {
    color: color-mix(in srgb, var(--info-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_light-50 {
    color: color-mix(in srgb, var(--info-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_light-40 {
    color: color-mix(in srgb, var(--info-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_light-30 {
    color: color-mix(in srgb, var(--info-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_light-20 {
    color: color-mix(in srgb, var(--info-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_light-10 {
    color: color-mix(in srgb, var(--info-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-info_light,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-info_light-100 {
    border-color: var(--info-light) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-info_light-90 {
    border-color: color-mix(in srgb, var(--info-light) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-info_light-80 {
    border-color: color-mix(in srgb, var(--info-light) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-info_light-70 {
    border-color: color-mix(in srgb, var(--info-light) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-info_light-60 {
    border-color: color-mix(in srgb, var(--info-light) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-info_light-50 {
    border-color: color-mix(in srgb, var(--info-light) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-info_light-40 {
    border-color: color-mix(in srgb, var(--info-light) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-info_light-30 {
    border-color: color-mix(in srgb, var(--info-light) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-info_light-20 {
    border-color: color-mix(in srgb, var(--info-light) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-info_light-10 {
    border-color: color-mix(in srgb, var(--info-light) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-info_dark,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-info_dark-100 {
    background-color: var(--info-dark) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-info_dark-90 {
    background-color: color-mix(in srgb, var(--info-dark) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-info_dark-80 {
    background-color: color-mix(in srgb, var(--info-dark) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-info_dark-70 {
    background-color: color-mix(in srgb, var(--info-dark) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-info_dark-60 {
    background-color: color-mix(in srgb, var(--info-dark) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-info_dark-50 {
    background-color: color-mix(in srgb, var(--info-dark) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-info_dark-40 {
    background-color: color-mix(in srgb, var(--info-dark) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-info_dark-30 {
    background-color: color-mix(in srgb, var(--info-dark) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-info_dark-20 {
    background-color: color-mix(in srgb, var(--info-dark) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-info_dark-10 {
    background-color: color-mix(in srgb, var(--info-dark) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_dark,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_dark-100 {
    color: var(--info-dark) !important;
    fill: var(--info-dark) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_dark *:not([class*="columnz-color"]),
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_dark-90 {
    color: color-mix(in srgb, var(--info-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_dark-80 {
    color: color-mix(in srgb, var(--info-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_dark-70 {
    color: color-mix(in srgb, var(--info-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_dark-60 {
    color: color-mix(in srgb, var(--info-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_dark-50 {
    color: color-mix(in srgb, var(--info-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_dark-40 {
    color: color-mix(in srgb, var(--info-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_dark-30 {
    color: color-mix(in srgb, var(--info-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_dark-20 {
    color: color-mix(in srgb, var(--info-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_dark-10 {
    color: color-mix(in srgb, var(--info-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-info_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-info_dark,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-info_dark-100 {
    border-color: var(--info-dark) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-info_dark-90 {
    border-color: color-mix(in srgb, var(--info-dark) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-info_dark-80 {
    border-color: color-mix(in srgb, var(--info-dark) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-info_dark-70 {
    border-color: color-mix(in srgb, var(--info-dark) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-info_dark-60 {
    border-color: color-mix(in srgb, var(--info-dark) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-info_dark-50 {
    border-color: color-mix(in srgb, var(--info-dark) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-info_dark-40 {
    border-color: color-mix(in srgb, var(--info-dark) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-info_dark-30 {
    border-color: color-mix(in srgb, var(--info-dark) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-info_dark-20 {
    border-color: color-mix(in srgb, var(--info-dark) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-info_dark-10 {
    border-color: color-mix(in srgb, var(--info-dark) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-success,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-success-100 {
    background-color: var(--success) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-success-90 {
    background-color: color-mix(in srgb, var(--success) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-success-80 {
    background-color: color-mix(in srgb, var(--success) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-success-70 {
    background-color: color-mix(in srgb, var(--success) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-success-60 {
    background-color: color-mix(in srgb, var(--success) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-success-50 {
    background-color: color-mix(in srgb, var(--success) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-success-40 {
    background-color: color-mix(in srgb, var(--success) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-success-30 {
    background-color: color-mix(in srgb, var(--success) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-success-20 {
    background-color: color-mix(in srgb, var(--success) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-success-10 {
    background-color: color-mix(in srgb, var(--success) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success-100 {
    color: var(--success) !important;
    fill: var(--success) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success *:not([class*="columnz-color"]),
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success-90 {
    color: color-mix(in srgb, var(--success) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success-80 {
    color: color-mix(in srgb, var(--success) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success-70 {
    color: color-mix(in srgb, var(--success) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success-60 {
    color: color-mix(in srgb, var(--success) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success-50 {
    color: color-mix(in srgb, var(--success) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success-40 {
    color: color-mix(in srgb, var(--success) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success-30 {
    color: color-mix(in srgb, var(--success) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success-20 {
    color: color-mix(in srgb, var(--success) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success-10 {
    color: color-mix(in srgb, var(--success) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-success,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-success-100 {
    border-color: var(--success) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-success-90 {
    border-color: color-mix(in srgb, var(--success) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-success-80 {
    border-color: color-mix(in srgb, var(--success) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-success-70 {
    border-color: color-mix(in srgb, var(--success) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-success-60 {
    border-color: color-mix(in srgb, var(--success) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-success-50 {
    border-color: color-mix(in srgb, var(--success) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-success-40 {
    border-color: color-mix(in srgb, var(--success) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-success-30 {
    border-color: color-mix(in srgb, var(--success) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-success-20 {
    border-color: color-mix(in srgb, var(--success) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-success-10 {
    border-color: color-mix(in srgb, var(--success) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-success_light,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-success_light-100 {
    background-color: var(--success-light) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-success_light-90 {
    background-color: color-mix(in srgb, var(--success-light) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-success_light-80 {
    background-color: color-mix(in srgb, var(--success-light) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-success_light-70 {
    background-color: color-mix(in srgb, var(--success-light) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-success_light-60 {
    background-color: color-mix(in srgb, var(--success-light) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-success_light-50 {
    background-color: color-mix(in srgb, var(--success-light) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-success_light-40 {
    background-color: color-mix(in srgb, var(--success-light) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-success_light-30 {
    background-color: color-mix(in srgb, var(--success-light) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-success_light-20 {
    background-color: color-mix(in srgb, var(--success-light) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-success_light-10 {
    background-color: color-mix(in srgb, var(--success-light) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_light,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_light-100 {
    color: var(--success-light) !important;
    fill: var(--success-light) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_light *:not([class*="columnz-color"]),
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_light-90 {
    color: color-mix(in srgb, var(--success-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_light-80 {
    color: color-mix(in srgb, var(--success-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_light-70 {
    color: color-mix(in srgb, var(--success-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_light-60 {
    color: color-mix(in srgb, var(--success-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_light-50 {
    color: color-mix(in srgb, var(--success-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_light-40 {
    color: color-mix(in srgb, var(--success-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_light-30 {
    color: color-mix(in srgb, var(--success-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_light-20 {
    color: color-mix(in srgb, var(--success-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_light-10 {
    color: color-mix(in srgb, var(--success-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-success_light,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-success_light-100 {
    border-color: var(--success-light) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-success_light-90 {
    border-color: color-mix(in srgb, var(--success-light) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-success_light-80 {
    border-color: color-mix(in srgb, var(--success-light) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-success_light-70 {
    border-color: color-mix(in srgb, var(--success-light) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-success_light-60 {
    border-color: color-mix(in srgb, var(--success-light) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-success_light-50 {
    border-color: color-mix(in srgb, var(--success-light) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-success_light-40 {
    border-color: color-mix(in srgb, var(--success-light) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-success_light-30 {
    border-color: color-mix(in srgb, var(--success-light) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-success_light-20 {
    border-color: color-mix(in srgb, var(--success-light) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-success_light-10 {
    border-color: color-mix(in srgb, var(--success-light) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-success_dark,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-success_dark-100 {
    background-color: var(--success-dark) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-success_dark-90 {
    background-color: color-mix(in srgb, var(--success-dark) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-success_dark-80 {
    background-color: color-mix(in srgb, var(--success-dark) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-success_dark-70 {
    background-color: color-mix(in srgb, var(--success-dark) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-success_dark-60 {
    background-color: color-mix(in srgb, var(--success-dark) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-success_dark-50 {
    background-color: color-mix(in srgb, var(--success-dark) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-success_dark-40 {
    background-color: color-mix(in srgb, var(--success-dark) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-success_dark-30 {
    background-color: color-mix(in srgb, var(--success-dark) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-success_dark-20 {
    background-color: color-mix(in srgb, var(--success-dark) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-success_dark-10 {
    background-color: color-mix(in srgb, var(--success-dark) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_dark,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_dark-100 {
    color: var(--success-dark) !important;
    fill: var(--success-dark) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_dark *:not([class*="columnz-color"]),
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_dark-90 {
    color: color-mix(in srgb, var(--success-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_dark-80 {
    color: color-mix(in srgb, var(--success-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_dark-70 {
    color: color-mix(in srgb, var(--success-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_dark-60 {
    color: color-mix(in srgb, var(--success-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_dark-50 {
    color: color-mix(in srgb, var(--success-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_dark-40 {
    color: color-mix(in srgb, var(--success-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_dark-30 {
    color: color-mix(in srgb, var(--success-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_dark-20 {
    color: color-mix(in srgb, var(--success-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_dark-10 {
    color: color-mix(in srgb, var(--success-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-success_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-success_dark,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-success_dark-100 {
    border-color: var(--success-dark) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-success_dark-90 {
    border-color: color-mix(in srgb, var(--success-dark) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-success_dark-80 {
    border-color: color-mix(in srgb, var(--success-dark) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-success_dark-70 {
    border-color: color-mix(in srgb, var(--success-dark) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-success_dark-60 {
    border-color: color-mix(in srgb, var(--success-dark) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-success_dark-50 {
    border-color: color-mix(in srgb, var(--success-dark) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-success_dark-40 {
    border-color: color-mix(in srgb, var(--success-dark) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-success_dark-30 {
    border-color: color-mix(in srgb, var(--success-dark) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-success_dark-20 {
    border-color: color-mix(in srgb, var(--success-dark) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-success_dark-10 {
    border-color: color-mix(in srgb, var(--success-dark) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-warning,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-warning-100 {
    background-color: var(--warning) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-warning-90 {
    background-color: color-mix(in srgb, var(--warning) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-warning-80 {
    background-color: color-mix(in srgb, var(--warning) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-warning-70 {
    background-color: color-mix(in srgb, var(--warning) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-warning-60 {
    background-color: color-mix(in srgb, var(--warning) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-warning-50 {
    background-color: color-mix(in srgb, var(--warning) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-warning-40 {
    background-color: color-mix(in srgb, var(--warning) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-warning-30 {
    background-color: color-mix(in srgb, var(--warning) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-warning-20 {
    background-color: color-mix(in srgb, var(--warning) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-warning-10 {
    background-color: color-mix(in srgb, var(--warning) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning-100 {
    color: var(--warning) !important;
    fill: var(--warning) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning *:not([class*="columnz-color"]),
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning-90 {
    color: color-mix(in srgb, var(--warning) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning-80 {
    color: color-mix(in srgb, var(--warning) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning-70 {
    color: color-mix(in srgb, var(--warning) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning-60 {
    color: color-mix(in srgb, var(--warning) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning-50 {
    color: color-mix(in srgb, var(--warning) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning-40 {
    color: color-mix(in srgb, var(--warning) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning-30 {
    color: color-mix(in srgb, var(--warning) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning-20 {
    color: color-mix(in srgb, var(--warning) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning-10 {
    color: color-mix(in srgb, var(--warning) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-warning,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-warning-100 {
    border-color: var(--warning) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-warning-90 {
    border-color: color-mix(in srgb, var(--warning) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-warning-80 {
    border-color: color-mix(in srgb, var(--warning) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-warning-70 {
    border-color: color-mix(in srgb, var(--warning) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-warning-60 {
    border-color: color-mix(in srgb, var(--warning) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-warning-50 {
    border-color: color-mix(in srgb, var(--warning) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-warning-40 {
    border-color: color-mix(in srgb, var(--warning) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-warning-30 {
    border-color: color-mix(in srgb, var(--warning) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-warning-20 {
    border-color: color-mix(in srgb, var(--warning) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-warning-10 {
    border-color: color-mix(in srgb, var(--warning) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-warning_light,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-warning_light-100 {
    background-color: var(--warning-light) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-warning_light-90 {
    background-color: color-mix(in srgb, var(--warning-light) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-warning_light-80 {
    background-color: color-mix(in srgb, var(--warning-light) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-warning_light-70 {
    background-color: color-mix(in srgb, var(--warning-light) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-warning_light-60 {
    background-color: color-mix(in srgb, var(--warning-light) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-warning_light-50 {
    background-color: color-mix(in srgb, var(--warning-light) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-warning_light-40 {
    background-color: color-mix(in srgb, var(--warning-light) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-warning_light-30 {
    background-color: color-mix(in srgb, var(--warning-light) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-warning_light-20 {
    background-color: color-mix(in srgb, var(--warning-light) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-warning_light-10 {
    background-color: color-mix(in srgb, var(--warning-light) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_light,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_light-100 {
    color: var(--warning-light) !important;
    fill: var(--warning-light) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_light *:not([class*="columnz-color"]),
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_light-90 {
    color: color-mix(in srgb, var(--warning-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_light-80 {
    color: color-mix(in srgb, var(--warning-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_light-70 {
    color: color-mix(in srgb, var(--warning-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_light-60 {
    color: color-mix(in srgb, var(--warning-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_light-50 {
    color: color-mix(in srgb, var(--warning-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_light-40 {
    color: color-mix(in srgb, var(--warning-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_light-30 {
    color: color-mix(in srgb, var(--warning-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_light-20 {
    color: color-mix(in srgb, var(--warning-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_light-10 {
    color: color-mix(in srgb, var(--warning-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-warning_light,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-warning_light-100 {
    border-color: var(--warning-light) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-warning_light-90 {
    border-color: color-mix(in srgb, var(--warning-light) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-warning_light-80 {
    border-color: color-mix(in srgb, var(--warning-light) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-warning_light-70 {
    border-color: color-mix(in srgb, var(--warning-light) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-warning_light-60 {
    border-color: color-mix(in srgb, var(--warning-light) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-warning_light-50 {
    border-color: color-mix(in srgb, var(--warning-light) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-warning_light-40 {
    border-color: color-mix(in srgb, var(--warning-light) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-warning_light-30 {
    border-color: color-mix(in srgb, var(--warning-light) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-warning_light-20 {
    border-color: color-mix(in srgb, var(--warning-light) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-warning_light-10 {
    border-color: color-mix(in srgb, var(--warning-light) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-warning_dark,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-warning_dark-100 {
    background-color: var(--warning-dark) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-warning_dark-90 {
    background-color: color-mix(in srgb, var(--warning-dark) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-warning_dark-80 {
    background-color: color-mix(in srgb, var(--warning-dark) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-warning_dark-70 {
    background-color: color-mix(in srgb, var(--warning-dark) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-warning_dark-60 {
    background-color: color-mix(in srgb, var(--warning-dark) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-warning_dark-50 {
    background-color: color-mix(in srgb, var(--warning-dark) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-warning_dark-40 {
    background-color: color-mix(in srgb, var(--warning-dark) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-warning_dark-30 {
    background-color: color-mix(in srgb, var(--warning-dark) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-warning_dark-20 {
    background-color: color-mix(in srgb, var(--warning-dark) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-warning_dark-10 {
    background-color: color-mix(in srgb, var(--warning-dark) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_dark,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_dark-100 {
    color: var(--warning-dark) !important;
    fill: var(--warning-dark) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_dark *:not([class*="columnz-color"]),
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_dark-90 {
    color: color-mix(in srgb, var(--warning-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_dark-80 {
    color: color-mix(in srgb, var(--warning-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_dark-70 {
    color: color-mix(in srgb, var(--warning-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_dark-60 {
    color: color-mix(in srgb, var(--warning-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_dark-50 {
    color: color-mix(in srgb, var(--warning-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_dark-40 {
    color: color-mix(in srgb, var(--warning-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_dark-30 {
    color: color-mix(in srgb, var(--warning-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_dark-20 {
    color: color-mix(in srgb, var(--warning-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_dark-10 {
    color: color-mix(in srgb, var(--warning-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-warning_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-warning_dark,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-warning_dark-100 {
    border-color: var(--warning-dark) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-warning_dark-90 {
    border-color: color-mix(in srgb, var(--warning-dark) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-warning_dark-80 {
    border-color: color-mix(in srgb, var(--warning-dark) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-warning_dark-70 {
    border-color: color-mix(in srgb, var(--warning-dark) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-warning_dark-60 {
    border-color: color-mix(in srgb, var(--warning-dark) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-warning_dark-50 {
    border-color: color-mix(in srgb, var(--warning-dark) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-warning_dark-40 {
    border-color: color-mix(in srgb, var(--warning-dark) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-warning_dark-30 {
    border-color: color-mix(in srgb, var(--warning-dark) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-warning_dark-20 {
    border-color: color-mix(in srgb, var(--warning-dark) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-warning_dark-10 {
    border-color: color-mix(in srgb, var(--warning-dark) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-danger,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-danger-100 {
    background-color: var(--danger) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-danger-90 {
    background-color: color-mix(in srgb, var(--danger) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-danger-80 {
    background-color: color-mix(in srgb, var(--danger) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-danger-70 {
    background-color: color-mix(in srgb, var(--danger) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-danger-60 {
    background-color: color-mix(in srgb, var(--danger) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-danger-50 {
    background-color: color-mix(in srgb, var(--danger) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-danger-40 {
    background-color: color-mix(in srgb, var(--danger) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-danger-30 {
    background-color: color-mix(in srgb, var(--danger) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-danger-20 {
    background-color: color-mix(in srgb, var(--danger) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-danger-10 {
    background-color: color-mix(in srgb, var(--danger) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger-100 {
    color: var(--danger) !important;
    fill: var(--danger) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger *:not([class*="columnz-color"]),
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger-90 {
    color: color-mix(in srgb, var(--danger) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger-80 {
    color: color-mix(in srgb, var(--danger) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger-70 {
    color: color-mix(in srgb, var(--danger) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger-60 {
    color: color-mix(in srgb, var(--danger) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger-50 {
    color: color-mix(in srgb, var(--danger) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger-40 {
    color: color-mix(in srgb, var(--danger) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger-30 {
    color: color-mix(in srgb, var(--danger) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger-20 {
    color: color-mix(in srgb, var(--danger) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger-10 {
    color: color-mix(in srgb, var(--danger) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-danger,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-danger-100 {
    border-color: var(--danger) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-danger-90 {
    border-color: color-mix(in srgb, var(--danger) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-danger-80 {
    border-color: color-mix(in srgb, var(--danger) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-danger-70 {
    border-color: color-mix(in srgb, var(--danger) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-danger-60 {
    border-color: color-mix(in srgb, var(--danger) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-danger-50 {
    border-color: color-mix(in srgb, var(--danger) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-danger-40 {
    border-color: color-mix(in srgb, var(--danger) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-danger-30 {
    border-color: color-mix(in srgb, var(--danger) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-danger-20 {
    border-color: color-mix(in srgb, var(--danger) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-danger-10 {
    border-color: color-mix(in srgb, var(--danger) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-danger_light,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-danger_light-100 {
    background-color: var(--danger-light) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-danger_light-90 {
    background-color: color-mix(in srgb, var(--danger-light) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-danger_light-80 {
    background-color: color-mix(in srgb, var(--danger-light) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-danger_light-70 {
    background-color: color-mix(in srgb, var(--danger-light) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-danger_light-60 {
    background-color: color-mix(in srgb, var(--danger-light) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-danger_light-50 {
    background-color: color-mix(in srgb, var(--danger-light) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-danger_light-40 {
    background-color: color-mix(in srgb, var(--danger-light) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-danger_light-30 {
    background-color: color-mix(in srgb, var(--danger-light) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-danger_light-20 {
    background-color: color-mix(in srgb, var(--danger-light) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-danger_light-10 {
    background-color: color-mix(in srgb, var(--danger-light) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_light,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_light-100 {
    color: var(--danger-light) !important;
    fill: var(--danger-light) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_light *:not([class*="columnz-color"]),
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_light-90 {
    color: color-mix(in srgb, var(--danger-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_light-80 {
    color: color-mix(in srgb, var(--danger-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_light-70 {
    color: color-mix(in srgb, var(--danger-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_light-60 {
    color: color-mix(in srgb, var(--danger-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_light-50 {
    color: color-mix(in srgb, var(--danger-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_light-40 {
    color: color-mix(in srgb, var(--danger-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_light-30 {
    color: color-mix(in srgb, var(--danger-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_light-20 {
    color: color-mix(in srgb, var(--danger-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_light-10 {
    color: color-mix(in srgb, var(--danger-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-danger_light,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-danger_light-100 {
    border-color: var(--danger-light) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-danger_light-90 {
    border-color: color-mix(in srgb, var(--danger-light) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-danger_light-80 {
    border-color: color-mix(in srgb, var(--danger-light) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-danger_light-70 {
    border-color: color-mix(in srgb, var(--danger-light) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-danger_light-60 {
    border-color: color-mix(in srgb, var(--danger-light) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-danger_light-50 {
    border-color: color-mix(in srgb, var(--danger-light) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-danger_light-40 {
    border-color: color-mix(in srgb, var(--danger-light) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-danger_light-30 {
    border-color: color-mix(in srgb, var(--danger-light) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-danger_light-20 {
    border-color: color-mix(in srgb, var(--danger-light) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-danger_light-10 {
    border-color: color-mix(in srgb, var(--danger-light) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-danger_dark,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-danger_dark-100 {
    background-color: var(--danger-dark) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-danger_dark-90 {
    background-color: color-mix(in srgb, var(--danger-dark) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-danger_dark-80 {
    background-color: color-mix(in srgb, var(--danger-dark) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-danger_dark-70 {
    background-color: color-mix(in srgb, var(--danger-dark) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-danger_dark-60 {
    background-color: color-mix(in srgb, var(--danger-dark) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-danger_dark-50 {
    background-color: color-mix(in srgb, var(--danger-dark) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-danger_dark-40 {
    background-color: color-mix(in srgb, var(--danger-dark) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-danger_dark-30 {
    background-color: color-mix(in srgb, var(--danger-dark) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-danger_dark-20 {
    background-color: color-mix(in srgb, var(--danger-dark) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-danger_dark-10 {
    background-color: color-mix(in srgb, var(--danger-dark) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_dark,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_dark-100 {
    color: var(--danger-dark) !important;
    fill: var(--danger-dark) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_dark *:not([class*="columnz-color"]),
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_dark-90 {
    color: color-mix(in srgb, var(--danger-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_dark-80 {
    color: color-mix(in srgb, var(--danger-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_dark-70 {
    color: color-mix(in srgb, var(--danger-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_dark-60 {
    color: color-mix(in srgb, var(--danger-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_dark-50 {
    color: color-mix(in srgb, var(--danger-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_dark-40 {
    color: color-mix(in srgb, var(--danger-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_dark-30 {
    color: color-mix(in srgb, var(--danger-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_dark-20 {
    color: color-mix(in srgb, var(--danger-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_dark-10 {
    color: color-mix(in srgb, var(--danger-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-danger_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-danger_dark,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-danger_dark-100 {
    border-color: var(--danger-dark) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-danger_dark-90 {
    border-color: color-mix(in srgb, var(--danger-dark) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-danger_dark-80 {
    border-color: color-mix(in srgb, var(--danger-dark) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-danger_dark-70 {
    border-color: color-mix(in srgb, var(--danger-dark) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-danger_dark-60 {
    border-color: color-mix(in srgb, var(--danger-dark) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-danger_dark-50 {
    border-color: color-mix(in srgb, var(--danger-dark) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-danger_dark-40 {
    border-color: color-mix(in srgb, var(--danger-dark) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-danger_dark-30 {
    border-color: color-mix(in srgb, var(--danger-dark) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-danger_dark-20 {
    border-color: color-mix(in srgb, var(--danger-dark) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-danger_dark-10 {
    border-color: color-mix(in srgb, var(--danger-dark) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-dark,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-dark-100 {
    background-color: var(--dark) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-dark-90 {
    background-color: color-mix(in srgb, var(--dark) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-dark-80 {
    background-color: color-mix(in srgb, var(--dark) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-dark-70 {
    background-color: color-mix(in srgb, var(--dark) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-dark-60 {
    background-color: color-mix(in srgb, var(--dark) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-dark-50 {
    background-color: color-mix(in srgb, var(--dark) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-dark-40 {
    background-color: color-mix(in srgb, var(--dark) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-dark-30 {
    background-color: color-mix(in srgb, var(--dark) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-dark-20 {
    background-color: color-mix(in srgb, var(--dark) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-dark-10 {
    background-color: color-mix(in srgb, var(--dark) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark-100 {
    color: var(--dark) !important;
    fill: var(--dark) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark *:not([class*="columnz-color"]),
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark-90 {
    color: color-mix(in srgb, var(--dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark-80 {
    color: color-mix(in srgb, var(--dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark-70 {
    color: color-mix(in srgb, var(--dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark-60 {
    color: color-mix(in srgb, var(--dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark-50 {
    color: color-mix(in srgb, var(--dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark-40 {
    color: color-mix(in srgb, var(--dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark-30 {
    color: color-mix(in srgb, var(--dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark-20 {
    color: color-mix(in srgb, var(--dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark-10 {
    color: color-mix(in srgb, var(--dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-dark,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-dark-100 {
    border-color: var(--dark) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-dark-90 {
    border-color: color-mix(in srgb, var(--dark) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-dark-80 {
    border-color: color-mix(in srgb, var(--dark) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-dark-70 {
    border-color: color-mix(in srgb, var(--dark) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-dark-60 {
    border-color: color-mix(in srgb, var(--dark) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-dark-50 {
    border-color: color-mix(in srgb, var(--dark) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-dark-40 {
    border-color: color-mix(in srgb, var(--dark) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-dark-30 {
    border-color: color-mix(in srgb, var(--dark) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-dark-20 {
    border-color: color-mix(in srgb, var(--dark) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-dark-10 {
    border-color: color-mix(in srgb, var(--dark) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-dark_light,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-dark_light-100 {
    background-color: var(--dark-light) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-dark_light-90 {
    background-color: color-mix(in srgb, var(--dark-light) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-dark_light-80 {
    background-color: color-mix(in srgb, var(--dark-light) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-dark_light-70 {
    background-color: color-mix(in srgb, var(--dark-light) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-dark_light-60 {
    background-color: color-mix(in srgb, var(--dark-light) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-dark_light-50 {
    background-color: color-mix(in srgb, var(--dark-light) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-dark_light-40 {
    background-color: color-mix(in srgb, var(--dark-light) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-dark_light-30 {
    background-color: color-mix(in srgb, var(--dark-light) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-dark_light-20 {
    background-color: color-mix(in srgb, var(--dark-light) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-dark_light-10 {
    background-color: color-mix(in srgb, var(--dark-light) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_light,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_light-100 {
    color: var(--dark-light) !important;
    fill: var(--dark-light) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_light *:not([class*="columnz-color"]),
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_light-90 {
    color: color-mix(in srgb, var(--dark-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_light-80 {
    color: color-mix(in srgb, var(--dark-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_light-70 {
    color: color-mix(in srgb, var(--dark-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_light-60 {
    color: color-mix(in srgb, var(--dark-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_light-50 {
    color: color-mix(in srgb, var(--dark-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_light-40 {
    color: color-mix(in srgb, var(--dark-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_light-30 {
    color: color-mix(in srgb, var(--dark-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_light-20 {
    color: color-mix(in srgb, var(--dark-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_light-10 {
    color: color-mix(in srgb, var(--dark-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-dark_light,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-dark_light-100 {
    border-color: var(--dark-light) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-dark_light-90 {
    border-color: color-mix(in srgb, var(--dark-light) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-dark_light-80 {
    border-color: color-mix(in srgb, var(--dark-light) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-dark_light-70 {
    border-color: color-mix(in srgb, var(--dark-light) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-dark_light-60 {
    border-color: color-mix(in srgb, var(--dark-light) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-dark_light-50 {
    border-color: color-mix(in srgb, var(--dark-light) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-dark_light-40 {
    border-color: color-mix(in srgb, var(--dark-light) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-dark_light-30 {
    border-color: color-mix(in srgb, var(--dark-light) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-dark_light-20 {
    border-color: color-mix(in srgb, var(--dark-light) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-dark_light-10 {
    border-color: color-mix(in srgb, var(--dark-light) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-dark_dark,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-dark_dark-100 {
    background-color: var(--dark-dark) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-dark_dark-90 {
    background-color: color-mix(in srgb, var(--dark-dark) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-dark_dark-80 {
    background-color: color-mix(in srgb, var(--dark-dark) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-dark_dark-70 {
    background-color: color-mix(in srgb, var(--dark-dark) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-dark_dark-60 {
    background-color: color-mix(in srgb, var(--dark-dark) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-dark_dark-50 {
    background-color: color-mix(in srgb, var(--dark-dark) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-dark_dark-40 {
    background-color: color-mix(in srgb, var(--dark-dark) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-dark_dark-30 {
    background-color: color-mix(in srgb, var(--dark-dark) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-dark_dark-20 {
    background-color: color-mix(in srgb, var(--dark-dark) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-dark_dark-10 {
    background-color: color-mix(in srgb, var(--dark-dark) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_dark,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_dark-100 {
    color: var(--dark-dark) !important;
    fill: var(--dark-dark) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_dark *:not([class*="columnz-color"]),
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_dark-90 {
    color: color-mix(in srgb, var(--dark-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_dark-80 {
    color: color-mix(in srgb, var(--dark-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_dark-70 {
    color: color-mix(in srgb, var(--dark-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_dark-60 {
    color: color-mix(in srgb, var(--dark-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_dark-50 {
    color: color-mix(in srgb, var(--dark-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_dark-40 {
    color: color-mix(in srgb, var(--dark-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_dark-30 {
    color: color-mix(in srgb, var(--dark-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_dark-20 {
    color: color-mix(in srgb, var(--dark-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_dark-10 {
    color: color-mix(in srgb, var(--dark-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-dark_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-dark_dark,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-dark_dark-100 {
    border-color: var(--dark-dark) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-dark_dark-90 {
    border-color: color-mix(in srgb, var(--dark-dark) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-dark_dark-80 {
    border-color: color-mix(in srgb, var(--dark-dark) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-dark_dark-70 {
    border-color: color-mix(in srgb, var(--dark-dark) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-dark_dark-60 {
    border-color: color-mix(in srgb, var(--dark-dark) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-dark_dark-50 {
    border-color: color-mix(in srgb, var(--dark-dark) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-dark_dark-40 {
    border-color: color-mix(in srgb, var(--dark-dark) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-dark_dark-30 {
    border-color: color-mix(in srgb, var(--dark-dark) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-dark_dark-20 {
    border-color: color-mix(in srgb, var(--dark-dark) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-dark_dark-10 {
    border-color: color-mix(in srgb, var(--dark-dark) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-light,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-light-100 {
    background-color: var(--light) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-light-90 {
    background-color: color-mix(in srgb, var(--light) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-light-80 {
    background-color: color-mix(in srgb, var(--light) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-light-70 {
    background-color: color-mix(in srgb, var(--light) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-light-60 {
    background-color: color-mix(in srgb, var(--light) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-light-50 {
    background-color: color-mix(in srgb, var(--light) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-light-40 {
    background-color: color-mix(in srgb, var(--light) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-light-30 {
    background-color: color-mix(in srgb, var(--light) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-light-20 {
    background-color: color-mix(in srgb, var(--light) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-light-10 {
    background-color: color-mix(in srgb, var(--light) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light-100 {
    color: var(--light) !important;
    fill: var(--light) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light *:not([class*="columnz-color"]),
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light-90 {
    color: color-mix(in srgb, var(--light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light-80 {
    color: color-mix(in srgb, var(--light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light-70 {
    color: color-mix(in srgb, var(--light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light-60 {
    color: color-mix(in srgb, var(--light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light-50 {
    color: color-mix(in srgb, var(--light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light-40 {
    color: color-mix(in srgb, var(--light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light-30 {
    color: color-mix(in srgb, var(--light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light-20 {
    color: color-mix(in srgb, var(--light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light-10 {
    color: color-mix(in srgb, var(--light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-light,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-light-100 {
    border-color: var(--light) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-light-90 {
    border-color: color-mix(in srgb, var(--light) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-light-80 {
    border-color: color-mix(in srgb, var(--light) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-light-70 {
    border-color: color-mix(in srgb, var(--light) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-light-60 {
    border-color: color-mix(in srgb, var(--light) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-light-50 {
    border-color: color-mix(in srgb, var(--light) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-light-40 {
    border-color: color-mix(in srgb, var(--light) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-light-30 {
    border-color: color-mix(in srgb, var(--light) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-light-20 {
    border-color: color-mix(in srgb, var(--light) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-light-10 {
    border-color: color-mix(in srgb, var(--light) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-light_light,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-light_light-100 {
    background-color: var(--light-light) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-light_light-90 {
    background-color: color-mix(in srgb, var(--light-light) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-light_light-80 {
    background-color: color-mix(in srgb, var(--light-light) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-light_light-70 {
    background-color: color-mix(in srgb, var(--light-light) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-light_light-60 {
    background-color: color-mix(in srgb, var(--light-light) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-light_light-50 {
    background-color: color-mix(in srgb, var(--light-light) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-light_light-40 {
    background-color: color-mix(in srgb, var(--light-light) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-light_light-30 {
    background-color: color-mix(in srgb, var(--light-light) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-light_light-20 {
    background-color: color-mix(in srgb, var(--light-light) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-light_light-10 {
    background-color: color-mix(in srgb, var(--light-light) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_light,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_light-100 {
    color: var(--light-light) !important;
    fill: var(--light-light) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_light *:not([class*="columnz-color"]),
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_light-90 {
    color: color-mix(in srgb, var(--light-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_light-80 {
    color: color-mix(in srgb, var(--light-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_light-70 {
    color: color-mix(in srgb, var(--light-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_light-60 {
    color: color-mix(in srgb, var(--light-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_light-50 {
    color: color-mix(in srgb, var(--light-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_light-40 {
    color: color-mix(in srgb, var(--light-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_light-30 {
    color: color-mix(in srgb, var(--light-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_light-20 {
    color: color-mix(in srgb, var(--light-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_light-10 {
    color: color-mix(in srgb, var(--light-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-light_light,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-light_light-100 {
    border-color: var(--light-light) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-light_light-90 {
    border-color: color-mix(in srgb, var(--light-light) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-light_light-80 {
    border-color: color-mix(in srgb, var(--light-light) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-light_light-70 {
    border-color: color-mix(in srgb, var(--light-light) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-light_light-60 {
    border-color: color-mix(in srgb, var(--light-light) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-light_light-50 {
    border-color: color-mix(in srgb, var(--light-light) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-light_light-40 {
    border-color: color-mix(in srgb, var(--light-light) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-light_light-30 {
    border-color: color-mix(in srgb, var(--light-light) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-light_light-20 {
    border-color: color-mix(in srgb, var(--light-light) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-light_light-10 {
    border-color: color-mix(in srgb, var(--light-light) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-light_dark,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-light_dark-100 {
    background-color: var(--light-dark) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-light_dark-90 {
    background-color: color-mix(in srgb, var(--light-dark) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-light_dark-80 {
    background-color: color-mix(in srgb, var(--light-dark) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-light_dark-70 {
    background-color: color-mix(in srgb, var(--light-dark) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-light_dark-60 {
    background-color: color-mix(in srgb, var(--light-dark) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-light_dark-50 {
    background-color: color-mix(in srgb, var(--light-dark) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-light_dark-40 {
    background-color: color-mix(in srgb, var(--light-dark) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-light_dark-30 {
    background-color: color-mix(in srgb, var(--light-dark) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-light_dark-20 {
    background-color: color-mix(in srgb, var(--light-dark) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-light_dark-10 {
    background-color: color-mix(in srgb, var(--light-dark) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_dark,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_dark-100 {
    color: var(--light-dark) !important;
    fill: var(--light-dark) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_dark *:not([class*="columnz-color"]),
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_dark-90 {
    color: color-mix(in srgb, var(--light-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_dark-80 {
    color: color-mix(in srgb, var(--light-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_dark-70 {
    color: color-mix(in srgb, var(--light-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_dark-60 {
    color: color-mix(in srgb, var(--light-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_dark-50 {
    color: color-mix(in srgb, var(--light-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_dark-40 {
    color: color-mix(in srgb, var(--light-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_dark-30 {
    color: color-mix(in srgb, var(--light-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_dark-20 {
    color: color-mix(in srgb, var(--light-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_dark-10 {
    color: color-mix(in srgb, var(--light-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-light_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-light_dark,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-light_dark-100 {
    border-color: var(--light-dark) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-light_dark-90 {
    border-color: color-mix(in srgb, var(--light-dark) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-light_dark-80 {
    border-color: color-mix(in srgb, var(--light-dark) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-light_dark-70 {
    border-color: color-mix(in srgb, var(--light-dark) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-light_dark-60 {
    border-color: color-mix(in srgb, var(--light-dark) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-light_dark-50 {
    border-color: color-mix(in srgb, var(--light-dark) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-light_dark-40 {
    border-color: color-mix(in srgb, var(--light-dark) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-light_dark-30 {
    border-color: color-mix(in srgb, var(--light-dark) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-light_dark-20 {
    border-color: color-mix(in srgb, var(--light-dark) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-light_dark-10 {
    border-color: color-mix(in srgb, var(--light-dark) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-text,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-text-100 {
    background-color: var(--text) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-text_negative,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-text_negative-100 {
    background-color: var(--text-negative) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-text-90 {
    background-color: color-mix(in srgb, var(--text) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-text-80 {
    background-color: color-mix(in srgb, var(--text) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-text-70 {
    background-color: color-mix(in srgb, var(--text) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-text-60 {
    background-color: color-mix(in srgb, var(--text) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-text-50 {
    background-color: color-mix(in srgb, var(--text) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-text-40 {
    background-color: color-mix(in srgb, var(--text) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-text-30 {
    background-color: color-mix(in srgb, var(--text) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-text-20 {
    background-color: color-mix(in srgb, var(--text) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-text-10 {
    background-color: color-mix(in srgb, var(--text) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-text_negative-90 {
    background-color: color-mix(in srgb, var(--text-negative) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-text_negative-80 {
    background-color: color-mix(in srgb, var(--text-negative) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-text_negative-70 {
    background-color: color-mix(in srgb, var(--text-negative) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-text_negative-60 {
    background-color: color-mix(in srgb, var(--text-negative) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-text_negative-50 {
    background-color: color-mix(in srgb, var(--text-negative) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-text_negative-40 {
    background-color: color-mix(in srgb, var(--text-negative) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-text_negative-30 {
    background-color: color-mix(in srgb, var(--text-negative) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-text_negative-20 {
    background-color: color-mix(in srgb, var(--text-negative) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-text_negative-10 {
    background-color: color-mix(in srgb, var(--text-negative) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text-100 {
    color: var(--text) !important;
    fill: var(--text) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text *:not([class*="columnz-color"]),
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text_negative,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text_negative-100 {
    color: var(--text-negative) !important;
    fill: var(--text-negative) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text_negative *:not([class*="columnz-color"]),
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text_negative-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text-90 {
    color: color-mix(in srgb, var(--text) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text-80 {
    color: color-mix(in srgb, var(--text) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text-70 {
    color: color-mix(in srgb, var(--text) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text-60 {
    color: color-mix(in srgb, var(--text) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text-50 {
    color: color-mix(in srgb, var(--text) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text-40 {
    color: color-mix(in srgb, var(--text) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text-30 {
    color: color-mix(in srgb, var(--text) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text-20 {
    color: color-mix(in srgb, var(--text) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text-10 {
    color: color-mix(in srgb, var(--text) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text_negative-90 {
    color: color-mix(in srgb, var(--text-negative) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text_negative-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text_negative-80 {
    color: color-mix(in srgb, var(--text-negative) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text_negative-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text_negative-70 {
    color: color-mix(in srgb, var(--text-negative) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text_negative-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text_negative-60 {
    color: color-mix(in srgb, var(--text-negative) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text_negative-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text_negative-50 {
    color: color-mix(in srgb, var(--text-negative) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text_negative-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text_negative-40 {
    color: color-mix(in srgb, var(--text-negative) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text_negative-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text_negative-30 {
    color: color-mix(in srgb, var(--text-negative) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text_negative-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text_negative-20 {
    color: color-mix(in srgb, var(--text-negative) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text_negative-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text_negative-10 {
    color: color-mix(in srgb, var(--text-negative) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-text_negative-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-text,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-text-100 {
    border-color: var(--text) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-text_negative,
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-text_negative-100 {
    border-color: var(--text-negative) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-text-90 {
    border-color: color-mix(in srgb, var(--text) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-text-80 {
    border-color: color-mix(in srgb, var(--text) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-text-70 {
    border-color: color-mix(in srgb, var(--text) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-text-60 {
    border-color: color-mix(in srgb, var(--text) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-text-50 {
    border-color: color-mix(in srgb, var(--text) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-text-40 {
    border-color: color-mix(in srgb, var(--text) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-text-30 {
    border-color: color-mix(in srgb, var(--text) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-text-20 {
    border-color: color-mix(in srgb, var(--text) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-text-10 {
    border-color: color-mix(in srgb, var(--text) 10%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-text_negative-90 {
    border-color: color-mix(in srgb, var(--text-negative) 90%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-text_negative-80 {
    border-color: color-mix(in srgb, var(--text-negative) 80%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-text_negative-70 {
    border-color: color-mix(in srgb, var(--text-negative) 70%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-text_negative-60 {
    border-color: color-mix(in srgb, var(--text-negative) 60%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-text_negative-50 {
    border-color: color-mix(in srgb, var(--text-negative) 50%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-text_negative-40 {
    border-color: color-mix(in srgb, var(--text-negative) 40%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-text_negative-30 {
    border-color: color-mix(in srgb, var(--text-negative) 30%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-text_negative-20 {
    border-color: color-mix(in srgb, var(--text-negative) 20%, transparent) !important;
  }
  :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bordercolor-text_negative-10 {
    border-color: color-mix(in srgb, var(--text-negative) 10%, transparent) !important;
  }
  body .hover-element-md.on-hover-hide,
  body .hover-element-md .on-hover-hide {
    opacity: 1;
  }
  body .hover-element-md.on-hover-remove,
  body .hover-element-md .on-hover-remove {
    display: block;
  }
  body .hover-element-md.on-hover-hide:hover,
  body .hover-element-md:hover .on-hover-hide {
    opacity: 0;
  }
  body .hover-element-md.on-hover-remove:hover,
  body .hover-element-md:hover .on-hover-remove {
    display: none;
  }
  body .hover-element-md.on-hover-show,
  body .hover-element-md .on-hover-show {
    opacity: 0;
  }
  body .hover-element-md.on-hover-add,
  body .hover-element-md .on-hover-add {
    display: none;
  }
  body .hover-element-md.on-hover-show:hover,
  body .hover-element-md:hover .on-hover-show {
    opacity: 1;
  }
  body .hover-element-md.on-hover-add:hover,
  body .hover-element-md:hover .on-hover-add {
    display: block;
  }
  #get_columnz_shadow .hoverable-element-md.on-hover-hide > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-md .on-hover-hide > .columnz_outer_content {
    opacity: 1;
  }
  #get_columnz_shadow .hoverable-element-md.on-hover-remove > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-md .on-hover-remove > .columnz_outer_content {
    display: block;
  }
  #get_columnz_shadow .hoverable-element-md.hovered-element.on-hover-hide > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-md.hovered-element .on-hover-hide > .columnz_outer_content {
    opacity: 0;
  }
  #get_columnz_shadow .hoverable-element-md.hovered-element.on-hover-remove > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-md.hovered-element .on-hover-remove > .columnz_outer_content {
    display: none;
  }
  #get_columnz_shadow .hoverable-element-md.on-hover-show:not(:hover, .focus) > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-md .on-hover-show:not(:hover, .focus) > .columnz_outer_content {
    opacity: 0.4;
  }
  #get_columnz_shadow .hoverable-element-md.on-hover-add:not(.focus) > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-md .on-hover-add:not(.focus) > .columnz_outer_content {
    display: none;
  }
  #get_columnz_shadow .hoverable-element-md.hovered-element.on-hover-show > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-md.hovered-element .on-hover-show > .columnz_outer_content {
    opacity: 1;
  }
  #get_columnz_shadow .hoverable-element-md.hovered-element.on-hover-add > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-md.hovered-element .on-hover-add > .columnz_outer_content {
    display: block;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) {
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bs-solid {
    border-style: solid !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bs-dashed {
    border-style: dashed !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bs-dotted {
    border-style: dotted !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-text-left {
    text-align: left !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-text-right {
    text-align: right !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-text-center {
    text-align: center !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bw-custom {
    border-width: var(--bs-hover-bw-xs-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwt-custom {
    border-top-width: var(--bs-hover-bwt-xs-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwr-custom {
    border-right-width: var(--bs-hover-bwr-xs-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwb-custom {
    border-bottom-width: var(--bs-hover-bwb-xs-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwl-custom {
    border-left-width: var(--bs-hover-bwl-xs-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bw-0 {
    border-width: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwt-0 {
    border-top-width: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwr-0 {
    border-right-width: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwb-0 {
    border-bottom-width: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwl-0 {
    border-left-width: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bw-1 {
    border-width: 1px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwt-1 {
    border-top-width: 1px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwr-1 {
    border-right-width: 1px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwb-1 {
    border-bottom-width: 1px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwl-1 {
    border-left-width: 1px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bw-2 {
    border-width: 2px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwt-2 {
    border-top-width: 2px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwr-2 {
    border-right-width: 2px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwb-2 {
    border-bottom-width: 2px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwl-2 {
    border-left-width: 2px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bw-3 {
    border-width: 4px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwt-3 {
    border-top-width: 4px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwr-3 {
    border-right-width: 4px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwb-3 {
    border-bottom-width: 4px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwl-3 {
    border-left-width: 4px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bw-4 {
    border-width: 8px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwt-4 {
    border-top-width: 8px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwr-4 {
    border-right-width: 8px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwb-4 {
    border-bottom-width: 8px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwl-4 {
    border-left-width: 8px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-m-custom {
    margin: var(--bs-hover-m-xs-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mt-custom {
    margin-top: var(--bs-hover-mt-xs-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mr-custom {
    margin-right: var(--bs-hover-mr-xs-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mb-custom {
    margin-bottom: var(--bs-hover-mb-xs-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-ml-custom {
    margin-left: var(--bs-hover-ml-xs-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-m-0 {
    margin: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mt-0,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-0 {
    margin-top: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mr-0,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-0 {
    margin-right: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mb-0,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-0 {
    margin-bottom: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-ml-0,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-0 {
    margin-left: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-m-1 {
    margin: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mt-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-1 {
    margin-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mr-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-1 {
    margin-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mb-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-1 {
    margin-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-ml-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-1 {
    margin-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-m-2 {
    margin: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mt-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-2 {
    margin-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mr-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-2 {
    margin-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mb-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-2 {
    margin-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-ml-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-2 {
    margin-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-m-3 {
    margin: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mt-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-3 {
    margin-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mr-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-3 {
    margin-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mb-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-3 {
    margin-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-ml-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-3 {
    margin-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-m-4 {
    margin: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mt-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-4 {
    margin-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mr-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-4 {
    margin-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mb-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-4 {
    margin-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-ml-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-4 {
    margin-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-m-5 {
    margin: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mt-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-5 {
    margin-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mr-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-5 {
    margin-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mb-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-5 {
    margin-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-ml-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-5 {
    margin-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-p-custom {
    padding: var(--bs-hover-p-xs-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pt-custom {
    padding-top: var(--bs-hover-pt-xs-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pr-custom {
    padding-right: var(--bs-hover-pr-xs-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pb-custom {
    padding-bottom: var(--bs-hover-pb-xs-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pl-custom {
    padding-left: var(--bs-hover-pl-xs-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-p-0 {
    padding: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pt-0,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-0 {
    padding-top: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pr-0,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-0 {
    padding-right: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pb-0,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-0 {
    padding-bottom: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pl-0,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-0 {
    padding-left: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-p-1 {
    padding: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pt-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-1 {
    padding-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pr-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-1 {
    padding-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pb-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-1 {
    padding-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pl-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-1 {
    padding-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-p-2 {
    padding: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pt-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-2 {
    padding-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pr-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-2 {
    padding-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pb-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-2 {
    padding-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pl-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-2 {
    padding-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-p-3 {
    padding: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pt-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-3 {
    padding-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pr-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-3 {
    padding-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pb-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-3 {
    padding-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pl-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-3 {
    padding-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-p-4 {
    padding: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pt-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-4 {
    padding-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pr-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-4 {
    padding-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pb-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-4 {
    padding-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pl-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-4 {
    padding-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-p-5 {
    padding: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pt-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-5 {
    padding-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pr-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-5 {
    padding-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pb-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-5 {
    padding-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pl-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-5 {
    padding-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-br-custom {
    border-radius: var(--bs-hover-br-xs-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtl-custom {
    border-top-left-radius: var(--bs-hover-brtl-xs-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtr-custom {
    border-top-right-radius: var(--bs-hover-brtr-xs-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbr-custom {
    border-bottom-right-radius: var(--bs-hover-brbr-xs-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbl-custom {
    border-bottom-left-radius: var(--bs-hover-brbl-xs-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-br-0 {
    border-radius: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtl-0 {
    border-top-left-radius: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtr-0 {
    border-top-right-radius: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbr-0 {
    border-bottom-right-radius: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbl-0 {
    border-bottom-left-radius: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-br-1 {
    border-radius: 0.25em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtl-1 {
    border-top-left-radius: 0.25em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtr-1 {
    border-top-right-radius: 0.25em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbr-1 {
    border-bottom-right-radius: 0.25em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbl-1 {
    border-bottom-left-radius: 0.25em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-br-2 {
    border-radius: 0.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtl-2 {
    border-top-left-radius: 0.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtr-2 {
    border-top-right-radius: 0.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbr-2 {
    border-bottom-right-radius: 0.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbl-2 {
    border-bottom-left-radius: 0.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-br-3 {
    border-radius: 1.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtl-3 {
    border-top-left-radius: 1.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtr-3 {
    border-top-right-radius: 1.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbr-3 {
    border-bottom-right-radius: 1.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbl-3 {
    border-bottom-left-radius: 1.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-br-4 {
    border-radius: 3em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtl-4 {
    border-top-left-radius: 3em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtr-4 {
    border-top-right-radius: 3em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbr-4 {
    border-bottom-right-radius: 3em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbl-4 {
    border-bottom-left-radius: 3em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-custom,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-custom * {
    font-size: var(--bs-hover-size-xs-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-inherit,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-inherit * {
    font-size: var(--size) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-inherit h1 {
    font-size: var(--size-h1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-inherit h2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-inherit h2 * {
    font-size: var(--size-h2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-inherit h3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-inherit h3 * {
    font-size: var(--size-h3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-inherit h4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-inherit h4 * {
    font-size: var(--size-h4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-inherit h5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-inherit h5 * {
    font-size: var(--size-h5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-inherit h6,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-inherit h6 * {
    font-size: var(--size-h6) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-1 * {
    font-size: var(--size-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-2 * {
    font-size: var(--size-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-3 * {
    font-size: var(--size-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-4 * {
    font-size: var(--size-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-5 * {
    font-size: var(--size-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-6,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-6 * {
    font-size: var(--size-6) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-7,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-7 * {
    font-size: var(--size-7) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-custom,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-custom * {
    line-height: var(--bs-hover-lh-xs-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-inherit,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-inherit * {
    line-height: var(--line-height) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-1 * {
    line-height: 1 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-2 * {
    line-height: 1.2 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-3 * {
    line-height: 1.7 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-custom,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-custom * {
    font-weight: var(--bs-hover-weight-xs-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-100,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-100 * {
    font-weight: 100 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-200,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-200 * {
    font-weight: 200 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-300,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-300 * {
    font-weight: 300 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-400,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-400 * {
    font-weight: 400 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-500,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-500 * {
    font-weight: 500 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-600,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-600 * {
    font-weight: 600 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-700,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-700 * {
    font-weight: 700 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-800,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-800 * {
    font-weight: 800 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-900,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-900 * {
    font-weight: 900 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_size-custom {
    background-size: var(--bs-hover-image_size-xs-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_size-cover {
    background-size: cover !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_size-contain {
    background-size: contain !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_size-auto {
    background-size: auto !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_pos-custom {
    background-position: var(--bs-hover-image_pos-xs-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_pos-top_left {
    background-position: top left !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_pos-top_right {
    background-position: top right !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_pos-bottom_right {
    background-position: bottom right !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_pos-bottom_left {
    background-position: bottom left !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_pos-center {
    background-position: center !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_repeat-no_repeat {
    background-repeat: no-repeat !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_repeat-repeat {
    background-repeat: repeat !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_att-scroll {
    background-attachment: scroll !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_att-fixed {
    background-attachment: fixed !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-0 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-10 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-10::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.1;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-20 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-20::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.2;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-30 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-30::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.3;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-40 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-40::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.4;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-50 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-50::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.5;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-60 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-60::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.6;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-70 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-70::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.7;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-80 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-80::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.8;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-90 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-90::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.9;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-100 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-100::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 1;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-sm--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-sm--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-sm-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-sm-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-sm-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-sm-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-sm-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-sm-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-sm-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-sm-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-sm-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-sm-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-sm-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-sm-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-sm-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-sm-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-sm-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-sm-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-sm-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-sm-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bs-sm-solid {
    border-style: solid !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bs-sm-dashed {
    border-style: dashed !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bs-sm-dotted {
    border-style: dotted !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-text-sm-left {
    text-align: left !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-text-sm-right {
    text-align: right !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-text-sm-center {
    text-align: center !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bw-sm-custom {
    border-width: var(--bs-hover-bw-sm-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwt-sm-custom {
    border-top-width: var(--bs-hover-bwt-sm-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwr-sm-custom {
    border-right-width: var(--bs-hover-bwr-sm-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwb-sm-custom {
    border-bottom-width: var(--bs-hover-bwb-sm-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwl-sm-custom {
    border-left-width: var(--bs-hover-bwl-sm-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bw-sm-0 {
    border-width: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwt-sm-0 {
    border-top-width: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwr-sm-0 {
    border-right-width: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwb-sm-0 {
    border-bottom-width: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwl-sm-0 {
    border-left-width: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bw-sm-1 {
    border-width: 1px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwt-sm-1 {
    border-top-width: 1px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwr-sm-1 {
    border-right-width: 1px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwb-sm-1 {
    border-bottom-width: 1px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwl-sm-1 {
    border-left-width: 1px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bw-sm-2 {
    border-width: 2px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwt-sm-2 {
    border-top-width: 2px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwr-sm-2 {
    border-right-width: 2px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwb-sm-2 {
    border-bottom-width: 2px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwl-sm-2 {
    border-left-width: 2px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bw-sm-3 {
    border-width: 4px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwt-sm-3 {
    border-top-width: 4px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwr-sm-3 {
    border-right-width: 4px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwb-sm-3 {
    border-bottom-width: 4px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwl-sm-3 {
    border-left-width: 4px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bw-sm-4 {
    border-width: 8px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwt-sm-4 {
    border-top-width: 8px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwr-sm-4 {
    border-right-width: 8px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwb-sm-4 {
    border-bottom-width: 8px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwl-sm-4 {
    border-left-width: 8px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-m-sm-custom {
    margin: var(--bs-hover-m-sm-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mt-sm-custom {
    margin-top: var(--bs-hover-mt-sm-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mr-sm-custom {
    margin-right: var(--bs-hover-mr-sm-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mb-sm-custom {
    margin-bottom: var(--bs-hover-mb-sm-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-ml-sm-custom {
    margin-left: var(--bs-hover-ml-sm-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-m-sm-0 {
    margin: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mt-sm-0,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-sm-0 {
    margin-top: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mr-sm-0,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-sm-0 {
    margin-right: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mb-sm-0,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-sm-0 {
    margin-bottom: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-ml-sm-0,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-sm-0 {
    margin-left: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-m-sm-1 {
    margin: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mt-sm-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-sm-1 {
    margin-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mr-sm-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-sm-1 {
    margin-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mb-sm-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-sm-1 {
    margin-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-ml-sm-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-sm-1 {
    margin-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-m-sm-2 {
    margin: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mt-sm-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-sm-2 {
    margin-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mr-sm-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-sm-2 {
    margin-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mb-sm-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-sm-2 {
    margin-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-ml-sm-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-sm-2 {
    margin-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-m-sm-3 {
    margin: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mt-sm-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-sm-3 {
    margin-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mr-sm-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-sm-3 {
    margin-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mb-sm-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-sm-3 {
    margin-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-ml-sm-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-sm-3 {
    margin-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-m-sm-4 {
    margin: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mt-sm-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-sm-4 {
    margin-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mr-sm-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-sm-4 {
    margin-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mb-sm-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-sm-4 {
    margin-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-ml-sm-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-sm-4 {
    margin-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-m-sm-5 {
    margin: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mt-sm-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-sm-5 {
    margin-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mr-sm-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-sm-5 {
    margin-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mb-sm-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-sm-5 {
    margin-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-ml-sm-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-sm-5 {
    margin-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-p-sm-custom {
    padding: var(--bs-hover-p-sm-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pt-sm-custom {
    padding-top: var(--bs-hover-pt-sm-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pr-sm-custom {
    padding-right: var(--bs-hover-pr-sm-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pb-sm-custom {
    padding-bottom: var(--bs-hover-pb-sm-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pl-sm-custom {
    padding-left: var(--bs-hover-pl-sm-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-p-sm-0 {
    padding: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pt-sm-0,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-sm-0 {
    padding-top: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pr-sm-0,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-sm-0 {
    padding-right: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pb-sm-0,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-sm-0 {
    padding-bottom: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pl-sm-0,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-sm-0 {
    padding-left: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-p-sm-1 {
    padding: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pt-sm-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-sm-1 {
    padding-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pr-sm-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-sm-1 {
    padding-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pb-sm-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-sm-1 {
    padding-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pl-sm-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-sm-1 {
    padding-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-p-sm-2 {
    padding: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pt-sm-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-sm-2 {
    padding-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pr-sm-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-sm-2 {
    padding-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pb-sm-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-sm-2 {
    padding-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pl-sm-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-sm-2 {
    padding-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-p-sm-3 {
    padding: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pt-sm-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-sm-3 {
    padding-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pr-sm-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-sm-3 {
    padding-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pb-sm-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-sm-3 {
    padding-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pl-sm-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-sm-3 {
    padding-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-p-sm-4 {
    padding: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pt-sm-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-sm-4 {
    padding-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pr-sm-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-sm-4 {
    padding-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pb-sm-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-sm-4 {
    padding-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pl-sm-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-sm-4 {
    padding-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-p-sm-5 {
    padding: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pt-sm-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-sm-5 {
    padding-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pr-sm-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-sm-5 {
    padding-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pb-sm-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-sm-5 {
    padding-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pl-sm-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-sm-5 {
    padding-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-br-sm-custom {
    border-radius: var(--bs-hover-br-sm-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtl-sm-custom {
    border-top-left-radius: var(--bs-hover-brtl-sm-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtr-sm-custom {
    border-top-right-radius: var(--bs-hover-brtr-sm-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbr-sm-custom {
    border-bottom-right-radius: var(--bs-hover-brbr-sm-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbl-sm-custom {
    border-bottom-left-radius: var(--bs-hover-brbl-sm-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-br-sm-0 {
    border-radius: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtl-sm-0 {
    border-top-left-radius: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtr-sm-0 {
    border-top-right-radius: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbr-sm-0 {
    border-bottom-right-radius: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbl-sm-0 {
    border-bottom-left-radius: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-br-sm-1 {
    border-radius: 0.25em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtl-sm-1 {
    border-top-left-radius: 0.25em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtr-sm-1 {
    border-top-right-radius: 0.25em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbr-sm-1 {
    border-bottom-right-radius: 0.25em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbl-sm-1 {
    border-bottom-left-radius: 0.25em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-br-sm-2 {
    border-radius: 0.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtl-sm-2 {
    border-top-left-radius: 0.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtr-sm-2 {
    border-top-right-radius: 0.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbr-sm-2 {
    border-bottom-right-radius: 0.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbl-sm-2 {
    border-bottom-left-radius: 0.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-br-sm-3 {
    border-radius: 1.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtl-sm-3 {
    border-top-left-radius: 1.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtr-sm-3 {
    border-top-right-radius: 1.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbr-sm-3 {
    border-bottom-right-radius: 1.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbl-sm-3 {
    border-bottom-left-radius: 1.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-br-sm-4 {
    border-radius: 3em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtl-sm-4 {
    border-top-left-radius: 3em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtr-sm-4 {
    border-top-right-radius: 3em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbr-sm-4 {
    border-bottom-right-radius: 3em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbl-sm-4 {
    border-bottom-left-radius: 3em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-sm-custom,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-sm-custom * {
    font-size: var(--bs-hover-size-sm-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-sm-inherit,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-sm-inherit * {
    font-size: var(--size) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-sm-inherit h1 {
    font-size: var(--size-h1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-sm-inherit h2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-sm-inherit h2 * {
    font-size: var(--size-h2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-sm-inherit h3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-sm-inherit h3 * {
    font-size: var(--size-h3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-sm-inherit h4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-sm-inherit h4 * {
    font-size: var(--size-h4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-sm-inherit h5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-sm-inherit h5 * {
    font-size: var(--size-h5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-sm-inherit h6,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-sm-inherit h6 * {
    font-size: var(--size-h6) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-sm-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-sm-1 * {
    font-size: var(--size-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-sm-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-sm-2 * {
    font-size: var(--size-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-sm-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-sm-3 * {
    font-size: var(--size-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-sm-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-sm-4 * {
    font-size: var(--size-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-sm-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-sm-5 * {
    font-size: var(--size-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-sm-6,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-sm-6 * {
    font-size: var(--size-6) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-sm-7,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-sm-7 * {
    font-size: var(--size-7) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-sm-custom,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-sm-custom * {
    line-height: var(--bs-hover-lh-sm-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-sm-inherit,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-sm-inherit * {
    line-height: var(--line-height) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-sm-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-sm-1 * {
    line-height: 1 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-sm-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-sm-2 * {
    line-height: 1.2 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-sm-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-sm-3 * {
    line-height: 1.7 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-sm-custom,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-sm-custom * {
    font-weight: var(--bs-hover-weight-sm-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-sm-100,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-sm-100 * {
    font-weight: 100 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-sm-200,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-sm-200 * {
    font-weight: 200 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-sm-300,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-sm-300 * {
    font-weight: 300 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-sm-400,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-sm-400 * {
    font-weight: 400 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-sm-500,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-sm-500 * {
    font-weight: 500 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-sm-600,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-sm-600 * {
    font-weight: 600 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-sm-700,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-sm-700 * {
    font-weight: 700 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-sm-800,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-sm-800 * {
    font-weight: 800 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-sm-900,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-sm-900 * {
    font-weight: 900 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_size-sm-custom {
    background-size: var(--bs-hover-image_size-sm-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_size-sm-cover {
    background-size: cover !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_size-sm-contain {
    background-size: contain !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_size-sm-auto {
    background-size: auto !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_pos-sm-custom {
    background-position: var(--bs-hover-image_pos-sm-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_pos-sm-top_left {
    background-position: top left !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_pos-sm-top_right {
    background-position: top right !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_pos-sm-bottom_right {
    background-position: bottom right !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_pos-sm-bottom_left {
    background-position: bottom left !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_pos-sm-center {
    background-position: center !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_repeat-sm-no_repeat {
    background-repeat: no-repeat !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_repeat-sm-repeat {
    background-repeat: repeat !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_att-sm-scroll {
    background-attachment: scroll !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_att-sm-fixed {
    background-attachment: fixed !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-sm-0 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-sm-0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-sm-10 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-sm-10::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.1;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-sm-20 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-sm-20::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.2;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-sm-30 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-sm-30::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.3;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-sm-40 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-sm-40::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.4;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-sm-50 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-sm-50::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.5;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-sm-60 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-sm-60::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.6;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-sm-70 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-sm-70::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.7;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-sm-80 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-sm-80::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.8;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-sm-90 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-sm-90::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.9;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-sm-100 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-sm-100::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 1;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-md--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-md--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-md-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-md-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-md-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-md-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-md-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-md-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-md-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-md-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-md-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-md-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-md-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-md-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-md-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-md-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-md-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-md-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-md-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-md-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bs-md-solid {
    border-style: solid !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bs-md-dashed {
    border-style: dashed !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bs-md-dotted {
    border-style: dotted !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-text-md-left {
    text-align: left !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-text-md-right {
    text-align: right !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-text-md-center {
    text-align: center !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bw-md-custom {
    border-width: var(--bs-hover-bw-md-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwt-md-custom {
    border-top-width: var(--bs-hover-bwt-md-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwr-md-custom {
    border-right-width: var(--bs-hover-bwr-md-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwb-md-custom {
    border-bottom-width: var(--bs-hover-bwb-md-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwl-md-custom {
    border-left-width: var(--bs-hover-bwl-md-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bw-md-0 {
    border-width: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwt-md-0 {
    border-top-width: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwr-md-0 {
    border-right-width: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwb-md-0 {
    border-bottom-width: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwl-md-0 {
    border-left-width: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bw-md-1 {
    border-width: 1px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwt-md-1 {
    border-top-width: 1px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwr-md-1 {
    border-right-width: 1px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwb-md-1 {
    border-bottom-width: 1px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwl-md-1 {
    border-left-width: 1px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bw-md-2 {
    border-width: 2px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwt-md-2 {
    border-top-width: 2px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwr-md-2 {
    border-right-width: 2px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwb-md-2 {
    border-bottom-width: 2px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwl-md-2 {
    border-left-width: 2px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bw-md-3 {
    border-width: 4px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwt-md-3 {
    border-top-width: 4px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwr-md-3 {
    border-right-width: 4px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwb-md-3 {
    border-bottom-width: 4px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwl-md-3 {
    border-left-width: 4px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bw-md-4 {
    border-width: 8px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwt-md-4 {
    border-top-width: 8px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwr-md-4 {
    border-right-width: 8px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwb-md-4 {
    border-bottom-width: 8px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwl-md-4 {
    border-left-width: 8px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-m-md-custom {
    margin: var(--bs-hover-m-md-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mt-md-custom {
    margin-top: var(--bs-hover-mt-md-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mr-md-custom {
    margin-right: var(--bs-hover-mr-md-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mb-md-custom {
    margin-bottom: var(--bs-hover-mb-md-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-ml-md-custom {
    margin-left: var(--bs-hover-ml-md-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-m-md-0 {
    margin: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mt-md-0,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-md-0 {
    margin-top: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mr-md-0,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-md-0 {
    margin-right: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mb-md-0,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-md-0 {
    margin-bottom: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-ml-md-0,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-md-0 {
    margin-left: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-m-md-1 {
    margin: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mt-md-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-md-1 {
    margin-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mr-md-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-md-1 {
    margin-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mb-md-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-md-1 {
    margin-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-ml-md-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-md-1 {
    margin-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-m-md-2 {
    margin: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mt-md-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-md-2 {
    margin-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mr-md-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-md-2 {
    margin-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mb-md-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-md-2 {
    margin-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-ml-md-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-md-2 {
    margin-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-m-md-3 {
    margin: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mt-md-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-md-3 {
    margin-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mr-md-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-md-3 {
    margin-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mb-md-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-md-3 {
    margin-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-ml-md-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-md-3 {
    margin-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-m-md-4 {
    margin: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mt-md-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-md-4 {
    margin-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mr-md-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-md-4 {
    margin-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mb-md-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-md-4 {
    margin-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-ml-md-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-md-4 {
    margin-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-m-md-5 {
    margin: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mt-md-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-md-5 {
    margin-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mr-md-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-md-5 {
    margin-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mb-md-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-md-5 {
    margin-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-ml-md-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-md-5 {
    margin-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-p-md-custom {
    padding: var(--bs-hover-p-md-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pt-md-custom {
    padding-top: var(--bs-hover-pt-md-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pr-md-custom {
    padding-right: var(--bs-hover-pr-md-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pb-md-custom {
    padding-bottom: var(--bs-hover-pb-md-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pl-md-custom {
    padding-left: var(--bs-hover-pl-md-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-p-md-0 {
    padding: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pt-md-0,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-md-0 {
    padding-top: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pr-md-0,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-md-0 {
    padding-right: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pb-md-0,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-md-0 {
    padding-bottom: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pl-md-0,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-md-0 {
    padding-left: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-p-md-1 {
    padding: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pt-md-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-md-1 {
    padding-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pr-md-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-md-1 {
    padding-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pb-md-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-md-1 {
    padding-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pl-md-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-md-1 {
    padding-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-p-md-2 {
    padding: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pt-md-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-md-2 {
    padding-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pr-md-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-md-2 {
    padding-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pb-md-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-md-2 {
    padding-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pl-md-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-md-2 {
    padding-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-p-md-3 {
    padding: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pt-md-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-md-3 {
    padding-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pr-md-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-md-3 {
    padding-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pb-md-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-md-3 {
    padding-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pl-md-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-md-3 {
    padding-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-p-md-4 {
    padding: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pt-md-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-md-4 {
    padding-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pr-md-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-md-4 {
    padding-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pb-md-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-md-4 {
    padding-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pl-md-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-md-4 {
    padding-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-p-md-5 {
    padding: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pt-md-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-md-5 {
    padding-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pr-md-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-md-5 {
    padding-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pb-md-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-md-5 {
    padding-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pl-md-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-md-5 {
    padding-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-br-md-custom {
    border-radius: var(--bs-hover-br-md-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtl-md-custom {
    border-top-left-radius: var(--bs-hover-brtl-md-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtr-md-custom {
    border-top-right-radius: var(--bs-hover-brtr-md-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbr-md-custom {
    border-bottom-right-radius: var(--bs-hover-brbr-md-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbl-md-custom {
    border-bottom-left-radius: var(--bs-hover-brbl-md-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-br-md-0 {
    border-radius: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtl-md-0 {
    border-top-left-radius: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtr-md-0 {
    border-top-right-radius: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbr-md-0 {
    border-bottom-right-radius: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbl-md-0 {
    border-bottom-left-radius: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-br-md-1 {
    border-radius: 0.25em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtl-md-1 {
    border-top-left-radius: 0.25em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtr-md-1 {
    border-top-right-radius: 0.25em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbr-md-1 {
    border-bottom-right-radius: 0.25em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbl-md-1 {
    border-bottom-left-radius: 0.25em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-br-md-2 {
    border-radius: 0.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtl-md-2 {
    border-top-left-radius: 0.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtr-md-2 {
    border-top-right-radius: 0.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbr-md-2 {
    border-bottom-right-radius: 0.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbl-md-2 {
    border-bottom-left-radius: 0.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-br-md-3 {
    border-radius: 1.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtl-md-3 {
    border-top-left-radius: 1.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtr-md-3 {
    border-top-right-radius: 1.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbr-md-3 {
    border-bottom-right-radius: 1.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbl-md-3 {
    border-bottom-left-radius: 1.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-br-md-4 {
    border-radius: 3em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtl-md-4 {
    border-top-left-radius: 3em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtr-md-4 {
    border-top-right-radius: 3em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbr-md-4 {
    border-bottom-right-radius: 3em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbl-md-4 {
    border-bottom-left-radius: 3em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-md-custom,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-md-custom * {
    font-size: var(--bs-hover-size-md-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-md-inherit,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-md-inherit * {
    font-size: var(--size) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-md-inherit h1 {
    font-size: var(--size-h1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-md-inherit h2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-md-inherit h2 * {
    font-size: var(--size-h2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-md-inherit h3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-md-inherit h3 * {
    font-size: var(--size-h3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-md-inherit h4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-md-inherit h4 * {
    font-size: var(--size-h4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-md-inherit h5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-md-inherit h5 * {
    font-size: var(--size-h5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-md-inherit h6,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-md-inherit h6 * {
    font-size: var(--size-h6) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-md-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-md-1 * {
    font-size: var(--size-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-md-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-md-2 * {
    font-size: var(--size-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-md-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-md-3 * {
    font-size: var(--size-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-md-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-md-4 * {
    font-size: var(--size-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-md-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-md-5 * {
    font-size: var(--size-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-md-6,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-md-6 * {
    font-size: var(--size-6) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-md-7,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-md-7 * {
    font-size: var(--size-7) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-md-custom,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-md-custom * {
    line-height: var(--bs-hover-lh-md-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-md-inherit,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-md-inherit * {
    line-height: var(--line-height) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-md-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-md-1 * {
    line-height: 1 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-md-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-md-2 * {
    line-height: 1.2 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-md-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-md-3 * {
    line-height: 1.7 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-md-custom,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-md-custom * {
    font-weight: var(--bs-hover-weight-md-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-md-100,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-md-100 * {
    font-weight: 100 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-md-200,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-md-200 * {
    font-weight: 200 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-md-300,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-md-300 * {
    font-weight: 300 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-md-400,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-md-400 * {
    font-weight: 400 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-md-500,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-md-500 * {
    font-weight: 500 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-md-600,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-md-600 * {
    font-weight: 600 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-md-700,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-md-700 * {
    font-weight: 700 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-md-800,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-md-800 * {
    font-weight: 800 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-md-900,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-md-900 * {
    font-weight: 900 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_size-md-custom {
    background-size: var(--bs-hover-image_size-md-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_size-md-cover {
    background-size: cover !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_size-md-contain {
    background-size: contain !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_size-md-auto {
    background-size: auto !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_pos-md-custom {
    background-position: var(--bs-hover-image_pos-md-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_pos-md-top_left {
    background-position: top left !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_pos-md-top_right {
    background-position: top right !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_pos-md-bottom_right {
    background-position: bottom right !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_pos-md-bottom_left {
    background-position: bottom left !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_pos-md-center {
    background-position: center !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_repeat-md-no_repeat {
    background-repeat: no-repeat !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_repeat-md-repeat {
    background-repeat: repeat !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_att-md-scroll {
    background-attachment: scroll !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_att-md-fixed {
    background-attachment: fixed !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-md-0 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-md-0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-md-10 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-md-10::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.1;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-md-20 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-md-20::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.2;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-md-30 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-md-30::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.3;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-md-40 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-md-40::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.4;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-md-50 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-md-50::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.5;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-md-60 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-md-60::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.6;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-md-70 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-md-70::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.7;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-md-80 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-md-80::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.8;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-md-90 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-md-90::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.9;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-md-100 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-md-100::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 1;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-lg--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-lg--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-lg-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-lg-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-lg-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-lg-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-lg-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-lg-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-lg-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-lg-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-lg-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-lg-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-lg-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-lg-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-lg-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-lg-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-lg-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-lg-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-zindex-lg-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg).hover-zindex-lg-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bs-lg-solid {
    border-style: solid !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bs-lg-dashed {
    border-style: dashed !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bs-lg-dotted {
    border-style: dotted !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-text-lg-left {
    text-align: left !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-text-lg-right {
    text-align: right !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-text-lg-center {
    text-align: center !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bw-lg-custom {
    border-width: var(--bs-hover-bw-lg-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwt-lg-custom {
    border-top-width: var(--bs-hover-bwt-lg-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwr-lg-custom {
    border-right-width: var(--bs-hover-bwr-lg-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwb-lg-custom {
    border-bottom-width: var(--bs-hover-bwb-lg-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwl-lg-custom {
    border-left-width: var(--bs-hover-bwl-lg-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bw-lg-0 {
    border-width: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwt-lg-0 {
    border-top-width: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwr-lg-0 {
    border-right-width: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwb-lg-0 {
    border-bottom-width: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwl-lg-0 {
    border-left-width: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bw-lg-1 {
    border-width: 1px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwt-lg-1 {
    border-top-width: 1px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwr-lg-1 {
    border-right-width: 1px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwb-lg-1 {
    border-bottom-width: 1px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwl-lg-1 {
    border-left-width: 1px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bw-lg-2 {
    border-width: 2px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwt-lg-2 {
    border-top-width: 2px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwr-lg-2 {
    border-right-width: 2px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwb-lg-2 {
    border-bottom-width: 2px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwl-lg-2 {
    border-left-width: 2px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bw-lg-3 {
    border-width: 4px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwt-lg-3 {
    border-top-width: 4px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwr-lg-3 {
    border-right-width: 4px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwb-lg-3 {
    border-bottom-width: 4px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwl-lg-3 {
    border-left-width: 4px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bw-lg-4 {
    border-width: 8px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwt-lg-4 {
    border-top-width: 8px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwr-lg-4 {
    border-right-width: 8px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwb-lg-4 {
    border-bottom-width: 8px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bwl-lg-4 {
    border-left-width: 8px !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-m-lg-custom {
    margin: var(--bs-hover-m-lg-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mt-lg-custom {
    margin-top: var(--bs-hover-mt-lg-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mr-lg-custom {
    margin-right: var(--bs-hover-mr-lg-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mb-lg-custom {
    margin-bottom: var(--bs-hover-mb-lg-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-ml-lg-custom {
    margin-left: var(--bs-hover-ml-lg-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-m-lg-0 {
    margin: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mt-lg-0,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-lg-0 {
    margin-top: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mr-lg-0,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-lg-0 {
    margin-right: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mb-lg-0,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-lg-0 {
    margin-bottom: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-ml-lg-0,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-lg-0 {
    margin-left: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-m-lg-1 {
    margin: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mt-lg-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-lg-1 {
    margin-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mr-lg-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-lg-1 {
    margin-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mb-lg-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-lg-1 {
    margin-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-ml-lg-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-lg-1 {
    margin-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-m-lg-2 {
    margin: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mt-lg-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-lg-2 {
    margin-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mr-lg-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-lg-2 {
    margin-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mb-lg-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-lg-2 {
    margin-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-ml-lg-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-lg-2 {
    margin-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-m-lg-3 {
    margin: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mt-lg-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-lg-3 {
    margin-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mr-lg-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-lg-3 {
    margin-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mb-lg-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-lg-3 {
    margin-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-ml-lg-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-lg-3 {
    margin-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-m-lg-4 {
    margin: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mt-lg-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-lg-4 {
    margin-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mr-lg-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-lg-4 {
    margin-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mb-lg-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-lg-4 {
    margin-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-ml-lg-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-lg-4 {
    margin-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-m-lg-5 {
    margin: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mt-lg-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-lg-5 {
    margin-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mr-lg-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-lg-5 {
    margin-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mb-lg-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-my-lg-5 {
    margin-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-ml-lg-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-mx-lg-5 {
    margin-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-p-lg-custom {
    padding: var(--bs-hover-p-lg-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pt-lg-custom {
    padding-top: var(--bs-hover-pt-lg-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pr-lg-custom {
    padding-right: var(--bs-hover-pr-lg-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pb-lg-custom {
    padding-bottom: var(--bs-hover-pb-lg-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pl-lg-custom {
    padding-left: var(--bs-hover-pl-lg-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-p-lg-0 {
    padding: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pt-lg-0,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-lg-0 {
    padding-top: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pr-lg-0,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-lg-0 {
    padding-right: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pb-lg-0,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-lg-0 {
    padding-bottom: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pl-lg-0,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-lg-0 {
    padding-left: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-p-lg-1 {
    padding: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pt-lg-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-lg-1 {
    padding-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pr-lg-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-lg-1 {
    padding-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pb-lg-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-lg-1 {
    padding-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pl-lg-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-lg-1 {
    padding-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-p-lg-2 {
    padding: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pt-lg-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-lg-2 {
    padding-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pr-lg-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-lg-2 {
    padding-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pb-lg-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-lg-2 {
    padding-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pl-lg-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-lg-2 {
    padding-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-p-lg-3 {
    padding: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pt-lg-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-lg-3 {
    padding-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pr-lg-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-lg-3 {
    padding-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pb-lg-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-lg-3 {
    padding-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pl-lg-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-lg-3 {
    padding-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-p-lg-4 {
    padding: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pt-lg-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-lg-4 {
    padding-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pr-lg-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-lg-4 {
    padding-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pb-lg-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-lg-4 {
    padding-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pl-lg-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-lg-4 {
    padding-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-p-lg-5 {
    padding: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pt-lg-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-lg-5 {
    padding-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pr-lg-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-lg-5 {
    padding-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pb-lg-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-py-lg-5 {
    padding-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-pl-lg-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-px-lg-5 {
    padding-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-br-lg-custom {
    border-radius: var(--bs-hover-br-lg-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtl-lg-custom {
    border-top-left-radius: var(--bs-hover-brtl-lg-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtr-lg-custom {
    border-top-right-radius: var(--bs-hover-brtr-lg-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbr-lg-custom {
    border-bottom-right-radius: var(--bs-hover-brbr-lg-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbl-lg-custom {
    border-bottom-left-radius: var(--bs-hover-brbl-lg-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-br-lg-0 {
    border-radius: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtl-lg-0 {
    border-top-left-radius: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtr-lg-0 {
    border-top-right-radius: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbr-lg-0 {
    border-bottom-right-radius: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbl-lg-0 {
    border-bottom-left-radius: 0 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-br-lg-1 {
    border-radius: 0.25em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtl-lg-1 {
    border-top-left-radius: 0.25em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtr-lg-1 {
    border-top-right-radius: 0.25em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbr-lg-1 {
    border-bottom-right-radius: 0.25em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbl-lg-1 {
    border-bottom-left-radius: 0.25em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-br-lg-2 {
    border-radius: 0.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtl-lg-2 {
    border-top-left-radius: 0.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtr-lg-2 {
    border-top-right-radius: 0.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbr-lg-2 {
    border-bottom-right-radius: 0.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbl-lg-2 {
    border-bottom-left-radius: 0.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-br-lg-3 {
    border-radius: 1.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtl-lg-3 {
    border-top-left-radius: 1.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtr-lg-3 {
    border-top-right-radius: 1.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbr-lg-3 {
    border-bottom-right-radius: 1.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbl-lg-3 {
    border-bottom-left-radius: 1.5em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-br-lg-4 {
    border-radius: 3em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtl-lg-4 {
    border-top-left-radius: 3em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brtr-lg-4 {
    border-top-right-radius: 3em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbr-lg-4 {
    border-bottom-right-radius: 3em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-brbl-lg-4 {
    border-bottom-left-radius: 3em !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-lg-custom,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-lg-custom * {
    font-size: var(--bs-hover-size-lg-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-lg-inherit,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-lg-inherit * {
    font-size: var(--size) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-lg-inherit h1 {
    font-size: var(--size-h1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-lg-inherit h2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-lg-inherit h2 * {
    font-size: var(--size-h2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-lg-inherit h3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-lg-inherit h3 * {
    font-size: var(--size-h3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-lg-inherit h4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-lg-inherit h4 * {
    font-size: var(--size-h4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-lg-inherit h5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-lg-inherit h5 * {
    font-size: var(--size-h5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-lg-inherit h6,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-lg-inherit h6 * {
    font-size: var(--size-h6) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-lg-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-lg-1 * {
    font-size: var(--size-1) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-lg-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-lg-2 * {
    font-size: var(--size-2) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-lg-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-lg-3 * {
    font-size: var(--size-3) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-lg-4,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-lg-4 * {
    font-size: var(--size-4) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-lg-5,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-lg-5 * {
    font-size: var(--size-5) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-lg-6,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-lg-6 * {
    font-size: var(--size-6) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-lg-7,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-size-lg-7 * {
    font-size: var(--size-7) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-lg-custom,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-lg-custom * {
    line-height: var(--bs-hover-lh-lg-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-lg-inherit,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-lg-inherit * {
    line-height: var(--line-height) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-lg-1,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-lg-1 * {
    line-height: 1 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-lg-2,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-lg-2 * {
    line-height: 1.2 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-lg-3,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-lh-lg-3 * {
    line-height: 1.7 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-lg-custom,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-lg-custom * {
    font-weight: var(--bs-hover-weight-lg-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-lg-100,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-lg-100 * {
    font-weight: 100 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-lg-200,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-lg-200 * {
    font-weight: 200 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-lg-300,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-lg-300 * {
    font-weight: 300 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-lg-400,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-lg-400 * {
    font-weight: 400 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-lg-500,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-lg-500 * {
    font-weight: 500 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-lg-600,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-lg-600 * {
    font-weight: 600 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-lg-700,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-lg-700 * {
    font-weight: 700 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-lg-800,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-lg-800 * {
    font-weight: 800 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-lg-900,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-weight-lg-900 * {
    font-weight: 900 !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_size-lg-custom {
    background-size: var(--bs-hover-image_size-lg-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_size-lg-cover {
    background-size: cover !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_size-lg-contain {
    background-size: contain !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_size-lg-auto {
    background-size: auto !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_pos-lg-custom {
    background-position: var(--bs-hover-image_pos-lg-custom) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_pos-lg-top_left {
    background-position: top left !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_pos-lg-top_right {
    background-position: top right !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_pos-lg-bottom_right {
    background-position: bottom right !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_pos-lg-bottom_left {
    background-position: bottom left !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_pos-lg-center {
    background-position: center !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_repeat-lg-no_repeat {
    background-repeat: no-repeat !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_repeat-lg-repeat {
    background-repeat: repeat !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_att-lg-scroll {
    background-attachment: scroll !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-image_att-lg-fixed {
    background-attachment: fixed !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-lg-0 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-lg-0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-lg-10 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-lg-10::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.1;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-lg-20 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-lg-20::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.2;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-lg-30 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-lg-30::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.3;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-lg-40 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-lg-40::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.4;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-lg-50 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-lg-50::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.5;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-lg-60 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-lg-60::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.6;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-lg-70 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-lg-70::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.7;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-lg-80 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-lg-80::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.8;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-lg-90 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-lg-90::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.9;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-lg-100 {
    position: relative;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-bg-img-blend-lg-100::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 1;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-primary,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-primary-100 {
    background-color: var(--primary) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-primary-90 {
    background-color: color-mix(in srgb, var(--primary) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-primary-80 {
    background-color: color-mix(in srgb, var(--primary) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-primary-70 {
    background-color: color-mix(in srgb, var(--primary) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-primary-60 {
    background-color: color-mix(in srgb, var(--primary) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-primary-50 {
    background-color: color-mix(in srgb, var(--primary) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-primary-40 {
    background-color: color-mix(in srgb, var(--primary) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-primary-30 {
    background-color: color-mix(in srgb, var(--primary) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-primary-20 {
    background-color: color-mix(in srgb, var(--primary) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-primary-10 {
    background-color: color-mix(in srgb, var(--primary) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary-100 {
    color: var(--primary) !important;
    fill: var(--primary) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary *:not([class*="columnz-color"]),
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary-90 {
    color: color-mix(in srgb, var(--primary) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary-80 {
    color: color-mix(in srgb, var(--primary) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary-70 {
    color: color-mix(in srgb, var(--primary) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary-60 {
    color: color-mix(in srgb, var(--primary) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary-50 {
    color: color-mix(in srgb, var(--primary) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary-40 {
    color: color-mix(in srgb, var(--primary) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary-30 {
    color: color-mix(in srgb, var(--primary) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary-20 {
    color: color-mix(in srgb, var(--primary) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary-10 {
    color: color-mix(in srgb, var(--primary) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-primary,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-primary-100 {
    border-color: var(--primary) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-primary-90 {
    border-color: color-mix(in srgb, var(--primary) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-primary-80 {
    border-color: color-mix(in srgb, var(--primary) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-primary-70 {
    border-color: color-mix(in srgb, var(--primary) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-primary-60 {
    border-color: color-mix(in srgb, var(--primary) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-primary-50 {
    border-color: color-mix(in srgb, var(--primary) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-primary-40 {
    border-color: color-mix(in srgb, var(--primary) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-primary-30 {
    border-color: color-mix(in srgb, var(--primary) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-primary-20 {
    border-color: color-mix(in srgb, var(--primary) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-primary-10 {
    border-color: color-mix(in srgb, var(--primary) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-primary_light,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-primary_light-100 {
    background-color: var(--primary-light) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-primary_light-90 {
    background-color: color-mix(in srgb, var(--primary-light) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-primary_light-80 {
    background-color: color-mix(in srgb, var(--primary-light) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-primary_light-70 {
    background-color: color-mix(in srgb, var(--primary-light) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-primary_light-60 {
    background-color: color-mix(in srgb, var(--primary-light) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-primary_light-50 {
    background-color: color-mix(in srgb, var(--primary-light) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-primary_light-40 {
    background-color: color-mix(in srgb, var(--primary-light) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-primary_light-30 {
    background-color: color-mix(in srgb, var(--primary-light) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-primary_light-20 {
    background-color: color-mix(in srgb, var(--primary-light) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-primary_light-10 {
    background-color: color-mix(in srgb, var(--primary-light) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_light,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_light-100 {
    color: var(--primary-light) !important;
    fill: var(--primary-light) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_light *:not([class*="columnz-color"]),
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_light-90 {
    color: color-mix(in srgb, var(--primary-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_light-80 {
    color: color-mix(in srgb, var(--primary-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_light-70 {
    color: color-mix(in srgb, var(--primary-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_light-60 {
    color: color-mix(in srgb, var(--primary-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_light-50 {
    color: color-mix(in srgb, var(--primary-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_light-40 {
    color: color-mix(in srgb, var(--primary-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_light-30 {
    color: color-mix(in srgb, var(--primary-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_light-20 {
    color: color-mix(in srgb, var(--primary-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_light-10 {
    color: color-mix(in srgb, var(--primary-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-primary_light,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-primary_light-100 {
    border-color: var(--primary-light) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-primary_light-90 {
    border-color: color-mix(in srgb, var(--primary-light) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-primary_light-80 {
    border-color: color-mix(in srgb, var(--primary-light) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-primary_light-70 {
    border-color: color-mix(in srgb, var(--primary-light) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-primary_light-60 {
    border-color: color-mix(in srgb, var(--primary-light) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-primary_light-50 {
    border-color: color-mix(in srgb, var(--primary-light) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-primary_light-40 {
    border-color: color-mix(in srgb, var(--primary-light) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-primary_light-30 {
    border-color: color-mix(in srgb, var(--primary-light) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-primary_light-20 {
    border-color: color-mix(in srgb, var(--primary-light) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-primary_light-10 {
    border-color: color-mix(in srgb, var(--primary-light) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-primary_dark,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-primary_dark-100 {
    background-color: var(--primary-dark) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-primary_dark-90 {
    background-color: color-mix(in srgb, var(--primary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-primary_dark-80 {
    background-color: color-mix(in srgb, var(--primary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-primary_dark-70 {
    background-color: color-mix(in srgb, var(--primary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-primary_dark-60 {
    background-color: color-mix(in srgb, var(--primary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-primary_dark-50 {
    background-color: color-mix(in srgb, var(--primary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-primary_dark-40 {
    background-color: color-mix(in srgb, var(--primary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-primary_dark-30 {
    background-color: color-mix(in srgb, var(--primary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-primary_dark-20 {
    background-color: color-mix(in srgb, var(--primary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-primary_dark-10 {
    background-color: color-mix(in srgb, var(--primary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_dark,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_dark-100 {
    color: var(--primary-dark) !important;
    fill: var(--primary-dark) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_dark *:not([class*="columnz-color"]),
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_dark-90 {
    color: color-mix(in srgb, var(--primary-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_dark-80 {
    color: color-mix(in srgb, var(--primary-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_dark-70 {
    color: color-mix(in srgb, var(--primary-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_dark-60 {
    color: color-mix(in srgb, var(--primary-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_dark-50 {
    color: color-mix(in srgb, var(--primary-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_dark-40 {
    color: color-mix(in srgb, var(--primary-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_dark-30 {
    color: color-mix(in srgb, var(--primary-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_dark-20 {
    color: color-mix(in srgb, var(--primary-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_dark-10 {
    color: color-mix(in srgb, var(--primary-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-primary_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-primary_dark,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-primary_dark-100 {
    border-color: var(--primary-dark) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-primary_dark-90 {
    border-color: color-mix(in srgb, var(--primary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-primary_dark-80 {
    border-color: color-mix(in srgb, var(--primary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-primary_dark-70 {
    border-color: color-mix(in srgb, var(--primary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-primary_dark-60 {
    border-color: color-mix(in srgb, var(--primary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-primary_dark-50 {
    border-color: color-mix(in srgb, var(--primary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-primary_dark-40 {
    border-color: color-mix(in srgb, var(--primary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-primary_dark-30 {
    border-color: color-mix(in srgb, var(--primary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-primary_dark-20 {
    border-color: color-mix(in srgb, var(--primary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-primary_dark-10 {
    border-color: color-mix(in srgb, var(--primary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-secondary,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-secondary-100 {
    background-color: var(--secondary) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-secondary-90 {
    background-color: color-mix(in srgb, var(--secondary) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-secondary-80 {
    background-color: color-mix(in srgb, var(--secondary) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-secondary-70 {
    background-color: color-mix(in srgb, var(--secondary) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-secondary-60 {
    background-color: color-mix(in srgb, var(--secondary) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-secondary-50 {
    background-color: color-mix(in srgb, var(--secondary) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-secondary-40 {
    background-color: color-mix(in srgb, var(--secondary) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-secondary-30 {
    background-color: color-mix(in srgb, var(--secondary) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-secondary-20 {
    background-color: color-mix(in srgb, var(--secondary) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-secondary-10 {
    background-color: color-mix(in srgb, var(--secondary) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary-100 {
    color: var(--secondary) !important;
    fill: var(--secondary) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary *:not([class*="columnz-color"]),
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary-90 {
    color: color-mix(in srgb, var(--secondary) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary-80 {
    color: color-mix(in srgb, var(--secondary) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary-70 {
    color: color-mix(in srgb, var(--secondary) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary-60 {
    color: color-mix(in srgb, var(--secondary) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary-50 {
    color: color-mix(in srgb, var(--secondary) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary-40 {
    color: color-mix(in srgb, var(--secondary) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary-30 {
    color: color-mix(in srgb, var(--secondary) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary-20 {
    color: color-mix(in srgb, var(--secondary) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary-10 {
    color: color-mix(in srgb, var(--secondary) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-secondary,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-secondary-100 {
    border-color: var(--secondary) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-secondary-90 {
    border-color: color-mix(in srgb, var(--secondary) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-secondary-80 {
    border-color: color-mix(in srgb, var(--secondary) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-secondary-70 {
    border-color: color-mix(in srgb, var(--secondary) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-secondary-60 {
    border-color: color-mix(in srgb, var(--secondary) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-secondary-50 {
    border-color: color-mix(in srgb, var(--secondary) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-secondary-40 {
    border-color: color-mix(in srgb, var(--secondary) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-secondary-30 {
    border-color: color-mix(in srgb, var(--secondary) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-secondary-20 {
    border-color: color-mix(in srgb, var(--secondary) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-secondary-10 {
    border-color: color-mix(in srgb, var(--secondary) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-secondary_light,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-secondary_light-100 {
    background-color: var(--secondary-light) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-secondary_light-90 {
    background-color: color-mix(in srgb, var(--secondary-light) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-secondary_light-80 {
    background-color: color-mix(in srgb, var(--secondary-light) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-secondary_light-70 {
    background-color: color-mix(in srgb, var(--secondary-light) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-secondary_light-60 {
    background-color: color-mix(in srgb, var(--secondary-light) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-secondary_light-50 {
    background-color: color-mix(in srgb, var(--secondary-light) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-secondary_light-40 {
    background-color: color-mix(in srgb, var(--secondary-light) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-secondary_light-30 {
    background-color: color-mix(in srgb, var(--secondary-light) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-secondary_light-20 {
    background-color: color-mix(in srgb, var(--secondary-light) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-secondary_light-10 {
    background-color: color-mix(in srgb, var(--secondary-light) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_light,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_light-100 {
    color: var(--secondary-light) !important;
    fill: var(--secondary-light) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_light *:not([class*="columnz-color"]),
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_light-90 {
    color: color-mix(in srgb, var(--secondary-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_light-80 {
    color: color-mix(in srgb, var(--secondary-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_light-70 {
    color: color-mix(in srgb, var(--secondary-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_light-60 {
    color: color-mix(in srgb, var(--secondary-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_light-50 {
    color: color-mix(in srgb, var(--secondary-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_light-40 {
    color: color-mix(in srgb, var(--secondary-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_light-30 {
    color: color-mix(in srgb, var(--secondary-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_light-20 {
    color: color-mix(in srgb, var(--secondary-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_light-10 {
    color: color-mix(in srgb, var(--secondary-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-secondary_light,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-secondary_light-100 {
    border-color: var(--secondary-light) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-secondary_light-90 {
    border-color: color-mix(in srgb, var(--secondary-light) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-secondary_light-80 {
    border-color: color-mix(in srgb, var(--secondary-light) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-secondary_light-70 {
    border-color: color-mix(in srgb, var(--secondary-light) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-secondary_light-60 {
    border-color: color-mix(in srgb, var(--secondary-light) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-secondary_light-50 {
    border-color: color-mix(in srgb, var(--secondary-light) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-secondary_light-40 {
    border-color: color-mix(in srgb, var(--secondary-light) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-secondary_light-30 {
    border-color: color-mix(in srgb, var(--secondary-light) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-secondary_light-20 {
    border-color: color-mix(in srgb, var(--secondary-light) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-secondary_light-10 {
    border-color: color-mix(in srgb, var(--secondary-light) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-secondary_dark,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-secondary_dark-100 {
    background-color: var(--secondary-dark) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-secondary_dark-90 {
    background-color: color-mix(in srgb, var(--secondary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-secondary_dark-80 {
    background-color: color-mix(in srgb, var(--secondary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-secondary_dark-70 {
    background-color: color-mix(in srgb, var(--secondary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-secondary_dark-60 {
    background-color: color-mix(in srgb, var(--secondary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-secondary_dark-50 {
    background-color: color-mix(in srgb, var(--secondary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-secondary_dark-40 {
    background-color: color-mix(in srgb, var(--secondary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-secondary_dark-30 {
    background-color: color-mix(in srgb, var(--secondary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-secondary_dark-20 {
    background-color: color-mix(in srgb, var(--secondary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-secondary_dark-10 {
    background-color: color-mix(in srgb, var(--secondary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_dark,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_dark-100 {
    color: var(--secondary-dark) !important;
    fill: var(--secondary-dark) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_dark *:not([class*="columnz-color"]),
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_dark-90 {
    color: color-mix(in srgb, var(--secondary-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_dark-80 {
    color: color-mix(in srgb, var(--secondary-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_dark-70 {
    color: color-mix(in srgb, var(--secondary-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_dark-60 {
    color: color-mix(in srgb, var(--secondary-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_dark-50 {
    color: color-mix(in srgb, var(--secondary-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_dark-40 {
    color: color-mix(in srgb, var(--secondary-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_dark-30 {
    color: color-mix(in srgb, var(--secondary-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_dark-20 {
    color: color-mix(in srgb, var(--secondary-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_dark-10 {
    color: color-mix(in srgb, var(--secondary-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-secondary_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-secondary_dark,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-secondary_dark-100 {
    border-color: var(--secondary-dark) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-secondary_dark-90 {
    border-color: color-mix(in srgb, var(--secondary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-secondary_dark-80 {
    border-color: color-mix(in srgb, var(--secondary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-secondary_dark-70 {
    border-color: color-mix(in srgb, var(--secondary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-secondary_dark-60 {
    border-color: color-mix(in srgb, var(--secondary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-secondary_dark-50 {
    border-color: color-mix(in srgb, var(--secondary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-secondary_dark-40 {
    border-color: color-mix(in srgb, var(--secondary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-secondary_dark-30 {
    border-color: color-mix(in srgb, var(--secondary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-secondary_dark-20 {
    border-color: color-mix(in srgb, var(--secondary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-secondary_dark-10 {
    border-color: color-mix(in srgb, var(--secondary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-info,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-info-100 {
    background-color: var(--info) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-info-90 {
    background-color: color-mix(in srgb, var(--info) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-info-80 {
    background-color: color-mix(in srgb, var(--info) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-info-70 {
    background-color: color-mix(in srgb, var(--info) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-info-60 {
    background-color: color-mix(in srgb, var(--info) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-info-50 {
    background-color: color-mix(in srgb, var(--info) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-info-40 {
    background-color: color-mix(in srgb, var(--info) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-info-30 {
    background-color: color-mix(in srgb, var(--info) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-info-20 {
    background-color: color-mix(in srgb, var(--info) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-info-10 {
    background-color: color-mix(in srgb, var(--info) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info-100 {
    color: var(--info) !important;
    fill: var(--info) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info *:not([class*="columnz-color"]),
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info-90 {
    color: color-mix(in srgb, var(--info) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info-80 {
    color: color-mix(in srgb, var(--info) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info-70 {
    color: color-mix(in srgb, var(--info) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info-60 {
    color: color-mix(in srgb, var(--info) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info-50 {
    color: color-mix(in srgb, var(--info) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info-40 {
    color: color-mix(in srgb, var(--info) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info-30 {
    color: color-mix(in srgb, var(--info) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info-20 {
    color: color-mix(in srgb, var(--info) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info-10 {
    color: color-mix(in srgb, var(--info) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-info,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-info-100 {
    border-color: var(--info) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-info-90 {
    border-color: color-mix(in srgb, var(--info) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-info-80 {
    border-color: color-mix(in srgb, var(--info) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-info-70 {
    border-color: color-mix(in srgb, var(--info) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-info-60 {
    border-color: color-mix(in srgb, var(--info) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-info-50 {
    border-color: color-mix(in srgb, var(--info) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-info-40 {
    border-color: color-mix(in srgb, var(--info) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-info-30 {
    border-color: color-mix(in srgb, var(--info) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-info-20 {
    border-color: color-mix(in srgb, var(--info) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-info-10 {
    border-color: color-mix(in srgb, var(--info) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-info_light,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-info_light-100 {
    background-color: var(--info-light) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-info_light-90 {
    background-color: color-mix(in srgb, var(--info-light) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-info_light-80 {
    background-color: color-mix(in srgb, var(--info-light) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-info_light-70 {
    background-color: color-mix(in srgb, var(--info-light) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-info_light-60 {
    background-color: color-mix(in srgb, var(--info-light) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-info_light-50 {
    background-color: color-mix(in srgb, var(--info-light) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-info_light-40 {
    background-color: color-mix(in srgb, var(--info-light) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-info_light-30 {
    background-color: color-mix(in srgb, var(--info-light) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-info_light-20 {
    background-color: color-mix(in srgb, var(--info-light) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-info_light-10 {
    background-color: color-mix(in srgb, var(--info-light) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_light,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_light-100 {
    color: var(--info-light) !important;
    fill: var(--info-light) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_light *:not([class*="columnz-color"]),
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_light-90 {
    color: color-mix(in srgb, var(--info-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_light-80 {
    color: color-mix(in srgb, var(--info-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_light-70 {
    color: color-mix(in srgb, var(--info-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_light-60 {
    color: color-mix(in srgb, var(--info-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_light-50 {
    color: color-mix(in srgb, var(--info-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_light-40 {
    color: color-mix(in srgb, var(--info-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_light-30 {
    color: color-mix(in srgb, var(--info-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_light-20 {
    color: color-mix(in srgb, var(--info-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_light-10 {
    color: color-mix(in srgb, var(--info-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-info_light,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-info_light-100 {
    border-color: var(--info-light) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-info_light-90 {
    border-color: color-mix(in srgb, var(--info-light) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-info_light-80 {
    border-color: color-mix(in srgb, var(--info-light) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-info_light-70 {
    border-color: color-mix(in srgb, var(--info-light) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-info_light-60 {
    border-color: color-mix(in srgb, var(--info-light) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-info_light-50 {
    border-color: color-mix(in srgb, var(--info-light) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-info_light-40 {
    border-color: color-mix(in srgb, var(--info-light) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-info_light-30 {
    border-color: color-mix(in srgb, var(--info-light) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-info_light-20 {
    border-color: color-mix(in srgb, var(--info-light) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-info_light-10 {
    border-color: color-mix(in srgb, var(--info-light) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-info_dark,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-info_dark-100 {
    background-color: var(--info-dark) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-info_dark-90 {
    background-color: color-mix(in srgb, var(--info-dark) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-info_dark-80 {
    background-color: color-mix(in srgb, var(--info-dark) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-info_dark-70 {
    background-color: color-mix(in srgb, var(--info-dark) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-info_dark-60 {
    background-color: color-mix(in srgb, var(--info-dark) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-info_dark-50 {
    background-color: color-mix(in srgb, var(--info-dark) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-info_dark-40 {
    background-color: color-mix(in srgb, var(--info-dark) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-info_dark-30 {
    background-color: color-mix(in srgb, var(--info-dark) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-info_dark-20 {
    background-color: color-mix(in srgb, var(--info-dark) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-info_dark-10 {
    background-color: color-mix(in srgb, var(--info-dark) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_dark,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_dark-100 {
    color: var(--info-dark) !important;
    fill: var(--info-dark) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_dark *:not([class*="columnz-color"]),
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_dark-90 {
    color: color-mix(in srgb, var(--info-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_dark-80 {
    color: color-mix(in srgb, var(--info-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_dark-70 {
    color: color-mix(in srgb, var(--info-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_dark-60 {
    color: color-mix(in srgb, var(--info-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_dark-50 {
    color: color-mix(in srgb, var(--info-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_dark-40 {
    color: color-mix(in srgb, var(--info-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_dark-30 {
    color: color-mix(in srgb, var(--info-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_dark-20 {
    color: color-mix(in srgb, var(--info-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_dark-10 {
    color: color-mix(in srgb, var(--info-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-info_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-info_dark,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-info_dark-100 {
    border-color: var(--info-dark) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-info_dark-90 {
    border-color: color-mix(in srgb, var(--info-dark) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-info_dark-80 {
    border-color: color-mix(in srgb, var(--info-dark) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-info_dark-70 {
    border-color: color-mix(in srgb, var(--info-dark) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-info_dark-60 {
    border-color: color-mix(in srgb, var(--info-dark) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-info_dark-50 {
    border-color: color-mix(in srgb, var(--info-dark) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-info_dark-40 {
    border-color: color-mix(in srgb, var(--info-dark) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-info_dark-30 {
    border-color: color-mix(in srgb, var(--info-dark) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-info_dark-20 {
    border-color: color-mix(in srgb, var(--info-dark) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-info_dark-10 {
    border-color: color-mix(in srgb, var(--info-dark) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-success,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-success-100 {
    background-color: var(--success) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-success-90 {
    background-color: color-mix(in srgb, var(--success) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-success-80 {
    background-color: color-mix(in srgb, var(--success) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-success-70 {
    background-color: color-mix(in srgb, var(--success) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-success-60 {
    background-color: color-mix(in srgb, var(--success) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-success-50 {
    background-color: color-mix(in srgb, var(--success) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-success-40 {
    background-color: color-mix(in srgb, var(--success) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-success-30 {
    background-color: color-mix(in srgb, var(--success) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-success-20 {
    background-color: color-mix(in srgb, var(--success) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-success-10 {
    background-color: color-mix(in srgb, var(--success) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success-100 {
    color: var(--success) !important;
    fill: var(--success) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success *:not([class*="columnz-color"]),
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success-90 {
    color: color-mix(in srgb, var(--success) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success-80 {
    color: color-mix(in srgb, var(--success) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success-70 {
    color: color-mix(in srgb, var(--success) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success-60 {
    color: color-mix(in srgb, var(--success) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success-50 {
    color: color-mix(in srgb, var(--success) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success-40 {
    color: color-mix(in srgb, var(--success) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success-30 {
    color: color-mix(in srgb, var(--success) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success-20 {
    color: color-mix(in srgb, var(--success) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success-10 {
    color: color-mix(in srgb, var(--success) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-success,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-success-100 {
    border-color: var(--success) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-success-90 {
    border-color: color-mix(in srgb, var(--success) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-success-80 {
    border-color: color-mix(in srgb, var(--success) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-success-70 {
    border-color: color-mix(in srgb, var(--success) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-success-60 {
    border-color: color-mix(in srgb, var(--success) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-success-50 {
    border-color: color-mix(in srgb, var(--success) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-success-40 {
    border-color: color-mix(in srgb, var(--success) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-success-30 {
    border-color: color-mix(in srgb, var(--success) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-success-20 {
    border-color: color-mix(in srgb, var(--success) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-success-10 {
    border-color: color-mix(in srgb, var(--success) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-success_light,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-success_light-100 {
    background-color: var(--success-light) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-success_light-90 {
    background-color: color-mix(in srgb, var(--success-light) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-success_light-80 {
    background-color: color-mix(in srgb, var(--success-light) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-success_light-70 {
    background-color: color-mix(in srgb, var(--success-light) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-success_light-60 {
    background-color: color-mix(in srgb, var(--success-light) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-success_light-50 {
    background-color: color-mix(in srgb, var(--success-light) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-success_light-40 {
    background-color: color-mix(in srgb, var(--success-light) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-success_light-30 {
    background-color: color-mix(in srgb, var(--success-light) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-success_light-20 {
    background-color: color-mix(in srgb, var(--success-light) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-success_light-10 {
    background-color: color-mix(in srgb, var(--success-light) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_light,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_light-100 {
    color: var(--success-light) !important;
    fill: var(--success-light) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_light *:not([class*="columnz-color"]),
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_light-90 {
    color: color-mix(in srgb, var(--success-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_light-80 {
    color: color-mix(in srgb, var(--success-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_light-70 {
    color: color-mix(in srgb, var(--success-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_light-60 {
    color: color-mix(in srgb, var(--success-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_light-50 {
    color: color-mix(in srgb, var(--success-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_light-40 {
    color: color-mix(in srgb, var(--success-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_light-30 {
    color: color-mix(in srgb, var(--success-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_light-20 {
    color: color-mix(in srgb, var(--success-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_light-10 {
    color: color-mix(in srgb, var(--success-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-success_light,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-success_light-100 {
    border-color: var(--success-light) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-success_light-90 {
    border-color: color-mix(in srgb, var(--success-light) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-success_light-80 {
    border-color: color-mix(in srgb, var(--success-light) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-success_light-70 {
    border-color: color-mix(in srgb, var(--success-light) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-success_light-60 {
    border-color: color-mix(in srgb, var(--success-light) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-success_light-50 {
    border-color: color-mix(in srgb, var(--success-light) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-success_light-40 {
    border-color: color-mix(in srgb, var(--success-light) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-success_light-30 {
    border-color: color-mix(in srgb, var(--success-light) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-success_light-20 {
    border-color: color-mix(in srgb, var(--success-light) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-success_light-10 {
    border-color: color-mix(in srgb, var(--success-light) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-success_dark,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-success_dark-100 {
    background-color: var(--success-dark) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-success_dark-90 {
    background-color: color-mix(in srgb, var(--success-dark) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-success_dark-80 {
    background-color: color-mix(in srgb, var(--success-dark) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-success_dark-70 {
    background-color: color-mix(in srgb, var(--success-dark) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-success_dark-60 {
    background-color: color-mix(in srgb, var(--success-dark) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-success_dark-50 {
    background-color: color-mix(in srgb, var(--success-dark) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-success_dark-40 {
    background-color: color-mix(in srgb, var(--success-dark) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-success_dark-30 {
    background-color: color-mix(in srgb, var(--success-dark) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-success_dark-20 {
    background-color: color-mix(in srgb, var(--success-dark) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-success_dark-10 {
    background-color: color-mix(in srgb, var(--success-dark) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_dark,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_dark-100 {
    color: var(--success-dark) !important;
    fill: var(--success-dark) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_dark *:not([class*="columnz-color"]),
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_dark-90 {
    color: color-mix(in srgb, var(--success-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_dark-80 {
    color: color-mix(in srgb, var(--success-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_dark-70 {
    color: color-mix(in srgb, var(--success-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_dark-60 {
    color: color-mix(in srgb, var(--success-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_dark-50 {
    color: color-mix(in srgb, var(--success-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_dark-40 {
    color: color-mix(in srgb, var(--success-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_dark-30 {
    color: color-mix(in srgb, var(--success-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_dark-20 {
    color: color-mix(in srgb, var(--success-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_dark-10 {
    color: color-mix(in srgb, var(--success-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-success_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-success_dark,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-success_dark-100 {
    border-color: var(--success-dark) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-success_dark-90 {
    border-color: color-mix(in srgb, var(--success-dark) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-success_dark-80 {
    border-color: color-mix(in srgb, var(--success-dark) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-success_dark-70 {
    border-color: color-mix(in srgb, var(--success-dark) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-success_dark-60 {
    border-color: color-mix(in srgb, var(--success-dark) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-success_dark-50 {
    border-color: color-mix(in srgb, var(--success-dark) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-success_dark-40 {
    border-color: color-mix(in srgb, var(--success-dark) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-success_dark-30 {
    border-color: color-mix(in srgb, var(--success-dark) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-success_dark-20 {
    border-color: color-mix(in srgb, var(--success-dark) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-success_dark-10 {
    border-color: color-mix(in srgb, var(--success-dark) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-warning,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-warning-100 {
    background-color: var(--warning) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-warning-90 {
    background-color: color-mix(in srgb, var(--warning) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-warning-80 {
    background-color: color-mix(in srgb, var(--warning) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-warning-70 {
    background-color: color-mix(in srgb, var(--warning) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-warning-60 {
    background-color: color-mix(in srgb, var(--warning) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-warning-50 {
    background-color: color-mix(in srgb, var(--warning) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-warning-40 {
    background-color: color-mix(in srgb, var(--warning) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-warning-30 {
    background-color: color-mix(in srgb, var(--warning) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-warning-20 {
    background-color: color-mix(in srgb, var(--warning) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-warning-10 {
    background-color: color-mix(in srgb, var(--warning) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning-100 {
    color: var(--warning) !important;
    fill: var(--warning) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning *:not([class*="columnz-color"]),
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning-90 {
    color: color-mix(in srgb, var(--warning) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning-80 {
    color: color-mix(in srgb, var(--warning) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning-70 {
    color: color-mix(in srgb, var(--warning) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning-60 {
    color: color-mix(in srgb, var(--warning) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning-50 {
    color: color-mix(in srgb, var(--warning) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning-40 {
    color: color-mix(in srgb, var(--warning) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning-30 {
    color: color-mix(in srgb, var(--warning) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning-20 {
    color: color-mix(in srgb, var(--warning) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning-10 {
    color: color-mix(in srgb, var(--warning) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-warning,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-warning-100 {
    border-color: var(--warning) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-warning-90 {
    border-color: color-mix(in srgb, var(--warning) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-warning-80 {
    border-color: color-mix(in srgb, var(--warning) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-warning-70 {
    border-color: color-mix(in srgb, var(--warning) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-warning-60 {
    border-color: color-mix(in srgb, var(--warning) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-warning-50 {
    border-color: color-mix(in srgb, var(--warning) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-warning-40 {
    border-color: color-mix(in srgb, var(--warning) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-warning-30 {
    border-color: color-mix(in srgb, var(--warning) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-warning-20 {
    border-color: color-mix(in srgb, var(--warning) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-warning-10 {
    border-color: color-mix(in srgb, var(--warning) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-warning_light,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-warning_light-100 {
    background-color: var(--warning-light) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-warning_light-90 {
    background-color: color-mix(in srgb, var(--warning-light) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-warning_light-80 {
    background-color: color-mix(in srgb, var(--warning-light) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-warning_light-70 {
    background-color: color-mix(in srgb, var(--warning-light) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-warning_light-60 {
    background-color: color-mix(in srgb, var(--warning-light) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-warning_light-50 {
    background-color: color-mix(in srgb, var(--warning-light) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-warning_light-40 {
    background-color: color-mix(in srgb, var(--warning-light) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-warning_light-30 {
    background-color: color-mix(in srgb, var(--warning-light) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-warning_light-20 {
    background-color: color-mix(in srgb, var(--warning-light) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-warning_light-10 {
    background-color: color-mix(in srgb, var(--warning-light) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_light,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_light-100 {
    color: var(--warning-light) !important;
    fill: var(--warning-light) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_light *:not([class*="columnz-color"]),
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_light-90 {
    color: color-mix(in srgb, var(--warning-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_light-80 {
    color: color-mix(in srgb, var(--warning-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_light-70 {
    color: color-mix(in srgb, var(--warning-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_light-60 {
    color: color-mix(in srgb, var(--warning-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_light-50 {
    color: color-mix(in srgb, var(--warning-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_light-40 {
    color: color-mix(in srgb, var(--warning-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_light-30 {
    color: color-mix(in srgb, var(--warning-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_light-20 {
    color: color-mix(in srgb, var(--warning-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_light-10 {
    color: color-mix(in srgb, var(--warning-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-warning_light,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-warning_light-100 {
    border-color: var(--warning-light) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-warning_light-90 {
    border-color: color-mix(in srgb, var(--warning-light) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-warning_light-80 {
    border-color: color-mix(in srgb, var(--warning-light) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-warning_light-70 {
    border-color: color-mix(in srgb, var(--warning-light) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-warning_light-60 {
    border-color: color-mix(in srgb, var(--warning-light) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-warning_light-50 {
    border-color: color-mix(in srgb, var(--warning-light) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-warning_light-40 {
    border-color: color-mix(in srgb, var(--warning-light) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-warning_light-30 {
    border-color: color-mix(in srgb, var(--warning-light) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-warning_light-20 {
    border-color: color-mix(in srgb, var(--warning-light) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-warning_light-10 {
    border-color: color-mix(in srgb, var(--warning-light) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-warning_dark,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-warning_dark-100 {
    background-color: var(--warning-dark) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-warning_dark-90 {
    background-color: color-mix(in srgb, var(--warning-dark) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-warning_dark-80 {
    background-color: color-mix(in srgb, var(--warning-dark) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-warning_dark-70 {
    background-color: color-mix(in srgb, var(--warning-dark) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-warning_dark-60 {
    background-color: color-mix(in srgb, var(--warning-dark) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-warning_dark-50 {
    background-color: color-mix(in srgb, var(--warning-dark) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-warning_dark-40 {
    background-color: color-mix(in srgb, var(--warning-dark) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-warning_dark-30 {
    background-color: color-mix(in srgb, var(--warning-dark) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-warning_dark-20 {
    background-color: color-mix(in srgb, var(--warning-dark) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-warning_dark-10 {
    background-color: color-mix(in srgb, var(--warning-dark) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_dark,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_dark-100 {
    color: var(--warning-dark) !important;
    fill: var(--warning-dark) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_dark *:not([class*="columnz-color"]),
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_dark-90 {
    color: color-mix(in srgb, var(--warning-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_dark-80 {
    color: color-mix(in srgb, var(--warning-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_dark-70 {
    color: color-mix(in srgb, var(--warning-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_dark-60 {
    color: color-mix(in srgb, var(--warning-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_dark-50 {
    color: color-mix(in srgb, var(--warning-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_dark-40 {
    color: color-mix(in srgb, var(--warning-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_dark-30 {
    color: color-mix(in srgb, var(--warning-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_dark-20 {
    color: color-mix(in srgb, var(--warning-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_dark-10 {
    color: color-mix(in srgb, var(--warning-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-warning_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-warning_dark,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-warning_dark-100 {
    border-color: var(--warning-dark) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-warning_dark-90 {
    border-color: color-mix(in srgb, var(--warning-dark) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-warning_dark-80 {
    border-color: color-mix(in srgb, var(--warning-dark) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-warning_dark-70 {
    border-color: color-mix(in srgb, var(--warning-dark) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-warning_dark-60 {
    border-color: color-mix(in srgb, var(--warning-dark) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-warning_dark-50 {
    border-color: color-mix(in srgb, var(--warning-dark) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-warning_dark-40 {
    border-color: color-mix(in srgb, var(--warning-dark) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-warning_dark-30 {
    border-color: color-mix(in srgb, var(--warning-dark) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-warning_dark-20 {
    border-color: color-mix(in srgb, var(--warning-dark) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-warning_dark-10 {
    border-color: color-mix(in srgb, var(--warning-dark) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-danger,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-danger-100 {
    background-color: var(--danger) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-danger-90 {
    background-color: color-mix(in srgb, var(--danger) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-danger-80 {
    background-color: color-mix(in srgb, var(--danger) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-danger-70 {
    background-color: color-mix(in srgb, var(--danger) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-danger-60 {
    background-color: color-mix(in srgb, var(--danger) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-danger-50 {
    background-color: color-mix(in srgb, var(--danger) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-danger-40 {
    background-color: color-mix(in srgb, var(--danger) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-danger-30 {
    background-color: color-mix(in srgb, var(--danger) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-danger-20 {
    background-color: color-mix(in srgb, var(--danger) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-danger-10 {
    background-color: color-mix(in srgb, var(--danger) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger-100 {
    color: var(--danger) !important;
    fill: var(--danger) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger *:not([class*="columnz-color"]),
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger-90 {
    color: color-mix(in srgb, var(--danger) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger-80 {
    color: color-mix(in srgb, var(--danger) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger-70 {
    color: color-mix(in srgb, var(--danger) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger-60 {
    color: color-mix(in srgb, var(--danger) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger-50 {
    color: color-mix(in srgb, var(--danger) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger-40 {
    color: color-mix(in srgb, var(--danger) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger-30 {
    color: color-mix(in srgb, var(--danger) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger-20 {
    color: color-mix(in srgb, var(--danger) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger-10 {
    color: color-mix(in srgb, var(--danger) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-danger,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-danger-100 {
    border-color: var(--danger) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-danger-90 {
    border-color: color-mix(in srgb, var(--danger) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-danger-80 {
    border-color: color-mix(in srgb, var(--danger) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-danger-70 {
    border-color: color-mix(in srgb, var(--danger) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-danger-60 {
    border-color: color-mix(in srgb, var(--danger) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-danger-50 {
    border-color: color-mix(in srgb, var(--danger) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-danger-40 {
    border-color: color-mix(in srgb, var(--danger) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-danger-30 {
    border-color: color-mix(in srgb, var(--danger) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-danger-20 {
    border-color: color-mix(in srgb, var(--danger) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-danger-10 {
    border-color: color-mix(in srgb, var(--danger) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-danger_light,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-danger_light-100 {
    background-color: var(--danger-light) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-danger_light-90 {
    background-color: color-mix(in srgb, var(--danger-light) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-danger_light-80 {
    background-color: color-mix(in srgb, var(--danger-light) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-danger_light-70 {
    background-color: color-mix(in srgb, var(--danger-light) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-danger_light-60 {
    background-color: color-mix(in srgb, var(--danger-light) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-danger_light-50 {
    background-color: color-mix(in srgb, var(--danger-light) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-danger_light-40 {
    background-color: color-mix(in srgb, var(--danger-light) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-danger_light-30 {
    background-color: color-mix(in srgb, var(--danger-light) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-danger_light-20 {
    background-color: color-mix(in srgb, var(--danger-light) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-danger_light-10 {
    background-color: color-mix(in srgb, var(--danger-light) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_light,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_light-100 {
    color: var(--danger-light) !important;
    fill: var(--danger-light) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_light *:not([class*="columnz-color"]),
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_light-90 {
    color: color-mix(in srgb, var(--danger-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_light-80 {
    color: color-mix(in srgb, var(--danger-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_light-70 {
    color: color-mix(in srgb, var(--danger-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_light-60 {
    color: color-mix(in srgb, var(--danger-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_light-50 {
    color: color-mix(in srgb, var(--danger-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_light-40 {
    color: color-mix(in srgb, var(--danger-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_light-30 {
    color: color-mix(in srgb, var(--danger-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_light-20 {
    color: color-mix(in srgb, var(--danger-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_light-10 {
    color: color-mix(in srgb, var(--danger-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-danger_light,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-danger_light-100 {
    border-color: var(--danger-light) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-danger_light-90 {
    border-color: color-mix(in srgb, var(--danger-light) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-danger_light-80 {
    border-color: color-mix(in srgb, var(--danger-light) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-danger_light-70 {
    border-color: color-mix(in srgb, var(--danger-light) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-danger_light-60 {
    border-color: color-mix(in srgb, var(--danger-light) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-danger_light-50 {
    border-color: color-mix(in srgb, var(--danger-light) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-danger_light-40 {
    border-color: color-mix(in srgb, var(--danger-light) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-danger_light-30 {
    border-color: color-mix(in srgb, var(--danger-light) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-danger_light-20 {
    border-color: color-mix(in srgb, var(--danger-light) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-danger_light-10 {
    border-color: color-mix(in srgb, var(--danger-light) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-danger_dark,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-danger_dark-100 {
    background-color: var(--danger-dark) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-danger_dark-90 {
    background-color: color-mix(in srgb, var(--danger-dark) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-danger_dark-80 {
    background-color: color-mix(in srgb, var(--danger-dark) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-danger_dark-70 {
    background-color: color-mix(in srgb, var(--danger-dark) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-danger_dark-60 {
    background-color: color-mix(in srgb, var(--danger-dark) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-danger_dark-50 {
    background-color: color-mix(in srgb, var(--danger-dark) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-danger_dark-40 {
    background-color: color-mix(in srgb, var(--danger-dark) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-danger_dark-30 {
    background-color: color-mix(in srgb, var(--danger-dark) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-danger_dark-20 {
    background-color: color-mix(in srgb, var(--danger-dark) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-danger_dark-10 {
    background-color: color-mix(in srgb, var(--danger-dark) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_dark,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_dark-100 {
    color: var(--danger-dark) !important;
    fill: var(--danger-dark) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_dark *:not([class*="columnz-color"]),
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_dark-90 {
    color: color-mix(in srgb, var(--danger-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_dark-80 {
    color: color-mix(in srgb, var(--danger-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_dark-70 {
    color: color-mix(in srgb, var(--danger-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_dark-60 {
    color: color-mix(in srgb, var(--danger-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_dark-50 {
    color: color-mix(in srgb, var(--danger-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_dark-40 {
    color: color-mix(in srgb, var(--danger-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_dark-30 {
    color: color-mix(in srgb, var(--danger-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_dark-20 {
    color: color-mix(in srgb, var(--danger-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_dark-10 {
    color: color-mix(in srgb, var(--danger-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-danger_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-danger_dark,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-danger_dark-100 {
    border-color: var(--danger-dark) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-danger_dark-90 {
    border-color: color-mix(in srgb, var(--danger-dark) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-danger_dark-80 {
    border-color: color-mix(in srgb, var(--danger-dark) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-danger_dark-70 {
    border-color: color-mix(in srgb, var(--danger-dark) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-danger_dark-60 {
    border-color: color-mix(in srgb, var(--danger-dark) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-danger_dark-50 {
    border-color: color-mix(in srgb, var(--danger-dark) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-danger_dark-40 {
    border-color: color-mix(in srgb, var(--danger-dark) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-danger_dark-30 {
    border-color: color-mix(in srgb, var(--danger-dark) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-danger_dark-20 {
    border-color: color-mix(in srgb, var(--danger-dark) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-danger_dark-10 {
    border-color: color-mix(in srgb, var(--danger-dark) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-dark,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-dark-100 {
    background-color: var(--dark) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-dark-90 {
    background-color: color-mix(in srgb, var(--dark) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-dark-80 {
    background-color: color-mix(in srgb, var(--dark) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-dark-70 {
    background-color: color-mix(in srgb, var(--dark) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-dark-60 {
    background-color: color-mix(in srgb, var(--dark) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-dark-50 {
    background-color: color-mix(in srgb, var(--dark) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-dark-40 {
    background-color: color-mix(in srgb, var(--dark) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-dark-30 {
    background-color: color-mix(in srgb, var(--dark) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-dark-20 {
    background-color: color-mix(in srgb, var(--dark) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-dark-10 {
    background-color: color-mix(in srgb, var(--dark) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark-100 {
    color: var(--dark) !important;
    fill: var(--dark) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark *:not([class*="columnz-color"]),
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark-90 {
    color: color-mix(in srgb, var(--dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark-80 {
    color: color-mix(in srgb, var(--dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark-70 {
    color: color-mix(in srgb, var(--dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark-60 {
    color: color-mix(in srgb, var(--dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark-50 {
    color: color-mix(in srgb, var(--dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark-40 {
    color: color-mix(in srgb, var(--dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark-30 {
    color: color-mix(in srgb, var(--dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark-20 {
    color: color-mix(in srgb, var(--dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark-10 {
    color: color-mix(in srgb, var(--dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-dark,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-dark-100 {
    border-color: var(--dark) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-dark-90 {
    border-color: color-mix(in srgb, var(--dark) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-dark-80 {
    border-color: color-mix(in srgb, var(--dark) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-dark-70 {
    border-color: color-mix(in srgb, var(--dark) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-dark-60 {
    border-color: color-mix(in srgb, var(--dark) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-dark-50 {
    border-color: color-mix(in srgb, var(--dark) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-dark-40 {
    border-color: color-mix(in srgb, var(--dark) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-dark-30 {
    border-color: color-mix(in srgb, var(--dark) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-dark-20 {
    border-color: color-mix(in srgb, var(--dark) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-dark-10 {
    border-color: color-mix(in srgb, var(--dark) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-dark_light,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-dark_light-100 {
    background-color: var(--dark-light) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-dark_light-90 {
    background-color: color-mix(in srgb, var(--dark-light) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-dark_light-80 {
    background-color: color-mix(in srgb, var(--dark-light) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-dark_light-70 {
    background-color: color-mix(in srgb, var(--dark-light) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-dark_light-60 {
    background-color: color-mix(in srgb, var(--dark-light) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-dark_light-50 {
    background-color: color-mix(in srgb, var(--dark-light) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-dark_light-40 {
    background-color: color-mix(in srgb, var(--dark-light) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-dark_light-30 {
    background-color: color-mix(in srgb, var(--dark-light) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-dark_light-20 {
    background-color: color-mix(in srgb, var(--dark-light) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-dark_light-10 {
    background-color: color-mix(in srgb, var(--dark-light) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_light,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_light-100 {
    color: var(--dark-light) !important;
    fill: var(--dark-light) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_light *:not([class*="columnz-color"]),
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_light-90 {
    color: color-mix(in srgb, var(--dark-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_light-80 {
    color: color-mix(in srgb, var(--dark-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_light-70 {
    color: color-mix(in srgb, var(--dark-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_light-60 {
    color: color-mix(in srgb, var(--dark-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_light-50 {
    color: color-mix(in srgb, var(--dark-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_light-40 {
    color: color-mix(in srgb, var(--dark-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_light-30 {
    color: color-mix(in srgb, var(--dark-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_light-20 {
    color: color-mix(in srgb, var(--dark-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_light-10 {
    color: color-mix(in srgb, var(--dark-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-dark_light,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-dark_light-100 {
    border-color: var(--dark-light) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-dark_light-90 {
    border-color: color-mix(in srgb, var(--dark-light) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-dark_light-80 {
    border-color: color-mix(in srgb, var(--dark-light) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-dark_light-70 {
    border-color: color-mix(in srgb, var(--dark-light) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-dark_light-60 {
    border-color: color-mix(in srgb, var(--dark-light) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-dark_light-50 {
    border-color: color-mix(in srgb, var(--dark-light) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-dark_light-40 {
    border-color: color-mix(in srgb, var(--dark-light) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-dark_light-30 {
    border-color: color-mix(in srgb, var(--dark-light) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-dark_light-20 {
    border-color: color-mix(in srgb, var(--dark-light) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-dark_light-10 {
    border-color: color-mix(in srgb, var(--dark-light) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-dark_dark,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-dark_dark-100 {
    background-color: var(--dark-dark) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-dark_dark-90 {
    background-color: color-mix(in srgb, var(--dark-dark) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-dark_dark-80 {
    background-color: color-mix(in srgb, var(--dark-dark) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-dark_dark-70 {
    background-color: color-mix(in srgb, var(--dark-dark) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-dark_dark-60 {
    background-color: color-mix(in srgb, var(--dark-dark) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-dark_dark-50 {
    background-color: color-mix(in srgb, var(--dark-dark) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-dark_dark-40 {
    background-color: color-mix(in srgb, var(--dark-dark) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-dark_dark-30 {
    background-color: color-mix(in srgb, var(--dark-dark) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-dark_dark-20 {
    background-color: color-mix(in srgb, var(--dark-dark) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-dark_dark-10 {
    background-color: color-mix(in srgb, var(--dark-dark) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_dark,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_dark-100 {
    color: var(--dark-dark) !important;
    fill: var(--dark-dark) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_dark *:not([class*="columnz-color"]),
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_dark-90 {
    color: color-mix(in srgb, var(--dark-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_dark-80 {
    color: color-mix(in srgb, var(--dark-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_dark-70 {
    color: color-mix(in srgb, var(--dark-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_dark-60 {
    color: color-mix(in srgb, var(--dark-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_dark-50 {
    color: color-mix(in srgb, var(--dark-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_dark-40 {
    color: color-mix(in srgb, var(--dark-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_dark-30 {
    color: color-mix(in srgb, var(--dark-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_dark-20 {
    color: color-mix(in srgb, var(--dark-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_dark-10 {
    color: color-mix(in srgb, var(--dark-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-dark_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-dark_dark,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-dark_dark-100 {
    border-color: var(--dark-dark) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-dark_dark-90 {
    border-color: color-mix(in srgb, var(--dark-dark) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-dark_dark-80 {
    border-color: color-mix(in srgb, var(--dark-dark) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-dark_dark-70 {
    border-color: color-mix(in srgb, var(--dark-dark) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-dark_dark-60 {
    border-color: color-mix(in srgb, var(--dark-dark) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-dark_dark-50 {
    border-color: color-mix(in srgb, var(--dark-dark) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-dark_dark-40 {
    border-color: color-mix(in srgb, var(--dark-dark) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-dark_dark-30 {
    border-color: color-mix(in srgb, var(--dark-dark) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-dark_dark-20 {
    border-color: color-mix(in srgb, var(--dark-dark) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-dark_dark-10 {
    border-color: color-mix(in srgb, var(--dark-dark) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-light,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-light-100 {
    background-color: var(--light) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-light-90 {
    background-color: color-mix(in srgb, var(--light) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-light-80 {
    background-color: color-mix(in srgb, var(--light) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-light-70 {
    background-color: color-mix(in srgb, var(--light) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-light-60 {
    background-color: color-mix(in srgb, var(--light) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-light-50 {
    background-color: color-mix(in srgb, var(--light) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-light-40 {
    background-color: color-mix(in srgb, var(--light) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-light-30 {
    background-color: color-mix(in srgb, var(--light) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-light-20 {
    background-color: color-mix(in srgb, var(--light) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-light-10 {
    background-color: color-mix(in srgb, var(--light) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light-100 {
    color: var(--light) !important;
    fill: var(--light) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light *:not([class*="columnz-color"]),
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light-90 {
    color: color-mix(in srgb, var(--light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light-80 {
    color: color-mix(in srgb, var(--light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light-70 {
    color: color-mix(in srgb, var(--light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light-60 {
    color: color-mix(in srgb, var(--light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light-50 {
    color: color-mix(in srgb, var(--light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light-40 {
    color: color-mix(in srgb, var(--light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light-30 {
    color: color-mix(in srgb, var(--light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light-20 {
    color: color-mix(in srgb, var(--light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light-10 {
    color: color-mix(in srgb, var(--light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-light,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-light-100 {
    border-color: var(--light) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-light-90 {
    border-color: color-mix(in srgb, var(--light) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-light-80 {
    border-color: color-mix(in srgb, var(--light) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-light-70 {
    border-color: color-mix(in srgb, var(--light) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-light-60 {
    border-color: color-mix(in srgb, var(--light) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-light-50 {
    border-color: color-mix(in srgb, var(--light) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-light-40 {
    border-color: color-mix(in srgb, var(--light) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-light-30 {
    border-color: color-mix(in srgb, var(--light) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-light-20 {
    border-color: color-mix(in srgb, var(--light) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-light-10 {
    border-color: color-mix(in srgb, var(--light) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-light_light,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-light_light-100 {
    background-color: var(--light-light) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-light_light-90 {
    background-color: color-mix(in srgb, var(--light-light) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-light_light-80 {
    background-color: color-mix(in srgb, var(--light-light) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-light_light-70 {
    background-color: color-mix(in srgb, var(--light-light) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-light_light-60 {
    background-color: color-mix(in srgb, var(--light-light) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-light_light-50 {
    background-color: color-mix(in srgb, var(--light-light) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-light_light-40 {
    background-color: color-mix(in srgb, var(--light-light) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-light_light-30 {
    background-color: color-mix(in srgb, var(--light-light) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-light_light-20 {
    background-color: color-mix(in srgb, var(--light-light) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-light_light-10 {
    background-color: color-mix(in srgb, var(--light-light) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_light,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_light-100 {
    color: var(--light-light) !important;
    fill: var(--light-light) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_light *:not([class*="columnz-color"]),
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_light-90 {
    color: color-mix(in srgb, var(--light-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_light-80 {
    color: color-mix(in srgb, var(--light-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_light-70 {
    color: color-mix(in srgb, var(--light-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_light-60 {
    color: color-mix(in srgb, var(--light-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_light-50 {
    color: color-mix(in srgb, var(--light-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_light-40 {
    color: color-mix(in srgb, var(--light-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_light-30 {
    color: color-mix(in srgb, var(--light-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_light-20 {
    color: color-mix(in srgb, var(--light-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_light-10 {
    color: color-mix(in srgb, var(--light-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-light_light,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-light_light-100 {
    border-color: var(--light-light) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-light_light-90 {
    border-color: color-mix(in srgb, var(--light-light) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-light_light-80 {
    border-color: color-mix(in srgb, var(--light-light) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-light_light-70 {
    border-color: color-mix(in srgb, var(--light-light) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-light_light-60 {
    border-color: color-mix(in srgb, var(--light-light) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-light_light-50 {
    border-color: color-mix(in srgb, var(--light-light) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-light_light-40 {
    border-color: color-mix(in srgb, var(--light-light) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-light_light-30 {
    border-color: color-mix(in srgb, var(--light-light) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-light_light-20 {
    border-color: color-mix(in srgb, var(--light-light) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-light_light-10 {
    border-color: color-mix(in srgb, var(--light-light) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-light_dark,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-light_dark-100 {
    background-color: var(--light-dark) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-light_dark-90 {
    background-color: color-mix(in srgb, var(--light-dark) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-light_dark-80 {
    background-color: color-mix(in srgb, var(--light-dark) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-light_dark-70 {
    background-color: color-mix(in srgb, var(--light-dark) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-light_dark-60 {
    background-color: color-mix(in srgb, var(--light-dark) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-light_dark-50 {
    background-color: color-mix(in srgb, var(--light-dark) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-light_dark-40 {
    background-color: color-mix(in srgb, var(--light-dark) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-light_dark-30 {
    background-color: color-mix(in srgb, var(--light-dark) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-light_dark-20 {
    background-color: color-mix(in srgb, var(--light-dark) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-light_dark-10 {
    background-color: color-mix(in srgb, var(--light-dark) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_dark,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_dark-100 {
    color: var(--light-dark) !important;
    fill: var(--light-dark) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_dark *:not([class*="columnz-color"]),
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_dark-90 {
    color: color-mix(in srgb, var(--light-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_dark-80 {
    color: color-mix(in srgb, var(--light-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_dark-70 {
    color: color-mix(in srgb, var(--light-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_dark-60 {
    color: color-mix(in srgb, var(--light-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_dark-50 {
    color: color-mix(in srgb, var(--light-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_dark-40 {
    color: color-mix(in srgb, var(--light-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_dark-30 {
    color: color-mix(in srgb, var(--light-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_dark-20 {
    color: color-mix(in srgb, var(--light-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_dark-10 {
    color: color-mix(in srgb, var(--light-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-light_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-light_dark,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-light_dark-100 {
    border-color: var(--light-dark) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-light_dark-90 {
    border-color: color-mix(in srgb, var(--light-dark) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-light_dark-80 {
    border-color: color-mix(in srgb, var(--light-dark) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-light_dark-70 {
    border-color: color-mix(in srgb, var(--light-dark) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-light_dark-60 {
    border-color: color-mix(in srgb, var(--light-dark) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-light_dark-50 {
    border-color: color-mix(in srgb, var(--light-dark) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-light_dark-40 {
    border-color: color-mix(in srgb, var(--light-dark) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-light_dark-30 {
    border-color: color-mix(in srgb, var(--light-dark) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-light_dark-20 {
    border-color: color-mix(in srgb, var(--light-dark) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-light_dark-10 {
    border-color: color-mix(in srgb, var(--light-dark) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-text,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-text-100 {
    background-color: var(--text) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-text_negative,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-text_negative-100 {
    background-color: var(--text-negative) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-text-90 {
    background-color: color-mix(in srgb, var(--text) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-text-80 {
    background-color: color-mix(in srgb, var(--text) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-text-70 {
    background-color: color-mix(in srgb, var(--text) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-text-60 {
    background-color: color-mix(in srgb, var(--text) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-text-50 {
    background-color: color-mix(in srgb, var(--text) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-text-40 {
    background-color: color-mix(in srgb, var(--text) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-text-30 {
    background-color: color-mix(in srgb, var(--text) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-text-20 {
    background-color: color-mix(in srgb, var(--text) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-text-10 {
    background-color: color-mix(in srgb, var(--text) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-text_negative-90 {
    background-color: color-mix(in srgb, var(--text-negative) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-text_negative-80 {
    background-color: color-mix(in srgb, var(--text-negative) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-text_negative-70 {
    background-color: color-mix(in srgb, var(--text-negative) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-text_negative-60 {
    background-color: color-mix(in srgb, var(--text-negative) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-text_negative-50 {
    background-color: color-mix(in srgb, var(--text-negative) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-text_negative-40 {
    background-color: color-mix(in srgb, var(--text-negative) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-text_negative-30 {
    background-color: color-mix(in srgb, var(--text-negative) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-text_negative-20 {
    background-color: color-mix(in srgb, var(--text-negative) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-text_negative-10 {
    background-color: color-mix(in srgb, var(--text-negative) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text-100 {
    color: var(--text) !important;
    fill: var(--text) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text *:not([class*="columnz-color"]),
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text_negative,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text_negative-100 {
    color: var(--text-negative) !important;
    fill: var(--text-negative) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text_negative *:not([class*="columnz-color"]),
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text_negative-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text-90 {
    color: color-mix(in srgb, var(--text) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text-80 {
    color: color-mix(in srgb, var(--text) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text-70 {
    color: color-mix(in srgb, var(--text) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text-60 {
    color: color-mix(in srgb, var(--text) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text-50 {
    color: color-mix(in srgb, var(--text) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text-40 {
    color: color-mix(in srgb, var(--text) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text-30 {
    color: color-mix(in srgb, var(--text) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text-20 {
    color: color-mix(in srgb, var(--text) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text-10 {
    color: color-mix(in srgb, var(--text) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text_negative-90 {
    color: color-mix(in srgb, var(--text-negative) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text_negative-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text_negative-80 {
    color: color-mix(in srgb, var(--text-negative) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text_negative-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text_negative-70 {
    color: color-mix(in srgb, var(--text-negative) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text_negative-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text_negative-60 {
    color: color-mix(in srgb, var(--text-negative) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text_negative-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text_negative-50 {
    color: color-mix(in srgb, var(--text-negative) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text_negative-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text_negative-40 {
    color: color-mix(in srgb, var(--text-negative) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text_negative-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text_negative-30 {
    color: color-mix(in srgb, var(--text-negative) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text_negative-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text_negative-20 {
    color: color-mix(in srgb, var(--text-negative) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text_negative-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text_negative-10 {
    color: color-mix(in srgb, var(--text-negative) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-text_negative-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-text,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-text-100 {
    border-color: var(--text) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-text_negative,
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-text_negative-100 {
    border-color: var(--text-negative) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-text-90 {
    border-color: color-mix(in srgb, var(--text) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-text-80 {
    border-color: color-mix(in srgb, var(--text) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-text-70 {
    border-color: color-mix(in srgb, var(--text) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-text-60 {
    border-color: color-mix(in srgb, var(--text) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-text-50 {
    border-color: color-mix(in srgb, var(--text) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-text-40 {
    border-color: color-mix(in srgb, var(--text) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-text-30 {
    border-color: color-mix(in srgb, var(--text) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-text-20 {
    border-color: color-mix(in srgb, var(--text) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-text-10 {
    border-color: color-mix(in srgb, var(--text) 10%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-text_negative-90 {
    border-color: color-mix(in srgb, var(--text-negative) 90%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-text_negative-80 {
    border-color: color-mix(in srgb, var(--text-negative) 80%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-text_negative-70 {
    border-color: color-mix(in srgb, var(--text-negative) 70%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-text_negative-60 {
    border-color: color-mix(in srgb, var(--text-negative) 60%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-text_negative-50 {
    border-color: color-mix(in srgb, var(--text-negative) 50%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-text_negative-40 {
    border-color: color-mix(in srgb, var(--text-negative) 40%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-text_negative-30 {
    border-color: color-mix(in srgb, var(--text-negative) 30%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-text_negative-20 {
    border-color: color-mix(in srgb, var(--text-negative) 20%, transparent) !important;
  }
  :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bordercolor-text_negative-10 {
    border-color: color-mix(in srgb, var(--text-negative) 10%, transparent) !important;
  }
  body .hover-element-lg.on-hover-hide,
  body .hover-element-lg .on-hover-hide {
    opacity: 1;
  }
  body .hover-element-lg.on-hover-remove,
  body .hover-element-lg .on-hover-remove {
    display: block;
  }
  body .hover-element-lg.on-hover-hide:hover,
  body .hover-element-lg:hover .on-hover-hide {
    opacity: 0;
  }
  body .hover-element-lg.on-hover-remove:hover,
  body .hover-element-lg:hover .on-hover-remove {
    display: none;
  }
  body .hover-element-lg.on-hover-show,
  body .hover-element-lg .on-hover-show {
    opacity: 0;
  }
  body .hover-element-lg.on-hover-add,
  body .hover-element-lg .on-hover-add {
    display: none;
  }
  body .hover-element-lg.on-hover-show:hover,
  body .hover-element-lg:hover .on-hover-show {
    opacity: 1;
  }
  body .hover-element-lg.on-hover-add:hover,
  body .hover-element-lg:hover .on-hover-add {
    display: block;
  }
  #get_columnz_shadow .hoverable-element-lg.on-hover-hide > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-lg .on-hover-hide > .columnz_outer_content {
    opacity: 1;
  }
  #get_columnz_shadow .hoverable-element-lg.on-hover-remove > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-lg .on-hover-remove > .columnz_outer_content {
    display: block;
  }
  #get_columnz_shadow .hoverable-element-lg.hovered-element.on-hover-hide > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-lg.hovered-element .on-hover-hide > .columnz_outer_content {
    opacity: 0;
  }
  #get_columnz_shadow .hoverable-element-lg.hovered-element.on-hover-remove > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-lg.hovered-element .on-hover-remove > .columnz_outer_content {
    display: none;
  }
  #get_columnz_shadow .hoverable-element-lg.on-hover-show:not(:hover, .focus) > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-lg .on-hover-show:not(:hover, .focus) > .columnz_outer_content {
    opacity: 0.4;
  }
  #get_columnz_shadow .hoverable-element-lg.on-hover-add:not(.focus) > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-lg .on-hover-add:not(.focus) > .columnz_outer_content {
    display: none;
  }
  #get_columnz_shadow .hoverable-element-lg.hovered-element.on-hover-show > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-lg.hovered-element .on-hover-show > .columnz_outer_content {
    opacity: 1;
  }
  #get_columnz_shadow .hoverable-element-lg.hovered-element.on-hover-add > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-lg.hovered-element .on-hover-add > .columnz_outer_content {
    display: block;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) {
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bs-solid {
    border-style: solid !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bs-dashed {
    border-style: dashed !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bs-dotted {
    border-style: dotted !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-text-left {
    text-align: left !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-text-right {
    text-align: right !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-text-center {
    text-align: center !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bw-custom {
    border-width: var(--bs-hover-bw-xs-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwt-custom {
    border-top-width: var(--bs-hover-bwt-xs-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwr-custom {
    border-right-width: var(--bs-hover-bwr-xs-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwb-custom {
    border-bottom-width: var(--bs-hover-bwb-xs-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwl-custom {
    border-left-width: var(--bs-hover-bwl-xs-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bw-0 {
    border-width: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwt-0 {
    border-top-width: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwr-0 {
    border-right-width: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwb-0 {
    border-bottom-width: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwl-0 {
    border-left-width: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bw-1 {
    border-width: 1px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwt-1 {
    border-top-width: 1px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwr-1 {
    border-right-width: 1px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwb-1 {
    border-bottom-width: 1px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwl-1 {
    border-left-width: 1px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bw-2 {
    border-width: 2px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwt-2 {
    border-top-width: 2px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwr-2 {
    border-right-width: 2px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwb-2 {
    border-bottom-width: 2px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwl-2 {
    border-left-width: 2px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bw-3 {
    border-width: 4px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwt-3 {
    border-top-width: 4px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwr-3 {
    border-right-width: 4px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwb-3 {
    border-bottom-width: 4px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwl-3 {
    border-left-width: 4px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bw-4 {
    border-width: 8px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwt-4 {
    border-top-width: 8px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwr-4 {
    border-right-width: 8px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwb-4 {
    border-bottom-width: 8px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwl-4 {
    border-left-width: 8px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-custom {
    margin: var(--bs-hover-m-xs-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-custom {
    margin-top: var(--bs-hover-mt-xs-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-custom {
    margin-right: var(--bs-hover-mr-xs-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-custom {
    margin-bottom: var(--bs-hover-mb-xs-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-custom {
    margin-left: var(--bs-hover-ml-xs-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-0 {
    margin: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-0 {
    margin-top: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-0 {
    margin-right: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-0 {
    margin-bottom: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-0 {
    margin-left: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-1 {
    margin: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-1 {
    margin-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-1 {
    margin-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-1 {
    margin-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-1 {
    margin-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-2 {
    margin: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-2 {
    margin-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-2 {
    margin-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-2 {
    margin-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-2 {
    margin-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-3 {
    margin: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-3 {
    margin-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-3 {
    margin-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-3 {
    margin-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-3 {
    margin-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-4 {
    margin: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-4 {
    margin-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-4 {
    margin-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-4 {
    margin-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-4 {
    margin-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-5 {
    margin: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-5 {
    margin-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-5 {
    margin-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-5 {
    margin-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-5 {
    margin-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-custom {
    padding: var(--bs-hover-p-xs-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-custom {
    padding-top: var(--bs-hover-pt-xs-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-custom {
    padding-right: var(--bs-hover-pr-xs-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-custom {
    padding-bottom: var(--bs-hover-pb-xs-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-custom {
    padding-left: var(--bs-hover-pl-xs-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-0 {
    padding: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-0 {
    padding-top: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-0 {
    padding-right: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-0 {
    padding-bottom: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-0 {
    padding-left: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-1 {
    padding: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-1 {
    padding-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-1 {
    padding-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-1 {
    padding-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-1 {
    padding-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-2 {
    padding: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-2 {
    padding-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-2 {
    padding-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-2 {
    padding-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-2 {
    padding-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-3 {
    padding: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-3 {
    padding-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-3 {
    padding-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-3 {
    padding-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-3 {
    padding-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-4 {
    padding: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-4 {
    padding-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-4 {
    padding-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-4 {
    padding-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-4 {
    padding-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-5 {
    padding: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-5 {
    padding-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-5 {
    padding-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-5 {
    padding-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-5 {
    padding-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-br-custom {
    border-radius: var(--bs-hover-br-xs-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtl-custom {
    border-top-left-radius: var(--bs-hover-brtl-xs-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtr-custom {
    border-top-right-radius: var(--bs-hover-brtr-xs-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbr-custom {
    border-bottom-right-radius: var(--bs-hover-brbr-xs-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbl-custom {
    border-bottom-left-radius: var(--bs-hover-brbl-xs-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-br-0 {
    border-radius: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtl-0 {
    border-top-left-radius: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtr-0 {
    border-top-right-radius: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbr-0 {
    border-bottom-right-radius: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbl-0 {
    border-bottom-left-radius: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-br-1 {
    border-radius: 0.25em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtl-1 {
    border-top-left-radius: 0.25em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtr-1 {
    border-top-right-radius: 0.25em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbr-1 {
    border-bottom-right-radius: 0.25em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbl-1 {
    border-bottom-left-radius: 0.25em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-br-2 {
    border-radius: 0.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtl-2 {
    border-top-left-radius: 0.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtr-2 {
    border-top-right-radius: 0.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbr-2 {
    border-bottom-right-radius: 0.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbl-2 {
    border-bottom-left-radius: 0.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-br-3 {
    border-radius: 1.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtl-3 {
    border-top-left-radius: 1.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtr-3 {
    border-top-right-radius: 1.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbr-3 {
    border-bottom-right-radius: 1.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbl-3 {
    border-bottom-left-radius: 1.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-br-4 {
    border-radius: 3em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtl-4 {
    border-top-left-radius: 3em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtr-4 {
    border-top-right-radius: 3em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbr-4 {
    border-bottom-right-radius: 3em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbl-4 {
    border-bottom-left-radius: 3em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-custom,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-custom * {
    font-size: var(--bs-hover-size-xs-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-inherit,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-inherit * {
    font-size: var(--size) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-inherit h1 {
    font-size: var(--size-h1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-inherit h2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-inherit h2 * {
    font-size: var(--size-h2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-inherit h3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-inherit h3 * {
    font-size: var(--size-h3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-inherit h4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-inherit h4 * {
    font-size: var(--size-h4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-inherit h5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-inherit h5 * {
    font-size: var(--size-h5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-inherit h6,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-inherit h6 * {
    font-size: var(--size-h6) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-1 * {
    font-size: var(--size-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-2 * {
    font-size: var(--size-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-3 * {
    font-size: var(--size-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-4 * {
    font-size: var(--size-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-5 * {
    font-size: var(--size-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-6,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-6 * {
    font-size: var(--size-6) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-7,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-7 * {
    font-size: var(--size-7) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-custom,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-custom * {
    line-height: var(--bs-hover-lh-xs-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-inherit,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-inherit * {
    line-height: var(--line-height) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-1 * {
    line-height: 1 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-2 * {
    line-height: 1.2 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-3 * {
    line-height: 1.7 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-custom,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-custom * {
    font-weight: var(--bs-hover-weight-xs-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-100,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-100 * {
    font-weight: 100 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-200,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-200 * {
    font-weight: 200 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-300,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-300 * {
    font-weight: 300 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-400,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-400 * {
    font-weight: 400 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-500,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-500 * {
    font-weight: 500 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-600,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-600 * {
    font-weight: 600 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-700,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-700 * {
    font-weight: 700 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-800,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-800 * {
    font-weight: 800 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-900,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-900 * {
    font-weight: 900 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_size-custom {
    background-size: var(--bs-hover-image_size-xs-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_size-cover {
    background-size: cover !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_size-contain {
    background-size: contain !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_size-auto {
    background-size: auto !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_pos-custom {
    background-position: var(--bs-hover-image_pos-xs-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_pos-top_left {
    background-position: top left !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_pos-top_right {
    background-position: top right !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_pos-bottom_right {
    background-position: bottom right !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_pos-bottom_left {
    background-position: bottom left !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_pos-center {
    background-position: center !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_repeat-no_repeat {
    background-repeat: no-repeat !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_repeat-repeat {
    background-repeat: repeat !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_att-scroll {
    background-attachment: scroll !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_att-fixed {
    background-attachment: fixed !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-0 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-10 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-10::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.1;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-20 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-20::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.2;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-30 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-30::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.3;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-40 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-40::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.4;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-50 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-50::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.5;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-60 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-60::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.6;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-70 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-70::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.7;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-80 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-80::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.8;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-90 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-90::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.9;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-100 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-100::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 1;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-sm--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-sm--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-sm-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-sm-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-sm-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-sm-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-sm-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-sm-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-sm-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-sm-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-sm-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-sm-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-sm-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-sm-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-sm-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-sm-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-sm-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-sm-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-sm-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-sm-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bs-sm-solid {
    border-style: solid !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bs-sm-dashed {
    border-style: dashed !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bs-sm-dotted {
    border-style: dotted !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-text-sm-left {
    text-align: left !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-text-sm-right {
    text-align: right !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-text-sm-center {
    text-align: center !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bw-sm-custom {
    border-width: var(--bs-hover-bw-sm-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwt-sm-custom {
    border-top-width: var(--bs-hover-bwt-sm-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwr-sm-custom {
    border-right-width: var(--bs-hover-bwr-sm-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwb-sm-custom {
    border-bottom-width: var(--bs-hover-bwb-sm-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwl-sm-custom {
    border-left-width: var(--bs-hover-bwl-sm-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bw-sm-0 {
    border-width: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwt-sm-0 {
    border-top-width: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwr-sm-0 {
    border-right-width: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwb-sm-0 {
    border-bottom-width: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwl-sm-0 {
    border-left-width: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bw-sm-1 {
    border-width: 1px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwt-sm-1 {
    border-top-width: 1px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwr-sm-1 {
    border-right-width: 1px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwb-sm-1 {
    border-bottom-width: 1px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwl-sm-1 {
    border-left-width: 1px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bw-sm-2 {
    border-width: 2px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwt-sm-2 {
    border-top-width: 2px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwr-sm-2 {
    border-right-width: 2px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwb-sm-2 {
    border-bottom-width: 2px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwl-sm-2 {
    border-left-width: 2px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bw-sm-3 {
    border-width: 4px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwt-sm-3 {
    border-top-width: 4px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwr-sm-3 {
    border-right-width: 4px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwb-sm-3 {
    border-bottom-width: 4px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwl-sm-3 {
    border-left-width: 4px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bw-sm-4 {
    border-width: 8px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwt-sm-4 {
    border-top-width: 8px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwr-sm-4 {
    border-right-width: 8px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwb-sm-4 {
    border-bottom-width: 8px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwl-sm-4 {
    border-left-width: 8px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-sm-custom {
    margin: var(--bs-hover-m-sm-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-sm-custom {
    margin-top: var(--bs-hover-mt-sm-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-sm-custom {
    margin-right: var(--bs-hover-mr-sm-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-sm-custom {
    margin-bottom: var(--bs-hover-mb-sm-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-sm-custom {
    margin-left: var(--bs-hover-ml-sm-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-sm-0 {
    margin: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-sm-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-sm-0 {
    margin-top: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-sm-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-sm-0 {
    margin-right: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-sm-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-sm-0 {
    margin-bottom: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-sm-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-sm-0 {
    margin-left: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-sm-1 {
    margin: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-sm-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-sm-1 {
    margin-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-sm-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-sm-1 {
    margin-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-sm-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-sm-1 {
    margin-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-sm-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-sm-1 {
    margin-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-sm-2 {
    margin: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-sm-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-sm-2 {
    margin-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-sm-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-sm-2 {
    margin-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-sm-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-sm-2 {
    margin-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-sm-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-sm-2 {
    margin-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-sm-3 {
    margin: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-sm-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-sm-3 {
    margin-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-sm-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-sm-3 {
    margin-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-sm-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-sm-3 {
    margin-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-sm-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-sm-3 {
    margin-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-sm-4 {
    margin: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-sm-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-sm-4 {
    margin-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-sm-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-sm-4 {
    margin-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-sm-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-sm-4 {
    margin-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-sm-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-sm-4 {
    margin-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-sm-5 {
    margin: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-sm-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-sm-5 {
    margin-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-sm-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-sm-5 {
    margin-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-sm-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-sm-5 {
    margin-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-sm-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-sm-5 {
    margin-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-sm-custom {
    padding: var(--bs-hover-p-sm-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-sm-custom {
    padding-top: var(--bs-hover-pt-sm-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-sm-custom {
    padding-right: var(--bs-hover-pr-sm-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-sm-custom {
    padding-bottom: var(--bs-hover-pb-sm-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-sm-custom {
    padding-left: var(--bs-hover-pl-sm-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-sm-0 {
    padding: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-sm-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-sm-0 {
    padding-top: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-sm-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-sm-0 {
    padding-right: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-sm-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-sm-0 {
    padding-bottom: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-sm-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-sm-0 {
    padding-left: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-sm-1 {
    padding: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-sm-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-sm-1 {
    padding-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-sm-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-sm-1 {
    padding-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-sm-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-sm-1 {
    padding-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-sm-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-sm-1 {
    padding-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-sm-2 {
    padding: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-sm-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-sm-2 {
    padding-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-sm-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-sm-2 {
    padding-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-sm-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-sm-2 {
    padding-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-sm-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-sm-2 {
    padding-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-sm-3 {
    padding: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-sm-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-sm-3 {
    padding-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-sm-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-sm-3 {
    padding-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-sm-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-sm-3 {
    padding-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-sm-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-sm-3 {
    padding-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-sm-4 {
    padding: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-sm-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-sm-4 {
    padding-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-sm-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-sm-4 {
    padding-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-sm-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-sm-4 {
    padding-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-sm-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-sm-4 {
    padding-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-sm-5 {
    padding: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-sm-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-sm-5 {
    padding-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-sm-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-sm-5 {
    padding-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-sm-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-sm-5 {
    padding-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-sm-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-sm-5 {
    padding-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-br-sm-custom {
    border-radius: var(--bs-hover-br-sm-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtl-sm-custom {
    border-top-left-radius: var(--bs-hover-brtl-sm-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtr-sm-custom {
    border-top-right-radius: var(--bs-hover-brtr-sm-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbr-sm-custom {
    border-bottom-right-radius: var(--bs-hover-brbr-sm-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbl-sm-custom {
    border-bottom-left-radius: var(--bs-hover-brbl-sm-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-br-sm-0 {
    border-radius: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtl-sm-0 {
    border-top-left-radius: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtr-sm-0 {
    border-top-right-radius: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbr-sm-0 {
    border-bottom-right-radius: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbl-sm-0 {
    border-bottom-left-radius: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-br-sm-1 {
    border-radius: 0.25em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtl-sm-1 {
    border-top-left-radius: 0.25em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtr-sm-1 {
    border-top-right-radius: 0.25em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbr-sm-1 {
    border-bottom-right-radius: 0.25em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbl-sm-1 {
    border-bottom-left-radius: 0.25em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-br-sm-2 {
    border-radius: 0.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtl-sm-2 {
    border-top-left-radius: 0.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtr-sm-2 {
    border-top-right-radius: 0.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbr-sm-2 {
    border-bottom-right-radius: 0.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbl-sm-2 {
    border-bottom-left-radius: 0.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-br-sm-3 {
    border-radius: 1.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtl-sm-3 {
    border-top-left-radius: 1.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtr-sm-3 {
    border-top-right-radius: 1.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbr-sm-3 {
    border-bottom-right-radius: 1.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbl-sm-3 {
    border-bottom-left-radius: 1.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-br-sm-4 {
    border-radius: 3em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtl-sm-4 {
    border-top-left-radius: 3em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtr-sm-4 {
    border-top-right-radius: 3em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbr-sm-4 {
    border-bottom-right-radius: 3em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbl-sm-4 {
    border-bottom-left-radius: 3em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-sm-custom,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-sm-custom * {
    font-size: var(--bs-hover-size-sm-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-sm-inherit,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-sm-inherit * {
    font-size: var(--size) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-sm-inherit h1 {
    font-size: var(--size-h1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-sm-inherit h2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-sm-inherit h2 * {
    font-size: var(--size-h2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-sm-inherit h3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-sm-inherit h3 * {
    font-size: var(--size-h3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-sm-inherit h4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-sm-inherit h4 * {
    font-size: var(--size-h4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-sm-inherit h5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-sm-inherit h5 * {
    font-size: var(--size-h5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-sm-inherit h6,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-sm-inherit h6 * {
    font-size: var(--size-h6) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-sm-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-sm-1 * {
    font-size: var(--size-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-sm-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-sm-2 * {
    font-size: var(--size-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-sm-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-sm-3 * {
    font-size: var(--size-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-sm-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-sm-4 * {
    font-size: var(--size-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-sm-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-sm-5 * {
    font-size: var(--size-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-sm-6,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-sm-6 * {
    font-size: var(--size-6) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-sm-7,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-sm-7 * {
    font-size: var(--size-7) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-sm-custom,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-sm-custom * {
    line-height: var(--bs-hover-lh-sm-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-sm-inherit,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-sm-inherit * {
    line-height: var(--line-height) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-sm-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-sm-1 * {
    line-height: 1 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-sm-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-sm-2 * {
    line-height: 1.2 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-sm-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-sm-3 * {
    line-height: 1.7 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-sm-custom,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-sm-custom * {
    font-weight: var(--bs-hover-weight-sm-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-sm-100,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-sm-100 * {
    font-weight: 100 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-sm-200,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-sm-200 * {
    font-weight: 200 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-sm-300,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-sm-300 * {
    font-weight: 300 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-sm-400,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-sm-400 * {
    font-weight: 400 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-sm-500,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-sm-500 * {
    font-weight: 500 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-sm-600,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-sm-600 * {
    font-weight: 600 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-sm-700,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-sm-700 * {
    font-weight: 700 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-sm-800,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-sm-800 * {
    font-weight: 800 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-sm-900,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-sm-900 * {
    font-weight: 900 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_size-sm-custom {
    background-size: var(--bs-hover-image_size-sm-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_size-sm-cover {
    background-size: cover !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_size-sm-contain {
    background-size: contain !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_size-sm-auto {
    background-size: auto !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_pos-sm-custom {
    background-position: var(--bs-hover-image_pos-sm-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_pos-sm-top_left {
    background-position: top left !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_pos-sm-top_right {
    background-position: top right !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_pos-sm-bottom_right {
    background-position: bottom right !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_pos-sm-bottom_left {
    background-position: bottom left !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_pos-sm-center {
    background-position: center !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_repeat-sm-no_repeat {
    background-repeat: no-repeat !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_repeat-sm-repeat {
    background-repeat: repeat !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_att-sm-scroll {
    background-attachment: scroll !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_att-sm-fixed {
    background-attachment: fixed !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-sm-0 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-sm-0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-sm-10 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-sm-10::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.1;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-sm-20 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-sm-20::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.2;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-sm-30 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-sm-30::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.3;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-sm-40 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-sm-40::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.4;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-sm-50 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-sm-50::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.5;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-sm-60 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-sm-60::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.6;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-sm-70 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-sm-70::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.7;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-sm-80 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-sm-80::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.8;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-sm-90 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-sm-90::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.9;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-sm-100 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-sm-100::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 1;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-md--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-md--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-md-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-md-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-md-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-md-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-md-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-md-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-md-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-md-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-md-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-md-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-md-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-md-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-md-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-md-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-md-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-md-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-md-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-md-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bs-md-solid {
    border-style: solid !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bs-md-dashed {
    border-style: dashed !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bs-md-dotted {
    border-style: dotted !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-text-md-left {
    text-align: left !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-text-md-right {
    text-align: right !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-text-md-center {
    text-align: center !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bw-md-custom {
    border-width: var(--bs-hover-bw-md-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwt-md-custom {
    border-top-width: var(--bs-hover-bwt-md-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwr-md-custom {
    border-right-width: var(--bs-hover-bwr-md-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwb-md-custom {
    border-bottom-width: var(--bs-hover-bwb-md-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwl-md-custom {
    border-left-width: var(--bs-hover-bwl-md-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bw-md-0 {
    border-width: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwt-md-0 {
    border-top-width: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwr-md-0 {
    border-right-width: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwb-md-0 {
    border-bottom-width: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwl-md-0 {
    border-left-width: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bw-md-1 {
    border-width: 1px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwt-md-1 {
    border-top-width: 1px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwr-md-1 {
    border-right-width: 1px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwb-md-1 {
    border-bottom-width: 1px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwl-md-1 {
    border-left-width: 1px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bw-md-2 {
    border-width: 2px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwt-md-2 {
    border-top-width: 2px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwr-md-2 {
    border-right-width: 2px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwb-md-2 {
    border-bottom-width: 2px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwl-md-2 {
    border-left-width: 2px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bw-md-3 {
    border-width: 4px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwt-md-3 {
    border-top-width: 4px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwr-md-3 {
    border-right-width: 4px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwb-md-3 {
    border-bottom-width: 4px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwl-md-3 {
    border-left-width: 4px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bw-md-4 {
    border-width: 8px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwt-md-4 {
    border-top-width: 8px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwr-md-4 {
    border-right-width: 8px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwb-md-4 {
    border-bottom-width: 8px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwl-md-4 {
    border-left-width: 8px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-md-custom {
    margin: var(--bs-hover-m-md-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-md-custom {
    margin-top: var(--bs-hover-mt-md-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-md-custom {
    margin-right: var(--bs-hover-mr-md-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-md-custom {
    margin-bottom: var(--bs-hover-mb-md-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-md-custom {
    margin-left: var(--bs-hover-ml-md-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-md-0 {
    margin: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-md-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-md-0 {
    margin-top: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-md-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-md-0 {
    margin-right: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-md-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-md-0 {
    margin-bottom: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-md-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-md-0 {
    margin-left: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-md-1 {
    margin: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-md-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-md-1 {
    margin-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-md-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-md-1 {
    margin-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-md-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-md-1 {
    margin-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-md-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-md-1 {
    margin-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-md-2 {
    margin: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-md-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-md-2 {
    margin-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-md-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-md-2 {
    margin-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-md-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-md-2 {
    margin-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-md-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-md-2 {
    margin-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-md-3 {
    margin: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-md-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-md-3 {
    margin-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-md-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-md-3 {
    margin-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-md-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-md-3 {
    margin-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-md-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-md-3 {
    margin-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-md-4 {
    margin: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-md-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-md-4 {
    margin-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-md-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-md-4 {
    margin-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-md-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-md-4 {
    margin-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-md-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-md-4 {
    margin-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-md-5 {
    margin: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-md-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-md-5 {
    margin-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-md-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-md-5 {
    margin-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-md-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-md-5 {
    margin-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-md-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-md-5 {
    margin-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-md-custom {
    padding: var(--bs-hover-p-md-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-md-custom {
    padding-top: var(--bs-hover-pt-md-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-md-custom {
    padding-right: var(--bs-hover-pr-md-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-md-custom {
    padding-bottom: var(--bs-hover-pb-md-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-md-custom {
    padding-left: var(--bs-hover-pl-md-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-md-0 {
    padding: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-md-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-md-0 {
    padding-top: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-md-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-md-0 {
    padding-right: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-md-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-md-0 {
    padding-bottom: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-md-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-md-0 {
    padding-left: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-md-1 {
    padding: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-md-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-md-1 {
    padding-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-md-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-md-1 {
    padding-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-md-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-md-1 {
    padding-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-md-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-md-1 {
    padding-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-md-2 {
    padding: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-md-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-md-2 {
    padding-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-md-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-md-2 {
    padding-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-md-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-md-2 {
    padding-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-md-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-md-2 {
    padding-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-md-3 {
    padding: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-md-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-md-3 {
    padding-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-md-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-md-3 {
    padding-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-md-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-md-3 {
    padding-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-md-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-md-3 {
    padding-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-md-4 {
    padding: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-md-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-md-4 {
    padding-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-md-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-md-4 {
    padding-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-md-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-md-4 {
    padding-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-md-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-md-4 {
    padding-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-md-5 {
    padding: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-md-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-md-5 {
    padding-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-md-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-md-5 {
    padding-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-md-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-md-5 {
    padding-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-md-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-md-5 {
    padding-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-br-md-custom {
    border-radius: var(--bs-hover-br-md-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtl-md-custom {
    border-top-left-radius: var(--bs-hover-brtl-md-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtr-md-custom {
    border-top-right-radius: var(--bs-hover-brtr-md-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbr-md-custom {
    border-bottom-right-radius: var(--bs-hover-brbr-md-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbl-md-custom {
    border-bottom-left-radius: var(--bs-hover-brbl-md-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-br-md-0 {
    border-radius: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtl-md-0 {
    border-top-left-radius: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtr-md-0 {
    border-top-right-radius: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbr-md-0 {
    border-bottom-right-radius: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbl-md-0 {
    border-bottom-left-radius: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-br-md-1 {
    border-radius: 0.25em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtl-md-1 {
    border-top-left-radius: 0.25em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtr-md-1 {
    border-top-right-radius: 0.25em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbr-md-1 {
    border-bottom-right-radius: 0.25em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbl-md-1 {
    border-bottom-left-radius: 0.25em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-br-md-2 {
    border-radius: 0.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtl-md-2 {
    border-top-left-radius: 0.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtr-md-2 {
    border-top-right-radius: 0.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbr-md-2 {
    border-bottom-right-radius: 0.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbl-md-2 {
    border-bottom-left-radius: 0.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-br-md-3 {
    border-radius: 1.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtl-md-3 {
    border-top-left-radius: 1.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtr-md-3 {
    border-top-right-radius: 1.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbr-md-3 {
    border-bottom-right-radius: 1.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbl-md-3 {
    border-bottom-left-radius: 1.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-br-md-4 {
    border-radius: 3em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtl-md-4 {
    border-top-left-radius: 3em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtr-md-4 {
    border-top-right-radius: 3em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbr-md-4 {
    border-bottom-right-radius: 3em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbl-md-4 {
    border-bottom-left-radius: 3em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-md-custom,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-md-custom * {
    font-size: var(--bs-hover-size-md-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-md-inherit,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-md-inherit * {
    font-size: var(--size) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-md-inherit h1 {
    font-size: var(--size-h1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-md-inherit h2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-md-inherit h2 * {
    font-size: var(--size-h2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-md-inherit h3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-md-inherit h3 * {
    font-size: var(--size-h3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-md-inherit h4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-md-inherit h4 * {
    font-size: var(--size-h4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-md-inherit h5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-md-inherit h5 * {
    font-size: var(--size-h5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-md-inherit h6,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-md-inherit h6 * {
    font-size: var(--size-h6) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-md-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-md-1 * {
    font-size: var(--size-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-md-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-md-2 * {
    font-size: var(--size-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-md-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-md-3 * {
    font-size: var(--size-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-md-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-md-4 * {
    font-size: var(--size-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-md-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-md-5 * {
    font-size: var(--size-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-md-6,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-md-6 * {
    font-size: var(--size-6) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-md-7,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-md-7 * {
    font-size: var(--size-7) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-md-custom,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-md-custom * {
    line-height: var(--bs-hover-lh-md-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-md-inherit,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-md-inherit * {
    line-height: var(--line-height) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-md-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-md-1 * {
    line-height: 1 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-md-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-md-2 * {
    line-height: 1.2 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-md-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-md-3 * {
    line-height: 1.7 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-md-custom,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-md-custom * {
    font-weight: var(--bs-hover-weight-md-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-md-100,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-md-100 * {
    font-weight: 100 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-md-200,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-md-200 * {
    font-weight: 200 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-md-300,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-md-300 * {
    font-weight: 300 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-md-400,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-md-400 * {
    font-weight: 400 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-md-500,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-md-500 * {
    font-weight: 500 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-md-600,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-md-600 * {
    font-weight: 600 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-md-700,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-md-700 * {
    font-weight: 700 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-md-800,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-md-800 * {
    font-weight: 800 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-md-900,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-md-900 * {
    font-weight: 900 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_size-md-custom {
    background-size: var(--bs-hover-image_size-md-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_size-md-cover {
    background-size: cover !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_size-md-contain {
    background-size: contain !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_size-md-auto {
    background-size: auto !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_pos-md-custom {
    background-position: var(--bs-hover-image_pos-md-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_pos-md-top_left {
    background-position: top left !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_pos-md-top_right {
    background-position: top right !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_pos-md-bottom_right {
    background-position: bottom right !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_pos-md-bottom_left {
    background-position: bottom left !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_pos-md-center {
    background-position: center !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_repeat-md-no_repeat {
    background-repeat: no-repeat !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_repeat-md-repeat {
    background-repeat: repeat !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_att-md-scroll {
    background-attachment: scroll !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_att-md-fixed {
    background-attachment: fixed !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-md-0 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-md-0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-md-10 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-md-10::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.1;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-md-20 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-md-20::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.2;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-md-30 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-md-30::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.3;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-md-40 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-md-40::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.4;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-md-50 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-md-50::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.5;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-md-60 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-md-60::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.6;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-md-70 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-md-70::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.7;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-md-80 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-md-80::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.8;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-md-90 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-md-90::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.9;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-md-100 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-md-100::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 1;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-lg--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-lg--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-lg-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-lg-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-lg-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-lg-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-lg-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-lg-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-lg-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-lg-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-lg-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-lg-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-lg-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-lg-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-lg-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-lg-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-lg-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-lg-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-lg-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-lg-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bs-lg-solid {
    border-style: solid !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bs-lg-dashed {
    border-style: dashed !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bs-lg-dotted {
    border-style: dotted !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-text-lg-left {
    text-align: left !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-text-lg-right {
    text-align: right !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-text-lg-center {
    text-align: center !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bw-lg-custom {
    border-width: var(--bs-hover-bw-lg-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwt-lg-custom {
    border-top-width: var(--bs-hover-bwt-lg-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwr-lg-custom {
    border-right-width: var(--bs-hover-bwr-lg-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwb-lg-custom {
    border-bottom-width: var(--bs-hover-bwb-lg-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwl-lg-custom {
    border-left-width: var(--bs-hover-bwl-lg-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bw-lg-0 {
    border-width: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwt-lg-0 {
    border-top-width: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwr-lg-0 {
    border-right-width: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwb-lg-0 {
    border-bottom-width: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwl-lg-0 {
    border-left-width: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bw-lg-1 {
    border-width: 1px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwt-lg-1 {
    border-top-width: 1px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwr-lg-1 {
    border-right-width: 1px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwb-lg-1 {
    border-bottom-width: 1px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwl-lg-1 {
    border-left-width: 1px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bw-lg-2 {
    border-width: 2px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwt-lg-2 {
    border-top-width: 2px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwr-lg-2 {
    border-right-width: 2px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwb-lg-2 {
    border-bottom-width: 2px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwl-lg-2 {
    border-left-width: 2px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bw-lg-3 {
    border-width: 4px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwt-lg-3 {
    border-top-width: 4px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwr-lg-3 {
    border-right-width: 4px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwb-lg-3 {
    border-bottom-width: 4px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwl-lg-3 {
    border-left-width: 4px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bw-lg-4 {
    border-width: 8px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwt-lg-4 {
    border-top-width: 8px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwr-lg-4 {
    border-right-width: 8px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwb-lg-4 {
    border-bottom-width: 8px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwl-lg-4 {
    border-left-width: 8px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-lg-custom {
    margin: var(--bs-hover-m-lg-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-lg-custom {
    margin-top: var(--bs-hover-mt-lg-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-lg-custom {
    margin-right: var(--bs-hover-mr-lg-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-lg-custom {
    margin-bottom: var(--bs-hover-mb-lg-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-lg-custom {
    margin-left: var(--bs-hover-ml-lg-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-lg-0 {
    margin: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-lg-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-lg-0 {
    margin-top: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-lg-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-lg-0 {
    margin-right: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-lg-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-lg-0 {
    margin-bottom: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-lg-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-lg-0 {
    margin-left: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-lg-1 {
    margin: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-lg-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-lg-1 {
    margin-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-lg-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-lg-1 {
    margin-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-lg-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-lg-1 {
    margin-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-lg-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-lg-1 {
    margin-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-lg-2 {
    margin: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-lg-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-lg-2 {
    margin-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-lg-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-lg-2 {
    margin-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-lg-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-lg-2 {
    margin-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-lg-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-lg-2 {
    margin-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-lg-3 {
    margin: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-lg-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-lg-3 {
    margin-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-lg-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-lg-3 {
    margin-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-lg-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-lg-3 {
    margin-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-lg-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-lg-3 {
    margin-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-lg-4 {
    margin: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-lg-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-lg-4 {
    margin-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-lg-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-lg-4 {
    margin-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-lg-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-lg-4 {
    margin-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-lg-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-lg-4 {
    margin-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-lg-5 {
    margin: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-lg-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-lg-5 {
    margin-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-lg-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-lg-5 {
    margin-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-lg-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-lg-5 {
    margin-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-lg-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-lg-5 {
    margin-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-lg-custom {
    padding: var(--bs-hover-p-lg-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-lg-custom {
    padding-top: var(--bs-hover-pt-lg-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-lg-custom {
    padding-right: var(--bs-hover-pr-lg-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-lg-custom {
    padding-bottom: var(--bs-hover-pb-lg-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-lg-custom {
    padding-left: var(--bs-hover-pl-lg-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-lg-0 {
    padding: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-lg-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-lg-0 {
    padding-top: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-lg-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-lg-0 {
    padding-right: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-lg-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-lg-0 {
    padding-bottom: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-lg-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-lg-0 {
    padding-left: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-lg-1 {
    padding: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-lg-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-lg-1 {
    padding-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-lg-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-lg-1 {
    padding-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-lg-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-lg-1 {
    padding-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-lg-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-lg-1 {
    padding-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-lg-2 {
    padding: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-lg-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-lg-2 {
    padding-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-lg-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-lg-2 {
    padding-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-lg-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-lg-2 {
    padding-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-lg-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-lg-2 {
    padding-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-lg-3 {
    padding: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-lg-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-lg-3 {
    padding-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-lg-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-lg-3 {
    padding-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-lg-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-lg-3 {
    padding-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-lg-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-lg-3 {
    padding-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-lg-4 {
    padding: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-lg-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-lg-4 {
    padding-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-lg-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-lg-4 {
    padding-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-lg-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-lg-4 {
    padding-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-lg-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-lg-4 {
    padding-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-lg-5 {
    padding: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-lg-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-lg-5 {
    padding-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-lg-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-lg-5 {
    padding-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-lg-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-lg-5 {
    padding-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-lg-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-lg-5 {
    padding-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-br-lg-custom {
    border-radius: var(--bs-hover-br-lg-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtl-lg-custom {
    border-top-left-radius: var(--bs-hover-brtl-lg-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtr-lg-custom {
    border-top-right-radius: var(--bs-hover-brtr-lg-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbr-lg-custom {
    border-bottom-right-radius: var(--bs-hover-brbr-lg-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbl-lg-custom {
    border-bottom-left-radius: var(--bs-hover-brbl-lg-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-br-lg-0 {
    border-radius: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtl-lg-0 {
    border-top-left-radius: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtr-lg-0 {
    border-top-right-radius: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbr-lg-0 {
    border-bottom-right-radius: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbl-lg-0 {
    border-bottom-left-radius: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-br-lg-1 {
    border-radius: 0.25em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtl-lg-1 {
    border-top-left-radius: 0.25em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtr-lg-1 {
    border-top-right-radius: 0.25em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbr-lg-1 {
    border-bottom-right-radius: 0.25em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbl-lg-1 {
    border-bottom-left-radius: 0.25em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-br-lg-2 {
    border-radius: 0.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtl-lg-2 {
    border-top-left-radius: 0.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtr-lg-2 {
    border-top-right-radius: 0.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbr-lg-2 {
    border-bottom-right-radius: 0.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbl-lg-2 {
    border-bottom-left-radius: 0.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-br-lg-3 {
    border-radius: 1.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtl-lg-3 {
    border-top-left-radius: 1.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtr-lg-3 {
    border-top-right-radius: 1.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbr-lg-3 {
    border-bottom-right-radius: 1.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbl-lg-3 {
    border-bottom-left-radius: 1.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-br-lg-4 {
    border-radius: 3em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtl-lg-4 {
    border-top-left-radius: 3em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtr-lg-4 {
    border-top-right-radius: 3em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbr-lg-4 {
    border-bottom-right-radius: 3em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbl-lg-4 {
    border-bottom-left-radius: 3em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-lg-custom,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-lg-custom * {
    font-size: var(--bs-hover-size-lg-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-lg-inherit,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-lg-inherit * {
    font-size: var(--size) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-lg-inherit h1 {
    font-size: var(--size-h1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-lg-inherit h2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-lg-inherit h2 * {
    font-size: var(--size-h2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-lg-inherit h3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-lg-inherit h3 * {
    font-size: var(--size-h3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-lg-inherit h4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-lg-inherit h4 * {
    font-size: var(--size-h4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-lg-inherit h5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-lg-inherit h5 * {
    font-size: var(--size-h5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-lg-inherit h6,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-lg-inherit h6 * {
    font-size: var(--size-h6) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-lg-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-lg-1 * {
    font-size: var(--size-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-lg-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-lg-2 * {
    font-size: var(--size-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-lg-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-lg-3 * {
    font-size: var(--size-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-lg-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-lg-4 * {
    font-size: var(--size-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-lg-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-lg-5 * {
    font-size: var(--size-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-lg-6,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-lg-6 * {
    font-size: var(--size-6) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-lg-7,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-lg-7 * {
    font-size: var(--size-7) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-lg-custom,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-lg-custom * {
    line-height: var(--bs-hover-lh-lg-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-lg-inherit,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-lg-inherit * {
    line-height: var(--line-height) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-lg-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-lg-1 * {
    line-height: 1 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-lg-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-lg-2 * {
    line-height: 1.2 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-lg-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-lg-3 * {
    line-height: 1.7 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-lg-custom,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-lg-custom * {
    font-weight: var(--bs-hover-weight-lg-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-lg-100,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-lg-100 * {
    font-weight: 100 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-lg-200,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-lg-200 * {
    font-weight: 200 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-lg-300,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-lg-300 * {
    font-weight: 300 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-lg-400,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-lg-400 * {
    font-weight: 400 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-lg-500,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-lg-500 * {
    font-weight: 500 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-lg-600,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-lg-600 * {
    font-weight: 600 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-lg-700,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-lg-700 * {
    font-weight: 700 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-lg-800,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-lg-800 * {
    font-weight: 800 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-lg-900,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-lg-900 * {
    font-weight: 900 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_size-lg-custom {
    background-size: var(--bs-hover-image_size-lg-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_size-lg-cover {
    background-size: cover !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_size-lg-contain {
    background-size: contain !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_size-lg-auto {
    background-size: auto !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_pos-lg-custom {
    background-position: var(--bs-hover-image_pos-lg-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_pos-lg-top_left {
    background-position: top left !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_pos-lg-top_right {
    background-position: top right !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_pos-lg-bottom_right {
    background-position: bottom right !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_pos-lg-bottom_left {
    background-position: bottom left !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_pos-lg-center {
    background-position: center !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_repeat-lg-no_repeat {
    background-repeat: no-repeat !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_repeat-lg-repeat {
    background-repeat: repeat !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_att-lg-scroll {
    background-attachment: scroll !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_att-lg-fixed {
    background-attachment: fixed !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-lg-0 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-lg-0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-lg-10 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-lg-10::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.1;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-lg-20 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-lg-20::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.2;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-lg-30 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-lg-30::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.3;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-lg-40 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-lg-40::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.4;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-lg-50 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-lg-50::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.5;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-lg-60 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-lg-60::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.6;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-lg-70 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-lg-70::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.7;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-lg-80 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-lg-80::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.8;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-lg-90 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-lg-90::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.9;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-lg-100 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-lg-100::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 1;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-xl--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-xl--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-xl-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-xl-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-xl-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-xl-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-xl-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-xl-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-xl-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-xl-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-xl-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-xl-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-xl-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-xl-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-xl-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-xl-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-xl-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-xl-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-zindex-xl-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl).hover-zindex-xl-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bs-xl-solid {
    border-style: solid !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bs-xl-dashed {
    border-style: dashed !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bs-xl-dotted {
    border-style: dotted !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-text-xl-left {
    text-align: left !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-text-xl-right {
    text-align: right !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-text-xl-center {
    text-align: center !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bw-xl-custom {
    border-width: var(--bs-hover-bw-xl-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwt-xl-custom {
    border-top-width: var(--bs-hover-bwt-xl-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwr-xl-custom {
    border-right-width: var(--bs-hover-bwr-xl-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwb-xl-custom {
    border-bottom-width: var(--bs-hover-bwb-xl-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwl-xl-custom {
    border-left-width: var(--bs-hover-bwl-xl-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bw-xl-0 {
    border-width: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwt-xl-0 {
    border-top-width: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwr-xl-0 {
    border-right-width: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwb-xl-0 {
    border-bottom-width: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwl-xl-0 {
    border-left-width: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bw-xl-1 {
    border-width: 1px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwt-xl-1 {
    border-top-width: 1px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwr-xl-1 {
    border-right-width: 1px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwb-xl-1 {
    border-bottom-width: 1px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwl-xl-1 {
    border-left-width: 1px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bw-xl-2 {
    border-width: 2px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwt-xl-2 {
    border-top-width: 2px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwr-xl-2 {
    border-right-width: 2px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwb-xl-2 {
    border-bottom-width: 2px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwl-xl-2 {
    border-left-width: 2px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bw-xl-3 {
    border-width: 4px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwt-xl-3 {
    border-top-width: 4px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwr-xl-3 {
    border-right-width: 4px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwb-xl-3 {
    border-bottom-width: 4px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwl-xl-3 {
    border-left-width: 4px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bw-xl-4 {
    border-width: 8px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwt-xl-4 {
    border-top-width: 8px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwr-xl-4 {
    border-right-width: 8px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwb-xl-4 {
    border-bottom-width: 8px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bwl-xl-4 {
    border-left-width: 8px !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-xl-custom {
    margin: var(--bs-hover-m-xl-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-xl-custom {
    margin-top: var(--bs-hover-mt-xl-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-xl-custom {
    margin-right: var(--bs-hover-mr-xl-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-xl-custom {
    margin-bottom: var(--bs-hover-mb-xl-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-xl-custom {
    margin-left: var(--bs-hover-ml-xl-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-xl-0 {
    margin: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-xl-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-xl-0 {
    margin-top: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-xl-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-xl-0 {
    margin-right: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-xl-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-xl-0 {
    margin-bottom: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-xl-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-xl-0 {
    margin-left: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-xl-1 {
    margin: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-xl-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-xl-1 {
    margin-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-xl-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-xl-1 {
    margin-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-xl-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-xl-1 {
    margin-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-xl-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-xl-1 {
    margin-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-xl-2 {
    margin: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-xl-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-xl-2 {
    margin-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-xl-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-xl-2 {
    margin-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-xl-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-xl-2 {
    margin-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-xl-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-xl-2 {
    margin-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-xl-3 {
    margin: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-xl-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-xl-3 {
    margin-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-xl-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-xl-3 {
    margin-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-xl-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-xl-3 {
    margin-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-xl-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-xl-3 {
    margin-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-xl-4 {
    margin: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-xl-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-xl-4 {
    margin-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-xl-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-xl-4 {
    margin-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-xl-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-xl-4 {
    margin-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-xl-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-xl-4 {
    margin-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-m-xl-5 {
    margin: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mt-xl-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-xl-5 {
    margin-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mr-xl-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-xl-5 {
    margin-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mb-xl-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-my-xl-5 {
    margin-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-ml-xl-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-mx-xl-5 {
    margin-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-xl-custom {
    padding: var(--bs-hover-p-xl-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-xl-custom {
    padding-top: var(--bs-hover-pt-xl-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-xl-custom {
    padding-right: var(--bs-hover-pr-xl-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-xl-custom {
    padding-bottom: var(--bs-hover-pb-xl-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-xl-custom {
    padding-left: var(--bs-hover-pl-xl-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-xl-0 {
    padding: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-xl-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-xl-0 {
    padding-top: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-xl-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-xl-0 {
    padding-right: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-xl-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-xl-0 {
    padding-bottom: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-xl-0,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-xl-0 {
    padding-left: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-xl-1 {
    padding: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-xl-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-xl-1 {
    padding-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-xl-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-xl-1 {
    padding-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-xl-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-xl-1 {
    padding-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-xl-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-xl-1 {
    padding-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-xl-2 {
    padding: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-xl-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-xl-2 {
    padding-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-xl-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-xl-2 {
    padding-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-xl-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-xl-2 {
    padding-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-xl-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-xl-2 {
    padding-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-xl-3 {
    padding: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-xl-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-xl-3 {
    padding-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-xl-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-xl-3 {
    padding-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-xl-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-xl-3 {
    padding-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-xl-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-xl-3 {
    padding-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-xl-4 {
    padding: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-xl-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-xl-4 {
    padding-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-xl-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-xl-4 {
    padding-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-xl-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-xl-4 {
    padding-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-xl-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-xl-4 {
    padding-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-p-xl-5 {
    padding: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pt-xl-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-xl-5 {
    padding-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pr-xl-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-xl-5 {
    padding-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pb-xl-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-py-xl-5 {
    padding-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-pl-xl-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-px-xl-5 {
    padding-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-br-xl-custom {
    border-radius: var(--bs-hover-br-xl-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtl-xl-custom {
    border-top-left-radius: var(--bs-hover-brtl-xl-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtr-xl-custom {
    border-top-right-radius: var(--bs-hover-brtr-xl-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbr-xl-custom {
    border-bottom-right-radius: var(--bs-hover-brbr-xl-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbl-xl-custom {
    border-bottom-left-radius: var(--bs-hover-brbl-xl-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-br-xl-0 {
    border-radius: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtl-xl-0 {
    border-top-left-radius: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtr-xl-0 {
    border-top-right-radius: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbr-xl-0 {
    border-bottom-right-radius: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbl-xl-0 {
    border-bottom-left-radius: 0 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-br-xl-1 {
    border-radius: 0.25em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtl-xl-1 {
    border-top-left-radius: 0.25em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtr-xl-1 {
    border-top-right-radius: 0.25em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbr-xl-1 {
    border-bottom-right-radius: 0.25em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbl-xl-1 {
    border-bottom-left-radius: 0.25em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-br-xl-2 {
    border-radius: 0.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtl-xl-2 {
    border-top-left-radius: 0.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtr-xl-2 {
    border-top-right-radius: 0.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbr-xl-2 {
    border-bottom-right-radius: 0.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbl-xl-2 {
    border-bottom-left-radius: 0.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-br-xl-3 {
    border-radius: 1.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtl-xl-3 {
    border-top-left-radius: 1.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtr-xl-3 {
    border-top-right-radius: 1.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbr-xl-3 {
    border-bottom-right-radius: 1.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbl-xl-3 {
    border-bottom-left-radius: 1.5em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-br-xl-4 {
    border-radius: 3em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtl-xl-4 {
    border-top-left-radius: 3em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brtr-xl-4 {
    border-top-right-radius: 3em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbr-xl-4 {
    border-bottom-right-radius: 3em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-brbl-xl-4 {
    border-bottom-left-radius: 3em !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-xl-custom,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-xl-custom * {
    font-size: var(--bs-hover-size-xl-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-xl-inherit,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-xl-inherit * {
    font-size: var(--size) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-xl-inherit h1 {
    font-size: var(--size-h1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-xl-inherit h2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-xl-inherit h2 * {
    font-size: var(--size-h2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-xl-inherit h3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-xl-inherit h3 * {
    font-size: var(--size-h3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-xl-inherit h4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-xl-inherit h4 * {
    font-size: var(--size-h4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-xl-inherit h5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-xl-inherit h5 * {
    font-size: var(--size-h5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-xl-inherit h6,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-xl-inherit h6 * {
    font-size: var(--size-h6) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-xl-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-xl-1 * {
    font-size: var(--size-1) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-xl-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-xl-2 * {
    font-size: var(--size-2) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-xl-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-xl-3 * {
    font-size: var(--size-3) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-xl-4,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-xl-4 * {
    font-size: var(--size-4) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-xl-5,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-xl-5 * {
    font-size: var(--size-5) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-xl-6,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-xl-6 * {
    font-size: var(--size-6) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-xl-7,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-size-xl-7 * {
    font-size: var(--size-7) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-xl-custom,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-xl-custom * {
    line-height: var(--bs-hover-lh-xl-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-xl-inherit,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-xl-inherit * {
    line-height: var(--line-height) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-xl-1,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-xl-1 * {
    line-height: 1 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-xl-2,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-xl-2 * {
    line-height: 1.2 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-xl-3,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-lh-xl-3 * {
    line-height: 1.7 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-xl-custom,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-xl-custom * {
    font-weight: var(--bs-hover-weight-xl-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-xl-100,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-xl-100 * {
    font-weight: 100 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-xl-200,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-xl-200 * {
    font-weight: 200 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-xl-300,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-xl-300 * {
    font-weight: 300 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-xl-400,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-xl-400 * {
    font-weight: 400 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-xl-500,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-xl-500 * {
    font-weight: 500 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-xl-600,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-xl-600 * {
    font-weight: 600 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-xl-700,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-xl-700 * {
    font-weight: 700 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-xl-800,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-xl-800 * {
    font-weight: 800 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-xl-900,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-weight-xl-900 * {
    font-weight: 900 !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_size-xl-custom {
    background-size: var(--bs-hover-image_size-xl-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_size-xl-cover {
    background-size: cover !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_size-xl-contain {
    background-size: contain !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_size-xl-auto {
    background-size: auto !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_pos-xl-custom {
    background-position: var(--bs-hover-image_pos-xl-custom) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_pos-xl-top_left {
    background-position: top left !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_pos-xl-top_right {
    background-position: top right !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_pos-xl-bottom_right {
    background-position: bottom right !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_pos-xl-bottom_left {
    background-position: bottom left !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_pos-xl-center {
    background-position: center !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_repeat-xl-no_repeat {
    background-repeat: no-repeat !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_repeat-xl-repeat {
    background-repeat: repeat !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_att-xl-scroll {
    background-attachment: scroll !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-image_att-xl-fixed {
    background-attachment: fixed !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-xl-0 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-xl-0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-xl-10 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-xl-10::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.1;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-xl-20 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-xl-20::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.2;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-xl-30 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-xl-30::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.3;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-xl-40 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-xl-40::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.4;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-xl-50 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-xl-50::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.5;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-xl-60 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-xl-60::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.6;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-xl-70 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-xl-70::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.7;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-xl-80 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-xl-80::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.8;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-xl-90 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-xl-90::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.9;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-xl-100 {
    position: relative;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-bg-img-blend-xl-100::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 1;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-primary,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-primary-100 {
    background-color: var(--primary) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-primary-90 {
    background-color: color-mix(in srgb, var(--primary) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-primary-80 {
    background-color: color-mix(in srgb, var(--primary) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-primary-70 {
    background-color: color-mix(in srgb, var(--primary) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-primary-60 {
    background-color: color-mix(in srgb, var(--primary) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-primary-50 {
    background-color: color-mix(in srgb, var(--primary) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-primary-40 {
    background-color: color-mix(in srgb, var(--primary) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-primary-30 {
    background-color: color-mix(in srgb, var(--primary) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-primary-20 {
    background-color: color-mix(in srgb, var(--primary) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-primary-10 {
    background-color: color-mix(in srgb, var(--primary) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary-100 {
    color: var(--primary) !important;
    fill: var(--primary) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary *:not([class*="columnz-color"]),
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary-90 {
    color: color-mix(in srgb, var(--primary) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary-80 {
    color: color-mix(in srgb, var(--primary) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary-70 {
    color: color-mix(in srgb, var(--primary) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary-60 {
    color: color-mix(in srgb, var(--primary) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary-50 {
    color: color-mix(in srgb, var(--primary) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary-40 {
    color: color-mix(in srgb, var(--primary) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary-30 {
    color: color-mix(in srgb, var(--primary) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary-20 {
    color: color-mix(in srgb, var(--primary) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary-10 {
    color: color-mix(in srgb, var(--primary) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-primary,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-primary-100 {
    border-color: var(--primary) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-primary-90 {
    border-color: color-mix(in srgb, var(--primary) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-primary-80 {
    border-color: color-mix(in srgb, var(--primary) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-primary-70 {
    border-color: color-mix(in srgb, var(--primary) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-primary-60 {
    border-color: color-mix(in srgb, var(--primary) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-primary-50 {
    border-color: color-mix(in srgb, var(--primary) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-primary-40 {
    border-color: color-mix(in srgb, var(--primary) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-primary-30 {
    border-color: color-mix(in srgb, var(--primary) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-primary-20 {
    border-color: color-mix(in srgb, var(--primary) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-primary-10 {
    border-color: color-mix(in srgb, var(--primary) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-primary_light,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-primary_light-100 {
    background-color: var(--primary-light) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-primary_light-90 {
    background-color: color-mix(in srgb, var(--primary-light) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-primary_light-80 {
    background-color: color-mix(in srgb, var(--primary-light) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-primary_light-70 {
    background-color: color-mix(in srgb, var(--primary-light) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-primary_light-60 {
    background-color: color-mix(in srgb, var(--primary-light) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-primary_light-50 {
    background-color: color-mix(in srgb, var(--primary-light) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-primary_light-40 {
    background-color: color-mix(in srgb, var(--primary-light) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-primary_light-30 {
    background-color: color-mix(in srgb, var(--primary-light) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-primary_light-20 {
    background-color: color-mix(in srgb, var(--primary-light) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-primary_light-10 {
    background-color: color-mix(in srgb, var(--primary-light) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_light,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_light-100 {
    color: var(--primary-light) !important;
    fill: var(--primary-light) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_light *:not([class*="columnz-color"]),
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_light-90 {
    color: color-mix(in srgb, var(--primary-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_light-80 {
    color: color-mix(in srgb, var(--primary-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_light-70 {
    color: color-mix(in srgb, var(--primary-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_light-60 {
    color: color-mix(in srgb, var(--primary-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_light-50 {
    color: color-mix(in srgb, var(--primary-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_light-40 {
    color: color-mix(in srgb, var(--primary-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_light-30 {
    color: color-mix(in srgb, var(--primary-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_light-20 {
    color: color-mix(in srgb, var(--primary-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_light-10 {
    color: color-mix(in srgb, var(--primary-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-primary_light,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-primary_light-100 {
    border-color: var(--primary-light) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-primary_light-90 {
    border-color: color-mix(in srgb, var(--primary-light) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-primary_light-80 {
    border-color: color-mix(in srgb, var(--primary-light) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-primary_light-70 {
    border-color: color-mix(in srgb, var(--primary-light) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-primary_light-60 {
    border-color: color-mix(in srgb, var(--primary-light) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-primary_light-50 {
    border-color: color-mix(in srgb, var(--primary-light) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-primary_light-40 {
    border-color: color-mix(in srgb, var(--primary-light) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-primary_light-30 {
    border-color: color-mix(in srgb, var(--primary-light) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-primary_light-20 {
    border-color: color-mix(in srgb, var(--primary-light) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-primary_light-10 {
    border-color: color-mix(in srgb, var(--primary-light) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-primary_dark,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-primary_dark-100 {
    background-color: var(--primary-dark) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-primary_dark-90 {
    background-color: color-mix(in srgb, var(--primary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-primary_dark-80 {
    background-color: color-mix(in srgb, var(--primary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-primary_dark-70 {
    background-color: color-mix(in srgb, var(--primary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-primary_dark-60 {
    background-color: color-mix(in srgb, var(--primary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-primary_dark-50 {
    background-color: color-mix(in srgb, var(--primary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-primary_dark-40 {
    background-color: color-mix(in srgb, var(--primary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-primary_dark-30 {
    background-color: color-mix(in srgb, var(--primary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-primary_dark-20 {
    background-color: color-mix(in srgb, var(--primary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-primary_dark-10 {
    background-color: color-mix(in srgb, var(--primary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_dark,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_dark-100 {
    color: var(--primary-dark) !important;
    fill: var(--primary-dark) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_dark *:not([class*="columnz-color"]),
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_dark-90 {
    color: color-mix(in srgb, var(--primary-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_dark-80 {
    color: color-mix(in srgb, var(--primary-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_dark-70 {
    color: color-mix(in srgb, var(--primary-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_dark-60 {
    color: color-mix(in srgb, var(--primary-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_dark-50 {
    color: color-mix(in srgb, var(--primary-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_dark-40 {
    color: color-mix(in srgb, var(--primary-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_dark-30 {
    color: color-mix(in srgb, var(--primary-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_dark-20 {
    color: color-mix(in srgb, var(--primary-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_dark-10 {
    color: color-mix(in srgb, var(--primary-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-primary_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-primary_dark,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-primary_dark-100 {
    border-color: var(--primary-dark) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-primary_dark-90 {
    border-color: color-mix(in srgb, var(--primary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-primary_dark-80 {
    border-color: color-mix(in srgb, var(--primary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-primary_dark-70 {
    border-color: color-mix(in srgb, var(--primary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-primary_dark-60 {
    border-color: color-mix(in srgb, var(--primary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-primary_dark-50 {
    border-color: color-mix(in srgb, var(--primary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-primary_dark-40 {
    border-color: color-mix(in srgb, var(--primary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-primary_dark-30 {
    border-color: color-mix(in srgb, var(--primary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-primary_dark-20 {
    border-color: color-mix(in srgb, var(--primary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-primary_dark-10 {
    border-color: color-mix(in srgb, var(--primary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-secondary,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-secondary-100 {
    background-color: var(--secondary) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-secondary-90 {
    background-color: color-mix(in srgb, var(--secondary) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-secondary-80 {
    background-color: color-mix(in srgb, var(--secondary) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-secondary-70 {
    background-color: color-mix(in srgb, var(--secondary) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-secondary-60 {
    background-color: color-mix(in srgb, var(--secondary) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-secondary-50 {
    background-color: color-mix(in srgb, var(--secondary) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-secondary-40 {
    background-color: color-mix(in srgb, var(--secondary) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-secondary-30 {
    background-color: color-mix(in srgb, var(--secondary) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-secondary-20 {
    background-color: color-mix(in srgb, var(--secondary) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-secondary-10 {
    background-color: color-mix(in srgb, var(--secondary) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary-100 {
    color: var(--secondary) !important;
    fill: var(--secondary) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary *:not([class*="columnz-color"]),
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary-90 {
    color: color-mix(in srgb, var(--secondary) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary-80 {
    color: color-mix(in srgb, var(--secondary) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary-70 {
    color: color-mix(in srgb, var(--secondary) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary-60 {
    color: color-mix(in srgb, var(--secondary) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary-50 {
    color: color-mix(in srgb, var(--secondary) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary-40 {
    color: color-mix(in srgb, var(--secondary) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary-30 {
    color: color-mix(in srgb, var(--secondary) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary-20 {
    color: color-mix(in srgb, var(--secondary) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary-10 {
    color: color-mix(in srgb, var(--secondary) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-secondary,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-secondary-100 {
    border-color: var(--secondary) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-secondary-90 {
    border-color: color-mix(in srgb, var(--secondary) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-secondary-80 {
    border-color: color-mix(in srgb, var(--secondary) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-secondary-70 {
    border-color: color-mix(in srgb, var(--secondary) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-secondary-60 {
    border-color: color-mix(in srgb, var(--secondary) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-secondary-50 {
    border-color: color-mix(in srgb, var(--secondary) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-secondary-40 {
    border-color: color-mix(in srgb, var(--secondary) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-secondary-30 {
    border-color: color-mix(in srgb, var(--secondary) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-secondary-20 {
    border-color: color-mix(in srgb, var(--secondary) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-secondary-10 {
    border-color: color-mix(in srgb, var(--secondary) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-secondary_light,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-secondary_light-100 {
    background-color: var(--secondary-light) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-secondary_light-90 {
    background-color: color-mix(in srgb, var(--secondary-light) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-secondary_light-80 {
    background-color: color-mix(in srgb, var(--secondary-light) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-secondary_light-70 {
    background-color: color-mix(in srgb, var(--secondary-light) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-secondary_light-60 {
    background-color: color-mix(in srgb, var(--secondary-light) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-secondary_light-50 {
    background-color: color-mix(in srgb, var(--secondary-light) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-secondary_light-40 {
    background-color: color-mix(in srgb, var(--secondary-light) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-secondary_light-30 {
    background-color: color-mix(in srgb, var(--secondary-light) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-secondary_light-20 {
    background-color: color-mix(in srgb, var(--secondary-light) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-secondary_light-10 {
    background-color: color-mix(in srgb, var(--secondary-light) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_light,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_light-100 {
    color: var(--secondary-light) !important;
    fill: var(--secondary-light) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_light *:not([class*="columnz-color"]),
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_light-90 {
    color: color-mix(in srgb, var(--secondary-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_light-80 {
    color: color-mix(in srgb, var(--secondary-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_light-70 {
    color: color-mix(in srgb, var(--secondary-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_light-60 {
    color: color-mix(in srgb, var(--secondary-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_light-50 {
    color: color-mix(in srgb, var(--secondary-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_light-40 {
    color: color-mix(in srgb, var(--secondary-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_light-30 {
    color: color-mix(in srgb, var(--secondary-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_light-20 {
    color: color-mix(in srgb, var(--secondary-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_light-10 {
    color: color-mix(in srgb, var(--secondary-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-secondary_light,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-secondary_light-100 {
    border-color: var(--secondary-light) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-secondary_light-90 {
    border-color: color-mix(in srgb, var(--secondary-light) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-secondary_light-80 {
    border-color: color-mix(in srgb, var(--secondary-light) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-secondary_light-70 {
    border-color: color-mix(in srgb, var(--secondary-light) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-secondary_light-60 {
    border-color: color-mix(in srgb, var(--secondary-light) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-secondary_light-50 {
    border-color: color-mix(in srgb, var(--secondary-light) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-secondary_light-40 {
    border-color: color-mix(in srgb, var(--secondary-light) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-secondary_light-30 {
    border-color: color-mix(in srgb, var(--secondary-light) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-secondary_light-20 {
    border-color: color-mix(in srgb, var(--secondary-light) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-secondary_light-10 {
    border-color: color-mix(in srgb, var(--secondary-light) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-secondary_dark,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-secondary_dark-100 {
    background-color: var(--secondary-dark) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-secondary_dark-90 {
    background-color: color-mix(in srgb, var(--secondary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-secondary_dark-80 {
    background-color: color-mix(in srgb, var(--secondary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-secondary_dark-70 {
    background-color: color-mix(in srgb, var(--secondary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-secondary_dark-60 {
    background-color: color-mix(in srgb, var(--secondary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-secondary_dark-50 {
    background-color: color-mix(in srgb, var(--secondary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-secondary_dark-40 {
    background-color: color-mix(in srgb, var(--secondary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-secondary_dark-30 {
    background-color: color-mix(in srgb, var(--secondary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-secondary_dark-20 {
    background-color: color-mix(in srgb, var(--secondary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-secondary_dark-10 {
    background-color: color-mix(in srgb, var(--secondary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_dark,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_dark-100 {
    color: var(--secondary-dark) !important;
    fill: var(--secondary-dark) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_dark *:not([class*="columnz-color"]),
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_dark-90 {
    color: color-mix(in srgb, var(--secondary-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_dark-80 {
    color: color-mix(in srgb, var(--secondary-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_dark-70 {
    color: color-mix(in srgb, var(--secondary-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_dark-60 {
    color: color-mix(in srgb, var(--secondary-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_dark-50 {
    color: color-mix(in srgb, var(--secondary-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_dark-40 {
    color: color-mix(in srgb, var(--secondary-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_dark-30 {
    color: color-mix(in srgb, var(--secondary-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_dark-20 {
    color: color-mix(in srgb, var(--secondary-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_dark-10 {
    color: color-mix(in srgb, var(--secondary-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-secondary_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-secondary_dark,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-secondary_dark-100 {
    border-color: var(--secondary-dark) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-secondary_dark-90 {
    border-color: color-mix(in srgb, var(--secondary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-secondary_dark-80 {
    border-color: color-mix(in srgb, var(--secondary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-secondary_dark-70 {
    border-color: color-mix(in srgb, var(--secondary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-secondary_dark-60 {
    border-color: color-mix(in srgb, var(--secondary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-secondary_dark-50 {
    border-color: color-mix(in srgb, var(--secondary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-secondary_dark-40 {
    border-color: color-mix(in srgb, var(--secondary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-secondary_dark-30 {
    border-color: color-mix(in srgb, var(--secondary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-secondary_dark-20 {
    border-color: color-mix(in srgb, var(--secondary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-secondary_dark-10 {
    border-color: color-mix(in srgb, var(--secondary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-info,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-info-100 {
    background-color: var(--info) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-info-90 {
    background-color: color-mix(in srgb, var(--info) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-info-80 {
    background-color: color-mix(in srgb, var(--info) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-info-70 {
    background-color: color-mix(in srgb, var(--info) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-info-60 {
    background-color: color-mix(in srgb, var(--info) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-info-50 {
    background-color: color-mix(in srgb, var(--info) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-info-40 {
    background-color: color-mix(in srgb, var(--info) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-info-30 {
    background-color: color-mix(in srgb, var(--info) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-info-20 {
    background-color: color-mix(in srgb, var(--info) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-info-10 {
    background-color: color-mix(in srgb, var(--info) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info-100 {
    color: var(--info) !important;
    fill: var(--info) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info *:not([class*="columnz-color"]),
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info-90 {
    color: color-mix(in srgb, var(--info) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info-80 {
    color: color-mix(in srgb, var(--info) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info-70 {
    color: color-mix(in srgb, var(--info) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info-60 {
    color: color-mix(in srgb, var(--info) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info-50 {
    color: color-mix(in srgb, var(--info) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info-40 {
    color: color-mix(in srgb, var(--info) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info-30 {
    color: color-mix(in srgb, var(--info) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info-20 {
    color: color-mix(in srgb, var(--info) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info-10 {
    color: color-mix(in srgb, var(--info) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-info,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-info-100 {
    border-color: var(--info) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-info-90 {
    border-color: color-mix(in srgb, var(--info) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-info-80 {
    border-color: color-mix(in srgb, var(--info) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-info-70 {
    border-color: color-mix(in srgb, var(--info) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-info-60 {
    border-color: color-mix(in srgb, var(--info) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-info-50 {
    border-color: color-mix(in srgb, var(--info) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-info-40 {
    border-color: color-mix(in srgb, var(--info) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-info-30 {
    border-color: color-mix(in srgb, var(--info) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-info-20 {
    border-color: color-mix(in srgb, var(--info) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-info-10 {
    border-color: color-mix(in srgb, var(--info) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-info_light,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-info_light-100 {
    background-color: var(--info-light) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-info_light-90 {
    background-color: color-mix(in srgb, var(--info-light) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-info_light-80 {
    background-color: color-mix(in srgb, var(--info-light) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-info_light-70 {
    background-color: color-mix(in srgb, var(--info-light) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-info_light-60 {
    background-color: color-mix(in srgb, var(--info-light) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-info_light-50 {
    background-color: color-mix(in srgb, var(--info-light) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-info_light-40 {
    background-color: color-mix(in srgb, var(--info-light) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-info_light-30 {
    background-color: color-mix(in srgb, var(--info-light) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-info_light-20 {
    background-color: color-mix(in srgb, var(--info-light) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-info_light-10 {
    background-color: color-mix(in srgb, var(--info-light) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_light,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_light-100 {
    color: var(--info-light) !important;
    fill: var(--info-light) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_light *:not([class*="columnz-color"]),
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_light-90 {
    color: color-mix(in srgb, var(--info-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_light-80 {
    color: color-mix(in srgb, var(--info-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_light-70 {
    color: color-mix(in srgb, var(--info-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_light-60 {
    color: color-mix(in srgb, var(--info-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_light-50 {
    color: color-mix(in srgb, var(--info-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_light-40 {
    color: color-mix(in srgb, var(--info-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_light-30 {
    color: color-mix(in srgb, var(--info-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_light-20 {
    color: color-mix(in srgb, var(--info-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_light-10 {
    color: color-mix(in srgb, var(--info-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-info_light,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-info_light-100 {
    border-color: var(--info-light) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-info_light-90 {
    border-color: color-mix(in srgb, var(--info-light) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-info_light-80 {
    border-color: color-mix(in srgb, var(--info-light) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-info_light-70 {
    border-color: color-mix(in srgb, var(--info-light) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-info_light-60 {
    border-color: color-mix(in srgb, var(--info-light) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-info_light-50 {
    border-color: color-mix(in srgb, var(--info-light) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-info_light-40 {
    border-color: color-mix(in srgb, var(--info-light) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-info_light-30 {
    border-color: color-mix(in srgb, var(--info-light) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-info_light-20 {
    border-color: color-mix(in srgb, var(--info-light) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-info_light-10 {
    border-color: color-mix(in srgb, var(--info-light) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-info_dark,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-info_dark-100 {
    background-color: var(--info-dark) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-info_dark-90 {
    background-color: color-mix(in srgb, var(--info-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-info_dark-80 {
    background-color: color-mix(in srgb, var(--info-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-info_dark-70 {
    background-color: color-mix(in srgb, var(--info-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-info_dark-60 {
    background-color: color-mix(in srgb, var(--info-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-info_dark-50 {
    background-color: color-mix(in srgb, var(--info-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-info_dark-40 {
    background-color: color-mix(in srgb, var(--info-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-info_dark-30 {
    background-color: color-mix(in srgb, var(--info-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-info_dark-20 {
    background-color: color-mix(in srgb, var(--info-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-info_dark-10 {
    background-color: color-mix(in srgb, var(--info-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_dark,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_dark-100 {
    color: var(--info-dark) !important;
    fill: var(--info-dark) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_dark *:not([class*="columnz-color"]),
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_dark-90 {
    color: color-mix(in srgb, var(--info-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_dark-80 {
    color: color-mix(in srgb, var(--info-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_dark-70 {
    color: color-mix(in srgb, var(--info-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_dark-60 {
    color: color-mix(in srgb, var(--info-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_dark-50 {
    color: color-mix(in srgb, var(--info-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_dark-40 {
    color: color-mix(in srgb, var(--info-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_dark-30 {
    color: color-mix(in srgb, var(--info-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_dark-20 {
    color: color-mix(in srgb, var(--info-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_dark-10 {
    color: color-mix(in srgb, var(--info-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-info_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-info_dark,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-info_dark-100 {
    border-color: var(--info-dark) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-info_dark-90 {
    border-color: color-mix(in srgb, var(--info-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-info_dark-80 {
    border-color: color-mix(in srgb, var(--info-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-info_dark-70 {
    border-color: color-mix(in srgb, var(--info-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-info_dark-60 {
    border-color: color-mix(in srgb, var(--info-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-info_dark-50 {
    border-color: color-mix(in srgb, var(--info-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-info_dark-40 {
    border-color: color-mix(in srgb, var(--info-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-info_dark-30 {
    border-color: color-mix(in srgb, var(--info-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-info_dark-20 {
    border-color: color-mix(in srgb, var(--info-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-info_dark-10 {
    border-color: color-mix(in srgb, var(--info-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-success,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-success-100 {
    background-color: var(--success) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-success-90 {
    background-color: color-mix(in srgb, var(--success) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-success-80 {
    background-color: color-mix(in srgb, var(--success) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-success-70 {
    background-color: color-mix(in srgb, var(--success) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-success-60 {
    background-color: color-mix(in srgb, var(--success) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-success-50 {
    background-color: color-mix(in srgb, var(--success) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-success-40 {
    background-color: color-mix(in srgb, var(--success) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-success-30 {
    background-color: color-mix(in srgb, var(--success) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-success-20 {
    background-color: color-mix(in srgb, var(--success) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-success-10 {
    background-color: color-mix(in srgb, var(--success) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success-100 {
    color: var(--success) !important;
    fill: var(--success) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success *:not([class*="columnz-color"]),
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success-90 {
    color: color-mix(in srgb, var(--success) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success-80 {
    color: color-mix(in srgb, var(--success) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success-70 {
    color: color-mix(in srgb, var(--success) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success-60 {
    color: color-mix(in srgb, var(--success) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success-50 {
    color: color-mix(in srgb, var(--success) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success-40 {
    color: color-mix(in srgb, var(--success) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success-30 {
    color: color-mix(in srgb, var(--success) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success-20 {
    color: color-mix(in srgb, var(--success) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success-10 {
    color: color-mix(in srgb, var(--success) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-success,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-success-100 {
    border-color: var(--success) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-success-90 {
    border-color: color-mix(in srgb, var(--success) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-success-80 {
    border-color: color-mix(in srgb, var(--success) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-success-70 {
    border-color: color-mix(in srgb, var(--success) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-success-60 {
    border-color: color-mix(in srgb, var(--success) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-success-50 {
    border-color: color-mix(in srgb, var(--success) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-success-40 {
    border-color: color-mix(in srgb, var(--success) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-success-30 {
    border-color: color-mix(in srgb, var(--success) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-success-20 {
    border-color: color-mix(in srgb, var(--success) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-success-10 {
    border-color: color-mix(in srgb, var(--success) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-success_light,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-success_light-100 {
    background-color: var(--success-light) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-success_light-90 {
    background-color: color-mix(in srgb, var(--success-light) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-success_light-80 {
    background-color: color-mix(in srgb, var(--success-light) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-success_light-70 {
    background-color: color-mix(in srgb, var(--success-light) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-success_light-60 {
    background-color: color-mix(in srgb, var(--success-light) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-success_light-50 {
    background-color: color-mix(in srgb, var(--success-light) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-success_light-40 {
    background-color: color-mix(in srgb, var(--success-light) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-success_light-30 {
    background-color: color-mix(in srgb, var(--success-light) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-success_light-20 {
    background-color: color-mix(in srgb, var(--success-light) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-success_light-10 {
    background-color: color-mix(in srgb, var(--success-light) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_light,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_light-100 {
    color: var(--success-light) !important;
    fill: var(--success-light) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_light *:not([class*="columnz-color"]),
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_light-90 {
    color: color-mix(in srgb, var(--success-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_light-80 {
    color: color-mix(in srgb, var(--success-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_light-70 {
    color: color-mix(in srgb, var(--success-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_light-60 {
    color: color-mix(in srgb, var(--success-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_light-50 {
    color: color-mix(in srgb, var(--success-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_light-40 {
    color: color-mix(in srgb, var(--success-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_light-30 {
    color: color-mix(in srgb, var(--success-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_light-20 {
    color: color-mix(in srgb, var(--success-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_light-10 {
    color: color-mix(in srgb, var(--success-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-success_light,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-success_light-100 {
    border-color: var(--success-light) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-success_light-90 {
    border-color: color-mix(in srgb, var(--success-light) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-success_light-80 {
    border-color: color-mix(in srgb, var(--success-light) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-success_light-70 {
    border-color: color-mix(in srgb, var(--success-light) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-success_light-60 {
    border-color: color-mix(in srgb, var(--success-light) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-success_light-50 {
    border-color: color-mix(in srgb, var(--success-light) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-success_light-40 {
    border-color: color-mix(in srgb, var(--success-light) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-success_light-30 {
    border-color: color-mix(in srgb, var(--success-light) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-success_light-20 {
    border-color: color-mix(in srgb, var(--success-light) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-success_light-10 {
    border-color: color-mix(in srgb, var(--success-light) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-success_dark,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-success_dark-100 {
    background-color: var(--success-dark) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-success_dark-90 {
    background-color: color-mix(in srgb, var(--success-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-success_dark-80 {
    background-color: color-mix(in srgb, var(--success-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-success_dark-70 {
    background-color: color-mix(in srgb, var(--success-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-success_dark-60 {
    background-color: color-mix(in srgb, var(--success-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-success_dark-50 {
    background-color: color-mix(in srgb, var(--success-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-success_dark-40 {
    background-color: color-mix(in srgb, var(--success-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-success_dark-30 {
    background-color: color-mix(in srgb, var(--success-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-success_dark-20 {
    background-color: color-mix(in srgb, var(--success-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-success_dark-10 {
    background-color: color-mix(in srgb, var(--success-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_dark,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_dark-100 {
    color: var(--success-dark) !important;
    fill: var(--success-dark) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_dark *:not([class*="columnz-color"]),
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_dark-90 {
    color: color-mix(in srgb, var(--success-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_dark-80 {
    color: color-mix(in srgb, var(--success-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_dark-70 {
    color: color-mix(in srgb, var(--success-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_dark-60 {
    color: color-mix(in srgb, var(--success-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_dark-50 {
    color: color-mix(in srgb, var(--success-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_dark-40 {
    color: color-mix(in srgb, var(--success-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_dark-30 {
    color: color-mix(in srgb, var(--success-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_dark-20 {
    color: color-mix(in srgb, var(--success-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_dark-10 {
    color: color-mix(in srgb, var(--success-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-success_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-success_dark,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-success_dark-100 {
    border-color: var(--success-dark) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-success_dark-90 {
    border-color: color-mix(in srgb, var(--success-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-success_dark-80 {
    border-color: color-mix(in srgb, var(--success-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-success_dark-70 {
    border-color: color-mix(in srgb, var(--success-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-success_dark-60 {
    border-color: color-mix(in srgb, var(--success-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-success_dark-50 {
    border-color: color-mix(in srgb, var(--success-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-success_dark-40 {
    border-color: color-mix(in srgb, var(--success-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-success_dark-30 {
    border-color: color-mix(in srgb, var(--success-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-success_dark-20 {
    border-color: color-mix(in srgb, var(--success-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-success_dark-10 {
    border-color: color-mix(in srgb, var(--success-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-warning,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-warning-100 {
    background-color: var(--warning) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-warning-90 {
    background-color: color-mix(in srgb, var(--warning) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-warning-80 {
    background-color: color-mix(in srgb, var(--warning) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-warning-70 {
    background-color: color-mix(in srgb, var(--warning) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-warning-60 {
    background-color: color-mix(in srgb, var(--warning) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-warning-50 {
    background-color: color-mix(in srgb, var(--warning) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-warning-40 {
    background-color: color-mix(in srgb, var(--warning) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-warning-30 {
    background-color: color-mix(in srgb, var(--warning) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-warning-20 {
    background-color: color-mix(in srgb, var(--warning) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-warning-10 {
    background-color: color-mix(in srgb, var(--warning) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning-100 {
    color: var(--warning) !important;
    fill: var(--warning) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning *:not([class*="columnz-color"]),
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning-90 {
    color: color-mix(in srgb, var(--warning) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning-80 {
    color: color-mix(in srgb, var(--warning) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning-70 {
    color: color-mix(in srgb, var(--warning) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning-60 {
    color: color-mix(in srgb, var(--warning) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning-50 {
    color: color-mix(in srgb, var(--warning) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning-40 {
    color: color-mix(in srgb, var(--warning) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning-30 {
    color: color-mix(in srgb, var(--warning) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning-20 {
    color: color-mix(in srgb, var(--warning) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning-10 {
    color: color-mix(in srgb, var(--warning) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-warning,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-warning-100 {
    border-color: var(--warning) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-warning-90 {
    border-color: color-mix(in srgb, var(--warning) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-warning-80 {
    border-color: color-mix(in srgb, var(--warning) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-warning-70 {
    border-color: color-mix(in srgb, var(--warning) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-warning-60 {
    border-color: color-mix(in srgb, var(--warning) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-warning-50 {
    border-color: color-mix(in srgb, var(--warning) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-warning-40 {
    border-color: color-mix(in srgb, var(--warning) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-warning-30 {
    border-color: color-mix(in srgb, var(--warning) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-warning-20 {
    border-color: color-mix(in srgb, var(--warning) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-warning-10 {
    border-color: color-mix(in srgb, var(--warning) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-warning_light,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-warning_light-100 {
    background-color: var(--warning-light) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-warning_light-90 {
    background-color: color-mix(in srgb, var(--warning-light) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-warning_light-80 {
    background-color: color-mix(in srgb, var(--warning-light) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-warning_light-70 {
    background-color: color-mix(in srgb, var(--warning-light) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-warning_light-60 {
    background-color: color-mix(in srgb, var(--warning-light) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-warning_light-50 {
    background-color: color-mix(in srgb, var(--warning-light) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-warning_light-40 {
    background-color: color-mix(in srgb, var(--warning-light) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-warning_light-30 {
    background-color: color-mix(in srgb, var(--warning-light) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-warning_light-20 {
    background-color: color-mix(in srgb, var(--warning-light) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-warning_light-10 {
    background-color: color-mix(in srgb, var(--warning-light) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_light,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_light-100 {
    color: var(--warning-light) !important;
    fill: var(--warning-light) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_light *:not([class*="columnz-color"]),
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_light-90 {
    color: color-mix(in srgb, var(--warning-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_light-80 {
    color: color-mix(in srgb, var(--warning-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_light-70 {
    color: color-mix(in srgb, var(--warning-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_light-60 {
    color: color-mix(in srgb, var(--warning-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_light-50 {
    color: color-mix(in srgb, var(--warning-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_light-40 {
    color: color-mix(in srgb, var(--warning-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_light-30 {
    color: color-mix(in srgb, var(--warning-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_light-20 {
    color: color-mix(in srgb, var(--warning-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_light-10 {
    color: color-mix(in srgb, var(--warning-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-warning_light,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-warning_light-100 {
    border-color: var(--warning-light) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-warning_light-90 {
    border-color: color-mix(in srgb, var(--warning-light) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-warning_light-80 {
    border-color: color-mix(in srgb, var(--warning-light) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-warning_light-70 {
    border-color: color-mix(in srgb, var(--warning-light) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-warning_light-60 {
    border-color: color-mix(in srgb, var(--warning-light) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-warning_light-50 {
    border-color: color-mix(in srgb, var(--warning-light) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-warning_light-40 {
    border-color: color-mix(in srgb, var(--warning-light) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-warning_light-30 {
    border-color: color-mix(in srgb, var(--warning-light) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-warning_light-20 {
    border-color: color-mix(in srgb, var(--warning-light) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-warning_light-10 {
    border-color: color-mix(in srgb, var(--warning-light) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-warning_dark,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-warning_dark-100 {
    background-color: var(--warning-dark) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-warning_dark-90 {
    background-color: color-mix(in srgb, var(--warning-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-warning_dark-80 {
    background-color: color-mix(in srgb, var(--warning-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-warning_dark-70 {
    background-color: color-mix(in srgb, var(--warning-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-warning_dark-60 {
    background-color: color-mix(in srgb, var(--warning-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-warning_dark-50 {
    background-color: color-mix(in srgb, var(--warning-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-warning_dark-40 {
    background-color: color-mix(in srgb, var(--warning-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-warning_dark-30 {
    background-color: color-mix(in srgb, var(--warning-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-warning_dark-20 {
    background-color: color-mix(in srgb, var(--warning-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-warning_dark-10 {
    background-color: color-mix(in srgb, var(--warning-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_dark,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_dark-100 {
    color: var(--warning-dark) !important;
    fill: var(--warning-dark) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_dark *:not([class*="columnz-color"]),
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_dark-90 {
    color: color-mix(in srgb, var(--warning-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_dark-80 {
    color: color-mix(in srgb, var(--warning-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_dark-70 {
    color: color-mix(in srgb, var(--warning-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_dark-60 {
    color: color-mix(in srgb, var(--warning-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_dark-50 {
    color: color-mix(in srgb, var(--warning-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_dark-40 {
    color: color-mix(in srgb, var(--warning-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_dark-30 {
    color: color-mix(in srgb, var(--warning-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_dark-20 {
    color: color-mix(in srgb, var(--warning-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_dark-10 {
    color: color-mix(in srgb, var(--warning-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-warning_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-warning_dark,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-warning_dark-100 {
    border-color: var(--warning-dark) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-warning_dark-90 {
    border-color: color-mix(in srgb, var(--warning-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-warning_dark-80 {
    border-color: color-mix(in srgb, var(--warning-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-warning_dark-70 {
    border-color: color-mix(in srgb, var(--warning-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-warning_dark-60 {
    border-color: color-mix(in srgb, var(--warning-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-warning_dark-50 {
    border-color: color-mix(in srgb, var(--warning-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-warning_dark-40 {
    border-color: color-mix(in srgb, var(--warning-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-warning_dark-30 {
    border-color: color-mix(in srgb, var(--warning-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-warning_dark-20 {
    border-color: color-mix(in srgb, var(--warning-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-warning_dark-10 {
    border-color: color-mix(in srgb, var(--warning-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-danger,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-danger-100 {
    background-color: var(--danger) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-danger-90 {
    background-color: color-mix(in srgb, var(--danger) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-danger-80 {
    background-color: color-mix(in srgb, var(--danger) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-danger-70 {
    background-color: color-mix(in srgb, var(--danger) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-danger-60 {
    background-color: color-mix(in srgb, var(--danger) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-danger-50 {
    background-color: color-mix(in srgb, var(--danger) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-danger-40 {
    background-color: color-mix(in srgb, var(--danger) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-danger-30 {
    background-color: color-mix(in srgb, var(--danger) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-danger-20 {
    background-color: color-mix(in srgb, var(--danger) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-danger-10 {
    background-color: color-mix(in srgb, var(--danger) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger-100 {
    color: var(--danger) !important;
    fill: var(--danger) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger *:not([class*="columnz-color"]),
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger-90 {
    color: color-mix(in srgb, var(--danger) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger-80 {
    color: color-mix(in srgb, var(--danger) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger-70 {
    color: color-mix(in srgb, var(--danger) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger-60 {
    color: color-mix(in srgb, var(--danger) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger-50 {
    color: color-mix(in srgb, var(--danger) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger-40 {
    color: color-mix(in srgb, var(--danger) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger-30 {
    color: color-mix(in srgb, var(--danger) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger-20 {
    color: color-mix(in srgb, var(--danger) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger-10 {
    color: color-mix(in srgb, var(--danger) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-danger,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-danger-100 {
    border-color: var(--danger) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-danger-90 {
    border-color: color-mix(in srgb, var(--danger) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-danger-80 {
    border-color: color-mix(in srgb, var(--danger) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-danger-70 {
    border-color: color-mix(in srgb, var(--danger) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-danger-60 {
    border-color: color-mix(in srgb, var(--danger) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-danger-50 {
    border-color: color-mix(in srgb, var(--danger) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-danger-40 {
    border-color: color-mix(in srgb, var(--danger) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-danger-30 {
    border-color: color-mix(in srgb, var(--danger) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-danger-20 {
    border-color: color-mix(in srgb, var(--danger) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-danger-10 {
    border-color: color-mix(in srgb, var(--danger) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-danger_light,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-danger_light-100 {
    background-color: var(--danger-light) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-danger_light-90 {
    background-color: color-mix(in srgb, var(--danger-light) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-danger_light-80 {
    background-color: color-mix(in srgb, var(--danger-light) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-danger_light-70 {
    background-color: color-mix(in srgb, var(--danger-light) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-danger_light-60 {
    background-color: color-mix(in srgb, var(--danger-light) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-danger_light-50 {
    background-color: color-mix(in srgb, var(--danger-light) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-danger_light-40 {
    background-color: color-mix(in srgb, var(--danger-light) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-danger_light-30 {
    background-color: color-mix(in srgb, var(--danger-light) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-danger_light-20 {
    background-color: color-mix(in srgb, var(--danger-light) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-danger_light-10 {
    background-color: color-mix(in srgb, var(--danger-light) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_light,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_light-100 {
    color: var(--danger-light) !important;
    fill: var(--danger-light) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_light *:not([class*="columnz-color"]),
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_light-90 {
    color: color-mix(in srgb, var(--danger-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_light-80 {
    color: color-mix(in srgb, var(--danger-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_light-70 {
    color: color-mix(in srgb, var(--danger-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_light-60 {
    color: color-mix(in srgb, var(--danger-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_light-50 {
    color: color-mix(in srgb, var(--danger-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_light-40 {
    color: color-mix(in srgb, var(--danger-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_light-30 {
    color: color-mix(in srgb, var(--danger-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_light-20 {
    color: color-mix(in srgb, var(--danger-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_light-10 {
    color: color-mix(in srgb, var(--danger-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-danger_light,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-danger_light-100 {
    border-color: var(--danger-light) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-danger_light-90 {
    border-color: color-mix(in srgb, var(--danger-light) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-danger_light-80 {
    border-color: color-mix(in srgb, var(--danger-light) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-danger_light-70 {
    border-color: color-mix(in srgb, var(--danger-light) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-danger_light-60 {
    border-color: color-mix(in srgb, var(--danger-light) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-danger_light-50 {
    border-color: color-mix(in srgb, var(--danger-light) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-danger_light-40 {
    border-color: color-mix(in srgb, var(--danger-light) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-danger_light-30 {
    border-color: color-mix(in srgb, var(--danger-light) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-danger_light-20 {
    border-color: color-mix(in srgb, var(--danger-light) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-danger_light-10 {
    border-color: color-mix(in srgb, var(--danger-light) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-danger_dark,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-danger_dark-100 {
    background-color: var(--danger-dark) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-danger_dark-90 {
    background-color: color-mix(in srgb, var(--danger-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-danger_dark-80 {
    background-color: color-mix(in srgb, var(--danger-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-danger_dark-70 {
    background-color: color-mix(in srgb, var(--danger-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-danger_dark-60 {
    background-color: color-mix(in srgb, var(--danger-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-danger_dark-50 {
    background-color: color-mix(in srgb, var(--danger-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-danger_dark-40 {
    background-color: color-mix(in srgb, var(--danger-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-danger_dark-30 {
    background-color: color-mix(in srgb, var(--danger-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-danger_dark-20 {
    background-color: color-mix(in srgb, var(--danger-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-danger_dark-10 {
    background-color: color-mix(in srgb, var(--danger-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_dark,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_dark-100 {
    color: var(--danger-dark) !important;
    fill: var(--danger-dark) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_dark *:not([class*="columnz-color"]),
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_dark-90 {
    color: color-mix(in srgb, var(--danger-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_dark-80 {
    color: color-mix(in srgb, var(--danger-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_dark-70 {
    color: color-mix(in srgb, var(--danger-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_dark-60 {
    color: color-mix(in srgb, var(--danger-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_dark-50 {
    color: color-mix(in srgb, var(--danger-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_dark-40 {
    color: color-mix(in srgb, var(--danger-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_dark-30 {
    color: color-mix(in srgb, var(--danger-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_dark-20 {
    color: color-mix(in srgb, var(--danger-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_dark-10 {
    color: color-mix(in srgb, var(--danger-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-danger_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-danger_dark,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-danger_dark-100 {
    border-color: var(--danger-dark) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-danger_dark-90 {
    border-color: color-mix(in srgb, var(--danger-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-danger_dark-80 {
    border-color: color-mix(in srgb, var(--danger-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-danger_dark-70 {
    border-color: color-mix(in srgb, var(--danger-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-danger_dark-60 {
    border-color: color-mix(in srgb, var(--danger-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-danger_dark-50 {
    border-color: color-mix(in srgb, var(--danger-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-danger_dark-40 {
    border-color: color-mix(in srgb, var(--danger-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-danger_dark-30 {
    border-color: color-mix(in srgb, var(--danger-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-danger_dark-20 {
    border-color: color-mix(in srgb, var(--danger-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-danger_dark-10 {
    border-color: color-mix(in srgb, var(--danger-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-dark,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-dark-100 {
    background-color: var(--dark) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-dark-90 {
    background-color: color-mix(in srgb, var(--dark) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-dark-80 {
    background-color: color-mix(in srgb, var(--dark) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-dark-70 {
    background-color: color-mix(in srgb, var(--dark) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-dark-60 {
    background-color: color-mix(in srgb, var(--dark) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-dark-50 {
    background-color: color-mix(in srgb, var(--dark) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-dark-40 {
    background-color: color-mix(in srgb, var(--dark) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-dark-30 {
    background-color: color-mix(in srgb, var(--dark) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-dark-20 {
    background-color: color-mix(in srgb, var(--dark) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-dark-10 {
    background-color: color-mix(in srgb, var(--dark) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark-100 {
    color: var(--dark) !important;
    fill: var(--dark) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark *:not([class*="columnz-color"]),
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark-90 {
    color: color-mix(in srgb, var(--dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark-80 {
    color: color-mix(in srgb, var(--dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark-70 {
    color: color-mix(in srgb, var(--dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark-60 {
    color: color-mix(in srgb, var(--dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark-50 {
    color: color-mix(in srgb, var(--dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark-40 {
    color: color-mix(in srgb, var(--dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark-30 {
    color: color-mix(in srgb, var(--dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark-20 {
    color: color-mix(in srgb, var(--dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark-10 {
    color: color-mix(in srgb, var(--dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-dark,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-dark-100 {
    border-color: var(--dark) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-dark-90 {
    border-color: color-mix(in srgb, var(--dark) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-dark-80 {
    border-color: color-mix(in srgb, var(--dark) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-dark-70 {
    border-color: color-mix(in srgb, var(--dark) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-dark-60 {
    border-color: color-mix(in srgb, var(--dark) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-dark-50 {
    border-color: color-mix(in srgb, var(--dark) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-dark-40 {
    border-color: color-mix(in srgb, var(--dark) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-dark-30 {
    border-color: color-mix(in srgb, var(--dark) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-dark-20 {
    border-color: color-mix(in srgb, var(--dark) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-dark-10 {
    border-color: color-mix(in srgb, var(--dark) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-dark_light,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-dark_light-100 {
    background-color: var(--dark-light) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-dark_light-90 {
    background-color: color-mix(in srgb, var(--dark-light) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-dark_light-80 {
    background-color: color-mix(in srgb, var(--dark-light) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-dark_light-70 {
    background-color: color-mix(in srgb, var(--dark-light) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-dark_light-60 {
    background-color: color-mix(in srgb, var(--dark-light) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-dark_light-50 {
    background-color: color-mix(in srgb, var(--dark-light) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-dark_light-40 {
    background-color: color-mix(in srgb, var(--dark-light) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-dark_light-30 {
    background-color: color-mix(in srgb, var(--dark-light) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-dark_light-20 {
    background-color: color-mix(in srgb, var(--dark-light) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-dark_light-10 {
    background-color: color-mix(in srgb, var(--dark-light) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_light,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_light-100 {
    color: var(--dark-light) !important;
    fill: var(--dark-light) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_light *:not([class*="columnz-color"]),
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_light-90 {
    color: color-mix(in srgb, var(--dark-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_light-80 {
    color: color-mix(in srgb, var(--dark-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_light-70 {
    color: color-mix(in srgb, var(--dark-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_light-60 {
    color: color-mix(in srgb, var(--dark-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_light-50 {
    color: color-mix(in srgb, var(--dark-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_light-40 {
    color: color-mix(in srgb, var(--dark-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_light-30 {
    color: color-mix(in srgb, var(--dark-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_light-20 {
    color: color-mix(in srgb, var(--dark-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_light-10 {
    color: color-mix(in srgb, var(--dark-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-dark_light,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-dark_light-100 {
    border-color: var(--dark-light) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-dark_light-90 {
    border-color: color-mix(in srgb, var(--dark-light) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-dark_light-80 {
    border-color: color-mix(in srgb, var(--dark-light) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-dark_light-70 {
    border-color: color-mix(in srgb, var(--dark-light) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-dark_light-60 {
    border-color: color-mix(in srgb, var(--dark-light) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-dark_light-50 {
    border-color: color-mix(in srgb, var(--dark-light) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-dark_light-40 {
    border-color: color-mix(in srgb, var(--dark-light) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-dark_light-30 {
    border-color: color-mix(in srgb, var(--dark-light) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-dark_light-20 {
    border-color: color-mix(in srgb, var(--dark-light) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-dark_light-10 {
    border-color: color-mix(in srgb, var(--dark-light) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-dark_dark,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-dark_dark-100 {
    background-color: var(--dark-dark) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-dark_dark-90 {
    background-color: color-mix(in srgb, var(--dark-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-dark_dark-80 {
    background-color: color-mix(in srgb, var(--dark-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-dark_dark-70 {
    background-color: color-mix(in srgb, var(--dark-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-dark_dark-60 {
    background-color: color-mix(in srgb, var(--dark-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-dark_dark-50 {
    background-color: color-mix(in srgb, var(--dark-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-dark_dark-40 {
    background-color: color-mix(in srgb, var(--dark-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-dark_dark-30 {
    background-color: color-mix(in srgb, var(--dark-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-dark_dark-20 {
    background-color: color-mix(in srgb, var(--dark-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-dark_dark-10 {
    background-color: color-mix(in srgb, var(--dark-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_dark,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_dark-100 {
    color: var(--dark-dark) !important;
    fill: var(--dark-dark) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_dark *:not([class*="columnz-color"]),
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_dark-90 {
    color: color-mix(in srgb, var(--dark-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_dark-80 {
    color: color-mix(in srgb, var(--dark-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_dark-70 {
    color: color-mix(in srgb, var(--dark-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_dark-60 {
    color: color-mix(in srgb, var(--dark-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_dark-50 {
    color: color-mix(in srgb, var(--dark-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_dark-40 {
    color: color-mix(in srgb, var(--dark-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_dark-30 {
    color: color-mix(in srgb, var(--dark-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_dark-20 {
    color: color-mix(in srgb, var(--dark-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_dark-10 {
    color: color-mix(in srgb, var(--dark-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-dark_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-dark_dark,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-dark_dark-100 {
    border-color: var(--dark-dark) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-dark_dark-90 {
    border-color: color-mix(in srgb, var(--dark-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-dark_dark-80 {
    border-color: color-mix(in srgb, var(--dark-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-dark_dark-70 {
    border-color: color-mix(in srgb, var(--dark-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-dark_dark-60 {
    border-color: color-mix(in srgb, var(--dark-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-dark_dark-50 {
    border-color: color-mix(in srgb, var(--dark-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-dark_dark-40 {
    border-color: color-mix(in srgb, var(--dark-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-dark_dark-30 {
    border-color: color-mix(in srgb, var(--dark-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-dark_dark-20 {
    border-color: color-mix(in srgb, var(--dark-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-dark_dark-10 {
    border-color: color-mix(in srgb, var(--dark-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-light,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-light-100 {
    background-color: var(--light) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-light-90 {
    background-color: color-mix(in srgb, var(--light) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-light-80 {
    background-color: color-mix(in srgb, var(--light) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-light-70 {
    background-color: color-mix(in srgb, var(--light) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-light-60 {
    background-color: color-mix(in srgb, var(--light) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-light-50 {
    background-color: color-mix(in srgb, var(--light) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-light-40 {
    background-color: color-mix(in srgb, var(--light) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-light-30 {
    background-color: color-mix(in srgb, var(--light) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-light-20 {
    background-color: color-mix(in srgb, var(--light) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-light-10 {
    background-color: color-mix(in srgb, var(--light) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light-100 {
    color: var(--light) !important;
    fill: var(--light) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light *:not([class*="columnz-color"]),
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light-90 {
    color: color-mix(in srgb, var(--light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light-80 {
    color: color-mix(in srgb, var(--light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light-70 {
    color: color-mix(in srgb, var(--light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light-60 {
    color: color-mix(in srgb, var(--light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light-50 {
    color: color-mix(in srgb, var(--light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light-40 {
    color: color-mix(in srgb, var(--light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light-30 {
    color: color-mix(in srgb, var(--light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light-20 {
    color: color-mix(in srgb, var(--light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light-10 {
    color: color-mix(in srgb, var(--light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-light,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-light-100 {
    border-color: var(--light) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-light-90 {
    border-color: color-mix(in srgb, var(--light) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-light-80 {
    border-color: color-mix(in srgb, var(--light) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-light-70 {
    border-color: color-mix(in srgb, var(--light) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-light-60 {
    border-color: color-mix(in srgb, var(--light) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-light-50 {
    border-color: color-mix(in srgb, var(--light) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-light-40 {
    border-color: color-mix(in srgb, var(--light) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-light-30 {
    border-color: color-mix(in srgb, var(--light) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-light-20 {
    border-color: color-mix(in srgb, var(--light) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-light-10 {
    border-color: color-mix(in srgb, var(--light) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-light_light,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-light_light-100 {
    background-color: var(--light-light) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-light_light-90 {
    background-color: color-mix(in srgb, var(--light-light) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-light_light-80 {
    background-color: color-mix(in srgb, var(--light-light) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-light_light-70 {
    background-color: color-mix(in srgb, var(--light-light) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-light_light-60 {
    background-color: color-mix(in srgb, var(--light-light) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-light_light-50 {
    background-color: color-mix(in srgb, var(--light-light) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-light_light-40 {
    background-color: color-mix(in srgb, var(--light-light) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-light_light-30 {
    background-color: color-mix(in srgb, var(--light-light) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-light_light-20 {
    background-color: color-mix(in srgb, var(--light-light) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-light_light-10 {
    background-color: color-mix(in srgb, var(--light-light) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_light,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_light-100 {
    color: var(--light-light) !important;
    fill: var(--light-light) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_light *:not([class*="columnz-color"]),
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_light-90 {
    color: color-mix(in srgb, var(--light-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_light-80 {
    color: color-mix(in srgb, var(--light-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_light-70 {
    color: color-mix(in srgb, var(--light-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_light-60 {
    color: color-mix(in srgb, var(--light-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_light-50 {
    color: color-mix(in srgb, var(--light-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_light-40 {
    color: color-mix(in srgb, var(--light-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_light-30 {
    color: color-mix(in srgb, var(--light-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_light-20 {
    color: color-mix(in srgb, var(--light-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_light-10 {
    color: color-mix(in srgb, var(--light-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-light_light,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-light_light-100 {
    border-color: var(--light-light) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-light_light-90 {
    border-color: color-mix(in srgb, var(--light-light) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-light_light-80 {
    border-color: color-mix(in srgb, var(--light-light) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-light_light-70 {
    border-color: color-mix(in srgb, var(--light-light) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-light_light-60 {
    border-color: color-mix(in srgb, var(--light-light) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-light_light-50 {
    border-color: color-mix(in srgb, var(--light-light) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-light_light-40 {
    border-color: color-mix(in srgb, var(--light-light) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-light_light-30 {
    border-color: color-mix(in srgb, var(--light-light) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-light_light-20 {
    border-color: color-mix(in srgb, var(--light-light) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-light_light-10 {
    border-color: color-mix(in srgb, var(--light-light) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-light_dark,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-light_dark-100 {
    background-color: var(--light-dark) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-light_dark-90 {
    background-color: color-mix(in srgb, var(--light-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-light_dark-80 {
    background-color: color-mix(in srgb, var(--light-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-light_dark-70 {
    background-color: color-mix(in srgb, var(--light-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-light_dark-60 {
    background-color: color-mix(in srgb, var(--light-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-light_dark-50 {
    background-color: color-mix(in srgb, var(--light-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-light_dark-40 {
    background-color: color-mix(in srgb, var(--light-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-light_dark-30 {
    background-color: color-mix(in srgb, var(--light-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-light_dark-20 {
    background-color: color-mix(in srgb, var(--light-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-light_dark-10 {
    background-color: color-mix(in srgb, var(--light-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_dark,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_dark-100 {
    color: var(--light-dark) !important;
    fill: var(--light-dark) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_dark *:not([class*="columnz-color"]),
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_dark-90 {
    color: color-mix(in srgb, var(--light-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_dark-80 {
    color: color-mix(in srgb, var(--light-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_dark-70 {
    color: color-mix(in srgb, var(--light-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_dark-60 {
    color: color-mix(in srgb, var(--light-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_dark-50 {
    color: color-mix(in srgb, var(--light-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_dark-40 {
    color: color-mix(in srgb, var(--light-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_dark-30 {
    color: color-mix(in srgb, var(--light-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_dark-20 {
    color: color-mix(in srgb, var(--light-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_dark-10 {
    color: color-mix(in srgb, var(--light-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-light_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-light_dark,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-light_dark-100 {
    border-color: var(--light-dark) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-light_dark-90 {
    border-color: color-mix(in srgb, var(--light-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-light_dark-80 {
    border-color: color-mix(in srgb, var(--light-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-light_dark-70 {
    border-color: color-mix(in srgb, var(--light-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-light_dark-60 {
    border-color: color-mix(in srgb, var(--light-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-light_dark-50 {
    border-color: color-mix(in srgb, var(--light-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-light_dark-40 {
    border-color: color-mix(in srgb, var(--light-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-light_dark-30 {
    border-color: color-mix(in srgb, var(--light-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-light_dark-20 {
    border-color: color-mix(in srgb, var(--light-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-light_dark-10 {
    border-color: color-mix(in srgb, var(--light-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-text,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-text-100 {
    background-color: var(--text) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-text_negative,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-text_negative-100 {
    background-color: var(--text-negative) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-text-90 {
    background-color: color-mix(in srgb, var(--text) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-text-80 {
    background-color: color-mix(in srgb, var(--text) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-text-70 {
    background-color: color-mix(in srgb, var(--text) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-text-60 {
    background-color: color-mix(in srgb, var(--text) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-text-50 {
    background-color: color-mix(in srgb, var(--text) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-text-40 {
    background-color: color-mix(in srgb, var(--text) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-text-30 {
    background-color: color-mix(in srgb, var(--text) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-text-20 {
    background-color: color-mix(in srgb, var(--text) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-text-10 {
    background-color: color-mix(in srgb, var(--text) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-text_negative-90 {
    background-color: color-mix(in srgb, var(--text-negative) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-text_negative-80 {
    background-color: color-mix(in srgb, var(--text-negative) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-text_negative-70 {
    background-color: color-mix(in srgb, var(--text-negative) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-text_negative-60 {
    background-color: color-mix(in srgb, var(--text-negative) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-text_negative-50 {
    background-color: color-mix(in srgb, var(--text-negative) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-text_negative-40 {
    background-color: color-mix(in srgb, var(--text-negative) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-text_negative-30 {
    background-color: color-mix(in srgb, var(--text-negative) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-text_negative-20 {
    background-color: color-mix(in srgb, var(--text-negative) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-text_negative-10 {
    background-color: color-mix(in srgb, var(--text-negative) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text-100 {
    color: var(--text) !important;
    fill: var(--text) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text *:not([class*="columnz-color"]),
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text_negative,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text_negative-100 {
    color: var(--text-negative) !important;
    fill: var(--text-negative) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text_negative *:not([class*="columnz-color"]),
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text_negative-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text-90 {
    color: color-mix(in srgb, var(--text) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text-80 {
    color: color-mix(in srgb, var(--text) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text-70 {
    color: color-mix(in srgb, var(--text) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text-60 {
    color: color-mix(in srgb, var(--text) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text-50 {
    color: color-mix(in srgb, var(--text) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text-40 {
    color: color-mix(in srgb, var(--text) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text-30 {
    color: color-mix(in srgb, var(--text) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text-20 {
    color: color-mix(in srgb, var(--text) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text-10 {
    color: color-mix(in srgb, var(--text) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text_negative-90 {
    color: color-mix(in srgb, var(--text-negative) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text_negative-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text_negative-80 {
    color: color-mix(in srgb, var(--text-negative) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text_negative-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text_negative-70 {
    color: color-mix(in srgb, var(--text-negative) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text_negative-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text_negative-60 {
    color: color-mix(in srgb, var(--text-negative) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text_negative-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text_negative-50 {
    color: color-mix(in srgb, var(--text-negative) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text_negative-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text_negative-40 {
    color: color-mix(in srgb, var(--text-negative) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text_negative-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text_negative-30 {
    color: color-mix(in srgb, var(--text-negative) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text_negative-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text_negative-20 {
    color: color-mix(in srgb, var(--text-negative) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text_negative-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text_negative-10 {
    color: color-mix(in srgb, var(--text-negative) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-text_negative-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-text,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-text-100 {
    border-color: var(--text) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-text_negative,
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-text_negative-100 {
    border-color: var(--text-negative) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-text-90 {
    border-color: color-mix(in srgb, var(--text) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-text-80 {
    border-color: color-mix(in srgb, var(--text) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-text-70 {
    border-color: color-mix(in srgb, var(--text) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-text-60 {
    border-color: color-mix(in srgb, var(--text) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-text-50 {
    border-color: color-mix(in srgb, var(--text) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-text-40 {
    border-color: color-mix(in srgb, var(--text) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-text-30 {
    border-color: color-mix(in srgb, var(--text) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-text-20 {
    border-color: color-mix(in srgb, var(--text) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-text-10 {
    border-color: color-mix(in srgb, var(--text) 10%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-text_negative-90 {
    border-color: color-mix(in srgb, var(--text-negative) 90%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-text_negative-80 {
    border-color: color-mix(in srgb, var(--text-negative) 80%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-text_negative-70 {
    border-color: color-mix(in srgb, var(--text-negative) 70%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-text_negative-60 {
    border-color: color-mix(in srgb, var(--text-negative) 60%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-text_negative-50 {
    border-color: color-mix(in srgb, var(--text-negative) 50%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-text_negative-40 {
    border-color: color-mix(in srgb, var(--text-negative) 40%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-text_negative-30 {
    border-color: color-mix(in srgb, var(--text-negative) 30%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-text_negative-20 {
    border-color: color-mix(in srgb, var(--text-negative) 20%, transparent) !important;
  }
  :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bordercolor-text_negative-10 {
    border-color: color-mix(in srgb, var(--text-negative) 10%, transparent) !important;
  }
  body .hover-element-xl.on-hover-hide,
  body .hover-element-xl .on-hover-hide {
    opacity: 1;
  }
  body .hover-element-xl.on-hover-remove,
  body .hover-element-xl .on-hover-remove {
    display: block;
  }
  body .hover-element-xl.on-hover-hide:hover,
  body .hover-element-xl:hover .on-hover-hide {
    opacity: 0;
  }
  body .hover-element-xl.on-hover-remove:hover,
  body .hover-element-xl:hover .on-hover-remove {
    display: none;
  }
  body .hover-element-xl.on-hover-show,
  body .hover-element-xl .on-hover-show {
    opacity: 0;
  }
  body .hover-element-xl.on-hover-add,
  body .hover-element-xl .on-hover-add {
    display: none;
  }
  body .hover-element-xl.on-hover-show:hover,
  body .hover-element-xl:hover .on-hover-show {
    opacity: 1;
  }
  body .hover-element-xl.on-hover-add:hover,
  body .hover-element-xl:hover .on-hover-add {
    display: block;
  }
  #get_columnz_shadow .hoverable-element-xl.on-hover-hide > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-xl .on-hover-hide > .columnz_outer_content {
    opacity: 1;
  }
  #get_columnz_shadow .hoverable-element-xl.on-hover-remove > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-xl .on-hover-remove > .columnz_outer_content {
    display: block;
  }
  #get_columnz_shadow .hoverable-element-xl.hovered-element.on-hover-hide > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-xl.hovered-element .on-hover-hide > .columnz_outer_content {
    opacity: 0;
  }
  #get_columnz_shadow .hoverable-element-xl.hovered-element.on-hover-remove > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-xl.hovered-element .on-hover-remove > .columnz_outer_content {
    display: none;
  }
  #get_columnz_shadow .hoverable-element-xl.on-hover-show:not(:hover, .focus) > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-xl .on-hover-show:not(:hover, .focus) > .columnz_outer_content {
    opacity: 0.4;
  }
  #get_columnz_shadow .hoverable-element-xl.on-hover-add:not(.focus) > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-xl .on-hover-add:not(.focus) > .columnz_outer_content {
    display: none;
  }
  #get_columnz_shadow .hoverable-element-xl.hovered-element.on-hover-show > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-xl.hovered-element .on-hover-show > .columnz_outer_content {
    opacity: 1;
  }
  #get_columnz_shadow .hoverable-element-xl.hovered-element.on-hover-add > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-xl.hovered-element .on-hover-add > .columnz_outer_content {
    display: block;
  }
}
@media (min-width: 1500px) {
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) {
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
    /* BG */
    /* Color */
    /* Border */
    /* BG - light */
    /* Color - light */
    /* Border - light */
    /* BG - dark */
    /* Color - dark */
    /* Border - dark */
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bs-solid {
    border-style: solid !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bs-dashed {
    border-style: dashed !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bs-dotted {
    border-style: dotted !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-text-left {
    text-align: left !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-text-right {
    text-align: right !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-text-center {
    text-align: center !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-custom {
    border-width: var(--bs-hover-bw-xs-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-custom {
    border-top-width: var(--bs-hover-bwt-xs-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-custom {
    border-right-width: var(--bs-hover-bwr-xs-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-custom {
    border-bottom-width: var(--bs-hover-bwb-xs-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-custom {
    border-left-width: var(--bs-hover-bwl-xs-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-0 {
    border-width: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-0 {
    border-top-width: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-0 {
    border-right-width: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-0 {
    border-bottom-width: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-0 {
    border-left-width: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-1 {
    border-width: 1px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-1 {
    border-top-width: 1px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-1 {
    border-right-width: 1px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-1 {
    border-bottom-width: 1px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-1 {
    border-left-width: 1px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-2 {
    border-width: 2px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-2 {
    border-top-width: 2px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-2 {
    border-right-width: 2px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-2 {
    border-bottom-width: 2px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-2 {
    border-left-width: 2px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-3 {
    border-width: 4px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-3 {
    border-top-width: 4px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-3 {
    border-right-width: 4px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-3 {
    border-bottom-width: 4px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-3 {
    border-left-width: 4px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-4 {
    border-width: 8px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-4 {
    border-top-width: 8px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-4 {
    border-right-width: 8px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-4 {
    border-bottom-width: 8px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-4 {
    border-left-width: 8px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-custom {
    margin: var(--bs-hover-m-xs-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-custom {
    margin-top: var(--bs-hover-mt-xs-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-custom {
    margin-right: var(--bs-hover-mr-xs-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-custom {
    margin-bottom: var(--bs-hover-mb-xs-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-custom {
    margin-left: var(--bs-hover-ml-xs-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-0 {
    margin: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-0 {
    margin-top: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-0 {
    margin-right: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-0 {
    margin-bottom: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-0 {
    margin-left: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-1 {
    margin: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-1 {
    margin-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-1 {
    margin-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-1 {
    margin-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-1 {
    margin-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-2 {
    margin: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-2 {
    margin-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-2 {
    margin-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-2 {
    margin-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-2 {
    margin-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-3 {
    margin: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-3 {
    margin-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-3 {
    margin-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-3 {
    margin-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-3 {
    margin-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-4 {
    margin: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-4 {
    margin-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-4 {
    margin-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-4 {
    margin-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-4 {
    margin-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-5 {
    margin: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-5 {
    margin-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-5 {
    margin-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-5 {
    margin-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-5 {
    margin-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-custom {
    padding: var(--bs-hover-p-xs-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-custom {
    padding-top: var(--bs-hover-pt-xs-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-custom {
    padding-right: var(--bs-hover-pr-xs-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-custom {
    padding-bottom: var(--bs-hover-pb-xs-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-custom {
    padding-left: var(--bs-hover-pl-xs-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-0 {
    padding: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-0 {
    padding-top: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-0 {
    padding-right: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-0 {
    padding-bottom: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-0 {
    padding-left: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-1 {
    padding: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-1 {
    padding-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-1 {
    padding-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-1 {
    padding-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-1 {
    padding-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-2 {
    padding: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-2 {
    padding-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-2 {
    padding-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-2 {
    padding-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-2 {
    padding-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-3 {
    padding: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-3 {
    padding-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-3 {
    padding-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-3 {
    padding-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-3 {
    padding-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-4 {
    padding: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-4 {
    padding-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-4 {
    padding-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-4 {
    padding-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-4 {
    padding-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-5 {
    padding: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-5 {
    padding-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-5 {
    padding-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-5 {
    padding-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-5 {
    padding-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-custom {
    border-radius: var(--bs-hover-br-xs-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-custom {
    border-top-left-radius: var(--bs-hover-brtl-xs-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-custom {
    border-top-right-radius: var(--bs-hover-brtr-xs-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-custom {
    border-bottom-right-radius: var(--bs-hover-brbr-xs-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-custom {
    border-bottom-left-radius: var(--bs-hover-brbl-xs-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-0 {
    border-radius: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-0 {
    border-top-left-radius: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-0 {
    border-top-right-radius: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-0 {
    border-bottom-right-radius: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-0 {
    border-bottom-left-radius: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-1 {
    border-radius: 0.25em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-1 {
    border-top-left-radius: 0.25em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-1 {
    border-top-right-radius: 0.25em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-1 {
    border-bottom-right-radius: 0.25em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-1 {
    border-bottom-left-radius: 0.25em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-2 {
    border-radius: 0.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-2 {
    border-top-left-radius: 0.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-2 {
    border-top-right-radius: 0.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-2 {
    border-bottom-right-radius: 0.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-2 {
    border-bottom-left-radius: 0.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-3 {
    border-radius: 1.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-3 {
    border-top-left-radius: 1.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-3 {
    border-top-right-radius: 1.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-3 {
    border-bottom-right-radius: 1.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-3 {
    border-bottom-left-radius: 1.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-4 {
    border-radius: 3em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-4 {
    border-top-left-radius: 3em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-4 {
    border-top-right-radius: 3em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-4 {
    border-bottom-right-radius: 3em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-4 {
    border-bottom-left-radius: 3em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-custom,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-custom * {
    font-size: var(--bs-hover-size-xs-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-inherit,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-inherit * {
    font-size: var(--size) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-inherit h1 {
    font-size: var(--size-h1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-inherit h2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-inherit h2 * {
    font-size: var(--size-h2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-inherit h3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-inherit h3 * {
    font-size: var(--size-h3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-inherit h4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-inherit h4 * {
    font-size: var(--size-h4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-inherit h5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-inherit h5 * {
    font-size: var(--size-h5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-inherit h6,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-inherit h6 * {
    font-size: var(--size-h6) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-1 * {
    font-size: var(--size-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-2 * {
    font-size: var(--size-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-3 * {
    font-size: var(--size-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-4 * {
    font-size: var(--size-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-5 * {
    font-size: var(--size-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-6,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-6 * {
    font-size: var(--size-6) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-7,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-7 * {
    font-size: var(--size-7) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-custom,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-custom * {
    line-height: var(--bs-hover-lh-xs-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-inherit,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-inherit * {
    line-height: var(--line-height) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-1 * {
    line-height: 1 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-2 * {
    line-height: 1.2 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-3 * {
    line-height: 1.7 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-custom,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-custom * {
    font-weight: var(--bs-hover-weight-xs-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-100,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-100 * {
    font-weight: 100 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-200,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-200 * {
    font-weight: 200 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-300,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-300 * {
    font-weight: 300 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-400,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-400 * {
    font-weight: 400 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-500,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-500 * {
    font-weight: 500 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-600,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-600 * {
    font-weight: 600 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-700,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-700 * {
    font-weight: 700 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-800,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-800 * {
    font-weight: 800 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-900,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-900 * {
    font-weight: 900 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_size-custom {
    background-size: var(--bs-hover-image_size-xs-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_size-cover {
    background-size: cover !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_size-contain {
    background-size: contain !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_size-auto {
    background-size: auto !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-custom {
    background-position: var(--bs-hover-image_pos-xs-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-top_left {
    background-position: top left !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-top_right {
    background-position: top right !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-bottom_right {
    background-position: bottom right !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-bottom_left {
    background-position: bottom left !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-center {
    background-position: center !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_repeat-no_repeat {
    background-repeat: no-repeat !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_repeat-repeat {
    background-repeat: repeat !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_att-scroll {
    background-attachment: scroll !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_att-fixed {
    background-attachment: fixed !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-0 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-10 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-10::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.1;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-20 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-20::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.2;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-30 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-30::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.3;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-40 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-40::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.4;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-50 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-50::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.5;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-60 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-60::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.6;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-70 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-70::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.7;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-80 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-80::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.8;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-90 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-90::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.9;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-100 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-100::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 1;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-sm--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-sm--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-sm-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-sm-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-sm-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-sm-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-sm-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-sm-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-sm-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-sm-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-sm-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-sm-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-sm-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-sm-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-sm-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-sm-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-sm-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-sm-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-sm-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-sm-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bs-sm-solid {
    border-style: solid !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bs-sm-dashed {
    border-style: dashed !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bs-sm-dotted {
    border-style: dotted !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-text-sm-left {
    text-align: left !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-text-sm-right {
    text-align: right !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-text-sm-center {
    text-align: center !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-sm-custom {
    border-width: var(--bs-hover-bw-sm-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-sm-custom {
    border-top-width: var(--bs-hover-bwt-sm-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-sm-custom {
    border-right-width: var(--bs-hover-bwr-sm-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-sm-custom {
    border-bottom-width: var(--bs-hover-bwb-sm-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-sm-custom {
    border-left-width: var(--bs-hover-bwl-sm-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-sm-0 {
    border-width: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-sm-0 {
    border-top-width: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-sm-0 {
    border-right-width: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-sm-0 {
    border-bottom-width: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-sm-0 {
    border-left-width: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-sm-1 {
    border-width: 1px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-sm-1 {
    border-top-width: 1px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-sm-1 {
    border-right-width: 1px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-sm-1 {
    border-bottom-width: 1px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-sm-1 {
    border-left-width: 1px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-sm-2 {
    border-width: 2px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-sm-2 {
    border-top-width: 2px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-sm-2 {
    border-right-width: 2px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-sm-2 {
    border-bottom-width: 2px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-sm-2 {
    border-left-width: 2px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-sm-3 {
    border-width: 4px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-sm-3 {
    border-top-width: 4px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-sm-3 {
    border-right-width: 4px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-sm-3 {
    border-bottom-width: 4px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-sm-3 {
    border-left-width: 4px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-sm-4 {
    border-width: 8px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-sm-4 {
    border-top-width: 8px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-sm-4 {
    border-right-width: 8px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-sm-4 {
    border-bottom-width: 8px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-sm-4 {
    border-left-width: 8px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-sm-custom {
    margin: var(--bs-hover-m-sm-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-sm-custom {
    margin-top: var(--bs-hover-mt-sm-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-sm-custom {
    margin-right: var(--bs-hover-mr-sm-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-sm-custom {
    margin-bottom: var(--bs-hover-mb-sm-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-sm-custom {
    margin-left: var(--bs-hover-ml-sm-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-sm-0 {
    margin: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-sm-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-sm-0 {
    margin-top: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-sm-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-sm-0 {
    margin-right: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-sm-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-sm-0 {
    margin-bottom: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-sm-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-sm-0 {
    margin-left: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-sm-1 {
    margin: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-sm-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-sm-1 {
    margin-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-sm-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-sm-1 {
    margin-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-sm-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-sm-1 {
    margin-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-sm-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-sm-1 {
    margin-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-sm-2 {
    margin: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-sm-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-sm-2 {
    margin-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-sm-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-sm-2 {
    margin-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-sm-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-sm-2 {
    margin-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-sm-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-sm-2 {
    margin-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-sm-3 {
    margin: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-sm-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-sm-3 {
    margin-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-sm-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-sm-3 {
    margin-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-sm-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-sm-3 {
    margin-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-sm-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-sm-3 {
    margin-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-sm-4 {
    margin: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-sm-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-sm-4 {
    margin-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-sm-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-sm-4 {
    margin-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-sm-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-sm-4 {
    margin-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-sm-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-sm-4 {
    margin-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-sm-5 {
    margin: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-sm-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-sm-5 {
    margin-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-sm-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-sm-5 {
    margin-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-sm-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-sm-5 {
    margin-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-sm-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-sm-5 {
    margin-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-sm-custom {
    padding: var(--bs-hover-p-sm-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-sm-custom {
    padding-top: var(--bs-hover-pt-sm-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-sm-custom {
    padding-right: var(--bs-hover-pr-sm-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-sm-custom {
    padding-bottom: var(--bs-hover-pb-sm-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-sm-custom {
    padding-left: var(--bs-hover-pl-sm-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-sm-0 {
    padding: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-sm-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-sm-0 {
    padding-top: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-sm-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-sm-0 {
    padding-right: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-sm-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-sm-0 {
    padding-bottom: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-sm-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-sm-0 {
    padding-left: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-sm-1 {
    padding: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-sm-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-sm-1 {
    padding-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-sm-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-sm-1 {
    padding-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-sm-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-sm-1 {
    padding-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-sm-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-sm-1 {
    padding-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-sm-2 {
    padding: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-sm-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-sm-2 {
    padding-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-sm-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-sm-2 {
    padding-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-sm-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-sm-2 {
    padding-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-sm-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-sm-2 {
    padding-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-sm-3 {
    padding: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-sm-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-sm-3 {
    padding-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-sm-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-sm-3 {
    padding-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-sm-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-sm-3 {
    padding-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-sm-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-sm-3 {
    padding-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-sm-4 {
    padding: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-sm-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-sm-4 {
    padding-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-sm-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-sm-4 {
    padding-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-sm-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-sm-4 {
    padding-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-sm-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-sm-4 {
    padding-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-sm-5 {
    padding: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-sm-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-sm-5 {
    padding-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-sm-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-sm-5 {
    padding-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-sm-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-sm-5 {
    padding-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-sm-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-sm-5 {
    padding-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-sm-custom {
    border-radius: var(--bs-hover-br-sm-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-sm-custom {
    border-top-left-radius: var(--bs-hover-brtl-sm-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-sm-custom {
    border-top-right-radius: var(--bs-hover-brtr-sm-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-sm-custom {
    border-bottom-right-radius: var(--bs-hover-brbr-sm-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-sm-custom {
    border-bottom-left-radius: var(--bs-hover-brbl-sm-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-sm-0 {
    border-radius: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-sm-0 {
    border-top-left-radius: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-sm-0 {
    border-top-right-radius: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-sm-0 {
    border-bottom-right-radius: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-sm-0 {
    border-bottom-left-radius: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-sm-1 {
    border-radius: 0.25em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-sm-1 {
    border-top-left-radius: 0.25em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-sm-1 {
    border-top-right-radius: 0.25em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-sm-1 {
    border-bottom-right-radius: 0.25em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-sm-1 {
    border-bottom-left-radius: 0.25em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-sm-2 {
    border-radius: 0.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-sm-2 {
    border-top-left-radius: 0.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-sm-2 {
    border-top-right-radius: 0.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-sm-2 {
    border-bottom-right-radius: 0.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-sm-2 {
    border-bottom-left-radius: 0.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-sm-3 {
    border-radius: 1.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-sm-3 {
    border-top-left-radius: 1.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-sm-3 {
    border-top-right-radius: 1.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-sm-3 {
    border-bottom-right-radius: 1.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-sm-3 {
    border-bottom-left-radius: 1.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-sm-4 {
    border-radius: 3em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-sm-4 {
    border-top-left-radius: 3em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-sm-4 {
    border-top-right-radius: 3em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-sm-4 {
    border-bottom-right-radius: 3em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-sm-4 {
    border-bottom-left-radius: 3em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-sm-custom,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-sm-custom * {
    font-size: var(--bs-hover-size-sm-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-sm-inherit,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-sm-inherit * {
    font-size: var(--size) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-sm-inherit h1 {
    font-size: var(--size-h1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-sm-inherit h2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-sm-inherit h2 * {
    font-size: var(--size-h2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-sm-inherit h3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-sm-inherit h3 * {
    font-size: var(--size-h3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-sm-inherit h4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-sm-inherit h4 * {
    font-size: var(--size-h4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-sm-inherit h5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-sm-inherit h5 * {
    font-size: var(--size-h5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-sm-inherit h6,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-sm-inherit h6 * {
    font-size: var(--size-h6) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-sm-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-sm-1 * {
    font-size: var(--size-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-sm-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-sm-2 * {
    font-size: var(--size-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-sm-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-sm-3 * {
    font-size: var(--size-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-sm-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-sm-4 * {
    font-size: var(--size-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-sm-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-sm-5 * {
    font-size: var(--size-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-sm-6,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-sm-6 * {
    font-size: var(--size-6) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-sm-7,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-sm-7 * {
    font-size: var(--size-7) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-sm-custom,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-sm-custom * {
    line-height: var(--bs-hover-lh-sm-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-sm-inherit,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-sm-inherit * {
    line-height: var(--line-height) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-sm-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-sm-1 * {
    line-height: 1 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-sm-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-sm-2 * {
    line-height: 1.2 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-sm-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-sm-3 * {
    line-height: 1.7 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-sm-custom,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-sm-custom * {
    font-weight: var(--bs-hover-weight-sm-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-sm-100,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-sm-100 * {
    font-weight: 100 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-sm-200,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-sm-200 * {
    font-weight: 200 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-sm-300,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-sm-300 * {
    font-weight: 300 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-sm-400,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-sm-400 * {
    font-weight: 400 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-sm-500,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-sm-500 * {
    font-weight: 500 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-sm-600,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-sm-600 * {
    font-weight: 600 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-sm-700,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-sm-700 * {
    font-weight: 700 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-sm-800,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-sm-800 * {
    font-weight: 800 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-sm-900,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-sm-900 * {
    font-weight: 900 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_size-sm-custom {
    background-size: var(--bs-hover-image_size-sm-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_size-sm-cover {
    background-size: cover !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_size-sm-contain {
    background-size: contain !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_size-sm-auto {
    background-size: auto !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-sm-custom {
    background-position: var(--bs-hover-image_pos-sm-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-sm-top_left {
    background-position: top left !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-sm-top_right {
    background-position: top right !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-sm-bottom_right {
    background-position: bottom right !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-sm-bottom_left {
    background-position: bottom left !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-sm-center {
    background-position: center !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_repeat-sm-no_repeat {
    background-repeat: no-repeat !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_repeat-sm-repeat {
    background-repeat: repeat !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_att-sm-scroll {
    background-attachment: scroll !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_att-sm-fixed {
    background-attachment: fixed !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-sm-0 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-sm-0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-sm-10 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-sm-10::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.1;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-sm-20 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-sm-20::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.2;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-sm-30 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-sm-30::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.3;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-sm-40 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-sm-40::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.4;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-sm-50 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-sm-50::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.5;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-sm-60 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-sm-60::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.6;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-sm-70 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-sm-70::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.7;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-sm-80 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-sm-80::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.8;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-sm-90 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-sm-90::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.9;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-sm-100 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-sm-100::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 1;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-md--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-md--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-md-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-md-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-md-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-md-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-md-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-md-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-md-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-md-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-md-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-md-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-md-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-md-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-md-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-md-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-md-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-md-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-md-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-md-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bs-md-solid {
    border-style: solid !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bs-md-dashed {
    border-style: dashed !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bs-md-dotted {
    border-style: dotted !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-text-md-left {
    text-align: left !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-text-md-right {
    text-align: right !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-text-md-center {
    text-align: center !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-md-custom {
    border-width: var(--bs-hover-bw-md-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-md-custom {
    border-top-width: var(--bs-hover-bwt-md-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-md-custom {
    border-right-width: var(--bs-hover-bwr-md-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-md-custom {
    border-bottom-width: var(--bs-hover-bwb-md-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-md-custom {
    border-left-width: var(--bs-hover-bwl-md-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-md-0 {
    border-width: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-md-0 {
    border-top-width: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-md-0 {
    border-right-width: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-md-0 {
    border-bottom-width: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-md-0 {
    border-left-width: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-md-1 {
    border-width: 1px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-md-1 {
    border-top-width: 1px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-md-1 {
    border-right-width: 1px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-md-1 {
    border-bottom-width: 1px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-md-1 {
    border-left-width: 1px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-md-2 {
    border-width: 2px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-md-2 {
    border-top-width: 2px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-md-2 {
    border-right-width: 2px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-md-2 {
    border-bottom-width: 2px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-md-2 {
    border-left-width: 2px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-md-3 {
    border-width: 4px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-md-3 {
    border-top-width: 4px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-md-3 {
    border-right-width: 4px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-md-3 {
    border-bottom-width: 4px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-md-3 {
    border-left-width: 4px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-md-4 {
    border-width: 8px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-md-4 {
    border-top-width: 8px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-md-4 {
    border-right-width: 8px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-md-4 {
    border-bottom-width: 8px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-md-4 {
    border-left-width: 8px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-md-custom {
    margin: var(--bs-hover-m-md-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-md-custom {
    margin-top: var(--bs-hover-mt-md-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-md-custom {
    margin-right: var(--bs-hover-mr-md-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-md-custom {
    margin-bottom: var(--bs-hover-mb-md-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-md-custom {
    margin-left: var(--bs-hover-ml-md-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-md-0 {
    margin: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-md-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-md-0 {
    margin-top: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-md-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-md-0 {
    margin-right: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-md-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-md-0 {
    margin-bottom: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-md-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-md-0 {
    margin-left: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-md-1 {
    margin: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-md-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-md-1 {
    margin-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-md-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-md-1 {
    margin-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-md-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-md-1 {
    margin-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-md-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-md-1 {
    margin-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-md-2 {
    margin: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-md-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-md-2 {
    margin-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-md-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-md-2 {
    margin-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-md-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-md-2 {
    margin-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-md-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-md-2 {
    margin-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-md-3 {
    margin: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-md-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-md-3 {
    margin-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-md-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-md-3 {
    margin-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-md-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-md-3 {
    margin-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-md-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-md-3 {
    margin-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-md-4 {
    margin: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-md-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-md-4 {
    margin-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-md-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-md-4 {
    margin-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-md-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-md-4 {
    margin-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-md-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-md-4 {
    margin-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-md-5 {
    margin: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-md-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-md-5 {
    margin-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-md-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-md-5 {
    margin-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-md-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-md-5 {
    margin-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-md-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-md-5 {
    margin-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-md-custom {
    padding: var(--bs-hover-p-md-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-md-custom {
    padding-top: var(--bs-hover-pt-md-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-md-custom {
    padding-right: var(--bs-hover-pr-md-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-md-custom {
    padding-bottom: var(--bs-hover-pb-md-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-md-custom {
    padding-left: var(--bs-hover-pl-md-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-md-0 {
    padding: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-md-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-md-0 {
    padding-top: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-md-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-md-0 {
    padding-right: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-md-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-md-0 {
    padding-bottom: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-md-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-md-0 {
    padding-left: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-md-1 {
    padding: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-md-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-md-1 {
    padding-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-md-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-md-1 {
    padding-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-md-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-md-1 {
    padding-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-md-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-md-1 {
    padding-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-md-2 {
    padding: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-md-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-md-2 {
    padding-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-md-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-md-2 {
    padding-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-md-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-md-2 {
    padding-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-md-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-md-2 {
    padding-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-md-3 {
    padding: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-md-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-md-3 {
    padding-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-md-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-md-3 {
    padding-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-md-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-md-3 {
    padding-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-md-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-md-3 {
    padding-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-md-4 {
    padding: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-md-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-md-4 {
    padding-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-md-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-md-4 {
    padding-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-md-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-md-4 {
    padding-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-md-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-md-4 {
    padding-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-md-5 {
    padding: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-md-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-md-5 {
    padding-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-md-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-md-5 {
    padding-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-md-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-md-5 {
    padding-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-md-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-md-5 {
    padding-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-md-custom {
    border-radius: var(--bs-hover-br-md-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-md-custom {
    border-top-left-radius: var(--bs-hover-brtl-md-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-md-custom {
    border-top-right-radius: var(--bs-hover-brtr-md-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-md-custom {
    border-bottom-right-radius: var(--bs-hover-brbr-md-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-md-custom {
    border-bottom-left-radius: var(--bs-hover-brbl-md-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-md-0 {
    border-radius: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-md-0 {
    border-top-left-radius: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-md-0 {
    border-top-right-radius: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-md-0 {
    border-bottom-right-radius: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-md-0 {
    border-bottom-left-radius: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-md-1 {
    border-radius: 0.25em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-md-1 {
    border-top-left-radius: 0.25em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-md-1 {
    border-top-right-radius: 0.25em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-md-1 {
    border-bottom-right-radius: 0.25em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-md-1 {
    border-bottom-left-radius: 0.25em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-md-2 {
    border-radius: 0.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-md-2 {
    border-top-left-radius: 0.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-md-2 {
    border-top-right-radius: 0.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-md-2 {
    border-bottom-right-radius: 0.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-md-2 {
    border-bottom-left-radius: 0.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-md-3 {
    border-radius: 1.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-md-3 {
    border-top-left-radius: 1.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-md-3 {
    border-top-right-radius: 1.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-md-3 {
    border-bottom-right-radius: 1.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-md-3 {
    border-bottom-left-radius: 1.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-md-4 {
    border-radius: 3em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-md-4 {
    border-top-left-radius: 3em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-md-4 {
    border-top-right-radius: 3em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-md-4 {
    border-bottom-right-radius: 3em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-md-4 {
    border-bottom-left-radius: 3em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-md-custom,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-md-custom * {
    font-size: var(--bs-hover-size-md-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-md-inherit,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-md-inherit * {
    font-size: var(--size) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-md-inherit h1 {
    font-size: var(--size-h1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-md-inherit h2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-md-inherit h2 * {
    font-size: var(--size-h2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-md-inherit h3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-md-inherit h3 * {
    font-size: var(--size-h3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-md-inherit h4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-md-inherit h4 * {
    font-size: var(--size-h4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-md-inherit h5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-md-inherit h5 * {
    font-size: var(--size-h5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-md-inherit h6,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-md-inherit h6 * {
    font-size: var(--size-h6) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-md-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-md-1 * {
    font-size: var(--size-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-md-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-md-2 * {
    font-size: var(--size-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-md-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-md-3 * {
    font-size: var(--size-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-md-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-md-4 * {
    font-size: var(--size-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-md-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-md-5 * {
    font-size: var(--size-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-md-6,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-md-6 * {
    font-size: var(--size-6) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-md-7,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-md-7 * {
    font-size: var(--size-7) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-md-custom,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-md-custom * {
    line-height: var(--bs-hover-lh-md-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-md-inherit,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-md-inherit * {
    line-height: var(--line-height) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-md-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-md-1 * {
    line-height: 1 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-md-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-md-2 * {
    line-height: 1.2 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-md-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-md-3 * {
    line-height: 1.7 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-md-custom,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-md-custom * {
    font-weight: var(--bs-hover-weight-md-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-md-100,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-md-100 * {
    font-weight: 100 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-md-200,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-md-200 * {
    font-weight: 200 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-md-300,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-md-300 * {
    font-weight: 300 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-md-400,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-md-400 * {
    font-weight: 400 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-md-500,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-md-500 * {
    font-weight: 500 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-md-600,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-md-600 * {
    font-weight: 600 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-md-700,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-md-700 * {
    font-weight: 700 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-md-800,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-md-800 * {
    font-weight: 800 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-md-900,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-md-900 * {
    font-weight: 900 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_size-md-custom {
    background-size: var(--bs-hover-image_size-md-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_size-md-cover {
    background-size: cover !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_size-md-contain {
    background-size: contain !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_size-md-auto {
    background-size: auto !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-md-custom {
    background-position: var(--bs-hover-image_pos-md-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-md-top_left {
    background-position: top left !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-md-top_right {
    background-position: top right !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-md-bottom_right {
    background-position: bottom right !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-md-bottom_left {
    background-position: bottom left !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-md-center {
    background-position: center !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_repeat-md-no_repeat {
    background-repeat: no-repeat !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_repeat-md-repeat {
    background-repeat: repeat !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_att-md-scroll {
    background-attachment: scroll !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_att-md-fixed {
    background-attachment: fixed !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-md-0 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-md-0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-md-10 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-md-10::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.1;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-md-20 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-md-20::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.2;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-md-30 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-md-30::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.3;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-md-40 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-md-40::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.4;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-md-50 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-md-50::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.5;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-md-60 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-md-60::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.6;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-md-70 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-md-70::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.7;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-md-80 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-md-80::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.8;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-md-90 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-md-90::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.9;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-md-100 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-md-100::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 1;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-lg--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-lg--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-lg-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-lg-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-lg-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-lg-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-lg-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-lg-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-lg-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-lg-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-lg-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-lg-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-lg-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-lg-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-lg-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-lg-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-lg-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-lg-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-lg-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-lg-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bs-lg-solid {
    border-style: solid !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bs-lg-dashed {
    border-style: dashed !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bs-lg-dotted {
    border-style: dotted !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-text-lg-left {
    text-align: left !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-text-lg-right {
    text-align: right !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-text-lg-center {
    text-align: center !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-lg-custom {
    border-width: var(--bs-hover-bw-lg-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-lg-custom {
    border-top-width: var(--bs-hover-bwt-lg-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-lg-custom {
    border-right-width: var(--bs-hover-bwr-lg-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-lg-custom {
    border-bottom-width: var(--bs-hover-bwb-lg-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-lg-custom {
    border-left-width: var(--bs-hover-bwl-lg-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-lg-0 {
    border-width: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-lg-0 {
    border-top-width: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-lg-0 {
    border-right-width: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-lg-0 {
    border-bottom-width: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-lg-0 {
    border-left-width: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-lg-1 {
    border-width: 1px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-lg-1 {
    border-top-width: 1px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-lg-1 {
    border-right-width: 1px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-lg-1 {
    border-bottom-width: 1px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-lg-1 {
    border-left-width: 1px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-lg-2 {
    border-width: 2px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-lg-2 {
    border-top-width: 2px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-lg-2 {
    border-right-width: 2px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-lg-2 {
    border-bottom-width: 2px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-lg-2 {
    border-left-width: 2px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-lg-3 {
    border-width: 4px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-lg-3 {
    border-top-width: 4px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-lg-3 {
    border-right-width: 4px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-lg-3 {
    border-bottom-width: 4px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-lg-3 {
    border-left-width: 4px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-lg-4 {
    border-width: 8px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-lg-4 {
    border-top-width: 8px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-lg-4 {
    border-right-width: 8px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-lg-4 {
    border-bottom-width: 8px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-lg-4 {
    border-left-width: 8px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-lg-custom {
    margin: var(--bs-hover-m-lg-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-lg-custom {
    margin-top: var(--bs-hover-mt-lg-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-lg-custom {
    margin-right: var(--bs-hover-mr-lg-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-lg-custom {
    margin-bottom: var(--bs-hover-mb-lg-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-lg-custom {
    margin-left: var(--bs-hover-ml-lg-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-lg-0 {
    margin: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-lg-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-lg-0 {
    margin-top: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-lg-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-lg-0 {
    margin-right: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-lg-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-lg-0 {
    margin-bottom: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-lg-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-lg-0 {
    margin-left: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-lg-1 {
    margin: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-lg-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-lg-1 {
    margin-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-lg-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-lg-1 {
    margin-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-lg-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-lg-1 {
    margin-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-lg-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-lg-1 {
    margin-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-lg-2 {
    margin: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-lg-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-lg-2 {
    margin-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-lg-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-lg-2 {
    margin-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-lg-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-lg-2 {
    margin-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-lg-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-lg-2 {
    margin-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-lg-3 {
    margin: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-lg-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-lg-3 {
    margin-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-lg-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-lg-3 {
    margin-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-lg-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-lg-3 {
    margin-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-lg-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-lg-3 {
    margin-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-lg-4 {
    margin: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-lg-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-lg-4 {
    margin-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-lg-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-lg-4 {
    margin-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-lg-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-lg-4 {
    margin-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-lg-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-lg-4 {
    margin-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-lg-5 {
    margin: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-lg-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-lg-5 {
    margin-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-lg-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-lg-5 {
    margin-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-lg-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-lg-5 {
    margin-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-lg-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-lg-5 {
    margin-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-lg-custom {
    padding: var(--bs-hover-p-lg-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-lg-custom {
    padding-top: var(--bs-hover-pt-lg-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-lg-custom {
    padding-right: var(--bs-hover-pr-lg-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-lg-custom {
    padding-bottom: var(--bs-hover-pb-lg-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-lg-custom {
    padding-left: var(--bs-hover-pl-lg-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-lg-0 {
    padding: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-lg-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-lg-0 {
    padding-top: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-lg-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-lg-0 {
    padding-right: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-lg-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-lg-0 {
    padding-bottom: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-lg-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-lg-0 {
    padding-left: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-lg-1 {
    padding: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-lg-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-lg-1 {
    padding-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-lg-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-lg-1 {
    padding-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-lg-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-lg-1 {
    padding-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-lg-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-lg-1 {
    padding-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-lg-2 {
    padding: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-lg-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-lg-2 {
    padding-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-lg-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-lg-2 {
    padding-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-lg-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-lg-2 {
    padding-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-lg-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-lg-2 {
    padding-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-lg-3 {
    padding: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-lg-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-lg-3 {
    padding-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-lg-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-lg-3 {
    padding-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-lg-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-lg-3 {
    padding-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-lg-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-lg-3 {
    padding-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-lg-4 {
    padding: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-lg-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-lg-4 {
    padding-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-lg-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-lg-4 {
    padding-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-lg-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-lg-4 {
    padding-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-lg-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-lg-4 {
    padding-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-lg-5 {
    padding: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-lg-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-lg-5 {
    padding-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-lg-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-lg-5 {
    padding-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-lg-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-lg-5 {
    padding-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-lg-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-lg-5 {
    padding-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-lg-custom {
    border-radius: var(--bs-hover-br-lg-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-lg-custom {
    border-top-left-radius: var(--bs-hover-brtl-lg-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-lg-custom {
    border-top-right-radius: var(--bs-hover-brtr-lg-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-lg-custom {
    border-bottom-right-radius: var(--bs-hover-brbr-lg-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-lg-custom {
    border-bottom-left-radius: var(--bs-hover-brbl-lg-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-lg-0 {
    border-radius: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-lg-0 {
    border-top-left-radius: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-lg-0 {
    border-top-right-radius: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-lg-0 {
    border-bottom-right-radius: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-lg-0 {
    border-bottom-left-radius: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-lg-1 {
    border-radius: 0.25em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-lg-1 {
    border-top-left-radius: 0.25em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-lg-1 {
    border-top-right-radius: 0.25em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-lg-1 {
    border-bottom-right-radius: 0.25em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-lg-1 {
    border-bottom-left-radius: 0.25em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-lg-2 {
    border-radius: 0.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-lg-2 {
    border-top-left-radius: 0.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-lg-2 {
    border-top-right-radius: 0.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-lg-2 {
    border-bottom-right-radius: 0.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-lg-2 {
    border-bottom-left-radius: 0.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-lg-3 {
    border-radius: 1.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-lg-3 {
    border-top-left-radius: 1.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-lg-3 {
    border-top-right-radius: 1.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-lg-3 {
    border-bottom-right-radius: 1.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-lg-3 {
    border-bottom-left-radius: 1.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-lg-4 {
    border-radius: 3em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-lg-4 {
    border-top-left-radius: 3em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-lg-4 {
    border-top-right-radius: 3em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-lg-4 {
    border-bottom-right-radius: 3em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-lg-4 {
    border-bottom-left-radius: 3em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-lg-custom,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-lg-custom * {
    font-size: var(--bs-hover-size-lg-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-lg-inherit,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-lg-inherit * {
    font-size: var(--size) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-lg-inherit h1 {
    font-size: var(--size-h1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-lg-inherit h2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-lg-inherit h2 * {
    font-size: var(--size-h2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-lg-inherit h3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-lg-inherit h3 * {
    font-size: var(--size-h3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-lg-inherit h4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-lg-inherit h4 * {
    font-size: var(--size-h4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-lg-inherit h5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-lg-inherit h5 * {
    font-size: var(--size-h5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-lg-inherit h6,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-lg-inherit h6 * {
    font-size: var(--size-h6) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-lg-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-lg-1 * {
    font-size: var(--size-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-lg-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-lg-2 * {
    font-size: var(--size-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-lg-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-lg-3 * {
    font-size: var(--size-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-lg-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-lg-4 * {
    font-size: var(--size-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-lg-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-lg-5 * {
    font-size: var(--size-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-lg-6,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-lg-6 * {
    font-size: var(--size-6) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-lg-7,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-lg-7 * {
    font-size: var(--size-7) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-lg-custom,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-lg-custom * {
    line-height: var(--bs-hover-lh-lg-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-lg-inherit,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-lg-inherit * {
    line-height: var(--line-height) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-lg-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-lg-1 * {
    line-height: 1 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-lg-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-lg-2 * {
    line-height: 1.2 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-lg-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-lg-3 * {
    line-height: 1.7 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-lg-custom,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-lg-custom * {
    font-weight: var(--bs-hover-weight-lg-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-lg-100,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-lg-100 * {
    font-weight: 100 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-lg-200,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-lg-200 * {
    font-weight: 200 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-lg-300,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-lg-300 * {
    font-weight: 300 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-lg-400,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-lg-400 * {
    font-weight: 400 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-lg-500,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-lg-500 * {
    font-weight: 500 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-lg-600,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-lg-600 * {
    font-weight: 600 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-lg-700,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-lg-700 * {
    font-weight: 700 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-lg-800,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-lg-800 * {
    font-weight: 800 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-lg-900,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-lg-900 * {
    font-weight: 900 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_size-lg-custom {
    background-size: var(--bs-hover-image_size-lg-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_size-lg-cover {
    background-size: cover !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_size-lg-contain {
    background-size: contain !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_size-lg-auto {
    background-size: auto !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-lg-custom {
    background-position: var(--bs-hover-image_pos-lg-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-lg-top_left {
    background-position: top left !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-lg-top_right {
    background-position: top right !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-lg-bottom_right {
    background-position: bottom right !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-lg-bottom_left {
    background-position: bottom left !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-lg-center {
    background-position: center !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_repeat-lg-no_repeat {
    background-repeat: no-repeat !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_repeat-lg-repeat {
    background-repeat: repeat !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_att-lg-scroll {
    background-attachment: scroll !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_att-lg-fixed {
    background-attachment: fixed !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-lg-0 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-lg-0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-lg-10 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-lg-10::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.1;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-lg-20 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-lg-20::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.2;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-lg-30 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-lg-30::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.3;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-lg-40 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-lg-40::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.4;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-lg-50 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-lg-50::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.5;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-lg-60 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-lg-60::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.6;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-lg-70 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-lg-70::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.7;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-lg-80 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-lg-80::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.8;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-lg-90 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-lg-90::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.9;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-lg-100 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-lg-100::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 1;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-xl--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-xl--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-xl-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-xl-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-xl-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-xl-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-xl-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-xl-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-xl-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-xl-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-xl-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-xl-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-xl-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-xl-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-xl-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-xl-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-xl-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-xl-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-xl-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-xl-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bs-xl-solid {
    border-style: solid !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bs-xl-dashed {
    border-style: dashed !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bs-xl-dotted {
    border-style: dotted !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-text-xl-left {
    text-align: left !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-text-xl-right {
    text-align: right !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-text-xl-center {
    text-align: center !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-xl-custom {
    border-width: var(--bs-hover-bw-xl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-xl-custom {
    border-top-width: var(--bs-hover-bwt-xl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-xl-custom {
    border-right-width: var(--bs-hover-bwr-xl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-xl-custom {
    border-bottom-width: var(--bs-hover-bwb-xl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-xl-custom {
    border-left-width: var(--bs-hover-bwl-xl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-xl-0 {
    border-width: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-xl-0 {
    border-top-width: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-xl-0 {
    border-right-width: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-xl-0 {
    border-bottom-width: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-xl-0 {
    border-left-width: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-xl-1 {
    border-width: 1px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-xl-1 {
    border-top-width: 1px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-xl-1 {
    border-right-width: 1px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-xl-1 {
    border-bottom-width: 1px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-xl-1 {
    border-left-width: 1px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-xl-2 {
    border-width: 2px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-xl-2 {
    border-top-width: 2px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-xl-2 {
    border-right-width: 2px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-xl-2 {
    border-bottom-width: 2px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-xl-2 {
    border-left-width: 2px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-xl-3 {
    border-width: 4px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-xl-3 {
    border-top-width: 4px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-xl-3 {
    border-right-width: 4px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-xl-3 {
    border-bottom-width: 4px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-xl-3 {
    border-left-width: 4px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-xl-4 {
    border-width: 8px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-xl-4 {
    border-top-width: 8px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-xl-4 {
    border-right-width: 8px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-xl-4 {
    border-bottom-width: 8px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-xl-4 {
    border-left-width: 8px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-xl-custom {
    margin: var(--bs-hover-m-xl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-xl-custom {
    margin-top: var(--bs-hover-mt-xl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-xl-custom {
    margin-right: var(--bs-hover-mr-xl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-xl-custom {
    margin-bottom: var(--bs-hover-mb-xl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-xl-custom {
    margin-left: var(--bs-hover-ml-xl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-xl-0 {
    margin: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-xl-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-xl-0 {
    margin-top: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-xl-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-xl-0 {
    margin-right: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-xl-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-xl-0 {
    margin-bottom: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-xl-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-xl-0 {
    margin-left: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-xl-1 {
    margin: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-xl-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-xl-1 {
    margin-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-xl-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-xl-1 {
    margin-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-xl-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-xl-1 {
    margin-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-xl-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-xl-1 {
    margin-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-xl-2 {
    margin: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-xl-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-xl-2 {
    margin-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-xl-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-xl-2 {
    margin-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-xl-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-xl-2 {
    margin-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-xl-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-xl-2 {
    margin-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-xl-3 {
    margin: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-xl-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-xl-3 {
    margin-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-xl-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-xl-3 {
    margin-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-xl-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-xl-3 {
    margin-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-xl-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-xl-3 {
    margin-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-xl-4 {
    margin: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-xl-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-xl-4 {
    margin-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-xl-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-xl-4 {
    margin-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-xl-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-xl-4 {
    margin-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-xl-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-xl-4 {
    margin-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-xl-5 {
    margin: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-xl-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-xl-5 {
    margin-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-xl-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-xl-5 {
    margin-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-xl-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-xl-5 {
    margin-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-xl-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-xl-5 {
    margin-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-xl-custom {
    padding: var(--bs-hover-p-xl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-xl-custom {
    padding-top: var(--bs-hover-pt-xl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-xl-custom {
    padding-right: var(--bs-hover-pr-xl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-xl-custom {
    padding-bottom: var(--bs-hover-pb-xl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-xl-custom {
    padding-left: var(--bs-hover-pl-xl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-xl-0 {
    padding: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-xl-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-xl-0 {
    padding-top: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-xl-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-xl-0 {
    padding-right: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-xl-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-xl-0 {
    padding-bottom: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-xl-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-xl-0 {
    padding-left: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-xl-1 {
    padding: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-xl-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-xl-1 {
    padding-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-xl-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-xl-1 {
    padding-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-xl-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-xl-1 {
    padding-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-xl-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-xl-1 {
    padding-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-xl-2 {
    padding: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-xl-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-xl-2 {
    padding-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-xl-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-xl-2 {
    padding-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-xl-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-xl-2 {
    padding-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-xl-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-xl-2 {
    padding-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-xl-3 {
    padding: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-xl-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-xl-3 {
    padding-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-xl-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-xl-3 {
    padding-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-xl-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-xl-3 {
    padding-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-xl-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-xl-3 {
    padding-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-xl-4 {
    padding: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-xl-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-xl-4 {
    padding-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-xl-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-xl-4 {
    padding-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-xl-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-xl-4 {
    padding-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-xl-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-xl-4 {
    padding-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-xl-5 {
    padding: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-xl-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-xl-5 {
    padding-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-xl-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-xl-5 {
    padding-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-xl-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-xl-5 {
    padding-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-xl-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-xl-5 {
    padding-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-xl-custom {
    border-radius: var(--bs-hover-br-xl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-xl-custom {
    border-top-left-radius: var(--bs-hover-brtl-xl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-xl-custom {
    border-top-right-radius: var(--bs-hover-brtr-xl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-xl-custom {
    border-bottom-right-radius: var(--bs-hover-brbr-xl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-xl-custom {
    border-bottom-left-radius: var(--bs-hover-brbl-xl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-xl-0 {
    border-radius: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-xl-0 {
    border-top-left-radius: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-xl-0 {
    border-top-right-radius: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-xl-0 {
    border-bottom-right-radius: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-xl-0 {
    border-bottom-left-radius: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-xl-1 {
    border-radius: 0.25em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-xl-1 {
    border-top-left-radius: 0.25em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-xl-1 {
    border-top-right-radius: 0.25em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-xl-1 {
    border-bottom-right-radius: 0.25em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-xl-1 {
    border-bottom-left-radius: 0.25em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-xl-2 {
    border-radius: 0.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-xl-2 {
    border-top-left-radius: 0.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-xl-2 {
    border-top-right-radius: 0.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-xl-2 {
    border-bottom-right-radius: 0.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-xl-2 {
    border-bottom-left-radius: 0.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-xl-3 {
    border-radius: 1.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-xl-3 {
    border-top-left-radius: 1.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-xl-3 {
    border-top-right-radius: 1.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-xl-3 {
    border-bottom-right-radius: 1.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-xl-3 {
    border-bottom-left-radius: 1.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-xl-4 {
    border-radius: 3em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-xl-4 {
    border-top-left-radius: 3em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-xl-4 {
    border-top-right-radius: 3em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-xl-4 {
    border-bottom-right-radius: 3em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-xl-4 {
    border-bottom-left-radius: 3em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xl-custom,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xl-custom * {
    font-size: var(--bs-hover-size-xl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xl-inherit,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xl-inherit * {
    font-size: var(--size) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xl-inherit h1 {
    font-size: var(--size-h1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xl-inherit h2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xl-inherit h2 * {
    font-size: var(--size-h2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xl-inherit h3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xl-inherit h3 * {
    font-size: var(--size-h3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xl-inherit h4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xl-inherit h4 * {
    font-size: var(--size-h4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xl-inherit h5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xl-inherit h5 * {
    font-size: var(--size-h5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xl-inherit h6,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xl-inherit h6 * {
    font-size: var(--size-h6) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xl-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xl-1 * {
    font-size: var(--size-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xl-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xl-2 * {
    font-size: var(--size-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xl-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xl-3 * {
    font-size: var(--size-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xl-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xl-4 * {
    font-size: var(--size-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xl-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xl-5 * {
    font-size: var(--size-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xl-6,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xl-6 * {
    font-size: var(--size-6) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xl-7,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xl-7 * {
    font-size: var(--size-7) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-xl-custom,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-xl-custom * {
    line-height: var(--bs-hover-lh-xl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-xl-inherit,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-xl-inherit * {
    line-height: var(--line-height) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-xl-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-xl-1 * {
    line-height: 1 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-xl-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-xl-2 * {
    line-height: 1.2 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-xl-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-xl-3 * {
    line-height: 1.7 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xl-custom,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xl-custom * {
    font-weight: var(--bs-hover-weight-xl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xl-100,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xl-100 * {
    font-weight: 100 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xl-200,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xl-200 * {
    font-weight: 200 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xl-300,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xl-300 * {
    font-weight: 300 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xl-400,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xl-400 * {
    font-weight: 400 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xl-500,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xl-500 * {
    font-weight: 500 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xl-600,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xl-600 * {
    font-weight: 600 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xl-700,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xl-700 * {
    font-weight: 700 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xl-800,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xl-800 * {
    font-weight: 800 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xl-900,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xl-900 * {
    font-weight: 900 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_size-xl-custom {
    background-size: var(--bs-hover-image_size-xl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_size-xl-cover {
    background-size: cover !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_size-xl-contain {
    background-size: contain !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_size-xl-auto {
    background-size: auto !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-xl-custom {
    background-position: var(--bs-hover-image_pos-xl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-xl-top_left {
    background-position: top left !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-xl-top_right {
    background-position: top right !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-xl-bottom_right {
    background-position: bottom right !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-xl-bottom_left {
    background-position: bottom left !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-xl-center {
    background-position: center !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_repeat-xl-no_repeat {
    background-repeat: no-repeat !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_repeat-xl-repeat {
    background-repeat: repeat !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_att-xl-scroll {
    background-attachment: scroll !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_att-xl-fixed {
    background-attachment: fixed !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xl-0 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xl-0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xl-10 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xl-10::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.1;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xl-20 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xl-20::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.2;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xl-30 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xl-30::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.3;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xl-40 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xl-40::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.4;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xl-50 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xl-50::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.5;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xl-60 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xl-60::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.6;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xl-70 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xl-70::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.7;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xl-80 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xl-80::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.8;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xl-90 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xl-90::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.9;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xl-100 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xl-100::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 1;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-xxl--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-xxl--10 {
    z-index: -10 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-xxl-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-xxl-10 {
    z-index: 10 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-xxl-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-xxl-20 {
    z-index: 20 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-xxl-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-xxl-30 {
    z-index: 30 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-xxl-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-xxl-40 {
    z-index: 40 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-xxl-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-xxl-50 {
    z-index: 50 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-xxl-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-xxl-60 {
    z-index: 60 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-xxl-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-xxl-70 {
    z-index: 70 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-xxl-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-xxl-80 {
    z-index: 80 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-zindex-xxl-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl).hover-zindex-xxl-90 {
    z-index: 90 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bs-xxl-solid {
    border-style: solid !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bs-xxl-dashed {
    border-style: dashed !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bs-xxl-dotted {
    border-style: dotted !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-text-xxl-left {
    text-align: left !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-text-xxl-right {
    text-align: right !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-text-xxl-center {
    text-align: center !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-xxl-custom {
    border-width: var(--bs-hover-bw-xxl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-xxl-custom {
    border-top-width: var(--bs-hover-bwt-xxl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-xxl-custom {
    border-right-width: var(--bs-hover-bwr-xxl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-xxl-custom {
    border-bottom-width: var(--bs-hover-bwb-xxl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-xxl-custom {
    border-left-width: var(--bs-hover-bwl-xxl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-xxl-0 {
    border-width: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-xxl-0 {
    border-top-width: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-xxl-0 {
    border-right-width: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-xxl-0 {
    border-bottom-width: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-xxl-0 {
    border-left-width: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-xxl-1 {
    border-width: 1px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-xxl-1 {
    border-top-width: 1px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-xxl-1 {
    border-right-width: 1px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-xxl-1 {
    border-bottom-width: 1px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-xxl-1 {
    border-left-width: 1px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-xxl-2 {
    border-width: 2px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-xxl-2 {
    border-top-width: 2px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-xxl-2 {
    border-right-width: 2px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-xxl-2 {
    border-bottom-width: 2px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-xxl-2 {
    border-left-width: 2px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-xxl-3 {
    border-width: 4px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-xxl-3 {
    border-top-width: 4px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-xxl-3 {
    border-right-width: 4px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-xxl-3 {
    border-bottom-width: 4px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-xxl-3 {
    border-left-width: 4px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bw-xxl-4 {
    border-width: 8px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwt-xxl-4 {
    border-top-width: 8px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwr-xxl-4 {
    border-right-width: 8px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwb-xxl-4 {
    border-bottom-width: 8px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bwl-xxl-4 {
    border-left-width: 8px !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-xxl-custom {
    margin: var(--bs-hover-m-xxl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-xxl-custom {
    margin-top: var(--bs-hover-mt-xxl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-xxl-custom {
    margin-right: var(--bs-hover-mr-xxl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-xxl-custom {
    margin-bottom: var(--bs-hover-mb-xxl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-xxl-custom {
    margin-left: var(--bs-hover-ml-xxl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-xxl-0 {
    margin: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-xxl-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-xxl-0 {
    margin-top: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-xxl-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-xxl-0 {
    margin-right: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-xxl-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-xxl-0 {
    margin-bottom: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-xxl-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-xxl-0 {
    margin-left: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-xxl-1 {
    margin: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-xxl-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-xxl-1 {
    margin-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-xxl-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-xxl-1 {
    margin-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-xxl-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-xxl-1 {
    margin-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-xxl-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-xxl-1 {
    margin-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-xxl-2 {
    margin: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-xxl-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-xxl-2 {
    margin-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-xxl-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-xxl-2 {
    margin-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-xxl-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-xxl-2 {
    margin-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-xxl-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-xxl-2 {
    margin-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-xxl-3 {
    margin: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-xxl-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-xxl-3 {
    margin-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-xxl-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-xxl-3 {
    margin-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-xxl-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-xxl-3 {
    margin-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-xxl-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-xxl-3 {
    margin-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-xxl-4 {
    margin: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-xxl-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-xxl-4 {
    margin-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-xxl-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-xxl-4 {
    margin-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-xxl-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-xxl-4 {
    margin-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-xxl-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-xxl-4 {
    margin-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-m-xxl-5 {
    margin: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mt-xxl-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-xxl-5 {
    margin-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mr-xxl-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-xxl-5 {
    margin-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mb-xxl-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-my-xxl-5 {
    margin-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-ml-xxl-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-mx-xxl-5 {
    margin-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-xxl-custom {
    padding: var(--bs-hover-p-xxl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-xxl-custom {
    padding-top: var(--bs-hover-pt-xxl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-xxl-custom {
    padding-right: var(--bs-hover-pr-xxl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-xxl-custom {
    padding-bottom: var(--bs-hover-pb-xxl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-xxl-custom {
    padding-left: var(--bs-hover-pl-xxl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-xxl-0 {
    padding: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-xxl-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-xxl-0 {
    padding-top: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-xxl-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-xxl-0 {
    padding-right: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-xxl-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-xxl-0 {
    padding-bottom: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-xxl-0,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-xxl-0 {
    padding-left: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-xxl-1 {
    padding: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-xxl-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-xxl-1 {
    padding-top: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-xxl-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-xxl-1 {
    padding-right: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-xxl-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-xxl-1 {
    padding-bottom: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-xxl-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-xxl-1 {
    padding-left: var(--bs-spacing-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-xxl-2 {
    padding: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-xxl-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-xxl-2 {
    padding-top: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-xxl-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-xxl-2 {
    padding-right: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-xxl-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-xxl-2 {
    padding-bottom: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-xxl-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-xxl-2 {
    padding-left: var(--bs-spacing-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-xxl-3 {
    padding: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-xxl-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-xxl-3 {
    padding-top: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-xxl-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-xxl-3 {
    padding-right: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-xxl-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-xxl-3 {
    padding-bottom: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-xxl-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-xxl-3 {
    padding-left: var(--bs-spacing-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-xxl-4 {
    padding: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-xxl-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-xxl-4 {
    padding-top: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-xxl-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-xxl-4 {
    padding-right: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-xxl-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-xxl-4 {
    padding-bottom: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-xxl-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-xxl-4 {
    padding-left: var(--bs-spacing-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-p-xxl-5 {
    padding: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pt-xxl-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-xxl-5 {
    padding-top: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pr-xxl-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-xxl-5 {
    padding-right: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pb-xxl-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-py-xxl-5 {
    padding-bottom: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-pl-xxl-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-px-xxl-5 {
    padding-left: var(--bs-spacing-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-xxl-custom {
    border-radius: var(--bs-hover-br-xxl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-xxl-custom {
    border-top-left-radius: var(--bs-hover-brtl-xxl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-xxl-custom {
    border-top-right-radius: var(--bs-hover-brtr-xxl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-xxl-custom {
    border-bottom-right-radius: var(--bs-hover-brbr-xxl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-xxl-custom {
    border-bottom-left-radius: var(--bs-hover-brbl-xxl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-xxl-0 {
    border-radius: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-xxl-0 {
    border-top-left-radius: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-xxl-0 {
    border-top-right-radius: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-xxl-0 {
    border-bottom-right-radius: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-xxl-0 {
    border-bottom-left-radius: 0 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-xxl-1 {
    border-radius: 0.25em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-xxl-1 {
    border-top-left-radius: 0.25em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-xxl-1 {
    border-top-right-radius: 0.25em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-xxl-1 {
    border-bottom-right-radius: 0.25em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-xxl-1 {
    border-bottom-left-radius: 0.25em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-xxl-2 {
    border-radius: 0.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-xxl-2 {
    border-top-left-radius: 0.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-xxl-2 {
    border-top-right-radius: 0.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-xxl-2 {
    border-bottom-right-radius: 0.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-xxl-2 {
    border-bottom-left-radius: 0.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-xxl-3 {
    border-radius: 1.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-xxl-3 {
    border-top-left-radius: 1.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-xxl-3 {
    border-top-right-radius: 1.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-xxl-3 {
    border-bottom-right-radius: 1.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-xxl-3 {
    border-bottom-left-radius: 1.5em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-br-xxl-4 {
    border-radius: 3em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtl-xxl-4 {
    border-top-left-radius: 3em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brtr-xxl-4 {
    border-top-right-radius: 3em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbr-xxl-4 {
    border-bottom-right-radius: 3em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-brbl-xxl-4 {
    border-bottom-left-radius: 3em !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xxl-custom,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xxl-custom * {
    font-size: var(--bs-hover-size-xxl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xxl-inherit,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xxl-inherit * {
    font-size: var(--size) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xxl-inherit h1 {
    font-size: var(--size-h1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xxl-inherit h2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xxl-inherit h2 * {
    font-size: var(--size-h2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xxl-inherit h3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xxl-inherit h3 * {
    font-size: var(--size-h3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xxl-inherit h4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xxl-inherit h4 * {
    font-size: var(--size-h4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xxl-inherit h5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xxl-inherit h5 * {
    font-size: var(--size-h5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xxl-inherit h6,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xxl-inherit h6 * {
    font-size: var(--size-h6) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xxl-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xxl-1 * {
    font-size: var(--size-1) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xxl-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xxl-2 * {
    font-size: var(--size-2) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xxl-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xxl-3 * {
    font-size: var(--size-3) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xxl-4,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xxl-4 * {
    font-size: var(--size-4) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xxl-5,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xxl-5 * {
    font-size: var(--size-5) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xxl-6,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xxl-6 * {
    font-size: var(--size-6) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xxl-7,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-size-xxl-7 * {
    font-size: var(--size-7) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-xxl-custom,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-xxl-custom * {
    line-height: var(--bs-hover-lh-xxl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-xxl-inherit,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-xxl-inherit * {
    line-height: var(--line-height) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-xxl-1,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-xxl-1 * {
    line-height: 1 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-xxl-2,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-xxl-2 * {
    line-height: 1.2 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-xxl-3,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-lh-xxl-3 * {
    line-height: 1.7 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xxl-custom,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xxl-custom * {
    font-weight: var(--bs-hover-weight-xxl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xxl-100,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xxl-100 * {
    font-weight: 100 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xxl-200,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xxl-200 * {
    font-weight: 200 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xxl-300,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xxl-300 * {
    font-weight: 300 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xxl-400,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xxl-400 * {
    font-weight: 400 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xxl-500,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xxl-500 * {
    font-weight: 500 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xxl-600,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xxl-600 * {
    font-weight: 600 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xxl-700,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xxl-700 * {
    font-weight: 700 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xxl-800,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xxl-800 * {
    font-weight: 800 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xxl-900,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-weight-xxl-900 * {
    font-weight: 900 !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_size-xxl-custom {
    background-size: var(--bs-hover-image_size-xxl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_size-xxl-cover {
    background-size: cover !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_size-xxl-contain {
    background-size: contain !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_size-xxl-auto {
    background-size: auto !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-xxl-custom {
    background-position: var(--bs-hover-image_pos-xxl-custom) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-xxl-top_left {
    background-position: top left !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-xxl-top_right {
    background-position: top right !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-xxl-bottom_right {
    background-position: bottom right !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-xxl-bottom_left {
    background-position: bottom left !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_pos-xxl-center {
    background-position: center !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_repeat-xxl-no_repeat {
    background-repeat: no-repeat !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_repeat-xxl-repeat {
    background-repeat: repeat !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_att-xxl-scroll {
    background-attachment: scroll !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-image_att-xxl-fixed {
    background-attachment: fixed !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xxl-0 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xxl-0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xxl-10 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xxl-10::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.1;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xxl-20 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xxl-20::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.2;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xxl-30 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xxl-30::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.3;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xxl-40 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xxl-40::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.4;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xxl-50 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xxl-50::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.5;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xxl-60 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xxl-60::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.6;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xxl-70 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xxl-70::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.7;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xxl-80 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xxl-80::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.8;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xxl-90 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xxl-90::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.9;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xxl-100 {
    position: relative;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-bg-img-blend-xxl-100::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 1;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-primary,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-primary-100 {
    background-color: var(--primary) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-primary-90 {
    background-color: color-mix(in srgb, var(--primary) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-primary-80 {
    background-color: color-mix(in srgb, var(--primary) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-primary-70 {
    background-color: color-mix(in srgb, var(--primary) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-primary-60 {
    background-color: color-mix(in srgb, var(--primary) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-primary-50 {
    background-color: color-mix(in srgb, var(--primary) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-primary-40 {
    background-color: color-mix(in srgb, var(--primary) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-primary-30 {
    background-color: color-mix(in srgb, var(--primary) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-primary-20 {
    background-color: color-mix(in srgb, var(--primary) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-primary-10 {
    background-color: color-mix(in srgb, var(--primary) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary-100 {
    color: var(--primary) !important;
    fill: var(--primary) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary *:not([class*="columnz-color"]),
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary-90 {
    color: color-mix(in srgb, var(--primary) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary-80 {
    color: color-mix(in srgb, var(--primary) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary-70 {
    color: color-mix(in srgb, var(--primary) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary-60 {
    color: color-mix(in srgb, var(--primary) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary-50 {
    color: color-mix(in srgb, var(--primary) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary-40 {
    color: color-mix(in srgb, var(--primary) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary-30 {
    color: color-mix(in srgb, var(--primary) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary-20 {
    color: color-mix(in srgb, var(--primary) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary-10 {
    color: color-mix(in srgb, var(--primary) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--primary) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-primary,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-primary-100 {
    border-color: var(--primary) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-primary-90 {
    border-color: color-mix(in srgb, var(--primary) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-primary-80 {
    border-color: color-mix(in srgb, var(--primary) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-primary-70 {
    border-color: color-mix(in srgb, var(--primary) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-primary-60 {
    border-color: color-mix(in srgb, var(--primary) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-primary-50 {
    border-color: color-mix(in srgb, var(--primary) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-primary-40 {
    border-color: color-mix(in srgb, var(--primary) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-primary-30 {
    border-color: color-mix(in srgb, var(--primary) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-primary-20 {
    border-color: color-mix(in srgb, var(--primary) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-primary-10 {
    border-color: color-mix(in srgb, var(--primary) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-primary_light,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-primary_light-100 {
    background-color: var(--primary-light) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-primary_light-90 {
    background-color: color-mix(in srgb, var(--primary-light) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-primary_light-80 {
    background-color: color-mix(in srgb, var(--primary-light) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-primary_light-70 {
    background-color: color-mix(in srgb, var(--primary-light) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-primary_light-60 {
    background-color: color-mix(in srgb, var(--primary-light) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-primary_light-50 {
    background-color: color-mix(in srgb, var(--primary-light) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-primary_light-40 {
    background-color: color-mix(in srgb, var(--primary-light) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-primary_light-30 {
    background-color: color-mix(in srgb, var(--primary-light) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-primary_light-20 {
    background-color: color-mix(in srgb, var(--primary-light) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-primary_light-10 {
    background-color: color-mix(in srgb, var(--primary-light) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_light,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_light-100 {
    color: var(--primary-light) !important;
    fill: var(--primary-light) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_light *:not([class*="columnz-color"]),
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_light-90 {
    color: color-mix(in srgb, var(--primary-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_light-80 {
    color: color-mix(in srgb, var(--primary-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_light-70 {
    color: color-mix(in srgb, var(--primary-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_light-60 {
    color: color-mix(in srgb, var(--primary-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_light-50 {
    color: color-mix(in srgb, var(--primary-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_light-40 {
    color: color-mix(in srgb, var(--primary-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_light-30 {
    color: color-mix(in srgb, var(--primary-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_light-20 {
    color: color-mix(in srgb, var(--primary-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_light-10 {
    color: color-mix(in srgb, var(--primary-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-light) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-primary_light,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-primary_light-100 {
    border-color: var(--primary-light) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-primary_light-90 {
    border-color: color-mix(in srgb, var(--primary-light) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-primary_light-80 {
    border-color: color-mix(in srgb, var(--primary-light) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-primary_light-70 {
    border-color: color-mix(in srgb, var(--primary-light) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-primary_light-60 {
    border-color: color-mix(in srgb, var(--primary-light) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-primary_light-50 {
    border-color: color-mix(in srgb, var(--primary-light) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-primary_light-40 {
    border-color: color-mix(in srgb, var(--primary-light) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-primary_light-30 {
    border-color: color-mix(in srgb, var(--primary-light) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-primary_light-20 {
    border-color: color-mix(in srgb, var(--primary-light) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-primary_light-10 {
    border-color: color-mix(in srgb, var(--primary-light) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-primary_dark,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-primary_dark-100 {
    background-color: var(--primary-dark) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-primary_dark-90 {
    background-color: color-mix(in srgb, var(--primary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-primary_dark-80 {
    background-color: color-mix(in srgb, var(--primary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-primary_dark-70 {
    background-color: color-mix(in srgb, var(--primary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-primary_dark-60 {
    background-color: color-mix(in srgb, var(--primary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-primary_dark-50 {
    background-color: color-mix(in srgb, var(--primary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-primary_dark-40 {
    background-color: color-mix(in srgb, var(--primary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-primary_dark-30 {
    background-color: color-mix(in srgb, var(--primary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-primary_dark-20 {
    background-color: color-mix(in srgb, var(--primary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-primary_dark-10 {
    background-color: color-mix(in srgb, var(--primary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_dark,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_dark-100 {
    color: var(--primary-dark) !important;
    fill: var(--primary-dark) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_dark *:not([class*="columnz-color"]),
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_dark-90 {
    color: color-mix(in srgb, var(--primary-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_dark-80 {
    color: color-mix(in srgb, var(--primary-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_dark-70 {
    color: color-mix(in srgb, var(--primary-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_dark-60 {
    color: color-mix(in srgb, var(--primary-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_dark-50 {
    color: color-mix(in srgb, var(--primary-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_dark-40 {
    color: color-mix(in srgb, var(--primary-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_dark-30 {
    color: color-mix(in srgb, var(--primary-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_dark-20 {
    color: color-mix(in srgb, var(--primary-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_dark-10 {
    color: color-mix(in srgb, var(--primary-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--primary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-primary_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-primary_dark,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-primary_dark-100 {
    border-color: var(--primary-dark) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-primary_dark-90 {
    border-color: color-mix(in srgb, var(--primary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-primary_dark-80 {
    border-color: color-mix(in srgb, var(--primary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-primary_dark-70 {
    border-color: color-mix(in srgb, var(--primary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-primary_dark-60 {
    border-color: color-mix(in srgb, var(--primary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-primary_dark-50 {
    border-color: color-mix(in srgb, var(--primary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-primary_dark-40 {
    border-color: color-mix(in srgb, var(--primary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-primary_dark-30 {
    border-color: color-mix(in srgb, var(--primary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-primary_dark-20 {
    border-color: color-mix(in srgb, var(--primary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-primary_dark-10 {
    border-color: color-mix(in srgb, var(--primary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-secondary,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-secondary-100 {
    background-color: var(--secondary) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-secondary-90 {
    background-color: color-mix(in srgb, var(--secondary) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-secondary-80 {
    background-color: color-mix(in srgb, var(--secondary) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-secondary-70 {
    background-color: color-mix(in srgb, var(--secondary) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-secondary-60 {
    background-color: color-mix(in srgb, var(--secondary) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-secondary-50 {
    background-color: color-mix(in srgb, var(--secondary) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-secondary-40 {
    background-color: color-mix(in srgb, var(--secondary) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-secondary-30 {
    background-color: color-mix(in srgb, var(--secondary) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-secondary-20 {
    background-color: color-mix(in srgb, var(--secondary) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-secondary-10 {
    background-color: color-mix(in srgb, var(--secondary) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary-100 {
    color: var(--secondary) !important;
    fill: var(--secondary) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary *:not([class*="columnz-color"]),
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary-90 {
    color: color-mix(in srgb, var(--secondary) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary-80 {
    color: color-mix(in srgb, var(--secondary) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary-70 {
    color: color-mix(in srgb, var(--secondary) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary-60 {
    color: color-mix(in srgb, var(--secondary) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary-50 {
    color: color-mix(in srgb, var(--secondary) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary-40 {
    color: color-mix(in srgb, var(--secondary) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary-30 {
    color: color-mix(in srgb, var(--secondary) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary-20 {
    color: color-mix(in srgb, var(--secondary) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary-10 {
    color: color-mix(in srgb, var(--secondary) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-secondary,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-secondary-100 {
    border-color: var(--secondary) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-secondary-90 {
    border-color: color-mix(in srgb, var(--secondary) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-secondary-80 {
    border-color: color-mix(in srgb, var(--secondary) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-secondary-70 {
    border-color: color-mix(in srgb, var(--secondary) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-secondary-60 {
    border-color: color-mix(in srgb, var(--secondary) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-secondary-50 {
    border-color: color-mix(in srgb, var(--secondary) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-secondary-40 {
    border-color: color-mix(in srgb, var(--secondary) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-secondary-30 {
    border-color: color-mix(in srgb, var(--secondary) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-secondary-20 {
    border-color: color-mix(in srgb, var(--secondary) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-secondary-10 {
    border-color: color-mix(in srgb, var(--secondary) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-secondary_light,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-secondary_light-100 {
    background-color: var(--secondary-light) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-secondary_light-90 {
    background-color: color-mix(in srgb, var(--secondary-light) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-secondary_light-80 {
    background-color: color-mix(in srgb, var(--secondary-light) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-secondary_light-70 {
    background-color: color-mix(in srgb, var(--secondary-light) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-secondary_light-60 {
    background-color: color-mix(in srgb, var(--secondary-light) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-secondary_light-50 {
    background-color: color-mix(in srgb, var(--secondary-light) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-secondary_light-40 {
    background-color: color-mix(in srgb, var(--secondary-light) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-secondary_light-30 {
    background-color: color-mix(in srgb, var(--secondary-light) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-secondary_light-20 {
    background-color: color-mix(in srgb, var(--secondary-light) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-secondary_light-10 {
    background-color: color-mix(in srgb, var(--secondary-light) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_light,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_light-100 {
    color: var(--secondary-light) !important;
    fill: var(--secondary-light) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_light *:not([class*="columnz-color"]),
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_light-90 {
    color: color-mix(in srgb, var(--secondary-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_light-80 {
    color: color-mix(in srgb, var(--secondary-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_light-70 {
    color: color-mix(in srgb, var(--secondary-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_light-60 {
    color: color-mix(in srgb, var(--secondary-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_light-50 {
    color: color-mix(in srgb, var(--secondary-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_light-40 {
    color: color-mix(in srgb, var(--secondary-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_light-30 {
    color: color-mix(in srgb, var(--secondary-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_light-20 {
    color: color-mix(in srgb, var(--secondary-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_light-10 {
    color: color-mix(in srgb, var(--secondary-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-light) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-secondary_light,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-secondary_light-100 {
    border-color: var(--secondary-light) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-secondary_light-90 {
    border-color: color-mix(in srgb, var(--secondary-light) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-secondary_light-80 {
    border-color: color-mix(in srgb, var(--secondary-light) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-secondary_light-70 {
    border-color: color-mix(in srgb, var(--secondary-light) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-secondary_light-60 {
    border-color: color-mix(in srgb, var(--secondary-light) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-secondary_light-50 {
    border-color: color-mix(in srgb, var(--secondary-light) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-secondary_light-40 {
    border-color: color-mix(in srgb, var(--secondary-light) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-secondary_light-30 {
    border-color: color-mix(in srgb, var(--secondary-light) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-secondary_light-20 {
    border-color: color-mix(in srgb, var(--secondary-light) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-secondary_light-10 {
    border-color: color-mix(in srgb, var(--secondary-light) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-secondary_dark,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-secondary_dark-100 {
    background-color: var(--secondary-dark) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-secondary_dark-90 {
    background-color: color-mix(in srgb, var(--secondary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-secondary_dark-80 {
    background-color: color-mix(in srgb, var(--secondary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-secondary_dark-70 {
    background-color: color-mix(in srgb, var(--secondary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-secondary_dark-60 {
    background-color: color-mix(in srgb, var(--secondary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-secondary_dark-50 {
    background-color: color-mix(in srgb, var(--secondary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-secondary_dark-40 {
    background-color: color-mix(in srgb, var(--secondary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-secondary_dark-30 {
    background-color: color-mix(in srgb, var(--secondary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-secondary_dark-20 {
    background-color: color-mix(in srgb, var(--secondary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-secondary_dark-10 {
    background-color: color-mix(in srgb, var(--secondary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_dark,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_dark-100 {
    color: var(--secondary-dark) !important;
    fill: var(--secondary-dark) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_dark *:not([class*="columnz-color"]),
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_dark-90 {
    color: color-mix(in srgb, var(--secondary-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_dark-80 {
    color: color-mix(in srgb, var(--secondary-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_dark-70 {
    color: color-mix(in srgb, var(--secondary-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_dark-60 {
    color: color-mix(in srgb, var(--secondary-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_dark-50 {
    color: color-mix(in srgb, var(--secondary-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_dark-40 {
    color: color-mix(in srgb, var(--secondary-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_dark-30 {
    color: color-mix(in srgb, var(--secondary-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_dark-20 {
    color: color-mix(in srgb, var(--secondary-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_dark-10 {
    color: color-mix(in srgb, var(--secondary-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--secondary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-secondary_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-secondary_dark,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-secondary_dark-100 {
    border-color: var(--secondary-dark) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-secondary_dark-90 {
    border-color: color-mix(in srgb, var(--secondary-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-secondary_dark-80 {
    border-color: color-mix(in srgb, var(--secondary-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-secondary_dark-70 {
    border-color: color-mix(in srgb, var(--secondary-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-secondary_dark-60 {
    border-color: color-mix(in srgb, var(--secondary-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-secondary_dark-50 {
    border-color: color-mix(in srgb, var(--secondary-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-secondary_dark-40 {
    border-color: color-mix(in srgb, var(--secondary-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-secondary_dark-30 {
    border-color: color-mix(in srgb, var(--secondary-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-secondary_dark-20 {
    border-color: color-mix(in srgb, var(--secondary-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-secondary_dark-10 {
    border-color: color-mix(in srgb, var(--secondary-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-info,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-info-100 {
    background-color: var(--info) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-info-90 {
    background-color: color-mix(in srgb, var(--info) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-info-80 {
    background-color: color-mix(in srgb, var(--info) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-info-70 {
    background-color: color-mix(in srgb, var(--info) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-info-60 {
    background-color: color-mix(in srgb, var(--info) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-info-50 {
    background-color: color-mix(in srgb, var(--info) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-info-40 {
    background-color: color-mix(in srgb, var(--info) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-info-30 {
    background-color: color-mix(in srgb, var(--info) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-info-20 {
    background-color: color-mix(in srgb, var(--info) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-info-10 {
    background-color: color-mix(in srgb, var(--info) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info-100 {
    color: var(--info) !important;
    fill: var(--info) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info *:not([class*="columnz-color"]),
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info-90 {
    color: color-mix(in srgb, var(--info) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info-80 {
    color: color-mix(in srgb, var(--info) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info-70 {
    color: color-mix(in srgb, var(--info) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info-60 {
    color: color-mix(in srgb, var(--info) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info-50 {
    color: color-mix(in srgb, var(--info) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info-40 {
    color: color-mix(in srgb, var(--info) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info-30 {
    color: color-mix(in srgb, var(--info) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info-20 {
    color: color-mix(in srgb, var(--info) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info-10 {
    color: color-mix(in srgb, var(--info) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--info) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-info,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-info-100 {
    border-color: var(--info) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-info-90 {
    border-color: color-mix(in srgb, var(--info) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-info-80 {
    border-color: color-mix(in srgb, var(--info) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-info-70 {
    border-color: color-mix(in srgb, var(--info) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-info-60 {
    border-color: color-mix(in srgb, var(--info) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-info-50 {
    border-color: color-mix(in srgb, var(--info) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-info-40 {
    border-color: color-mix(in srgb, var(--info) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-info-30 {
    border-color: color-mix(in srgb, var(--info) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-info-20 {
    border-color: color-mix(in srgb, var(--info) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-info-10 {
    border-color: color-mix(in srgb, var(--info) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-info_light,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-info_light-100 {
    background-color: var(--info-light) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-info_light-90 {
    background-color: color-mix(in srgb, var(--info-light) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-info_light-80 {
    background-color: color-mix(in srgb, var(--info-light) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-info_light-70 {
    background-color: color-mix(in srgb, var(--info-light) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-info_light-60 {
    background-color: color-mix(in srgb, var(--info-light) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-info_light-50 {
    background-color: color-mix(in srgb, var(--info-light) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-info_light-40 {
    background-color: color-mix(in srgb, var(--info-light) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-info_light-30 {
    background-color: color-mix(in srgb, var(--info-light) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-info_light-20 {
    background-color: color-mix(in srgb, var(--info-light) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-info_light-10 {
    background-color: color-mix(in srgb, var(--info-light) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_light,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_light-100 {
    color: var(--info-light) !important;
    fill: var(--info-light) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_light *:not([class*="columnz-color"]),
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_light-90 {
    color: color-mix(in srgb, var(--info-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_light-80 {
    color: color-mix(in srgb, var(--info-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_light-70 {
    color: color-mix(in srgb, var(--info-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_light-60 {
    color: color-mix(in srgb, var(--info-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_light-50 {
    color: color-mix(in srgb, var(--info-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_light-40 {
    color: color-mix(in srgb, var(--info-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_light-30 {
    color: color-mix(in srgb, var(--info-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_light-20 {
    color: color-mix(in srgb, var(--info-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_light-10 {
    color: color-mix(in srgb, var(--info-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--info-light) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-info_light,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-info_light-100 {
    border-color: var(--info-light) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-info_light-90 {
    border-color: color-mix(in srgb, var(--info-light) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-info_light-80 {
    border-color: color-mix(in srgb, var(--info-light) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-info_light-70 {
    border-color: color-mix(in srgb, var(--info-light) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-info_light-60 {
    border-color: color-mix(in srgb, var(--info-light) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-info_light-50 {
    border-color: color-mix(in srgb, var(--info-light) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-info_light-40 {
    border-color: color-mix(in srgb, var(--info-light) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-info_light-30 {
    border-color: color-mix(in srgb, var(--info-light) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-info_light-20 {
    border-color: color-mix(in srgb, var(--info-light) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-info_light-10 {
    border-color: color-mix(in srgb, var(--info-light) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-info_dark,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-info_dark-100 {
    background-color: var(--info-dark) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-info_dark-90 {
    background-color: color-mix(in srgb, var(--info-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-info_dark-80 {
    background-color: color-mix(in srgb, var(--info-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-info_dark-70 {
    background-color: color-mix(in srgb, var(--info-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-info_dark-60 {
    background-color: color-mix(in srgb, var(--info-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-info_dark-50 {
    background-color: color-mix(in srgb, var(--info-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-info_dark-40 {
    background-color: color-mix(in srgb, var(--info-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-info_dark-30 {
    background-color: color-mix(in srgb, var(--info-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-info_dark-20 {
    background-color: color-mix(in srgb, var(--info-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-info_dark-10 {
    background-color: color-mix(in srgb, var(--info-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_dark,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_dark-100 {
    color: var(--info-dark) !important;
    fill: var(--info-dark) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_dark *:not([class*="columnz-color"]),
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_dark-90 {
    color: color-mix(in srgb, var(--info-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_dark-80 {
    color: color-mix(in srgb, var(--info-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_dark-70 {
    color: color-mix(in srgb, var(--info-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_dark-60 {
    color: color-mix(in srgb, var(--info-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_dark-50 {
    color: color-mix(in srgb, var(--info-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_dark-40 {
    color: color-mix(in srgb, var(--info-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_dark-30 {
    color: color-mix(in srgb, var(--info-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_dark-20 {
    color: color-mix(in srgb, var(--info-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_dark-10 {
    color: color-mix(in srgb, var(--info-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--info-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-info_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-info_dark,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-info_dark-100 {
    border-color: var(--info-dark) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-info_dark-90 {
    border-color: color-mix(in srgb, var(--info-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-info_dark-80 {
    border-color: color-mix(in srgb, var(--info-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-info_dark-70 {
    border-color: color-mix(in srgb, var(--info-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-info_dark-60 {
    border-color: color-mix(in srgb, var(--info-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-info_dark-50 {
    border-color: color-mix(in srgb, var(--info-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-info_dark-40 {
    border-color: color-mix(in srgb, var(--info-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-info_dark-30 {
    border-color: color-mix(in srgb, var(--info-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-info_dark-20 {
    border-color: color-mix(in srgb, var(--info-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-info_dark-10 {
    border-color: color-mix(in srgb, var(--info-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-success,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-success-100 {
    background-color: var(--success) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-success-90 {
    background-color: color-mix(in srgb, var(--success) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-success-80 {
    background-color: color-mix(in srgb, var(--success) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-success-70 {
    background-color: color-mix(in srgb, var(--success) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-success-60 {
    background-color: color-mix(in srgb, var(--success) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-success-50 {
    background-color: color-mix(in srgb, var(--success) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-success-40 {
    background-color: color-mix(in srgb, var(--success) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-success-30 {
    background-color: color-mix(in srgb, var(--success) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-success-20 {
    background-color: color-mix(in srgb, var(--success) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-success-10 {
    background-color: color-mix(in srgb, var(--success) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success-100 {
    color: var(--success) !important;
    fill: var(--success) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success *:not([class*="columnz-color"]),
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success-90 {
    color: color-mix(in srgb, var(--success) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success-80 {
    color: color-mix(in srgb, var(--success) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success-70 {
    color: color-mix(in srgb, var(--success) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success-60 {
    color: color-mix(in srgb, var(--success) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success-50 {
    color: color-mix(in srgb, var(--success) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success-40 {
    color: color-mix(in srgb, var(--success) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success-30 {
    color: color-mix(in srgb, var(--success) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success-20 {
    color: color-mix(in srgb, var(--success) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success-10 {
    color: color-mix(in srgb, var(--success) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--success) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-success,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-success-100 {
    border-color: var(--success) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-success-90 {
    border-color: color-mix(in srgb, var(--success) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-success-80 {
    border-color: color-mix(in srgb, var(--success) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-success-70 {
    border-color: color-mix(in srgb, var(--success) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-success-60 {
    border-color: color-mix(in srgb, var(--success) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-success-50 {
    border-color: color-mix(in srgb, var(--success) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-success-40 {
    border-color: color-mix(in srgb, var(--success) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-success-30 {
    border-color: color-mix(in srgb, var(--success) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-success-20 {
    border-color: color-mix(in srgb, var(--success) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-success-10 {
    border-color: color-mix(in srgb, var(--success) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-success_light,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-success_light-100 {
    background-color: var(--success-light) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-success_light-90 {
    background-color: color-mix(in srgb, var(--success-light) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-success_light-80 {
    background-color: color-mix(in srgb, var(--success-light) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-success_light-70 {
    background-color: color-mix(in srgb, var(--success-light) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-success_light-60 {
    background-color: color-mix(in srgb, var(--success-light) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-success_light-50 {
    background-color: color-mix(in srgb, var(--success-light) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-success_light-40 {
    background-color: color-mix(in srgb, var(--success-light) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-success_light-30 {
    background-color: color-mix(in srgb, var(--success-light) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-success_light-20 {
    background-color: color-mix(in srgb, var(--success-light) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-success_light-10 {
    background-color: color-mix(in srgb, var(--success-light) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_light,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_light-100 {
    color: var(--success-light) !important;
    fill: var(--success-light) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_light *:not([class*="columnz-color"]),
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_light-90 {
    color: color-mix(in srgb, var(--success-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_light-80 {
    color: color-mix(in srgb, var(--success-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_light-70 {
    color: color-mix(in srgb, var(--success-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_light-60 {
    color: color-mix(in srgb, var(--success-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_light-50 {
    color: color-mix(in srgb, var(--success-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_light-40 {
    color: color-mix(in srgb, var(--success-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_light-30 {
    color: color-mix(in srgb, var(--success-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_light-20 {
    color: color-mix(in srgb, var(--success-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_light-10 {
    color: color-mix(in srgb, var(--success-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--success-light) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-success_light,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-success_light-100 {
    border-color: var(--success-light) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-success_light-90 {
    border-color: color-mix(in srgb, var(--success-light) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-success_light-80 {
    border-color: color-mix(in srgb, var(--success-light) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-success_light-70 {
    border-color: color-mix(in srgb, var(--success-light) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-success_light-60 {
    border-color: color-mix(in srgb, var(--success-light) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-success_light-50 {
    border-color: color-mix(in srgb, var(--success-light) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-success_light-40 {
    border-color: color-mix(in srgb, var(--success-light) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-success_light-30 {
    border-color: color-mix(in srgb, var(--success-light) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-success_light-20 {
    border-color: color-mix(in srgb, var(--success-light) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-success_light-10 {
    border-color: color-mix(in srgb, var(--success-light) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-success_dark,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-success_dark-100 {
    background-color: var(--success-dark) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-success_dark-90 {
    background-color: color-mix(in srgb, var(--success-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-success_dark-80 {
    background-color: color-mix(in srgb, var(--success-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-success_dark-70 {
    background-color: color-mix(in srgb, var(--success-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-success_dark-60 {
    background-color: color-mix(in srgb, var(--success-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-success_dark-50 {
    background-color: color-mix(in srgb, var(--success-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-success_dark-40 {
    background-color: color-mix(in srgb, var(--success-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-success_dark-30 {
    background-color: color-mix(in srgb, var(--success-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-success_dark-20 {
    background-color: color-mix(in srgb, var(--success-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-success_dark-10 {
    background-color: color-mix(in srgb, var(--success-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_dark,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_dark-100 {
    color: var(--success-dark) !important;
    fill: var(--success-dark) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_dark *:not([class*="columnz-color"]),
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_dark-90 {
    color: color-mix(in srgb, var(--success-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_dark-80 {
    color: color-mix(in srgb, var(--success-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_dark-70 {
    color: color-mix(in srgb, var(--success-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_dark-60 {
    color: color-mix(in srgb, var(--success-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_dark-50 {
    color: color-mix(in srgb, var(--success-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_dark-40 {
    color: color-mix(in srgb, var(--success-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_dark-30 {
    color: color-mix(in srgb, var(--success-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_dark-20 {
    color: color-mix(in srgb, var(--success-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_dark-10 {
    color: color-mix(in srgb, var(--success-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--success-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-success_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-success_dark,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-success_dark-100 {
    border-color: var(--success-dark) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-success_dark-90 {
    border-color: color-mix(in srgb, var(--success-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-success_dark-80 {
    border-color: color-mix(in srgb, var(--success-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-success_dark-70 {
    border-color: color-mix(in srgb, var(--success-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-success_dark-60 {
    border-color: color-mix(in srgb, var(--success-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-success_dark-50 {
    border-color: color-mix(in srgb, var(--success-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-success_dark-40 {
    border-color: color-mix(in srgb, var(--success-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-success_dark-30 {
    border-color: color-mix(in srgb, var(--success-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-success_dark-20 {
    border-color: color-mix(in srgb, var(--success-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-success_dark-10 {
    border-color: color-mix(in srgb, var(--success-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-warning,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-warning-100 {
    background-color: var(--warning) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-warning-90 {
    background-color: color-mix(in srgb, var(--warning) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-warning-80 {
    background-color: color-mix(in srgb, var(--warning) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-warning-70 {
    background-color: color-mix(in srgb, var(--warning) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-warning-60 {
    background-color: color-mix(in srgb, var(--warning) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-warning-50 {
    background-color: color-mix(in srgb, var(--warning) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-warning-40 {
    background-color: color-mix(in srgb, var(--warning) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-warning-30 {
    background-color: color-mix(in srgb, var(--warning) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-warning-20 {
    background-color: color-mix(in srgb, var(--warning) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-warning-10 {
    background-color: color-mix(in srgb, var(--warning) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning-100 {
    color: var(--warning) !important;
    fill: var(--warning) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning *:not([class*="columnz-color"]),
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning-90 {
    color: color-mix(in srgb, var(--warning) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning-80 {
    color: color-mix(in srgb, var(--warning) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning-70 {
    color: color-mix(in srgb, var(--warning) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning-60 {
    color: color-mix(in srgb, var(--warning) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning-50 {
    color: color-mix(in srgb, var(--warning) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning-40 {
    color: color-mix(in srgb, var(--warning) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning-30 {
    color: color-mix(in srgb, var(--warning) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning-20 {
    color: color-mix(in srgb, var(--warning) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning-10 {
    color: color-mix(in srgb, var(--warning) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--warning) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-warning,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-warning-100 {
    border-color: var(--warning) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-warning-90 {
    border-color: color-mix(in srgb, var(--warning) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-warning-80 {
    border-color: color-mix(in srgb, var(--warning) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-warning-70 {
    border-color: color-mix(in srgb, var(--warning) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-warning-60 {
    border-color: color-mix(in srgb, var(--warning) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-warning-50 {
    border-color: color-mix(in srgb, var(--warning) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-warning-40 {
    border-color: color-mix(in srgb, var(--warning) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-warning-30 {
    border-color: color-mix(in srgb, var(--warning) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-warning-20 {
    border-color: color-mix(in srgb, var(--warning) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-warning-10 {
    border-color: color-mix(in srgb, var(--warning) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-warning_light,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-warning_light-100 {
    background-color: var(--warning-light) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-warning_light-90 {
    background-color: color-mix(in srgb, var(--warning-light) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-warning_light-80 {
    background-color: color-mix(in srgb, var(--warning-light) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-warning_light-70 {
    background-color: color-mix(in srgb, var(--warning-light) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-warning_light-60 {
    background-color: color-mix(in srgb, var(--warning-light) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-warning_light-50 {
    background-color: color-mix(in srgb, var(--warning-light) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-warning_light-40 {
    background-color: color-mix(in srgb, var(--warning-light) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-warning_light-30 {
    background-color: color-mix(in srgb, var(--warning-light) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-warning_light-20 {
    background-color: color-mix(in srgb, var(--warning-light) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-warning_light-10 {
    background-color: color-mix(in srgb, var(--warning-light) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_light,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_light-100 {
    color: var(--warning-light) !important;
    fill: var(--warning-light) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_light *:not([class*="columnz-color"]),
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_light-90 {
    color: color-mix(in srgb, var(--warning-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_light-80 {
    color: color-mix(in srgb, var(--warning-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_light-70 {
    color: color-mix(in srgb, var(--warning-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_light-60 {
    color: color-mix(in srgb, var(--warning-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_light-50 {
    color: color-mix(in srgb, var(--warning-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_light-40 {
    color: color-mix(in srgb, var(--warning-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_light-30 {
    color: color-mix(in srgb, var(--warning-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_light-20 {
    color: color-mix(in srgb, var(--warning-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_light-10 {
    color: color-mix(in srgb, var(--warning-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-light) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-warning_light,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-warning_light-100 {
    border-color: var(--warning-light) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-warning_light-90 {
    border-color: color-mix(in srgb, var(--warning-light) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-warning_light-80 {
    border-color: color-mix(in srgb, var(--warning-light) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-warning_light-70 {
    border-color: color-mix(in srgb, var(--warning-light) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-warning_light-60 {
    border-color: color-mix(in srgb, var(--warning-light) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-warning_light-50 {
    border-color: color-mix(in srgb, var(--warning-light) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-warning_light-40 {
    border-color: color-mix(in srgb, var(--warning-light) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-warning_light-30 {
    border-color: color-mix(in srgb, var(--warning-light) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-warning_light-20 {
    border-color: color-mix(in srgb, var(--warning-light) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-warning_light-10 {
    border-color: color-mix(in srgb, var(--warning-light) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-warning_dark,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-warning_dark-100 {
    background-color: var(--warning-dark) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-warning_dark-90 {
    background-color: color-mix(in srgb, var(--warning-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-warning_dark-80 {
    background-color: color-mix(in srgb, var(--warning-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-warning_dark-70 {
    background-color: color-mix(in srgb, var(--warning-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-warning_dark-60 {
    background-color: color-mix(in srgb, var(--warning-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-warning_dark-50 {
    background-color: color-mix(in srgb, var(--warning-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-warning_dark-40 {
    background-color: color-mix(in srgb, var(--warning-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-warning_dark-30 {
    background-color: color-mix(in srgb, var(--warning-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-warning_dark-20 {
    background-color: color-mix(in srgb, var(--warning-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-warning_dark-10 {
    background-color: color-mix(in srgb, var(--warning-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_dark,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_dark-100 {
    color: var(--warning-dark) !important;
    fill: var(--warning-dark) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_dark *:not([class*="columnz-color"]),
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_dark-90 {
    color: color-mix(in srgb, var(--warning-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_dark-80 {
    color: color-mix(in srgb, var(--warning-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_dark-70 {
    color: color-mix(in srgb, var(--warning-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_dark-60 {
    color: color-mix(in srgb, var(--warning-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_dark-50 {
    color: color-mix(in srgb, var(--warning-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_dark-40 {
    color: color-mix(in srgb, var(--warning-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_dark-30 {
    color: color-mix(in srgb, var(--warning-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_dark-20 {
    color: color-mix(in srgb, var(--warning-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_dark-10 {
    color: color-mix(in srgb, var(--warning-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--warning-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-warning_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-warning_dark,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-warning_dark-100 {
    border-color: var(--warning-dark) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-warning_dark-90 {
    border-color: color-mix(in srgb, var(--warning-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-warning_dark-80 {
    border-color: color-mix(in srgb, var(--warning-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-warning_dark-70 {
    border-color: color-mix(in srgb, var(--warning-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-warning_dark-60 {
    border-color: color-mix(in srgb, var(--warning-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-warning_dark-50 {
    border-color: color-mix(in srgb, var(--warning-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-warning_dark-40 {
    border-color: color-mix(in srgb, var(--warning-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-warning_dark-30 {
    border-color: color-mix(in srgb, var(--warning-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-warning_dark-20 {
    border-color: color-mix(in srgb, var(--warning-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-warning_dark-10 {
    border-color: color-mix(in srgb, var(--warning-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-danger,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-danger-100 {
    background-color: var(--danger) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-danger-90 {
    background-color: color-mix(in srgb, var(--danger) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-danger-80 {
    background-color: color-mix(in srgb, var(--danger) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-danger-70 {
    background-color: color-mix(in srgb, var(--danger) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-danger-60 {
    background-color: color-mix(in srgb, var(--danger) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-danger-50 {
    background-color: color-mix(in srgb, var(--danger) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-danger-40 {
    background-color: color-mix(in srgb, var(--danger) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-danger-30 {
    background-color: color-mix(in srgb, var(--danger) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-danger-20 {
    background-color: color-mix(in srgb, var(--danger) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-danger-10 {
    background-color: color-mix(in srgb, var(--danger) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger-100 {
    color: var(--danger) !important;
    fill: var(--danger) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger *:not([class*="columnz-color"]),
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger-90 {
    color: color-mix(in srgb, var(--danger) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger-80 {
    color: color-mix(in srgb, var(--danger) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger-70 {
    color: color-mix(in srgb, var(--danger) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger-60 {
    color: color-mix(in srgb, var(--danger) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger-50 {
    color: color-mix(in srgb, var(--danger) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger-40 {
    color: color-mix(in srgb, var(--danger) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger-30 {
    color: color-mix(in srgb, var(--danger) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger-20 {
    color: color-mix(in srgb, var(--danger) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger-10 {
    color: color-mix(in srgb, var(--danger) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--danger) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-danger,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-danger-100 {
    border-color: var(--danger) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-danger-90 {
    border-color: color-mix(in srgb, var(--danger) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-danger-80 {
    border-color: color-mix(in srgb, var(--danger) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-danger-70 {
    border-color: color-mix(in srgb, var(--danger) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-danger-60 {
    border-color: color-mix(in srgb, var(--danger) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-danger-50 {
    border-color: color-mix(in srgb, var(--danger) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-danger-40 {
    border-color: color-mix(in srgb, var(--danger) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-danger-30 {
    border-color: color-mix(in srgb, var(--danger) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-danger-20 {
    border-color: color-mix(in srgb, var(--danger) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-danger-10 {
    border-color: color-mix(in srgb, var(--danger) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-danger_light,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-danger_light-100 {
    background-color: var(--danger-light) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-danger_light-90 {
    background-color: color-mix(in srgb, var(--danger-light) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-danger_light-80 {
    background-color: color-mix(in srgb, var(--danger-light) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-danger_light-70 {
    background-color: color-mix(in srgb, var(--danger-light) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-danger_light-60 {
    background-color: color-mix(in srgb, var(--danger-light) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-danger_light-50 {
    background-color: color-mix(in srgb, var(--danger-light) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-danger_light-40 {
    background-color: color-mix(in srgb, var(--danger-light) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-danger_light-30 {
    background-color: color-mix(in srgb, var(--danger-light) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-danger_light-20 {
    background-color: color-mix(in srgb, var(--danger-light) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-danger_light-10 {
    background-color: color-mix(in srgb, var(--danger-light) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_light,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_light-100 {
    color: var(--danger-light) !important;
    fill: var(--danger-light) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_light *:not([class*="columnz-color"]),
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_light-90 {
    color: color-mix(in srgb, var(--danger-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_light-80 {
    color: color-mix(in srgb, var(--danger-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_light-70 {
    color: color-mix(in srgb, var(--danger-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_light-60 {
    color: color-mix(in srgb, var(--danger-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_light-50 {
    color: color-mix(in srgb, var(--danger-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_light-40 {
    color: color-mix(in srgb, var(--danger-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_light-30 {
    color: color-mix(in srgb, var(--danger-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_light-20 {
    color: color-mix(in srgb, var(--danger-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_light-10 {
    color: color-mix(in srgb, var(--danger-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-light) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-danger_light,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-danger_light-100 {
    border-color: var(--danger-light) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-danger_light-90 {
    border-color: color-mix(in srgb, var(--danger-light) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-danger_light-80 {
    border-color: color-mix(in srgb, var(--danger-light) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-danger_light-70 {
    border-color: color-mix(in srgb, var(--danger-light) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-danger_light-60 {
    border-color: color-mix(in srgb, var(--danger-light) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-danger_light-50 {
    border-color: color-mix(in srgb, var(--danger-light) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-danger_light-40 {
    border-color: color-mix(in srgb, var(--danger-light) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-danger_light-30 {
    border-color: color-mix(in srgb, var(--danger-light) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-danger_light-20 {
    border-color: color-mix(in srgb, var(--danger-light) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-danger_light-10 {
    border-color: color-mix(in srgb, var(--danger-light) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-danger_dark,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-danger_dark-100 {
    background-color: var(--danger-dark) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-danger_dark-90 {
    background-color: color-mix(in srgb, var(--danger-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-danger_dark-80 {
    background-color: color-mix(in srgb, var(--danger-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-danger_dark-70 {
    background-color: color-mix(in srgb, var(--danger-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-danger_dark-60 {
    background-color: color-mix(in srgb, var(--danger-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-danger_dark-50 {
    background-color: color-mix(in srgb, var(--danger-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-danger_dark-40 {
    background-color: color-mix(in srgb, var(--danger-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-danger_dark-30 {
    background-color: color-mix(in srgb, var(--danger-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-danger_dark-20 {
    background-color: color-mix(in srgb, var(--danger-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-danger_dark-10 {
    background-color: color-mix(in srgb, var(--danger-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_dark,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_dark-100 {
    color: var(--danger-dark) !important;
    fill: var(--danger-dark) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_dark *:not([class*="columnz-color"]),
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_dark-90 {
    color: color-mix(in srgb, var(--danger-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_dark-80 {
    color: color-mix(in srgb, var(--danger-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_dark-70 {
    color: color-mix(in srgb, var(--danger-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_dark-60 {
    color: color-mix(in srgb, var(--danger-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_dark-50 {
    color: color-mix(in srgb, var(--danger-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_dark-40 {
    color: color-mix(in srgb, var(--danger-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_dark-30 {
    color: color-mix(in srgb, var(--danger-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_dark-20 {
    color: color-mix(in srgb, var(--danger-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_dark-10 {
    color: color-mix(in srgb, var(--danger-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--danger-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-danger_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-danger_dark,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-danger_dark-100 {
    border-color: var(--danger-dark) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-danger_dark-90 {
    border-color: color-mix(in srgb, var(--danger-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-danger_dark-80 {
    border-color: color-mix(in srgb, var(--danger-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-danger_dark-70 {
    border-color: color-mix(in srgb, var(--danger-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-danger_dark-60 {
    border-color: color-mix(in srgb, var(--danger-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-danger_dark-50 {
    border-color: color-mix(in srgb, var(--danger-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-danger_dark-40 {
    border-color: color-mix(in srgb, var(--danger-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-danger_dark-30 {
    border-color: color-mix(in srgb, var(--danger-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-danger_dark-20 {
    border-color: color-mix(in srgb, var(--danger-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-danger_dark-10 {
    border-color: color-mix(in srgb, var(--danger-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-dark,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-dark-100 {
    background-color: var(--dark) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-dark-90 {
    background-color: color-mix(in srgb, var(--dark) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-dark-80 {
    background-color: color-mix(in srgb, var(--dark) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-dark-70 {
    background-color: color-mix(in srgb, var(--dark) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-dark-60 {
    background-color: color-mix(in srgb, var(--dark) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-dark-50 {
    background-color: color-mix(in srgb, var(--dark) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-dark-40 {
    background-color: color-mix(in srgb, var(--dark) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-dark-30 {
    background-color: color-mix(in srgb, var(--dark) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-dark-20 {
    background-color: color-mix(in srgb, var(--dark) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-dark-10 {
    background-color: color-mix(in srgb, var(--dark) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark-100 {
    color: var(--dark) !important;
    fill: var(--dark) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark *:not([class*="columnz-color"]),
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark-90 {
    color: color-mix(in srgb, var(--dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark-80 {
    color: color-mix(in srgb, var(--dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark-70 {
    color: color-mix(in srgb, var(--dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark-60 {
    color: color-mix(in srgb, var(--dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark-50 {
    color: color-mix(in srgb, var(--dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark-40 {
    color: color-mix(in srgb, var(--dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark-30 {
    color: color-mix(in srgb, var(--dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark-20 {
    color: color-mix(in srgb, var(--dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark-10 {
    color: color-mix(in srgb, var(--dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--dark) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-dark,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-dark-100 {
    border-color: var(--dark) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-dark-90 {
    border-color: color-mix(in srgb, var(--dark) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-dark-80 {
    border-color: color-mix(in srgb, var(--dark) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-dark-70 {
    border-color: color-mix(in srgb, var(--dark) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-dark-60 {
    border-color: color-mix(in srgb, var(--dark) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-dark-50 {
    border-color: color-mix(in srgb, var(--dark) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-dark-40 {
    border-color: color-mix(in srgb, var(--dark) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-dark-30 {
    border-color: color-mix(in srgb, var(--dark) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-dark-20 {
    border-color: color-mix(in srgb, var(--dark) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-dark-10 {
    border-color: color-mix(in srgb, var(--dark) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-dark_light,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-dark_light-100 {
    background-color: var(--dark-light) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-dark_light-90 {
    background-color: color-mix(in srgb, var(--dark-light) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-dark_light-80 {
    background-color: color-mix(in srgb, var(--dark-light) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-dark_light-70 {
    background-color: color-mix(in srgb, var(--dark-light) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-dark_light-60 {
    background-color: color-mix(in srgb, var(--dark-light) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-dark_light-50 {
    background-color: color-mix(in srgb, var(--dark-light) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-dark_light-40 {
    background-color: color-mix(in srgb, var(--dark-light) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-dark_light-30 {
    background-color: color-mix(in srgb, var(--dark-light) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-dark_light-20 {
    background-color: color-mix(in srgb, var(--dark-light) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-dark_light-10 {
    background-color: color-mix(in srgb, var(--dark-light) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_light,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_light-100 {
    color: var(--dark-light) !important;
    fill: var(--dark-light) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_light *:not([class*="columnz-color"]),
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_light-90 {
    color: color-mix(in srgb, var(--dark-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_light-80 {
    color: color-mix(in srgb, var(--dark-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_light-70 {
    color: color-mix(in srgb, var(--dark-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_light-60 {
    color: color-mix(in srgb, var(--dark-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_light-50 {
    color: color-mix(in srgb, var(--dark-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_light-40 {
    color: color-mix(in srgb, var(--dark-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_light-30 {
    color: color-mix(in srgb, var(--dark-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_light-20 {
    color: color-mix(in srgb, var(--dark-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_light-10 {
    color: color-mix(in srgb, var(--dark-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-light) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-dark_light,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-dark_light-100 {
    border-color: var(--dark-light) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-dark_light-90 {
    border-color: color-mix(in srgb, var(--dark-light) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-dark_light-80 {
    border-color: color-mix(in srgb, var(--dark-light) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-dark_light-70 {
    border-color: color-mix(in srgb, var(--dark-light) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-dark_light-60 {
    border-color: color-mix(in srgb, var(--dark-light) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-dark_light-50 {
    border-color: color-mix(in srgb, var(--dark-light) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-dark_light-40 {
    border-color: color-mix(in srgb, var(--dark-light) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-dark_light-30 {
    border-color: color-mix(in srgb, var(--dark-light) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-dark_light-20 {
    border-color: color-mix(in srgb, var(--dark-light) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-dark_light-10 {
    border-color: color-mix(in srgb, var(--dark-light) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-dark_dark,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-dark_dark-100 {
    background-color: var(--dark-dark) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-dark_dark-90 {
    background-color: color-mix(in srgb, var(--dark-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-dark_dark-80 {
    background-color: color-mix(in srgb, var(--dark-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-dark_dark-70 {
    background-color: color-mix(in srgb, var(--dark-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-dark_dark-60 {
    background-color: color-mix(in srgb, var(--dark-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-dark_dark-50 {
    background-color: color-mix(in srgb, var(--dark-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-dark_dark-40 {
    background-color: color-mix(in srgb, var(--dark-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-dark_dark-30 {
    background-color: color-mix(in srgb, var(--dark-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-dark_dark-20 {
    background-color: color-mix(in srgb, var(--dark-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-dark_dark-10 {
    background-color: color-mix(in srgb, var(--dark-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_dark,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_dark-100 {
    color: var(--dark-dark) !important;
    fill: var(--dark-dark) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_dark *:not([class*="columnz-color"]),
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_dark-90 {
    color: color-mix(in srgb, var(--dark-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_dark-80 {
    color: color-mix(in srgb, var(--dark-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_dark-70 {
    color: color-mix(in srgb, var(--dark-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_dark-60 {
    color: color-mix(in srgb, var(--dark-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_dark-50 {
    color: color-mix(in srgb, var(--dark-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_dark-40 {
    color: color-mix(in srgb, var(--dark-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_dark-30 {
    color: color-mix(in srgb, var(--dark-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_dark-20 {
    color: color-mix(in srgb, var(--dark-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_dark-10 {
    color: color-mix(in srgb, var(--dark-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--dark-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-dark_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-dark_dark,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-dark_dark-100 {
    border-color: var(--dark-dark) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-dark_dark-90 {
    border-color: color-mix(in srgb, var(--dark-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-dark_dark-80 {
    border-color: color-mix(in srgb, var(--dark-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-dark_dark-70 {
    border-color: color-mix(in srgb, var(--dark-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-dark_dark-60 {
    border-color: color-mix(in srgb, var(--dark-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-dark_dark-50 {
    border-color: color-mix(in srgb, var(--dark-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-dark_dark-40 {
    border-color: color-mix(in srgb, var(--dark-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-dark_dark-30 {
    border-color: color-mix(in srgb, var(--dark-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-dark_dark-20 {
    border-color: color-mix(in srgb, var(--dark-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-dark_dark-10 {
    border-color: color-mix(in srgb, var(--dark-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-light,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-light-100 {
    background-color: var(--light) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-light-90 {
    background-color: color-mix(in srgb, var(--light) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-light-80 {
    background-color: color-mix(in srgb, var(--light) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-light-70 {
    background-color: color-mix(in srgb, var(--light) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-light-60 {
    background-color: color-mix(in srgb, var(--light) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-light-50 {
    background-color: color-mix(in srgb, var(--light) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-light-40 {
    background-color: color-mix(in srgb, var(--light) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-light-30 {
    background-color: color-mix(in srgb, var(--light) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-light-20 {
    background-color: color-mix(in srgb, var(--light) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-light-10 {
    background-color: color-mix(in srgb, var(--light) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light-100 {
    color: var(--light) !important;
    fill: var(--light) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light *:not([class*="columnz-color"]),
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light-90 {
    color: color-mix(in srgb, var(--light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light-80 {
    color: color-mix(in srgb, var(--light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light-70 {
    color: color-mix(in srgb, var(--light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light-60 {
    color: color-mix(in srgb, var(--light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light-50 {
    color: color-mix(in srgb, var(--light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light-40 {
    color: color-mix(in srgb, var(--light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light-30 {
    color: color-mix(in srgb, var(--light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light-20 {
    color: color-mix(in srgb, var(--light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light-10 {
    color: color-mix(in srgb, var(--light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--light) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-light,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-light-100 {
    border-color: var(--light) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-light-90 {
    border-color: color-mix(in srgb, var(--light) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-light-80 {
    border-color: color-mix(in srgb, var(--light) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-light-70 {
    border-color: color-mix(in srgb, var(--light) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-light-60 {
    border-color: color-mix(in srgb, var(--light) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-light-50 {
    border-color: color-mix(in srgb, var(--light) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-light-40 {
    border-color: color-mix(in srgb, var(--light) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-light-30 {
    border-color: color-mix(in srgb, var(--light) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-light-20 {
    border-color: color-mix(in srgb, var(--light) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-light-10 {
    border-color: color-mix(in srgb, var(--light) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-light_light,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-light_light-100 {
    background-color: var(--light-light) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-light_light-90 {
    background-color: color-mix(in srgb, var(--light-light) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-light_light-80 {
    background-color: color-mix(in srgb, var(--light-light) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-light_light-70 {
    background-color: color-mix(in srgb, var(--light-light) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-light_light-60 {
    background-color: color-mix(in srgb, var(--light-light) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-light_light-50 {
    background-color: color-mix(in srgb, var(--light-light) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-light_light-40 {
    background-color: color-mix(in srgb, var(--light-light) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-light_light-30 {
    background-color: color-mix(in srgb, var(--light-light) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-light_light-20 {
    background-color: color-mix(in srgb, var(--light-light) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-light_light-10 {
    background-color: color-mix(in srgb, var(--light-light) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_light,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_light-100 {
    color: var(--light-light) !important;
    fill: var(--light-light) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_light *:not([class*="columnz-color"]),
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_light-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_light-90 {
    color: color-mix(in srgb, var(--light-light) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_light-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_light-80 {
    color: color-mix(in srgb, var(--light-light) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_light-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_light-70 {
    color: color-mix(in srgb, var(--light-light) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_light-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_light-60 {
    color: color-mix(in srgb, var(--light-light) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_light-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_light-50 {
    color: color-mix(in srgb, var(--light-light) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_light-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_light-40 {
    color: color-mix(in srgb, var(--light-light) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_light-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_light-30 {
    color: color-mix(in srgb, var(--light-light) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_light-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_light-20 {
    color: color-mix(in srgb, var(--light-light) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_light-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_light-10 {
    color: color-mix(in srgb, var(--light-light) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--light-light) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_light-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-light_light,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-light_light-100 {
    border-color: var(--light-light) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-light_light-90 {
    border-color: color-mix(in srgb, var(--light-light) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-light_light-80 {
    border-color: color-mix(in srgb, var(--light-light) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-light_light-70 {
    border-color: color-mix(in srgb, var(--light-light) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-light_light-60 {
    border-color: color-mix(in srgb, var(--light-light) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-light_light-50 {
    border-color: color-mix(in srgb, var(--light-light) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-light_light-40 {
    border-color: color-mix(in srgb, var(--light-light) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-light_light-30 {
    border-color: color-mix(in srgb, var(--light-light) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-light_light-20 {
    border-color: color-mix(in srgb, var(--light-light) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-light_light-10 {
    border-color: color-mix(in srgb, var(--light-light) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-light_dark,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-light_dark-100 {
    background-color: var(--light-dark) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-light_dark-90 {
    background-color: color-mix(in srgb, var(--light-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-light_dark-80 {
    background-color: color-mix(in srgb, var(--light-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-light_dark-70 {
    background-color: color-mix(in srgb, var(--light-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-light_dark-60 {
    background-color: color-mix(in srgb, var(--light-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-light_dark-50 {
    background-color: color-mix(in srgb, var(--light-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-light_dark-40 {
    background-color: color-mix(in srgb, var(--light-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-light_dark-30 {
    background-color: color-mix(in srgb, var(--light-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-light_dark-20 {
    background-color: color-mix(in srgb, var(--light-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-light_dark-10 {
    background-color: color-mix(in srgb, var(--light-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_dark,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_dark-100 {
    color: var(--light-dark) !important;
    fill: var(--light-dark) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_dark *:not([class*="columnz-color"]),
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_dark-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_dark-90 {
    color: color-mix(in srgb, var(--light-dark) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_dark-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_dark-80 {
    color: color-mix(in srgb, var(--light-dark) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_dark-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_dark-70 {
    color: color-mix(in srgb, var(--light-dark) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_dark-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_dark-60 {
    color: color-mix(in srgb, var(--light-dark) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_dark-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_dark-50 {
    color: color-mix(in srgb, var(--light-dark) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_dark-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_dark-40 {
    color: color-mix(in srgb, var(--light-dark) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_dark-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_dark-30 {
    color: color-mix(in srgb, var(--light-dark) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_dark-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_dark-20 {
    color: color-mix(in srgb, var(--light-dark) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_dark-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_dark-10 {
    color: color-mix(in srgb, var(--light-dark) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--light-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-light_dark-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-light_dark,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-light_dark-100 {
    border-color: var(--light-dark) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-light_dark-90 {
    border-color: color-mix(in srgb, var(--light-dark) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-light_dark-80 {
    border-color: color-mix(in srgb, var(--light-dark) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-light_dark-70 {
    border-color: color-mix(in srgb, var(--light-dark) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-light_dark-60 {
    border-color: color-mix(in srgb, var(--light-dark) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-light_dark-50 {
    border-color: color-mix(in srgb, var(--light-dark) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-light_dark-40 {
    border-color: color-mix(in srgb, var(--light-dark) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-light_dark-30 {
    border-color: color-mix(in srgb, var(--light-dark) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-light_dark-20 {
    border-color: color-mix(in srgb, var(--light-dark) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-light_dark-10 {
    border-color: color-mix(in srgb, var(--light-dark) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-text,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-text-100 {
    background-color: var(--text) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-text_negative,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-text_negative-100 {
    background-color: var(--text-negative) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-text-90 {
    background-color: color-mix(in srgb, var(--text) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-text-80 {
    background-color: color-mix(in srgb, var(--text) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-text-70 {
    background-color: color-mix(in srgb, var(--text) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-text-60 {
    background-color: color-mix(in srgb, var(--text) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-text-50 {
    background-color: color-mix(in srgb, var(--text) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-text-40 {
    background-color: color-mix(in srgb, var(--text) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-text-30 {
    background-color: color-mix(in srgb, var(--text) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-text-20 {
    background-color: color-mix(in srgb, var(--text) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-text-10 {
    background-color: color-mix(in srgb, var(--text) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-text_negative-90 {
    background-color: color-mix(in srgb, var(--text-negative) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-text_negative-80 {
    background-color: color-mix(in srgb, var(--text-negative) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-text_negative-70 {
    background-color: color-mix(in srgb, var(--text-negative) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-text_negative-60 {
    background-color: color-mix(in srgb, var(--text-negative) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-text_negative-50 {
    background-color: color-mix(in srgb, var(--text-negative) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-text_negative-40 {
    background-color: color-mix(in srgb, var(--text-negative) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-text_negative-30 {
    background-color: color-mix(in srgb, var(--text-negative) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-text_negative-20 {
    background-color: color-mix(in srgb, var(--text-negative) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-text_negative-10 {
    background-color: color-mix(in srgb, var(--text-negative) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text-100 {
    color: var(--text) !important;
    fill: var(--text) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text *:not([class*="columnz-color"]),
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text_negative,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text_negative-100 {
    color: var(--text-negative) !important;
    fill: var(--text-negative) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text_negative *:not([class*="columnz-color"]),
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text_negative-100 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text-90 {
    color: color-mix(in srgb, var(--text) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text-80 {
    color: color-mix(in srgb, var(--text) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text-70 {
    color: color-mix(in srgb, var(--text) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text-60 {
    color: color-mix(in srgb, var(--text) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text-50 {
    color: color-mix(in srgb, var(--text) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text-40 {
    color: color-mix(in srgb, var(--text) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text-30 {
    color: color-mix(in srgb, var(--text) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text-20 {
    color: color-mix(in srgb, var(--text) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text-10 {
    color: color-mix(in srgb, var(--text) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--text) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text_negative-90 {
    color: color-mix(in srgb, var(--text-negative) 90%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text_negative-90 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text_negative-80 {
    color: color-mix(in srgb, var(--text-negative) 80%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text_negative-80 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text_negative-70 {
    color: color-mix(in srgb, var(--text-negative) 70%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text_negative-70 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text_negative-60 {
    color: color-mix(in srgb, var(--text-negative) 60%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text_negative-60 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text_negative-50 {
    color: color-mix(in srgb, var(--text-negative) 50%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text_negative-50 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text_negative-40 {
    color: color-mix(in srgb, var(--text-negative) 40%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text_negative-40 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text_negative-30 {
    color: color-mix(in srgb, var(--text-negative) 30%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text_negative-30 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text_negative-20 {
    color: color-mix(in srgb, var(--text-negative) 20%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text_negative-20 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text_negative-10 {
    color: color-mix(in srgb, var(--text-negative) 10%, transparent) !important;
    fill: color-mix(in srgb, var(--text-negative) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-text_negative-10 *:not([class*="columnz-color"]) {
    color: inherit !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-text,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-text-100 {
    border-color: var(--text) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-text_negative,
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-text_negative-100 {
    border-color: var(--text-negative) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-text-90 {
    border-color: color-mix(in srgb, var(--text) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-text-80 {
    border-color: color-mix(in srgb, var(--text) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-text-70 {
    border-color: color-mix(in srgb, var(--text) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-text-60 {
    border-color: color-mix(in srgb, var(--text) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-text-50 {
    border-color: color-mix(in srgb, var(--text) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-text-40 {
    border-color: color-mix(in srgb, var(--text) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-text-30 {
    border-color: color-mix(in srgb, var(--text) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-text-20 {
    border-color: color-mix(in srgb, var(--text) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-text-10 {
    border-color: color-mix(in srgb, var(--text) 10%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-text_negative-90 {
    border-color: color-mix(in srgb, var(--text-negative) 90%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-text_negative-80 {
    border-color: color-mix(in srgb, var(--text-negative) 80%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-text_negative-70 {
    border-color: color-mix(in srgb, var(--text-negative) 70%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-text_negative-60 {
    border-color: color-mix(in srgb, var(--text-negative) 60%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-text_negative-50 {
    border-color: color-mix(in srgb, var(--text-negative) 50%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-text_negative-40 {
    border-color: color-mix(in srgb, var(--text-negative) 40%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-text_negative-30 {
    border-color: color-mix(in srgb, var(--text-negative) 30%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-text_negative-20 {
    border-color: color-mix(in srgb, var(--text-negative) 20%, transparent) !important;
  }
  :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bordercolor-text_negative-10 {
    border-color: color-mix(in srgb, var(--text-negative) 10%, transparent) !important;
  }
  body .hover-element-xxl.on-hover-hide,
  body .hover-element-xxl .on-hover-hide {
    opacity: 1;
  }
  body .hover-element-xxl.on-hover-remove,
  body .hover-element-xxl .on-hover-remove {
    display: block;
  }
  body .hover-element-xxl.on-hover-hide:hover,
  body .hover-element-xxl:hover .on-hover-hide {
    opacity: 0;
  }
  body .hover-element-xxl.on-hover-remove:hover,
  body .hover-element-xxl:hover .on-hover-remove {
    display: none;
  }
  body .hover-element-xxl.on-hover-show,
  body .hover-element-xxl .on-hover-show {
    opacity: 0;
  }
  body .hover-element-xxl.on-hover-add,
  body .hover-element-xxl .on-hover-add {
    display: none;
  }
  body .hover-element-xxl.on-hover-show:hover,
  body .hover-element-xxl:hover .on-hover-show {
    opacity: 1;
  }
  body .hover-element-xxl.on-hover-add:hover,
  body .hover-element-xxl:hover .on-hover-add {
    display: block;
  }
  #get_columnz_shadow .hoverable-element-xxl.on-hover-hide > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-xxl .on-hover-hide > .columnz_outer_content {
    opacity: 1;
  }
  #get_columnz_shadow .hoverable-element-xxl.on-hover-remove > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-xxl .on-hover-remove > .columnz_outer_content {
    display: block;
  }
  #get_columnz_shadow .hoverable-element-xxl.hovered-element.on-hover-hide > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-xxl.hovered-element .on-hover-hide > .columnz_outer_content {
    opacity: 0;
  }
  #get_columnz_shadow .hoverable-element-xxl.hovered-element.on-hover-remove > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-xxl.hovered-element .on-hover-remove > .columnz_outer_content {
    display: none;
  }
  #get_columnz_shadow .hoverable-element-xxl.on-hover-show:not(:hover, .focus) > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-xxl .on-hover-show:not(:hover, .focus) > .columnz_outer_content {
    opacity: 0.4;
  }
  #get_columnz_shadow .hoverable-element-xxl.on-hover-add:not(.focus) > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-xxl .on-hover-add:not(.focus) > .columnz_outer_content {
    display: none;
  }
  #get_columnz_shadow .hoverable-element-xxl.hovered-element.on-hover-show > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-xxl.hovered-element .on-hover-show > .columnz_outer_content {
    opacity: 1;
  }
  #get_columnz_shadow .hoverable-element-xxl.hovered-element.on-hover-add > .columnz_outer_content,
  #get_columnz_shadow .hoverable-element-xxl.hovered-element .on-hover-add > .columnz_outer_content {
    display: block;
  }
}
/* Zoom */
@keyframes zoomout {
  from {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
  }
  to {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@keyframes zoomin {
  from {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  to {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
  }
}
@-webkit-keyframes zoomout {
  from {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
  }
  to {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes zoomin {
  from {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  to {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
  }
}
.content_zoom.zoomout .columnz_element > div {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
}
.content_zoom.in-view.zoomout .columnz_element > div {
  animation-name: zoomout;
}
.content_zoom.zoomin .columnz_element > div {
  transform: scale(1);
  -webkit-transform: scale(1);
}
.content_zoom.in-view.zoomin .columnz_element > div {
  animation-name: zoomin;
}
.content_zoom.to-center .columnz_element > div {
  transform-origin: center;
  -webkit-transform-origin: center;
}
.content_zoom.to-top_left .columnz_element > div {
  transform-origin: top left;
  -webkit-transform-origin: top left;
}
.content_zoom.to-top_right .columnz_element > div {
  transform-origin: top right;
  -webkit-transform-origin: top right;
}
.content_zoom.to-bottom_left .columnz_element > div {
  transform-origin: bottom left;
  -webkit-transform-origin: bottom left;
}
.content_zoom.to-bottom_right .columnz_element > div {
  transform-origin: bottom right;
  -webkit-transform-origin: bottom right;
}
.content_zoom .columnz_element > div {
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
.content_zoom.slow .columnz_element > div {
  animation-duration: 30s;
}
.content_zoom.normal .columnz_element > div {
  animation-duration: 20s;
}
.content_zoom.fast .columnz_element > div {
  animation-duration: 10s;
}
.content_zoom {
  overflow: hidden;
}
[class*="column-bg_image-target"]:not(.readmore-open),
section > .columnz_type_row,
.columnz_content,
.columnz_content > .columnz-row,
.columnz_content,
.columnz_content > .slideshow,
.columnz_content > .slideshow > .owl-stage-outer,
.columnz_content > .slideshow > .owl-stage-outer > .owl-stage,
.columnz_content > .slideshow > .owl-stage-outer > .owl-stage > .owl-item {
  height: 100%;
}
.col.bg-color > div,
[class*="col-"].bg-color > div,
.col.bg-image > div,
[class*="col-"].bg-image > div {
  height: 100%;
}
.col.bg-color > div > .align-content-center,
.col.bg-color > div > .align-items-center,
[class*="col-"].bg-color > div > .align-content-center,
[class*="col-"].bg-color > div > .align-items-center,
.col.bg-image > div > .align-content-center,
.col.bg-image > div > .align-items-center,
[class*="col-"].bg-image > div > .align-content-center,
[class*="col-"].bg-image > div > .align-items-center {
  height: 100%;
}
.align-items-stretch.owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > div,
.align-items-stretch.owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > div > div,
.align-items-stretch.owl-carousel > .owl-stage-outer > .owl-stage > .owl-item .row,
.align-items-stretch > .col > div,
.align-items-stretch > .col > div > .carousel,
.align-items-stretch > .col > div > .carousel > .carousel-inner,
.align-items-stretch > .col > div > .carousel > .carousel-inner > .carousel-item,
.align-items-stretch > .col > div > .carousel > .carousel-inner > .carousel-item > .carousel-content,
.align-items-stretch > [class*="col-"] > div,
.align-items-stretch > [class*="col-"] > div > .carousel,
.align-items-stretch > [class*="col-"] > div > .carousel > .carousel-inner,
.align-items-stretch > [class*="col-"] > div > .carousel > .carousel-inner > .carousel-item,
.align-items-stretch > [class*="col-"] > div > .carousel > .carousel-inner > .carousel-item > .carousel-content,
.align-items-stretch > .col > div:not(.product-thumb) > .row,
.align-items-stretch > [class*="col-"] > div:not(.product-thumb) > .row {
  height: 100%;
}
.align-items-stretch .columnz_type_image > div,
.align-items-stretch .columnz_type_image > div > a,
.align-items-stretch .columnz_type_image > div > span {
  height: 100%;
}
.align-items-stretch .columnz_type_image > div,
.align-items-stretch .columnz_type_image > div > a,
.align-items-stretch .columnz_type_image > div > span {
  height: 100%;
  width: 100%;
  display: block;
}
.align-items-stretch .columnz_type_image > div > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.align-items-stretch .columnz_type_image > div > a > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.align-items-stretch .columnz_type_image > div > span > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.align-items-stretch .columnz_type_slideshow .main_image {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
:not(.product-thumb) > .flex-grow-1 > div {
  height: 100%;
}
:not(.product-thumb) > .flex-grow-0 > div {
  height: auto;
}
:not(.product-thumb) > .row.flex-column > .col,
:not(.product-thumb) > .row.flex-column > [class*="col-"] {
  max-width: 100%;
}
@media (min-width: 1500px) {
  .col.bg-color > div > .align-content-xxl-center,
  .col.bg-color > div > .align-items-xxl-center,
  [class*="col-"].bg-color > div > .align-content-xxl-center,
  [class*="col-"].bg-color > div > .align-items-xxl-center,
  .col.bg-image > div > .align-content-xxl-center,
  .col.bg-image > div > .align-items-xxl-center,
  [class*="col-"].bg-image > div > .align-content-xxl-center,
  [class*="col-"].bg-image > div > .align-items-xxl-center {
    height: 100%;
  }
  .align-items-xxl-stretch.owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > div,
  .align-items-xxl-stretch.owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > div > div,
  .align-items-xxl-stretch.owl-carousel > .owl-stage-outer > .owl-stage > .owl-item .row,
  .align-items-xxl-stretch > .col > div,
  .align-items-xxl-stretch > .col > div > .carousel,
  .align-items-xxl-stretch > .col > div > .carousel > .carousel-inner,
  .align-items-xxl-stretch > .col > div > .carousel > .carousel-inner > .carousel-item,
  .align-items-xxl-stretch > .col > div > .carousel > .carousel-inner > .carousel-item > .carousel-content,
  .align-items-xxl-stretch > [class*="col-"] > div,
  .align-items-xxl-stretch > [class*="col-"] > div > .carousel,
  .align-items-xxl-stretch > [class*="col-"] > div > .carousel > .carousel-inner,
  .align-items-xxl-stretch > [class*="col-"] > div > .carousel > .carousel-inner > .carousel-item,
  .align-items-xxl-stretch > [class*="col-"] > div > .carousel > .carousel-inner > .carousel-item > .carousel-content,
  .align-items-xxl-stretch > .col > div:not(.product-thumb) > .row,
  .align-items-xxl-stretch > [class*="col-"] > div:not(.product-thumb) > .row {
    height: 100%;
  }
  .align-items-xxl-stretch .columnz_type_image > div,
  .align-items-xxl-stretch .columnz_type_image > div,
  .align-items-xxl-stretch .columnz_type_image > div > a {
    height: 100%;
  }
  .align-items-xxl-stretch .columnz_type_image > div,
  .align-items-xxl-stretch .columnz_type_image > div > a,
  .align-items-xxl-stretch .columnz_type_image > div > span {
    height: 100%;
    width: 100%;
    display: block;
  }
  .align-items-xxl-stretch .columnz_type_image > div > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .align-items-xxl-stretch .columnz_type_image > div > a > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .align-items-xxl-stretch .columnz_type_image > div > span > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .align-items-xxl-stretch .columnz_type_slideshow .main_image {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  :not(.product-thumb) > .flex-xxl-grow-1 > div {
    height: 100%;
  }
  :not(.product-thumb) > .flex-xxl-grow-0 > div {
    height: auto;
  }
  :not(.product-thumb) > .row.flex-xxl-column > .col,
  :not(.product-thumb) > .row.flex-xxl-column > [class*="col-"] {
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .col.bg-color > div > .align-content-xl-center,
  .col.bg-color > div > .align-items-xl-center,
  [class*="col-"].bg-color > div > .align-content-xl-center,
  [class*="col-"].bg-color > div > .align-items-xl-center,
  .col.bg-image > div > .align-content-xl-center,
  .col.bg-image > div > .align-items-xl-center,
  [class*="col-"].bg-image > div > .align-content-xl-center,
  [class*="col-"].bg-image > div > .align-items-xl-center {
    height: 100%;
  }
  .align-items-xl-stretch.owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > div,
  .align-items-xl-stretch.owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > div > div,
  .align-items-xl-stretch.owl-carousel > .owl-stage-outer > .owl-stage > .owl-item .row,
  .align-items-xl-stretch > .col > div,
  .align-items-xl-stretch > .col > div > .carousel,
  .align-items-xl-stretch > .col > div > .carousel > .carousel-inner,
  .align-items-xl-stretch > .col > div > .carousel > .carousel-inner > .carousel-item,
  .align-items-xl-stretch > .col > div > .carousel > .carousel-inner > .carousel-item > .carousel-content,
  .align-items-xl-stretch > [class*="col-"] > div,
  .align-items-xl-stretch > [class*="col-"] > div > .carousel,
  .align-items-xl-stretch > [class*="col-"] > div > .carousel > .carousel-inner,
  .align-items-xl-stretch > [class*="col-"] > div > .carousel > .carousel-inner > .carousel-item,
  .align-items-xl-stretch > [class*="col-"] > div > .carousel > .carousel-inner > .carousel-item > .carousel-content,
  .align-items-xl-stretch > .col > div:not(.product-thumb) > .row,
  .align-items-xl-stretch > [class*="col-"] > div:not(.product-thumb) > .row {
    height: 100%;
  }
  .align-items-xl-stretch .columnz_type_image > div,
  .align-items-xl-stretch .columnz_type_image > div,
  .align-items-xl-stretch .columnz_type_image > div > a {
    height: 100%;
  }
  .align-items-xl-stretch .columnz_type_image > div,
  .align-items-xl-stretch .columnz_type_image > div > a,
  .align-items-xl-stretch .columnz_type_image > div > span {
    width: 100%;
    height: 100%;
    display: block;
  }
  .align-items-xl-stretch .columnz_type_image > div > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .align-items-xl-stretch .columnz_type_image > div > a > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .align-items-xl-stretch .columnz_type_image > div > span > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .align-items-xl-stretch .columnz_type_slideshow .main_image {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  :not(.product-thumb) > .flex-xl-grow-1 > div {
    height: 100%;
  }
  :not(.product-thumb) > .flex-xl-grow-0 > div {
    height: auto;
  }
  :not(.product-thumb) > .row.flex-xl-column > .col,
  :not(.product-thumb) > .row.flex-xl-column > [class*="col-"] {
    max-width: 100%;
  }
}
@media (min-width: 991px) {
  .col.bg-color > div > .align-content-lg-center,
  .col.bg-color > div > .align-items-lg-center,
  [class*="col-"].bg-color > div > .align-content-lg-center,
  [class*="col-"].bg-color > div > .align-items-lg-center,
  .col.bg-image > div > .align-content-lg-center,
  .col.bg-image > div > .align-items-lg-center,
  [class*="col-"].bg-image > div > .align-content-lg-center,
  [class*="col-"].bg-image > div > .align-items-lg-center {
    height: 100%;
  }
  .align-items-lg-stretch.owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > div,
  .align-items-lg-stretch.owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > div > div,
  .align-items-lg-stretch.owl-carousel > .owl-stage-outer > .owl-stage > .owl-item .row,
  .align-items-lg-stretch > .col > div,
  .align-items-lg-stretch > .col > div > .carousel,
  .align-items-lg-stretch > .col > div > .carousel > .carousel-inner,
  .align-items-lg-stretch > .col > div > .carousel > .carousel-inner > .carousel-item,
  .align-items-lg-stretch > .col > div > .carousel > .carousel-inner > .carousel-item > .carousel-content,
  .align-items-lg-stretch > [class*="col-"] > div,
  .align-items-lg-stretch > [class*="col-"] > div > .carousel,
  .align-items-lg-stretch > [class*="col-"] > div > .carousel > .carousel-inner,
  .align-items-lg-stretch > [class*="col-"] > div > .carousel > .carousel-inner > .carousel-item,
  .align-items-lg-stretch > [class*="col-"] > div > .carousel > .carousel-inner > .carousel-item > .carousel-content,
  .align-items-lg-stretch > .col > div:not(.product-thumb) > .row,
  .align-items-lg-stretch > [class*="col-"] > div:not(.product-thumb) > .row {
    height: 100%;
  }
  .align-items-lg-stretch .columnz_type_image > div,
  .align-items-lg-stretch .columnz_type_image > div,
  .align-items-lg-stretch .columnz_type_image > div > a {
    height: 100%;
  }
  .align-items-lg-stretch .columnz_type_image > div,
  .align-items-lg-stretch .columnz_type_image > div > a,
  .align-items-lg-stretch .columnz_type_image > div > span {
    width: 100%;
    height: 100%;
    display: block;
  }
  .align-items-lg-stretch .columnz_type_image > div > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .align-items-lg-stretch .columnz_type_image > div > a > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .align-items-lg-stretch .columnz_type_image > div > span > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .align-items-lg-stretch .columnz_type_slideshow .main_image {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  :not(.product-thumb) > .flex-lg-grow-1 > div {
    height: 100%;
  }
  :not(.product-thumb) > .flex-lg-grow-0 > div {
    height: auto;
  }
  :not(.product-thumb) > .row.flex-lg-column > .col,
  :not(.product-thumb) > .row.flex-lg-column > [class*="col-"] {
    max-width: 100%;
  }
}
@media (min-width: 767px) {
  .col.bg-color > div > .align-content-md-center,
  .col.bg-color > div > .align-items-md-center,
  [class*="col-"].bg-color > div > .align-content-md-center,
  [class*="col-"].bg-color > div > .align-items-md-center,
  .col.bg-image > div > .align-content-md-center,
  .col.bg-image > div > .align-items-md-center,
  [class*="col-"].bg-image > div > .align-content-md-center,
  [class*="col-"].bg-image > div > .align-items-md-center {
    height: 100%;
  }
  .align-items-md-stretch.owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > div,
  .align-items-md-stretch.owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > div > div,
  .align-items-md-stretch.owl-carousel > .owl-stage-outer > .owl-stage > .owl-item .row,
  .align-items-md-stretch > .col > div,
  .align-items-md-stretch > .col > div > .carousel,
  .align-items-md-stretch > .col > div > .carousel > .carousel-inner,
  .align-items-md-stretch > .col > div > .carousel > .carousel-inner > .carousel-item,
  .align-items-md-stretch > .col > div > .carousel > .carousel-inner > .carousel-item > .carousel-content,
  .align-items-md-stretch > [class*="col-"] > div,
  .align-items-md-stretch > [class*="col-"] > div > .carousel,
  .align-items-md-stretch > [class*="col-"] > div > .carousel > .carousel-inner,
  .align-items-md-stretch > [class*="col-"] > div > .carousel > .carousel-inner > .carousel-item,
  .align-items-md-stretch > [class*="col-"] > div > .carousel > .carousel-inner > .carousel-item > .carousel-content,
  .align-items-md-stretch > .col > div:not(.product-thumb) > .row,
  .align-items-md-stretch > [class*="col-"] > div:not(.product-thumb) > .row {
    height: 100%;
  }
  .align-items-md-stretch .columnz_type_image > div,
  .align-items-md-stretch .columnz_type_image > div,
  .align-items-md-stretch .columnz_type_image > div > a {
    height: 100%;
  }
  .align-items-md-stretch .columnz_type_image > div,
  .align-items-md-stretch .columnz_type_image > div > a,
  .align-items-md-stretch .columnz_type_image > div > span {
    width: 100%;
    height: 100%;
    display: block;
  }
  .align-items-md-stretch .columnz_type_image > div > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .align-items-md-stretch .columnz_type_image > div > a > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .align-items-md-stretch .columnz_type_image > div > span > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .align-items-md-stretch .columnz_type_slideshow .main_image {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  :not(.product-thumb) > .flex-md-grow-1 > div {
    height: 100%;
  }
  :not(.product-thumb) > .flex-md-grow-0 > div {
    height: auto;
  }
  :not(.product-thumb) > .row.flex-md-column > .col,
  :not(.product-thumb) > .row.flex-md-column > [class*="col-"] {
    max-width: 100%;
  }
}
@media (min-width: 576px) {
  .col.bg-color > div > .align-content-sm-center,
  .col.bg-color > div > .align-items-sm-center,
  [class*="col-"].bg-color > div > .align-content-sm-center,
  [class*="col-"].bg-color > div > .align-items-sm-center,
  .col.bg-image > div > .align-content-sm-center,
  .col.bg-image > div > .align-items-sm-center,
  [class*="col-"].bg-image > div > .align-content-sm-center,
  [class*="col-"].bg-image > div > .align-items-sm-center {
    height: 100%;
  }
  .align-items-sm-stretch.owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > div,
  .align-items-sm-stretch.owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > div > div,
  .align-items-sm-stretch.owl-carousel > .owl-stage-outer > .owl-stage > .owl-item .row,
  .align-items-sm-stretch > .col > div,
  .align-items-sm-stretch > .col > div > .carousel,
  .align-items-sm-stretch > .col > div > .carousel > .carousel-inner,
  .align-items-sm-stretch > .col > div > .carousel > .carousel-inner > .carousel-item,
  .align-items-sm-stretch > .col > div > .carousel > .carousel-inner > .carousel-item > .carousel-content,
  .align-items-sm-stretch > [class*="col-"] > div,
  .align-items-sm-stretch > [class*="col-"] > div > .carousel,
  .align-items-sm-stretch > [class*="col-"] > div > .carousel > .carousel-inner,
  .align-items-sm-stretch > [class*="col-"] > div > .carousel > .carousel-inner > .carousel-item,
  .align-items-sm-stretch > [class*="col-"] > div > .carousel > .carousel-inner > .carousel-item > .carousel-content,
  .align-items-sm-stretch > .col > div:not(.product-thumb) > .row,
  .align-items-sm-stretch > [class*="col-"] > div:not(.product-thumb) > .row {
    height: 100%;
  }
  .align-items-sm-stretch .columnz_type_image > div,
  .align-items-sm-stretch .columnz_type_image > div,
  .align-items-sm-stretch .columnz_type_image > div > a {
    height: 100%;
  }
  .align-items-sm-stretch .columnz_type_image > div,
  .align-items-sm-stretch .columnz_type_image > div > a,
  .align-items-sm-stretch .columnz_type_image > div > span {
    width: 100%;
    height: 100%;
    display: block;
  }
  .align-items-sm-stretch .columnz_type_image > div > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .align-items-sm-stretch .columnz_type_image > div > a > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .align-items-sm-stretch .columnz_type_image > div > span > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .align-items-sm-stretch .columnz_type_slideshow .main_image {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  :not(.product-thumb) > .flex-sm-grow-1 > div {
    height: 100%;
  }
  :not(.product-thumb) > .flex-sm-grow-0 > div {
    height: auto;
  }
  :not(.product-thumb) > .row.flex-sm-column > .col,
  :not(.product-thumb) > .row.flex-sm-column > [class*="col-"] {
    max-width: 100%;
  }
}