/********** WIDGET AUXILIARIES **********/
.z-auxheader.p-0 > .z-auxheader-content,
.z-listheader.p-0 > .z-listheader-content,
.z-listcell.p-0 > .z-listcell-content,
.z-north.p-0 > .z-north-body,
.z-west.p-0 > .z-west-body,
.z-east.p-0 > .z-east-body,
.z-center.p-0 > .z-center-body,
.z-south.p-0 > .z-south-body {
  padding: 0 !important;
}
.white-space-normal > .z-listcell > .z-listcell-content {
  white-space: normal;
}
.ph-field {
  display: inline-block;
  line-height: normal;
  white-space: nowrap;
  position: relative;
}
.ph-field,
.ph-field-wrap {
  height: 1.875rem;
}
.ph-field-wrap {
  display: block;
  background-color: #f6f5f5;
  border-radius: 0.375rem;
  padding: 0 8px;
  line-height: 16px;
}
.ph-field-wrap > div {
  display: flex;
  align-items: center;
  height: 100%;
}
.ph-field-wrap .ph-field-text {
  font-size: 0.8125rem;
  color: var(--app-text-secondary);
}
.ph-field .float-label-placeholder {
  background: linear-gradient(
    to bottom,
    white 0%,
    white 54%,
    #f6f5f5 50%,
    #f6f5f5 100%
  );
  color: rgb(165 177 190 / 74%);
  opacity: 1 !important;
  font-size: 0.625rem;
  transform: translateY(-0.625rem) translateX(0.15rem);
  height: auto;
}
html[data-theme="dark"] .ph-field-wrap {
  background-color: #94a3b81a !important;
}
html[data-theme="dark"] .ph-field .float-label-placeholder {
  background: linear-gradient(
    to bottom,
    #1e293b 0%,
    #1e293b 54%,
    #2a3648 50%,
    #2a3648 100%
  );
}
/***************************************/
/* .header-primary,.bg-header{ */
/*     --fch-bg-opacity: 1 !important; */
/*     background-color: rgba(74 147 150 / var(--fch-bg-opacity))!important; */
/* } */
input.input-like-label,
.input-like-label > input {
  background: none !important;
  border: none !important;
  padding: 0 !important;
}
span.mate-form-field-wrapper.dSpinner-text {
  height: auto !important;
  line-height: 0 !important;
}
.dSpinner-text > input {
  text-align: left !important;
  height: auto !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/********** LAYOUT **********/

/*** Display ***/
.hidden {
  display: none;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.grid {
  display: grid;
}
.table-cell {
  display: table-cell !important;
}
/*** Object Fit ***/
.object-contain {
  object-fit: contain !important;
}
.object-cover {
  object-fit: cover !important;
}
.object-fill {
  object-fit: fill !important;
}
.object-none {
  object-fit: none !important;
}
.object-scale-down {
  object-fit: scale-down !important;
}
.object-pos-center {
  -o-object-position: center center;
  object-position: center center;
}
/*** Overflow ***/
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
/*** Position ***/
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-sticky {
  position: sticky !important;
}
.position-fixed {
  position: fixed !important;
}
/*** Top / Right / Bottom / Left ***/
.inset-0 {
  top: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
}
.inset-x-0 {
  left: 0px !important;
  right: 0px !important;
}
.inset-y-0 {
  top: 0px !important;
  bottom: 0px !important;
}
.top-0 {
  top: 0px !important;
}
.right-0 {
  right: 0px !important;
}
.bottom-0 {
  bottom: 0px !important;
}
.left-0 {
  left: 0px !important;
}
.top-px {
  top: 1px !important;
}
.right-px {
  right: 1px !important;
}
.bottom-px {
  bottom: 1px !important;
}
.left-px {
  left: 1px !important;
}
.top-0\.5 {
  top: 0.125rem !important; /* 2px */
}
.right-0\.5 {
  right: 0.125rem !important; /* 2px */
}
.bottom-0\.5 {
  bottom: 0.125rem !important; /* 2px */
}
.left-0\.5 {
  left: 0.125rem !important; /* 2px */
}
.top-1 {
  top: 0.25rem !important; /* 4px */
}
.right-1 {
  right: 0.25rem !important; /* 4px */
}
.bottom-1 {
  bottom: 0.25rem !important; /* 4px */
}
.left-1 {
  left: 0.25rem !important; /* 4px */
}
.top-1\.5 {
  top: 0.375rem !important; /* 6px */
}
.right-1\.5 {
  right: 0.375rem !important; /* 6px */
}
.bottom-1\.5 {
  bottom: 0.375rem !important; /* 6px */
}
.left-1\.5 {
  left: 0.375rem !important; /* 6px */
}
.top-2 {
  top: 0.5rem !important; /* 8px */
}
.right-2 {
  right: 0.5rem !important; /* 8px */
}
.bottom-2 {
  bottom: 0.5rem !important; /* 8px */
}
.left-2 {
  left: 0.5rem !important; /* 8px */
}
.top-2\.5 {
  top: 0.625rem !important; /* 10px */
}
.right-2\.5 {
  right: 0.625rem !important; /* 10px */
}
.bottom-2\.5 {
  bottom: 0.625rem !important; /* 10px */
}
.left-2\.5 {
  left: 0.625rem !important; /* 10px */
}
.top-3 {
  top: 0.75rem !important; /* 12px */
}
.right-3 {
  right: 0.75rem !important; /* 12px */
}
.bottom-3 {
  bottom: 0.75rem !important; /* 12px */
}
.left-3 {
  left: 0.75rem !important; /* 12px */
}
.top-3\.5 {
  top: 0.875rem !important; /* 14px */
}
.right-3\.5 {
  right: 0.875rem !important; /* 14px */
}
.bottom-3\.5 {
  bottom: 0.875rem !important; /* 14px */
}
.left-3\.5 {
  left: 0.875rem !important; /* 14px */
}
.top-4 {
  top: 1rem !important; /* 16px */
}
.right-4 {
  right: 1rem !important; /* 16px */
}
.bottom-4 {
  bottom: 1rem !important; /* 16px */
}
.left-4 {
  left: 1rem !important; /* 16px */
}
.top-5 {
  top: 1.25rem !important; /* 20px */
}
.right-5 {
  right: 1.25rem !important; /* 20px */
}
.bottom-5 {
  bottom: 1.25rem !important; /* 20px */
}
.left-5 {
  left: 1.25rem !important; /* 20px */
}
.top-6 {
  top: 1.5rem !important; /* 24px */
}
.right-6 {
  right: 1.5rem !important; /* 24px */
}
.bottom-6 {
  bottom: 1.5rem !important; /* 24px */
}
.left-6 {
  left: 1.5rem !important; /* 24px */
}
.top-7 {
  top: 1.75rem !important; /* 28px */
}
.right-7 {
  right: 1.75rem !important; /* 28px */
}
.bottom-7 {
  bottom: 1.75rem !important; /* 28px */
}
.left-7 {
  left: 1.75rem !important; /* 28px */
}
.top-8 {
  top: 2rem !important; /* 32px */
}
.right-8 {
  right: 2rem !important; /* 32px */
}
.bottom-8 {
  bottom: 2rem !important; /* 32px */
}
.left-8 {
  left: 2rem!; /* 32px */
}
.top-9 {
  top: 2.25rem !important; /* 36px */
}
.right-9 {
  right: 2.25rem !important; /* 36px */
}
.bottom-9 {
  bottom: 2.25rem !important; /* 36px */
}
.left-9 {
  left: 2.25rem !important; /* 36px */
}
.top-10 {
  top: 2.5rem !important; /* 40px */
}
.right-10 {
  right: 2.5rem !important; /* 40px */
}
.bottom-10 {
  bottom: 2.5rem !important; /* 40px */
}
.left-10 {
  left: 2.5rem !important; /* 40px */
}
.top-11 {
  top: 2.75rem !important; /* 44px */
}
.right-11 {
  right: 2.75rem !important; /* 44px */
}
.bottom-11 {
  bottom: 2.75rem !important; /* 44px */
}
.left-11 {
  left: 2.75rem !important; /* 44px */
}
.top-12 {
  top: 3rem !important; /* 48px */
}
.right-12 {
  right: 3rem !important; /* 48px */
}
.bottom-12 {
  bottom: 3rem !important; /* 48px */
}
.left-12 {
  left: 3rem !important; /* 48px */
}
.top-13 {
  top: 3.25rem !important; /* 52px */
}
.right-13 {
  right: 3.25rem !important; /* 52px */
}
.bottom-13 {
  bottom: 3.25rem !important; /* 52px */
}
.left-13 {
  left: 3.25rem !important; /* 52px */
}
.top-14 {
  top: 3.5rem !important; /* 56px */
}
.right-14 {
  right: 3.5rem !important; /* 56px */
}
.bottom-14 {
  bottom: 3.5rem !important; /* 56px */
}
.left-14 {
  left: 3.5rem !important; /* 56px */
}
.top-32 {
  top: 8rem !important; /* 128px */
}
/* Negativos*/
.-top-1 {
  top: -0.25rem !important; /* -4px */
}
.-top-2 {
  top: -0.5rem !important; /* -8px */
}
.-left-3\.5 {
  left: -0.875rem !important; /*-14px*/
}
.-left-4 {
  left: -1rem !important; /* -16px */
}
.-right-2 {
  right: -0.5rem !important; /* -8px */
}
.-right-5 {
  right: -1.25rem !important; /*-20px*/
}
.-right-6 {
  right: -1.5rem !important; /* 24px */
}
.-right-7 {
  right: -1.75rem !important; /* 28px */
}
/*** Visibility ***/
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
/*** Z-Index ***/
.z-0 {
  z-index: 0 !important;
}
.z-1 {
  z-index: 1 !important;
}

/********** Flexbox & Grid **********/

/*** Flex Basis ***/
.basis-0 {
  flex-basis: 0px !important;
}
.basis-1 {
  flex-basis: 0.25rem !important; /* 4px */
}
.basis-2 {
  flex-basis: 0.5rem !important; /* 8px */
}
.basis-3 {
  flex-basis: 0.75rem !important; /* 12px */
}
.basis-4 {
  flex-basis: 1rem !important; /* 16px */
}
.basis-5 {
  flex-basis: 1.25rem !important; /* 20px */
}
/*** Flex Direction ***/
.flex-row {
  flex-direction: row !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-col {
  flex-direction: column !important;
}
.flex-col-reverse {
  flex-direction: column-reverse !important;
}
/*** Flex Wrap ***/
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
/*** Flex ***/
.flex-0 {
  flex: 0 0 auto !important;
}
.flex-1 {
  flex: 1 1 0% !important;
}
.flex-auto {
  flex: 1 1 auto !important;
}
.flex-item {
  flex: 1 1 0 !important;
  min-width: 0;
  min-height: 0;
}
.flex-initial {
  flex: 0 1 auto !important;
}
.flex-none {
  flex: none !important;
}
/*** Flex Grow ***/
.grow {
  flex-grow: 1 !important;
}
.grow-0 {
  flex-grow: 0 !important;
}
/*** Flex Shrink ***/
.shrink {
  flex-shrink: 1 !important;
}
.shrink-0 {
  flex-shrink: 0 !important;
}
/*** Grid Template Columns ***/
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}
.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}
.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
}
.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
}
.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}
/*** Gap ***/
.column-gap-2 {
  column-gap: 0.5rem; /* 8px */
}
.gap-0\.5 {
  gap: 0.125rem !important; /* 2px */
}
.gap-1 {
  gap: 0.25rem !important; /* 4px */
}
.gap-1\.5 {
  gap: 0.375rem !important; /* 6px */
}
.gap-2 {
  gap: 0.5rem !important; /* 8px */
}
.gap-2\.5 {
  gap: 0.625rem !important; /* 10px */
}
.gap-3 {
  gap: 0.75rem !important; /* 12px */
}
.gap-3\.5 {
  gap: 0.875rem !important; /* 14px */
}
.gap-4 {
  gap: 1rem !important; /* 16px */
}
.gap-5 {
  gap: 1.25rem !important; /* 20px */
}
.gap-6 {
  gap: 1.5rem !important; /* 24px */
}
/*** Align Items ***/
.items-start {
  align-items: flex-start !important;
}
.items-end {
  align-items: flex-end !important;
}
.items-center {
  align-items: center !important;
}
.items-baseline {
  align-items: baseline !important;
}
.items-stretch {
  align-items: stretch !important;
}
/*** Align Self ***/
.self-auto {
  align-self: auto !important;
}
.self-start {
  align-self: flex-start !important;
}
.self-end {
  align-self: flex-end !important;
}
.self-center {
  align-self: center !important;
}
.self-stretch {
  align-self: stretch !important;
}
.self-baseline {
  align-self: baseline !important;
}
/*** Justify Content ***/
.justify-start {
  justify-content: flex-start !important;
}
.justify-end {
  justify-content: flex-end !important;
}
.justify-center {
  justify-content: center !important;
}
.justify-between {
  justify-content: space-between !important;
}
.justify-around {
  justify-content: space-around !important;
}
.justify-evenly {
  justify-content: space-evenly !important;
}

/********** SPACING **********/

