/**
 * Border
 * 枠線のスタイルを指定します。
 * 色はcolors.cssで指定された色を使用します。
 * 幅・辺・rounded には md-- / lg-- / xl-- の帯がある。shadow は base のみ。
 *
 * Bootstrap 4.1.3 にも .border-0 / .rounded-0 が !important 付きで存在する。値は同じ 0 の
 * ため単体では無害だが、これらに帯クラスを重ねると帯が負ける。どちらも 0 がデフォルト値
 * なので、md 以上で付けたいときは base 側を書かず帯クラス単体で書く。
 */

.border-0 {
  border: 0;
}
.border-1 {
  border: 1px var(--border-style, solid) var(--bd-color);
}
.border-2 {
  border: 2px var(--border-style, solid) var(--bd-color);
}
.border-3 {
  border: 3px var(--border-style, solid) var(--bd-color);
}
.border-4 {
  border: 4px var(--border-style, solid) var(--bd-color);
}
.border-6 {
  border: 6px var(--border-style, solid) var(--bd-color);
}

.border-t-0 {
  border-top: 0;
}
.border-t {
  border-top: 1px var(--border-style, solid) var(--bd-color);
}
.border-t-2 {
  border-top: 2px var(--border-style, solid) var(--bd-color);
}

.border-r-0 {
  border-right: 0;
}
.border-r {
  border-right: 1px var(--border-style, solid) var(--bd-color);
}
.border-r-2 {
  border-right: 2px var(--border-style, solid) var(--bd-color);
}

.border-b-0 {
  border-bottom: 0;
}
.border-b {
  border-bottom: 1px var(--border-style, solid) var(--bd-color);
}
.border-b-2 {
  border-bottom: 2px var(--border-style, solid) var(--bd-color);
}

.border-l-0 {
  border-left: 0;
}
.border-l {
  border-left: 1px var(--border-style, solid) var(--bd-color);
}
.border-l-2 {
  border-left: 2px var(--border-style, solid) var(--bd-color);
}

.border-x-0 {
  border-left: 0;
  border-right: 0;
}
.border-x {
  border-left: 1px var(--border-style, solid) var(--bd-color);
  border-right: 1px var(--border-style, solid) var(--bd-color);
}
.border-x-2 {
  border-left: 2px var(--border-style, solid) var(--bd-color);
  border-right: 2px var(--border-style, solid) var(--bd-color);
}

.border-y-0 {
  border-top: 0;
  border-bottom: 0;
}
.border-y {
  border-top: 1px var(--border-style, solid) var(--bd-color);
  border-bottom: 1px var(--border-style, solid) var(--bd-color);
}
.border-y-2 {
  border-top: 2px var(--border-style, solid) var(--bd-color);
  border-bottom: 2px var(--border-style, solid) var(--bd-color);
}

.first--border-t-0:first-child {
  border-top: 0;
}
.first--border-t:first-child {
  border-top: 1px var(--border-style, solid) var(--bd-color);
}

.last--border-b-0:last-child {
  border-bottom: 0;
}
.last--border-b:last-child {
  border-bottom: 1px var(--border-style, solid) var(--bd-color);
}

.border-solid {
  --border-style: solid;
}
.border-dashed {
  --border-style: dashed;
}
.border-dotted {
  --border-style: dotted;
}

@media screen and (min-width: 768px) {
  .md--border-0 {
    border: 0;
  }
  .md--border-1 {
    border: 1px var(--border-style, solid) var(--bd-color);
  }
  .md--border-2 {
    border: 2px var(--border-style, solid) var(--bd-color);
  }
  .md--border-3 {
    border: 3px var(--border-style, solid) var(--bd-color);
  }
  .md--border-4 {
    border: 4px var(--border-style, solid) var(--bd-color);
  }
  .md--border-6 {
    border: 6px var(--border-style, solid) var(--bd-color);
  }
  .md--border-t-0 {
    border-top: 0;
  }
  .md--border-t {
    border-top: 1px var(--border-style, solid) var(--bd-color);
  }
  .md--border-t-2 {
    border-top: 2px var(--border-style, solid) var(--bd-color);
  }
  .md--border-r-0 {
    border-right: 0;
  }
  .md--border-r {
    border-right: 1px var(--border-style, solid) var(--bd-color);
  }
  .md--border-r-2 {
    border-right: 2px var(--border-style, solid) var(--bd-color);
  }
  .md--border-b-0 {
    border-bottom: 0;
  }
  .md--border-b {
    border-bottom: 1px var(--border-style, solid) var(--bd-color);
  }
  .md--border-b-2 {
    border-bottom: 2px var(--border-style, solid) var(--bd-color);
  }
  .md--border-l-0 {
    border-left: 0;
  }
  .md--border-l {
    border-left: 1px var(--border-style, solid) var(--bd-color);
  }
  .md--border-l-2 {
    border-left: 2px var(--border-style, solid) var(--bd-color);
  }
  .md--border-x-0 {
    border-left: 0;
    border-right: 0;
  }
  .md--border-x {
    border-left: 1px var(--border-style, solid) var(--bd-color);
    border-right: 1px var(--border-style, solid) var(--bd-color);
  }
  .md--border-x-2 {
    border-left: 2px var(--border-style, solid) var(--bd-color);
    border-right: 2px var(--border-style, solid) var(--bd-color);
  }
  .md--border-y-0 {
    border-top: 0;
    border-bottom: 0;
  }
  .md--border-y {
    border-top: 1px var(--border-style, solid) var(--bd-color);
    border-bottom: 1px var(--border-style, solid) var(--bd-color);
  }
  .md--border-y-2 {
    border-top: 2px var(--border-style, solid) var(--bd-color);
    border-bottom: 2px var(--border-style, solid) var(--bd-color);
  }
  .md--first--border-t-0:first-child {
    border-top: 0;
  }
  .md--first--border-t:first-child {
    border-top: 1px var(--border-style, solid) var(--bd-color);
  }
  .md--last--border-b-0:last-child {
    border-bottom: 0;
  }
  .md--last--border-b:last-child {
    border-bottom: 1px var(--border-style, solid) var(--bd-color);
  }
}

