/**
 * Padding
 *
 * 値は px 相当。rem で宣言しているため、html の font-size 可変に追従して伸縮する。
 * 全プロパティ × 全値 × 全ブレークポイントを機械生成した格子。
 * 値を足すときは VALUES を増やして再生成すること。手で1クラスずつ足すと歯抜けが再発する。
 *
 * 末尾に px を持つ旧名（p-4px / py-100px など）は互換のために残している。
 * 新規に書くときは p-4 / py-100 を使う。
 */

/* padding */
.p-0 {
  padding: 0;
}
.p-4 {
  padding: 0.25rem;
}
.p-6 {
  padding: 0.375rem;
}
.p-8 {
  padding: 0.5rem;
}
.p-10 {
  padding: 0.625rem;
}
.p-12 {
  padding: 0.75rem;
}
.p-16 {
  padding: 1rem;
}
.p-20 {
  padding: 1.25rem;
}
.p-24 {
  padding: 1.5rem;
}
.p-32 {
  padding: 2rem;
}
.p-40 {
  padding: 2.5rem;
}
.p-48 {
  padding: 3rem;
}
.p-56 {
  padding: 3.5rem;
}
.p-60 {
  padding: 3.75rem;
}
.p-64 {
  padding: 4rem;
}
.p-80 {
  padding: 5rem;
}
.p-96 {
  padding: 6rem;
}
.p-100 {
  padding: 6.25rem;
}
.p-120 {
  padding: 7.5rem;
}
.p-160 {
  padding: 10rem;
}

/* 旧名（互換用） */
.p-4px {
  padding: 0.25rem;
}

/* padding-top-padding-bottom */
.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.py-4 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-6 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-8 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-10 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-12 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-16 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-20 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-24 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-32 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-40 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-48 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-56 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.py-60 {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}
.py-64 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-80 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-96 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.py-100 {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}
.py-120 {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}
.py-160 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

/* 旧名（互換用） */
.py-4px {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-100px {
  padding-top: 100px;
  padding-bottom: 100px;
}

/* padding-top */
.pt-0 {
  padding-top: 0;
}
.pt-4 {
  padding-top: 0.25rem;
}
.pt-6 {
  padding-top: 0.375rem;
}
.pt-8 {
  padding-top: 0.5rem;
}
.pt-10 {
  padding-top: 0.625rem;
}
.pt-12 {
  padding-top: 0.75rem;
}
.pt-16 {
  padding-top: 1rem;
}
.pt-20 {
  padding-top: 1.25rem;
}
.pt-24 {
  padding-top: 1.5rem;
}
.pt-32 {
  padding-top: 2rem;
}
.pt-40 {
  padding-top: 2.5rem;
}
.pt-48 {
  padding-top: 3rem;
}
.pt-56 {
  padding-top: 3.5rem;
}
.pt-60 {
  padding-top: 3.75rem;
}
.pt-64 {
  padding-top: 4rem;
}
.pt-80 {
  padding-top: 5rem;
}
.pt-96 {
  padding-top: 6rem;
}
.pt-100 {
  padding-top: 6.25rem;
}
.pt-120 {
  padding-top: 7.5rem;
}
.pt-160 {
  padding-top: 10rem;
}
.pt-200 {
  padding-top: 12.5rem;
}


/* 旧名（互換用） */
.pt-4px {
  padding-top: 0.25rem;
}
.pt-100px {
  padding-top: 100px;
}
.pt-full {
  padding-top: 100%;
}
.pt-half {
  padding-top: 50%;
}

/* padding-bottom */
.pb-0 {
  padding-bottom: 0;
}
.pb-4 {
  padding-bottom: 0.25rem;
}
.pb-6 {
  padding-bottom: 0.375rem;
}
.pb-8 {
  padding-bottom: 0.5rem;
}
.pb-10 {
  padding-bottom: 0.625rem;
}
.pb-12 {
  padding-bottom: 0.75rem;
}
.pb-16 {
  padding-bottom: 1rem;
}
.pb-20 {
  padding-bottom: 1.25rem;
}
.pb-24 {
  padding-bottom: 1.5rem;
}
.pb-32 {
  padding-bottom: 2rem;
}
.pb-40 {
  padding-bottom: 2.5rem;
}
.pb-48 {
  padding-bottom: 3rem;
}
.pb-56 {
  padding-bottom: 3.5rem;
}
.pb-60 {
  padding-bottom: 3.75rem;
}
.pb-64 {
  padding-bottom: 4rem;
}
.pb-80 {
  padding-bottom: 5rem;
}
.pb-96 {
  padding-bottom: 6rem;
}
.pb-100 {
  padding-bottom: 6.25rem;
}
.pb-120 {
  padding-bottom: 7.5rem;
}
.pb-160 {
  padding-bottom: 10rem;
}

/* 旧名（互換用） */
.pb-4px {
  padding-bottom: 0.25rem;
}
.pb-100px {
  padding-bottom: 100px;
}

/* padding-left-padding-right */
.px-0 {
  padding-left: 0;
  padding-right: 0;
}
.px-4 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-6 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-8 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-10 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-12 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-16 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-20 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-24 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-32 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-40 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-48 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-56 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}
.px-60 {
  padding-left: 3.75rem;
  padding-right: 3.75rem;
}
.px-64 {
  padding-left: 4rem;
  padding-right: 4rem;
}
.px-80 {
  padding-left: 5rem;
  padding-right: 5rem;
}
.px-96 {
  padding-left: 6rem;
  padding-right: 6rem;
}
.px-100 {
  padding-left: 6.25rem;
  padding-right: 6.25rem;
}
.px-120 {
  padding-left: 7.5rem;
  padding-right: 7.5rem;
}
.px-160 {
  padding-left: 10rem;
  padding-right: 10rem;
}