/*** Padding ***/
.p-0 {
  padding: 0px !important;
}
.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.pt-0 {
  padding-top: 0px !important;
}
.pr-0 {
  padding-right: 0px !important;
}
.pb-0 {
  padding-bottom: 0px !important;
}
.pl-0 {
  padding-left: 0px !important;
}
.p-px {
  padding: 1px !important;
}
.px-px {
  padding-left: 1px !important;
  padding-right: 1px !important;
}
.py-px {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}
.pt-px {
  padding-top: 1px !important;
}
.pr-px {
  padding-right: 1px !important;
}
.pb-px {
  padding-bottom: 1px !important;
}
.pl-px {
  padding-left: 1px !important;
}
.p-0\.5 {
  padding: 0.125rem !important; /* 2px */
}
.px-0\.5 {
  padding-left: 0.125rem !important; /* 2px */
  padding-right: 0.125rem !important; /* 2px */
}
.py-0\.5 {
  padding-top: 0.125rem !important; /* 2px */
  padding-bottom: 0.125rem !important; /* 2px */
}
.pt-0\.5 {
  padding-top: 0.125rem !important; /* 2px */
}
.pr-0\.5 {
  padding-right: 0.125rem !important; /* 2px */
}
.pb-0\.5 {
  padding-bottom: 0.125rem !important; /* 2px */
}
.pl-0\.5 {
  padding-left: 0.125rem !important; /* 2px */
}
.p-1 {
  padding: 0.25rem !important; /* 4px */
}
.px-1 {
  padding-left: 0.25rem !important; /* 4px */
  padding-right: 0.25rem !important; /* 4px */
}
.py-1 {
  padding-top: 0.25rem !important; /* 4px */
  padding-bottom: 0.25rem !important; /* 4px */
}
.pt-1 {
  padding-top: 0.25rem !important; /* 4px */
}
.pr-1 {
  padding-right: 0.25rem !important; /* 4px */
}
.pb-1 {
  padding-bottom: 0.25rem !important; /* 4px */
}
.pl-1 {
  padding-left: 0.25rem !important; /* 4px */
}
.p-1\.5 {
  padding: 0.375rem !important; /* 6px */
}
.px-1\.5 {
  padding-left: 0.375rem !important; /* 6px */
  padding-right: 0.375rem !important; /* 6px */
}
.py-1\.5 {
  padding-top: 0.375rem !important; /* 6px */
  padding-bottom: 0.375rem !important; /* 6px */
}
.pt-1\.5 {
  padding-top: 0.375rem !important; /* 6px */
}
.pr-1\.5 {
  padding-right: 0.375rem !important; /* 6px */
}
.pb-1\.5 {
  padding-bottom: 0.375rem !important; /* 6px */
}
.pl-1\.5 {
  padding-left: 0.375rem !important; /* 6px */
}
.p-2 {
  padding: 0.5rem !important; /* 8px */
}
.px-2 {
  padding-left: 0.5rem !important; /* 8px */
  padding-right: 0.5rem !important; /* 8px */
}
.py-2 {
  padding-top: 0.5rem !important; /* 8px */
  padding-bottom: 0.5rem !important; /* 8px */
}
.pt-2 {
  padding-top: 0.5rem !important; /* 8px */
}
.pr-2 {
  padding-right: 0.5rem !important; /* 8px */
}
.pb-2 {
  padding-bottom: 0.5rem !important; /* 8px */
}
.pl-2 {
  padding-left: 0.5rem !important; /* 8px */
}
.p-2\.5 {
  padding: 0.625rem !important; /* 10px */
}
.px-2\.5 {
  padding-left: 0.625rem !important; /* 10px */
  padding-right: 0.625rem !important; /* 10px */
}
.py-2\.5 {
  padding-top: 0.625rem !important; /* 10px */
  padding-bottom: 0.625rem !important; /* 10px */
}
.pt-2\.5 {
  padding-top: 0.625rem !important; /* 10px */
}
.pr-2\.5 {
  padding-right: 0.625rem !important; /* 10px */
}
.pb-2\.5 {
  padding-bottom: 0.625rem !important; /* 10px */
}
.pl-2\.5 {
  padding-left: 0.625rem !important; /* 10px */
}
.p-3 {
  padding: 0.75rem !important; /* 12px */
}
.px-3 {
  padding-left: 0.75rem !important; /* 12px */
  padding-right: 0.75rem !important; /* 12px */
}
.py-3 {
  padding-top: 0.75rem !important; /* 12px */
  padding-bottom: 0.75rem !important; /* 12px */
}
.pt-3 {
  padding-top: 0.75rem !important; /* 12px */
}
.pr-3 {
  padding-right: 0.75rem !important; /* 12px */
}
.pb-3 {
  padding-bottom: 0.75rem !important; /* 12px */
}
.pl-3 {
  padding-left: 0.75rem !important; /* 12px */
}
.p-3\.5 {
  padding: 0.875rem !important; /* 14px */
}
.px-3\.5 {
  padding-left: 0.875rem !important; /* 14px */
  padding-right: 0.875rem !important; /* 14px */
}
.py-3\.5 {
  padding-top: 0.875rem !important; /* 14px */
  padding-bottom: 0.875rem !important; /* 14px */
}
.pt-3\.5 {
  padding-top: 0.875rem !important; /* 14px */
}
.pr-3\.5 {
  padding-right: 0.875rem !important; /* 14px */
}
.pb-3\.5 {
  padding-bottom: 0.875rem !important; /* 14px */
}
.pl-3\.5 {
  padding-left: 0.875rem !important; /* 14px */
}
.p-4 {
  padding: 1rem !important; /* 16px */
}
.px-4 {
  padding-left: 1rem !important; /* 16px */
  padding-right: 1rem !important; /* 16px */
}
.py-4 {
  padding-top: 1rem !important; /* 16px */
  padding-bottom: 1rem !important; /* 16px */
}
.pt-4 {
  padding-top: 1rem !important; /* 16px */
}
.pr-4 {
  padding-right: 1rem !important; /* 16px */
}
.pb-4 {
  padding-bottom: 1rem !important; /* 16px */
}
.pl-4 {
  padding-left: 1rem !important; /* 16px */
}
.px-4\.5 {
  padding-left: 1.125rem !important; /* 18px */
  padding-right: 1.125rem !important; /* 18px */
}
.p-5 {
  padding: 1.25rem !important; /* 20px */
}
.px-5 {
  padding-left: 1.25rem !important; /* 20px */
  padding-right: 1.25rem !important; /* 20px */
}
.py-5 {
  padding-top: 1.25rem !important; /* 20px */
  padding-bottom: 1.25rem !important; /* 20px */
}
.pt-5 {
  padding-top: 1.25rem !important; /* 20px */
}
.pr-5 {
  padding-right: 1.25rem !important; /* 20px */
}
.pb-5 {
  padding-bottom: 1.25rem !important; /* 20px */
}
.pl-5 {
  padding-left: 1.25rem !important; /* 20px */
}
.pl-5\.5 {
  padding-left: 1.375rem !important; /* 22px */
}
.p-6 {
  padding: 1.5rem !important; /* 24px */
}
.px-6 {
  padding-left: 1.5rem !important; /* 24px */
  padding-right: 1.5rem !important; /* 24px */
}
.py-6 {
  padding-top: 1.5rem !important; /* 24px */
  padding-bottom: 1.5rem !important; /* 24px */
}
.pt-6 {
  padding-top: 1.5rem !important; /* 24px */
}
.pr-6 {
  padding-right: 1.5rem !important; /* 24px */
}
.pb-6 {
  padding-bottom: 1.5rem !important; /* 24px */
}
.pl-6 {
  padding-left: 1.5rem !important; /* 24px */
}
.pl-6\.5 {
  padding-left: 1.625rem !important; /* 26px */
}
.p-7 {
  padding: 1.75rem !important; /* 28px */
}
.px-7 {
  padding-left: 1.75rem !important; /* 28px */
  padding-right: 1.75rem !important; /* 28px */
}
.py-7 {
  padding-top: 1.75rem !important; /* 28px */
  padding-bottom: 1.75rem !important; /* 28px */
}
.pt-7 {
  padding-top: 1.75rem !important; /* 28px */
}
.pr-7 {
  padding-right: 1.75rem !important; /* 28px */
}
.pb-7 {
  padding-bottom: 1.75rem !important; /* 28px */
}
.pl-7 {
  padding-left: 1.75rem !important; /* 28px */
}
.p-7\.5 {
  padding: 1.875rem !important; /* 30px */
}
.px-7\.5 {
  padding-left: 1.875rem !important; /* 30px */
  padding-right: 1.875rem !important; /* 30px */
}
.py-7\.5 {
  padding-top: 1.875rem !important; /* 30px */
  padding-bottom: 1.875rem !important; /* 30px */
}
.pt-7\.5 {
  padding-top: 1.875rem !important; /* 30px */
}
.pr-7\.5 {
  padding-right: 1.875rem !important; /* 30px */
}
.pb-7\.5 {
  padding-bottom: 1.875rem !important; /* 30px */
}
.pl-7\.5 {
  padding-left: 1.875rem !important; /* 30px */
}
.p-8 {
  padding: 2rem !important; /* 32px */
}
.px-8 {
  padding-left: 2rem !important; /* 32px */
  padding-right: 2rem !important; /* 32px */
}
.py-8 {
  padding-top: 2rem !important; /* 32px */
  padding-bottom: 2rem !important; /* 32px */
}
.pt-8 {
  padding-top: 2rem !important; /* 32px */
}
.pr-8 {
  padding-right: 2rem !important; /* 32px */
}
.pb-8 {
  padding-bottom: 2rem !important; /* 32px */
}
.pl-8 {
  padding-left: 2rem !important; /* 32px */
}
.p-8\.5 {
  padding: 2.125rem !important; /* 34px */
}
.px-8\.5 {
  padding-left: 2.125rem !important; /* 34px */
  padding-right: 2.125rem !important; /* 34px */
}
.py-8\.5 {
  padding-top: 2.125rem !important; /* 34px */
  padding-bottom: 2.125rem !important; /* 34px */
}
.pt-8\.5 {
  padding-top: 2.125rem !important; /* 34px */
}
.pr-8\.5 {
  padding-right: 2.125rem !important; /* 34px */
}
.pb-8\.5 {
  padding-bottom: 2.125rem !important; /* 34px */
}
.pl-8\.5 {
  padding-left: 2.125rem !important; /* 34px */
}
.p-9 {
  padding: 2.25rem !important; /* 36px */
}
.px-9 {
  padding-left: 2.25rem !important; /* 36px */
  padding-right: 2.25rem !important; /* 36px */
}
.py-9 {
  padding-top: 2.25rem !important; /* 36px */
  padding-bottom: 2.25rem !important; /* 36px */
}
.pt-9 {
  padding-top: 2.25rem !important; /* 36px */
}
.pr-9 {
  padding-right: 2.25rem !important; /* 36px */
}
.pb-9 {
  padding-bottom: 2.25rem !important; /* 36px */
}
.pl-9 {
  padding-left: 2.25rem !important; /* 36px */
}
.p-10 {
  padding: 2.5rem !important; /* 40px */
}
.px-10 {
  padding-left: 2.5rem !important; /* 40px */
  padding-right: 2.5rem !important; /* 40px */
}
.py-10 {
  padding-top: 2.5rem !important; /* 40px */
  padding-bottom: 2.5rem !important; /* 40px */
}
.pt-10 {
  padding-top: 2.5rem !important; /* 40px */
}
.pr-10 {
  padding-right: 2.5rem !important; /* 40px */
}
.pb-10 {
  padding-bottom: 2.5rem !important; /* 40px */
}
.pl-10 {
  padding-left: 2.5rem !important; /* 40px */
}
.p-10\.5 {
  padding: 2.625rem !important; /* 42px */
}
.px-10\.5 {
  padding-left: 2.625rem !important; /* 42px */
  padding-right: 2.625rem !important; /* 42px */
}
.py-10\.5 {
  padding-top: 2.625rem !important; /* 42px */
  padding-bottom: 2.625rem !important; /* 42px */
}
.pt-10\.5 {
  padding-top: 2.625rem !important; /* 42px */
}
.pr-10\.5 {
  padding-right: 2.625rem !important; /* 42px */
}
.pb-10\.5 {
  padding-bottom: 2.625rem !important; /* 42px */
}
.pl-10\.5 {
  padding-left: 2.625rem !important; /* 42px */
}
.p-11 {
  padding: 2.75rem !important; /* 44px */
}
.px-11 {
  padding-left: 2.75rem !important; /* 44px */
  padding-right: 2.75rem !important; /* 44px */
}
.py-11 {
  padding-top: 2.75rem !important; /* 44px */
  padding-bottom: 2.75rem !important; /* 44px */
}
.pt-11 {
  padding-top: 2.75rem !important; /* 44px */
}
.pr-11 {
  padding-right: 2.75rem !important; /* 44px */
}
.pb-11 {
  padding-bottom: 2.75rem !important; /* 44px */
}
.pl-11 {
  padding-left: 2.75rem !important; /* 44px */
}
.p-12 {
  padding: 3rem !important; /* 48px */
}
.px-12 {
  padding-left: 3rem !important; /* 48px */
  padding-right: 3rem !important; /* 48px */
}
.py-12 {
  padding-top: 3rem !important; /* 48px */
  padding-bottom: 3rem !important; /* 48px */
}
.pt-12 {
  padding-top: 3rem !important; /* 48px */
}
.pr-12 {
  padding-right: 3rem !important; /* 48px */
}
.pb-12 {
  padding-bottom: 3rem !important; /* 48px */
}
.pl-12 {
  padding-left: 3rem !important; /* 48px */
}
.p-13 {
  padding: 3.25rem !important; /* 52px */
}
.px-13 {
  padding-left: 3.25rem !important; /* 52px */
  padding-right: 3.25rem !important; /* 52px */
}
.py-13 {
  padding-top: 3.25rem !important; /* 52px */
  padding-bottom: 3.25rem !important; /* 52px */
}
.pt-13 {
  padding-top: 3.25rem !important; /* 52px */
}
.pr-13 {
  padding-right: 3.25rem !important; /* 52px */
}
.pb-13 {
  padding-bottom: 3.25rem !important; /* 52px */
}
.pl-13 {
  padding-left: 3.25rem !important; /* 52px */
}
.p-14 {
  padding: 3.5rem !important; /* 56px */
}
.px-14 {
  padding-left: 3.5rem !important; /* 56px */
  padding-right: 3.5rem !important; /* 56px */
}
.py-14 {
  padding-top: 3.5rem !important; /* 56px */
  padding-bottom: 3.5rem !important; /* 56px */
}
.pt-14 {
  padding-top: 3.5rem !important; /* 56px */
}
.pr-14 {
  padding-right: 3.5rem !important; /* 56px */
}
.pb-14 {
  padding-bottom: 3.5rem !important; /* 56px */
}
.pl-14 {
  padding-left: 3.5rem !important; /* 56px */
}
.p-15 {
  padding: 3.75rem !important; /* 60px */
}
.px-15 {
  padding-left: 3.75rem !important; /* 60px */
  padding-right: 3.75rem !important; /* 60px */
}
.py-15 {
  padding-top: 3.75rem !important; /* 60px */
  padding-bottom: 3.75rem !important; /* 60px */
}
.pt-15 {
  padding-top: 3.75rem !important; /* 60px */
}
.pr-15 {
  padding-right: 3.75rem !important; /* 60px */
}
.pb-15 {
  padding-bottom: 3.75rem !important; /* 60px */
}
.pl-15 {
  padding-left: 3.75rem !important; /* 60px */
}
.p-16 {
  padding: 4rem !important; /* 64px */
}
.px-16 {
  padding-left: 4rem !important; /* 64px */
  padding-right: 4rem !important; /* 64px */
}
.py-16 {
  padding-top: 4rem !important; /* 64px */
  padding-bottom: 4rem !important; /* 64px */
}
.pt-16 {
  padding-top: 4rem !important; /* 64px */
}
.pr-16 {
  padding-right: 4rem !important; /* 64px */
}
.pb-16 {
  padding-bottom: 4rem !important; /* 64px */
}
.pl-16 {
  padding-left: 4rem !important; /* 64px */
}
.pl-16\.5 {
  padding-left: 4.125rem !important; /* 66px */
}
.pr-16\.5 {
  padding-right: 4.125rem !important; /* 66px */
}
.pr-17\.5 {
  padding-right: 4.375rem !important; /* 70px */
}
.p-20 {
  padding: 5rem !important; /* 80px */
}
.px-20 {
  padding-left: 5rem !important; /* 80px */
  padding-right: 5rem !important; /* 80px */
}
.py-20 {
  padding-top: 5rem !important; /* 80px */
  padding-bottom: 5rem !important; /* 80px */
}
.pt-20 {
  padding-top: 5rem !important; /* 80px */
}
.pr-20 {
  padding-right: 5rem !important; /* 80px */
}
.pb-20 {
  padding-bottom: 5rem !important; /* 80px */
}
.pl-20 {
  padding-left: 5rem !important; /* 80px */
}
.p-20\.5 {
  padding: 5.125rem !important; /* 84px */
}
.px-20\.5 {
  padding-left: 5.125rem !important; /* 84px */
  padding-right: 5.125rem !important; /* 84px */
}
.py-20\.5 {
  padding-top: 5.125rem !important; /* 84px */
  padding-bottom: 5.125rem !important; /* 84px */
}
.pt-20\.5 {
  padding-top: 5.125rem !important; /* 84px */
}
.pr-20\.5 {
  padding-right: 5.125rem !important; /* 84px */
}
.pb-20\.5 {
  padding-bottom: 5.125rem !important; /* 84px */
}
.pl-20\.5 {
  padding-left: 5.125rem !important; /* 84px */
}
/*** Margin ***/
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.ml-auto {
  margin-left: auto !important;
}
.m-0 {
  margin: 0px !important;
}
.mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.mt-0 {
  margin-top: 0px !important;
}
.mr-0 {
  margin-right: 0px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.ml-0 {
  margin-left: 0px !important;
}
.m-px {
  margin: 1px !important;
}
.mx-px {
  margin-left: 1px !important;
  margin-right: 1px !important;
}
.my-px {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}
.mt-px {
  margin-top: 1px !important;
}
.mr-px {
  margin-right: 1px !important;
}
.mb-px {
  margin-bottom: 1px !important;
}
.ml-px {
  margin-left: 1px !important;
}
.m-0\.5 {
  margin: 0.125rem !important; /* 2px */
}
.mx-0\.5 {
  margin-left: 0.125rem !important; /* 2px */
  margin-right: 0.125rem !important; /* 2px */
}
.my-0\.5 {
  margin-top: 0.125rem !important; /* 2px */
  margin-bottom: 0.125rem !important; /* 2px */
}
.mt-0\.5 {
  margin-top: 0.125rem !important; /* 2px */
}
.mr-0\.5 {
  margin-right: 0.125rem !important; /* 2px */
}
.mb-0\.5 {
  margin-bottom: 0.125rem !important; /* 2px */
}
.ml-0\.5 {
  margin-left: 0.125rem !important; /* 2px */
}
.m-1 {
  margin: 0.25rem !important; /* 4px */
}
.mx-1 {
  margin-left: 0.25rem !important; /* 4px */
  margin-right: 0.25rem !important; /* 4px */
}
.my-1 {
  margin-top: 0.25rem !important; /* 4px */
  margin-bottom: 0.25rem !important; /* 4px */
}
.mt-1 {
  margin-top: 0.25rem !important; /* 4px */
}
.mr-1 {
  margin-right: 0.25rem !important; /* 4px */
}
.mb-1 {
  margin-bottom: 0.25rem !important; /* 4px */
}
.ml-1 {
  margin-left: 0.25rem !important; /* 4px */
}
.m-1\.5 {
  margin: 0.375rem !important; /* 6px */
}
.mx-1\.5 {
  margin-left: 0.375rem !important; /* 6px */
  margin-right: 0.375rem !important; /* 6px */
}
.my-1\.5 {
  margin-top: 0.375rem !important; /* 6px */
  margin-bottom: 0.375rem !important; /* 6px */
}
.mt-1\.5 {
  margin-top: 0.375rem !important; /* 6px */
}
.mr-1\.5 {
  margin-right: 0.375rem !important; /* 6px */
}
.mb-1\.5 {
  margin-bottom: 0.375rem !important; /* 6px */
}
.ml-1\.5 {
  margin-left: 0.375rem !important; /* 6px */
}
.m-2 {
  margin: 0.5rem !important; /* 8px */
}
.mx-2 {
  margin-left: 0.5rem !important; /* 8px */
  margin-right: 0.5rem !important; /* 8px */
}
.my-2 {
  margin-top: 0.5rem !important; /* 8px */
  margin-bottom: 0.5rem !important; /* 8px */
}
.mt-2 {
  margin-top: 0.5rem !important; /* 8px */
}
.mr-2 {
  margin-right: 0.5rem !important; /* 8px */
}
.mb-2 {
  margin-bottom: 0.5rem !important; /* 8px */
}
.ml-2 {
  margin-left: 0.5rem !important; /* 8px */
}
.m-2\.5 {
  margin: 0.625rem !important; /* 10px */
}
.mx-2\.5 {
  margin-left: 0.625rem !important; /* 10px */
  margin-right: 0.625rem !important; /* 10px */
}
.my-2\.5 {
  margin-top: 0.625rem !important; /* 10px */
  margin-bottom: 0.625rem !important; /* 10px */
}
.mt-2\.5 {
  margin-top: 0.625rem !important; /* 10px */
}
.mr-2\.5 {
  margin-right: 0.625rem !important; /* 10px */
}
.mb-2\.5 {
  margin-bottom: 0.625rem !important; /* 10px */
}
.ml-2\.5 {
  margin-left: 0.625rem !important; /* 10px */
}
.m-3 {
  margin: 0.75rem !important; /* 12px */
}
.mx-3 {
  margin-left: 0.75rem !important; /* 12px */
  margin-right: 0.75rem !important; /* 12px */
}
.my-3 {
  margin-top: 0.75rem !important; /* 12px */
  margin-bottom: 0.75rem !important; /* 12px */
}
.mt-3 {
  margin-top: 0.75rem !important; /* 12px */
}
.mr-3 {
  margin-right: 0.75rem !important; /* 12px */
}
.mb-3 {
  margin-bottom: 0.75rem !important; /* 12px */
}
.ml-3 {
  margin-left: 0.75rem !important; /* 12px */
}
.m-3\.5 {
  margin: 0.875rem !important; /* 14px */
}
.mx-3\.5 {
  margin-left: 0.875rem !important; /* 14px */
  margin-right: 0.875rem !important; /* 14px */
}
.my-3\.5 {
  margin-top: 0.875rem !important; /* 14px */
  margin-bottom: 0.875rem !important; /* 14px */
}
.mt-3\.5 {
  margin-top: 0.875rem !important; /* 14px */
}
.mr-3\.5 {
  margin-right: 0.875rem !important; /* 14px */
}
.mb-3\.5 {
  margin-bottom: 0.875rem !important; /* 14px */
}
.ml-3\.5 {
  margin-left: 0.875rem !important; /* 14px */
}
.m-4 {
  margin: 1rem !important; /* 16px */
}
.mx-4 {
  margin-left: 1rem !important; /* 16px */
  margin-right: 1rem !important; /* 16px */
}
.my-4 {
  margin-top: 1rem !important; /* 16px */
  margin-bottom: 1rem !important; /* 16px */
}
.mt-4 {
  margin-top: 1rem !important; /* 16px */
}
.mr-4 {
  margin-right: 1rem !important; /* 16px */
}
.mb-4 {
  margin-bottom: 1rem !important; /* 16px */
}
.ml-4 {
  margin-left: 1rem !important; /* 16px */
}
.m-5 {
  margin: 1.25rem !important; /* 20px */
}
.mx-5 {
  margin-left: 1.25rem !important; /* 20px */
  margin-right: 1.25rem !important; /* 20px */
}
.my-5 {
  margin-top: 1.25rem !important; /* 20px */
  margin-bottom: 1.25rem !important; /* 20px */
}
.mt-5 {
  margin-top: 1.25rem !important; /* 20px */
}
.mr-5 {
  margin-right: 1.25rem !important; /* 20px */
}
.mb-5 {
  margin-bottom: 1.25rem !important; /* 20px */
}
.ml-5 {
  margin-left: 1.25rem !important; /* 20px */
}
.m-6 {
  margin: 1.5rem !important; /* 24px */
}
.mx-6 {
  margin-left: 1.5rem !important; /* 24px */
  margin-right: 1.5rem !important; /* 24px */
}
.my-6 {
  margin-top: 1.5rem !important; /* 24px */
  margin-bottom: 1.5rem !important; /* 24px */
}
.mt-6 {
  margin-top: 1.5rem !important; /* 24px */
}
.mr-6 {
  margin-right: 1.5rem !important; /* 24px */
}
.mb-6 {
  margin-bottom: 1.5rem !important; /* 24px */
}
.ml-6 {
  margin-left: 1.5rem !important; /* 24px */
}
.m-7 {
  margin: 1.75rem !important; /* 28px */
}
.mx-7 {
  margin-left: 1.75rem !important; /* 28px */
  margin-right: 1.75rem !important; /* 28px */
}
.my-7 {
  margin-top: 1.75rem !important; /* 28px */
  margin-bottom: 1.75rem !important; /* 28px */
}
.mt-7 {
  margin-top: 1.75rem !important; /* 28px */
}
.mr-7 {
  margin-right: 1.75rem !important; /* 28px */
}
.mb-7 {
  margin-bottom: 1.75rem !important; /* 28px */
}
.ml-7 {
  margin-left: 1.75rem !important; /* 28px */
}
.m-8 {
  margin: 2rem !important; /* 32px */
}
.mx-8 {
  margin-left: 2rem !important; /* 32px */
  margin-right: 2rem !important; /* 32px */
}
.my-8 {
  margin-top: 2rem !important; /* 32px */
  margin-bottom: 2rem !important; /* 32px */
}
.mt-8 {
  margin-top: 2rem !important; /* 32px */
}
.mr-8 {
  margin-right: 2rem !important; /* 32px */
}
.mb-8 {
  margin-bottom: 2rem !important; /* 32px */
}
.ml-8 {
  margin-left: 2rem !important; /* 32px */
}
.mb-10 {
  margin-bottom: 2.5rem !important; /* 40px */
}
.mt-10 {
  margin-top: 2.5rem !important; /* 40px */
}
/** Negativos **/
.mb-n2 {
  margin-bottom: -0.5rem !important;
}
.me-n2 {
  margin-right: -0.5rem !important;
}
.-m-4 {
  margin: -1rem !important; /* -16px */
}
.-mx-4 {
  margin-left: -1rem !important; /* -16px */
  margin-right: -1rem !important; /* -16px */
}
.-my-4 {
  margin-top: -1rem !important; /* -16px */
  margin-bottom: -1rem !important; /* -16px */
}
.-mt-4 {
  margin-top: -1rem !important; /* -16px */
}
.-mr-4 {
  margin-right: -1rem !important; /* -16px */
}
.-mb-4 {
  margin-bottom: -1rem !important; /* -16px */
}
.-ml-4 {
  margin-left: -1rem !important; /* -16px */
}
.nmr-7 {
  margin-right: -1.75rem !important; /* 28px */
}
/*** Space between ***/
.space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --fch-space-x-reverse: 0;
  margin-right: calc(0.125rem * var(--fch-space-x-reverse));
  margin-left: calc(0.125rem * calc(1 - var(--fch-space-x-reverse)));
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --fch-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--fch-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--fch-space-x-reverse)));
}
.space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --fch-space-x-reverse: 0;
  margin-right: calc(0.375rem * var(--fch-space-x-reverse));
  margin-left: calc(0.375rem * calc(1 - var(--fch-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --fch-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--fch-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--fch-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --fch-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--fch-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--fch-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --fch-space-x-reverse: 0;
  margin-right: calc(1rem * var(--fch-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--fch-space-x-reverse)));
}
.space-x-5 > :not([hidden]) ~ :not([hidden]) {
  --fch-space-x-reverse: 0;
  margin-right: calc(1.25rem * var(--fch-space-x-reverse));
  margin-left: calc(1.25rem * calc(1 - var(--fch-space-x-reverse)));
}
.space-x-6 > :not([hidden]) ~ :not([hidden]) {
  --fch-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--fch-space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--fch-space-x-reverse)));
}
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --fch-space-y-reverse: 0 !important;
  margin-bottom: calc(0.25rem * var(--fch-space-y-reverse)) !important;
  margin-top: calc(0.25rem * calc(1 - var(--fch-space-y-reverse))) !important;
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --fch-space-y-reverse: 0 !important;
  margin-bottom: calc(0.25rem * var(--fch-space-y-reverse)) !important;
  margin-top: calc(0.25rem * calc(1 - var(--fch-space-y-reverse))) !important;
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --fch-space-y-reverse: 0 !important;
  margin-bottom: calc(0.375rem * var(--fch-space-y-reverse)) !important;
  margin-top: calc(0.375rem * calc(1 - var(--fch-space-y-reverse))) !important;
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --fch-space-y-reverse: 0 !important;
  margin-bottom: calc(0.5rem * var(--fch-space-y-reverse)) !important;
  margin-top: calc(0.5rem * calc(1 - var(--fch-space-y-reverse))) !important;
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --fch-space-y-reverse: 0 !important;
  margin-bottom: calc(0.75rem * var(--fch-space-y-reverse)) !important;
  margin-top: calc(0.75rem * calc(1 - var(--fch-space-y-reverse))) !important;
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --fch-space-y-reverse: 0 !important;
  margin-bottom: calc(1rem * var(--fch-space-y-reverse)) !important;
  margin-top: calc(1rem * calc(1 - var(--fch-space-y-reverse))) !important;
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --fch-space-y-reverse: 0 !important;
  margin-top: calc(1.5rem * calc(1 - var(--fch-space-y-reverse))) !important;
  margin-bottom: calc(1.5rem * var(--fch-space-y-reverse)) !important;
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --fch-space-y-reverse: 0 !important;
  margin-top: calc(2rem * calc(1 - var(--fch-space-y-reverse))) !important;
  margin-bottom: calc(2rem * var(--fch-space-y-reverse)) !important;
}
/** Row Spacing **/
.rs-4 > .row:not(:first-child) {
  --fch-row-space: 1rem !important;
  margin-top: var(--fch-row-space);
}
.rs-4 > .row:not(:first-child) > * {
  margin-top: 0 !important;
}
/********** SIZING **********/

