/* 24px */
/** --------------------
 *  Fixed widths
 ** -------------------- */
.w-0 {
  width: 0rem;
}

.w-1 {
  width: 0.25rem;
}

.w-2 {
  width: 0.5rem;
}

.w-3 {
  width: 0.75rem;
}

.w-4 {
  width: 1rem;
}

.w-5 {
  width: 1.25rem;
}

.w-6 {
  width: 1.5rem;
}

.w-8 {
  width: 2rem;
}

.w-10 {
  width: 2.5rem;
}

.w-12 {
  width: 3rem;
}

.w-16 {
  width: 4rem;
}

.w-20 {
  width: 5rem;
}

.w-24 {
  width: 6rem;
}

.w-32 {
  width: 8rem;
}

.w-40 {
  width: 10rem;
}

.w-48 {
  width: 12rem;
}

.w-56 {
  width: 14rem;
}

.w-64 {
  width: 16rem;
}

@media (min-width: 640px) {
  .s\:w-0 {
    width: 0rem;
  }

  .s\:w-1 {
    width: 0.25rem;
  }

  .s\:w-2 {
    width: 0.5rem;
  }

  .s\:w-3 {
    width: 0.75rem;
  }

  .s\:w-4 {
    width: 1rem;
  }

  .s\:w-5 {
    width: 1.25rem;
  }

  .s\:w-6 {
    width: 1.5rem;
  }

  .s\:w-8 {
    width: 2rem;
  }

  .s\:w-10 {
    width: 2.5rem;
  }

  .s\:w-12 {
    width: 3rem;
  }

  .s\:w-16 {
    width: 4rem;
  }

  .s\:w-20 {
    width: 5rem;
  }

  .s\:w-24 {
    width: 6rem;
  }

  .s\:w-32 {
    width: 8rem;
  }

  .s\:w-40 {
    width: 10rem;
  }

  .s\:w-48 {
    width: 12rem;
  }

  .s\:w-56 {
    width: 14rem;
  }

  .s\:w-64 {
    width: 16rem;
  }
}
@media (min-width: 768px) {
  .m\:w-0 {
    width: 0rem;
  }

  .m\:w-1 {
    width: 0.25rem;
  }

  .m\:w-2 {
    width: 0.5rem;
  }

  .m\:w-3 {
    width: 0.75rem;
  }

  .m\:w-4 {
    width: 1rem;
  }

  .m\:w-5 {
    width: 1.25rem;
  }

  .m\:w-6 {
    width: 1.5rem;
  }

  .m\:w-8 {
    width: 2rem;
  }

  .m\:w-10 {
    width: 2.5rem;
  }

  .m\:w-12 {
    width: 3rem;
  }

  .m\:w-16 {
    width: 4rem;
  }

  .m\:w-20 {
    width: 5rem;
  }

  .m\:w-24 {
    width: 6rem;
  }

  .m\:w-32 {
    width: 8rem;
  }

  .m\:w-40 {
    width: 10rem;
  }

  .m\:w-48 {
    width: 12rem;
  }

  .m\:w-56 {
    width: 14rem;
  }

  .m\:w-64 {
    width: 16rem;
  }
}
@media (min-width: 1024px) {
  .l\:w-0 {
    width: 0rem;
  }

  .l\:w-1 {
    width: 0.25rem;
  }

  .l\:w-2 {
    width: 0.5rem;
  }

  .l\:w-3 {
    width: 0.75rem;
  }

  .l\:w-4 {
    width: 1rem;
  }

  .l\:w-5 {
    width: 1.25rem;
  }

  .l\:w-6 {
    width: 1.5rem;
  }

  .l\:w-8 {
    width: 2rem;
  }

  .l\:w-10 {
    width: 2.5rem;
  }

  .l\:w-12 {
    width: 3rem;
  }

  .l\:w-16 {
    width: 4rem;
  }

  .l\:w-20 {
    width: 5rem;
  }

  .l\:w-24 {
    width: 6rem;
  }

  .l\:w-32 {
    width: 8rem;
  }

  .l\:w-40 {
    width: 10rem;
  }

  .l\:w-48 {
    width: 12rem;
  }

  .l\:w-56 {
    width: 14rem;
  }

  .l\:w-64 {
    width: 16rem;
  }
}
@media (min-width: 1280px) {
  .x\:w-0 {
    width: 0rem;
  }

  .x\:w-1 {
    width: 0.25rem;
  }

  .x\:w-2 {
    width: 0.5rem;
  }

  .x\:w-3 {
    width: 0.75rem;
  }

  .x\:w-4 {
    width: 1rem;
  }

  .x\:w-5 {
    width: 1.25rem;
  }

  .x\:w-6 {
    width: 1.5rem;
  }

  .x\:w-8 {
    width: 2rem;
  }

  .x\:w-10 {
    width: 2.5rem;
  }

  .x\:w-12 {
    width: 3rem;
  }

  .x\:w-16 {
    width: 4rem;
  }

  .x\:w-20 {
    width: 5rem;
  }

  .x\:w-24 {
    width: 6rem;
  }

  .x\:w-32 {
    width: 8rem;
  }

  .x\:w-40 {
    width: 10rem;
  }

  .x\:w-48 {
    width: 12rem;
  }

  .x\:w-56 {
    width: 14rem;
  }

  .x\:w-64 {
    width: 16rem;
  }
}
/** --------------------
 *  Width ratios
 ** -------------------- */
