*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  
}

.static {
  position: static
}

.absolute {
  position: absolute
}

.relative {
  position: relative
}

.inset-x-0 {
  left: 0px;
  right: 0px
}

.left-0 {
  left: 0px
}

.top-0 {
  top: 0px
}

.top-full {
  top: 100%
}

.col-span-2 {
  grid-column: span 2 / span 2
}

.float-end {
  float: inline-end
}

.mx-auto {
  margin-left: auto;
  margin-right: auto
}

.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem
}

.mb-0 {
  margin-bottom: 0px
}

.mb-1 {
  margin-bottom: 0.25rem
}

.mb-2 {
  margin-bottom: 0.5rem
}

.mb-3 {
  margin-bottom: 0.75rem
}

.mb-5 {
  margin-bottom: 1.25rem
}

.mb-\[10\%\] {
  margin-bottom: 10%
}

.me-1 {
  margin-inline-end: 0.25rem
}

.me-2 {
  margin-inline-end: 0.5rem
}

.ms-1 {
  margin-inline-start: 0.25rem
}

.ms-2 {
  margin-inline-start: 0.5rem
}

.ms-auto {
  margin-inline-start: auto
}

.mt-2 {
  margin-top: 0.5rem
}

.mt-4 {
  margin-top: 1rem
}

.mt-7 {
  margin-top: 1.75rem
}

.mt-\[16px\] {
  margin-top: 16px
}

.mt-auto {
  margin-top: auto
}

.block {
  display: block
}

.flex {
  display: flex
}

.inline-flex {
  display: inline-flex
}

.table {
  display: table
}

.hidden {
  display: none
}

.h-\[120px\] {
  height: 120px
}

.h-\[220px\] {
  height: 220px
}

.h-\[42px\] {
  height: 42px
}

.h-\[80vh\] {
  height: 80vh
}

.h-full {
  height: 100%
}

.max-h-\[260px\] {
  max-height: 260px
}

.max-h-\[300px\] {
  max-height: 300px
}

.\!w-fit {
  width: -moz-fit-content !important;
  width: fit-content !important
}

.w-\[120px\] {
  width: 120px
}

.w-\[220px\] {
  width: 220px
}

.w-\[260px\] {
  width: 260px
}

.w-\[300px\] {
  width: 300px
}

.w-\[48px\] {
  width: 48px
}

.w-full {
  width: 100%
}

.max-w-\[1180px\] {
  max-width: 1180px
}

.max-w-lg {
  max-width: 32rem
}

.flex-grow-0 {
  flex-grow: 0
}

.table-fixed {
  table-layout: fixed
}

@keyframes spin {
  to {
    transform: rotate(360deg)
  }
}

.animate-spin {
  animation: spin 1s linear infinite
}

.cursor-pointer {
  cursor: pointer
}

.flex-wrap {
  flex-wrap: wrap
}

.items-center {
  align-items: center
}

.justify-end {
  justify-content: flex-end
}

.justify-between {
  justify-content: space-between
}

.gap-1 {
  gap: 0.25rem
}

.gap-2 {
  gap: 0.5rem
}

.gap-4 {
  gap: 1rem
}

.gap-5 {
  gap: 1.25rem
}

.gap-7 {
  gap: 1.75rem
}

.gap-\[16px\] {
  gap: 16px
}

.gap-y-2 {
  row-gap: 0.5rem
}

.overflow-auto {
  overflow: auto
}

.overflow-hidden {
  overflow: hidden
}

.overflow-y-scroll {
  overflow-y: scroll
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.whitespace-pre-line {
  white-space: pre-line
}

.rounded {
  border-radius: 0.25rem
}

.border {
  border-width: 1px
}

.border-0 {
  border-width: 0px
}

.bg-slate-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity))
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.object-contain {
  -o-object-fit: contain;
     object-fit: contain
}

.object-left {
  -o-object-position: left;
     object-position: left
}

.p-2 {
  padding: 0.5rem
}

.p-3 {
  padding: 0.75rem
}

.p-5 {
  padding: 1.25rem
}

.text-start {
  text-align: start
}

.text-end {
  text-align: end
}

.opacity-40 {
  opacity: 0.4
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

@media not all and (min-width: 1024px) {
  .max-lg\:hidden {
    display: none
  }
}

@media (min-width: 1024px) {
  .lg\:hidden {
    display: none
  }

  .lg\:grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr
  }
}

.\[\&_table\]\:table-auto table {
  table-layout: auto
}

.\[\&_tbody_td\:first-child\]\:w-full tbody td:first-child {
  width: 100%
}

.\[\&_tbody_td\:first-child\]\:whitespace-normal tbody td:first-child {
  white-space: normal
}

.\[\&_tbody_td\:nth-child\(2\)\]\:w-full tbody td:nth-child(2) {
  width: 100%
}

.\[\&_tbody_td\:nth-child\(2\)\]\:whitespace-normal tbody td:nth-child(2) {
  white-space: normal
}

.\[\&_td\:first-child\]\:w-full td:first-child {
  width: 100%
}

.\[\&_td\]\:min-w-\[220px\] td {
  min-width: 220px
}

.\[\&_td\]\:max-w-\[220px\] td {
  max-width: 220px
}

.\[\&_td\]\:whitespace-normal td {
  white-space: normal
}

.\[\&_td\]\:whitespace-nowrap td {
  white-space: nowrap
}

.\[\&_th\]\:whitespace-nowrap th {
  white-space: nowrap
}

.\[\&_thead_th\:not\(\:first-child\)\]\:whitespace-nowrap thead th:not(:first-child) {
  white-space: nowrap
}

.\[\&_thead_th\:not\(\:nth-child\(2\)\)\]\:whitespace-nowrap thead th:not(:nth-child(2)) {
  white-space: nowrap
}

.\[\&_tr\:last-child_\*\]\:border-b-0 tr:last-child * {
  border-bottom-width: 0px
}

.\[\&_tr\:last-child_td\]\:border-b-0 tr:last-child td {
  border-bottom-width: 0px
}

.loading .\[\.loading_\&\]\:inline {
  display: inline
}

.loading .\[\.loading_\&\]\:\!opacity-100 {
  opacity: 1 !important
}