/* コンテナの左右余白。ブレークポイントごとに値が変わる。 */
.px-container {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

/* 旧名（互換用） */
.px-4px {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-100px {
  padding-left: 100px;
  padding-right: 100px;
}

/* padding-right */
.pr-0 {
  padding-right: 0;
}
.pr-4 {
  padding-right: 0.25rem;
}
.pr-6 {
  padding-right: 0.375rem;
}
.pr-8 {
  padding-right: 0.5rem;
}
.pr-10 {
  padding-right: 0.625rem;
}
.pr-12 {
  padding-right: 0.75rem;
}
.pr-16 {
  padding-right: 1rem;
}
.pr-20 {
  padding-right: 1.25rem;
}
.pr-24 {
  padding-right: 1.5rem;
}
.pr-32 {
  padding-right: 2rem;
}
.pr-40 {
  padding-right: 2.5rem;
}
.pr-48 {
  padding-right: 3rem;
}
.pr-56 {
  padding-right: 3.5rem;
}
.pr-60 {
  padding-right: 3.75rem;
}
.pr-64 {
  padding-right: 4rem;
}
.pr-80 {
  padding-right: 5rem;
}
.pr-96 {
  padding-right: 6rem;
}
.pr-100 {
  padding-right: 6.25rem;
}
.pr-120 {
  padding-right: 7.5rem;
}
.pr-160 {
  padding-right: 10rem;
}

/* 旧名（互換用） */
.pr-4px {
  padding-right: 0.25rem;
}
.pr-100px {
  padding-right: 100px;
}

/* padding-left */
.pl-0 {
  padding-left: 0;
}
.pl-4 {
  padding-left: 0.25rem;
}
.pl-6 {
  padding-left: 0.375rem;
}
.pl-8 {
  padding-left: 0.5rem;
}
.pl-10 {
  padding-left: 0.625rem;
}
.pl-12 {
  padding-left: 0.75rem;
}
.pl-16 {
  padding-left: 1rem;
}
.pl-20 {
  padding-left: 1.25rem;
}
.pl-24 {
  padding-left: 1.5rem;
}
.pl-32 {
  padding-left: 2rem;
}
.pl-40 {
  padding-left: 2.5rem;
}
.pl-48 {
  padding-left: 3rem;
}
.pl-56 {
  padding-left: 3.5rem;
}
.pl-60 {
  padding-left: 3.75rem;
}
.pl-64 {
  padding-left: 4rem;
}
.pl-80 {
  padding-left: 5rem;
}
.pl-96 {
  padding-left: 6rem;
}
.pl-100 {
  padding-left: 6.25rem;
}
.pl-120 {
  padding-left: 7.5rem;
}
.pl-160 {
  padding-left: 10rem;
}

/* 旧名（互換用） */
.pl-4px {
  padding-left: 0.25rem;
}
.pl-100px {
  padding-left: 100px;
}

@media screen and (min-width: 768px) {
  .px-container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .md--p-0 {
    padding: 0;
  }
  .md--p-4 {
    padding: 0.25rem;
  }
  .md--p-6 {
    padding: 0.375rem;
  }
  .md--p-8 {
    padding: 0.5rem;
  }
  .md--p-10 {
    padding: 0.625rem;
  }
  .md--p-12 {
    padding: 0.75rem;
  }
  .md--p-16 {
    padding: 1rem;
  }
  .md--p-20 {
    padding: 1.25rem;
  }
  .md--p-24 {
    padding: 1.5rem;
  }
  .md--p-32 {
    padding: 2rem;
  }
  .md--p-40 {
    padding: 2.5rem;
  }
  .md--p-48 {
    padding: 3rem;
  }
  .md--p-56 {
    padding: 3.5rem;
  }
  .md--p-60 {
    padding: 3.75rem;
  }
  .md--p-64 {
    padding: 4rem;
  }
  .md--p-80 {
    padding: 5rem;
  }
  .md--p-96 {
    padding: 6rem;
  }
  .md--p-100 {
    padding: 6.25rem;
  }
  .md--p-120 {
    padding: 7.5rem;
  }
  .md--p-160 {
    padding: 10rem;
  }
  .md--py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .md--py-4 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .md--py-6 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  .md--py-8 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .md--py-10 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .md--py-12 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .md--py-16 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .md--py-20 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .md--py-24 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .md--py-32 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .md--py-40 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .md--py-48 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .md--py-56 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .md--py-60 {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
  .md--py-64 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .md--py-80 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .md--py-96 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .md--py-100 {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
  .md--py-120 {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }
  .md--py-160 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .md--pt-0 {
    padding-top: 0;
  }
  .md--pt-4 {
    padding-top: 0.25rem;
  }
  .md--pt-6 {
    padding-top: 0.375rem;
  }
  .md--pt-8 {
    padding-top: 0.5rem;
  }
  .md--pt-10 {
    padding-top: 0.625rem;
  }
  .md--pt-12 {
    padding-top: 0.75rem;
  }
  .md--pt-16 {
    padding-top: 1rem;
  }
  .md--pt-20 {
    padding-top: 1.25rem;
  }
  .md--pt-24 {
    padding-top: 1.5rem;
  }
  .md--pt-32 {
    padding-top: 2rem;
  }
  .md--pt-40 {
    padding-top: 2.5rem;
  }
  .md--pt-48 {
    padding-top: 3rem;
  }
  .md--pt-56 {
    padding-top: 3.5rem;
  }
  .md--pt-60 {
    padding-top: 3.75rem;
  }
  .md--pt-64 {
    padding-top: 4rem;
  }
  .md--pt-80 {
    padding-top: 5rem;
  }
  .md--pt-96 {
    padding-top: 6rem;
  }
  .md--pt-100 {
    padding-top: 6.25rem;
  }
  .md--pt-120 {
    padding-top: 7.5rem;
  }
  .md--pt-160 {
    padding-top: 10rem;
  }
  .md--pb-0 {
    padding-bottom: 0;
  }
  .md--pb-4 {
    padding-bottom: 0.25rem;
  }
  .md--pb-6 {
    padding-bottom: 0.375rem;
  }
  .md--pb-8 {
    padding-bottom: 0.5rem;
  }
  .md--pb-10 {
    padding-bottom: 0.625rem;
  }
  .md--pb-12 {
    padding-bottom: 0.75rem;
  }
  .md--pb-16 {
    padding-bottom: 1rem;
  }
  .md--pb-20 {
    padding-bottom: 1.25rem;
  }
  .md--pb-24 {
    padding-bottom: 1.5rem;
  }
  .md--pb-32 {
    padding-bottom: 2rem;
  }
  .md--pb-40 {
    padding-bottom: 2.5rem;
  }
  .md--pb-48 {
    padding-bottom: 3rem;
  }
  .md--pb-56 {
    padding-bottom: 3.5rem;
  }
  .md--pb-60 {
    padding-bottom: 3.75rem;
  }
  .md--pb-64 {
    padding-bottom: 4rem;
  }
  .md--pb-80 {
    padding-bottom: 5rem;
  }
  .md--pb-96 {
    padding-bottom: 6rem;
  }
  .md--pb-100 {
    padding-bottom: 6.25rem;
  }
  .md--pb-120 {
    padding-bottom: 7.5rem;
  }
  .md--pb-160 {
    padding-bottom: 10rem;
  }
  .md--px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .md--px-4 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .md--px-6 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }
  .md--px-8 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .md--px-10 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .md--px-12 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .md--px-16 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .md--px-20 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .md--px-24 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .md--px-32 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .md--px-40 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .md--px-48 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .md--px-56 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .md--px-60 {
    padding-left: 3.75rem;
    padding-right: 3.75rem;
  }
  .md--px-64 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .md--px-80 {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .md--px-96 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .md--px-100 {
    padding-left: 6.25rem;
    padding-right: 6.25rem;
  }
  .md--px-120 {
    padding-left: 7.5rem;
    padding-right: 7.5rem;
  }
  .md--px-160 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .md--pr-0 {
    padding-right: 0;
  }
  .md--pr-4 {
    padding-right: 0.25rem;
  }
  .md--pr-6 {
    padding-right: 0.375rem;
  }
  .md--pr-8 {
    padding-right: 0.5rem;
  }
  .md--pr-10 {
    padding-right: 0.625rem;
  }
  .md--pr-12 {
    padding-right: 0.75rem;
  }
  .md--pr-16 {
    padding-right: 1rem;
  }
  .md--pr-20 {
    padding-right: 1.25rem;
  }
  .md--pr-24 {
    padding-right: 1.5rem;
  }
  .md--pr-32 {
    padding-right: 2rem;
  }
  .md--pr-40 {
    padding-right: 2.5rem;
  }
  .md--pr-48 {
    padding-right: 3rem;
  }
  .md--pr-56 {
    padding-right: 3.5rem;
  }
  .md--pr-60 {
    padding-right: 3.75rem;
  }
  .md--pr-64 {
    padding-right: 4rem;
  }
  .md--pr-80 {
    padding-right: 5rem;
  }
  .md--pr-96 {
    padding-right: 6rem;
  }
  .md--pr-100 {
    padding-right: 6.25rem;
  }
  .md--pr-120 {
    padding-right: 7.5rem;
  }
  .md--pr-160 {
    padding-right: 10rem;
  }
  .md--pl-0 {
    padding-left: 0;
  }
  .md--pl-4 {
    padding-left: 0.25rem;
  }
  .md--pl-6 {
    padding-left: 0.375rem;
  }
  .md--pl-8 {
    padding-left: 0.5rem;
  }
  .md--pl-10 {
    padding-left: 0.625rem;
  }
  .md--pl-12 {
    padding-left: 0.75rem;
  }
  .md--pl-16 {
    padding-left: 1rem;
  }
  .md--pl-20 {
    padding-left: 1.25rem;
  }
  .md--pl-24 {
    padding-left: 1.5rem;
  }
  .md--pl-32 {
    padding-left: 2rem;
  }
  .md--pl-40 {
    padding-left: 2.5rem;
  }
  .md--pl-48 {
    padding-left: 3rem;
  }
  .md--pl-56 {
    padding-left: 3.5rem;
  }
  .md--pl-60 {
    padding-left: 3.75rem;
  }
  .md--pl-64 {
    padding-left: 4rem;
  }
  .md--pl-80 {
    padding-left: 5rem;
  }
  .md--pl-96 {
    padding-left: 6rem;
  }
  .md--pl-100 {
    padding-left: 6.25rem;
  }
  .md--pl-120 {
    padding-left: 7.5rem;
  }
  .md--pl-160 {
    padding-left: 10rem;
  }
}

@media screen and (min-width: 1024px) {
  .px-container {
    padding-left: 3.75rem;
    padding-right: 3.75rem;
  }
  .lg--p-0 {
    padding: 0;
  }
  .lg--p-4 {
    padding: 0.25rem;
  }
  .lg--p-6 {
    padding: 0.375rem;
  }
  .lg--p-8 {
    padding: 0.5rem;
  }
  .lg--p-10 {
    padding: 0.625rem;
  }
  .lg--p-12 {
    padding: 0.75rem;
  }
  .lg--p-16 {
    padding: 1rem;
  }
  .lg--p-20 {
    padding: 1.25rem;
  }
  .lg--p-24 {
    padding: 1.5rem;
  }
  .lg--p-32 {
    padding: 2rem;
  }
  .lg--p-40 {
    padding: 2.5rem;
  }
  .lg--p-48 {
    padding: 3rem;
  }
  .lg--p-56 {
    padding: 3.5rem;
  }
  .lg--p-60 {
    padding: 3.75rem;
  }
  .lg--p-64 {
    padding: 4rem;
  }
  .lg--p-80 {
    padding: 5rem;
  }
  .lg--p-96 {
    padding: 6rem;
  }
  .lg--p-100 {
    padding: 6.25rem;
  }
  .lg--p-120 {
    padding: 7.5rem;
  }
  .lg--p-160 {
    padding: 10rem;
  }
  .lg--py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .lg--py-4 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .lg--py-6 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  .lg--py-8 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .lg--py-10 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .lg--py-12 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .lg--py-16 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .lg--py-20 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .lg--py-24 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .lg--py-32 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .lg--py-40 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .lg--py-48 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .lg--py-56 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .lg--py-60 {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
  .lg--py-64 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .lg--py-80 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .lg--py-96 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .lg--py-100 {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
  .lg--py-120 {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }
  .lg--py-160 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .lg--py-100px {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
  .lg--pt-0 {
    padding-top: 0;
  }
  .lg--pt-4 {
    padding-top: 0.25rem;
  }
  .lg--pt-6 {
    padding-top: 0.375rem;
  }
  .lg--pt-8 {
    padding-top: 0.5rem;
  }
  .lg--pt-10 {
    padding-top: 0.625rem;
  }
  .lg--pt-12 {
    padding-top: 0.75rem;
  }
  .lg--pt-16 {
    padding-top: 1rem;
  }
  .lg--pt-20 {
    padding-top: 1.25rem;
  }
  .lg--pt-24 {
    padding-top: 1.5rem;
  }
  .lg--pt-32 {
    padding-top: 2rem;
  }
  .lg--pt-40 {
    padding-top: 2.5rem;
  }
  .lg--pt-48 {
    padding-top: 3rem;
  }
  .lg--pt-56 {
    padding-top: 3.5rem;
  }
  .lg--pt-60 {
    padding-top: 3.75rem;
  }
  .lg--pt-64 {
    padding-top: 4rem;
  }
  .lg--pt-80 {
    padding-top: 5rem;
  }
  .lg--pt-96 {
    padding-top: 6rem;
  }
  .lg--pt-100 {
    padding-top: 6.25rem;
  }
  .lg--pt-120 {
    padding-top: 7.5rem;
  }
  .lg--pt-160 {
    padding-top: 10rem;
  }
  .lg--pb-0 {
    padding-bottom: 0;
  }
  .lg--pb-4 {
    padding-bottom: 0.25rem;
  }
  .lg--pb-6 {
    padding-bottom: 0.375rem;
  }
  .lg--pb-8 {
    padding-bottom: 0.5rem;
  }
  .lg--pb-10 {
    padding-bottom: 0.625rem;
  }
  .lg--pb-12 {
    padding-bottom: 0.75rem;
  }
  .lg--pb-16 {
    padding-bottom: 1rem;
  }
  .lg--pb-20 {
    padding-bottom: 1.25rem;
  }
  .lg--pb-24 {
    padding-bottom: 1.5rem;
  }
  .lg--pb-32 {
    padding-bottom: 2rem;
  }
  .lg--pb-40 {
    padding-bottom: 2.5rem;
  }
  .lg--pb-48 {
    padding-bottom: 3rem;
  }
  .lg--pb-56 {
    padding-bottom: 3.5rem;
  }
  .lg--pb-60 {
    padding-bottom: 3.75rem;
  }
  .lg--pb-64 {
    padding-bottom: 4rem;
  }
  .lg--pb-80 {
    padding-bottom: 5rem;
  }
  .lg--pb-96 {
    padding-bottom: 6rem;
  }
  .lg--pb-100 {
    padding-bottom: 6.25rem;
  }
  .lg--pb-120 {
    padding-bottom: 7.5rem;
  }
  .lg--pb-160 {
    padding-bottom: 10rem;
  }
  .lg--px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .lg--px-4 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .lg--px-6 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }
  .lg--px-8 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .lg--px-10 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .lg--px-12 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .lg--px-16 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .lg--px-20 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .lg--px-24 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .lg--px-32 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg--px-40 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .lg--px-48 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .lg--px-56 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .lg--px-60 {
    padding-left: 3.75rem;
    padding-right: 3.75rem;
  }
  .lg--px-64 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .lg--px-80 {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .lg--px-96 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .lg--px-100 {
    padding-left: 6.25rem;
    padding-right: 6.25rem;
  }
  .lg--px-120 {
    padding-left: 7.5rem;
    padding-right: 7.5rem;
  }
  .lg--px-160 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .lg--px-100px {
    padding-left: 6.25rem;
    padding-right: 6.25rem;
  }
  .lg--pr-0 {
    padding-right: 0;
  }
  .lg--pr-4 {
    padding-right: 0.25rem;
  }
  .lg--pr-6 {
    padding-right: 0.375rem;
  }
  .lg--pr-8 {
    padding-right: 0.5rem;
  }
  .lg--pr-10 {
    padding-right: 0.625rem;
  }
  .lg--pr-12 {
    padding-right: 0.75rem;
  }
  .lg--pr-16 {
    padding-right: 1rem;
  }
  .lg--pr-20 {
    padding-right: 1.25rem;
  }
  .lg--pr-24 {
    padding-right: 1.5rem;
  }
  .lg--pr-32 {
    padding-right: 2rem;
  }
  .lg--pr-40 {
    padding-right: 2.5rem;
  }
  .lg--pr-48 {
    padding-right: 3rem;
  }
  .lg--pr-56 {
    padding-right: 3.5rem;
  }
  .lg--pr-60 {
    padding-right: 3.75rem;
  }
  .lg--pr-64 {
    padding-right: 4rem;
  }
  .lg--pr-80 {
    padding-right: 5rem;
  }
  .lg--pr-96 {
    padding-right: 6rem;
  }
  .lg--pr-100 {
    padding-right: 6.25rem;
  }
  .lg--pr-120 {
    padding-right: 7.5rem;
  }
  .lg--pr-160 {
    padding-right: 10rem;
  }
  .lg--pl-0 {
    padding-left: 0;
  }
  .lg--pl-4 {
    padding-left: 0.25rem;
  }
  .lg--pl-6 {
    padding-left: 0.375rem;
  }
  .lg--pl-8 {
    padding-left: 0.5rem;
  }
  .lg--pl-10 {
    padding-left: 0.625rem;
  }
  .lg--pl-12 {
    padding-left: 0.75rem;
  }
  .lg--pl-16 {
    padding-left: 1rem;
  }
  .lg--pl-20 {
    padding-left: 1.25rem;
  }
  .lg--pl-24 {
    padding-left: 1.5rem;
  }
  .lg--pl-32 {
    padding-left: 2rem;
  }
  .lg--pl-40 {
    padding-left: 2.5rem;
  }
  .lg--pl-48 {
    padding-left: 3rem;
  }
  .lg--pl-56 {
    padding-left: 3.5rem;
  }
  .lg--pl-60 {
    padding-left: 3.75rem;
  }
  .lg--pl-64 {
    padding-left: 4rem;
  }
  .lg--pl-80 {
    padding-left: 5rem;
  }
  .lg--pl-96 {
    padding-left: 6rem;
  }
  .lg--pl-100 {
    padding-left: 6.25rem;
  }
  .lg--pl-120 {
    padding-left: 7.5rem;
  }
  .lg--pl-160 {
    padding-left: 10rem;
  }
}

@media screen and (min-width: 1200px) {
  .px-container {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .xl--p-0 {
    padding: 0;
  }
  .xl--p-4 {
    padding: 0.25rem;
  }
  .xl--p-6 {
    padding: 0.375rem;
  }
  .xl--p-8 {
    padding: 0.5rem;
  }
  .xl--p-10 {
    padding: 0.625rem;
  }
  .xl--p-12 {
    padding: 0.75rem;
  }
  .xl--p-16 {
    padding: 1rem;
  }
  .xl--p-20 {
    padding: 1.25rem;
  }
  .xl--p-24 {
    padding: 1.5rem;
  }
  .xl--p-32 {
    padding: 2rem;
  }
  .xl--p-40 {
    padding: 2.5rem;
  }
  .xl--p-48 {
    padding: 3rem;
  }
  .xl--p-56 {
    padding: 3.5rem;
  }
  .xl--p-60 {
    padding: 3.75rem;
  }
  .xl--p-64 {
    padding: 4rem;
  }
  .xl--p-80 {
    padding: 5rem;
  }
  .xl--p-96 {
    padding: 6rem;
  }
  .xl--p-100 {
    padding: 6.25rem;
  }
  .xl--p-120 {
    padding: 7.5rem;
  }
  .xl--p-160 {
    padding: 10rem;
  }
  .xl--py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .xl--py-4 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .xl--py-6 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  .xl--py-8 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .xl--py-10 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .xl--py-12 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .xl--py-16 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .xl--py-20 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .xl--py-24 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .xl--py-32 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .xl--py-40 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .xl--py-48 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .xl--py-56 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .xl--py-60 {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
  .xl--py-64 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .xl--py-80 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .xl--py-96 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .xl--py-100 {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
  .xl--py-120 {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }
  .xl--py-160 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .xl--pt-0 {
    padding-top: 0;
  }
  .xl--pt-4 {
    padding-top: 0.25rem;
  }
  .xl--pt-6 {
    padding-top: 0.375rem;
  }
  .xl--pt-8 {
    padding-top: 0.5rem;
  }
  .xl--pt-10 {
    padding-top: 0.625rem;
  }
  .xl--pt-12 {
    padding-top: 0.75rem;
  }
  .xl--pt-16 {
    padding-top: 1rem;
  }
  .xl--pt-20 {
    padding-top: 1.25rem;
  }
  .xl--pt-24 {
    padding-top: 1.5rem;
  }
  .xl--pt-32 {
    padding-top: 2rem;
  }
  .xl--pt-40 {
    padding-top: 2.5rem;
  }
  .xl--pt-48 {
    padding-top: 3rem;
  }
  .xl--pt-56 {
    padding-top: 3.5rem;
  }
  .xl--pt-60 {
    padding-top: 3.75rem;
  }
  .xl--pt-64 {
    padding-top: 4rem;
  }
  .xl--pt-80 {
    padding-top: 5rem;
  }
  .xl--pt-96 {
    padding-top: 6rem;
  }
  .xl--pt-100 {
    padding-top: 6.25rem;
  }
  .xl--pt-120 {
    padding-top: 7.5rem;
  }
  .xl--pt-160 {
    padding-top: 10rem;
  }
  .xl--pb-0 {
    padding-bottom: 0;
  }
  .xl--pb-4 {
    padding-bottom: 0.25rem;
  }
  .xl--pb-6 {
    padding-bottom: 0.375rem;
  }
  .xl--pb-8 {
    padding-bottom: 0.5rem;
  }
  .xl--pb-10 {
    padding-bottom: 0.625rem;
  }
  .xl--pb-12 {
    padding-bottom: 0.75rem;
  }
  .xl--pb-16 {
    padding-bottom: 1rem;
  }
  .xl--pb-20 {
    padding-bottom: 1.25rem;
  }
  .xl--pb-24 {
    padding-bottom: 1.5rem;
  }
  .xl--pb-32 {
    padding-bottom: 2rem;
  }
  .xl--pb-40 {
    padding-bottom: 2.5rem;
  }
  .xl--pb-48 {
    padding-bottom: 3rem;
  }
  .xl--pb-56 {
    padding-bottom: 3.5rem;
  }
  .xl--pb-60 {
    padding-bottom: 3.75rem;
  }
  .xl--pb-64 {
    padding-bottom: 4rem;
  }
  .xl--pb-80 {
    padding-bottom: 5rem;
  }
  .xl--pb-96 {
    padding-bottom: 6rem;
  }
  .xl--pb-100 {
    padding-bottom: 6.25rem;
  }
  .xl--pb-120 {
    padding-bottom: 7.5rem;
  }
  .xl--pb-160 {
    padding-bottom: 10rem;
  }
  .xl--px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .xl--px-4 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .xl--px-6 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }
  .xl--px-8 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .xl--px-10 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .xl--px-12 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .xl--px-16 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .xl--px-20 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .xl--px-24 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .xl--px-32 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .xl--px-40 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .xl--px-48 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .xl--px-56 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .xl--px-60 {
    padding-left: 3.75rem;
    padding-right: 3.75rem;
  }
  .xl--px-64 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .xl--px-80 {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .xl--px-96 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .xl--px-100 {
    padding-left: 6.25rem;
    padding-right: 6.25rem;
  }
  .xl--px-120 {
    padding-left: 7.5rem;
    padding-right: 7.5rem;
  }
  .xl--px-160 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .xl--px-100px {
    padding-left: 6.25rem;
    padding-right: 6.25rem;
  }
  .xl--pr-0 {
    padding-right: 0;
  }
  .xl--pr-4 {
    padding-right: 0.25rem;
  }
  .xl--pr-6 {
    padding-right: 0.375rem;
  }
  .xl--pr-8 {
    padding-right: 0.5rem;
  }
  .xl--pr-10 {
    padding-right: 0.625rem;
  }
  .xl--pr-12 {
    padding-right: 0.75rem;
  }
  .xl--pr-16 {
    padding-right: 1rem;
  }
  .xl--pr-20 {
    padding-right: 1.25rem;
  }
  .xl--pr-24 {
    padding-right: 1.5rem;
  }
  .xl--pr-32 {
    padding-right: 2rem;
  }
  .xl--pr-40 {
    padding-right: 2.5rem;
  }
  .xl--pr-48 {
    padding-right: 3rem;
  }
  .xl--pr-56 {
    padding-right: 3.5rem;
  }
  .xl--pr-60 {
    padding-right: 3.75rem;
  }
  .xl--pr-64 {
    padding-right: 4rem;
  }
  .xl--pr-80 {
    padding-right: 5rem;
  }
  .xl--pr-96 {
    padding-right: 6rem;
  }
  .xl--pr-100 {
    padding-right: 6.25rem;
  }
  .xl--pr-120 {
    padding-right: 7.5rem;
  }
  .xl--pr-160 {
    padding-right: 10rem;
  }
  .xl--pr-100px {
    padding-right: 6.25rem;
  }
  .xl--pl-0 {
    padding-left: 0;
  }
  .xl--pl-4 {
    padding-left: 0.25rem;
  }
  .xl--pl-6 {
    padding-left: 0.375rem;
  }
  .xl--pl-8 {
    padding-left: 0.5rem;
  }
  .xl--pl-10 {
    padding-left: 0.625rem;
  }
  .xl--pl-12 {
    padding-left: 0.75rem;
  }
  .xl--pl-16 {
    padding-left: 1rem;
  }
  .xl--pl-20 {
    padding-left: 1.25rem;
  }
  .xl--pl-24 {
    padding-left: 1.5rem;
  }
  .xl--pl-32 {
    padding-left: 2rem;
  }
  .xl--pl-40 {
    padding-left: 2.5rem;
  }
  .xl--pl-48 {
    padding-left: 3rem;
  }
  .xl--pl-56 {
    padding-left: 3.5rem;
  }
  .xl--pl-60 {
    padding-left: 3.75rem;
  }
  .xl--pl-64 {
    padding-left: 4rem;
  }
  .xl--pl-80 {
    padding-left: 5rem;
  }
  .xl--pl-96 {
    padding-left: 6rem;
  }
  .xl--pl-100 {
    padding-left: 6.25rem;
  }
  .xl--pl-120 {
    padding-left: 7.5rem;
  }
  .xl--pl-160 {
    padding-left: 10rem;
  }
  .xl--pl-100px {
    padding-left: 6.25rem;
  }
}