.w-auto {
  width: auto;
}

.w-100 {
  width: 100%;
}

.w-full {
  width: 100vw;
}

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

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

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

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

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

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

.w-1\/5 {
  width: 20%;
}

.w-2\/5 {
  width: 40%;
}

.w-3\/5 {
  width: 60%;
}

.w-4\/5 {
  width: 80%;
}

.w-1\/6 {
  width: 16.6666666667%;
}

.w-2\/6 {
  width: 33.3333333333%;
}

.w-3\/6 {
  width: 50%;
}

.w-4\/6 {
  width: 66.6666666667%;
}

.w-5\/6 {
  width: 83.3333333333%;
}

.w-1\/12 {
  width: 8.3333333333%;
}

.w-2\/12 {
  width: 16.6666666667%;
}

.w-3\/12 {
  width: 25%;
}

.w-4\/12 {
  width: 33.3333333333%;
}

.w-5\/12 {
  width: 41.6666666667%;
}

.w-6\/12 {
  width: 50%;
}

.w-7\/12 {
  width: 58.3333333333%;
}

.w-8\/12 {
  width: 66.6666666667%;
}

.w-9\/12 {
  width: 75%;
}

.w-10\/12 {
  width: 83.3333333333%;
}

.w-11\/12 {
  width: 91.6666666667%;
}