/*** Width ***/
.w-min-0 {
  min-width: 0 !important;
}
.w-0 {
  width: 0px !important;
}
.w-px {
  width: 1px;
}
.w-0\.5 {
  width: 0.125rem !important; /* 2px */
}
.w-1 {
  width: 0.25rem !important; /* 4px */
}
.w-1\.5 {
  width: 0.375rem !important; /* 6px */
}
.w-2 {
  width: 0.5rem !important; /* 8px */
}
.w-2\.5 {
  width: 0.625rem !important; /* 10px */
}
.w-3 {
  width: 0.75rem !important; /* 12px */
}
.w-3\.5 {
  width: 0.875rem !important; /* 14px */
}
.w-4 {
  width: 1rem !important; /* 16px */
}
.w-4\.5 {
  width: 1.125rem !important; /* 18px */
}
.w-5 {
  width: 1.25rem !important; /* 20px */
}
.w-5\.5 {
  width: 1.375rem !important; /* 22px */
}
.w-6 {
  width: 1.5rem !important; /* 24px */
}
.w-7 {
  width: 1.75rem !important; /* 28px */
}
.w-8 {
  width: 2rem !important; /* 32px */
}
.w-8\.5 {
  width: 2.125rem !important; /* 34px */
}
.w-9 {
  width: 2.25rem !important; /* 36px */
}
.w-10 {
  width: 2.5rem !important; /* 40px */
}
.w-11 {
  width: 2.75rem !important; /* 44px */
}
.w-12 {
  width: 3rem !important; /* 48px */
}
.w-12\.5 {
  width: 3.125rem !important; /* 50px */
}
.w-14 {
  width: 3.5rem !important; /* 56px */
}
.w-16 {
  width: 4rem !important; /* 64px */
}
.w-20 {
  width: 5rem !important; /* 80px */
}
.w-24 {
  width: 6rem !important; /* 96px */
}
.w-25 {
  width: 6.25rem !important; /* 100px */
}
.w-28 {
  width: 7rem !important; /* 112px */
}
.w-32 {
  width: 8rem !important; /* 128px */
}
.w-36 {
  width: 9rem !important; /* 144px */
}
.w-40 {
  width: 10rem !important; /* 160px */
}
.w-44 {
  width: 11rem !important; /* 176px */
}
.w-44\.5 {
  width: 11.125rem !important; /* 178px */
}
.w-45 {
  width: 11.25rem !important; /* 180px */
}
.w-48 {
  width: 12rem !important; /* 192px */
}
.w-52 {
  width: 13rem !important; /* 208px */
}
.w-56 {
  width: 14rem !important; /* 224px */
}
.w-60 {
  width: 15rem !important; /* 240px */
}
.w-64 {
  width: 16rem !important; /* 256px */
}
.w-72 {
  width: 18rem !important; /* 288px */
}
.w-80 {
  width: 20rem !important; /* 320px */
}
.w-90 {
  width: 22.5rem !important; /* 360px */
}
.w-96 {
  width: 24rem !important; /* 384px */
}
.w-auto {
  width: auto !important;
}
.w-50per {
  width: 50%;
}
.w-95per {
  width: 95%;
}
.w-full {
  width: 100% !important;
}
.w-screen {
  width: 100vw !important;
}
.w-min {
  width: min-content !important;
}
.min-w-6 {
  min-width: 1.5rem !important;
}
.w-max {
  width: max-content !important;
}
.w-fit {
  width: fit-content !important;
}
/*** Min-Width ***/
.min-w-6 {
  min-width: 1.5rem !important; /* 24px */
}
/*** Max-Width ***/
.max-w-80 {
  max-width: 20rem !important;
} /* 320px */
/*** Height ***/
.h-min-0 {
  min-height: 0 !important;
}
.h-min-37\.5 {
  min-height: 9.375 !important;
}
.h-0 {
  height: 0px !important;
}
.h-px {
  height: 1px;
}
.h-0\.5 {
  height: 0.125rem !important; /* 2px */
}
.h-1 {
  height: 0.25rem !important; /* 4px */
}
.h-1\.5 {
  height: 0.375rem !important; /* 6px */
}
.h-2 {
  height: 0.5rem !important; /* 8px */
}
.h-2\.5 {
  height: 0.625rem !important; /* 10px */
}
.h-3 {
  height: 0.75rem !important; /* 12px */
}
.h-3\.5 {
  height: 0.875rem !important; /* 14px */
}
.h-4 {
  height: 1rem !important; /* 16px */
}
.h-4\.5 {
  height: 1.125rem !important; /* 18px */
}
.h-5 {
  height: 1.25rem !important; /* 20px */
}
.h-5\.5 {
  height: 1.375rem !important; /* 22px */
}
.h-6 {
  height: 1.5rem !important; /* 24px */
}
.h-6\.5 {
  height: 1.625rem !important; /* 26px */
}
.h-7 {
  height: 1.75rem !important; /* 28px */
}
.h-7\.5 {
  height: 1.875rem !important; /* 30px */
}
.h-8 {
  height: 2rem !important; /* 32px */
}
.h-8\.5 {
  height: 2.125rem !important; /* 34px */
}
.h-9 {
  height: 2.25rem !important; /* 36px */
}
.h-10 {
  height: 2.5rem !important; /* 40px */
}
.h-10\.5 {
  height: 2.625rem !important; /* 42px */
}
.h-11 {
  height: 2.75rem !important; /* 44px */
}
.h-11\.5 {
  height: 2.875rem !important; /* 46px */
}
.h-12 {
  height: 3rem !important; /* 48px */
}
.h-12\.5 {
  height: 3.125rem !important; /* 50px */
}
.h-13 {
  height: 3.25rem !important; /* 52px */
}
.h-14 {
  height: 3.5rem !important; /* 56px */
}
.h-16 {
  height: 4rem !important; /* 64px */
}
.h-17 {
  height: 4.25rem !important; /* 68px */
}
.h-20 {
  height: 5rem !important; /* 80px */
}
.h-24 {
  height: 6rem !important; /* 96px */
}
.h-27\.5 {
  height: 6.875rem !important; /* 110px */
}
.h-28 {
  height: 7rem !important; /* 112px */
}
.h-32 {
  height: 8rem !important; /* 128px */
}
.h-36 {
  height: 9rem !important; /* 144px */
}
.h-38 {
  height: 9.5rem !important; /* 152px */
}
.h-40 {
  height: 10rem !important; /* 160px */
}
.h-44 {
  height: 11rem !important; /* 176px */
}
.h-48 {
  height: 12rem !important; /* 192px */
}
.h-52 {
  height: 13rem !important; /* 208px */
}
.h-56 {
  height: 14rem !important; /* 224px */
}
.h-60 {
  height: 15rem !important; /* 240px */
}
.h-64 {
  height: 16rem !important; /* 256px */
}
.h-72 {
  height: 18rem !important; /* 288px */
}
.h-80 {
  height: 20rem !important; /* 320px */
}
.h-96 {
  height: 24rem !important; /* 384px */
}
.h-auto {
  height: auto !important;
}
.h-95per {
  height: 95%;
}
.h-full {
  height: 100% !important;
}
.h-screen {
  height: 100vw !important;
}
.h-min {
  height: min-content !important;
}
.h-max {
  height: max-content !important;
}
.h-fit {
  height: fit-content !important;
}
/*** Min-Height ***/
.min-h-6 {
  min-height: 1.5rem !important; /* 24px */
}
/*** Max-height ***/
.max-h-72 {
  max-height: 18rem; /* 288px */
}
/** Screen Size **/
.grid-card-size-1 {
  max-width: 247px !important;
}
.grid-card-size-2 {
  max-width: 472px !important;
}
.grid-card-size-3 {
  max-width: 696px !important;
}
.grid-card-size-4 {
  max-width: 920px !important;
}
.grid-card-size-5 {
  max-width: 1144px !important;
}
.grid-card-size-6 {
  max-width: 1368px !important;
}
.grid-card-size-7 {
  max-width: 1592px !important;
}
.grid-card-size-8 {
  max-width: 1816px !important;
}
.max-w-screen-xl {
  max-width: 1440px !important;
}
.max-w-140 {
  max-width: 35rem !important;
}
.max-w-sm {
  max-width: 24rem !important;
}
.max-w-3xl {
  max-width: 48rem !important; /* 768px */
}
.max-w-4xl {
  max-width: 56rem !important; /* 896px */
}
.max-w-5xl {
  max-width: 64rem !important; /* 1024px */
}

/********** TYPOGRAPHY **********/