@media screen and (min-width: 1024px) {
  .lg--border-0 {
    border: 0;
  }
  .lg--border-1 {
    border: 1px var(--border-style, solid) var(--bd-color);
  }
  .lg--border-2 {
    border: 2px var(--border-style, solid) var(--bd-color);
  }
  .lg--border-3 {
    border: 3px var(--border-style, solid) var(--bd-color);
  }
  .lg--border-4 {
    border: 4px var(--border-style, solid) var(--bd-color);
  }
  .lg--border-6 {
    border: 6px var(--border-style, solid) var(--bd-color);
  }
  .lg--border-t-0 {
    border-top: 0;
  }
  .lg--border-t {
    border-top: 1px var(--border-style, solid) var(--bd-color);
  }
  .lg--border-t-2 {
    border-top: 2px var(--border-style, solid) var(--bd-color);
  }
  .lg--border-r-0 {
    border-right: 0;
  }
  .lg--border-r {
    border-right: 1px var(--border-style, solid) var(--bd-color);
  }
  .lg--border-r-2 {
    border-right: 2px var(--border-style, solid) var(--bd-color);
  }
  .lg--border-b-0 {
    border-bottom: 0;
  }
  .lg--border-b {
    border-bottom: 1px var(--border-style, solid) var(--bd-color);
  }
  .lg--border-b-2 {
    border-bottom: 2px var(--border-style, solid) var(--bd-color);
  }
  .lg--border-l-0 {
    border-left: 0;
  }
  .lg--border-l {
    border-left: 1px var(--border-style, solid) var(--bd-color);
  }
  .lg--border-l-2 {
    border-left: 2px var(--border-style, solid) var(--bd-color);
  }
  .lg--border-x-0 {
    border-left: 0;
    border-right: 0;
  }
  .lg--border-x {
    border-left: 1px var(--border-style, solid) var(--bd-color);
    border-right: 1px var(--border-style, solid) var(--bd-color);
  }
  .lg--border-x-2 {
    border-left: 2px var(--border-style, solid) var(--bd-color);
    border-right: 2px var(--border-style, solid) var(--bd-color);
  }
  .lg--border-y-0 {
    border-top: 0;
    border-bottom: 0;
  }
  .lg--border-y {
    border-top: 1px var(--border-style, solid) var(--bd-color);
    border-bottom: 1px var(--border-style, solid) var(--bd-color);
  }
  .lg--border-y-2 {
    border-top: 2px var(--border-style, solid) var(--bd-color);
    border-bottom: 2px var(--border-style, solid) var(--bd-color);
  }
  .lg--first--border-t-0:first-child {
    border-top: 0;
  }
  .lg--first--border-t:first-child {
    border-top: 1px var(--border-style, solid) var(--bd-color);
  }
  .lg--last--border-b-0:last-child {
    border-bottom: 0;
  }
  .lg--last--border-b:last-child {
    border-bottom: 1px var(--border-style, solid) var(--bd-color);
  }
}

@media screen and (min-width: 1200px) {
  .xl--border-0 {
    border: 0;
  }
  .xl--border-1 {
    border: 1px var(--border-style, solid) var(--bd-color);
  }
  .xl--border-2 {
    border: 2px var(--border-style, solid) var(--bd-color);
  }
  .xl--border-3 {
    border: 3px var(--border-style, solid) var(--bd-color);
  }
  .xl--border-4 {
    border: 4px var(--border-style, solid) var(--bd-color);
  }
  .xl--border-6 {
    border: 6px var(--border-style, solid) var(--bd-color);
  }
  .xl--border-t-0 {
    border-top: 0;
  }
  .xl--border-t {
    border-top: 1px var(--border-style, solid) var(--bd-color);
  }
  .xl--border-t-2 {
    border-top: 2px var(--border-style, solid) var(--bd-color);
  }
  .xl--border-r-0 {
    border-right: 0;
  }
  .xl--border-r {
    border-right: 1px var(--border-style, solid) var(--bd-color);
  }
  .xl--border-r-2 {
    border-right: 2px var(--border-style, solid) var(--bd-color);
  }
  .xl--border-b-0 {
    border-bottom: 0;
  }
  .xl--border-b {
    border-bottom: 1px var(--border-style, solid) var(--bd-color);
  }
  .xl--border-b-2 {
    border-bottom: 2px var(--border-style, solid) var(--bd-color);
  }
  .xl--border-l-0 {
    border-left: 0;
  }
  .xl--border-l {
    border-left: 1px var(--border-style, solid) var(--bd-color);
  }
  .xl--border-l-2 {
    border-left: 2px var(--border-style, solid) var(--bd-color);
  }
  .xl--border-x-0 {
    border-left: 0;
    border-right: 0;
  }
  .xl--border-x {
    border-left: 1px var(--border-style, solid) var(--bd-color);
    border-right: 1px var(--border-style, solid) var(--bd-color);
  }
  .xl--border-x-2 {
    border-left: 2px var(--border-style, solid) var(--bd-color);
    border-right: 2px var(--border-style, solid) var(--bd-color);
  }
  .xl--border-y-0 {
    border-top: 0;
    border-bottom: 0;
  }
  .xl--border-y {
    border-top: 1px var(--border-style, solid) var(--bd-color);
    border-bottom: 1px var(--border-style, solid) var(--bd-color);
  }
  .xl--border-y-2 {
    border-top: 2px var(--border-style, solid) var(--bd-color);
    border-bottom: 2px var(--border-style, solid) var(--bd-color);
  }
  .xl--first--border-t-0:first-child {
    border-top: 0;
  }
  .xl--first--border-t:first-child {
    border-top: 1px var(--border-style, solid) var(--bd-color);
  }
  .xl--last--border-b-0:last-child {
    border-bottom: 0;
  }
  .xl--last--border-b:last-child {
    border-bottom: 1px var(--border-style, solid) var(--bd-color);
  }
}

/**
 * Radius
 */
.rounded-0 {
  border-radius: 0;
}

.rounded-2 {
  border-radius: 0.125rem;
}

.rounded-4 {
  border-radius: 0.25rem;
}

.rounded-6 {
  border-radius: 0.375rem;
}

.rounded-8 {
  border-radius: 0.5rem;
}

.rounded-12 {
  border-radius: 0.75rem;
}

.rounded-16 {
  border-radius: 1rem;
}

.rounded-20 {
  border-radius: 1.25rem;
}

.rounded-24 {
  border-radius: 1.5rem;
}

.rounded-28 {
  border-radius: 1.75rem;
}

.rounded-32 {
  border-radius: 2rem;
}

