.tw-absolute {
  position: absolute !important
}

.tw-relative {
  position: relative !important
}

.tw-top-0 {
  top: 0px !important
}

.tw-left-0 {
  left: 0px !important
}

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

.tw-mb-0 {
  margin-bottom: 0px !important
}

.tw-mr-2 {
  margin-right: 0.5rem !important
}

.tw-inline-block {
  display: inline-block !important
}

.tw-flex {
  display: flex !important
}

.tw-hidden {
  display: none !important
}

.tw-h-24 {
  height: 6rem !important
}

.tw-h-full {
  height: 100% !important
}

.tw-h-8 {
  height: 2rem !important
}

.tw-h-10 {
  height: 2.5rem !important
}

.tw-h-6 {
  height: 1.5rem !important
}

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

.tw-w-12 {
  width: 3rem !important
}

.tw-w-8 {
  width: 2rem !important
}

.tw-w-10 {
  width: 2.5rem !important
}

.tw-w-6 {
  width: 1.5rem !important
}

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

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

.tw-space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0 !important;
  margin-right: calc(1rem * var(--tw-space-x-reverse)) !important;
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) !important
}

.tw-border-none {
  border-style: none !important
}

.tw-bg-gray-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity)) !important
}

.tw-bg-green-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(118, 169, 48, var(--tw-bg-opacity)) !important
}

.tw-bg-yellow-800 {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(83, 72, 68, var(--tw-bg-opacity)) !important
}

.tw-bg-transparent {
  background-color: transparent !important
}

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

.tw-text-white {
  --tw-text-opacity: 1 !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important
}

@media (min-width: 760px) {
  .md\:tw-block {
    display: block !important
  }

  .md\:tw-hidden {
    display: none !important
  }
}