/*** Font Family ***/
.text-regular {
  font-family: "OpenSans-Regular" !important;
}
.text-medium {
  font-family: "OpenSans-Medium" !important;
}
.text-semibold {
  font-family: "OpenSans-Semibold" !important;
}
.text-bold {
  font-family: "OpenSans-Bold" !important;
}
.text-extrabold {
  font-family: "OpenSans-Extrabold" !important;
}
.text-italic {
  font-family: "OpenSans-Italic-Normal" !important;
}
.text-italic-medium {
  font-family: "OpenSans-Italic-Medium" !important;
}
/*** Font Size ***/
.text-xxs {
  font-size: 0.625rem !important; /* 10px */
}
.text-xs {
  font-size: 0.75rem !important; /* 12px */
}
.text-2xs {
  font-size: 0.8125rem !important; /* 13px */
}
.text-2xs\.5 {
  font-size: 0.84378rem !important; /* 13.5px */
}
.text-sm {
  font-size: 0.875rem !important; /* 14px */
}
.text-2sm {
  font-size: 0.938rem !important; /* 15px */
}
.text-base {
  font-size: 1rem !important; /* 16px */
}
.text-lg {
  font-size: 1.125rem !important; /* 18px */
}
.text-xl {
  font-size: 1.25rem !important; /* 20px */
}
.text-2xl {
  font-size: 1.5rem !important; /* 24px */
}
.text-3xl {
  font-size: 1.875rem !important; /* 30px */
}
.text-4xl {
  font-size: 2.25rem !important; /* 36px */
}
/*** Letter Spacing ***/
.tracking-tighter {
  letter-spacing: -0.05em !important;
}
.tracking-tight {
  letter-spacing: -0.025em !important;
}
.tracking-normal {
  letter-spacing: 0em !important;
}
.tracking-wide {
  letter-spacing: 0.025em !important;
}
.tracking-wider {
  letter-spacing: 0.05em !important;
}
.tracking-widest {
  letter-spacing: 0.1em !important;
}
/*** Line Height ***/
.leading-normal {
  line-height: normal;
}
.leading-3 {
  line-height: 0.75rem !important; /* 12px */
}
.leading-4 {
  line-height: 1rem !important; /* 16px */
}
.leading-5 {
  line-height: 1.25rem !important; /* 20px */
}
.leading-6 {
  line-height: 1.5rem !important; /* 24px */
}
.leading-6\.5 {
  line-height: 1.625rem !important; /* 26px */
}
.leading-7 {
  line-height: 1.75rem !important; /* 28px */
}
.leading-7\.5 {
  line-height: 1.875rem !important; /* 30px */
}
.leading-8 {
  line-height: 2rem !important; /* 32px */
}
.leading-8\.5 {
  line-height: 2.125rem !important; /* 34px */
}
.leading-9 {
  line-height: 2.25rem !important; /* 36px */
}
.leading-10 {
  line-height: 2.5rem !important; /* 40px */
}
.leading-none {
  line-height: 1 !important;
}
.leading-relaxed {
  line-height: 1.625 !important;
}
/*** List Style Type ***/
.list-none {
  list-style-type: none !important;
}
.list-disc {
  list-style-type: disc !important;
}
.list-decimal {
  list-style-type: decimal !important;
}
/*** Text Transform ***/
.uppercase {
  text-transform: uppercase !important;
}
.lowercase {
  text-transform: lowercase !important;
}
.capitalize {
  text-transform: capitalize !important;
}
.normal-case {
  text-transform: none !important;
}
/*** Text Align ***/
.text-justify {
  text-align: justify;
}
/*** Text Color ***/
.text-inherit {
  color: inherit !important;
}
.text-current {
  color: currentColor !important;
}
.text-transparent {
  color: transparent !important;
}
.text-black {
  color: rgb(0 0 0) !important;
}
.text-white {
  color: rgb(255 255 255) !important;
}
.text-slate-50 {
  color: rgb(248 250 252) !important;
}
.text-slate-100 {
  color: rgb(241 245 249) !important;
}
.text-slate-200 {
  color: rgb(226 232 240) !important;
}
.text-slate-300 {
  color: rgb(203 213 225) !important;
}
.text-slate-400 {
  color: rgb(148 163 184) !important;
}
.text-slate-500 {
  color: rgb(100 116 139) !important;
}
.text-slate-600 {
  color: rgb(71 85 105) !important;
}
.text-slate-700 {
  color: rgb(51 65 85) !important;
}
.text-slate-800 {
  color: rgb(30 41 59) !important;
}
.text-slate-900 {
  color: rgb(15 23 42) !important;
}
.text-gray-50 {
  color: rgb(249 250 251) !important;
}
.text-gray-100 {
  color: rgb(243 244 246) !important;
}
.text-gray-200 {
  color: rgb(229 231 235) !important;
}
.text-gray-300 {
  color: rgb(209 213 219) !important;
}
.text-gray-400 {
  color: rgb(156 163 175) !important;
}
.text-gray-500 {
  color: rgb(107 114 128) !important;
}
.text-gray-600 {
  color: rgb(75 85 99) !important;
}
.text-gray-700 {
  color: rgb(55 65 81) !important;
}
.text-gray-800 {
  color: rgb(31 41 55) !important;
}
.text-gray-900 {
  color: rgb(17 24 39) !important;
}
.text-zinc-50 {
  color: rgb(250 250 250) !important;
}
.text-zinc-100 {
  color: rgb(244 244 245) !important;
}
.text-zinc-200 {
  color: rgb(228 228 231) !important;
}
.text-zinc-300 {
  color: rgb(212 212 216) !important;
}
.text-zinc-400 {
  color: rgb(161 161 170) !important;
}
.text-zinc-500 {
  color: rgb(113 113 122) !important;
}
.text-zinc-600 {
  color: rgb(82 82 91) !important;
}
.text-zinc-700 {
  color: rgb(63 63 70) !important;
}
.text-zinc-800 {
  color: rgb(39 39 42) !important;
}
.text-zinc-900 {
  color: rgb(24 24 27) !important;
}
.text-neutral-50 {
  color: rgb(250 250 250) !important;
}
.text-neutral-100 {
  color: rgb(245 245 245) !important;
}
.text-neutral-200 {
  color: rgb(229 229 229) !important;
}
.text-neutral-300 {
  color: rgb(212 212 212) !important;
}
.text-neutral-400 {
  color: rgb(163 163 163) !important;
}
.text-neutral-500 {
  color: rgb(115 115 115) !important;
}
.text-neutral-600 {
  color: rgb(82 82 82) !important;
}
.text-neutral-700 {
  color: rgb(64 64 64) !important;
}
.text-neutral-800 {
  color: rgb(38 38 38) !important;
}
.text-neutral-900 {
  color: rgb(23 23 23) !important;
}
.text-stone-50 {
  color: rgb(250 250 249) !important;
}
.text-stone-100 {
  color: rgb(245 245 244) !important;
}
.text-stone-200 {
  color: rgb(231 229 228) !important;
}
.text-stone-300 {
  color: rgb(214 211 209) !important;
}
.text-stone-400 {
  color: rgb(168 162 158) !important;
}
.text-stone-500 {
  color: rgb(120 113 108) !important;
}
.text-stone-600 {
  color: rgb(87 83 78) !important;
}
.text-stone-700 {
  color: rgb(68 64 60) !important;
}
.text-stone-800 {
  color: rgb(41 37 36) !important;
}
.text-stone-900 {
  color: rgb(28 25 23) !important;
}
.text-red-50 {
  color: rgb(254 242 242) !important;
}
.text-red-100 {
  color: rgb(254 226 226) !important;
}
.text-red-200 {
  color: rgb(254 202 202) !important;
}
.text-red-300 {
  color: rgb(252 165 165) !important;
}
.text-red-400 {
  color: rgb(248 113 113) !important;
}
.text-red-500 {
  color: rgb(239 68 68) !important;
}
.text-red-600 {
  color: rgb(220 38 38) !important;
}
.text-red-700 {
  color: rgb(185 28 28) !important;
}
.text-red-800 {
  color: rgb(153 27 27) !important;
}
.text-red-900 {
  color: rgb(127 29 29) !important;
}
.text-orange-50 {
  color: rgb(255 247 237) !important;
}
.text-orange-100 {
  color: rgb(255 237 213) !important;
}
.text-orange-200 {
  color: rgb(254 215 170) !important;
}
.text-orange-300 {
  color: rgb(253 186 116) !important;
}
.text-orange-400 {
  color: rgb(251 146 60) !important;
}
.text-orange-500 {
  color: rgb(249 115 22) !important;
}
.text-orange-600 {
  color: rgb(234 88 12) !important;
}
.text-orange-700 {
  color: rgb(194 65 12) !important;
}
.text-orange-800 {
  color: rgb(154 52 18) !important;
}
.text-orange-900 {
  color: rgb(124 45 18) !important;
}
.text-amber-50 {
  color: rgb(255 251 235) !important;
}
.text-amber-100 {
  color: rgb(254 243 199) !important;
}
.text-amber-200 {
  color: rgb(253 230 138) !important;
}
.text-amber-300 {
  color: rgb(252 211 77) !important;
}
.text-amber-400 {
  color: rgb(251 191 36) !important;
}
.text-amber-500 {
  color: rgb(245 158 11) !important;
}
.text-amber-600 {
  color: rgb(217 119 6) !important;
}
.text-amber-700 {
  color: rgb(180 83 9) !important;
}
.text-amber-800 {
  color: rgb(146 64 14) !important;
}
.text-amber-900 {
  color: rgb(120 53 15) !important;
}
.text-yellow-50 {
  color: rgb(254 252 232) !important;
}
.text-yellow-100 {
  color: rgb(254 249 195) !important;
}
.text-yellow-200 {
  color: rgb(254 240 138) !important;
}
.text-yellow-300 {
  color: rgb(253 224 71) !important;
}
.text-yellow-400 {
  color: rgb(250 204 21) !important;
}
.text-yellow-500 {
  color: rgb(234 179 8) !important;
}
.text-yellow-600 {
  color: rgb(202 138 4) !important;
}
.text-yellow-700 {
  color: rgb(161 98 7) !important;
}
.text-yellow-800 {
  color: rgb(133 77 14) !important;
}
.text-yellow-900 {
  color: rgb(113 63 18) !important;
}
.text-lime-50 {
  color: rgb(247 254 231) !important;
}
.text-lime-100 {
  color: rgb(236 252 203) !important;
}
.text-lime-200 {
  color: rgb(217 249 157) !important;
}
.text-lime-300 {
  color: rgb(190 242 100) !important;
}
.text-lime-400 {
  color: rgb(163 230 53) !important;
}
.text-lime-500 {
  color: rgb(132 204 22) !important;
}
.text-lime-600 {
  color: rgb(101 163 13) !important;
}
.text-lime-700 {
  color: rgb(77 124 15) !important;
}
.text-lime-800 {
  color: rgb(63 98 18) !important;
}
.text-lime-900 {
  color: rgb(54 83 20) !important;
}
.text-green-50 {
  color: rgb(240 253 244) !important;
}
.text-green-100 {
  color: rgb(220 252 231) !important;
}
.text-green-200 {
  color: rgb(187 247 208) !important;
}
.text-green-300 {
  color: rgb(134 239 172) !important;
}
.text-green-400 {
  color: rgb(74 222 128) !important;
}
.text-green-500 {
  color: rgb(34 197 94) !important;
}
.text-green-600 {
  color: rgb(22 163 74) !important;
}
.text-green-700 {
  color: rgb(21 128 61) !important;
}
.text-green-800 {
  color: rgb(22 101 52) !important;
}
.text-green-900 {
  color: rgb(20 83 45) !important;
}
.text-emerald-50 {
  color: rgb(236 253 245) !important;
}
.text-emerald-100 {
  color: rgb(209 250 229) !important;
}
.text-emerald-200 {
  color: rgb(167 243 208) !important;
}
.text-emerald-300 {
  color: rgb(110 231 183) !important;
}
.text-emerald-400 {
  color: rgb(52 211 153) !important;
}
.text-emerald-500 {
  color: rgb(16 185 129) !important;
}
.text-emerald-600 {
  color: rgb(5 150 105) !important;
}
.text-emerald-700 {
  color: rgb(4 120 87) !important;
}
.text-emerald-800 {
  color: rgb(6 95 70) !important;
}
.text-emerald-900 {
  color: rgb(6 78 59) !important;
}
.text-teal-50 {
  color: rgb(240 253 250) !important;
}
.text-teal-100 {
  color: rgb(204 251 241) !important;
}
.text-teal-200 {
  color: rgb(153 246 228) !important;
}
.text-teal-300 {
  color: rgb(94 234 212) !important;
}
.text-teal-400 {
  color: rgb(45 212 191) !important;
}
.text-teal-500 {
  color: rgb(20 184 166) !important;
}
.text-teal-600 {
  color: rgb(13 148 136) !important;
}
.text-teal-700 {
  color: rgb(15 118 110) !important;
}
.text-teal-800 {
  color: rgb(17 94 89) !important;
}
.text-teal-900 {
  color: rgb(19 78 74) !important;
}
.text-cyan-50 {
  color: rgb(236 254 255) !important;
}
.text-cyan-100 {
  color: rgb(207 250 254) !important;
}
.text-cyan-200 {
  color: rgb(165 243 252) !important;
}
.text-cyan-300 {
  color: rgb(103 232 249) !important;
}
.text-cyan-400 {
  color: rgb(34 211 238) !important;
}
.text-cyan-500 {
  color: rgb(6 182 212) !important;
}
.text-cyan-600 {
  color: rgb(8 145 178) !important;
}
.text-cyan-700 {
  color: rgb(14 116 144) !important;
}
.text-cyan-800 {
  color: rgb(21 94 117) !important;
}
.text-cyan-900 {
  color: rgb(22 78 99) !important;
}
.text-sky-50 {
  color: rgb(240 249 255) !important;
}
.text-sky-100 {
  color: rgb(224 242 254) !important;
}
.text-sky-200 {
  color: rgb(186 230 253) !important;
}
.text-sky-300 {
  color: rgb(125 211 252) !important;
}
.text-sky-400 {
  color: rgb(56 189 248) !important;
}
.text-sky-500 {
  color: rgb(14 165 233) !important;
}
.text-sky-600 {
  color: rgb(2 132 199) !important;
}
.text-sky-700 {
  color: rgb(3 105 161) !important;
}
.text-sky-800 {
  color: rgb(7 89 133) !important;
}
.text-sky-900 {
  color: rgb(12 74 110) !important;
}
.text-blue-50 {
  color: rgb(239 246 255) !important;
}
.text-blue-100 {
  color: rgb(219 234 254) !important;
}
.text-blue-200 {
  color: rgb(191 219 254) !important;
}
.text-blue-300 {
  color: rgb(147 197 253) !important;
}
.text-blue-400 {
  color: rgb(96 165 250) !important;
}
.text-blue-500 {
  color: rgb(59 130 246) !important;
}
.text-blue-600 {
  color: rgb(37 99 235) !important;
}
.text-blue-700 {
  color: rgb(29 78 216) !important;
}
.text-blue-800 {
  color: rgb(30 64 175) !important;
}
.text-blue-900 {
  color: rgb(30 58 138) !important;
}
.text-indigo-50 {
  color: rgb(238 242 255) !important;
}
.text-indigo-100 {
  color: rgb(224 231 255) !important;
}
.text-indigo-200 {
  color: rgb(199 210 254) !important;
}
.text-indigo-300 {
  color: rgb(165 180 252) !important;
}
.text-indigo-400 {
  color: rgb(129 140 248) !important;
}
.text-indigo-500 {
  color: rgb(99 102 241) !important;
}
.text-indigo-600 {
  color: rgb(79 70 229) !important;
}
.text-indigo-700 {
  color: rgb(67 56 202) !important;
}
.text-indigo-800 {
  color: rgb(55 48 163) !important;
}
.text-indigo-900 {
  color: rgb(49 46 129) !important;
}
.text-violet-50 {
  color: rgb(245 243 255) !important;
}
.text-violet-100 {
  color: rgb(237 233 254) !important;
}
.text-violet-200 {
  color: rgb(221 214 254) !important;
}
.text-violet-300 {
  color: rgb(196 181 253) !important;
}
.text-violet-400 {
  color: rgb(167 139 250) !important;
}
.text-violet-500 {
  color: rgb(139 92 246) !important;
}
.text-violet-600 {
  color: rgb(124 58 237) !important;
}
.text-violet-700 {
  color: rgb(109 40 217) !important;
}
.text-violet-800 {
  color: rgb(91 33 182) !important;
}
.text-violet-900 {
  color: rgb(76 29 149) !important;
}
.text-purple-50 {
  color: rgb(250 245 255) !important;
}
.text-purple-100 {
  color: rgb(243 232 255) !important;
}
.text-purple-200 {
  color: rgb(233 213 255) !important;
}
.text-purple-300 {
  color: rgb(216 180 254) !important;
}
.text-purple-400 {
  color: rgb(192 132 252) !important;
}
.text-purple-500 {
  color: rgb(168 85 247) !important;
}
.text-purple-600 {
  color: rgb(147 51 234) !important;
}
.text-purple-700 {
  color: rgb(126 34 206) !important;
}
.text-purple-800 {
  color: rgb(107 33 168) !important;
}
.text-purple-900 {
  color: rgb(88 28 135) !important;
}
.text-fuchsia-50 {
  color: rgb(253 244 255) !important;
}
.text-fuchsia-100 {
  color: rgb(250 232 255) !important;
}
.text-fuchsia-200 {
  color: rgb(245 208 254) !important;
}
.text-fuchsia-300 {
  color: rgb(240 171 252) !important;
}
.text-fuchsia-400 {
  color: rgb(232 121 249) !important;
}
.text-fuchsia-500 {
  color: rgb(217 70 239) !important;
}
.text-fuchsia-600 {
  color: rgb(192 38 211) !important;
}
.text-fuchsia-700 {
  color: rgb(162 28 175) !important;
}
.text-fuchsia-800 {
  color: rgb(134 25 143) !important;
}
.text-fuchsia-900 {
  color: rgb(112 26 117) !important;
}
.text-pink-50 {
  color: rgb(253 242 248) !important;
}
.text-pink-100 {
  color: rgb(252 231 243) !important;
}
.text-pink-200 {
  color: rgb(251 207 232) !important;
}
.text-pink-300 {
  color: rgb(249 168 212) !important;
}
.text-pink-400 {
  color: rgb(244 114 182) !important;
}
.text-pink-500 {
  color: rgb(236 72 153) !important;
}
.text-pink-600 {
  color: rgb(219 39 119) !important;
}
.text-pink-700 {
  color: rgb(190 24 93) !important;
}
.text-pink-800 {
  color: rgb(157 23 77) !important;
}
.text-pink-900 {
  color: rgb(131 24 67) !important;
}
.text-rose-50 {
  color: rgb(255 241 242) !important;
}
.text-rose-100 {
  color: rgb(255 228 230) !important;
}
.text-rose-200 {
  color: rgb(254 205 211) !important;
}
.text-rose-300 {
  color: rgb(253 164 175) !important;
}
.text-rose-400 {
  color: rgb(251 113 133) !important;
}
.text-rose-500 {
  color: rgb(244 63 94) !important;
}
.text-rose-600 {
  color: rgb(225 29 72) !important;
}
.text-rose-700 {
  color: rgb(190 18 60) !important;
}
.text-rose-800 {
  color: rgb(159 18 57) !important;
}
.text-rose-900 {
  color: rgb(136 19 55) !important;
}
.text-primary-50 {
  color: rgb(var(--app-primary-50-rgb)) !important;
}
.text-primary-100 {
  color: rgb(var(--app-primary-100-rgb)) !important;
}
.text-primary-200 {
  color: rgb(var(--app-primary-200-rgb)) !important;
}
.text-primary-300 {
  color: rgb(var(--app-primary-300-rgb)) !important;
}
.text-primary-400 {
  color: rgb(var(--app-primary-400-rgb)) !important;
}
.text-primary-500 {
  color: rgb(var(--app-primary-500-rgb)) !important;
}
.text-primary-600 {
  color: rgb(var(--app-primary-600-rgb)) !important;
}
.text-primary {
  color: rgb(var(--app-primary-rgb)) !important;
}
.text-secondary {
  color: var(--app-text-secondary) !important;
}
.text-focusable {
  color: #0093f9 !important;
}
.text-default {
  color: var(--app-text-default) !important;
}
.text-hover {
  color: var(--app-bg-hover) !important;
}
.text-hint {
  --app-text-opacity: 1 !important;
  color: rgba(var(--app-text-hint-rgb), var(--app-text-opacity)) !important;
}
.text-disabled {
  --app-text-opacity: 1 !important;
  color: rgba(var(--app-text-disabled-rgb), var(--app-text-opacity)) !important;
}
[data-theme="dark"] .dark\:text-black {
  color: rgb(0 0 0) !important;
}
[data-theme="dark"] .dark\:text-white {
  color: rgb(255 255 255) !important;
}
[data-theme="dark"] .dark\:text-slate-50 {
  color: rgb(248 250 252) !important;
}
[data-theme="dark"] .dark\:text-slate-100 {
  color: rgb(241 245 249) !important;
}
[data-theme="dark"] .dark\:text-slate-200 {
  color: rgb(226 232 240) !important;
}
[data-theme="dark"] .dark\:text-slate-300 {
  color: rgb(203 213 225) !important;
}
[data-theme="dark"] .dark\:text-slate-400 {
  color: rgb(148 163 184) !important;
}
[data-theme="dark"] .dark\:text-slate-500 {
  color: rgb(100 116 139) !important;
}
[data-theme="dark"] .dark\:text-slate-600 {
  color: rgb(71 85 105) !important;
}
[data-theme="dark"] .dark\:text-slate-700 {
  color: rgb(51 65 85) !important;
}
[data-theme="dark"] .dark\:text-slate-800 {
  color: rgb(30 41 59) !important;
}
[data-theme="dark"] .dark\:text-slate-900 {
  color: rgb(15 23 42) !important;
}
[data-theme="dark"] .dark\:text-gray-50 {
  color: rgb(249 250 251) !important;
}
[data-theme="dark"] .dark\:text-gray-100 {
  color: rgb(243 244 246) !important;
}
[data-theme="dark"] .dark\:text-gray-200 {
  color: rgb(229 231 235) !important;
}
[data-theme="dark"] .dark\:text-gray-300 {
  color: rgb(209 213 219) !important;
}
[data-theme="dark"] .dark\:text-gray-400 {
  color: rgb(156 163 175) !important;
}
[data-theme="dark"] .dark\:text-gray-500 {
  color: rgb(107 114 128) !important;
}
[data-theme="dark"] .dark\:text-gray-600 {
  color: rgb(75 85 99) !important;
}
[data-theme="dark"] .dark\:text-gray-700 {
  color: rgb(55 65 81) !important;
}
[data-theme="dark"] .dark\:text-gray-800 {
  color: rgb(31 41 55) !important;
}
[data-theme="dark"] .dark\:text-gray-900 {
  color: rgb(17 24 39) !important;
}
[data-theme="dark"] .dark\:text-zinc-50 {
  color: rgb(250 250 250) !important;
}
[data-theme="dark"] .dark\:text-zinc-100 {
  color: rgb(244 244 245) !important;
}
[data-theme="dark"] .dark\:text-zinc-200 {
  color: rgb(228 228 231) !important;
}
[data-theme="dark"] .dark\:text-zinc-300 {
  color: rgb(212 212 216) !important;
}
[data-theme="dark"] .dark\:text-zinc-400 {
  color: rgb(161 161 170) !important;
}
[data-theme="dark"] .dark\:text-zinc-500 {
  color: rgb(113 113 122) !important;
}
[data-theme="dark"] .dark\:text-zinc-600 {
  color: rgb(82 82 91) !important;
}
[data-theme="dark"] .dark\:text-zinc-700 {
  color: rgb(63 63 70) !important;
}
[data-theme="dark"] .dark\:text-zinc-800 {
  color: rgb(39 39 42) !important;
}
[data-theme="dark"] .dark\:text-zinc-900 {
  color: rgb(24 24 27) !important;
}
[data-theme="dark"] .dark\:text-neutral-50 {
  color: rgb(250 250 250) !important;
}
[data-theme="dark"] .dark\:text-neutral-100 {
  color: rgb(245 245 245) !important;
}
[data-theme="dark"] .dark\:text-neutral-200 {
  color: rgb(229 229 229) !important;
}
[data-theme="dark"] .dark\:text-neutral-300 {
  color: rgb(212 212 212) !important;
}
[data-theme="dark"] .dark\:text-neutral-400 {
  color: rgb(163 163 163) !important;
}
[data-theme="dark"] .dark\:text-neutral-500 {
  color: rgb(115 115 115) !important;
}
[data-theme="dark"] .dark\:text-neutral-600 {
  color: rgb(82 82 82) !important;
}
[data-theme="dark"] .dark\:text-neutral-700 {
  color: rgb(64 64 64) !important;
}
[data-theme="dark"] .dark\:text-neutral-800 {
  color: rgb(38 38 38) !important;
}
[data-theme="dark"] .dark\:text-neutral-900 {
  color: rgb(23 23 23) !important;
}
[data-theme="dark"] .dark\:text-stone-50 {
  color: rgb(250 250 249) !important;
}
[data-theme="dark"] .dark\:text-stone-100 {
  color: rgb(245 245 244) !important;
}
[data-theme="dark"] .dark\:text-stone-200 {
  color: rgb(231 229 228) !important;
}
[data-theme="dark"] .dark\:text-stone-300 {
  color: rgb(214 211 209) !important;
}
[data-theme="dark"] .dark\:text-stone-400 {
  color: rgb(168 162 158) !important;
}
[data-theme="dark"] .dark\:text-stone-500 {
  color: rgb(120 113 108) !important;
}
[data-theme="dark"] .dark\:text-stone-600 {
  color: rgb(87 83 78) !important;
}
[data-theme="dark"] .dark\:text-stone-700 {
  color: rgb(68 64 60) !important;
}
[data-theme="dark"] .dark\:text-stone-800 {
  color: rgb(41 37 36) !important;
}
[data-theme="dark"] .dark\:text-stone-900 {
  color: rgb(28 25 23) !important;
}
[data-theme="dark"] .dark\:text-red-50 {
  color: rgb(254 242 242) !important;
}
[data-theme="dark"] .dark\:text-red-100 {
  color: rgb(254 226 226) !important;
}
[data-theme="dark"] .dark\:text-red-200 {
  color: rgb(254 202 202) !important;
}
[data-theme="dark"] .dark\:text-red-300 {
  color: rgb(252 165 165) !important;
}
[data-theme="dark"] .dark\:text-red-400 {
  color: rgb(248 113 113) !important;
}
[data-theme="dark"] .dark\:text-red-500 {
  color: rgb(239 68 68) !important;
}
[data-theme="dark"] .dark\:text-red-600 {
  color: rgb(220 38 38) !important;
}
[data-theme="dark"] .dark\:text-red-700 {
  color: rgb(185 28 28) !important;
}
[data-theme="dark"] .dark\:text-red-800 {
  color: rgb(153 27 27) !important;
}
[data-theme="dark"] .dark\:text-red-900 {
  color: rgb(127 29 29) !important;
}
[data-theme="dark"] .dark\:text-orange-50 {
  color: rgb(255 247 237) !important;
}
[data-theme="dark"] .dark\:text-orange-100 {
  color: rgb(255 237 213) !important;
}
[data-theme="dark"] .dark\:text-orange-200 {
  color: rgb(254 215 170) !important;
}
[data-theme="dark"] .dark\:text-orange-300 {
  color: rgb(253 186 116) !important;
}
[data-theme="dark"] .dark\:text-orange-400 {
  color: rgb(251 146 60) !important;
}
[data-theme="dark"] .dark\:text-orange-500 {
  color: rgb(249 115 22) !important;
}
[data-theme="dark"] .dark\:text-orange-600 {
  color: rgb(234 88 12) !important;
}
[data-theme="dark"] .dark\:text-orange-700 {
  color: rgb(194 65 12) !important;
}
[data-theme="dark"] .dark\:text-orange-800 {
  color: rgb(154 52 18) !important;
}
[data-theme="dark"] .dark\:text-orange-900 {
  color: rgb(124 45 18) !important;
}
[data-theme="dark"] .dark\:text-amber-50 {
  color: rgb(255 251 235) !important;
}
[data-theme="dark"] .dark\:text-amber-100 {
  color: rgb(254 243 199) !important;
}
[data-theme="dark"] .dark\:text-amber-200 {
  color: rgb(253 230 138) !important;
}
[data-theme="dark"] .dark\:text-amber-300 {
  color: rgb(252 211 77) !important;
}
[data-theme="dark"] .dark\:text-amber-400 {
  color: rgb(251 191 36) !important;
}
[data-theme="dark"] .dark\:text-amber-500 {
  color: rgb(245 158 11) !important;
}
[data-theme="dark"] .dark\:text-amber-600 {
  color: rgb(217 119 6) !important;
}
[data-theme="dark"] .dark\:text-amber-700 {
  color: rgb(180 83 9) !important;
}
[data-theme="dark"] .dark\:text-amber-800 {
  color: rgb(146 64 14) !important;
}
[data-theme="dark"] .dark\:text-amber-900 {
  color: rgb(120 53 15) !important;
}
[data-theme="dark"] .dark\:text-yellow-50 {
  color: rgb(254 252 232) !important;
}
[data-theme="dark"] .dark\:text-yellow-100 {
  color: rgb(254 249 195) !important;
}
[data-theme="dark"] .dark\:text-yellow-200 {
  color: rgb(254 240 138) !important;
}
[data-theme="dark"] .dark\:text-yellow-300 {
  color: rgb(253 224 71) !important;
}
[data-theme="dark"] .dark\:text-yellow-400 {
  color: rgb(250 204 21) !important;
}
[data-theme="dark"] .dark\:text-yellow-500 {
  color: rgb(234 179 8) !important;
}
[data-theme="dark"] .dark\:text-yellow-600 {
  color: rgb(202 138 4) !important;
}
[data-theme="dark"] .dark\:text-yellow-700 {
  color: rgb(161 98 7) !important;
}
[data-theme="dark"] .dark\:text-yellow-800 {
  color: rgb(133 77 14) !important;
}
[data-theme="dark"] .dark\:text-yellow-900 {
  color: rgb(113 63 18) !important;
}
[data-theme="dark"] .dark\:text-lime-50 {
  color: rgb(247 254 231) !important;
}
[data-theme="dark"] .dark\:text-lime-100 {
  color: rgb(236 252 203) !important;
}
[data-theme="dark"] .dark\:text-lime-200 {
  color: rgb(217 249 157) !important;
}
[data-theme="dark"] .dark\:text-lime-300 {
  color: rgb(190 242 100) !important;
}
[data-theme="dark"] .dark\:text-lime-400 {
  color: rgb(163 230 53) !important;
}
[data-theme="dark"] .dark\:text-lime-500 {
  color: rgb(132 204 22) !important;
}
[data-theme="dark"] .dark\:text-lime-600 {
  color: rgb(101 163 13) !important;
}
[data-theme="dark"] .dark\:text-lime-700 {
  color: rgb(77 124 15) !important;
}
[data-theme="dark"] .dark\:text-lime-800 {
  color: rgb(63 98 18) !important;
}
[data-theme="dark"] .dark\:text-lime-900 {
  color: rgb(54 83 20) !important;
}
[data-theme="dark"] .dark\:text-green-50 {
  color: rgb(240 253 244) !important;
}
[data-theme="dark"] .dark\:text-green-100 {
  color: rgb(220 252 231) !important;
}
[data-theme="dark"] .dark\:text-green-200 {
  color: rgb(187 247 208) !important;
}
[data-theme="dark"] .dark\:text-green-300 {
  color: rgb(134 239 172) !important;
}
[data-theme="dark"] .dark\:text-green-400 {
  color: rgb(74 222 128) !important;
}
[data-theme="dark"] .dark\:text-green-500 {
  color: rgb(34 197 94) !important;
}
[data-theme="dark"] .dark\:text-green-600 {
  color: rgb(22 163 74) !important;
}
[data-theme="dark"] .dark\:text-green-700 {
  color: rgb(21 128 61) !important;
}
[data-theme="dark"] .dark\:text-green-800 {
  color: rgb(22 101 52) !important;
}
[data-theme="dark"] .dark\:text-green-900 {
  color: rgb(20 83 45) !important;
}
[data-theme="dark"] .dark\:text-emerald-50 {
  color: rgb(236 253 245) !important;
}
[data-theme="dark"] .dark\:text-emerald-100 {
  color: rgb(209 250 229) !important;
}
[data-theme="dark"] .dark\:text-emerald-200 {
  color: rgb(167 243 208) !important;
}
[data-theme="dark"] .dark\:text-emerald-300 {
  color: rgb(110 231 183) !important;
}
[data-theme="dark"] .dark\:text-emerald-400 {
  color: rgb(52 211 153) !important;
}
[data-theme="dark"] .dark\:text-emerald-500 {
  color: rgb(16 185 129) !important;
}
[data-theme="dark"] .dark\:text-emerald-600 {
  color: rgb(5 150 105) !important;
}
[data-theme="dark"] .dark\:text-emerald-700 {
  color: rgb(4 120 87) !important;
}
[data-theme="dark"] .dark\:text-emerald-800 {
  color: rgb(6 95 70) !important;
}
[data-theme="dark"] .dark\:text-emerald-900 {
  color: rgb(6 78 59) !important;
}
[data-theme="dark"] .dark\:text-teal-50 {
  color: rgb(240 253 250) !important;
}
[data-theme="dark"] .dark\:text-teal-100 {
  color: rgb(204 251 241) !important;
}
[data-theme="dark"] .dark\:text-teal-200 {
  color: rgb(153 246 228) !important;
}
[data-theme="dark"] .dark\:text-teal-300 {
  color: rgb(94 234 212) !important;
}
[data-theme="dark"] .dark\:text-teal-400 {
  color: rgb(45 212 191) !important;
}
[data-theme="dark"] .dark\:text-teal-500 {
  color: rgb(20 184 166) !important;
}
[data-theme="dark"] .dark\:text-teal-600 {
  color: rgb(13 148 136) !important;
}
[data-theme="dark"] .dark\:text-teal-700 {
  color: rgb(15 118 110) !important;
}
[data-theme="dark"] .dark\:text-teal-800 {
  color: rgb(17 94 89) !important;
}
[data-theme="dark"] .dark\:text-teal-900 {
  color: rgb(19 78 74) !important;
}
[data-theme="dark"] .dark\:text-cyan-50 {
  color: rgb(236 254 255) !important;
}
[data-theme="dark"] .dark\:text-cyan-100 {
  color: rgb(207 250 254) !important;
}
[data-theme="dark"] .dark\:text-cyan-200 {
  color: rgb(165 243 252) !important;
}
[data-theme="dark"] .dark\:text-cyan-300 {
  color: rgb(103 232 249) !important;
}
[data-theme="dark"] .dark\:text-cyan-400 {
  color: rgb(34 211 238) !important;
}
[data-theme="dark"] .dark\:text-cyan-500 {
  color: rgb(6 182 212) !important;
}
[data-theme="dark"] .dark\:text-cyan-600 {
  color: rgb(8 145 178) !important;
}
[data-theme="dark"] .dark\:text-cyan-700 {
  color: rgb(14 116 144) !important;
}
[data-theme="dark"] .dark\:text-cyan-800 {
  color: rgb(21 94 117) !important;
}
[data-theme="dark"] .dark\:text-cyan-900 {
  color: rgb(22 78 99) !important;
}
[data-theme="dark"] .dark\:text-sky-50 {
  color: rgb(240 249 255) !important;
}
[data-theme="dark"] .dark\:text-sky-100 {
  color: rgb(224 242 254) !important;
}
[data-theme="dark"] .dark\:text-sky-200 {
  color: rgb(186 230 253) !important;
}
[data-theme="dark"] .dark\:text-sky-300 {
  color: rgb(125 211 252) !important;
}
[data-theme="dark"] .dark\:text-sky-400 {
  color: rgb(56 189 248) !important;
}
[data-theme="dark"] .dark\:text-sky-500 {
  color: rgb(14 165 233) !important;
}
[data-theme="dark"] .dark\:text-sky-600 {
  color: rgb(2 132 199) !important;
}
[data-theme="dark"] .dark\:text-sky-700 {
  color: rgb(3 105 161) !important;
}
[data-theme="dark"] .dark\:text-sky-800 {
  color: rgb(7 89 133) !important;
}
[data-theme="dark"] .dark\:text-sky-900 {
  color: rgb(12 74 110) !important;
}
[data-theme="dark"] .dark\:text-blue-50 {
  color: rgb(239 246 255) !important;
}
[data-theme="dark"] .dark\:text-blue-100 {
  color: rgb(219 234 254) !important;
}
[data-theme="dark"] .dark\:text-blue-200 {
  color: rgb(191 219 254) !important;
}
[data-theme="dark"] .dark\:text-blue-300 {
  color: rgb(147 197 253) !important;
}
[data-theme="dark"] .dark\:text-blue-400 {
  color: rgb(96 165 250) !important;
}
[data-theme="dark"] .dark\:text-blue-500 {
  color: rgb(59 130 246) !important;
}
[data-theme="dark"] .dark\:text-blue-600 {
  color: rgb(37 99 235) !important;
}
[data-theme="dark"] .dark\:text-blue-700 {
  color: rgb(29 78 216) !important;
}
[data-theme="dark"] .dark\:text-blue-800 {
  color: rgb(30 64 175) !important;
}
[data-theme="dark"] .dark\:text-blue-900 {
  color: rgb(30 58 138) !important;
}
[data-theme="dark"] .dark\:text-indigo-50 {
  color: rgb(238 242 255) !important;
}
[data-theme="dark"] .dark\:text-indigo-100 {
  color: rgb(224 231 255) !important;
}
[data-theme="dark"] .dark\:text-indigo-200 {
  color: rgb(199 210 254) !important;
}
[data-theme="dark"] .dark\:text-indigo-300 {
  color: rgb(165 180 252) !important;
}
[data-theme="dark"] .dark\:text-indigo-400 {
  color: rgb(129 140 248) !important;
}
[data-theme="dark"] .dark\:text-indigo-500 {
  color: rgb(99 102 241) !important;
}
[data-theme="dark"] .dark\:text-indigo-600 {
  color: rgb(79 70 229) !important;
}
[data-theme="dark"] .dark\:text-indigo-700 {
  color: rgb(67 56 202) !important;
}
[data-theme="dark"] .dark\:text-indigo-800 {
  color: rgb(55 48 163) !important;
}
[data-theme="dark"] .dark\:text-indigo-900 {
  color: rgb(49 46 129) !important;
}
[data-theme="dark"] .dark\:text-violet-50 {
  color: rgb(245 243 255) !important;
}
[data-theme="dark"] .dark\:text-violet-100 {
  color: rgb(237 233 254) !important;
}
[data-theme="dark"] .dark\:text-violet-200 {
  color: rgb(221 214 254) !important;
}
[data-theme="dark"] .dark\:text-violet-300 {
  color: rgb(196 181 253) !important;
}
[data-theme="dark"] .dark\:text-violet-400 {
  color: rgb(167 139 250) !important;
}
[data-theme="dark"] .dark\:text-violet-500 {
  color: rgb(139 92 246) !important;
}
[data-theme="dark"] .dark\:text-violet-600 {
  color: rgb(124 58 237) !important;
}
[data-theme="dark"] .dark\:text-violet-700 {
  color: rgb(109 40 217) !important;
}
[data-theme="dark"] .dark\:text-violet-800 {
  color: rgb(91 33 182) !important;
}
[data-theme="dark"] .dark\:text-violet-900 {
  color: rgb(76 29 149) !important;
}
[data-theme="dark"] .dark\:text-purple-50 {
  color: rgb(250 245 255) !important;
}
[data-theme="dark"] .dark\:text-purple-100 {
  color: rgb(243 232 255) !important;
}
[data-theme="dark"] .dark\:text-purple-200 {
  color: rgb(233 213 255) !important;
}
[data-theme="dark"] .dark\:text-purple-300 {
  color: rgb(216 180 254) !important;
}
[data-theme="dark"] .dark\:text-purple-400 {
  color: rgb(192 132 252) !important;
}
[data-theme="dark"] .dark\:text-purple-500 {
  color: rgb(168 85 247) !important;
}
[data-theme="dark"] .dark\:text-purple-600 {
  color: rgb(147 51 234) !important;
}
[data-theme="dark"] .dark\:text-purple-700 {
  color: rgb(126 34 206) !important;
}
[data-theme="dark"] .dark\:text-purple-800 {
  color: rgb(107 33 168) !important;
}
[data-theme="dark"] .dark\:text-purple-900 {
  color: rgb(88 28 135) !important;
}
[data-theme="dark"] .dark\:text-fuchsia-50 {
  color: rgb(253 244 255) !important;
}
[data-theme="dark"] .dark\:text-fuchsia-100 {
  color: rgb(250 232 255) !important;
}
[data-theme="dark"] .dark\:text-fuchsia-200 {
  color: rgb(245 208 254) !important;
}
[data-theme="dark"] .dark\:text-fuchsia-300 {
  color: rgb(240 171 252) !important;
}
[data-theme="dark"] .dark\:text-fuchsia-400 {
  color: rgb(232 121 249) !important;
}
[data-theme="dark"] .dark\:text-fuchsia-500 {
  color: rgb(217 70 239) !important;
}
[data-theme="dark"] .dark\:text-fuchsia-600 {
  color: rgb(192 38 211) !important;
}
[data-theme="dark"] .dark\:text-fuchsia-700 {
  color: rgb(162 28 175) !important;
}
[data-theme="dark"] .dark\:text-fuchsia-800 {
  color: rgb(134 25 143) !important;
}
[data-theme="dark"] .dark\:text-fuchsia-900 {
  color: rgb(112 26 117) !important;
}
[data-theme="dark"] .dark\:text-pink-50 {
  color: rgb(253 242 248) !important;
}
[data-theme="dark"] .dark\:text-pink-100 {
  color: rgb(252 231 243) !important;
}
[data-theme="dark"] .dark\:text-pink-200 {
  color: rgb(251 207 232) !important;
}
[data-theme="dark"] .dark\:text-pink-300 {
  color: rgb(249 168 212) !important;
}
[data-theme="dark"] .dark\:text-pink-400 {
  color: rgb(244 114 182) !important;
}
[data-theme="dark"] .dark\:text-pink-500 {
  color: rgb(236 72 153) !important;
}
[data-theme="dark"] .dark\:text-pink-600 {
  color: rgb(219 39 119) !important;
}
[data-theme="dark"] .dark\:text-pink-700 {
  color: rgb(190 24 93) !important;
}
[data-theme="dark"] .dark\:text-pink-800 {
  color: rgb(157 23 77) !important;
}
[data-theme="dark"] .dark\:text-pink-900 {
  color: rgb(131 24 67) !important;
}
[data-theme="dark"] .dark\:text-rose-50 {
  color: rgb(255 241 242) !important;
}
[data-theme="dark"] .dark\:text-rose-100 {
  color: rgb(255 228 230) !important;
}
[data-theme="dark"] .dark\:text-rose-200 {
  color: rgb(254 205 211) !important;
}
[data-theme="dark"] .dark\:text-rose-300 {
  color: rgb(253 164 175) !important;
}
[data-theme="dark"] .dark\:text-rose-400 {
  color: rgb(251 113 133) !important;
}
[data-theme="dark"] .dark\:text-rose-500 {
  color: rgb(244 63 94) !important;
}
[data-theme="dark"] .dark\:text-rose-600 {
  color: rgb(225 29 72) !important;
}
[data-theme="dark"] .dark\:text-rose-700 {
  color: rgb(190 18 60) !important;
}
[data-theme="dark"] .dark\:text-rose-800 {
  color: rgb(159 18 57) !important;
}
[data-theme="dark"] .dark\:text-rose-900 {
  color: rgb(136 19 55) !important;
}
[data-theme="dark"] .dark\:text-primary-50 {
  color: rgb(var(--app-primary-50-rgb)) !important;
}
[data-theme="dark"] .dark\:text-primary-100 {
  color: rgb(var(--app-primary-100-rgb)) !important;
}
[data-theme="dark"] .dark\:text-primary-200 {
  color: rgb(var(--app-primary-200-rgb)) !important;
}
[data-theme="dark"] .dark\:text-primary-300 {
  color: rgb(var(--app-primary-300-rgb)) !important;
}
[data-theme="dark"] .dark\:text-primary-400 {
  color: rgb(var(--app-primary-400-rgb)) !important;
}
[data-theme="dark"] .dark\:text-primary-500 {
  color: rgb(var(--app-primary-500-rgb)) !important;
}
[data-theme="dark"] .dark\:text-primary-600 {
  color: rgb(var(--app-primary-600-rgb)) !important;
}

