.w-1px {
  width: 1px;
}
.w-2px {
  width: 2px;
}
.w-3px {
  width: 3px;
}
.w-4px {
  width: 4px;
}
.w-6 {
  width: 6px;
}
.w-8 {
  width: 0.5rem;
}
.w-10 {
  width: 0.625rem;
}
.w-12 {
  width: 0.75rem;
}
.w-16 {
  width: 1rem;
}
.w-20 {
  width: 1.25rem;
}
.w-24 {
  width: 1.5rem;
}
.w-32 {
  width: 2rem;
}
.w-40 {
  width: 2.5rem;
}
.w-48 {
  width: 3rem;
}
.w-56 {
  width: 3.5rem;
}
.w-60 {
  width: 3.75rem;
}
.w-64 {
  width: 4rem;
}
.w-72 {
  width: 4.5rem;
}
.w-80 {
  width: 5rem;
}
.w-96 {
  width: 6rem;
}
.w-100 {
  width: 6.25rem !important;
}
.w-120 {
  width: 7.5rem;
}
.w-128 {
  width: 8rem;
}
.w-140 {
  width: 8.75rem;
}
.w-150 {
  width: 9.375rem;
}
.w-160 {
  width: 10rem;
}
.w-200 {
  width: 12.5rem;
}
.w-240 {
  width: 15rem;
}
.w-280 {
  width: 17.5rem;
}
.w-300 {
  width: 18.75rem;
}
.w-320 {
  width: 20rem;
}
.w-360 {
  width: 22.5rem;
}
.w-400 {
  width: 25rem;
}
.w-half {
  width: 50%;
}
.w-60p {
  width: 60%;
}
.w-70p {
  width: 70%;
}
.w-80p {
  width: 80%;
}
.w-full {
  width: 100%;
}

.h-1px {
  height: 1px;
}
.h-2px {
  height: 2px;
}
.h-3px {
  height: 3px;
}
.h-4px {
  height: 4px;
}
.h-6 {
  height: 6px;
}
.h-8 {
  height: 0.5rem;
}
.h-10 {
  height: 0.625rem;
}
.h-12 {
  height: 0.75rem;
}
.h-16 {
  height: 1rem;
}
.h-20 {
  height: 1.25rem;
}
.h-24 {
  height: 1.5rem;
}
.h-32 {
  height: 2rem;
}
.h-40 {
  height: 2.5rem;
}
.h-48 {
  height: 3rem;
}
.h-56 {
  height: 3.5rem;
}
.h-60 {
  height: 3.75rem;
}
.h-64 {
  height: 4rem;
}
.h-72 {
  height: 4.5rem;
}
.h-80 {
  height: 5rem;
}
.h-96 {
  height: 6rem;
}
.h-100 {
  height: 6.25rem !important;
}
.h-120 {
  height: 7.5rem;
}
.h-128 {
  height: 8rem;
}
.h-140 {
  height: 8.75rem;
}
.h-160 {
  height: 10rem;
}
.h-200 {
  height: 12.5rem;
}
.h-240 {
  height: 15rem;
}
.h-280 {
  height: 17.5rem;
}
.h-300 {
  height: 18.75rem;
}
.h-320 {
  height: 20rem;
}
.h-360 {
  height: 22.5rem;
}
.h-400 {
  height: 25rem;
}
.h-half {
  height: 50%;
}
.h-60p {
  height: 60%;
}
.h-70p {
  height: 70%;
}
.h-80p {
  height: 80%;
}
.h-full {
  height: 100%;
}

.min-w-0 {
  min-width: 0;
}
.min-w-24 {
  min-width: 1.5rem;
}
.min-w-32 {
  min-width: 2rem;
}
.min-w-40 {
  min-width: 2.5rem;
}
.min-w-200 {
  min-width: 12.5rem;
}
.min-w-240 {
  min-width: 15rem;
}

.min-h-0 {
  min-height: 0;
}
.min-h-24 {
  min-height: 1.5rem;
}
.min-h-32 {
  min-height: 2rem;
}
.min-h-40 {
  min-height: 2.5rem;
}
.min-h-200 {
  min-height: 12.5rem;
}
.min-h-240 {
  min-height: 15rem;
}

.max-w-400 {
  max-width: 25rem;
}
.max-w-440 {
  max-width: 27.5rem;
}
.max-w-480 {
  max-width: 30rem;
}
.max-w-520 {
  max-width: 32.5rem;
}
.max-w-600 {
  max-width: 37.5rem;
}
.max-w-640 {
  max-width: 40rem;
}
.max-w-720 {
  max-width: 45rem;
}
.max-w-800 {
  max-width: 50rem;
}
.max-w-920 {
  max-width: 57.5rem;
}
.max-w-1000 {
  max-width: 62.5rem;
}
.max-w-1080 {
  max-width: 67.5rem;
}
.max-w-1200 {
  max-width: 75rem;
}
.max-w-1280 {
  max-width: 80rem;
}
.max-w-1440 {
  max-width: 90rem;
}
.max-w-1600 {
  max-width: 100rem;
}
.max-w-60p {
  max-width: 60%;
}

@media screen and (min-width: 414px) {
  .sm--w-unset {
    width: unset;
  }
  .sm--h-unset {
    height: unset;
  }
}

@media screen and (min-width: 768px) {
  .md--w-unset {
    width: unset;
  }
  .md--w-60 {
    width: 3.75rem;
  }
  .md--h-unset {
    height: unset;
  }
  .md--max-w-200 {
    max-width: 12.5rem;
  }
}

@media screen and (min-width: 1024px) {
  .lg--w-unset {
    width: unset;
  }
  .lg--w-80 {
    width: 5rem;
  }
  
  .lg--max-w-360 {
    max-width: 22.5rem;
  }
  .lg--max-w-480 {
    max-width: 30rem;
  }

  .lg--h-unset {
    height: unset;
  }
}

@media screen and (min-width: 1200px) {
  .xl--w-unset {
    width: unset;
  }


  .xl--max-w-320 {
    max-width: 20rem;
  }
  .xl--h-unset {
    height: unset;
  }
}