/* @tailwind base; */

.tw-fixed {
  position: fixed !important
}

.tw-left-\[-5px\] {
  left: -5px !important
}

.tw-left-\[-10px\] {
  left: -10px !important
}

.tw-left-\[-8px\] {
  left: -8px !important
}

.tw-z-10 {
  z-index: 10 !important
}

.tw-z-\[10\] {
  z-index: 10 !important
}

.tw-mx-\[20vh\] {
  margin-left: 20vh !important;
  margin-right: 20vh !important
}

.tw-mx-\[60vh\] {
  margin-left: 60vh !important;
  margin-right: 60vh !important
}

.tw-my-\[25vh\] {
  margin-top: 25vh !important;
  margin-bottom: 25vh !important
}

.tw-mx-\[10\%\] {
  margin-left: 10% !important;
  margin-right: 10% !important
}

.tw-mx-\[5\%\] {
  margin-left: 5% !important;
  margin-right: 5% !important
}

.tw-ms-\[-10px\] {
  margin-inline-start: -10px !important
}

.tw-ms-\[10vw\] {
  margin-inline-start: 10vw !important
}

.tw-mt-\[-12px\] {
  margin-top: -12px !important
}

.tw-mt-\[20vh\] {
  margin-top: 20vh !important
}

.tw-mt-\[25vh\] {
  margin-top: 25vh !important
}

.tw-mt-\[-5px\] {
  margin-top: -5px !important
}

.tw-mb-\[-5px\] {
  margin-bottom: -5px !important
}

.tw-mb-\[-10px\] {
  margin-bottom: -10px !important
}

.tw-mb-\[-15px\] {
  margin-bottom: -15px !important
}

.tw-me-\[-5px\] {
  margin-inline-end: -5px !important
}

.tw-me-\[-10px\] {
  margin-inline-end: -10px !important
}

.tw-me-\[-12px\] {
  margin-inline-end: -12px !important
}

.tw-mt-\[10\%\] {
  margin-top: 10% !important
}

.tw-block {
  display: block !important
}

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

.tw-flex {
  display: flex !important
}

.tw-hidden {
  display: none !important
}

.tw-h-\[100\%\] {
  height: 100% !important
}

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

.tw-h-\[50px\] {
  height: 50px !important
}

.tw-h-\[40px\] {
  height: 40px !important
}

.tw-h-\[20px\] {
  height: 20px !important
}

.tw-h-\[30px\] {
  height: 30px !important
}

.tw-h-\[70vh\] {
  height: 70vh !important
}

.tw-h-\[60vh\] {
  height: 60vh !important
}

.tw-h-\[55vh\] {
  height: 55vh !important
}

.tw-h-\[10px\] {
  height: 10px !important
}

.tw-h-\[15px\] {
  height: 15px !important
}

.tw-h-\[19px\] {
  height: 19px !important
}

.tw-max-h-\[30vh\] {
  max-height: 30vh !important
}

.tw-w-\[100\%\] {
  width: 100% !important
}

.tw-w-\[200px\] {
  width: 200px !important
}

.tw-w-\[25px\] {
  width: 25px !important
}

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

.tw-w-\[400px\] {
  width: 400px !important
}

.tw-w-\[50\%\] {
  width: 50% !important
}

.tw-w-\[20\%\] {
  width: 20% !important
}

.tw-w-\[80\%\] {
  width: 80% !important
}

.tw-w-\[70\%\] {
  width: 70% !important
}

.tw-w-\[100px\] {
  width: 100px !important
}

.tw-w-\[50px\] {
  width: 50px !important
}

.\!tw-w-\[50px\] {
  width: 50px !important
}

.tw-w-\[80px\] {
  width: 80px !important
}

.tw-w-\[150px\] {
  width: 150px !important
}

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

.tw-w-\[10px\] {
  width: 10px !important
}

.tw-w-\[20px\] {
  width: 20px !important
}

.tw-w-\[15px\] {
  width: 15px !important
}

.tw-w-\[19px\] {
  width: 19px !important
}

.tw-min-w-\[6ch\] {
  min-width: 6ch !important
}

.tw-cursor-pointer {
  cursor: pointer !important
}

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

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

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

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

.tw-overflow-auto {
  overflow: auto !important
}

.tw-overflow-y-auto {
  overflow-y: auto !important
}

.tw-text-wrap {
  text-wrap: wrap !important
}

.tw-text-nowrap {
  text-wrap: nowrap !important
}

.tw-rounded-full {
  border-radius: 9999px !important
}

.tw-rounded-ss-3xl {
  border-start-start-radius: 1.5rem !important
}

.tw-border-4 {
  border-width: 4px !important
}

.tw-border-b {
  border-bottom-width: 1px !important
}

.\!tw-border-\[\#8a0303\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(138 3 3 / var(--tw-border-opacity, 1)) !important
}

.tw-border-slate-50\/10 {
  border-color: rgb(248 250 252 / 0.1) !important
}

.tw-bg-\[\#8a0303\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(138 3 3 / var(--tw-bg-opacity, 1)) !important
}

.tw-bg-emerald-200\/30 {
  background-color: rgb(167 243 208 / 0.3) !important
}

.tw-bg-sky-200\/20 {
  background-color: rgb(186 230 253 / 0.2) !important
}

.tw-bg-slate-50\/10 {
  background-color: rgb(248 250 252 / 0.1) !important
}

.tw-bg-slate-900 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1)) !important
}

.tw-bg-slate-900\/60 {
  background-color: rgb(15 23 42 / 0.6) !important
}

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

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

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

.tw-bg-black {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important
}

.\!tw-bg-black {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important
}

.tw-object-cover {
  -o-object-fit: cover !important;
     object-fit: cover !important
}

.tw-text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important
}

.tw-text-xs {
  font-size: 0.75rem !important;
  line-height: 1rem !important
}

.tw-text-base {
  font-size: 1rem !important;
  line-height: 1.5rem !important
}

.tw-text-\[5px\] {
  font-size: 5px !important
}

.tw-text-\[2px\] {
  font-size: 2px !important
}

.tw-text-\[10px\] {
  font-size: 10px !important
}

.tw-font-light {
  font-weight: 300 !important
}

.tw-font-semibold {
  font-weight: 600 !important
}

.tw-italic {
  font-style: italic !important
}

.tw-text-\[salmon\] {
  --tw-text-opacity: 1 !important;
  color: rgb(250 128 114 / var(--tw-text-opacity, 1)) !important
}

.tw-text-black {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important
}

.tw-text-cyan-200 {
  --tw-text-opacity: 1 !important;
  color: rgb(165 243 252 / var(--tw-text-opacity, 1)) !important
}

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

.\!tw-underline {
  text-decoration-line: underline !important
}

.tw-underline {
  text-decoration-line: underline !important
}

.tw-ring-slate-900 {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity, 1)) !important
}

.hover\:tw-cursor-pointer:hover {
  cursor: pointer !important
}

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

.dark\:tw-bg-gray-900:is(.tw-dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)) !important
}

.dark\:\!tw-text-white:is(.tw-dark *) {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important
}

.dark\:tw-text-white:is(.tw-dark *) {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important
}

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

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

  .md\:tw-min-w-\[6ch\] {
    min-width: 6ch !important
  }

  .md\:tw-text-lg {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important
  }
}