.rounded-36 {
  border-radius: 2.25rem;
}

.rounded-40 {
  border-radius: 2.5rem;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-t-0 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.rounded-t-2 {
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem;
}
.rounded-t-4 {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.rounded-t-6 {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}
.rounded-t-8 {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded-t-12 {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.rounded-t-16 {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.rounded-t-20 {
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
}
.rounded-t-24 {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}
.rounded-t-28 {
  border-top-left-radius: 1.75rem;
  border-top-right-radius: 1.75rem;
}
.rounded-t-32 {
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
}
.rounded-t-36 {
  border-top-left-radius: 2.25rem;
  border-top-right-radius: 2.25rem;
}
.rounded-t-40 {
  border-top-left-radius: 2.5rem;
  border-top-right-radius: 2.5rem;
}
.rounded-t-full {
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
}

.rounded-r-0 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rounded-r-2 {
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}
.rounded-r-4 {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.rounded-r-6 {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.rounded-r-8 {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.rounded-r-12 {
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.rounded-r-16 {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.rounded-r-20 {
  border-top-right-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem;
}
.rounded-r-24 {
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}
.rounded-r-28 {
  border-top-right-radius: 1.75rem;
  border-bottom-right-radius: 1.75rem;
}
.rounded-r-32 {
  border-top-right-radius: 2rem;
  border-bottom-right-radius: 2rem;
}
.rounded-r-36 {
  border-top-right-radius: 2.25rem;
  border-bottom-right-radius: 2.25rem;
}
.rounded-r-40 {
  border-top-right-radius: 2.5rem;
  border-bottom-right-radius: 2.5rem;
}
.rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.rounded-b-0 {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.rounded-b-2 {
  border-bottom-right-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}
.rounded-b-4 {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-b-6 {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.rounded-b-8 {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-b-12 {
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.rounded-b-16 {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.rounded-b-20 {
  border-bottom-right-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem;
}
.rounded-b-24 {
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}
.rounded-b-28 {
  border-bottom-right-radius: 1.75rem;
  border-bottom-left-radius: 1.75rem;
}
.rounded-b-32 {
  border-bottom-right-radius: 2rem;
  border-bottom-left-radius: 2rem;
}
.rounded-b-36 {
  border-bottom-right-radius: 2.25rem;
  border-bottom-left-radius: 2.25rem;
}
.rounded-b-40 {
  border-bottom-right-radius: 2.5rem;
  border-bottom-left-radius: 2.5rem;
}
.rounded-b-full {
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.rounded-l-0 {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rounded-l-2 {
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}
.rounded-l-4 {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-l-6 {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.rounded-l-8 {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-l-12 {
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.rounded-l-16 {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.rounded-l-20 {
  border-top-left-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem;
}
.rounded-l-24 {
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}
.rounded-l-28 {
  border-top-left-radius: 1.75rem;
  border-bottom-left-radius: 1.75rem;
}
.rounded-l-32 {
  border-top-left-radius: 2rem;
  border-bottom-left-radius: 2rem;
}
.rounded-l-36 {
  border-top-left-radius: 2.25rem;
  border-bottom-left-radius: 2.25rem;
}
.rounded-l-40 {
  border-top-left-radius: 2.5rem;
  border-bottom-left-radius: 2.5rem;
}
.rounded-l-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.rounded-tl-0 {
  border-top-left-radius: 0;
}
.rounded-tl-2 {
  border-top-left-radius: 0.125rem;
}
.rounded-tl-4 {
  border-top-left-radius: 0.25rem;
}
.rounded-tl-6 {
  border-top-left-radius: 0.375rem;
}
.rounded-tl-8 {
  border-top-left-radius: 0.5rem;
}
.rounded-tl-12 {
  border-top-left-radius: 0.75rem;
}
.rounded-tl-16 {
  border-top-left-radius: 1rem;
}
.rounded-tl-20 {
  border-top-left-radius: 1.25rem;
}
.rounded-tl-24 {
  border-top-left-radius: 1.5rem;
}
.rounded-tl-28 {
  border-top-left-radius: 1.75rem;
}
.rounded-tl-32 {
  border-top-left-radius: 2rem;
}
.rounded-tl-36 {
  border-top-left-radius: 2.25rem;
}
.rounded-tl-40 {
  border-top-left-radius: 2.5rem;
}
.rounded-tl-full {
  border-top-left-radius: 9999px;
}

.rounded-tr-0 {
  border-top-right-radius: 0;
}
.rounded-tr-2 {
  border-top-right-radius: 0.125rem;
}
.rounded-tr-4 {
  border-top-right-radius: 0.25rem;
}
.rounded-tr-6 {
  border-top-right-radius: 0.375rem;
}
.rounded-tr-8 {
  border-top-right-radius: 0.5rem;
}
.rounded-tr-12 {
  border-top-right-radius: 0.75rem;
}
.rounded-tr-16 {
  border-top-right-radius: 1rem;
}
.rounded-tr-20 {
  border-top-right-radius: 1.25rem;
}
.rounded-tr-24 {
  border-top-right-radius: 1.5rem;
}
.rounded-tr-28 {
  border-top-right-radius: 1.75rem;
}
.rounded-tr-32 {
  border-top-right-radius: 2rem;
}
.rounded-tr-36 {
  border-top-right-radius: 2.25rem;
}
.rounded-tr-40 {
  border-top-right-radius: 2.5rem;
}
.rounded-tr-full {
  border-top-right-radius: 9999px;
}

.rounded-br-0 {
  border-bottom-right-radius: 0;
}
.rounded-br-2 {
  border-bottom-right-radius: 0.125rem;
}
.rounded-br-4 {
  border-bottom-right-radius: 0.25rem;
}
.rounded-br-6 {
  border-bottom-right-radius: 0.375rem;
}
.rounded-br-8 {
  border-bottom-right-radius: 0.5rem;
}
.rounded-br-12 {
  border-bottom-right-radius: 0.75rem;
}
.rounded-br-16 {
  border-bottom-right-radius: 1rem;
}
.rounded-br-20 {
  border-bottom-right-radius: 1.25rem;
}
.rounded-br-24 {
  border-bottom-right-radius: 1.5rem;
}
.rounded-br-28 {
  border-bottom-right-radius: 1.75rem;
}
.rounded-br-32 {
  border-bottom-right-radius: 2rem;
}
.rounded-br-36 {
  border-bottom-right-radius: 2.25rem;
}
.rounded-br-40 {
  border-bottom-right-radius: 2.5rem;
}
.rounded-br-full {
  border-bottom-right-radius: 9999px;
}

.rounded-bl-0 {
  border-bottom-left-radius: 0;
}
.rounded-bl-2 {
  border-bottom-left-radius: 0.125rem;
}
.rounded-bl-4 {
  border-bottom-left-radius: 0.25rem;
}
.rounded-bl-6 {
  border-bottom-left-radius: 0.375rem;
}
.rounded-bl-8 {
  border-bottom-left-radius: 0.5rem;
}
.rounded-bl-12 {
  border-bottom-left-radius: 0.75rem;
}
.rounded-bl-16 {
  border-bottom-left-radius: 1rem;
}
.rounded-bl-20 {
  border-bottom-left-radius: 1.25rem;
}
.rounded-bl-24 {
  border-bottom-left-radius: 1.5rem;
}
.rounded-bl-28 {
  border-bottom-left-radius: 1.75rem;
}
.rounded-bl-32 {
  border-bottom-left-radius: 2rem;
}
.rounded-bl-36 {
  border-bottom-left-radius: 2.25rem;
}
.rounded-bl-40 {
  border-bottom-left-radius: 2.5rem;
}
.rounded-bl-full {
  border-bottom-left-radius: 9999px;
}

@media screen and (min-width: 768px) {
  .md--rounded-0 {
    border-radius: 0;
  }
  .md--rounded-2 {
    border-radius: 0.125rem;
  }
  .md--rounded-4 {
    border-radius: 0.25rem;
  }
  .md--rounded-6 {
    border-radius: 0.375rem;
  }
  .md--rounded-8 {
    border-radius: 0.5rem;
  }
  .md--rounded-12 {
    border-radius: 0.75rem;
  }
  .md--rounded-16 {
    border-radius: 1rem;
  }
  .md--rounded-20 {
    border-radius: 1.25rem;
  }
  .md--rounded-24 {
    border-radius: 1.5rem;
  }
  .md--rounded-28 {
    border-radius: 1.75rem;
  }
  .md--rounded-32 {
    border-radius: 2rem;
  }
  .md--rounded-36 {
    border-radius: 2.25rem;
  }
  .md--rounded-40 {
    border-radius: 2.5rem;
  }
  .md--rounded-full {
    border-radius: 9999px;
  }
  .md--rounded-t-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .md--rounded-t-2 {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }
  .md--rounded-t-4 {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .md--rounded-t-6 {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
  }
  .md--rounded-t-8 {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }
  .md--rounded-t-12 {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }
  .md--rounded-t-16 {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }
  .md--rounded-t-20 {
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
  }
  .md--rounded-t-24 {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }
  .md--rounded-t-28 {
    border-top-left-radius: 1.75rem;
    border-top-right-radius: 1.75rem;
  }
  .md--rounded-t-32 {
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
  }
  .md--rounded-t-36 {
    border-top-left-radius: 2.25rem;
    border-top-right-radius: 2.25rem;
  }
  .md--rounded-t-40 {
    border-top-left-radius: 2.5rem;
    border-top-right-radius: 2.5rem;
  }
  .md--rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }
  .md--rounded-r-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .md--rounded-r-2 {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }
  .md--rounded-r-4 {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .md--rounded-r-6 {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
  }
  .md--rounded-r-8 {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }
  .md--rounded-r-12 {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }
  .md--rounded-r-16 {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }
  .md--rounded-r-20 {
    border-top-right-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
  }
  .md--rounded-r-24 {
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
  }
  .md--rounded-r-28 {
    border-top-right-radius: 1.75rem;
    border-bottom-right-radius: 1.75rem;
  }
  .md--rounded-r-32 {
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
  }
  .md--rounded-r-36 {
    border-top-right-radius: 2.25rem;
    border-bottom-right-radius: 2.25rem;
  }
  .md--rounded-r-40 {
    border-top-right-radius: 2.5rem;
    border-bottom-right-radius: 2.5rem;
  }
  .md--rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }
  .md--rounded-b-0 {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .md--rounded-b-2 {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }
  .md--rounded-b-4 {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .md--rounded-b-6 {
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }
  .md--rounded-b-8 {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }
  .md--rounded-b-12 {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }
  .md--rounded-b-16 {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }
  .md--rounded-b-20 {
    border-bottom-right-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
  }
  .md--rounded-b-24 {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }
  .md--rounded-b-28 {
    border-bottom-right-radius: 1.75rem;
    border-bottom-left-radius: 1.75rem;
  }
  .md--rounded-b-32 {
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
  }
  .md--rounded-b-36 {
    border-bottom-right-radius: 2.25rem;
    border-bottom-left-radius: 2.25rem;
  }
  .md--rounded-b-40 {
    border-bottom-right-radius: 2.5rem;
    border-bottom-left-radius: 2.5rem;
  }
  .md--rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }
  .md--rounded-l-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .md--rounded-l-2 {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }
  .md--rounded-l-4 {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .md--rounded-l-6 {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }
  .md--rounded-l-8 {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }
  .md--rounded-l-12 {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }
  .md--rounded-l-16 {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }
  .md--rounded-l-20 {
    border-top-left-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
  }
  .md--rounded-l-24 {
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }
  .md--rounded-l-28 {
    border-top-left-radius: 1.75rem;
    border-bottom-left-radius: 1.75rem;
  }
  .md--rounded-l-32 {
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
  }
  .md--rounded-l-36 {
    border-top-left-radius: 2.25rem;
    border-bottom-left-radius: 2.25rem;
  }
  .md--rounded-l-40 {
    border-top-left-radius: 2.5rem;
    border-bottom-left-radius: 2.5rem;
  }
  .md--rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }
  .md--rounded-tl-0 {
    border-top-left-radius: 0;
  }
  .md--rounded-tl-2 {
    border-top-left-radius: 0.125rem;
  }
  .md--rounded-tl-4 {
    border-top-left-radius: 0.25rem;
  }
  .md--rounded-tl-6 {
    border-top-left-radius: 0.375rem;
  }
  .md--rounded-tl-8 {
    border-top-left-radius: 0.5rem;
  }
  .md--rounded-tl-12 {
    border-top-left-radius: 0.75rem;
  }
  .md--rounded-tl-16 {
    border-top-left-radius: 1rem;
  }
  .md--rounded-tl-20 {
    border-top-left-radius: 1.25rem;
  }
  .md--rounded-tl-24 {
    border-top-left-radius: 1.5rem;
  }
  .md--rounded-tl-28 {
    border-top-left-radius: 1.75rem;
  }
  .md--rounded-tl-32 {
    border-top-left-radius: 2rem;
  }
  .md--rounded-tl-36 {
    border-top-left-radius: 2.25rem;
  }
  .md--rounded-tl-40 {
    border-top-left-radius: 2.5rem;
  }
  .md--rounded-tl-full {
    border-top-left-radius: 9999px;
  }
  .md--rounded-tr-0 {
    border-top-right-radius: 0;
  }
  .md--rounded-tr-2 {
    border-top-right-radius: 0.125rem;
  }
  .md--rounded-tr-4 {
    border-top-right-radius: 0.25rem;
  }
  .md--rounded-tr-6 {
    border-top-right-radius: 0.375rem;
  }
  .md--rounded-tr-8 {
    border-top-right-radius: 0.5rem;
  }
  .md--rounded-tr-12 {
    border-top-right-radius: 0.75rem;
  }
  .md--rounded-tr-16 {
    border-top-right-radius: 1rem;
  }
  .md--rounded-tr-20 {
    border-top-right-radius: 1.25rem;
  }
  .md--rounded-tr-24 {
    border-top-right-radius: 1.5rem;
  }
  .md--rounded-tr-28 {
    border-top-right-radius: 1.75rem;
  }
  .md--rounded-tr-32 {
    border-top-right-radius: 2rem;
  }
  .md--rounded-tr-36 {
    border-top-right-radius: 2.25rem;
  }
  .md--rounded-tr-40 {
    border-top-right-radius: 2.5rem;
  }
  .md--rounded-tr-full {
    border-top-right-radius: 9999px;
  }
  .md--rounded-br-0 {
    border-bottom-right-radius: 0;
  }
  .md--rounded-br-2 {
    border-bottom-right-radius: 0.125rem;
  }
  .md--rounded-br-4 {
    border-bottom-right-radius: 0.25rem;
  }
  .md--rounded-br-6 {
    border-bottom-right-radius: 0.375rem;
  }
  .md--rounded-br-8 {
    border-bottom-right-radius: 0.5rem;
  }
  .md--rounded-br-12 {
    border-bottom-right-radius: 0.75rem;
  }
  .md--rounded-br-16 {
    border-bottom-right-radius: 1rem;
  }
  .md--rounded-br-20 {
    border-bottom-right-radius: 1.25rem;
  }
  .md--rounded-br-24 {
    border-bottom-right-radius: 1.5rem;
  }
  .md--rounded-br-28 {
    border-bottom-right-radius: 1.75rem;
  }
  .md--rounded-br-32 {
    border-bottom-right-radius: 2rem;
  }
  .md--rounded-br-36 {
    border-bottom-right-radius: 2.25rem;
  }
  .md--rounded-br-40 {
    border-bottom-right-radius: 2.5rem;
  }
  .md--rounded-br-full {
    border-bottom-right-radius: 9999px;
  }
  .md--rounded-bl-0 {
    border-bottom-left-radius: 0;
  }
  .md--rounded-bl-2 {
    border-bottom-left-radius: 0.125rem;
  }
  .md--rounded-bl-4 {
    border-bottom-left-radius: 0.25rem;
  }
  .md--rounded-bl-6 {
    border-bottom-left-radius: 0.375rem;
  }
  .md--rounded-bl-8 {
    border-bottom-left-radius: 0.5rem;
  }
  .md--rounded-bl-12 {
    border-bottom-left-radius: 0.75rem;
  }
  .md--rounded-bl-16 {
    border-bottom-left-radius: 1rem;
  }
  .md--rounded-bl-20 {
    border-bottom-left-radius: 1.25rem;
  }
  .md--rounded-bl-24 {
    border-bottom-left-radius: 1.5rem;
  }
  .md--rounded-bl-28 {
    border-bottom-left-radius: 1.75rem;
  }
  .md--rounded-bl-32 {
    border-bottom-left-radius: 2rem;
  }
  .md--rounded-bl-36 {
    border-bottom-left-radius: 2.25rem;
  }
  .md--rounded-bl-40 {
    border-bottom-left-radius: 2.5rem;
  }
  .md--rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }
}

@media screen and (min-width: 1024px) {
  .lg--rounded-0 {
    border-radius: 0;
  }
  .lg--rounded-2 {
    border-radius: 0.125rem;
  }
  .lg--rounded-4 {
    border-radius: 0.25rem;
  }
  .lg--rounded-6 {
    border-radius: 0.375rem;
  }
  .lg--rounded-8 {
    border-radius: 0.5rem;
  }
  .lg--rounded-12 {
    border-radius: 0.75rem;
  }
  .lg--rounded-16 {
    border-radius: 1rem;
  }
  .lg--rounded-20 {
    border-radius: 1.25rem;
  }
  .lg--rounded-24 {
    border-radius: 1.5rem;
  }
  .lg--rounded-28 {
    border-radius: 1.75rem;
  }
  .lg--rounded-32 {
    border-radius: 2rem;
  }
  .lg--rounded-36 {
    border-radius: 2.25rem;
  }
  .lg--rounded-40 {
    border-radius: 2.5rem;
  }
  .lg--rounded-full {
    border-radius: 9999px;
  }
  .lg--rounded-t-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .lg--rounded-t-2 {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }
  .lg--rounded-t-4 {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .lg--rounded-t-6 {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
  }
  .lg--rounded-t-8 {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }
  .lg--rounded-t-12 {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }
  .lg--rounded-t-16 {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }
  .lg--rounded-t-20 {
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
  }
  .lg--rounded-t-24 {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }
  .lg--rounded-t-28 {
    border-top-left-radius: 1.75rem;
    border-top-right-radius: 1.75rem;
  }
  .lg--rounded-t-32 {
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
  }
  .lg--rounded-t-36 {
    border-top-left-radius: 2.25rem;
    border-top-right-radius: 2.25rem;
  }
  .lg--rounded-t-40 {
    border-top-left-radius: 2.5rem;
    border-top-right-radius: 2.5rem;
  }
  .lg--rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }
  .lg--rounded-r-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .lg--rounded-r-2 {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }
  .lg--rounded-r-4 {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .lg--rounded-r-6 {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
  }
  .lg--rounded-r-8 {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }
  .lg--rounded-r-12 {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }
  .lg--rounded-r-16 {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }
  .lg--rounded-r-20 {
    border-top-right-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
  }
  .lg--rounded-r-24 {
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
  }
  .lg--rounded-r-28 {
    border-top-right-radius: 1.75rem;
    border-bottom-right-radius: 1.75rem;
  }
  .lg--rounded-r-32 {
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
  }
  .lg--rounded-r-36 {
    border-top-right-radius: 2.25rem;
    border-bottom-right-radius: 2.25rem;
  }
  .lg--rounded-r-40 {
    border-top-right-radius: 2.5rem;
    border-bottom-right-radius: 2.5rem;
  }
  .lg--rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }
  .lg--rounded-b-0 {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .lg--rounded-b-2 {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }
  .lg--rounded-b-4 {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .lg--rounded-b-6 {
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }
  .lg--rounded-b-8 {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }
  .lg--rounded-b-12 {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }
  .lg--rounded-b-16 {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }
  .lg--rounded-b-20 {
    border-bottom-right-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
  }
  .lg--rounded-b-24 {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }
  .lg--rounded-b-28 {
    border-bottom-right-radius: 1.75rem;
    border-bottom-left-radius: 1.75rem;
  }
  .lg--rounded-b-32 {
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
  }
  .lg--rounded-b-36 {
    border-bottom-right-radius: 2.25rem;
    border-bottom-left-radius: 2.25rem;
  }
  .lg--rounded-b-40 {
    border-bottom-right-radius: 2.5rem;
    border-bottom-left-radius: 2.5rem;
  }
  .lg--rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }
  .lg--rounded-l-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .lg--rounded-l-2 {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }
  .lg--rounded-l-4 {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .lg--rounded-l-6 {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }
  .lg--rounded-l-8 {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }
  .lg--rounded-l-12 {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }
  .lg--rounded-l-16 {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }
  .lg--rounded-l-20 {
    border-top-left-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
  }
  .lg--rounded-l-24 {
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }
  .lg--rounded-l-28 {
    border-top-left-radius: 1.75rem;
    border-bottom-left-radius: 1.75rem;
  }
  .lg--rounded-l-32 {
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
  }
  .lg--rounded-l-36 {
    border-top-left-radius: 2.25rem;
    border-bottom-left-radius: 2.25rem;
  }
  .lg--rounded-l-40 {
    border-top-left-radius: 2.5rem;
    border-bottom-left-radius: 2.5rem;
  }
  .lg--rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }
  .lg--rounded-tl-0 {
    border-top-left-radius: 0;
  }
  .lg--rounded-tl-2 {
    border-top-left-radius: 0.125rem;
  }
  .lg--rounded-tl-4 {
    border-top-left-radius: 0.25rem;
  }
  .lg--rounded-tl-6 {
    border-top-left-radius: 0.375rem;
  }
  .lg--rounded-tl-8 {
    border-top-left-radius: 0.5rem;
  }
  .lg--rounded-tl-12 {
    border-top-left-radius: 0.75rem;
  }
  .lg--rounded-tl-16 {
    border-top-left-radius: 1rem;
  }
  .lg--rounded-tl-20 {
    border-top-left-radius: 1.25rem;
  }
  .lg--rounded-tl-24 {
    border-top-left-radius: 1.5rem;
  }
  .lg--rounded-tl-28 {
    border-top-left-radius: 1.75rem;
  }
  .lg--rounded-tl-32 {
    border-top-left-radius: 2rem;
  }
  .lg--rounded-tl-36 {
    border-top-left-radius: 2.25rem;
  }
  .lg--rounded-tl-40 {
    border-top-left-radius: 2.5rem;
  }
  .lg--rounded-tl-full {
    border-top-left-radius: 9999px;
  }
  .lg--rounded-tr-0 {
    border-top-right-radius: 0;
  }
  .lg--rounded-tr-2 {
    border-top-right-radius: 0.125rem;
  }
  .lg--rounded-tr-4 {
    border-top-right-radius: 0.25rem;
  }
  .lg--rounded-tr-6 {
    border-top-right-radius: 0.375rem;
  }
  .lg--rounded-tr-8 {
    border-top-right-radius: 0.5rem;
  }
  .lg--rounded-tr-12 {
    border-top-right-radius: 0.75rem;
  }
  .lg--rounded-tr-16 {
    border-top-right-radius: 1rem;
  }
  .lg--rounded-tr-20 {
    border-top-right-radius: 1.25rem;
  }
  .lg--rounded-tr-24 {
    border-top-right-radius: 1.5rem;
  }
  .lg--rounded-tr-28 {
    border-top-right-radius: 1.75rem;
  }
  .lg--rounded-tr-32 {
    border-top-right-radius: 2rem;
  }
  .lg--rounded-tr-36 {
    border-top-right-radius: 2.25rem;
  }
  .lg--rounded-tr-40 {
    border-top-right-radius: 2.5rem;
  }
  .lg--rounded-tr-full {
    border-top-right-radius: 9999px;
  }
  .lg--rounded-br-0 {
    border-bottom-right-radius: 0;
  }
  .lg--rounded-br-2 {
    border-bottom-right-radius: 0.125rem;
  }
  .lg--rounded-br-4 {
    border-bottom-right-radius: 0.25rem;
  }
  .lg--rounded-br-6 {
    border-bottom-right-radius: 0.375rem;
  }
  .lg--rounded-br-8 {
    border-bottom-right-radius: 0.5rem;
  }
  .lg--rounded-br-12 {
    border-bottom-right-radius: 0.75rem;
  }
  .lg--rounded-br-16 {
    border-bottom-right-radius: 1rem;
  }
  .lg--rounded-br-20 {
    border-bottom-right-radius: 1.25rem;
  }
  .lg--rounded-br-24 {
    border-bottom-right-radius: 1.5rem;
  }
  .lg--rounded-br-28 {
    border-bottom-right-radius: 1.75rem;
  }
  .lg--rounded-br-32 {
    border-bottom-right-radius: 2rem;
  }
  .lg--rounded-br-36 {
    border-bottom-right-radius: 2.25rem;
  }
  .lg--rounded-br-40 {
    border-bottom-right-radius: 2.5rem;
  }
  .lg--rounded-br-full {
    border-bottom-right-radius: 9999px;
  }
  .lg--rounded-bl-0 {
    border-bottom-left-radius: 0;
  }
  .lg--rounded-bl-2 {
    border-bottom-left-radius: 0.125rem;
  }
  .lg--rounded-bl-4 {
    border-bottom-left-radius: 0.25rem;
  }
  .lg--rounded-bl-6 {
    border-bottom-left-radius: 0.375rem;
  }
  .lg--rounded-bl-8 {
    border-bottom-left-radius: 0.5rem;
  }
  .lg--rounded-bl-12 {
    border-bottom-left-radius: 0.75rem;
  }
  .lg--rounded-bl-16 {
    border-bottom-left-radius: 1rem;
  }
  .lg--rounded-bl-20 {
    border-bottom-left-radius: 1.25rem;
  }
  .lg--rounded-bl-24 {
    border-bottom-left-radius: 1.5rem;
  }
  .lg--rounded-bl-28 {
    border-bottom-left-radius: 1.75rem;
  }
  .lg--rounded-bl-32 {
    border-bottom-left-radius: 2rem;
  }
  .lg--rounded-bl-36 {
    border-bottom-left-radius: 2.25rem;
  }
  .lg--rounded-bl-40 {
    border-bottom-left-radius: 2.5rem;
  }
  .lg--rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }
}

@media screen and (min-width: 1200px) {
  .xl--rounded-0 {
    border-radius: 0;
  }
  .xl--rounded-2 {
    border-radius: 0.125rem;
  }
  .xl--rounded-4 {
    border-radius: 0.25rem;
  }
  .xl--rounded-6 {
    border-radius: 0.375rem;
  }
  .xl--rounded-8 {
    border-radius: 0.5rem;
  }
  .xl--rounded-12 {
    border-radius: 0.75rem;
  }
  .xl--rounded-16 {
    border-radius: 1rem;
  }
  .xl--rounded-20 {
    border-radius: 1.25rem;
  }
  .xl--rounded-24 {
    border-radius: 1.5rem;
  }
  .xl--rounded-28 {
    border-radius: 1.75rem;
  }
  .xl--rounded-32 {
    border-radius: 2rem;
  }
  .xl--rounded-36 {
    border-radius: 2.25rem;
  }
  .xl--rounded-40 {
    border-radius: 2.5rem;
  }
  .xl--rounded-full {
    border-radius: 9999px;
  }
  .xl--rounded-t-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .xl--rounded-t-2 {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }
  .xl--rounded-t-4 {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .xl--rounded-t-6 {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
  }
  .xl--rounded-t-8 {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }
  .xl--rounded-t-12 {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }
  .xl--rounded-t-16 {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }
  .xl--rounded-t-20 {
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
  }
  .xl--rounded-t-24 {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }
  .xl--rounded-t-28 {
    border-top-left-radius: 1.75rem;
    border-top-right-radius: 1.75rem;
  }
  .xl--rounded-t-32 {
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
  }
  .xl--rounded-t-36 {
    border-top-left-radius: 2.25rem;
    border-top-right-radius: 2.25rem;
  }
  .xl--rounded-t-40 {
    border-top-left-radius: 2.5rem;
    border-top-right-radius: 2.5rem;
  }
  .xl--rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }
  .xl--rounded-r-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .xl--rounded-r-2 {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }
  .xl--rounded-r-4 {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .xl--rounded-r-6 {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
  }
  .xl--rounded-r-8 {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }
  .xl--rounded-r-12 {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }
  .xl--rounded-r-16 {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }
  .xl--rounded-r-20 {
    border-top-right-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
  }
  .xl--rounded-r-24 {
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
  }
  .xl--rounded-r-28 {
    border-top-right-radius: 1.75rem;
    border-bottom-right-radius: 1.75rem;
  }
  .xl--rounded-r-32 {
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
  }
  .xl--rounded-r-36 {
    border-top-right-radius: 2.25rem;
    border-bottom-right-radius: 2.25rem;
  }
  .xl--rounded-r-40 {
    border-top-right-radius: 2.5rem;
    border-bottom-right-radius: 2.5rem;
  }
  .xl--rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }
  .xl--rounded-b-0 {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .xl--rounded-b-2 {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }
  .xl--rounded-b-4 {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .xl--rounded-b-6 {
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }
  .xl--rounded-b-8 {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }
  .xl--rounded-b-12 {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }
  .xl--rounded-b-16 {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }
  .xl--rounded-b-20 {
    border-bottom-right-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
  }
  .xl--rounded-b-24 {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }
  .xl--rounded-b-28 {
    border-bottom-right-radius: 1.75rem;
    border-bottom-left-radius: 1.75rem;
  }
  .xl--rounded-b-32 {
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
  }
  .xl--rounded-b-36 {
    border-bottom-right-radius: 2.25rem;
    border-bottom-left-radius: 2.25rem;
  }
  .xl--rounded-b-40 {
    border-bottom-right-radius: 2.5rem;
    border-bottom-left-radius: 2.5rem;
  }
  .xl--rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }
  .xl--rounded-l-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .xl--rounded-l-2 {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }
  .xl--rounded-l-4 {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .xl--rounded-l-6 {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }
  .xl--rounded-l-8 {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }
  .xl--rounded-l-12 {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }
  .xl--rounded-l-16 {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }
  .xl--rounded-l-20 {
    border-top-left-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
  }
  .xl--rounded-l-24 {
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }
  .xl--rounded-l-28 {
    border-top-left-radius: 1.75rem;
    border-bottom-left-radius: 1.75rem;
  }
  .xl--rounded-l-32 {
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
  }
  .xl--rounded-l-36 {
    border-top-left-radius: 2.25rem;
    border-bottom-left-radius: 2.25rem;
  }
  .xl--rounded-l-40 {
    border-top-left-radius: 2.5rem;
    border-bottom-left-radius: 2.5rem;
  }
  .xl--rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }
  .xl--rounded-tl-0 {
    border-top-left-radius: 0;
  }
  .xl--rounded-tl-2 {
    border-top-left-radius: 0.125rem;
  }
  .xl--rounded-tl-4 {
    border-top-left-radius: 0.25rem;
  }
  .xl--rounded-tl-6 {
    border-top-left-radius: 0.375rem;
  }
  .xl--rounded-tl-8 {
    border-top-left-radius: 0.5rem;
  }
  .xl--rounded-tl-12 {
    border-top-left-radius: 0.75rem;
  }
  .xl--rounded-tl-16 {
    border-top-left-radius: 1rem;
  }
  .xl--rounded-tl-20 {
    border-top-left-radius: 1.25rem;
  }
  .xl--rounded-tl-24 {
    border-top-left-radius: 1.5rem;
  }
  .xl--rounded-tl-28 {
    border-top-left-radius: 1.75rem;
  }
  .xl--rounded-tl-32 {
    border-top-left-radius: 2rem;
  }
  .xl--rounded-tl-36 {
    border-top-left-radius: 2.25rem;
  }
  .xl--rounded-tl-40 {
    border-top-left-radius: 2.5rem;
  }
  .xl--rounded-tl-full {
    border-top-left-radius: 9999px;
  }
  .xl--rounded-tr-0 {
    border-top-right-radius: 0;
  }
  .xl--rounded-tr-2 {
    border-top-right-radius: 0.125rem;
  }
  .xl--rounded-tr-4 {
    border-top-right-radius: 0.25rem;
  }
  .xl--rounded-tr-6 {
    border-top-right-radius: 0.375rem;
  }
  .xl--rounded-tr-8 {
    border-top-right-radius: 0.5rem;
  }
  .xl--rounded-tr-12 {
    border-top-right-radius: 0.75rem;
  }
  .xl--rounded-tr-16 {
    border-top-right-radius: 1rem;
  }
  .xl--rounded-tr-20 {
    border-top-right-radius: 1.25rem;
  }
  .xl--rounded-tr-24 {
    border-top-right-radius: 1.5rem;
  }
  .xl--rounded-tr-28 {
    border-top-right-radius: 1.75rem;
  }
  .xl--rounded-tr-32 {
    border-top-right-radius: 2rem;
  }
  .xl--rounded-tr-36 {
    border-top-right-radius: 2.25rem;
  }
  .xl--rounded-tr-40 {
    border-top-right-radius: 2.5rem;
  }
  .xl--rounded-tr-full {
    border-top-right-radius: 9999px;
  }
  .xl--rounded-br-0 {
    border-bottom-right-radius: 0;
  }
  .xl--rounded-br-2 {
    border-bottom-right-radius: 0.125rem;
  }
  .xl--rounded-br-4 {
    border-bottom-right-radius: 0.25rem;
  }
  .xl--rounded-br-6 {
    border-bottom-right-radius: 0.375rem;
  }
  .xl--rounded-br-8 {
    border-bottom-right-radius: 0.5rem;
  }
  .xl--rounded-br-12 {
    border-bottom-right-radius: 0.75rem;
  }
  .xl--rounded-br-16 {
    border-bottom-right-radius: 1rem;
  }
  .xl--rounded-br-20 {
    border-bottom-right-radius: 1.25rem;
  }
  .xl--rounded-br-24 {
    border-bottom-right-radius: 1.5rem;
  }
  .xl--rounded-br-28 {
    border-bottom-right-radius: 1.75rem;
  }
  .xl--rounded-br-32 {
    border-bottom-right-radius: 2rem;
  }
  .xl--rounded-br-36 {
    border-bottom-right-radius: 2.25rem;
  }
  .xl--rounded-br-40 {
    border-bottom-right-radius: 2.5rem;
  }
  .xl--rounded-br-full {
    border-bottom-right-radius: 9999px;
  }
  .xl--rounded-bl-0 {
    border-bottom-left-radius: 0;
  }
  .xl--rounded-bl-2 {
    border-bottom-left-radius: 0.125rem;
  }
  .xl--rounded-bl-4 {
    border-bottom-left-radius: 0.25rem;
  }
  .xl--rounded-bl-6 {
    border-bottom-left-radius: 0.375rem;
  }
  .xl--rounded-bl-8 {
    border-bottom-left-radius: 0.5rem;
  }
  .xl--rounded-bl-12 {
    border-bottom-left-radius: 0.75rem;
  }
  .xl--rounded-bl-16 {
    border-bottom-left-radius: 1rem;
  }
  .xl--rounded-bl-20 {
    border-bottom-left-radius: 1.25rem;
  }
  .xl--rounded-bl-24 {
    border-bottom-left-radius: 1.5rem;
  }
  .xl--rounded-bl-28 {
    border-bottom-left-radius: 1.75rem;
  }
  .xl--rounded-bl-32 {
    border-bottom-left-radius: 2rem;
  }
  .xl--rounded-bl-36 {
    border-bottom-left-radius: 2.25rem;
  }
  .xl--rounded-bl-40 {
    border-bottom-left-radius: 2.5rem;
  }
  .xl--rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }
}

/**
 * Shadow
 * カードの浮き具合を5段階で表す。色は --shadow-color（01_colors.css）で上書きできる。
 *
 * Bootstrap 4.1.3 の .shadow / .shadow-sm / .shadow-lg / .shadow-none は
 * すべて !important 付きのため、同名は使えない。数値命名で回避している。
 */
.shadow-0 {
  box-shadow: none;
}
.shadow-1 {
  box-shadow:
    0 1px 2px hsl(from var(--shadow-color) h s l / 6%),
    0 1px 3px hsl(from var(--shadow-color) h s l / 10%);
}
.shadow-2 {
  box-shadow:
    0 2px 4px hsl(from var(--shadow-color) h s l / 6%),
    0 4px 8px hsl(from var(--shadow-color) h s l / 10%);
}
.shadow-3 {
  box-shadow:
    0 4px 8px hsl(from var(--shadow-color) h s l / 6%),
    0 8px 16px hsl(from var(--shadow-color) h s l / 12%);
}
.shadow-4 {
  box-shadow:
    0 8px 16px hsl(from var(--shadow-color) h s l / 8%),
    0 16px 32px hsl(from var(--shadow-color) h s l / 14%);
}

.filter-elevation-2 {
  filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.08)) drop-shadow(0 4px 12px rgba(0, 0, 0, 0.08)) drop-shadow(0 2px 6px rgba(0, 0, 0, 0.08));
}
.elevation-1 {
  box-shadow: var(--elevation-1);
}
.elevation-2 {
  box-shadow: var(--elevation-2);
}