@charset "utf-8";

/* === margin === */
.mt-0 {
  margin-top: 0;
}
.mt-5 {
  margin-top: 0.5rem;
}
.mt-8 {
  margin-top: 0.8rem;
}
.mt-10 {
  margin-top: 1rem;
}
.mt--10 {
  margin-top: -1rem;
}
.mt-12 {
  margin-top: 1.2rem;
}
.mt-14 {
  margin-top: 1.4rem;
}
.mt-15 {
  margin-top: 1.5rem;
}
.mt-16 {
  margin-top: 1.6rem;
}
.mt-17 {
  margin-top: 1.7rem;
}
.mt-18 {
  margin-top: 1.8rem;
}
.mt-20 {
  margin-top: 2rem;
}
.mt-22 {
  margin-top: 2.2rem;
}
.mt-24 {
  margin-top: 2.4rem;
}
.mt-25 {
  margin-top: 2.5rem;
}
.mt-26 {
  margin-top: 2.6rem;
}
.mt-28 {
  margin-top: 2.8rem;
}
.mt-30 {
  margin-top: 3rem;
}
.mt-32 {
  margin-top: 3.2rem;
}
.mt-36 {
  margin-top: 3.6rem;
}
.mt-37 {
  margin-top: 3.7rem;
}
.mt-38 {
  margin-top: 3.8rem;
}
.mt-40 {
  margin-top: 4rem;
}
.mt-41 {
  margin-top: 4.1rem;
}
.mt-44 {
  margin-top: 4.4rem;
}
.mt-45 {
  margin-top: 4.5rem;
}
.mt-48 {
  margin-top: 4.8rem;
}
.mt-50 {
  margin-top: 5rem;
}
.mt-52 {
  margin-top: 5.2rem;
}
.mt-60 {
  margin-top: 6rem;
}
.mt-66 {
  margin-top: 6.6rem;
}
.mt-68 {
  margin-top: 6.8rem;
}
.mt-70 {
  margin-top: 7rem;
}
.mt-74 {
  margin-top: 7.4rem;
}
.mt-80 {
  margin-top: 8rem;
}
.mt-88 {
  margin-top: 8.8rem;
}
.mt-90 {
  margin-top: 9rem;
}
.mt-100 {
  margin-top: 10rem;
}
.mt-128 {
  margin-top: 12.8rem;
}
.mt-168 {
  margin-top: 16.8rem;
}
.mt-200 {
  margin-top: 20rem;
}
.mt--20 {
  margin-top: -20rem;
}
.mt--60 {
  margin-top: -60rem;
}

.mb-0 {
  margin-bottom: 0;
}
.mb-5 {
  margin-bottom: 0.5rem;
}
.mb-10 {
  margin-bottom: 1rem;
}
.mb-15 {
  margin-bottom: 1.5rem;
}
.mb-16 {
  margin-bottom: 1.6rem;
}
.mb-20 {
  margin-bottom: 2rem;
}
.mb-28 {
  margin-bottom: 2.8rem;
}
.mb-30 {
  margin-bottom: 3rem;
}
.mb-32 {
  margin-bottom: 3.2rem;
}
.mb-35 {
  margin-bottom: 3.5rem;
}
.mb-40 {
  margin-bottom: 4rem;
}
.mb-50 {
  margin-bottom: 5rem;
}
.mb-60 {
  margin-bottom: 6rem;
}
.mb-80 {
  margin-bottom: 8rem;
}
.mb-90 {
  margin-bottom: 9rem;
}

.ml-0 {
  margin-left: 0;
}
.ml-5 {
  margin-left: 0.5rem;
}
.ml-8 {
  margin-left: 0.8rem;
}
.ml-10 {
  margin-left: 1rem;
}
.ml-20 {
  margin-left: 2rem;
}
.ml-24 {
  margin-left: 2.4rem;
}
.ml-30 {
  margin-left: 3rem;
}
.ml-40 {
  margin-left: 4rem;
}
.ml-50 {
  margin-left: 5rem;
}
.ml-75 {
  margin-left: 7.5rem;
}

.mr-0 {
  margin-right: 0;
}
.mr-5 {
  margin-right: 0.5rem;
}
.mr-10 {
  margin-right: 1rem;
}
.mr-20 {
  margin-right: 2rem;
}
.mr-40 {
  margin-right: 4rem;
}

/*padding*/
.pdt-0 {
  padding-top: 0;
}
.pdt-5 {
  padding-top: 0.5rem;
}
.pdt-10 {
  padding-top: 1rem;
}
.pdt-12 {
  padding-top: 1.2rem;
}
.pdt-14 {
  padding-top: 1.4rem;
}
.pdt-20 {
  padding-top: 2rem;
}
.pdt-24 {
  padding-top: 2.4rem;
}
.pdt-26 {
  padding-top: 2.6rem;
}
.pdt-30 {
  padding-top: 3rem;
}
.pdt-40 {
  padding-top: 4rem;
}
.pdt-90 {
  padding-top: 9rem;
}

.pdb-0 {
  padding-bottom: 0;
}
.pdb-56 {
  padding-bottom: 5.6rem;
}
.pdb-60 {
  padding-bottom: 6rem;
}
.pdb-80 {
  padding-bottom: 8rem;
}
.pdb-90 {
  padding-bottom: 9rem;
}
.pdb-140 {
  padding-bottom: 14rem;
}
.pdb-160 {
  padding-bottom: 16rem;
}

.pdl-20 {
  padding-left: 2rem;
}
.pdl-30 {
  padding-left: 3rem;
}

/*width*/
.w30 {
  width: 3rem;
}
.w40 {
  width: 4rem;
}
.w45 {
  width: 4.5rem;
}
.w50 {
  width: 5rem;
}
.w60 {
  width: 6rem;
}
.w70 {
  width: 7rem;
}
.w80 {
  width: 8rem;
}
.w85 {
  width: 8.5rem;
}
.w90 {
  width: 9rem;
}
.w100 {
  width: 10rem;
}
.w135 {
  width: 13.5rem;
}
.w150 {
  width: 15rem;
}
.w160 {
  width: 16rem;
}
.w200 {
  width: 20rem;
}
.w220 {
  width: 22rem;
}
.w248 {
  width: 24.8rem;
}
.w300 {
  width: 30rem;
}
.w355 {
  width: 35.5rem;
}
.w400 {
  width: 40rem;
}
.w450 {
  width: 45rem;
}
.w500 {
  width: 50rem;
}
.w960 {
  width: 96rem;
}

.w5p {
  width: 5%;
}
.w10p {
  width: 10%;
}
.w15p {
  width: 15%;
}
.w20p {
  width: 20%;
}
.w25p {
  width: 25%;
}
.w30p {
  width: 30%;
}
.w35p {
  width: 35%;
}
.w40p {
  width: 40%;
}
.w45p {
  width: 45%;
}
.w50p {
  width: 50%;
}
.w55p {
  width: 55%;
}
.w60p {
  width: 60%;
}
.w65p {
  width: 65%;
}
.w70p {
  width: 70%;
}
.w75p {
  width: 75%;
}
.w80p {
  width: 80%;
}
.w85p {
  width: 85%;
}
.w90p {
  width: 90%;
}
.w95p {
  width: 95%;
}
.w100p {
  width: 100%;
}
.marginC {
  margin: 0 auto;
}

*:focus-visible {
  outline: 2px solid var(--secondary);
}

*.inner-outline:focus-visible {
  outline-offset: -2px;
}