/*** Text Decoration ***/
.underline {
  text-decoration-line: underline !important;
}
.overline {
  text-decoration-line: overline !important;
}
.line-through {
  text-decoration-line: line-through !important;
}
.no-underline {
  text-decoration-line: none !important;
}
/*** Whitespace ***/
.whitespace-normal {
  white-space: normal !important;
}
.whitespace-nowrap {
  white-space: nowrap !important;
}
.whitespace-pre {
  white-space: pre !important;
}
.whitespace-pre-line {
  white-space: pre-line !important;
}
.whitespace-pre-wrap {
  white-space: pre-wrap !important;
}
/*** Truncate ***/
.truncate {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
  max-width: 100%;
}
/*** Line Clamp ***/
.line-clampv-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clampv-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clampv-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clampv-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clampv-5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clampv-6 {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clampv-7 {
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/********** BACKGROUNDS **********/

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

/*** Background Color ***/
.bg-inherit {
  background-color: inherit !important;
}
.bg-current {
  background-color: currentColor !important;
}
.bg-transparent {
  background: transparent !important;
}
.bg-black {
  background-color: rgb(0 0 0) !important;
}
.bg-white {
  background-color: rgb(255 255 255) !important;
}
.bg-slate-50 {
  background-color: rgb(248 250 252) !important;
}
.bg-slate-100 {
  background-color: rgb(241 245 249) !important;
}
.bg-slate-200 {
  background-color: rgb(226 232 240) !important;
}
.bg-slate-300 {
  background-color: rgb(203 213 225) !important;
}
.bg-slate-400 {
  background-color: rgb(148 163 184) !important;
}
.bg-slate-500 {
  background-color: rgb(100 116 139) !important;
}
.bg-slate-600 {
  background-color: rgb(71 85 105) !important;
}
.bg-slate-700 {
  background-color: rgb(51 65 85) !important;
}
.bg-slate-800 {
  background-color: rgb(30 41 59) !important;
}
.bg-slate-900 {
  background-color: rgb(15 23 42) !important;
}
.bg-gray-50 {
  background-color: rgb(249 250 251) !important;
}
.bg-gray-100 {
  background-color: rgb(243 244 246) !important;
}
.bg-gray-200 {
  background-color: rgb(229 231 235) !important;
}
.bg-gray-300 {
  background-color: rgb(209 213 219) !important;
}
.bg-gray-400 {
  background-color: rgb(156 163 175) !important;
}
.bg-gray-500 {
  background-color: rgb(107 114 128) !important;
}
.bg-gray-600 {
  background-color: rgb(75 85 99) !important;
}
.bg-gray-700 {
  background-color: rgb(55 65 81) !important;
}
.bg-gray-800 {
  background-color: rgb(31 41 55) !important;
}
.bg-gray-900 {
  background-color: rgb(17 24 39) !important;
}
.bg-zinc-50 {
  background-color: rgb(250 250 250) !important;
}
.bg-zinc-100 {
  background-color: rgb(244 244 245) !important;
}
.bg-zinc-200 {
  background-color: rgb(228 228 231) !important;
}
.bg-zinc-300 {
  background-color: rgb(212 212 216) !important;
}
.bg-zinc-400 {
  background-color: rgb(161 161 170) !important;
}
.bg-zinc-500 {
  background-color: rgb(113 113 122) !important;
}
.bg-zinc-600 {
  background-color: rgb(82 82 91) !important;
}
.bg-zinc-700 {
  background-color: rgb(63 63 70) !important;
}
.bg-zinc-800 {
  background-color: rgb(39 39 42) !important;
}
.bg-zinc-900 {
  background-color: rgb(24 24 27) !important;
}
.bg-neutral-50 {
  background-color: rgb(250 250 250) !important;
}
.bg-neutral-100 {
  background-color: rgb(245 245 245) !important;
}
.bg-neutral-200 {
  background-color: rgb(229 229 229) !important;
}
.bg-neutral-300 {
  background-color: rgb(212 212 212) !important;
}
.bg-neutral-400 {
  background-color: rgb(163 163 163) !important;
}
.bg-neutral-500 {
  background-color: rgb(115 115 115) !important;
}
.bg-neutral-600 {
  background-color: rgb(82 82 82) !important;
}
.bg-neutral-700 {
  background-color: rgb(64 64 64) !important;
}
.bg-neutral-800 {
  background-color: rgb(38 38 38) !important;
}
.bg-neutral-900 {
  background-color: rgb(23 23 23) !important;
}
.bg-stone-50 {
  background-color: rgb(250 250 249) !important;
}
.bg-stone-100 {
  background-color: rgb(245 245 244) !important;
}
.bg-stone-200 {
  background-color: rgb(231 229 228) !important;
}
.bg-stone-300 {
  background-color: rgb(214 211 209) !important;
}
.bg-stone-400 {
  background-color: rgb(168 162 158) !important;
}
.bg-stone-500 {
  background-color: rgb(120 113 108) !important;
}
.bg-stone-600 {
  background-color: rgb(87 83 78) !important;
}
.bg-stone-700 {
  background-color: rgb(68 64 60) !important;
}
.bg-stone-800 {
  background-color: rgb(41 37 36) !important;
}
.bg-stone-900 {
  background-color: rgb(28 25 23) !important;
}
.bg-red-50 {
  background-color: rgb(254 242 242) !important;
}
.bg-red-100 {
  background-color: rgb(254 226 226) !important;
}
.bg-red-200 {
  background-color: rgb(254 202 202) !important;
}
.bg-red-300 {
  background-color: rgb(252 165 165) !important;
}
.bg-red-400 {
  background-color: rgb(248 113 113) !important;
}
.bg-red-500 {
  background-color: rgb(239 68 68) !important;
}
.bg-red-600 {
  background-color: rgb(220 38 38) !important;
}
.bg-red-700 {
  background-color: rgb(185 28 28) !important;
}
.bg-red-800 {
  background-color: rgb(153 27 27) !important;
}
.bg-red-900 {
  background-color: rgb(127 29 29) !important;
}
.bg-orange-50 {
  background-color: rgb(255 247 237) !important;
}
.bg-orange-100 {
  background-color: rgb(255 237 213) !important;
}
.bg-orange-200 {
  background-color: rgb(254 215 170) !important;
}
.bg-orange-300 {
  background-color: rgb(253 186 116) !important;
}
.bg-orange-400 {
  background-color: rgb(251 146 60) !important;
}
.bg-orange-500 {
  background-color: rgb(249 115 22) !important;
}
.bg-orange-600 {
  background-color: rgb(234 88 12) !important;
}
.bg-orange-700 {
  background-color: rgb(194 65 12) !important;
}
.bg-orange-800 {
  background-color: rgb(154 52 18) !important;
}
.bg-orange-900 {
  background-color: rgb(124 45 18) !important;
}
.bg-amber-50 {
  background-color: rgb(255 251 235) !important;
}
.bg-amber-100 {
  background-color: rgb(254 243 199) !important;
}
.bg-amber-200 {
  background-color: rgb(253 230 138) !important;
}
.bg-amber-300 {
  background-color: rgb(252 211 77) !important;
}
.bg-amber-400 {
  background-color: rgb(251 191 36) !important;
}
.bg-amber-500 {
  background-color: rgb(245 158 11) !important;
}
.bg-amber-600 {
  background-color: rgb(217 119 6) !important;
}
.bg-amber-700 {
  background-color: rgb(180 83 9) !important;
}
.bg-amber-800 {
  background-color: rgb(146 64 14) !important;
}
.bg-amber-900 {
  background-color: rgb(120 53 15) !important;
}
.bg-yellow-50 {
  background-color: rgb(254 252 232) !important;
}
.bg-yellow-100 {
  background-color: rgb(254 249 195) !important;
}
.bg-yellow-200 {
  background-color: rgb(254 240 138) !important;
}
.bg-yellow-300 {
  background-color: rgb(253 224 71) !important;
}
.bg-yellow-400 {
  background-color: rgb(250 204 21) !important;
}
.bg-yellow-500 {
  background-color: rgb(234 179 8) !important;
}
.bg-yellow-600 {
  background-color: rgb(202 138 4) !important;
}
.bg-yellow-700 {
  background-color: rgb(161 98 7) !important;
}
.bg-yellow-800 {
  background-color: rgb(133 77 14) !important;
}
.bg-yellow-900 {
  background-color: rgb(113 63 18) !important;
}
.bg-lime-50 {
  background-color: rgb(247 254 231) !important;
}
.bg-lime-100 {
  background-color: rgb(236 252 203) !important;
}
.bg-lime-200 {
  background-color: rgb(217 249 157) !important;
}
.bg-lime-300 {
  background-color: rgb(190 242 100) !important;
}
.bg-lime-400 {
  background-color: rgb(163 230 53) !important;
}
.bg-lime-500 {
  background-color: rgb(132 204 22) !important;
}
.bg-lime-600 {
  background-color: rgb(101 163 13) !important;
}
.bg-lime-700 {
  background-color: rgb(77 124 15) !important;
}
.bg-lime-800 {
  background-color: rgb(63 98 18) !important;
}
.bg-lime-900 {
  background-color: rgb(54 83 20) !important;
}
.bg-green-50 {
  background-color: rgb(240 253 244) !important;
}
.bg-green-100 {
  background-color: rgb(220 252 231) !important;
}
.bg-green-200 {
  background-color: rgb(187 247 208) !important;
}
.bg-green-300 {
  background-color: rgb(134 239 172) !important;
}
.bg-green-400 {
  background-color: rgb(74 222 128) !important;
}
.bg-green-500 {
  background-color: rgb(34 197 94) !important;
}
.bg-green-600 {
  background-color: rgb(22 163 74) !important;
}
.bg-green-700 {
  background-color: rgb(21 128 61) !important;
}
.bg-green-800 {
  background-color: rgb(22 101 52) !important;
}
.bg-green-900 {
  background-color: rgb(20 83 45) !important;
}
.bg-emerald-50 {
  background-color: rgb(236 253 245) !important;
}
.bg-emerald-100 {
  background-color: rgb(209 250 229) !important;
}
.bg-emerald-200 {
  background-color: rgb(167 243 208) !important;
}
.bg-emerald-300 {
  background-color: rgb(110 231 183) !important;
}
.bg-emerald-400 {
  background-color: rgb(52 211 153) !important;
}
.bg-emerald-500 {
  background-color: rgb(16 185 129) !important;
}
.bg-emerald-600 {
  background-color: rgb(5 150 105) !important;
}
.bg-emerald-700 {
  background-color: rgb(4 120 87) !important;
}
.bg-emerald-800 {
  background-color: rgb(6 95 70) !important;
}
.bg-emerald-900 {
  background-color: rgb(6 78 59) !important;
}
.bg-teal-50 {
  background-color: rgb(240 253 250) !important;
}
.bg-teal-100 {
  background-color: rgb(204 251 241) !important;
}
.bg-teal-200 {
  background-color: rgb(153 246 228) !important;
}
.bg-teal-300 {
  background-color: rgb(94 234 212) !important;
}
.bg-teal-400 {
  background-color: rgb(45 212 191) !important;
}
.bg-teal-500 {
  background-color: rgb(20 184 166) !important;
}
.bg-teal-600 {
  background-color: rgb(13 148 136) !important;
}
.bg-teal-700 {
  background-color: rgb(15 118 110) !important;
}
.bg-teal-800 {
  background-color: rgb(17 94 89) !important;
}
.bg-teal-900 {
  background-color: rgb(19 78 74) !important;
}
.bg-cyan-50 {
  background-color: rgb(236 254 255) !important;
}
.bg-cyan-100 {
  background-color: rgb(207 250 254) !important;
}
.bg-cyan-200 {
  background-color: rgb(165 243 252) !important;
}
.bg-cyan-300 {
  background-color: rgb(103 232 249) !important;
}
.bg-cyan-400 {
  background-color: rgb(34 211 238) !important;
}
.bg-cyan-500 {
  background-color: rgb(6 182 212) !important;
}
.bg-cyan-600 {
  background-color: rgb(8 145 178) !important;
}
.bg-cyan-700 {
  background-color: rgb(14 116 144) !important;
}
.bg-cyan-800 {
  background-color: rgb(21 94 117) !important;
}
.bg-cyan-900 {
  background-color: rgb(22 78 99) !important;
}
.bg-sky-50 {
  background-color: rgb(240 249 255) !important;
}
.bg-sky-100 {
  background-color: rgb(224 242 254) !important;
}
.bg-sky-200 {
  background-color: rgb(186 230 253) !important;
}
.bg-sky-300 {
  background-color: rgb(125 211 252) !important;
}
.bg-sky-400 {
  background-color: rgb(56 189 248) !important;
}
.bg-sky-500 {
  background-color: rgb(14 165 233) !important;
}
.bg-sky-600 {
  background-color: rgb(2 132 199) !important;
}
.bg-sky-700 {
  background-color: rgb(3 105 161) !important;
}
.bg-sky-800 {
  background-color: rgb(7 89 133) !important;
}
.bg-sky-900 {
  background-color: rgb(12 74 110) !important;
}
.bg-blue-50 {
  background-color: rgb(239 246 255) !important;
}
.bg-blue-100 {
  background-color: rgb(219 234 254) !important;
}
.bg-blue-200 {
  background-color: rgb(191 219 254) !important;
}
.bg-blue-300 {
  background-color: rgb(147 197 253) !important;
}
.bg-blue-400 {
  background-color: rgb(96 165 250) !important;
}
.bg-blue-500 {
  background-color: rgb(59 130 246) !important;
}
.bg-blue-600 {
  background-color: rgb(37 99 235) !important;
}
.bg-blue-700 {
  background-color: rgb(29 78 216) !important;
}
.bg-blue-800 {
  background-color: rgb(30 64 175) !important;
}
.bg-blue-900 {
  background-color: rgb(30 58 138) !important;
}
.bg-indigo-50 {
  background-color: rgb(238 242 255) !important;
}
.bg-indigo-100 {
  background-color: rgb(224 231 255) !important;
}
.bg-indigo-200 {
  background-color: rgb(199 210 254) !important;
}
.bg-indigo-300 {
  background-color: rgb(165 180 252) !important;
}
.bg-indigo-400 {
  background-color: rgb(129 140 248) !important;
}
.bg-indigo-500 {
  background-color: rgb(99 102 241) !important;
}
.bg-indigo-600 {
  background-color: rgb(79 70 229) !important;
}
.bg-indigo-700 {
  background-color: rgb(67 56 202) !important;
}
.bg-indigo-800 {
  background-color: rgb(55 48 163) !important;
}
.bg-indigo-900 {
  background-color: rgb(49 46 129) !important;
}
.bg-violet-50 {
  background-color: rgb(245 243 255) !important;
}
.bg-violet-100 {
  background-color: rgb(237 233 254) !important;
}
.bg-violet-200 {
  background-color: rgb(221 214 254) !important;
}
.bg-violet-300 {
  background-color: rgb(196 181 253) !important;
}
.bg-violet-400 {
  background-color: rgb(167 139 250) !important;
}
.bg-violet-500 {
  background-color: rgb(139 92 246) !important;
}
.bg-violet-600 {
  background-color: rgb(124 58 237) !important;
}
.bg-violet-700 {
  background-color: rgb(109 40 217) !important;
}
.bg-violet-800 {
  background-color: rgb(91 33 182) !important;
}
.bg-violet-900 {
  background-color: rgb(76 29 149) !important;
}
.bg-purple-50 {
  background-color: rgb(250 245 255) !important;
}
.bg-purple-100 {
  background-color: rgb(243 232 255) !important;
}
.bg-purple-200 {
  background-color: rgb(233 213 255) !important;
}
.bg-purple-300 {
  background-color: rgb(216 180 254) !important;
}
.bg-purple-400 {
  background-color: rgb(192 132 252) !important;
}
.bg-purple-500 {
  background-color: rgb(168 85 247) !important;
}
.bg-purple-600 {
  background-color: rgb(147 51 234) !important;
}
.bg-purple-700 {
  background-color: rgb(126 34 206) !important;
}
.bg-purple-800 {
  background-color: rgb(107 33 168) !important;
}
.bg-purple-900 {
  background-color: rgb(88 28 135) !important;
}
.bg-fuchsia-50 {
  background-color: rgb(253 244 255) !important;
}
.bg-fuchsia-100 {
  background-color: rgb(250 232 255) !important;
}
.bg-fuchsia-200 {
  background-color: rgb(245 208 254) !important;
}
.bg-fuchsia-300 {
  background-color: rgb(240 171 252) !important;
}
.bg-fuchsia-400 {
  background-color: rgb(232 121 249) !important;
}
.bg-fuchsia-500 {
  background-color: rgb(217 70 239) !important;
}
.bg-fuchsia-600 {
  background-color: rgb(192 38 211) !important;
}
.bg-fuchsia-700 {
  background-color: rgb(162 28 175) !important;
}
.bg-fuchsia-800 {
  background-color: rgb(134 25 143) !important;
}
.bg-fuchsia-900 {
  background-color: rgb(112 26 117) !important;
}
.bg-pink-50 {
  background-color: rgb(253 242 248) !important;
}
.bg-pink-100 {
  background-color: rgb(252 231 243) !important;
}
.bg-pink-200 {
  background-color: rgb(251 207 232) !important;
}
.bg-pink-300 {
  background-color: rgb(249 168 212) !important;
}
.bg-pink-400 {
  background-color: rgb(244 114 182) !important;
}
.bg-pink-500 {
  background-color: rgb(236 72 153) !important;
}
.bg-pink-600 {
  background-color: rgb(219 39 119) !important;
}
.bg-pink-700 {
  background-color: rgb(190 24 93) !important;
}
.bg-pink-800 {
  background-color: rgb(157 23 77) !important;
}
.bg-pink-900 {
  background-color: rgb(131 24 67) !important;
}
.bg-rose-50 {
  background-color: rgb(255 241 242) !important;
}
.bg-rose-100 {
  background-color: rgb(255 228 230) !important;
}
.bg-rose-200 {
  background-color: rgb(254 205 211) !important;
}
.bg-rose-300 {
  background-color: rgb(253 164 175) !important;
}
.bg-rose-400 {
  background-color: rgb(251 113 133) !important;
}
.bg-rose-500 {
  background-color: rgb(244 63 94) !important;
}
.bg-rose-600 {
  background-color: rgb(225 29 72) !important;
}
.bg-rose-700 {
  background-color: rgb(190 18 60) !important;
}
.bg-rose-800 {
  background-color: rgb(159 18 57) !important;
}
.bg-rose-900 {
  background-color: rgb(136 19 55) !important;
}
.bg-primary-50 {
  background-color: rgb(var(--app-primary-50-rgb)) !important;
}
.bg-primary-100 {
  background-color: rgb(var(--app-primary-100-rgb)) !important;
}
.bg-primary-200 {
  background-color: rgb(var(--app-primary-200-rgb)) !important;
}
.bg-primary-300 {
  background-color: rgb(var(--app-primary-300-rgb)) !important;
}
.bg-primary-400 {
  background-color: rgb(var(--app-primary-400-rgb)) !important;
}
.bg-primary-500 {
  background-color: rgb(var(--app-primary-500-rgb)) !important;
}
.bg-primary-600 {
  background-color: rgb(var(--app-primary-600-rgb)) !important;
}
.bg-primary {
  background-color: rgb(var(--app-primary-rgb)) !important;
}
.bg-default {
  background-color: rgba(var(--app-bg-default-rgb)) !important;
}
.bg-visualizador {
  background-color: var(--app-bg-visualizador) !important;
}
.bg-hover {
  background-color: var(--app-bg-hover) !important;
}
.bg-border-default {
  background-color: var(--app-border) !important;
}
.bg-card {
  --fch-bg-opacity: 1 !important;
  background-color: rgba(
    var(--app-bg-card-rgb),
    var(--fch-bg-opacity)
  ) !important;
}
.bg-dialog {
  --app-bg-opacity: 1 !important;
  background-color: rgba(
    var(--app-bg-dialog-rgb),
    var(--app-bg-opacity)
  ) !important;
}
.hover\:bg-selected:hover:not([disabled]) {
  background: var(--app-bg-itemlist-hover-rgb) !important;
}
.hover\:mate-primary:hover:not([disabled]) {
  background-color: var(--app-primary);
  color: #ffffff;
}
[data-theme="dark"] .dark\:bg-black {
  background-color: rgb(0 0 0) !important;
}
[data-theme="dark"] .dark\:bg-white {
  background-color: rgb(255 255 255) !important;
}
[data-theme="dark"] .dark\:bg-slate-50 {
  background-color: rgb(248 250 252) !important;
}
[data-theme="dark"] .dark\:bg-slate-100 {
  background-color: rgb(241 245 249) !important;
}
[data-theme="dark"] .dark\:bg-slate-200 {
  background-color: rgb(226 232 240) !important;
}
[data-theme="dark"] .dark\:bg-slate-300 {
  background-color: rgb(203 213 225) !important;
}
[data-theme="dark"] .dark\:bg-slate-400 {
  background-color: rgb(148 163 184) !important;
}
[data-theme="dark"] .dark\:bg-slate-500 {
  background-color: rgb(100 116 139) !important;
}
[data-theme="dark"] .dark\:bg-slate-600 {
  background-color: rgb(71 85 105) !important;
}
[data-theme="dark"] .dark\:bg-slate-700 {
  background-color: rgb(51 65 85) !important;
}
[data-theme="dark"] .dark\:bg-slate-800 {
  background-color: rgb(30 41 59) !important;
}
[data-theme="dark"] .dark\:bg-slate-900 {
  background-color: rgb(15 23 42) !important;
}
[data-theme="dark"] .dark\:bg-gray-50 {
  background-color: rgb(249 250 251) !important;
}
[data-theme="dark"] .dark\:bg-gray-100 {
  background-color: rgb(243 244 246) !important;
}
[data-theme="dark"] .dark\:bg-gray-200 {
  background-color: rgb(229 231 235) !important;
}
[data-theme="dark"] .dark\:bg-gray-300 {
  background-color: rgb(209 213 219) !important;
}
[data-theme="dark"] .dark\:bg-gray-400 {
  background-color: rgb(156 163 175) !important;
}
[data-theme="dark"] .dark\:bg-gray-500 {
  background-color: rgb(107 114 128) !important;
}
[data-theme="dark"] .dark\:bg-gray-600 {
  background-color: rgb(75 85 99) !important;
}
[data-theme="dark"] .dark\:bg-gray-700 {
  background-color: rgb(55 65 81) !important;
}
[data-theme="dark"] .dark\:bg-gray-800 {
  background-color: rgb(31 41 55) !important;
}
[data-theme="dark"] .dark\:bg-gray-900 {
  background-color: rgb(17 24 39) !important;
}
[data-theme="dark"] .dark\:bg-zinc-50 {
  background-color: rgb(250 250 250) !important;
}
[data-theme="dark"] .dark\:bg-zinc-100 {
  background-color: rgb(244 244 245) !important;
}
[data-theme="dark"] .dark\:bg-zinc-200 {
  background-color: rgb(228 228 231) !important;
}
[data-theme="dark"] .dark\:bg-zinc-300 {
  background-color: rgb(212 212 216) !important;
}
[data-theme="dark"] .dark\:bg-zinc-400 {
  background-color: rgb(161 161 170) !important;
}
[data-theme="dark"] .dark\:bg-zinc-500 {
  background-color: rgb(113 113 122) !important;
}
[data-theme="dark"] .dark\:bg-zinc-600 {
  background-color: rgb(82 82 91) !important;
}
[data-theme="dark"] .dark\:bg-zinc-700 {
  background-color: rgb(63 63 70) !important;
}
[data-theme="dark"] .dark\:bg-zinc-800 {
  background-color: rgb(39 39 42) !important;
}
[data-theme="dark"] .dark\:bg-zinc-900 {
  background-color: rgb(24 24 27) !important;
}
[data-theme="dark"] .dark\:bg-neutral-50 {
  background-color: rgb(250 250 250) !important;
}
[data-theme="dark"] .dark\:bg-neutral-100 {
  background-color: rgb(245 245 245) !important;
}
[data-theme="dark"] .dark\:bg-neutral-200 {
  background-color: rgb(229 229 229) !important;
}
[data-theme="dark"] .dark\:bg-neutral-300 {
  background-color: rgb(212 212 212) !important;
}
[data-theme="dark"] .dark\:bg-neutral-400 {
  background-color: rgb(163 163 163) !important;
}
[data-theme="dark"] .dark\:bg-neutral-500 {
  background-color: rgb(115 115 115) !important;
}
[data-theme="dark"] .dark\:bg-neutral-600 {
  background-color: rgb(82 82 82) !important;
}
[data-theme="dark"] .dark\:bg-neutral-700 {
  background-color: rgb(64 64 64) !important;
}
[data-theme="dark"] .dark\:bg-neutral-800 {
  background-color: rgb(38 38 38) !important;
}
[data-theme="dark"] .dark\:bg-neutral-900 {
  background-color: rgb(23 23 23) !important;
}
[data-theme="dark"] .dark\:bg-stone-50 {
  background-color: rgb(250 250 249) !important;
}
[data-theme="dark"] .dark\:bg-stone-100 {
  background-color: rgb(245 245 244) !important;
}
[data-theme="dark"] .dark\:bg-stone-200 {
  background-color: rgb(231 229 228) !important;
}
[data-theme="dark"] .dark\:bg-stone-300 {
  background-color: rgb(214 211 209) !important;
}
[data-theme="dark"] .dark\:bg-stone-400 {
  background-color: rgb(168 162 158) !important;
}
[data-theme="dark"] .dark\:bg-stone-500 {
  background-color: rgb(120 113 108) !important;
}
[data-theme="dark"] .dark\:bg-stone-600 {
  background-color: rgb(87 83 78) !important;
}
[data-theme="dark"] .dark\:bg-stone-700 {
  background-color: rgb(68 64 60) !important;
}
[data-theme="dark"] .dark\:bg-stone-800 {
  background-color: rgb(41 37 36) !important;
}
[data-theme="dark"] .dark\:bg-stone-900 {
  background-color: rgb(28 25 23) !important;
}
[data-theme="dark"] .dark\:bg-red-50 {
  background-color: rgb(254 242 242) !important;
}
[data-theme="dark"] .dark\:bg-red-100 {
  background-color: rgb(254 226 226) !important;
}
[data-theme="dark"] .dark\:bg-red-200 {
  background-color: rgb(254 202 202) !important;
}
[data-theme="dark"] .dark\:bg-red-300 {
  background-color: rgb(252 165 165) !important;
}
[data-theme="dark"] .dark\:bg-red-400 {
  background-color: rgb(248 113 113) !important;
}
[data-theme="dark"] .dark\:bg-red-500 {
  background-color: rgb(239 68 68) !important;
}
[data-theme="dark"] .dark\:bg-red-600 {
  background-color: rgb(220 38 38) !important;
}
[data-theme="dark"] .dark\:bg-red-700 {
  background-color: rgb(185 28 28) !important;
}
[data-theme="dark"] .dark\:bg-red-800 {
  background-color: rgb(153 27 27) !important;
}
[data-theme="dark"] .dark\:bg-red-900 {
  background-color: rgb(127 29 29) !important;
}
[data-theme="dark"] .dark\:bg-orange-50 {
  background-color: rgb(255 247 237) !important;
}
[data-theme="dark"] .dark\:bg-orange-100 {
  background-color: rgb(255 237 213) !important;
}
[data-theme="dark"] .dark\:bg-orange-200 {
  background-color: rgb(254 215 170) !important;
}
[data-theme="dark"] .dark\:bg-orange-300 {
  background-color: rgb(253 186 116) !important;
}
[data-theme="dark"] .dark\:bg-orange-400 {
  background-color: rgb(251 146 60) !important;
}
[data-theme="dark"] .dark\:bg-orange-500 {
  background-color: rgb(249 115 22) !important;
}
[data-theme="dark"] .dark\:bg-orange-600 {
  background-color: rgb(234 88 12) !important;
}
[data-theme="dark"] .dark\:bg-orange-700 {
  background-color: rgb(194 65 12) !important;
}
[data-theme="dark"] .dark\:bg-orange-800 {
  background-color: rgb(154 52 18) !important;
}
[data-theme="dark"] .dark\:bg-orange-900 {
  background-color: rgb(124 45 18) !important;
}
[data-theme="dark"] .dark\:bg-amber-50 {
  background-color: rgb(255 251 235) !important;
}
[data-theme="dark"] .dark\:bg-amber-100 {
  background-color: rgb(254 243 199) !important;
}
[data-theme="dark"] .dark\:bg-amber-200 {
  background-color: rgb(253 230 138) !important;
}
[data-theme="dark"] .dark\:bg-amber-300 {
  background-color: rgb(252 211 77) !important;
}
[data-theme="dark"] .dark\:bg-amber-400 {
  background-color: rgb(251 191 36) !important;
}
[data-theme="dark"] .dark\:bg-amber-500 {
  background-color: rgb(245 158 11) !important;
}
[data-theme="dark"] .dark\:bg-amber-600 {
  background-color: rgb(217 119 6) !important;
}
[data-theme="dark"] .dark\:bg-amber-700 {
  background-color: rgb(180 83 9) !important;
}
[data-theme="dark"] .dark\:bg-amber-800 {
  background-color: rgb(146 64 14) !important;
}
[data-theme="dark"] .dark\:bg-amber-900 {
  background-color: rgb(120 53 15) !important;
}
[data-theme="dark"] .dark\:bg-yellow-50 {
  background-color: rgb(254 252 232) !important;
}
[data-theme="dark"] .dark\:bg-yellow-100 {
  background-color: rgb(254 249 195) !important;
}
[data-theme="dark"] .dark\:bg-yellow-200 {
  background-color: rgb(254 240 138) !important;
}
[data-theme="dark"] .dark\:bg-yellow-300 {
  background-color: rgb(253 224 71) !important;
}
[data-theme="dark"] .dark\:bg-yellow-400 {
  background-color: rgb(250 204 21) !important;
}
[data-theme="dark"] .dark\:bg-yellow-500 {
  background-color: rgb(234 179 8) !important;
}
[data-theme="dark"] .dark\:bg-yellow-600 {
  background-color: rgb(202 138 4) !important;
}
[data-theme="dark"] .dark\:bg-yellow-700 {
  background-color: rgb(161 98 7) !important;
}
[data-theme="dark"] .dark\:bg-yellow-800 {
  background-color: rgb(133 77 14) !important;
}
[data-theme="dark"] .dark\:bg-yellow-900 {
  background-color: rgb(113 63 18) !important;
}
[data-theme="dark"] .dark\:bg-lime-50 {
  background-color: rgb(247 254 231) !important;
}
[data-theme="dark"] .dark\:bg-lime-100 {
  background-color: rgb(236 252 203) !important;
}
[data-theme="dark"] .dark\:bg-lime-200 {
  background-color: rgb(217 249 157) !important;
}
[data-theme="dark"] .dark\:bg-lime-300 {
  background-color: rgb(190 242 100) !important;
}
[data-theme="dark"] .dark\:bg-lime-400 {
  background-color: rgb(163 230 53) !important;
}
[data-theme="dark"] .dark\:bg-lime-500 {
  background-color: rgb(132 204 22) !important;
}
[data-theme="dark"] .dark\:bg-lime-600 {
  background-color: rgb(101 163 13) !important;
}
[data-theme="dark"] .dark\:bg-lime-700 {
  background-color: rgb(77 124 15) !important;
}
[data-theme="dark"] .dark\:bg-lime-800 {
  background-color: rgb(63 98 18) !important;
}
[data-theme="dark"] .dark\:bg-lime-900 {
  background-color: rgb(54 83 20) !important;
}
[data-theme="dark"] .dark\:bg-green-50 {
  background-color: rgb(240 253 244) !important;
}
[data-theme="dark"] .dark\:bg-green-100 {
  background-color: rgb(220 252 231) !important;
}
[data-theme="dark"] .dark\:bg-green-200 {
  background-color: rgb(187 247 208) !important;
}
[data-theme="dark"] .dark\:bg-green-300 {
  background-color: rgb(134 239 172) !important;
}
[data-theme="dark"] .dark\:bg-green-400 {
  background-color: rgb(74 222 128) !important;
}
[data-theme="dark"] .dark\:bg-green-500 {
  background-color: rgb(34 197 94) !important;
}
[data-theme="dark"] .dark\:bg-green-600 {
  background-color: rgb(22 163 74) !important;
}
[data-theme="dark"] .dark\:bg-green-700 {
  background-color: rgb(21 128 61) !important;
}
[data-theme="dark"] .dark\:bg-green-800 {
  background-color: rgb(22 101 52) !important;
}
[data-theme="dark"] .dark\:bg-green-900 {
  background-color: rgb(20 83 45) !important;
}
[data-theme="dark"] .dark\:bg-emerald-50 {
  background-color: rgb(236 253 245) !important;
}
[data-theme="dark"] .dark\:bg-emerald-100 {
  background-color: rgb(209 250 229) !important;
}
[data-theme="dark"] .dark\:bg-emerald-200 {
  background-color: rgb(167 243 208) !important;
}
[data-theme="dark"] .dark\:bg-emerald-300 {
  background-color: rgb(110 231 183) !important;
}
[data-theme="dark"] .dark\:bg-emerald-400 {
  background-color: rgb(52 211 153) !important;
}
[data-theme="dark"] .dark\:bg-emerald-500 {
  background-color: rgb(16 185 129) !important;
}
[data-theme="dark"] .dark\:bg-emerald-600 {
  background-color: rgb(5 150 105) !important;
}
[data-theme="dark"] .dark\:bg-emerald-700 {
  background-color: rgb(4 120 87) !important;
}
[data-theme="dark"] .dark\:bg-emerald-800 {
  background-color: rgb(6 95 70) !important;
}
[data-theme="dark"] .dark\:bg-emerald-900 {
  background-color: rgb(6 78 59) !important;
}
[data-theme="dark"] .dark\:bg-teal-50 {
  background-color: rgb(240 253 250) !important;
}
[data-theme="dark"] .dark\:bg-teal-100 {
  background-color: rgb(204 251 241) !important;
}
[data-theme="dark"] .dark\:bg-teal-200 {
  background-color: rgb(153 246 228) !important;
}
[data-theme="dark"] .dark\:bg-teal-300 {
  background-color: rgb(94 234 212) !important;
}
[data-theme="dark"] .dark\:bg-teal-400 {
  background-color: rgb(45 212 191) !important;
}
[data-theme="dark"] .dark\:bg-teal-500 {
  background-color: rgb(20 184 166) !important;
}
[data-theme="dark"] .dark\:bg-teal-600 {
  background-color: rgb(13 148 136) !important;
}
[data-theme="dark"] .dark\:bg-teal-700 {
  background-color: rgb(15 118 110) !important;
}
[data-theme="dark"] .dark\:bg-teal-800 {
  background-color: rgb(17 94 89) !important;
}
[data-theme="dark"] .dark\:bg-teal-900 {
  background-color: rgb(19 78 74) !important;
}
[data-theme="dark"] .dark\:bg-cyan-50 {
  background-color: rgb(236 254 255) !important;
}
[data-theme="dark"] .dark\:bg-cyan-100 {
  background-color: rgb(207 250 254) !important;
}
[data-theme="dark"] .dark\:bg-cyan-200 {
  background-color: rgb(165 243 252) !important;
}
[data-theme="dark"] .dark\:bg-cyan-300 {
  background-color: rgb(103 232 249) !important;
}
[data-theme="dark"] .dark\:bg-cyan-400 {
  background-color: rgb(34 211 238) !important;
}
[data-theme="dark"] .dark\:bg-cyan-500 {
  background-color: rgb(6 182 212) !important;
}
[data-theme="dark"] .dark\:bg-cyan-600 {
  background-color: rgb(8 145 178) !important;
}
[data-theme="dark"] .dark\:bg-cyan-700 {
  background-color: rgb(14 116 144) !important;
}
[data-theme="dark"] .dark\:bg-cyan-800 {
  background-color: rgb(21 94 117) !important;
}
[data-theme="dark"] .dark\:bg-cyan-900 {
  background-color: rgb(22 78 99) !important;
}
[data-theme="dark"] .dark\:bg-sky-50 {
  background-color: rgb(240 249 255) !important;
}
[data-theme="dark"] .dark\:bg-sky-100 {
  background-color: rgb(224 242 254) !important;
}
[data-theme="dark"] .dark\:bg-sky-200 {
  background-color: rgb(186 230 253) !important;
}
[data-theme="dark"] .dark\:bg-sky-300 {
  background-color: rgb(125 211 252) !important;
}
[data-theme="dark"] .dark\:bg-sky-400 {
  background-color: rgb(56 189 248) !important;
}
[data-theme="dark"] .dark\:bg-sky-500 {
  background-color: rgb(14 165 233) !important;
}
[data-theme="dark"] .dark\:bg-sky-600 {
  background-color: rgb(2 132 199) !important;
}
[data-theme="dark"] .dark\:bg-sky-700 {
  background-color: rgb(3 105 161) !important;
}
[data-theme="dark"] .dark\:bg-sky-800 {
  background-color: rgb(7 89 133) !important;
}
[data-theme="dark"] .dark\:bg-sky-900 {
  background-color: rgb(12 74 110) !important;
}
[data-theme="dark"] .dark\:bg-blue-50 {
  background-color: rgb(239 246 255) !important;
}
[data-theme="dark"] .dark\:bg-blue-100 {
  background-color: rgb(219 234 254) !important;
}
[data-theme="dark"] .dark\:bg-blue-200 {
  background-color: rgb(191 219 254) !important;
}
[data-theme="dark"] .dark\:bg-blue-300 {
  background-color: rgb(147 197 253) !important;
}
[data-theme="dark"] .dark\:bg-blue-400 {
  background-color: rgb(96 165 250) !important;
}
[data-theme="dark"] .dark\:bg-blue-500 {
  background-color: rgb(59 130 246) !important;
}
[data-theme="dark"] .dark\:bg-blue-600 {
  background-color: rgb(37 99 235) !important;
}
[data-theme="dark"] .dark\:bg-blue-700 {
  background-color: rgb(29 78 216) !important;
}
[data-theme="dark"] .dark\:bg-blue-800 {
  background-color: rgb(30 64 175) !important;
}
[data-theme="dark"] .dark\:bg-blue-900 {
  background-color: rgb(30 58 138) !important;
}
[data-theme="dark"] .dark\:bg-indigo-50 {
  background-color: rgb(238 242 255) !important;
}
[data-theme="dark"] .dark\:bg-indigo-100 {
  background-color: rgb(224 231 255) !important;
}
[data-theme="dark"] .dark\:bg-indigo-200 {
  background-color: rgb(199 210 254) !important;
}
[data-theme="dark"] .dark\:bg-indigo-300 {
  background-color: rgb(165 180 252) !important;
}
[data-theme="dark"] .dark\:bg-indigo-400 {
  background-color: rgb(129 140 248) !important;
}
[data-theme="dark"] .dark\:bg-indigo-500 {
  background-color: rgb(99 102 241) !important;
}
[data-theme="dark"] .dark\:bg-indigo-600 {
  background-color: rgb(79 70 229) !important;
}
[data-theme="dark"] .dark\:bg-indigo-700 {
  background-color: rgb(67 56 202) !important;
}
[data-theme="dark"] .dark\:bg-indigo-800 {
  background-color: rgb(55 48 163) !important;
}
[data-theme="dark"] .dark\:bg-indigo-900 {
  background-color: rgb(49 46 129) !important;
}
[data-theme="dark"] .dark\:bg-violet-50 {
  background-color: rgb(245 243 255) !important;
}
[data-theme="dark"] .dark\:bg-violet-100 {
  background-color: rgb(237 233 254) !important;
}
[data-theme="dark"] .dark\:bg-violet-200 {
  background-color: rgb(221 214 254) !important;
}
[data-theme="dark"] .dark\:bg-violet-300 {
  background-color: rgb(196 181 253) !important;
}
[data-theme="dark"] .dark\:bg-violet-400 {
  background-color: rgb(167 139 250) !important;
}
[data-theme="dark"] .dark\:bg-violet-500 {
  background-color: rgb(139 92 246) !important;
}
[data-theme="dark"] .dark\:bg-violet-600 {
  background-color: rgb(124 58 237) !important;
}
[data-theme="dark"] .dark\:bg-violet-700 {
  background-color: rgb(109 40 217) !important;
}
[data-theme="dark"] .dark\:bg-violet-800 {
  background-color: rgb(91 33 182) !important;
}
[data-theme="dark"] .dark\:bg-violet-900 {
  background-color: rgb(76 29 149) !important;
}
[data-theme="dark"] .dark\:bg-purple-50 {
  background-color: rgb(250 245 255) !important;
}
[data-theme="dark"] .dark\:bg-purple-100 {
  background-color: rgb(243 232 255) !important;
}
[data-theme="dark"] .dark\:bg-purple-200 {
  background-color: rgb(233 213 255) !important;
}
[data-theme="dark"] .dark\:bg-purple-300 {
  background-color: rgb(216 180 254) !important;
}
[data-theme="dark"] .dark\:bg-purple-400 {
  background-color: rgb(192 132 252) !important;
}
[data-theme="dark"] .dark\:bg-purple-500 {
  background-color: rgb(168 85 247) !important;
}
[data-theme="dark"] .dark\:bg-purple-600 {
  background-color: rgb(147 51 234) !important;
}
[data-theme="dark"] .dark\:bg-purple-700 {
  background-color: rgb(126 34 206) !important;
}
[data-theme="dark"] .dark\:bg-purple-800 {
  background-color: rgb(107 33 168) !important;
}
[data-theme="dark"] .dark\:bg-purple-900 {
  background-color: rgb(88 28 135) !important;
}
[data-theme="dark"] .dark\:bg-fuchsia-50 {
  background-color: rgb(253 244 255) !important;
}
[data-theme="dark"] .dark\:bg-fuchsia-100 {
  background-color: rgb(250 232 255) !important;
}
[data-theme="dark"] .dark\:bg-fuchsia-200 {
  background-color: rgb(245 208 254) !important;
}
[data-theme="dark"] .dark\:bg-fuchsia-300 {
  background-color: rgb(240 171 252) !important;
}
[data-theme="dark"] .dark\:bg-fuchsia-400 {
  background-color: rgb(232 121 249) !important;
}
[data-theme="dark"] .dark\:bg-fuchsia-500 {
  background-color: rgb(217 70 239) !important;
}
[data-theme="dark"] .dark\:bg-fuchsia-600 {
  background-color: rgb(192 38 211) !important;
}
[data-theme="dark"] .dark\:bg-fuchsia-700 {
  background-color: rgb(162 28 175) !important;
}
[data-theme="dark"] .dark\:bg-fuchsia-800 {
  background-color: rgb(134 25 143) !important;
}
[data-theme="dark"] .dark\:bg-fuchsia-900 {
  background-color: rgb(112 26 117) !important;
}
[data-theme="dark"] .dark\:bg-pink-50 {
  background-color: rgb(253 242 248) !important;
}
[data-theme="dark"] .dark\:bg-pink-100 {
  background-color: rgb(252 231 243) !important;
}
[data-theme="dark"] .dark\:bg-pink-200 {
  background-color: rgb(251 207 232) !important;
}
[data-theme="dark"] .dark\:bg-pink-300 {
  background-color: rgb(249 168 212) !important;
}
[data-theme="dark"] .dark\:bg-pink-400 {
  background-color: rgb(244 114 182) !important;
}
[data-theme="dark"] .dark\:bg-pink-500 {
  background-color: rgb(236 72 153) !important;
}
[data-theme="dark"] .dark\:bg-pink-600 {
  background-color: rgb(219 39 119) !important;
}
[data-theme="dark"] .dark\:bg-pink-700 {
  background-color: rgb(190 24 93) !important;
}
[data-theme="dark"] .dark\:bg-pink-800 {
  background-color: rgb(157 23 77) !important;
}
[data-theme="dark"] .dark\:bg-pink-900 {
  background-color: rgb(131 24 67) !important;
}
[data-theme="dark"] .dark\:bg-rose-50 {
  background-color: rgb(255 241 242) !important;
}
[data-theme="dark"] .dark\:bg-rose-100 {
  background-color: rgb(255 228 230) !important;
}
[data-theme="dark"] .dark\:bg-rose-200 {
  background-color: rgb(254 205 211) !important;
}
[data-theme="dark"] .dark\:bg-rose-300 {
  background-color: rgb(253 164 175) !important;
}
[data-theme="dark"] .dark\:bg-rose-400 {
  background-color: rgb(251 113 133) !important;
}
[data-theme="dark"] .dark\:bg-rose-500 {
  background-color: rgb(244 63 94) !important;
}
[data-theme="dark"] .dark\:bg-rose-600 {
  background-color: rgb(225 29 72) !important;
}
[data-theme="dark"] .dark\:bg-rose-700 {
  background-color: rgb(190 18 60) !important;
}
[data-theme="dark"] .dark\:bg-rose-800 {
  background-color: rgb(159 18 57) !important;
}
[data-theme="dark"] .dark\:bg-rose-900 {
  background-color: rgb(136 19 55) !important;
}
[data-theme="dark"] .dark\:bg-primary-50 {
  background-color: rgb(var(--app-primary-50-rgb)) !important;
}
[data-theme="dark"] .dark\:bg-primary-100 {
  background-color: rgb(var(--app-primary-100-rgb)) !important;
}
[data-theme="dark"] .dark\:bg-primary-200 {
  background-color: rgb(var(--app-primary-200-rgb)) !important;
}
[data-theme="dark"] .dark\:bg-primary-300 {
  background-color: rgb(var(--app-primary-300-rgb)) !important;
}
[data-theme="dark"] .dark\:bg-primary-400 {
  background-color: rgb(var(--app-primary-400-rgb)) !important;
}
[data-theme="dark"] .dark\:bg-primary-500 {
  background-color: rgb(var(--app-primary-500-rgb)) !important;
}
[data-theme="dark"] .dark\:bg-primary-600 {
  background-color: rgb(var(--app-primary-600-rgb)) !important;
}
[data-theme="dark"] .dark\:bg-border-default {
  background-color: var(--app-border) !important;
}

/********** BORDERS **********/

/*** Border Radius ***/
.rounded-none {
  border-radius: 0px !important;
}
.rounded-sm {
  border-radius: 0.125rem !important; /* 2px */
}
.rounded {
  border-radius: 0.25rem !important; /* 4px */
}
.rounded-md {
  border-radius: 0.375rem !important; /* 6px */
}
.rounded-lg {
  border-radius: 0.5rem !important; /* 8px */
}
.rounded-xl {
  border-radius: 0.75rem !important; /* 12px */
}
.rounded-2xl {
  border-radius: 1rem !important; /* 16px */
}
.rounded-3xl {
  border-radius: 1.5rem !important; /* 24px */
}
.rounded-full {
  border-radius: 9999px !important;
}
.rounded-t-none {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.rounded-t-sm {
  border-top-left-radius: 0.125rem !important; /* 2px */
  border-top-right-radius: 0.125rem !important; /* 2px */
}
.rounded-t {
  border-top-left-radius: 0.25rem !important; /* 4px */
  border-top-right-radius: 0.25rem !important; /* 4px */
}
.rounded-t-md {
  border-top-left-radius: 0.375rem !important; /* 6px */
  border-top-right-radius: 0.375rem !important; /* 6px */
}
.rounded-t-lg {
  border-top-left-radius: 0.5rem !important; /* 8px */
  border-top-right-radius: 0.5rem !important; /* 8px */
}
.rounded-t-xl {
  border-top-left-radius: 0.75rem !important; /* 12px */
  border-top-right-radius: 0.75rem !important; /* 12px */
}
.rounded-t-2xl {
  border-top-left-radius: 1rem !important; /* 16px */
  border-top-right-radius: 1rem !important; /* 16px */
}
.rounded-t-3xl {
  border-top-left-radius: 1.5rem !important; /* 24px */
  border-top-right-radius: 1.5rem !important; /* 24px */
}
.rounded-t-full {
  border-top-left-radius: 9999px !important;
  border-top-right-radius: 9999px !important;
}
.rounded-l-none {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.rounded-l {
  border-top-left-radius: 0.25rem !important; /* 4px */
  border-bottom-left-radius: 0.25rem !important; /* 4px */
}
.rounded-l-md {
  border-top-left-radius: 0.375rem; /* 6px */
  border-bottom-left-radius: 0.375rem; /* 6px */
}
.rounded-l-lg {
  border-top-left-radius: 0.5rem !important; /* 8px */
  border-bottom-left-radius: 0.5rem !important; /* 8px */
}
.rounded-l-xl {
  border-top-left-radius: 0.75rem !important; /* 12px */
  border-bottom-left-radius: 0.75rem !important; /* 12px */
}
.rounded-r-none {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.rounded-r {
  border-top-right-radius: 0.25rem !important; /* 4px */
  border-bottom-right-radius: 0.25rem !important; /* 4px */
}
.rounded-r-md {
  border-top-right-radius: 0.375rem; /* 6px */
  border-bottom-right-radius: 0.375rem; /* 6px */
}
.rounded-r-xl {
  border-top-right-radius: 0.75rem !important; /* 12px */
  border-bottom-right-radius: 0.75rem !important; /* 12px */
}
.rounded-b-none {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.rounded-b-lg {
  border-bottom-left-radius: 0.5rem !important; /* 8px */
  border-bottom-right-radius: 0.5rem !important; /* 8px */
}
.rounded-br-2xl {
  border-bottom-right-radius: 1rem !important; /* 16px */
}
/*** Border Width ***/
.border-0 {
  border-width: 0px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-8 {
  border-width: 8px !important;
}
.border {
  border-width: 1px !important;
}
.border-x-0 {
  border-left-width: 0px !important;
  border-right-width: 0px !important;
}
.border-x-2 {
  border-left-width: 2px !important;
  border-right-width: 2px !important;
}
.border-x-4 {
  border-left-width: 4px !important;
  border-right-width: 4px !important;
}
.border-x-8 {
  border-left-width: 8px !important;
  border-right-width: 8px !important;
}
.border-x {
  border-left-width: 1px !important;
  border-right-width: 1px !important;
}
.border-y-0 {
  border-top-width: 0px !important;
  border-bottom-width: 0px !important;
}
.border-y-2 {
  border-top-width: 2px !important;
  border-bottom-width: 2px !important;
}
.border-y-4 {
  border-top-width: 4px !important;
  border-bottom-width: 4px !important;
}
.border-y-8 {
  border-top-width: 8px !important;
  border-bottom-width: 8px !important;
}
.border-y {
  border-top-width: 1px !important;
  border-bottom-width: 1px !important;
}
.border-t-0 {
  border-top-width: 0px !important;
}
.border-t-2 {
  border-top-width: 2px !important;
}
.border-t-4 {
  border-top-width: 4px !important;
}
.border-t-8 {
  border-top-width: 8px !important;
}
.border-t {
  border-top-width: 1px !important;
}
.border-r-0 {
  border-right-width: 0px !important;
}
.border-r-2 {
  border-right-width: 2px !important;
}
.border-r-4 {
  border-right-width: 4px !important;
}
.border-r-8 {
  border-right-width: 8px !important;
}
.border-r {
  border-right-width: 1px !important;
}
.border-b-0 {
  border-bottom-width: 0px !important;
}
.border-b-2 {
  border-bottom-width: 2px !important;
}
.border-b-4 {
  border-bottom-width: 4px !important;
}
.border-b-8 {
  border-bottom-width: 8px !important;
}
.border-b {
  border-bottom-width: 1px !important;
}
.border-l-0 {
  border-left-width: 0px !important;
}
.border-l-2 {
  border-left-width: 2px !important;
}
.border-l-4 {
  border-left-width: 4px !important;
}
.border-l-8 {
  border-left-width: 8px !important;
}
.border-l {
  border-left-width: 1px !important;
}
.border-shadow-b {
  box-shadow: inset 0 -1px 0 var(--app-border);
}
/*** Border Style ***/
.border-solid {
  border-style: solid !important;
}
.border-dashed {
  border-style: dashed !important;
}
.border-dotted {
  border-style: dotted !important;
}
.border-double {
  border-style: double !important;
}
.border-hidden {
  border-style: hidden !important;
}
.border-none {
  border-style: none !important;
}
/*** Border Color ***/
.border-transparent {
  border-color: transparent !important;
}
.border-default {
  border-color: var(--app-border) !important;
}
.border-current {
  border-color: currentColor !important;
}
.border-focus {
  border-color: #0093f9 !important;
}
.border-invalid {
  border-color: #ff4051 !important;
}
/*** Divide ***/
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --fch-divide-y-reverse: 0 !important;
  border-top-width: calc(
    1px * calc(1 - var(--fch-divide-y-reverse))
  ) !important;
  border-bottom-width: calc(1px * var(--fch-divide-y-reverse)) !important;
}
/*** Ring Width ***/
.ring-1 {
  --fch-ring-offset-shadow: var(--fch-ring-inset) 0 0 0
    var(--fch-ring-offset-width) var(--fch-ring-offset-color) !important;
  --fch-ring-shadow: var(--fch-ring-inset) 0 0 0
    calc(1px + var(--fch-ring-offset-width)) var(--fch-ring-color) !important;
  box-shadow: var(--fch-ring-offset-shadow), var(--fch-ring-shadow),
    var(--fch-shadow, 0 0 #0000) !important;
}
.ring-2 {
  --fch-ring-offset-shadow: var(--fch-ring-inset) 0 0 0
    var(--fch-ring-offset-width) var(--fch-ring-offset-color) !important;
  --fch-ring-shadow: var(--fch-ring-inset) 0 0 0
    calc(2px + var(--fch-ring-offset-width)) var(--fch-ring-color) !important;
  box-shadow: var(--fch-ring-offset-shadow), var(--fch-ring-shadow),
    var(--fch-shadow, 0 0 #0000) !important;
}
.ring-3 {
  --fch-ring-offset-shadow: var(--fch-ring-inset) 0 0 0
    var(--fch-ring-offset-width) var(--fch-ring-offset-color) !important;
  --fch-ring-shadow: var(--fch-ring-inset) 0 0 0
    calc(3px + var(--fch-ring-offset-width)) var(--fch-ring-color) !important;
  box-shadow: var(--fch-ring-offset-shadow), var(--fch-ring-shadow),
    var(--fch-shadow, 0 0 #0000) !important;
}
.ring-4 {
  --fch-ring-offset-shadow: var(--fch-ring-inset) 0 0 0
    var(--fch-ring-offset-width) var(--fch-ring-offset-color) !important;
  --fch-ring-shadow: var(--fch-ring-inset) 0 0 0
    calc(4px + var(--fch-ring-offset-width)) var(--fch-ring-color) !important;
  box-shadow: var(--fch-ring-offset-shadow), var(--fch-ring-shadow),
    var(--fch-shadow, 0 0 #0000) !important;
}
.ring-inset {
  --fch-ring-inset: inset !important;
}
/*** Ring Color ***/
.ring-primary {
  --fch-ring-opacity: 1 !important;
  --fch-ring-color: rgba(
    var(--app-primary-rgb),
    var(--fch-ring-opacity)
  ) !important;
}
.ring-white {
  --fch-ring-color: rgb(255, 255, 255) !important;
}
.ring-bg-card {
  --fch-ring-opacity: 1 !important;
  --fch-ring-color: rgba(
    var(--app-bg-card-rgb),
    var(--fch-ring-opacity)
  ) !important;
}
.ring-bg-default {
  --app-ring-opacity: 1 !important;
  --app-ring-color: rgba(
    var(--app-bg-default-rgb),
    var(--app-ring-opacity)
  ) !important;
}
.ring-current {
  --fch-ring-color: currentColor !important;
}
/** SHADOWS **/
.shadow-none {
  box-shadow: none !important;
}
.shadow {
  --fch-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
  --fch-shadow-colored: 0 1px 3px 0 var(--fch-shadow-color),
    0 1px 2px -1px var(--fch-shadow-color) !important;
  box-shadow: var(--fch-ring-offset-shadow, 0 0 #0000),
    var(--fch-ring-shadow, 0 0 #0000), var(--fch-shadow) !important;
}
.shadow-lg {
  --app-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),
    0 4px 6px -4px rgb(0 0 0 / 0.1);
  box-shadow: var(--app-shadow);
}
.shadow-xl {
  --app-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1),
    0 8px 10px -6px rgb(0 0 0 / 0.1);
  box-shadow: var(--app-shadow);
}
/********** TRANSFORMS **********/

/** Rotate **/
.rotate-0 {
  transform: rotate(0deg) !important;
}
.rotate-1 {
  transform: rotate(1deg) !important;
}
.rotate-2 {
  transform: rotate(2deg) !important;
}
.rotate-3 {
  transform: rotate(3deg) !important;
}
.rotate-6 {
  transform: rotate(6deg) !important;
}
.rotate-12 {
  transform: rotate(12deg) !important;
}
.rotate-45 {
  transform: rotate(45deg) !important;
}
.rotate-90 {
  transform: rotate(90deg) !important;
}
.rotate-180 {
  transform: rotate(180deg) !important;
}
.n-rotate-180 {
  transform: rotate(-180deg) !important;
}
/** Traslate  **/
.-translate-y-50per {
  transform: translateY(-50%) !important;
}

/** OPACITY **/
.opacity-10 {
  opacity: 0.1;
}
.opacity-20 {
  opacity: 0.2;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-85 {
  opacity: 0.85;
}
.opacity-90 {
  opacity: 0.9;
}
/** INVERT **/
.invert-0 {
  filter: invert(0) !important;
}
.invert {
  filter: invert(100%) !important;
}

/********** INTERACTIVITY **********/

/*** Cursor ***/
.cursor-auto {
  cursor: auto !important;
}
.cursor-default {
  cursor: default !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.cursor-grab {
  cursor: grab !important;
}
.cursor-grabbing {
  cursor: grabbing !important;
}
.active\:cursor-grabbing:active {
  cursor: grabbing !important;
}
/*** Pointer Events ***/
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
/** Resize **/
.resize-none {
  resize: none !important;
}
.resize-y {
  resize: vertical !important;
}
.resize-x {
  resize: horizontal !important;
}
.resize {
  resize: both !important;
}

/** BUTTON SIZE **/
.mate-button-size-1 {
  width: 1.25rem !important; /* 20px */
  height: 1.25rem !important; /* 20px */
  max-height: 1.25rem !important; /* 20px */
}
.mate-button-size-1\.5 {
  width: 1.375rem !important; /* 22px */
  height: 1.375rem !important; /* 22px */
  max-height: 1.375rem !important; /* 22px */
}
.mate-button-size-2 {
  width: 1.5rem !important; /* 24px */
  height: 1.5rem !important; /* 24px */
  max-height: 1.5rem !important; /* 24px */
}
.mate-button-size-2\.5 {
  width: 1.625rem !important; /* 26px */
  height: 1.625rem !important; /* 26px */
  max-height: 1.625rem !important; /* 26px */
}
.mate-button-size-3 {
  width: 1.75rem !important; /* 28px */
  height: 1.75rem !important; /* 28px */
  max-height: 1.75rem !important; /* 28px */
}
.mate-button-size-3\.5 {
  width: 1.875rem !important; /* 30px */
  height: 1.875rem !important; /* 30px */
  max-height: 1.875rem !important; /* 30px */
}
.mate-button-size-4 {
  width: 2rem !important; /* 32px */
  height: 2rem !important; /* 32px */
  max-height: 2rem !important; /* 32px */
}
/** STROKED WIDTH **/
.b-w-2 {
  border-width: 2px !important;
}
.b-w-3 {
  border-width: 3px !important;
}
.b-w-4 {
  border-width: 4px !important;
}
/** ICON SIZE **/
.icon-size-2 {
  width: 0.5rem !important;
  height: 0.5rem !important;
  min-width: 0.5rem !important;
  min-height: 0.5rem !important;
  font-size: 0.5rem !important;
  line-height: 0.5rem !important;
}
.icon-size-2 svg {
  width: 0.5rem !important;
  height: 0.5rem !important;
}
.icon-size-2\.5 {
  width: 0.625rem !important;
  height: 0.625rem !important;
  min-width: 0.625rem !important;
  min-height: 0.625rem !important;
  font-size: 0.625rem !important;
  line-height: 0.625rem !important;
}
.icon-size-2\.5 svg {
  width: 0.625rem !important;
  height: 0.625rem !important;
}
.icon-size-3 {
  width: 0.75rem !important;
  height: 0.75rem !important;
  min-width: 0.75rem !important;
  min-height: 0.75rem !important;
  font-size: 0.75rem !important;
  line-height: 0.75rem !important;
}
.icon-size-3 svg {
  width: 0.75rem !important;
  height: 0.75rem !important;
}
.icon-size-3\.5 {
  width: 0.875rem !important;
  height: 0.875rem !important;
  min-width: 0.875rem !important;
  min-height: 0.875rem !important;
  font-size: 0.875rem !important;
  line-height: 0.875rem !important;
}
.icon-size-3\.5 svg {
  width: 0.875rem !important;
  height: 0.875rem !important;
}
.icon-size-4 {
  width: 1rem !important;
  height: 1rem !important;
  min-width: 1rem !important;
  min-height: 1rem !important;
  font-size: 1rem !important;
  line-height: 1rem !important;
}
.icon-size-4 svg {
  width: 1rem !important;
  height: 1rem !important;
}
.icon-size-4\.5 {
  width: 1.125rem !important;
  height: 1.125rem !important;
  min-width: 1.125rem !important;
  min-height: 1.125rem !important;
  font-size: 1.125rem !important;
  line-height: 1.125rem !important;
}
.icon-size-4\.5 svg {
  width: 1.125rem !important;
  height: 1.125rem !important;
}
.icon-size-5 {
  width: 1.25rem !important;
  height: 1.25rem !important;
  min-width: 1.25rem !important;
  min-height: 1.25rem !important;
  font-size: 1.25rem !important;
  line-height: 1.25rem !important;
}
.icon-size-5 svg {
  width: 1.25rem !important;
  height: 1.25rem !important;
}
.icon-size-5\.5 {
  width: 1.375rem !important;
  height: 1.375rem !important;
  min-width: 1.375rem !important;
  min-height: 1.375rem !important;
  font-size: 1.375rem !important;
  line-height: 1.375rem !important;
}
.icon-size-5\.5 svg {
  width: 1.375rem !important;
  height: 1.375rem !important;
}
.icon-size-6 {
  width: 1.5rem !important;
  height: 1.5rem !important;
  min-width: 1.5rem !important;
  min-height: 1.5rem !important;
  font-size: 1.5rem !important;
  line-height: 1.5rem !important;
}
.icon-size-6 svg {
  width: 1.5rem !important;
  height: 1.5rem !important;
}
.icon-size-7 {
  width: 1.75rem !important;
  height: 1.75rem !important;
  min-width: 1.75rem !important;
  min-height: 1.75rem !important;
  font-size: 1.75rem !important;
  line-height: 1.75rem !important;
}
.icon-size-7 svg {
  width: 1.75rem !important;
  height: 1.75rem !important;
}
.icon-size-12 {
  width: 3rem !important;
  height: 3rem !important;
  min-width: 3rem !important;
  min-height: 3rem !important;
  font-size: 3rem !important;
  line-height: 3rem !important;
}
.icon-size-12 svg {
  width: 3rem !important;
  height: 3rem !important;
}
.icon-size-16 {
  width: 4rem !important;
  height: 4rem !important;
  min-width: 4rem !important;
  min-height: 4rem !important;
  font-size: 4rem !important;
  line-height: 4rem !important;
}
.icon-size-16 svg {
  width: 4rem !important;
  height: 4rem !important;
}
.icon-size-24 {
  width: 6rem !important;
  height: 6rem !important;
  min-width: 6rem !important;
  min-height: 6rem !important;
  font-size: 6rem !important;
  line-height: 6rem !important;
}
.icon-size-24 svg {
  width: 6rem !important;
  height: 6rem !important;
}
@media (min-width: 576px) {
  .sm\:text-sm {
    font-size: 0.875rem !important; /* 14px */
  }
  .sm\:bg-card {
    --fch-bg-opacity: 1 !important;
    background-color: rgba(
      var(--app-bg-card-rgb),
      var(--fch-bg-opacity)
    ) !important;
  }
  .sm\:w-17 {
    width: 4.5rem !important;
  }
  .sm\:w-20 {
    width: 5rem !important; /* 80px */
  }
  .sm\:w-32 {
    width: 8rem !important; /* 128px */
  }
  .sm\:w-40 {
    width: 10rem !important; /* 160px */
  }
  .sm\:w-45 {
    width: 11.25rem !important;
  }
  .sm\:w-50 {
    width: 50rem !important; /*800px*/
  }
  .sm\:min-w-90 {
    min-width: 22.5rem !important;
  }
  .sm\:w-64 {
    width: 16rem !important; /* 256px */
  }
  .sm\:w-72 {
    width: 18rem !important; /* 288px */
  }
  .sm\:w-80 {
    width: 20rem !important;
  }
  .sm\:w-90 {
    width: 22.5rem !important;
  }
  .sm\:w-auto {
    width: auto !important;
  }
  .sm\:h-6 {
    height: 1.5rem !important; /* 24px */
  }
  .sm\:h-6\.5 {
    height: 1.625rem !important; /* 26px */
  }
  .sm\:h-7 {
    height: 1.75rem !important;
  }
  .sm\:h-7\.5 {
    height: 1.875rem !important;
  }
  .sm\:h-8 {
    height: 2rem !important;
  }
  .sm\:h-9 {
    height: 2.25rem !important; /* 36px */
  }
  .sm\:h-9\.5 {
    height: 2.375rem !important; /* 38px */
  }
  .sm\:h-10 {
    height: 2.5rem !important; /* 40px */
  }
  .sm\:h-11 {
    height: 2.75rem !important; /* 44px */
  }
  .sm\:h-11\.5 {
    height: 2.875rem !important; /* 46px */
  }
  .sm\:h-12 {
    height: 3rem !important; /* 48px */
  }
  .sm\:h-14 {
    height: 4rem !important;
  }
  .sm\:h-16 {
    height: 3.5rem !important;
  }
  .sm\:h-17 {
    height: 4.5rem !important;
  }
  .sm\:h-20 {
    height: 5rem !important; /* 80px */
  }
  .sm\:h-32 {
    height: 8rem !important; /* 128px */
  }
  .sm\:min-w-90 {
    min-width: 22.5rem !important;
  }
  .sm\:w-28 {
    width: 7rem !important; /* 112px */
  }
  .sm\:w-72 {
    width: 18rem !important; /* 288px */
  }
  .sm\:w-80 {
    width: 20rem !important;
  }
  .sm\:w-90 {
    width: 22.5rem !important;
  }
  .sm\:w-96 {
    width: 24rem !important;
  }
  .sm\:max-w-3xl {
    max-width: 48rem !important;
  } /* 768px */
  .sm\:max-w-4xl {
    max-width: 56rem !important;
  } /* 896px */
  .sm\:max-w-5xl {
    max-width: 64rem !important;
  } /* 1024px */
  .sm\:rounded-2xl {
    border-radius: 1rem !important;
  }
  .sm\:leading-6\.5 {
    line-height: 1.625rem !important;
  }
  .sm\:leading-7 {
    line-height: 1.75rem !important;
  }
  .sm\:leading-7\.5 {
    line-height: 1.875rem !important;
  }
  .sm\:leading-8 {
    line-height: 2rem !important;
  }
  .sm\:leading-8\.5 {
    line-height: 2.125rem !important; /* 34px */
  }
  .sm\:p-0 {
    padding: 0px !important;
  }
  .sm\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .sm\:py-3\.5 {
    padding-top: 0.875rem !important; /* 14px */
    padding-bottom: 0.875rem !important; /* 14px */
  }
  .sm\:py-4 {
    padding-top: 1rem !important; /* 16px */
    padding-bottom: 1rem !important; /* 16px */
  }
  .sm\:py-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .sm\:px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .sm\:p-8 {
    padding: 2rem !important;
  }
  .sm\:px-10 {
    padding-left: 2.5rem !important; /* 40px */
    padding-right: 2.5rem !important; /* 40px */
  }
  .sm\:pt-11 {
    padding-top: 2.75rem !important; /* 44px */
  }
  .sm\:pt-11\.5 {
    padding-top: 2.875rem !important; /* 46px */
  }
  .sm\:p-12 {
    padding: 3rem !important;
  }
  .sm\:pb-12 {
    padding-bottom: 3rem !important;
  }
  .sm\:pt-12 {
    padding-top: 3rem !important;
  }
  .sm\:px-12 {
    padding-left: 3rem !important; /* 48px */
    padding-right: 3rem !important; /* 48px */
  }
  .sm\:pt-13 {
    padding-top: 3.25rem !important;
  }
  .sm\:pt-14 {
    padding-top: 3.5rem !important;
  }
  .sm\:p-16 {
    padding: 4rem !important; /* 64px */
  }
  .sm\:pt-16 {
    padding-top: 4rem !important; /* 64px */
  }
  .sm\:py-20\.5 {
    padding-top: 5.125rem !important; /* 84px */
    padding-bottom: 5.125rem !important; /* 84px */
  }
  .sm\:m-0 {
    margin: 0px !important;
  }
  .sm\:mt-0 {
    margin-top: 0 !important;
  }
  .sm\:mb-0 {
    margin-bottom: 0 !important;
  }
  .sm\:mt-2 {
    margin-top: 0.5rem !important; /* 8px */
  }
  .sm\:mt-3 {
    margin-top: 0.75rem !important; /* 12px */
  }
  .sm\:mr-3 {
    margin-right: 0.75rem !important; /* 12px */
  }
  .sm\:mt-4 {
    margin-top: 1rem !important; /* 16px */
  }
  .sm\:mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .sm\:my-10 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .sm\:border-0 {
    border-width: 0px !important;
  }
  .sm\:top-11 {
    top: 2.75rem !important;
  }
  .sm\:top-12 {
    top: 3rem !important;
  }
  .sm\:top-13 {
    top: 3.25rem !important;
  }
  .sm\:top-14 {
    top: 3.5rem !important;
  }
  .sm\:top-16 {
    top: 4rem !important; /* 64px */
  }
  .sm\:bg-transparent {
    background: transparent !important;
  }
  .sm\:bg-white {
    --fch-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--fch-bg-opacity)) !important;
  }
  .sm\:shadow-none {
    box-shadow: 0 0 #0000 !important;
  }
  .sm\:shadow {
    --fch-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
    --fch-shadow-colored: 0 1px 3px 0 var(--fch-shadow-color),
      0 1px 2px -1px var(--fch-shadow-color) !important;
    box-shadow: var(--fch-ring-offset-shadow, 0 0 #0000),
      var(--fch-ring-shadow, 0 0 #0000), var(--fch-shadow) !important;
  }
  .sm\:gap-4 {
    gap: 1rem !important; /* 16px */
  }
  .sm\:gap-6 {
    gap: 1.5rem !important; /* 24px */
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:inline-flex {
    display: inline-flex;
  }
  .sm\:flex-row {
    flex-direction: row !important;
  }
  .sm\:flex-wrap {
    flex-wrap: wrap;
  }
  .sm\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .sm\:items-center {
    align-items: center;
  }
  .sm\:block {
    display: block;
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:position-relative {
    position: relative !important;
  }
  .sm\:position-fixed {
    position: fixed !important;
  }
  .sm\:position-sticky {
    position: sticky !important;
  }
  .sm\:justify-start {
    justify-content: flex-start !important;
  }
  .sm\:justify-center {
    justify-content: center !important;
  }
  .sm\:justify-end {
    justify-content: end !important;
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .sm\:col-span-4 {
    grid-column: span 4 / span 4 !important;
  }
  .sm\:mate-button-size-2\.5 {
    width: 1.625rem !important; /* 26px */
    height: 1.625rem !important; /* 26px */
    max-height: 1.625rem !important; /* 26px */
  }
  .sm\:mate-button-size-3 {
    width: 1.75rem !important;
    height: 1.75rem !important;
    max-height: 1.75rem !important;
  }
  .sm\:mate-button-size-3\.5 {
    width: 1.875rem !important;
    height: 1.875rem !important;
    max-height: 1.875rem !important;
  }
  .sm\:icon-size-4 {
    width: 1rem !important;
    height: 1rem !important;
    min-width: 1rem !important;
    min-height: 1rem !important;
    font-size: 1rem !important;
    line-height: 1rem !important;
  }
  .sm\:icon-size-4\.5 {
    width: 1.125rem !important;
    height: 1.125rem !important;
    min-width: 1.125rem !important;
    min-height: 1.125rem !important;
    font-size: 1.125rem !important;
    line-height: 1.125rem !important;
  }
  .sm\:icon-size-12 {
    width: 3rem !important;
    height: 3rem !important;
    min-width: 3rem !important;
    min-height: 3rem !important;
    font-size: 3rem !important;
    line-height: 3rem !important;
  }
  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --fch-space-x-reverse: 0 !important;
    margin-right: calc(0.5rem * var(--fch-space-x-reverse)) !important;
    margin-left: calc(0.5rem * calc(1 - var(--fch-space-x-reverse))) !important;
  }
  .sm\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
    --fch-space-x-reverse: 0 !important;
    margin-right: calc(0.75rem * var(--fch-space-x-reverse)) !important;
    margin-left: calc(
      0.75rem * calc(1 - var(--fch-space-x-reverse))
    ) !important;
  }
  .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --fch-space-x-reverse: 0 !important;
    margin-right: calc(1rem * var(--fch-space-x-reverse)) !important;
    margin-left: calc(1rem * calc(1 - var(--fch-space-x-reverse))) !important;
  }
}
/** md: medium devices **/
@media (min-width: 768px) {
  .md\:w-17 {
    width: 4.5rem !important;
  }
  .md\:w-45 {
    width: 11.25rem !important;
  }
  .md\:w-80 {
    width: 20rem !important; /* 320px */
  }
  .md\:w-96 {
    width: 24rem !important;
  }
  .md\:h-9\.5 {
    height: 2.375rem !important; /* 38px */
  }
  .md\:h-10 {
    height: 2.5rem !important; /* 40px */
  }
  .md\:h-17 {
    height: 4.5rem !important;
  }
  .md\:py-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .md\:px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .md\:px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .md\:p-8 {
    padding: 2rem !important;
  }
  .md\:px-2\.5 {
    padding-left: 0.625rem !important; /* 10px */
    padding-right: 0.625rem !important; /* 10px */
  }
  .md\:pb-12 {
    padding-bottom: 3rem !important;
  }
  .md\:rounded-xl {
    border-radius: 0.75rem !important;
  }
  .md\:rounded-2xl {
    border-radius: 1rem !important;
  }
  .md\:hidden {
    display: none;
  }
  .md\:block {
    display: block;
  }
  .md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .md\:flex-auto {
    flex: 1 1 auto !important;
  }
  .md\:flex-row {
    flex-direction: row !important;
  }
  .md\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
  .md\:grid-card-size-2 {
    max-width: 472px !important;
  }
}
/** lg: large devices **/
@media (min-width: 992px) {
  .lg\:position-absolute {
    position: absolute !important;
  }
  .lg\:w-17 {
    width: 4.5rem !important;
  }
  .lg\:w-45 {
    width: 11.25rem !important;
  }
  .lg\:w-96 {
    width: 24rem !important; /* 384px */
  }
  .lg\:w-auto {
    width: auto !important;
  }
  .lg\:h-17 {
    height: 4.5rem !important;
  }
  .lg\:h-18 {
    height: 4.5rem !important;
  }
  .lg\:h-38 {
    height: 9.5rem !important; /* 152px */
  }
  .lg\:h-60 {
    height: 15rem !important;
  }
  .lg\:h-80 {
    height: 20rem !important;
  }
  .lg\:py-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .lg\:px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .lg\:p-12 {
    padding: 3rem !important;
  }
  .lg\:p-20 {
    padding: 5rem !important;
  }
  .lg\:m-0 {
    margin: 0 !important;
  }
  .lg\:mt-0 {
    margin-top: 0 !important;
  }
  .lg\:ml-auto {
    margin-left: auto !important;
  }
  .lg\:ml-4 {
    margin-left: 1rem !important; /* 16px */
  }
  .lg\:mt-4 {
    margin-top: 1rem !important; /* 16px */
  }
  .lg\:mr-5 {
    margin-right: 1.25rem !important; /* 20px */
  }
  .lg\:ml-7 {
    margin-left: 1.75rem !important; /* 28px */
  }
  .lg\:mr-7 {
    margin-right: 1.75rem !important; /* 28px */
  }
  .lg\:ml-8 {
    margin-left: 2rem !important;
  }
  .lg\:mb-20 {
    margin-bottom: 5rem;
  }
  .lg\:-mt-22 {
    margin-top: -5.5rem !important;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:block {
    display: block;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:flex-row {
    flex-direction: row !important;
  }
  .lg\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
  .lg\:items-start {
    align-items: flex-start !important;
  }
  .lg\:max-w-80 {
    max-width: 20rem !important;
  }
  .lg\:max-w-86 {
    max-width: 23rem !important;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .lg\:grid-card-size-2 {
    max-width: 472px !important;
  }
  .lg\:grid-card-size-3 {
    max-width: 696px !important;
  }
  .lg\:text-5xl {
    font-size: 3rem !important;
  }
  .lg\:text-4xl {
    font-size: 2.25rem !important;
  }
}
/** xl: extra large devices **/
@media (min-width: 1200px) {
  .xl\:w-5 {
    width: 1.25rem !important;
  }
  .xl\:w-17 {
    width: 4.5rem !important;
  }
  .xl\:w-44 {
    width: 11rem !important; /* 176px */
  }
  .xl\:w-45 {
    width: 11.25rem !important;
  }
  .xl\:h-17 {
    height: 4.5rem !important;
  }
  .xl\:h-18 {
    height: 4.5rem !important;
  }
  .xl\:h-80 {
    height: 20rem !important;
  }
  .xl\:p-6 {
    padding: 1.5rem !important;
  }
  .xl\:py-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .xl\:px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .xl\:px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .xl\:m-0 {
    margin: 0 !important;
  }
  .xl\:mt-0 {
    margin-top: 0 !important;
  }
  .xl\:ml-auto {
    margin-left: auto !important;
  }
  .xl\:ml-7 {
    margin-left: 1.75rem !important; /* 28px */
  }
  .xl\:ml-8 {
    margin-left: 2rem !important;
  }
  .xl\:-mt-22 {
    margin-top: -5.5rem !important;
  }
  .xl\:block {
    display: block;
  }
  .xl\:inline-flex {
    display: inline-flex;
  }
  .xl\:flex {
    display: flex;
  }
  .xl\:flex-row {
    flex-direction: row !important;
  }
  .xl\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
  .xl\:items-start {
    align-items: flex-start !important;
  }
  .xl\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
  .xl\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }
  .xl\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }
  .xl\:grid-card-size-2 {
    max-width: 472px !important;
  }
  .xl\:grid-card-size-3 {
    max-width: 696px !important;
  }
  .xl\:grid-card-size-5 {
    max-width: 1144px !important;
  }
  .xl\:grid-card-size-6 {
    max-width: 1368px !important;
  }
}
/** 2xl: extra extra large devices **/
@media (min-width: 1400px) {
}
@media (max-width: 575px) {
  #navbar-menu {
    border-radius: 0;
  }
  .sm\:inset-auto {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    position: fixed !important;
    margin: 0 !important;
  }
}