@media (min-width: 640px) {
  .s\:w-auto {
    width: auto;
  }

  .s\:w-100 {
    width: 100%;
  }

  .s\:w-full {
    width: 100vw;
  }

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

  .s\:w-1\/3 {
    width: 33.3333333333%;
  }

  .s\:w-2\/3 {
    width: 66.6666666667%;
  }

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

  .s\:w-2\/4 {
    width: 50%;
  }

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

  .s\:w-1\/5 {
    width: 20%;
  }

  .s\:w-2\/5 {
    width: 40%;
  }

  .s\:w-3\/5 {
    width: 60%;
  }

  .s\:w-4\/5 {
    width: 80%;
  }

  .s\:w-1\/6 {
    width: 16.6666666667%;
  }

  .s\:w-2\/6 {
    width: 33.3333333333%;
  }

  .s\:w-3\/6 {
    width: 50%;
  }

  .s\:w-4\/6 {
    width: 66.6666666667%;
  }

  .s\:w-5\/6 {
    width: 83.3333333333%;
  }

  .s\:w-1\/12 {
    width: 8.3333333333%;
  }

  .s\:w-2\/12 {
    width: 16.6666666667%;
  }

  .s\:w-3\/12 {
    width: 25%;
  }

  .s\:w-4\/12 {
    width: 33.3333333333%;
  }

  .s\:w-5\/12 {
    width: 41.6666666667%;
  }

  .s\:w-6\/12 {
    width: 50%;
  }

  .s\:w-7\/12 {
    width: 58.3333333333%;
  }

  .s\:w-8\/12 {
    width: 66.6666666667%;
  }

  .s\:w-9\/12 {
    width: 75%;
  }

  .s\:w-10\/12 {
    width: 83.3333333333%;
  }

  .s\:w-11\/12 {
    width: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .m\:w-auto {
    width: auto;
  }

  .m\:w-100 {
    width: 100%;
  }

  .m\:w-full {
    width: 100vw;
  }

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

  .m\:w-1\/3 {
    width: 33.3333333333%;
  }

  .m\:w-2\/3 {
    width: 66.6666666667%;
  }

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

  .m\:w-2\/4 {
    width: 50%;
  }

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

  .m\:w-1\/5 {
    width: 20%;
  }

  .m\:w-2\/5 {
    width: 40%;
  }

  .m\:w-3\/5 {
    width: 60%;
  }

  .m\:w-4\/5 {
    width: 80%;
  }

  .m\:w-1\/6 {
    width: 16.6666666667%;
  }

  .m\:w-2\/6 {
    width: 33.3333333333%;
  }

  .m\:w-3\/6 {
    width: 50%;
  }

  .m\:w-4\/6 {
    width: 66.6666666667%;
  }

  .m\:w-5\/6 {
    width: 83.3333333333%;
  }

  .m\:w-1\/12 {
    width: 8.3333333333%;
  }

  .m\:w-2\/12 {
    width: 16.6666666667%;
  }

  .m\:w-3\/12 {
    width: 25%;
  }

  .m\:w-4\/12 {
    width: 33.3333333333%;
  }

  .m\:w-5\/12 {
    width: 41.6666666667%;
  }

  .m\:w-6\/12 {
    width: 50%;
  }

  .m\:w-7\/12 {
    width: 58.3333333333%;
  }

  .m\:w-8\/12 {
    width: 66.6666666667%;
  }

  .m\:w-9\/12 {
    width: 75%;
  }

  .m\:w-10\/12 {
    width: 83.3333333333%;
  }

  .m\:w-11\/12 {
    width: 91.6666666667%;
  }
}
@media (min-width: 1024px) {
  .l\:w-auto {
    width: auto;
  }

  .l\:w-100 {
    width: 100%;
  }

  .l\:w-full {
    width: 100vw;
  }

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

  .l\:w-1\/3 {
    width: 33.3333333333%;
  }

  .l\:w-2\/3 {
    width: 66.6666666667%;
  }

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

  .l\:w-2\/4 {
    width: 50%;
  }

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

  .l\:w-1\/5 {
    width: 20%;
  }

  .l\:w-2\/5 {
    width: 40%;
  }

  .l\:w-3\/5 {
    width: 60%;
  }

  .l\:w-4\/5 {
    width: 80%;
  }

  .l\:w-1\/6 {
    width: 16.6666666667%;
  }

  .l\:w-2\/6 {
    width: 33.3333333333%;
  }

  .l\:w-3\/6 {
    width: 50%;
  }

  .l\:w-4\/6 {
    width: 66.6666666667%;
  }

  .l\:w-5\/6 {
    width: 83.3333333333%;
  }

  .l\:w-1\/12 {
    width: 8.3333333333%;
  }

  .l\:w-2\/12 {
    width: 16.6666666667%;
  }

  .l\:w-3\/12 {
    width: 25%;
  }

  .l\:w-4\/12 {
    width: 33.3333333333%;
  }

  .l\:w-5\/12 {
    width: 41.6666666667%;
  }

  .l\:w-6\/12 {
    width: 50%;
  }

  .l\:w-7\/12 {
    width: 58.3333333333%;
  }

  .l\:w-8\/12 {
    width: 66.6666666667%;
  }

  .l\:w-9\/12 {
    width: 75%;
  }

  .l\:w-10\/12 {
    width: 83.3333333333%;
  }

  .l\:w-11\/12 {
    width: 91.6666666667%;
  }
}
@media (min-width: 1280px) {
  .x\:w-auto {
    width: auto;
  }

  .x\:w-100 {
    width: 100%;
  }

  .x\:w-full {
    width: 100vw;
  }

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

  .x\:w-1\/3 {
    width: 33.3333333333%;
  }

  .x\:w-2\/3 {
    width: 66.6666666667%;
  }

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

  .x\:w-2\/4 {
    width: 50%;
  }

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

  .x\:w-1\/5 {
    width: 20%;
  }

  .x\:w-2\/5 {
    width: 40%;
  }

  .x\:w-3\/5 {
    width: 60%;
  }

  .x\:w-4\/5 {
    width: 80%;
  }

  .x\:w-1\/6 {
    width: 16.6666666667%;
  }

  .x\:w-2\/6 {
    width: 33.3333333333%;
  }

  .x\:w-3\/6 {
    width: 50%;
  }

  .x\:w-4\/6 {
    width: 66.6666666667%;
  }

  .x\:w-5\/6 {
    width: 83.3333333333%;
  }

  .x\:w-1\/12 {
    width: 8.3333333333%;
  }

  .x\:w-2\/12 {
    width: 16.6666666667%;
  }

  .x\:w-3\/12 {
    width: 25%;
  }

  .x\:w-4\/12 {
    width: 33.3333333333%;
  }

  .x\:w-5\/12 {
    width: 41.6666666667%;
  }

  .x\:w-6\/12 {
    width: 50%;
  }

  .x\:w-7\/12 {
    width: 58.3333333333%;
  }

  .x\:w-8\/12 {
    width: 66.6666666667%;
  }

  .x\:w-9\/12 {
    width: 75%;
  }

  .x\:w-10\/12 {
    width: 83.3333333333%;
  }

  .x\:w-11\/12 {
    width: 91.6666666667%;
  }
}

/*# sourceMappingURL=width.css.map */