.t-m-0 {
  margin: 0px
}

.t-m-auto {
  margin: auto
}

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

.t-mb-4 {
  margin-bottom: 1rem
}

.t-mr-4 {
  margin-right: 1rem
}

.t-mr-auto {
  margin-right: auto
}

.t-mt-16 {
  margin-top: 4rem
}

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

.t-mt-6 {
  margin-top: 1.5rem
}

.t-mt-8 {
  margin-top: 2rem
}

.t-mt-auto {
  margin-top: auto
}

.t-block {
  display: block
}

.t-flex {
  display: flex
}

.t-grid {
  display: grid
}

.t-h-24 {
  height: 6rem
}

.t-h-64 {
  height: 16rem
}

.t-h-full {
  height: 100%
}

.t-h-screen {
  height: 100vh
}

.t-max-h-32 {
  max-height: 8rem
}

.t-min-h-screen {
  min-height: 100vh
}

.t-w-16 {
  width: 4rem
}

.t-w-24 {
  width: 6rem
}

.t-w-full {
  width: 100%
}

.t-max-w-3xl {
  max-width: 48rem
}

.t-max-w-64 {
  max-width: 16rem
}

.t-cursor-pointer {
  cursor: pointer
}

.t-grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr))
}

.t-grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr))
}

.t-flex-col {
  flex-direction: column
}

.t-items-center {
  align-items: center
}

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

.t-justify-center {
  justify-content: center
}

.t-gap-2 {
  gap: 0.5rem
}

.t-gap-8 {
  gap: 2rem
}

.t-rounded {
  border-radius: 0.25rem
}

.t-rounded-2xl {
  border-radius: 1rem
}

.t-rounded-xl {
  border-radius: 0.75rem
}

.t-rounded-b-none {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px
}

.t-rounded-b-xl {
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem
}

.t-rounded-t-none {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px
}

.t-rounded-tl-lg {
  border-top-left-radius: 0.5rem
}

.t-rounded-tr-xl {
  border-top-right-radius: 0.75rem
}

.t-border-2 {
  border-width: 2px
}

.t-border-solid {
  border-style: solid
}

.t-border-primary {
  --tw-border-opacity: 1;
  border-color: rgb(1 173 238 / var(--tw-border-opacity, 1))
}

.t-bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(1 173 238 / var(--tw-bg-opacity, 1))
}

.t-bg-primary\/50 {
  background-color: rgb(1 173 238 / 0.5)
}

.t-bg-slate-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1))
}

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

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

.t-bg-white\/25 {
  background-color: rgb(255 255 255 / 0.25)
}

.t-bg-white\/50 {
  background-color: rgb(255 255 255 / 0.5)
}

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

.t-p-2 {
  padding: 0.5rem
}

.t-p-4 {
  padding: 1rem
}

.t-p-8 {
  padding: 2rem
}

.t-p-16 {
  padding: 4rem
}

.\!t-px-12 {
  padding-left: 3rem !important;
  padding-right: 3rem !important
}

.\!t-py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important
}

.t-px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem
}

.t-px-4 {
  padding-left: 1rem;
  padding-right: 1rem
}

.t-px-8 {
  padding-left: 2rem;
  padding-right: 2rem
}

.t-py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem
}

.t-py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem
}

.t-pb-32 {
  padding-bottom: 8rem
}

.t-text-center {
  text-align: center
}

.t-text-right {
  text-align: right
}

.t-text-justify {
  text-align: justify
}

.t-align-middle {
  vertical-align: middle
}

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

.t-text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem
}

.t-text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem
}

.t-text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem
}

.t-text-xs {
  font-size: 0.75rem;
  line-height: 1rem
}

.t-font-bold {
  font-weight: 700
}

.t-leading-none {
  line-height: 1
}

.t-leading-tight {
  line-height: 1.25
}

.t-tracking-wider {
  letter-spacing: 0.05em
}

.\!t-text-primary {
  --tw-text-opacity: 1 !important;
  color: rgb(1 173 238 / var(--tw-text-opacity, 1)) !important
}

.t-text-primary {
  --tw-text-opacity: 1;
  color: rgb(1 173 238 / var(--tw-text-opacity, 1))
}

.t-text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1))
}

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

.t-no-underline {
  text-decoration-line: none
}

.t-shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.t-transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms
}

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

.hover\:t-text-primary:hover {
  --tw-text-opacity: 1;
  color: rgb(1 173 238 / var(--tw-text-opacity, 1))
}

@media (min-width: 640px) {
  .sm\:t-table {
    display: table
  }

  .sm\:t-table-row-group {
    display: table-row-group
  }

  .sm\:t-table-row {
    display: table-row
  }

  .sm\:t-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .sm\:t-text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
  }
}