.block {
  display: block;
}

.flex {
  display: flex;
  flex-direction: row;
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.flex-row-reverse {
  display: flex;
  flex-direction: row-reverse;
}

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

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

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

.gap-1 {
  gap: 1rem;
}

.gap-2 {
  gap: 2rem;
}

.gap-3 {
  gap: 3rem;
}

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

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

.mt-3 {
  margin-top: 3rem;
}

.space-x-2 > :not(:last-child) {
  margin-right: 0.5rem;
}

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

.hidden {
  display: none;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

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

  .md\:hidden {
    display: none;
  }

  .md\:flex {
    display: flex;
    flex-direction: row;
  }

  .md\:flex-col {
    display: flex;
    flex-direction: column;
  }

  .md\:space-between {
    justify-content: space-between;
  }

  .md\:gap-1 {
    gap: 1rem;
  }

  .md\:gap-2 {
    gap: 2rem;
  }

  .md\:gap-3 {
    gap: 3rem;
  }

  .md\:mt-2 {
    margin-top: 2rem;
  }

  .md\:hidden {
    display: none;
  }

  .md\:space-between {
    justify-content: space-between;
  }
}

@media (min-width: 1280px) {
  .xl\:hidden {
    display: none;
  }

  .xl\:block {
    display: block;
  }
}