.tw-float-left {
  float: left
}

.tw-m-1 {
  margin: 0.25rem
}

.tw-m-12 {
  margin: 3rem
}

.tw-flex {
  display: flex
}

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

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

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

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

.tw-w-40 {
  width: 10rem
}

.tw-w-screen {
  width: 100vw
}

.tw-flex-row {
  flex-direction: row
}

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

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

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

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

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

.tw-p-0 {
  padding: 0px
}

.tw-p-1 {
  padding: 0.25rem
}

.tw-px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem
}

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

.tw-pl-1 {
  padding-left: 0.25rem
}

.tw-text-left {
  text-align: left
}

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

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