nexora-css/dist/nexora.css

A modern, lightweight utility-first CSS framework

/* reset.scss - modern CSS reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  user-select: none;
}

a {
  text-decoration: none;
}

.text-xs {
  font-size: 0.75rem;
}

.text-sm {
  font-size: 0.875rem;
}

.text-base {
  font-size: 1rem;
}

.text-lg {
  font-size: 1.125rem;
}

.text-xl {
  font-size: 1.25rem;
}

.text-2xl {
  font-size: 1.5rem;
}

.text-3xl {
  font-size: 1.875rem;
}

.text-4xl {
  font-size: 2.25rem;
}

.text-5xl {
  font-size: 3rem;
}

.text-6xl {
  font-size: 3.75rem;
}

.text-7xl {
  font-size: 4.5rem;
}

.text-8xl {
  font-size: 6rem;
}

.text-9xl {
  font-size: 8rem;
}

.font-thin {
  font-weight: 100;
}

.font-extralight {
  font-weight: 200;
}

.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

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

.font-extrabold {
  font-weight: 800;
}

.font-black {
  font-weight: 900;
}

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

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

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

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

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.normal-case {
  text-transform: none;
}

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

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

.leading-snug {
  line-height: 1.375;
}

.leading-normal {
  line-height: 1.5;
}

.leading-relaxed {
  line-height: 1.625;
}

.leading-loose {
  line-height: 2;
}

.tracking-tighter {
  letter-spacing: -0.05em;
}

.tracking-tight {
  letter-spacing: -0.025em;
}

.tracking-normal {
  letter-spacing: 0em;
}

.tracking-wide {
  letter-spacing: 0.025em;
}

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

.tracking-widest {
  letter-spacing: 0.1em;
}

.underline {
  text-decoration: underline;
}

.line-through {
  text-decoration: line-through;
}

.no-underline {
  text-decoration: none;
}

.italic {
  font-style: italic;
}

.not-italic {
  font-style: normal;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.break-normal {
  overflow-wrap: normal;
  word-break: normal;
}

.break-words {
  overflow-wrap: break-word;
}

.break-all {
  word-break: break-all;
}

.whitespace-normal {
  white-space: normal;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.whitespace-pre {
  white-space: pre;
}

.whitespace-pre-line {
  white-space: pre-line;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

.w-auto {
  width: auto;
}

.min-w-auto {
  min-width: auto;
}

.max-w-auto {
  max-width: auto;
}

@media (min-width: 640px) {
  .sm\:w-auto {
    width: auto;
  }
  .sm\:min-w-auto {
    min-width: auto;
  }
  .sm\:max-w-auto {
    max-width: auto;
  }
}
@media (min-width: 768px) {
  .md\:w-auto {
    width: auto;
  }
  .md\:min-w-auto {
    min-width: auto;
  }
  .md\:max-w-auto {
    max-width: auto;
  }
}
@media (min-width: 1024px) {
  .lg\:w-auto {
    width: auto;
  }
  .lg\:min-w-auto {
    min-width: auto;
  }
  .lg\:max-w-auto {
    max-width: auto;
  }
}
@media (min-width: 1280px) {
  .xl\:w-auto {
    width: auto;
  }
  .xl\:min-w-auto {
    min-width: auto;
  }
  .xl\:max-w-auto {
    max-width: auto;
  }
}
.w-min {
  width: min-content;
}

.min-w-min {
  min-width: min-content;
}

.max-w-min {
  max-width: min-content;
}

@media (min-width: 640px) {
  .sm\:w-min {
    width: min-content;
  }
  .sm\:min-w-min {
    min-width: min-content;
  }
  .sm\:max-w-min {
    max-width: min-content;
  }
}
@media (min-width: 768px) {
  .md\:w-min {
    width: min-content;
  }
  .md\:min-w-min {
    min-width: min-content;
  }
  .md\:max-w-min {
    max-width: min-content;
  }
}
@media (min-width: 1024px) {
  .lg\:w-min {
    width: min-content;
  }
  .lg\:min-w-min {
    min-width: min-content;
  }
  .lg\:max-w-min {
    max-width: min-content;
  }
}
@media (min-width: 1280px) {
  .xl\:w-min {
    width: min-content;
  }
  .xl\:min-w-min {
    min-width: min-content;
  }
  .xl\:max-w-min {
    max-width: min-content;
  }
}
.w-max {
  width: max-content;
}

.min-w-max {
  min-width: max-content;
}

.max-w-max {
  max-width: max-content;
}

@media (min-width: 640px) {
  .sm\:w-max {
    width: max-content;
  }
  .sm\:min-w-max {
    min-width: max-content;
  }
  .sm\:max-w-max {
    max-width: max-content;
  }
}
@media (min-width: 768px) {
  .md\:w-max {
    width: max-content;
  }
  .md\:min-w-max {
    min-width: max-content;
  }
  .md\:max-w-max {
    max-width: max-content;
  }
}
@media (min-width: 1024px) {
  .lg\:w-max {
    width: max-content;
  }
  .lg\:min-w-max {
    min-width: max-content;
  }
  .lg\:max-w-max {
    max-width: max-content;
  }
}
@media (min-width: 1280px) {
  .xl\:w-max {
    width: max-content;
  }
  .xl\:min-w-max {
    min-width: max-content;
  }
  .xl\:max-w-max {
    max-width: max-content;
  }
}
.w-px {
  width: 1px;
}

.min-w-px {
  min-width: 1px;
}

.max-w-px {
  max-width: 1px;
}

@media (min-width: 640px) {
  .sm\:w-px {
    width: 1px;
  }
  .sm\:min-w-px {
    min-width: 1px;
  }
  .sm\:max-w-px {
    max-width: 1px;
  }
}
@media (min-width: 768px) {
  .md\:w-px {
    width: 1px;
  }
  .md\:min-w-px {
    min-width: 1px;
  }
  .md\:max-w-px {
    max-width: 1px;
  }
}
@media (min-width: 1024px) {
  .lg\:w-px {
    width: 1px;
  }
  .lg\:min-w-px {
    min-width: 1px;
  }
  .lg\:max-w-px {
    max-width: 1px;
  }
}
@media (min-width: 1280px) {
  .xl\:w-px {
    width: 1px;
  }
  .xl\:min-w-px {
    min-width: 1px;
  }
  .xl\:max-w-px {
    max-width: 1px;
  }
}
.w-0 {
  width: 0rem;
}

.min-w-0 {
  min-width: 0rem;
}

.max-w-0 {
  max-width: 0rem;
}

@media (min-width: 640px) {
  .sm\:w-0 {
    width: 0rem;
  }
  .sm\:min-w-0 {
    min-width: 0rem;
  }
  .sm\:max-w-0 {
    max-width: 0rem;
  }
}
@media (min-width: 768px) {
  .md\:w-0 {
    width: 0rem;
  }
  .md\:min-w-0 {
    min-width: 0rem;
  }
  .md\:max-w-0 {
    max-width: 0rem;
  }
}
@media (min-width: 1024px) {
  .lg\:w-0 {
    width: 0rem;
  }
  .lg\:min-w-0 {
    min-width: 0rem;
  }
  .lg\:max-w-0 {
    max-width: 0rem;
  }
}
@media (min-width: 1280px) {
  .xl\:w-0 {
    width: 0rem;
  }
  .xl\:min-w-0 {
    min-width: 0rem;
  }
  .xl\:max-w-0 {
    max-width: 0rem;
  }
}
.w-1 {
  width: 0.25rem;
}

.min-w-1 {
  min-width: 0.25rem;
}

.max-w-1 {
  max-width: 0.25rem;
}

@media (min-width: 640px) {
  .sm\:w-1 {
    width: 0.25rem;
  }
  .sm\:min-w-1 {
    min-width: 0.25rem;
  }
  .sm\:max-w-1 {
    max-width: 0.25rem;
  }
}
@media (min-width: 768px) {
  .md\:w-1 {
    width: 0.25rem;
  }
  .md\:min-w-1 {
    min-width: 0.25rem;
  }
  .md\:max-w-1 {
    max-width: 0.25rem;
  }
}
@media (min-width: 1024px) {
  .lg\:w-1 {
    width: 0.25rem;
  }
  .lg\:min-w-1 {
    min-width: 0.25rem;
  }
  .lg\:max-w-1 {
    max-width: 0.25rem;
  }
}
@media (min-width: 1280px) {
  .xl\:w-1 {
    width: 0.25rem;
  }
  .xl\:min-w-1 {
    min-width: 0.25rem;
  }
  .xl\:max-w-1 {
    max-width: 0.25rem;
  }
}
.w-2 {
  width: 0.5rem;
}

.min-w-2 {
  min-width: 0.5rem;
}

.max-w-2 {
  max-width: 0.5rem;
}

@media (min-width: 640px) {
  .sm\:w-2 {
    width: 0.5rem;
  }
  .sm\:min-w-2 {
    min-width: 0.5rem;
  }
  .sm\:max-w-2 {
    max-width: 0.5rem;
  }
}
@media (min-width: 768px) {
  .md\:w-2 {
    width: 0.5rem;
  }
  .md\:min-w-2 {
    min-width: 0.5rem;
  }
  .md\:max-w-2 {
    max-width: 0.5rem;
  }
}
@media (min-width: 1024px) {
  .lg\:w-2 {
    width: 0.5rem;
  }
  .lg\:min-w-2 {
    min-width: 0.5rem;
  }
  .lg\:max-w-2 {
    max-width: 0.5rem;
  }
}
@media (min-width: 1280px) {
  .xl\:w-2 {
    width: 0.5rem;
  }
  .xl\:min-w-2 {
    min-width: 0.5rem;
  }
  .xl\:max-w-2 {
    max-width: 0.5rem;
  }
}
.w-3 {
  width: 0.75rem;
}

.min-w-3 {
  min-width: 0.75rem;
}

.max-w-3 {
  max-width: 0.75rem;
}

@media (min-width: 640px) {
  .sm\:w-3 {
    width: 0.75rem;
  }
  .sm\:min-w-3 {
    min-width: 0.75rem;
  }
  .sm\:max-w-3 {
    max-width: 0.75rem;
  }
}
@media (min-width: 768px) {
  .md\:w-3 {
    width: 0.75rem;
  }
  .md\:min-w-3 {
    min-width: 0.75rem;
  }
  .md\:max-w-3 {
    max-width: 0.75rem;
  }
}
@media (min-width: 1024px) {
  .lg\:w-3 {
    width: 0.75rem;
  }
  .lg\:min-w-3 {
    min-width: 0.75rem;
  }
  .lg\:max-w-3 {
    max-width: 0.75rem;
  }
}
@media (min-width: 1280px) {
  .xl\:w-3 {
    width: 0.75rem;
  }
  .xl\:min-w-3 {
    min-width: 0.75rem;
  }
  .xl\:max-w-3 {
    max-width: 0.75rem;
  }
}
.w-4 {
  width: 1rem;
}

.min-w-4 {
  min-width: 1rem;
}

.max-w-4 {
  max-width: 1rem;
}

@media (min-width: 640px) {
  .sm\:w-4 {
    width: 1rem;
  }
  .sm\:min-w-4 {
    min-width: 1rem;
  }
  .sm\:max-w-4 {
    max-width: 1rem;
  }
}
@media (min-width: 768px) {
  .md\:w-4 {
    width: 1rem;
  }
  .md\:min-w-4 {
    min-width: 1rem;
  }
  .md\:max-w-4 {
    max-width: 1rem;
  }
}
@media (min-width: 1024px) {
  .lg\:w-4 {
    width: 1rem;
  }
  .lg\:min-w-4 {
    min-width: 1rem;
  }
  .lg\:max-w-4 {
    max-width: 1rem;
  }
}
@media (min-width: 1280px) {
  .xl\:w-4 {
    width: 1rem;
  }
  .xl\:min-w-4 {
    min-width: 1rem;
  }
  .xl\:max-w-4 {
    max-width: 1rem;
  }
}
.w-5 {
  width: 1.25rem;
}

.min-w-5 {
  min-width: 1.25rem;
}

.max-w-5 {
  max-width: 1.25rem;
}

@media (min-width: 640px) {
  .sm\:w-5 {
    width: 1.25rem;
  }
  .sm\:min-w-5 {
    min-width: 1.25rem;
  }
  .sm\:max-w-5 {
    max-width: 1.25rem;
  }
}
@media (min-width: 768px) {
  .md\:w-5 {
    width: 1.25rem;
  }
  .md\:min-w-5 {
    min-width: 1.25rem;
  }
  .md\:max-w-5 {
    max-width: 1.25rem;
  }
}
@media (min-width: 1024px) {
  .lg\:w-5 {
    width: 1.25rem;
  }
  .lg\:min-w-5 {
    min-width: 1.25rem;
  }
  .lg\:max-w-5 {
    max-width: 1.25rem;
  }
}
@media (min-width: 1280px) {
  .xl\:w-5 {
    width: 1.25rem;
  }
  .xl\:min-w-5 {
    min-width: 1.25rem;
  }
  .xl\:max-w-5 {
    max-width: 1.25rem;
  }
}
.w-6 {
  width: 1.5rem;
}

.min-w-6 {
  min-width: 1.5rem;
}

.max-w-6 {
  max-width: 1.5rem;
}

@media (min-width: 640px) {
  .sm\:w-6 {
    width: 1.5rem;
  }
  .sm\:min-w-6 {
    min-width: 1.5rem;
  }
  .sm\:max-w-6 {
    max-width: 1.5rem;
  }
}
@media (min-width: 768px) {
  .md\:w-6 {
    width: 1.5rem;
  }
  .md\:min-w-6 {
    min-width: 1.5rem;
  }
  .md\:max-w-6 {
    max-width: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .lg\:w-6 {
    width: 1.5rem;
  }
  .lg\:min-w-6 {
    min-width: 1.5rem;
  }
  .lg\:max-w-6 {
    max-width: 1.5rem;
  }
}
@media (min-width: 1280px) {
  .xl\:w-6 {
    width: 1.5rem;
  }
  .xl\:min-w-6 {
    min-width: 1.5rem;
  }
  .xl\:max-w-6 {
    max-width: 1.5rem;
  }
}
.w-8 {
  width: 2rem;
}

.min-w-8 {
  min-width: 2rem;
}

.max-w-8 {
  max-width: 2rem;
}

@media (min-width: 640px) {
  .sm\:w-8 {
    width: 2rem;
  }
  .sm\:min-w-8 {
    min-width: 2rem;
  }
  .sm\:max-w-8 {
    max-width: 2rem;
  }
}
@media (min-width: 768px) {
  .md\:w-8 {
    width: 2rem;
  }
  .md\:min-w-8 {
    min-width: 2rem;
  }
  .md\:max-w-8 {
    max-width: 2rem;
  }
}
@media (min-width: 1024px) {
  .lg\:w-8 {
    width: 2rem;
  }
  .lg\:min-w-8 {
    min-width: 2rem;
  }
  .lg\:max-w-8 {
    max-width: 2rem;
  }
}
@media (min-width: 1280px) {
  .xl\:w-8 {
    width: 2rem;
  }
  .xl\:min-w-8 {
    min-width: 2rem;
  }
  .xl\:max-w-8 {
    max-width: 2rem;
  }
}
.w-10 {
  width: 2.5rem;
}

.min-w-10 {
  min-width: 2.5rem;
}

.max-w-10 {
  max-width: 2.5rem;
}

@media (min-width: 640px) {
  .sm\:w-10 {
    width: 2.5rem;
  }
  .sm\:min-w-10 {
    min-width: 2.5rem;
  }
  .sm\:max-w-10 {
    max-width: 2.5rem;
  }
}
@media (min-width: 768px) {
  .md\:w-10 {
    width: 2.5rem;
  }
  .md\:min-w-10 {
    min-width: 2.5rem;
  }
  .md\:max-w-10 {
    max-width: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .lg\:w-10 {
    width: 2.5rem;
  }
  .lg\:min-w-10 {
    min-width: 2.5rem;
  }
  .lg\:max-w-10 {
    max-width: 2.5rem;
  }
}
@media (min-width: 1280px) {
  .xl\:w-10 {
    width: 2.5rem;
  }
  .xl\:min-w-10 {
    min-width: 2.5rem;
  }
  .xl\:max-w-10 {
    max-width: 2.5rem;
  }
}
.w-12 {
  width: 3rem;
}

.min-w-12 {
  min-width: 3rem;
}

.max-w-12 {
  max-width: 3rem;
}

@media (min-width: 640px) {
  .sm\:w-12 {
    width: 3rem;
  }
  .sm\:min-w-12 {
    min-width: 3rem;
  }
  .sm\:max-w-12 {
    max-width: 3rem;
  }
}
@media (min-width: 768px) {
  .md\:w-12 {
    width: 3rem;
  }
  .md\:min-w-12 {
    min-width: 3rem;
  }
  .md\:max-w-12 {
    max-width: 3rem;
  }
}
@media (min-width: 1024px) {
  .lg\:w-12 {
    width: 3rem;
  }
  .lg\:min-w-12 {
    min-width: 3rem;
  }
  .lg\:max-w-12 {
    max-width: 3rem;
  }
}
@media (min-width: 1280px) {
  .xl\:w-12 {
    width: 3rem;
  }
  .xl\:min-w-12 {
    min-width: 3rem;
  }
  .xl\:max-w-12 {
    max-width: 3rem;
  }
}
.w-16 {
  width: 4rem;
}

.min-w-16 {
  min-width: 4rem;
}

.max-w-16 {
  max-width: 4rem;
}

@media (min-width: 640px) {
  .sm\:w-16 {
    width: 4rem;
  }
  .sm\:min-w-16 {
    min-width: 4rem;
  }
  .sm\:max-w-16 {
    max-width: 4rem;
  }
}
@media (min-width: 768px) {
  .md\:w-16 {
    width: 4rem;
  }
  .md\:min-w-16 {
    min-width: 4rem;
  }
  .md\:max-w-16 {
    max-width: 4rem;
  }
}
@media (min-width: 1024px) {
  .lg\:w-16 {
    width: 4rem;
  }
  .lg\:min-w-16 {
    min-width: 4rem;
  }
  .lg\:max-w-16 {
    max-width: 4rem;
  }
}
@media (min-width: 1280px) {
  .xl\:w-16 {
    width: 4rem;
  }
  .xl\:min-w-16 {
    min-width: 4rem;
  }
  .xl\:max-w-16 {
    max-width: 4rem;
  }
}
.w-20 {
  width: 5rem;
}

.min-w-20 {
  min-width: 5rem;
}

.max-w-20 {
  max-width: 5rem;
}

@media (min-width: 640px) {
  .sm\:w-20 {
    width: 5rem;
  }
  .sm\:min-w-20 {
    min-width: 5rem;
  }
  .sm\:max-w-20 {
    max-width: 5rem;
  }
}
@media (min-width: 768px) {
  .md\:w-20 {
    width: 5rem;
  }
  .md\:min-w-20 {
    min-width: 5rem;
  }
  .md\:max-w-20 {
    max-width: 5rem;
  }
}
@media (min-width: 1024px) {
  .lg\:w-20 {
    width: 5rem;
  }
  .lg\:min-w-20 {
    min-width: 5rem;
  }
  .lg\:max-w-20 {
    max-width: 5rem;
  }
}
@media (min-width: 1280px) {
  .xl\:w-20 {
    width: 5rem;
  }
  .xl\:min-w-20 {
    min-width: 5rem;
  }
  .xl\:max-w-20 {
    max-width: 5rem;
  }
}
.w-24 {
  width: 6rem;
}

.min-w-24 {
  min-width: 6rem;
}

.max-w-24 {
  max-width: 6rem;
}

@media (min-width: 640px) {
  .sm\:w-24 {
    width: 6rem;
  }
  .sm\:min-w-24 {
    min-width: 6rem;
  }
  .sm\:max-w-24 {
    max-width: 6rem;
  }
}
@media (min-width: 768px) {
  .md\:w-24 {
    width: 6rem;
  }
  .md\:min-w-24 {
    min-width: 6rem;
  }
  .md\:max-w-24 {
    max-width: 6rem;
  }
}
@media (min-width: 1024px) {
  .lg\:w-24 {
    width: 6rem;
  }
  .lg\:min-w-24 {
    min-width: 6rem;
  }
  .lg\:max-w-24 {
    max-width: 6rem;
  }
}
@media (min-width: 1280px) {
  .xl\:w-24 {
    width: 6rem;
  }
  .xl\:min-w-24 {
    min-width: 6rem;
  }
  .xl\:max-w-24 {
    max-width: 6rem;
  }
}
.w-32 {
  width: 8rem;
}

.min-w-32 {
  min-width: 8rem;
}

.max-w-32 {
  max-width: 8rem;
}

@media (min-width: 640px) {
  .sm\:w-32 {
    width: 8rem;
  }
  .sm\:min-w-32 {
    min-width: 8rem;
  }
  .sm\:max-w-32 {
    max-width: 8rem;
  }
}
@media (min-width: 768px) {
  .md\:w-32 {
    width: 8rem;
  }
  .md\:min-w-32 {
    min-width: 8rem;
  }
  .md\:max-w-32 {
    max-width: 8rem;
  }
}
@media (min-width: 1024px) {
  .lg\:w-32 {
    width: 8rem;
  }
  .lg\:min-w-32 {
    min-width: 8rem;
  }
  .lg\:max-w-32 {
    max-width: 8rem;
  }
}
@media (min-width: 1280px) {
  .xl\:w-32 {
    width: 8rem;
  }
  .xl\:min-w-32 {
    min-width: 8rem;
  }
  .xl\:max-w-32 {
    max-width: 8rem;
  }
}
.w-40 {
  width: 10rem;
}

.min-w-40 {
  min-width: 10rem;
}

.max-w-40 {
  max-width: 10rem;
}

@media (min-width: 640px) {
  .sm\:w-40 {
    width: 10rem;
  }
  .sm\:min-w-40 {
    min-width: 10rem;
  }
  .sm\:max-w-40 {
    max-width: 10rem;
  }
}
@media (min-width: 768px) {
  .md\:w-40 {
    width: 10rem;
  }
  .md\:min-w-40 {
    min-width: 10rem;
  }
  .md\:max-w-40 {
    max-width: 10rem;
  }
}
@media (min-width: 1024px) {
  .lg\:w-40 {
    width: 10rem;
  }
  .lg\:min-w-40 {
    min-width: 10rem;
  }
  .lg\:max-w-40 {
    max-width: 10rem;
  }
}
@media (min-width: 1280px) {
  .xl\:w-40 {
    width: 10rem;
  }
  .xl\:min-w-40 {
    min-width: 10rem;
  }
  .xl\:max-w-40 {
    max-width: 10rem;
  }
}
.w-48 {
  width: 12rem;
}

.min-w-48 {
  min-width: 12rem;
}

.max-w-48 {
  max-width: 12rem;
}

@media (min-width: 640px) {
  .sm\:w-48 {
    width: 12rem;
  }
  .sm\:min-w-48 {
    min-width: 12rem;
  }
  .sm\:max-w-48 {
    max-width: 12rem;
  }
}
@media (min-width: 768px) {
  .md\:w-48 {
    width: 12rem;
  }
  .md\:min-w-48 {
    min-width: 12rem;
  }
  .md\:max-w-48 {
    max-width: 12rem;
  }
}
@media (min-width: 1024px) {
  .lg\:w-48 {
    width: 12rem;
  }
  .lg\:min-w-48 {
    min-width: 12rem;
  }
  .lg\:max-w-48 {
    max-width: 12rem;
  }
}
@media (min-width: 1280px) {
  .xl\:w-48 {
    width: 12rem;
  }
  .xl\:min-w-48 {
    min-width: 12rem;
  }
  .xl\:max-w-48 {
    max-width: 12rem;
  }
}
.w-56 {
  width: 14rem;
}

.min-w-56 {
  min-width: 14rem;
}

.max-w-56 {
  max-width: 14rem;
}

@media (min-width: 640px) {
  .sm\:w-56 {
    width: 14rem;
  }
  .sm\:min-w-56 {
    min-width: 14rem;
  }
  .sm\:max-w-56 {
    max-width: 14rem;
  }
}
@media (min-width: 768px) {
  .md\:w-56 {
    width: 14rem;
  }
  .md\:min-w-56 {
    min-width: 14rem;
  }
  .md\:max-w-56 {
    max-width: 14rem;
  }
}
@media (min-width: 1024px) {
  .lg\:w-56 {
    width: 14rem;
  }
  .lg\:min-w-56 {
    min-width: 14rem;
  }
  .lg\:max-w-56 {
    max-width: 14rem;
  }
}
@media (min-width: 1280px) {
  .xl\:w-56 {
    width: 14rem;
  }
  .xl\:min-w-56 {
    min-width: 14rem;
  }
  .xl\:max-w-56 {
    max-width: 14rem;
  }
}
.w-64 {
  width: 16rem;
}

.min-w-64 {
  min-width: 16rem;
}

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

@media (min-width: 640px) {
  .sm\:w-64 {
    width: 16rem;
  }
  .sm\:min-w-64 {
    min-width: 16rem;
  }
  .sm\:max-w-64 {
    max-width: 16rem;
  }
}
@media (min-width: 768px) {
  .md\:w-64 {
    width: 16rem;
  }
  .md\:min-w-64 {
    min-width: 16rem;
  }
  .md\:max-w-64 {
    max-width: 16rem;
  }
}
@media (min-width: 1024px) {
  .lg\:w-64 {
    width: 16rem;
  }
  .lg\:min-w-64 {
    min-width: 16rem;
  }
  .lg\:max-w-64 {
    max-width: 16rem;
  }
}
@media (min-width: 1280px) {
  .xl\:w-64 {
    width: 16rem;
  }
  .xl\:min-w-64 {
    min-width: 16rem;
  }
  .xl\:max-w-64 {
    max-width: 16rem;
  }
}
.w-72 {
  width: 18rem;
}

.min-w-72 {
  min-width: 18rem;
}

.max-w-72 {
  max-width: 18rem;
}

@media (min-width: 640px) {
  .sm\:w-72 {
    width: 18rem;
  }
  .sm\:min-w-72 {
    min-width: 18rem;
  }
  .sm\:max-w-72 {
    max-width: 18rem;
  }
}
@media (min-width: 768px) {
  .md\:w-72 {
    width: 18rem;
  }
  .md\:min-w-72 {
    min-width: 18rem;
  }
  .md\:max-w-72 {
    max-width: 18rem;
  }
}
@media (min-width: 1024px) {
  .lg\:w-72 {
    width: 18rem;
  }
  .lg\:min-w-72 {
    min-width: 18rem;
  }
  .lg\:max-w-72 {
    max-width: 18rem;
  }
}
@media (min-width: 1280px) {
  .xl\:w-72 {
    width: 18rem;
  }
  .xl\:min-w-72 {
    min-width: 18rem;
  }
  .xl\:max-w-72 {
    max-width: 18rem;
  }
}
.w-80 {
  width: 20rem;
}

.min-w-80 {
  min-width: 20rem;
}

.max-w-80 {
  max-width: 20rem;
}

@media (min-width: 640px) {
  .sm\:w-80 {
    width: 20rem;
  }
  .sm\:min-w-80 {
    min-width: 20rem;
  }
  .sm\:max-w-80 {
    max-width: 20rem;
  }
}
@media (min-width: 768px) {
  .md\:w-80 {
    width: 20rem;
  }
  .md\:min-w-80 {
    min-width: 20rem;
  }
  .md\:max-w-80 {
    max-width: 20rem;
  }
}
@media (min-width: 1024px) {
  .lg\:w-80 {
    width: 20rem;
  }
  .lg\:min-w-80 {
    min-width: 20rem;
  }
  .lg\:max-w-80 {
    max-width: 20rem;
  }
}
@media (min-width: 1280px) {
  .xl\:w-80 {
    width: 20rem;
  }
  .xl\:min-w-80 {
    min-width: 20rem;
  }
  .xl\:max-w-80 {
    max-width: 20rem;
  }
}
.w-96 {
  width: 24rem;
}

.min-w-96 {
  min-width: 24rem;
}

.max-w-96 {
  max-width: 24rem;
}

@media (min-width: 640px) {
  .sm\:w-96 {
    width: 24rem;
  }
  .sm\:min-w-96 {
    min-width: 24rem;
  }
  .sm\:max-w-96 {
    max-width: 24rem;
  }
}
@media (min-width: 768px) {
  .md\:w-96 {
    width: 24rem;
  }
  .md\:min-w-96 {
    min-width: 24rem;
  }
  .md\:max-w-96 {
    max-width: 24rem;
  }
}
@media (min-width: 1024px) {
  .lg\:w-96 {
    width: 24rem;
  }
  .lg\:min-w-96 {
    min-width: 24rem;
  }
  .lg\:max-w-96 {
    max-width: 24rem;
  }
}
@media (min-width: 1280px) {
  .xl\:w-96 {
    width: 24rem;
  }
  .xl\:min-w-96 {
    min-width: 24rem;
  }
  .xl\:max-w-96 {
    max-width: 24rem;
  }
}
.w-sm {
  width: 24rem;
}

.min-w-sm {
  min-width: 24rem;
}

.max-w-sm {
  max-width: 24rem;
}

@media (min-width: 640px) {
  .sm\:w-sm {
    width: 24rem;
  }
  .sm\:min-w-sm {
    min-width: 24rem;
  }
  .sm\:max-w-sm {
    max-width: 24rem;
  }
}
@media (min-width: 768px) {
  .md\:w-sm {
    width: 24rem;
  }
  .md\:min-w-sm {
    min-width: 24rem;
  }
  .md\:max-w-sm {
    max-width: 24rem;
  }
}
@media (min-width: 1024px) {
  .lg\:w-sm {
    width: 24rem;
  }
  .lg\:min-w-sm {
    min-width: 24rem;
  }
  .lg\:max-w-sm {
    max-width: 24rem;
  }
}
@media (min-width: 1280px) {
  .xl\:w-sm {
    width: 24rem;
  }
  .xl\:min-w-sm {
    min-width: 24rem;
  }
  .xl\:max-w-sm {
    max-width: 24rem;
  }
}
.w-md {
  width: 28rem;
}

.min-w-md {
  min-width: 28rem;
}

.max-w-md {
  max-width: 28rem;
}

@media (min-width: 640px) {
  .sm\:w-md {
    width: 28rem;
  }
  .sm\:min-w-md {
    min-width: 28rem;
  }
  .sm\:max-w-md {
    max-width: 28rem;
  }
}
@media (min-width: 768px) {
  .md\:w-md {
    width: 28rem;
  }
  .md\:min-w-md {
    min-width: 28rem;
  }
  .md\:max-w-md {
    max-width: 28rem;
  }
}
@media (min-width: 1024px) {
  .lg\:w-md {
    width: 28rem;
  }
  .lg\:min-w-md {
    min-width: 28rem;
  }
  .lg\:max-w-md {
    max-width: 28rem;
  }
}
@media (min-width: 1280px) {
  .xl\:w-md {
    width: 28rem;
  }
  .xl\:min-w-md {
    min-width: 28rem;
  }
  .xl\:max-w-md {
    max-width: 28rem;
  }
}
.w-lg {
  width: 32rem;
}

.min-w-lg {
  min-width: 32rem;
}

.max-w-lg {
  max-width: 32rem;
}

@media (min-width: 640px) {
  .sm\:w-lg {
    width: 32rem;
  }
  .sm\:min-w-lg {
    min-width: 32rem;
  }
  .sm\:max-w-lg {
    max-width: 32rem;
  }
}
@media (min-width: 768px) {
  .md\:w-lg {
    width: 32rem;
  }
  .md\:min-w-lg {
    min-width: 32rem;
  }
  .md\:max-w-lg {
    max-width: 32rem;
  }
}
@media (min-width: 1024px) {
  .lg\:w-lg {
    width: 32rem;
  }
  .lg\:min-w-lg {
    min-width: 32rem;
  }
  .lg\:max-w-lg {
    max-width: 32rem;
  }
}
@media (min-width: 1280px) {
  .xl\:w-lg {
    width: 32rem;
  }
  .xl\:min-w-lg {
    min-width: 32rem;
  }
  .xl\:max-w-lg {
    max-width: 32rem;
  }
}
.w-xl {
  width: 36rem;
}

.min-w-xl {
  min-width: 36rem;
}

.max-w-xl {
  max-width: 36rem;
}

@media (min-width: 640px) {
  .sm\:w-xl {
    width: 36rem;
  }
  .sm\:min-w-xl {
    min-width: 36rem;
  }
  .sm\:max-w-xl {
    max-width: 36rem;
  }
}
@media (min-width: 768px) {
  .md\:w-xl {
    width: 36rem;
  }
  .md\:min-w-xl {
    min-width: 36rem;
  }
  .md\:max-w-xl {
    max-width: 36rem;
  }
}
@media (min-width: 1024px) {
  .lg\:w-xl {
    width: 36rem;
  }
  .lg\:min-w-xl {
    min-width: 36rem;
  }
  .lg\:max-w-xl {
    max-width: 36rem;
  }
}
@media (min-width: 1280px) {
  .xl\:w-xl {
    width: 36rem;
  }
  .xl\:min-w-xl {
    min-width: 36rem;
  }
  .xl\:max-w-xl {
    max-width: 36rem;
  }
}
.w-full {
  width: 100%;
}

.min-w-full {
  min-width: 100%;
}

.max-w-full {
  max-width: 100%;
}

@media (min-width: 640px) {
  .sm\:w-full {
    width: 100%;
  }
  .sm\:min-w-full {
    min-width: 100%;
  }
  .sm\:max-w-full {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .md\:w-full {
    width: 100%;
  }
  .md\:min-w-full {
    min-width: 100%;
  }
  .md\:max-w-full {
    max-width: 100%;
  }
}
@media (min-width: 1024px) {
  .lg\:w-full {
    width: 100%;
  }
  .lg\:min-w-full {
    min-width: 100%;
  }
  .lg\:max-w-full {
    max-width: 100%;
  }
}
@media (min-width: 1280px) {
  .xl\:w-full {
    width: 100%;
  }
  .xl\:min-w-full {
    min-width: 100%;
  }
  .xl\:max-w-full {
    max-width: 100%;
  }
}
.w-screen {
  width: 100vw;
}

.min-w-screen {
  min-width: 100vw;
}

.max-w-screen {
  max-width: 100vw;
}

@media (min-width: 640px) {
  .sm\:w-screen {
    width: 100vw;
  }
  .sm\:min-w-screen {
    min-width: 100vw;
  }
  .sm\:max-w-screen {
    max-width: 100vw;
  }
}
@media (min-width: 768px) {
  .md\:w-screen {
    width: 100vw;
  }
  .md\:min-w-screen {
    min-width: 100vw;
  }
  .md\:max-w-screen {
    max-width: 100vw;
  }
}
@media (min-width: 1024px) {
  .lg\:w-screen {
    width: 100vw;
  }
  .lg\:min-w-screen {
    min-width: 100vw;
  }
  .lg\:max-w-screen {
    max-width: 100vw;
  }
}
@media (min-width: 1280px) {
  .xl\:w-screen {
    width: 100vw;
  }
  .xl\:min-w-screen {
    min-width: 100vw;
  }
  .xl\:max-w-screen {
    max-width: 100vw;
  }
}
.w-1\/2 {
  width: 50%;
}

.min-w-1\/2 {
  min-width: 50%;
}

.max-w-1\/2 {
  max-width: 50%;
}

@media (min-width: 640px) {
  .sm\:w-1\/2 {
    width: 50%;
  }
  .sm\:min-w-1\/2 {
    min-width: 50%;
  }
  .sm\:max-w-1\/2 {
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .md\:w-1\/2 {
    width: 50%;
  }
  .md\:min-w-1\/2 {
    min-width: 50%;
  }
  .md\:max-w-1\/2 {
    max-width: 50%;
  }
}
@media (min-width: 1024px) {
  .lg\:w-1\/2 {
    width: 50%;
  }
  .lg\:min-w-1\/2 {
    min-width: 50%;
  }
  .lg\:max-w-1\/2 {
    max-width: 50%;
  }
}
@media (min-width: 1280px) {
  .xl\:w-1\/2 {
    width: 50%;
  }
  .xl\:min-w-1\/2 {
    min-width: 50%;
  }
  .xl\:max-w-1\/2 {
    max-width: 50%;
  }
}
.w-1\/3 {
  width: 33.3333%;
}

.min-w-1\/3 {
  min-width: 33.3333%;
}

.max-w-1\/3 {
  max-width: 33.3333%;
}

@media (min-width: 640px) {
  .sm\:w-1\/3 {
    width: 33.3333%;
  }
  .sm\:min-w-1\/3 {
    min-width: 33.3333%;
  }
  .sm\:max-w-1\/3 {
    max-width: 33.3333%;
  }
}
@media (min-width: 768px) {
  .md\:w-1\/3 {
    width: 33.3333%;
  }
  .md\:min-w-1\/3 {
    min-width: 33.3333%;
  }
  .md\:max-w-1\/3 {
    max-width: 33.3333%;
  }
}
@media (min-width: 1024px) {
  .lg\:w-1\/3 {
    width: 33.3333%;
  }
  .lg\:min-w-1\/3 {
    min-width: 33.3333%;
  }
  .lg\:max-w-1\/3 {
    max-width: 33.3333%;
  }
}
@media (min-width: 1280px) {
  .xl\:w-1\/3 {
    width: 33.3333%;
  }
  .xl\:min-w-1\/3 {
    min-width: 33.3333%;
  }
  .xl\:max-w-1\/3 {
    max-width: 33.3333%;
  }
}
.w-2\/3 {
  width: 66.6667%;
}

.min-w-2\/3 {
  min-width: 66.6667%;
}

.max-w-2\/3 {
  max-width: 66.6667%;
}

@media (min-width: 640px) {
  .sm\:w-2\/3 {
    width: 66.6667%;
  }
  .sm\:min-w-2\/3 {
    min-width: 66.6667%;
  }
  .sm\:max-w-2\/3 {
    max-width: 66.6667%;
  }
}
@media (min-width: 768px) {
  .md\:w-2\/3 {
    width: 66.6667%;
  }
  .md\:min-w-2\/3 {
    min-width: 66.6667%;
  }
  .md\:max-w-2\/3 {
    max-width: 66.6667%;
  }
}
@media (min-width: 1024px) {
  .lg\:w-2\/3 {
    width: 66.6667%;
  }
  .lg\:min-w-2\/3 {
    min-width: 66.6667%;
  }
  .lg\:max-w-2\/3 {
    max-width: 66.6667%;
  }
}
@media (min-width: 1280px) {
  .xl\:w-2\/3 {
    width: 66.6667%;
  }
  .xl\:min-w-2\/3 {
    min-width: 66.6667%;
  }
  .xl\:max-w-2\/3 {
    max-width: 66.6667%;
  }
}
.w-1\/4 {
  width: 25%;
}

.min-w-1\/4 {
  min-width: 25%;
}

.max-w-1\/4 {
  max-width: 25%;
}

@media (min-width: 640px) {
  .sm\:w-1\/4 {
    width: 25%;
  }
  .sm\:min-w-1\/4 {
    min-width: 25%;
  }
  .sm\:max-w-1\/4 {
    max-width: 25%;
  }
}
@media (min-width: 768px) {
  .md\:w-1\/4 {
    width: 25%;
  }
  .md\:min-w-1\/4 {
    min-width: 25%;
  }
  .md\:max-w-1\/4 {
    max-width: 25%;
  }
}
@media (min-width: 1024px) {
  .lg\:w-1\/4 {
    width: 25%;
  }
  .lg\:min-w-1\/4 {
    min-width: 25%;
  }
  .lg\:max-w-1\/4 {
    max-width: 25%;
  }
}
@media (min-width: 1280px) {
  .xl\:w-1\/4 {
    width: 25%;
  }
  .xl\:min-w-1\/4 {
    min-width: 25%;
  }
  .xl\:max-w-1\/4 {
    max-width: 25%;
  }
}
.w-3\/4 {
  width: 75%;
}

.min-w-3\/4 {
  min-width: 75%;
}

.max-w-3\/4 {
  max-width: 75%;
}

@media (min-width: 640px) {
  .sm\:w-3\/4 {
    width: 75%;
  }
  .sm\:min-w-3\/4 {
    min-width: 75%;
  }
  .sm\:max-w-3\/4 {
    max-width: 75%;
  }
}
@media (min-width: 768px) {
  .md\:w-3\/4 {
    width: 75%;
  }
  .md\:min-w-3\/4 {
    min-width: 75%;
  }
  .md\:max-w-3\/4 {
    max-width: 75%;
  }
}
@media (min-width: 1024px) {
  .lg\:w-3\/4 {
    width: 75%;
  }
  .lg\:min-w-3\/4 {
    min-width: 75%;
  }
  .lg\:max-w-3\/4 {
    max-width: 75%;
  }
}
@media (min-width: 1280px) {
  .xl\:w-3\/4 {
    width: 75%;
  }
  .xl\:min-w-3\/4 {
    min-width: 75%;
  }
  .xl\:max-w-3\/4 {
    max-width: 75%;
  }
}
.h-auto {
  height: auto;
}

.min-h-auto {
  min-height: auto;
}

.max-h-auto {
  max-height: auto;
}

@media (min-width: 640px) {
  .sm\:h-auto {
    height: auto;
  }
  .sm\:min-h-auto {
    min-height: auto;
  }
  .sm\:max-h-auto {
    max-height: auto;
  }
}
@media (min-width: 768px) {
  .md\:h-auto {
    height: auto;
  }
  .md\:min-h-auto {
    min-height: auto;
  }
  .md\:max-h-auto {
    max-height: auto;
  }
}
@media (min-width: 1024px) {
  .lg\:h-auto {
    height: auto;
  }
  .lg\:min-h-auto {
    min-height: auto;
  }
  .lg\:max-h-auto {
    max-height: auto;
  }
}
@media (min-width: 1280px) {
  .xl\:h-auto {
    height: auto;
  }
  .xl\:min-h-auto {
    min-height: auto;
  }
  .xl\:max-h-auto {
    max-height: auto;
  }
}
.h-min {
  height: min-content;
}

.min-h-min {
  min-height: min-content;
}

.max-h-min {
  max-height: min-content;
}

@media (min-width: 640px) {
  .sm\:h-min {
    height: min-content;
  }
  .sm\:min-h-min {
    min-height: min-content;
  }
  .sm\:max-h-min {
    max-height: min-content;
  }
}
@media (min-width: 768px) {
  .md\:h-min {
    height: min-content;
  }
  .md\:min-h-min {
    min-height: min-content;
  }
  .md\:max-h-min {
    max-height: min-content;
  }
}
@media (min-width: 1024px) {
  .lg\:h-min {
    height: min-content;
  }
  .lg\:min-h-min {
    min-height: min-content;
  }
  .lg\:max-h-min {
    max-height: min-content;
  }
}
@media (min-width: 1280px) {
  .xl\:h-min {
    height: min-content;
  }
  .xl\:min-h-min {
    min-height: min-content;
  }
  .xl\:max-h-min {
    max-height: min-content;
  }
}
.h-max {
  height: max-content;
}

.min-h-max {
  min-height: max-content;
}

.max-h-max {
  max-height: max-content;
}

@media (min-width: 640px) {
  .sm\:h-max {
    height: max-content;
  }
  .sm\:min-h-max {
    min-height: max-content;
  }
  .sm\:max-h-max {
    max-height: max-content;
  }
}
@media (min-width: 768px) {
  .md\:h-max {
    height: max-content;
  }
  .md\:min-h-max {
    min-height: max-content;
  }
  .md\:max-h-max {
    max-height: max-content;
  }
}
@media (min-width: 1024px) {
  .lg\:h-max {
    height: max-content;
  }
  .lg\:min-h-max {
    min-height: max-content;
  }
  .lg\:max-h-max {
    max-height: max-content;
  }
}
@media (min-width: 1280px) {
  .xl\:h-max {
    height: max-content;
  }
  .xl\:min-h-max {
    min-height: max-content;
  }
  .xl\:max-h-max {
    max-height: max-content;
  }
}
.h-px {
  height: 1px;
}

.min-h-px {
  min-height: 1px;
}

.max-h-px {
  max-height: 1px;
}

@media (min-width: 640px) {
  .sm\:h-px {
    height: 1px;
  }
  .sm\:min-h-px {
    min-height: 1px;
  }
  .sm\:max-h-px {
    max-height: 1px;
  }
}
@media (min-width: 768px) {
  .md\:h-px {
    height: 1px;
  }
  .md\:min-h-px {
    min-height: 1px;
  }
  .md\:max-h-px {
    max-height: 1px;
  }
}
@media (min-width: 1024px) {
  .lg\:h-px {
    height: 1px;
  }
  .lg\:min-h-px {
    min-height: 1px;
  }
  .lg\:max-h-px {
    max-height: 1px;
  }
}
@media (min-width: 1280px) {
  .xl\:h-px {
    height: 1px;
  }
  .xl\:min-h-px {
    min-height: 1px;
  }
  .xl\:max-h-px {
    max-height: 1px;
  }
}
.h-0 {
  height: 0rem;
}

.min-h-0 {
  min-height: 0rem;
}

.max-h-0 {
  max-height: 0rem;
}

@media (min-width: 640px) {
  .sm\:h-0 {
    height: 0rem;
  }
  .sm\:min-h-0 {
    min-height: 0rem;
  }
  .sm\:max-h-0 {
    max-height: 0rem;
  }
}
@media (min-width: 768px) {
  .md\:h-0 {
    height: 0rem;
  }
  .md\:min-h-0 {
    min-height: 0rem;
  }
  .md\:max-h-0 {
    max-height: 0rem;
  }
}
@media (min-width: 1024px) {
  .lg\:h-0 {
    height: 0rem;
  }
  .lg\:min-h-0 {
    min-height: 0rem;
  }
  .lg\:max-h-0 {
    max-height: 0rem;
  }
}
@media (min-width: 1280px) {
  .xl\:h-0 {
    height: 0rem;
  }
  .xl\:min-h-0 {
    min-height: 0rem;
  }
  .xl\:max-h-0 {
    max-height: 0rem;
  }
}
.h-1 {
  height: 0.25rem;
}

.min-h-1 {
  min-height: 0.25rem;
}

.max-h-1 {
  max-height: 0.25rem;
}

@media (min-width: 640px) {
  .sm\:h-1 {
    height: 0.25rem;
  }
  .sm\:min-h-1 {
    min-height: 0.25rem;
  }
  .sm\:max-h-1 {
    max-height: 0.25rem;
  }
}
@media (min-width: 768px) {
  .md\:h-1 {
    height: 0.25rem;
  }
  .md\:min-h-1 {
    min-height: 0.25rem;
  }
  .md\:max-h-1 {
    max-height: 0.25rem;
  }
}
@media (min-width: 1024px) {
  .lg\:h-1 {
    height: 0.25rem;
  }
  .lg\:min-h-1 {
    min-height: 0.25rem;
  }
  .lg\:max-h-1 {
    max-height: 0.25rem;
  }
}
@media (min-width: 1280px) {
  .xl\:h-1 {
    height: 0.25rem;
  }
  .xl\:min-h-1 {
    min-height: 0.25rem;
  }
  .xl\:max-h-1 {
    max-height: 0.25rem;
  }
}
.h-2 {
  height: 0.5rem;
}

.min-h-2 {
  min-height: 0.5rem;
}

.max-h-2 {
  max-height: 0.5rem;
}

@media (min-width: 640px) {
  .sm\:h-2 {
    height: 0.5rem;
  }
  .sm\:min-h-2 {
    min-height: 0.5rem;
  }
  .sm\:max-h-2 {
    max-height: 0.5rem;
  }
}
@media (min-width: 768px) {
  .md\:h-2 {
    height: 0.5rem;
  }
  .md\:min-h-2 {
    min-height: 0.5rem;
  }
  .md\:max-h-2 {
    max-height: 0.5rem;
  }
}
@media (min-width: 1024px) {
  .lg\:h-2 {
    height: 0.5rem;
  }
  .lg\:min-h-2 {
    min-height: 0.5rem;
  }
  .lg\:max-h-2 {
    max-height: 0.5rem;
  }
}
@media (min-width: 1280px) {
  .xl\:h-2 {
    height: 0.5rem;
  }
  .xl\:min-h-2 {
    min-height: 0.5rem;
  }
  .xl\:max-h-2 {
    max-height: 0.5rem;
  }
}
.h-3 {
  height: 0.75rem;
}

.min-h-3 {
  min-height: 0.75rem;
}

.max-h-3 {
  max-height: 0.75rem;
}

@media (min-width: 640px) {
  .sm\:h-3 {
    height: 0.75rem;
  }
  .sm\:min-h-3 {
    min-height: 0.75rem;
  }
  .sm\:max-h-3 {
    max-height: 0.75rem;
  }
}
@media (min-width: 768px) {
  .md\:h-3 {
    height: 0.75rem;
  }
  .md\:min-h-3 {
    min-height: 0.75rem;
  }
  .md\:max-h-3 {
    max-height: 0.75rem;
  }
}
@media (min-width: 1024px) {
  .lg\:h-3 {
    height: 0.75rem;
  }
  .lg\:min-h-3 {
    min-height: 0.75rem;
  }
  .lg\:max-h-3 {
    max-height: 0.75rem;
  }
}
@media (min-width: 1280px) {
  .xl\:h-3 {
    height: 0.75rem;
  }
  .xl\:min-h-3 {
    min-height: 0.75rem;
  }
  .xl\:max-h-3 {
    max-height: 0.75rem;
  }
}
.h-4 {
  height: 1rem;
}

.min-h-4 {
  min-height: 1rem;
}

.max-h-4 {
  max-height: 1rem;
}

@media (min-width: 640px) {
  .sm\:h-4 {
    height: 1rem;
  }
  .sm\:min-h-4 {
    min-height: 1rem;
  }
  .sm\:max-h-4 {
    max-height: 1rem;
  }
}
@media (min-width: 768px) {
  .md\:h-4 {
    height: 1rem;
  }
  .md\:min-h-4 {
    min-height: 1rem;
  }
  .md\:max-h-4 {
    max-height: 1rem;
  }
}
@media (min-width: 1024px) {
  .lg\:h-4 {
    height: 1rem;
  }
  .lg\:min-h-4 {
    min-height: 1rem;
  }
  .lg\:max-h-4 {
    max-height: 1rem;
  }
}
@media (min-width: 1280px) {
  .xl\:h-4 {
    height: 1rem;
  }
  .xl\:min-h-4 {
    min-height: 1rem;
  }
  .xl\:max-h-4 {
    max-height: 1rem;
  }
}
.h-5 {
  height: 1.25rem;
}

.min-h-5 {
  min-height: 1.25rem;
}

.max-h-5 {
  max-height: 1.25rem;
}

@media (min-width: 640px) {
  .sm\:h-5 {
    height: 1.25rem;
  }
  .sm\:min-h-5 {
    min-height: 1.25rem;
  }
  .sm\:max-h-5 {
    max-height: 1.25rem;
  }
}
@media (min-width: 768px) {
  .md\:h-5 {
    height: 1.25rem;
  }
  .md\:min-h-5 {
    min-height: 1.25rem;
  }
  .md\:max-h-5 {
    max-height: 1.25rem;
  }
}
@media (min-width: 1024px) {
  .lg\:h-5 {
    height: 1.25rem;
  }
  .lg\:min-h-5 {
    min-height: 1.25rem;
  }
  .lg\:max-h-5 {
    max-height: 1.25rem;
  }
}
@media (min-width: 1280px) {
  .xl\:h-5 {
    height: 1.25rem;
  }
  .xl\:min-h-5 {
    min-height: 1.25rem;
  }
  .xl\:max-h-5 {
    max-height: 1.25rem;
  }
}
.h-6 {
  height: 1.5rem;
}

.min-h-6 {
  min-height: 1.5rem;
}

.max-h-6 {
  max-height: 1.5rem;
}

@media (min-width: 640px) {
  .sm\:h-6 {
    height: 1.5rem;
  }
  .sm\:min-h-6 {
    min-height: 1.5rem;
  }
  .sm\:max-h-6 {
    max-height: 1.5rem;
  }
}
@media (min-width: 768px) {
  .md\:h-6 {
    height: 1.5rem;
  }
  .md\:min-h-6 {
    min-height: 1.5rem;
  }
  .md\:max-h-6 {
    max-height: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .lg\:h-6 {
    height: 1.5rem;
  }
  .lg\:min-h-6 {
    min-height: 1.5rem;
  }
  .lg\:max-h-6 {
    max-height: 1.5rem;
  }
}
@media (min-width: 1280px) {
  .xl\:h-6 {
    height: 1.5rem;
  }
  .xl\:min-h-6 {
    min-height: 1.5rem;
  }
  .xl\:max-h-6 {
    max-height: 1.5rem;
  }
}
.h-8 {
  height: 2rem;
}

.min-h-8 {
  min-height: 2rem;
}

.max-h-8 {
  max-height: 2rem;
}

@media (min-width: 640px) {
  .sm\:h-8 {
    height: 2rem;
  }
  .sm\:min-h-8 {
    min-height: 2rem;
  }
  .sm\:max-h-8 {
    max-height: 2rem;
  }
}
@media (min-width: 768px) {
  .md\:h-8 {
    height: 2rem;
  }
  .md\:min-h-8 {
    min-height: 2rem;
  }
  .md\:max-h-8 {
    max-height: 2rem;
  }
}
@media (min-width: 1024px) {
  .lg\:h-8 {
    height: 2rem;
  }
  .lg\:min-h-8 {
    min-height: 2rem;
  }
  .lg\:max-h-8 {
    max-height: 2rem;
  }
}
@media (min-width: 1280px) {
  .xl\:h-8 {
    height: 2rem;
  }
  .xl\:min-h-8 {
    min-height: 2rem;
  }
  .xl\:max-h-8 {
    max-height: 2rem;
  }
}
.h-10 {
  height: 2.5rem;
}

.min-h-10 {
  min-height: 2.5rem;
}

.max-h-10 {
  max-height: 2.5rem;
}

@media (min-width: 640px) {
  .sm\:h-10 {
    height: 2.5rem;
  }
  .sm\:min-h-10 {
    min-height: 2.5rem;
  }
  .sm\:max-h-10 {
    max-height: 2.5rem;
  }
}
@media (min-width: 768px) {
  .md\:h-10 {
    height: 2.5rem;
  }
  .md\:min-h-10 {
    min-height: 2.5rem;
  }
  .md\:max-h-10 {
    max-height: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .lg\:h-10 {
    height: 2.5rem;
  }
  .lg\:min-h-10 {
    min-height: 2.5rem;
  }
  .lg\:max-h-10 {
    max-height: 2.5rem;
  }
}
@media (min-width: 1280px) {
  .xl\:h-10 {
    height: 2.5rem;
  }
  .xl\:min-h-10 {
    min-height: 2.5rem;
  }
  .xl\:max-h-10 {
    max-height: 2.5rem;
  }
}
.h-12 {
  height: 3rem;
}

.min-h-12 {
  min-height: 3rem;
}

.max-h-12 {
  max-height: 3rem;
}

@media (min-width: 640px) {
  .sm\:h-12 {
    height: 3rem;
  }
  .sm\:min-h-12 {
    min-height: 3rem;
  }
  .sm\:max-h-12 {
    max-height: 3rem;
  }
}
@media (min-width: 768px) {
  .md\:h-12 {
    height: 3rem;
  }
  .md\:min-h-12 {
    min-height: 3rem;
  }
  .md\:max-h-12 {
    max-height: 3rem;
  }
}
@media (min-width: 1024px) {
  .lg\:h-12 {
    height: 3rem;
  }
  .lg\:min-h-12 {
    min-height: 3rem;
  }
  .lg\:max-h-12 {
    max-height: 3rem;
  }
}
@media (min-width: 1280px) {
  .xl\:h-12 {
    height: 3rem;
  }
  .xl\:min-h-12 {
    min-height: 3rem;
  }
  .xl\:max-h-12 {
    max-height: 3rem;
  }
}
.h-16 {
  height: 4rem;
}

.min-h-16 {
  min-height: 4rem;
}

.max-h-16 {
  max-height: 4rem;
}

@media (min-width: 640px) {
  .sm\:h-16 {
    height: 4rem;
  }
  .sm\:min-h-16 {
    min-height: 4rem;
  }
  .sm\:max-h-16 {
    max-height: 4rem;
  }
}
@media (min-width: 768px) {
  .md\:h-16 {
    height: 4rem;
  }
  .md\:min-h-16 {
    min-height: 4rem;
  }
  .md\:max-h-16 {
    max-height: 4rem;
  }
}
@media (min-width: 1024px) {
  .lg\:h-16 {
    height: 4rem;
  }
  .lg\:min-h-16 {
    min-height: 4rem;
  }
  .lg\:max-h-16 {
    max-height: 4rem;
  }
}
@media (min-width: 1280px) {
  .xl\:h-16 {
    height: 4rem;
  }
  .xl\:min-h-16 {
    min-height: 4rem;
  }
  .xl\:max-h-16 {
    max-height: 4rem;
  }
}
.h-20 {
  height: 5rem;
}

.min-h-20 {
  min-height: 5rem;
}

.max-h-20 {
  max-height: 5rem;
}

@media (min-width: 640px) {
  .sm\:h-20 {
    height: 5rem;
  }
  .sm\:min-h-20 {
    min-height: 5rem;
  }
  .sm\:max-h-20 {
    max-height: 5rem;
  }
}
@media (min-width: 768px) {
  .md\:h-20 {
    height: 5rem;
  }
  .md\:min-h-20 {
    min-height: 5rem;
  }
  .md\:max-h-20 {
    max-height: 5rem;
  }
}
@media (min-width: 1024px) {
  .lg\:h-20 {
    height: 5rem;
  }
  .lg\:min-h-20 {
    min-height: 5rem;
  }
  .lg\:max-h-20 {
    max-height: 5rem;
  }
}
@media (min-width: 1280px) {
  .xl\:h-20 {
    height: 5rem;
  }
  .xl\:min-h-20 {
    min-height: 5rem;
  }
  .xl\:max-h-20 {
    max-height: 5rem;
  }
}
.h-24 {
  height: 6rem;
}

.min-h-24 {
  min-height: 6rem;
}

.max-h-24 {
  max-height: 6rem;
}

@media (min-width: 640px) {
  .sm\:h-24 {
    height: 6rem;
  }
  .sm\:min-h-24 {
    min-height: 6rem;
  }
  .sm\:max-h-24 {
    max-height: 6rem;
  }
}
@media (min-width: 768px) {
  .md\:h-24 {
    height: 6rem;
  }
  .md\:min-h-24 {
    min-height: 6rem;
  }
  .md\:max-h-24 {
    max-height: 6rem;
  }
}
@media (min-width: 1024px) {
  .lg\:h-24 {
    height: 6rem;
  }
  .lg\:min-h-24 {
    min-height: 6rem;
  }
  .lg\:max-h-24 {
    max-height: 6rem;
  }
}
@media (min-width: 1280px) {
  .xl\:h-24 {
    height: 6rem;
  }
  .xl\:min-h-24 {
    min-height: 6rem;
  }
  .xl\:max-h-24 {
    max-height: 6rem;
  }
}
.h-32 {
  height: 8rem;
}

.min-h-32 {
  min-height: 8rem;
}

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

@media (min-width: 640px) {
  .sm\:h-32 {
    height: 8rem;
  }
  .sm\:min-h-32 {
    min-height: 8rem;
  }
  .sm\:max-h-32 {
    max-height: 8rem;
  }
}
@media (min-width: 768px) {
  .md\:h-32 {
    height: 8rem;
  }
  .md\:min-h-32 {
    min-height: 8rem;
  }
  .md\:max-h-32 {
    max-height: 8rem;
  }
}
@media (min-width: 1024px) {
  .lg\:h-32 {
    height: 8rem;
  }
  .lg\:min-h-32 {
    min-height: 8rem;
  }
  .lg\:max-h-32 {
    max-height: 8rem;
  }
}
@media (min-width: 1280px) {
  .xl\:h-32 {
    height: 8rem;
  }
  .xl\:min-h-32 {
    min-height: 8rem;
  }
  .xl\:max-h-32 {
    max-height: 8rem;
  }
}
.h-40 {
  height: 10rem;
}

.min-h-40 {
  min-height: 10rem;
}

.max-h-40 {
  max-height: 10rem;
}

@media (min-width: 640px) {
  .sm\:h-40 {
    height: 10rem;
  }
  .sm\:min-h-40 {
    min-height: 10rem;
  }
  .sm\:max-h-40 {
    max-height: 10rem;
  }
}
@media (min-width: 768px) {
  .md\:h-40 {
    height: 10rem;
  }
  .md\:min-h-40 {
    min-height: 10rem;
  }
  .md\:max-h-40 {
    max-height: 10rem;
  }
}
@media (min-width: 1024px) {
  .lg\:h-40 {
    height: 10rem;
  }
  .lg\:min-h-40 {
    min-height: 10rem;
  }
  .lg\:max-h-40 {
    max-height: 10rem;
  }
}
@media (min-width: 1280px) {
  .xl\:h-40 {
    height: 10rem;
  }
  .xl\:min-h-40 {
    min-height: 10rem;
  }
  .xl\:max-h-40 {
    max-height: 10rem;
  }
}
.h-48 {
  height: 12rem;
}

.min-h-48 {
  min-height: 12rem;
}

.max-h-48 {
  max-height: 12rem;
}

@media (min-width: 640px) {
  .sm\:h-48 {
    height: 12rem;
  }
  .sm\:min-h-48 {
    min-height: 12rem;
  }
  .sm\:max-h-48 {
    max-height: 12rem;
  }
}
@media (min-width: 768px) {
  .md\:h-48 {
    height: 12rem;
  }
  .md\:min-h-48 {
    min-height: 12rem;
  }
  .md\:max-h-48 {
    max-height: 12rem;
  }
}
@media (min-width: 1024px) {
  .lg\:h-48 {
    height: 12rem;
  }
  .lg\:min-h-48 {
    min-height: 12rem;
  }
  .lg\:max-h-48 {
    max-height: 12rem;
  }
}
@media (min-width: 1280px) {
  .xl\:h-48 {
    height: 12rem;
  }
  .xl\:min-h-48 {
    min-height: 12rem;
  }
  .xl\:max-h-48 {
    max-height: 12rem;
  }
}
.h-56 {
  height: 14rem;
}

.min-h-56 {
  min-height: 14rem;
}

.max-h-56 {
  max-height: 14rem;
}

@media (min-width: 640px) {
  .sm\:h-56 {
    height: 14rem;
  }
  .sm\:min-h-56 {
    min-height: 14rem;
  }
  .sm\:max-h-56 {
    max-height: 14rem;
  }
}
@media (min-width: 768px) {
  .md\:h-56 {
    height: 14rem;
  }
  .md\:min-h-56 {
    min-height: 14rem;
  }
  .md\:max-h-56 {
    max-height: 14rem;
  }
}
@media (min-width: 1024px) {
  .lg\:h-56 {
    height: 14rem;
  }
  .lg\:min-h-56 {
    min-height: 14rem;
  }
  .lg\:max-h-56 {
    max-height: 14rem;
  }
}
@media (min-width: 1280px) {
  .xl\:h-56 {
    height: 14rem;
  }
  .xl\:min-h-56 {
    min-height: 14rem;
  }
  .xl\:max-h-56 {
    max-height: 14rem;
  }
}
.h-64 {
  height: 16rem;
}

.min-h-64 {
  min-height: 16rem;
}

.max-h-64 {
  max-height: 16rem;
}

@media (min-width: 640px) {
  .sm\:h-64 {
    height: 16rem;
  }
  .sm\:min-h-64 {
    min-height: 16rem;
  }
  .sm\:max-h-64 {
    max-height: 16rem;
  }
}
@media (min-width: 768px) {
  .md\:h-64 {
    height: 16rem;
  }
  .md\:min-h-64 {
    min-height: 16rem;
  }
  .md\:max-h-64 {
    max-height: 16rem;
  }
}
@media (min-width: 1024px) {
  .lg\:h-64 {
    height: 16rem;
  }
  .lg\:min-h-64 {
    min-height: 16rem;
  }
  .lg\:max-h-64 {
    max-height: 16rem;
  }
}
@media (min-width: 1280px) {
  .xl\:h-64 {
    height: 16rem;
  }
  .xl\:min-h-64 {
    min-height: 16rem;
  }
  .xl\:max-h-64 {
    max-height: 16rem;
  }
}
.h-72 {
  height: 18rem;
}

.min-h-72 {
  min-height: 18rem;
}

.max-h-72 {
  max-height: 18rem;
}

@media (min-width: 640px) {
  .sm\:h-72 {
    height: 18rem;
  }
  .sm\:min-h-72 {
    min-height: 18rem;
  }
  .sm\:max-h-72 {
    max-height: 18rem;
  }
}
@media (min-width: 768px) {
  .md\:h-72 {
    height: 18rem;
  }
  .md\:min-h-72 {
    min-height: 18rem;
  }
  .md\:max-h-72 {
    max-height: 18rem;
  }
}
@media (min-width: 1024px) {
  .lg\:h-72 {
    height: 18rem;
  }
  .lg\:min-h-72 {
    min-height: 18rem;
  }
  .lg\:max-h-72 {
    max-height: 18rem;
  }
}
@media (min-width: 1280px) {
  .xl\:h-72 {
    height: 18rem;
  }
  .xl\:min-h-72 {
    min-height: 18rem;
  }
  .xl\:max-h-72 {
    max-height: 18rem;
  }
}
.h-80 {
  height: 20rem;
}

.min-h-80 {
  min-height: 20rem;
}

.max-h-80 {
  max-height: 20rem;
}

@media (min-width: 640px) {
  .sm\:h-80 {
    height: 20rem;
  }
  .sm\:min-h-80 {
    min-height: 20rem;
  }
  .sm\:max-h-80 {
    max-height: 20rem;
  }
}
@media (min-width: 768px) {
  .md\:h-80 {
    height: 20rem;
  }
  .md\:min-h-80 {
    min-height: 20rem;
  }
  .md\:max-h-80 {
    max-height: 20rem;
  }
}
@media (min-width: 1024px) {
  .lg\:h-80 {
    height: 20rem;
  }
  .lg\:min-h-80 {
    min-height: 20rem;
  }
  .lg\:max-h-80 {
    max-height: 20rem;
  }
}
@media (min-width: 1280px) {
  .xl\:h-80 {
    height: 20rem;
  }
  .xl\:min-h-80 {
    min-height: 20rem;
  }
  .xl\:max-h-80 {
    max-height: 20rem;
  }
}
.h-96 {
  height: 24rem;
}

.min-h-96 {
  min-height: 24rem;
}

.max-h-96 {
  max-height: 24rem;
}

@media (min-width: 640px) {
  .sm\:h-96 {
    height: 24rem;
  }
  .sm\:min-h-96 {
    min-height: 24rem;
  }
  .sm\:max-h-96 {
    max-height: 24rem;
  }
}
@media (min-width: 768px) {
  .md\:h-96 {
    height: 24rem;
  }
  .md\:min-h-96 {
    min-height: 24rem;
  }
  .md\:max-h-96 {
    max-height: 24rem;
  }
}
@media (min-width: 1024px) {
  .lg\:h-96 {
    height: 24rem;
  }
  .lg\:min-h-96 {
    min-height: 24rem;
  }
  .lg\:max-h-96 {
    max-height: 24rem;
  }
}
@media (min-width: 1280px) {
  .xl\:h-96 {
    height: 24rem;
  }
  .xl\:min-h-96 {
    min-height: 24rem;
  }
  .xl\:max-h-96 {
    max-height: 24rem;
  }
}
.h-sm {
  height: 24rem;
}

.min-h-sm {
  min-height: 24rem;
}

.max-h-sm {
  max-height: 24rem;
}

@media (min-width: 640px) {
  .sm\:h-sm {
    height: 24rem;
  }
  .sm\:min-h-sm {
    min-height: 24rem;
  }
  .sm\:max-h-sm {
    max-height: 24rem;
  }
}
@media (min-width: 768px) {
  .md\:h-sm {
    height: 24rem;
  }
  .md\:min-h-sm {
    min-height: 24rem;
  }
  .md\:max-h-sm {
    max-height: 24rem;
  }
}
@media (min-width: 1024px) {
  .lg\:h-sm {
    height: 24rem;
  }
  .lg\:min-h-sm {
    min-height: 24rem;
  }
  .lg\:max-h-sm {
    max-height: 24rem;
  }
}
@media (min-width: 1280px) {
  .xl\:h-sm {
    height: 24rem;
  }
  .xl\:min-h-sm {
    min-height: 24rem;
  }
  .xl\:max-h-sm {
    max-height: 24rem;
  }
}
.h-md {
  height: 28rem;
}

.min-h-md {
  min-height: 28rem;
}

.max-h-md {
  max-height: 28rem;
}

@media (min-width: 640px) {
  .sm\:h-md {
    height: 28rem;
  }
  .sm\:min-h-md {
    min-height: 28rem;
  }
  .sm\:max-h-md {
    max-height: 28rem;
  }
}
@media (min-width: 768px) {
  .md\:h-md {
    height: 28rem;
  }
  .md\:min-h-md {
    min-height: 28rem;
  }
  .md\:max-h-md {
    max-height: 28rem;
  }
}
@media (min-width: 1024px) {
  .lg\:h-md {
    height: 28rem;
  }
  .lg\:min-h-md {
    min-height: 28rem;
  }
  .lg\:max-h-md {
    max-height: 28rem;
  }
}
@media (min-width: 1280px) {
  .xl\:h-md {
    height: 28rem;
  }
  .xl\:min-h-md {
    min-height: 28rem;
  }
  .xl\:max-h-md {
    max-height: 28rem;
  }
}
.h-lg {
  height: 32rem;
}

.min-h-lg {
  min-height: 32rem;
}

.max-h-lg {
  max-height: 32rem;
}

@media (min-width: 640px) {
  .sm\:h-lg {
    height: 32rem;
  }
  .sm\:min-h-lg {
    min-height: 32rem;
  }
  .sm\:max-h-lg {
    max-height: 32rem;
  }
}
@media (min-width: 768px) {
  .md\:h-lg {
    height: 32rem;
  }
  .md\:min-h-lg {
    min-height: 32rem;
  }
  .md\:max-h-lg {
    max-height: 32rem;
  }
}
@media (min-width: 1024px) {
  .lg\:h-lg {
    height: 32rem;
  }
  .lg\:min-h-lg {
    min-height: 32rem;
  }
  .lg\:max-h-lg {
    max-height: 32rem;
  }
}
@media (min-width: 1280px) {
  .xl\:h-lg {
    height: 32rem;
  }
  .xl\:min-h-lg {
    min-height: 32rem;
  }
  .xl\:max-h-lg {
    max-height: 32rem;
  }
}
.h-xl {
  height: 36rem;
}

.min-h-xl {
  min-height: 36rem;
}

.max-h-xl {
  max-height: 36rem;
}

@media (min-width: 640px) {
  .sm\:h-xl {
    height: 36rem;
  }
  .sm\:min-h-xl {
    min-height: 36rem;
  }
  .sm\:max-h-xl {
    max-height: 36rem;
  }
}
@media (min-width: 768px) {
  .md\:h-xl {
    height: 36rem;
  }
  .md\:min-h-xl {
    min-height: 36rem;
  }
  .md\:max-h-xl {
    max-height: 36rem;
  }
}
@media (min-width: 1024px) {
  .lg\:h-xl {
    height: 36rem;
  }
  .lg\:min-h-xl {
    min-height: 36rem;
  }
  .lg\:max-h-xl {
    max-height: 36rem;
  }
}
@media (min-width: 1280px) {
  .xl\:h-xl {
    height: 36rem;
  }
  .xl\:min-h-xl {
    min-height: 36rem;
  }
  .xl\:max-h-xl {
    max-height: 36rem;
  }
}
.h-full {
  height: 100%;
}

.min-h-full {
  min-height: 100%;
}

.max-h-full {
  max-height: