/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[0]!./node_modules/import-glob-loader/index.js!./jp/assets/sass/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* =================================================================================


  base.scss


================================================================================= */
/* =================================================================================


  color.scss


================================================================================= */
/* サイトで全体で使うカラーコードの変数を指定 */
/* 色指定 */
/* ソーシャル系 */
/* =================================================================================


  font.scss


================================================================================= */
/*
  floating
--------------------------------- */
@keyframes floating-y {
  0% {
    translate: 0 0;
  }
  100% {
    translate: 0 10%;
  }
}
/*
  hero character
--------------------------------- */
@keyframes hero-character-emerge {
  0% {
    translate: -120%;
    opacity: 0;
  }
  20%, 80% {
    translate: -32%;
    opacity: 1;
  }
  100% {
    translate: -120%;
    opacity: 1;
  }
}
@keyframes hero-character-rotate {
  0% {
    rotate: 0deg;
  }
  100% {
    rotate: 10deg;
  }
}
@keyframes hero-character-message {
  0%, 100% {
    opacity: 0;
  }
  10%, 80% {
    opacity: 1;
  }
}
@keyframes hero-character-message-mask {
  0% {
    transform: translateY(0);
  }
  20%, 100% {
    transform: translateY(100%);
  }
}
/* 上マージン
----------------------------------------------- */
/* 下マージン
----------------------------------------------- */
/*
  Media Queries
--------------------------------- */
/*
  wrap
--------------------------------- */
/* =================================================================================


  reset.scss


================================================================================= */
/*要素のフォントサイズやマージン・パディングをリセットしています*/
html,
body,
div,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
span,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
main,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font-style: normal;
  font-size: 100%;
  vertical-align: baseline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}

main {
  display: block;
}

/*行の高さをフォントサイズと同じにしています*/
body {
  line-height: 1;
}

/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

/* ulのマーカー（行頭記号）を表示しないようにしています */
ul {
  list-style: none;
}

/* olのマーカー（行頭記号）positionをinsideに設定 */
ol {
  list-style: none;
}

/*引用符の表示が出ないようにしています*/
blockquote,
q {
  quotes: none;
}

/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
  margin: 0;
  padding: 0;
  background: transparent;
  font-size: 100%;
  vertical-align: baseline;
}

/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
  background-color: #ff9;
  font-weight: bold;
}

/*テキストに打ち消し線が付くようにしています*/
del {
  text-decoration: line-through;
}

/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
  display: block;
  height: 1px;
  padding: 0;
  border: 0;
  border-top: 1px solid #c5c5c5;
}

/*縦方向の揃え位置を中央揃えに指定しています*/
input,
select {
  vertical-align: middle;
}

/*上付き文字 下付き文字の設定*/
sup,
sub {
  position: relative;
  height: 0;
  font-size: 60%;
  line-height: 1;
  vertical-align: baseline;
  _vertical-align: bottom;
}

sup {
  bottom: 1ex;
}

sub {
  top: 0.5ex;
}

/* =================================================================================


  base.scss


================================================================================= */
*,
*:before,
*:after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  min-height: 100%;
  font-size: 62.5%;
}

body,
input,
select,
textarea,
button {
  text-rendering: optimizelegibility;
  -webkit-text-size-adjust: 100%;
  color: #000;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  line-height: 2;
  font-family: "Noto Serif JP", yumincho, "游明朝 DemiBold", "Yu Mincho DemiBold", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", serif;
}

body {
  position: relative;
  min-height: 100%;
  overflow-x: hidden;
}
.is-modal-open body, .is-drawerActive body {
  overflow: hidden;
}

/*
  リンク設定
--------------------------------- */
a {
  color: inherit;
  text-decoration: none;
  animation-timing-function: linear;
  transition-duration: 0.3s;
  transition-property: opacity, color, background-color, border;
  transition-timing-function: linear;
}
a:hover {
  text-decoration: none;
}

/*
  フルードイメージ
--------------------------------- */
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

/*
  アクセシビリティ スクリーンリーダーテキスト(WP用)
--------------------------------- */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* =================================================================================


  Layout - Background


================================================================================= */
/*
  Background Color
--------------------------------- */
[data-background=light-gray] {
  background-color: #f6f6f6;
}

.l-container {
  box-sizing: content-box;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
.l-container.-xxs {
  max-width: 480px;
  margin-right: auto;
  margin-left: auto;
}
.l-container.-xs {
  max-width: 700px;
  margin-right: auto;
  margin-left: auto;
}
.l-container.-sm {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
}
.l-container.-md {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
.l-container.-lg {
  max-width: 1260px;
  margin-right: auto;
  margin-left: auto;
}
.l-container.-xl {
  max-width: 1560px;
  margin-right: auto;
  margin-left: auto;
}
.l-container.-xxl {
  max-width: 1920px;
  margin-right: auto;
  margin-left: auto;
}
.l-container.-xxxl {
  max-width: 2560px;
  margin-right: auto;
  margin-left: auto;
}
.l-container.-auto {
  max-width: none;
}
.l-container.-gap {
  padding-right: 5%;
  padding-left: 5%;
}
.l-container.-gap-primary {
  box-sizing: border-box;
  padding-right: 35px;
  padding-left: 35px;
}
.l-container.-white {
  background-color: #fff;
}
.l-container.-light-gray {
  background-color: #f4f5f9;
}

/* オーバーレイ */
.l-drawer {
  /* scrollにはしないことでスクロールの必要がないときはスクロールバーを表示させない */
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
  z-index: 101;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  background-color: rgba(21, 40, 65, 0.95);
  opacity: 0;
  pointer-events: none;
  transition: 0.3s ease-in-out;
}
.is-drawerActive .l-drawer {
  visibility: visible;
  padding-right: var(--scrollbar);
  opacity: 1;
  pointer-events: all;
}
.l-drawer__body {
  display: -ms-grid;
  display: grid;
  align-content: space-between;
  width: 100%;
  height: 100%;
  padding: 3rem 3rem 8rem;
  color: #fff;
}
.l-drawer__header {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
}
.l-drawer__title {
  font-weight: 500;
  font-size: 1.3rem;
  font-family: "futura-pt", "Noto Sans JP", "游ゴシック体", yugothic, "游ゴシック", "Hiragino Kaku Gothic ProN", meiryo, メイリオ, sans-serif;
}
.l-drawer__language {
  display: flex;
  font-family: "futura-pt", "Noto Sans JP", "游ゴシック体", yugothic, "游ゴシック", "Hiragino Kaku Gothic ProN", meiryo, メイリオ, sans-serif;
}
.l-drawer__language li {
  position: relative;
}
.l-drawer__language li::after {
  content: "/";
}
.l-drawer__language li:last-child::after {
  display: none;
}
.l-drawer__nav {
  padding-top: 24px;
}
.l-drawer__menu {
  margin-bottom: 1em;
}
.l-drawer__menu-item {
  position: relative;
  margin-bottom: 0.5em;
  font-weight: 500;
  font-size: clamp(2rem, 2.4vw, 3rem);
}
.l-drawer__menu-item a {
  position: relative;
}
.l-drawer__menu-item a::after {
  position: absolute;
  bottom: 0; /*アンダーラインがaタグの下端から現れる*/
  left: 0;
  width: 100%;
  height: 1px;
  transform: scale(0, 1); /*アンダーラインの縮尺比率。ホバー前はx方向に0*/
  transform-origin: left top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の左端*/
  background: currentcolor;
  content: "";
  transition: transform 0.3s; /*変形の時間*/
}
.l-drawer__menu-item a:hover::after {
  transform: scale(1, 1); /*ホバー後、x軸方向に1（相対値）伸長*/
}
.l-drawer__info {
  font-size: clamp(1.1rem, 1.4vw, 1.4rem);
  font-family: "Noto Sans JP", "游ゴシック体", yugothic, "游ゴシック", "Yu Gothic", yugothic, "Hiragino Kaku Gothic ProN", meiryo, メイリオ, sans-serif;
}
.l-drawer__contact-info {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  gap: 1em;
  line-height: 1.6;
}
.l-drawer__contact-item {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  align-items: baseline;
}
.l-drawer__contact-label {
  position: relative;
}
.l-drawer__contact-label::after {
  content: "：";
}
.l-drawer__contact-value {
  font-size: 1.42857143em;
}
.l-drawer__copyright {
  margin-top: 1em;
  font-size: clamp(1rem, 1.1vw, 1.1rem);
}

/* =================================================================================


  Layout - Footer


================================================================================= */
.l-footer {
  padding: 4rem 5% 9rem;
  background-color: #0b2367;
  color: #fff;
  font-size: clamp(1.1rem, 1.2vw, 1.4rem);
}
.l-footer__inner {
  display: -ms-grid;
  display: grid;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
.l-footer__logo {
  order: 2;
  margin-bottom: 2.4rem;
  text-align: center;
}
.l-footer__nav {
  -ms-grid-columns: (auto)[2];
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: start;
  order: 1;
  margin-bottom: 4rem;
  gap: 1em;
  font-weight: bold;
  font-size: clamp(1.5rem, 1.5vw, 1.6rem);
}
.l-footer__nav a {
  position: relative;
}
.l-footer__nav a::after {
  position: absolute;
  bottom: 0; /*アンダーラインがaタグの下端から現れる*/
  left: 0;
  width: 100%;
  height: 1px;
  transform: scale(0, 1); /*アンダーラインの縮尺比率。ホバー前はx方向に0*/
  transform-origin: left top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の左端*/
  background: currentcolor;
  content: "";
  transition: transform 0.3s; /*変形の時間*/
}
.l-footer__nav a:hover::after {
  transform: scale(1, 1); /*ホバー後、x軸方向に1（相対値）伸長*/
}
.l-footer__nav li:nth-child(1) {
  order: 1;
}
.l-footer__nav li:nth-child(2) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  order: 3;
}
.l-footer__nav li:nth-child(3) {
  order: 2;
}
.l-footer__nav li:nth-child(4) {
  order: 4;
}
.l-footer__nav ul.child {
  margin-top: 0.8em;
  font-weight: normal;
  font-size: clamp(1.1rem, 1.2vw, 1.4rem);
}
.l-footer__nav ul.child li {
  margin-bottom: 0.8em;
}
.l-footer__bottom {
  display: -ms-grid;
  display: grid;
  order: 3;
}
.l-footer__contact-button {
  display: none;
  order: 1;
}
.l-footer__contact-button a {
  display: inline-block;
  width: 350px;
  max-width: 100%;
  padding: 0.5em 1em;
  border-radius: 2rem;
  background-color: #fff;
  color: #0b2367;
  font-weight: bold;
  font-size: clamp(1.4rem, 1.6vw, 1.8rem);
  text-align: center;
}
.l-footer__contact-button a:hover {
  opacity: 0.7;
}
.l-footer__info {
  text-align: center;
}
.l-footer__contact-info {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  gap: 1em;
  line-height: 1.6;
}
.l-footer__contact-item {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  align-items: baseline;
}
.l-footer__contact-label {
  position: relative;
}
.l-footer__contact-label::after {
  content: "：";
}
.l-footer__contact-value {
  font-size: 1.42857143em;
}
.l-footer__copyright {
  margin-top: 1em;
  font-size: clamp(1rem, 1.1vw, 1.1rem);
  font-family: "futura-pt", "Noto Sans JP", "游ゴシック体", yugothic, "游ゴシック", "Hiragino Kaku Gothic ProN", meiryo, メイリオ, sans-serif;
}

/* =================================================================================


  Component - コンポーネント [gap]


================================================================================= */
/*
  gap
--------------------------------- */
[data-gap~="0"] {
  gap: calc((4 * 0) / 10 * 1rem);
}

[data-gap~=x-0] {
  -moz-column-gap: calc((4 * 0) / 10 * 1rem);
       column-gap: calc((4 * 0) / 10 * 1rem);
}

[data-gap~=y-0] {
  row-gap: calc((4 * 0) / 10 * 1rem);
}

[data-gap~="1"] {
  gap: calc((4 * 1) / 10 * 1rem);
}

[data-gap~=x-1] {
  -moz-column-gap: calc((4 * 1) / 10 * 1rem);
       column-gap: calc((4 * 1) / 10 * 1rem);
}

[data-gap~=y-1] {
  row-gap: calc((4 * 1) / 10 * 1rem);
}

[data-gap~="2"] {
  gap: calc((4 * 2) / 10 * 1rem);
}

[data-gap~=x-2] {
  -moz-column-gap: calc((4 * 2) / 10 * 1rem);
       column-gap: calc((4 * 2) / 10 * 1rem);
}

[data-gap~=y-2] {
  row-gap: calc((4 * 2) / 10 * 1rem);
}

[data-gap~="3"] {
  gap: calc((4 * 3) / 10 * 1rem);
}

[data-gap~=x-3] {
  -moz-column-gap: calc((4 * 3) / 10 * 1rem);
       column-gap: calc((4 * 3) / 10 * 1rem);
}

[data-gap~=y-3] {
  row-gap: calc((4 * 3) / 10 * 1rem);
}

[data-gap~="4"] {
  gap: calc((4 * 4) / 10 * 1rem);
}

[data-gap~=x-4] {
  -moz-column-gap: calc((4 * 4) / 10 * 1rem);
       column-gap: calc((4 * 4) / 10 * 1rem);
}

[data-gap~=y-4] {
  row-gap: calc((4 * 4) / 10 * 1rem);
}

[data-gap~="5"] {
  gap: calc((4 * 5) / 10 * 1rem);
}

[data-gap~=x-5] {
  -moz-column-gap: calc((4 * 5) / 10 * 1rem);
       column-gap: calc((4 * 5) / 10 * 1rem);
}

[data-gap~=y-5] {
  row-gap: calc((4 * 5) / 10 * 1rem);
}

[data-gap~="6"] {
  gap: calc((4 * 6) / 10 * 1rem);
}

[data-gap~=x-6] {
  -moz-column-gap: calc((4 * 6) / 10 * 1rem);
       column-gap: calc((4 * 6) / 10 * 1rem);
}

[data-gap~=y-6] {
  row-gap: calc((4 * 6) / 10 * 1rem);
}

[data-gap~="7"] {
  gap: calc((4 * 7) / 10 * 1rem);
}

[data-gap~=x-7] {
  -moz-column-gap: calc((4 * 7) / 10 * 1rem);
       column-gap: calc((4 * 7) / 10 * 1rem);
}

[data-gap~=y-7] {
  row-gap: calc((4 * 7) / 10 * 1rem);
}

[data-gap~="8"] {
  gap: calc((4 * 8) / 10 * 1rem);
}

[data-gap~=x-8] {
  -moz-column-gap: calc((4 * 8) / 10 * 1rem);
       column-gap: calc((4 * 8) / 10 * 1rem);
}

[data-gap~=y-8] {
  row-gap: calc((4 * 8) / 10 * 1rem);
}

[data-gap~="9"] {
  gap: calc((4 * 9) / 10 * 1rem);
}

[data-gap~=x-9] {
  -moz-column-gap: calc((4 * 9) / 10 * 1rem);
       column-gap: calc((4 * 9) / 10 * 1rem);
}

[data-gap~=y-9] {
  row-gap: calc((4 * 9) / 10 * 1rem);
}

[data-gap~="10"] {
  gap: calc((4 * 10) / 10 * 1rem);
}

[data-gap~=x-10] {
  -moz-column-gap: calc((4 * 10) / 10 * 1rem);
       column-gap: calc((4 * 10) / 10 * 1rem);
}

[data-gap~=y-10] {
  row-gap: calc((4 * 10) / 10 * 1rem);
}

[data-gap~="11"] {
  gap: calc((4 * 11) / 10 * 1rem);
}

[data-gap~=x-11] {
  -moz-column-gap: calc((4 * 11) / 10 * 1rem);
       column-gap: calc((4 * 11) / 10 * 1rem);
}

[data-gap~=y-11] {
  row-gap: calc((4 * 11) / 10 * 1rem);
}

[data-gap~="12"] {
  gap: calc((4 * 12) / 10 * 1rem);
}

[data-gap~=x-12] {
  -moz-column-gap: calc((4 * 12) / 10 * 1rem);
       column-gap: calc((4 * 12) / 10 * 1rem);
}

[data-gap~=y-12] {
  row-gap: calc((4 * 12) / 10 * 1rem);
}

[data-gap~="13"] {
  gap: calc((4 * 13) / 10 * 1rem);
}

[data-gap~=x-13] {
  -moz-column-gap: calc((4 * 13) / 10 * 1rem);
       column-gap: calc((4 * 13) / 10 * 1rem);
}

[data-gap~=y-13] {
  row-gap: calc((4 * 13) / 10 * 1rem);
}

[data-gap~="14"] {
  gap: calc((4 * 14) / 10 * 1rem);
}

[data-gap~=x-14] {
  -moz-column-gap: calc((4 * 14) / 10 * 1rem);
       column-gap: calc((4 * 14) / 10 * 1rem);
}

[data-gap~=y-14] {
  row-gap: calc((4 * 14) / 10 * 1rem);
}

[data-gap~="15"] {
  gap: calc((4 * 15) / 10 * 1rem);
}

[data-gap~=x-15] {
  -moz-column-gap: calc((4 * 15) / 10 * 1rem);
       column-gap: calc((4 * 15) / 10 * 1rem);
}

[data-gap~=y-15] {
  row-gap: calc((4 * 15) / 10 * 1rem);
}

[data-gap~="16"] {
  gap: calc((4 * 16) / 10 * 1rem);
}

[data-gap~=x-16] {
  -moz-column-gap: calc((4 * 16) / 10 * 1rem);
       column-gap: calc((4 * 16) / 10 * 1rem);
}

[data-gap~=y-16] {
  row-gap: calc((4 * 16) / 10 * 1rem);
}

[data-gap~="17"] {
  gap: calc((4 * 17) / 10 * 1rem);
}

[data-gap~=x-17] {
  -moz-column-gap: calc((4 * 17) / 10 * 1rem);
       column-gap: calc((4 * 17) / 10 * 1rem);
}

[data-gap~=y-17] {
  row-gap: calc((4 * 17) / 10 * 1rem);
}

[data-gap~="18"] {
  gap: calc((4 * 18) / 10 * 1rem);
}

[data-gap~=x-18] {
  -moz-column-gap: calc((4 * 18) / 10 * 1rem);
       column-gap: calc((4 * 18) / 10 * 1rem);
}

[data-gap~=y-18] {
  row-gap: calc((4 * 18) / 10 * 1rem);
}

[data-gap~="19"] {
  gap: calc((4 * 19) / 10 * 1rem);
}

[data-gap~=x-19] {
  -moz-column-gap: calc((4 * 19) / 10 * 1rem);
       column-gap: calc((4 * 19) / 10 * 1rem);
}

[data-gap~=y-19] {
  row-gap: calc((4 * 19) / 10 * 1rem);
}

[data-gap~="20"] {
  gap: calc((4 * 20) / 10 * 1rem);
}

[data-gap~=x-20] {
  -moz-column-gap: calc((4 * 20) / 10 * 1rem);
       column-gap: calc((4 * 20) / 10 * 1rem);
}

[data-gap~=y-20] {
  row-gap: calc((4 * 20) / 10 * 1rem);
}

[data-gap~="21"] {
  gap: calc((4 * 21) / 10 * 1rem);
}

[data-gap~=x-21] {
  -moz-column-gap: calc((4 * 21) / 10 * 1rem);
       column-gap: calc((4 * 21) / 10 * 1rem);
}

[data-gap~=y-21] {
  row-gap: calc((4 * 21) / 10 * 1rem);
}

[data-gap~="22"] {
  gap: calc((4 * 22) / 10 * 1rem);
}

[data-gap~=x-22] {
  -moz-column-gap: calc((4 * 22) / 10 * 1rem);
       column-gap: calc((4 * 22) / 10 * 1rem);
}

[data-gap~=y-22] {
  row-gap: calc((4 * 22) / 10 * 1rem);
}

[data-gap~="23"] {
  gap: calc((4 * 23) / 10 * 1rem);
}

[data-gap~=x-23] {
  -moz-column-gap: calc((4 * 23) / 10 * 1rem);
       column-gap: calc((4 * 23) / 10 * 1rem);
}

[data-gap~=y-23] {
  row-gap: calc((4 * 23) / 10 * 1rem);
}

[data-gap~="24"] {
  gap: calc((4 * 24) / 10 * 1rem);
}

[data-gap~=x-24] {
  -moz-column-gap: calc((4 * 24) / 10 * 1rem);
       column-gap: calc((4 * 24) / 10 * 1rem);
}

[data-gap~=y-24] {
  row-gap: calc((4 * 24) / 10 * 1rem);
}

[data-gap~="25"] {
  gap: calc((4 * 25) / 10 * 1rem);
}

[data-gap~=x-25] {
  -moz-column-gap: calc((4 * 25) / 10 * 1rem);
       column-gap: calc((4 * 25) / 10 * 1rem);
}

[data-gap~=y-25] {
  row-gap: calc((4 * 25) / 10 * 1rem);
}

[data-gap~="26"] {
  gap: calc((4 * 26) / 10 * 1rem);
}

[data-gap~=x-26] {
  -moz-column-gap: calc((4 * 26) / 10 * 1rem);
       column-gap: calc((4 * 26) / 10 * 1rem);
}

[data-gap~=y-26] {
  row-gap: calc((4 * 26) / 10 * 1rem);
}

[data-gap~="27"] {
  gap: calc((4 * 27) / 10 * 1rem);
}

[data-gap~=x-27] {
  -moz-column-gap: calc((4 * 27) / 10 * 1rem);
       column-gap: calc((4 * 27) / 10 * 1rem);
}

[data-gap~=y-27] {
  row-gap: calc((4 * 27) / 10 * 1rem);
}

[data-gap~="28"] {
  gap: calc((4 * 28) / 10 * 1rem);
}

[data-gap~=x-28] {
  -moz-column-gap: calc((4 * 28) / 10 * 1rem);
       column-gap: calc((4 * 28) / 10 * 1rem);
}

[data-gap~=y-28] {
  row-gap: calc((4 * 28) / 10 * 1rem);
}

[data-gap~="29"] {
  gap: calc((4 * 29) / 10 * 1rem);
}

[data-gap~=x-29] {
  -moz-column-gap: calc((4 * 29) / 10 * 1rem);
       column-gap: calc((4 * 29) / 10 * 1rem);
}

[data-gap~=y-29] {
  row-gap: calc((4 * 29) / 10 * 1rem);
}

[data-gap~="30"] {
  gap: calc((4 * 30) / 10 * 1rem);
}

[data-gap~=x-30] {
  -moz-column-gap: calc((4 * 30) / 10 * 1rem);
       column-gap: calc((4 * 30) / 10 * 1rem);
}

[data-gap~=y-30] {
  row-gap: calc((4 * 30) / 10 * 1rem);
}

[data-gap~="31"] {
  gap: calc((4 * 31) / 10 * 1rem);
}

[data-gap~=x-31] {
  -moz-column-gap: calc((4 * 31) / 10 * 1rem);
       column-gap: calc((4 * 31) / 10 * 1rem);
}

[data-gap~=y-31] {
  row-gap: calc((4 * 31) / 10 * 1rem);
}

[data-gap~="32"] {
  gap: calc((4 * 32) / 10 * 1rem);
}

[data-gap~=x-32] {
  -moz-column-gap: calc((4 * 32) / 10 * 1rem);
       column-gap: calc((4 * 32) / 10 * 1rem);
}

[data-gap~=y-32] {
  row-gap: calc((4 * 32) / 10 * 1rem);
}

[data-gap~="33"] {
  gap: calc((4 * 33) / 10 * 1rem);
}

[data-gap~=x-33] {
  -moz-column-gap: calc((4 * 33) / 10 * 1rem);
       column-gap: calc((4 * 33) / 10 * 1rem);
}

[data-gap~=y-33] {
  row-gap: calc((4 * 33) / 10 * 1rem);
}

[data-gap~="34"] {
  gap: calc((4 * 34) / 10 * 1rem);
}

[data-gap~=x-34] {
  -moz-column-gap: calc((4 * 34) / 10 * 1rem);
       column-gap: calc((4 * 34) / 10 * 1rem);
}

[data-gap~=y-34] {
  row-gap: calc((4 * 34) / 10 * 1rem);
}

[data-gap~="35"] {
  gap: calc((4 * 35) / 10 * 1rem);
}

[data-gap~=x-35] {
  -moz-column-gap: calc((4 * 35) / 10 * 1rem);
       column-gap: calc((4 * 35) / 10 * 1rem);
}

[data-gap~=y-35] {
  row-gap: calc((4 * 35) / 10 * 1rem);
}

[data-gap~="36"] {
  gap: calc((4 * 36) / 10 * 1rem);
}

[data-gap~=x-36] {
  -moz-column-gap: calc((4 * 36) / 10 * 1rem);
       column-gap: calc((4 * 36) / 10 * 1rem);
}

[data-gap~=y-36] {
  row-gap: calc((4 * 36) / 10 * 1rem);
}

[data-gap~="37"] {
  gap: calc((4 * 37) / 10 * 1rem);
}

[data-gap~=x-37] {
  -moz-column-gap: calc((4 * 37) / 10 * 1rem);
       column-gap: calc((4 * 37) / 10 * 1rem);
}

[data-gap~=y-37] {
  row-gap: calc((4 * 37) / 10 * 1rem);
}

[data-gap~="38"] {
  gap: calc((4 * 38) / 10 * 1rem);
}

[data-gap~=x-38] {
  -moz-column-gap: calc((4 * 38) / 10 * 1rem);
       column-gap: calc((4 * 38) / 10 * 1rem);
}

[data-gap~=y-38] {
  row-gap: calc((4 * 38) / 10 * 1rem);
}

[data-gap~="39"] {
  gap: calc((4 * 39) / 10 * 1rem);
}

[data-gap~=x-39] {
  -moz-column-gap: calc((4 * 39) / 10 * 1rem);
       column-gap: calc((4 * 39) / 10 * 1rem);
}

[data-gap~=y-39] {
  row-gap: calc((4 * 39) / 10 * 1rem);
}

[data-gap~="40"] {
  gap: calc((4 * 40) / 10 * 1rem);
}

[data-gap~=x-40] {
  -moz-column-gap: calc((4 * 40) / 10 * 1rem);
       column-gap: calc((4 * 40) / 10 * 1rem);
}

[data-gap~=y-40] {
  row-gap: calc((4 * 40) / 10 * 1rem);
}

[data-gap~="41"] {
  gap: calc((4 * 41) / 10 * 1rem);
}

[data-gap~=x-41] {
  -moz-column-gap: calc((4 * 41) / 10 * 1rem);
       column-gap: calc((4 * 41) / 10 * 1rem);
}

[data-gap~=y-41] {
  row-gap: calc((4 * 41) / 10 * 1rem);
}

[data-gap~="42"] {
  gap: calc((4 * 42) / 10 * 1rem);
}

[data-gap~=x-42] {
  -moz-column-gap: calc((4 * 42) / 10 * 1rem);
       column-gap: calc((4 * 42) / 10 * 1rem);
}

[data-gap~=y-42] {
  row-gap: calc((4 * 42) / 10 * 1rem);
}

[data-gap~="43"] {
  gap: calc((4 * 43) / 10 * 1rem);
}

[data-gap~=x-43] {
  -moz-column-gap: calc((4 * 43) / 10 * 1rem);
       column-gap: calc((4 * 43) / 10 * 1rem);
}

[data-gap~=y-43] {
  row-gap: calc((4 * 43) / 10 * 1rem);
}

[data-gap~="44"] {
  gap: calc((4 * 44) / 10 * 1rem);
}

[data-gap~=x-44] {
  -moz-column-gap: calc((4 * 44) / 10 * 1rem);
       column-gap: calc((4 * 44) / 10 * 1rem);
}

[data-gap~=y-44] {
  row-gap: calc((4 * 44) / 10 * 1rem);
}

[data-gap~="45"] {
  gap: calc((4 * 45) / 10 * 1rem);
}

[data-gap~=x-45] {
  -moz-column-gap: calc((4 * 45) / 10 * 1rem);
       column-gap: calc((4 * 45) / 10 * 1rem);
}

[data-gap~=y-45] {
  row-gap: calc((4 * 45) / 10 * 1rem);
}

[data-gap~="46"] {
  gap: calc((4 * 46) / 10 * 1rem);
}

[data-gap~=x-46] {
  -moz-column-gap: calc((4 * 46) / 10 * 1rem);
       column-gap: calc((4 * 46) / 10 * 1rem);
}

[data-gap~=y-46] {
  row-gap: calc((4 * 46) / 10 * 1rem);
}

[data-gap~="47"] {
  gap: calc((4 * 47) / 10 * 1rem);
}

[data-gap~=x-47] {
  -moz-column-gap: calc((4 * 47) / 10 * 1rem);
       column-gap: calc((4 * 47) / 10 * 1rem);
}

[data-gap~=y-47] {
  row-gap: calc((4 * 47) / 10 * 1rem);
}

[data-gap~="48"] {
  gap: calc((4 * 48) / 10 * 1rem);
}

[data-gap~=x-48] {
  -moz-column-gap: calc((4 * 48) / 10 * 1rem);
       column-gap: calc((4 * 48) / 10 * 1rem);
}

[data-gap~=y-48] {
  row-gap: calc((4 * 48) / 10 * 1rem);
}

[data-gap~="49"] {
  gap: calc((4 * 49) / 10 * 1rem);
}

[data-gap~=x-49] {
  -moz-column-gap: calc((4 * 49) / 10 * 1rem);
       column-gap: calc((4 * 49) / 10 * 1rem);
}

[data-gap~=y-49] {
  row-gap: calc((4 * 49) / 10 * 1rem);
}

[data-gap~="50"] {
  gap: calc((4 * 50) / 10 * 1rem);
}

[data-gap~=x-50] {
  -moz-column-gap: calc((4 * 50) / 10 * 1rem);
       column-gap: calc((4 * 50) / 10 * 1rem);
}

[data-gap~=y-50] {
  row-gap: calc((4 * 50) / 10 * 1rem);
}
.l-gap-primary {
  box-sizing: border-box;
  padding-right: 16px;
  padding-left: 16px;
}

/* =================================================================================


  Component - コンポーネント [grid]


================================================================================= */
/*
  Base
--------------------------------- */
[data-grid] {
  display: -ms-grid;
  display: grid;
}

[data-grid-item] {
  min-width: 0;
}

/*
  Flow
--------------------------------- */
[data-grid~=flow-col] {
  grid-auto-flow: column;
}

[data-grid~=flow-row] {
  grid-auto-flow: row;
}

[data-grid~=flow-dense] {
  grid-auto-flow: dense;
}

[data-grid~=flow-row-dense] {
  grid-auto-flow: row dense;
}

[data-grid~=flow-col-dense] {
  grid-auto-flow: column dense;
}

[data-grid~="xxs:flow-col"] {
  grid-auto-flow: column;
}

[data-grid~="xxs:flow-row"] {
  grid-auto-flow: row;
}

[data-grid~="xxs:flow-dense"] {
  grid-auto-flow: dense;
}

[data-grid~="xxs:flow-row-dense"] {
  grid-auto-flow: row dense;
}

[data-grid~="xxs:flow-col-dense"] {
  grid-auto-flow: column dense;
}

[data-grid~="xs:flow-col"] {
  grid-auto-flow: column;
}

[data-grid~="xs:flow-row"] {
  grid-auto-flow: row;
}

[data-grid~="xs:flow-dense"] {
  grid-auto-flow: dense;
}

[data-grid~="xs:flow-row-dense"] {
  grid-auto-flow: row dense;
}

[data-grid~="xs:flow-col-dense"] {
  grid-auto-flow: column dense;
}

[data-grid~="sm:flow-col"] {
  grid-auto-flow: column;
}

[data-grid~="sm:flow-row"] {
  grid-auto-flow: row;
}

[data-grid~="sm:flow-dense"] {
  grid-auto-flow: dense;
}

[data-grid~="sm:flow-row-dense"] {
  grid-auto-flow: row dense;
}

[data-grid~="sm:flow-col-dense"] {
  grid-auto-flow: column dense;
}

[data-grid~="md:flow-col"] {
  grid-auto-flow: column;
}

[data-grid~="md:flow-row"] {
  grid-auto-flow: row;
}

[data-grid~="md:flow-dense"] {
  grid-auto-flow: dense;
}

[data-grid~="md:flow-row-dense"] {
  grid-auto-flow: row dense;
}

[data-grid~="md:flow-col-dense"] {
  grid-auto-flow: column dense;
}

[data-grid~="lg:flow-col"] {
  grid-auto-flow: column;
}

[data-grid~="lg:flow-row"] {
  grid-auto-flow: row;
}

[data-grid~="lg:flow-dense"] {
  grid-auto-flow: dense;
}

[data-grid~="lg:flow-row-dense"] {
  grid-auto-flow: row dense;
}

[data-grid~="lg:flow-col-dense"] {
  grid-auto-flow: column dense;
}

[data-grid~="xl:flow-col"] {
  grid-auto-flow: column;
}

[data-grid~="xl:flow-row"] {
  grid-auto-flow: row;
}

[data-grid~="xl:flow-dense"] {
  grid-auto-flow: dense;
}

[data-grid~="xl:flow-row-dense"] {
  grid-auto-flow: row dense;
}

[data-grid~="xl:flow-col-dense"] {
  grid-auto-flow: column dense;
}

[data-grid~="xxl:flow-col"] {
  grid-auto-flow: column;
}

[data-grid~="xxl:flow-row"] {
  grid-auto-flow: row;
}

[data-grid~="xxl:flow-dense"] {
  grid-auto-flow: dense;
}

[data-grid~="xxl:flow-row-dense"] {
  grid-auto-flow: row dense;
}

[data-grid~="xxl:flow-col-dense"] {
  grid-auto-flow: column dense;
}

[data-grid~="xxxl:flow-col"] {
  grid-auto-flow: column;
}

[data-grid~="xxxl:flow-row"] {
  grid-auto-flow: row;
}

[data-grid~="xxxl:flow-dense"] {
  grid-auto-flow: dense;
}

[data-grid~="xxxl:flow-row-dense"] {
  grid-auto-flow: row dense;
}

[data-grid~="xxxl:flow-col-dense"] {
  grid-auto-flow: column dense;
}

/*
  Columns
--------------------------------- */
[data-grid~=cols-1] {
  -ms-grid-columns: (minmax(0, 1fr))[1];
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

[data-grid~=cols-2] {
  -ms-grid-columns: (minmax(0, 1fr))[2];
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

[data-grid~=cols-3] {
  -ms-grid-columns: (minmax(0, 1fr))[3];
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

[data-grid~=cols-4] {
  -ms-grid-columns: (minmax(0, 1fr))[4];
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

[data-grid~=cols-5] {
  -ms-grid-columns: (minmax(0, 1fr))[5];
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

[data-grid~=cols-6] {
  -ms-grid-columns: (minmax(0, 1fr))[6];
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

[data-grid~=cols-7] {
  -ms-grid-columns: (minmax(0, 1fr))[7];
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

[data-grid~=cols-8] {
  -ms-grid-columns: (minmax(0, 1fr))[8];
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

[data-grid~=cols-9] {
  -ms-grid-columns: (minmax(0, 1fr))[9];
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

[data-grid~=cols-10] {
  -ms-grid-columns: (minmax(0, 1fr))[10];
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

[data-grid~=cols-11] {
  -ms-grid-columns: (minmax(0, 1fr))[11];
  grid-template-columns: repeat(11, minmax(0, 1fr));
}

[data-grid~=cols-12] {
  -ms-grid-columns: (minmax(0, 1fr))[12];
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

[data-grid~=cols-none] {
  -ms-grid-columns: none;
  grid-template-columns: none;
}

[data-grid~=cols-subgrid] {
  -ms-grid-columns: subgrid;
  grid-template-columns: subgrid;
}
[data-grid~="xxs:cols-none"] {
  -ms-grid-columns: none;
  grid-template-columns: none;
}

[data-grid~="xxs:cols-subgrid"] {
  -ms-grid-columns: subgrid;
  grid-template-columns: subgrid;
}
[data-grid~="xs:cols-none"] {
  -ms-grid-columns: none;
  grid-template-columns: none;
}

[data-grid~="xs:cols-subgrid"] {
  -ms-grid-columns: subgrid;
  grid-template-columns: subgrid;
}
[data-grid~="sm:cols-none"] {
  -ms-grid-columns: none;
  grid-template-columns: none;
}

[data-grid~="sm:cols-subgrid"] {
  -ms-grid-columns: subgrid;
  grid-template-columns: subgrid;
}
[data-grid~="md:cols-none"] {
  -ms-grid-columns: none;
  grid-template-columns: none;
}

[data-grid~="md:cols-subgrid"] {
  -ms-grid-columns: subgrid;
  grid-template-columns: subgrid;
}
[data-grid~="lg:cols-none"] {
  -ms-grid-columns: none;
  grid-template-columns: none;
}

[data-grid~="lg:cols-subgrid"] {
  -ms-grid-columns: subgrid;
  grid-template-columns: subgrid;
}
[data-grid~="xl:cols-none"] {
  -ms-grid-columns: none;
  grid-template-columns: none;
}

[data-grid~="xl:cols-subgrid"] {
  -ms-grid-columns: subgrid;
  grid-template-columns: subgrid;
}
[data-grid~="xxl:cols-none"] {
  -ms-grid-columns: none;
  grid-template-columns: none;
}

[data-grid~="xxl:cols-subgrid"] {
  -ms-grid-columns: subgrid;
  grid-template-columns: subgrid;
}
[data-grid~="xxxl:cols-none"] {
  -ms-grid-columns: none;
  grid-template-columns: none;
}

[data-grid~="xxxl:cols-subgrid"] {
  -ms-grid-columns: subgrid;
  grid-template-columns: subgrid;
}

/*
  グリッド列の開始 / 終了
--------------------------------- */
[data-grid-item~=col-span-1] {
  -ms-grid-column-span: 1;
  -ms-grid-column: span 1;
      grid-column-start: span 1;
  grid-column-end: span 1;
}

[data-grid-item~=col-start-1] {
  -ms-grid-column: 1;
      grid-column-start: 1;
}

[data-grid-item~=col-end-1] {
  -ms-grid-column-span: 1;
  grid-column-end: 1;
}

[data-grid-item~=col-span-2] {
  -ms-grid-column-span: 2;
  -ms-grid-column: span 2;
      grid-column-start: span 2;
  grid-column-end: span 2;
}

[data-grid-item~=col-start-2] {
  -ms-grid-column: 2;
      grid-column-start: 2;
}

[data-grid-item~=col-end-2] {
  -ms-grid-column-span: 2;
  grid-column-end: 2;
}

[data-grid-item~=col-span-3] {
  -ms-grid-column-span: 3;
  -ms-grid-column: span 3;
      grid-column-start: span 3;
  grid-column-end: span 3;
}

[data-grid-item~=col-start-3] {
  -ms-grid-column: 3;
      grid-column-start: 3;
}

[data-grid-item~=col-end-3] {
  -ms-grid-column-span: 3;
  grid-column-end: 3;
}

[data-grid-item~=col-span-4] {
  -ms-grid-column-span: 4;
  -ms-grid-column: span 4;
      grid-column-start: span 4;
  grid-column-end: span 4;
}

[data-grid-item~=col-start-4] {
  -ms-grid-column: 4;
      grid-column-start: 4;
}

[data-grid-item~=col-end-4] {
  -ms-grid-column-span: 4;
  grid-column-end: 4;
}

[data-grid-item~=col-span-5] {
  -ms-grid-column-span: 5;
  -ms-grid-column: span 5;
      grid-column-start: span 5;
  grid-column-end: span 5;
}

[data-grid-item~=col-start-5] {
  -ms-grid-column: 5;
      grid-column-start: 5;
}

[data-grid-item~=col-end-5] {
  -ms-grid-column-span: 5;
  grid-column-end: 5;
}

[data-grid-item~=col-span-6] {
  -ms-grid-column-span: 6;
  -ms-grid-column: span 6;
      grid-column-start: span 6;
  grid-column-end: span 6;
}

[data-grid-item~=col-start-6] {
  -ms-grid-column: 6;
      grid-column-start: 6;
}

[data-grid-item~=col-end-6] {
  -ms-grid-column-span: 6;
  grid-column-end: 6;
}

[data-grid-item~=col-span-7] {
  -ms-grid-column-span: 7;
  -ms-grid-column: span 7;
      grid-column-start: span 7;
  grid-column-end: span 7;
}

[data-grid-item~=col-start-7] {
  -ms-grid-column: 7;
      grid-column-start: 7;
}

[data-grid-item~=col-end-7] {
  -ms-grid-column-span: 7;
  grid-column-end: 7;
}

[data-grid-item~=col-span-8] {
  -ms-grid-column-span: 8;
  -ms-grid-column: span 8;
      grid-column-start: span 8;
  grid-column-end: span 8;
}

[data-grid-item~=col-start-8] {
  -ms-grid-column: 8;
      grid-column-start: 8;
}

[data-grid-item~=col-end-8] {
  -ms-grid-column-span: 8;
  grid-column-end: 8;
}

[data-grid-item~=col-span-9] {
  -ms-grid-column-span: 9;
  -ms-grid-column: span 9;
      grid-column-start: span 9;
  grid-column-end: span 9;
}

[data-grid-item~=col-start-9] {
  -ms-grid-column: 9;
      grid-column-start: 9;
}

[data-grid-item~=col-end-9] {
  -ms-grid-column-span: 9;
  grid-column-end: 9;
}

[data-grid-item~=col-span-10] {
  -ms-grid-column-span: 10;
  -ms-grid-column: span 10;
      grid-column-start: span 10;
  grid-column-end: span 10;
}

[data-grid-item~=col-start-10] {
  -ms-grid-column: 10;
      grid-column-start: 10;
}

[data-grid-item~=col-end-10] {
  -ms-grid-column-span: 10;
  grid-column-end: 10;
}

[data-grid-item~=col-span-11] {
  -ms-grid-column-span: 11;
  -ms-grid-column: span 11;
      grid-column-start: span 11;
  grid-column-end: span 11;
}

[data-grid-item~=col-start-11] {
  -ms-grid-column: 11;
      grid-column-start: 11;
}

[data-grid-item~=col-end-11] {
  -ms-grid-column-span: 11;
  grid-column-end: 11;
}

[data-grid-item~=col-span-12] {
  -ms-grid-column-span: 12;
  -ms-grid-column: span 12;
      grid-column-start: span 12;
  grid-column-end: span 12;
}

[data-grid-item~=col-start-12] {
  -ms-grid-column: 12;
      grid-column-start: 12;
}

[data-grid-item~=col-end-12] {
  -ms-grid-column-span: 12;
  grid-column-end: 12;
}

[data-grid-item~=col-auto] {
  -ms-grid-column-span: NaN;
  -ms-grid-column: auto;
      grid-column-start: auto;
  grid-column-end: auto;
}

[data-grid-item~=col-full] {
  -ms-grid-column-span: -2;
  -ms-grid-column: 1;
      grid-column-start: 1;
  grid-column-end: -1;
}

[data-grid-item~=col-start-auto] {
  -ms-grid-column: auto;
      grid-column-start: auto;
}

[data-grid-item~=col-end-auto] {
  -ms-grid-column-span: auto;
  grid-column-end: auto;
}
/*
  Row
--------------------------------- */
[data-grid~=rows-1] {
  -ms-grid-rows: (minmax(0, 1fr))[1];
  grid-template-rows: repeat(1, minmax(0, 1fr));
}

[data-grid~=rows-2] {
  -ms-grid-rows: (minmax(0, 1fr))[2];
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

[data-grid~=rows-3] {
  -ms-grid-rows: (minmax(0, 1fr))[3];
  grid-template-rows: repeat(3, minmax(0, 1fr));
}

[data-grid~=rows-4] {
  -ms-grid-rows: (minmax(0, 1fr))[4];
  grid-template-rows: repeat(4, minmax(0, 1fr));
}

[data-grid~=rows-5] {
  -ms-grid-rows: (minmax(0, 1fr))[5];
  grid-template-rows: repeat(5, minmax(0, 1fr));
}

[data-grid~=rows-6] {
  -ms-grid-rows: (minmax(0, 1fr))[6];
  grid-template-rows: repeat(6, minmax(0, 1fr));
}

[data-grid~=rows-none] {
  -ms-grid-rows: none;
  grid-template-rows: none;
}

[data-grid~=rows-subgrid] {
  -ms-grid-rows: subgrid;
  grid-template-rows: subgrid;
}
[data-grid~="xxs:rows-none"] {
  -ms-grid-rows: none;
  grid-template-rows: none;
}

[data-grid~="xxs:rows-subgrid"] {
  -ms-grid-rows: subgrid;
  grid-template-rows: subgrid;
}
[data-grid~="xs:rows-none"] {
  -ms-grid-rows: none;
  grid-template-rows: none;
}

[data-grid~="xs:rows-subgrid"] {
  -ms-grid-rows: subgrid;
  grid-template-rows: subgrid;
}
[data-grid~="sm:rows-none"] {
  -ms-grid-rows: none;
  grid-template-rows: none;
}

[data-grid~="sm:rows-subgrid"] {
  -ms-grid-rows: subgrid;
  grid-template-rows: subgrid;
}
[data-grid~="md:rows-none"] {
  -ms-grid-rows: none;
  grid-template-rows: none;
}

[data-grid~="md:rows-subgrid"] {
  -ms-grid-rows: subgrid;
  grid-template-rows: subgrid;
}
[data-grid~="lg:rows-none"] {
  -ms-grid-rows: none;
  grid-template-rows: none;
}

[data-grid~="lg:rows-subgrid"] {
  -ms-grid-rows: subgrid;
  grid-template-rows: subgrid;
}
[data-grid~="xl:rows-none"] {
  -ms-grid-rows: none;
  grid-template-rows: none;
}

[data-grid~="xl:rows-subgrid"] {
  -ms-grid-rows: subgrid;
  grid-template-rows: subgrid;
}
[data-grid~="xxl:rows-none"] {
  -ms-grid-rows: none;
  grid-template-rows: none;
}

[data-grid~="xxl:rows-subgrid"] {
  -ms-grid-rows: subgrid;
  grid-template-rows: subgrid;
}
[data-grid~="xxxl:rows-none"] {
  -ms-grid-rows: none;
  grid-template-rows: none;
}

[data-grid~="xxxl:rows-subgrid"] {
  -ms-grid-rows: subgrid;
  grid-template-rows: subgrid;
}

/*
  グリッド行の開始 / 終了
--------------------------------- */
[data-grid-item~=row-span-1] {
  -ms-grid-row-span: 1;
  -ms-grid-row: span 1;
      grid-row-start: span 1;
  grid-row-end: span 1;
}

[data-grid-item~=row-start-1] {
  -ms-grid-row: 1;
      grid-row-start: 1;
}

[data-grid-item~=row-end-1] {
  -ms-grid-row-span: 1;
  grid-row-end: 1;
}

[data-grid-item~=row-span-2] {
  -ms-grid-row-span: 2;
  -ms-grid-row: span 2;
      grid-row-start: span 2;
  grid-row-end: span 2;
}

[data-grid-item~=row-start-2] {
  -ms-grid-row: 2;
      grid-row-start: 2;
}

[data-grid-item~=row-end-2] {
  -ms-grid-row-span: 2;
  grid-row-end: 2;
}

[data-grid-item~=row-span-3] {
  -ms-grid-row-span: 3;
  -ms-grid-row: span 3;
      grid-row-start: span 3;
  grid-row-end: span 3;
}

[data-grid-item~=row-start-3] {
  -ms-grid-row: 3;
      grid-row-start: 3;
}

[data-grid-item~=row-end-3] {
  -ms-grid-row-span: 3;
  grid-row-end: 3;
}

[data-grid-item~=row-span-4] {
  -ms-grid-row-span: 4;
  -ms-grid-row: span 4;
      grid-row-start: span 4;
  grid-row-end: span 4;
}

[data-grid-item~=row-start-4] {
  -ms-grid-row: 4;
      grid-row-start: 4;
}

[data-grid-item~=row-end-4] {
  -ms-grid-row-span: 4;
  grid-row-end: 4;
}

[data-grid-item~=row-span-5] {
  -ms-grid-row-span: 5;
  -ms-grid-row: span 5;
      grid-row-start: span 5;
  grid-row-end: span 5;
}

[data-grid-item~=row-start-5] {
  -ms-grid-row: 5;
      grid-row-start: 5;
}

[data-grid-item~=row-end-5] {
  -ms-grid-row-span: 5;
  grid-row-end: 5;
}

[data-grid-item~=row-span-6] {
  -ms-grid-row-span: 6;
  -ms-grid-row: span 6;
      grid-row-start: span 6;
  grid-row-end: span 6;
}

[data-grid-item~=row-start-6] {
  -ms-grid-row: 6;
      grid-row-start: 6;
}

[data-grid-item~=row-end-6] {
  -ms-grid-row-span: 6;
  grid-row-end: 6;
}

[data-grid-item~=row-auto] {
  -ms-grid-row-span: NaN;
  -ms-grid-row: auto;
      grid-row-start: auto;
  grid-row-end: auto;
}

[data-grid-item~=row-full] {
  -ms-grid-row-span: -2;
  -ms-grid-row: 1;
      grid-row-start: 1;
  grid-row-end: -1;
}

[data-grid-item~=row-start-auto] {
  -ms-grid-row: auto;
      grid-row-start: auto;
}

[data-grid-item~=row-end-auto] {
  -ms-grid-row-span: auto;
  grid-row-end: auto;
}
.l-hamburger-button {
  -webkit-appearance: none;
     -moz-appearance: none;
  display: block;
          appearance: none;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background-color: transparent;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  pointer-events: all;
  transition: 0.6s;
  transition-delay: 0.6s, 0.6s;
  transition-property: transform, opacity;
  /* classにopenが付与されたとき
  ----------------------------------------------- */
}
.l-hamburger-button__circle {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
  margin: 0;
  padding: 0;
  background-color: transparent;
}
.l-hamburger-button__line {
  display: block;
  position: relative;
  transition: 0.6s;
}
.l-hamburger-button__line, .l-hamburger-button__line:before, .l-hamburger-button__line:after {
  width: 100%;
  height: 1px;
  border-radius: 99rem;
  background-color: #fff;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.l-hamburger-button__line:before, .l-hamburger-button__line:after {
  position: absolute;
  right: 0;
  content: "";
}
.l-hamburger-button__line::before {
  top: -4px;
}
.l-hamburger-button__line:after {
  bottom: -4px;
}
.is-drawerActive .l-hamburger-button__line {
  background-color: transparent;
}
.is-drawerActive .l-hamburger-button__line:before {
  top: 0;
  transform: rotate(45deg);
}
.is-drawerActive .l-hamburger-button__line:after {
  bottom: 0;
  transform: rotate(-45deg);
}

/* =================================================================================


  Layout - Header


================================================================================= */
.l-header {
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  transition: background-color 1s ease-out;
}
.l-header__inner {
  box-sizing: content-box;
  display: flex;
  z-index: 101;
  position: relative;
  align-items: center;
  justify-content: space-between;
  max-width: 1920px;
  height: 72px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 5%;
  transition: 0.3s linear;
  transition-duration: 0.3s;
  transition-property: width;
  transition-timing-function: linear;
}
.l-header__logo {
  position: relative;
  width: 378px;
  max-width: 100%;
  transition: 0.3s linear;
}
.l-header__logo img {
  vertical-align: middle;
  transition: 0.5s linear;
}
.l-header__nav {
  display: none;
  font-family: "Noto Sans JP", "游ゴシック体", yugothic, "游ゴシック", "Yu Gothic", yugothic, "Hiragino Kaku Gothic ProN", meiryo, メイリオ, sans-serif;
}
.l-header__button {
  z-index: 111;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}

/*
  ヘッダーメニュー
--------------------------------- */
.l-header-menu {
  display: flex;
  position: relative;
  align-items: center;
  gap: clamp(1em, 1.6vw, 2em);
}
.l-header-menu__item a {
  position: relative;
}
.l-header-menu__item a:hover {
  color: #26a6e1;
}

/*
  言語選択
--------------------------------- */
.l-header-language {
  display: flex;
}
.l-header-language li {
  position: relative;
}
.l-header-language li::after {
  content: "/";
}
.l-header-language li:last-child::after {
  display: none;
}
.l-header-language li a:hover {
  color: #26a6e1;
}

/*
  CTA
--------------------------------- */
.l-header__cta {
  -ms-grid-columns: (minmax(0, 1fr))[2];
  display: -ms-grid;
  display: grid;
  z-index: 10000;
  position: fixed;
  bottom: 0;
  left: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
}
.l-header__cta li {
  font-weight: 700;
  font-size: clamp(1.3rem, 1.4vw, 1.5rem);
  font-family: "futura-pt", "Noto Sans JP", "游ゴシック体", yugothic, "游ゴシック", "Hiragino Kaku Gothic ProN", meiryo, メイリオ, sans-serif;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.l-header__cta li:first-of-type span.button {
  background-color: #304c6c;
}
.l-header__cta li:last-of-type a {
  background-color: #26a6e1;
}
.l-header__cta li a.button,
.l-header__cta li span.button {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  padding: 0 30px;
  color: #fff;
  cursor: pointer;
}
.l-header__cta li span.icon {
  position: relative;
}
.l-header__cta li span.icon::after {
  display: inline-block;
  content: "";
}
.l-header__cta li span.icon.-arrow::after {
  width: 8px;
  height: 8px;
  rotate: 45deg;
  border-top: 1px solid currentcolor;
  border-right: 1px solid currentcolor;
}

.l-main {
  position: relative;
  margin-top: 72px;
  overflow: hidden;
  background-image: url("../img/common/main-bg.png");
  background-position: center top;
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: #cad2da;
}
.l-main.-home {
  background-image: url("../img/home/main-bg.png");
}
.l-main::before {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 4%;
  max-width: 80px;
  height: 100%;
  background-image: url(../img/common/guide-bg.svg);
  background-size: contain;
  background-repeat: repeat-y;
  content: "";
}
.l-main.-company::after {
  position: absolute;
  top: 10%;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/company/contents-bg.svg");
  background-position: right top;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

/* =================================================================================


  Component - コンポーネント [order]


================================================================================= */
/*
  Order
--------------------------------- */
[data-order~="0"] {
  order: 0;
}

[data-order~="-1"] {
  order: calc(1 * -1);
}

[data-order~="1"] {
  order: 1;
}

[data-order~="-2"] {
  order: calc(2 * -1);
}

[data-order~="2"] {
  order: 2;
}

[data-order~="-3"] {
  order: calc(3 * -1);
}

[data-order~="3"] {
  order: 3;
}

[data-order~="-4"] {
  order: calc(4 * -1);
}

[data-order~="4"] {
  order: 4;
}
/* =================================================================================


  Layout - page-header


================================================================================= */
.l-page-header {
  box-sizing: content-box;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 5%;
}

[data-place~=start] {
  justify-content: flex-start;
}

[data-place~=center] {
  justify-content: center;
}

[data-place~=end] {
  justify-content: flex-end;
}

[data-place~=between] {
  justify-content: space-between;
}

[data-place~=first] {
  align-items: flex-start;
}

[data-place~=middle] {
  align-items: center;
}

[data-place~=last] {
  align-items: flex-end;
}

[data-place~=stretch] {
  align-items: stretch;
}

[data-place~="+start"] {
  align-content: flex-start;
  justify-content: flex-start;
}

[data-place~="+center"] {
  align-content: center;
  justify-content: center;
}

[data-place~="+end"] {
  align-content: flex-end;
  justify-content: flex-end;
}

[data-place~="+between"] {
  align-content: space-between;
  justify-content: space-between;
}

[data-place~="+first"] {
  align-items: flex-start;
  justify-items: flex-start;
}

[data-place~="+middle"] {
  align-items: center;
  justify-items: center;
}

[data-place~="+last"] {
  align-items: flex-end;
  justify-items: flex-end;
}

[data-place~="+stretch"] {
  align-items: stretch;
  justify-items: stretch;
}
/* =================================================================================


  Layout - Side


================================================================================= */
.l-side-menu__list {
  font-weight: 500;
}
.l-side-menu__list li a {
  display: block;
  position: relative;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1.5em;
}
.l-side-menu__list li a::before {
  position: absolute;
  top: 50%;
  left: 0;
  aspect-ratio: 1;
  width: 1em;
  height: 1em;
  translate: 0 -50%;
  border: 2px solid #000;
  border-radius: 50%;
  background-color: #fff;
  content: "";
}

/* =================================================================================


  Layout - Spacer


================================================================================= */
.l-spacer {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.l-spacer.-xxs {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.l-spacer.-xs {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.l-spacer.-sm {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.l-spacer.-lg {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.l-spacer.-xl {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.l-spacer.-xxl {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.l-spacer.-gap {
  padding-right: 5%;
  padding-left: 5%;
}
.l-spacer[class][data-space~=reset] {
  padding: 0;
}
.l-spacer[class][data-space~=resetTop] {
  padding-top: 0;
}
.l-spacer[class][data-space~=resetBottom] {
  padding-bottom: 0;
}

/* =================================================================================


  Layout - Topicpath


================================================================================= */
.l-topicpath {
  padding: 1.6rem 5%;
}
.l-topicpath ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  max-width: 1560px;
  margin-right: auto;
  margin-left: auto;
}
.l-topicpath li {
  position: relative;
  margin-right: 0.6em;
  font-size: clamp(1rem, 1.2vw, 1.3rem);
  font-family: "Noto Sans JP", "游ゴシック体", yugothic, "游ゴシック", "Yu Gothic", yugothic, "Hiragino Kaku Gothic ProN", meiryo, メイリオ, sans-serif;
}
.l-topicpath li::after {
  position: relative;
  padding-left: 0.8em;
  content: ">";
}
.l-topicpath li:last-child {
  margin: 0;
  padding: 0;
}
.l-topicpath li:last-child::after {
  display: none;
}
.l-topicpath li a {
  border-bottom: 1px solid transparent;
}
.l-topicpath li a:hover {
  border-bottom-color: currentcolor;
}

/* =================================================================================


  Component - コンポーネント [ボタン]


================================================================================= */
.c-button {
  -webkit-appearance: none;
     -moz-appearance: none;
  box-sizing: border-box;
  display: inline-block;
          appearance: none;
  position: relative;
  padding: 0.8em 2em;
  border: 1px solid transparent;
  border-radius: 2rem;
  outline: none;
  background: linear-gradient(45deg, #00306e 0%, #004bab 100%);
  color: #fff;
  font-weight: bold;
  font-size: clamp(1.6rem, 1.7vw, 1.8rem);
  text-align: center;
  cursor: pointer;
  transition: 0.3s linear;
}
.c-button.-arrow::before, .c-button.-arrow::after {
  position: absolute;
  border-radius: 2px;
  content: "";
}
.c-button.-arrow::before {
  top: 50%;
  right: 24px;
  width: 16px;
  height: 16px;
  translate: 0 -50%;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}
.c-button.-arrow::after {
  top: calc(50% + 1px);
  right: 21px;
  width: 24px;
  height: 2px;
  translate: 0 -50%;
  rotate: -45deg;
  background-color: #fff;
}
.c-button.-submit {
  width: 100%;
  max-width: 440px;
  padding: 0.8em 2em;
  border-radius: 99rem;
  background-color: #ccc;
  color: #fff;
  font-weight: normal;
  font-size: inherit;
  font-size: clamp(1.6rem, 1.8vw, 2.2rem);
}
.is-jsEnable .c-button.-submit {
  pointer-events: none;
}
.is-jsEnable .c-button.-submit.is-enabled {
  background-color: #0b2367;
  color: #fff;
  pointer-events: auto;
}
.is-jsEnable .c-button.-submit.is-enabled:hover {
  border: 1px solid transparent;
  background-color: #ff7206;
  color: #fff;
}
.c-button.-zip {
  padding: 1em;
  border: 1px solid #d8d8d8;
  background-color: #ececec;
  color: #000;
  font-weight: normal;
  font-size: clamp(1.2rem, 2vw, 1.6rem);
}
.mw_wp_form_confirm .c-button.-submit {
  color: #fff;
  pointer-events: auto;
}
.mw_wp_form_confirm .c-button.-submit:hover {
  border: 1px solid transparent;
  background-color: #ff7206;
}
.mw_wp_form_confirm .c-button.-back {
  background-color: #666;
}
.mw_wp_form_confirm .c-button.-send {
  background-color: #0b2367;
}
.c-button:hover {
  background-color: #ff7206;
  color: #fff;
}

/*
  primary
----------------------------------------------- */
.c-button-primary {
  display: inline-block;
  position: relative;
  width: 432px;
  max-width: 100%;
  overflow: hidden;
  border-radius: 5px;
  background: linear-gradient(0deg, rgb(79, 226, 185) 0%, rgb(0, 124, 215) 100%);
  box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.08);
  color: #fff;
}
.c-button-primary.-lg span.text {
  height: 80px;
}
.c-button-primary span.text {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  height: 70px;
  padding: 1em;
  gap: 2rem;
  color: #fff;
  font-weight: 500;
  font-size: clamp(1.6rem, 2vw, 2rem);
}
.c-button-primary span.arrow {
  display: inline-block;
  position: absolute;
  right: 3.2rem;
  width: 2em;
  height: 1px;
  margin-left: 1em;
  background: currentcolor;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  transition: 0.3s linear;
}
.c-button-primary:hover span.arrow {
  width: 3em;
}
.c-button-primary span.arrow::before {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  right: -0.05em;
  width: 0.5em;
  height: 0.5em;
  transform-origin: top right;
  rotate: 45deg;
  border: 1px solid currentcolor;
  border-bottom: 0;
  border-left: 0;
  content: "";
}
.c-button-primary::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgb(0, 124, 215) 0%, rgb(0, 124, 215) 100%);
  content: "";
  transition: all 0.3s ease-out;
}
.c-button-primary:hover::before {
  opacity: 0;
}

/*
  MORE
----------------------------------------------- */
.c-button-more {
  -webkit-appearance: none;
     -moz-appearance: none;
  box-sizing: border-box;
  display: inline-block;
          appearance: none;
  position: relative;
  width: 340px;
  max-width: 100%;
  padding: 1.3em 1em;
  border: 3px solid #eaeaea;
  border-radius: 99rem;
  outline: none;
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
  font-weight: 500;
  font-size: 1.4rem;
  font-family: "futura-pt", "Noto Sans JP", "游ゴシック体", yugothic, "游ゴシック", "Hiragino Kaku Gothic ProN", meiryo, メイリオ, sans-serif;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.3s linear;
}
.c-button-more::after {
  display: inline-block;
  position: absolute;
  top: 50%;
  width: 6px;
  height: 6px;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: currentcolor;
  content: "";
}
.c-button-more span.arrow {
  display: inline-block;
  position: relative;
  padding-right: 16px;
}
.c-button-more span.arrow::before, .c-button-more span.arrow::after {
  position: absolute;
  top: 50%;
  height: 1px;
  transform: translateY(-50%);
  background-color: currentcolor;
  content: "";
  transition: 0.3s linear;
}
.c-button-more span.arrow::before {
  right: -34px;
  width: 30px;
}
.c-button-more span.arrow::after {
  top: 50%;
  right: -34px;
  width: 6px;
  height: 6px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 1px solid currentcolor;
  border-right: 1px solid currentcolor;
  background-color: transparent;
}
.c-button-more:hover {
  border-color: #ff7206;
  color: #0b2367;
}
.c-button-more:hover span.arrow::before {
  right: -44px;
  width: 40px;
}
.c-button-more:hover span.arrow::after {
  right: -44px;
}

/* =================================================================
  ページのトップに戻るボタン
================================================================= */
.c-button-page-scroll a {
  display: block;
  position: relative;
  height: 30px;
  background-color: #f0eff0;
}
.c-button-page-scroll a::after {
  position: absolute;
  top: calc(50% + 4px);
  left: 50%;
  width: 12px;
  height: 12px;
  translate: -50% -50%;
  rotate: -45deg;
  border-top: 3px solid currentcolor;
  border-right: 3px solid currentcolor;
  content: "";
  color: #0b2367;
}

/* =================================================================================


  Component - コンポーネント [card]


================================================================================= */
.c-card {
  display: flex;
  position: relative;
  flex: 1 1 auto;
  flex-direction: column;
  transition: 0.3s linear;
}
.c-card__body {
  order: 1;
  width: 100%;
  min-height: 1%;
}
.c-card__thumbnail {
  width: 100%;
  min-height: 1%;
}
.c-card__thumbnail img {
  width: 100%;
}

/* =================================================================================


  Component - コンポーネント [color]


================================================================================= */
.c-color-default {
  color: #000;
}

.c-color-link {
  color: #ff7206;
}

.c-color-primary {
  color: #0b2367;
}

.c-color-secondary {
  color: #ff7206;
}

.c-color-white {
  color: #fff;
}

.c-color-black {
  color: #000;
}

.c-color-red {
  color: #f00;
}

.c-color-blue {
  color: #427dc8;
}

.c-color-yellow {
  color: #fefe6a;
}

.c-color-orange {
  color: #f09646;
}

/* =================================================================================


  Component - コンポーネント [font]


================================================================================= */
.c-font {
  display: flex;
  position: relative;
  flex: 1 1 auto;
  flex-direction: column;
  transition: 0.3s linear;
}
.c-font__body {
  order: 1;
  width: 100%;
  min-height: 1%;
}
.c-font__thumbnail {
  width: 100%;
  min-height: 1%;
}
.c-font__thumbnail img {
  width: 100%;
}

/* =================================================================================


  Component - コンポーネント [フォーム]


================================================================================= */
/* テキストエリア
----------------------------------------------- */
.c-form {
  /* IE */
  /* Edge */
}
.c-form input::-moz-placeholder, .c-form textarea::-moz-placeholder {
  color: #ccc;
  font-size: clamp(1.2rem, 1.5vw, 1.8rem);
}
.c-form input:-ms-input-placeholder, .c-form textarea:-ms-input-placeholder {
  color: #ccc;
  font-size: clamp(1.2rem, 1.5vw, 1.8rem);
}
.c-form input::placeholder,
.c-form textarea::placeholder {
  color: #ccc;
  font-size: clamp(1.2rem, 1.5vw, 1.8rem);
}
.c-form input:-ms-input-placeholder {
  color: #ccc;
}
.c-form input::-ms-input-placeholder {
  color: #ccc;
}
.c-form input[type=text],
.c-form input[type=email],
.c-form input[type=tel],
.c-form select,
.c-form textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  padding: 1em;
  border: 1px solid transparent;
  border-radius: 0.3rem;
  background-color: #fff;
}
.c-form input.zip {
  width: 40%;
  min-width: 9em;
  margin-right: 1.6rem;
}
.c-form input[type=file] {
  width: calc(100% - 40px);
}
.c-form input[type=file]::-webkit-file-upload-button {
  margin-right: 1em;
  padding: 1em;
}
.c-form input[type=file]::file-selector-button {
  margin-right: 1em;
  padding: 1em;
}
.c-form textarea {
  display: block;
  height: 10em;
  line-height: 1.6;
}
.c-form input[type=radio],
.c-form input[type=checkbox] {
  vertical-align: baseline;
  cursor: pointer;
}
.c-form .select-wrap {
  display: block;
  position: relative;
}
.c-form .select-wrap::after {
  position: absolute;
  top: 1.6em;
  left: 2rem;
  width: 10px;
  height: 10px;
  rotate: 45deg;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background-color: transparent;
  content: "";
  pointer-events: none;
}
.c-form select {
  padding-left: 3em;
  background-color: #a0a0a0;
  color: #fff;
}

.mwform-radio-field {
  display: inline-block;
  padding: 0.2em 0;
}

.mwform-radio-field-text {
  margin-right: 0.1em;
}

.mw_wp_form .vertical-item {
  display: block;
}

.mw_wp_form .horizontal-item {
  margin-right: 1em;
}

.mw_wp_form .horizontal-item + .horizontal-item {
  margin-left: 0;
}

.c-form-submit {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  padding: 0 1rem;
  gap: 1.6rem;
}

/* =================================================================

  エラー出力

================================================================= */
.mw_wp_form .is-error {
  display: none;
}
.mw_wp_form.mw_wp_form_error .is-error {
  display: block;
  color: #f00;
}

/* =================================================================

  確認画面

================================================================= */
.mw_wp_form_confirm .confirm-none {
  display: none;
}
.mw_wp_form_confirm .select-wrap::after {
  display: none;
}

/* セレクトボタン
----------------------------------------------- */
/* ラジオボタン
----------------------------------------------- */
/* チェックボックス
----------------------------------------------- */
/* =================================================================================


  Component - コンポーネント [iframe]


================================================================================= */
.c-iframe {
  aspect-ratio: 16/9;
}
.c-iframe iframe {
  width: 100%;
  height: 100%;
}

/* =================================================================================


  Component - コンポーネント [inview]


================================================================================= */
.c-inview {
  backface-visibility: hidden;
  animation-timing-function: ease-out;
  transition-duration: 1s;
  transition-property: opacity, transform;
  transition-timing-function: ease-out;
  /*
    Fade In
  --------------------------------- */
  /*
      Fade Up
    --------------------------------- */
  /*
      Slide Up
    --------------------------------- */
  /*
      Slide Left
    --------------------------------- */
  /*
      Slide Right
    --------------------------------- */
  /*
      Zoom In
    --------------------------------- */
}
.c-inview[data-delay~="0.3s"] {
  transition-delay: 0.3s;
}
.c-inview[data-delay~="0.6s"] {
  transition-delay: 0.6s;
}
.c-inview[data-delay~="0.9s"] {
  transition-delay: 0.9s;
}
.c-inview[data-delay~="1.2s"] {
  transition-delay: 1.2s;
}
.c-inview[data-delay~="1.5s"] {
  transition-delay: 1.5s;
}
.c-inview[data-animation~=fadeIn].is-inviewReady {
  opacity: 0;
}
.c-inview[data-animation~=fadeIn].is-inviewActive {
  opacity: 1;
}
.c-inview[data-animation~=fadeUp].is-inviewReady {
  transform: translate3d(0, 20px, 0) skewY(3deg);
  transform-origin: left;
  opacity: 0;
}
.c-inview[data-animation~=fadeUp].is-inviewActive {
  transform: translate3d(0, 0, 0) skewY(0);
  opacity: 1;
}
.c-inview[data-animation~=slideUp].is-inviewReady {
  transform: translate3d(0, 30px, 0) skewY(0);
  opacity: 0;
}
.c-inview[data-animation~=slideUp].is-inviewActive {
  transform: translate3d(0, 0, 0) skewY(0);
  opacity: 1;
}
.c-inview[data-animation~=slideLeft].is-inviewReady {
  transform: translateX(-180px);
  opacity: 0;
}
.c-inview[data-animation~=slideLeft].is-inviewActive {
  transform: translateX(0);
  opacity: 1;
}
.c-inview[data-animation~=slideRight].is-inviewReady {
  transform: translateX(180px);
  opacity: 0;
}
.c-inview[data-animation~=slideRight].is-inviewActive {
  transform: translateX(0);
  opacity: 1;
}
.c-inview[data-animation~=zoomIn].is-inviewReady {
  transform: scale(1.1);
  animation-timing-function: cubic-bezier(0.25, 0.6, 0.35, 1);
  transition-duration: 3s;
}
.c-inview[data-animation~=zoomIn].is-inviewActive {
  transform: scale(1);
}

/* =================================================================================


  Component - コンポーネント [link]


================================================================================= */
.c-link.-primary {
  border-bottom: 1px solid currentcolor;
  color: #ff7206;
}
.c-link.-primary:hover {
  border-bottom: 1px solid transparent;
}
.c-link.-secondary {
  border-bottom: 1px solid transparent;
  color: #0b2367;
}
.c-link.-secondary:hover {
  border-bottom: 1px solid currentcolor;
}

.c-link-color {
  color: #ff7206;
}
.c-link-color:hover {
  color: #000;
}

.c-link-underline {
  border-bottom: solid 1px currentcolor;
}
.c-link-underline:hover {
  border-bottom: solid 1px transparent;
}

.c-link-fade:hover {
  opacity: 0.7;
}

.c-link-zoom {
  overflow: hidden;
}
.c-link-zoom * {
  transition: 0.5s;
}
.c-link-zoom:hover * {
  transform: scale(1.1);
}

.c-link-external {
  position: relative;
}
.c-link-external::before {
  position: absolute;
  top: 50%;
  left: calc(100% + 8px);
  aspect-ratio: 1;
  width: 0.8em;
  height: 0.8em;
  translate: 0 -50%;
  border: 1px solid #707070;
  background-color: #fff;
  content: "";
}
.c-link-external::after {
  position: absolute;
  top: calc(50% + 3px);
  left: calc(100% + 11px);
  aspect-ratio: 1;
  width: 0.8em;
  height: 0.8em;
  translate: 0 -50%;
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
  content: "";
}

/* =================================================================================


  Component - コンポーネント [list]


================================================================================= */
/* =================================================================
  デフォルト
================================================================= */
.c-list-normal li {
  position: relative;
  padding-left: 1em;
}
.c-list-normal li::before {
  position: absolute;
  left: 0;
  content: "・";
}

/* =================================================================
  一般リスト
================================================================= */
.c-list-primary li {
  position: relative;
  padding-left: 1.5em;
}
.c-list-primary li::before {
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #dfd548;
  content: "";
  vertical-align: middle;
}

/* =================================================================
  注釈
================================================================= */
.c-list-notes li {
  position: relative;
  padding-left: 1em;
}
.c-list-notes li::before {
  position: absolute;
  left: 0;
  content: "※";
}

/* =================================================================
  菱形
================================================================= */
.c-list-rhombus li {
  position: relative;
  padding-left: 1em;
}
.c-list-rhombus li::before {
  position: absolute;
  left: 0;
  content: "◆";
}
.c-list-rhombus.-line li::before {
  content: "◇";
}

/* =================================================================
  番号つきリスト
================================================================= */
/*
  number
----------------------------------------------- */
.c-list-number {
  counter-reset: item;
}
.c-list-number > li {
  position: relative;
  padding-left: 1.3em;
}
.c-list-number > li::before {
  position: absolute;
  left: 0;
  content: counter(item) ".";
  counter-increment: item;
}
.c-list-number.-parentheses > li {
  position: relative;
  padding-left: 2.5em;
}
.c-list-number.-parentheses > li::before {
  position: absolute;
  left: 0;
  content: "（" counter(item) "）";
  counter-increment: item;
}

.c-list-inside {
  margin-left: 1.04em;
  list-style-position: inside;
  text-indent: -1.04em;
}

/* =================================================================
  アルファベット
================================================================= */
.c-list-lower-alpha {
  counter-reset: item;
}
.c-list-lower-alpha > li {
  position: relative;
  padding-left: 1.3em;
}
.c-list-lower-alpha > li::before {
  position: absolute;
  left: 0;
  content: counter(item, lower-alpha) ")";
  counter-increment: item;
}

/* =================================================================================


  Component - コンポーネント [marker]


================================================================================= */
.c-marker {
  display: inline;
  background-image: linear-gradient(transparent 0, #fff700 0);
  background-position: left 100%;
  background-size: 100% 40%;
  background-repeat: no-repeat;
}

/* =================================================================================


  Component - コンポーネント [テーブル]


================================================================================= */
.c-table {
  width: 100%;
}
.c-table.-primary tr,
.c-table.-primary th,
.c-table.-primary td {
  display: block;
  width: 100%;
  border: none;
}
.c-table.-primary tr {
  padding: 1em 0;
  border-bottom: 1px solid #d8d8d8;
}
.c-table.-primary tr:first-of-type {
  border-top: 1px solid #d8d8d8;
}
.c-table.-primary th {
  color: #0b2367;
  font-weight: bold;
  text-align: left;
}
.c-table.-primary td {
  font-weight: 500;
}
.c-table.-contact tr,
.c-table.-contact th,
.c-table.-contact td {
  display: block;
  width: 100%;
  border: none;
}
.c-table.-contact tr {
  margin-bottom: 4rem;
}
.c-table.-contact th {
  margin-bottom: 1em;
  color: #0b2367;
  font-weight: 700;
  text-align: left;
}

/* =================================================================================


  Component - コンポーネント [タイトル]


================================================================================= */
.c-title-primary {
  color: #0b2367;
  font-weight: 900;
  font-size: clamp(2.4rem, 3vw, 5rem);
}

.c-title-secondary {
  color: #0b2367;
  font-weight: 700;
  font-size: clamp(1.4rem, 2.4vw, 3rem);
}

.c-title-tertiary {
  position: relative;
  padding-left: 1.4em;
  color: #0b2367;
  font-weight: 700;
  font-size: clamp(1.8rem, 2.4vw, 3rem);
}
.c-title-tertiary span.decoration {
  display: inline-block;
  position: absolute;
  top: 0.6em;
  left: 0;
  width: 1em;
  height: 1em;
}
.c-title-tertiary span.decoration::before {
  position: absolute;
  top: 0;
  left: 0;
  aspect-ratio: 1;
  width: 1em;
  border-radius: 50%;
  background: #ff7206;
  background: linear-gradient(90deg, rgb(255, 114, 6) 0%, rgb(255, 198, 154) 100%);
  content: "";
}
.c-title-tertiary span.decoration::after {
  position: absolute;
  top: 50%;
  left: 50%;
  aspect-ratio: 1;
  width: 0.5em;
  translate: -50% -50%;
  border-radius: 50%;
  background: #fff;
  content: "";
}

/* =================================================================================


  Project - cta.scss


================================================================================= */
.p-cta {
  z-index: 1;
  position: relative;
  padding: 6.4rem 5%;
  overflow: hidden;
  background: #3895ff;
  background: linear-gradient(0deg, rgb(56, 149, 255) 0%, rgb(0, 81, 173) 100%);
  color: #fff;
}
.p-cta::before {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 1%;
  content: "Contact";
  color: #fff;
  font-size: clamp(5rem, 24vw, 35rem);
  line-height: 1.2;
  font-family: "Cormorant", "Noto Sans JP", "游ゴシック体", yugothic, "游ゴシック", "Hiragino Kaku Gothic ProN", meiryo, メイリオ, sans-serif;
  opacity: 0.1;
}
.p-cta__inner {
  -ms-grid-columns: (minmax(0, 1fr))[1];
  display: -ms-grid;
  display: grid;
  z-index: 1;
  position: relative;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: center;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
.p-cta__title {
  margin-bottom: 0.5em;
  color: #fff;
  font-weight: 900;
  font-size: clamp(2.4rem, 3.4vw, 5rem);
}
.p-cta__description {
  margin-bottom: 1em;
  font-size: clamp(1.6rem, 2vw, 3rem);
  line-height: 1.8;
}
.p-cta__tel {
  margin-bottom: 1em;
  font-size: clamp(1.6rem, 2vw, 3rem);
}
.p-cta__tel span.number {
  font-size: 1.33333333em;
}
.p-cta__tel a {
  display: inline-block;
  width: 100%;
  padding: 0.8em 1em;
  background-color: #fff;
  color: #0b2367;
  font-weight: 700;
  text-align: center;
}
.p-cta__email a {
  display: inline-block;
  width: 100%;
  padding: 1em;
  background-color: #fff;
  color: #0b2367;
  font-weight: 700;
  font-size: 1.6rem;
  text-align: center;
}
.p-cta__email a span.arrow {
  display: none;
  position: relative;
}
.p-cta__email a span.arrow::before {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 4px;
  translate: -50% -50%;
  background-color: #0099f9;
  content: "";
}
.p-cta__email a span.arrow::after {
  z-index: 1;
  position: absolute;
  top: 50%;
  right: 0;
  width: 24px;
  height: 24px;
  translate: 0 -50%;
  rotate: 45deg;
  border-top: 4px solid #0099f9;
  border-right: 4px solid #0099f9;
  content: "";
}

.p-cta-button {
  display: -ms-grid;
  display: grid;
  gap: 2.4rem;
}
.p-cta-button__item.-tel svg {
  width: 18px;
}
.p-cta-button__item.-email a {
  background-color: transparent;
  color: #fff;
  font-size: clamp(1.6rem, 2vw, 2.2rem);
}
.p-cta-button__item.-email svg {
  width: 24px;
}
.p-cta-button__item a {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  height: 70px;
  padding: 1em;
  overflow: hidden;
  gap: 2rem;
  border: 2px solid #fff;
  background-color: #fff;
  color: #000;
  font-weight: bold;
  font-size: clamp(1.6rem, 2vw, 3rem);
}
.p-cta-button__item a:hover {
  opacity: 0.7;
}
.p-cta-button__item span.hours {
  display: block;
  margin-top: 1em;
  color: #fff;
  font-size: clamp(1.2rem, 1.2vw, 1.8rem);
}

/* =================================================================================


  Project - hero.scss


================================================================================= */
/* =================================================================================


  Project - home.scss


================================================================================= */
.p-home {
  z-index: 1;
  position: relative;
  background-image: url("../img/home/all-bg-sp.png");
  background-position: center top;
  background-size: contain;
  background-repeat: no-repeat;
}

/* ===============================================

  メインビジュアル

=============================================== */
.p-home-hero {
  z-index: 2;
  position: relative;
  width: 100%;
  padding: 12rem 6% 4rem;
  text-align: center;
}
.p-home-hero__inner {
  position: relative;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
.p-home-hero__headline {
  width: 80%;
  margin-right: auto;
  margin-bottom: 8.8rem;
  margin-left: auto;
}
.p-home-hero__lead {
  font-size: clamp(1.6rem, 2vw, 2.6rem);
}
.p-home-hero__scroll {
  -ms-writing-mode: tb-rl;
  display: none;
  position: relative;
  font-weight: 600;
  font-family: "futura-pt", "Noto Sans JP", "游ゴシック体", yugothic, "游ゴシック", "Hiragino Kaku Gothic ProN", meiryo, メイリオ, sans-serif;
      writing-mode: vertical-rl;
}
.p-home-hero__scroll::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 400%;
  background-color: currentcolor;
  content: "";
}
.p-home-hero__scroll::after {
  position: absolute;
  top: 400%;
  left: 0;
  width: 1em;
  height: 2px;
  transform-origin: top left;
  rotate: -45deg;
  background-color: currentcolor;
  content: "";
}

/*
  KURABO TECHNO SYSTEM のBig テキスト
--------------------------------- */
.p-home-text-decoration {
  z-index: 3;
  position: relative;
  color: #fff;
  font-weight: 600;
  font-size: clamp(55px, 8.5vw, 167px);
  line-height: 1;
  font-family: "futura-pt", "Noto Sans JP", "游ゴシック体", yugothic, "游ゴシック", "Hiragino Kaku Gothic ProN", meiryo, メイリオ, sans-serif;
  text-align: right;
  white-space: nowrap;
  mix-blend-mode: overlay;
  opacity: 0.68;
}
.p-home-text-decoration span {
  display: block;
}

/*
  About Us
--------------------------------- */
.p-home-about {
  z-index: 2;
  position: relative;
  margin-top: -4.4rem;
  padding: 0 5% 4rem;
}
.p-home-about__inner {
  position: relative;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
.p-home-about__inner::before {
  position: absolute;
  top: -5em;
  right: 96%;
  aspect-ratio: 1;
  width: 54.33333333%;
  background-image: url("../img/home/about-bg.svg");
  background-position: left top;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
.p-home-about__title {
  position: relative;
  margin-bottom: 0.8em;
  padding-left: 0.8em;
  font-weight: 600;
  font-size: clamp(3rem, 4vw, 5rem);
  line-height: 1.6;
  font-family: "futura-pt", "Noto Sans JP", "游ゴシック体", yugothic, "游ゴシック", "Hiragino Kaku Gothic ProN", meiryo, メイリオ, sans-serif;
}
.p-home-about__body {
  position: relative;
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
}
.p-home-about__tagline {
  margin-bottom: 0.8em;
  font-size: clamp(1.8rem, 3.6vw, 4.6rem);
  line-height: 1.6;
  text-align: center;
}
.p-home-about__desc {
  max-width: 740px;
  font-size: clamp(1.4rem, 1.4vw, 2rem);
}
.p-home-about__desc:nth-of-type(1) {
  margin-bottom: 1em;
}
.p-home-about__button {
  margin-top: 4rem;
  text-align: center;
}
.p-home-about__button a {
  display: inline-block;
  position: relative;
  place-content: center;
  place-items: center;
  width: 100%;
  max-width: 250px;
  padding: 1em 2em;
  border-radius: 99rem;
  background: #000;
  color: #fff;
  font-size: clamp(1.3rem, 1.4vw, 1.4rem);
  line-height: 1.6;
  text-align: center;
}
.p-home-about__button a:hover {
  opacity: 0.8;
}

/*
  Our Product
--------------------------------- */
.p-home-product {
  z-index: 2;
  position: relative;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: 4rem calc(50vw - 50%) 0;
  overflow: hidden;
  background-image: url("../img/home/product-bg-sp.svg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.p-home-product::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 24px;
  background-image: url("../img/home/product-ruler.svg");
  background-size: contain;
  background-repeat: repeat-x;
  content: "";
}
.p-home-product__inner {
  position: relative;
  max-width: 1200px;
  padding-bottom: 4rem;
  overflow: hidden;
}

.p-home-product-slider__controller {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  align-items: start;
  justify-content: start;
  gap: 32px;
}
.p-home-product-slider__nav {
  display: flex;
  z-index: 1;
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 96px;
  margin-top: 4rem;
}
.p-home-product-slider__nav .swiper-button-next,
.p-home-product-slider__nav .swiper-button-prev {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  width: 40px;
  height: 40px;
  border: 1px solid #000;
  color: #000;
}
.p-home-product-slider__nav .swiper-button-next::after,
.p-home-product-slider__nav .swiper-button-prev::after {
  font-size: 1.6rem;
}
.p-home-product-slider__nav .swiper-button-next {
  right: 0;
  left: 0;
}
.p-home-product-slider__nav .swiper-button-prev {
  right: 0;
  left: 0;
}

.p-home-product-item {
  padding: 4rem 5%;
  font-weight: 500;
}
.p-home-product-item__content {
  display: -ms-grid;
  display: grid;
  gap: 5%;
}
.p-home-product-item__title {
  position: relative;
  margin-bottom: 0.5em;
  font-size: clamp(2.7rem, 3vw, 3.5rem);
  line-height: 1.6;
}
.p-home-product-item__title::before {
  position: absolute;
  left: -1em;
  content: "・";
}
.p-home-product-item__desc {
  font-size: clamp(1.5rem, 1.8vw, 2rem);
}
.p-home-product-item__thumbnail {
  order: -1;
}
.p-home-product-item__image {
  mix-blend-mode: darken;
}
.p-home-product-item__button {
  z-index: 1;
  position: relative;
  margin-top: 4.8rem;
  text-align: center;
}
.p-home-product-item__button::after {
  position: absolute;
  top: 100%;
  left: 0;
  left: 50%;
  width: 2px;
  height: 100vh;
  translate: -50% 0;
  background-color: #ff8b4a;
  content: "";
}
.p-home-product-item__button a {
  display: inline-block;
  position: relative;
  width: 340px;
  max-width: 100%;
  padding: 0.8em 1em;
  border-radius: 99rem;
  background: #000;
  color: #fff;
  font-size: clamp(1.5rem, 1.6vw, 1.8rem);
}
.p-home-product-item__button a:hover {
  opacity: 0.7;
}

/*
  service
--------------------------------- */
.p-home-service {
  z-index: 2;
  position: relative;
  padding: 4rem 5% 6.4rem;
}
.p-home-service__list {
  -ms-grid-columns: (minmax(0, 1fr))[3];
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.p-home-service__item {
  -ms-grid-row-span: 2;
  -ms-grid-rows: subgrid;
  display: -ms-grid;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 0;
}
.p-home-service__figure {
  margin-bottom: 2.4rem;
}
.p-home-service__link {
  display: -ms-grid;
  display: grid;
  padding-bottom: 5%;
  border-radius: clamp(8px, 1.6vw, 20px);
  background-color: #fff;
}
.p-home-service__link:hover {
  opacity: 0.7;
}
.p-home-service__title {
  display: -ms-grid;
  display: grid;
  position: relative;
  align-items: center;
  min-height: 4em;
  padding: 0 4em 0 5%;
  background-image: url("../img/home/icon-arrow.svg");
  background-position: right 1.5em center;
  background-size: 1.6em;
  background-repeat: no-repeat;
  font-weight: 500;
  font-size: clamp(1.6rem, 1.5vw, 2.6rem);
  line-height: 1.6;
}
.p-home-service__body {
  padding: 5% 4%;
  font-size: clamp(1.4rem, 1.4vw, 2rem);
}
.p-home-service__button {
  margin-top: 2.4rem;
  text-align: center;
}
.p-home-service__button a {
  display: inline-block;
  position: relative;
  width: 340px;
  max-width: 100%;
  padding: 0.8em 1em;
  border-radius: 99rem;
  background-color: #000;
  color: #fff;
  font-size: clamp(1.5rem, 1.6vw, 1.8rem);
}
.p-home-service__button a:hover {
  opacity: 0.7;
}

/* ===============================================

  News

=============================================== */
.p-home-news {
  position: relative;
  padding: 4rem 5% 10rem;
  background-color: #000;
  color: #fff;
}
.p-home-news__inner {
  position: relative;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
.p-home-news__title {
  margin-bottom: 4rem;
  font-weight: 600;
  font-size: clamp(2.4rem, 2.6vw, 5rem);
  line-height: 1.6;
  font-family: "futura-pt", "Noto Sans JP", "游ゴシック体", yugothic, "游ゴシック", "Hiragino Kaku Gothic ProN", meiryo, メイリオ, sans-serif;
}
.p-home-news__title span.ja {
  display: block;
  font-size: 0.5em;
  font-family: "Noto Serif JP", yumincho, "游明朝 DemiBold", "Yu Mincho DemiBold", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", serif;
}
.p-home-news__body {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
}
.p-home-news__item:first-of-type .p-home-news__item-block {
  border-top: 1px solid #fff;
}
.p-home-news__item-block {
  display: -ms-grid;
  display: grid;
  align-items: center;
  padding: 2.4rem 0;
  gap: 1.6rem;
  border-bottom: 1px solid #fff;
}
.p-home-news__item-block:hover {
  opacity: 0.7;
}
.p-home-news__item-title {
  font-size: clamp(1.4rem, 1.6vw, 1.8rem);
}
.p-home-news__item-meta {
  display: -ms-grid;
  display: grid;
  justify-content: start;
  order: -1;
  gap: 0.8rem;
}
.p-home-news__item-date {
  font-weight: 600;
  font-family: "Noto Sans JP", "游ゴシック体", yugothic, "游ゴシック", "Yu Gothic", yugothic, "Hiragino Kaku Gothic ProN", meiryo, メイリオ, sans-serif;
  text-align: center;
}
.p-home-news__item-label {
  border-radius: 5px;
  background-color: #fff;
  color: #000;
  text-align: center;
}
.p-home-news__button {
  margin-top: 6rem;
  text-align: center;
}
.p-home-news__button a {
  display: inline-block;
  position: relative;
  width: 340px;
  max-width: 100%;
  padding: 0.8em 1em;
  border-radius: 99rem;
  background: #0b2367;
  color: #fff;
  font-size: clamp(1.5rem, 1.6vw, 1.8rem);
}
.p-home-news__button a:hover {
  opacity: 0.7;
}

/* =================================================================================


  Project - modal.scss


================================================================================= */
.p-modal {
  display: flex;
  visibility: hidden;
  z-index: -1;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  align-items: center;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  pointer-events: none;
}
.p-modal.is-open {
  visibility: visible;
  pointer-events: all;
}
.p-modal__cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}
.p-modal__inner {
  z-index: 1;
  position: relative;
  width: 90vw;
  max-width: 1000px;
  margin: auto;
  padding: 24px 0 24px 24px;
  border-radius: clamp(1.6rem, 2vw, 3rem);
  background: #fff;
}
.p-modal__content {
  scrollbar-gutter: stable;
  max-height: 70svh;
  padding-right: 24px;
  overflow-y: auto;
}

.p-modal-close-button {
  -webkit-appearance: none;
     -moz-appearance: none;
  display: flex;
          appearance: none;
  position: absolute;
  top: -56px;
  right: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  border-radius: 50%;
  outline: none;
  background-color: transparent;
  background-color: #fff;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  pointer-events: all;
  transition: 0.6s;
  transition-delay: 0.6s, 0.6s;
  transition-property: transform, opacity;
}
.p-modal-close-button__line, .p-modal-close-button__line:before, .p-modal-close-button__line:after {
  width: 24px;
  height: 2px;
  border-radius: 99rem;
  background-color: #000;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.p-modal-close-button__line {
  display: block;
  position: relative;
  background-color: transparent;
  transition: 0.6s;
}
.p-modal-close-button__line:before, .p-modal-close-button__line:after {
  position: absolute;
  right: 0;
  content: "";
}
.p-modal-close-button__line::before {
  top: 0;
  transform: rotate(45deg);
}
.p-modal-close-button__line:after {
  bottom: 0;
  transform: rotate(-45deg);
}

.p-modal.is-open {
  animation: modal_open 0.5s ease forwards;
}
.p-modal.is-open .p-modal-inner {
  animation: modal_inner_open 0.5s ease forwards;
}
.p-modal.is-close {
  animation: modal_close 0.5s ease forwards;
}
.p-modal.is-close .p-modal-inner {
  animation: modal_inner_close 0.5s ease forwards;
}

@keyframes modal_open {
  0% {
    opacity: 0;
  }
  100% {
    z-index: 10000;
    opacity: 1;
  }
}
@keyframes modal_inner_open {
  0% {
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes modal_close {
  0% {
    z-index: 10000;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes modal_inner_close {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-20px);
    opacity: 0;
  }
}
/* =================================================================================


  Project - page.scss


================================================================================= */
/* ===============================================

  全ページ共通

=============================================== */
.p-section-header {
  display: -ms-grid;
  display: grid;
  position: relative;
  font-size: clamp(3rem, 4vw, 5rem);
  line-height: 1.6;
}
.p-section-header::before {
  position: absolute;
  top: 4rem;
  right: calc(100% + 4rem);
  width: calc((100vw - 1200px) / 2);
  height: 2px;
  background-color: #000;
  content: "";
}
.p-section-header[data-line=none]::before {
  display: none;
}
.p-section-header__title {
  font-weight: 500;
  font-size: 0.5em;
  line-height: 1.6;
}
.p-section-header__subtitle {
  order: -1;
  font-weight: 600;
  font-family: "futura-pt", "Noto Sans JP", "游ゴシック体", yugothic, "游ゴシック", "Hiragino Kaku Gothic ProN", meiryo, メイリオ, sans-serif;
}

/* ===============================================

  会社案内

=============================================== */
.p-sonal {
  z-index: 1;
  position: relative;
  background-image: url("../img/sona-l/hero-bg.png");
  background-position: right top;
  background-size: 53.95833333%;
  background-repeat: no-repeat;
}
.p-sonal::before {
  position: absolute;
  top: 2%;
  right: 5%;
  width: 32%;
  height: 50%;
  background-image: url("../img/sona-l/hero-sona-l.png");
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
.p-sonal__tagline {
  color: #0b2367;
  font-weight: 600;
  font-size: clamp(2.7rem, 6vw, 10.6rem);
  line-height: 1.5;
}
.p-sonal__inner {
  max-width: 850px;
  margin-right: auto;
  margin-left: auto;
  font-weight: 600;
  font-size: clamp(1.4rem, 1.6vw, 2rem);
}
.p-sonal__text {
  font-weight: 600;
  font-size: clamp(1.4rem, 1.6vw, 2rem);
}

.p-what-sonal__catchphrase {
  font-size: clamp(2rem, 3vw, 4.6rem);
  line-height: 1.6;
}

.p-sonal-service__image {
  max-width: 634px;
}

.p-sonal-point__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(16px, 3vw, 60px);
}
.p-sonal-point__list li {
  width: 40%;
}

.p-sonal-howto__list {
  -ms-grid-columns: (minmax(0, 1fr))[2];
  display: -ms-grid;
  display: grid;
  position: relative;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 0 5% 10%;
  gap: clamp(32px, 3vw, 64px);
}
.p-sonal-howto__list::before {
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 86%;
  border-radius: clamp(8px, 1.6vw, 20px);
  background: #c7c7c7;
  background: linear-gradient(0deg, rgb(199, 199, 199) 0%, rgb(239, 239, 239) 50%, rgb(239, 239, 239) 100%);
  content: "";
}
.p-sonal-howto__item {
  -ms-grid-row-span: 3;
  -ms-grid-rows: subgrid;
  display: -ms-grid;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: clamp(8px, 2vw, 16px);
  font-weight: 500;
  text-align: center;
}
.p-sonal-howto__image img {
  width: 120px;
}
.p-sonal-howto__step {
  font-size: clamp(1.6rem, 1.8vw, 2rem);
  font-family: "futura-pt", "Noto Sans JP", "游ゴシック体", yugothic, "游ゴシック", "Hiragino Kaku Gothic ProN", meiryo, メイリオ, sans-serif;
}
.p-sonal-howto__text {
  align-content: center;
  font-size: clamp(1.6rem, 2vw, 2.6rem);
  line-height: 1.6;
}

.p-sonal-usecase-card-container {
  -ms-grid-columns: (minmax(0, 1fr))[2];
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(8px, 2vw, 16px);
}

.p-sonal-usecase-card {
  -ms-grid-row-span: 2;
  -ms-grid-rows: subgrid;
  display: -ms-grid;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  overflow: hidden;
  gap: 0;
  border-radius: clamp(8px, 1.6vw, 20px);
}
.p-sonal-usecase-card__body {
  padding: 10%;
  background: #c7c7c7;
  background: linear-gradient(0deg, rgb(199, 199, 199) 0%, rgb(239, 239, 239) 50%, rgb(239, 239, 239) 100%);
}
.p-sonal-usecase-card__list li {
  position: relative;
  padding-left: 1em;
  font-size: clamp(1.3rem, 2vw, 2.4rem);
  line-height: 1.6;
}
.p-sonal-usecase-card__list li::before {
  position: absolute;
  left: 0;
  content: "・";
}

.p-sonal-cta {
  margin-bottom: 4rem;
  text-align: center;
}
.p-sonal-cta__button {
  margin-bottom: 1.5em;
}
.p-sonal-cta__button a {
  display: inline-block;
  position: relative;
  width: 794px;
  max-width: 100%;
  padding: 0.3em 1em;
  border-radius: 99rem;
  background-color: #0b2367;
  color: #fff;
  font-size: clamp(1.8rem, 3vw, 4rem);
  text-align: center;
}
.p-sonal-cta__button a::after {
  position: absolute;
  top: 50%;
  right: 1em;
  aspect-ratio: 1;
  width: 0.5em;
  translate: 0 -50%;
  background-color: #fff;
  content: "";
  clip-path: polygon(0 0, 100% 50%, 0% 100%);
}
.p-sonal-cta__button a:hover {
  opacity: 0.7;
}
.p-sonal-cta__text {
  font-size: clamp(1.4rem, 2vw, 2.5rem);
}

/* ===============================================

  会社案内

=============================================== */
.p-company {
  z-index: 1;
  position: relative;
  background-image: url("../img/company/hero-bg.png");
  background-position: right top;
  background-size: 40.10416667%;
  background-repeat: no-repeat;
}
.p-company__tagline {
  color: #0b2367;
  font-weight: 700;
  font-size: clamp(2.7rem, 5vw, 6rem);
  line-height: 1.6;
}

.p-company-corporate-philosophy {
  position: relative;
  counter-reset: item;
}
.p-company-corporate-philosophy__item {
  margin-bottom: 4rem;
}
.p-company-corporate-philosophy__item:nth-of-type(1) .p-company-corporate-philosophy__title {
  background: linear-gradient(45deg, #2a85e0 0%, #003aa7 100%);
}
.p-company-corporate-philosophy__item:nth-of-type(2) .p-company-corporate-philosophy__title {
  background: linear-gradient(45deg, #3ae4fa 0%, #026b8b 100%);
}
.p-company-corporate-philosophy__item:nth-of-type(3) .p-company-corporate-philosophy__title {
  background: linear-gradient(45deg, #ef3131 0%, #a70000 100%);
}
.p-company-corporate-philosophy__title {
  position: relative;
  margin-bottom: 0.5em;
  padding: 0.4em 1em 0.4em 2em;
  background-color: #000;
  color: #fff;
  font-size: clamp(2rem, 2.6vw, 3rem);
  line-height: 1.6;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
}
.p-company-corporate-philosophy__title::before {
  position: absolute;
  left: 1em;
  content: counter(item) ".";
  counter-increment: item;
}
.p-company-corporate-philosophy__subitem {
  position: relative;
  padding-left: 1em;
  font-size: clamp(1.6rem, 1.8vw, 2.2rem);
}
.p-company-corporate-philosophy__subitem::before {
  position: absolute;
  left: 0;
  content: "・";
}

.p-representative-message__body {
  display: -ms-grid;
  display: grid;
  gap: clamp(16px, 5vw, 92px);
}
.p-representative-message__content {
  order: 2;
  font-size: clamp(1.4rem, 1.8vw, 2rem);
}
.p-representative-message__text {
  margin-bottom: 1.5em;
}
.p-representative-message__signature {
  font-size: 0.9em;
  text-align: right;
}
.p-representative-message__figure {
  order: 1;
  width: 60%;
  margin-right: auto;
  margin-left: auto;
}

.p-company-profile__table {
  width: 100%;
  font-weight: 500;
  font-size: clamp(1.4rem, 1.6vw, 1.8rem);
}
.p-company-profile__table tr,
.p-company-profile__table th,
.p-company-profile__table td {
  display: block;
  width: 100%;
  border: none;
}
.p-company-profile__table tr {
  padding: 1em 0;
  border-bottom: 1px solid #000;
}
.p-company-profile__table tr:first-of-type {
  border-top: 1px solid #000;
}
.p-company-profile__table th {
  text-align: left;
}

.p-organization {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: 0 calc(50vw - 50%);
  background: #f0f0f0;
  background: linear-gradient(45deg, rgb(240, 240, 240) 0%, rgb(239, 239, 239) 40%, rgb(217, 217, 217) 100%);
}
.p-organization__inner {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding: 4rem 0;
}
.p-organization__chart {
  max-width: 840px;
  margin-right: auto;
  margin-left: auto;
}

.p-history__list {
  max-width: 1030px;
  margin-right: auto;
  margin-left: auto;
  font-size: clamp(1.4rem, 1.6vw, 1.8rem);
}
.p-history__item {
  display: -ms-grid;
  display: grid;
  position: relative;
  padding-bottom: 2.4rem;
  padding-left: 2em;
}
.p-history__item::before {
  z-index: 1;
  position: absolute;
  top: 8px;
  left: 0;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #004bab;
  content: "";
}
.p-history__item::after {
  position: absolute;
  top: 12px;
  left: 7px;
  width: 1px;
  height: 100%;
  background-color: #000;
  content: "";
}
.p-history__item:last-of-type::after {
  display: none;
}
.p-history__term {
  position: relative;
}

.p-access {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: 0 calc(50vw - 50%);
  background-color: #000;
  color: #fff;
}
.p-access__inner {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding: 4rem 0;
}
.p-access .p-section-header::before {
  background-color: #fff;
}
.p-access__body {
  max-width: 1030px;
  margin-right: auto;
  margin-left: auto;
  font-size: clamp(1.4rem, 1.6vw, 1.8rem);
}
.p-access__list {
  margin-top: 1.5em;
}
.p-access__item {
  padding: 1.5em 0;
  border-bottom: 1px solid currentcolor;
}
.p-access__item:first-of-type {
  border-top: 1px solid currentcolor;
}
.p-access__term {
  position: relative;
}
.p-access__term::before {
  content: "■";
}
.p-access__desc {
  font-size: 0.83333333em;
}

/* ===============================================

  サービス

=============================================== */
.p-service {
  position: relative;
  background-image: url("../img/service/hero-bg.png");
  background-position: right top;
  background-size: 59.58333333%;
  background-repeat: no-repeat;
}

.p-service-nav {
  -ms-grid-columns: (minmax(0, 1fr))[1];
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 8px;
}
.p-service-nav li {
  height: 100%;
}
.p-service-nav li a {
  display: block;
  position: relative;
  align-content: center;
  height: 100%;
  min-height: 56px;
  padding: 0.5em 1em 0.5em 3em;
  background-color: #333;
  color: #fff;
  font-weight: bold;
  line-height: 1.6;
}
.p-service-nav li a::after {
  position: absolute;
  top: calc(50% - 0.2em);
  left: 1.5em;
  width: 0.6em;
  height: 0.6em;
  translate: 0 -50%;
  rotate: 45deg;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background-color: transparent;
  content: "";
  pointer-events: none;
}
.p-service-nav li a.weigh {
  background: linear-gradient(45deg, #2a85e0 0%, #003aa7 100%);
}
.p-service-nav li a.dye {
  background: linear-gradient(45deg, #8648fa 0%, #4700a7 100%);
}
.p-service-nav li a.ccm {
  background: linear-gradient(45deg, #bf3ae6 0%, #630067 100%);
}
.p-service-nav li a.mix {
  background: linear-gradient(45deg, #3ae4fa 0%, #026b8b 100%);
}
.p-service-nav li a.copy {
  background: linear-gradient(45deg, #11ceb8 0%, #008075 100%);
}
.p-service-nav li a.infra {
  background: linear-gradient(45deg, #32d844 0%, #0f8400 100%);
}
.p-service-nav li a.plate {
  background: linear-gradient(45deg, #fa72da 0%, #d100c1 100%);
}
.p-service-nav li a.image {
  background: linear-gradient(45deg, #ff299c 0%, #aa0055 100%);
}
.p-service-nav li a.irdens {
  background: linear-gradient(45deg, #ef3131 0%, #a70000 100%);
}
.p-service-nav li a.robot {
  background: linear-gradient(45deg, #d6c928 0%, #917600 100%);
}

.p-service-section {
  padding-right: 16px;
  padding-left: 16px;
}
.p-service-section__title {
  margin-bottom: 1em;
  padding: 0.2em 1em;
  background-color: #000;
  color: #fff;
  font-size: clamp(2rem, 2.5vw, 3rem);
}
.p-service-section__desc {
  font-size: clamp(1.4rem, 1.8vw, 2.2rem);
}
.p-service-section__list {
  display: -ms-grid;
  display: grid;
  gap: 2.4rem;
}
.p-service-section__list.-left {
  justify-content: start;
}
.p-service-section__item {
  width: 100%;
  padding-bottom: 4rem;
  border-radius: 20px;
  background-color: #fff;
  line-height: 1.6;
  text-align: center;
}
.p-service-section__figure {
  margin-bottom: 1.6rem;
}
.p-service-section__figure img {
  width: 100%;
}
.p-service-section__body {
  padding: 0 1.6rem;
}
.p-service-section__name {
  font-size: clamp(1.4rem, 1.8vw, 2.5rem);
}
.p-service-section__note {
  font-size: clamp(1.2rem, 1.6vw, 1.8rem);
}
.p-service-section__aucolor {
  -ms-grid-columns: (minmax(0, 1fr))[1];
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: end;
  gap: 2.4rem;
}
.p-service-section__aucolor-list {
  font-size: clamp(1.4rem, 1.6vw, 2.5rem);
}

/* ===============================================

  取扱商品

=============================================== */
.p-products {
  position: relative;
  background-image: url("../img/salesproduct/hero-bg.png");
  background-position: right top;
  background-size: 62.08333333%;
  background-repeat: no-repeat;
}

.p-products-section__title {
  margin-bottom: 1em;
  padding: 0.2em 1em;
  background-color: #000;
  color: #fff;
  font-size: clamp(2rem, 2.5vw, 3rem);
}
.p-products-section__description {
  font-size: clamp(1.4rem, 1.8vw, 2.2rem);
}
.p-products-section__grid {
  display: -ms-grid;
  display: grid;
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  gap: 4rem;
}
.p-products-section__flex {
  display: flex;
  justify-content: center;
}
.p-products-section__flex .p-products-item {
  width: 100%;
}

.p-products-item {
  -ms-grid-rows: auto auto 1fr auto;
  display: -ms-grid;
  display: grid;
  grid-template-rows: auto auto 1fr auto;
}
.p-products-item__body {
  -ms-grid-row-span: 4;
  -ms-grid-rows: subgrid;
  display: -ms-grid;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  order: 2;
  padding: 8rem 2.4rem 4rem;
  border-radius: 2rem;
  background: #fff;
  background: linear-gradient(45deg, rgb(217, 217, 217) 0%, rgb(239, 239, 239) 50%, rgb(255, 255, 255) 100%);
  text-align: center;
}
.p-products-item__title {
  margin-bottom: 0.2em;
  font-weight: bold;
  font-size: clamp(1.8rem, 2vw, 2.5rem);
}
.p-products-item__model-number {
  margin-bottom: 1em;
}
.p-products-item__video {
  margin-bottom: 4rem;
}
.p-products-item__video a:hover {
  opacity: 0.7;
}
.p-products-item__button {
  text-align: center;
}
.p-products-item__button a {
  display: inline-block;
  position: relative;
  width: 200px;
  max-width: 100%;
  padding: 0.4em 1em;
  padding-right: 0;
  border-radius: 1.1rem;
  background: linear-gradient(45deg, #00306e 0%, #004bab 100%);
  color: #fff;
  font-weight: bold;
  font-size: clamp(1.6rem, 1.7vw, 1.8rem);
  letter-spacing: 1em;
}
.p-products-item__button a:hover {
  opacity: 0.7;
}
.p-products-item__button a::after {
  z-index: 1;
  position: absolute;
  top: 50%;
  right: 24px;
  width: 20px;
  height: 20px;
  translate: 0 -50%;
  background-image: url("../img/common/icon-external-link.svg");
  background-position: left top;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
.p-products-item__thumbnail {
  order: 1;
  margin-bottom: -6.4rem;
}
.p-products-item__thumbnail img {
  mix-blend-mode: darken;
}
.-sona-l .p-products-item__thumbnail img {
  z-index: 1;
  position: relative;
  mix-blend-mode: normal;
}

/* ===============================================

  採用情報

=============================================== */
.p-recruit {
  position: relative;
  background-image: url("../img/recruit/hero-bg.png");
  background-position: right top;
  background-size: 40.10416667%;
  background-repeat: no-repeat;
}
.p-recruit__tagline {
  color: #0b2367;
  font-weight: 700;
  font-size: clamp(2.7rem, 5vw, 6rem);
  line-height: 1.6;
}

/*
  クラボウテクノシステムとは？
--------------------------------- */
.p-recruit-about__title {
  margin-bottom: 1em;
  font-weight: 700;
  font-size: clamp(2rem, 2.4vw, 3rem);
  line-height: 1.6;
}
.p-recruit-about__description {
  margin-bottom: 4rem;
  font-size: clamp(1.4rem, 1.7vw, 2rem);
}
.p-recruit-about__list {
  display: -ms-grid;
  display: grid;
  max-width: 760px;
  gap: 1.6rem;
}
.p-recruit-about__list li a {
  display: block;
  position: relative;
  padding: 1em;
  border-radius: 1rem;
  color: #fff;
  font-size: clamp(1.4rem, 1.6vw, 1.8rem);
  text-align: center;
}
.p-recruit-about__list li a::before, .p-recruit-about__list li a::after {
  position: absolute;
  border-radius: 2px;
  content: "";
}
.p-recruit-about__list li a::before {
  top: 50%;
  right: 24px;
  width: 16px;
  height: 16px;
  translate: 0 -50%;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}
.p-recruit-about__list li a::after {
  top: calc(50% + 1px);
  right: 21px;
  width: 24px;
  height: 2px;
  translate: 0 -50%;
  rotate: -45deg;
  background-color: #fff;
}
.p-recruit-about__list li:first-child a {
  background: #2a85e0;
  background: linear-gradient(45deg, rgb(42, 133, 224) 0%, rgb(0, 58, 167) 100%);
}
.p-recruit-about__list li:last-child a {
  background: #17c700;
  background: linear-gradient(45deg, rgb(23, 199, 0) 0%, rgb(0, 119, 14) 100%);
}

/*
  募集要項
--------------------------------- */
.p-recruit-requirements {
  position: relative;
}
.p-recruit-requirements__inner {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
}
.p-recruit-requirements__table {
  width: 100%;
  font-size: clamp(1.4rem, 1.6vw, 2.2rem);
}
.p-recruit-requirements__table tr,
.p-recruit-requirements__table th,
.p-recruit-requirements__table td {
  display: block;
  width: 100%;
  border: none;
}
.p-recruit-requirements__table tr {
  padding: 1em 0;
}
.p-recruit-requirements__table th {
  font-weight: bold;
  text-align: left;
}
.p-recruit-requirements .open-positions {
  position: relative;
  margin-top: 1em;
  text-align: right;
}
.p-recruit-requirements .open-positions::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: calc(100% - 8em);
  height: 1px;
  translate: 0 -50%;
  background-color: #000;
  content: "";
}
.p-recruit-requirements .open-positions__label {
  display: inline-block;
  z-index: 1;
  position: relative;
  padding: 0 1em;
  border: 1px solid #000;
  border-radius: 4px;
  background-color: #fff;
  font-size: clamp(1.2rem, 1.5vw, 1.7rem);
}
.p-recruit-requirements .open-positions span.number {
  font-size: 1.29411765em;
}
.p-recruit-requirements__salary {
  display: -ms-grid;
  display: grid;
  gap: 1.6rem;
}
.p-recruit-requirements .salary-list.-small {
  font-size: clamp(1.4rem, 1.6vw, 1.8rem);
}
.p-recruit-requirements .salary-list__item {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
}
.p-recruit-requirements .salary-list dt {
  position: relative;
}
.p-recruit-requirements .salary-list dt::after {
  content: "：";
}

/*
  選考プロセス
--------------------------------- */
.p-recruit-process__inner {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
}
.p-recruit-process__list {
  counter-reset: item;
}
.p-recruit-process__list-item {
  position: relative;
  margin-bottom: 6.4rem;
}
.p-recruit-process__list-item::before {
  position: absolute;
  top: 0.5em;
  left: 0.5em;
  content: counter(item, decimal-leading-zero);
  color: #004bab;
  font-weight: 600;
  font-size: clamp(3rem, 4vw, 5rem);
  line-height: 1;
  font-family: "futura-pt", "Noto Sans JP", "游ゴシック体", yugothic, "游ゴシック", "Hiragino Kaku Gothic ProN", meiryo, メイリオ, sans-serif;
  counter-increment: item;
}
.p-recruit-process__list-item::after {
  position: absolute;
  top: calc(100% + 2.4rem);
  left: 50%;
  width: 30px;
  height: 18px;
  translate: -50% 0;
  background-color: #004bab;
  content: "";
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.p-recruit-process__list-item:last-of-type::after {
  display: none;
}
.p-recruit-process__list-header {
  padding: 4rem;
  border-radius: 1.5rem;
  background-color: #fff;
  text-align: center;
}
.p-recruit-process__list-title {
  font-weight: 600;
  font-size: clamp(2rem, 3vw, 3.5rem);
}
.p-recruit-process__list-description {
  font-weight: 500;
  font-size: clamp(1.4rem, 1.8vw, 2rem);
}
.p-recruit-process__recipient {
  font-size: clamp(1.4rem, 1.6vw, 1.8rem);
  text-align: center;
}
.p-recruit-process__recipient-item {
  margin-top: 2.4rem;
}
.p-recruit-process__recipient-term {
  font-weight: bold;
}
.p-recruit-process__contact {
  text-align: center;
}
.p-recruit-process__contact-title {
  margin-bottom: 0.5em;
  padding: 0.3em 1em;
  border-radius: 99rem;
  background-color: #0b2367;
  color: #fff;
  font-size: clamp(1.8rem, 3vw, 4rem);
  text-align: center;
}
.p-recruit-process__contact-department {
  font-weight: 500;
  font-size: clamp(1.6rem, 2vw, 2.5rem);
}
.p-recruit-process__contact-tel {
  font-weight: bold;
  font-size: clamp(2rem, 2.6vw, 3rem);
  line-height: 1.6;
}
.p-recruit-process__contact-tel a {
  font-size: 1.5em;
}

/* ===============================================

  お問い合わせ

=============================================== */
.p-contact-section {
  padding-right: 16px;
  padding-left: 16px;
}
.p-contact-section__title {
  font-weight: bold;
  font-size: clamp(2rem, 2.6vw, 3rem);
  line-height: 1.6;
}

.p-contact-list {
  display: -ms-grid;
  display: grid;
  gap: 25px;
}
.p-contact-list__item {
  padding: 2.4rem;
  border-radius: 20px;
  background: #fff;
  background: linear-gradient(45deg, rgb(255, 255, 255) 0%, rgb(239, 239, 239) 50%, rgb(217, 217, 217) 100%);
}
.p-contact-list__term {
  font-weight: bold;
  font-size: clamp(1.6rem, 2vw, 2.5rem);
}
.p-contact-list__desc {
  align-content: end;
}
.p-contact-list__tel {
  color: #0b2367;
  font-weight: 600;
  font-size: clamp(3rem, 3vw, 5rem);
  font-family: "futura-pt", "Noto Sans JP", "游ゴシック体", yugothic, "游ゴシック", "Hiragino Kaku Gothic ProN", meiryo, メイリオ, sans-serif;
}
.p-contact-list__mail {
  color: #0b2367;
  font-weight: 600;
  font-size: clamp(2.4rem, 2.4vw, 3.9rem);
  font-family: "futura-pt", "Noto Sans JP", "游ゴシック体", yugothic, "游ゴシック", "Hiragino Kaku Gothic ProN", meiryo, メイリオ, sans-serif;
}
.p-contact-list__note {
  font-size: clamp(1.2rem, 1.3vw, 1.4rem);
  font-family: "Noto Sans JP", "游ゴシック体", yugothic, "游ゴシック", "Yu Gothic", yugothic, "Hiragino Kaku Gothic ProN", meiryo, メイリオ, sans-serif;
}

.p-contact-form {
  max-width: 940px;
  margin-right: auto;
  margin-left: auto;
}
.p-contact-form__header {
  display: -ms-grid;
  display: grid;
  justify-content: end;
  margin-top: 1em;
  margin-bottom: 4rem;
}
.p-contact-form__header-text {
  font-size: clamp(1.6rem, 1.8vw, 2rem);
}
.p-contact-form__table {
  width: 100%;
  margin-bottom: 4rem;
  border-top: 1px solid #000;
}
.p-contact-form__table tr,
.p-contact-form__table th,
.p-contact-form__table td {
  display: block;
  width: 100%;
  border: none;
}
.p-contact-form__table tr {
  padding: 1em 0;
  border-bottom: 1px solid #000;
}
.p-contact-form__table tr:last-of-type {
  border-bottom: none;
}
.p-contact-form__table th {
  margin-bottom: 0.5em;
  font-size: 1.6rem;
  text-align: left;
}

.p-contact-form-type {
  font-size: clamp(1.4rem, 1.6vw, 2rem);
}
.p-contact-form-type__item:not(:last-of-type) {
  margin-bottom: 4rem;
}
.p-contact-form-type__term {
  position: relative;
  font-weight: bold;
  font-size: clamp(1.4rem, 2vw, 2.4rem);
}

.p-contact-consent-text {
  margin-bottom: 2em;
  font-size: clamp(1.3rem, 1.6vw, 1.8rem);
}
.mw_wp_form_confirm .p-contact-consent-text {
  display: none;
}

.p-contact-info {
  padding: 2.4rem 1.6rem;
  background-color: #fff;
  font-size: clamp(1.2rem, 1.6vw, 1.8rem);
}
.mw_wp_form_confirm .p-contact-info {
  display: none;
}
.p-contact-info__title {
  margin-bottom: 1em;
  font-weight: bold;
  font-size: clamp(1.4rem, 1.8vw, 2rem);
  text-align: center;
}
.p-contact-info__list li {
  position: relative;
  padding-left: 1.5em;
}
.p-contact-info__list li::before {
  position: absolute;
  top: 0.85em;
  left: 0;
  width: 0.55555556em;
  height: 0.55555556em;
  border-radius: 50%;
  background-color: #000;
  content: "";
}
.p-contact-info__company {
  font-size: clamp(1.4rem, 1.8vw, 2rem);
  text-align: center;
}
.p-contact-info__text {
  margin-bottom: 1em;
  text-align: center;
}
.p-contact-info__hours {
  font-size: clamp(1.2rem, 1.4vw, 1.6rem);
  text-align: center;
}

.p-contact-consent {
  margin-top: 4rem;
  margin-bottom: 4rem;
  text-align: center;
}
.mw_wp_form_confirm .p-contact-consent {
  display: none;
}

.p-contact-submit {
  text-align: center;
}
.p-contact-submit__item {
  position: relative;
  pointer-events: none;
}
.p-contact-submit__item::before, .p-contact-submit__item::after {
  z-index: 1;
  position: absolute;
  border-radius: 2px;
  content: "";
}
.p-contact-submit__item::before {
  top: 50%;
  right: 24px;
  width: 16px;
  height: 16px;
  translate: 0 -50%;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}
.p-contact-submit__item::after {
  top: calc(50% + 1px);
  right: 21px;
  width: 24px;
  height: 2px;
  translate: 0 -50%;
  rotate: -45deg;
  background-color: #fff;
}
.p-contact-submit__item.-back {
  display: none;
}
.mw_wp_form_confirm .p-contact-submit__item.-back {
  display: inline-block;
}
.mw_wp_form_confirm .p-contact-submit__item::before, .mw_wp_form_confirm .p-contact-submit__item::after {
  display: none;
}
.p-contact-submit__button {
  -webkit-appearance: none;
     -moz-appearance: none;
  box-sizing: border-box;
  display: inline-block;
          appearance: none;
  position: relative;
  width: 100%;
  max-width: 340px;
  padding: 0.8em 3em;
  border: none;
  border-radius: 16px;
  outline: none;
  background: linear-gradient(45deg, #6f6f6f 0%, #141414 100%);
  color: #fff;
  font-weight: bold;
  font-size: clamp(1.6rem, 1.7vw, 1.8rem);
  text-align: center;
  cursor: pointer;
  opacity: 0.5;
  pointer-events: auto;
  transition: 0.3s linear;
}
.is-jsEnable .p-contact-submit__button {
  pointer-events: none;
}
.is-jsEnable .p-contact-submit__button.is-enabled {
  opacity: 1;
  pointer-events: auto;
}
.is-jsEnable .p-contact-submit__button.is-enabled:hover {
  opacity: 0.7;
}
.mw_wp_form_confirm .p-contact-submit__button {
  width: auto;
  color: #fff;
  opacity: 1;
  pointer-events: auto;
}
.p-contact-submit__button:hover {
  opacity: 0.7;
}

/* ===============================================

  プライバシーポリシー

=============================================== */
.p-privacy-nav {
  -ms-grid-columns: (minmax(0, 1fr))[1];
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  margin-bottom: 4rem;
  padding: 0 3.5rem;
  gap: 2.4rem;
}
.p-privacy-nav li a {
  display: -ms-grid;
  display: grid;
  position: relative;
  align-items: center;
  height: 100%;
  padding: 1.6rem 1.6rem 1.6rem 6.4rem;
  background: #d9d9d9;
  background: linear-gradient(45deg, rgb(217, 217, 217) 0%, rgb(239, 239, 239) 50%, rgb(255, 255, 255) 100%);
}
.p-privacy-nav li a span.small {
  font-size: 0.75em;
}
.p-privacy-nav li a::before {
  position: absolute;
  top: calc(50% - 4px);
  left: 2.4rem;
  width: 16px;
  height: 16px;
  translate: 0 -50%;
  rotate: -45deg;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  content: "";
}

.p-privacy-section {
  margin-bottom: 4rem;
  padding: 0 30px;
  font-size: clamp(1.4rem, 1.6vw, 1.8rem);
}
.p-privacy-section__title {
  margin-bottom: 0.5em;
  font-weight: bold;
  font-size: clamp(2rem, 2.6vw, 3rem);
  line-height: 1.6;
}
.p-privacy-section__lead {
  padding-left: 3.2rem;
}
.p-privacy-section__list {
  counter-reset: item;
}
.p-privacy-section__list-item {
  margin-bottom: 1em;
}
.p-privacy-section__list-term {
  position: relative;
  padding-left: 3.2rem;
  font-weight: bold;
  font-size: clamp(1.8rem, 2vw, 2.2rem);
}
.p-privacy-section__list-term::before {
  position: absolute;
  left: 0;
  content: counter(item) ".";
  counter-increment: item;
}
.p-privacy-section__list-description {
  padding-left: 3.2rem;
}
.p-privacy-section__signature {
  display: -ms-grid;
  display: grid;
  justify-content: end;
  margin-top: 2em;
}
.p-privacy-section .callout {
  padding: 4rem;
  background-color: #fff;
}

/* =================================================================================


  Project - post.scss


================================================================================= */
.p-post {
  position: relative;
}
.p-post__title {
  font-weight: 500;
  font-size: clamp(2rem, 2.4vw, 3.5rem);
}
.p-post__header {
  display: -ms-grid;
  display: grid;
  margin-bottom: 4rem;
  padding-bottom: 1.6rem;
  border-bottom: 2px solid #000;
}
.p-post__meta {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: start;
  order: -1;
  margin-bottom: 1.6rem;
  gap: 1.6rem;
}
.p-post__date {
  font-weight: 600;
  font-size: clamp(1.4rem, 2vw, 2.4rem);
  font-family: "futura-pt", "Noto Sans JP", "游ゴシック体", yugothic, "游ゴシック", "Hiragino Kaku Gothic ProN", meiryo, メイリオ, sans-serif;
}
.p-post__label {
  padding: 0 1em;
  border-radius: 5px;
  background-color: #000;
  color: #fff;
  font-size: clamp(1.2rem, 1.3vw, 1.4rem);
  text-align: center;
}

/*
  News
--------------------------------- */
.p-post-news-item:first-of-type .p-post-news-item__block {
  border-top: 1px solid #000;
}
.p-post-news-item__block {
  -ms-grid-columns: 90px minmax(0, 1fr);
  display: -ms-grid;
  display: grid;
  grid-template-columns: 90px minmax(0, 1fr);
  align-items: center;
  padding: 2.4rem 0;
  gap: 4rem;
  border-bottom: 1px solid #000;
}
.p-post-news-item__title {
  font-size: clamp(1.4rem, 1.6vw, 1.8rem);
}
.p-post-news-item__meta {
  display: -ms-grid;
  display: grid;
  order: -1;
  gap: 0.8rem;
}
.p-post-news-item__date {
  font-weight: 600;
  font-family: "Noto Sans JP", "游ゴシック体", yugothic, "游ゴシック", "Yu Gothic", yugothic, "Hiragino Kaku Gothic ProN", meiryo, メイリオ, sans-serif;
  text-align: center;
}
.p-post-news-item__label {
  border-radius: 5px;
  background-color: #000;
  color: #fff;
  text-align: center;
}

/*
  single ナビゲーション
----------------------------------------------- */
.p-post-navi {
  margin-top: 8rem;
  margin-bottom: 4rem;
}
.p-post-navi__button {
  text-align: center;
}
.p-post-navi__button a {
  display: inline-block;
  position: relative;
  width: 340px;
  max-width: 100%;
  padding: 1em;
  border-radius: 1rem;
  background: linear-gradient(45deg, rgb(111, 111, 111) 0%, rgb(20, 20, 20) 100%);
  color: #fff;
  font-weight: bold;
  font-size: 1.6rem, 1.7vw, 1.8rem;
}
.p-post-navi__button a:hover {
  opacity: 0.7;
}
.p-post-navi__button a::after {
  z-index: 1;
  position: absolute;
  top: 50%;
  right: 24px;
  width: 16px;
  height: 20px;
  translate: 0 -50%;
  background-image: url(../img/common/icon-back.svg);
  background-position: left top;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

/*
  以前の記事一覧
----------------------------------------------- */
.p-post-all-list li {
  line-height: 1.6;
}
.p-post-all-list li a {
  display: block;
  position: relative;
  padding: 1.5em 0 1.5em 3em;
  border-bottom: 1px dashed #707070;
}
.p-post-all-list li a::before, .p-post-all-list li a::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #000;
  content: "";
  transition: 0.3s linear;
}
.p-post-all-list li a::before {
  left: 1em;
  width: 12px;
  height: 1px;
}
.p-post-all-list li a::after {
  left: 1.4em;
  width: 7px;
  height: 7px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  background-color: transparent;
}

/* =================================================================

  wordpress ブロックエディタ用クラス

================================================================= */
.p-post__content {
  font-size: 1.4rem;
  line-height: 2;
}
.p-post__content .has-xxs-font-size {
  font-size: 0.625em;
}
.p-post__content .has-xs-font-size {
  font-size: 0.75em;
}
.p-post__content .has-sm-font-size {
  font-size: 0.875em;
}
.p-post__content .has-md-font-size {
  font-size: 1em;
}
.p-post__content .has-lg-font-size {
  font-size: 1.125em;
}
.p-post__content .has-xl-font-size {
  font-size: 1.25em;
}
.p-post__content .has-xxl-font-size {
  font-size: 1.375em;
}
.p-post__content h2 {
  margin: 3em 0 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #e4e4e4;
  font-weight: bold;
  font-size: 1.25em;
  line-height: 1.6;
}
.p-post__content h2 + h3 {
  margin: 1em 0;
}
.p-post__content h2 + p {
  margin-top: 1em;
}
.p-post__content h3 {
  position: relative;
  margin: 3em 0 1em;
  padding-left: 1.2em;
  font-weight: bold;
  font-size: 1.125em;
  line-height: 2;
}
.p-post__content h3::before {
  position: absolute;
  top: 1em;
  left: 0;
  width: 16px;
  height: 3px;
  background-color: currentcolor;
  content: "";
}
.p-post__content h3 + h4 {
  margin: 1em 0;
}
.p-post__content h3 + p {
  margin-top: 1em;
}
.p-post__content h4 {
  position: relative;
  margin: 3em 0 1em;
  font-weight: bold;
  font-size: 1em;
}
.p-post__content h4 + p {
  margin-top: 1em;
}
.p-post__content h5 {
  position: relative;
  margin: 3em 0 1rem;
  font-weight: bold;
}
.p-post__content h5 + p {
  margin-top: 1em;
}
.p-post__content p {
  margin-top: 2em;
}
.p-post__content .wp-block-columns {
  margin-top: 2em;
  margin-bottom: 0;
}
.p-post__content .wp-block-image {
  margin-top: 2em;
}
.p-post__content blockquote {
  position: relative;
  margin-top: 2em;
  padding: 0.1em 2em 1.5em 4em;
  background: #f6f6f6;
  color: #666;
  font-style: italic;
}
.p-post__content blockquote cite {
  margin-top: 0.5em;
}
.p-post__content blockquote::before {
  display: inline-block;
  position: absolute;
  top: 1em;
  left: 1em;
  content: "\f10d";
  color: #39c;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
}
.p-post__content .wp-block-table {
  margin-top: 2em;
}
.p-post__content .wp-block-table figcaption {
  margin-top: 1em;
  font-size: 0.9em;
  text-align: right;
}
.p-post__content .wp-block-table table {
  width: 100%;
  border-top: solid 1px #074a78;
}
.p-post__content .wp-block-table tr,
.p-post__content .wp-block-table th,
.p-post__content .wp-block-table td {
  display: block;
  width: 100%;
}
.p-post__content .wp-block-table tr {
  padding: 1em 0;
  border-bottom: solid 1px #074a78;
}
.p-post__content .wp-block-table th {
  font-weight: 700;
  text-align: left;
}
.p-post__content ol {
  margin-top: 2em;
  counter-reset: item;
}
.p-post__content ol li {
  position: relative;
  padding-left: 2em;
  list-style: none;
}
.p-post__content ol li::before {
  position: absolute;
  left: 0;
  content: counter(item, decimal-leading-zero) ".";
  color: currentcolor;
  counter-increment: item;
}
.p-post__content ul {
  margin-top: 2em;
}
.p-post__content ul li {
  position: relative;
  padding-left: 1.3em;
  list-style: none;
}
.p-post__content ul li::before {
  position: absolute;
  top: 0.9em;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #0b2367;
  content: "";
}
.p-post__content strong {
  font-weight: bold;
}
.p-post__content em {
  border-bottom: 2px solid #0b2367;
  font-style: normal;
  font-weight: bold;
}
.p-post__content a {
  position: relative;
  border-bottom: solid 1px currentcolor;
  transition: 0.3s linear;
}
.p-post__content a:hover {
  border-bottom: solid 1px transparent;
  color: #ff7206;
}

/* =================================================================

  wp-pagenavi

================================================================= */
.wp-pagenavi {
  margin-top: 6rem;
  text-align: center;
}
.wp-pagenavi a {
  display: inline-block;
  margin: 0.5rem;
  padding: 0 10px;
  transition: 0.3s linear;
}
.wp-pagenavi a:hover {
  color: #0b2367;
}
.wp-pagenavi span.pages {
  display: inline-block;
  margin-right: 2em;
  font-size: 1.2rem;
}
.wp-pagenavi span.current {
  display: inline-block;
  margin: 0 5px;
  padding: 0 0.8em;
  background-color: #0b2367;
  color: #fff;
  font-weight: bold;
}
.wp-pagenavi span.extend {
  display: inline-block;
  margin: 0 5px;
  padding: 0 2px;
}

/* =================================================================================


  utility.css


================================================================================= */
/*
  Positon
----------------------------------------------- */
.u-pos-s {
  position: static !important;
}

.u-pos-r {
  position: relative !important;
}

.u-pos-a {
  position: absolute !important;
}

.u-pos-sk {
  position: sticky !important;
}

.u-pos-f {
  position: fixed !important;
}

/*
  z-index
----------------------------------------------- */
.u-z-a {
  z-index: auto !important;
}

.u-z0 {
  z-index: 0 !important;
}

.u-z1 {
  z-index: 1 !important;
}

.u-z2 {
  z-index: 2 !important;
}

.u-z3 {
  z-index: 3 !important;
}

.u-z4 {
  z-index: 4 !important;
}

.u-z5 {
  z-index: 5 !important;
}

.u-z6 {
  z-index: 6 !important;
}

/*
  Letter Spacing
----------------------------------------------- */
.u-lts-nm {
  letter-spacing: normal !important;
}

.u-lts0 {
  letter-spacing: 0 !important;
}

.u-lts1 {
  letter-spacing: 1px !important;
}

.u-lts2 {
  letter-spacing: 2px !important;
}

.u-lts3 {
  letter-spacing: 3px !important;
}

.u-lts4 {
  letter-spacing: 4px !important;
}

.u-lts5 {
  letter-spacing: 5px !important;
}

.u-lts6 {
  letter-spacing: 6px !important;
}

.u-lts001em {
  letter-spacing: 0.01em !important;
}

.u-lts01em {
  letter-spacing: 0.1em !important;
}

.u-lts02em {
  letter-spacing: 0.2em !important;
}

.u-lts03em {
  letter-spacing: 0.3em !important;
}

.u-lts--001em {
  letter-spacing: -0.01em !important;
}

.u-lts--002em {
  letter-spacing: -0.02em !important;
}

.u-lts--01em {
  letter-spacing: -0.1em !important;
}

.u-lts--02em {
  letter-spacing: -0.2em !important;
}

.u-lts--03em {
  letter-spacing: -0.3em !important;
}

/* テキスト揃え
----------------------------------------------- */
.u-tal {
  text-align: left;
}

.u-tac {
  text-align: center;
}

.u-tar {
  text-align: right;
}

/*
  Alignment
--------------------------------- */
/* ディスプレイ
----------------------------------------------- */
/*
  Display
--------------------------------- */
.u-d-i {
  display: inline !important;
}

.u-d-n {
  display: none !important;
}

.u-d-b {
  display: block !important;
}

.u-d-ib {
  display: inline-block !important;
}

.u-d-fx {
  display: flex !important;
}

.u-d-ifx {
  display: inline-flex !important;
}

.u-d-tb {
  display: table !important;
}

.u-d-itb {
  display: inline-table !important;
}

.u-d-tbhg {
  display: table-header-group !important;
}

.u-d-tbfg {
  display: table-footer-group !important;
}

.u-d-tbrg {
  display: table-row-group !important;
}

.u-d-tbr {
  display: table-row !important;
}

.u-d-tbc {
  display: table-cell !important;
}

.u-d-li {
  display: list-item !important;
}

.u-d-ih {
  display: inherit !important;
}

/* オーバーフロー
----------------------------------------------- */
.u-ov-v {
  overflow: visible !important;
}

.u-ov-h {
  overflow: hidden !important;
}

.u-ov-s {
  overflow: scroll !important;
}

.u-ov-a {
  overflow: auto !important;
}

.u-ovx-v {
  overflow-x: visible !important;
}

.u-ovx-h {
  overflow-x: hidden !important;
}

.u-ovx-s {
  overflow-x: scroll !important;
}

.u-ovx-a {
  overflow-x: auto !important;
}

.u-ovy-v {
  overflow-y: visible !important;
}

.u-ovy-h {
  overflow-y: hidden !important;
}

.u-ovy-s {
  overflow-y: scroll !important;
}

.u-ovy-a {
  overflow-y: auto !important;
}

/* clearfix
----------------------------------------------- */
.u-clearfix:after {
  display: block;
  clear: both;
  content: "";
}

/* 画像置換
----------------------------------------------- */
.u-hide-text {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

/* アクセシビリティ スクリーンリーダーテキスト
----------------------------------------------- */
.u-screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.u-visually-hidden {
  clip: rect(0 0 0 0);
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  white-space: nowrap;
  clip-path: inset(50%);
}

/* フォントファミリー
----------------------------------------------- */
.u-ff-serif {
  font-family: "Noto Serif JP", yumincho, "游明朝 DemiBold", "Yu Mincho DemiBold", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", serif;
}

/* フォントウエイト
----------------------------------------------- */
.u-fw-nm {
  font-weight: 400 !important;
}

.u-fw-b {
  font-weight: 700 !important;
}

.u-fw-l {
  font-weight: 300 !important;
}

.u-fw-br {
  font-weight: bolder !important;
}

.u-fw-lr {
  font-weight: lighter !important;
}

.u-fw-100 {
  font-weight: 100 !important;
}

.u-fw-200 {
  font-weight: 200 !important;
}

.u-fw-300 {
  font-weight: 300 !important;
}

.u-fw-400 {
  font-weight: 400 !important;
}

.u-fw-500 {
  font-weight: 500 !important;
}

.u-fw-600 {
  font-weight: 600 !important;
}

.u-fw-700 {
  font-weight: 700 !important;
}

.u-fw-800 {
  font-weight: 800 !important;
}

.u-fw-900 {
  font-weight: 900 !important;
}

/* 文字サイズ
----------------------------------------------- */
.u-fz-10 {
  font-size: 1rem;
}

.u-fz-11 {
  font-size: 1.1rem;
}

.u-fz-12 {
  font-size: 1.2rem;
}

.u-fz-13 {
  font-size: 1.3rem;
}

.u-fz-14 {
  font-size: 1.4rem;
}

.u-fz-15 {
  font-size: 1.5rem;
}

.u-fz-16 {
  font-size: 1.6rem;
}

.u-fz-17 {
  font-size: 1.7rem;
}

.u-fz-18 {
  font-size: 1.8rem;
}

.u-fz-19 {
  font-size: 1.9rem;
}

.u-fz-20 {
  font-size: 2rem;
}

.u-fz-21 {
  font-size: 2.1rem;
}

.u-fz-22 {
  font-size: 2.2rem;
}

.u-fz-23 {
  font-size: 2.3rem;
}

.u-fz-24 {
  font-size: 2.4rem;
}

.u-fz-25 {
  font-size: 2.5rem;
}

.u-fz-26 {
  font-size: 2.6rem;
}

.u-fz-27 {
  font-size: 2.7rem;
}

.u-fz-28 {
  font-size: 2.8rem;
}

.u-fz-29 {
  font-size: 2.9rem;
}

.u-fz-30 {
  font-size: 3rem;
}

.u-fz-31 {
  font-size: 3.1rem;
}

.u-fz-32 {
  font-size: 3.2rem;
}

.u-fz-33 {
  font-size: 3.3rem;
}

.u-fz-34 {
  font-size: 3.4rem;
}

.u-fz-35 {
  font-size: 3.5rem;
}

.u-fz-36 {
  font-size: 3.6rem;
}

.u-fz-37 {
  font-size: 3.7rem;
}

.u-fz-38 {
  font-size: 3.8rem;
}

.u-fz-39 {
  font-size: 3.9rem;
}

.u-fz-40 {
  font-size: 4rem;
}

.u-fz-41 {
  font-size: 4.1rem;
}

.u-fz-42 {
  font-size: 4.2rem;
}

.u-fz-43 {
  font-size: 4.3rem;
}

.u-fz-44 {
  font-size: 4.4rem;
}

.u-fz-45 {
  font-size: 4.5rem;
}

.u-fz-46 {
  font-size: 4.6rem;
}

.u-fz-47 {
  font-size: 4.7rem;
}

.u-fz-48 {
  font-size: 4.8rem;
}

.u-fz-49 {
  font-size: 4.9rem;
}

.u-fz-50 {
  font-size: 5rem;
}
/* 文字サイズ em 拡大縮小
----------------------------------------------- */
.u-fz-zoom-xxs {
  font-size: 0.4em;
}

.u-fz-zoom-xs {
  font-size: 0.6em;
}

.u-fz-zoom-sm {
  font-size: 0.8em;
}

.u-fz-zoom-md {
  font-size: 1.2em;
}

.u-fz-zoom-lg {
  font-size: 1.4em;
}

.u-fz-zoom-xl {
  font-size: 1.6em;
}

.u-fz-zoom-xxl {
  font-size: 1.8em;
}

/* 文字サイズ em 拡大縮小
----------------------------------------------- */
.u-tt-upper {
  text-transform: uppercase;
}

/* line-height
----------------------------------------------- */
.u-lh-xxs {
  line-height: 1.2;
}

.u-lh-xs {
  line-height: 1.4;
}

.u-lh-sm {
  line-height: 1.6;
}

.u-lh-md {
  line-height: 1.8;
}

.u-lh-lg {
  line-height: 2;
}

.u-lh-xl {
  line-height: 2.2;
}

.u-lh-xxl {
  line-height: 2.4;
}

/* vertical-align
----------------------------------------------- */
.u-va-sup {
  vertical-align: super !important;
}

.u-va-t {
  vertical-align: top !important;
}

.u-va-tt {
  vertical-align: text-top !important;
}

.u-va-m {
  vertical-align: middle !important;
}

.u-va-bl {
  vertical-align: baseline !important;
}

.u-va-b {
  vertical-align: bottom !important;
}

.u-va-tb {
  vertical-align: text-bottom !important;
}

.u-va-sub {
  vertical-align: sub !important;
}

/* テキスト　上付・下付文字
----------------------------------------------- */
.u-text-super {
  vertical-align: super;
}

.u-text-sub {
  vertical-align: sub;
}

/* 注釈
----------------------------------------------- */
.u-notes {
  margin-left: 1em;
  text-indent: -1em;
}
.u-notes.-number {
  margin-left: 2.5em;
  text-indent: -2.5em;
}

/* =================================================================

  マージン

================================================================= */
/*
  Setting
--------------------------------- */
/*
  Margin Top
--------------------------------- */
.u-mt-xxxs {
  margin-top: 0.5rem;
}

.u-mt-xxs {
  margin-top: 1rem;
}

.u-mt-xs {
  margin-top: 2rem;
}

.u-mt-sm {
  margin-top: 3rem;
}

.u-mt-md {
  margin-top: 4rem;
}

.u-mt-lg {
  margin-top: 5rem;
}

.u-mt-xl {
  margin-top: 6rem;
}

.u-mt-xxl {
  margin-top: 8rem;
}

.u-mt-xxxl {
  margin-top: 10rem;
}

.u-mt-5 {
  margin-top: 0.5rem !important;
}

.u-mt-10 {
  margin-top: 1rem !important;
}

.u-mt-15 {
  margin-top: 1.5rem !important;
}

.u-mt-20 {
  margin-top: 2rem !important;
}

.u-mt-25 {
  margin-top: 2.5rem !important;
}

.u-mt-30 {
  margin-top: 3rem !important;
}

.u-mt-35 {
  margin-top: 3.5rem !important;
}

.u-mt-40 {
  margin-top: 4rem !important;
}

.u-mt-45 {
  margin-top: 4.5rem !important;
}

.u-mt-50 {
  margin-top: 5rem !important;
}

.u-mt-55 {
  margin-top: 5.5rem !important;
}

.u-mt-60 {
  margin-top: 6rem !important;
}

.u-mt-65 {
  margin-top: 6.5rem !important;
}

.u-mt-70 {
  margin-top: 7rem !important;
}

.u-mt-75 {
  margin-top: 7.5rem !important;
}

.u-mt-80 {
  margin-top: 8rem !important;
}

.u-mt-85 {
  margin-top: 8.5rem !important;
}

.u-mt-90 {
  margin-top: 9rem !important;
}

.u-mt-95 {
  margin-top: 9.5rem !important;
}

.u-mt-100 {
  margin-top: 10rem !important;
}

.u-mt-1em {
  margin-top: 1em;
}

.u-mt-2em {
  margin-top: 2em;
}

.u-mt-3em {
  margin-top: 3em;
}

.u-mt-4em {
  margin-top: 4em;
}

.u-mt-5em {
  margin-top: 5em;
}

.u-mt-6em {
  margin-top: 6em;
}

.u-mt-7em {
  margin-top: 7em;
}

.u-mt-8em {
  margin-top: 8em;
}

.u-mt-9em {
  margin-top: 9em;
}

.u-mt-10em {
  margin-top: 10em;
}

/*
  Margin Right
--------------------------------- */
.u-mr-5 {
  margin-right: 0.5rem;
}

.u-mr-10 {
  margin-right: 1rem;
}

.u-mr-15 {
  margin-right: 1.5rem;
}

.u-mr-20 {
  margin-right: 2rem;
}

.u-mr-25 {
  margin-right: 2.5rem;
}

.u-mr-30 {
  margin-right: 3rem;
}

.u-mr-35 {
  margin-right: 3.5rem;
}

.u-mr-40 {
  margin-right: 4rem;
}

.u-mr-45 {
  margin-right: 4.5rem;
}

.u-mr-50 {
  margin-right: 5rem;
}

.u-mr-55 {
  margin-right: 5.5rem;
}

.u-mr-60 {
  margin-right: 6rem;
}

.u-mr-65 {
  margin-right: 6.5rem;
}

.u-mr-70 {
  margin-right: 7rem;
}

.u-mr-75 {
  margin-right: 7.5rem;
}

.u-mr-80 {
  margin-right: 8rem;
}

.u-mr-85 {
  margin-right: 8.5rem;
}

.u-mr-90 {
  margin-right: 9rem;
}

.u-mr-95 {
  margin-right: 9.5rem;
}

.u-mr-100 {
  margin-right: 10rem;
}

.u-mr-1em {
  margin-right: 1em;
}

.u-mr-2em {
  margin-right: 2em;
}

.u-mr-3em {
  margin-right: 3em;
}

.u-mr-4em {
  margin-right: 4em;
}

.u-mr-5em {
  margin-right: 5em;
}

.u-mr-6em {
  margin-right: 6em;
}

.u-mr-7em {
  margin-right: 7em;
}

.u-mr-8em {
  margin-right: 8em;
}

.u-mr-9em {
  margin-right: 9em;
}

.u-mr-10em {
  margin-right: 10em;
}

/*
  Margin Bottom
--------------------------------- */
.u-mb-xxxs {
  margin-bottom: 0.5rem;
}

.u-mb-xxs {
  margin-bottom: 1rem;
}

.u-mb-xs {
  margin-bottom: 2rem;
}

.u-mb-sm {
  margin-bottom: 3rem;
}

.u-mb-md {
  margin-bottom: 4rem;
}

.u-mb-lg {
  margin-bottom: 5rem;
}

.u-mb-xl {
  margin-bottom: 6rem;
}

.u-mb-xxl {
  margin-bottom: 8rem;
}

.u-mb-xxxl {
  margin-bottom: 10rem;
}

.u-mb-5 {
  margin-bottom: 0.5rem !important;
}

.u-mb-10 {
  margin-bottom: 1rem !important;
}

.u-mb-15 {
  margin-bottom: 1.5rem !important;
}

.u-mb-20 {
  margin-bottom: 2rem !important;
}

.u-mb-25 {
  margin-bottom: 2.5rem !important;
}

.u-mb-30 {
  margin-bottom: 3rem !important;
}

.u-mb-35 {
  margin-bottom: 3.5rem !important;
}

.u-mb-40 {
  margin-bottom: 4rem !important;
}

.u-mb-45 {
  margin-bottom: 4.5rem !important;
}

.u-mb-50 {
  margin-bottom: 5rem !important;
}

.u-mb-55 {
  margin-bottom: 5.5rem !important;
}

.u-mb-60 {
  margin-bottom: 6rem !important;
}

.u-mb-65 {
  margin-bottom: 6.5rem !important;
}

.u-mb-70 {
  margin-bottom: 7rem !important;
}

.u-mb-75 {
  margin-bottom: 7.5rem !important;
}

.u-mb-80 {
  margin-bottom: 8rem !important;
}

.u-mb-85 {
  margin-bottom: 8.5rem !important;
}

.u-mb-90 {
  margin-bottom: 9rem !important;
}

.u-mb-95 {
  margin-bottom: 9.5rem !important;
}

.u-mb-100 {
  margin-bottom: 10rem !important;
}

.u-mb-1em {
  margin-bottom: 1em;
}

.u-mb-2em {
  margin-bottom: 2em;
}

.u-mb-3em {
  margin-bottom: 3em;
}

.u-mb-4em {
  margin-bottom: 4em;
}

.u-mb-5em {
  margin-bottom: 5em;
}

.u-mb-6em {
  margin-bottom: 6em;
}

.u-mb-7em {
  margin-bottom: 7em;
}

.u-mb-8em {
  margin-bottom: 8em;
}

.u-mb-9em {
  margin-bottom: 9em;
}

.u-mb-10em {
  margin-bottom: 10em;
}
.u-mb[data-mb-size~=xxxs] {
  margin-bottom: 1rem;
}

.u-mb[data-mb-size~=xxs] {
  margin-bottom: 2rem;
}

.u-mb[data-mb-size~=xs] {
  margin-bottom: 4rem;
}

.u-mb[data-mb-size~=sm] {
  margin-bottom: 6rem;
}

.u-mb[data-mb-size~=md] {
  margin-bottom: 8rem;
}

.u-mb[data-mb-size~=lg] {
  margin-bottom: 10rem;
}

.u-mb[data-mb-size~=xl] {
  margin-bottom: 12rem;
}

.u-mb[data-mb-size~=xxl] {
  margin-bottom: 16rem;
}

.u-mb[data-mb-size~=xxxl] {
  margin-bottom: 20rem;
}
/*
  Margin Left
--------------------------------- */
.u-ml-5 {
  margin-left: 0.5rem !important;
}

.u-ml-10 {
  margin-left: 1rem !important;
}

.u-ml-15 {
  margin-left: 1.5rem !important;
}

.u-ml-20 {
  margin-left: 2rem !important;
}

.u-ml-25 {
  margin-left: 2.5rem !important;
}

.u-ml-30 {
  margin-left: 3rem !important;
}

.u-ml-35 {
  margin-left: 3.5rem !important;
}

.u-ml-40 {
  margin-left: 4rem !important;
}

.u-ml-45 {
  margin-left: 4.5rem !important;
}

.u-ml-50 {
  margin-left: 5rem !important;
}

.u-ml-55 {
  margin-left: 5.5rem !important;
}

.u-ml-60 {
  margin-left: 6rem !important;
}

.u-ml-65 {
  margin-left: 6.5rem !important;
}

.u-ml-70 {
  margin-left: 7rem !important;
}

.u-ml-75 {
  margin-left: 7.5rem !important;
}

.u-ml-80 {
  margin-left: 8rem !important;
}

.u-ml-85 {
  margin-left: 8.5rem !important;
}

.u-ml-90 {
  margin-left: 9rem !important;
}

.u-ml-95 {
  margin-left: 9.5rem !important;
}

.u-ml-100 {
  margin-left: 10rem !important;
}

.u-ml-1em {
  margin-left: 1em;
}

.u-ml-2em {
  margin-left: 2em;
}

.u-ml-3em {
  margin-left: 3em;
}

.u-ml-4em {
  margin-left: 4em;
}

.u-ml-5em {
  margin-left: 5em;
}

.u-ml-6em {
  margin-left: 6em;
}

.u-ml-7em {
  margin-left: 7em;
}

.u-ml-8em {
  margin-left: 8em;
}

.u-ml-9em {
  margin-left: 9em;
}

.u-ml-10em {
  margin-left: 10em;
}

/* =================================================================

  パディング

================================================================= */
/* パディング上余白 */
.u-pt-5 {
  padding-top: 0.5rem !important;
}

.u-pt-10 {
  padding-top: 1rem !important;
}

.u-pt-15 {
  padding-top: 1.5rem !important;
}

.u-pt-20 {
  padding-top: 2rem !important;
}

.u-pt-25 {
  padding-top: 2.5rem !important;
}

.u-pt-30 {
  padding-top: 3rem !important;
}

.u-pt-35 {
  padding-top: 3.5rem !important;
}

.u-pt-40 {
  padding-top: 4rem !important;
}

.u-pt-45 {
  padding-top: 4.5rem !important;
}

.u-pt-50 {
  padding-top: 5rem !important;
}

.u-pt-55 {
  padding-top: 5.5rem !important;
}

.u-pt-60 {
  padding-top: 6rem !important;
}

.u-pt-65 {
  padding-top: 6.5rem !important;
}

.u-pt-70 {
  padding-top: 7rem !important;
}

.u-pt-75 {
  padding-top: 7.5rem !important;
}

.u-pt-80 {
  padding-top: 8rem !important;
}

.u-pt-85 {
  padding-top: 8.5rem !important;
}

.u-pt-90 {
  padding-top: 9rem !important;
}

.u-pt-95 {
  padding-top: 9.5rem !important;
}

.u-pt-100 {
  padding-top: 10rem !important;
}

/* パディング右余白 */
.u-pr-5 {
  padding-right: 0.5rem !important;
}

.u-pr-10 {
  padding-right: 1rem !important;
}

.u-pr-15 {
  padding-right: 1.5rem !important;
}

.u-pr-20 {
  padding-right: 2rem !important;
}

.u-pr-25 {
  padding-right: 2.5rem !important;
}

.u-pr-30 {
  padding-right: 3rem !important;
}

.u-pr-35 {
  padding-right: 3.5rem !important;
}

.u-pr-40 {
  padding-right: 4rem !important;
}

.u-pr-45 {
  padding-right: 4.5rem !important;
}

.u-pr-50 {
  padding-right: 5rem !important;
}

.u-pr-55 {
  padding-right: 5.5rem !important;
}

.u-pr-60 {
  padding-right: 6rem !important;
}

.u-pr-65 {
  padding-right: 6.5rem !important;
}

.u-pr-70 {
  padding-right: 7rem !important;
}

.u-pr-75 {
  padding-right: 7.5rem !important;
}

.u-pr-80 {
  padding-right: 8rem !important;
}

.u-pr-85 {
  padding-right: 8.5rem !important;
}

.u-pr-90 {
  padding-right: 9rem !important;
}

.u-pr-95 {
  padding-right: 9.5rem !important;
}

.u-pr-100 {
  padding-right: 10rem !important;
}

/* パディング下余白 */
.u-pb-5 {
  padding-bottom: 0.5rem !important;
}

.u-pb-10 {
  padding-bottom: 1rem !important;
}

.u-pb-15 {
  padding-bottom: 1.5rem !important;
}

.u-pb-20 {
  padding-bottom: 2rem !important;
}

.u-pb-25 {
  padding-bottom: 2.5rem !important;
}

.u-pb-30 {
  padding-bottom: 3rem !important;
}

.u-pb-35 {
  padding-bottom: 3.5rem !important;
}

.u-pb-40 {
  padding-bottom: 4rem !important;
}

.u-pb-45 {
  padding-bottom: 4.5rem !important;
}

.u-pb-50 {
  padding-bottom: 5rem !important;
}

.u-pb-55 {
  padding-bottom: 5.5rem !important;
}

.u-pb-60 {
  padding-bottom: 6rem !important;
}

.u-pb-65 {
  padding-bottom: 6.5rem !important;
}

.u-pb-70 {
  padding-bottom: 7rem !important;
}

.u-pb-75 {
  padding-bottom: 7.5rem !important;
}

.u-pb-80 {
  padding-bottom: 8rem !important;
}

.u-pb-85 {
  padding-bottom: 8.5rem !important;
}

.u-pb-90 {
  padding-bottom: 9rem !important;
}

.u-pb-95 {
  padding-bottom: 9.5rem !important;
}

.u-pb-100 {
  padding-bottom: 10rem !important;
}

/* パディング左余白 */
.u-pl-5 {
  padding-left: 0.5rem !important;
}

.u-pl-10 {
  padding-left: 1rem !important;
}

.u-pl-15 {
  padding-left: 1.5rem !important;
}

.u-pl-20 {
  padding-left: 2rem !important;
}

.u-pl-25 {
  padding-left: 2.5rem !important;
}

.u-pl-30 {
  padding-left: 3rem !important;
}

.u-pl-35 {
  padding-left: 3.5rem !important;
}

.u-pl-40 {
  padding-left: 4rem !important;
}

.u-pl-45 {
  padding-left: 4.5rem !important;
}

.u-pl-50 {
  padding-left: 5rem !important;
}

.u-pl-55 {
  padding-left: 5.5rem !important;
}

.u-pl-60 {
  padding-left: 6rem !important;
}

.u-pl-65 {
  padding-left: 6.5rem !important;
}

.u-pl-70 {
  padding-left: 7rem !important;
}

.u-pl-75 {
  padding-left: 7.5rem !important;
}

.u-pl-80 {
  padding-left: 8rem !important;
}

.u-pl-85 {
  padding-left: 8.5rem !important;
}

.u-pl-90 {
  padding-left: 9rem !important;
}

.u-pl-95 {
  padding-left: 9.5rem !important;
}

.u-pl-100 {
  padding-left: 10rem !important;
}

.u-ptb-xxs {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.u-ptb-xs {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.u-ptb-sm {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.u-ptb-md {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.u-ptb-lg {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.u-ptb-xl {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.u-ptb-xxl {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

/* =================================================================

  横幅

================================================================= */
/* width
----------------------------------------------- */
.u-w-5 {
  width: 5px !important;
}

.u-w-10 {
  width: 10px !important;
}

.u-w-15 {
  width: 15px !important;
}

.u-w-20 {
  width: 20px !important;
}

.u-w-25 {
  width: 25px !important;
}

.u-w-30 {
  width: 30px !important;
}

.u-w-35 {
  width: 35px !important;
}

.u-w-40 {
  width: 40px !important;
}

.u-w-45 {
  width: 45px !important;
}

.u-w-50 {
  width: 50px !important;
}

.u-w-55 {
  width: 55px !important;
}

.u-w-60 {
  width: 60px !important;
}

.u-w-65 {
  width: 65px !important;
}

.u-w-70 {
  width: 70px !important;
}

.u-w-75 {
  width: 75px !important;
}

.u-w-80 {
  width: 80px !important;
}

.u-w-85 {
  width: 85px !important;
}

.u-w-90 {
  width: 90px !important;
}

.u-w-95 {
  width: 95px !important;
}

.u-w-100 {
  width: 100px !important;
}

.u-w-105 {
  width: 105px !important;
}

.u-w-110 {
  width: 110px !important;
}

.u-w-115 {
  width: 115px !important;
}

.u-w-120 {
  width: 120px !important;
}

.u-w-125 {
  width: 125px !important;
}

.u-w-130 {
  width: 130px !important;
}

.u-w-135 {
  width: 135px !important;
}

.u-w-140 {
  width: 140px !important;
}

.u-w-145 {
  width: 145px !important;
}

.u-w-150 {
  width: 150px !important;
}

.u-w-155 {
  width: 155px !important;
}

.u-w-160 {
  width: 160px !important;
}

.u-w-165 {
  width: 165px !important;
}

.u-w-170 {
  width: 170px !important;
}

.u-w-175 {
  width: 175px !important;
}

.u-w-180 {
  width: 180px !important;
}

.u-w-185 {
  width: 185px !important;
}

.u-w-190 {
  width: 190px !important;
}

.u-w-195 {
  width: 195px !important;
}

.u-w-200 {
  width: 200px !important;
}

.u-w-205 {
  width: 205px !important;
}

.u-w-210 {
  width: 210px !important;
}

.u-w-215 {
  width: 215px !important;
}

.u-w-220 {
  width: 220px !important;
}

.u-w-225 {
  width: 225px !important;
}

.u-w-230 {
  width: 230px !important;
}

.u-w-235 {
  width: 235px !important;
}

.u-w-240 {
  width: 240px !important;
}

.u-w-245 {
  width: 245px !important;
}

.u-w-250 {
  width: 250px !important;
}

.u-w-255 {
  width: 255px !important;
}

.u-w-260 {
  width: 260px !important;
}

.u-w-265 {
  width: 265px !important;
}

.u-w-270 {
  width: 270px !important;
}

.u-w-275 {
  width: 275px !important;
}

.u-w-280 {
  width: 280px !important;
}

.u-w-285 {
  width: 285px !important;
}

.u-w-290 {
  width: 290px !important;
}

.u-w-295 {
  width: 295px !important;
}

.u-w-300 {
  width: 300px !important;
}

.u-w-305 {
  width: 305px !important;
}

.u-w-310 {
  width: 310px !important;
}

.u-w-315 {
  width: 315px !important;
}

.u-w-320 {
  width: 320px !important;
}

.u-w-325 {
  width: 325px !important;
}

.u-w-330 {
  width: 330px !important;
}

.u-w-335 {
  width: 335px !important;
}

.u-w-340 {
  width: 340px !important;
}

.u-w-345 {
  width: 345px !important;
}

.u-w-350 {
  width: 350px !important;
}

.u-w-355 {
  width: 355px !important;
}

.u-w-360 {
  width: 360px !important;
}

.u-w-365 {
  width: 365px !important;
}

.u-w-370 {
  width: 370px !important;
}

.u-w-375 {
  width: 375px !important;
}

.u-w-380 {
  width: 380px !important;
}

.u-w-385 {
  width: 385px !important;
}

.u-w-390 {
  width: 390px !important;
}

.u-w-395 {
  width: 395px !important;
}

.u-w-400 {
  width: 400px !important;
}

.u-w-405 {
  width: 405px !important;
}

.u-w-410 {
  width: 410px !important;
}

.u-w-415 {
  width: 415px !important;
}

.u-w-420 {
  width: 420px !important;
}

.u-w-425 {
  width: 425px !important;
}

.u-w-430 {
  width: 430px !important;
}

.u-w-435 {
  width: 435px !important;
}

.u-w-440 {
  width: 440px !important;
}

.u-w-445 {
  width: 445px !important;
}

.u-w-450 {
  width: 450px !important;
}

.u-w-455 {
  width: 455px !important;
}

.u-w-460 {
  width: 460px !important;
}

.u-w-465 {
  width: 465px !important;
}

.u-w-470 {
  width: 470px !important;
}

.u-w-475 {
  width: 475px !important;
}

.u-w-480 {
  width: 480px !important;
}

.u-w-485 {
  width: 485px !important;
}

.u-w-490 {
  width: 490px !important;
}

.u-w-495 {
  width: 495px !important;
}

.u-w-500 {
  width: 500px !important;
}

.u-w-505 {
  width: 505px !important;
}

.u-w-510 {
  width: 510px !important;
}

.u-w-515 {
  width: 515px !important;
}

.u-w-520 {
  width: 520px !important;
}

.u-w-525 {
  width: 525px !important;
}

.u-w-530 {
  width: 530px !important;
}

.u-w-535 {
  width: 535px !important;
}

.u-w-540 {
  width: 540px !important;
}

.u-w-545 {
  width: 545px !important;
}

.u-w-550 {
  width: 550px !important;
}

.u-w-555 {
  width: 555px !important;
}

.u-w-560 {
  width: 560px !important;
}

.u-w-565 {
  width: 565px !important;
}

.u-w-570 {
  width: 570px !important;
}

.u-w-575 {
  width: 575px !important;
}

.u-w-580 {
  width: 580px !important;
}

.u-w-585 {
  width: 585px !important;
}

.u-w-590 {
  width: 590px !important;
}

.u-w-595 {
  width: 595px !important;
}

.u-w-600 {
  width: 600px !important;
}

.u-w-605 {
  width: 605px !important;
}

.u-w-610 {
  width: 610px !important;
}

.u-w-615 {
  width: 615px !important;
}

.u-w-620 {
  width: 620px !important;
}

.u-w-625 {
  width: 625px !important;
}

.u-w-630 {
  width: 630px !important;
}

.u-w-635 {
  width: 635px !important;
}

.u-w-640 {
  width: 640px !important;
}

.u-w-645 {
  width: 645px !important;
}

.u-w-650 {
  width: 650px !important;
}

.u-w-655 {
  width: 655px !important;
}

.u-w-660 {
  width: 660px !important;
}

.u-w-665 {
  width: 665px !important;
}

.u-w-670 {
  width: 670px !important;
}

.u-w-675 {
  width: 675px !important;
}

.u-w-680 {
  width: 680px !important;
}

.u-w-685 {
  width: 685px !important;
}

.u-w-690 {
  width: 690px !important;
}

.u-w-695 {
  width: 695px !important;
}

.u-w-700 {
  width: 700px !important;
}

.u-w-705 {
  width: 705px !important;
}

.u-w-710 {
  width: 710px !important;
}

.u-w-715 {
  width: 715px !important;
}

.u-w-720 {
  width: 720px !important;
}

.u-w-725 {
  width: 725px !important;
}

.u-w-730 {
  width: 730px !important;
}

.u-w-735 {
  width: 735px !important;
}

.u-w-740 {
  width: 740px !important;
}

.u-w-745 {
  width: 745px !important;
}

.u-w-750 {
  width: 750px !important;
}

.u-w-755 {
  width: 755px !important;
}

.u-w-760 {
  width: 760px !important;
}

.u-w-765 {
  width: 765px !important;
}

.u-w-770 {
  width: 770px !important;
}

.u-w-775 {
  width: 775px !important;
}

.u-w-780 {
  width: 780px !important;
}

.u-w-785 {
  width: 785px !important;
}

.u-w-790 {
  width: 790px !important;
}

.u-w-795 {
  width: 795px !important;
}

.u-w-800 {
  width: 800px !important;
}

.u-w-805 {
  width: 805px !important;
}

.u-w-810 {
  width: 810px !important;
}

.u-w-815 {
  width: 815px !important;
}

.u-w-820 {
  width: 820px !important;
}

.u-w-825 {
  width: 825px !important;
}

.u-w-830 {
  width: 830px !important;
}

.u-w-835 {
  width: 835px !important;
}

.u-w-840 {
  width: 840px !important;
}

.u-w-845 {
  width: 845px !important;
}

.u-w-850 {
  width: 850px !important;
}

.u-w-855 {
  width: 855px !important;
}

.u-w-860 {
  width: 860px !important;
}

.u-w-865 {
  width: 865px !important;
}

.u-w-870 {
  width: 870px !important;
}

.u-w-875 {
  width: 875px !important;
}

.u-w-880 {
  width: 880px !important;
}

.u-w-885 {
  width: 885px !important;
}

.u-w-890 {
  width: 890px !important;
}

.u-w-895 {
  width: 895px !important;
}

.u-w-900 {
  width: 900px !important;
}

.u-w-905 {
  width: 905px !important;
}

.u-w-910 {
  width: 910px !important;
}

.u-w-915 {
  width: 915px !important;
}

.u-w-920 {
  width: 920px !important;
}

.u-w-925 {
  width: 925px !important;
}

.u-w-930 {
  width: 930px !important;
}

.u-w-935 {
  width: 935px !important;
}

.u-w-940 {
  width: 940px !important;
}

.u-w-945 {
  width: 945px !important;
}

.u-w-950 {
  width: 950px !important;
}

.u-w-955 {
  width: 955px !important;
}

.u-w-960 {
  width: 960px !important;
}

.u-w-965 {
  width: 965px !important;
}

.u-w-970 {
  width: 970px !important;
}

.u-w-975 {
  width: 975px !important;
}

.u-w-980 {
  width: 980px !important;
}

.u-w-985 {
  width: 985px !important;
}

.u-w-990 {
  width: 990px !important;
}

.u-w-995 {
  width: 995px !important;
}

.u-w-1000 {
  width: 1000px !important;
}

.u-w-1pct {
  width: 1% !important;
}

.u-w-2pct {
  width: 2% !important;
}

.u-w-3pct {
  width: 3% !important;
}

.u-w-4pct {
  width: 4% !important;
}

.u-w-5pct {
  width: 5% !important;
}

.u-w-6pct {
  width: 6% !important;
}

.u-w-7pct {
  width: 7% !important;
}

.u-w-8pct {
  width: 8% !important;
}

.u-w-9pct {
  width: 9% !important;
}

.u-w-10pct {
  width: 10% !important;
}

.u-w-11pct {
  width: 11% !important;
}

.u-w-12pct {
  width: 12% !important;
}

.u-w-13pct {
  width: 13% !important;
}

.u-w-14pct {
  width: 14% !important;
}

.u-w-15pct {
  width: 15% !important;
}

.u-w-16pct {
  width: 16% !important;
}

.u-w-17pct {
  width: 17% !important;
}

.u-w-18pct {
  width: 18% !important;
}

.u-w-19pct {
  width: 19% !important;
}

.u-w-20pct {
  width: 20% !important;
}

.u-w-21pct {
  width: 21% !important;
}

.u-w-22pct {
  width: 22% !important;
}

.u-w-23pct {
  width: 23% !important;
}

.u-w-24pct {
  width: 24% !important;
}

.u-w-25pct {
  width: 25% !important;
}

.u-w-26pct {
  width: 26% !important;
}

.u-w-27pct {
  width: 27% !important;
}

.u-w-28pct {
  width: 28% !important;
}

.u-w-29pct {
  width: 29% !important;
}

.u-w-30pct {
  width: 30% !important;
}

.u-w-31pct {
  width: 31% !important;
}

.u-w-32pct {
  width: 32% !important;
}

.u-w-33pct {
  width: 33% !important;
}

.u-w-34pct {
  width: 34% !important;
}

.u-w-35pct {
  width: 35% !important;
}

.u-w-36pct {
  width: 36% !important;
}

.u-w-37pct {
  width: 37% !important;
}

.u-w-38pct {
  width: 38% !important;
}

.u-w-39pct {
  width: 39% !important;
}

.u-w-40pct {
  width: 40% !important;
}

.u-w-41pct {
  width: 41% !important;
}

.u-w-42pct {
  width: 42% !important;
}

.u-w-43pct {
  width: 43% !important;
}

.u-w-44pct {
  width: 44% !important;
}

.u-w-45pct {
  width: 45% !important;
}

.u-w-46pct {
  width: 46% !important;
}

.u-w-47pct {
  width: 47% !important;
}

.u-w-48pct {
  width: 48% !important;
}

.u-w-49pct {
  width: 49% !important;
}

.u-w-50pct {
  width: 50% !important;
}

.u-w-51pct {
  width: 51% !important;
}

.u-w-52pct {
  width: 52% !important;
}

.u-w-53pct {
  width: 53% !important;
}

.u-w-54pct {
  width: 54% !important;
}

.u-w-55pct {
  width: 55% !important;
}

.u-w-56pct {
  width: 56% !important;
}

.u-w-57pct {
  width: 57% !important;
}

.u-w-58pct {
  width: 58% !important;
}

.u-w-59pct {
  width: 59% !important;
}

.u-w-60pct {
  width: 60% !important;
}

.u-w-61pct {
  width: 61% !important;
}

.u-w-62pct {
  width: 62% !important;
}

.u-w-63pct {
  width: 63% !important;
}

.u-w-64pct {
  width: 64% !important;
}

.u-w-65pct {
  width: 65% !important;
}

.u-w-66pct {
  width: 66% !important;
}

.u-w-67pct {
  width: 67% !important;
}

.u-w-68pct {
  width: 68% !important;
}

.u-w-69pct {
  width: 69% !important;
}

.u-w-70pct {
  width: 70% !important;
}

.u-w-71pct {
  width: 71% !important;
}

.u-w-72pct {
  width: 72% !important;
}

.u-w-73pct {
  width: 73% !important;
}

.u-w-74pct {
  width: 74% !important;
}

.u-w-75pct {
  width: 75% !important;
}

.u-w-76pct {
  width: 76% !important;
}

.u-w-77pct {
  width: 77% !important;
}

.u-w-78pct {
  width: 78% !important;
}

.u-w-79pct {
  width: 79% !important;
}

.u-w-80pct {
  width: 80% !important;
}

.u-w-81pct {
  width: 81% !important;
}

.u-w-82pct {
  width: 82% !important;
}

.u-w-83pct {
  width: 83% !important;
}

.u-w-84pct {
  width: 84% !important;
}

.u-w-85pct {
  width: 85% !important;
}

.u-w-86pct {
  width: 86% !important;
}

.u-w-87pct {
  width: 87% !important;
}

.u-w-88pct {
  width: 88% !important;
}

.u-w-89pct {
  width: 89% !important;
}

.u-w-90pct {
  width: 90% !important;
}

.u-w-91pct {
  width: 91% !important;
}

.u-w-92pct {
  width: 92% !important;
}

.u-w-93pct {
  width: 93% !important;
}

.u-w-94pct {
  width: 94% !important;
}

.u-w-95pct {
  width: 95% !important;
}

.u-w-96pct {
  width: 96% !important;
}

.u-w-97pct {
  width: 97% !important;
}

.u-w-98pct {
  width: 98% !important;
}

.u-w-99pct {
  width: 99% !important;
}

.u-w-100pct {
  width: 100% !important;
}
.u-w-1em {
  width: 1em !important;
}

.u-w-2em {
  width: 2em !important;
}

.u-w-3em {
  width: 3em !important;
}

.u-w-4em {
  width: 4em !important;
}

.u-w-5em {
  width: 5em !important;
}

.u-w-6em {
  width: 6em !important;
}

.u-w-7em {
  width: 7em !important;
}

.u-w-8em {
  width: 8em !important;
}

.u-w-9em {
  width: 9em !important;
}

.u-w-10em {
  width: 10em !important;
}

.u-w-11em {
  width: 11em !important;
}

.u-w-12em {
  width: 12em !important;
}

.u-w-13em {
  width: 13em !important;
}

.u-w-14em {
  width: 14em !important;
}

.u-w-15em {
  width: 15em !important;
}

.u-w-16em {
  width: 16em !important;
}

.u-w-17em {
  width: 17em !important;
}

.u-w-18em {
  width: 18em !important;
}

.u-w-19em {
  width: 19em !important;
}

.u-w-20em {
  width: 20em !important;
}

/* max-width
----------------------------------------------- */
.u-max-w-5 {
  max-width: 5px !important;
}

.u-max-w-10 {
  max-width: 10px !important;
}

.u-max-w-15 {
  max-width: 15px !important;
}

.u-max-w-20 {
  max-width: 20px !important;
}

.u-max-w-25 {
  max-width: 25px !important;
}

.u-max-w-30 {
  max-width: 30px !important;
}

.u-max-w-35 {
  max-width: 35px !important;
}

.u-max-w-40 {
  max-width: 40px !important;
}

.u-max-w-45 {
  max-width: 45px !important;
}

.u-max-w-50 {
  max-width: 50px !important;
}

.u-max-w-55 {
  max-width: 55px !important;
}

.u-max-w-60 {
  max-width: 60px !important;
}

.u-max-w-65 {
  max-width: 65px !important;
}

.u-max-w-70 {
  max-width: 70px !important;
}

.u-max-w-75 {
  max-width: 75px !important;
}

.u-max-w-80 {
  max-width: 80px !important;
}

.u-max-w-85 {
  max-width: 85px !important;
}

.u-max-w-90 {
  max-width: 90px !important;
}

.u-max-w-95 {
  max-width: 95px !important;
}

.u-max-w-100 {
  max-width: 100px !important;
}

.u-max-w-105 {
  max-width: 105px !important;
}

.u-max-w-110 {
  max-width: 110px !important;
}

.u-max-w-115 {
  max-width: 115px !important;
}

.u-max-w-120 {
  max-width: 120px !important;
}

.u-max-w-125 {
  max-width: 125px !important;
}

.u-max-w-130 {
  max-width: 130px !important;
}

.u-max-w-135 {
  max-width: 135px !important;
}

.u-max-w-140 {
  max-width: 140px !important;
}

.u-max-w-145 {
  max-width: 145px !important;
}

.u-max-w-150 {
  max-width: 150px !important;
}

.u-max-w-155 {
  max-width: 155px !important;
}

.u-max-w-160 {
  max-width: 160px !important;
}

.u-max-w-165 {
  max-width: 165px !important;
}

.u-max-w-170 {
  max-width: 170px !important;
}

.u-max-w-175 {
  max-width: 175px !important;
}

.u-max-w-180 {
  max-width: 180px !important;
}

.u-max-w-185 {
  max-width: 185px !important;
}

.u-max-w-190 {
  max-width: 190px !important;
}

.u-max-w-195 {
  max-width: 195px !important;
}

.u-max-w-200 {
  max-width: 200px !important;
}

.u-max-w-205 {
  max-width: 205px !important;
}

.u-max-w-210 {
  max-width: 210px !important;
}

.u-max-w-215 {
  max-width: 215px !important;
}

.u-max-w-220 {
  max-width: 220px !important;
}

.u-max-w-225 {
  max-width: 225px !important;
}

.u-max-w-230 {
  max-width: 230px !important;
}

.u-max-w-235 {
  max-width: 235px !important;
}

.u-max-w-240 {
  max-width: 240px !important;
}

.u-max-w-245 {
  max-width: 245px !important;
}

.u-max-w-250 {
  max-width: 250px !important;
}

.u-max-w-255 {
  max-width: 255px !important;
}

.u-max-w-260 {
  max-width: 260px !important;
}

.u-max-w-265 {
  max-width: 265px !important;
}

.u-max-w-270 {
  max-width: 270px !important;
}

.u-max-w-275 {
  max-width: 275px !important;
}

.u-max-w-280 {
  max-width: 280px !important;
}

.u-max-w-285 {
  max-width: 285px !important;
}

.u-max-w-290 {
  max-width: 290px !important;
}

.u-max-w-295 {
  max-width: 295px !important;
}

.u-max-w-300 {
  max-width: 300px !important;
}

.u-max-w-305 {
  max-width: 305px !important;
}

.u-max-w-310 {
  max-width: 310px !important;
}

.u-max-w-315 {
  max-width: 315px !important;
}

.u-max-w-320 {
  max-width: 320px !important;
}

.u-max-w-325 {
  max-width: 325px !important;
}

.u-max-w-330 {
  max-width: 330px !important;
}

.u-max-w-335 {
  max-width: 335px !important;
}

.u-max-w-340 {
  max-width: 340px !important;
}

.u-max-w-345 {
  max-width: 345px !important;
}

.u-max-w-350 {
  max-width: 350px !important;
}

.u-max-w-355 {
  max-width: 355px !important;
}

.u-max-w-360 {
  max-width: 360px !important;
}

.u-max-w-365 {
  max-width: 365px !important;
}

.u-max-w-370 {
  max-width: 370px !important;
}

.u-max-w-375 {
  max-width: 375px !important;
}

.u-max-w-380 {
  max-width: 380px !important;
}

.u-max-w-385 {
  max-width: 385px !important;
}

.u-max-w-390 {
  max-width: 390px !important;
}

.u-max-w-395 {
  max-width: 395px !important;
}

.u-max-w-400 {
  max-width: 400px !important;
}

.u-max-w-405 {
  max-width: 405px !important;
}

.u-max-w-410 {
  max-width: 410px !important;
}

.u-max-w-415 {
  max-width: 415px !important;
}

.u-max-w-420 {
  max-width: 420px !important;
}

.u-max-w-425 {
  max-width: 425px !important;
}

.u-max-w-430 {
  max-width: 430px !important;
}

.u-max-w-435 {
  max-width: 435px !important;
}

.u-max-w-440 {
  max-width: 440px !important;
}

.u-max-w-445 {
  max-width: 445px !important;
}

.u-max-w-450 {
  max-width: 450px !important;
}

.u-max-w-455 {
  max-width: 455px !important;
}

.u-max-w-460 {
  max-width: 460px !important;
}

.u-max-w-465 {
  max-width: 465px !important;
}

.u-max-w-470 {
  max-width: 470px !important;
}

.u-max-w-475 {
  max-width: 475px !important;
}

.u-max-w-480 {
  max-width: 480px !important;
}

.u-max-w-485 {
  max-width: 485px !important;
}

.u-max-w-490 {
  max-width: 490px !important;
}

.u-max-w-495 {
  max-width: 495px !important;
}

.u-max-w-500 {
  max-width: 500px !important;
}

.u-max-w-505 {
  max-width: 505px !important;
}

.u-max-w-510 {
  max-width: 510px !important;
}

.u-max-w-515 {
  max-width: 515px !important;
}

.u-max-w-520 {
  max-width: 520px !important;
}

.u-max-w-525 {
  max-width: 525px !important;
}

.u-max-w-530 {
  max-width: 530px !important;
}

.u-max-w-535 {
  max-width: 535px !important;
}

.u-max-w-540 {
  max-width: 540px !important;
}

.u-max-w-545 {
  max-width: 545px !important;
}

.u-max-w-550 {
  max-width: 550px !important;
}

.u-max-w-555 {
  max-width: 555px !important;
}

.u-max-w-560 {
  max-width: 560px !important;
}

.u-max-w-565 {
  max-width: 565px !important;
}

.u-max-w-570 {
  max-width: 570px !important;
}

.u-max-w-575 {
  max-width: 575px !important;
}

.u-max-w-580 {
  max-width: 580px !important;
}

.u-max-w-585 {
  max-width: 585px !important;
}

.u-max-w-590 {
  max-width: 590px !important;
}

.u-max-w-595 {
  max-width: 595px !important;
}

.u-max-w-600 {
  max-width: 600px !important;
}

.u-max-w-605 {
  max-width: 605px !important;
}

.u-max-w-610 {
  max-width: 610px !important;
}

.u-max-w-615 {
  max-width: 615px !important;
}

.u-max-w-620 {
  max-width: 620px !important;
}

.u-max-w-625 {
  max-width: 625px !important;
}

.u-max-w-630 {
  max-width: 630px !important;
}

.u-max-w-635 {
  max-width: 635px !important;
}

.u-max-w-640 {
  max-width: 640px !important;
}

.u-max-w-645 {
  max-width: 645px !important;
}

.u-max-w-650 {
  max-width: 650px !important;
}

.u-max-w-655 {
  max-width: 655px !important;
}

.u-max-w-660 {
  max-width: 660px !important;
}

.u-max-w-665 {
  max-width: 665px !important;
}

.u-max-w-670 {
  max-width: 670px !important;
}

.u-max-w-675 {
  max-width: 675px !important;
}

.u-max-w-680 {
  max-width: 680px !important;
}

.u-max-w-685 {
  max-width: 685px !important;
}

.u-max-w-690 {
  max-width: 690px !important;
}

.u-max-w-695 {
  max-width: 695px !important;
}

.u-max-w-700 {
  max-width: 700px !important;
}

.u-max-w-705 {
  max-width: 705px !important;
}

.u-max-w-710 {
  max-width: 710px !important;
}

.u-max-w-715 {
  max-width: 715px !important;
}

.u-max-w-720 {
  max-width: 720px !important;
}

.u-max-w-725 {
  max-width: 725px !important;
}

.u-max-w-730 {
  max-width: 730px !important;
}

.u-max-w-735 {
  max-width: 735px !important;
}

.u-max-w-740 {
  max-width: 740px !important;
}

.u-max-w-745 {
  max-width: 745px !important;
}

.u-max-w-750 {
  max-width: 750px !important;
}

.u-max-w-755 {
  max-width: 755px !important;
}

.u-max-w-760 {
  max-width: 760px !important;
}

.u-max-w-765 {
  max-width: 765px !important;
}

.u-max-w-770 {
  max-width: 770px !important;
}

.u-max-w-775 {
  max-width: 775px !important;
}

.u-max-w-780 {
  max-width: 780px !important;
}

.u-max-w-785 {
  max-width: 785px !important;
}

.u-max-w-790 {
  max-width: 790px !important;
}

.u-max-w-795 {
  max-width: 795px !important;
}

.u-max-w-800 {
  max-width: 800px !important;
}

.u-max-w-805 {
  max-width: 805px !important;
}

.u-max-w-810 {
  max-width: 810px !important;
}

.u-max-w-815 {
  max-width: 815px !important;
}

.u-max-w-820 {
  max-width: 820px !important;
}

.u-max-w-825 {
  max-width: 825px !important;
}

.u-max-w-830 {
  max-width: 830px !important;
}

.u-max-w-835 {
  max-width: 835px !important;
}

.u-max-w-840 {
  max-width: 840px !important;
}

.u-max-w-845 {
  max-width: 845px !important;
}

.u-max-w-850 {
  max-width: 850px !important;
}

.u-max-w-855 {
  max-width: 855px !important;
}

.u-max-w-860 {
  max-width: 860px !important;
}

.u-max-w-865 {
  max-width: 865px !important;
}

.u-max-w-870 {
  max-width: 870px !important;
}

.u-max-w-875 {
  max-width: 875px !important;
}

.u-max-w-880 {
  max-width: 880px !important;
}

.u-max-w-885 {
  max-width: 885px !important;
}

.u-max-w-890 {
  max-width: 890px !important;
}

.u-max-w-895 {
  max-width: 895px !important;
}

.u-max-w-900 {
  max-width: 900px !important;
}

.u-max-w-905 {
  max-width: 905px !important;
}

.u-max-w-910 {
  max-width: 910px !important;
}

.u-max-w-915 {
  max-width: 915px !important;
}

.u-max-w-920 {
  max-width: 920px !important;
}

.u-max-w-925 {
  max-width: 925px !important;
}

.u-max-w-930 {
  max-width: 930px !important;
}

.u-max-w-935 {
  max-width: 935px !important;
}

.u-max-w-940 {
  max-width: 940px !important;
}

.u-max-w-945 {
  max-width: 945px !important;
}

.u-max-w-950 {
  max-width: 950px !important;
}

.u-max-w-955 {
  max-width: 955px !important;
}

.u-max-w-960 {
  max-width: 960px !important;
}

.u-max-w-965 {
  max-width: 965px !important;
}

.u-max-w-970 {
  max-width: 970px !important;
}

.u-max-w-975 {
  max-width: 975px !important;
}

.u-max-w-980 {
  max-width: 980px !important;
}

.u-max-w-985 {
  max-width: 985px !important;
}

.u-max-w-990 {
  max-width: 990px !important;
}

.u-max-w-995 {
  max-width: 995px !important;
}

.u-max-w-1000 {
  max-width: 1000px !important;
}

/* max-height
----------------------------------------------- */
.u-max-h-5 {
  max-height: 5px !important;
}

.u-max-h-10 {
  max-height: 10px !important;
}

.u-max-h-15 {
  max-height: 15px !important;
}

.u-max-h-20 {
  max-height: 20px !important;
}

.u-max-h-25 {
  max-height: 25px !important;
}

.u-max-h-30 {
  max-height: 30px !important;
}

.u-max-h-35 {
  max-height: 35px !important;
}

.u-max-h-40 {
  max-height: 40px !important;
}

.u-max-h-45 {
  max-height: 45px !important;
}

.u-max-h-50 {
  max-height: 50px !important;
}

.u-max-h-55 {
  max-height: 55px !important;
}

.u-max-h-60 {
  max-height: 60px !important;
}

.u-max-h-65 {
  max-height: 65px !important;
}

.u-max-h-70 {
  max-height: 70px !important;
}

.u-max-h-75 {
  max-height: 75px !important;
}

.u-max-h-80 {
  max-height: 80px !important;
}

.u-max-h-85 {
  max-height: 85px !important;
}

.u-max-h-90 {
  max-height: 90px !important;
}

.u-max-h-95 {
  max-height: 95px !important;
}

.u-max-h-100 {
  max-height: 100px !important;
}

.u-max-h-105 {
  max-height: 105px !important;
}

.u-max-h-110 {
  max-height: 110px !important;
}

.u-max-h-115 {
  max-height: 115px !important;
}

.u-max-h-120 {
  max-height: 120px !important;
}

.u-max-h-125 {
  max-height: 125px !important;
}

.u-max-h-130 {
  max-height: 130px !important;
}

.u-max-h-135 {
  max-height: 135px !important;
}

.u-max-h-140 {
  max-height: 140px !important;
}

.u-max-h-145 {
  max-height: 145px !important;
}

.u-max-h-150 {
  max-height: 150px !important;
}

.u-max-h-155 {
  max-height: 155px !important;
}

.u-max-h-160 {
  max-height: 160px !important;
}

.u-max-h-165 {
  max-height: 165px !important;
}

.u-max-h-170 {
  max-height: 170px !important;
}

.u-max-h-175 {
  max-height: 175px !important;
}

.u-max-h-180 {
  max-height: 180px !important;
}

.u-max-h-185 {
  max-height: 185px !important;
}

.u-max-h-190 {
  max-height: 190px !important;
}

.u-max-h-195 {
  max-height: 195px !important;
}

.u-max-h-200 {
  max-height: 200px !important;
}

.u-max-h-205 {
  max-height: 205px !important;
}

.u-max-h-210 {
  max-height: 210px !important;
}

.u-max-h-215 {
  max-height: 215px !important;
}

.u-max-h-220 {
  max-height: 220px !important;
}

.u-max-h-225 {
  max-height: 225px !important;
}

.u-max-h-230 {
  max-height: 230px !important;
}

.u-max-h-235 {
  max-height: 235px !important;
}

.u-max-h-240 {
  max-height: 240px !important;
}

.u-max-h-245 {
  max-height: 245px !important;
}

.u-max-h-250 {
  max-height: 250px !important;
}

.u-max-h-255 {
  max-height: 255px !important;
}

.u-max-h-260 {
  max-height: 260px !important;
}

.u-max-h-265 {
  max-height: 265px !important;
}

.u-max-h-270 {
  max-height: 270px !important;
}

.u-max-h-275 {
  max-height: 275px !important;
}

.u-max-h-280 {
  max-height: 280px !important;
}

.u-max-h-285 {
  max-height: 285px !important;
}

.u-max-h-290 {
  max-height: 290px !important;
}

.u-max-h-295 {
  max-height: 295px !important;
}

.u-max-h-300 {
  max-height: 300px !important;
}

.u-max-h-305 {
  max-height: 305px !important;
}

.u-max-h-310 {
  max-height: 310px !important;
}

.u-max-h-315 {
  max-height: 315px !important;
}

.u-max-h-320 {
  max-height: 320px !important;
}

.u-max-h-325 {
  max-height: 325px !important;
}

.u-max-h-330 {
  max-height: 330px !important;
}

.u-max-h-335 {
  max-height: 335px !important;
}

.u-max-h-340 {
  max-height: 340px !important;
}

.u-max-h-345 {
  max-height: 345px !important;
}

.u-max-h-350 {
  max-height: 350px !important;
}

.u-max-h-355 {
  max-height: 355px !important;
}

.u-max-h-360 {
  max-height: 360px !important;
}

.u-max-h-365 {
  max-height: 365px !important;
}

.u-max-h-370 {
  max-height: 370px !important;
}

.u-max-h-375 {
  max-height: 375px !important;
}

.u-max-h-380 {
  max-height: 380px !important;
}

.u-max-h-385 {
  max-height: 385px !important;
}

.u-max-h-390 {
  max-height: 390px !important;
}

.u-max-h-395 {
  max-height: 395px !important;
}

.u-max-h-400 {
  max-height: 400px !important;
}

.u-max-h-405 {
  max-height: 405px !important;
}

.u-max-h-410 {
  max-height: 410px !important;
}

.u-max-h-415 {
  max-height: 415px !important;
}

.u-max-h-420 {
  max-height: 420px !important;
}

.u-max-h-425 {
  max-height: 425px !important;
}

.u-max-h-430 {
  max-height: 430px !important;
}

.u-max-h-435 {
  max-height: 435px !important;
}

.u-max-h-440 {
  max-height: 440px !important;
}

.u-max-h-445 {
  max-height: 445px !important;
}

.u-max-h-450 {
  max-height: 450px !important;
}

.u-max-h-455 {
  max-height: 455px !important;
}

.u-max-h-460 {
  max-height: 460px !important;
}

.u-max-h-465 {
  max-height: 465px !important;
}

.u-max-h-470 {
  max-height: 470px !important;
}

.u-max-h-475 {
  max-height: 475px !important;
}

.u-max-h-480 {
  max-height: 480px !important;
}

.u-max-h-485 {
  max-height: 485px !important;
}

.u-max-h-490 {
  max-height: 490px !important;
}

.u-max-h-495 {
  max-height: 495px !important;
}

.u-max-h-500 {
  max-height: 500px !important;
}

.u-max-h-505 {
  max-height: 505px !important;
}

.u-max-h-510 {
  max-height: 510px !important;
}

.u-max-h-515 {
  max-height: 515px !important;
}

.u-max-h-520 {
  max-height: 520px !important;
}

.u-max-h-525 {
  max-height: 525px !important;
}

.u-max-h-530 {
  max-height: 530px !important;
}

.u-max-h-535 {
  max-height: 535px !important;
}

.u-max-h-540 {
  max-height: 540px !important;
}

.u-max-h-545 {
  max-height: 545px !important;
}

.u-max-h-550 {
  max-height: 550px !important;
}

.u-max-h-555 {
  max-height: 555px !important;
}

.u-max-h-560 {
  max-height: 560px !important;
}

.u-max-h-565 {
  max-height: 565px !important;
}

.u-max-h-570 {
  max-height: 570px !important;
}

.u-max-h-575 {
  max-height: 575px !important;
}

.u-max-h-580 {
  max-height: 580px !important;
}

.u-max-h-585 {
  max-height: 585px !important;
}

.u-max-h-590 {
  max-height: 590px !important;
}

.u-max-h-595 {
  max-height: 595px !important;
}

.u-max-h-600 {
  max-height: 600px !important;
}

.u-max-h-605 {
  max-height: 605px !important;
}

.u-max-h-610 {
  max-height: 610px !important;
}

.u-max-h-615 {
  max-height: 615px !important;
}

.u-max-h-620 {
  max-height: 620px !important;
}

.u-max-h-625 {
  max-height: 625px !important;
}

.u-max-h-630 {
  max-height: 630px !important;
}

.u-max-h-635 {
  max-height: 635px !important;
}

.u-max-h-640 {
  max-height: 640px !important;
}

.u-max-h-645 {
  max-height: 645px !important;
}

.u-max-h-650 {
  max-height: 650px !important;
}

.u-max-h-655 {
  max-height: 655px !important;
}

.u-max-h-660 {
  max-height: 660px !important;
}

.u-max-h-665 {
  max-height: 665px !important;
}

.u-max-h-670 {
  max-height: 670px !important;
}

.u-max-h-675 {
  max-height: 675px !important;
}

.u-max-h-680 {
  max-height: 680px !important;
}

.u-max-h-685 {
  max-height: 685px !important;
}

.u-max-h-690 {
  max-height: 690px !important;
}

.u-max-h-695 {
  max-height: 695px !important;
}

.u-max-h-700 {
  max-height: 700px !important;
}

.u-max-h-705 {
  max-height: 705px !important;
}

.u-max-h-710 {
  max-height: 710px !important;
}

.u-max-h-715 {
  max-height: 715px !important;
}

.u-max-h-720 {
  max-height: 720px !important;
}

.u-max-h-725 {
  max-height: 725px !important;
}

.u-max-h-730 {
  max-height: 730px !important;
}

.u-max-h-735 {
  max-height: 735px !important;
}

.u-max-h-740 {
  max-height: 740px !important;
}

.u-max-h-745 {
  max-height: 745px !important;
}

.u-max-h-750 {
  max-height: 750px !important;
}

.u-max-h-755 {
  max-height: 755px !important;
}

.u-max-h-760 {
  max-height: 760px !important;
}

.u-max-h-765 {
  max-height: 765px !important;
}

.u-max-h-770 {
  max-height: 770px !important;
}

.u-max-h-775 {
  max-height: 775px !important;
}

.u-max-h-780 {
  max-height: 780px !important;
}

.u-max-h-785 {
  max-height: 785px !important;
}

.u-max-h-790 {
  max-height: 790px !important;
}

.u-max-h-795 {
  max-height: 795px !important;
}

.u-max-h-800 {
  max-height: 800px !important;
}

.u-max-h-805 {
  max-height: 805px !important;
}

.u-max-h-810 {
  max-height: 810px !important;
}

.u-max-h-815 {
  max-height: 815px !important;
}

.u-max-h-820 {
  max-height: 820px !important;
}

.u-max-h-825 {
  max-height: 825px !important;
}

.u-max-h-830 {
  max-height: 830px !important;
}

.u-max-h-835 {
  max-height: 835px !important;
}

.u-max-h-840 {
  max-height: 840px !important;
}

.u-max-h-845 {
  max-height: 845px !important;
}

.u-max-h-850 {
  max-height: 850px !important;
}

.u-max-h-855 {
  max-height: 855px !important;
}

.u-max-h-860 {
  max-height: 860px !important;
}

.u-max-h-865 {
  max-height: 865px !important;
}

.u-max-h-870 {
  max-height: 870px !important;
}

.u-max-h-875 {
  max-height: 875px !important;
}

.u-max-h-880 {
  max-height: 880px !important;
}

.u-max-h-885 {
  max-height: 885px !important;
}

.u-max-h-890 {
  max-height: 890px !important;
}

.u-max-h-895 {
  max-height: 895px !important;
}

.u-max-h-900 {
  max-height: 900px !important;
}

.u-max-h-905 {
  max-height: 905px !important;
}

.u-max-h-910 {
  max-height: 910px !important;
}

.u-max-h-915 {
  max-height: 915px !important;
}

.u-max-h-920 {
  max-height: 920px !important;
}

.u-max-h-925 {
  max-height: 925px !important;
}

.u-max-h-930 {
  max-height: 930px !important;
}

.u-max-h-935 {
  max-height: 935px !important;
}

.u-max-h-940 {
  max-height: 940px !important;
}

.u-max-h-945 {
  max-height: 945px !important;
}

.u-max-h-950 {
  max-height: 950px !important;
}

.u-max-h-955 {
  max-height: 955px !important;
}

.u-max-h-960 {
  max-height: 960px !important;
}

.u-max-h-965 {
  max-height: 965px !important;
}

.u-max-h-970 {
  max-height: 970px !important;
}

.u-max-h-975 {
  max-height: 975px !important;
}

.u-max-h-980 {
  max-height: 980px !important;
}

.u-max-h-985 {
  max-height: 985px !important;
}

.u-max-h-990 {
  max-height: 990px !important;
}

.u-max-h-995 {
  max-height: 995px !important;
}

.u-max-h-1000 {
  max-height: 1000px !important;
}

/**
 * Swiper 9.3.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 15, 2023
 */
@font-face {
  font-style: normal;
  font-weight: 400;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-family: swiper-icons;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper,
swiper-container {
  display: block;
  z-index: 1;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  overflow: hidden;
  list-style: none;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  box-sizing: content-box;
  display: flex;
  z-index: 1;
  position: relative;
  width: 100%;
  height: 100%;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide,
swiper-slide {
  display: block;
  position: relative;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  -ms-overflow-style: none;
  overflow: auto;
  scrollbar-width: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  flex-shrink: 0;
  order: 9999;
  content: "";
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  width: var(--swiper-centered-offset-after);
  height: 100%;
  min-height: 1px;
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-lazy-preloader {
  box-sizing: border-box;
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  margin-left: -21px;
  transform-origin: 50%;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  width: var(--swiper-virtual-size);
  height: 1px;
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
  display: flex;
  z-index: 10;
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  align-items: center;
  justify-content: center;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  cursor: pointer;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  cursor: auto;
  opacity: 0.35;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  cursor: auto;
  opacity: 0;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-variant: initial;
  font-size: var(--swiper-navigation-size);
  line-height: 1;
  font-family: swiper-icons;
  letter-spacing: 0;
  text-transform: none !important;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  right: auto;
  left: var(--swiper-navigation-sides-offset, 10px);
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  z-index: 10;
  position: absolute;
  transform: translate3d(0, 0, 0);
  text-align: center;
  transition: 0.3s opacity;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  top: var(--swiper-pagination-top, auto);
  bottom: var(--swiper-pagination-bottom, 8px);
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  display: inline-block;
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  opacity: var(--swiper-pagination-bullet-opacity, 1);
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  top: 50%;
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  transform: translate3d(0, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  display: block;
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  width: 8px;
  transform: translateY(-50%);
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  position: absolute;
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  top: 0;
  left: 0;
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  top: 0;
  left: 0;
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  -ms-touch-action: none;
  position: relative;
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  z-index: 50;
  position: absolute;
  top: var(--swiper-scrollbar-top, auto);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  left: var(--swiper-scrollbar-sides-offset, 1%);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  height: var(--swiper-scrollbar-size, 4px);
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  z-index: 50;
  position: absolute;
  top: var(--swiper-scrollbar-sides-offset, 1%);
  right: var(--swiper-scrollbar-right, 4px);
  left: var(--swiper-scrollbar-left, auto);
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  -o-object-fit: contain;
  max-width: 100%;
  max-height: 100%;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper .swiper-notification,
swiper-container .swiper-notification {
  z-index: -1000;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}

.swiper-free-mode > .swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-direction: column;
  flex-wrap: wrap;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  visibility: hidden;
  z-index: 1;
  width: 100%;
  height: 100%;
  transform-origin: 0 0;
  backface-visibility: hidden;
  pointer-events: none;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
  visibility: visible;
  pointer-events: auto;
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  z-index: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
}

.swiper-cube .swiper-cube-shadow:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  content: "";
  filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  z-index: 1;
  backface-visibility: hidden;
  pointer-events: none;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  overflow: hidden;
  backface-visibility: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  overflow: hidden;
  transform-origin: center bottom;
  backface-visibility: hidden;
}

/**
 * https://github.com/nicolafranchini/VenoBox/
 */
.vbox-overlay {
  --vbox-tools-color: #fff;
  --vbox-title-background: #101010;
  --vbox-title-width: "auto";
  --vbox-title-radius: 0;
  --vbox-share-background: #101010;
  --vbox-share-width: "auto";
  --vbox-share-radius: 0;
  --vbox-padding: 0;
  --vbox-max-width: 100%;
}

/* ------ venobox.css --------*/
.vbox-overlay *,
.vbox-overlay *:before,
.vbox-overlay *:after {
  -webkit-backface-visibility: hidden;
  box-sizing: border-box;
}

.vbox-overlay * {
  backface-visibility: visible;
}

.vbox-overlay {
  display: flex;
  z-index: 999999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.vbox-share,
.vbox-title {
  z-index: 98;
  position: fixed;
  margin: 0 auto;
  color: var(--vbox-tools-color);
  line-height: 1;
  text-align: center;
}

.vbox-title {
  display: block;
  width: var(--vbox-title-width);
  padding: 12px 54px;
  overflow: hidden;
  border-radius: var(--vbox-title-radius);
  background-color: var(--vbox-title-background);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vbox-share {
  width: var(--vbox-share-width);
  padding: 0 0.35em;
  border-radius: var(--vbox-share-radius);
  background-color: var(--vbox-share-background);
  font-size: 24px;
}

.vbox-link-btn,
button.vbox-link-btn,
button.vbox-link-btn:hover,
button.vbox-link-btn:active,
button.vbox-link-btn:focus {
  display: inline-block;
  padding: 6px 12px;
  border: none !important;
  outline: none;
  background: none !important;
  box-shadow: none !important;
  color: inherit !important;
  cursor: pointer;
}

.vbox-share a {
  display: inline-block;
  padding: 6px 12px;
  color: inherit !important;
}

.vbox-share svg {
  z-index: 10;
  vertical-align: middle;
}

/* ----- navigation ----- */
.vbox-close {
  display: flex;
  z-index: 99;
  position: fixed;
  top: 0;
  right: 0;
  align-items: center;
  padding: 6px 15px;
  border: 0;
  color: #000;
  color: var(--vbox-tools-color);
  font-size: 24px;
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 0.2s;
}

.vbox-close:hover {
  opacity: 1;
}

.vbox-left-corner {
  display: flex;
  z-index: 99;
  position: fixed;
  top: 0;
  left: 0;
  align-items: center;
  overflow: hidden;
  color: var(--vbox-tools-color);
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
}

.vbox-num {
  display: inline-block;
  padding: 12px 15px;
}

/* ----- Social share ----- */
.vbox-left {
  left: 0;
}

.vbox-right {
  right: 0;
}

.vbox-top {
  top: 0;
}

.vbox-bottom {
  bottom: 0;
}

/* ----- Navigation arrows ----- */
.vbox-next,
.vbox-prev {
  display: block;
  z-index: 99;
  position: fixed;
  top: 50%;
  width: 45px;
  height: 45px;
  margin-top: -15px;
  overflow: hidden;
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 0.2s;
}

.vbox-next:hover,
.vbox-prev:hover {
  opacity: 1;
}

.vbox-next span,
.vbox-prev span {
  display: block;
  position: relative;
  position: absolute;
  top: 8px;
  width: 20px;
  height: 20px;
  border: 2px solid transparent;
  border-top-color: var(--vbox-tools-color);
  border-right-color: var(--vbox-tools-color);
  text-indent: -100px;
}

.vbox-prev {
  left: 15px;
}

.vbox-next {
  right: 15px;
}

.vbox-prev span {
  left: 10px;
  transform: rotate(-135deg);
}

.vbox-next span {
  right: 10px;
  transform: rotate(45deg);
}

.vbox-open {
  overflow: hidden;
}

.vbox-container {
  z-index: 20;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-height: 100%;
  padding: 30px 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

.vbox-content {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 100%;
  padding: 0 4%;
  overflow: hidden;
  text-align: center;
  opacity: 0;
}

.vbox-container img {
  max-width: 100%;
  height: auto;
}

.vbox-child {
  max-width: var(--vbox-max-width);
  padding: var(--vbox-padding);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  text-align: initial;
}

.vbox-child img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  display: block;
      user-select: none;
}

.vbox-fit .vbox-child img,
.vbox-fit .vbox-child.venoratio {
  max-height: calc(100vh - 60px);
}

/* ----- Aspect ratio ----- */
.venoratio,
.vbox-inline {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.venoratio::before {
  display: block;
  padding-top: var(--vb-aspect-ratio);
  content: "";
}

.venoratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: var(--vbox-padding);
}

.venoratio-1x1 {
  --vb-aspect-ratio: 100%;
  max-width: min(var(--vbox-max-width), 100vh - 60px);
}

.venoratio-4x3.vbox-child.venoratio {
  --vb-aspect-ratio: calc(3 / 4 * 100%);
  max-width: min(var(--vbox-max-width), (100vh - 60px) * 4 / 3);
}

.venoratio-16x9.vbox-child.venoratio {
  --vb-aspect-ratio: calc(9 / 16 * 100%);
  max-width: min(var(--vbox-max-width), (100vh - 60px) * 16 / 9);
}

.venoratio-21x9.vbox-child.venoratio {
  --vb-aspect-ratio: calc(9 / 21 * 100%);
  max-width: min(var(--vbox-max-width), (100vh - 60px) * 21 / 9);
}

.venoratio-full {
  --vb-aspect-ratio: calc(100vh - 60px);
}

.vbox-grab .vbox-child img {
  cursor: grab;
}

.vbox-child > iframe {
  border: none !important;
}

.vbox-content.swipe-left {
  margin-left: -200px !important;
}

.vbox-content.swipe-right {
  margin-left: 200px !important;
}

.vbox-preloader {
  transform: translateZ(0);
}

.vbox-preloader .vbox-preloader-inner {
  opacity: 1;
  transition: opacity 200ms;
}

.vbox-hidden {
  display: none;
}

.vbox-preloader.vbox-hidden .vbox-preloader-inner {
  opacity: 0;
}

.vbox-backdrop {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateZ(-1px);
}

.vbox-tooltip {
  display: inline-block;
  position: relative;
}

.vbox-tooltip .vbox-tooltip-text {
  visibility: hidden;
  z-index: 1;
  position: absolute;
  bottom: 100%;
  left: 0;
  margin-bottom: 2px;
  padding: 0;
  color: #fff;
  font-family: sans-serif;
  text-align: center;
  opacity: 0;
  transition: opacity 0.3s;
}

.vbox-top .vbox-tooltip .vbox-tooltip-text {
  top: 100%;
  bottom: auto;
  margin-top: 2px;
  margin-bottom: 0;
}

.vbox-tooltip-inner {
  padding: 5px 10px;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.9);
  font-size: 10px;
}

.vbox-tooltip:hover .vbox-tooltip-text {
  visibility: visible;
  opacity: 1;
}

/* ---------- preloader ----------
* http://tobiasahlin.com/spinkit/
-------------------------------- */
.vbox-overlay {
  --sk-size: 40px;
  --sk-color: #333;
}

.sk-center {
  margin: auto;
}

.sk-plane {
  width: var(--sk-size);
  height: var(--sk-size);
  background-color: var(--sk-color);
  animation: sk-plane 1.2s infinite ease-in-out;
}

@keyframes sk-plane {
  0% {
    transform: perspective(120px) rotateX(0) rotateY(0);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
.sk-chase {
  position: relative;
  width: var(--sk-size);
  height: var(--sk-size);
  animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: sk-chase-dot 2s infinite ease-in-out both;
}

.sk-chase-dot:before {
  display: block;
  width: 25%;
  height: 25%;
  border-radius: 100%;
  background-color: var(--sk-color);
  content: "";
  animation: sk-chase-dot-before 2s infinite ease-in-out both;
}

.sk-chase-dot:nth-child(1) {
  animation-delay: -1.1s;
}

.sk-chase-dot:nth-child(2) {
  animation-delay: -1s;
}

.sk-chase-dot:nth-child(3) {
  animation-delay: -0.9s;
}

.sk-chase-dot:nth-child(4) {
  animation-delay: -0.8s;
}

.sk-chase-dot:nth-child(5) {
  animation-delay: -0.7s;
}

.sk-chase-dot:nth-child(6) {
  animation-delay: -0.6s;
}

.sk-chase-dot:nth-child(1):before {
  animation-delay: -1.1s;
}

.sk-chase-dot:nth-child(2):before {
  animation-delay: -1s;
}

.sk-chase-dot:nth-child(3):before {
  animation-delay: -0.9s;
}

.sk-chase-dot:nth-child(4):before {
  animation-delay: -0.8s;
}

.sk-chase-dot:nth-child(5):before {
  animation-delay: -0.7s;
}

.sk-chase-dot:nth-child(6):before {
  animation-delay: -0.6s;
}

@keyframes sk-chase {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes sk-chase-dot {
  80%, 100% {
    transform: rotate(360deg);
  }
}
@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4);
  }
  100%, 0% {
    transform: scale(1);
  }
}
.sk-bounce {
  position: relative;
  width: var(--sk-size);
  height: var(--sk-size);
}

.sk-bounce-dot {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--sk-color);
  animation: sk-bounce 2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0.6;
}

.sk-bounce-dot:nth-child(2) {
  animation-delay: -1s;
}

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
  }
  45%, 55% {
    transform: scale(1);
  }
}
.sk-wave {
  display: flex;
  justify-content: space-between;
  width: var(--sk-size);
  height: var(--sk-size);
}

.sk-wave-rect {
  width: 15%;
  height: 100%;
  background-color: var(--sk-color);
  animation: sk-wave 1.2s infinite ease-in-out;
}

.sk-wave-rect:nth-child(1) {
  animation-delay: -1.2s;
}

.sk-wave-rect:nth-child(2) {
  animation-delay: -1.1s;
}

.sk-wave-rect:nth-child(3) {
  animation-delay: -1s;
}

.sk-wave-rect:nth-child(4) {
  animation-delay: -0.9s;
}

.sk-wave-rect:nth-child(5) {
  animation-delay: -0.8s;
}

@keyframes sk-wave {
  0%, 40%, 100% {
    transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
  }
}
.sk-pulse {
  width: var(--sk-size);
  height: var(--sk-size);
  border-radius: 100%;
  background-color: var(--sk-color);
  animation: sk-pulse 1.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

@keyframes sk-pulse {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.sk-flow {
  display: flex;
  justify-content: space-between;
  width: calc(var(--sk-size) * 1.3);
  height: calc(var(--sk-size) * 1.3);
}

.sk-flow-dot {
  width: 25%;
  height: 25%;
  border-radius: 50%;
  background-color: var(--sk-color);
  animation: sk-flow 1.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s infinite both;
}

.sk-flow-dot:nth-child(1) {
  animation-delay: -0.3s;
}

.sk-flow-dot:nth-child(2) {
  animation-delay: -0.15s;
}

@keyframes sk-flow {
  0%, 80%, 100% {
    transform: scale(0.3);
  }
  40% {
    transform: scale(1);
  }
}
.sk-swing {
  position: relative;
  width: var(--sk-size);
  height: var(--sk-size);
  animation: sk-swing 1.8s infinite linear;
}

.sk-swing-dot {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 45%;
  height: 45%;
  margin: auto;
  border-radius: 100%;
  background-color: var(--sk-color);
  animation: sk-swing-dot 2s infinite ease-in-out;
}

.sk-swing-dot:nth-child(2) {
  top: auto;
  bottom: 0;
  animation-delay: -1s;
}

@keyframes sk-swing {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes sk-swing-dot {
  0%, 100% {
    transform: scale(0.2);
  }
  50% {
    transform: scale(1);
  }
}
.sk-circle {
  position: relative;
  width: var(--sk-size);
  height: var(--sk-size);
}

.sk-circle-dot {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sk-circle-dot:before {
  display: block;
  width: 15%;
  height: 15%;
  border-radius: 100%;
  background-color: var(--sk-color);
  content: "";
  animation: sk-circle 1.2s infinite ease-in-out both;
}

.sk-circle-dot:nth-child(1) {
  transform: rotate(30deg);
}

.sk-circle-dot:nth-child(2) {
  transform: rotate(60deg);
}

.sk-circle-dot:nth-child(3) {
  transform: rotate(90deg);
}

.sk-circle-dot:nth-child(4) {
  transform: rotate(120deg);
}

.sk-circle-dot:nth-child(5) {
  transform: rotate(150deg);
}

.sk-circle-dot:nth-child(6) {
  transform: rotate(180deg);
}

.sk-circle-dot:nth-child(7) {
  transform: rotate(210deg);
}

.sk-circle-dot:nth-child(8) {
  transform: rotate(240deg);
}

.sk-circle-dot:nth-child(9) {
  transform: rotate(270deg);
}

.sk-circle-dot:nth-child(10) {
  transform: rotate(300deg);
}

.sk-circle-dot:nth-child(11) {
  transform: rotate(330deg);
}

.sk-circle-dot:nth-child(1):before {
  animation-delay: -1.1s;
}

.sk-circle-dot:nth-child(2):before {
  animation-delay: -1s;
}

.sk-circle-dot:nth-child(3):before {
  animation-delay: -0.9s;
}

.sk-circle-dot:nth-child(4):before {
  animation-delay: -0.8s;
}

.sk-circle-dot:nth-child(5):before {
  animation-delay: -0.7s;
}

.sk-circle-dot:nth-child(6):before {
  animation-delay: -0.6s;
}

.sk-circle-dot:nth-child(7):before {
  animation-delay: -0.5s;
}

.sk-circle-dot:nth-child(8):before {
  animation-delay: -0.4s;
}

.sk-circle-dot:nth-child(9):before {
  animation-delay: -0.3s;
}

.sk-circle-dot:nth-child(10):before {
  animation-delay: -0.2s;
}

.sk-circle-dot:nth-child(11):before {
  animation-delay: -0.1s;
}

@keyframes sk-circle {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.sk-circle-fade {
  position: relative;
  width: var(--sk-size);
  height: var(--sk-size);
}

.sk-circle-fade-dot {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sk-circle-fade-dot:before {
  display: block;
  width: 15%;
  height: 15%;
  border-radius: 100%;
  background-color: var(--sk-color);
  content: "";
  animation: sk-circle-fade 1.2s infinite ease-in-out both;
}

.sk-circle-fade-dot:nth-child(1) {
  transform: rotate(30deg);
}

.sk-circle-fade-dot:nth-child(2) {
  transform: rotate(60deg);
}

.sk-circle-fade-dot:nth-child(3) {
  transform: rotate(90deg);
}

.sk-circle-fade-dot:nth-child(4) {
  transform: rotate(120deg);
}

.sk-circle-fade-dot:nth-child(5) {
  transform: rotate(150deg);
}

.sk-circle-fade-dot:nth-child(6) {
  transform: rotate(180deg);
}

.sk-circle-fade-dot:nth-child(7) {
  transform: rotate(210deg);
}

.sk-circle-fade-dot:nth-child(8) {
  transform: rotate(240deg);
}

.sk-circle-fade-dot:nth-child(9) {
  transform: rotate(270deg);
}

.sk-circle-fade-dot:nth-child(10) {
  transform: rotate(300deg);
}

.sk-circle-fade-dot:nth-child(11) {
  transform: rotate(330deg);
}

.sk-circle-fade-dot:nth-child(1):before {
  animation-delay: -1.1s;
}

.sk-circle-fade-dot:nth-child(2):before {
  animation-delay: -1s;
}

.sk-circle-fade-dot:nth-child(3):before {
  animation-delay: -0.9s;
}

.sk-circle-fade-dot:nth-child(4):before {
  animation-delay: -0.8s;
}

.sk-circle-fade-dot:nth-child(5):before {
  animation-delay: -0.7s;
}

.sk-circle-fade-dot:nth-child(6):before {
  animation-delay: -0.6s;
}

.sk-circle-fade-dot:nth-child(7):before {
  animation-delay: -0.5s;
}

.sk-circle-fade-dot:nth-child(8):before {
  animation-delay: -0.4s;
}

.sk-circle-fade-dot:nth-child(9):before {
  animation-delay: -0.3s;
}

.sk-circle-fade-dot:nth-child(10):before {
  animation-delay: -0.2s;
}

.sk-circle-fade-dot:nth-child(11):before {
  animation-delay: -0.1s;
}

@keyframes sk-circle-fade {
  0%, 39%, 100% {
    transform: scale(0.6);
    opacity: 0;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
}
.sk-grid {
  width: var(--sk-size);
  height: var(--sk-size);
}

.sk-grid-cube {
  width: 33.33%;
  height: 33.33%;
  float: left;
  background-color: var(--sk-color);
  animation: sk-grid 1.3s infinite ease-in-out;
}

.sk-grid-cube:nth-child(1) {
  animation-delay: 0.2s;
}

.sk-grid-cube:nth-child(2) {
  animation-delay: 0.3s;
}

.sk-grid-cube:nth-child(3) {
  animation-delay: 0.4s;
}

.sk-grid-cube:nth-child(4) {
  animation-delay: 0.1s;
}

.sk-grid-cube:nth-child(5) {
  animation-delay: 0.2s;
}

.sk-grid-cube:nth-child(6) {
  animation-delay: 0.3s;
}

.sk-grid-cube:nth-child(7) {
  animation-delay: 0s;
}

.sk-grid-cube:nth-child(8) {
  animation-delay: 0.1s;
}

.sk-grid-cube:nth-child(9) {
  animation-delay: 0.2s;
}

@keyframes sk-grid {
  0%, 70%, 100% {
    transform: scale3D(1, 1, 1);
  }
  35% {
    transform: scale3D(0, 0, 1);
  }
}
.sk-fold {
  position: relative;
  width: var(--sk-size);
  height: var(--sk-size);
  transform: rotateZ(45deg);
}

.sk-fold-cube {
  position: relative;
  width: 50%;
  height: 50%;
  float: left;
  transform: scale(1.1);
}

.sk-fold-cube:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: 100% 100%;
  background-color: var(--sk-color);
  content: "";
  animation: sk-fold 2.4s infinite linear both;
}

.sk-fold-cube:nth-child(2) {
  transform: scale(1.1) rotateZ(90deg);
}

.sk-fold-cube:nth-child(4) {
  transform: scale(1.1) rotateZ(180deg);
}

.sk-fold-cube:nth-child(3) {
  transform: scale(1.1) rotateZ(270deg);
}

.sk-fold-cube:nth-child(2):before {
  animation-delay: 0.3s;
}

.sk-fold-cube:nth-child(4):before {
  animation-delay: 0.6s;
}

.sk-fold-cube:nth-child(3):before {
  animation-delay: 0.9s;
}

@keyframes sk-fold {
  0%, 10% {
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    transform: perspective(140px) rotateX(0);
    opacity: 1;
  }
  90%, 100% {
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
.sk-wander {
  position: relative;
  width: var(--sk-size);
  height: var(--sk-size);
}

.sk-wander-cube {
  --sk-wander-distance: calc(var(--sk-size) * 0.75);
  position: absolute;
  top: 0;
  left: 0;
  width: 20%;
  height: 20%;
  background-color: var(--sk-color);
  animation: sk-wander 2s ease-in-out -2s infinite both;
}

.sk-wander-cube:nth-child(2) {
  animation-delay: -0.5s;
}

.sk-wander-cube:nth-child(3) {
  animation-delay: -1s;
}

@keyframes sk-wander {
  0% {
    transform: rotate(0);
  }
  25% {
    transform: translateX(var(--sk-wander-distance)) rotate(-90deg) scale(0.6);
  }
  50% {
    transform: translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-179deg);
  }
  50.1% {
    transform: translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-180deg);
  }
  75% {
    transform: translateX(0) translateY(var(--sk-wander-distance)) rotate(-270deg) scale(0.6);
  }
  100% {
    transform: rotate(-360deg);
  }
}
/*
  Foundation
--------------------------------- */
/*
  Layout
--------------------------------- */
/*
  Object
--------------------------------- */
/*
  Library
--------------------------------- */
@media print, screen and (min-width: 0) {
  [data-gap~="xxs:0"] {
    gap: calc((4 * 0) / 10 * 1rem);
  }
  [data-gap~="xxs:x-0"] {
    -moz-column-gap: calc((4 * 0) / 10 * 1rem);
         column-gap: calc((4 * 0) / 10 * 1rem);
  }
  [data-gap~="xxs:y-0"] {
    row-gap: calc((4 * 0) / 10 * 1rem);
  }
  [data-gap~="xxs:1"] {
    gap: calc((4 * 1) / 10 * 1rem);
  }
  [data-gap~="xxs:x-1"] {
    -moz-column-gap: calc((4 * 1) / 10 * 1rem);
         column-gap: calc((4 * 1) / 10 * 1rem);
  }
  [data-gap~="xxs:y-1"] {
    row-gap: calc((4 * 1) / 10 * 1rem);
  }
  [data-gap~="xxs:2"] {
    gap: calc((4 * 2) / 10 * 1rem);
  }
  [data-gap~="xxs:x-2"] {
    -moz-column-gap: calc((4 * 2) / 10 * 1rem);
         column-gap: calc((4 * 2) / 10 * 1rem);
  }
  [data-gap~="xxs:y-2"] {
    row-gap: calc((4 * 2) / 10 * 1rem);
  }
  [data-gap~="xxs:3"] {
    gap: calc((4 * 3) / 10 * 1rem);
  }
  [data-gap~="xxs:x-3"] {
    -moz-column-gap: calc((4 * 3) / 10 * 1rem);
         column-gap: calc((4 * 3) / 10 * 1rem);
  }
  [data-gap~="xxs:y-3"] {
    row-gap: calc((4 * 3) / 10 * 1rem);
  }
  [data-gap~="xxs:4"] {
    gap: calc((4 * 4) / 10 * 1rem);
  }
  [data-gap~="xxs:x-4"] {
    -moz-column-gap: calc((4 * 4) / 10 * 1rem);
         column-gap: calc((4 * 4) / 10 * 1rem);
  }
  [data-gap~="xxs:y-4"] {
    row-gap: calc((4 * 4) / 10 * 1rem);
  }
  [data-gap~="xxs:5"] {
    gap: calc((4 * 5) / 10 * 1rem);
  }
  [data-gap~="xxs:x-5"] {
    -moz-column-gap: calc((4 * 5) / 10 * 1rem);
         column-gap: calc((4 * 5) / 10 * 1rem);
  }
  [data-gap~="xxs:y-5"] {
    row-gap: calc((4 * 5) / 10 * 1rem);
  }
  [data-gap~="xxs:6"] {
    gap: calc((4 * 6) / 10 * 1rem);
  }
  [data-gap~="xxs:x-6"] {
    -moz-column-gap: calc((4 * 6) / 10 * 1rem);
         column-gap: calc((4 * 6) / 10 * 1rem);
  }
  [data-gap~="xxs:y-6"] {
    row-gap: calc((4 * 6) / 10 * 1rem);
  }
  [data-gap~="xxs:7"] {
    gap: calc((4 * 7) / 10 * 1rem);
  }
  [data-gap~="xxs:x-7"] {
    -moz-column-gap: calc((4 * 7) / 10 * 1rem);
         column-gap: calc((4 * 7) / 10 * 1rem);
  }
  [data-gap~="xxs:y-7"] {
    row-gap: calc((4 * 7) / 10 * 1rem);
  }
  [data-gap~="xxs:8"] {
    gap: calc((4 * 8) / 10 * 1rem);
  }
  [data-gap~="xxs:x-8"] {
    -moz-column-gap: calc((4 * 8) / 10 * 1rem);
         column-gap: calc((4 * 8) / 10 * 1rem);
  }
  [data-gap~="xxs:y-8"] {
    row-gap: calc((4 * 8) / 10 * 1rem);
  }
  [data-gap~="xxs:9"] {
    gap: calc((4 * 9) / 10 * 1rem);
  }
  [data-gap~="xxs:x-9"] {
    -moz-column-gap: calc((4 * 9) / 10 * 1rem);
         column-gap: calc((4 * 9) / 10 * 1rem);
  }
  [data-gap~="xxs:y-9"] {
    row-gap: calc((4 * 9) / 10 * 1rem);
  }
  [data-gap~="xxs:10"] {
    gap: calc((4 * 10) / 10 * 1rem);
  }
  [data-gap~="xxs:x-10"] {
    -moz-column-gap: calc((4 * 10) / 10 * 1rem);
         column-gap: calc((4 * 10) / 10 * 1rem);
  }
  [data-gap~="xxs:y-10"] {
    row-gap: calc((4 * 10) / 10 * 1rem);
  }
  [data-gap~="xxs:11"] {
    gap: calc((4 * 11) / 10 * 1rem);
  }
  [data-gap~="xxs:x-11"] {
    -moz-column-gap: calc((4 * 11) / 10 * 1rem);
         column-gap: calc((4 * 11) / 10 * 1rem);
  }
  [data-gap~="xxs:y-11"] {
    row-gap: calc((4 * 11) / 10 * 1rem);
  }
  [data-gap~="xxs:12"] {
    gap: calc((4 * 12) / 10 * 1rem);
  }
  [data-gap~="xxs:x-12"] {
    -moz-column-gap: calc((4 * 12) / 10 * 1rem);
         column-gap: calc((4 * 12) / 10 * 1rem);
  }
  [data-gap~="xxs:y-12"] {
    row-gap: calc((4 * 12) / 10 * 1rem);
  }
  [data-gap~="xxs:13"] {
    gap: calc((4 * 13) / 10 * 1rem);
  }
  [data-gap~="xxs:x-13"] {
    -moz-column-gap: calc((4 * 13) / 10 * 1rem);
         column-gap: calc((4 * 13) / 10 * 1rem);
  }
  [data-gap~="xxs:y-13"] {
    row-gap: calc((4 * 13) / 10 * 1rem);
  }
  [data-gap~="xxs:14"] {
    gap: calc((4 * 14) / 10 * 1rem);
  }
  [data-gap~="xxs:x-14"] {
    -moz-column-gap: calc((4 * 14) / 10 * 1rem);
         column-gap: calc((4 * 14) / 10 * 1rem);
  }
  [data-gap~="xxs:y-14"] {
    row-gap: calc((4 * 14) / 10 * 1rem);
  }
  [data-gap~="xxs:15"] {
    gap: calc((4 * 15) / 10 * 1rem);
  }
  [data-gap~="xxs:x-15"] {
    -moz-column-gap: calc((4 * 15) / 10 * 1rem);
         column-gap: calc((4 * 15) / 10 * 1rem);
  }
  [data-gap~="xxs:y-15"] {
    row-gap: calc((4 * 15) / 10 * 1rem);
  }
  [data-gap~="xxs:16"] {
    gap: calc((4 * 16) / 10 * 1rem);
  }
  [data-gap~="xxs:x-16"] {
    -moz-column-gap: calc((4 * 16) / 10 * 1rem);
         column-gap: calc((4 * 16) / 10 * 1rem);
  }
  [data-gap~="xxs:y-16"] {
    row-gap: calc((4 * 16) / 10 * 1rem);
  }
  [data-gap~="xxs:17"] {
    gap: calc((4 * 17) / 10 * 1rem);
  }
  [data-gap~="xxs:x-17"] {
    -moz-column-gap: calc((4 * 17) / 10 * 1rem);
         column-gap: calc((4 * 17) / 10 * 1rem);
  }
  [data-gap~="xxs:y-17"] {
    row-gap: calc((4 * 17) / 10 * 1rem);
  }
  [data-gap~="xxs:18"] {
    gap: calc((4 * 18) / 10 * 1rem);
  }
  [data-gap~="xxs:x-18"] {
    -moz-column-gap: calc((4 * 18) / 10 * 1rem);
         column-gap: calc((4 * 18) / 10 * 1rem);
  }
  [data-gap~="xxs:y-18"] {
    row-gap: calc((4 * 18) / 10 * 1rem);
  }
  [data-gap~="xxs:19"] {
    gap: calc((4 * 19) / 10 * 1rem);
  }
  [data-gap~="xxs:x-19"] {
    -moz-column-gap: calc((4 * 19) / 10 * 1rem);
         column-gap: calc((4 * 19) / 10 * 1rem);
  }
  [data-gap~="xxs:y-19"] {
    row-gap: calc((4 * 19) / 10 * 1rem);
  }
  [data-gap~="xxs:20"] {
    gap: calc((4 * 20) / 10 * 1rem);
  }
  [data-gap~="xxs:x-20"] {
    -moz-column-gap: calc((4 * 20) / 10 * 1rem);
         column-gap: calc((4 * 20) / 10 * 1rem);
  }
  [data-gap~="xxs:y-20"] {
    row-gap: calc((4 * 20) / 10 * 1rem);
  }
  [data-gap~="xxs:21"] {
    gap: calc((4 * 21) / 10 * 1rem);
  }
  [data-gap~="xxs:x-21"] {
    -moz-column-gap: calc((4 * 21) / 10 * 1rem);
         column-gap: calc((4 * 21) / 10 * 1rem);
  }
  [data-gap~="xxs:y-21"] {
    row-gap: calc((4 * 21) / 10 * 1rem);
  }
  [data-gap~="xxs:22"] {
    gap: calc((4 * 22) / 10 * 1rem);
  }
  [data-gap~="xxs:x-22"] {
    -moz-column-gap: calc((4 * 22) / 10 * 1rem);
         column-gap: calc((4 * 22) / 10 * 1rem);
  }
  [data-gap~="xxs:y-22"] {
    row-gap: calc((4 * 22) / 10 * 1rem);
  }
  [data-gap~="xxs:23"] {
    gap: calc((4 * 23) / 10 * 1rem);
  }
  [data-gap~="xxs:x-23"] {
    -moz-column-gap: calc((4 * 23) / 10 * 1rem);
         column-gap: calc((4 * 23) / 10 * 1rem);
  }
  [data-gap~="xxs:y-23"] {
    row-gap: calc((4 * 23) / 10 * 1rem);
  }
  [data-gap~="xxs:24"] {
    gap: calc((4 * 24) / 10 * 1rem);
  }
  [data-gap~="xxs:x-24"] {
    -moz-column-gap: calc((4 * 24) / 10 * 1rem);
         column-gap: calc((4 * 24) / 10 * 1rem);
  }
  [data-gap~="xxs:y-24"] {
    row-gap: calc((4 * 24) / 10 * 1rem);
  }
  [data-gap~="xxs:25"] {
    gap: calc((4 * 25) / 10 * 1rem);
  }
  [data-gap~="xxs:x-25"] {
    -moz-column-gap: calc((4 * 25) / 10 * 1rem);
         column-gap: calc((4 * 25) / 10 * 1rem);
  }
  [data-gap~="xxs:y-25"] {
    row-gap: calc((4 * 25) / 10 * 1rem);
  }
  [data-gap~="xxs:26"] {
    gap: calc((4 * 26) / 10 * 1rem);
  }
  [data-gap~="xxs:x-26"] {
    -moz-column-gap: calc((4 * 26) / 10 * 1rem);
         column-gap: calc((4 * 26) / 10 * 1rem);
  }
  [data-gap~="xxs:y-26"] {
    row-gap: calc((4 * 26) / 10 * 1rem);
  }
  [data-gap~="xxs:27"] {
    gap: calc((4 * 27) / 10 * 1rem);
  }
  [data-gap~="xxs:x-27"] {
    -moz-column-gap: calc((4 * 27) / 10 * 1rem);
         column-gap: calc((4 * 27) / 10 * 1rem);
  }
  [data-gap~="xxs:y-27"] {
    row-gap: calc((4 * 27) / 10 * 1rem);
  }
  [data-gap~="xxs:28"] {
    gap: calc((4 * 28) / 10 * 1rem);
  }
  [data-gap~="xxs:x-28"] {
    -moz-column-gap: calc((4 * 28) / 10 * 1rem);
         column-gap: calc((4 * 28) / 10 * 1rem);
  }
  [data-gap~="xxs:y-28"] {
    row-gap: calc((4 * 28) / 10 * 1rem);
  }
  [data-gap~="xxs:29"] {
    gap: calc((4 * 29) / 10 * 1rem);
  }
  [data-gap~="xxs:x-29"] {
    -moz-column-gap: calc((4 * 29) / 10 * 1rem);
         column-gap: calc((4 * 29) / 10 * 1rem);
  }
  [data-gap~="xxs:y-29"] {
    row-gap: calc((4 * 29) / 10 * 1rem);
  }
  [data-gap~="xxs:30"] {
    gap: calc((4 * 30) / 10 * 1rem);
  }
  [data-gap~="xxs:x-30"] {
    -moz-column-gap: calc((4 * 30) / 10 * 1rem);
         column-gap: calc((4 * 30) / 10 * 1rem);
  }
  [data-gap~="xxs:y-30"] {
    row-gap: calc((4 * 30) / 10 * 1rem);
  }
  [data-gap~="xxs:31"] {
    gap: calc((4 * 31) / 10 * 1rem);
  }
  [data-gap~="xxs:x-31"] {
    -moz-column-gap: calc((4 * 31) / 10 * 1rem);
         column-gap: calc((4 * 31) / 10 * 1rem);
  }
  [data-gap~="xxs:y-31"] {
    row-gap: calc((4 * 31) / 10 * 1rem);
  }
  [data-gap~="xxs:32"] {
    gap: calc((4 * 32) / 10 * 1rem);
  }
  [data-gap~="xxs:x-32"] {
    -moz-column-gap: calc((4 * 32) / 10 * 1rem);
         column-gap: calc((4 * 32) / 10 * 1rem);
  }
  [data-gap~="xxs:y-32"] {
    row-gap: calc((4 * 32) / 10 * 1rem);
  }
  [data-gap~="xxs:33"] {
    gap: calc((4 * 33) / 10 * 1rem);
  }
  [data-gap~="xxs:x-33"] {
    -moz-column-gap: calc((4 * 33) / 10 * 1rem);
         column-gap: calc((4 * 33) / 10 * 1rem);
  }
  [data-gap~="xxs:y-33"] {
    row-gap: calc((4 * 33) / 10 * 1rem);
  }
  [data-gap~="xxs:34"] {
    gap: calc((4 * 34) / 10 * 1rem);
  }
  [data-gap~="xxs:x-34"] {
    -moz-column-gap: calc((4 * 34) / 10 * 1rem);
         column-gap: calc((4 * 34) / 10 * 1rem);
  }
  [data-gap~="xxs:y-34"] {
    row-gap: calc((4 * 34) / 10 * 1rem);
  }
  [data-gap~="xxs:35"] {
    gap: calc((4 * 35) / 10 * 1rem);
  }
  [data-gap~="xxs:x-35"] {
    -moz-column-gap: calc((4 * 35) / 10 * 1rem);
         column-gap: calc((4 * 35) / 10 * 1rem);
  }
  [data-gap~="xxs:y-35"] {
    row-gap: calc((4 * 35) / 10 * 1rem);
  }
  [data-gap~="xxs:36"] {
    gap: calc((4 * 36) / 10 * 1rem);
  }
  [data-gap~="xxs:x-36"] {
    -moz-column-gap: calc((4 * 36) / 10 * 1rem);
         column-gap: calc((4 * 36) / 10 * 1rem);
  }
  [data-gap~="xxs:y-36"] {
    row-gap: calc((4 * 36) / 10 * 1rem);
  }
  [data-gap~="xxs:37"] {
    gap: calc((4 * 37) / 10 * 1rem);
  }
  [data-gap~="xxs:x-37"] {
    -moz-column-gap: calc((4 * 37) / 10 * 1rem);
         column-gap: calc((4 * 37) / 10 * 1rem);
  }
  [data-gap~="xxs:y-37"] {
    row-gap: calc((4 * 37) / 10 * 1rem);
  }
  [data-gap~="xxs:38"] {
    gap: calc((4 * 38) / 10 * 1rem);
  }
  [data-gap~="xxs:x-38"] {
    -moz-column-gap: calc((4 * 38) / 10 * 1rem);
         column-gap: calc((4 * 38) / 10 * 1rem);
  }
  [data-gap~="xxs:y-38"] {
    row-gap: calc((4 * 38) / 10 * 1rem);
  }
  [data-gap~="xxs:39"] {
    gap: calc((4 * 39) / 10 * 1rem);
  }
  [data-gap~="xxs:x-39"] {
    -moz-column-gap: calc((4 * 39) / 10 * 1rem);
         column-gap: calc((4 * 39) / 10 * 1rem);
  }
  [data-gap~="xxs:y-39"] {
    row-gap: calc((4 * 39) / 10 * 1rem);
  }
  [data-gap~="xxs:40"] {
    gap: calc((4 * 40) / 10 * 1rem);
  }
  [data-gap~="xxs:x-40"] {
    -moz-column-gap: calc((4 * 40) / 10 * 1rem);
         column-gap: calc((4 * 40) / 10 * 1rem);
  }
  [data-gap~="xxs:y-40"] {
    row-gap: calc((4 * 40) / 10 * 1rem);
  }
  [data-gap~="xxs:41"] {
    gap: calc((4 * 41) / 10 * 1rem);
  }
  [data-gap~="xxs:x-41"] {
    -moz-column-gap: calc((4 * 41) / 10 * 1rem);
         column-gap: calc((4 * 41) / 10 * 1rem);
  }
  [data-gap~="xxs:y-41"] {
    row-gap: calc((4 * 41) / 10 * 1rem);
  }
  [data-gap~="xxs:42"] {
    gap: calc((4 * 42) / 10 * 1rem);
  }
  [data-gap~="xxs:x-42"] {
    -moz-column-gap: calc((4 * 42) / 10 * 1rem);
         column-gap: calc((4 * 42) / 10 * 1rem);
  }
  [data-gap~="xxs:y-42"] {
    row-gap: calc((4 * 42) / 10 * 1rem);
  }
  [data-gap~="xxs:43"] {
    gap: calc((4 * 43) / 10 * 1rem);
  }
  [data-gap~="xxs:x-43"] {
    -moz-column-gap: calc((4 * 43) / 10 * 1rem);
         column-gap: calc((4 * 43) / 10 * 1rem);
  }
  [data-gap~="xxs:y-43"] {
    row-gap: calc((4 * 43) / 10 * 1rem);
  }
  [data-gap~="xxs:44"] {
    gap: calc((4 * 44) / 10 * 1rem);
  }
  [data-gap~="xxs:x-44"] {
    -moz-column-gap: calc((4 * 44) / 10 * 1rem);
         column-gap: calc((4 * 44) / 10 * 1rem);
  }
  [data-gap~="xxs:y-44"] {
    row-gap: calc((4 * 44) / 10 * 1rem);
  }
  [data-gap~="xxs:45"] {
    gap: calc((4 * 45) / 10 * 1rem);
  }
  [data-gap~="xxs:x-45"] {
    -moz-column-gap: calc((4 * 45) / 10 * 1rem);
         column-gap: calc((4 * 45) / 10 * 1rem);
  }
  [data-gap~="xxs:y-45"] {
    row-gap: calc((4 * 45) / 10 * 1rem);
  }
  [data-gap~="xxs:46"] {
    gap: calc((4 * 46) / 10 * 1rem);
  }
  [data-gap~="xxs:x-46"] {
    -moz-column-gap: calc((4 * 46) / 10 * 1rem);
         column-gap: calc((4 * 46) / 10 * 1rem);
  }
  [data-gap~="xxs:y-46"] {
    row-gap: calc((4 * 46) / 10 * 1rem);
  }
  [data-gap~="xxs:47"] {
    gap: calc((4 * 47) / 10 * 1rem);
  }
  [data-gap~="xxs:x-47"] {
    -moz-column-gap: calc((4 * 47) / 10 * 1rem);
         column-gap: calc((4 * 47) / 10 * 1rem);
  }
  [data-gap~="xxs:y-47"] {
    row-gap: calc((4 * 47) / 10 * 1rem);
  }
  [data-gap~="xxs:48"] {
    gap: calc((4 * 48) / 10 * 1rem);
  }
  [data-gap~="xxs:x-48"] {
    -moz-column-gap: calc((4 * 48) / 10 * 1rem);
         column-gap: calc((4 * 48) / 10 * 1rem);
  }
  [data-gap~="xxs:y-48"] {
    row-gap: calc((4 * 48) / 10 * 1rem);
  }
  [data-gap~="xxs:49"] {
    gap: calc((4 * 49) / 10 * 1rem);
  }
  [data-gap~="xxs:x-49"] {
    -moz-column-gap: calc((4 * 49) / 10 * 1rem);
         column-gap: calc((4 * 49) / 10 * 1rem);
  }
  [data-gap~="xxs:y-49"] {
    row-gap: calc((4 * 49) / 10 * 1rem);
  }
  [data-gap~="xxs:50"] {
    gap: calc((4 * 50) / 10 * 1rem);
  }
  [data-gap~="xxs:x-50"] {
    -moz-column-gap: calc((4 * 50) / 10 * 1rem);
         column-gap: calc((4 * 50) / 10 * 1rem);
  }
  [data-gap~="xxs:y-50"] {
    row-gap: calc((4 * 50) / 10 * 1rem);
  }
  [data-grid~="xxs:cols-1"] {
    -ms-grid-columns: (minmax(0, 1fr))[1];
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  [data-grid~="xxs:cols-2"] {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  [data-grid~="xxs:cols-3"] {
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  [data-grid~="xxs:cols-4"] {
    -ms-grid-columns: (minmax(0, 1fr))[4];
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  [data-grid~="xxs:cols-5"] {
    -ms-grid-columns: (minmax(0, 1fr))[5];
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  [data-grid~="xxs:cols-6"] {
    -ms-grid-columns: (minmax(0, 1fr))[6];
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  [data-grid~="xxs:cols-7"] {
    -ms-grid-columns: (minmax(0, 1fr))[7];
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  [data-grid~="xxs:cols-8"] {
    -ms-grid-columns: (minmax(0, 1fr))[8];
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  [data-grid~="xxs:cols-9"] {
    -ms-grid-columns: (minmax(0, 1fr))[9];
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  [data-grid~="xxs:cols-10"] {
    -ms-grid-columns: (minmax(0, 1fr))[10];
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  [data-grid~="xxs:cols-11"] {
    -ms-grid-columns: (minmax(0, 1fr))[11];
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  [data-grid~="xxs:cols-12"] {
    -ms-grid-columns: (minmax(0, 1fr))[12];
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  [data-grid-item~="xxs:col-span-1"] {
    -ms-grid-column-span: 1;
    -ms-grid-column: span 1;
        grid-column-start: span 1;
    grid-column-end: span 1;
  }
  [data-grid-item~="xxs:col-start-1"] {
    -ms-grid-column: 1;
        grid-column-start: 1;
  }
  [data-grid-item~="xxs:col-end-1"] {
    -ms-grid-column-span: 1;
    grid-column-end: 1;
  }
  [data-grid-item~="xxs:col-span-2"] {
    -ms-grid-column-span: 2;
    -ms-grid-column: span 2;
        grid-column-start: span 2;
    grid-column-end: span 2;
  }
  [data-grid-item~="xxs:col-start-2"] {
    -ms-grid-column: 2;
        grid-column-start: 2;
  }
  [data-grid-item~="xxs:col-end-2"] {
    -ms-grid-column-span: 2;
    grid-column-end: 2;
  }
  [data-grid-item~="xxs:col-span-3"] {
    -ms-grid-column-span: 3;
    -ms-grid-column: span 3;
        grid-column-start: span 3;
    grid-column-end: span 3;
  }
  [data-grid-item~="xxs:col-start-3"] {
    -ms-grid-column: 3;
        grid-column-start: 3;
  }
  [data-grid-item~="xxs:col-end-3"] {
    -ms-grid-column-span: 3;
    grid-column-end: 3;
  }
  [data-grid-item~="xxs:col-span-4"] {
    -ms-grid-column-span: 4;
    -ms-grid-column: span 4;
        grid-column-start: span 4;
    grid-column-end: span 4;
  }
  [data-grid-item~="xxs:col-start-4"] {
    -ms-grid-column: 4;
        grid-column-start: 4;
  }
  [data-grid-item~="xxs:col-end-4"] {
    -ms-grid-column-span: 4;
    grid-column-end: 4;
  }
  [data-grid-item~="xxs:col-span-5"] {
    -ms-grid-column-span: 5;
    -ms-grid-column: span 5;
        grid-column-start: span 5;
    grid-column-end: span 5;
  }
  [data-grid-item~="xxs:col-start-5"] {
    -ms-grid-column: 5;
        grid-column-start: 5;
  }
  [data-grid-item~="xxs:col-end-5"] {
    -ms-grid-column-span: 5;
    grid-column-end: 5;
  }
  [data-grid-item~="xxs:col-span-6"] {
    -ms-grid-column-span: 6;
    -ms-grid-column: span 6;
        grid-column-start: span 6;
    grid-column-end: span 6;
  }
  [data-grid-item~="xxs:col-start-6"] {
    -ms-grid-column: 6;
        grid-column-start: 6;
  }
  [data-grid-item~="xxs:col-end-6"] {
    -ms-grid-column-span: 6;
    grid-column-end: 6;
  }
  [data-grid-item~="xxs:col-span-7"] {
    -ms-grid-column-span: 7;
    -ms-grid-column: span 7;
        grid-column-start: span 7;
    grid-column-end: span 7;
  }
  [data-grid-item~="xxs:col-start-7"] {
    -ms-grid-column: 7;
        grid-column-start: 7;
  }
  [data-grid-item~="xxs:col-end-7"] {
    -ms-grid-column-span: 7;
    grid-column-end: 7;
  }
  [data-grid-item~="xxs:col-span-8"] {
    -ms-grid-column-span: 8;
    -ms-grid-column: span 8;
        grid-column-start: span 8;
    grid-column-end: span 8;
  }
  [data-grid-item~="xxs:col-start-8"] {
    -ms-grid-column: 8;
        grid-column-start: 8;
  }
  [data-grid-item~="xxs:col-end-8"] {
    -ms-grid-column-span: 8;
    grid-column-end: 8;
  }
  [data-grid-item~="xxs:col-span-9"] {
    -ms-grid-column-span: 9;
    -ms-grid-column: span 9;
        grid-column-start: span 9;
    grid-column-end: span 9;
  }
  [data-grid-item~="xxs:col-start-9"] {
    -ms-grid-column: 9;
        grid-column-start: 9;
  }
  [data-grid-item~="xxs:col-end-9"] {
    -ms-grid-column-span: 9;
    grid-column-end: 9;
  }
  [data-grid-item~="xxs:col-span-10"] {
    -ms-grid-column-span: 10;
    -ms-grid-column: span 10;
        grid-column-start: span 10;
    grid-column-end: span 10;
  }
  [data-grid-item~="xxs:col-start-10"] {
    -ms-grid-column: 10;
        grid-column-start: 10;
  }
  [data-grid-item~="xxs:col-end-10"] {
    -ms-grid-column-span: 10;
    grid-column-end: 10;
  }
  [data-grid-item~="xxs:col-span-11"] {
    -ms-grid-column-span: 11;
    -ms-grid-column: span 11;
        grid-column-start: span 11;
    grid-column-end: span 11;
  }
  [data-grid-item~="xxs:col-start-11"] {
    -ms-grid-column: 11;
        grid-column-start: 11;
  }
  [data-grid-item~="xxs:col-end-11"] {
    -ms-grid-column-span: 11;
    grid-column-end: 11;
  }
  [data-grid-item~="xxs:col-span-12"] {
    -ms-grid-column-span: 12;
    -ms-grid-column: span 12;
        grid-column-start: span 12;
    grid-column-end: span 12;
  }
  [data-grid-item~="xxs:col-start-12"] {
    -ms-grid-column: 12;
        grid-column-start: 12;
  }
  [data-grid-item~="xxs:col-end-12"] {
    -ms-grid-column-span: 12;
    grid-column-end: 12;
  }
  [data-grid-item~="xxs:col-auto"] {
    -ms-grid-column-span: NaN;
    -ms-grid-column: auto;
        grid-column-start: auto;
    grid-column-end: auto;
  }
  [data-grid-item~="xxs:col-full"] {
    -ms-grid-column-span: -2;
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: -1;
  }
  [data-grid-item~="xxs:col-start-auto"] {
    -ms-grid-column: auto;
        grid-column-start: auto;
  }
  [data-grid-item~="xxs:col-end-auto"] {
    -ms-grid-column-span: auto;
    grid-column-end: auto;
  }
  [data-grid~="xxs:rows-1"] {
    -ms-grid-rows: (minmax(0, 1fr))[1];
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  [data-grid~="xxs:rows-2"] {
    -ms-grid-rows: (minmax(0, 1fr))[2];
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  [data-grid~="xxs:rows-3"] {
    -ms-grid-rows: (minmax(0, 1fr))[3];
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  [data-grid~="xxs:rows-4"] {
    -ms-grid-rows: (minmax(0, 1fr))[4];
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  [data-grid~="xxs:rows-5"] {
    -ms-grid-rows: (minmax(0, 1fr))[5];
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  [data-grid~="xxs:rows-6"] {
    -ms-grid-rows: (minmax(0, 1fr))[6];
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  [data-grid-item~="xxs:row-span-1"] {
    -ms-grid-row-span: 1;
    -ms-grid-row: span 1;
        grid-row-start: span 1;
    grid-row-end: span 1;
  }
  [data-grid-item~="xxs:row-start-1"] {
    -ms-grid-row: 1;
        grid-row-start: 1;
  }
  [data-grid-item~="xxs:row-end-1"] {
    -ms-grid-row-span: 1;
    grid-row-end: 1;
  }
  [data-grid-item~="xxs:row-span-2"] {
    -ms-grid-row-span: 2;
    -ms-grid-row: span 2;
        grid-row-start: span 2;
    grid-row-end: span 2;
  }
  [data-grid-item~="xxs:row-start-2"] {
    -ms-grid-row: 2;
        grid-row-start: 2;
  }
  [data-grid-item~="xxs:row-end-2"] {
    -ms-grid-row-span: 2;
    grid-row-end: 2;
  }
  [data-grid-item~="xxs:row-span-3"] {
    -ms-grid-row-span: 3;
    -ms-grid-row: span 3;
        grid-row-start: span 3;
    grid-row-end: span 3;
  }
  [data-grid-item~="xxs:row-start-3"] {
    -ms-grid-row: 3;
        grid-row-start: 3;
  }
  [data-grid-item~="xxs:row-end-3"] {
    -ms-grid-row-span: 3;
    grid-row-end: 3;
  }
  [data-grid-item~="xxs:row-span-4"] {
    -ms-grid-row-span: 4;
    -ms-grid-row: span 4;
        grid-row-start: span 4;
    grid-row-end: span 4;
  }
  [data-grid-item~="xxs:row-start-4"] {
    -ms-grid-row: 4;
        grid-row-start: 4;
  }
  [data-grid-item~="xxs:row-end-4"] {
    -ms-grid-row-span: 4;
    grid-row-end: 4;
  }
  [data-grid-item~="xxs:row-span-5"] {
    -ms-grid-row-span: 5;
    -ms-grid-row: span 5;
        grid-row-start: span 5;
    grid-row-end: span 5;
  }
  [data-grid-item~="xxs:row-start-5"] {
    -ms-grid-row: 5;
        grid-row-start: 5;
  }
  [data-grid-item~="xxs:row-end-5"] {
    -ms-grid-row-span: 5;
    grid-row-end: 5;
  }
  [data-grid-item~="xxs:row-span-6"] {
    -ms-grid-row-span: 6;
    -ms-grid-row: span 6;
        grid-row-start: span 6;
    grid-row-end: span 6;
  }
  [data-grid-item~="xxs:row-start-6"] {
    -ms-grid-row: 6;
        grid-row-start: 6;
  }
  [data-grid-item~="xxs:row-end-6"] {
    -ms-grid-row-span: 6;
    grid-row-end: 6;
  }
  [data-grid-item~="xxs:row-auto"] {
    -ms-grid-row-span: NaN;
    -ms-grid-row: auto;
        grid-row-start: auto;
    grid-row-end: auto;
  }
  [data-grid-item~="xxs:row-full"] {
    -ms-grid-row-span: -2;
    -ms-grid-row: 1;
        grid-row-start: 1;
    grid-row-end: -1;
  }
  [data-grid-item~="xxs:row-start-auto"] {
    -ms-grid-row: auto;
        grid-row-start: auto;
  }
  [data-grid-item~="xxs:row-end-auto"] {
    -ms-grid-row-span: auto;
    grid-row-end: auto;
  }
  [data-order~="xxs:0"] {
    order: 0;
  }
  [data-order~="xxs:-1"] {
    order: calc(1 * -1);
  }
  [data-order~="xxs:1"] {
    order: 1;
  }
  [data-order~="xxs:-2"] {
    order: calc(2 * -1);
  }
  [data-order~="xxs:2"] {
    order: 2;
  }
  [data-order~="xxs:-3"] {
    order: calc(3 * -1);
  }
  [data-order~="xxs:3"] {
    order: 3;
  }
  [data-order~="xxs:-4"] {
    order: calc(4 * -1);
  }
  [data-order~="xxs:4"] {
    order: 4;
  }
  [data-place~="xxs:start"] {
    justify-content: flex-start;
  }
  [data-place~="xxs:center"] {
    justify-content: center;
  }
  [data-place~="xxs:end"] {
    justify-content: flex-end;
  }
  [data-place~="xxs:between"] {
    justify-content: space-between;
  }
  [data-place~="xxs:first"] {
    align-items: flex-start;
  }
  [data-place~="xxs:middle"] {
    align-items: center;
  }
  [data-place~="xxs:last"] {
    align-items: flex-end;
  }
  [data-place~="xxs:stretch"] {
    align-items: stretch;
  }
  [data-place~="xxs:+start"] {
    align-content: flex-start;
    justify-content: flex-start;
  }
  [data-place~="xxs:+center"] {
    align-content: center;
    justify-content: center;
  }
  [data-place~="xxs:+end"] {
    align-content: flex-end;
    justify-content: flex-end;
  }
  [data-place~="xxs:+between"] {
    align-content: space-between;
    justify-content: space-between;
  }
  [data-place~="xxs:+first"] {
    align-items: flex-start;
    justify-items: flex-start;
  }
  [data-place~="xxs:+middle"] {
    align-items: center;
    justify-items: center;
  }
  [data-place~="xxs:+last"] {
    align-items: flex-end;
    justify-items: flex-end;
  }
  [data-place~="xxs:+stretch"] {
    align-items: stretch;
    justify-items: stretch;
  }
}
@media screen and (min-width: 0) {
  .l-spacer[class][data-space~="xxs:reset"] {
    padding: 0;
  }
  .l-spacer[class][data-space~="xxs:resetTop"] {
    padding-top: 0;
  }
  .l-spacer[class][data-space~="xxs:resetBottom"] {
    padding-bottom: 0;
  }
  .l-spacer[class][data-space-py~="xxs:0"] {
    padding-top: calc((4 * 0) / 10 * 1rem);
    padding-bottom: calc((4 * 0) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:0"] {
    padding-top: calc((4 * 0) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:0"] {
    padding-bottom: calc((4 * 0) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:1"] {
    padding-top: calc((4 * 1) / 10 * 1rem);
    padding-bottom: calc((4 * 1) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:1"] {
    padding-top: calc((4 * 1) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:1"] {
    padding-bottom: calc((4 * 1) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:2"] {
    padding-top: calc((4 * 2) / 10 * 1rem);
    padding-bottom: calc((4 * 2) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:2"] {
    padding-top: calc((4 * 2) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:2"] {
    padding-bottom: calc((4 * 2) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:3"] {
    padding-top: calc((4 * 3) / 10 * 1rem);
    padding-bottom: calc((4 * 3) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:3"] {
    padding-top: calc((4 * 3) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:3"] {
    padding-bottom: calc((4 * 3) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:4"] {
    padding-top: calc((4 * 4) / 10 * 1rem);
    padding-bottom: calc((4 * 4) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:4"] {
    padding-top: calc((4 * 4) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:4"] {
    padding-bottom: calc((4 * 4) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:5"] {
    padding-top: calc((4 * 5) / 10 * 1rem);
    padding-bottom: calc((4 * 5) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:5"] {
    padding-top: calc((4 * 5) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:5"] {
    padding-bottom: calc((4 * 5) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:6"] {
    padding-top: calc((4 * 6) / 10 * 1rem);
    padding-bottom: calc((4 * 6) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:6"] {
    padding-top: calc((4 * 6) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:6"] {
    padding-bottom: calc((4 * 6) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:7"] {
    padding-top: calc((4 * 7) / 10 * 1rem);
    padding-bottom: calc((4 * 7) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:7"] {
    padding-top: calc((4 * 7) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:7"] {
    padding-bottom: calc((4 * 7) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:8"] {
    padding-top: calc((4 * 8) / 10 * 1rem);
    padding-bottom: calc((4 * 8) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:8"] {
    padding-top: calc((4 * 8) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:8"] {
    padding-bottom: calc((4 * 8) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:9"] {
    padding-top: calc((4 * 9) / 10 * 1rem);
    padding-bottom: calc((4 * 9) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:9"] {
    padding-top: calc((4 * 9) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:9"] {
    padding-bottom: calc((4 * 9) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:10"] {
    padding-top: calc((4 * 10) / 10 * 1rem);
    padding-bottom: calc((4 * 10) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:10"] {
    padding-top: calc((4 * 10) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:10"] {
    padding-bottom: calc((4 * 10) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:11"] {
    padding-top: calc((4 * 11) / 10 * 1rem);
    padding-bottom: calc((4 * 11) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:11"] {
    padding-top: calc((4 * 11) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:11"] {
    padding-bottom: calc((4 * 11) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:12"] {
    padding-top: calc((4 * 12) / 10 * 1rem);
    padding-bottom: calc((4 * 12) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:12"] {
    padding-top: calc((4 * 12) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:12"] {
    padding-bottom: calc((4 * 12) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:13"] {
    padding-top: calc((4 * 13) / 10 * 1rem);
    padding-bottom: calc((4 * 13) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:13"] {
    padding-top: calc((4 * 13) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:13"] {
    padding-bottom: calc((4 * 13) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:14"] {
    padding-top: calc((4 * 14) / 10 * 1rem);
    padding-bottom: calc((4 * 14) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:14"] {
    padding-top: calc((4 * 14) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:14"] {
    padding-bottom: calc((4 * 14) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:15"] {
    padding-top: calc((4 * 15) / 10 * 1rem);
    padding-bottom: calc((4 * 15) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:15"] {
    padding-top: calc((4 * 15) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:15"] {
    padding-bottom: calc((4 * 15) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:16"] {
    padding-top: calc((4 * 16) / 10 * 1rem);
    padding-bottom: calc((4 * 16) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:16"] {
    padding-top: calc((4 * 16) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:16"] {
    padding-bottom: calc((4 * 16) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:17"] {
    padding-top: calc((4 * 17) / 10 * 1rem);
    padding-bottom: calc((4 * 17) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:17"] {
    padding-top: calc((4 * 17) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:17"] {
    padding-bottom: calc((4 * 17) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:18"] {
    padding-top: calc((4 * 18) / 10 * 1rem);
    padding-bottom: calc((4 * 18) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:18"] {
    padding-top: calc((4 * 18) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:18"] {
    padding-bottom: calc((4 * 18) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:19"] {
    padding-top: calc((4 * 19) / 10 * 1rem);
    padding-bottom: calc((4 * 19) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:19"] {
    padding-top: calc((4 * 19) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:19"] {
    padding-bottom: calc((4 * 19) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:20"] {
    padding-top: calc((4 * 20) / 10 * 1rem);
    padding-bottom: calc((4 * 20) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:20"] {
    padding-top: calc((4 * 20) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:20"] {
    padding-bottom: calc((4 * 20) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:21"] {
    padding-top: calc((4 * 21) / 10 * 1rem);
    padding-bottom: calc((4 * 21) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:21"] {
    padding-top: calc((4 * 21) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:21"] {
    padding-bottom: calc((4 * 21) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:22"] {
    padding-top: calc((4 * 22) / 10 * 1rem);
    padding-bottom: calc((4 * 22) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:22"] {
    padding-top: calc((4 * 22) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:22"] {
    padding-bottom: calc((4 * 22) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:23"] {
    padding-top: calc((4 * 23) / 10 * 1rem);
    padding-bottom: calc((4 * 23) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:23"] {
    padding-top: calc((4 * 23) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:23"] {
    padding-bottom: calc((4 * 23) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:24"] {
    padding-top: calc((4 * 24) / 10 * 1rem);
    padding-bottom: calc((4 * 24) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:24"] {
    padding-top: calc((4 * 24) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:24"] {
    padding-bottom: calc((4 * 24) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:25"] {
    padding-top: calc((4 * 25) / 10 * 1rem);
    padding-bottom: calc((4 * 25) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:25"] {
    padding-top: calc((4 * 25) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:25"] {
    padding-bottom: calc((4 * 25) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:26"] {
    padding-top: calc((4 * 26) / 10 * 1rem);
    padding-bottom: calc((4 * 26) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:26"] {
    padding-top: calc((4 * 26) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:26"] {
    padding-bottom: calc((4 * 26) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:27"] {
    padding-top: calc((4 * 27) / 10 * 1rem);
    padding-bottom: calc((4 * 27) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:27"] {
    padding-top: calc((4 * 27) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:27"] {
    padding-bottom: calc((4 * 27) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:28"] {
    padding-top: calc((4 * 28) / 10 * 1rem);
    padding-bottom: calc((4 * 28) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:28"] {
    padding-top: calc((4 * 28) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:28"] {
    padding-bottom: calc((4 * 28) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:29"] {
    padding-top: calc((4 * 29) / 10 * 1rem);
    padding-bottom: calc((4 * 29) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:29"] {
    padding-top: calc((4 * 29) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:29"] {
    padding-bottom: calc((4 * 29) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:30"] {
    padding-top: calc((4 * 30) / 10 * 1rem);
    padding-bottom: calc((4 * 30) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:30"] {
    padding-top: calc((4 * 30) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:30"] {
    padding-bottom: calc((4 * 30) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:31"] {
    padding-top: calc((4 * 31) / 10 * 1rem);
    padding-bottom: calc((4 * 31) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:31"] {
    padding-top: calc((4 * 31) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:31"] {
    padding-bottom: calc((4 * 31) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:32"] {
    padding-top: calc((4 * 32) / 10 * 1rem);
    padding-bottom: calc((4 * 32) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:32"] {
    padding-top: calc((4 * 32) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:32"] {
    padding-bottom: calc((4 * 32) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:33"] {
    padding-top: calc((4 * 33) / 10 * 1rem);
    padding-bottom: calc((4 * 33) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:33"] {
    padding-top: calc((4 * 33) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:33"] {
    padding-bottom: calc((4 * 33) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:34"] {
    padding-top: calc((4 * 34) / 10 * 1rem);
    padding-bottom: calc((4 * 34) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:34"] {
    padding-top: calc((4 * 34) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:34"] {
    padding-bottom: calc((4 * 34) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:35"] {
    padding-top: calc((4 * 35) / 10 * 1rem);
    padding-bottom: calc((4 * 35) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:35"] {
    padding-top: calc((4 * 35) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:35"] {
    padding-bottom: calc((4 * 35) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:36"] {
    padding-top: calc((4 * 36) / 10 * 1rem);
    padding-bottom: calc((4 * 36) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:36"] {
    padding-top: calc((4 * 36) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:36"] {
    padding-bottom: calc((4 * 36) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:37"] {
    padding-top: calc((4 * 37) / 10 * 1rem);
    padding-bottom: calc((4 * 37) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:37"] {
    padding-top: calc((4 * 37) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:37"] {
    padding-bottom: calc((4 * 37) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:38"] {
    padding-top: calc((4 * 38) / 10 * 1rem);
    padding-bottom: calc((4 * 38) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:38"] {
    padding-top: calc((4 * 38) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:38"] {
    padding-bottom: calc((4 * 38) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:39"] {
    padding-top: calc((4 * 39) / 10 * 1rem);
    padding-bottom: calc((4 * 39) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:39"] {
    padding-top: calc((4 * 39) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:39"] {
    padding-bottom: calc((4 * 39) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:40"] {
    padding-top: calc((4 * 40) / 10 * 1rem);
    padding-bottom: calc((4 * 40) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:40"] {
    padding-top: calc((4 * 40) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:40"] {
    padding-bottom: calc((4 * 40) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:41"] {
    padding-top: calc((4 * 41) / 10 * 1rem);
    padding-bottom: calc((4 * 41) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:41"] {
    padding-top: calc((4 * 41) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:41"] {
    padding-bottom: calc((4 * 41) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:42"] {
    padding-top: calc((4 * 42) / 10 * 1rem);
    padding-bottom: calc((4 * 42) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:42"] {
    padding-top: calc((4 * 42) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:42"] {
    padding-bottom: calc((4 * 42) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:43"] {
    padding-top: calc((4 * 43) / 10 * 1rem);
    padding-bottom: calc((4 * 43) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:43"] {
    padding-top: calc((4 * 43) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:43"] {
    padding-bottom: calc((4 * 43) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:44"] {
    padding-top: calc((4 * 44) / 10 * 1rem);
    padding-bottom: calc((4 * 44) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:44"] {
    padding-top: calc((4 * 44) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:44"] {
    padding-bottom: calc((4 * 44) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:45"] {
    padding-top: calc((4 * 45) / 10 * 1rem);
    padding-bottom: calc((4 * 45) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:45"] {
    padding-top: calc((4 * 45) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:45"] {
    padding-bottom: calc((4 * 45) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:46"] {
    padding-top: calc((4 * 46) / 10 * 1rem);
    padding-bottom: calc((4 * 46) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:46"] {
    padding-top: calc((4 * 46) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:46"] {
    padding-bottom: calc((4 * 46) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:47"] {
    padding-top: calc((4 * 47) / 10 * 1rem);
    padding-bottom: calc((4 * 47) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:47"] {
    padding-top: calc((4 * 47) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:47"] {
    padding-bottom: calc((4 * 47) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:48"] {
    padding-top: calc((4 * 48) / 10 * 1rem);
    padding-bottom: calc((4 * 48) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:48"] {
    padding-top: calc((4 * 48) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:48"] {
    padding-bottom: calc((4 * 48) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:49"] {
    padding-top: calc((4 * 49) / 10 * 1rem);
    padding-bottom: calc((4 * 49) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:49"] {
    padding-top: calc((4 * 49) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:49"] {
    padding-bottom: calc((4 * 49) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxs:50"] {
    padding-top: calc((4 * 50) / 10 * 1rem);
    padding-bottom: calc((4 * 50) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxs:50"] {
    padding-top: calc((4 * 50) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxs:50"] {
    padding-bottom: calc((4 * 50) / 10 * 1rem);
  }
  .u-ta[data-text-align~="xxs:left"] {
    text-align: left;
  }
  .u-ta[data-text-align~="xxs:center"] {
    text-align: center;
  }
  .u-ta[data-text-align~="xxs:right"] {
    text-align: right;
  }
  .u-d[data-display~="xxs:none"] {
    display: none;
  }
  .u-d[data-display~="xxs:inline"] {
    display: inline;
  }
  .u-d[data-display~="xxs:block"] {
    display: block;
  }
  .u-d[data-display~="xxs:inline-block"] {
    display: inline-block;
  }
  .u-fz[data-font-size~="xxs:10"] {
    font-size: 1rem;
  }
  .u-fz[data-font-size~="xxs:11"] {
    font-size: 1.1rem;
  }
  .u-fz[data-font-size~="xxs:12"] {
    font-size: 1.2rem;
  }
  .u-fz[data-font-size~="xxs:13"] {
    font-size: 1.3rem;
  }
  .u-fz[data-font-size~="xxs:14"] {
    font-size: 1.4rem;
  }
  .u-fz[data-font-size~="xxs:15"] {
    font-size: 1.5rem;
  }
  .u-fz[data-font-size~="xxs:16"] {
    font-size: 1.6rem;
  }
  .u-fz[data-font-size~="xxs:17"] {
    font-size: 1.7rem;
  }
  .u-fz[data-font-size~="xxs:18"] {
    font-size: 1.8rem;
  }
  .u-fz[data-font-size~="xxs:19"] {
    font-size: 1.9rem;
  }
  .u-fz[data-font-size~="xxs:20"] {
    font-size: 2rem;
  }
  .u-fz[data-font-size~="xxs:21"] {
    font-size: 2.1rem;
  }
  .u-fz[data-font-size~="xxs:22"] {
    font-size: 2.2rem;
  }
  .u-fz[data-font-size~="xxs:23"] {
    font-size: 2.3rem;
  }
  .u-fz[data-font-size~="xxs:24"] {
    font-size: 2.4rem;
  }
  .u-fz[data-font-size~="xxs:25"] {
    font-size: 2.5rem;
  }
  .u-fz[data-font-size~="xxs:26"] {
    font-size: 2.6rem;
  }
  .u-fz[data-font-size~="xxs:27"] {
    font-size: 2.7rem;
  }
  .u-fz[data-font-size~="xxs:28"] {
    font-size: 2.8rem;
  }
  .u-fz[data-font-size~="xxs:29"] {
    font-size: 2.9rem;
  }
  .u-fz[data-font-size~="xxs:30"] {
    font-size: 3rem;
  }
  .u-fz[data-font-size~="xxs:31"] {
    font-size: 3.1rem;
  }
  .u-fz[data-font-size~="xxs:32"] {
    font-size: 3.2rem;
  }
  .u-fz[data-font-size~="xxs:33"] {
    font-size: 3.3rem;
  }
  .u-fz[data-font-size~="xxs:34"] {
    font-size: 3.4rem;
  }
  .u-fz[data-font-size~="xxs:35"] {
    font-size: 3.5rem;
  }
  .u-fz[data-font-size~="xxs:36"] {
    font-size: 3.6rem;
  }
  .u-fz[data-font-size~="xxs:37"] {
    font-size: 3.7rem;
  }
  .u-fz[data-font-size~="xxs:38"] {
    font-size: 3.8rem;
  }
  .u-fz[data-font-size~="xxs:39"] {
    font-size: 3.9rem;
  }
  .u-fz[data-font-size~="xxs:40"] {
    font-size: 4rem;
  }
  .u-fz[data-font-size~="xxs:41"] {
    font-size: 4.1rem;
  }
  .u-fz[data-font-size~="xxs:42"] {
    font-size: 4.2rem;
  }
  .u-fz[data-font-size~="xxs:43"] {
    font-size: 4.3rem;
  }
  .u-fz[data-font-size~="xxs:44"] {
    font-size: 4.4rem;
  }
  .u-fz[data-font-size~="xxs:45"] {
    font-size: 4.5rem;
  }
  .u-fz[data-font-size~="xxs:46"] {
    font-size: 4.6rem;
  }
  .u-fz[data-font-size~="xxs:47"] {
    font-size: 4.7rem;
  }
  .u-fz[data-font-size~="xxs:48"] {
    font-size: 4.8rem;
  }
  .u-fz[data-font-size~="xxs:49"] {
    font-size: 4.9rem;
  }
  .u-fz[data-font-size~="xxs:50"] {
    font-size: 5rem;
  }
  .u-fz[data-font-size~="xxs:51"] {
    font-size: 5.1rem;
  }
  .u-fz[data-font-size~="xxs:52"] {
    font-size: 5.2rem;
  }
  .u-fz[data-font-size~="xxs:53"] {
    font-size: 5.3rem;
  }
  .u-fz[data-font-size~="xxs:54"] {
    font-size: 5.4rem;
  }
  .u-fz[data-font-size~="xxs:55"] {
    font-size: 5.5rem;
  }
  .u-fz[data-font-size~="xxs:56"] {
    font-size: 5.6rem;
  }
  .u-fz[data-font-size~="xxs:57"] {
    font-size: 5.7rem;
  }
  .u-fz[data-font-size~="xxs:58"] {
    font-size: 5.8rem;
  }
  .u-fz[data-font-size~="xxs:59"] {
    font-size: 5.9rem;
  }
  .u-fz[data-font-size~="xxs:60"] {
    font-size: 6rem;
  }
  .u-fz[data-font-size~="xxs:61"] {
    font-size: 6.1rem;
  }
  .u-fz[data-font-size~="xxs:62"] {
    font-size: 6.2rem;
  }
  .u-fz[data-font-size~="xxs:63"] {
    font-size: 6.3rem;
  }
  .u-fz[data-font-size~="xxs:64"] {
    font-size: 6.4rem;
  }
  .u-fz[data-font-size~="xxs:65"] {
    font-size: 6.5rem;
  }
  .u-fz[data-font-size~="xxs:66"] {
    font-size: 6.6rem;
  }
  .u-fz[data-font-size~="xxs:67"] {
    font-size: 6.7rem;
  }
  .u-fz[data-font-size~="xxs:68"] {
    font-size: 6.8rem;
  }
  .u-fz[data-font-size~="xxs:69"] {
    font-size: 6.9rem;
  }
  .u-fz[data-font-size~="xxs:70"] {
    font-size: 7rem;
  }
  .u-fz[data-font-size~="xxs:71"] {
    font-size: 7.1rem;
  }
  .u-fz[data-font-size~="xxs:72"] {
    font-size: 7.2rem;
  }
  .u-fz[data-font-size~="xxs:73"] {
    font-size: 7.3rem;
  }
  .u-fz[data-font-size~="xxs:74"] {
    font-size: 7.4rem;
  }
  .u-fz[data-font-size~="xxs:75"] {
    font-size: 7.5rem;
  }
  .u-fz[data-font-size~="xxs:76"] {
    font-size: 7.6rem;
  }
  .u-fz[data-font-size~="xxs:77"] {
    font-size: 7.7rem;
  }
  .u-fz[data-font-size~="xxs:78"] {
    font-size: 7.8rem;
  }
  .u-fz[data-font-size~="xxs:79"] {
    font-size: 7.9rem;
  }
  .u-fz[data-font-size~="xxs:80"] {
    font-size: 8rem;
  }
  .u-mt[data-mt-size~="xxs:5"] {
    margin-top: 0.5rem;
  }
  .u-mt[data-mt-size~="5"] {
    margin-top: 0.5rem;
  }
  .u-mt[data-mt-size~="xxs:10"] {
    margin-top: 1rem;
  }
  .u-mt[data-mt-size~="10"] {
    margin-top: 1rem;
  }
  .u-mt[data-mt-size~="xxs:15"] {
    margin-top: 1.5rem;
  }
  .u-mt[data-mt-size~="15"] {
    margin-top: 1.5rem;
  }
  .u-mt[data-mt-size~="xxs:20"] {
    margin-top: 2rem;
  }
  .u-mt[data-mt-size~="20"] {
    margin-top: 2rem;
  }
  .u-mt[data-mt-size~="xxs:25"] {
    margin-top: 2.5rem;
  }
  .u-mt[data-mt-size~="25"] {
    margin-top: 2.5rem;
  }
  .u-mt[data-mt-size~="xxs:30"] {
    margin-top: 3rem;
  }
  .u-mt[data-mt-size~="30"] {
    margin-top: 3rem;
  }
  .u-mt[data-mt-size~="xxs:35"] {
    margin-top: 3.5rem;
  }
  .u-mt[data-mt-size~="35"] {
    margin-top: 3.5rem;
  }
  .u-mt[data-mt-size~="xxs:40"] {
    margin-top: 4rem;
  }
  .u-mt[data-mt-size~="40"] {
    margin-top: 4rem;
  }
  .u-mt[data-mt-size~="xxs:45"] {
    margin-top: 4.5rem;
  }
  .u-mt[data-mt-size~="45"] {
    margin-top: 4.5rem;
  }
  .u-mt[data-mt-size~="xxs:50"] {
    margin-top: 5rem;
  }
  .u-mt[data-mt-size~="50"] {
    margin-top: 5rem;
  }
  .u-mt[data-mt-size~="xxs:55"] {
    margin-top: 5.5rem;
  }
  .u-mt[data-mt-size~="55"] {
    margin-top: 5.5rem;
  }
  .u-mt[data-mt-size~="xxs:60"] {
    margin-top: 6rem;
  }
  .u-mt[data-mt-size~="60"] {
    margin-top: 6rem;
  }
  .u-mt[data-mt-size~="xxs:65"] {
    margin-top: 6.5rem;
  }
  .u-mt[data-mt-size~="65"] {
    margin-top: 6.5rem;
  }
  .u-mt[data-mt-size~="xxs:70"] {
    margin-top: 7rem;
  }
  .u-mt[data-mt-size~="70"] {
    margin-top: 7rem;
  }
  .u-mt[data-mt-size~="xxs:75"] {
    margin-top: 7.5rem;
  }
  .u-mt[data-mt-size~="75"] {
    margin-top: 7.5rem;
  }
  .u-mt[data-mt-size~="xxs:80"] {
    margin-top: 8rem;
  }
  .u-mt[data-mt-size~="80"] {
    margin-top: 8rem;
  }
  .u-mt[data-mt-size~="xxs:85"] {
    margin-top: 8.5rem;
  }
  .u-mt[data-mt-size~="85"] {
    margin-top: 8.5rem;
  }
  .u-mt[data-mt-size~="xxs:90"] {
    margin-top: 9rem;
  }
  .u-mt[data-mt-size~="90"] {
    margin-top: 9rem;
  }
  .u-mt[data-mt-size~="xxs:95"] {
    margin-top: 9.5rem;
  }
  .u-mt[data-mt-size~="95"] {
    margin-top: 9.5rem;
  }
  .u-mt[data-mt-size~="xxs:100"] {
    margin-top: 10rem;
  }
  .u-mt[data-mt-size~="100"] {
    margin-top: 10rem;
  }
  .u-mb[data-mb-size~="xxs:5"] {
    margin-bottom: 0.5rem;
  }
  .u-mb[data-mb-size~="xxs:10"] {
    margin-bottom: 1rem;
  }
  .u-mb[data-mb-size~="xxs:15"] {
    margin-bottom: 1.5rem;
  }
  .u-mb[data-mb-size~="xxs:20"] {
    margin-bottom: 2rem;
  }
  .u-mb[data-mb-size~="xxs:25"] {
    margin-bottom: 2.5rem;
  }
  .u-mb[data-mb-size~="xxs:30"] {
    margin-bottom: 3rem;
  }
  .u-mb[data-mb-size~="xxs:35"] {
    margin-bottom: 3.5rem;
  }
  .u-mb[data-mb-size~="xxs:40"] {
    margin-bottom: 4rem;
  }
  .u-mb[data-mb-size~="xxs:45"] {
    margin-bottom: 4.5rem;
  }
  .u-mb[data-mb-size~="xxs:50"] {
    margin-bottom: 5rem;
  }
  .u-mb[data-mb-size~="xxs:55"] {
    margin-bottom: 5.5rem;
  }
  .u-mb[data-mb-size~="xxs:60"] {
    margin-bottom: 6rem;
  }
  .u-mb[data-mb-size~="xxs:65"] {
    margin-bottom: 6.5rem;
  }
  .u-mb[data-mb-size~="xxs:70"] {
    margin-bottom: 7rem;
  }
  .u-mb[data-mb-size~="xxs:75"] {
    margin-bottom: 7.5rem;
  }
  .u-mb[data-mb-size~="xxs:80"] {
    margin-bottom: 8rem;
  }
  .u-mb[data-mb-size~="xxs:85"] {
    margin-bottom: 8.5rem;
  }
  .u-mb[data-mb-size~="xxs:90"] {
    margin-bottom: 9rem;
  }
  .u-mb[data-mb-size~="xxs:95"] {
    margin-bottom: 9.5rem;
  }
  .u-mb[data-mb-size~="xxs:100"] {
    margin-bottom: 10rem;
  }
  .u-mb[data-mb-size~="xxs:xxxs"] {
    margin-bottom: 1rem;
  }
  .u-mb[data-mb-size~="xxs:xxs"] {
    margin-bottom: 2rem;
  }
  .u-mb[data-mb-size~="xxs:xs"] {
    margin-bottom: 4rem;
  }
  .u-mb[data-mb-size~="xxs:sm"] {
    margin-bottom: 6rem;
  }
  .u-mb[data-mb-size~="xxs:md"] {
    margin-bottom: 8rem;
  }
  .u-mb[data-mb-size~="xxs:lg"] {
    margin-bottom: 10rem;
  }
  .u-mb[data-mb-size~="xxs:xl"] {
    margin-bottom: 12rem;
  }
  .u-mb[data-mb-size~="xxs:xxl"] {
    margin-bottom: 16rem;
  }
  .u-mb[data-mb-size~="xxs:xxxl"] {
    margin-bottom: 20rem;
  }
  .u-w[data-width~="xxs:1pct"] {
    width: 1%;
  }
  .u-w[data-width~="xxs:2pct"] {
    width: 2%;
  }
  .u-w[data-width~="xxs:3pct"] {
    width: 3%;
  }
  .u-w[data-width~="xxs:4pct"] {
    width: 4%;
  }
  .u-w[data-width~="xxs:5pct"] {
    width: 5%;
  }
  .u-w[data-width~="xxs:6pct"] {
    width: 6%;
  }
  .u-w[data-width~="xxs:7pct"] {
    width: 7%;
  }
  .u-w[data-width~="xxs:8pct"] {
    width: 8%;
  }
  .u-w[data-width~="xxs:9pct"] {
    width: 9%;
  }
  .u-w[data-width~="xxs:10pct"] {
    width: 10%;
  }
  .u-w[data-width~="xxs:11pct"] {
    width: 11%;
  }
  .u-w[data-width~="xxs:12pct"] {
    width: 12%;
  }
  .u-w[data-width~="xxs:13pct"] {
    width: 13%;
  }
  .u-w[data-width~="xxs:14pct"] {
    width: 14%;
  }
  .u-w[data-width~="xxs:15pct"] {
    width: 15%;
  }
  .u-w[data-width~="xxs:16pct"] {
    width: 16%;
  }
  .u-w[data-width~="xxs:17pct"] {
    width: 17%;
  }
  .u-w[data-width~="xxs:18pct"] {
    width: 18%;
  }
  .u-w[data-width~="xxs:19pct"] {
    width: 19%;
  }
  .u-w[data-width~="xxs:20pct"] {
    width: 20%;
  }
  .u-w[data-width~="xxs:21pct"] {
    width: 21%;
  }
  .u-w[data-width~="xxs:22pct"] {
    width: 22%;
  }
  .u-w[data-width~="xxs:23pct"] {
    width: 23%;
  }
  .u-w[data-width~="xxs:24pct"] {
    width: 24%;
  }
  .u-w[data-width~="xxs:25pct"] {
    width: 25%;
  }
  .u-w[data-width~="xxs:26pct"] {
    width: 26%;
  }
  .u-w[data-width~="xxs:27pct"] {
    width: 27%;
  }
  .u-w[data-width~="xxs:28pct"] {
    width: 28%;
  }
  .u-w[data-width~="xxs:29pct"] {
    width: 29%;
  }
  .u-w[data-width~="xxs:30pct"] {
    width: 30%;
  }
  .u-w[data-width~="xxs:31pct"] {
    width: 31%;
  }
  .u-w[data-width~="xxs:32pct"] {
    width: 32%;
  }
  .u-w[data-width~="xxs:33pct"] {
    width: 33%;
  }
  .u-w[data-width~="xxs:34pct"] {
    width: 34%;
  }
  .u-w[data-width~="xxs:35pct"] {
    width: 35%;
  }
  .u-w[data-width~="xxs:36pct"] {
    width: 36%;
  }
  .u-w[data-width~="xxs:37pct"] {
    width: 37%;
  }
  .u-w[data-width~="xxs:38pct"] {
    width: 38%;
  }
  .u-w[data-width~="xxs:39pct"] {
    width: 39%;
  }
  .u-w[data-width~="xxs:40pct"] {
    width: 40%;
  }
  .u-w[data-width~="xxs:41pct"] {
    width: 41%;
  }
  .u-w[data-width~="xxs:42pct"] {
    width: 42%;
  }
  .u-w[data-width~="xxs:43pct"] {
    width: 43%;
  }
  .u-w[data-width~="xxs:44pct"] {
    width: 44%;
  }
  .u-w[data-width~="xxs:45pct"] {
    width: 45%;
  }
  .u-w[data-width~="xxs:46pct"] {
    width: 46%;
  }
  .u-w[data-width~="xxs:47pct"] {
    width: 47%;
  }
  .u-w[data-width~="xxs:48pct"] {
    width: 48%;
  }
  .u-w[data-width~="xxs:49pct"] {
    width: 49%;
  }
  .u-w[data-width~="xxs:50pct"] {
    width: 50%;
  }
  .u-w[data-width~="xxs:51pct"] {
    width: 51%;
  }
  .u-w[data-width~="xxs:52pct"] {
    width: 52%;
  }
  .u-w[data-width~="xxs:53pct"] {
    width: 53%;
  }
  .u-w[data-width~="xxs:54pct"] {
    width: 54%;
  }
  .u-w[data-width~="xxs:55pct"] {
    width: 55%;
  }
  .u-w[data-width~="xxs:56pct"] {
    width: 56%;
  }
  .u-w[data-width~="xxs:57pct"] {
    width: 57%;
  }
  .u-w[data-width~="xxs:58pct"] {
    width: 58%;
  }
  .u-w[data-width~="xxs:59pct"] {
    width: 59%;
  }
  .u-w[data-width~="xxs:60pct"] {
    width: 60%;
  }
  .u-w[data-width~="xxs:61pct"] {
    width: 61%;
  }
  .u-w[data-width~="xxs:62pct"] {
    width: 62%;
  }
  .u-w[data-width~="xxs:63pct"] {
    width: 63%;
  }
  .u-w[data-width~="xxs:64pct"] {
    width: 64%;
  }
  .u-w[data-width~="xxs:65pct"] {
    width: 65%;
  }
  .u-w[data-width~="xxs:66pct"] {
    width: 66%;
  }
  .u-w[data-width~="xxs:67pct"] {
    width: 67%;
  }
  .u-w[data-width~="xxs:68pct"] {
    width: 68%;
  }
  .u-w[data-width~="xxs:69pct"] {
    width: 69%;
  }
  .u-w[data-width~="xxs:70pct"] {
    width: 70%;
  }
  .u-w[data-width~="xxs:71pct"] {
    width: 71%;
  }
  .u-w[data-width~="xxs:72pct"] {
    width: 72%;
  }
  .u-w[data-width~="xxs:73pct"] {
    width: 73%;
  }
  .u-w[data-width~="xxs:74pct"] {
    width: 74%;
  }
  .u-w[data-width~="xxs:75pct"] {
    width: 75%;
  }
  .u-w[data-width~="xxs:76pct"] {
    width: 76%;
  }
  .u-w[data-width~="xxs:77pct"] {
    width: 77%;
  }
  .u-w[data-width~="xxs:78pct"] {
    width: 78%;
  }
  .u-w[data-width~="xxs:79pct"] {
    width: 79%;
  }
  .u-w[data-width~="xxs:80pct"] {
    width: 80%;
  }
  .u-w[data-width~="xxs:81pct"] {
    width: 81%;
  }
  .u-w[data-width~="xxs:82pct"] {
    width: 82%;
  }
  .u-w[data-width~="xxs:83pct"] {
    width: 83%;
  }
  .u-w[data-width~="xxs:84pct"] {
    width: 84%;
  }
  .u-w[data-width~="xxs:85pct"] {
    width: 85%;
  }
  .u-w[data-width~="xxs:86pct"] {
    width: 86%;
  }
  .u-w[data-width~="xxs:87pct"] {
    width: 87%;
  }
  .u-w[data-width~="xxs:88pct"] {
    width: 88%;
  }
  .u-w[data-width~="xxs:89pct"] {
    width: 89%;
  }
  .u-w[data-width~="xxs:90pct"] {
    width: 90%;
  }
  .u-w[data-width~="xxs:91pct"] {
    width: 91%;
  }
  .u-w[data-width~="xxs:92pct"] {
    width: 92%;
  }
  .u-w[data-width~="xxs:93pct"] {
    width: 93%;
  }
  .u-w[data-width~="xxs:94pct"] {
    width: 94%;
  }
  .u-w[data-width~="xxs:95pct"] {
    width: 95%;
  }
  .u-w[data-width~="xxs:96pct"] {
    width: 96%;
  }
  .u-w[data-width~="xxs:97pct"] {
    width: 97%;
  }
  .u-w[data-width~="xxs:98pct"] {
    width: 98%;
  }
  .u-w[data-width~="xxs:99pct"] {
    width: 99%;
  }
  .u-w[data-width~="xxs:100pct"] {
    width: 100%;
  }
}
@media print, screen and (min-width: 375px) {
  [data-gap~="xs:0"] {
    gap: calc((4 * 0) / 10 * 1rem);
  }
  [data-gap~="xs:x-0"] {
    -moz-column-gap: calc((4 * 0) / 10 * 1rem);
         column-gap: calc((4 * 0) / 10 * 1rem);
  }
  [data-gap~="xs:y-0"] {
    row-gap: calc((4 * 0) / 10 * 1rem);
  }
  [data-gap~="xs:1"] {
    gap: calc((4 * 1) / 10 * 1rem);
  }
  [data-gap~="xs:x-1"] {
    -moz-column-gap: calc((4 * 1) / 10 * 1rem);
         column-gap: calc((4 * 1) / 10 * 1rem);
  }
  [data-gap~="xs:y-1"] {
    row-gap: calc((4 * 1) / 10 * 1rem);
  }
  [data-gap~="xs:2"] {
    gap: calc((4 * 2) / 10 * 1rem);
  }
  [data-gap~="xs:x-2"] {
    -moz-column-gap: calc((4 * 2) / 10 * 1rem);
         column-gap: calc((4 * 2) / 10 * 1rem);
  }
  [data-gap~="xs:y-2"] {
    row-gap: calc((4 * 2) / 10 * 1rem);
  }
  [data-gap~="xs:3"] {
    gap: calc((4 * 3) / 10 * 1rem);
  }
  [data-gap~="xs:x-3"] {
    -moz-column-gap: calc((4 * 3) / 10 * 1rem);
         column-gap: calc((4 * 3) / 10 * 1rem);
  }
  [data-gap~="xs:y-3"] {
    row-gap: calc((4 * 3) / 10 * 1rem);
  }
  [data-gap~="xs:4"] {
    gap: calc((4 * 4) / 10 * 1rem);
  }
  [data-gap~="xs:x-4"] {
    -moz-column-gap: calc((4 * 4) / 10 * 1rem);
         column-gap: calc((4 * 4) / 10 * 1rem);
  }
  [data-gap~="xs:y-4"] {
    row-gap: calc((4 * 4) / 10 * 1rem);
  }
  [data-gap~="xs:5"] {
    gap: calc((4 * 5) / 10 * 1rem);
  }
  [data-gap~="xs:x-5"] {
    -moz-column-gap: calc((4 * 5) / 10 * 1rem);
         column-gap: calc((4 * 5) / 10 * 1rem);
  }
  [data-gap~="xs:y-5"] {
    row-gap: calc((4 * 5) / 10 * 1rem);
  }
  [data-gap~="xs:6"] {
    gap: calc((4 * 6) / 10 * 1rem);
  }
  [data-gap~="xs:x-6"] {
    -moz-column-gap: calc((4 * 6) / 10 * 1rem);
         column-gap: calc((4 * 6) / 10 * 1rem);
  }
  [data-gap~="xs:y-6"] {
    row-gap: calc((4 * 6) / 10 * 1rem);
  }
  [data-gap~="xs:7"] {
    gap: calc((4 * 7) / 10 * 1rem);
  }
  [data-gap~="xs:x-7"] {
    -moz-column-gap: calc((4 * 7) / 10 * 1rem);
         column-gap: calc((4 * 7) / 10 * 1rem);
  }
  [data-gap~="xs:y-7"] {
    row-gap: calc((4 * 7) / 10 * 1rem);
  }
  [data-gap~="xs:8"] {
    gap: calc((4 * 8) / 10 * 1rem);
  }
  [data-gap~="xs:x-8"] {
    -moz-column-gap: calc((4 * 8) / 10 * 1rem);
         column-gap: calc((4 * 8) / 10 * 1rem);
  }
  [data-gap~="xs:y-8"] {
    row-gap: calc((4 * 8) / 10 * 1rem);
  }
  [data-gap~="xs:9"] {
    gap: calc((4 * 9) / 10 * 1rem);
  }
  [data-gap~="xs:x-9"] {
    -moz-column-gap: calc((4 * 9) / 10 * 1rem);
         column-gap: calc((4 * 9) / 10 * 1rem);
  }
  [data-gap~="xs:y-9"] {
    row-gap: calc((4 * 9) / 10 * 1rem);
  }
  [data-gap~="xs:10"] {
    gap: calc((4 * 10) / 10 * 1rem);
  }
  [data-gap~="xs:x-10"] {
    -moz-column-gap: calc((4 * 10) / 10 * 1rem);
         column-gap: calc((4 * 10) / 10 * 1rem);
  }
  [data-gap~="xs:y-10"] {
    row-gap: calc((4 * 10) / 10 * 1rem);
  }
  [data-gap~="xs:11"] {
    gap: calc((4 * 11) / 10 * 1rem);
  }
  [data-gap~="xs:x-11"] {
    -moz-column-gap: calc((4 * 11) / 10 * 1rem);
         column-gap: calc((4 * 11) / 10 * 1rem);
  }
  [data-gap~="xs:y-11"] {
    row-gap: calc((4 * 11) / 10 * 1rem);
  }
  [data-gap~="xs:12"] {
    gap: calc((4 * 12) / 10 * 1rem);
  }
  [data-gap~="xs:x-12"] {
    -moz-column-gap: calc((4 * 12) / 10 * 1rem);
         column-gap: calc((4 * 12) / 10 * 1rem);
  }
  [data-gap~="xs:y-12"] {
    row-gap: calc((4 * 12) / 10 * 1rem);
  }
  [data-gap~="xs:13"] {
    gap: calc((4 * 13) / 10 * 1rem);
  }
  [data-gap~="xs:x-13"] {
    -moz-column-gap: calc((4 * 13) / 10 * 1rem);
         column-gap: calc((4 * 13) / 10 * 1rem);
  }
  [data-gap~="xs:y-13"] {
    row-gap: calc((4 * 13) / 10 * 1rem);
  }
  [data-gap~="xs:14"] {
    gap: calc((4 * 14) / 10 * 1rem);
  }
  [data-gap~="xs:x-14"] {
    -moz-column-gap: calc((4 * 14) / 10 * 1rem);
         column-gap: calc((4 * 14) / 10 * 1rem);
  }
  [data-gap~="xs:y-14"] {
    row-gap: calc((4 * 14) / 10 * 1rem);
  }
  [data-gap~="xs:15"] {
    gap: calc((4 * 15) / 10 * 1rem);
  }
  [data-gap~="xs:x-15"] {
    -moz-column-gap: calc((4 * 15) / 10 * 1rem);
         column-gap: calc((4 * 15) / 10 * 1rem);
  }
  [data-gap~="xs:y-15"] {
    row-gap: calc((4 * 15) / 10 * 1rem);
  }
  [data-gap~="xs:16"] {
    gap: calc((4 * 16) / 10 * 1rem);
  }
  [data-gap~="xs:x-16"] {
    -moz-column-gap: calc((4 * 16) / 10 * 1rem);
         column-gap: calc((4 * 16) / 10 * 1rem);
  }
  [data-gap~="xs:y-16"] {
    row-gap: calc((4 * 16) / 10 * 1rem);
  }
  [data-gap~="xs:17"] {
    gap: calc((4 * 17) / 10 * 1rem);
  }
  [data-gap~="xs:x-17"] {
    -moz-column-gap: calc((4 * 17) / 10 * 1rem);
         column-gap: calc((4 * 17) / 10 * 1rem);
  }
  [data-gap~="xs:y-17"] {
    row-gap: calc((4 * 17) / 10 * 1rem);
  }
  [data-gap~="xs:18"] {
    gap: calc((4 * 18) / 10 * 1rem);
  }
  [data-gap~="xs:x-18"] {
    -moz-column-gap: calc((4 * 18) / 10 * 1rem);
         column-gap: calc((4 * 18) / 10 * 1rem);
  }
  [data-gap~="xs:y-18"] {
    row-gap: calc((4 * 18) / 10 * 1rem);
  }
  [data-gap~="xs:19"] {
    gap: calc((4 * 19) / 10 * 1rem);
  }
  [data-gap~="xs:x-19"] {
    -moz-column-gap: calc((4 * 19) / 10 * 1rem);
         column-gap: calc((4 * 19) / 10 * 1rem);
  }
  [data-gap~="xs:y-19"] {
    row-gap: calc((4 * 19) / 10 * 1rem);
  }
  [data-gap~="xs:20"] {
    gap: calc((4 * 20) / 10 * 1rem);
  }
  [data-gap~="xs:x-20"] {
    -moz-column-gap: calc((4 * 20) / 10 * 1rem);
         column-gap: calc((4 * 20) / 10 * 1rem);
  }
  [data-gap~="xs:y-20"] {
    row-gap: calc((4 * 20) / 10 * 1rem);
  }
  [data-gap~="xs:21"] {
    gap: calc((4 * 21) / 10 * 1rem);
  }
  [data-gap~="xs:x-21"] {
    -moz-column-gap: calc((4 * 21) / 10 * 1rem);
         column-gap: calc((4 * 21) / 10 * 1rem);
  }
  [data-gap~="xs:y-21"] {
    row-gap: calc((4 * 21) / 10 * 1rem);
  }
  [data-gap~="xs:22"] {
    gap: calc((4 * 22) / 10 * 1rem);
  }
  [data-gap~="xs:x-22"] {
    -moz-column-gap: calc((4 * 22) / 10 * 1rem);
         column-gap: calc((4 * 22) / 10 * 1rem);
  }
  [data-gap~="xs:y-22"] {
    row-gap: calc((4 * 22) / 10 * 1rem);
  }
  [data-gap~="xs:23"] {
    gap: calc((4 * 23) / 10 * 1rem);
  }
  [data-gap~="xs:x-23"] {
    -moz-column-gap: calc((4 * 23) / 10 * 1rem);
         column-gap: calc((4 * 23) / 10 * 1rem);
  }
  [data-gap~="xs:y-23"] {
    row-gap: calc((4 * 23) / 10 * 1rem);
  }
  [data-gap~="xs:24"] {
    gap: calc((4 * 24) / 10 * 1rem);
  }
  [data-gap~="xs:x-24"] {
    -moz-column-gap: calc((4 * 24) / 10 * 1rem);
         column-gap: calc((4 * 24) / 10 * 1rem);
  }
  [data-gap~="xs:y-24"] {
    row-gap: calc((4 * 24) / 10 * 1rem);
  }
  [data-gap~="xs:25"] {
    gap: calc((4 * 25) / 10 * 1rem);
  }
  [data-gap~="xs:x-25"] {
    -moz-column-gap: calc((4 * 25) / 10 * 1rem);
         column-gap: calc((4 * 25) / 10 * 1rem);
  }
  [data-gap~="xs:y-25"] {
    row-gap: calc((4 * 25) / 10 * 1rem);
  }
  [data-gap~="xs:26"] {
    gap: calc((4 * 26) / 10 * 1rem);
  }
  [data-gap~="xs:x-26"] {
    -moz-column-gap: calc((4 * 26) / 10 * 1rem);
         column-gap: calc((4 * 26) / 10 * 1rem);
  }
  [data-gap~="xs:y-26"] {
    row-gap: calc((4 * 26) / 10 * 1rem);
  }
  [data-gap~="xs:27"] {
    gap: calc((4 * 27) / 10 * 1rem);
  }
  [data-gap~="xs:x-27"] {
    -moz-column-gap: calc((4 * 27) / 10 * 1rem);
         column-gap: calc((4 * 27) / 10 * 1rem);
  }
  [data-gap~="xs:y-27"] {
    row-gap: calc((4 * 27) / 10 * 1rem);
  }
  [data-gap~="xs:28"] {
    gap: calc((4 * 28) / 10 * 1rem);
  }
  [data-gap~="xs:x-28"] {
    -moz-column-gap: calc((4 * 28) / 10 * 1rem);
         column-gap: calc((4 * 28) / 10 * 1rem);
  }
  [data-gap~="xs:y-28"] {
    row-gap: calc((4 * 28) / 10 * 1rem);
  }
  [data-gap~="xs:29"] {
    gap: calc((4 * 29) / 10 * 1rem);
  }
  [data-gap~="xs:x-29"] {
    -moz-column-gap: calc((4 * 29) / 10 * 1rem);
         column-gap: calc((4 * 29) / 10 * 1rem);
  }
  [data-gap~="xs:y-29"] {
    row-gap: calc((4 * 29) / 10 * 1rem);
  }
  [data-gap~="xs:30"] {
    gap: calc((4 * 30) / 10 * 1rem);
  }
  [data-gap~="xs:x-30"] {
    -moz-column-gap: calc((4 * 30) / 10 * 1rem);
         column-gap: calc((4 * 30) / 10 * 1rem);
  }
  [data-gap~="xs:y-30"] {
    row-gap: calc((4 * 30) / 10 * 1rem);
  }
  [data-gap~="xs:31"] {
    gap: calc((4 * 31) / 10 * 1rem);
  }
  [data-gap~="xs:x-31"] {
    -moz-column-gap: calc((4 * 31) / 10 * 1rem);
         column-gap: calc((4 * 31) / 10 * 1rem);
  }
  [data-gap~="xs:y-31"] {
    row-gap: calc((4 * 31) / 10 * 1rem);
  }
  [data-gap~="xs:32"] {
    gap: calc((4 * 32) / 10 * 1rem);
  }
  [data-gap~="xs:x-32"] {
    -moz-column-gap: calc((4 * 32) / 10 * 1rem);
         column-gap: calc((4 * 32) / 10 * 1rem);
  }
  [data-gap~="xs:y-32"] {
    row-gap: calc((4 * 32) / 10 * 1rem);
  }
  [data-gap~="xs:33"] {
    gap: calc((4 * 33) / 10 * 1rem);
  }
  [data-gap~="xs:x-33"] {
    -moz-column-gap: calc((4 * 33) / 10 * 1rem);
         column-gap: calc((4 * 33) / 10 * 1rem);
  }
  [data-gap~="xs:y-33"] {
    row-gap: calc((4 * 33) / 10 * 1rem);
  }
  [data-gap~="xs:34"] {
    gap: calc((4 * 34) / 10 * 1rem);
  }
  [data-gap~="xs:x-34"] {
    -moz-column-gap: calc((4 * 34) / 10 * 1rem);
         column-gap: calc((4 * 34) / 10 * 1rem);
  }
  [data-gap~="xs:y-34"] {
    row-gap: calc((4 * 34) / 10 * 1rem);
  }
  [data-gap~="xs:35"] {
    gap: calc((4 * 35) / 10 * 1rem);
  }
  [data-gap~="xs:x-35"] {
    -moz-column-gap: calc((4 * 35) / 10 * 1rem);
         column-gap: calc((4 * 35) / 10 * 1rem);
  }
  [data-gap~="xs:y-35"] {
    row-gap: calc((4 * 35) / 10 * 1rem);
  }
  [data-gap~="xs:36"] {
    gap: calc((4 * 36) / 10 * 1rem);
  }
  [data-gap~="xs:x-36"] {
    -moz-column-gap: calc((4 * 36) / 10 * 1rem);
         column-gap: calc((4 * 36) / 10 * 1rem);
  }
  [data-gap~="xs:y-36"] {
    row-gap: calc((4 * 36) / 10 * 1rem);
  }
  [data-gap~="xs:37"] {
    gap: calc((4 * 37) / 10 * 1rem);
  }
  [data-gap~="xs:x-37"] {
    -moz-column-gap: calc((4 * 37) / 10 * 1rem);
         column-gap: calc((4 * 37) / 10 * 1rem);
  }
  [data-gap~="xs:y-37"] {
    row-gap: calc((4 * 37) / 10 * 1rem);
  }
  [data-gap~="xs:38"] {
    gap: calc((4 * 38) / 10 * 1rem);
  }
  [data-gap~="xs:x-38"] {
    -moz-column-gap: calc((4 * 38) / 10 * 1rem);
         column-gap: calc((4 * 38) / 10 * 1rem);
  }
  [data-gap~="xs:y-38"] {
    row-gap: calc((4 * 38) / 10 * 1rem);
  }
  [data-gap~="xs:39"] {
    gap: calc((4 * 39) / 10 * 1rem);
  }
  [data-gap~="xs:x-39"] {
    -moz-column-gap: calc((4 * 39) / 10 * 1rem);
         column-gap: calc((4 * 39) / 10 * 1rem);
  }
  [data-gap~="xs:y-39"] {
    row-gap: calc((4 * 39) / 10 * 1rem);
  }
  [data-gap~="xs:40"] {
    gap: calc((4 * 40) / 10 * 1rem);
  }
  [data-gap~="xs:x-40"] {
    -moz-column-gap: calc((4 * 40) / 10 * 1rem);
         column-gap: calc((4 * 40) / 10 * 1rem);
  }
  [data-gap~="xs:y-40"] {
    row-gap: calc((4 * 40) / 10 * 1rem);
  }
  [data-gap~="xs:41"] {
    gap: calc((4 * 41) / 10 * 1rem);
  }
  [data-gap~="xs:x-41"] {
    -moz-column-gap: calc((4 * 41) / 10 * 1rem);
         column-gap: calc((4 * 41) / 10 * 1rem);
  }
  [data-gap~="xs:y-41"] {
    row-gap: calc((4 * 41) / 10 * 1rem);
  }
  [data-gap~="xs:42"] {
    gap: calc((4 * 42) / 10 * 1rem);
  }
  [data-gap~="xs:x-42"] {
    -moz-column-gap: calc((4 * 42) / 10 * 1rem);
         column-gap: calc((4 * 42) / 10 * 1rem);
  }
  [data-gap~="xs:y-42"] {
    row-gap: calc((4 * 42) / 10 * 1rem);
  }
  [data-gap~="xs:43"] {
    gap: calc((4 * 43) / 10 * 1rem);
  }
  [data-gap~="xs:x-43"] {
    -moz-column-gap: calc((4 * 43) / 10 * 1rem);
         column-gap: calc((4 * 43) / 10 * 1rem);
  }
  [data-gap~="xs:y-43"] {
    row-gap: calc((4 * 43) / 10 * 1rem);
  }
  [data-gap~="xs:44"] {
    gap: calc((4 * 44) / 10 * 1rem);
  }
  [data-gap~="xs:x-44"] {
    -moz-column-gap: calc((4 * 44) / 10 * 1rem);
         column-gap: calc((4 * 44) / 10 * 1rem);
  }
  [data-gap~="xs:y-44"] {
    row-gap: calc((4 * 44) / 10 * 1rem);
  }
  [data-gap~="xs:45"] {
    gap: calc((4 * 45) / 10 * 1rem);
  }
  [data-gap~="xs:x-45"] {
    -moz-column-gap: calc((4 * 45) / 10 * 1rem);
         column-gap: calc((4 * 45) / 10 * 1rem);
  }
  [data-gap~="xs:y-45"] {
    row-gap: calc((4 * 45) / 10 * 1rem);
  }
  [data-gap~="xs:46"] {
    gap: calc((4 * 46) / 10 * 1rem);
  }
  [data-gap~="xs:x-46"] {
    -moz-column-gap: calc((4 * 46) / 10 * 1rem);
         column-gap: calc((4 * 46) / 10 * 1rem);
  }
  [data-gap~="xs:y-46"] {
    row-gap: calc((4 * 46) / 10 * 1rem);
  }
  [data-gap~="xs:47"] {
    gap: calc((4 * 47) / 10 * 1rem);
  }
  [data-gap~="xs:x-47"] {
    -moz-column-gap: calc((4 * 47) / 10 * 1rem);
         column-gap: calc((4 * 47) / 10 * 1rem);
  }
  [data-gap~="xs:y-47"] {
    row-gap: calc((4 * 47) / 10 * 1rem);
  }
  [data-gap~="xs:48"] {
    gap: calc((4 * 48) / 10 * 1rem);
  }
  [data-gap~="xs:x-48"] {
    -moz-column-gap: calc((4 * 48) / 10 * 1rem);
         column-gap: calc((4 * 48) / 10 * 1rem);
  }
  [data-gap~="xs:y-48"] {
    row-gap: calc((4 * 48) / 10 * 1rem);
  }
  [data-gap~="xs:49"] {
    gap: calc((4 * 49) / 10 * 1rem);
  }
  [data-gap~="xs:x-49"] {
    -moz-column-gap: calc((4 * 49) / 10 * 1rem);
         column-gap: calc((4 * 49) / 10 * 1rem);
  }
  [data-gap~="xs:y-49"] {
    row-gap: calc((4 * 49) / 10 * 1rem);
  }
  [data-gap~="xs:50"] {
    gap: calc((4 * 50) / 10 * 1rem);
  }
  [data-gap~="xs:x-50"] {
    -moz-column-gap: calc((4 * 50) / 10 * 1rem);
         column-gap: calc((4 * 50) / 10 * 1rem);
  }
  [data-gap~="xs:y-50"] {
    row-gap: calc((4 * 50) / 10 * 1rem);
  }
  [data-grid~="xs:cols-1"] {
    -ms-grid-columns: (minmax(0, 1fr))[1];
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  [data-grid~="xs:cols-2"] {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  [data-grid~="xs:cols-3"] {
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  [data-grid~="xs:cols-4"] {
    -ms-grid-columns: (minmax(0, 1fr))[4];
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  [data-grid~="xs:cols-5"] {
    -ms-grid-columns: (minmax(0, 1fr))[5];
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  [data-grid~="xs:cols-6"] {
    -ms-grid-columns: (minmax(0, 1fr))[6];
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  [data-grid~="xs:cols-7"] {
    -ms-grid-columns: (minmax(0, 1fr))[7];
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  [data-grid~="xs:cols-8"] {
    -ms-grid-columns: (minmax(0, 1fr))[8];
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  [data-grid~="xs:cols-9"] {
    -ms-grid-columns: (minmax(0, 1fr))[9];
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  [data-grid~="xs:cols-10"] {
    -ms-grid-columns: (minmax(0, 1fr))[10];
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  [data-grid~="xs:cols-11"] {
    -ms-grid-columns: (minmax(0, 1fr))[11];
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  [data-grid~="xs:cols-12"] {
    -ms-grid-columns: (minmax(0, 1fr))[12];
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  [data-grid-item~="xs:col-span-1"] {
    -ms-grid-column-span: 1;
    -ms-grid-column: span 1;
        grid-column-start: span 1;
    grid-column-end: span 1;
  }
  [data-grid-item~="xs:col-start-1"] {
    -ms-grid-column: 1;
        grid-column-start: 1;
  }
  [data-grid-item~="xs:col-end-1"] {
    -ms-grid-column-span: 1;
    grid-column-end: 1;
  }
  [data-grid-item~="xs:col-span-2"] {
    -ms-grid-column-span: 2;
    -ms-grid-column: span 2;
        grid-column-start: span 2;
    grid-column-end: span 2;
  }
  [data-grid-item~="xs:col-start-2"] {
    -ms-grid-column: 2;
        grid-column-start: 2;
  }
  [data-grid-item~="xs:col-end-2"] {
    -ms-grid-column-span: 2;
    grid-column-end: 2;
  }
  [data-grid-item~="xs:col-span-3"] {
    -ms-grid-column-span: 3;
    -ms-grid-column: span 3;
        grid-column-start: span 3;
    grid-column-end: span 3;
  }
  [data-grid-item~="xs:col-start-3"] {
    -ms-grid-column: 3;
        grid-column-start: 3;
  }
  [data-grid-item~="xs:col-end-3"] {
    -ms-grid-column-span: 3;
    grid-column-end: 3;
  }
  [data-grid-item~="xs:col-span-4"] {
    -ms-grid-column-span: 4;
    -ms-grid-column: span 4;
        grid-column-start: span 4;
    grid-column-end: span 4;
  }
  [data-grid-item~="xs:col-start-4"] {
    -ms-grid-column: 4;
        grid-column-start: 4;
  }
  [data-grid-item~="xs:col-end-4"] {
    -ms-grid-column-span: 4;
    grid-column-end: 4;
  }
  [data-grid-item~="xs:col-span-5"] {
    -ms-grid-column-span: 5;
    -ms-grid-column: span 5;
        grid-column-start: span 5;
    grid-column-end: span 5;
  }
  [data-grid-item~="xs:col-start-5"] {
    -ms-grid-column: 5;
        grid-column-start: 5;
  }
  [data-grid-item~="xs:col-end-5"] {
    -ms-grid-column-span: 5;
    grid-column-end: 5;
  }
  [data-grid-item~="xs:col-span-6"] {
    -ms-grid-column-span: 6;
    -ms-grid-column: span 6;
        grid-column-start: span 6;
    grid-column-end: span 6;
  }
  [data-grid-item~="xs:col-start-6"] {
    -ms-grid-column: 6;
        grid-column-start: 6;
  }
  [data-grid-item~="xs:col-end-6"] {
    -ms-grid-column-span: 6;
    grid-column-end: 6;
  }
  [data-grid-item~="xs:col-span-7"] {
    -ms-grid-column-span: 7;
    -ms-grid-column: span 7;
        grid-column-start: span 7;
    grid-column-end: span 7;
  }
  [data-grid-item~="xs:col-start-7"] {
    -ms-grid-column: 7;
        grid-column-start: 7;
  }
  [data-grid-item~="xs:col-end-7"] {
    -ms-grid-column-span: 7;
    grid-column-end: 7;
  }
  [data-grid-item~="xs:col-span-8"] {
    -ms-grid-column-span: 8;
    -ms-grid-column: span 8;
        grid-column-start: span 8;
    grid-column-end: span 8;
  }
  [data-grid-item~="xs:col-start-8"] {
    -ms-grid-column: 8;
        grid-column-start: 8;
  }
  [data-grid-item~="xs:col-end-8"] {
    -ms-grid-column-span: 8;
    grid-column-end: 8;
  }
  [data-grid-item~="xs:col-span-9"] {
    -ms-grid-column-span: 9;
    -ms-grid-column: span 9;
        grid-column-start: span 9;
    grid-column-end: span 9;
  }
  [data-grid-item~="xs:col-start-9"] {
    -ms-grid-column: 9;
        grid-column-start: 9;
  }
  [data-grid-item~="xs:col-end-9"] {
    -ms-grid-column-span: 9;
    grid-column-end: 9;
  }
  [data-grid-item~="xs:col-span-10"] {
    -ms-grid-column-span: 10;
    -ms-grid-column: span 10;
        grid-column-start: span 10;
    grid-column-end: span 10;
  }
  [data-grid-item~="xs:col-start-10"] {
    -ms-grid-column: 10;
        grid-column-start: 10;
  }
  [data-grid-item~="xs:col-end-10"] {
    -ms-grid-column-span: 10;
    grid-column-end: 10;
  }
  [data-grid-item~="xs:col-span-11"] {
    -ms-grid-column-span: 11;
    -ms-grid-column: span 11;
        grid-column-start: span 11;
    grid-column-end: span 11;
  }
  [data-grid-item~="xs:col-start-11"] {
    -ms-grid-column: 11;
        grid-column-start: 11;
  }
  [data-grid-item~="xs:col-end-11"] {
    -ms-grid-column-span: 11;
    grid-column-end: 11;
  }
  [data-grid-item~="xs:col-span-12"] {
    -ms-grid-column-span: 12;
    -ms-grid-column: span 12;
        grid-column-start: span 12;
    grid-column-end: span 12;
  }
  [data-grid-item~="xs:col-start-12"] {
    -ms-grid-column: 12;
        grid-column-start: 12;
  }
  [data-grid-item~="xs:col-end-12"] {
    -ms-grid-column-span: 12;
    grid-column-end: 12;
  }
  [data-grid-item~="xs:col-auto"] {
    -ms-grid-column-span: NaN;
    -ms-grid-column: auto;
        grid-column-start: auto;
    grid-column-end: auto;
  }
  [data-grid-item~="xs:col-full"] {
    -ms-grid-column-span: -2;
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: -1;
  }
  [data-grid-item~="xs:col-start-auto"] {
    -ms-grid-column: auto;
        grid-column-start: auto;
  }
  [data-grid-item~="xs:col-end-auto"] {
    -ms-grid-column-span: auto;
    grid-column-end: auto;
  }
  [data-grid~="xs:rows-1"] {
    -ms-grid-rows: (minmax(0, 1fr))[1];
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  [data-grid~="xs:rows-2"] {
    -ms-grid-rows: (minmax(0, 1fr))[2];
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  [data-grid~="xs:rows-3"] {
    -ms-grid-rows: (minmax(0, 1fr))[3];
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  [data-grid~="xs:rows-4"] {
    -ms-grid-rows: (minmax(0, 1fr))[4];
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  [data-grid~="xs:rows-5"] {
    -ms-grid-rows: (minmax(0, 1fr))[5];
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  [data-grid~="xs:rows-6"] {
    -ms-grid-rows: (minmax(0, 1fr))[6];
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  [data-grid-item~="xs:row-span-1"] {
    -ms-grid-row-span: 1;
    -ms-grid-row: span 1;
        grid-row-start: span 1;
    grid-row-end: span 1;
  }
  [data-grid-item~="xs:row-start-1"] {
    -ms-grid-row: 1;
        grid-row-start: 1;
  }
  [data-grid-item~="xs:row-end-1"] {
    -ms-grid-row-span: 1;
    grid-row-end: 1;
  }
  [data-grid-item~="xs:row-span-2"] {
    -ms-grid-row-span: 2;
    -ms-grid-row: span 2;
        grid-row-start: span 2;
    grid-row-end: span 2;
  }
  [data-grid-item~="xs:row-start-2"] {
    -ms-grid-row: 2;
        grid-row-start: 2;
  }
  [data-grid-item~="xs:row-end-2"] {
    -ms-grid-row-span: 2;
    grid-row-end: 2;
  }
  [data-grid-item~="xs:row-span-3"] {
    -ms-grid-row-span: 3;
    -ms-grid-row: span 3;
        grid-row-start: span 3;
    grid-row-end: span 3;
  }
  [data-grid-item~="xs:row-start-3"] {
    -ms-grid-row: 3;
        grid-row-start: 3;
  }
  [data-grid-item~="xs:row-end-3"] {
    -ms-grid-row-span: 3;
    grid-row-end: 3;
  }
  [data-grid-item~="xs:row-span-4"] {
    -ms-grid-row-span: 4;
    -ms-grid-row: span 4;
        grid-row-start: span 4;
    grid-row-end: span 4;
  }
  [data-grid-item~="xs:row-start-4"] {
    -ms-grid-row: 4;
        grid-row-start: 4;
  }
  [data-grid-item~="xs:row-end-4"] {
    -ms-grid-row-span: 4;
    grid-row-end: 4;
  }
  [data-grid-item~="xs:row-span-5"] {
    -ms-grid-row-span: 5;
    -ms-grid-row: span 5;
        grid-row-start: span 5;
    grid-row-end: span 5;
  }
  [data-grid-item~="xs:row-start-5"] {
    -ms-grid-row: 5;
        grid-row-start: 5;
  }
  [data-grid-item~="xs:row-end-5"] {
    -ms-grid-row-span: 5;
    grid-row-end: 5;
  }
  [data-grid-item~="xs:row-span-6"] {
    -ms-grid-row-span: 6;
    -ms-grid-row: span 6;
        grid-row-start: span 6;
    grid-row-end: span 6;
  }
  [data-grid-item~="xs:row-start-6"] {
    -ms-grid-row: 6;
        grid-row-start: 6;
  }
  [data-grid-item~="xs:row-end-6"] {
    -ms-grid-row-span: 6;
    grid-row-end: 6;
  }
  [data-grid-item~="xs:row-auto"] {
    -ms-grid-row-span: NaN;
    -ms-grid-row: auto;
        grid-row-start: auto;
    grid-row-end: auto;
  }
  [data-grid-item~="xs:row-full"] {
    -ms-grid-row-span: -2;
    -ms-grid-row: 1;
        grid-row-start: 1;
    grid-row-end: -1;
  }
  [data-grid-item~="xs:row-start-auto"] {
    -ms-grid-row: auto;
        grid-row-start: auto;
  }
  [data-grid-item~="xs:row-end-auto"] {
    -ms-grid-row-span: auto;
    grid-row-end: auto;
  }
  [data-order~="xs:0"] {
    order: 0;
  }
  [data-order~="xs:-1"] {
    order: calc(1 * -1);
  }
  [data-order~="xs:1"] {
    order: 1;
  }
  [data-order~="xs:-2"] {
    order: calc(2 * -1);
  }
  [data-order~="xs:2"] {
    order: 2;
  }
  [data-order~="xs:-3"] {
    order: calc(3 * -1);
  }
  [data-order~="xs:3"] {
    order: 3;
  }
  [data-order~="xs:-4"] {
    order: calc(4 * -1);
  }
  [data-order~="xs:4"] {
    order: 4;
  }
  [data-place~="xs:start"] {
    justify-content: flex-start;
  }
  [data-place~="xs:center"] {
    justify-content: center;
  }
  [data-place~="xs:end"] {
    justify-content: flex-end;
  }
  [data-place~="xs:between"] {
    justify-content: space-between;
  }
  [data-place~="xs:first"] {
    align-items: flex-start;
  }
  [data-place~="xs:middle"] {
    align-items: center;
  }
  [data-place~="xs:last"] {
    align-items: flex-end;
  }
  [data-place~="xs:stretch"] {
    align-items: stretch;
  }
  [data-place~="xs:+start"] {
    align-content: flex-start;
    justify-content: flex-start;
  }
  [data-place~="xs:+center"] {
    align-content: center;
    justify-content: center;
  }
  [data-place~="xs:+end"] {
    align-content: flex-end;
    justify-content: flex-end;
  }
  [data-place~="xs:+between"] {
    align-content: space-between;
    justify-content: space-between;
  }
  [data-place~="xs:+first"] {
    align-items: flex-start;
    justify-items: flex-start;
  }
  [data-place~="xs:+middle"] {
    align-items: center;
    justify-items: center;
  }
  [data-place~="xs:+last"] {
    align-items: flex-end;
    justify-items: flex-end;
  }
  [data-place~="xs:+stretch"] {
    align-items: stretch;
    justify-items: stretch;
  }
}
@media screen and (min-width: 375px) {
  .l-spacer[class][data-space~="xs:reset"] {
    padding: 0;
  }
  .l-spacer[class][data-space~="xs:resetTop"] {
    padding-top: 0;
  }
  .l-spacer[class][data-space~="xs:resetBottom"] {
    padding-bottom: 0;
  }
  .l-spacer[class][data-space-py~="xs:0"] {
    padding-top: calc((4 * 0) / 10 * 1rem);
    padding-bottom: calc((4 * 0) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:0"] {
    padding-top: calc((4 * 0) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:0"] {
    padding-bottom: calc((4 * 0) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:1"] {
    padding-top: calc((4 * 1) / 10 * 1rem);
    padding-bottom: calc((4 * 1) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:1"] {
    padding-top: calc((4 * 1) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:1"] {
    padding-bottom: calc((4 * 1) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:2"] {
    padding-top: calc((4 * 2) / 10 * 1rem);
    padding-bottom: calc((4 * 2) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:2"] {
    padding-top: calc((4 * 2) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:2"] {
    padding-bottom: calc((4 * 2) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:3"] {
    padding-top: calc((4 * 3) / 10 * 1rem);
    padding-bottom: calc((4 * 3) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:3"] {
    padding-top: calc((4 * 3) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:3"] {
    padding-bottom: calc((4 * 3) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:4"] {
    padding-top: calc((4 * 4) / 10 * 1rem);
    padding-bottom: calc((4 * 4) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:4"] {
    padding-top: calc((4 * 4) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:4"] {
    padding-bottom: calc((4 * 4) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:5"] {
    padding-top: calc((4 * 5) / 10 * 1rem);
    padding-bottom: calc((4 * 5) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:5"] {
    padding-top: calc((4 * 5) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:5"] {
    padding-bottom: calc((4 * 5) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:6"] {
    padding-top: calc((4 * 6) / 10 * 1rem);
    padding-bottom: calc((4 * 6) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:6"] {
    padding-top: calc((4 * 6) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:6"] {
    padding-bottom: calc((4 * 6) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:7"] {
    padding-top: calc((4 * 7) / 10 * 1rem);
    padding-bottom: calc((4 * 7) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:7"] {
    padding-top: calc((4 * 7) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:7"] {
    padding-bottom: calc((4 * 7) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:8"] {
    padding-top: calc((4 * 8) / 10 * 1rem);
    padding-bottom: calc((4 * 8) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:8"] {
    padding-top: calc((4 * 8) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:8"] {
    padding-bottom: calc((4 * 8) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:9"] {
    padding-top: calc((4 * 9) / 10 * 1rem);
    padding-bottom: calc((4 * 9) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:9"] {
    padding-top: calc((4 * 9) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:9"] {
    padding-bottom: calc((4 * 9) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:10"] {
    padding-top: calc((4 * 10) / 10 * 1rem);
    padding-bottom: calc((4 * 10) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:10"] {
    padding-top: calc((4 * 10) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:10"] {
    padding-bottom: calc((4 * 10) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:11"] {
    padding-top: calc((4 * 11) / 10 * 1rem);
    padding-bottom: calc((4 * 11) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:11"] {
    padding-top: calc((4 * 11) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:11"] {
    padding-bottom: calc((4 * 11) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:12"] {
    padding-top: calc((4 * 12) / 10 * 1rem);
    padding-bottom: calc((4 * 12) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:12"] {
    padding-top: calc((4 * 12) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:12"] {
    padding-bottom: calc((4 * 12) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:13"] {
    padding-top: calc((4 * 13) / 10 * 1rem);
    padding-bottom: calc((4 * 13) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:13"] {
    padding-top: calc((4 * 13) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:13"] {
    padding-bottom: calc((4 * 13) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:14"] {
    padding-top: calc((4 * 14) / 10 * 1rem);
    padding-bottom: calc((4 * 14) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:14"] {
    padding-top: calc((4 * 14) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:14"] {
    padding-bottom: calc((4 * 14) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:15"] {
    padding-top: calc((4 * 15) / 10 * 1rem);
    padding-bottom: calc((4 * 15) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:15"] {
    padding-top: calc((4 * 15) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:15"] {
    padding-bottom: calc((4 * 15) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:16"] {
    padding-top: calc((4 * 16) / 10 * 1rem);
    padding-bottom: calc((4 * 16) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:16"] {
    padding-top: calc((4 * 16) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:16"] {
    padding-bottom: calc((4 * 16) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:17"] {
    padding-top: calc((4 * 17) / 10 * 1rem);
    padding-bottom: calc((4 * 17) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:17"] {
    padding-top: calc((4 * 17) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:17"] {
    padding-bottom: calc((4 * 17) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:18"] {
    padding-top: calc((4 * 18) / 10 * 1rem);
    padding-bottom: calc((4 * 18) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:18"] {
    padding-top: calc((4 * 18) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:18"] {
    padding-bottom: calc((4 * 18) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:19"] {
    padding-top: calc((4 * 19) / 10 * 1rem);
    padding-bottom: calc((4 * 19) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:19"] {
    padding-top: calc((4 * 19) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:19"] {
    padding-bottom: calc((4 * 19) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:20"] {
    padding-top: calc((4 * 20) / 10 * 1rem);
    padding-bottom: calc((4 * 20) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:20"] {
    padding-top: calc((4 * 20) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:20"] {
    padding-bottom: calc((4 * 20) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:21"] {
    padding-top: calc((4 * 21) / 10 * 1rem);
    padding-bottom: calc((4 * 21) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:21"] {
    padding-top: calc((4 * 21) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:21"] {
    padding-bottom: calc((4 * 21) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:22"] {
    padding-top: calc((4 * 22) / 10 * 1rem);
    padding-bottom: calc((4 * 22) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:22"] {
    padding-top: calc((4 * 22) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:22"] {
    padding-bottom: calc((4 * 22) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:23"] {
    padding-top: calc((4 * 23) / 10 * 1rem);
    padding-bottom: calc((4 * 23) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:23"] {
    padding-top: calc((4 * 23) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:23"] {
    padding-bottom: calc((4 * 23) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:24"] {
    padding-top: calc((4 * 24) / 10 * 1rem);
    padding-bottom: calc((4 * 24) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:24"] {
    padding-top: calc((4 * 24) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:24"] {
    padding-bottom: calc((4 * 24) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:25"] {
    padding-top: calc((4 * 25) / 10 * 1rem);
    padding-bottom: calc((4 * 25) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:25"] {
    padding-top: calc((4 * 25) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:25"] {
    padding-bottom: calc((4 * 25) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:26"] {
    padding-top: calc((4 * 26) / 10 * 1rem);
    padding-bottom: calc((4 * 26) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:26"] {
    padding-top: calc((4 * 26) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:26"] {
    padding-bottom: calc((4 * 26) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:27"] {
    padding-top: calc((4 * 27) / 10 * 1rem);
    padding-bottom: calc((4 * 27) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:27"] {
    padding-top: calc((4 * 27) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:27"] {
    padding-bottom: calc((4 * 27) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:28"] {
    padding-top: calc((4 * 28) / 10 * 1rem);
    padding-bottom: calc((4 * 28) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:28"] {
    padding-top: calc((4 * 28) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:28"] {
    padding-bottom: calc((4 * 28) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:29"] {
    padding-top: calc((4 * 29) / 10 * 1rem);
    padding-bottom: calc((4 * 29) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:29"] {
    padding-top: calc((4 * 29) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:29"] {
    padding-bottom: calc((4 * 29) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:30"] {
    padding-top: calc((4 * 30) / 10 * 1rem);
    padding-bottom: calc((4 * 30) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:30"] {
    padding-top: calc((4 * 30) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:30"] {
    padding-bottom: calc((4 * 30) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:31"] {
    padding-top: calc((4 * 31) / 10 * 1rem);
    padding-bottom: calc((4 * 31) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:31"] {
    padding-top: calc((4 * 31) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:31"] {
    padding-bottom: calc((4 * 31) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:32"] {
    padding-top: calc((4 * 32) / 10 * 1rem);
    padding-bottom: calc((4 * 32) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:32"] {
    padding-top: calc((4 * 32) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:32"] {
    padding-bottom: calc((4 * 32) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:33"] {
    padding-top: calc((4 * 33) / 10 * 1rem);
    padding-bottom: calc((4 * 33) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:33"] {
    padding-top: calc((4 * 33) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:33"] {
    padding-bottom: calc((4 * 33) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:34"] {
    padding-top: calc((4 * 34) / 10 * 1rem);
    padding-bottom: calc((4 * 34) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:34"] {
    padding-top: calc((4 * 34) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:34"] {
    padding-bottom: calc((4 * 34) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:35"] {
    padding-top: calc((4 * 35) / 10 * 1rem);
    padding-bottom: calc((4 * 35) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:35"] {
    padding-top: calc((4 * 35) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:35"] {
    padding-bottom: calc((4 * 35) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:36"] {
    padding-top: calc((4 * 36) / 10 * 1rem);
    padding-bottom: calc((4 * 36) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:36"] {
    padding-top: calc((4 * 36) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:36"] {
    padding-bottom: calc((4 * 36) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:37"] {
    padding-top: calc((4 * 37) / 10 * 1rem);
    padding-bottom: calc((4 * 37) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:37"] {
    padding-top: calc((4 * 37) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:37"] {
    padding-bottom: calc((4 * 37) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:38"] {
    padding-top: calc((4 * 38) / 10 * 1rem);
    padding-bottom: calc((4 * 38) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:38"] {
    padding-top: calc((4 * 38) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:38"] {
    padding-bottom: calc((4 * 38) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:39"] {
    padding-top: calc((4 * 39) / 10 * 1rem);
    padding-bottom: calc((4 * 39) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:39"] {
    padding-top: calc((4 * 39) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:39"] {
    padding-bottom: calc((4 * 39) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:40"] {
    padding-top: calc((4 * 40) / 10 * 1rem);
    padding-bottom: calc((4 * 40) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:40"] {
    padding-top: calc((4 * 40) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:40"] {
    padding-bottom: calc((4 * 40) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:41"] {
    padding-top: calc((4 * 41) / 10 * 1rem);
    padding-bottom: calc((4 * 41) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:41"] {
    padding-top: calc((4 * 41) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:41"] {
    padding-bottom: calc((4 * 41) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:42"] {
    padding-top: calc((4 * 42) / 10 * 1rem);
    padding-bottom: calc((4 * 42) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:42"] {
    padding-top: calc((4 * 42) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:42"] {
    padding-bottom: calc((4 * 42) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:43"] {
    padding-top: calc((4 * 43) / 10 * 1rem);
    padding-bottom: calc((4 * 43) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:43"] {
    padding-top: calc((4 * 43) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:43"] {
    padding-bottom: calc((4 * 43) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:44"] {
    padding-top: calc((4 * 44) / 10 * 1rem);
    padding-bottom: calc((4 * 44) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:44"] {
    padding-top: calc((4 * 44) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:44"] {
    padding-bottom: calc((4 * 44) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:45"] {
    padding-top: calc((4 * 45) / 10 * 1rem);
    padding-bottom: calc((4 * 45) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:45"] {
    padding-top: calc((4 * 45) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:45"] {
    padding-bottom: calc((4 * 45) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:46"] {
    padding-top: calc((4 * 46) / 10 * 1rem);
    padding-bottom: calc((4 * 46) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:46"] {
    padding-top: calc((4 * 46) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:46"] {
    padding-bottom: calc((4 * 46) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:47"] {
    padding-top: calc((4 * 47) / 10 * 1rem);
    padding-bottom: calc((4 * 47) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:47"] {
    padding-top: calc((4 * 47) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:47"] {
    padding-bottom: calc((4 * 47) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:48"] {
    padding-top: calc((4 * 48) / 10 * 1rem);
    padding-bottom: calc((4 * 48) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:48"] {
    padding-top: calc((4 * 48) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:48"] {
    padding-bottom: calc((4 * 48) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:49"] {
    padding-top: calc((4 * 49) / 10 * 1rem);
    padding-bottom: calc((4 * 49) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:49"] {
    padding-top: calc((4 * 49) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:49"] {
    padding-bottom: calc((4 * 49) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xs:50"] {
    padding-top: calc((4 * 50) / 10 * 1rem);
    padding-bottom: calc((4 * 50) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xs:50"] {
    padding-top: calc((4 * 50) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xs:50"] {
    padding-bottom: calc((4 * 50) / 10 * 1rem);
  }
  .u-ta[data-text-align~="xs:left"] {
    text-align: left;
  }
  .u-ta[data-text-align~="xs:center"] {
    text-align: center;
  }
  .u-ta[data-text-align~="xs:right"] {
    text-align: right;
  }
  .u-d[data-display~="xs:none"] {
    display: none;
  }
  .u-d[data-display~="xs:inline"] {
    display: inline;
  }
  .u-d[data-display~="xs:block"] {
    display: block;
  }
  .u-d[data-display~="xs:inline-block"] {
    display: inline-block;
  }
  .u-fz[data-font-size~="xs:10"] {
    font-size: 1rem;
  }
  .u-fz[data-font-size~="xs:11"] {
    font-size: 1.1rem;
  }
  .u-fz[data-font-size~="xs:12"] {
    font-size: 1.2rem;
  }
  .u-fz[data-font-size~="xs:13"] {
    font-size: 1.3rem;
  }
  .u-fz[data-font-size~="xs:14"] {
    font-size: 1.4rem;
  }
  .u-fz[data-font-size~="xs:15"] {
    font-size: 1.5rem;
  }
  .u-fz[data-font-size~="xs:16"] {
    font-size: 1.6rem;
  }
  .u-fz[data-font-size~="xs:17"] {
    font-size: 1.7rem;
  }
  .u-fz[data-font-size~="xs:18"] {
    font-size: 1.8rem;
  }
  .u-fz[data-font-size~="xs:19"] {
    font-size: 1.9rem;
  }
  .u-fz[data-font-size~="xs:20"] {
    font-size: 2rem;
  }
  .u-fz[data-font-size~="xs:21"] {
    font-size: 2.1rem;
  }
  .u-fz[data-font-size~="xs:22"] {
    font-size: 2.2rem;
  }
  .u-fz[data-font-size~="xs:23"] {
    font-size: 2.3rem;
  }
  .u-fz[data-font-size~="xs:24"] {
    font-size: 2.4rem;
  }
  .u-fz[data-font-size~="xs:25"] {
    font-size: 2.5rem;
  }
  .u-fz[data-font-size~="xs:26"] {
    font-size: 2.6rem;
  }
  .u-fz[data-font-size~="xs:27"] {
    font-size: 2.7rem;
  }
  .u-fz[data-font-size~="xs:28"] {
    font-size: 2.8rem;
  }
  .u-fz[data-font-size~="xs:29"] {
    font-size: 2.9rem;
  }
  .u-fz[data-font-size~="xs:30"] {
    font-size: 3rem;
  }
  .u-fz[data-font-size~="xs:31"] {
    font-size: 3.1rem;
  }
  .u-fz[data-font-size~="xs:32"] {
    font-size: 3.2rem;
  }
  .u-fz[data-font-size~="xs:33"] {
    font-size: 3.3rem;
  }
  .u-fz[data-font-size~="xs:34"] {
    font-size: 3.4rem;
  }
  .u-fz[data-font-size~="xs:35"] {
    font-size: 3.5rem;
  }
  .u-fz[data-font-size~="xs:36"] {
    font-size: 3.6rem;
  }
  .u-fz[data-font-size~="xs:37"] {
    font-size: 3.7rem;
  }
  .u-fz[data-font-size~="xs:38"] {
    font-size: 3.8rem;
  }
  .u-fz[data-font-size~="xs:39"] {
    font-size: 3.9rem;
  }
  .u-fz[data-font-size~="xs:40"] {
    font-size: 4rem;
  }
  .u-fz[data-font-size~="xs:41"] {
    font-size: 4.1rem;
  }
  .u-fz[data-font-size~="xs:42"] {
    font-size: 4.2rem;
  }
  .u-fz[data-font-size~="xs:43"] {
    font-size: 4.3rem;
  }
  .u-fz[data-font-size~="xs:44"] {
    font-size: 4.4rem;
  }
  .u-fz[data-font-size~="xs:45"] {
    font-size: 4.5rem;
  }
  .u-fz[data-font-size~="xs:46"] {
    font-size: 4.6rem;
  }
  .u-fz[data-font-size~="xs:47"] {
    font-size: 4.7rem;
  }
  .u-fz[data-font-size~="xs:48"] {
    font-size: 4.8rem;
  }
  .u-fz[data-font-size~="xs:49"] {
    font-size: 4.9rem;
  }
  .u-fz[data-font-size~="xs:50"] {
    font-size: 5rem;
  }
  .u-fz[data-font-size~="xs:51"] {
    font-size: 5.1rem;
  }
  .u-fz[data-font-size~="xs:52"] {
    font-size: 5.2rem;
  }
  .u-fz[data-font-size~="xs:53"] {
    font-size: 5.3rem;
  }
  .u-fz[data-font-size~="xs:54"] {
    font-size: 5.4rem;
  }
  .u-fz[data-font-size~="xs:55"] {
    font-size: 5.5rem;
  }
  .u-fz[data-font-size~="xs:56"] {
    font-size: 5.6rem;
  }
  .u-fz[data-font-size~="xs:57"] {
    font-size: 5.7rem;
  }
  .u-fz[data-font-size~="xs:58"] {
    font-size: 5.8rem;
  }
  .u-fz[data-font-size~="xs:59"] {
    font-size: 5.9rem;
  }
  .u-fz[data-font-size~="xs:60"] {
    font-size: 6rem;
  }
  .u-fz[data-font-size~="xs:61"] {
    font-size: 6.1rem;
  }
  .u-fz[data-font-size~="xs:62"] {
    font-size: 6.2rem;
  }
  .u-fz[data-font-size~="xs:63"] {
    font-size: 6.3rem;
  }
  .u-fz[data-font-size~="xs:64"] {
    font-size: 6.4rem;
  }
  .u-fz[data-font-size~="xs:65"] {
    font-size: 6.5rem;
  }
  .u-fz[data-font-size~="xs:66"] {
    font-size: 6.6rem;
  }
  .u-fz[data-font-size~="xs:67"] {
    font-size: 6.7rem;
  }
  .u-fz[data-font-size~="xs:68"] {
    font-size: 6.8rem;
  }
  .u-fz[data-font-size~="xs:69"] {
    font-size: 6.9rem;
  }
  .u-fz[data-font-size~="xs:70"] {
    font-size: 7rem;
  }
  .u-fz[data-font-size~="xs:71"] {
    font-size: 7.1rem;
  }
  .u-fz[data-font-size~="xs:72"] {
    font-size: 7.2rem;
  }
  .u-fz[data-font-size~="xs:73"] {
    font-size: 7.3rem;
  }
  .u-fz[data-font-size~="xs:74"] {
    font-size: 7.4rem;
  }
  .u-fz[data-font-size~="xs:75"] {
    font-size: 7.5rem;
  }
  .u-fz[data-font-size~="xs:76"] {
    font-size: 7.6rem;
  }
  .u-fz[data-font-size~="xs:77"] {
    font-size: 7.7rem;
  }
  .u-fz[data-font-size~="xs:78"] {
    font-size: 7.8rem;
  }
  .u-fz[data-font-size~="xs:79"] {
    font-size: 7.9rem;
  }
  .u-fz[data-font-size~="xs:80"] {
    font-size: 8rem;
  }
  .u-mt[data-mt-size~="xs:5"] {
    margin-top: 0.5rem;
  }
  .u-mt[data-mt-size~="5"] {
    margin-top: 0.5rem;
  }
  .u-mt[data-mt-size~="xs:10"] {
    margin-top: 1rem;
  }
  .u-mt[data-mt-size~="10"] {
    margin-top: 1rem;
  }
  .u-mt[data-mt-size~="xs:15"] {
    margin-top: 1.5rem;
  }
  .u-mt[data-mt-size~="15"] {
    margin-top: 1.5rem;
  }
  .u-mt[data-mt-size~="xs:20"] {
    margin-top: 2rem;
  }
  .u-mt[data-mt-size~="20"] {
    margin-top: 2rem;
  }
  .u-mt[data-mt-size~="xs:25"] {
    margin-top: 2.5rem;
  }
  .u-mt[data-mt-size~="25"] {
    margin-top: 2.5rem;
  }
  .u-mt[data-mt-size~="xs:30"] {
    margin-top: 3rem;
  }
  .u-mt[data-mt-size~="30"] {
    margin-top: 3rem;
  }
  .u-mt[data-mt-size~="xs:35"] {
    margin-top: 3.5rem;
  }
  .u-mt[data-mt-size~="35"] {
    margin-top: 3.5rem;
  }
  .u-mt[data-mt-size~="xs:40"] {
    margin-top: 4rem;
  }
  .u-mt[data-mt-size~="40"] {
    margin-top: 4rem;
  }
  .u-mt[data-mt-size~="xs:45"] {
    margin-top: 4.5rem;
  }
  .u-mt[data-mt-size~="45"] {
    margin-top: 4.5rem;
  }
  .u-mt[data-mt-size~="xs:50"] {
    margin-top: 5rem;
  }
  .u-mt[data-mt-size~="50"] {
    margin-top: 5rem;
  }
  .u-mt[data-mt-size~="xs:55"] {
    margin-top: 5.5rem;
  }
  .u-mt[data-mt-size~="55"] {
    margin-top: 5.5rem;
  }
  .u-mt[data-mt-size~="xs:60"] {
    margin-top: 6rem;
  }
  .u-mt[data-mt-size~="60"] {
    margin-top: 6rem;
  }
  .u-mt[data-mt-size~="xs:65"] {
    margin-top: 6.5rem;
  }
  .u-mt[data-mt-size~="65"] {
    margin-top: 6.5rem;
  }
  .u-mt[data-mt-size~="xs:70"] {
    margin-top: 7rem;
  }
  .u-mt[data-mt-size~="70"] {
    margin-top: 7rem;
  }
  .u-mt[data-mt-size~="xs:75"] {
    margin-top: 7.5rem;
  }
  .u-mt[data-mt-size~="75"] {
    margin-top: 7.5rem;
  }
  .u-mt[data-mt-size~="xs:80"] {
    margin-top: 8rem;
  }
  .u-mt[data-mt-size~="80"] {
    margin-top: 8rem;
  }
  .u-mt[data-mt-size~="xs:85"] {
    margin-top: 8.5rem;
  }
  .u-mt[data-mt-size~="85"] {
    margin-top: 8.5rem;
  }
  .u-mt[data-mt-size~="xs:90"] {
    margin-top: 9rem;
  }
  .u-mt[data-mt-size~="90"] {
    margin-top: 9rem;
  }
  .u-mt[data-mt-size~="xs:95"] {
    margin-top: 9.5rem;
  }
  .u-mt[data-mt-size~="95"] {
    margin-top: 9.5rem;
  }
  .u-mt[data-mt-size~="xs:100"] {
    margin-top: 10rem;
  }
  .u-mt[data-mt-size~="100"] {
    margin-top: 10rem;
  }
  .u-mb[data-mb-size~="xs:5"] {
    margin-bottom: 0.5rem;
  }
  .u-mb[data-mb-size~="xs:10"] {
    margin-bottom: 1rem;
  }
  .u-mb[data-mb-size~="xs:15"] {
    margin-bottom: 1.5rem;
  }
  .u-mb[data-mb-size~="xs:20"] {
    margin-bottom: 2rem;
  }
  .u-mb[data-mb-size~="xs:25"] {
    margin-bottom: 2.5rem;
  }
  .u-mb[data-mb-size~="xs:30"] {
    margin-bottom: 3rem;
  }
  .u-mb[data-mb-size~="xs:35"] {
    margin-bottom: 3.5rem;
  }
  .u-mb[data-mb-size~="xs:40"] {
    margin-bottom: 4rem;
  }
  .u-mb[data-mb-size~="xs:45"] {
    margin-bottom: 4.5rem;
  }
  .u-mb[data-mb-size~="xs:50"] {
    margin-bottom: 5rem;
  }
  .u-mb[data-mb-size~="xs:55"] {
    margin-bottom: 5.5rem;
  }
  .u-mb[data-mb-size~="xs:60"] {
    margin-bottom: 6rem;
  }
  .u-mb[data-mb-size~="xs:65"] {
    margin-bottom: 6.5rem;
  }
  .u-mb[data-mb-size~="xs:70"] {
    margin-bottom: 7rem;
  }
  .u-mb[data-mb-size~="xs:75"] {
    margin-bottom: 7.5rem;
  }
  .u-mb[data-mb-size~="xs:80"] {
    margin-bottom: 8rem;
  }
  .u-mb[data-mb-size~="xs:85"] {
    margin-bottom: 8.5rem;
  }
  .u-mb[data-mb-size~="xs:90"] {
    margin-bottom: 9rem;
  }
  .u-mb[data-mb-size~="xs:95"] {
    margin-bottom: 9.5rem;
  }
  .u-mb[data-mb-size~="xs:100"] {
    margin-bottom: 10rem;
  }
  .u-mb[data-mb-size~="xs:xxxs"] {
    margin-bottom: 1rem;
  }
  .u-mb[data-mb-size~="xs:xxs"] {
    margin-bottom: 2rem;
  }
  .u-mb[data-mb-size~="xs:xs"] {
    margin-bottom: 4rem;
  }
  .u-mb[data-mb-size~="xs:sm"] {
    margin-bottom: 6rem;
  }
  .u-mb[data-mb-size~="xs:md"] {
    margin-bottom: 8rem;
  }
  .u-mb[data-mb-size~="xs:lg"] {
    margin-bottom: 10rem;
  }
  .u-mb[data-mb-size~="xs:xl"] {
    margin-bottom: 12rem;
  }
  .u-mb[data-mb-size~="xs:xxl"] {
    margin-bottom: 16rem;
  }
  .u-mb[data-mb-size~="xs:xxxl"] {
    margin-bottom: 20rem;
  }
  .u-w[data-width~="xs:1pct"] {
    width: 1%;
  }
  .u-w[data-width~="xs:2pct"] {
    width: 2%;
  }
  .u-w[data-width~="xs:3pct"] {
    width: 3%;
  }
  .u-w[data-width~="xs:4pct"] {
    width: 4%;
  }
  .u-w[data-width~="xs:5pct"] {
    width: 5%;
  }
  .u-w[data-width~="xs:6pct"] {
    width: 6%;
  }
  .u-w[data-width~="xs:7pct"] {
    width: 7%;
  }
  .u-w[data-width~="xs:8pct"] {
    width: 8%;
  }
  .u-w[data-width~="xs:9pct"] {
    width: 9%;
  }
  .u-w[data-width~="xs:10pct"] {
    width: 10%;
  }
  .u-w[data-width~="xs:11pct"] {
    width: 11%;
  }
  .u-w[data-width~="xs:12pct"] {
    width: 12%;
  }
  .u-w[data-width~="xs:13pct"] {
    width: 13%;
  }
  .u-w[data-width~="xs:14pct"] {
    width: 14%;
  }
  .u-w[data-width~="xs:15pct"] {
    width: 15%;
  }
  .u-w[data-width~="xs:16pct"] {
    width: 16%;
  }
  .u-w[data-width~="xs:17pct"] {
    width: 17%;
  }
  .u-w[data-width~="xs:18pct"] {
    width: 18%;
  }
  .u-w[data-width~="xs:19pct"] {
    width: 19%;
  }
  .u-w[data-width~="xs:20pct"] {
    width: 20%;
  }
  .u-w[data-width~="xs:21pct"] {
    width: 21%;
  }
  .u-w[data-width~="xs:22pct"] {
    width: 22%;
  }
  .u-w[data-width~="xs:23pct"] {
    width: 23%;
  }
  .u-w[data-width~="xs:24pct"] {
    width: 24%;
  }
  .u-w[data-width~="xs:25pct"] {
    width: 25%;
  }
  .u-w[data-width~="xs:26pct"] {
    width: 26%;
  }
  .u-w[data-width~="xs:27pct"] {
    width: 27%;
  }
  .u-w[data-width~="xs:28pct"] {
    width: 28%;
  }
  .u-w[data-width~="xs:29pct"] {
    width: 29%;
  }
  .u-w[data-width~="xs:30pct"] {
    width: 30%;
  }
  .u-w[data-width~="xs:31pct"] {
    width: 31%;
  }
  .u-w[data-width~="xs:32pct"] {
    width: 32%;
  }
  .u-w[data-width~="xs:33pct"] {
    width: 33%;
  }
  .u-w[data-width~="xs:34pct"] {
    width: 34%;
  }
  .u-w[data-width~="xs:35pct"] {
    width: 35%;
  }
  .u-w[data-width~="xs:36pct"] {
    width: 36%;
  }
  .u-w[data-width~="xs:37pct"] {
    width: 37%;
  }
  .u-w[data-width~="xs:38pct"] {
    width: 38%;
  }
  .u-w[data-width~="xs:39pct"] {
    width: 39%;
  }
  .u-w[data-width~="xs:40pct"] {
    width: 40%;
  }
  .u-w[data-width~="xs:41pct"] {
    width: 41%;
  }
  .u-w[data-width~="xs:42pct"] {
    width: 42%;
  }
  .u-w[data-width~="xs:43pct"] {
    width: 43%;
  }
  .u-w[data-width~="xs:44pct"] {
    width: 44%;
  }
  .u-w[data-width~="xs:45pct"] {
    width: 45%;
  }
  .u-w[data-width~="xs:46pct"] {
    width: 46%;
  }
  .u-w[data-width~="xs:47pct"] {
    width: 47%;
  }
  .u-w[data-width~="xs:48pct"] {
    width: 48%;
  }
  .u-w[data-width~="xs:49pct"] {
    width: 49%;
  }
  .u-w[data-width~="xs:50pct"] {
    width: 50%;
  }
  .u-w[data-width~="xs:51pct"] {
    width: 51%;
  }
  .u-w[data-width~="xs:52pct"] {
    width: 52%;
  }
  .u-w[data-width~="xs:53pct"] {
    width: 53%;
  }
  .u-w[data-width~="xs:54pct"] {
    width: 54%;
  }
  .u-w[data-width~="xs:55pct"] {
    width: 55%;
  }
  .u-w[data-width~="xs:56pct"] {
    width: 56%;
  }
  .u-w[data-width~="xs:57pct"] {
    width: 57%;
  }
  .u-w[data-width~="xs:58pct"] {
    width: 58%;
  }
  .u-w[data-width~="xs:59pct"] {
    width: 59%;
  }
  .u-w[data-width~="xs:60pct"] {
    width: 60%;
  }
  .u-w[data-width~="xs:61pct"] {
    width: 61%;
  }
  .u-w[data-width~="xs:62pct"] {
    width: 62%;
  }
  .u-w[data-width~="xs:63pct"] {
    width: 63%;
  }
  .u-w[data-width~="xs:64pct"] {
    width: 64%;
  }
  .u-w[data-width~="xs:65pct"] {
    width: 65%;
  }
  .u-w[data-width~="xs:66pct"] {
    width: 66%;
  }
  .u-w[data-width~="xs:67pct"] {
    width: 67%;
  }
  .u-w[data-width~="xs:68pct"] {
    width: 68%;
  }
  .u-w[data-width~="xs:69pct"] {
    width: 69%;
  }
  .u-w[data-width~="xs:70pct"] {
    width: 70%;
  }
  .u-w[data-width~="xs:71pct"] {
    width: 71%;
  }
  .u-w[data-width~="xs:72pct"] {
    width: 72%;
  }
  .u-w[data-width~="xs:73pct"] {
    width: 73%;
  }
  .u-w[data-width~="xs:74pct"] {
    width: 74%;
  }
  .u-w[data-width~="xs:75pct"] {
    width: 75%;
  }
  .u-w[data-width~="xs:76pct"] {
    width: 76%;
  }
  .u-w[data-width~="xs:77pct"] {
    width: 77%;
  }
  .u-w[data-width~="xs:78pct"] {
    width: 78%;
  }
  .u-w[data-width~="xs:79pct"] {
    width: 79%;
  }
  .u-w[data-width~="xs:80pct"] {
    width: 80%;
  }
  .u-w[data-width~="xs:81pct"] {
    width: 81%;
  }
  .u-w[data-width~="xs:82pct"] {
    width: 82%;
  }
  .u-w[data-width~="xs:83pct"] {
    width: 83%;
  }
  .u-w[data-width~="xs:84pct"] {
    width: 84%;
  }
  .u-w[data-width~="xs:85pct"] {
    width: 85%;
  }
  .u-w[data-width~="xs:86pct"] {
    width: 86%;
  }
  .u-w[data-width~="xs:87pct"] {
    width: 87%;
  }
  .u-w[data-width~="xs:88pct"] {
    width: 88%;
  }
  .u-w[data-width~="xs:89pct"] {
    width: 89%;
  }
  .u-w[data-width~="xs:90pct"] {
    width: 90%;
  }
  .u-w[data-width~="xs:91pct"] {
    width: 91%;
  }
  .u-w[data-width~="xs:92pct"] {
    width: 92%;
  }
  .u-w[data-width~="xs:93pct"] {
    width: 93%;
  }
  .u-w[data-width~="xs:94pct"] {
    width: 94%;
  }
  .u-w[data-width~="xs:95pct"] {
    width: 95%;
  }
  .u-w[data-width~="xs:96pct"] {
    width: 96%;
  }
  .u-w[data-width~="xs:97pct"] {
    width: 97%;
  }
  .u-w[data-width~="xs:98pct"] {
    width: 98%;
  }
  .u-w[data-width~="xs:99pct"] {
    width: 99%;
  }
  .u-w[data-width~="xs:100pct"] {
    width: 100%;
  }
}
@media print, screen and (min-width: 480px) {
  [data-gap~="sm:0"] {
    gap: calc((4 * 0) / 10 * 1rem);
  }
  [data-gap~="sm:x-0"] {
    -moz-column-gap: calc((4 * 0) / 10 * 1rem);
         column-gap: calc((4 * 0) / 10 * 1rem);
  }
  [data-gap~="sm:y-0"] {
    row-gap: calc((4 * 0) / 10 * 1rem);
  }
  [data-gap~="sm:1"] {
    gap: calc((4 * 1) / 10 * 1rem);
  }
  [data-gap~="sm:x-1"] {
    -moz-column-gap: calc((4 * 1) / 10 * 1rem);
         column-gap: calc((4 * 1) / 10 * 1rem);
  }
  [data-gap~="sm:y-1"] {
    row-gap: calc((4 * 1) / 10 * 1rem);
  }
  [data-gap~="sm:2"] {
    gap: calc((4 * 2) / 10 * 1rem);
  }
  [data-gap~="sm:x-2"] {
    -moz-column-gap: calc((4 * 2) / 10 * 1rem);
         column-gap: calc((4 * 2) / 10 * 1rem);
  }
  [data-gap~="sm:y-2"] {
    row-gap: calc((4 * 2) / 10 * 1rem);
  }
  [data-gap~="sm:3"] {
    gap: calc((4 * 3) / 10 * 1rem);
  }
  [data-gap~="sm:x-3"] {
    -moz-column-gap: calc((4 * 3) / 10 * 1rem);
         column-gap: calc((4 * 3) / 10 * 1rem);
  }
  [data-gap~="sm:y-3"] {
    row-gap: calc((4 * 3) / 10 * 1rem);
  }
  [data-gap~="sm:4"] {
    gap: calc((4 * 4) / 10 * 1rem);
  }
  [data-gap~="sm:x-4"] {
    -moz-column-gap: calc((4 * 4) / 10 * 1rem);
         column-gap: calc((4 * 4) / 10 * 1rem);
  }
  [data-gap~="sm:y-4"] {
    row-gap: calc((4 * 4) / 10 * 1rem);
  }
  [data-gap~="sm:5"] {
    gap: calc((4 * 5) / 10 * 1rem);
  }
  [data-gap~="sm:x-5"] {
    -moz-column-gap: calc((4 * 5) / 10 * 1rem);
         column-gap: calc((4 * 5) / 10 * 1rem);
  }
  [data-gap~="sm:y-5"] {
    row-gap: calc((4 * 5) / 10 * 1rem);
  }
  [data-gap~="sm:6"] {
    gap: calc((4 * 6) / 10 * 1rem);
  }
  [data-gap~="sm:x-6"] {
    -moz-column-gap: calc((4 * 6) / 10 * 1rem);
         column-gap: calc((4 * 6) / 10 * 1rem);
  }
  [data-gap~="sm:y-6"] {
    row-gap: calc((4 * 6) / 10 * 1rem);
  }
  [data-gap~="sm:7"] {
    gap: calc((4 * 7) / 10 * 1rem);
  }
  [data-gap~="sm:x-7"] {
    -moz-column-gap: calc((4 * 7) / 10 * 1rem);
         column-gap: calc((4 * 7) / 10 * 1rem);
  }
  [data-gap~="sm:y-7"] {
    row-gap: calc((4 * 7) / 10 * 1rem);
  }
  [data-gap~="sm:8"] {
    gap: calc((4 * 8) / 10 * 1rem);
  }
  [data-gap~="sm:x-8"] {
    -moz-column-gap: calc((4 * 8) / 10 * 1rem);
         column-gap: calc((4 * 8) / 10 * 1rem);
  }
  [data-gap~="sm:y-8"] {
    row-gap: calc((4 * 8) / 10 * 1rem);
  }
  [data-gap~="sm:9"] {
    gap: calc((4 * 9) / 10 * 1rem);
  }
  [data-gap~="sm:x-9"] {
    -moz-column-gap: calc((4 * 9) / 10 * 1rem);
         column-gap: calc((4 * 9) / 10 * 1rem);
  }
  [data-gap~="sm:y-9"] {
    row-gap: calc((4 * 9) / 10 * 1rem);
  }
  [data-gap~="sm:10"] {
    gap: calc((4 * 10) / 10 * 1rem);
  }
  [data-gap~="sm:x-10"] {
    -moz-column-gap: calc((4 * 10) / 10 * 1rem);
         column-gap: calc((4 * 10) / 10 * 1rem);
  }
  [data-gap~="sm:y-10"] {
    row-gap: calc((4 * 10) / 10 * 1rem);
  }
  [data-gap~="sm:11"] {
    gap: calc((4 * 11) / 10 * 1rem);
  }
  [data-gap~="sm:x-11"] {
    -moz-column-gap: calc((4 * 11) / 10 * 1rem);
         column-gap: calc((4 * 11) / 10 * 1rem);
  }
  [data-gap~="sm:y-11"] {
    row-gap: calc((4 * 11) / 10 * 1rem);
  }
  [data-gap~="sm:12"] {
    gap: calc((4 * 12) / 10 * 1rem);
  }
  [data-gap~="sm:x-12"] {
    -moz-column-gap: calc((4 * 12) / 10 * 1rem);
         column-gap: calc((4 * 12) / 10 * 1rem);
  }
  [data-gap~="sm:y-12"] {
    row-gap: calc((4 * 12) / 10 * 1rem);
  }
  [data-gap~="sm:13"] {
    gap: calc((4 * 13) / 10 * 1rem);
  }
  [data-gap~="sm:x-13"] {
    -moz-column-gap: calc((4 * 13) / 10 * 1rem);
         column-gap: calc((4 * 13) / 10 * 1rem);
  }
  [data-gap~="sm:y-13"] {
    row-gap: calc((4 * 13) / 10 * 1rem);
  }
  [data-gap~="sm:14"] {
    gap: calc((4 * 14) / 10 * 1rem);
  }
  [data-gap~="sm:x-14"] {
    -moz-column-gap: calc((4 * 14) / 10 * 1rem);
         column-gap: calc((4 * 14) / 10 * 1rem);
  }
  [data-gap~="sm:y-14"] {
    row-gap: calc((4 * 14) / 10 * 1rem);
  }
  [data-gap~="sm:15"] {
    gap: calc((4 * 15) / 10 * 1rem);
  }
  [data-gap~="sm:x-15"] {
    -moz-column-gap: calc((4 * 15) / 10 * 1rem);
         column-gap: calc((4 * 15) / 10 * 1rem);
  }
  [data-gap~="sm:y-15"] {
    row-gap: calc((4 * 15) / 10 * 1rem);
  }
  [data-gap~="sm:16"] {
    gap: calc((4 * 16) / 10 * 1rem);
  }
  [data-gap~="sm:x-16"] {
    -moz-column-gap: calc((4 * 16) / 10 * 1rem);
         column-gap: calc((4 * 16) / 10 * 1rem);
  }
  [data-gap~="sm:y-16"] {
    row-gap: calc((4 * 16) / 10 * 1rem);
  }
  [data-gap~="sm:17"] {
    gap: calc((4 * 17) / 10 * 1rem);
  }
  [data-gap~="sm:x-17"] {
    -moz-column-gap: calc((4 * 17) / 10 * 1rem);
         column-gap: calc((4 * 17) / 10 * 1rem);
  }
  [data-gap~="sm:y-17"] {
    row-gap: calc((4 * 17) / 10 * 1rem);
  }
  [data-gap~="sm:18"] {
    gap: calc((4 * 18) / 10 * 1rem);
  }
  [data-gap~="sm:x-18"] {
    -moz-column-gap: calc((4 * 18) / 10 * 1rem);
         column-gap: calc((4 * 18) / 10 * 1rem);
  }
  [data-gap~="sm:y-18"] {
    row-gap: calc((4 * 18) / 10 * 1rem);
  }
  [data-gap~="sm:19"] {
    gap: calc((4 * 19) / 10 * 1rem);
  }
  [data-gap~="sm:x-19"] {
    -moz-column-gap: calc((4 * 19) / 10 * 1rem);
         column-gap: calc((4 * 19) / 10 * 1rem);
  }
  [data-gap~="sm:y-19"] {
    row-gap: calc((4 * 19) / 10 * 1rem);
  }
  [data-gap~="sm:20"] {
    gap: calc((4 * 20) / 10 * 1rem);
  }
  [data-gap~="sm:x-20"] {
    -moz-column-gap: calc((4 * 20) / 10 * 1rem);
         column-gap: calc((4 * 20) / 10 * 1rem);
  }
  [data-gap~="sm:y-20"] {
    row-gap: calc((4 * 20) / 10 * 1rem);
  }
  [data-gap~="sm:21"] {
    gap: calc((4 * 21) / 10 * 1rem);
  }
  [data-gap~="sm:x-21"] {
    -moz-column-gap: calc((4 * 21) / 10 * 1rem);
         column-gap: calc((4 * 21) / 10 * 1rem);
  }
  [data-gap~="sm:y-21"] {
    row-gap: calc((4 * 21) / 10 * 1rem);
  }
  [data-gap~="sm:22"] {
    gap: calc((4 * 22) / 10 * 1rem);
  }
  [data-gap~="sm:x-22"] {
    -moz-column-gap: calc((4 * 22) / 10 * 1rem);
         column-gap: calc((4 * 22) / 10 * 1rem);
  }
  [data-gap~="sm:y-22"] {
    row-gap: calc((4 * 22) / 10 * 1rem);
  }
  [data-gap~="sm:23"] {
    gap: calc((4 * 23) / 10 * 1rem);
  }
  [data-gap~="sm:x-23"] {
    -moz-column-gap: calc((4 * 23) / 10 * 1rem);
         column-gap: calc((4 * 23) / 10 * 1rem);
  }
  [data-gap~="sm:y-23"] {
    row-gap: calc((4 * 23) / 10 * 1rem);
  }
  [data-gap~="sm:24"] {
    gap: calc((4 * 24) / 10 * 1rem);
  }
  [data-gap~="sm:x-24"] {
    -moz-column-gap: calc((4 * 24) / 10 * 1rem);
         column-gap: calc((4 * 24) / 10 * 1rem);
  }
  [data-gap~="sm:y-24"] {
    row-gap: calc((4 * 24) / 10 * 1rem);
  }
  [data-gap~="sm:25"] {
    gap: calc((4 * 25) / 10 * 1rem);
  }
  [data-gap~="sm:x-25"] {
    -moz-column-gap: calc((4 * 25) / 10 * 1rem);
         column-gap: calc((4 * 25) / 10 * 1rem);
  }
  [data-gap~="sm:y-25"] {
    row-gap: calc((4 * 25) / 10 * 1rem);
  }
  [data-gap~="sm:26"] {
    gap: calc((4 * 26) / 10 * 1rem);
  }
  [data-gap~="sm:x-26"] {
    -moz-column-gap: calc((4 * 26) / 10 * 1rem);
         column-gap: calc((4 * 26) / 10 * 1rem);
  }
  [data-gap~="sm:y-26"] {
    row-gap: calc((4 * 26) / 10 * 1rem);
  }
  [data-gap~="sm:27"] {
    gap: calc((4 * 27) / 10 * 1rem);
  }
  [data-gap~="sm:x-27"] {
    -moz-column-gap: calc((4 * 27) / 10 * 1rem);
         column-gap: calc((4 * 27) / 10 * 1rem);
  }
  [data-gap~="sm:y-27"] {
    row-gap: calc((4 * 27) / 10 * 1rem);
  }
  [data-gap~="sm:28"] {
    gap: calc((4 * 28) / 10 * 1rem);
  }
  [data-gap~="sm:x-28"] {
    -moz-column-gap: calc((4 * 28) / 10 * 1rem);
         column-gap: calc((4 * 28) / 10 * 1rem);
  }
  [data-gap~="sm:y-28"] {
    row-gap: calc((4 * 28) / 10 * 1rem);
  }
  [data-gap~="sm:29"] {
    gap: calc((4 * 29) / 10 * 1rem);
  }
  [data-gap~="sm:x-29"] {
    -moz-column-gap: calc((4 * 29) / 10 * 1rem);
         column-gap: calc((4 * 29) / 10 * 1rem);
  }
  [data-gap~="sm:y-29"] {
    row-gap: calc((4 * 29) / 10 * 1rem);
  }
  [data-gap~="sm:30"] {
    gap: calc((4 * 30) / 10 * 1rem);
  }
  [data-gap~="sm:x-30"] {
    -moz-column-gap: calc((4 * 30) / 10 * 1rem);
         column-gap: calc((4 * 30) / 10 * 1rem);
  }
  [data-gap~="sm:y-30"] {
    row-gap: calc((4 * 30) / 10 * 1rem);
  }
  [data-gap~="sm:31"] {
    gap: calc((4 * 31) / 10 * 1rem);
  }
  [data-gap~="sm:x-31"] {
    -moz-column-gap: calc((4 * 31) / 10 * 1rem);
         column-gap: calc((4 * 31) / 10 * 1rem);
  }
  [data-gap~="sm:y-31"] {
    row-gap: calc((4 * 31) / 10 * 1rem);
  }
  [data-gap~="sm:32"] {
    gap: calc((4 * 32) / 10 * 1rem);
  }
  [data-gap~="sm:x-32"] {
    -moz-column-gap: calc((4 * 32) / 10 * 1rem);
         column-gap: calc((4 * 32) / 10 * 1rem);
  }
  [data-gap~="sm:y-32"] {
    row-gap: calc((4 * 32) / 10 * 1rem);
  }
  [data-gap~="sm:33"] {
    gap: calc((4 * 33) / 10 * 1rem);
  }
  [data-gap~="sm:x-33"] {
    -moz-column-gap: calc((4 * 33) / 10 * 1rem);
         column-gap: calc((4 * 33) / 10 * 1rem);
  }
  [data-gap~="sm:y-33"] {
    row-gap: calc((4 * 33) / 10 * 1rem);
  }
  [data-gap~="sm:34"] {
    gap: calc((4 * 34) / 10 * 1rem);
  }
  [data-gap~="sm:x-34"] {
    -moz-column-gap: calc((4 * 34) / 10 * 1rem);
         column-gap: calc((4 * 34) / 10 * 1rem);
  }
  [data-gap~="sm:y-34"] {
    row-gap: calc((4 * 34) / 10 * 1rem);
  }
  [data-gap~="sm:35"] {
    gap: calc((4 * 35) / 10 * 1rem);
  }
  [data-gap~="sm:x-35"] {
    -moz-column-gap: calc((4 * 35) / 10 * 1rem);
         column-gap: calc((4 * 35) / 10 * 1rem);
  }
  [data-gap~="sm:y-35"] {
    row-gap: calc((4 * 35) / 10 * 1rem);
  }
  [data-gap~="sm:36"] {
    gap: calc((4 * 36) / 10 * 1rem);
  }
  [data-gap~="sm:x-36"] {
    -moz-column-gap: calc((4 * 36) / 10 * 1rem);
         column-gap: calc((4 * 36) / 10 * 1rem);
  }
  [data-gap~="sm:y-36"] {
    row-gap: calc((4 * 36) / 10 * 1rem);
  }
  [data-gap~="sm:37"] {
    gap: calc((4 * 37) / 10 * 1rem);
  }
  [data-gap~="sm:x-37"] {
    -moz-column-gap: calc((4 * 37) / 10 * 1rem);
         column-gap: calc((4 * 37) / 10 * 1rem);
  }
  [data-gap~="sm:y-37"] {
    row-gap: calc((4 * 37) / 10 * 1rem);
  }
  [data-gap~="sm:38"] {
    gap: calc((4 * 38) / 10 * 1rem);
  }
  [data-gap~="sm:x-38"] {
    -moz-column-gap: calc((4 * 38) / 10 * 1rem);
         column-gap: calc((4 * 38) / 10 * 1rem);
  }
  [data-gap~="sm:y-38"] {
    row-gap: calc((4 * 38) / 10 * 1rem);
  }
  [data-gap~="sm:39"] {
    gap: calc((4 * 39) / 10 * 1rem);
  }
  [data-gap~="sm:x-39"] {
    -moz-column-gap: calc((4 * 39) / 10 * 1rem);
         column-gap: calc((4 * 39) / 10 * 1rem);
  }
  [data-gap~="sm:y-39"] {
    row-gap: calc((4 * 39) / 10 * 1rem);
  }
  [data-gap~="sm:40"] {
    gap: calc((4 * 40) / 10 * 1rem);
  }
  [data-gap~="sm:x-40"] {
    -moz-column-gap: calc((4 * 40) / 10 * 1rem);
         column-gap: calc((4 * 40) / 10 * 1rem);
  }
  [data-gap~="sm:y-40"] {
    row-gap: calc((4 * 40) / 10 * 1rem);
  }
  [data-gap~="sm:41"] {
    gap: calc((4 * 41) / 10 * 1rem);
  }
  [data-gap~="sm:x-41"] {
    -moz-column-gap: calc((4 * 41) / 10 * 1rem);
         column-gap: calc((4 * 41) / 10 * 1rem);
  }
  [data-gap~="sm:y-41"] {
    row-gap: calc((4 * 41) / 10 * 1rem);
  }
  [data-gap~="sm:42"] {
    gap: calc((4 * 42) / 10 * 1rem);
  }
  [data-gap~="sm:x-42"] {
    -moz-column-gap: calc((4 * 42) / 10 * 1rem);
         column-gap: calc((4 * 42) / 10 * 1rem);
  }
  [data-gap~="sm:y-42"] {
    row-gap: calc((4 * 42) / 10 * 1rem);
  }
  [data-gap~="sm:43"] {
    gap: calc((4 * 43) / 10 * 1rem);
  }
  [data-gap~="sm:x-43"] {
    -moz-column-gap: calc((4 * 43) / 10 * 1rem);
         column-gap: calc((4 * 43) / 10 * 1rem);
  }
  [data-gap~="sm:y-43"] {
    row-gap: calc((4 * 43) / 10 * 1rem);
  }
  [data-gap~="sm:44"] {
    gap: calc((4 * 44) / 10 * 1rem);
  }
  [data-gap~="sm:x-44"] {
    -moz-column-gap: calc((4 * 44) / 10 * 1rem);
         column-gap: calc((4 * 44) / 10 * 1rem);
  }
  [data-gap~="sm:y-44"] {
    row-gap: calc((4 * 44) / 10 * 1rem);
  }
  [data-gap~="sm:45"] {
    gap: calc((4 * 45) / 10 * 1rem);
  }
  [data-gap~="sm:x-45"] {
    -moz-column-gap: calc((4 * 45) / 10 * 1rem);
         column-gap: calc((4 * 45) / 10 * 1rem);
  }
  [data-gap~="sm:y-45"] {
    row-gap: calc((4 * 45) / 10 * 1rem);
  }
  [data-gap~="sm:46"] {
    gap: calc((4 * 46) / 10 * 1rem);
  }
  [data-gap~="sm:x-46"] {
    -moz-column-gap: calc((4 * 46) / 10 * 1rem);
         column-gap: calc((4 * 46) / 10 * 1rem);
  }
  [data-gap~="sm:y-46"] {
    row-gap: calc((4 * 46) / 10 * 1rem);
  }
  [data-gap~="sm:47"] {
    gap: calc((4 * 47) / 10 * 1rem);
  }
  [data-gap~="sm:x-47"] {
    -moz-column-gap: calc((4 * 47) / 10 * 1rem);
         column-gap: calc((4 * 47) / 10 * 1rem);
  }
  [data-gap~="sm:y-47"] {
    row-gap: calc((4 * 47) / 10 * 1rem);
  }
  [data-gap~="sm:48"] {
    gap: calc((4 * 48) / 10 * 1rem);
  }
  [data-gap~="sm:x-48"] {
    -moz-column-gap: calc((4 * 48) / 10 * 1rem);
         column-gap: calc((4 * 48) / 10 * 1rem);
  }
  [data-gap~="sm:y-48"] {
    row-gap: calc((4 * 48) / 10 * 1rem);
  }
  [data-gap~="sm:49"] {
    gap: calc((4 * 49) / 10 * 1rem);
  }
  [data-gap~="sm:x-49"] {
    -moz-column-gap: calc((4 * 49) / 10 * 1rem);
         column-gap: calc((4 * 49) / 10 * 1rem);
  }
  [data-gap~="sm:y-49"] {
    row-gap: calc((4 * 49) / 10 * 1rem);
  }
  [data-gap~="sm:50"] {
    gap: calc((4 * 50) / 10 * 1rem);
  }
  [data-gap~="sm:x-50"] {
    -moz-column-gap: calc((4 * 50) / 10 * 1rem);
         column-gap: calc((4 * 50) / 10 * 1rem);
  }
  [data-gap~="sm:y-50"] {
    row-gap: calc((4 * 50) / 10 * 1rem);
  }
  [data-grid~="sm:cols-1"] {
    -ms-grid-columns: (minmax(0, 1fr))[1];
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  [data-grid~="sm:cols-2"] {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  [data-grid~="sm:cols-3"] {
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  [data-grid~="sm:cols-4"] {
    -ms-grid-columns: (minmax(0, 1fr))[4];
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  [data-grid~="sm:cols-5"] {
    -ms-grid-columns: (minmax(0, 1fr))[5];
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  [data-grid~="sm:cols-6"] {
    -ms-grid-columns: (minmax(0, 1fr))[6];
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  [data-grid~="sm:cols-7"] {
    -ms-grid-columns: (minmax(0, 1fr))[7];
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  [data-grid~="sm:cols-8"] {
    -ms-grid-columns: (minmax(0, 1fr))[8];
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  [data-grid~="sm:cols-9"] {
    -ms-grid-columns: (minmax(0, 1fr))[9];
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  [data-grid~="sm:cols-10"] {
    -ms-grid-columns: (minmax(0, 1fr))[10];
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  [data-grid~="sm:cols-11"] {
    -ms-grid-columns: (minmax(0, 1fr))[11];
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  [data-grid~="sm:cols-12"] {
    -ms-grid-columns: (minmax(0, 1fr))[12];
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  [data-grid-item~="sm:col-span-1"] {
    -ms-grid-column-span: 1;
    -ms-grid-column: span 1;
        grid-column-start: span 1;
    grid-column-end: span 1;
  }
  [data-grid-item~="sm:col-start-1"] {
    -ms-grid-column: 1;
        grid-column-start: 1;
  }
  [data-grid-item~="sm:col-end-1"] {
    -ms-grid-column-span: 1;
    grid-column-end: 1;
  }
  [data-grid-item~="sm:col-span-2"] {
    -ms-grid-column-span: 2;
    -ms-grid-column: span 2;
        grid-column-start: span 2;
    grid-column-end: span 2;
  }
  [data-grid-item~="sm:col-start-2"] {
    -ms-grid-column: 2;
        grid-column-start: 2;
  }
  [data-grid-item~="sm:col-end-2"] {
    -ms-grid-column-span: 2;
    grid-column-end: 2;
  }
  [data-grid-item~="sm:col-span-3"] {
    -ms-grid-column-span: 3;
    -ms-grid-column: span 3;
        grid-column-start: span 3;
    grid-column-end: span 3;
  }
  [data-grid-item~="sm:col-start-3"] {
    -ms-grid-column: 3;
        grid-column-start: 3;
  }
  [data-grid-item~="sm:col-end-3"] {
    -ms-grid-column-span: 3;
    grid-column-end: 3;
  }
  [data-grid-item~="sm:col-span-4"] {
    -ms-grid-column-span: 4;
    -ms-grid-column: span 4;
        grid-column-start: span 4;
    grid-column-end: span 4;
  }
  [data-grid-item~="sm:col-start-4"] {
    -ms-grid-column: 4;
        grid-column-start: 4;
  }
  [data-grid-item~="sm:col-end-4"] {
    -ms-grid-column-span: 4;
    grid-column-end: 4;
  }
  [data-grid-item~="sm:col-span-5"] {
    -ms-grid-column-span: 5;
    -ms-grid-column: span 5;
        grid-column-start: span 5;
    grid-column-end: span 5;
  }
  [data-grid-item~="sm:col-start-5"] {
    -ms-grid-column: 5;
        grid-column-start: 5;
  }
  [data-grid-item~="sm:col-end-5"] {
    -ms-grid-column-span: 5;
    grid-column-end: 5;
  }
  [data-grid-item~="sm:col-span-6"] {
    -ms-grid-column-span: 6;
    -ms-grid-column: span 6;
        grid-column-start: span 6;
    grid-column-end: span 6;
  }
  [data-grid-item~="sm:col-start-6"] {
    -ms-grid-column: 6;
        grid-column-start: 6;
  }
  [data-grid-item~="sm:col-end-6"] {
    -ms-grid-column-span: 6;
    grid-column-end: 6;
  }
  [data-grid-item~="sm:col-span-7"] {
    -ms-grid-column-span: 7;
    -ms-grid-column: span 7;
        grid-column-start: span 7;
    grid-column-end: span 7;
  }
  [data-grid-item~="sm:col-start-7"] {
    -ms-grid-column: 7;
        grid-column-start: 7;
  }
  [data-grid-item~="sm:col-end-7"] {
    -ms-grid-column-span: 7;
    grid-column-end: 7;
  }
  [data-grid-item~="sm:col-span-8"] {
    -ms-grid-column-span: 8;
    -ms-grid-column: span 8;
        grid-column-start: span 8;
    grid-column-end: span 8;
  }
  [data-grid-item~="sm:col-start-8"] {
    -ms-grid-column: 8;
        grid-column-start: 8;
  }
  [data-grid-item~="sm:col-end-8"] {
    -ms-grid-column-span: 8;
    grid-column-end: 8;
  }
  [data-grid-item~="sm:col-span-9"] {
    -ms-grid-column-span: 9;
    -ms-grid-column: span 9;
        grid-column-start: span 9;
    grid-column-end: span 9;
  }
  [data-grid-item~="sm:col-start-9"] {
    -ms-grid-column: 9;
        grid-column-start: 9;
  }
  [data-grid-item~="sm:col-end-9"] {
    -ms-grid-column-span: 9;
    grid-column-end: 9;
  }
  [data-grid-item~="sm:col-span-10"] {
    -ms-grid-column-span: 10;
    -ms-grid-column: span 10;
        grid-column-start: span 10;
    grid-column-end: span 10;
  }
  [data-grid-item~="sm:col-start-10"] {
    -ms-grid-column: 10;
        grid-column-start: 10;
  }
  [data-grid-item~="sm:col-end-10"] {
    -ms-grid-column-span: 10;
    grid-column-end: 10;
  }
  [data-grid-item~="sm:col-span-11"] {
    -ms-grid-column-span: 11;
    -ms-grid-column: span 11;
        grid-column-start: span 11;
    grid-column-end: span 11;
  }
  [data-grid-item~="sm:col-start-11"] {
    -ms-grid-column: 11;
        grid-column-start: 11;
  }
  [data-grid-item~="sm:col-end-11"] {
    -ms-grid-column-span: 11;
    grid-column-end: 11;
  }
  [data-grid-item~="sm:col-span-12"] {
    -ms-grid-column-span: 12;
    -ms-grid-column: span 12;
        grid-column-start: span 12;
    grid-column-end: span 12;
  }
  [data-grid-item~="sm:col-start-12"] {
    -ms-grid-column: 12;
        grid-column-start: 12;
  }
  [data-grid-item~="sm:col-end-12"] {
    -ms-grid-column-span: 12;
    grid-column-end: 12;
  }
  [data-grid-item~="sm:col-auto"] {
    -ms-grid-column-span: NaN;
    -ms-grid-column: auto;
        grid-column-start: auto;
    grid-column-end: auto;
  }
  [data-grid-item~="sm:col-full"] {
    -ms-grid-column-span: -2;
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: -1;
  }
  [data-grid-item~="sm:col-start-auto"] {
    -ms-grid-column: auto;
        grid-column-start: auto;
  }
  [data-grid-item~="sm:col-end-auto"] {
    -ms-grid-column-span: auto;
    grid-column-end: auto;
  }
  [data-grid~="sm:rows-1"] {
    -ms-grid-rows: (minmax(0, 1fr))[1];
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  [data-grid~="sm:rows-2"] {
    -ms-grid-rows: (minmax(0, 1fr))[2];
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  [data-grid~="sm:rows-3"] {
    -ms-grid-rows: (minmax(0, 1fr))[3];
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  [data-grid~="sm:rows-4"] {
    -ms-grid-rows: (minmax(0, 1fr))[4];
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  [data-grid~="sm:rows-5"] {
    -ms-grid-rows: (minmax(0, 1fr))[5];
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  [data-grid~="sm:rows-6"] {
    -ms-grid-rows: (minmax(0, 1fr))[6];
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  [data-grid-item~="sm:row-span-1"] {
    -ms-grid-row-span: 1;
    -ms-grid-row: span 1;
        grid-row-start: span 1;
    grid-row-end: span 1;
  }
  [data-grid-item~="sm:row-start-1"] {
    -ms-grid-row: 1;
        grid-row-start: 1;
  }
  [data-grid-item~="sm:row-end-1"] {
    -ms-grid-row-span: 1;
    grid-row-end: 1;
  }
  [data-grid-item~="sm:row-span-2"] {
    -ms-grid-row-span: 2;
    -ms-grid-row: span 2;
        grid-row-start: span 2;
    grid-row-end: span 2;
  }
  [data-grid-item~="sm:row-start-2"] {
    -ms-grid-row: 2;
        grid-row-start: 2;
  }
  [data-grid-item~="sm:row-end-2"] {
    -ms-grid-row-span: 2;
    grid-row-end: 2;
  }
  [data-grid-item~="sm:row-span-3"] {
    -ms-grid-row-span: 3;
    -ms-grid-row: span 3;
        grid-row-start: span 3;
    grid-row-end: span 3;
  }
  [data-grid-item~="sm:row-start-3"] {
    -ms-grid-row: 3;
        grid-row-start: 3;
  }
  [data-grid-item~="sm:row-end-3"] {
    -ms-grid-row-span: 3;
    grid-row-end: 3;
  }
  [data-grid-item~="sm:row-span-4"] {
    -ms-grid-row-span: 4;
    -ms-grid-row: span 4;
        grid-row-start: span 4;
    grid-row-end: span 4;
  }
  [data-grid-item~="sm:row-start-4"] {
    -ms-grid-row: 4;
        grid-row-start: 4;
  }
  [data-grid-item~="sm:row-end-4"] {
    -ms-grid-row-span: 4;
    grid-row-end: 4;
  }
  [data-grid-item~="sm:row-span-5"] {
    -ms-grid-row-span: 5;
    -ms-grid-row: span 5;
        grid-row-start: span 5;
    grid-row-end: span 5;
  }
  [data-grid-item~="sm:row-start-5"] {
    -ms-grid-row: 5;
        grid-row-start: 5;
  }
  [data-grid-item~="sm:row-end-5"] {
    -ms-grid-row-span: 5;
    grid-row-end: 5;
  }
  [data-grid-item~="sm:row-span-6"] {
    -ms-grid-row-span: 6;
    -ms-grid-row: span 6;
        grid-row-start: span 6;
    grid-row-end: span 6;
  }
  [data-grid-item~="sm:row-start-6"] {
    -ms-grid-row: 6;
        grid-row-start: 6;
  }
  [data-grid-item~="sm:row-end-6"] {
    -ms-grid-row-span: 6;
    grid-row-end: 6;
  }
  [data-grid-item~="sm:row-auto"] {
    -ms-grid-row-span: NaN;
    -ms-grid-row: auto;
        grid-row-start: auto;
    grid-row-end: auto;
  }
  [data-grid-item~="sm:row-full"] {
    -ms-grid-row-span: -2;
    -ms-grid-row: 1;
        grid-row-start: 1;
    grid-row-end: -1;
  }
  [data-grid-item~="sm:row-start-auto"] {
    -ms-grid-row: auto;
        grid-row-start: auto;
  }
  [data-grid-item~="sm:row-end-auto"] {
    -ms-grid-row-span: auto;
    grid-row-end: auto;
  }
  [data-order~="sm:0"] {
    order: 0;
  }
  [data-order~="sm:-1"] {
    order: calc(1 * -1);
  }
  [data-order~="sm:1"] {
    order: 1;
  }
  [data-order~="sm:-2"] {
    order: calc(2 * -1);
  }
  [data-order~="sm:2"] {
    order: 2;
  }
  [data-order~="sm:-3"] {
    order: calc(3 * -1);
  }
  [data-order~="sm:3"] {
    order: 3;
  }
  [data-order~="sm:-4"] {
    order: calc(4 * -1);
  }
  [data-order~="sm:4"] {
    order: 4;
  }
  [data-place~="sm:start"] {
    justify-content: flex-start;
  }
  [data-place~="sm:center"] {
    justify-content: center;
  }
  [data-place~="sm:end"] {
    justify-content: flex-end;
  }
  [data-place~="sm:between"] {
    justify-content: space-between;
  }
  [data-place~="sm:first"] {
    align-items: flex-start;
  }
  [data-place~="sm:middle"] {
    align-items: center;
  }
  [data-place~="sm:last"] {
    align-items: flex-end;
  }
  [data-place~="sm:stretch"] {
    align-items: stretch;
  }
  [data-place~="sm:+start"] {
    align-content: flex-start;
    justify-content: flex-start;
  }
  [data-place~="sm:+center"] {
    align-content: center;
    justify-content: center;
  }
  [data-place~="sm:+end"] {
    align-content: flex-end;
    justify-content: flex-end;
  }
  [data-place~="sm:+between"] {
    align-content: space-between;
    justify-content: space-between;
  }
  [data-place~="sm:+first"] {
    align-items: flex-start;
    justify-items: flex-start;
  }
  [data-place~="sm:+middle"] {
    align-items: center;
    justify-items: center;
  }
  [data-place~="sm:+last"] {
    align-items: flex-end;
    justify-items: flex-end;
  }
  [data-place~="sm:+stretch"] {
    align-items: stretch;
    justify-items: stretch;
  }
  .u-mt-xxxs {
    margin-top: 0.6rem;
  }
  .u-mt-xxs {
    margin-top: 1.2rem;
  }
  .u-mt-xs {
    margin-top: 2.4rem;
  }
  .u-mt-sm {
    margin-top: 3.6rem;
  }
  .u-mt-md {
    margin-top: 4.8rem;
  }
  .u-mt-lg {
    margin-top: 6rem;
  }
  .u-mt-xl {
    margin-top: 7.2rem;
  }
  .u-mt-xxl {
    margin-top: 9.6rem;
  }
  .u-mt-xxxl {
    margin-top: 12rem;
  }
  .u-mb-xxxs {
    margin-bottom: 0.6rem;
  }
  .u-mb-xxs {
    margin-bottom: 1.2rem;
  }
  .u-mb-xs {
    margin-bottom: 2.4rem;
  }
  .u-mb-sm {
    margin-bottom: 3.6rem;
  }
  .u-mb-md {
    margin-bottom: 4.8rem;
  }
  .u-mb-lg {
    margin-bottom: 6rem;
  }
  .u-mb-xl {
    margin-bottom: 7.2rem;
  }
  .u-mb-xxl {
    margin-bottom: 9.6rem;
  }
  .u-mb-xxxl {
    margin-bottom: 12rem;
  }
}
@media screen and (min-width: 480px) {
  .l-spacer[class][data-space~="sm:reset"] {
    padding: 0;
  }
  .l-spacer[class][data-space~="sm:resetTop"] {
    padding-top: 0;
  }
  .l-spacer[class][data-space~="sm:resetBottom"] {
    padding-bottom: 0;
  }
  .l-spacer[class][data-space-py~="sm:0"] {
    padding-top: calc((4 * 0) / 10 * 1rem);
    padding-bottom: calc((4 * 0) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:0"] {
    padding-top: calc((4 * 0) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:0"] {
    padding-bottom: calc((4 * 0) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:1"] {
    padding-top: calc((4 * 1) / 10 * 1rem);
    padding-bottom: calc((4 * 1) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:1"] {
    padding-top: calc((4 * 1) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:1"] {
    padding-bottom: calc((4 * 1) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:2"] {
    padding-top: calc((4 * 2) / 10 * 1rem);
    padding-bottom: calc((4 * 2) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:2"] {
    padding-top: calc((4 * 2) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:2"] {
    padding-bottom: calc((4 * 2) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:3"] {
    padding-top: calc((4 * 3) / 10 * 1rem);
    padding-bottom: calc((4 * 3) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:3"] {
    padding-top: calc((4 * 3) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:3"] {
    padding-bottom: calc((4 * 3) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:4"] {
    padding-top: calc((4 * 4) / 10 * 1rem);
    padding-bottom: calc((4 * 4) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:4"] {
    padding-top: calc((4 * 4) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:4"] {
    padding-bottom: calc((4 * 4) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:5"] {
    padding-top: calc((4 * 5) / 10 * 1rem);
    padding-bottom: calc((4 * 5) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:5"] {
    padding-top: calc((4 * 5) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:5"] {
    padding-bottom: calc((4 * 5) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:6"] {
    padding-top: calc((4 * 6) / 10 * 1rem);
    padding-bottom: calc((4 * 6) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:6"] {
    padding-top: calc((4 * 6) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:6"] {
    padding-bottom: calc((4 * 6) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:7"] {
    padding-top: calc((4 * 7) / 10 * 1rem);
    padding-bottom: calc((4 * 7) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:7"] {
    padding-top: calc((4 * 7) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:7"] {
    padding-bottom: calc((4 * 7) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:8"] {
    padding-top: calc((4 * 8) / 10 * 1rem);
    padding-bottom: calc((4 * 8) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:8"] {
    padding-top: calc((4 * 8) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:8"] {
    padding-bottom: calc((4 * 8) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:9"] {
    padding-top: calc((4 * 9) / 10 * 1rem);
    padding-bottom: calc((4 * 9) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:9"] {
    padding-top: calc((4 * 9) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:9"] {
    padding-bottom: calc((4 * 9) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:10"] {
    padding-top: calc((4 * 10) / 10 * 1rem);
    padding-bottom: calc((4 * 10) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:10"] {
    padding-top: calc((4 * 10) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:10"] {
    padding-bottom: calc((4 * 10) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:11"] {
    padding-top: calc((4 * 11) / 10 * 1rem);
    padding-bottom: calc((4 * 11) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:11"] {
    padding-top: calc((4 * 11) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:11"] {
    padding-bottom: calc((4 * 11) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:12"] {
    padding-top: calc((4 * 12) / 10 * 1rem);
    padding-bottom: calc((4 * 12) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:12"] {
    padding-top: calc((4 * 12) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:12"] {
    padding-bottom: calc((4 * 12) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:13"] {
    padding-top: calc((4 * 13) / 10 * 1rem);
    padding-bottom: calc((4 * 13) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:13"] {
    padding-top: calc((4 * 13) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:13"] {
    padding-bottom: calc((4 * 13) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:14"] {
    padding-top: calc((4 * 14) / 10 * 1rem);
    padding-bottom: calc((4 * 14) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:14"] {
    padding-top: calc((4 * 14) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:14"] {
    padding-bottom: calc((4 * 14) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:15"] {
    padding-top: calc((4 * 15) / 10 * 1rem);
    padding-bottom: calc((4 * 15) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:15"] {
    padding-top: calc((4 * 15) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:15"] {
    padding-bottom: calc((4 * 15) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:16"] {
    padding-top: calc((4 * 16) / 10 * 1rem);
    padding-bottom: calc((4 * 16) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:16"] {
    padding-top: calc((4 * 16) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:16"] {
    padding-bottom: calc((4 * 16) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:17"] {
    padding-top: calc((4 * 17) / 10 * 1rem);
    padding-bottom: calc((4 * 17) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:17"] {
    padding-top: calc((4 * 17) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:17"] {
    padding-bottom: calc((4 * 17) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:18"] {
    padding-top: calc((4 * 18) / 10 * 1rem);
    padding-bottom: calc((4 * 18) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:18"] {
    padding-top: calc((4 * 18) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:18"] {
    padding-bottom: calc((4 * 18) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:19"] {
    padding-top: calc((4 * 19) / 10 * 1rem);
    padding-bottom: calc((4 * 19) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:19"] {
    padding-top: calc((4 * 19) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:19"] {
    padding-bottom: calc((4 * 19) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:20"] {
    padding-top: calc((4 * 20) / 10 * 1rem);
    padding-bottom: calc((4 * 20) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:20"] {
    padding-top: calc((4 * 20) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:20"] {
    padding-bottom: calc((4 * 20) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:21"] {
    padding-top: calc((4 * 21) / 10 * 1rem);
    padding-bottom: calc((4 * 21) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:21"] {
    padding-top: calc((4 * 21) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:21"] {
    padding-bottom: calc((4 * 21) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:22"] {
    padding-top: calc((4 * 22) / 10 * 1rem);
    padding-bottom: calc((4 * 22) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:22"] {
    padding-top: calc((4 * 22) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:22"] {
    padding-bottom: calc((4 * 22) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:23"] {
    padding-top: calc((4 * 23) / 10 * 1rem);
    padding-bottom: calc((4 * 23) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:23"] {
    padding-top: calc((4 * 23) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:23"] {
    padding-bottom: calc((4 * 23) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:24"] {
    padding-top: calc((4 * 24) / 10 * 1rem);
    padding-bottom: calc((4 * 24) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:24"] {
    padding-top: calc((4 * 24) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:24"] {
    padding-bottom: calc((4 * 24) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:25"] {
    padding-top: calc((4 * 25) / 10 * 1rem);
    padding-bottom: calc((4 * 25) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:25"] {
    padding-top: calc((4 * 25) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:25"] {
    padding-bottom: calc((4 * 25) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:26"] {
    padding-top: calc((4 * 26) / 10 * 1rem);
    padding-bottom: calc((4 * 26) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:26"] {
    padding-top: calc((4 * 26) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:26"] {
    padding-bottom: calc((4 * 26) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:27"] {
    padding-top: calc((4 * 27) / 10 * 1rem);
    padding-bottom: calc((4 * 27) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:27"] {
    padding-top: calc((4 * 27) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:27"] {
    padding-bottom: calc((4 * 27) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:28"] {
    padding-top: calc((4 * 28) / 10 * 1rem);
    padding-bottom: calc((4 * 28) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:28"] {
    padding-top: calc((4 * 28) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:28"] {
    padding-bottom: calc((4 * 28) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:29"] {
    padding-top: calc((4 * 29) / 10 * 1rem);
    padding-bottom: calc((4 * 29) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:29"] {
    padding-top: calc((4 * 29) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:29"] {
    padding-bottom: calc((4 * 29) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:30"] {
    padding-top: calc((4 * 30) / 10 * 1rem);
    padding-bottom: calc((4 * 30) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:30"] {
    padding-top: calc((4 * 30) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:30"] {
    padding-bottom: calc((4 * 30) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:31"] {
    padding-top: calc((4 * 31) / 10 * 1rem);
    padding-bottom: calc((4 * 31) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:31"] {
    padding-top: calc((4 * 31) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:31"] {
    padding-bottom: calc((4 * 31) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:32"] {
    padding-top: calc((4 * 32) / 10 * 1rem);
    padding-bottom: calc((4 * 32) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:32"] {
    padding-top: calc((4 * 32) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:32"] {
    padding-bottom: calc((4 * 32) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:33"] {
    padding-top: calc((4 * 33) / 10 * 1rem);
    padding-bottom: calc((4 * 33) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:33"] {
    padding-top: calc((4 * 33) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:33"] {
    padding-bottom: calc((4 * 33) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:34"] {
    padding-top: calc((4 * 34) / 10 * 1rem);
    padding-bottom: calc((4 * 34) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:34"] {
    padding-top: calc((4 * 34) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:34"] {
    padding-bottom: calc((4 * 34) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:35"] {
    padding-top: calc((4 * 35) / 10 * 1rem);
    padding-bottom: calc((4 * 35) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:35"] {
    padding-top: calc((4 * 35) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:35"] {
    padding-bottom: calc((4 * 35) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:36"] {
    padding-top: calc((4 * 36) / 10 * 1rem);
    padding-bottom: calc((4 * 36) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:36"] {
    padding-top: calc((4 * 36) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:36"] {
    padding-bottom: calc((4 * 36) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:37"] {
    padding-top: calc((4 * 37) / 10 * 1rem);
    padding-bottom: calc((4 * 37) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:37"] {
    padding-top: calc((4 * 37) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:37"] {
    padding-bottom: calc((4 * 37) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:38"] {
    padding-top: calc((4 * 38) / 10 * 1rem);
    padding-bottom: calc((4 * 38) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:38"] {
    padding-top: calc((4 * 38) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:38"] {
    padding-bottom: calc((4 * 38) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:39"] {
    padding-top: calc((4 * 39) / 10 * 1rem);
    padding-bottom: calc((4 * 39) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:39"] {
    padding-top: calc((4 * 39) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:39"] {
    padding-bottom: calc((4 * 39) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:40"] {
    padding-top: calc((4 * 40) / 10 * 1rem);
    padding-bottom: calc((4 * 40) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:40"] {
    padding-top: calc((4 * 40) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:40"] {
    padding-bottom: calc((4 * 40) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:41"] {
    padding-top: calc((4 * 41) / 10 * 1rem);
    padding-bottom: calc((4 * 41) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:41"] {
    padding-top: calc((4 * 41) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:41"] {
    padding-bottom: calc((4 * 41) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:42"] {
    padding-top: calc((4 * 42) / 10 * 1rem);
    padding-bottom: calc((4 * 42) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:42"] {
    padding-top: calc((4 * 42) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:42"] {
    padding-bottom: calc((4 * 42) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:43"] {
    padding-top: calc((4 * 43) / 10 * 1rem);
    padding-bottom: calc((4 * 43) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:43"] {
    padding-top: calc((4 * 43) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:43"] {
    padding-bottom: calc((4 * 43) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:44"] {
    padding-top: calc((4 * 44) / 10 * 1rem);
    padding-bottom: calc((4 * 44) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:44"] {
    padding-top: calc((4 * 44) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:44"] {
    padding-bottom: calc((4 * 44) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:45"] {
    padding-top: calc((4 * 45) / 10 * 1rem);
    padding-bottom: calc((4 * 45) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:45"] {
    padding-top: calc((4 * 45) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:45"] {
    padding-bottom: calc((4 * 45) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:46"] {
    padding-top: calc((4 * 46) / 10 * 1rem);
    padding-bottom: calc((4 * 46) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:46"] {
    padding-top: calc((4 * 46) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:46"] {
    padding-bottom: calc((4 * 46) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:47"] {
    padding-top: calc((4 * 47) / 10 * 1rem);
    padding-bottom: calc((4 * 47) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:47"] {
    padding-top: calc((4 * 47) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:47"] {
    padding-bottom: calc((4 * 47) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:48"] {
    padding-top: calc((4 * 48) / 10 * 1rem);
    padding-bottom: calc((4 * 48) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:48"] {
    padding-top: calc((4 * 48) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:48"] {
    padding-bottom: calc((4 * 48) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:49"] {
    padding-top: calc((4 * 49) / 10 * 1rem);
    padding-bottom: calc((4 * 49) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:49"] {
    padding-top: calc((4 * 49) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:49"] {
    padding-bottom: calc((4 * 49) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="sm:50"] {
    padding-top: calc((4 * 50) / 10 * 1rem);
    padding-bottom: calc((4 * 50) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="sm:50"] {
    padding-top: calc((4 * 50) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="sm:50"] {
    padding-bottom: calc((4 * 50) / 10 * 1rem);
  }
  .u-ta[data-text-align~="sm:left"] {
    text-align: left;
  }
  .u-ta[data-text-align~="sm:center"] {
    text-align: center;
  }
  .u-ta[data-text-align~="sm:right"] {
    text-align: right;
  }
  .u-d[data-display~="sm:none"] {
    display: none;
  }
  .u-d[data-display~="sm:inline"] {
    display: inline;
  }
  .u-d[data-display~="sm:block"] {
    display: block;
  }
  .u-d[data-display~="sm:inline-block"] {
    display: inline-block;
  }
  .u-fz[data-font-size~="sm:10"] {
    font-size: 1rem;
  }
  .u-fz[data-font-size~="sm:11"] {
    font-size: 1.1rem;
  }
  .u-fz[data-font-size~="sm:12"] {
    font-size: 1.2rem;
  }
  .u-fz[data-font-size~="sm:13"] {
    font-size: 1.3rem;
  }
  .u-fz[data-font-size~="sm:14"] {
    font-size: 1.4rem;
  }
  .u-fz[data-font-size~="sm:15"] {
    font-size: 1.5rem;
  }
  .u-fz[data-font-size~="sm:16"] {
    font-size: 1.6rem;
  }
  .u-fz[data-font-size~="sm:17"] {
    font-size: 1.7rem;
  }
  .u-fz[data-font-size~="sm:18"] {
    font-size: 1.8rem;
  }
  .u-fz[data-font-size~="sm:19"] {
    font-size: 1.9rem;
  }
  .u-fz[data-font-size~="sm:20"] {
    font-size: 2rem;
  }
  .u-fz[data-font-size~="sm:21"] {
    font-size: 2.1rem;
  }
  .u-fz[data-font-size~="sm:22"] {
    font-size: 2.2rem;
  }
  .u-fz[data-font-size~="sm:23"] {
    font-size: 2.3rem;
  }
  .u-fz[data-font-size~="sm:24"] {
    font-size: 2.4rem;
  }
  .u-fz[data-font-size~="sm:25"] {
    font-size: 2.5rem;
  }
  .u-fz[data-font-size~="sm:26"] {
    font-size: 2.6rem;
  }
  .u-fz[data-font-size~="sm:27"] {
    font-size: 2.7rem;
  }
  .u-fz[data-font-size~="sm:28"] {
    font-size: 2.8rem;
  }
  .u-fz[data-font-size~="sm:29"] {
    font-size: 2.9rem;
  }
  .u-fz[data-font-size~="sm:30"] {
    font-size: 3rem;
  }
  .u-fz[data-font-size~="sm:31"] {
    font-size: 3.1rem;
  }
  .u-fz[data-font-size~="sm:32"] {
    font-size: 3.2rem;
  }
  .u-fz[data-font-size~="sm:33"] {
    font-size: 3.3rem;
  }
  .u-fz[data-font-size~="sm:34"] {
    font-size: 3.4rem;
  }
  .u-fz[data-font-size~="sm:35"] {
    font-size: 3.5rem;
  }
  .u-fz[data-font-size~="sm:36"] {
    font-size: 3.6rem;
  }
  .u-fz[data-font-size~="sm:37"] {
    font-size: 3.7rem;
  }
  .u-fz[data-font-size~="sm:38"] {
    font-size: 3.8rem;
  }
  .u-fz[data-font-size~="sm:39"] {
    font-size: 3.9rem;
  }
  .u-fz[data-font-size~="sm:40"] {
    font-size: 4rem;
  }
  .u-fz[data-font-size~="sm:41"] {
    font-size: 4.1rem;
  }
  .u-fz[data-font-size~="sm:42"] {
    font-size: 4.2rem;
  }
  .u-fz[data-font-size~="sm:43"] {
    font-size: 4.3rem;
  }
  .u-fz[data-font-size~="sm:44"] {
    font-size: 4.4rem;
  }
  .u-fz[data-font-size~="sm:45"] {
    font-size: 4.5rem;
  }
  .u-fz[data-font-size~="sm:46"] {
    font-size: 4.6rem;
  }
  .u-fz[data-font-size~="sm:47"] {
    font-size: 4.7rem;
  }
  .u-fz[data-font-size~="sm:48"] {
    font-size: 4.8rem;
  }
  .u-fz[data-font-size~="sm:49"] {
    font-size: 4.9rem;
  }
  .u-fz[data-font-size~="sm:50"] {
    font-size: 5rem;
  }
  .u-fz[data-font-size~="sm:51"] {
    font-size: 5.1rem;
  }
  .u-fz[data-font-size~="sm:52"] {
    font-size: 5.2rem;
  }
  .u-fz[data-font-size~="sm:53"] {
    font-size: 5.3rem;
  }
  .u-fz[data-font-size~="sm:54"] {
    font-size: 5.4rem;
  }
  .u-fz[data-font-size~="sm:55"] {
    font-size: 5.5rem;
  }
  .u-fz[data-font-size~="sm:56"] {
    font-size: 5.6rem;
  }
  .u-fz[data-font-size~="sm:57"] {
    font-size: 5.7rem;
  }
  .u-fz[data-font-size~="sm:58"] {
    font-size: 5.8rem;
  }
  .u-fz[data-font-size~="sm:59"] {
    font-size: 5.9rem;
  }
  .u-fz[data-font-size~="sm:60"] {
    font-size: 6rem;
  }
  .u-fz[data-font-size~="sm:61"] {
    font-size: 6.1rem;
  }
  .u-fz[data-font-size~="sm:62"] {
    font-size: 6.2rem;
  }
  .u-fz[data-font-size~="sm:63"] {
    font-size: 6.3rem;
  }
  .u-fz[data-font-size~="sm:64"] {
    font-size: 6.4rem;
  }
  .u-fz[data-font-size~="sm:65"] {
    font-size: 6.5rem;
  }
  .u-fz[data-font-size~="sm:66"] {
    font-size: 6.6rem;
  }
  .u-fz[data-font-size~="sm:67"] {
    font-size: 6.7rem;
  }
  .u-fz[data-font-size~="sm:68"] {
    font-size: 6.8rem;
  }
  .u-fz[data-font-size~="sm:69"] {
    font-size: 6.9rem;
  }
  .u-fz[data-font-size~="sm:70"] {
    font-size: 7rem;
  }
  .u-fz[data-font-size~="sm:71"] {
    font-size: 7.1rem;
  }
  .u-fz[data-font-size~="sm:72"] {
    font-size: 7.2rem;
  }
  .u-fz[data-font-size~="sm:73"] {
    font-size: 7.3rem;
  }
  .u-fz[data-font-size~="sm:74"] {
    font-size: 7.4rem;
  }
  .u-fz[data-font-size~="sm:75"] {
    font-size: 7.5rem;
  }
  .u-fz[data-font-size~="sm:76"] {
    font-size: 7.6rem;
  }
  .u-fz[data-font-size~="sm:77"] {
    font-size: 7.7rem;
  }
  .u-fz[data-font-size~="sm:78"] {
    font-size: 7.8rem;
  }
  .u-fz[data-font-size~="sm:79"] {
    font-size: 7.9rem;
  }
  .u-fz[data-font-size~="sm:80"] {
    font-size: 8rem;
  }
  .u-mt[data-mt-size~="sm:5"] {
    margin-top: 0.5rem;
  }
  .u-mt[data-mt-size~="5"] {
    margin-top: 0.5rem;
  }
  .u-mt[data-mt-size~="sm:10"] {
    margin-top: 1rem;
  }
  .u-mt[data-mt-size~="10"] {
    margin-top: 1rem;
  }
  .u-mt[data-mt-size~="sm:15"] {
    margin-top: 1.5rem;
  }
  .u-mt[data-mt-size~="15"] {
    margin-top: 1.5rem;
  }
  .u-mt[data-mt-size~="sm:20"] {
    margin-top: 2rem;
  }
  .u-mt[data-mt-size~="20"] {
    margin-top: 2rem;
  }
  .u-mt[data-mt-size~="sm:25"] {
    margin-top: 2.5rem;
  }
  .u-mt[data-mt-size~="25"] {
    margin-top: 2.5rem;
  }
  .u-mt[data-mt-size~="sm:30"] {
    margin-top: 3rem;
  }
  .u-mt[data-mt-size~="30"] {
    margin-top: 3rem;
  }
  .u-mt[data-mt-size~="sm:35"] {
    margin-top: 3.5rem;
  }
  .u-mt[data-mt-size~="35"] {
    margin-top: 3.5rem;
  }
  .u-mt[data-mt-size~="sm:40"] {
    margin-top: 4rem;
  }
  .u-mt[data-mt-size~="40"] {
    margin-top: 4rem;
  }
  .u-mt[data-mt-size~="sm:45"] {
    margin-top: 4.5rem;
  }
  .u-mt[data-mt-size~="45"] {
    margin-top: 4.5rem;
  }
  .u-mt[data-mt-size~="sm:50"] {
    margin-top: 5rem;
  }
  .u-mt[data-mt-size~="50"] {
    margin-top: 5rem;
  }
  .u-mt[data-mt-size~="sm:55"] {
    margin-top: 5.5rem;
  }
  .u-mt[data-mt-size~="55"] {
    margin-top: 5.5rem;
  }
  .u-mt[data-mt-size~="sm:60"] {
    margin-top: 6rem;
  }
  .u-mt[data-mt-size~="60"] {
    margin-top: 6rem;
  }
  .u-mt[data-mt-size~="sm:65"] {
    margin-top: 6.5rem;
  }
  .u-mt[data-mt-size~="65"] {
    margin-top: 6.5rem;
  }
  .u-mt[data-mt-size~="sm:70"] {
    margin-top: 7rem;
  }
  .u-mt[data-mt-size~="70"] {
    margin-top: 7rem;
  }
  .u-mt[data-mt-size~="sm:75"] {
    margin-top: 7.5rem;
  }
  .u-mt[data-mt-size~="75"] {
    margin-top: 7.5rem;
  }
  .u-mt[data-mt-size~="sm:80"] {
    margin-top: 8rem;
  }
  .u-mt[data-mt-size~="80"] {
    margin-top: 8rem;
  }
  .u-mt[data-mt-size~="sm:85"] {
    margin-top: 8.5rem;
  }
  .u-mt[data-mt-size~="85"] {
    margin-top: 8.5rem;
  }
  .u-mt[data-mt-size~="sm:90"] {
    margin-top: 9rem;
  }
  .u-mt[data-mt-size~="90"] {
    margin-top: 9rem;
  }
  .u-mt[data-mt-size~="sm:95"] {
    margin-top: 9.5rem;
  }
  .u-mt[data-mt-size~="95"] {
    margin-top: 9.5rem;
  }
  .u-mt[data-mt-size~="sm:100"] {
    margin-top: 10rem;
  }
  .u-mt[data-mt-size~="100"] {
    margin-top: 10rem;
  }
  .u-mb[data-mb-size~="sm:5"] {
    margin-bottom: 0.5rem;
  }
  .u-mb[data-mb-size~="sm:10"] {
    margin-bottom: 1rem;
  }
  .u-mb[data-mb-size~="sm:15"] {
    margin-bottom: 1.5rem;
  }
  .u-mb[data-mb-size~="sm:20"] {
    margin-bottom: 2rem;
  }
  .u-mb[data-mb-size~="sm:25"] {
    margin-bottom: 2.5rem;
  }
  .u-mb[data-mb-size~="sm:30"] {
    margin-bottom: 3rem;
  }
  .u-mb[data-mb-size~="sm:35"] {
    margin-bottom: 3.5rem;
  }
  .u-mb[data-mb-size~="sm:40"] {
    margin-bottom: 4rem;
  }
  .u-mb[data-mb-size~="sm:45"] {
    margin-bottom: 4.5rem;
  }
  .u-mb[data-mb-size~="sm:50"] {
    margin-bottom: 5rem;
  }
  .u-mb[data-mb-size~="sm:55"] {
    margin-bottom: 5.5rem;
  }
  .u-mb[data-mb-size~="sm:60"] {
    margin-bottom: 6rem;
  }
  .u-mb[data-mb-size~="sm:65"] {
    margin-bottom: 6.5rem;
  }
  .u-mb[data-mb-size~="sm:70"] {
    margin-bottom: 7rem;
  }
  .u-mb[data-mb-size~="sm:75"] {
    margin-bottom: 7.5rem;
  }
  .u-mb[data-mb-size~="sm:80"] {
    margin-bottom: 8rem;
  }
  .u-mb[data-mb-size~="sm:85"] {
    margin-bottom: 8.5rem;
  }
  .u-mb[data-mb-size~="sm:90"] {
    margin-bottom: 9rem;
  }
  .u-mb[data-mb-size~="sm:95"] {
    margin-bottom: 9.5rem;
  }
  .u-mb[data-mb-size~="sm:100"] {
    margin-bottom: 10rem;
  }
  .u-mb[data-mb-size~="sm:xxxs"] {
    margin-bottom: 1rem;
  }
  .u-mb[data-mb-size~="sm:xxs"] {
    margin-bottom: 2rem;
  }
  .u-mb[data-mb-size~="sm:xs"] {
    margin-bottom: 4rem;
  }
  .u-mb[data-mb-size~="sm:sm"] {
    margin-bottom: 6rem;
  }
  .u-mb[data-mb-size~="sm:md"] {
    margin-bottom: 8rem;
  }
  .u-mb[data-mb-size~="sm:lg"] {
    margin-bottom: 10rem;
  }
  .u-mb[data-mb-size~="sm:xl"] {
    margin-bottom: 12rem;
  }
  .u-mb[data-mb-size~="sm:xxl"] {
    margin-bottom: 16rem;
  }
  .u-mb[data-mb-size~="sm:xxxl"] {
    margin-bottom: 20rem;
  }
  .u-w[data-width~="sm:1pct"] {
    width: 1%;
  }
  .u-w[data-width~="sm:2pct"] {
    width: 2%;
  }
  .u-w[data-width~="sm:3pct"] {
    width: 3%;
  }
  .u-w[data-width~="sm:4pct"] {
    width: 4%;
  }
  .u-w[data-width~="sm:5pct"] {
    width: 5%;
  }
  .u-w[data-width~="sm:6pct"] {
    width: 6%;
  }
  .u-w[data-width~="sm:7pct"] {
    width: 7%;
  }
  .u-w[data-width~="sm:8pct"] {
    width: 8%;
  }
  .u-w[data-width~="sm:9pct"] {
    width: 9%;
  }
  .u-w[data-width~="sm:10pct"] {
    width: 10%;
  }
  .u-w[data-width~="sm:11pct"] {
    width: 11%;
  }
  .u-w[data-width~="sm:12pct"] {
    width: 12%;
  }
  .u-w[data-width~="sm:13pct"] {
    width: 13%;
  }
  .u-w[data-width~="sm:14pct"] {
    width: 14%;
  }
  .u-w[data-width~="sm:15pct"] {
    width: 15%;
  }
  .u-w[data-width~="sm:16pct"] {
    width: 16%;
  }
  .u-w[data-width~="sm:17pct"] {
    width: 17%;
  }
  .u-w[data-width~="sm:18pct"] {
    width: 18%;
  }
  .u-w[data-width~="sm:19pct"] {
    width: 19%;
  }
  .u-w[data-width~="sm:20pct"] {
    width: 20%;
  }
  .u-w[data-width~="sm:21pct"] {
    width: 21%;
  }
  .u-w[data-width~="sm:22pct"] {
    width: 22%;
  }
  .u-w[data-width~="sm:23pct"] {
    width: 23%;
  }
  .u-w[data-width~="sm:24pct"] {
    width: 24%;
  }
  .u-w[data-width~="sm:25pct"] {
    width: 25%;
  }
  .u-w[data-width~="sm:26pct"] {
    width: 26%;
  }
  .u-w[data-width~="sm:27pct"] {
    width: 27%;
  }
  .u-w[data-width~="sm:28pct"] {
    width: 28%;
  }
  .u-w[data-width~="sm:29pct"] {
    width: 29%;
  }
  .u-w[data-width~="sm:30pct"] {
    width: 30%;
  }
  .u-w[data-width~="sm:31pct"] {
    width: 31%;
  }
  .u-w[data-width~="sm:32pct"] {
    width: 32%;
  }
  .u-w[data-width~="sm:33pct"] {
    width: 33%;
  }
  .u-w[data-width~="sm:34pct"] {
    width: 34%;
  }
  .u-w[data-width~="sm:35pct"] {
    width: 35%;
  }
  .u-w[data-width~="sm:36pct"] {
    width: 36%;
  }
  .u-w[data-width~="sm:37pct"] {
    width: 37%;
  }
  .u-w[data-width~="sm:38pct"] {
    width: 38%;
  }
  .u-w[data-width~="sm:39pct"] {
    width: 39%;
  }
  .u-w[data-width~="sm:40pct"] {
    width: 40%;
  }
  .u-w[data-width~="sm:41pct"] {
    width: 41%;
  }
  .u-w[data-width~="sm:42pct"] {
    width: 42%;
  }
  .u-w[data-width~="sm:43pct"] {
    width: 43%;
  }
  .u-w[data-width~="sm:44pct"] {
    width: 44%;
  }
  .u-w[data-width~="sm:45pct"] {
    width: 45%;
  }
  .u-w[data-width~="sm:46pct"] {
    width: 46%;
  }
  .u-w[data-width~="sm:47pct"] {
    width: 47%;
  }
  .u-w[data-width~="sm:48pct"] {
    width: 48%;
  }
  .u-w[data-width~="sm:49pct"] {
    width: 49%;
  }
  .u-w[data-width~="sm:50pct"] {
    width: 50%;
  }
  .u-w[data-width~="sm:51pct"] {
    width: 51%;
  }
  .u-w[data-width~="sm:52pct"] {
    width: 52%;
  }
  .u-w[data-width~="sm:53pct"] {
    width: 53%;
  }
  .u-w[data-width~="sm:54pct"] {
    width: 54%;
  }
  .u-w[data-width~="sm:55pct"] {
    width: 55%;
  }
  .u-w[data-width~="sm:56pct"] {
    width: 56%;
  }
  .u-w[data-width~="sm:57pct"] {
    width: 57%;
  }
  .u-w[data-width~="sm:58pct"] {
    width: 58%;
  }
  .u-w[data-width~="sm:59pct"] {
    width: 59%;
  }
  .u-w[data-width~="sm:60pct"] {
    width: 60%;
  }
  .u-w[data-width~="sm:61pct"] {
    width: 61%;
  }
  .u-w[data-width~="sm:62pct"] {
    width: 62%;
  }
  .u-w[data-width~="sm:63pct"] {
    width: 63%;
  }
  .u-w[data-width~="sm:64pct"] {
    width: 64%;
  }
  .u-w[data-width~="sm:65pct"] {
    width: 65%;
  }
  .u-w[data-width~="sm:66pct"] {
    width: 66%;
  }
  .u-w[data-width~="sm:67pct"] {
    width: 67%;
  }
  .u-w[data-width~="sm:68pct"] {
    width: 68%;
  }
  .u-w[data-width~="sm:69pct"] {
    width: 69%;
  }
  .u-w[data-width~="sm:70pct"] {
    width: 70%;
  }
  .u-w[data-width~="sm:71pct"] {
    width: 71%;
  }
  .u-w[data-width~="sm:72pct"] {
    width: 72%;
  }
  .u-w[data-width~="sm:73pct"] {
    width: 73%;
  }
  .u-w[data-width~="sm:74pct"] {
    width: 74%;
  }
  .u-w[data-width~="sm:75pct"] {
    width: 75%;
  }
  .u-w[data-width~="sm:76pct"] {
    width: 76%;
  }
  .u-w[data-width~="sm:77pct"] {
    width: 77%;
  }
  .u-w[data-width~="sm:78pct"] {
    width: 78%;
  }
  .u-w[data-width~="sm:79pct"] {
    width: 79%;
  }
  .u-w[data-width~="sm:80pct"] {
    width: 80%;
  }
  .u-w[data-width~="sm:81pct"] {
    width: 81%;
  }
  .u-w[data-width~="sm:82pct"] {
    width: 82%;
  }
  .u-w[data-width~="sm:83pct"] {
    width: 83%;
  }
  .u-w[data-width~="sm:84pct"] {
    width: 84%;
  }
  .u-w[data-width~="sm:85pct"] {
    width: 85%;
  }
  .u-w[data-width~="sm:86pct"] {
    width: 86%;
  }
  .u-w[data-width~="sm:87pct"] {
    width: 87%;
  }
  .u-w[data-width~="sm:88pct"] {
    width: 88%;
  }
  .u-w[data-width~="sm:89pct"] {
    width: 89%;
  }
  .u-w[data-width~="sm:90pct"] {
    width: 90%;
  }
  .u-w[data-width~="sm:91pct"] {
    width: 91%;
  }
  .u-w[data-width~="sm:92pct"] {
    width: 92%;
  }
  .u-w[data-width~="sm:93pct"] {
    width: 93%;
  }
  .u-w[data-width~="sm:94pct"] {
    width: 94%;
  }
  .u-w[data-width~="sm:95pct"] {
    width: 95%;
  }
  .u-w[data-width~="sm:96pct"] {
    width: 96%;
  }
  .u-w[data-width~="sm:97pct"] {
    width: 97%;
  }
  .u-w[data-width~="sm:98pct"] {
    width: 98%;
  }
  .u-w[data-width~="sm:99pct"] {
    width: 99%;
  }
  .u-w[data-width~="sm:100pct"] {
    width: 100%;
  }
}
@media print, screen and (min-width: 744px) {
  .l-footer {
    padding: 6rem 5%;
  }
  .l-footer__logo {
    order: 1;
    min-width: 140px;
    margin-bottom: 5rem;
    margin-left: 0;
    text-align: left;
  }
  .l-footer__nav {
    -ms-grid-columns: (auto)[4];
    grid-template-columns: repeat(4, auto);
    order: 2;
    gap: 4.375em;
  }
  .l-footer__nav li:nth-child(2) {
    grid-column: auto;
    order: 2;
  }
  .l-footer__nav li:nth-child(3) {
    order: 3;
  }
  .l-footer__bottom {
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    justify-content: space-between;
  }
  .l-footer__contact-button {
    display: block;
  }
  .l-footer__info {
    text-align: left;
  }
  .l-footer__contact-info {
    justify-content: start;
  }
  [data-gap~="md:0"] {
    gap: calc((4 * 0) / 10 * 1rem);
  }
  [data-gap~="md:x-0"] {
    -moz-column-gap: calc((4 * 0) / 10 * 1rem);
         column-gap: calc((4 * 0) / 10 * 1rem);
  }
  [data-gap~="md:y-0"] {
    row-gap: calc((4 * 0) / 10 * 1rem);
  }
  [data-gap~="md:1"] {
    gap: calc((4 * 1) / 10 * 1rem);
  }
  [data-gap~="md:x-1"] {
    -moz-column-gap: calc((4 * 1) / 10 * 1rem);
         column-gap: calc((4 * 1) / 10 * 1rem);
  }
  [data-gap~="md:y-1"] {
    row-gap: calc((4 * 1) / 10 * 1rem);
  }
  [data-gap~="md:2"] {
    gap: calc((4 * 2) / 10 * 1rem);
  }
  [data-gap~="md:x-2"] {
    -moz-column-gap: calc((4 * 2) / 10 * 1rem);
         column-gap: calc((4 * 2) / 10 * 1rem);
  }
  [data-gap~="md:y-2"] {
    row-gap: calc((4 * 2) / 10 * 1rem);
  }
  [data-gap~="md:3"] {
    gap: calc((4 * 3) / 10 * 1rem);
  }
  [data-gap~="md:x-3"] {
    -moz-column-gap: calc((4 * 3) / 10 * 1rem);
         column-gap: calc((4 * 3) / 10 * 1rem);
  }
  [data-gap~="md:y-3"] {
    row-gap: calc((4 * 3) / 10 * 1rem);
  }
  [data-gap~="md:4"] {
    gap: calc((4 * 4) / 10 * 1rem);
  }
  [data-gap~="md:x-4"] {
    -moz-column-gap: calc((4 * 4) / 10 * 1rem);
         column-gap: calc((4 * 4) / 10 * 1rem);
  }
  [data-gap~="md:y-4"] {
    row-gap: calc((4 * 4) / 10 * 1rem);
  }
  [data-gap~="md:5"] {
    gap: calc((4 * 5) / 10 * 1rem);
  }
  [data-gap~="md:x-5"] {
    -moz-column-gap: calc((4 * 5) / 10 * 1rem);
         column-gap: calc((4 * 5) / 10 * 1rem);
  }
  [data-gap~="md:y-5"] {
    row-gap: calc((4 * 5) / 10 * 1rem);
  }
  [data-gap~="md:6"] {
    gap: calc((4 * 6) / 10 * 1rem);
  }
  [data-gap~="md:x-6"] {
    -moz-column-gap: calc((4 * 6) / 10 * 1rem);
         column-gap: calc((4 * 6) / 10 * 1rem);
  }
  [data-gap~="md:y-6"] {
    row-gap: calc((4 * 6) / 10 * 1rem);
  }
  [data-gap~="md:7"] {
    gap: calc((4 * 7) / 10 * 1rem);
  }
  [data-gap~="md:x-7"] {
    -moz-column-gap: calc((4 * 7) / 10 * 1rem);
         column-gap: calc((4 * 7) / 10 * 1rem);
  }
  [data-gap~="md:y-7"] {
    row-gap: calc((4 * 7) / 10 * 1rem);
  }
  [data-gap~="md:8"] {
    gap: calc((4 * 8) / 10 * 1rem);
  }
  [data-gap~="md:x-8"] {
    -moz-column-gap: calc((4 * 8) / 10 * 1rem);
         column-gap: calc((4 * 8) / 10 * 1rem);
  }
  [data-gap~="md:y-8"] {
    row-gap: calc((4 * 8) / 10 * 1rem);
  }
  [data-gap~="md:9"] {
    gap: calc((4 * 9) / 10 * 1rem);
  }
  [data-gap~="md:x-9"] {
    -moz-column-gap: calc((4 * 9) / 10 * 1rem);
         column-gap: calc((4 * 9) / 10 * 1rem);
  }
  [data-gap~="md:y-9"] {
    row-gap: calc((4 * 9) / 10 * 1rem);
  }
  [data-gap~="md:10"] {
    gap: calc((4 * 10) / 10 * 1rem);
  }
  [data-gap~="md:x-10"] {
    -moz-column-gap: calc((4 * 10) / 10 * 1rem);
         column-gap: calc((4 * 10) / 10 * 1rem);
  }
  [data-gap~="md:y-10"] {
    row-gap: calc((4 * 10) / 10 * 1rem);
  }
  [data-gap~="md:11"] {
    gap: calc((4 * 11) / 10 * 1rem);
  }
  [data-gap~="md:x-11"] {
    -moz-column-gap: calc((4 * 11) / 10 * 1rem);
         column-gap: calc((4 * 11) / 10 * 1rem);
  }
  [data-gap~="md:y-11"] {
    row-gap: calc((4 * 11) / 10 * 1rem);
  }
  [data-gap~="md:12"] {
    gap: calc((4 * 12) / 10 * 1rem);
  }
  [data-gap~="md:x-12"] {
    -moz-column-gap: calc((4 * 12) / 10 * 1rem);
         column-gap: calc((4 * 12) / 10 * 1rem);
  }
  [data-gap~="md:y-12"] {
    row-gap: calc((4 * 12) / 10 * 1rem);
  }
  [data-gap~="md:13"] {
    gap: calc((4 * 13) / 10 * 1rem);
  }
  [data-gap~="md:x-13"] {
    -moz-column-gap: calc((4 * 13) / 10 * 1rem);
         column-gap: calc((4 * 13) / 10 * 1rem);
  }
  [data-gap~="md:y-13"] {
    row-gap: calc((4 * 13) / 10 * 1rem);
  }
  [data-gap~="md:14"] {
    gap: calc((4 * 14) / 10 * 1rem);
  }
  [data-gap~="md:x-14"] {
    -moz-column-gap: calc((4 * 14) / 10 * 1rem);
         column-gap: calc((4 * 14) / 10 * 1rem);
  }
  [data-gap~="md:y-14"] {
    row-gap: calc((4 * 14) / 10 * 1rem);
  }
  [data-gap~="md:15"] {
    gap: calc((4 * 15) / 10 * 1rem);
  }
  [data-gap~="md:x-15"] {
    -moz-column-gap: calc((4 * 15) / 10 * 1rem);
         column-gap: calc((4 * 15) / 10 * 1rem);
  }
  [data-gap~="md:y-15"] {
    row-gap: calc((4 * 15) / 10 * 1rem);
  }
  [data-gap~="md:16"] {
    gap: calc((4 * 16) / 10 * 1rem);
  }
  [data-gap~="md:x-16"] {
    -moz-column-gap: calc((4 * 16) / 10 * 1rem);
         column-gap: calc((4 * 16) / 10 * 1rem);
  }
  [data-gap~="md:y-16"] {
    row-gap: calc((4 * 16) / 10 * 1rem);
  }
  [data-gap~="md:17"] {
    gap: calc((4 * 17) / 10 * 1rem);
  }
  [data-gap~="md:x-17"] {
    -moz-column-gap: calc((4 * 17) / 10 * 1rem);
         column-gap: calc((4 * 17) / 10 * 1rem);
  }
  [data-gap~="md:y-17"] {
    row-gap: calc((4 * 17) / 10 * 1rem);
  }
  [data-gap~="md:18"] {
    gap: calc((4 * 18) / 10 * 1rem);
  }
  [data-gap~="md:x-18"] {
    -moz-column-gap: calc((4 * 18) / 10 * 1rem);
         column-gap: calc((4 * 18) / 10 * 1rem);
  }
  [data-gap~="md:y-18"] {
    row-gap: calc((4 * 18) / 10 * 1rem);
  }
  [data-gap~="md:19"] {
    gap: calc((4 * 19) / 10 * 1rem);
  }
  [data-gap~="md:x-19"] {
    -moz-column-gap: calc((4 * 19) / 10 * 1rem);
         column-gap: calc((4 * 19) / 10 * 1rem);
  }
  [data-gap~="md:y-19"] {
    row-gap: calc((4 * 19) / 10 * 1rem);
  }
  [data-gap~="md:20"] {
    gap: calc((4 * 20) / 10 * 1rem);
  }
  [data-gap~="md:x-20"] {
    -moz-column-gap: calc((4 * 20) / 10 * 1rem);
         column-gap: calc((4 * 20) / 10 * 1rem);
  }
  [data-gap~="md:y-20"] {
    row-gap: calc((4 * 20) / 10 * 1rem);
  }
  [data-gap~="md:21"] {
    gap: calc((4 * 21) / 10 * 1rem);
  }
  [data-gap~="md:x-21"] {
    -moz-column-gap: calc((4 * 21) / 10 * 1rem);
         column-gap: calc((4 * 21) / 10 * 1rem);
  }
  [data-gap~="md:y-21"] {
    row-gap: calc((4 * 21) / 10 * 1rem);
  }
  [data-gap~="md:22"] {
    gap: calc((4 * 22) / 10 * 1rem);
  }
  [data-gap~="md:x-22"] {
    -moz-column-gap: calc((4 * 22) / 10 * 1rem);
         column-gap: calc((4 * 22) / 10 * 1rem);
  }
  [data-gap~="md:y-22"] {
    row-gap: calc((4 * 22) / 10 * 1rem);
  }
  [data-gap~="md:23"] {
    gap: calc((4 * 23) / 10 * 1rem);
  }
  [data-gap~="md:x-23"] {
    -moz-column-gap: calc((4 * 23) / 10 * 1rem);
         column-gap: calc((4 * 23) / 10 * 1rem);
  }
  [data-gap~="md:y-23"] {
    row-gap: calc((4 * 23) / 10 * 1rem);
  }
  [data-gap~="md:24"] {
    gap: calc((4 * 24) / 10 * 1rem);
  }
  [data-gap~="md:x-24"] {
    -moz-column-gap: calc((4 * 24) / 10 * 1rem);
         column-gap: calc((4 * 24) / 10 * 1rem);
  }
  [data-gap~="md:y-24"] {
    row-gap: calc((4 * 24) / 10 * 1rem);
  }
  [data-gap~="md:25"] {
    gap: calc((4 * 25) / 10 * 1rem);
  }
  [data-gap~="md:x-25"] {
    -moz-column-gap: calc((4 * 25) / 10 * 1rem);
         column-gap: calc((4 * 25) / 10 * 1rem);
  }
  [data-gap~="md:y-25"] {
    row-gap: calc((4 * 25) / 10 * 1rem);
  }
  [data-gap~="md:26"] {
    gap: calc((4 * 26) / 10 * 1rem);
  }
  [data-gap~="md:x-26"] {
    -moz-column-gap: calc((4 * 26) / 10 * 1rem);
         column-gap: calc((4 * 26) / 10 * 1rem);
  }
  [data-gap~="md:y-26"] {
    row-gap: calc((4 * 26) / 10 * 1rem);
  }
  [data-gap~="md:27"] {
    gap: calc((4 * 27) / 10 * 1rem);
  }
  [data-gap~="md:x-27"] {
    -moz-column-gap: calc((4 * 27) / 10 * 1rem);
         column-gap: calc((4 * 27) / 10 * 1rem);
  }
  [data-gap~="md:y-27"] {
    row-gap: calc((4 * 27) / 10 * 1rem);
  }
  [data-gap~="md:28"] {
    gap: calc((4 * 28) / 10 * 1rem);
  }
  [data-gap~="md:x-28"] {
    -moz-column-gap: calc((4 * 28) / 10 * 1rem);
         column-gap: calc((4 * 28) / 10 * 1rem);
  }
  [data-gap~="md:y-28"] {
    row-gap: calc((4 * 28) / 10 * 1rem);
  }
  [data-gap~="md:29"] {
    gap: calc((4 * 29) / 10 * 1rem);
  }
  [data-gap~="md:x-29"] {
    -moz-column-gap: calc((4 * 29) / 10 * 1rem);
         column-gap: calc((4 * 29) / 10 * 1rem);
  }
  [data-gap~="md:y-29"] {
    row-gap: calc((4 * 29) / 10 * 1rem);
  }
  [data-gap~="md:30"] {
    gap: calc((4 * 30) / 10 * 1rem);
  }
  [data-gap~="md:x-30"] {
    -moz-column-gap: calc((4 * 30) / 10 * 1rem);
         column-gap: calc((4 * 30) / 10 * 1rem);
  }
  [data-gap~="md:y-30"] {
    row-gap: calc((4 * 30) / 10 * 1rem);
  }
  [data-gap~="md:31"] {
    gap: calc((4 * 31) / 10 * 1rem);
  }
  [data-gap~="md:x-31"] {
    -moz-column-gap: calc((4 * 31) / 10 * 1rem);
         column-gap: calc((4 * 31) / 10 * 1rem);
  }
  [data-gap~="md:y-31"] {
    row-gap: calc((4 * 31) / 10 * 1rem);
  }
  [data-gap~="md:32"] {
    gap: calc((4 * 32) / 10 * 1rem);
  }
  [data-gap~="md:x-32"] {
    -moz-column-gap: calc((4 * 32) / 10 * 1rem);
         column-gap: calc((4 * 32) / 10 * 1rem);
  }
  [data-gap~="md:y-32"] {
    row-gap: calc((4 * 32) / 10 * 1rem);
  }
  [data-gap~="md:33"] {
    gap: calc((4 * 33) / 10 * 1rem);
  }
  [data-gap~="md:x-33"] {
    -moz-column-gap: calc((4 * 33) / 10 * 1rem);
         column-gap: calc((4 * 33) / 10 * 1rem);
  }
  [data-gap~="md:y-33"] {
    row-gap: calc((4 * 33) / 10 * 1rem);
  }
  [data-gap~="md:34"] {
    gap: calc((4 * 34) / 10 * 1rem);
  }
  [data-gap~="md:x-34"] {
    -moz-column-gap: calc((4 * 34) / 10 * 1rem);
         column-gap: calc((4 * 34) / 10 * 1rem);
  }
  [data-gap~="md:y-34"] {
    row-gap: calc((4 * 34) / 10 * 1rem);
  }
  [data-gap~="md:35"] {
    gap: calc((4 * 35) / 10 * 1rem);
  }
  [data-gap~="md:x-35"] {
    -moz-column-gap: calc((4 * 35) / 10 * 1rem);
         column-gap: calc((4 * 35) / 10 * 1rem);
  }
  [data-gap~="md:y-35"] {
    row-gap: calc((4 * 35) / 10 * 1rem);
  }
  [data-gap~="md:36"] {
    gap: calc((4 * 36) / 10 * 1rem);
  }
  [data-gap~="md:x-36"] {
    -moz-column-gap: calc((4 * 36) / 10 * 1rem);
         column-gap: calc((4 * 36) / 10 * 1rem);
  }
  [data-gap~="md:y-36"] {
    row-gap: calc((4 * 36) / 10 * 1rem);
  }
  [data-gap~="md:37"] {
    gap: calc((4 * 37) / 10 * 1rem);
  }
  [data-gap~="md:x-37"] {
    -moz-column-gap: calc((4 * 37) / 10 * 1rem);
         column-gap: calc((4 * 37) / 10 * 1rem);
  }
  [data-gap~="md:y-37"] {
    row-gap: calc((4 * 37) / 10 * 1rem);
  }
  [data-gap~="md:38"] {
    gap: calc((4 * 38) / 10 * 1rem);
  }
  [data-gap~="md:x-38"] {
    -moz-column-gap: calc((4 * 38) / 10 * 1rem);
         column-gap: calc((4 * 38) / 10 * 1rem);
  }
  [data-gap~="md:y-38"] {
    row-gap: calc((4 * 38) / 10 * 1rem);
  }
  [data-gap~="md:39"] {
    gap: calc((4 * 39) / 10 * 1rem);
  }
  [data-gap~="md:x-39"] {
    -moz-column-gap: calc((4 * 39) / 10 * 1rem);
         column-gap: calc((4 * 39) / 10 * 1rem);
  }
  [data-gap~="md:y-39"] {
    row-gap: calc((4 * 39) / 10 * 1rem);
  }
  [data-gap~="md:40"] {
    gap: calc((4 * 40) / 10 * 1rem);
  }
  [data-gap~="md:x-40"] {
    -moz-column-gap: calc((4 * 40) / 10 * 1rem);
         column-gap: calc((4 * 40) / 10 * 1rem);
  }
  [data-gap~="md:y-40"] {
    row-gap: calc((4 * 40) / 10 * 1rem);
  }
  [data-gap~="md:41"] {
    gap: calc((4 * 41) / 10 * 1rem);
  }
  [data-gap~="md:x-41"] {
    -moz-column-gap: calc((4 * 41) / 10 * 1rem);
         column-gap: calc((4 * 41) / 10 * 1rem);
  }
  [data-gap~="md:y-41"] {
    row-gap: calc((4 * 41) / 10 * 1rem);
  }
  [data-gap~="md:42"] {
    gap: calc((4 * 42) / 10 * 1rem);
  }
  [data-gap~="md:x-42"] {
    -moz-column-gap: calc((4 * 42) / 10 * 1rem);
         column-gap: calc((4 * 42) / 10 * 1rem);
  }
  [data-gap~="md:y-42"] {
    row-gap: calc((4 * 42) / 10 * 1rem);
  }
  [data-gap~="md:43"] {
    gap: calc((4 * 43) / 10 * 1rem);
  }
  [data-gap~="md:x-43"] {
    -moz-column-gap: calc((4 * 43) / 10 * 1rem);
         column-gap: calc((4 * 43) / 10 * 1rem);
  }
  [data-gap~="md:y-43"] {
    row-gap: calc((4 * 43) / 10 * 1rem);
  }
  [data-gap~="md:44"] {
    gap: calc((4 * 44) / 10 * 1rem);
  }
  [data-gap~="md:x-44"] {
    -moz-column-gap: calc((4 * 44) / 10 * 1rem);
         column-gap: calc((4 * 44) / 10 * 1rem);
  }
  [data-gap~="md:y-44"] {
    row-gap: calc((4 * 44) / 10 * 1rem);
  }
  [data-gap~="md:45"] {
    gap: calc((4 * 45) / 10 * 1rem);
  }
  [data-gap~="md:x-45"] {
    -moz-column-gap: calc((4 * 45) / 10 * 1rem);
         column-gap: calc((4 * 45) / 10 * 1rem);
  }
  [data-gap~="md:y-45"] {
    row-gap: calc((4 * 45) / 10 * 1rem);
  }
  [data-gap~="md:46"] {
    gap: calc((4 * 46) / 10 * 1rem);
  }
  [data-gap~="md:x-46"] {
    -moz-column-gap: calc((4 * 46) / 10 * 1rem);
         column-gap: calc((4 * 46) / 10 * 1rem);
  }
  [data-gap~="md:y-46"] {
    row-gap: calc((4 * 46) / 10 * 1rem);
  }
  [data-gap~="md:47"] {
    gap: calc((4 * 47) / 10 * 1rem);
  }
  [data-gap~="md:x-47"] {
    -moz-column-gap: calc((4 * 47) / 10 * 1rem);
         column-gap: calc((4 * 47) / 10 * 1rem);
  }
  [data-gap~="md:y-47"] {
    row-gap: calc((4 * 47) / 10 * 1rem);
  }
  [data-gap~="md:48"] {
    gap: calc((4 * 48) / 10 * 1rem);
  }
  [data-gap~="md:x-48"] {
    -moz-column-gap: calc((4 * 48) / 10 * 1rem);
         column-gap: calc((4 * 48) / 10 * 1rem);
  }
  [data-gap~="md:y-48"] {
    row-gap: calc((4 * 48) / 10 * 1rem);
  }
  [data-gap~="md:49"] {
    gap: calc((4 * 49) / 10 * 1rem);
  }
  [data-gap~="md:x-49"] {
    -moz-column-gap: calc((4 * 49) / 10 * 1rem);
         column-gap: calc((4 * 49) / 10 * 1rem);
  }
  [data-gap~="md:y-49"] {
    row-gap: calc((4 * 49) / 10 * 1rem);
  }
  [data-gap~="md:50"] {
    gap: calc((4 * 50) / 10 * 1rem);
  }
  [data-gap~="md:x-50"] {
    -moz-column-gap: calc((4 * 50) / 10 * 1rem);
         column-gap: calc((4 * 50) / 10 * 1rem);
  }
  [data-gap~="md:y-50"] {
    row-gap: calc((4 * 50) / 10 * 1rem);
  }
  .l-gap-primary {
    padding-right: 35px;
    padding-left: 35px;
  }
  [data-grid~="md:cols-1"] {
    -ms-grid-columns: (minmax(0, 1fr))[1];
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  [data-grid~="md:cols-2"] {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  [data-grid~="md:cols-3"] {
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  [data-grid~="md:cols-4"] {
    -ms-grid-columns: (minmax(0, 1fr))[4];
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  [data-grid~="md:cols-5"] {
    -ms-grid-columns: (minmax(0, 1fr))[5];
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  [data-grid~="md:cols-6"] {
    -ms-grid-columns: (minmax(0, 1fr))[6];
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  [data-grid~="md:cols-7"] {
    -ms-grid-columns: (minmax(0, 1fr))[7];
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  [data-grid~="md:cols-8"] {
    -ms-grid-columns: (minmax(0, 1fr))[8];
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  [data-grid~="md:cols-9"] {
    -ms-grid-columns: (minmax(0, 1fr))[9];
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  [data-grid~="md:cols-10"] {
    -ms-grid-columns: (minmax(0, 1fr))[10];
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  [data-grid~="md:cols-11"] {
    -ms-grid-columns: (minmax(0, 1fr))[11];
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  [data-grid~="md:cols-12"] {
    -ms-grid-columns: (minmax(0, 1fr))[12];
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  [data-grid-item~="md:col-span-1"] {
    -ms-grid-column-span: 1;
    -ms-grid-column: span 1;
        grid-column-start: span 1;
    grid-column-end: span 1;
  }
  [data-grid-item~="md:col-start-1"] {
    -ms-grid-column: 1;
        grid-column-start: 1;
  }
  [data-grid-item~="md:col-end-1"] {
    -ms-grid-column-span: 1;
    grid-column-end: 1;
  }
  [data-grid-item~="md:col-span-2"] {
    -ms-grid-column-span: 2;
    -ms-grid-column: span 2;
        grid-column-start: span 2;
    grid-column-end: span 2;
  }
  [data-grid-item~="md:col-start-2"] {
    -ms-grid-column: 2;
        grid-column-start: 2;
  }
  [data-grid-item~="md:col-end-2"] {
    -ms-grid-column-span: 2;
    grid-column-end: 2;
  }
  [data-grid-item~="md:col-span-3"] {
    -ms-grid-column-span: 3;
    -ms-grid-column: span 3;
        grid-column-start: span 3;
    grid-column-end: span 3;
  }
  [data-grid-item~="md:col-start-3"] {
    -ms-grid-column: 3;
        grid-column-start: 3;
  }
  [data-grid-item~="md:col-end-3"] {
    -ms-grid-column-span: 3;
    grid-column-end: 3;
  }
  [data-grid-item~="md:col-span-4"] {
    -ms-grid-column-span: 4;
    -ms-grid-column: span 4;
        grid-column-start: span 4;
    grid-column-end: span 4;
  }
  [data-grid-item~="md:col-start-4"] {
    -ms-grid-column: 4;
        grid-column-start: 4;
  }
  [data-grid-item~="md:col-end-4"] {
    -ms-grid-column-span: 4;
    grid-column-end: 4;
  }
  [data-grid-item~="md:col-span-5"] {
    -ms-grid-column-span: 5;
    -ms-grid-column: span 5;
        grid-column-start: span 5;
    grid-column-end: span 5;
  }
  [data-grid-item~="md:col-start-5"] {
    -ms-grid-column: 5;
        grid-column-start: 5;
  }
  [data-grid-item~="md:col-end-5"] {
    -ms-grid-column-span: 5;
    grid-column-end: 5;
  }
  [data-grid-item~="md:col-span-6"] {
    -ms-grid-column-span: 6;
    -ms-grid-column: span 6;
        grid-column-start: span 6;
    grid-column-end: span 6;
  }
  [data-grid-item~="md:col-start-6"] {
    -ms-grid-column: 6;
        grid-column-start: 6;
  }
  [data-grid-item~="md:col-end-6"] {
    -ms-grid-column-span: 6;
    grid-column-end: 6;
  }
  [data-grid-item~="md:col-span-7"] {
    -ms-grid-column-span: 7;
    -ms-grid-column: span 7;
        grid-column-start: span 7;
    grid-column-end: span 7;
  }
  [data-grid-item~="md:col-start-7"] {
    -ms-grid-column: 7;
        grid-column-start: 7;
  }
  [data-grid-item~="md:col-end-7"] {
    -ms-grid-column-span: 7;
    grid-column-end: 7;
  }
  [data-grid-item~="md:col-span-8"] {
    -ms-grid-column-span: 8;
    -ms-grid-column: span 8;
        grid-column-start: span 8;
    grid-column-end: span 8;
  }
  [data-grid-item~="md:col-start-8"] {
    -ms-grid-column: 8;
        grid-column-start: 8;
  }
  [data-grid-item~="md:col-end-8"] {
    -ms-grid-column-span: 8;
    grid-column-end: 8;
  }
  [data-grid-item~="md:col-span-9"] {
    -ms-grid-column-span: 9;
    -ms-grid-column: span 9;
        grid-column-start: span 9;
    grid-column-end: span 9;
  }
  [data-grid-item~="md:col-start-9"] {
    -ms-grid-column: 9;
        grid-column-start: 9;
  }
  [data-grid-item~="md:col-end-9"] {
    -ms-grid-column-span: 9;
    grid-column-end: 9;
  }
  [data-grid-item~="md:col-span-10"] {
    -ms-grid-column-span: 10;
    -ms-grid-column: span 10;
        grid-column-start: span 10;
    grid-column-end: span 10;
  }
  [data-grid-item~="md:col-start-10"] {
    -ms-grid-column: 10;
        grid-column-start: 10;
  }
  [data-grid-item~="md:col-end-10"] {
    -ms-grid-column-span: 10;
    grid-column-end: 10;
  }
  [data-grid-item~="md:col-span-11"] {
    -ms-grid-column-span: 11;
    -ms-grid-column: span 11;
        grid-column-start: span 11;
    grid-column-end: span 11;
  }
  [data-grid-item~="md:col-start-11"] {
    -ms-grid-column: 11;
        grid-column-start: 11;
  }
  [data-grid-item~="md:col-end-11"] {
    -ms-grid-column-span: 11;
    grid-column-end: 11;
  }
  [data-grid-item~="md:col-span-12"] {
    -ms-grid-column-span: 12;
    -ms-grid-column: span 12;
        grid-column-start: span 12;
    grid-column-end: span 12;
  }
  [data-grid-item~="md:col-start-12"] {
    -ms-grid-column: 12;
        grid-column-start: 12;
  }
  [data-grid-item~="md:col-end-12"] {
    -ms-grid-column-span: 12;
    grid-column-end: 12;
  }
  [data-grid-item~="md:col-auto"] {
    -ms-grid-column-span: NaN;
    -ms-grid-column: auto;
        grid-column-start: auto;
    grid-column-end: auto;
  }
  [data-grid-item~="md:col-full"] {
    -ms-grid-column-span: -2;
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: -1;
  }
  [data-grid-item~="md:col-start-auto"] {
    -ms-grid-column: auto;
        grid-column-start: auto;
  }
  [data-grid-item~="md:col-end-auto"] {
    -ms-grid-column-span: auto;
    grid-column-end: auto;
  }
  [data-grid~="md:rows-1"] {
    -ms-grid-rows: (minmax(0, 1fr))[1];
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  [data-grid~="md:rows-2"] {
    -ms-grid-rows: (minmax(0, 1fr))[2];
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  [data-grid~="md:rows-3"] {
    -ms-grid-rows: (minmax(0, 1fr))[3];
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  [data-grid~="md:rows-4"] {
    -ms-grid-rows: (minmax(0, 1fr))[4];
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  [data-grid~="md:rows-5"] {
    -ms-grid-rows: (minmax(0, 1fr))[5];
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  [data-grid~="md:rows-6"] {
    -ms-grid-rows: (minmax(0, 1fr))[6];
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  [data-grid-item~="md:row-span-1"] {
    -ms-grid-row-span: 1;
    -ms-grid-row: span 1;
        grid-row-start: span 1;
    grid-row-end: span 1;
  }
  [data-grid-item~="md:row-start-1"] {
    -ms-grid-row: 1;
        grid-row-start: 1;
  }
  [data-grid-item~="md:row-end-1"] {
    -ms-grid-row-span: 1;
    grid-row-end: 1;
  }
  [data-grid-item~="md:row-span-2"] {
    -ms-grid-row-span: 2;
    -ms-grid-row: span 2;
        grid-row-start: span 2;
    grid-row-end: span 2;
  }
  [data-grid-item~="md:row-start-2"] {
    -ms-grid-row: 2;
        grid-row-start: 2;
  }
  [data-grid-item~="md:row-end-2"] {
    -ms-grid-row-span: 2;
    grid-row-end: 2;
  }
  [data-grid-item~="md:row-span-3"] {
    -ms-grid-row-span: 3;
    -ms-grid-row: span 3;
        grid-row-start: span 3;
    grid-row-end: span 3;
  }
  [data-grid-item~="md:row-start-3"] {
    -ms-grid-row: 3;
        grid-row-start: 3;
  }
  [data-grid-item~="md:row-end-3"] {
    -ms-grid-row-span: 3;
    grid-row-end: 3;
  }
  [data-grid-item~="md:row-span-4"] {
    -ms-grid-row-span: 4;
    -ms-grid-row: span 4;
        grid-row-start: span 4;
    grid-row-end: span 4;
  }
  [data-grid-item~="md:row-start-4"] {
    -ms-grid-row: 4;
        grid-row-start: 4;
  }
  [data-grid-item~="md:row-end-4"] {
    -ms-grid-row-span: 4;
    grid-row-end: 4;
  }
  [data-grid-item~="md:row-span-5"] {
    -ms-grid-row-span: 5;
    -ms-grid-row: span 5;
        grid-row-start: span 5;
    grid-row-end: span 5;
  }
  [data-grid-item~="md:row-start-5"] {
    -ms-grid-row: 5;
        grid-row-start: 5;
  }
  [data-grid-item~="md:row-end-5"] {
    -ms-grid-row-span: 5;
    grid-row-end: 5;
  }
  [data-grid-item~="md:row-span-6"] {
    -ms-grid-row-span: 6;
    -ms-grid-row: span 6;
        grid-row-start: span 6;
    grid-row-end: span 6;
  }
  [data-grid-item~="md:row-start-6"] {
    -ms-grid-row: 6;
        grid-row-start: 6;
  }
  [data-grid-item~="md:row-end-6"] {
    -ms-grid-row-span: 6;
    grid-row-end: 6;
  }
  [data-grid-item~="md:row-auto"] {
    -ms-grid-row-span: NaN;
    -ms-grid-row: auto;
        grid-row-start: auto;
    grid-row-end: auto;
  }
  [data-grid-item~="md:row-full"] {
    -ms-grid-row-span: -2;
    -ms-grid-row: 1;
        grid-row-start: 1;
    grid-row-end: -1;
  }
  [data-grid-item~="md:row-start-auto"] {
    -ms-grid-row: auto;
        grid-row-start: auto;
  }
  [data-grid-item~="md:row-end-auto"] {
    -ms-grid-row-span: auto;
    grid-row-end: auto;
  }
  .l-main::before {
    width: 4%;
    max-width: 80px;
  }
  [data-order~="md:0"] {
    order: 0;
  }
  [data-order~="md:-1"] {
    order: calc(1 * -1);
  }
  [data-order~="md:1"] {
    order: 1;
  }
  [data-order~="md:-2"] {
    order: calc(2 * -1);
  }
  [data-order~="md:2"] {
    order: 2;
  }
  [data-order~="md:-3"] {
    order: calc(3 * -1);
  }
  [data-order~="md:3"] {
    order: 3;
  }
  [data-order~="md:-4"] {
    order: calc(4 * -1);
  }
  [data-order~="md:4"] {
    order: 4;
  }
  [data-place~="md:start"] {
    justify-content: flex-start;
  }
  [data-place~="md:center"] {
    justify-content: center;
  }
  [data-place~="md:end"] {
    justify-content: flex-end;
  }
  [data-place~="md:between"] {
    justify-content: space-between;
  }
  [data-place~="md:first"] {
    align-items: flex-start;
  }
  [data-place~="md:middle"] {
    align-items: center;
  }
  [data-place~="md:last"] {
    align-items: flex-end;
  }
  [data-place~="md:stretch"] {
    align-items: stretch;
  }
  [data-place~="md:+start"] {
    align-content: flex-start;
    justify-content: flex-start;
  }
  [data-place~="md:+center"] {
    align-content: center;
    justify-content: center;
  }
  [data-place~="md:+end"] {
    align-content: flex-end;
    justify-content: flex-end;
  }
  [data-place~="md:+between"] {
    align-content: space-between;
    justify-content: space-between;
  }
  [data-place~="md:+first"] {
    align-items: flex-start;
    justify-items: flex-start;
  }
  [data-place~="md:+middle"] {
    align-items: center;
    justify-items: center;
  }
  [data-place~="md:+last"] {
    align-items: flex-end;
    justify-items: flex-end;
  }
  [data-place~="md:+stretch"] {
    align-items: stretch;
    justify-items: stretch;
  }
  .l-spacer {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .l-spacer.-xxs {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .l-spacer.-xs {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .l-spacer.-sm {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .l-spacer.-lg {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .l-spacer.-xl {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .l-spacer.-xxl {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
  .l-topicpath {
    padding: 2em 5%;
  }
  .c-button-primary.-lg span.text {
    height: 100px;
  }
  .c-button-primary:hover span.arrow {
    width: 4em;
  }
  .c-button-more {
    padding: 1em;
    font-size: 1.8rem;
  }
  .c-button-page-scroll a {
    height: 80px;
  }
  .c-button-page-scroll a::after {
    top: calc(50% + 8px);
    width: 24px;
    height: 24px;
  }
  .c-form input[type=text],
  .c-form input[type=email],
  .c-form input[type=tel],
  .c-form select,
  .c-form textarea {
    padding: 1em;
  }
  .c-form input.zip {
    margin-right: 2.4rem;
  }
  .c-form select {
    padding-left: 3em;
  }
  .c-table.-primary tr {
    display: table-row;
    padding: 0;
  }
  .c-table.-primary th,
  .c-table.-primary td {
    display: table-cell;
    width: auto;
    padding: 2em 1.5em;
  }
  .c-table.-primary th {
    width: 20%;
    min-width: 10em;
    padding-left: 1.5em;
    background-color: #f6f6f6;
    white-space: nowrap;
  }
  .c-table.-contact tr {
    display: table-row;
    padding: 0;
  }
  .c-table.-contact th,
  .c-table.-contact td {
    display: table-cell;
    width: auto;
    padding: 2em 1.5em;
  }
  .c-table.-contact th {
    width: 10%;
    min-width: 14em;
    margin-bottom: 0;
    padding-left: 0;
    white-space: nowrap;
  }
  .p-cta {
    padding: 12rem 5%;
  }
  .p-cta::before {
    top: 50%;
    translate: 0 -50%;
  }
  .p-cta__inner {
    -ms-grid-columns: minmax(0, 1fr) 148px;
    grid-template-columns: minmax(0, 1fr) 148px;
    gap: 4rem;
  }
  .p-cta__tel a {
    padding: 0;
    background-color: transparent;
    color: #fff;
    text-align: left;
  }
  .p-cta__email a {
    display: -ms-grid;
    display: grid;
    place-content: center;
    aspect-ratio: 1;
    width: 100px;
    border-radius: 50%;
  }
  .p-cta__email a span.text {
    display: none;
  }
  .p-cta__email a span.arrow {
    display: block;
    width: 40px;
  }
  .p-cta-button {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 5.6rem;
  }
  .p-cta-button__item.-tel svg {
    width: auto;
  }
  .p-cta-button__item.-email svg {
    width: auto;
  }
  .p-cta-button__item a {
    height: 124px;
  }
  .p-home {
    background-image: url("../img/home/bg-blur.png");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .p-home::before, .p-home::after {
    position: absolute;
    content: "";
  }
  .p-home::after {
    z-index: 1;
    top: 0;
    right: 0;
    width: 31.5625%;
    max-width: 606px;
    height: 100%;
    background-image: url("../img/home/bg-right.png");
    background-position: right 10%;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .p-home-hero {
    padding: 16rem 5% 6.4rem;
  }
  .p-home-hero::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 67.60416667%;
    max-width: 1298px;
    height: 100%;
    background-image: url("../img/home/hero-bg.png");
    background-position: left top;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
  }
  .p-home-hero__headline {
    width: auto;
    max-width: 400px;
  }
  .p-home-hero__scroll {
    display: block;
  }
  .p-home-text-decoration {
    text-align: center;
  }
  .p-home-text-decoration span {
    display: inline;
  }
  .p-home-about {
    margin-top: 0;
    padding: 8rem 5%;
  }
  .p-home-about__inner::before {
    top: -60%;
    right: 100%;
  }
  .p-home-about__tagline {
    text-align: left;
  }
  .p-home-about__desc:nth-of-type(1) {
    margin-bottom: 0;
  }
  .p-home-about__button {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-top: 0;
  }
  .p-home-about__button a {
    display: -ms-grid;
    display: grid;
    aspect-ratio: 1;
    width: 120px;
    max-width: none;
    height: 120px;
    padding: 0;
    border-radius: 50%;
    background: #141414;
    background: linear-gradient(45deg, #6f6f6f 0%, #141414 100%);
    font-size: clamp(1.2rem, 1.4vw, 1.5rem);
  }
  .p-home-about__button a::after {
    display: inline-block;
    position: relative;
    width: 0.7em;
    height: 0.7em;
    margin-top: 1em;
    rotate: 45deg;
    border-top: 2px solid currentcolor;
    border-right: 2px solid currentcolor;
    content: "";
  }
  .p-home-product {
    width: calc(50% + 50vw);
    margin: 0;
    padding: 5% 5% 0;
    border-radius: clamp(16px, 3vw, 50px) 0 0 clamp(16px, 3vw, 50px);
    background-image: url("../img/home/product-bg.svg");
    background-position: left;
  }
  .p-home-product::after {
    height: 47px;
  }
  .p-home-product-item {
    padding: 5%;
  }
  .p-home-product-item__content {
    -ms-grid-columns: 56% minmax(0, 1fr);
    grid-template-columns: 56% minmax(0, 1fr);
    gap: 5%;
  }
  .p-home-product-item__info {
    margin-top: 20%;
  }
  .p-home-product-item__title {
    margin-bottom: 0.5em;
  }
  .p-home-product-item__thumbnail {
    order: 2;
  }
  .p-home-product-item__button {
    margin-top: 6.4rem;
  }
  .p-home-product-item__button a {
    border-radius: 1rem;
    background: #141414;
    background: linear-gradient(45deg, #6f6f6f 0%, #141414 100%);
  }
  .p-home-product-item__button a::before, .p-home-product-item__button a::after {
    position: absolute;
    border-radius: 2px;
    content: "";
  }
  .p-home-product-item__button a::before {
    top: 50%;
    right: 24px;
    width: 16px;
    height: 16px;
    translate: 0 -50%;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
  }
  .p-home-product-item__button a::after {
    top: calc(50% + 1px);
    right: 21px;
    width: 24px;
    height: 2px;
    translate: 0 -50%;
    rotate: -45deg;
    background-color: #fff;
  }
  .p-home-service {
    padding: 8rem 5%;
  }
  .p-home-service__button {
    margin-top: 6.4rem;
  }
  .p-home-service__button a {
    border-radius: 1rem;
    background: #141414;
    background: linear-gradient(45deg, #6f6f6f 0%, #141414 100%);
  }
  .p-home-service__button a::before, .p-home-service__button a::after {
    position: absolute;
    border-radius: 2px;
    content: "";
  }
  .p-home-service__button a::before {
    top: 50%;
    right: 24px;
    width: 16px;
    height: 16px;
    translate: 0 -50%;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
  }
  .p-home-service__button a::after {
    top: calc(50% + 1px);
    right: 21px;
    width: 24px;
    height: 2px;
    translate: 0 -50%;
    rotate: -45deg;
    background-color: #fff;
  }
  .p-home-news {
    padding: 4rem 5% 18rem;
  }
  .p-home-news__item-block {
    -ms-grid-columns: 90px minmax(0, 1fr);
    grid-template-columns: 90px minmax(0, 1fr);
    padding: 5rem 0;
    gap: 4rem;
  }
  .p-home-news__button a {
    border-radius: 1rem;
    background: #2a85e0;
    background: linear-gradient(45deg, rgb(42, 133, 224) 0%, rgb(0, 58, 167) 100%);
  }
  .p-home-news__button a::before, .p-home-news__button a::after {
    position: absolute;
    border-radius: 2px;
    content: "";
  }
  .p-home-news__button a::before {
    top: 50%;
    right: 24px;
    width: 16px;
    height: 16px;
    translate: 0 -50%;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
  }
  .p-home-news__button a::after {
    top: calc(50% + 1px);
    right: 21px;
    width: 24px;
    height: 2px;
    translate: 0 -50%;
    rotate: -45deg;
    background-color: #fff;
  }
  .p-modal__inner {
    padding: 40px 0 40px 40px;
  }
  .p-modal__content {
    padding-right: 40px;
  }
  .p-modal-close-button {
    top: -80px;
  }
  .p-sonal-point__list {
    flex-wrap: nowrap;
  }
  .p-sonal-point__list li {
    width: 33.3333333333%;
  }
  .p-sonal-howto__list {
    -ms-grid-columns: (minmax(0, 1fr))[4];
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 0 5% 5%;
  }
  .p-sonal-howto__list::before {
    height: 70%;
  }
  .p-sonal-howto__image img {
    width: auto;
  }
  .p-sonal-usecase-card-container {
    -ms-grid-columns: (minmax(0, 1fr))[4];
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .p-sonal-usecase-card__body {
    padding: 16px 16px 40px;
  }
  .p-sonal-cta {
    margin-bottom: 8em;
  }
  .p-sonal-cta__button a::after {
    right: 1.2em;
  }
  .p-company-corporate-philosophy__item {
    margin-bottom: 8rem;
  }
  .p-representative-message__body {
    -ms-grid-columns: 40.26548673% minmax(0, 1fr);
    grid-template-columns: 40.26548673% minmax(0, 1fr);
  }
  .p-representative-message__figure {
    width: auto;
  }
  .p-company-profile__table tr {
    display: table-row;
    padding: 0;
  }
  .p-company-profile__table th,
  .p-company-profile__table td {
    display: table-cell;
    width: auto;
    padding: 2em 1.5em;
  }
  .p-company-profile__table th {
    width: 20%;
    min-width: 10em;
    padding-left: 0;
    white-space: nowrap;
  }
  .p-organization__inner {
    padding: 8rem 0;
  }
  .p-history__item {
    -ms-grid-columns: 9em minmax(0, 1fr);
    grid-template-columns: 9em minmax(0, 1fr);
    padding-bottom: 4rem;
  }
  .p-history__item::before {
    top: 12px;
  }
  .p-access__inner {
    padding: 8rem 0;
  }
  .p-service-nav {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }
  .p-service-nav li a {
    min-height: 80px;
  }
  .p-service-section {
    padding-right: 35px;
    padding-left: 35px;
  }
  .p-service-section__list {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: center;
  }
  .p-service-section__aucolor {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .p-products-section__grid {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .p-products-section__flex .p-products-item {
    width: 50%;
    max-width: 460px;
  }
  .p-products-item__body {
    padding: 8rem 4rem 4rem;
  }
  .p-recruit-about__list {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4rem;
  }
  .p-recruit-requirements__table tr {
    display: table-row;
    padding: 0;
  }
  .p-recruit-requirements__table th,
  .p-recruit-requirements__table td {
    display: table-cell;
    width: auto;
    padding: 1em 0;
  }
  .p-recruit-requirements__table th {
    width: 10%;
    min-width: 6em;
    text-align: center;
    white-space: nowrap;
  }
  .p-recruit-requirements__table td {
    padding-left: 1em;
  }
  .p-recruit-requirements__salary {
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    gap: 4rem;
  }
  .p-recruit-requirements .salary-list:first-of-type {
    padding-right: 1em;
    border-right: 1px solid #000;
  }
  .p-recruit-process__list-item {
    margin-bottom: 16rem;
  }
  .p-recruit-process__list-item::after {
    top: calc(100% + 6.4rem);
    width: 40px;
    height: 25px;
  }
  .p-contact-section {
    padding-right: 35px;
    padding-left: 35px;
  }
  .p-contact-list__item {
    padding: 4rem;
  }
  .p-contact-form__table {
    margin-bottom: 8rem;
  }
  .p-contact-form__table tr {
    display: table-row;
    padding: 0;
  }
  .p-contact-form__table th,
  .p-contact-form__table td {
    display: table-cell;
    width: auto;
    padding-top: 4rem;
    padding-bottom: 4rem;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }
  .p-contact-form__table th {
    position: relative;
    width: 20%;
    min-width: 12em;
    font-size: clamp(1.6rem, 2vw, 2.4rem);
    text-align: left;
  }
  .p-contact-form__table th.required::after {
    display: inline-block;
    content: "※";
    font-size: 0.7em;
    vertical-align: top;
  }
  .mw_wp_form_confirm .p-contact-form__table th.required::after {
    display: none;
  }
  .p-contact-form__table td {
    padding-left: 4rem;
  }
  .p-contact-form-type__item:not(:last-of-type) {
    margin-bottom: 8rem;
  }
  .p-contact-info {
    padding: 6rem;
  }
  .p-contact-consent {
    margin-bottom: 8rem;
  }
  .p-privacy-nav {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 8rem;
  }
  .p-privacy-section {
    margin-bottom: 8rem;
  }
  .p-post-news-item__block {
    padding: 5rem 0;
  }
  .p-post-navi {
    margin-top: 16rem;
    margin-bottom: 8rem;
  }
  .p-post__content {
    font-size: 1.6rem;
  }
  .p-post__content h2 {
    font-size: 1.75em;
  }
  .p-post__content h3 {
    font-size: 1.5em;
  }
  .p-post__content h4 {
    font-size: 1.25em;
  }
  .p-post__content h5 {
    font-size: 1.125em;
  }
  .p-post__content .wp-block-table tr {
    display: table-row;
    padding: 0;
  }
  .p-post__content .wp-block-table th,
  .p-post__content .wp-block-table td {
    display: table-cell;
    width: auto;
    padding: 1.5em;
  }
  .p-post__content .wp-block-table th {
    padding-left: 0;
    vertical-align: top;
  }
  .p-post__content .wp-block-table td {
    padding-right: 0;
  }
  .wp-pagenavi {
    margin-top: 8rem;
  }
  .u-ptb-xxs {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .u-ptb-xs {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .u-ptb-sm {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
  .u-ptb-md {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .u-ptb-lg {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }
  .u-ptb-xl {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }
  .u-ptb-xxl {
    padding-top: 10.5rem;
    padding-bottom: 10.5rem;
  }
}
@media screen and (min-width: 744px) {
  .l-spacer[class][data-space~="md:reset"] {
    padding: 0;
  }
  .l-spacer[class][data-space~="md:resetTop"] {
    padding-top: 0;
  }
  .l-spacer[class][data-space~="md:resetBottom"] {
    padding-bottom: 0;
  }
  .l-spacer[class][data-space-py~="md:0"] {
    padding-top: calc((4 * 0) / 10 * 1rem);
    padding-bottom: calc((4 * 0) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:0"] {
    padding-top: calc((4 * 0) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:0"] {
    padding-bottom: calc((4 * 0) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:1"] {
    padding-top: calc((4 * 1) / 10 * 1rem);
    padding-bottom: calc((4 * 1) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:1"] {
    padding-top: calc((4 * 1) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:1"] {
    padding-bottom: calc((4 * 1) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:2"] {
    padding-top: calc((4 * 2) / 10 * 1rem);
    padding-bottom: calc((4 * 2) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:2"] {
    padding-top: calc((4 * 2) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:2"] {
    padding-bottom: calc((4 * 2) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:3"] {
    padding-top: calc((4 * 3) / 10 * 1rem);
    padding-bottom: calc((4 * 3) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:3"] {
    padding-top: calc((4 * 3) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:3"] {
    padding-bottom: calc((4 * 3) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:4"] {
    padding-top: calc((4 * 4) / 10 * 1rem);
    padding-bottom: calc((4 * 4) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:4"] {
    padding-top: calc((4 * 4) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:4"] {
    padding-bottom: calc((4 * 4) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:5"] {
    padding-top: calc((4 * 5) / 10 * 1rem);
    padding-bottom: calc((4 * 5) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:5"] {
    padding-top: calc((4 * 5) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:5"] {
    padding-bottom: calc((4 * 5) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:6"] {
    padding-top: calc((4 * 6) / 10 * 1rem);
    padding-bottom: calc((4 * 6) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:6"] {
    padding-top: calc((4 * 6) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:6"] {
    padding-bottom: calc((4 * 6) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:7"] {
    padding-top: calc((4 * 7) / 10 * 1rem);
    padding-bottom: calc((4 * 7) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:7"] {
    padding-top: calc((4 * 7) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:7"] {
    padding-bottom: calc((4 * 7) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:8"] {
    padding-top: calc((4 * 8) / 10 * 1rem);
    padding-bottom: calc((4 * 8) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:8"] {
    padding-top: calc((4 * 8) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:8"] {
    padding-bottom: calc((4 * 8) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:9"] {
    padding-top: calc((4 * 9) / 10 * 1rem);
    padding-bottom: calc((4 * 9) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:9"] {
    padding-top: calc((4 * 9) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:9"] {
    padding-bottom: calc((4 * 9) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:10"] {
    padding-top: calc((4 * 10) / 10 * 1rem);
    padding-bottom: calc((4 * 10) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:10"] {
    padding-top: calc((4 * 10) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:10"] {
    padding-bottom: calc((4 * 10) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:11"] {
    padding-top: calc((4 * 11) / 10 * 1rem);
    padding-bottom: calc((4 * 11) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:11"] {
    padding-top: calc((4 * 11) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:11"] {
    padding-bottom: calc((4 * 11) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:12"] {
    padding-top: calc((4 * 12) / 10 * 1rem);
    padding-bottom: calc((4 * 12) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:12"] {
    padding-top: calc((4 * 12) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:12"] {
    padding-bottom: calc((4 * 12) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:13"] {
    padding-top: calc((4 * 13) / 10 * 1rem);
    padding-bottom: calc((4 * 13) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:13"] {
    padding-top: calc((4 * 13) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:13"] {
    padding-bottom: calc((4 * 13) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:14"] {
    padding-top: calc((4 * 14) / 10 * 1rem);
    padding-bottom: calc((4 * 14) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:14"] {
    padding-top: calc((4 * 14) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:14"] {
    padding-bottom: calc((4 * 14) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:15"] {
    padding-top: calc((4 * 15) / 10 * 1rem);
    padding-bottom: calc((4 * 15) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:15"] {
    padding-top: calc((4 * 15) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:15"] {
    padding-bottom: calc((4 * 15) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:16"] {
    padding-top: calc((4 * 16) / 10 * 1rem);
    padding-bottom: calc((4 * 16) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:16"] {
    padding-top: calc((4 * 16) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:16"] {
    padding-bottom: calc((4 * 16) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:17"] {
    padding-top: calc((4 * 17) / 10 * 1rem);
    padding-bottom: calc((4 * 17) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:17"] {
    padding-top: calc((4 * 17) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:17"] {
    padding-bottom: calc((4 * 17) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:18"] {
    padding-top: calc((4 * 18) / 10 * 1rem);
    padding-bottom: calc((4 * 18) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:18"] {
    padding-top: calc((4 * 18) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:18"] {
    padding-bottom: calc((4 * 18) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:19"] {
    padding-top: calc((4 * 19) / 10 * 1rem);
    padding-bottom: calc((4 * 19) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:19"] {
    padding-top: calc((4 * 19) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:19"] {
    padding-bottom: calc((4 * 19) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:20"] {
    padding-top: calc((4 * 20) / 10 * 1rem);
    padding-bottom: calc((4 * 20) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:20"] {
    padding-top: calc((4 * 20) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:20"] {
    padding-bottom: calc((4 * 20) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:21"] {
    padding-top: calc((4 * 21) / 10 * 1rem);
    padding-bottom: calc((4 * 21) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:21"] {
    padding-top: calc((4 * 21) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:21"] {
    padding-bottom: calc((4 * 21) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:22"] {
    padding-top: calc((4 * 22) / 10 * 1rem);
    padding-bottom: calc((4 * 22) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:22"] {
    padding-top: calc((4 * 22) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:22"] {
    padding-bottom: calc((4 * 22) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:23"] {
    padding-top: calc((4 * 23) / 10 * 1rem);
    padding-bottom: calc((4 * 23) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:23"] {
    padding-top: calc((4 * 23) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:23"] {
    padding-bottom: calc((4 * 23) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:24"] {
    padding-top: calc((4 * 24) / 10 * 1rem);
    padding-bottom: calc((4 * 24) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:24"] {
    padding-top: calc((4 * 24) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:24"] {
    padding-bottom: calc((4 * 24) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:25"] {
    padding-top: calc((4 * 25) / 10 * 1rem);
    padding-bottom: calc((4 * 25) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:25"] {
    padding-top: calc((4 * 25) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:25"] {
    padding-bottom: calc((4 * 25) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:26"] {
    padding-top: calc((4 * 26) / 10 * 1rem);
    padding-bottom: calc((4 * 26) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:26"] {
    padding-top: calc((4 * 26) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:26"] {
    padding-bottom: calc((4 * 26) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:27"] {
    padding-top: calc((4 * 27) / 10 * 1rem);
    padding-bottom: calc((4 * 27) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:27"] {
    padding-top: calc((4 * 27) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:27"] {
    padding-bottom: calc((4 * 27) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:28"] {
    padding-top: calc((4 * 28) / 10 * 1rem);
    padding-bottom: calc((4 * 28) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:28"] {
    padding-top: calc((4 * 28) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:28"] {
    padding-bottom: calc((4 * 28) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:29"] {
    padding-top: calc((4 * 29) / 10 * 1rem);
    padding-bottom: calc((4 * 29) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:29"] {
    padding-top: calc((4 * 29) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:29"] {
    padding-bottom: calc((4 * 29) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:30"] {
    padding-top: calc((4 * 30) / 10 * 1rem);
    padding-bottom: calc((4 * 30) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:30"] {
    padding-top: calc((4 * 30) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:30"] {
    padding-bottom: calc((4 * 30) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:31"] {
    padding-top: calc((4 * 31) / 10 * 1rem);
    padding-bottom: calc((4 * 31) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:31"] {
    padding-top: calc((4 * 31) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:31"] {
    padding-bottom: calc((4 * 31) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:32"] {
    padding-top: calc((4 * 32) / 10 * 1rem);
    padding-bottom: calc((4 * 32) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:32"] {
    padding-top: calc((4 * 32) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:32"] {
    padding-bottom: calc((4 * 32) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:33"] {
    padding-top: calc((4 * 33) / 10 * 1rem);
    padding-bottom: calc((4 * 33) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:33"] {
    padding-top: calc((4 * 33) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:33"] {
    padding-bottom: calc((4 * 33) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:34"] {
    padding-top: calc((4 * 34) / 10 * 1rem);
    padding-bottom: calc((4 * 34) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:34"] {
    padding-top: calc((4 * 34) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:34"] {
    padding-bottom: calc((4 * 34) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:35"] {
    padding-top: calc((4 * 35) / 10 * 1rem);
    padding-bottom: calc((4 * 35) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:35"] {
    padding-top: calc((4 * 35) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:35"] {
    padding-bottom: calc((4 * 35) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:36"] {
    padding-top: calc((4 * 36) / 10 * 1rem);
    padding-bottom: calc((4 * 36) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:36"] {
    padding-top: calc((4 * 36) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:36"] {
    padding-bottom: calc((4 * 36) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:37"] {
    padding-top: calc((4 * 37) / 10 * 1rem);
    padding-bottom: calc((4 * 37) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:37"] {
    padding-top: calc((4 * 37) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:37"] {
    padding-bottom: calc((4 * 37) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:38"] {
    padding-top: calc((4 * 38) / 10 * 1rem);
    padding-bottom: calc((4 * 38) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:38"] {
    padding-top: calc((4 * 38) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:38"] {
    padding-bottom: calc((4 * 38) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:39"] {
    padding-top: calc((4 * 39) / 10 * 1rem);
    padding-bottom: calc((4 * 39) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:39"] {
    padding-top: calc((4 * 39) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:39"] {
    padding-bottom: calc((4 * 39) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:40"] {
    padding-top: calc((4 * 40) / 10 * 1rem);
    padding-bottom: calc((4 * 40) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:40"] {
    padding-top: calc((4 * 40) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:40"] {
    padding-bottom: calc((4 * 40) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:41"] {
    padding-top: calc((4 * 41) / 10 * 1rem);
    padding-bottom: calc((4 * 41) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:41"] {
    padding-top: calc((4 * 41) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:41"] {
    padding-bottom: calc((4 * 41) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:42"] {
    padding-top: calc((4 * 42) / 10 * 1rem);
    padding-bottom: calc((4 * 42) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:42"] {
    padding-top: calc((4 * 42) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:42"] {
    padding-bottom: calc((4 * 42) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:43"] {
    padding-top: calc((4 * 43) / 10 * 1rem);
    padding-bottom: calc((4 * 43) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:43"] {
    padding-top: calc((4 * 43) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:43"] {
    padding-bottom: calc((4 * 43) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:44"] {
    padding-top: calc((4 * 44) / 10 * 1rem);
    padding-bottom: calc((4 * 44) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:44"] {
    padding-top: calc((4 * 44) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:44"] {
    padding-bottom: calc((4 * 44) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:45"] {
    padding-top: calc((4 * 45) / 10 * 1rem);
    padding-bottom: calc((4 * 45) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:45"] {
    padding-top: calc((4 * 45) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:45"] {
    padding-bottom: calc((4 * 45) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:46"] {
    padding-top: calc((4 * 46) / 10 * 1rem);
    padding-bottom: calc((4 * 46) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:46"] {
    padding-top: calc((4 * 46) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:46"] {
    padding-bottom: calc((4 * 46) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:47"] {
    padding-top: calc((4 * 47) / 10 * 1rem);
    padding-bottom: calc((4 * 47) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:47"] {
    padding-top: calc((4 * 47) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:47"] {
    padding-bottom: calc((4 * 47) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:48"] {
    padding-top: calc((4 * 48) / 10 * 1rem);
    padding-bottom: calc((4 * 48) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:48"] {
    padding-top: calc((4 * 48) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:48"] {
    padding-bottom: calc((4 * 48) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:49"] {
    padding-top: calc((4 * 49) / 10 * 1rem);
    padding-bottom: calc((4 * 49) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:49"] {
    padding-top: calc((4 * 49) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:49"] {
    padding-bottom: calc((4 * 49) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="md:50"] {
    padding-top: calc((4 * 50) / 10 * 1rem);
    padding-bottom: calc((4 * 50) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="md:50"] {
    padding-top: calc((4 * 50) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="md:50"] {
    padding-bottom: calc((4 * 50) / 10 * 1rem);
  }
  .u-ta[data-text-align~="md:left"] {
    text-align: left;
  }
  .u-ta[data-text-align~="md:center"] {
    text-align: center;
  }
  .u-ta[data-text-align~="md:right"] {
    text-align: right;
  }
  .u-d[data-display~="md:none"] {
    display: none;
  }
  .u-d[data-display~="md:inline"] {
    display: inline;
  }
  .u-d[data-display~="md:block"] {
    display: block;
  }
  .u-d[data-display~="md:inline-block"] {
    display: inline-block;
  }
  .u-fz[data-font-size~="md:10"] {
    font-size: 1rem;
  }
  .u-fz[data-font-size~="md:11"] {
    font-size: 1.1rem;
  }
  .u-fz[data-font-size~="md:12"] {
    font-size: 1.2rem;
  }
  .u-fz[data-font-size~="md:13"] {
    font-size: 1.3rem;
  }
  .u-fz[data-font-size~="md:14"] {
    font-size: 1.4rem;
  }
  .u-fz[data-font-size~="md:15"] {
    font-size: 1.5rem;
  }
  .u-fz[data-font-size~="md:16"] {
    font-size: 1.6rem;
  }
  .u-fz[data-font-size~="md:17"] {
    font-size: 1.7rem;
  }
  .u-fz[data-font-size~="md:18"] {
    font-size: 1.8rem;
  }
  .u-fz[data-font-size~="md:19"] {
    font-size: 1.9rem;
  }
  .u-fz[data-font-size~="md:20"] {
    font-size: 2rem;
  }
  .u-fz[data-font-size~="md:21"] {
    font-size: 2.1rem;
  }
  .u-fz[data-font-size~="md:22"] {
    font-size: 2.2rem;
  }
  .u-fz[data-font-size~="md:23"] {
    font-size: 2.3rem;
  }
  .u-fz[data-font-size~="md:24"] {
    font-size: 2.4rem;
  }
  .u-fz[data-font-size~="md:25"] {
    font-size: 2.5rem;
  }
  .u-fz[data-font-size~="md:26"] {
    font-size: 2.6rem;
  }
  .u-fz[data-font-size~="md:27"] {
    font-size: 2.7rem;
  }
  .u-fz[data-font-size~="md:28"] {
    font-size: 2.8rem;
  }
  .u-fz[data-font-size~="md:29"] {
    font-size: 2.9rem;
  }
  .u-fz[data-font-size~="md:30"] {
    font-size: 3rem;
  }
  .u-fz[data-font-size~="md:31"] {
    font-size: 3.1rem;
  }
  .u-fz[data-font-size~="md:32"] {
    font-size: 3.2rem;
  }
  .u-fz[data-font-size~="md:33"] {
    font-size: 3.3rem;
  }
  .u-fz[data-font-size~="md:34"] {
    font-size: 3.4rem;
  }
  .u-fz[data-font-size~="md:35"] {
    font-size: 3.5rem;
  }
  .u-fz[data-font-size~="md:36"] {
    font-size: 3.6rem;
  }
  .u-fz[data-font-size~="md:37"] {
    font-size: 3.7rem;
  }
  .u-fz[data-font-size~="md:38"] {
    font-size: 3.8rem;
  }
  .u-fz[data-font-size~="md:39"] {
    font-size: 3.9rem;
  }
  .u-fz[data-font-size~="md:40"] {
    font-size: 4rem;
  }
  .u-fz[data-font-size~="md:41"] {
    font-size: 4.1rem;
  }
  .u-fz[data-font-size~="md:42"] {
    font-size: 4.2rem;
  }
  .u-fz[data-font-size~="md:43"] {
    font-size: 4.3rem;
  }
  .u-fz[data-font-size~="md:44"] {
    font-size: 4.4rem;
  }
  .u-fz[data-font-size~="md:45"] {
    font-size: 4.5rem;
  }
  .u-fz[data-font-size~="md:46"] {
    font-size: 4.6rem;
  }
  .u-fz[data-font-size~="md:47"] {
    font-size: 4.7rem;
  }
  .u-fz[data-font-size~="md:48"] {
    font-size: 4.8rem;
  }
  .u-fz[data-font-size~="md:49"] {
    font-size: 4.9rem;
  }
  .u-fz[data-font-size~="md:50"] {
    font-size: 5rem;
  }
  .u-fz[data-font-size~="md:51"] {
    font-size: 5.1rem;
  }
  .u-fz[data-font-size~="md:52"] {
    font-size: 5.2rem;
  }
  .u-fz[data-font-size~="md:53"] {
    font-size: 5.3rem;
  }
  .u-fz[data-font-size~="md:54"] {
    font-size: 5.4rem;
  }
  .u-fz[data-font-size~="md:55"] {
    font-size: 5.5rem;
  }
  .u-fz[data-font-size~="md:56"] {
    font-size: 5.6rem;
  }
  .u-fz[data-font-size~="md:57"] {
    font-size: 5.7rem;
  }
  .u-fz[data-font-size~="md:58"] {
    font-size: 5.8rem;
  }
  .u-fz[data-font-size~="md:59"] {
    font-size: 5.9rem;
  }
  .u-fz[data-font-size~="md:60"] {
    font-size: 6rem;
  }
  .u-fz[data-font-size~="md:61"] {
    font-size: 6.1rem;
  }
  .u-fz[data-font-size~="md:62"] {
    font-size: 6.2rem;
  }
  .u-fz[data-font-size~="md:63"] {
    font-size: 6.3rem;
  }
  .u-fz[data-font-size~="md:64"] {
    font-size: 6.4rem;
  }
  .u-fz[data-font-size~="md:65"] {
    font-size: 6.5rem;
  }
  .u-fz[data-font-size~="md:66"] {
    font-size: 6.6rem;
  }
  .u-fz[data-font-size~="md:67"] {
    font-size: 6.7rem;
  }
  .u-fz[data-font-size~="md:68"] {
    font-size: 6.8rem;
  }
  .u-fz[data-font-size~="md:69"] {
    font-size: 6.9rem;
  }
  .u-fz[data-font-size~="md:70"] {
    font-size: 7rem;
  }
  .u-fz[data-font-size~="md:71"] {
    font-size: 7.1rem;
  }
  .u-fz[data-font-size~="md:72"] {
    font-size: 7.2rem;
  }
  .u-fz[data-font-size~="md:73"] {
    font-size: 7.3rem;
  }
  .u-fz[data-font-size~="md:74"] {
    font-size: 7.4rem;
  }
  .u-fz[data-font-size~="md:75"] {
    font-size: 7.5rem;
  }
  .u-fz[data-font-size~="md:76"] {
    font-size: 7.6rem;
  }
  .u-fz[data-font-size~="md:77"] {
    font-size: 7.7rem;
  }
  .u-fz[data-font-size~="md:78"] {
    font-size: 7.8rem;
  }
  .u-fz[data-font-size~="md:79"] {
    font-size: 7.9rem;
  }
  .u-fz[data-font-size~="md:80"] {
    font-size: 8rem;
  }
  .u-mt[data-mt-size~="md:5"] {
    margin-top: 0.5rem;
  }
  .u-mt[data-mt-size~="5"] {
    margin-top: 0.5rem;
  }
  .u-mt[data-mt-size~="md:10"] {
    margin-top: 1rem;
  }
  .u-mt[data-mt-size~="10"] {
    margin-top: 1rem;
  }
  .u-mt[data-mt-size~="md:15"] {
    margin-top: 1.5rem;
  }
  .u-mt[data-mt-size~="15"] {
    margin-top: 1.5rem;
  }
  .u-mt[data-mt-size~="md:20"] {
    margin-top: 2rem;
  }
  .u-mt[data-mt-size~="20"] {
    margin-top: 2rem;
  }
  .u-mt[data-mt-size~="md:25"] {
    margin-top: 2.5rem;
  }
  .u-mt[data-mt-size~="25"] {
    margin-top: 2.5rem;
  }
  .u-mt[data-mt-size~="md:30"] {
    margin-top: 3rem;
  }
  .u-mt[data-mt-size~="30"] {
    margin-top: 3rem;
  }
  .u-mt[data-mt-size~="md:35"] {
    margin-top: 3.5rem;
  }
  .u-mt[data-mt-size~="35"] {
    margin-top: 3.5rem;
  }
  .u-mt[data-mt-size~="md:40"] {
    margin-top: 4rem;
  }
  .u-mt[data-mt-size~="40"] {
    margin-top: 4rem;
  }
  .u-mt[data-mt-size~="md:45"] {
    margin-top: 4.5rem;
  }
  .u-mt[data-mt-size~="45"] {
    margin-top: 4.5rem;
  }
  .u-mt[data-mt-size~="md:50"] {
    margin-top: 5rem;
  }
  .u-mt[data-mt-size~="50"] {
    margin-top: 5rem;
  }
  .u-mt[data-mt-size~="md:55"] {
    margin-top: 5.5rem;
  }
  .u-mt[data-mt-size~="55"] {
    margin-top: 5.5rem;
  }
  .u-mt[data-mt-size~="md:60"] {
    margin-top: 6rem;
  }
  .u-mt[data-mt-size~="60"] {
    margin-top: 6rem;
  }
  .u-mt[data-mt-size~="md:65"] {
    margin-top: 6.5rem;
  }
  .u-mt[data-mt-size~="65"] {
    margin-top: 6.5rem;
  }
  .u-mt[data-mt-size~="md:70"] {
    margin-top: 7rem;
  }
  .u-mt[data-mt-size~="70"] {
    margin-top: 7rem;
  }
  .u-mt[data-mt-size~="md:75"] {
    margin-top: 7.5rem;
  }
  .u-mt[data-mt-size~="75"] {
    margin-top: 7.5rem;
  }
  .u-mt[data-mt-size~="md:80"] {
    margin-top: 8rem;
  }
  .u-mt[data-mt-size~="80"] {
    margin-top: 8rem;
  }
  .u-mt[data-mt-size~="md:85"] {
    margin-top: 8.5rem;
  }
  .u-mt[data-mt-size~="85"] {
    margin-top: 8.5rem;
  }
  .u-mt[data-mt-size~="md:90"] {
    margin-top: 9rem;
  }
  .u-mt[data-mt-size~="90"] {
    margin-top: 9rem;
  }
  .u-mt[data-mt-size~="md:95"] {
    margin-top: 9.5rem;
  }
  .u-mt[data-mt-size~="95"] {
    margin-top: 9.5rem;
  }
  .u-mt[data-mt-size~="md:100"] {
    margin-top: 10rem;
  }
  .u-mt[data-mt-size~="100"] {
    margin-top: 10rem;
  }
  .u-mb[data-mb-size~="md:5"] {
    margin-bottom: 0.5rem;
  }
  .u-mb[data-mb-size~="md:10"] {
    margin-bottom: 1rem;
  }
  .u-mb[data-mb-size~="md:15"] {
    margin-bottom: 1.5rem;
  }
  .u-mb[data-mb-size~="md:20"] {
    margin-bottom: 2rem;
  }
  .u-mb[data-mb-size~="md:25"] {
    margin-bottom: 2.5rem;
  }
  .u-mb[data-mb-size~="md:30"] {
    margin-bottom: 3rem;
  }
  .u-mb[data-mb-size~="md:35"] {
    margin-bottom: 3.5rem;
  }
  .u-mb[data-mb-size~="md:40"] {
    margin-bottom: 4rem;
  }
  .u-mb[data-mb-size~="md:45"] {
    margin-bottom: 4.5rem;
  }
  .u-mb[data-mb-size~="md:50"] {
    margin-bottom: 5rem;
  }
  .u-mb[data-mb-size~="md:55"] {
    margin-bottom: 5.5rem;
  }
  .u-mb[data-mb-size~="md:60"] {
    margin-bottom: 6rem;
  }
  .u-mb[data-mb-size~="md:65"] {
    margin-bottom: 6.5rem;
  }
  .u-mb[data-mb-size~="md:70"] {
    margin-bottom: 7rem;
  }
  .u-mb[data-mb-size~="md:75"] {
    margin-bottom: 7.5rem;
  }
  .u-mb[data-mb-size~="md:80"] {
    margin-bottom: 8rem;
  }
  .u-mb[data-mb-size~="md:85"] {
    margin-bottom: 8.5rem;
  }
  .u-mb[data-mb-size~="md:90"] {
    margin-bottom: 9rem;
  }
  .u-mb[data-mb-size~="md:95"] {
    margin-bottom: 9.5rem;
  }
  .u-mb[data-mb-size~="md:100"] {
    margin-bottom: 10rem;
  }
  .u-mb[data-mb-size~="md:xxxs"] {
    margin-bottom: 1rem;
  }
  .u-mb[data-mb-size~="md:xxs"] {
    margin-bottom: 2rem;
  }
  .u-mb[data-mb-size~="md:xs"] {
    margin-bottom: 4rem;
  }
  .u-mb[data-mb-size~="md:sm"] {
    margin-bottom: 6rem;
  }
  .u-mb[data-mb-size~="md:md"] {
    margin-bottom: 8rem;
  }
  .u-mb[data-mb-size~="md:lg"] {
    margin-bottom: 10rem;
  }
  .u-mb[data-mb-size~="md:xl"] {
    margin-bottom: 12rem;
  }
  .u-mb[data-mb-size~="md:xxl"] {
    margin-bottom: 16rem;
  }
  .u-mb[data-mb-size~="md:xxxl"] {
    margin-bottom: 20rem;
  }
  .u-w[data-width~="md:1pct"] {
    width: 1%;
  }
  .u-w[data-width~="md:2pct"] {
    width: 2%;
  }
  .u-w[data-width~="md:3pct"] {
    width: 3%;
  }
  .u-w[data-width~="md:4pct"] {
    width: 4%;
  }
  .u-w[data-width~="md:5pct"] {
    width: 5%;
  }
  .u-w[data-width~="md:6pct"] {
    width: 6%;
  }
  .u-w[data-width~="md:7pct"] {
    width: 7%;
  }
  .u-w[data-width~="md:8pct"] {
    width: 8%;
  }
  .u-w[data-width~="md:9pct"] {
    width: 9%;
  }
  .u-w[data-width~="md:10pct"] {
    width: 10%;
  }
  .u-w[data-width~="md:11pct"] {
    width: 11%;
  }
  .u-w[data-width~="md:12pct"] {
    width: 12%;
  }
  .u-w[data-width~="md:13pct"] {
    width: 13%;
  }
  .u-w[data-width~="md:14pct"] {
    width: 14%;
  }
  .u-w[data-width~="md:15pct"] {
    width: 15%;
  }
  .u-w[data-width~="md:16pct"] {
    width: 16%;
  }
  .u-w[data-width~="md:17pct"] {
    width: 17%;
  }
  .u-w[data-width~="md:18pct"] {
    width: 18%;
  }
  .u-w[data-width~="md:19pct"] {
    width: 19%;
  }
  .u-w[data-width~="md:20pct"] {
    width: 20%;
  }
  .u-w[data-width~="md:21pct"] {
    width: 21%;
  }
  .u-w[data-width~="md:22pct"] {
    width: 22%;
  }
  .u-w[data-width~="md:23pct"] {
    width: 23%;
  }
  .u-w[data-width~="md:24pct"] {
    width: 24%;
  }
  .u-w[data-width~="md:25pct"] {
    width: 25%;
  }
  .u-w[data-width~="md:26pct"] {
    width: 26%;
  }
  .u-w[data-width~="md:27pct"] {
    width: 27%;
  }
  .u-w[data-width~="md:28pct"] {
    width: 28%;
  }
  .u-w[data-width~="md:29pct"] {
    width: 29%;
  }
  .u-w[data-width~="md:30pct"] {
    width: 30%;
  }
  .u-w[data-width~="md:31pct"] {
    width: 31%;
  }
  .u-w[data-width~="md:32pct"] {
    width: 32%;
  }
  .u-w[data-width~="md:33pct"] {
    width: 33%;
  }
  .u-w[data-width~="md:34pct"] {
    width: 34%;
  }
  .u-w[data-width~="md:35pct"] {
    width: 35%;
  }
  .u-w[data-width~="md:36pct"] {
    width: 36%;
  }
  .u-w[data-width~="md:37pct"] {
    width: 37%;
  }
  .u-w[data-width~="md:38pct"] {
    width: 38%;
  }
  .u-w[data-width~="md:39pct"] {
    width: 39%;
  }
  .u-w[data-width~="md:40pct"] {
    width: 40%;
  }
  .u-w[data-width~="md:41pct"] {
    width: 41%;
  }
  .u-w[data-width~="md:42pct"] {
    width: 42%;
  }
  .u-w[data-width~="md:43pct"] {
    width: 43%;
  }
  .u-w[data-width~="md:44pct"] {
    width: 44%;
  }
  .u-w[data-width~="md:45pct"] {
    width: 45%;
  }
  .u-w[data-width~="md:46pct"] {
    width: 46%;
  }
  .u-w[data-width~="md:47pct"] {
    width: 47%;
  }
  .u-w[data-width~="md:48pct"] {
    width: 48%;
  }
  .u-w[data-width~="md:49pct"] {
    width: 49%;
  }
  .u-w[data-width~="md:50pct"] {
    width: 50%;
  }
  .u-w[data-width~="md:51pct"] {
    width: 51%;
  }
  .u-w[data-width~="md:52pct"] {
    width: 52%;
  }
  .u-w[data-width~="md:53pct"] {
    width: 53%;
  }
  .u-w[data-width~="md:54pct"] {
    width: 54%;
  }
  .u-w[data-width~="md:55pct"] {
    width: 55%;
  }
  .u-w[data-width~="md:56pct"] {
    width: 56%;
  }
  .u-w[data-width~="md:57pct"] {
    width: 57%;
  }
  .u-w[data-width~="md:58pct"] {
    width: 58%;
  }
  .u-w[data-width~="md:59pct"] {
    width: 59%;
  }
  .u-w[data-width~="md:60pct"] {
    width: 60%;
  }
  .u-w[data-width~="md:61pct"] {
    width: 61%;
  }
  .u-w[data-width~="md:62pct"] {
    width: 62%;
  }
  .u-w[data-width~="md:63pct"] {
    width: 63%;
  }
  .u-w[data-width~="md:64pct"] {
    width: 64%;
  }
  .u-w[data-width~="md:65pct"] {
    width: 65%;
  }
  .u-w[data-width~="md:66pct"] {
    width: 66%;
  }
  .u-w[data-width~="md:67pct"] {
    width: 67%;
  }
  .u-w[data-width~="md:68pct"] {
    width: 68%;
  }
  .u-w[data-width~="md:69pct"] {
    width: 69%;
  }
  .u-w[data-width~="md:70pct"] {
    width: 70%;
  }
  .u-w[data-width~="md:71pct"] {
    width: 71%;
  }
  .u-w[data-width~="md:72pct"] {
    width: 72%;
  }
  .u-w[data-width~="md:73pct"] {
    width: 73%;
  }
  .u-w[data-width~="md:74pct"] {
    width: 74%;
  }
  .u-w[data-width~="md:75pct"] {
    width: 75%;
  }
  .u-w[data-width~="md:76pct"] {
    width: 76%;
  }
  .u-w[data-width~="md:77pct"] {
    width: 77%;
  }
  .u-w[data-width~="md:78pct"] {
    width: 78%;
  }
  .u-w[data-width~="md:79pct"] {
    width: 79%;
  }
  .u-w[data-width~="md:80pct"] {
    width: 80%;
  }
  .u-w[data-width~="md:81pct"] {
    width: 81%;
  }
  .u-w[data-width~="md:82pct"] {
    width: 82%;
  }
  .u-w[data-width~="md:83pct"] {
    width: 83%;
  }
  .u-w[data-width~="md:84pct"] {
    width: 84%;
  }
  .u-w[data-width~="md:85pct"] {
    width: 85%;
  }
  .u-w[data-width~="md:86pct"] {
    width: 86%;
  }
  .u-w[data-width~="md:87pct"] {
    width: 87%;
  }
  .u-w[data-width~="md:88pct"] {
    width: 88%;
  }
  .u-w[data-width~="md:89pct"] {
    width: 89%;
  }
  .u-w[data-width~="md:90pct"] {
    width: 90%;
  }
  .u-w[data-width~="md:91pct"] {
    width: 91%;
  }
  .u-w[data-width~="md:92pct"] {
    width: 92%;
  }
  .u-w[data-width~="md:93pct"] {
    width: 93%;
  }
  .u-w[data-width~="md:94pct"] {
    width: 94%;
  }
  .u-w[data-width~="md:95pct"] {
    width: 95%;
  }
  .u-w[data-width~="md:96pct"] {
    width: 96%;
  }
  .u-w[data-width~="md:97pct"] {
    width: 97%;
  }
  .u-w[data-width~="md:98pct"] {
    width: 98%;
  }
  .u-w[data-width~="md:99pct"] {
    width: 99%;
  }
  .u-w[data-width~="md:100pct"] {
    width: 100%;
  }
}
@media print, screen and (min-width: 1024px) {
  [data-gap~="lg:0"] {
    gap: calc((4 * 0) / 10 * 1rem);
  }
  [data-gap~="lg:x-0"] {
    -moz-column-gap: calc((4 * 0) / 10 * 1rem);
         column-gap: calc((4 * 0) / 10 * 1rem);
  }
  [data-gap~="lg:y-0"] {
    row-gap: calc((4 * 0) / 10 * 1rem);
  }
  [data-gap~="lg:1"] {
    gap: calc((4 * 1) / 10 * 1rem);
  }
  [data-gap~="lg:x-1"] {
    -moz-column-gap: calc((4 * 1) / 10 * 1rem);
         column-gap: calc((4 * 1) / 10 * 1rem);
  }
  [data-gap~="lg:y-1"] {
    row-gap: calc((4 * 1) / 10 * 1rem);
  }
  [data-gap~="lg:2"] {
    gap: calc((4 * 2) / 10 * 1rem);
  }
  [data-gap~="lg:x-2"] {
    -moz-column-gap: calc((4 * 2) / 10 * 1rem);
         column-gap: calc((4 * 2) / 10 * 1rem);
  }
  [data-gap~="lg:y-2"] {
    row-gap: calc((4 * 2) / 10 * 1rem);
  }
  [data-gap~="lg:3"] {
    gap: calc((4 * 3) / 10 * 1rem);
  }
  [data-gap~="lg:x-3"] {
    -moz-column-gap: calc((4 * 3) / 10 * 1rem);
         column-gap: calc((4 * 3) / 10 * 1rem);
  }
  [data-gap~="lg:y-3"] {
    row-gap: calc((4 * 3) / 10 * 1rem);
  }
  [data-gap~="lg:4"] {
    gap: calc((4 * 4) / 10 * 1rem);
  }
  [data-gap~="lg:x-4"] {
    -moz-column-gap: calc((4 * 4) / 10 * 1rem);
         column-gap: calc((4 * 4) / 10 * 1rem);
  }
  [data-gap~="lg:y-4"] {
    row-gap: calc((4 * 4) / 10 * 1rem);
  }
  [data-gap~="lg:5"] {
    gap: calc((4 * 5) / 10 * 1rem);
  }
  [data-gap~="lg:x-5"] {
    -moz-column-gap: calc((4 * 5) / 10 * 1rem);
         column-gap: calc((4 * 5) / 10 * 1rem);
  }
  [data-gap~="lg:y-5"] {
    row-gap: calc((4 * 5) / 10 * 1rem);
  }
  [data-gap~="lg:6"] {
    gap: calc((4 * 6) / 10 * 1rem);
  }
  [data-gap~="lg:x-6"] {
    -moz-column-gap: calc((4 * 6) / 10 * 1rem);
         column-gap: calc((4 * 6) / 10 * 1rem);
  }
  [data-gap~="lg:y-6"] {
    row-gap: calc((4 * 6) / 10 * 1rem);
  }
  [data-gap~="lg:7"] {
    gap: calc((4 * 7) / 10 * 1rem);
  }
  [data-gap~="lg:x-7"] {
    -moz-column-gap: calc((4 * 7) / 10 * 1rem);
         column-gap: calc((4 * 7) / 10 * 1rem);
  }
  [data-gap~="lg:y-7"] {
    row-gap: calc((4 * 7) / 10 * 1rem);
  }
  [data-gap~="lg:8"] {
    gap: calc((4 * 8) / 10 * 1rem);
  }
  [data-gap~="lg:x-8"] {
    -moz-column-gap: calc((4 * 8) / 10 * 1rem);
         column-gap: calc((4 * 8) / 10 * 1rem);
  }
  [data-gap~="lg:y-8"] {
    row-gap: calc((4 * 8) / 10 * 1rem);
  }
  [data-gap~="lg:9"] {
    gap: calc((4 * 9) / 10 * 1rem);
  }
  [data-gap~="lg:x-9"] {
    -moz-column-gap: calc((4 * 9) / 10 * 1rem);
         column-gap: calc((4 * 9) / 10 * 1rem);
  }
  [data-gap~="lg:y-9"] {
    row-gap: calc((4 * 9) / 10 * 1rem);
  }
  [data-gap~="lg:10"] {
    gap: calc((4 * 10) / 10 * 1rem);
  }
  [data-gap~="lg:x-10"] {
    -moz-column-gap: calc((4 * 10) / 10 * 1rem);
         column-gap: calc((4 * 10) / 10 * 1rem);
  }
  [data-gap~="lg:y-10"] {
    row-gap: calc((4 * 10) / 10 * 1rem);
  }
  [data-gap~="lg:11"] {
    gap: calc((4 * 11) / 10 * 1rem);
  }
  [data-gap~="lg:x-11"] {
    -moz-column-gap: calc((4 * 11) / 10 * 1rem);
         column-gap: calc((4 * 11) / 10 * 1rem);
  }
  [data-gap~="lg:y-11"] {
    row-gap: calc((4 * 11) / 10 * 1rem);
  }
  [data-gap~="lg:12"] {
    gap: calc((4 * 12) / 10 * 1rem);
  }
  [data-gap~="lg:x-12"] {
    -moz-column-gap: calc((4 * 12) / 10 * 1rem);
         column-gap: calc((4 * 12) / 10 * 1rem);
  }
  [data-gap~="lg:y-12"] {
    row-gap: calc((4 * 12) / 10 * 1rem);
  }
  [data-gap~="lg:13"] {
    gap: calc((4 * 13) / 10 * 1rem);
  }
  [data-gap~="lg:x-13"] {
    -moz-column-gap: calc((4 * 13) / 10 * 1rem);
         column-gap: calc((4 * 13) / 10 * 1rem);
  }
  [data-gap~="lg:y-13"] {
    row-gap: calc((4 * 13) / 10 * 1rem);
  }
  [data-gap~="lg:14"] {
    gap: calc((4 * 14) / 10 * 1rem);
  }
  [data-gap~="lg:x-14"] {
    -moz-column-gap: calc((4 * 14) / 10 * 1rem);
         column-gap: calc((4 * 14) / 10 * 1rem);
  }
  [data-gap~="lg:y-14"] {
    row-gap: calc((4 * 14) / 10 * 1rem);
  }
  [data-gap~="lg:15"] {
    gap: calc((4 * 15) / 10 * 1rem);
  }
  [data-gap~="lg:x-15"] {
    -moz-column-gap: calc((4 * 15) / 10 * 1rem);
         column-gap: calc((4 * 15) / 10 * 1rem);
  }
  [data-gap~="lg:y-15"] {
    row-gap: calc((4 * 15) / 10 * 1rem);
  }
  [data-gap~="lg:16"] {
    gap: calc((4 * 16) / 10 * 1rem);
  }
  [data-gap~="lg:x-16"] {
    -moz-column-gap: calc((4 * 16) / 10 * 1rem);
         column-gap: calc((4 * 16) / 10 * 1rem);
  }
  [data-gap~="lg:y-16"] {
    row-gap: calc((4 * 16) / 10 * 1rem);
  }
  [data-gap~="lg:17"] {
    gap: calc((4 * 17) / 10 * 1rem);
  }
  [data-gap~="lg:x-17"] {
    -moz-column-gap: calc((4 * 17) / 10 * 1rem);
         column-gap: calc((4 * 17) / 10 * 1rem);
  }
  [data-gap~="lg:y-17"] {
    row-gap: calc((4 * 17) / 10 * 1rem);
  }
  [data-gap~="lg:18"] {
    gap: calc((4 * 18) / 10 * 1rem);
  }
  [data-gap~="lg:x-18"] {
    -moz-column-gap: calc((4 * 18) / 10 * 1rem);
         column-gap: calc((4 * 18) / 10 * 1rem);
  }
  [data-gap~="lg:y-18"] {
    row-gap: calc((4 * 18) / 10 * 1rem);
  }
  [data-gap~="lg:19"] {
    gap: calc((4 * 19) / 10 * 1rem);
  }
  [data-gap~="lg:x-19"] {
    -moz-column-gap: calc((4 * 19) / 10 * 1rem);
         column-gap: calc((4 * 19) / 10 * 1rem);
  }
  [data-gap~="lg:y-19"] {
    row-gap: calc((4 * 19) / 10 * 1rem);
  }
  [data-gap~="lg:20"] {
    gap: calc((4 * 20) / 10 * 1rem);
  }
  [data-gap~="lg:x-20"] {
    -moz-column-gap: calc((4 * 20) / 10 * 1rem);
         column-gap: calc((4 * 20) / 10 * 1rem);
  }
  [data-gap~="lg:y-20"] {
    row-gap: calc((4 * 20) / 10 * 1rem);
  }
  [data-gap~="lg:21"] {
    gap: calc((4 * 21) / 10 * 1rem);
  }
  [data-gap~="lg:x-21"] {
    -moz-column-gap: calc((4 * 21) / 10 * 1rem);
         column-gap: calc((4 * 21) / 10 * 1rem);
  }
  [data-gap~="lg:y-21"] {
    row-gap: calc((4 * 21) / 10 * 1rem);
  }
  [data-gap~="lg:22"] {
    gap: calc((4 * 22) / 10 * 1rem);
  }
  [data-gap~="lg:x-22"] {
    -moz-column-gap: calc((4 * 22) / 10 * 1rem);
         column-gap: calc((4 * 22) / 10 * 1rem);
  }
  [data-gap~="lg:y-22"] {
    row-gap: calc((4 * 22) / 10 * 1rem);
  }
  [data-gap~="lg:23"] {
    gap: calc((4 * 23) / 10 * 1rem);
  }
  [data-gap~="lg:x-23"] {
    -moz-column-gap: calc((4 * 23) / 10 * 1rem);
         column-gap: calc((4 * 23) / 10 * 1rem);
  }
  [data-gap~="lg:y-23"] {
    row-gap: calc((4 * 23) / 10 * 1rem);
  }
  [data-gap~="lg:24"] {
    gap: calc((4 * 24) / 10 * 1rem);
  }
  [data-gap~="lg:x-24"] {
    -moz-column-gap: calc((4 * 24) / 10 * 1rem);
         column-gap: calc((4 * 24) / 10 * 1rem);
  }
  [data-gap~="lg:y-24"] {
    row-gap: calc((4 * 24) / 10 * 1rem);
  }
  [data-gap~="lg:25"] {
    gap: calc((4 * 25) / 10 * 1rem);
  }
  [data-gap~="lg:x-25"] {
    -moz-column-gap: calc((4 * 25) / 10 * 1rem);
         column-gap: calc((4 * 25) / 10 * 1rem);
  }
  [data-gap~="lg:y-25"] {
    row-gap: calc((4 * 25) / 10 * 1rem);
  }
  [data-gap~="lg:26"] {
    gap: calc((4 * 26) / 10 * 1rem);
  }
  [data-gap~="lg:x-26"] {
    -moz-column-gap: calc((4 * 26) / 10 * 1rem);
         column-gap: calc((4 * 26) / 10 * 1rem);
  }
  [data-gap~="lg:y-26"] {
    row-gap: calc((4 * 26) / 10 * 1rem);
  }
  [data-gap~="lg:27"] {
    gap: calc((4 * 27) / 10 * 1rem);
  }
  [data-gap~="lg:x-27"] {
    -moz-column-gap: calc((4 * 27) / 10 * 1rem);
         column-gap: calc((4 * 27) / 10 * 1rem);
  }
  [data-gap~="lg:y-27"] {
    row-gap: calc((4 * 27) / 10 * 1rem);
  }
  [data-gap~="lg:28"] {
    gap: calc((4 * 28) / 10 * 1rem);
  }
  [data-gap~="lg:x-28"] {
    -moz-column-gap: calc((4 * 28) / 10 * 1rem);
         column-gap: calc((4 * 28) / 10 * 1rem);
  }
  [data-gap~="lg:y-28"] {
    row-gap: calc((4 * 28) / 10 * 1rem);
  }
  [data-gap~="lg:29"] {
    gap: calc((4 * 29) / 10 * 1rem);
  }
  [data-gap~="lg:x-29"] {
    -moz-column-gap: calc((4 * 29) / 10 * 1rem);
         column-gap: calc((4 * 29) / 10 * 1rem);
  }
  [data-gap~="lg:y-29"] {
    row-gap: calc((4 * 29) / 10 * 1rem);
  }
  [data-gap~="lg:30"] {
    gap: calc((4 * 30) / 10 * 1rem);
  }
  [data-gap~="lg:x-30"] {
    -moz-column-gap: calc((4 * 30) / 10 * 1rem);
         column-gap: calc((4 * 30) / 10 * 1rem);
  }
  [data-gap~="lg:y-30"] {
    row-gap: calc((4 * 30) / 10 * 1rem);
  }
  [data-gap~="lg:31"] {
    gap: calc((4 * 31) / 10 * 1rem);
  }
  [data-gap~="lg:x-31"] {
    -moz-column-gap: calc((4 * 31) / 10 * 1rem);
         column-gap: calc((4 * 31) / 10 * 1rem);
  }
  [data-gap~="lg:y-31"] {
    row-gap: calc((4 * 31) / 10 * 1rem);
  }
  [data-gap~="lg:32"] {
    gap: calc((4 * 32) / 10 * 1rem);
  }
  [data-gap~="lg:x-32"] {
    -moz-column-gap: calc((4 * 32) / 10 * 1rem);
         column-gap: calc((4 * 32) / 10 * 1rem);
  }
  [data-gap~="lg:y-32"] {
    row-gap: calc((4 * 32) / 10 * 1rem);
  }
  [data-gap~="lg:33"] {
    gap: calc((4 * 33) / 10 * 1rem);
  }
  [data-gap~="lg:x-33"] {
    -moz-column-gap: calc((4 * 33) / 10 * 1rem);
         column-gap: calc((4 * 33) / 10 * 1rem);
  }
  [data-gap~="lg:y-33"] {
    row-gap: calc((4 * 33) / 10 * 1rem);
  }
  [data-gap~="lg:34"] {
    gap: calc((4 * 34) / 10 * 1rem);
  }
  [data-gap~="lg:x-34"] {
    -moz-column-gap: calc((4 * 34) / 10 * 1rem);
         column-gap: calc((4 * 34) / 10 * 1rem);
  }
  [data-gap~="lg:y-34"] {
    row-gap: calc((4 * 34) / 10 * 1rem);
  }
  [data-gap~="lg:35"] {
    gap: calc((4 * 35) / 10 * 1rem);
  }
  [data-gap~="lg:x-35"] {
    -moz-column-gap: calc((4 * 35) / 10 * 1rem);
         column-gap: calc((4 * 35) / 10 * 1rem);
  }
  [data-gap~="lg:y-35"] {
    row-gap: calc((4 * 35) / 10 * 1rem);
  }
  [data-gap~="lg:36"] {
    gap: calc((4 * 36) / 10 * 1rem);
  }
  [data-gap~="lg:x-36"] {
    -moz-column-gap: calc((4 * 36) / 10 * 1rem);
         column-gap: calc((4 * 36) / 10 * 1rem);
  }
  [data-gap~="lg:y-36"] {
    row-gap: calc((4 * 36) / 10 * 1rem);
  }
  [data-gap~="lg:37"] {
    gap: calc((4 * 37) / 10 * 1rem);
  }
  [data-gap~="lg:x-37"] {
    -moz-column-gap: calc((4 * 37) / 10 * 1rem);
         column-gap: calc((4 * 37) / 10 * 1rem);
  }
  [data-gap~="lg:y-37"] {
    row-gap: calc((4 * 37) / 10 * 1rem);
  }
  [data-gap~="lg:38"] {
    gap: calc((4 * 38) / 10 * 1rem);
  }
  [data-gap~="lg:x-38"] {
    -moz-column-gap: calc((4 * 38) / 10 * 1rem);
         column-gap: calc((4 * 38) / 10 * 1rem);
  }
  [data-gap~="lg:y-38"] {
    row-gap: calc((4 * 38) / 10 * 1rem);
  }
  [data-gap~="lg:39"] {
    gap: calc((4 * 39) / 10 * 1rem);
  }
  [data-gap~="lg:x-39"] {
    -moz-column-gap: calc((4 * 39) / 10 * 1rem);
         column-gap: calc((4 * 39) / 10 * 1rem);
  }
  [data-gap~="lg:y-39"] {
    row-gap: calc((4 * 39) / 10 * 1rem);
  }
  [data-gap~="lg:40"] {
    gap: calc((4 * 40) / 10 * 1rem);
  }
  [data-gap~="lg:x-40"] {
    -moz-column-gap: calc((4 * 40) / 10 * 1rem);
         column-gap: calc((4 * 40) / 10 * 1rem);
  }
  [data-gap~="lg:y-40"] {
    row-gap: calc((4 * 40) / 10 * 1rem);
  }
  [data-gap~="lg:41"] {
    gap: calc((4 * 41) / 10 * 1rem);
  }
  [data-gap~="lg:x-41"] {
    -moz-column-gap: calc((4 * 41) / 10 * 1rem);
         column-gap: calc((4 * 41) / 10 * 1rem);
  }
  [data-gap~="lg:y-41"] {
    row-gap: calc((4 * 41) / 10 * 1rem);
  }
  [data-gap~="lg:42"] {
    gap: calc((4 * 42) / 10 * 1rem);
  }
  [data-gap~="lg:x-42"] {
    -moz-column-gap: calc((4 * 42) / 10 * 1rem);
         column-gap: calc((4 * 42) / 10 * 1rem);
  }
  [data-gap~="lg:y-42"] {
    row-gap: calc((4 * 42) / 10 * 1rem);
  }
  [data-gap~="lg:43"] {
    gap: calc((4 * 43) / 10 * 1rem);
  }
  [data-gap~="lg:x-43"] {
    -moz-column-gap: calc((4 * 43) / 10 * 1rem);
         column-gap: calc((4 * 43) / 10 * 1rem);
  }
  [data-gap~="lg:y-43"] {
    row-gap: calc((4 * 43) / 10 * 1rem);
  }
  [data-gap~="lg:44"] {
    gap: calc((4 * 44) / 10 * 1rem);
  }
  [data-gap~="lg:x-44"] {
    -moz-column-gap: calc((4 * 44) / 10 * 1rem);
         column-gap: calc((4 * 44) / 10 * 1rem);
  }
  [data-gap~="lg:y-44"] {
    row-gap: calc((4 * 44) / 10 * 1rem);
  }
  [data-gap~="lg:45"] {
    gap: calc((4 * 45) / 10 * 1rem);
  }
  [data-gap~="lg:x-45"] {
    -moz-column-gap: calc((4 * 45) / 10 * 1rem);
         column-gap: calc((4 * 45) / 10 * 1rem);
  }
  [data-gap~="lg:y-45"] {
    row-gap: calc((4 * 45) / 10 * 1rem);
  }
  [data-gap~="lg:46"] {
    gap: calc((4 * 46) / 10 * 1rem);
  }
  [data-gap~="lg:x-46"] {
    -moz-column-gap: calc((4 * 46) / 10 * 1rem);
         column-gap: calc((4 * 46) / 10 * 1rem);
  }
  [data-gap~="lg:y-46"] {
    row-gap: calc((4 * 46) / 10 * 1rem);
  }
  [data-gap~="lg:47"] {
    gap: calc((4 * 47) / 10 * 1rem);
  }
  [data-gap~="lg:x-47"] {
    -moz-column-gap: calc((4 * 47) / 10 * 1rem);
         column-gap: calc((4 * 47) / 10 * 1rem);
  }
  [data-gap~="lg:y-47"] {
    row-gap: calc((4 * 47) / 10 * 1rem);
  }
  [data-gap~="lg:48"] {
    gap: calc((4 * 48) / 10 * 1rem);
  }
  [data-gap~="lg:x-48"] {
    -moz-column-gap: calc((4 * 48) / 10 * 1rem);
         column-gap: calc((4 * 48) / 10 * 1rem);
  }
  [data-gap~="lg:y-48"] {
    row-gap: calc((4 * 48) / 10 * 1rem);
  }
  [data-gap~="lg:49"] {
    gap: calc((4 * 49) / 10 * 1rem);
  }
  [data-gap~="lg:x-49"] {
    -moz-column-gap: calc((4 * 49) / 10 * 1rem);
         column-gap: calc((4 * 49) / 10 * 1rem);
  }
  [data-gap~="lg:y-49"] {
    row-gap: calc((4 * 49) / 10 * 1rem);
  }
  [data-gap~="lg:50"] {
    gap: calc((4 * 50) / 10 * 1rem);
  }
  [data-gap~="lg:x-50"] {
    -moz-column-gap: calc((4 * 50) / 10 * 1rem);
         column-gap: calc((4 * 50) / 10 * 1rem);
  }
  [data-gap~="lg:y-50"] {
    row-gap: calc((4 * 50) / 10 * 1rem);
  }
  [data-grid~="lg:cols-1"] {
    -ms-grid-columns: (minmax(0, 1fr))[1];
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  [data-grid~="lg:cols-2"] {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  [data-grid~="lg:cols-3"] {
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  [data-grid~="lg:cols-4"] {
    -ms-grid-columns: (minmax(0, 1fr))[4];
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  [data-grid~="lg:cols-5"] {
    -ms-grid-columns: (minmax(0, 1fr))[5];
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  [data-grid~="lg:cols-6"] {
    -ms-grid-columns: (minmax(0, 1fr))[6];
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  [data-grid~="lg:cols-7"] {
    -ms-grid-columns: (minmax(0, 1fr))[7];
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  [data-grid~="lg:cols-8"] {
    -ms-grid-columns: (minmax(0, 1fr))[8];
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  [data-grid~="lg:cols-9"] {
    -ms-grid-columns: (minmax(0, 1fr))[9];
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  [data-grid~="lg:cols-10"] {
    -ms-grid-columns: (minmax(0, 1fr))[10];
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  [data-grid~="lg:cols-11"] {
    -ms-grid-columns: (minmax(0, 1fr))[11];
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  [data-grid~="lg:cols-12"] {
    -ms-grid-columns: (minmax(0, 1fr))[12];
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  [data-grid-item~="lg:col-span-1"] {
    -ms-grid-column-span: 1;
    -ms-grid-column: span 1;
        grid-column-start: span 1;
    grid-column-end: span 1;
  }
  [data-grid-item~="lg:col-start-1"] {
    -ms-grid-column: 1;
        grid-column-start: 1;
  }
  [data-grid-item~="lg:col-end-1"] {
    -ms-grid-column-span: 1;
    grid-column-end: 1;
  }
  [data-grid-item~="lg:col-span-2"] {
    -ms-grid-column-span: 2;
    -ms-grid-column: span 2;
        grid-column-start: span 2;
    grid-column-end: span 2;
  }
  [data-grid-item~="lg:col-start-2"] {
    -ms-grid-column: 2;
        grid-column-start: 2;
  }
  [data-grid-item~="lg:col-end-2"] {
    -ms-grid-column-span: 2;
    grid-column-end: 2;
  }
  [data-grid-item~="lg:col-span-3"] {
    -ms-grid-column-span: 3;
    -ms-grid-column: span 3;
        grid-column-start: span 3;
    grid-column-end: span 3;
  }
  [data-grid-item~="lg:col-start-3"] {
    -ms-grid-column: 3;
        grid-column-start: 3;
  }
  [data-grid-item~="lg:col-end-3"] {
    -ms-grid-column-span: 3;
    grid-column-end: 3;
  }
  [data-grid-item~="lg:col-span-4"] {
    -ms-grid-column-span: 4;
    -ms-grid-column: span 4;
        grid-column-start: span 4;
    grid-column-end: span 4;
  }
  [data-grid-item~="lg:col-start-4"] {
    -ms-grid-column: 4;
        grid-column-start: 4;
  }
  [data-grid-item~="lg:col-end-4"] {
    -ms-grid-column-span: 4;
    grid-column-end: 4;
  }
  [data-grid-item~="lg:col-span-5"] {
    -ms-grid-column-span: 5;
    -ms-grid-column: span 5;
        grid-column-start: span 5;
    grid-column-end: span 5;
  }
  [data-grid-item~="lg:col-start-5"] {
    -ms-grid-column: 5;
        grid-column-start: 5;
  }
  [data-grid-item~="lg:col-end-5"] {
    -ms-grid-column-span: 5;
    grid-column-end: 5;
  }
  [data-grid-item~="lg:col-span-6"] {
    -ms-grid-column-span: 6;
    -ms-grid-column: span 6;
        grid-column-start: span 6;
    grid-column-end: span 6;
  }
  [data-grid-item~="lg:col-start-6"] {
    -ms-grid-column: 6;
        grid-column-start: 6;
  }
  [data-grid-item~="lg:col-end-6"] {
    -ms-grid-column-span: 6;
    grid-column-end: 6;
  }
  [data-grid-item~="lg:col-span-7"] {
    -ms-grid-column-span: 7;
    -ms-grid-column: span 7;
        grid-column-start: span 7;
    grid-column-end: span 7;
  }
  [data-grid-item~="lg:col-start-7"] {
    -ms-grid-column: 7;
        grid-column-start: 7;
  }
  [data-grid-item~="lg:col-end-7"] {
    -ms-grid-column-span: 7;
    grid-column-end: 7;
  }
  [data-grid-item~="lg:col-span-8"] {
    -ms-grid-column-span: 8;
    -ms-grid-column: span 8;
        grid-column-start: span 8;
    grid-column-end: span 8;
  }
  [data-grid-item~="lg:col-start-8"] {
    -ms-grid-column: 8;
        grid-column-start: 8;
  }
  [data-grid-item~="lg:col-end-8"] {
    -ms-grid-column-span: 8;
    grid-column-end: 8;
  }
  [data-grid-item~="lg:col-span-9"] {
    -ms-grid-column-span: 9;
    -ms-grid-column: span 9;
        grid-column-start: span 9;
    grid-column-end: span 9;
  }
  [data-grid-item~="lg:col-start-9"] {
    -ms-grid-column: 9;
        grid-column-start: 9;
  }
  [data-grid-item~="lg:col-end-9"] {
    -ms-grid-column-span: 9;
    grid-column-end: 9;
  }
  [data-grid-item~="lg:col-span-10"] {
    -ms-grid-column-span: 10;
    -ms-grid-column: span 10;
        grid-column-start: span 10;
    grid-column-end: span 10;
  }
  [data-grid-item~="lg:col-start-10"] {
    -ms-grid-column: 10;
        grid-column-start: 10;
  }
  [data-grid-item~="lg:col-end-10"] {
    -ms-grid-column-span: 10;
    grid-column-end: 10;
  }
  [data-grid-item~="lg:col-span-11"] {
    -ms-grid-column-span: 11;
    -ms-grid-column: span 11;
        grid-column-start: span 11;
    grid-column-end: span 11;
  }
  [data-grid-item~="lg:col-start-11"] {
    -ms-grid-column: 11;
        grid-column-start: 11;
  }
  [data-grid-item~="lg:col-end-11"] {
    -ms-grid-column-span: 11;
    grid-column-end: 11;
  }
  [data-grid-item~="lg:col-span-12"] {
    -ms-grid-column-span: 12;
    -ms-grid-column: span 12;
        grid-column-start: span 12;
    grid-column-end: span 12;
  }
  [data-grid-item~="lg:col-start-12"] {
    -ms-grid-column: 12;
        grid-column-start: 12;
  }
  [data-grid-item~="lg:col-end-12"] {
    -ms-grid-column-span: 12;
    grid-column-end: 12;
  }
  [data-grid-item~="lg:col-auto"] {
    -ms-grid-column-span: NaN;
    -ms-grid-column: auto;
        grid-column-start: auto;
    grid-column-end: auto;
  }
  [data-grid-item~="lg:col-full"] {
    -ms-grid-column-span: -2;
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: -1;
  }
  [data-grid-item~="lg:col-start-auto"] {
    -ms-grid-column: auto;
        grid-column-start: auto;
  }
  [data-grid-item~="lg:col-end-auto"] {
    -ms-grid-column-span: auto;
    grid-column-end: auto;
  }
  [data-grid~="lg:rows-1"] {
    -ms-grid-rows: (minmax(0, 1fr))[1];
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  [data-grid~="lg:rows-2"] {
    -ms-grid-rows: (minmax(0, 1fr))[2];
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  [data-grid~="lg:rows-3"] {
    -ms-grid-rows: (minmax(0, 1fr))[3];
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  [data-grid~="lg:rows-4"] {
    -ms-grid-rows: (minmax(0, 1fr))[4];
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  [data-grid~="lg:rows-5"] {
    -ms-grid-rows: (minmax(0, 1fr))[5];
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  [data-grid~="lg:rows-6"] {
    -ms-grid-rows: (minmax(0, 1fr))[6];
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  [data-grid-item~="lg:row-span-1"] {
    -ms-grid-row-span: 1;
    -ms-grid-row: span 1;
        grid-row-start: span 1;
    grid-row-end: span 1;
  }
  [data-grid-item~="lg:row-start-1"] {
    -ms-grid-row: 1;
        grid-row-start: 1;
  }
  [data-grid-item~="lg:row-end-1"] {
    -ms-grid-row-span: 1;
    grid-row-end: 1;
  }
  [data-grid-item~="lg:row-span-2"] {
    -ms-grid-row-span: 2;
    -ms-grid-row: span 2;
        grid-row-start: span 2;
    grid-row-end: span 2;
  }
  [data-grid-item~="lg:row-start-2"] {
    -ms-grid-row: 2;
        grid-row-start: 2;
  }
  [data-grid-item~="lg:row-end-2"] {
    -ms-grid-row-span: 2;
    grid-row-end: 2;
  }
  [data-grid-item~="lg:row-span-3"] {
    -ms-grid-row-span: 3;
    -ms-grid-row: span 3;
        grid-row-start: span 3;
    grid-row-end: span 3;
  }
  [data-grid-item~="lg:row-start-3"] {
    -ms-grid-row: 3;
        grid-row-start: 3;
  }
  [data-grid-item~="lg:row-end-3"] {
    -ms-grid-row-span: 3;
    grid-row-end: 3;
  }
  [data-grid-item~="lg:row-span-4"] {
    -ms-grid-row-span: 4;
    -ms-grid-row: span 4;
        grid-row-start: span 4;
    grid-row-end: span 4;
  }
  [data-grid-item~="lg:row-start-4"] {
    -ms-grid-row: 4;
        grid-row-start: 4;
  }
  [data-grid-item~="lg:row-end-4"] {
    -ms-grid-row-span: 4;
    grid-row-end: 4;
  }
  [data-grid-item~="lg:row-span-5"] {
    -ms-grid-row-span: 5;
    -ms-grid-row: span 5;
        grid-row-start: span 5;
    grid-row-end: span 5;
  }
  [data-grid-item~="lg:row-start-5"] {
    -ms-grid-row: 5;
        grid-row-start: 5;
  }
  [data-grid-item~="lg:row-end-5"] {
    -ms-grid-row-span: 5;
    grid-row-end: 5;
  }
  [data-grid-item~="lg:row-span-6"] {
    -ms-grid-row-span: 6;
    -ms-grid-row: span 6;
        grid-row-start: span 6;
    grid-row-end: span 6;
  }
  [data-grid-item~="lg:row-start-6"] {
    -ms-grid-row: 6;
        grid-row-start: 6;
  }
  [data-grid-item~="lg:row-end-6"] {
    -ms-grid-row-span: 6;
    grid-row-end: 6;
  }
  [data-grid-item~="lg:row-auto"] {
    -ms-grid-row-span: NaN;
    -ms-grid-row: auto;
        grid-row-start: auto;
    grid-row-end: auto;
  }
  [data-grid-item~="lg:row-full"] {
    -ms-grid-row-span: -2;
    -ms-grid-row: 1;
        grid-row-start: 1;
    grid-row-end: -1;
  }
  [data-grid-item~="lg:row-start-auto"] {
    -ms-grid-row: auto;
        grid-row-start: auto;
  }
  [data-grid-item~="lg:row-end-auto"] {
    -ms-grid-row-span: auto;
    grid-row-end: auto;
  }
  .l-header__nav {
    display: flex;
    gap: clamp(1em, 1.6vw, 2em);
    font-weight: 500;
    font-size: clamp(1rem, 1.4vw, 2rem);
    vertical-align: middle;
  }
  .l-header__cta {
    display: none;
  }
  .l-main {
    margin-top: 104px;
  }
  [data-order~="lg:0"] {
    order: 0;
  }
  [data-order~="lg:-1"] {
    order: calc(1 * -1);
  }
  [data-order~="lg:1"] {
    order: 1;
  }
  [data-order~="lg:-2"] {
    order: calc(2 * -1);
  }
  [data-order~="lg:2"] {
    order: 2;
  }
  [data-order~="lg:-3"] {
    order: calc(3 * -1);
  }
  [data-order~="lg:3"] {
    order: 3;
  }
  [data-order~="lg:-4"] {
    order: calc(4 * -1);
  }
  [data-order~="lg:4"] {
    order: 4;
  }
  [data-place~="lg:start"] {
    justify-content: flex-start;
  }
  [data-place~="lg:center"] {
    justify-content: center;
  }
  [data-place~="lg:end"] {
    justify-content: flex-end;
  }
  [data-place~="lg:between"] {
    justify-content: space-between;
  }
  [data-place~="lg:first"] {
    align-items: flex-start;
  }
  [data-place~="lg:middle"] {
    align-items: center;
  }
  [data-place~="lg:last"] {
    align-items: flex-end;
  }
  [data-place~="lg:stretch"] {
    align-items: stretch;
  }
  [data-place~="lg:+start"] {
    align-content: flex-start;
    justify-content: flex-start;
  }
  [data-place~="lg:+center"] {
    align-content: center;
    justify-content: center;
  }
  [data-place~="lg:+end"] {
    align-content: flex-end;
    justify-content: flex-end;
  }
  [data-place~="lg:+between"] {
    align-content: space-between;
    justify-content: space-between;
  }
  [data-place~="lg:+first"] {
    align-items: flex-start;
    justify-items: flex-start;
  }
  [data-place~="lg:+middle"] {
    align-items: center;
    justify-items: center;
  }
  [data-place~="lg:+last"] {
    align-items: flex-end;
    justify-items: flex-end;
  }
  [data-place~="lg:+stretch"] {
    align-items: stretch;
    justify-items: stretch;
  }
  .c-inview[data-group~="lg:3"]:nth-child(1), .c-inview [data-group~="lg:3"]:nth-child(1) {
    transition-delay: 0s;
  }
  .c-inview[data-group~="lg:3"]:nth-child(2), .c-inview [data-group~="lg:3"]:nth-child(2) {
    transition-delay: 0.4s;
  }
  .c-inview[data-group~="lg:3"]:nth-child(3), .c-inview [data-group~="lg:3"]:nth-child(3) {
    transition-delay: 0.8s;
  }
  .p-home-hero__headline {
    width: 60.5%;
    max-width: none;
  }
  .p-home-about__button a {
    width: 160px;
    height: 160px;
  }
  .p-service-nav {
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .p-service-section__list {
    grid-template-columns: repeat(auto-fit, minmax(240px, 360px));
  }
  .p-service-section__aucolor {
    -ms-grid-columns: 360px minmax(0, 1fr);
    grid-template-columns: 360px minmax(0, 1fr);
  }
  .p-contact-list {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-right: 52px;
    padding-left: 52px;
  }
  .p-contact-list__item {
    -ms-grid-row-span: 3;
    -ms-grid-rows: subgrid;
    display: -ms-grid;
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    gap: 0;
  }
  .p-contact-list__mail {
    margin-bottom: 0.2em;
  }
  .p-contact-form__header {
    margin-top: -2.1em;
  }
  .u-mt-xxxs {
    margin-top: 0.8rem;
  }
  .u-mt-xxs {
    margin-top: 1.6rem;
  }
  .u-mt-xs {
    margin-top: 3.2rem;
  }
  .u-mt-sm {
    margin-top: 4.8rem;
  }
  .u-mt-md {
    margin-top: 6.4rem;
  }
  .u-mt-lg {
    margin-top: 8rem;
  }
  .u-mt-xl {
    margin-top: 9.6rem;
  }
  .u-mt-xxl {
    margin-top: 12.8rem;
  }
  .u-mt-xxxl {
    margin-top: 16rem;
  }
  .u-mb-xxxs {
    margin-bottom: 0.8rem;
  }
  .u-mb-xxs {
    margin-bottom: 1.6rem;
  }
  .u-mb-xs {
    margin-bottom: 3.2rem;
  }
  .u-mb-sm {
    margin-bottom: 4.8rem;
  }
  .u-mb-md {
    margin-bottom: 6.4rem;
  }
  .u-mb-lg {
    margin-bottom: 8rem;
  }
  .u-mb-xl {
    margin-bottom: 9.6rem;
  }
  .u-mb-xxl {
    margin-bottom: 12.8rem;
  }
  .u-mb-xxxl {
    margin-bottom: 16rem;
  }
  .u-ptb-xxs {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .u-ptb-xs {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .u-ptb-sm {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .u-ptb-md {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .u-ptb-lg {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .u-ptb-xl {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
  .u-ptb-xxl {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }
}
@media screen and (min-width: 1024px) {
  .l-spacer[class][data-space~="lg:reset"] {
    padding: 0;
  }
  .l-spacer[class][data-space~="lg:resetTop"] {
    padding-top: 0;
  }
  .l-spacer[class][data-space~="lg:resetBottom"] {
    padding-bottom: 0;
  }
  .l-spacer[class][data-space-py~="lg:0"] {
    padding-top: calc((4 * 0) / 10 * 1rem);
    padding-bottom: calc((4 * 0) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:0"] {
    padding-top: calc((4 * 0) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:0"] {
    padding-bottom: calc((4 * 0) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:1"] {
    padding-top: calc((4 * 1) / 10 * 1rem);
    padding-bottom: calc((4 * 1) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:1"] {
    padding-top: calc((4 * 1) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:1"] {
    padding-bottom: calc((4 * 1) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:2"] {
    padding-top: calc((4 * 2) / 10 * 1rem);
    padding-bottom: calc((4 * 2) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:2"] {
    padding-top: calc((4 * 2) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:2"] {
    padding-bottom: calc((4 * 2) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:3"] {
    padding-top: calc((4 * 3) / 10 * 1rem);
    padding-bottom: calc((4 * 3) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:3"] {
    padding-top: calc((4 * 3) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:3"] {
    padding-bottom: calc((4 * 3) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:4"] {
    padding-top: calc((4 * 4) / 10 * 1rem);
    padding-bottom: calc((4 * 4) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:4"] {
    padding-top: calc((4 * 4) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:4"] {
    padding-bottom: calc((4 * 4) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:5"] {
    padding-top: calc((4 * 5) / 10 * 1rem);
    padding-bottom: calc((4 * 5) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:5"] {
    padding-top: calc((4 * 5) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:5"] {
    padding-bottom: calc((4 * 5) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:6"] {
    padding-top: calc((4 * 6) / 10 * 1rem);
    padding-bottom: calc((4 * 6) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:6"] {
    padding-top: calc((4 * 6) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:6"] {
    padding-bottom: calc((4 * 6) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:7"] {
    padding-top: calc((4 * 7) / 10 * 1rem);
    padding-bottom: calc((4 * 7) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:7"] {
    padding-top: calc((4 * 7) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:7"] {
    padding-bottom: calc((4 * 7) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:8"] {
    padding-top: calc((4 * 8) / 10 * 1rem);
    padding-bottom: calc((4 * 8) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:8"] {
    padding-top: calc((4 * 8) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:8"] {
    padding-bottom: calc((4 * 8) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:9"] {
    padding-top: calc((4 * 9) / 10 * 1rem);
    padding-bottom: calc((4 * 9) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:9"] {
    padding-top: calc((4 * 9) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:9"] {
    padding-bottom: calc((4 * 9) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:10"] {
    padding-top: calc((4 * 10) / 10 * 1rem);
    padding-bottom: calc((4 * 10) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:10"] {
    padding-top: calc((4 * 10) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:10"] {
    padding-bottom: calc((4 * 10) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:11"] {
    padding-top: calc((4 * 11) / 10 * 1rem);
    padding-bottom: calc((4 * 11) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:11"] {
    padding-top: calc((4 * 11) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:11"] {
    padding-bottom: calc((4 * 11) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:12"] {
    padding-top: calc((4 * 12) / 10 * 1rem);
    padding-bottom: calc((4 * 12) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:12"] {
    padding-top: calc((4 * 12) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:12"] {
    padding-bottom: calc((4 * 12) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:13"] {
    padding-top: calc((4 * 13) / 10 * 1rem);
    padding-bottom: calc((4 * 13) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:13"] {
    padding-top: calc((4 * 13) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:13"] {
    padding-bottom: calc((4 * 13) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:14"] {
    padding-top: calc((4 * 14) / 10 * 1rem);
    padding-bottom: calc((4 * 14) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:14"] {
    padding-top: calc((4 * 14) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:14"] {
    padding-bottom: calc((4 * 14) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:15"] {
    padding-top: calc((4 * 15) / 10 * 1rem);
    padding-bottom: calc((4 * 15) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:15"] {
    padding-top: calc((4 * 15) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:15"] {
    padding-bottom: calc((4 * 15) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:16"] {
    padding-top: calc((4 * 16) / 10 * 1rem);
    padding-bottom: calc((4 * 16) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:16"] {
    padding-top: calc((4 * 16) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:16"] {
    padding-bottom: calc((4 * 16) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:17"] {
    padding-top: calc((4 * 17) / 10 * 1rem);
    padding-bottom: calc((4 * 17) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:17"] {
    padding-top: calc((4 * 17) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:17"] {
    padding-bottom: calc((4 * 17) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:18"] {
    padding-top: calc((4 * 18) / 10 * 1rem);
    padding-bottom: calc((4 * 18) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:18"] {
    padding-top: calc((4 * 18) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:18"] {
    padding-bottom: calc((4 * 18) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:19"] {
    padding-top: calc((4 * 19) / 10 * 1rem);
    padding-bottom: calc((4 * 19) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:19"] {
    padding-top: calc((4 * 19) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:19"] {
    padding-bottom: calc((4 * 19) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:20"] {
    padding-top: calc((4 * 20) / 10 * 1rem);
    padding-bottom: calc((4 * 20) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:20"] {
    padding-top: calc((4 * 20) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:20"] {
    padding-bottom: calc((4 * 20) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:21"] {
    padding-top: calc((4 * 21) / 10 * 1rem);
    padding-bottom: calc((4 * 21) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:21"] {
    padding-top: calc((4 * 21) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:21"] {
    padding-bottom: calc((4 * 21) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:22"] {
    padding-top: calc((4 * 22) / 10 * 1rem);
    padding-bottom: calc((4 * 22) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:22"] {
    padding-top: calc((4 * 22) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:22"] {
    padding-bottom: calc((4 * 22) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:23"] {
    padding-top: calc((4 * 23) / 10 * 1rem);
    padding-bottom: calc((4 * 23) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:23"] {
    padding-top: calc((4 * 23) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:23"] {
    padding-bottom: calc((4 * 23) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:24"] {
    padding-top: calc((4 * 24) / 10 * 1rem);
    padding-bottom: calc((4 * 24) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:24"] {
    padding-top: calc((4 * 24) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:24"] {
    padding-bottom: calc((4 * 24) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:25"] {
    padding-top: calc((4 * 25) / 10 * 1rem);
    padding-bottom: calc((4 * 25) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:25"] {
    padding-top: calc((4 * 25) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:25"] {
    padding-bottom: calc((4 * 25) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:26"] {
    padding-top: calc((4 * 26) / 10 * 1rem);
    padding-bottom: calc((4 * 26) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:26"] {
    padding-top: calc((4 * 26) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:26"] {
    padding-bottom: calc((4 * 26) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:27"] {
    padding-top: calc((4 * 27) / 10 * 1rem);
    padding-bottom: calc((4 * 27) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:27"] {
    padding-top: calc((4 * 27) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:27"] {
    padding-bottom: calc((4 * 27) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:28"] {
    padding-top: calc((4 * 28) / 10 * 1rem);
    padding-bottom: calc((4 * 28) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:28"] {
    padding-top: calc((4 * 28) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:28"] {
    padding-bottom: calc((4 * 28) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:29"] {
    padding-top: calc((4 * 29) / 10 * 1rem);
    padding-bottom: calc((4 * 29) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:29"] {
    padding-top: calc((4 * 29) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:29"] {
    padding-bottom: calc((4 * 29) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:30"] {
    padding-top: calc((4 * 30) / 10 * 1rem);
    padding-bottom: calc((4 * 30) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:30"] {
    padding-top: calc((4 * 30) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:30"] {
    padding-bottom: calc((4 * 30) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:31"] {
    padding-top: calc((4 * 31) / 10 * 1rem);
    padding-bottom: calc((4 * 31) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:31"] {
    padding-top: calc((4 * 31) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:31"] {
    padding-bottom: calc((4 * 31) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:32"] {
    padding-top: calc((4 * 32) / 10 * 1rem);
    padding-bottom: calc((4 * 32) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:32"] {
    padding-top: calc((4 * 32) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:32"] {
    padding-bottom: calc((4 * 32) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:33"] {
    padding-top: calc((4 * 33) / 10 * 1rem);
    padding-bottom: calc((4 * 33) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:33"] {
    padding-top: calc((4 * 33) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:33"] {
    padding-bottom: calc((4 * 33) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:34"] {
    padding-top: calc((4 * 34) / 10 * 1rem);
    padding-bottom: calc((4 * 34) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:34"] {
    padding-top: calc((4 * 34) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:34"] {
    padding-bottom: calc((4 * 34) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:35"] {
    padding-top: calc((4 * 35) / 10 * 1rem);
    padding-bottom: calc((4 * 35) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:35"] {
    padding-top: calc((4 * 35) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:35"] {
    padding-bottom: calc((4 * 35) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:36"] {
    padding-top: calc((4 * 36) / 10 * 1rem);
    padding-bottom: calc((4 * 36) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:36"] {
    padding-top: calc((4 * 36) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:36"] {
    padding-bottom: calc((4 * 36) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:37"] {
    padding-top: calc((4 * 37) / 10 * 1rem);
    padding-bottom: calc((4 * 37) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:37"] {
    padding-top: calc((4 * 37) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:37"] {
    padding-bottom: calc((4 * 37) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:38"] {
    padding-top: calc((4 * 38) / 10 * 1rem);
    padding-bottom: calc((4 * 38) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:38"] {
    padding-top: calc((4 * 38) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:38"] {
    padding-bottom: calc((4 * 38) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:39"] {
    padding-top: calc((4 * 39) / 10 * 1rem);
    padding-bottom: calc((4 * 39) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:39"] {
    padding-top: calc((4 * 39) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:39"] {
    padding-bottom: calc((4 * 39) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:40"] {
    padding-top: calc((4 * 40) / 10 * 1rem);
    padding-bottom: calc((4 * 40) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:40"] {
    padding-top: calc((4 * 40) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:40"] {
    padding-bottom: calc((4 * 40) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:41"] {
    padding-top: calc((4 * 41) / 10 * 1rem);
    padding-bottom: calc((4 * 41) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:41"] {
    padding-top: calc((4 * 41) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:41"] {
    padding-bottom: calc((4 * 41) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:42"] {
    padding-top: calc((4 * 42) / 10 * 1rem);
    padding-bottom: calc((4 * 42) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:42"] {
    padding-top: calc((4 * 42) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:42"] {
    padding-bottom: calc((4 * 42) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:43"] {
    padding-top: calc((4 * 43) / 10 * 1rem);
    padding-bottom: calc((4 * 43) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:43"] {
    padding-top: calc((4 * 43) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:43"] {
    padding-bottom: calc((4 * 43) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:44"] {
    padding-top: calc((4 * 44) / 10 * 1rem);
    padding-bottom: calc((4 * 44) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:44"] {
    padding-top: calc((4 * 44) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:44"] {
    padding-bottom: calc((4 * 44) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:45"] {
    padding-top: calc((4 * 45) / 10 * 1rem);
    padding-bottom: calc((4 * 45) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:45"] {
    padding-top: calc((4 * 45) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:45"] {
    padding-bottom: calc((4 * 45) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:46"] {
    padding-top: calc((4 * 46) / 10 * 1rem);
    padding-bottom: calc((4 * 46) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:46"] {
    padding-top: calc((4 * 46) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:46"] {
    padding-bottom: calc((4 * 46) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:47"] {
    padding-top: calc((4 * 47) / 10 * 1rem);
    padding-bottom: calc((4 * 47) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:47"] {
    padding-top: calc((4 * 47) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:47"] {
    padding-bottom: calc((4 * 47) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:48"] {
    padding-top: calc((4 * 48) / 10 * 1rem);
    padding-bottom: calc((4 * 48) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:48"] {
    padding-top: calc((4 * 48) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:48"] {
    padding-bottom: calc((4 * 48) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:49"] {
    padding-top: calc((4 * 49) / 10 * 1rem);
    padding-bottom: calc((4 * 49) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:49"] {
    padding-top: calc((4 * 49) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:49"] {
    padding-bottom: calc((4 * 49) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="lg:50"] {
    padding-top: calc((4 * 50) / 10 * 1rem);
    padding-bottom: calc((4 * 50) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="lg:50"] {
    padding-top: calc((4 * 50) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="lg:50"] {
    padding-bottom: calc((4 * 50) / 10 * 1rem);
  }
  .u-ta[data-text-align~="lg:left"] {
    text-align: left;
  }
  .u-ta[data-text-align~="lg:center"] {
    text-align: center;
  }
  .u-ta[data-text-align~="lg:right"] {
    text-align: right;
  }
  .u-d[data-display~="lg:none"] {
    display: none;
  }
  .u-d[data-display~="lg:inline"] {
    display: inline;
  }
  .u-d[data-display~="lg:block"] {
    display: block;
  }
  .u-d[data-display~="lg:inline-block"] {
    display: inline-block;
  }
  .u-fz[data-font-size~="lg:10"] {
    font-size: 1rem;
  }
  .u-fz[data-font-size~="lg:11"] {
    font-size: 1.1rem;
  }
  .u-fz[data-font-size~="lg:12"] {
    font-size: 1.2rem;
  }
  .u-fz[data-font-size~="lg:13"] {
    font-size: 1.3rem;
  }
  .u-fz[data-font-size~="lg:14"] {
    font-size: 1.4rem;
  }
  .u-fz[data-font-size~="lg:15"] {
    font-size: 1.5rem;
  }
  .u-fz[data-font-size~="lg:16"] {
    font-size: 1.6rem;
  }
  .u-fz[data-font-size~="lg:17"] {
    font-size: 1.7rem;
  }
  .u-fz[data-font-size~="lg:18"] {
    font-size: 1.8rem;
  }
  .u-fz[data-font-size~="lg:19"] {
    font-size: 1.9rem;
  }
  .u-fz[data-font-size~="lg:20"] {
    font-size: 2rem;
  }
  .u-fz[data-font-size~="lg:21"] {
    font-size: 2.1rem;
  }
  .u-fz[data-font-size~="lg:22"] {
    font-size: 2.2rem;
  }
  .u-fz[data-font-size~="lg:23"] {
    font-size: 2.3rem;
  }
  .u-fz[data-font-size~="lg:24"] {
    font-size: 2.4rem;
  }
  .u-fz[data-font-size~="lg:25"] {
    font-size: 2.5rem;
  }
  .u-fz[data-font-size~="lg:26"] {
    font-size: 2.6rem;
  }
  .u-fz[data-font-size~="lg:27"] {
    font-size: 2.7rem;
  }
  .u-fz[data-font-size~="lg:28"] {
    font-size: 2.8rem;
  }
  .u-fz[data-font-size~="lg:29"] {
    font-size: 2.9rem;
  }
  .u-fz[data-font-size~="lg:30"] {
    font-size: 3rem;
  }
  .u-fz[data-font-size~="lg:31"] {
    font-size: 3.1rem;
  }
  .u-fz[data-font-size~="lg:32"] {
    font-size: 3.2rem;
  }
  .u-fz[data-font-size~="lg:33"] {
    font-size: 3.3rem;
  }
  .u-fz[data-font-size~="lg:34"] {
    font-size: 3.4rem;
  }
  .u-fz[data-font-size~="lg:35"] {
    font-size: 3.5rem;
  }
  .u-fz[data-font-size~="lg:36"] {
    font-size: 3.6rem;
  }
  .u-fz[data-font-size~="lg:37"] {
    font-size: 3.7rem;
  }
  .u-fz[data-font-size~="lg:38"] {
    font-size: 3.8rem;
  }
  .u-fz[data-font-size~="lg:39"] {
    font-size: 3.9rem;
  }
  .u-fz[data-font-size~="lg:40"] {
    font-size: 4rem;
  }
  .u-fz[data-font-size~="lg:41"] {
    font-size: 4.1rem;
  }
  .u-fz[data-font-size~="lg:42"] {
    font-size: 4.2rem;
  }
  .u-fz[data-font-size~="lg:43"] {
    font-size: 4.3rem;
  }
  .u-fz[data-font-size~="lg:44"] {
    font-size: 4.4rem;
  }
  .u-fz[data-font-size~="lg:45"] {
    font-size: 4.5rem;
  }
  .u-fz[data-font-size~="lg:46"] {
    font-size: 4.6rem;
  }
  .u-fz[data-font-size~="lg:47"] {
    font-size: 4.7rem;
  }
  .u-fz[data-font-size~="lg:48"] {
    font-size: 4.8rem;
  }
  .u-fz[data-font-size~="lg:49"] {
    font-size: 4.9rem;
  }
  .u-fz[data-font-size~="lg:50"] {
    font-size: 5rem;
  }
  .u-fz[data-font-size~="lg:51"] {
    font-size: 5.1rem;
  }
  .u-fz[data-font-size~="lg:52"] {
    font-size: 5.2rem;
  }
  .u-fz[data-font-size~="lg:53"] {
    font-size: 5.3rem;
  }
  .u-fz[data-font-size~="lg:54"] {
    font-size: 5.4rem;
  }
  .u-fz[data-font-size~="lg:55"] {
    font-size: 5.5rem;
  }
  .u-fz[data-font-size~="lg:56"] {
    font-size: 5.6rem;
  }
  .u-fz[data-font-size~="lg:57"] {
    font-size: 5.7rem;
  }
  .u-fz[data-font-size~="lg:58"] {
    font-size: 5.8rem;
  }
  .u-fz[data-font-size~="lg:59"] {
    font-size: 5.9rem;
  }
  .u-fz[data-font-size~="lg:60"] {
    font-size: 6rem;
  }
  .u-fz[data-font-size~="lg:61"] {
    font-size: 6.1rem;
  }
  .u-fz[data-font-size~="lg:62"] {
    font-size: 6.2rem;
  }
  .u-fz[data-font-size~="lg:63"] {
    font-size: 6.3rem;
  }
  .u-fz[data-font-size~="lg:64"] {
    font-size: 6.4rem;
  }
  .u-fz[data-font-size~="lg:65"] {
    font-size: 6.5rem;
  }
  .u-fz[data-font-size~="lg:66"] {
    font-size: 6.6rem;
  }
  .u-fz[data-font-size~="lg:67"] {
    font-size: 6.7rem;
  }
  .u-fz[data-font-size~="lg:68"] {
    font-size: 6.8rem;
  }
  .u-fz[data-font-size~="lg:69"] {
    font-size: 6.9rem;
  }
  .u-fz[data-font-size~="lg:70"] {
    font-size: 7rem;
  }
  .u-fz[data-font-size~="lg:71"] {
    font-size: 7.1rem;
  }
  .u-fz[data-font-size~="lg:72"] {
    font-size: 7.2rem;
  }
  .u-fz[data-font-size~="lg:73"] {
    font-size: 7.3rem;
  }
  .u-fz[data-font-size~="lg:74"] {
    font-size: 7.4rem;
  }
  .u-fz[data-font-size~="lg:75"] {
    font-size: 7.5rem;
  }
  .u-fz[data-font-size~="lg:76"] {
    font-size: 7.6rem;
  }
  .u-fz[data-font-size~="lg:77"] {
    font-size: 7.7rem;
  }
  .u-fz[data-font-size~="lg:78"] {
    font-size: 7.8rem;
  }
  .u-fz[data-font-size~="lg:79"] {
    font-size: 7.9rem;
  }
  .u-fz[data-font-size~="lg:80"] {
    font-size: 8rem;
  }
  .u-mt[data-mt-size~="lg:5"] {
    margin-top: 0.5rem;
  }
  .u-mt[data-mt-size~="5"] {
    margin-top: 0.5rem;
  }
  .u-mt[data-mt-size~="lg:10"] {
    margin-top: 1rem;
  }
  .u-mt[data-mt-size~="10"] {
    margin-top: 1rem;
  }
  .u-mt[data-mt-size~="lg:15"] {
    margin-top: 1.5rem;
  }
  .u-mt[data-mt-size~="15"] {
    margin-top: 1.5rem;
  }
  .u-mt[data-mt-size~="lg:20"] {
    margin-top: 2rem;
  }
  .u-mt[data-mt-size~="20"] {
    margin-top: 2rem;
  }
  .u-mt[data-mt-size~="lg:25"] {
    margin-top: 2.5rem;
  }
  .u-mt[data-mt-size~="25"] {
    margin-top: 2.5rem;
  }
  .u-mt[data-mt-size~="lg:30"] {
    margin-top: 3rem;
  }
  .u-mt[data-mt-size~="30"] {
    margin-top: 3rem;
  }
  .u-mt[data-mt-size~="lg:35"] {
    margin-top: 3.5rem;
  }
  .u-mt[data-mt-size~="35"] {
    margin-top: 3.5rem;
  }
  .u-mt[data-mt-size~="lg:40"] {
    margin-top: 4rem;
  }
  .u-mt[data-mt-size~="40"] {
    margin-top: 4rem;
  }
  .u-mt[data-mt-size~="lg:45"] {
    margin-top: 4.5rem;
  }
  .u-mt[data-mt-size~="45"] {
    margin-top: 4.5rem;
  }
  .u-mt[data-mt-size~="lg:50"] {
    margin-top: 5rem;
  }
  .u-mt[data-mt-size~="50"] {
    margin-top: 5rem;
  }
  .u-mt[data-mt-size~="lg:55"] {
    margin-top: 5.5rem;
  }
  .u-mt[data-mt-size~="55"] {
    margin-top: 5.5rem;
  }
  .u-mt[data-mt-size~="lg:60"] {
    margin-top: 6rem;
  }
  .u-mt[data-mt-size~="60"] {
    margin-top: 6rem;
  }
  .u-mt[data-mt-size~="lg:65"] {
    margin-top: 6.5rem;
  }
  .u-mt[data-mt-size~="65"] {
    margin-top: 6.5rem;
  }
  .u-mt[data-mt-size~="lg:70"] {
    margin-top: 7rem;
  }
  .u-mt[data-mt-size~="70"] {
    margin-top: 7rem;
  }
  .u-mt[data-mt-size~="lg:75"] {
    margin-top: 7.5rem;
  }
  .u-mt[data-mt-size~="75"] {
    margin-top: 7.5rem;
  }
  .u-mt[data-mt-size~="lg:80"] {
    margin-top: 8rem;
  }
  .u-mt[data-mt-size~="80"] {
    margin-top: 8rem;
  }
  .u-mt[data-mt-size~="lg:85"] {
    margin-top: 8.5rem;
  }
  .u-mt[data-mt-size~="85"] {
    margin-top: 8.5rem;
  }
  .u-mt[data-mt-size~="lg:90"] {
    margin-top: 9rem;
  }
  .u-mt[data-mt-size~="90"] {
    margin-top: 9rem;
  }
  .u-mt[data-mt-size~="lg:95"] {
    margin-top: 9.5rem;
  }
  .u-mt[data-mt-size~="95"] {
    margin-top: 9.5rem;
  }
  .u-mt[data-mt-size~="lg:100"] {
    margin-top: 10rem;
  }
  .u-mt[data-mt-size~="100"] {
    margin-top: 10rem;
  }
  .u-mb[data-mb-size~="lg:5"] {
    margin-bottom: 0.5rem;
  }
  .u-mb[data-mb-size~="lg:10"] {
    margin-bottom: 1rem;
  }
  .u-mb[data-mb-size~="lg:15"] {
    margin-bottom: 1.5rem;
  }
  .u-mb[data-mb-size~="lg:20"] {
    margin-bottom: 2rem;
  }
  .u-mb[data-mb-size~="lg:25"] {
    margin-bottom: 2.5rem;
  }
  .u-mb[data-mb-size~="lg:30"] {
    margin-bottom: 3rem;
  }
  .u-mb[data-mb-size~="lg:35"] {
    margin-bottom: 3.5rem;
  }
  .u-mb[data-mb-size~="lg:40"] {
    margin-bottom: 4rem;
  }
  .u-mb[data-mb-size~="lg:45"] {
    margin-bottom: 4.5rem;
  }
  .u-mb[data-mb-size~="lg:50"] {
    margin-bottom: 5rem;
  }
  .u-mb[data-mb-size~="lg:55"] {
    margin-bottom: 5.5rem;
  }
  .u-mb[data-mb-size~="lg:60"] {
    margin-bottom: 6rem;
  }
  .u-mb[data-mb-size~="lg:65"] {
    margin-bottom: 6.5rem;
  }
  .u-mb[data-mb-size~="lg:70"] {
    margin-bottom: 7rem;
  }
  .u-mb[data-mb-size~="lg:75"] {
    margin-bottom: 7.5rem;
  }
  .u-mb[data-mb-size~="lg:80"] {
    margin-bottom: 8rem;
  }
  .u-mb[data-mb-size~="lg:85"] {
    margin-bottom: 8.5rem;
  }
  .u-mb[data-mb-size~="lg:90"] {
    margin-bottom: 9rem;
  }
  .u-mb[data-mb-size~="lg:95"] {
    margin-bottom: 9.5rem;
  }
  .u-mb[data-mb-size~="lg:100"] {
    margin-bottom: 10rem;
  }
  .u-mb[data-mb-size~="lg:xxxs"] {
    margin-bottom: 1rem;
  }
  .u-mb[data-mb-size~="lg:xxs"] {
    margin-bottom: 2rem;
  }
  .u-mb[data-mb-size~="lg:xs"] {
    margin-bottom: 4rem;
  }
  .u-mb[data-mb-size~="lg:sm"] {
    margin-bottom: 6rem;
  }
  .u-mb[data-mb-size~="lg:md"] {
    margin-bottom: 8rem;
  }
  .u-mb[data-mb-size~="lg:lg"] {
    margin-bottom: 10rem;
  }
  .u-mb[data-mb-size~="lg:xl"] {
    margin-bottom: 12rem;
  }
  .u-mb[data-mb-size~="lg:xxl"] {
    margin-bottom: 16rem;
  }
  .u-mb[data-mb-size~="lg:xxxl"] {
    margin-bottom: 20rem;
  }
  .u-w[data-width~="lg:1pct"] {
    width: 1%;
  }
  .u-w[data-width~="lg:2pct"] {
    width: 2%;
  }
  .u-w[data-width~="lg:3pct"] {
    width: 3%;
  }
  .u-w[data-width~="lg:4pct"] {
    width: 4%;
  }
  .u-w[data-width~="lg:5pct"] {
    width: 5%;
  }
  .u-w[data-width~="lg:6pct"] {
    width: 6%;
  }
  .u-w[data-width~="lg:7pct"] {
    width: 7%;
  }
  .u-w[data-width~="lg:8pct"] {
    width: 8%;
  }
  .u-w[data-width~="lg:9pct"] {
    width: 9%;
  }
  .u-w[data-width~="lg:10pct"] {
    width: 10%;
  }
  .u-w[data-width~="lg:11pct"] {
    width: 11%;
  }
  .u-w[data-width~="lg:12pct"] {
    width: 12%;
  }
  .u-w[data-width~="lg:13pct"] {
    width: 13%;
  }
  .u-w[data-width~="lg:14pct"] {
    width: 14%;
  }
  .u-w[data-width~="lg:15pct"] {
    width: 15%;
  }
  .u-w[data-width~="lg:16pct"] {
    width: 16%;
  }
  .u-w[data-width~="lg:17pct"] {
    width: 17%;
  }
  .u-w[data-width~="lg:18pct"] {
    width: 18%;
  }
  .u-w[data-width~="lg:19pct"] {
    width: 19%;
  }
  .u-w[data-width~="lg:20pct"] {
    width: 20%;
  }
  .u-w[data-width~="lg:21pct"] {
    width: 21%;
  }
  .u-w[data-width~="lg:22pct"] {
    width: 22%;
  }
  .u-w[data-width~="lg:23pct"] {
    width: 23%;
  }
  .u-w[data-width~="lg:24pct"] {
    width: 24%;
  }
  .u-w[data-width~="lg:25pct"] {
    width: 25%;
  }
  .u-w[data-width~="lg:26pct"] {
    width: 26%;
  }
  .u-w[data-width~="lg:27pct"] {
    width: 27%;
  }
  .u-w[data-width~="lg:28pct"] {
    width: 28%;
  }
  .u-w[data-width~="lg:29pct"] {
    width: 29%;
  }
  .u-w[data-width~="lg:30pct"] {
    width: 30%;
  }
  .u-w[data-width~="lg:31pct"] {
    width: 31%;
  }
  .u-w[data-width~="lg:32pct"] {
    width: 32%;
  }
  .u-w[data-width~="lg:33pct"] {
    width: 33%;
  }
  .u-w[data-width~="lg:34pct"] {
    width: 34%;
  }
  .u-w[data-width~="lg:35pct"] {
    width: 35%;
  }
  .u-w[data-width~="lg:36pct"] {
    width: 36%;
  }
  .u-w[data-width~="lg:37pct"] {
    width: 37%;
  }
  .u-w[data-width~="lg:38pct"] {
    width: 38%;
  }
  .u-w[data-width~="lg:39pct"] {
    width: 39%;
  }
  .u-w[data-width~="lg:40pct"] {
    width: 40%;
  }
  .u-w[data-width~="lg:41pct"] {
    width: 41%;
  }
  .u-w[data-width~="lg:42pct"] {
    width: 42%;
  }
  .u-w[data-width~="lg:43pct"] {
    width: 43%;
  }
  .u-w[data-width~="lg:44pct"] {
    width: 44%;
  }
  .u-w[data-width~="lg:45pct"] {
    width: 45%;
  }
  .u-w[data-width~="lg:46pct"] {
    width: 46%;
  }
  .u-w[data-width~="lg:47pct"] {
    width: 47%;
  }
  .u-w[data-width~="lg:48pct"] {
    width: 48%;
  }
  .u-w[data-width~="lg:49pct"] {
    width: 49%;
  }
  .u-w[data-width~="lg:50pct"] {
    width: 50%;
  }
  .u-w[data-width~="lg:51pct"] {
    width: 51%;
  }
  .u-w[data-width~="lg:52pct"] {
    width: 52%;
  }
  .u-w[data-width~="lg:53pct"] {
    width: 53%;
  }
  .u-w[data-width~="lg:54pct"] {
    width: 54%;
  }
  .u-w[data-width~="lg:55pct"] {
    width: 55%;
  }
  .u-w[data-width~="lg:56pct"] {
    width: 56%;
  }
  .u-w[data-width~="lg:57pct"] {
    width: 57%;
  }
  .u-w[data-width~="lg:58pct"] {
    width: 58%;
  }
  .u-w[data-width~="lg:59pct"] {
    width: 59%;
  }
  .u-w[data-width~="lg:60pct"] {
    width: 60%;
  }
  .u-w[data-width~="lg:61pct"] {
    width: 61%;
  }
  .u-w[data-width~="lg:62pct"] {
    width: 62%;
  }
  .u-w[data-width~="lg:63pct"] {
    width: 63%;
  }
  .u-w[data-width~="lg:64pct"] {
    width: 64%;
  }
  .u-w[data-width~="lg:65pct"] {
    width: 65%;
  }
  .u-w[data-width~="lg:66pct"] {
    width: 66%;
  }
  .u-w[data-width~="lg:67pct"] {
    width: 67%;
  }
  .u-w[data-width~="lg:68pct"] {
    width: 68%;
  }
  .u-w[data-width~="lg:69pct"] {
    width: 69%;
  }
  .u-w[data-width~="lg:70pct"] {
    width: 70%;
  }
  .u-w[data-width~="lg:71pct"] {
    width: 71%;
  }
  .u-w[data-width~="lg:72pct"] {
    width: 72%;
  }
  .u-w[data-width~="lg:73pct"] {
    width: 73%;
  }
  .u-w[data-width~="lg:74pct"] {
    width: 74%;
  }
  .u-w[data-width~="lg:75pct"] {
    width: 75%;
  }
  .u-w[data-width~="lg:76pct"] {
    width: 76%;
  }
  .u-w[data-width~="lg:77pct"] {
    width: 77%;
  }
  .u-w[data-width~="lg:78pct"] {
    width: 78%;
  }
  .u-w[data-width~="lg:79pct"] {
    width: 79%;
  }
  .u-w[data-width~="lg:80pct"] {
    width: 80%;
  }
  .u-w[data-width~="lg:81pct"] {
    width: 81%;
  }
  .u-w[data-width~="lg:82pct"] {
    width: 82%;
  }
  .u-w[data-width~="lg:83pct"] {
    width: 83%;
  }
  .u-w[data-width~="lg:84pct"] {
    width: 84%;
  }
  .u-w[data-width~="lg:85pct"] {
    width: 85%;
  }
  .u-w[data-width~="lg:86pct"] {
    width: 86%;
  }
  .u-w[data-width~="lg:87pct"] {
    width: 87%;
  }
  .u-w[data-width~="lg:88pct"] {
    width: 88%;
  }
  .u-w[data-width~="lg:89pct"] {
    width: 89%;
  }
  .u-w[data-width~="lg:90pct"] {
    width: 90%;
  }
  .u-w[data-width~="lg:91pct"] {
    width: 91%;
  }
  .u-w[data-width~="lg:92pct"] {
    width: 92%;
  }
  .u-w[data-width~="lg:93pct"] {
    width: 93%;
  }
  .u-w[data-width~="lg:94pct"] {
    width: 94%;
  }
  .u-w[data-width~="lg:95pct"] {
    width: 95%;
  }
  .u-w[data-width~="lg:96pct"] {
    width: 96%;
  }
  .u-w[data-width~="lg:97pct"] {
    width: 97%;
  }
  .u-w[data-width~="lg:98pct"] {
    width: 98%;
  }
  .u-w[data-width~="lg:99pct"] {
    width: 99%;
  }
  .u-w[data-width~="lg:100pct"] {
    width: 100%;
  }
}
@media print, screen and (min-width: 1280px) {
  .l-drawer__nav {
    padding-top: 40px;
  }
  .l-footer__logo {
    min-width: 170px;
  }
  [data-gap~="xl:0"] {
    gap: calc((4 * 0) / 10 * 1rem);
  }
  [data-gap~="xl:x-0"] {
    -moz-column-gap: calc((4 * 0) / 10 * 1rem);
         column-gap: calc((4 * 0) / 10 * 1rem);
  }
  [data-gap~="xl:y-0"] {
    row-gap: calc((4 * 0) / 10 * 1rem);
  }
  [data-gap~="xl:1"] {
    gap: calc((4 * 1) / 10 * 1rem);
  }
  [data-gap~="xl:x-1"] {
    -moz-column-gap: calc((4 * 1) / 10 * 1rem);
         column-gap: calc((4 * 1) / 10 * 1rem);
  }
  [data-gap~="xl:y-1"] {
    row-gap: calc((4 * 1) / 10 * 1rem);
  }
  [data-gap~="xl:2"] {
    gap: calc((4 * 2) / 10 * 1rem);
  }
  [data-gap~="xl:x-2"] {
    -moz-column-gap: calc((4 * 2) / 10 * 1rem);
         column-gap: calc((4 * 2) / 10 * 1rem);
  }
  [data-gap~="xl:y-2"] {
    row-gap: calc((4 * 2) / 10 * 1rem);
  }
  [data-gap~="xl:3"] {
    gap: calc((4 * 3) / 10 * 1rem);
  }
  [data-gap~="xl:x-3"] {
    -moz-column-gap: calc((4 * 3) / 10 * 1rem);
         column-gap: calc((4 * 3) / 10 * 1rem);
  }
  [data-gap~="xl:y-3"] {
    row-gap: calc((4 * 3) / 10 * 1rem);
  }
  [data-gap~="xl:4"] {
    gap: calc((4 * 4) / 10 * 1rem);
  }
  [data-gap~="xl:x-4"] {
    -moz-column-gap: calc((4 * 4) / 10 * 1rem);
         column-gap: calc((4 * 4) / 10 * 1rem);
  }
  [data-gap~="xl:y-4"] {
    row-gap: calc((4 * 4) / 10 * 1rem);
  }
  [data-gap~="xl:5"] {
    gap: calc((4 * 5) / 10 * 1rem);
  }
  [data-gap~="xl:x-5"] {
    -moz-column-gap: calc((4 * 5) / 10 * 1rem);
         column-gap: calc((4 * 5) / 10 * 1rem);
  }
  [data-gap~="xl:y-5"] {
    row-gap: calc((4 * 5) / 10 * 1rem);
  }
  [data-gap~="xl:6"] {
    gap: calc((4 * 6) / 10 * 1rem);
  }
  [data-gap~="xl:x-6"] {
    -moz-column-gap: calc((4 * 6) / 10 * 1rem);
         column-gap: calc((4 * 6) / 10 * 1rem);
  }
  [data-gap~="xl:y-6"] {
    row-gap: calc((4 * 6) / 10 * 1rem);
  }
  [data-gap~="xl:7"] {
    gap: calc((4 * 7) / 10 * 1rem);
  }
  [data-gap~="xl:x-7"] {
    -moz-column-gap: calc((4 * 7) / 10 * 1rem);
         column-gap: calc((4 * 7) / 10 * 1rem);
  }
  [data-gap~="xl:y-7"] {
    row-gap: calc((4 * 7) / 10 * 1rem);
  }
  [data-gap~="xl:8"] {
    gap: calc((4 * 8) / 10 * 1rem);
  }
  [data-gap~="xl:x-8"] {
    -moz-column-gap: calc((4 * 8) / 10 * 1rem);
         column-gap: calc((4 * 8) / 10 * 1rem);
  }
  [data-gap~="xl:y-8"] {
    row-gap: calc((4 * 8) / 10 * 1rem);
  }
  [data-gap~="xl:9"] {
    gap: calc((4 * 9) / 10 * 1rem);
  }
  [data-gap~="xl:x-9"] {
    -moz-column-gap: calc((4 * 9) / 10 * 1rem);
         column-gap: calc((4 * 9) / 10 * 1rem);
  }
  [data-gap~="xl:y-9"] {
    row-gap: calc((4 * 9) / 10 * 1rem);
  }
  [data-gap~="xl:10"] {
    gap: calc((4 * 10) / 10 * 1rem);
  }
  [data-gap~="xl:x-10"] {
    -moz-column-gap: calc((4 * 10) / 10 * 1rem);
         column-gap: calc((4 * 10) / 10 * 1rem);
  }
  [data-gap~="xl:y-10"] {
    row-gap: calc((4 * 10) / 10 * 1rem);
  }
  [data-gap~="xl:11"] {
    gap: calc((4 * 11) / 10 * 1rem);
  }
  [data-gap~="xl:x-11"] {
    -moz-column-gap: calc((4 * 11) / 10 * 1rem);
         column-gap: calc((4 * 11) / 10 * 1rem);
  }
  [data-gap~="xl:y-11"] {
    row-gap: calc((4 * 11) / 10 * 1rem);
  }
  [data-gap~="xl:12"] {
    gap: calc((4 * 12) / 10 * 1rem);
  }
  [data-gap~="xl:x-12"] {
    -moz-column-gap: calc((4 * 12) / 10 * 1rem);
         column-gap: calc((4 * 12) / 10 * 1rem);
  }
  [data-gap~="xl:y-12"] {
    row-gap: calc((4 * 12) / 10 * 1rem);
  }
  [data-gap~="xl:13"] {
    gap: calc((4 * 13) / 10 * 1rem);
  }
  [data-gap~="xl:x-13"] {
    -moz-column-gap: calc((4 * 13) / 10 * 1rem);
         column-gap: calc((4 * 13) / 10 * 1rem);
  }
  [data-gap~="xl:y-13"] {
    row-gap: calc((4 * 13) / 10 * 1rem);
  }
  [data-gap~="xl:14"] {
    gap: calc((4 * 14) / 10 * 1rem);
  }
  [data-gap~="xl:x-14"] {
    -moz-column-gap: calc((4 * 14) / 10 * 1rem);
         column-gap: calc((4 * 14) / 10 * 1rem);
  }
  [data-gap~="xl:y-14"] {
    row-gap: calc((4 * 14) / 10 * 1rem);
  }
  [data-gap~="xl:15"] {
    gap: calc((4 * 15) / 10 * 1rem);
  }
  [data-gap~="xl:x-15"] {
    -moz-column-gap: calc((4 * 15) / 10 * 1rem);
         column-gap: calc((4 * 15) / 10 * 1rem);
  }
  [data-gap~="xl:y-15"] {
    row-gap: calc((4 * 15) / 10 * 1rem);
  }
  [data-gap~="xl:16"] {
    gap: calc((4 * 16) / 10 * 1rem);
  }
  [data-gap~="xl:x-16"] {
    -moz-column-gap: calc((4 * 16) / 10 * 1rem);
         column-gap: calc((4 * 16) / 10 * 1rem);
  }
  [data-gap~="xl:y-16"] {
    row-gap: calc((4 * 16) / 10 * 1rem);
  }
  [data-gap~="xl:17"] {
    gap: calc((4 * 17) / 10 * 1rem);
  }
  [data-gap~="xl:x-17"] {
    -moz-column-gap: calc((4 * 17) / 10 * 1rem);
         column-gap: calc((4 * 17) / 10 * 1rem);
  }
  [data-gap~="xl:y-17"] {
    row-gap: calc((4 * 17) / 10 * 1rem);
  }
  [data-gap~="xl:18"] {
    gap: calc((4 * 18) / 10 * 1rem);
  }
  [data-gap~="xl:x-18"] {
    -moz-column-gap: calc((4 * 18) / 10 * 1rem);
         column-gap: calc((4 * 18) / 10 * 1rem);
  }
  [data-gap~="xl:y-18"] {
    row-gap: calc((4 * 18) / 10 * 1rem);
  }
  [data-gap~="xl:19"] {
    gap: calc((4 * 19) / 10 * 1rem);
  }
  [data-gap~="xl:x-19"] {
    -moz-column-gap: calc((4 * 19) / 10 * 1rem);
         column-gap: calc((4 * 19) / 10 * 1rem);
  }
  [data-gap~="xl:y-19"] {
    row-gap: calc((4 * 19) / 10 * 1rem);
  }
  [data-gap~="xl:20"] {
    gap: calc((4 * 20) / 10 * 1rem);
  }
  [data-gap~="xl:x-20"] {
    -moz-column-gap: calc((4 * 20) / 10 * 1rem);
         column-gap: calc((4 * 20) / 10 * 1rem);
  }
  [data-gap~="xl:y-20"] {
    row-gap: calc((4 * 20) / 10 * 1rem);
  }
  [data-gap~="xl:21"] {
    gap: calc((4 * 21) / 10 * 1rem);
  }
  [data-gap~="xl:x-21"] {
    -moz-column-gap: calc((4 * 21) / 10 * 1rem);
         column-gap: calc((4 * 21) / 10 * 1rem);
  }
  [data-gap~="xl:y-21"] {
    row-gap: calc((4 * 21) / 10 * 1rem);
  }
  [data-gap~="xl:22"] {
    gap: calc((4 * 22) / 10 * 1rem);
  }
  [data-gap~="xl:x-22"] {
    -moz-column-gap: calc((4 * 22) / 10 * 1rem);
         column-gap: calc((4 * 22) / 10 * 1rem);
  }
  [data-gap~="xl:y-22"] {
    row-gap: calc((4 * 22) / 10 * 1rem);
  }
  [data-gap~="xl:23"] {
    gap: calc((4 * 23) / 10 * 1rem);
  }
  [data-gap~="xl:x-23"] {
    -moz-column-gap: calc((4 * 23) / 10 * 1rem);
         column-gap: calc((4 * 23) / 10 * 1rem);
  }
  [data-gap~="xl:y-23"] {
    row-gap: calc((4 * 23) / 10 * 1rem);
  }
  [data-gap~="xl:24"] {
    gap: calc((4 * 24) / 10 * 1rem);
  }
  [data-gap~="xl:x-24"] {
    -moz-column-gap: calc((4 * 24) / 10 * 1rem);
         column-gap: calc((4 * 24) / 10 * 1rem);
  }
  [data-gap~="xl:y-24"] {
    row-gap: calc((4 * 24) / 10 * 1rem);
  }
  [data-gap~="xl:25"] {
    gap: calc((4 * 25) / 10 * 1rem);
  }
  [data-gap~="xl:x-25"] {
    -moz-column-gap: calc((4 * 25) / 10 * 1rem);
         column-gap: calc((4 * 25) / 10 * 1rem);
  }
  [data-gap~="xl:y-25"] {
    row-gap: calc((4 * 25) / 10 * 1rem);
  }
  [data-gap~="xl:26"] {
    gap: calc((4 * 26) / 10 * 1rem);
  }
  [data-gap~="xl:x-26"] {
    -moz-column-gap: calc((4 * 26) / 10 * 1rem);
         column-gap: calc((4 * 26) / 10 * 1rem);
  }
  [data-gap~="xl:y-26"] {
    row-gap: calc((4 * 26) / 10 * 1rem);
  }
  [data-gap~="xl:27"] {
    gap: calc((4 * 27) / 10 * 1rem);
  }
  [data-gap~="xl:x-27"] {
    -moz-column-gap: calc((4 * 27) / 10 * 1rem);
         column-gap: calc((4 * 27) / 10 * 1rem);
  }
  [data-gap~="xl:y-27"] {
    row-gap: calc((4 * 27) / 10 * 1rem);
  }
  [data-gap~="xl:28"] {
    gap: calc((4 * 28) / 10 * 1rem);
  }
  [data-gap~="xl:x-28"] {
    -moz-column-gap: calc((4 * 28) / 10 * 1rem);
         column-gap: calc((4 * 28) / 10 * 1rem);
  }
  [data-gap~="xl:y-28"] {
    row-gap: calc((4 * 28) / 10 * 1rem);
  }
  [data-gap~="xl:29"] {
    gap: calc((4 * 29) / 10 * 1rem);
  }
  [data-gap~="xl:x-29"] {
    -moz-column-gap: calc((4 * 29) / 10 * 1rem);
         column-gap: calc((4 * 29) / 10 * 1rem);
  }
  [data-gap~="xl:y-29"] {
    row-gap: calc((4 * 29) / 10 * 1rem);
  }
  [data-gap~="xl:30"] {
    gap: calc((4 * 30) / 10 * 1rem);
  }
  [data-gap~="xl:x-30"] {
    -moz-column-gap: calc((4 * 30) / 10 * 1rem);
         column-gap: calc((4 * 30) / 10 * 1rem);
  }
  [data-gap~="xl:y-30"] {
    row-gap: calc((4 * 30) / 10 * 1rem);
  }
  [data-gap~="xl:31"] {
    gap: calc((4 * 31) / 10 * 1rem);
  }
  [data-gap~="xl:x-31"] {
    -moz-column-gap: calc((4 * 31) / 10 * 1rem);
         column-gap: calc((4 * 31) / 10 * 1rem);
  }
  [data-gap~="xl:y-31"] {
    row-gap: calc((4 * 31) / 10 * 1rem);
  }
  [data-gap~="xl:32"] {
    gap: calc((4 * 32) / 10 * 1rem);
  }
  [data-gap~="xl:x-32"] {
    -moz-column-gap: calc((4 * 32) / 10 * 1rem);
         column-gap: calc((4 * 32) / 10 * 1rem);
  }
  [data-gap~="xl:y-32"] {
    row-gap: calc((4 * 32) / 10 * 1rem);
  }
  [data-gap~="xl:33"] {
    gap: calc((4 * 33) / 10 * 1rem);
  }
  [data-gap~="xl:x-33"] {
    -moz-column-gap: calc((4 * 33) / 10 * 1rem);
         column-gap: calc((4 * 33) / 10 * 1rem);
  }
  [data-gap~="xl:y-33"] {
    row-gap: calc((4 * 33) / 10 * 1rem);
  }
  [data-gap~="xl:34"] {
    gap: calc((4 * 34) / 10 * 1rem);
  }
  [data-gap~="xl:x-34"] {
    -moz-column-gap: calc((4 * 34) / 10 * 1rem);
         column-gap: calc((4 * 34) / 10 * 1rem);
  }
  [data-gap~="xl:y-34"] {
    row-gap: calc((4 * 34) / 10 * 1rem);
  }
  [data-gap~="xl:35"] {
    gap: calc((4 * 35) / 10 * 1rem);
  }
  [data-gap~="xl:x-35"] {
    -moz-column-gap: calc((4 * 35) / 10 * 1rem);
         column-gap: calc((4 * 35) / 10 * 1rem);
  }
  [data-gap~="xl:y-35"] {
    row-gap: calc((4 * 35) / 10 * 1rem);
  }
  [data-gap~="xl:36"] {
    gap: calc((4 * 36) / 10 * 1rem);
  }
  [data-gap~="xl:x-36"] {
    -moz-column-gap: calc((4 * 36) / 10 * 1rem);
         column-gap: calc((4 * 36) / 10 * 1rem);
  }
  [data-gap~="xl:y-36"] {
    row-gap: calc((4 * 36) / 10 * 1rem);
  }
  [data-gap~="xl:37"] {
    gap: calc((4 * 37) / 10 * 1rem);
  }
  [data-gap~="xl:x-37"] {
    -moz-column-gap: calc((4 * 37) / 10 * 1rem);
         column-gap: calc((4 * 37) / 10 * 1rem);
  }
  [data-gap~="xl:y-37"] {
    row-gap: calc((4 * 37) / 10 * 1rem);
  }
  [data-gap~="xl:38"] {
    gap: calc((4 * 38) / 10 * 1rem);
  }
  [data-gap~="xl:x-38"] {
    -moz-column-gap: calc((4 * 38) / 10 * 1rem);
         column-gap: calc((4 * 38) / 10 * 1rem);
  }
  [data-gap~="xl:y-38"] {
    row-gap: calc((4 * 38) / 10 * 1rem);
  }
  [data-gap~="xl:39"] {
    gap: calc((4 * 39) / 10 * 1rem);
  }
  [data-gap~="xl:x-39"] {
    -moz-column-gap: calc((4 * 39) / 10 * 1rem);
         column-gap: calc((4 * 39) / 10 * 1rem);
  }
  [data-gap~="xl:y-39"] {
    row-gap: calc((4 * 39) / 10 * 1rem);
  }
  [data-gap~="xl:40"] {
    gap: calc((4 * 40) / 10 * 1rem);
  }
  [data-gap~="xl:x-40"] {
    -moz-column-gap: calc((4 * 40) / 10 * 1rem);
         column-gap: calc((4 * 40) / 10 * 1rem);
  }
  [data-gap~="xl:y-40"] {
    row-gap: calc((4 * 40) / 10 * 1rem);
  }
  [data-gap~="xl:41"] {
    gap: calc((4 * 41) / 10 * 1rem);
  }
  [data-gap~="xl:x-41"] {
    -moz-column-gap: calc((4 * 41) / 10 * 1rem);
         column-gap: calc((4 * 41) / 10 * 1rem);
  }
  [data-gap~="xl:y-41"] {
    row-gap: calc((4 * 41) / 10 * 1rem);
  }
  [data-gap~="xl:42"] {
    gap: calc((4 * 42) / 10 * 1rem);
  }
  [data-gap~="xl:x-42"] {
    -moz-column-gap: calc((4 * 42) / 10 * 1rem);
         column-gap: calc((4 * 42) / 10 * 1rem);
  }
  [data-gap~="xl:y-42"] {
    row-gap: calc((4 * 42) / 10 * 1rem);
  }
  [data-gap~="xl:43"] {
    gap: calc((4 * 43) / 10 * 1rem);
  }
  [data-gap~="xl:x-43"] {
    -moz-column-gap: calc((4 * 43) / 10 * 1rem);
         column-gap: calc((4 * 43) / 10 * 1rem);
  }
  [data-gap~="xl:y-43"] {
    row-gap: calc((4 * 43) / 10 * 1rem);
  }
  [data-gap~="xl:44"] {
    gap: calc((4 * 44) / 10 * 1rem);
  }
  [data-gap~="xl:x-44"] {
    -moz-column-gap: calc((4 * 44) / 10 * 1rem);
         column-gap: calc((4 * 44) / 10 * 1rem);
  }
  [data-gap~="xl:y-44"] {
    row-gap: calc((4 * 44) / 10 * 1rem);
  }
  [data-gap~="xl:45"] {
    gap: calc((4 * 45) / 10 * 1rem);
  }
  [data-gap~="xl:x-45"] {
    -moz-column-gap: calc((4 * 45) / 10 * 1rem);
         column-gap: calc((4 * 45) / 10 * 1rem);
  }
  [data-gap~="xl:y-45"] {
    row-gap: calc((4 * 45) / 10 * 1rem);
  }
  [data-gap~="xl:46"] {
    gap: calc((4 * 46) / 10 * 1rem);
  }
  [data-gap~="xl:x-46"] {
    -moz-column-gap: calc((4 * 46) / 10 * 1rem);
         column-gap: calc((4 * 46) / 10 * 1rem);
  }
  [data-gap~="xl:y-46"] {
    row-gap: calc((4 * 46) / 10 * 1rem);
  }
  [data-gap~="xl:47"] {
    gap: calc((4 * 47) / 10 * 1rem);
  }
  [data-gap~="xl:x-47"] {
    -moz-column-gap: calc((4 * 47) / 10 * 1rem);
         column-gap: calc((4 * 47) / 10 * 1rem);
  }
  [data-gap~="xl:y-47"] {
    row-gap: calc((4 * 47) / 10 * 1rem);
  }
  [data-gap~="xl:48"] {
    gap: calc((4 * 48) / 10 * 1rem);
  }
  [data-gap~="xl:x-48"] {
    -moz-column-gap: calc((4 * 48) / 10 * 1rem);
         column-gap: calc((4 * 48) / 10 * 1rem);
  }
  [data-gap~="xl:y-48"] {
    row-gap: calc((4 * 48) / 10 * 1rem);
  }
  [data-gap~="xl:49"] {
    gap: calc((4 * 49) / 10 * 1rem);
  }
  [data-gap~="xl:x-49"] {
    -moz-column-gap: calc((4 * 49) / 10 * 1rem);
         column-gap: calc((4 * 49) / 10 * 1rem);
  }
  [data-gap~="xl:y-49"] {
    row-gap: calc((4 * 49) / 10 * 1rem);
  }
  [data-gap~="xl:50"] {
    gap: calc((4 * 50) / 10 * 1rem);
  }
  [data-gap~="xl:x-50"] {
    -moz-column-gap: calc((4 * 50) / 10 * 1rem);
         column-gap: calc((4 * 50) / 10 * 1rem);
  }
  [data-gap~="xl:y-50"] {
    row-gap: calc((4 * 50) / 10 * 1rem);
  }
  [data-grid~="xl:cols-1"] {
    -ms-grid-columns: (minmax(0, 1fr))[1];
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  [data-grid~="xl:cols-2"] {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  [data-grid~="xl:cols-3"] {
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  [data-grid~="xl:cols-4"] {
    -ms-grid-columns: (minmax(0, 1fr))[4];
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  [data-grid~="xl:cols-5"] {
    -ms-grid-columns: (minmax(0, 1fr))[5];
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  [data-grid~="xl:cols-6"] {
    -ms-grid-columns: (minmax(0, 1fr))[6];
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  [data-grid~="xl:cols-7"] {
    -ms-grid-columns: (minmax(0, 1fr))[7];
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  [data-grid~="xl:cols-8"] {
    -ms-grid-columns: (minmax(0, 1fr))[8];
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  [data-grid~="xl:cols-9"] {
    -ms-grid-columns: (minmax(0, 1fr))[9];
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  [data-grid~="xl:cols-10"] {
    -ms-grid-columns: (minmax(0, 1fr))[10];
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  [data-grid~="xl:cols-11"] {
    -ms-grid-columns: (minmax(0, 1fr))[11];
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  [data-grid~="xl:cols-12"] {
    -ms-grid-columns: (minmax(0, 1fr))[12];
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  [data-grid-item~="xl:col-span-1"] {
    -ms-grid-column-span: 1;
    -ms-grid-column: span 1;
        grid-column-start: span 1;
    grid-column-end: span 1;
  }
  [data-grid-item~="xl:col-start-1"] {
    -ms-grid-column: 1;
        grid-column-start: 1;
  }
  [data-grid-item~="xl:col-end-1"] {
    -ms-grid-column-span: 1;
    grid-column-end: 1;
  }
  [data-grid-item~="xl:col-span-2"] {
    -ms-grid-column-span: 2;
    -ms-grid-column: span 2;
        grid-column-start: span 2;
    grid-column-end: span 2;
  }
  [data-grid-item~="xl:col-start-2"] {
    -ms-grid-column: 2;
        grid-column-start: 2;
  }
  [data-grid-item~="xl:col-end-2"] {
    -ms-grid-column-span: 2;
    grid-column-end: 2;
  }
  [data-grid-item~="xl:col-span-3"] {
    -ms-grid-column-span: 3;
    -ms-grid-column: span 3;
        grid-column-start: span 3;
    grid-column-end: span 3;
  }
  [data-grid-item~="xl:col-start-3"] {
    -ms-grid-column: 3;
        grid-column-start: 3;
  }
  [data-grid-item~="xl:col-end-3"] {
    -ms-grid-column-span: 3;
    grid-column-end: 3;
  }
  [data-grid-item~="xl:col-span-4"] {
    -ms-grid-column-span: 4;
    -ms-grid-column: span 4;
        grid-column-start: span 4;
    grid-column-end: span 4;
  }
  [data-grid-item~="xl:col-start-4"] {
    -ms-grid-column: 4;
        grid-column-start: 4;
  }
  [data-grid-item~="xl:col-end-4"] {
    -ms-grid-column-span: 4;
    grid-column-end: 4;
  }
  [data-grid-item~="xl:col-span-5"] {
    -ms-grid-column-span: 5;
    -ms-grid-column: span 5;
        grid-column-start: span 5;
    grid-column-end: span 5;
  }
  [data-grid-item~="xl:col-start-5"] {
    -ms-grid-column: 5;
        grid-column-start: 5;
  }
  [data-grid-item~="xl:col-end-5"] {
    -ms-grid-column-span: 5;
    grid-column-end: 5;
  }
  [data-grid-item~="xl:col-span-6"] {
    -ms-grid-column-span: 6;
    -ms-grid-column: span 6;
        grid-column-start: span 6;
    grid-column-end: span 6;
  }
  [data-grid-item~="xl:col-start-6"] {
    -ms-grid-column: 6;
        grid-column-start: 6;
  }
  [data-grid-item~="xl:col-end-6"] {
    -ms-grid-column-span: 6;
    grid-column-end: 6;
  }
  [data-grid-item~="xl:col-span-7"] {
    -ms-grid-column-span: 7;
    -ms-grid-column: span 7;
        grid-column-start: span 7;
    grid-column-end: span 7;
  }
  [data-grid-item~="xl:col-start-7"] {
    -ms-grid-column: 7;
        grid-column-start: 7;
  }
  [data-grid-item~="xl:col-end-7"] {
    -ms-grid-column-span: 7;
    grid-column-end: 7;
  }
  [data-grid-item~="xl:col-span-8"] {
    -ms-grid-column-span: 8;
    -ms-grid-column: span 8;
        grid-column-start: span 8;
    grid-column-end: span 8;
  }
  [data-grid-item~="xl:col-start-8"] {
    -ms-grid-column: 8;
        grid-column-start: 8;
  }
  [data-grid-item~="xl:col-end-8"] {
    -ms-grid-column-span: 8;
    grid-column-end: 8;
  }
  [data-grid-item~="xl:col-span-9"] {
    -ms-grid-column-span: 9;
    -ms-grid-column: span 9;
        grid-column-start: span 9;
    grid-column-end: span 9;
  }
  [data-grid-item~="xl:col-start-9"] {
    -ms-grid-column: 9;
        grid-column-start: 9;
  }
  [data-grid-item~="xl:col-end-9"] {
    -ms-grid-column-span: 9;
    grid-column-end: 9;
  }
  [data-grid-item~="xl:col-span-10"] {
    -ms-grid-column-span: 10;
    -ms-grid-column: span 10;
        grid-column-start: span 10;
    grid-column-end: span 10;
  }
  [data-grid-item~="xl:col-start-10"] {
    -ms-grid-column: 10;
        grid-column-start: 10;
  }
  [data-grid-item~="xl:col-end-10"] {
    -ms-grid-column-span: 10;
    grid-column-end: 10;
  }
  [data-grid-item~="xl:col-span-11"] {
    -ms-grid-column-span: 11;
    -ms-grid-column: span 11;
        grid-column-start: span 11;
    grid-column-end: span 11;
  }
  [data-grid-item~="xl:col-start-11"] {
    -ms-grid-column: 11;
        grid-column-start: 11;
  }
  [data-grid-item~="xl:col-end-11"] {
    -ms-grid-column-span: 11;
    grid-column-end: 11;
  }
  [data-grid-item~="xl:col-span-12"] {
    -ms-grid-column-span: 12;
    -ms-grid-column: span 12;
        grid-column-start: span 12;
    grid-column-end: span 12;
  }
  [data-grid-item~="xl:col-start-12"] {
    -ms-grid-column: 12;
        grid-column-start: 12;
  }
  [data-grid-item~="xl:col-end-12"] {
    -ms-grid-column-span: 12;
    grid-column-end: 12;
  }
  [data-grid-item~="xl:col-auto"] {
    -ms-grid-column-span: NaN;
    -ms-grid-column: auto;
        grid-column-start: auto;
    grid-column-end: auto;
  }
  [data-grid-item~="xl:col-full"] {
    -ms-grid-column-span: -2;
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: -1;
  }
  [data-grid-item~="xl:col-start-auto"] {
    -ms-grid-column: auto;
        grid-column-start: auto;
  }
  [data-grid-item~="xl:col-end-auto"] {
    -ms-grid-column-span: auto;
    grid-column-end: auto;
  }
  [data-grid~="xl:rows-1"] {
    -ms-grid-rows: (minmax(0, 1fr))[1];
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  [data-grid~="xl:rows-2"] {
    -ms-grid-rows: (minmax(0, 1fr))[2];
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  [data-grid~="xl:rows-3"] {
    -ms-grid-rows: (minmax(0, 1fr))[3];
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  [data-grid~="xl:rows-4"] {
    -ms-grid-rows: (minmax(0, 1fr))[4];
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  [data-grid~="xl:rows-5"] {
    -ms-grid-rows: (minmax(0, 1fr))[5];
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  [data-grid~="xl:rows-6"] {
    -ms-grid-rows: (minmax(0, 1fr))[6];
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  [data-grid-item~="xl:row-span-1"] {
    -ms-grid-row-span: 1;
    -ms-grid-row: span 1;
        grid-row-start: span 1;
    grid-row-end: span 1;
  }
  [data-grid-item~="xl:row-start-1"] {
    -ms-grid-row: 1;
        grid-row-start: 1;
  }
  [data-grid-item~="xl:row-end-1"] {
    -ms-grid-row-span: 1;
    grid-row-end: 1;
  }
  [data-grid-item~="xl:row-span-2"] {
    -ms-grid-row-span: 2;
    -ms-grid-row: span 2;
        grid-row-start: span 2;
    grid-row-end: span 2;
  }
  [data-grid-item~="xl:row-start-2"] {
    -ms-grid-row: 2;
        grid-row-start: 2;
  }
  [data-grid-item~="xl:row-end-2"] {
    -ms-grid-row-span: 2;
    grid-row-end: 2;
  }
  [data-grid-item~="xl:row-span-3"] {
    -ms-grid-row-span: 3;
    -ms-grid-row: span 3;
        grid-row-start: span 3;
    grid-row-end: span 3;
  }
  [data-grid-item~="xl:row-start-3"] {
    -ms-grid-row: 3;
        grid-row-start: 3;
  }
  [data-grid-item~="xl:row-end-3"] {
    -ms-grid-row-span: 3;
    grid-row-end: 3;
  }
  [data-grid-item~="xl:row-span-4"] {
    -ms-grid-row-span: 4;
    -ms-grid-row: span 4;
        grid-row-start: span 4;
    grid-row-end: span 4;
  }
  [data-grid-item~="xl:row-start-4"] {
    -ms-grid-row: 4;
        grid-row-start: 4;
  }
  [data-grid-item~="xl:row-end-4"] {
    -ms-grid-row-span: 4;
    grid-row-end: 4;
  }
  [data-grid-item~="xl:row-span-5"] {
    -ms-grid-row-span: 5;
    -ms-grid-row: span 5;
        grid-row-start: span 5;
    grid-row-end: span 5;
  }
  [data-grid-item~="xl:row-start-5"] {
    -ms-grid-row: 5;
        grid-row-start: 5;
  }
  [data-grid-item~="xl:row-end-5"] {
    -ms-grid-row-span: 5;
    grid-row-end: 5;
  }
  [data-grid-item~="xl:row-span-6"] {
    -ms-grid-row-span: 6;
    -ms-grid-row: span 6;
        grid-row-start: span 6;
    grid-row-end: span 6;
  }
  [data-grid-item~="xl:row-start-6"] {
    -ms-grid-row: 6;
        grid-row-start: 6;
  }
  [data-grid-item~="xl:row-end-6"] {
    -ms-grid-row-span: 6;
    grid-row-end: 6;
  }
  [data-grid-item~="xl:row-auto"] {
    -ms-grid-row-span: NaN;
    -ms-grid-row: auto;
        grid-row-start: auto;
    grid-row-end: auto;
  }
  [data-grid-item~="xl:row-full"] {
    -ms-grid-row-span: -2;
    -ms-grid-row: 1;
        grid-row-start: 1;
    grid-row-end: -1;
  }
  [data-grid-item~="xl:row-start-auto"] {
    -ms-grid-row: auto;
        grid-row-start: auto;
  }
  [data-grid-item~="xl:row-end-auto"] {
    -ms-grid-row-span: auto;
    grid-row-end: auto;
  }
  .l-header__inner {
    height: 104px;
  }
  .l-header__nav {
    gap: 2em;
  }
  .l-header-menu {
    gap: 2em;
  }
  [data-order~="xl:0"] {
    order: 0;
  }
  [data-order~="xl:-1"] {
    order: calc(1 * -1);
  }
  [data-order~="xl:1"] {
    order: 1;
  }
  [data-order~="xl:-2"] {
    order: calc(2 * -1);
  }
  [data-order~="xl:2"] {
    order: 2;
  }
  [data-order~="xl:-3"] {
    order: calc(3 * -1);
  }
  [data-order~="xl:3"] {
    order: 3;
  }
  [data-order~="xl:-4"] {
    order: calc(4 * -1);
  }
  [data-order~="xl:4"] {
    order: 4;
  }
  [data-place~="xl:start"] {
    justify-content: flex-start;
  }
  [data-place~="xl:center"] {
    justify-content: center;
  }
  [data-place~="xl:end"] {
    justify-content: flex-end;
  }
  [data-place~="xl:between"] {
    justify-content: space-between;
  }
  [data-place~="xl:first"] {
    align-items: flex-start;
  }
  [data-place~="xl:middle"] {
    align-items: center;
  }
  [data-place~="xl:last"] {
    align-items: flex-end;
  }
  [data-place~="xl:stretch"] {
    align-items: stretch;
  }
  [data-place~="xl:+start"] {
    align-content: flex-start;
    justify-content: flex-start;
  }
  [data-place~="xl:+center"] {
    align-content: center;
    justify-content: center;
  }
  [data-place~="xl:+end"] {
    align-content: flex-end;
    justify-content: flex-end;
  }
  [data-place~="xl:+between"] {
    align-content: space-between;
    justify-content: space-between;
  }
  [data-place~="xl:+first"] {
    align-items: flex-start;
    justify-items: flex-start;
  }
  [data-place~="xl:+middle"] {
    align-items: center;
    justify-items: center;
  }
  [data-place~="xl:+last"] {
    align-items: flex-end;
    justify-items: flex-end;
  }
  [data-place~="xl:+stretch"] {
    align-items: stretch;
    justify-items: stretch;
  }
  .l-spacer {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .l-spacer.-xxs {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .l-spacer.-xs {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .l-spacer.-sm {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .l-spacer.-lg {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
  .l-spacer.-xl {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }
  .l-spacer.-xxl {
    padding-top: 18rem;
    padding-bottom: 18rem;
  }
  .p-cta__email a {
    width: 148px;
  }
  .p-cta__email a span.arrow {
    width: 56px;
  }
  .p-cta__email a span.arrow::before {
    height: 6px;
  }
  .p-cta__email a span.arrow::after {
    width: 32px;
    height: 32px;
    border-top: 6px solid #0099f9;
    border-right: 6px solid #0099f9;
  }
  .p-home-about {
    padding: 16rem 5%;
  }
  .p-home-service {
    padding: 16rem 5%;
  }
  .p-organization__inner {
    padding: 12rem 0 16rem;
  }
  .p-access__inner {
    padding: 12rem 0 16rem;
  }
  .p-privacy-nav {
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 12rem;
  }
  .wp-pagenavi {
    margin-top: 12rem;
  }
  .u-mt-xxxs {
    margin-top: 1rem;
  }
  .u-mt-xxs {
    margin-top: 2rem;
  }
  .u-mt-xs {
    margin-top: 4rem;
  }
  .u-mt-sm {
    margin-top: 6rem;
  }
  .u-mt-md {
    margin-top: 8rem;
  }
  .u-mt-lg {
    margin-top: 10rem;
  }
  .u-mt-xl {
    margin-top: 12rem;
  }
  .u-mt-xxl {
    margin-top: 16rem;
  }
  .u-mt-xxxl {
    margin-top: 20rem;
  }
  .u-mb-xxxs {
    margin-bottom: 1rem;
  }
  .u-mb-xxs {
    margin-bottom: 2rem;
  }
  .u-mb-xs {
    margin-bottom: 4rem;
  }
  .u-mb-sm {
    margin-bottom: 6rem;
  }
  .u-mb-md {
    margin-bottom: 8rem;
  }
  .u-mb-lg {
    margin-bottom: 10rem;
  }
  .u-mb-xl {
    margin-bottom: 12rem;
  }
  .u-mb-xxl {
    margin-bottom: 16rem;
  }
  .u-mb-xxxl {
    margin-bottom: 20rem;
  }
}
@media screen and (min-width: 1280px) {
  .l-spacer[class][data-space~="xl:reset"] {
    padding: 0;
  }
  .l-spacer[class][data-space~="xl:resetTop"] {
    padding-top: 0;
  }
  .l-spacer[class][data-space~="xl:resetBottom"] {
    padding-bottom: 0;
  }
  .l-spacer[class][data-space-py~="xl:0"] {
    padding-top: calc((4 * 0) / 10 * 1rem);
    padding-bottom: calc((4 * 0) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:0"] {
    padding-top: calc((4 * 0) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:0"] {
    padding-bottom: calc((4 * 0) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:1"] {
    padding-top: calc((4 * 1) / 10 * 1rem);
    padding-bottom: calc((4 * 1) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:1"] {
    padding-top: calc((4 * 1) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:1"] {
    padding-bottom: calc((4 * 1) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:2"] {
    padding-top: calc((4 * 2) / 10 * 1rem);
    padding-bottom: calc((4 * 2) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:2"] {
    padding-top: calc((4 * 2) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:2"] {
    padding-bottom: calc((4 * 2) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:3"] {
    padding-top: calc((4 * 3) / 10 * 1rem);
    padding-bottom: calc((4 * 3) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:3"] {
    padding-top: calc((4 * 3) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:3"] {
    padding-bottom: calc((4 * 3) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:4"] {
    padding-top: calc((4 * 4) / 10 * 1rem);
    padding-bottom: calc((4 * 4) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:4"] {
    padding-top: calc((4 * 4) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:4"] {
    padding-bottom: calc((4 * 4) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:5"] {
    padding-top: calc((4 * 5) / 10 * 1rem);
    padding-bottom: calc((4 * 5) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:5"] {
    padding-top: calc((4 * 5) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:5"] {
    padding-bottom: calc((4 * 5) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:6"] {
    padding-top: calc((4 * 6) / 10 * 1rem);
    padding-bottom: calc((4 * 6) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:6"] {
    padding-top: calc((4 * 6) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:6"] {
    padding-bottom: calc((4 * 6) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:7"] {
    padding-top: calc((4 * 7) / 10 * 1rem);
    padding-bottom: calc((4 * 7) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:7"] {
    padding-top: calc((4 * 7) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:7"] {
    padding-bottom: calc((4 * 7) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:8"] {
    padding-top: calc((4 * 8) / 10 * 1rem);
    padding-bottom: calc((4 * 8) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:8"] {
    padding-top: calc((4 * 8) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:8"] {
    padding-bottom: calc((4 * 8) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:9"] {
    padding-top: calc((4 * 9) / 10 * 1rem);
    padding-bottom: calc((4 * 9) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:9"] {
    padding-top: calc((4 * 9) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:9"] {
    padding-bottom: calc((4 * 9) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:10"] {
    padding-top: calc((4 * 10) / 10 * 1rem);
    padding-bottom: calc((4 * 10) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:10"] {
    padding-top: calc((4 * 10) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:10"] {
    padding-bottom: calc((4 * 10) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:11"] {
    padding-top: calc((4 * 11) / 10 * 1rem);
    padding-bottom: calc((4 * 11) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:11"] {
    padding-top: calc((4 * 11) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:11"] {
    padding-bottom: calc((4 * 11) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:12"] {
    padding-top: calc((4 * 12) / 10 * 1rem);
    padding-bottom: calc((4 * 12) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:12"] {
    padding-top: calc((4 * 12) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:12"] {
    padding-bottom: calc((4 * 12) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:13"] {
    padding-top: calc((4 * 13) / 10 * 1rem);
    padding-bottom: calc((4 * 13) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:13"] {
    padding-top: calc((4 * 13) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:13"] {
    padding-bottom: calc((4 * 13) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:14"] {
    padding-top: calc((4 * 14) / 10 * 1rem);
    padding-bottom: calc((4 * 14) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:14"] {
    padding-top: calc((4 * 14) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:14"] {
    padding-bottom: calc((4 * 14) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:15"] {
    padding-top: calc((4 * 15) / 10 * 1rem);
    padding-bottom: calc((4 * 15) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:15"] {
    padding-top: calc((4 * 15) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:15"] {
    padding-bottom: calc((4 * 15) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:16"] {
    padding-top: calc((4 * 16) / 10 * 1rem);
    padding-bottom: calc((4 * 16) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:16"] {
    padding-top: calc((4 * 16) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:16"] {
    padding-bottom: calc((4 * 16) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:17"] {
    padding-top: calc((4 * 17) / 10 * 1rem);
    padding-bottom: calc((4 * 17) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:17"] {
    padding-top: calc((4 * 17) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:17"] {
    padding-bottom: calc((4 * 17) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:18"] {
    padding-top: calc((4 * 18) / 10 * 1rem);
    padding-bottom: calc((4 * 18) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:18"] {
    padding-top: calc((4 * 18) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:18"] {
    padding-bottom: calc((4 * 18) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:19"] {
    padding-top: calc((4 * 19) / 10 * 1rem);
    padding-bottom: calc((4 * 19) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:19"] {
    padding-top: calc((4 * 19) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:19"] {
    padding-bottom: calc((4 * 19) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:20"] {
    padding-top: calc((4 * 20) / 10 * 1rem);
    padding-bottom: calc((4 * 20) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:20"] {
    padding-top: calc((4 * 20) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:20"] {
    padding-bottom: calc((4 * 20) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:21"] {
    padding-top: calc((4 * 21) / 10 * 1rem);
    padding-bottom: calc((4 * 21) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:21"] {
    padding-top: calc((4 * 21) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:21"] {
    padding-bottom: calc((4 * 21) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:22"] {
    padding-top: calc((4 * 22) / 10 * 1rem);
    padding-bottom: calc((4 * 22) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:22"] {
    padding-top: calc((4 * 22) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:22"] {
    padding-bottom: calc((4 * 22) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:23"] {
    padding-top: calc((4 * 23) / 10 * 1rem);
    padding-bottom: calc((4 * 23) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:23"] {
    padding-top: calc((4 * 23) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:23"] {
    padding-bottom: calc((4 * 23) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:24"] {
    padding-top: calc((4 * 24) / 10 * 1rem);
    padding-bottom: calc((4 * 24) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:24"] {
    padding-top: calc((4 * 24) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:24"] {
    padding-bottom: calc((4 * 24) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:25"] {
    padding-top: calc((4 * 25) / 10 * 1rem);
    padding-bottom: calc((4 * 25) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:25"] {
    padding-top: calc((4 * 25) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:25"] {
    padding-bottom: calc((4 * 25) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:26"] {
    padding-top: calc((4 * 26) / 10 * 1rem);
    padding-bottom: calc((4 * 26) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:26"] {
    padding-top: calc((4 * 26) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:26"] {
    padding-bottom: calc((4 * 26) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:27"] {
    padding-top: calc((4 * 27) / 10 * 1rem);
    padding-bottom: calc((4 * 27) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:27"] {
    padding-top: calc((4 * 27) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:27"] {
    padding-bottom: calc((4 * 27) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:28"] {
    padding-top: calc((4 * 28) / 10 * 1rem);
    padding-bottom: calc((4 * 28) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:28"] {
    padding-top: calc((4 * 28) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:28"] {
    padding-bottom: calc((4 * 28) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:29"] {
    padding-top: calc((4 * 29) / 10 * 1rem);
    padding-bottom: calc((4 * 29) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:29"] {
    padding-top: calc((4 * 29) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:29"] {
    padding-bottom: calc((4 * 29) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:30"] {
    padding-top: calc((4 * 30) / 10 * 1rem);
    padding-bottom: calc((4 * 30) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:30"] {
    padding-top: calc((4 * 30) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:30"] {
    padding-bottom: calc((4 * 30) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:31"] {
    padding-top: calc((4 * 31) / 10 * 1rem);
    padding-bottom: calc((4 * 31) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:31"] {
    padding-top: calc((4 * 31) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:31"] {
    padding-bottom: calc((4 * 31) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:32"] {
    padding-top: calc((4 * 32) / 10 * 1rem);
    padding-bottom: calc((4 * 32) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:32"] {
    padding-top: calc((4 * 32) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:32"] {
    padding-bottom: calc((4 * 32) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:33"] {
    padding-top: calc((4 * 33) / 10 * 1rem);
    padding-bottom: calc((4 * 33) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:33"] {
    padding-top: calc((4 * 33) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:33"] {
    padding-bottom: calc((4 * 33) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:34"] {
    padding-top: calc((4 * 34) / 10 * 1rem);
    padding-bottom: calc((4 * 34) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:34"] {
    padding-top: calc((4 * 34) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:34"] {
    padding-bottom: calc((4 * 34) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:35"] {
    padding-top: calc((4 * 35) / 10 * 1rem);
    padding-bottom: calc((4 * 35) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:35"] {
    padding-top: calc((4 * 35) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:35"] {
    padding-bottom: calc((4 * 35) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:36"] {
    padding-top: calc((4 * 36) / 10 * 1rem);
    padding-bottom: calc((4 * 36) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:36"] {
    padding-top: calc((4 * 36) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:36"] {
    padding-bottom: calc((4 * 36) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:37"] {
    padding-top: calc((4 * 37) / 10 * 1rem);
    padding-bottom: calc((4 * 37) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:37"] {
    padding-top: calc((4 * 37) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:37"] {
    padding-bottom: calc((4 * 37) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:38"] {
    padding-top: calc((4 * 38) / 10 * 1rem);
    padding-bottom: calc((4 * 38) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:38"] {
    padding-top: calc((4 * 38) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:38"] {
    padding-bottom: calc((4 * 38) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:39"] {
    padding-top: calc((4 * 39) / 10 * 1rem);
    padding-bottom: calc((4 * 39) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:39"] {
    padding-top: calc((4 * 39) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:39"] {
    padding-bottom: calc((4 * 39) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:40"] {
    padding-top: calc((4 * 40) / 10 * 1rem);
    padding-bottom: calc((4 * 40) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:40"] {
    padding-top: calc((4 * 40) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:40"] {
    padding-bottom: calc((4 * 40) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:41"] {
    padding-top: calc((4 * 41) / 10 * 1rem);
    padding-bottom: calc((4 * 41) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:41"] {
    padding-top: calc((4 * 41) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:41"] {
    padding-bottom: calc((4 * 41) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:42"] {
    padding-top: calc((4 * 42) / 10 * 1rem);
    padding-bottom: calc((4 * 42) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:42"] {
    padding-top: calc((4 * 42) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:42"] {
    padding-bottom: calc((4 * 42) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:43"] {
    padding-top: calc((4 * 43) / 10 * 1rem);
    padding-bottom: calc((4 * 43) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:43"] {
    padding-top: calc((4 * 43) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:43"] {
    padding-bottom: calc((4 * 43) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:44"] {
    padding-top: calc((4 * 44) / 10 * 1rem);
    padding-bottom: calc((4 * 44) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:44"] {
    padding-top: calc((4 * 44) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:44"] {
    padding-bottom: calc((4 * 44) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:45"] {
    padding-top: calc((4 * 45) / 10 * 1rem);
    padding-bottom: calc((4 * 45) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:45"] {
    padding-top: calc((4 * 45) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:45"] {
    padding-bottom: calc((4 * 45) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:46"] {
    padding-top: calc((4 * 46) / 10 * 1rem);
    padding-bottom: calc((4 * 46) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:46"] {
    padding-top: calc((4 * 46) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:46"] {
    padding-bottom: calc((4 * 46) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:47"] {
    padding-top: calc((4 * 47) / 10 * 1rem);
    padding-bottom: calc((4 * 47) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:47"] {
    padding-top: calc((4 * 47) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:47"] {
    padding-bottom: calc((4 * 47) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:48"] {
    padding-top: calc((4 * 48) / 10 * 1rem);
    padding-bottom: calc((4 * 48) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:48"] {
    padding-top: calc((4 * 48) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:48"] {
    padding-bottom: calc((4 * 48) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:49"] {
    padding-top: calc((4 * 49) / 10 * 1rem);
    padding-bottom: calc((4 * 49) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:49"] {
    padding-top: calc((4 * 49) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:49"] {
    padding-bottom: calc((4 * 49) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xl:50"] {
    padding-top: calc((4 * 50) / 10 * 1rem);
    padding-bottom: calc((4 * 50) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xl:50"] {
    padding-top: calc((4 * 50) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xl:50"] {
    padding-bottom: calc((4 * 50) / 10 * 1rem);
  }
  .u-ta[data-text-align~="xl:left"] {
    text-align: left;
  }
  .u-ta[data-text-align~="xl:center"] {
    text-align: center;
  }
  .u-ta[data-text-align~="xl:right"] {
    text-align: right;
  }
  .u-d[data-display~="xl:none"] {
    display: none;
  }
  .u-d[data-display~="xl:inline"] {
    display: inline;
  }
  .u-d[data-display~="xl:block"] {
    display: block;
  }
  .u-d[data-display~="xl:inline-block"] {
    display: inline-block;
  }
  .u-fz[data-font-size~="xl:10"] {
    font-size: 1rem;
  }
  .u-fz[data-font-size~="xl:11"] {
    font-size: 1.1rem;
  }
  .u-fz[data-font-size~="xl:12"] {
    font-size: 1.2rem;
  }
  .u-fz[data-font-size~="xl:13"] {
    font-size: 1.3rem;
  }
  .u-fz[data-font-size~="xl:14"] {
    font-size: 1.4rem;
  }
  .u-fz[data-font-size~="xl:15"] {
    font-size: 1.5rem;
  }
  .u-fz[data-font-size~="xl:16"] {
    font-size: 1.6rem;
  }
  .u-fz[data-font-size~="xl:17"] {
    font-size: 1.7rem;
  }
  .u-fz[data-font-size~="xl:18"] {
    font-size: 1.8rem;
  }
  .u-fz[data-font-size~="xl:19"] {
    font-size: 1.9rem;
  }
  .u-fz[data-font-size~="xl:20"] {
    font-size: 2rem;
  }
  .u-fz[data-font-size~="xl:21"] {
    font-size: 2.1rem;
  }
  .u-fz[data-font-size~="xl:22"] {
    font-size: 2.2rem;
  }
  .u-fz[data-font-size~="xl:23"] {
    font-size: 2.3rem;
  }
  .u-fz[data-font-size~="xl:24"] {
    font-size: 2.4rem;
  }
  .u-fz[data-font-size~="xl:25"] {
    font-size: 2.5rem;
  }
  .u-fz[data-font-size~="xl:26"] {
    font-size: 2.6rem;
  }
  .u-fz[data-font-size~="xl:27"] {
    font-size: 2.7rem;
  }
  .u-fz[data-font-size~="xl:28"] {
    font-size: 2.8rem;
  }
  .u-fz[data-font-size~="xl:29"] {
    font-size: 2.9rem;
  }
  .u-fz[data-font-size~="xl:30"] {
    font-size: 3rem;
  }
  .u-fz[data-font-size~="xl:31"] {
    font-size: 3.1rem;
  }
  .u-fz[data-font-size~="xl:32"] {
    font-size: 3.2rem;
  }
  .u-fz[data-font-size~="xl:33"] {
    font-size: 3.3rem;
  }
  .u-fz[data-font-size~="xl:34"] {
    font-size: 3.4rem;
  }
  .u-fz[data-font-size~="xl:35"] {
    font-size: 3.5rem;
  }
  .u-fz[data-font-size~="xl:36"] {
    font-size: 3.6rem;
  }
  .u-fz[data-font-size~="xl:37"] {
    font-size: 3.7rem;
  }
  .u-fz[data-font-size~="xl:38"] {
    font-size: 3.8rem;
  }
  .u-fz[data-font-size~="xl:39"] {
    font-size: 3.9rem;
  }
  .u-fz[data-font-size~="xl:40"] {
    font-size: 4rem;
  }
  .u-fz[data-font-size~="xl:41"] {
    font-size: 4.1rem;
  }
  .u-fz[data-font-size~="xl:42"] {
    font-size: 4.2rem;
  }
  .u-fz[data-font-size~="xl:43"] {
    font-size: 4.3rem;
  }
  .u-fz[data-font-size~="xl:44"] {
    font-size: 4.4rem;
  }
  .u-fz[data-font-size~="xl:45"] {
    font-size: 4.5rem;
  }
  .u-fz[data-font-size~="xl:46"] {
    font-size: 4.6rem;
  }
  .u-fz[data-font-size~="xl:47"] {
    font-size: 4.7rem;
  }
  .u-fz[data-font-size~="xl:48"] {
    font-size: 4.8rem;
  }
  .u-fz[data-font-size~="xl:49"] {
    font-size: 4.9rem;
  }
  .u-fz[data-font-size~="xl:50"] {
    font-size: 5rem;
  }
  .u-fz[data-font-size~="xl:51"] {
    font-size: 5.1rem;
  }
  .u-fz[data-font-size~="xl:52"] {
    font-size: 5.2rem;
  }
  .u-fz[data-font-size~="xl:53"] {
    font-size: 5.3rem;
  }
  .u-fz[data-font-size~="xl:54"] {
    font-size: 5.4rem;
  }
  .u-fz[data-font-size~="xl:55"] {
    font-size: 5.5rem;
  }
  .u-fz[data-font-size~="xl:56"] {
    font-size: 5.6rem;
  }
  .u-fz[data-font-size~="xl:57"] {
    font-size: 5.7rem;
  }
  .u-fz[data-font-size~="xl:58"] {
    font-size: 5.8rem;
  }
  .u-fz[data-font-size~="xl:59"] {
    font-size: 5.9rem;
  }
  .u-fz[data-font-size~="xl:60"] {
    font-size: 6rem;
  }
  .u-fz[data-font-size~="xl:61"] {
    font-size: 6.1rem;
  }
  .u-fz[data-font-size~="xl:62"] {
    font-size: 6.2rem;
  }
  .u-fz[data-font-size~="xl:63"] {
    font-size: 6.3rem;
  }
  .u-fz[data-font-size~="xl:64"] {
    font-size: 6.4rem;
  }
  .u-fz[data-font-size~="xl:65"] {
    font-size: 6.5rem;
  }
  .u-fz[data-font-size~="xl:66"] {
    font-size: 6.6rem;
  }
  .u-fz[data-font-size~="xl:67"] {
    font-size: 6.7rem;
  }
  .u-fz[data-font-size~="xl:68"] {
    font-size: 6.8rem;
  }
  .u-fz[data-font-size~="xl:69"] {
    font-size: 6.9rem;
  }
  .u-fz[data-font-size~="xl:70"] {
    font-size: 7rem;
  }
  .u-fz[data-font-size~="xl:71"] {
    font-size: 7.1rem;
  }
  .u-fz[data-font-size~="xl:72"] {
    font-size: 7.2rem;
  }
  .u-fz[data-font-size~="xl:73"] {
    font-size: 7.3rem;
  }
  .u-fz[data-font-size~="xl:74"] {
    font-size: 7.4rem;
  }
  .u-fz[data-font-size~="xl:75"] {
    font-size: 7.5rem;
  }
  .u-fz[data-font-size~="xl:76"] {
    font-size: 7.6rem;
  }
  .u-fz[data-font-size~="xl:77"] {
    font-size: 7.7rem;
  }
  .u-fz[data-font-size~="xl:78"] {
    font-size: 7.8rem;
  }
  .u-fz[data-font-size~="xl:79"] {
    font-size: 7.9rem;
  }
  .u-fz[data-font-size~="xl:80"] {
    font-size: 8rem;
  }
  .u-mt[data-mt-size~="xl:5"] {
    margin-top: 0.5rem;
  }
  .u-mt[data-mt-size~="5"] {
    margin-top: 0.5rem;
  }
  .u-mt[data-mt-size~="xl:10"] {
    margin-top: 1rem;
  }
  .u-mt[data-mt-size~="10"] {
    margin-top: 1rem;
  }
  .u-mt[data-mt-size~="xl:15"] {
    margin-top: 1.5rem;
  }
  .u-mt[data-mt-size~="15"] {
    margin-top: 1.5rem;
  }
  .u-mt[data-mt-size~="xl:20"] {
    margin-top: 2rem;
  }
  .u-mt[data-mt-size~="20"] {
    margin-top: 2rem;
  }
  .u-mt[data-mt-size~="xl:25"] {
    margin-top: 2.5rem;
  }
  .u-mt[data-mt-size~="25"] {
    margin-top: 2.5rem;
  }
  .u-mt[data-mt-size~="xl:30"] {
    margin-top: 3rem;
  }
  .u-mt[data-mt-size~="30"] {
    margin-top: 3rem;
  }
  .u-mt[data-mt-size~="xl:35"] {
    margin-top: 3.5rem;
  }
  .u-mt[data-mt-size~="35"] {
    margin-top: 3.5rem;
  }
  .u-mt[data-mt-size~="xl:40"] {
    margin-top: 4rem;
  }
  .u-mt[data-mt-size~="40"] {
    margin-top: 4rem;
  }
  .u-mt[data-mt-size~="xl:45"] {
    margin-top: 4.5rem;
  }
  .u-mt[data-mt-size~="45"] {
    margin-top: 4.5rem;
  }
  .u-mt[data-mt-size~="xl:50"] {
    margin-top: 5rem;
  }
  .u-mt[data-mt-size~="50"] {
    margin-top: 5rem;
  }
  .u-mt[data-mt-size~="xl:55"] {
    margin-top: 5.5rem;
  }
  .u-mt[data-mt-size~="55"] {
    margin-top: 5.5rem;
  }
  .u-mt[data-mt-size~="xl:60"] {
    margin-top: 6rem;
  }
  .u-mt[data-mt-size~="60"] {
    margin-top: 6rem;
  }
  .u-mt[data-mt-size~="xl:65"] {
    margin-top: 6.5rem;
  }
  .u-mt[data-mt-size~="65"] {
    margin-top: 6.5rem;
  }
  .u-mt[data-mt-size~="xl:70"] {
    margin-top: 7rem;
  }
  .u-mt[data-mt-size~="70"] {
    margin-top: 7rem;
  }
  .u-mt[data-mt-size~="xl:75"] {
    margin-top: 7.5rem;
  }
  .u-mt[data-mt-size~="75"] {
    margin-top: 7.5rem;
  }
  .u-mt[data-mt-size~="xl:80"] {
    margin-top: 8rem;
  }
  .u-mt[data-mt-size~="80"] {
    margin-top: 8rem;
  }
  .u-mt[data-mt-size~="xl:85"] {
    margin-top: 8.5rem;
  }
  .u-mt[data-mt-size~="85"] {
    margin-top: 8.5rem;
  }
  .u-mt[data-mt-size~="xl:90"] {
    margin-top: 9rem;
  }
  .u-mt[data-mt-size~="90"] {
    margin-top: 9rem;
  }
  .u-mt[data-mt-size~="xl:95"] {
    margin-top: 9.5rem;
  }
  .u-mt[data-mt-size~="95"] {
    margin-top: 9.5rem;
  }
  .u-mt[data-mt-size~="xl:100"] {
    margin-top: 10rem;
  }
  .u-mt[data-mt-size~="100"] {
    margin-top: 10rem;
  }
  .u-mb[data-mb-size~="xl:5"] {
    margin-bottom: 0.5rem;
  }
  .u-mb[data-mb-size~="xl:10"] {
    margin-bottom: 1rem;
  }
  .u-mb[data-mb-size~="xl:15"] {
    margin-bottom: 1.5rem;
  }
  .u-mb[data-mb-size~="xl:20"] {
    margin-bottom: 2rem;
  }
  .u-mb[data-mb-size~="xl:25"] {
    margin-bottom: 2.5rem;
  }
  .u-mb[data-mb-size~="xl:30"] {
    margin-bottom: 3rem;
  }
  .u-mb[data-mb-size~="xl:35"] {
    margin-bottom: 3.5rem;
  }
  .u-mb[data-mb-size~="xl:40"] {
    margin-bottom: 4rem;
  }
  .u-mb[data-mb-size~="xl:45"] {
    margin-bottom: 4.5rem;
  }
  .u-mb[data-mb-size~="xl:50"] {
    margin-bottom: 5rem;
  }
  .u-mb[data-mb-size~="xl:55"] {
    margin-bottom: 5.5rem;
  }
  .u-mb[data-mb-size~="xl:60"] {
    margin-bottom: 6rem;
  }
  .u-mb[data-mb-size~="xl:65"] {
    margin-bottom: 6.5rem;
  }
  .u-mb[data-mb-size~="xl:70"] {
    margin-bottom: 7rem;
  }
  .u-mb[data-mb-size~="xl:75"] {
    margin-bottom: 7.5rem;
  }
  .u-mb[data-mb-size~="xl:80"] {
    margin-bottom: 8rem;
  }
  .u-mb[data-mb-size~="xl:85"] {
    margin-bottom: 8.5rem;
  }
  .u-mb[data-mb-size~="xl:90"] {
    margin-bottom: 9rem;
  }
  .u-mb[data-mb-size~="xl:95"] {
    margin-bottom: 9.5rem;
  }
  .u-mb[data-mb-size~="xl:100"] {
    margin-bottom: 10rem;
  }
  .u-mb[data-mb-size~="xl:xxxs"] {
    margin-bottom: 1rem;
  }
  .u-mb[data-mb-size~="xl:xxs"] {
    margin-bottom: 2rem;
  }
  .u-mb[data-mb-size~="xl:xs"] {
    margin-bottom: 4rem;
  }
  .u-mb[data-mb-size~="xl:sm"] {
    margin-bottom: 6rem;
  }
  .u-mb[data-mb-size~="xl:md"] {
    margin-bottom: 8rem;
  }
  .u-mb[data-mb-size~="xl:lg"] {
    margin-bottom: 10rem;
  }
  .u-mb[data-mb-size~="xl:xl"] {
    margin-bottom: 12rem;
  }
  .u-mb[data-mb-size~="xl:xxl"] {
    margin-bottom: 16rem;
  }
  .u-mb[data-mb-size~="xl:xxxl"] {
    margin-bottom: 20rem;
  }
  .u-w[data-width~="xl:1pct"] {
    width: 1%;
  }
  .u-w[data-width~="xl:2pct"] {
    width: 2%;
  }
  .u-w[data-width~="xl:3pct"] {
    width: 3%;
  }
  .u-w[data-width~="xl:4pct"] {
    width: 4%;
  }
  .u-w[data-width~="xl:5pct"] {
    width: 5%;
  }
  .u-w[data-width~="xl:6pct"] {
    width: 6%;
  }
  .u-w[data-width~="xl:7pct"] {
    width: 7%;
  }
  .u-w[data-width~="xl:8pct"] {
    width: 8%;
  }
  .u-w[data-width~="xl:9pct"] {
    width: 9%;
  }
  .u-w[data-width~="xl:10pct"] {
    width: 10%;
  }
  .u-w[data-width~="xl:11pct"] {
    width: 11%;
  }
  .u-w[data-width~="xl:12pct"] {
    width: 12%;
  }
  .u-w[data-width~="xl:13pct"] {
    width: 13%;
  }
  .u-w[data-width~="xl:14pct"] {
    width: 14%;
  }
  .u-w[data-width~="xl:15pct"] {
    width: 15%;
  }
  .u-w[data-width~="xl:16pct"] {
    width: 16%;
  }
  .u-w[data-width~="xl:17pct"] {
    width: 17%;
  }
  .u-w[data-width~="xl:18pct"] {
    width: 18%;
  }
  .u-w[data-width~="xl:19pct"] {
    width: 19%;
  }
  .u-w[data-width~="xl:20pct"] {
    width: 20%;
  }
  .u-w[data-width~="xl:21pct"] {
    width: 21%;
  }
  .u-w[data-width~="xl:22pct"] {
    width: 22%;
  }
  .u-w[data-width~="xl:23pct"] {
    width: 23%;
  }
  .u-w[data-width~="xl:24pct"] {
    width: 24%;
  }
  .u-w[data-width~="xl:25pct"] {
    width: 25%;
  }
  .u-w[data-width~="xl:26pct"] {
    width: 26%;
  }
  .u-w[data-width~="xl:27pct"] {
    width: 27%;
  }
  .u-w[data-width~="xl:28pct"] {
    width: 28%;
  }
  .u-w[data-width~="xl:29pct"] {
    width: 29%;
  }
  .u-w[data-width~="xl:30pct"] {
    width: 30%;
  }
  .u-w[data-width~="xl:31pct"] {
    width: 31%;
  }
  .u-w[data-width~="xl:32pct"] {
    width: 32%;
  }
  .u-w[data-width~="xl:33pct"] {
    width: 33%;
  }
  .u-w[data-width~="xl:34pct"] {
    width: 34%;
  }
  .u-w[data-width~="xl:35pct"] {
    width: 35%;
  }
  .u-w[data-width~="xl:36pct"] {
    width: 36%;
  }
  .u-w[data-width~="xl:37pct"] {
    width: 37%;
  }
  .u-w[data-width~="xl:38pct"] {
    width: 38%;
  }
  .u-w[data-width~="xl:39pct"] {
    width: 39%;
  }
  .u-w[data-width~="xl:40pct"] {
    width: 40%;
  }
  .u-w[data-width~="xl:41pct"] {
    width: 41%;
  }
  .u-w[data-width~="xl:42pct"] {
    width: 42%;
  }
  .u-w[data-width~="xl:43pct"] {
    width: 43%;
  }
  .u-w[data-width~="xl:44pct"] {
    width: 44%;
  }
  .u-w[data-width~="xl:45pct"] {
    width: 45%;
  }
  .u-w[data-width~="xl:46pct"] {
    width: 46%;
  }
  .u-w[data-width~="xl:47pct"] {
    width: 47%;
  }
  .u-w[data-width~="xl:48pct"] {
    width: 48%;
  }
  .u-w[data-width~="xl:49pct"] {
    width: 49%;
  }
  .u-w[data-width~="xl:50pct"] {
    width: 50%;
  }
  .u-w[data-width~="xl:51pct"] {
    width: 51%;
  }
  .u-w[data-width~="xl:52pct"] {
    width: 52%;
  }
  .u-w[data-width~="xl:53pct"] {
    width: 53%;
  }
  .u-w[data-width~="xl:54pct"] {
    width: 54%;
  }
  .u-w[data-width~="xl:55pct"] {
    width: 55%;
  }
  .u-w[data-width~="xl:56pct"] {
    width: 56%;
  }
  .u-w[data-width~="xl:57pct"] {
    width: 57%;
  }
  .u-w[data-width~="xl:58pct"] {
    width: 58%;
  }
  .u-w[data-width~="xl:59pct"] {
    width: 59%;
  }
  .u-w[data-width~="xl:60pct"] {
    width: 60%;
  }
  .u-w[data-width~="xl:61pct"] {
    width: 61%;
  }
  .u-w[data-width~="xl:62pct"] {
    width: 62%;
  }
  .u-w[data-width~="xl:63pct"] {
    width: 63%;
  }
  .u-w[data-width~="xl:64pct"] {
    width: 64%;
  }
  .u-w[data-width~="xl:65pct"] {
    width: 65%;
  }
  .u-w[data-width~="xl:66pct"] {
    width: 66%;
  }
  .u-w[data-width~="xl:67pct"] {
    width: 67%;
  }
  .u-w[data-width~="xl:68pct"] {
    width: 68%;
  }
  .u-w[data-width~="xl:69pct"] {
    width: 69%;
  }
  .u-w[data-width~="xl:70pct"] {
    width: 70%;
  }
  .u-w[data-width~="xl:71pct"] {
    width: 71%;
  }
  .u-w[data-width~="xl:72pct"] {
    width: 72%;
  }
  .u-w[data-width~="xl:73pct"] {
    width: 73%;
  }
  .u-w[data-width~="xl:74pct"] {
    width: 74%;
  }
  .u-w[data-width~="xl:75pct"] {
    width: 75%;
  }
  .u-w[data-width~="xl:76pct"] {
    width: 76%;
  }
  .u-w[data-width~="xl:77pct"] {
    width: 77%;
  }
  .u-w[data-width~="xl:78pct"] {
    width: 78%;
  }
  .u-w[data-width~="xl:79pct"] {
    width: 79%;
  }
  .u-w[data-width~="xl:80pct"] {
    width: 80%;
  }
  .u-w[data-width~="xl:81pct"] {
    width: 81%;
  }
  .u-w[data-width~="xl:82pct"] {
    width: 82%;
  }
  .u-w[data-width~="xl:83pct"] {
    width: 83%;
  }
  .u-w[data-width~="xl:84pct"] {
    width: 84%;
  }
  .u-w[data-width~="xl:85pct"] {
    width: 85%;
  }
  .u-w[data-width~="xl:86pct"] {
    width: 86%;
  }
  .u-w[data-width~="xl:87pct"] {
    width: 87%;
  }
  .u-w[data-width~="xl:88pct"] {
    width: 88%;
  }
  .u-w[data-width~="xl:89pct"] {
    width: 89%;
  }
  .u-w[data-width~="xl:90pct"] {
    width: 90%;
  }
  .u-w[data-width~="xl:91pct"] {
    width: 91%;
  }
  .u-w[data-width~="xl:92pct"] {
    width: 92%;
  }
  .u-w[data-width~="xl:93pct"] {
    width: 93%;
  }
  .u-w[data-width~="xl:94pct"] {
    width: 94%;
  }
  .u-w[data-width~="xl:95pct"] {
    width: 95%;
  }
  .u-w[data-width~="xl:96pct"] {
    width: 96%;
  }
  .u-w[data-width~="xl:97pct"] {
    width: 97%;
  }
  .u-w[data-width~="xl:98pct"] {
    width: 98%;
  }
  .u-w[data-width~="xl:99pct"] {
    width: 99%;
  }
  .u-w[data-width~="xl:100pct"] {
    width: 100%;
  }
}
@media print, screen and (min-width: 1680px) {
  [data-gap~="xxl:0"] {
    gap: calc((4 * 0) / 10 * 1rem);
  }
  [data-gap~="xxl:x-0"] {
    -moz-column-gap: calc((4 * 0) / 10 * 1rem);
         column-gap: calc((4 * 0) / 10 * 1rem);
  }
  [data-gap~="xxl:y-0"] {
    row-gap: calc((4 * 0) / 10 * 1rem);
  }
  [data-gap~="xxl:1"] {
    gap: calc((4 * 1) / 10 * 1rem);
  }
  [data-gap~="xxl:x-1"] {
    -moz-column-gap: calc((4 * 1) / 10 * 1rem);
         column-gap: calc((4 * 1) / 10 * 1rem);
  }
  [data-gap~="xxl:y-1"] {
    row-gap: calc((4 * 1) / 10 * 1rem);
  }
  [data-gap~="xxl:2"] {
    gap: calc((4 * 2) / 10 * 1rem);
  }
  [data-gap~="xxl:x-2"] {
    -moz-column-gap: calc((4 * 2) / 10 * 1rem);
         column-gap: calc((4 * 2) / 10 * 1rem);
  }
  [data-gap~="xxl:y-2"] {
    row-gap: calc((4 * 2) / 10 * 1rem);
  }
  [data-gap~="xxl:3"] {
    gap: calc((4 * 3) / 10 * 1rem);
  }
  [data-gap~="xxl:x-3"] {
    -moz-column-gap: calc((4 * 3) / 10 * 1rem);
         column-gap: calc((4 * 3) / 10 * 1rem);
  }
  [data-gap~="xxl:y-3"] {
    row-gap: calc((4 * 3) / 10 * 1rem);
  }
  [data-gap~="xxl:4"] {
    gap: calc((4 * 4) / 10 * 1rem);
  }
  [data-gap~="xxl:x-4"] {
    -moz-column-gap: calc((4 * 4) / 10 * 1rem);
         column-gap: calc((4 * 4) / 10 * 1rem);
  }
  [data-gap~="xxl:y-4"] {
    row-gap: calc((4 * 4) / 10 * 1rem);
  }
  [data-gap~="xxl:5"] {
    gap: calc((4 * 5) / 10 * 1rem);
  }
  [data-gap~="xxl:x-5"] {
    -moz-column-gap: calc((4 * 5) / 10 * 1rem);
         column-gap: calc((4 * 5) / 10 * 1rem);
  }
  [data-gap~="xxl:y-5"] {
    row-gap: calc((4 * 5) / 10 * 1rem);
  }
  [data-gap~="xxl:6"] {
    gap: calc((4 * 6) / 10 * 1rem);
  }
  [data-gap~="xxl:x-6"] {
    -moz-column-gap: calc((4 * 6) / 10 * 1rem);
         column-gap: calc((4 * 6) / 10 * 1rem);
  }
  [data-gap~="xxl:y-6"] {
    row-gap: calc((4 * 6) / 10 * 1rem);
  }
  [data-gap~="xxl:7"] {
    gap: calc((4 * 7) / 10 * 1rem);
  }
  [data-gap~="xxl:x-7"] {
    -moz-column-gap: calc((4 * 7) / 10 * 1rem);
         column-gap: calc((4 * 7) / 10 * 1rem);
  }
  [data-gap~="xxl:y-7"] {
    row-gap: calc((4 * 7) / 10 * 1rem);
  }
  [data-gap~="xxl:8"] {
    gap: calc((4 * 8) / 10 * 1rem);
  }
  [data-gap~="xxl:x-8"] {
    -moz-column-gap: calc((4 * 8) / 10 * 1rem);
         column-gap: calc((4 * 8) / 10 * 1rem);
  }
  [data-gap~="xxl:y-8"] {
    row-gap: calc((4 * 8) / 10 * 1rem);
  }
  [data-gap~="xxl:9"] {
    gap: calc((4 * 9) / 10 * 1rem);
  }
  [data-gap~="xxl:x-9"] {
    -moz-column-gap: calc((4 * 9) / 10 * 1rem);
         column-gap: calc((4 * 9) / 10 * 1rem);
  }
  [data-gap~="xxl:y-9"] {
    row-gap: calc((4 * 9) / 10 * 1rem);
  }
  [data-gap~="xxl:10"] {
    gap: calc((4 * 10) / 10 * 1rem);
  }
  [data-gap~="xxl:x-10"] {
    -moz-column-gap: calc((4 * 10) / 10 * 1rem);
         column-gap: calc((4 * 10) / 10 * 1rem);
  }
  [data-gap~="xxl:y-10"] {
    row-gap: calc((4 * 10) / 10 * 1rem);
  }
  [data-gap~="xxl:11"] {
    gap: calc((4 * 11) / 10 * 1rem);
  }
  [data-gap~="xxl:x-11"] {
    -moz-column-gap: calc((4 * 11) / 10 * 1rem);
         column-gap: calc((4 * 11) / 10 * 1rem);
  }
  [data-gap~="xxl:y-11"] {
    row-gap: calc((4 * 11) / 10 * 1rem);
  }
  [data-gap~="xxl:12"] {
    gap: calc((4 * 12) / 10 * 1rem);
  }
  [data-gap~="xxl:x-12"] {
    -moz-column-gap: calc((4 * 12) / 10 * 1rem);
         column-gap: calc((4 * 12) / 10 * 1rem);
  }
  [data-gap~="xxl:y-12"] {
    row-gap: calc((4 * 12) / 10 * 1rem);
  }
  [data-gap~="xxl:13"] {
    gap: calc((4 * 13) / 10 * 1rem);
  }
  [data-gap~="xxl:x-13"] {
    -moz-column-gap: calc((4 * 13) / 10 * 1rem);
         column-gap: calc((4 * 13) / 10 * 1rem);
  }
  [data-gap~="xxl:y-13"] {
    row-gap: calc((4 * 13) / 10 * 1rem);
  }
  [data-gap~="xxl:14"] {
    gap: calc((4 * 14) / 10 * 1rem);
  }
  [data-gap~="xxl:x-14"] {
    -moz-column-gap: calc((4 * 14) / 10 * 1rem);
         column-gap: calc((4 * 14) / 10 * 1rem);
  }
  [data-gap~="xxl:y-14"] {
    row-gap: calc((4 * 14) / 10 * 1rem);
  }
  [data-gap~="xxl:15"] {
    gap: calc((4 * 15) / 10 * 1rem);
  }
  [data-gap~="xxl:x-15"] {
    -moz-column-gap: calc((4 * 15) / 10 * 1rem);
         column-gap: calc((4 * 15) / 10 * 1rem);
  }
  [data-gap~="xxl:y-15"] {
    row-gap: calc((4 * 15) / 10 * 1rem);
  }
  [data-gap~="xxl:16"] {
    gap: calc((4 * 16) / 10 * 1rem);
  }
  [data-gap~="xxl:x-16"] {
    -moz-column-gap: calc((4 * 16) / 10 * 1rem);
         column-gap: calc((4 * 16) / 10 * 1rem);
  }
  [data-gap~="xxl:y-16"] {
    row-gap: calc((4 * 16) / 10 * 1rem);
  }
  [data-gap~="xxl:17"] {
    gap: calc((4 * 17) / 10 * 1rem);
  }
  [data-gap~="xxl:x-17"] {
    -moz-column-gap: calc((4 * 17) / 10 * 1rem);
         column-gap: calc((4 * 17) / 10 * 1rem);
  }
  [data-gap~="xxl:y-17"] {
    row-gap: calc((4 * 17) / 10 * 1rem);
  }
  [data-gap~="xxl:18"] {
    gap: calc((4 * 18) / 10 * 1rem);
  }
  [data-gap~="xxl:x-18"] {
    -moz-column-gap: calc((4 * 18) / 10 * 1rem);
         column-gap: calc((4 * 18) / 10 * 1rem);
  }
  [data-gap~="xxl:y-18"] {
    row-gap: calc((4 * 18) / 10 * 1rem);
  }
  [data-gap~="xxl:19"] {
    gap: calc((4 * 19) / 10 * 1rem);
  }
  [data-gap~="xxl:x-19"] {
    -moz-column-gap: calc((4 * 19) / 10 * 1rem);
         column-gap: calc((4 * 19) / 10 * 1rem);
  }
  [data-gap~="xxl:y-19"] {
    row-gap: calc((4 * 19) / 10 * 1rem);
  }
  [data-gap~="xxl:20"] {
    gap: calc((4 * 20) / 10 * 1rem);
  }
  [data-gap~="xxl:x-20"] {
    -moz-column-gap: calc((4 * 20) / 10 * 1rem);
         column-gap: calc((4 * 20) / 10 * 1rem);
  }
  [data-gap~="xxl:y-20"] {
    row-gap: calc((4 * 20) / 10 * 1rem);
  }
  [data-gap~="xxl:21"] {
    gap: calc((4 * 21) / 10 * 1rem);
  }
  [data-gap~="xxl:x-21"] {
    -moz-column-gap: calc((4 * 21) / 10 * 1rem);
         column-gap: calc((4 * 21) / 10 * 1rem);
  }
  [data-gap~="xxl:y-21"] {
    row-gap: calc((4 * 21) / 10 * 1rem);
  }
  [data-gap~="xxl:22"] {
    gap: calc((4 * 22) / 10 * 1rem);
  }
  [data-gap~="xxl:x-22"] {
    -moz-column-gap: calc((4 * 22) / 10 * 1rem);
         column-gap: calc((4 * 22) / 10 * 1rem);
  }
  [data-gap~="xxl:y-22"] {
    row-gap: calc((4 * 22) / 10 * 1rem);
  }
  [data-gap~="xxl:23"] {
    gap: calc((4 * 23) / 10 * 1rem);
  }
  [data-gap~="xxl:x-23"] {
    -moz-column-gap: calc((4 * 23) / 10 * 1rem);
         column-gap: calc((4 * 23) / 10 * 1rem);
  }
  [data-gap~="xxl:y-23"] {
    row-gap: calc((4 * 23) / 10 * 1rem);
  }
  [data-gap~="xxl:24"] {
    gap: calc((4 * 24) / 10 * 1rem);
  }
  [data-gap~="xxl:x-24"] {
    -moz-column-gap: calc((4 * 24) / 10 * 1rem);
         column-gap: calc((4 * 24) / 10 * 1rem);
  }
  [data-gap~="xxl:y-24"] {
    row-gap: calc((4 * 24) / 10 * 1rem);
  }
  [data-gap~="xxl:25"] {
    gap: calc((4 * 25) / 10 * 1rem);
  }
  [data-gap~="xxl:x-25"] {
    -moz-column-gap: calc((4 * 25) / 10 * 1rem);
         column-gap: calc((4 * 25) / 10 * 1rem);
  }
  [data-gap~="xxl:y-25"] {
    row-gap: calc((4 * 25) / 10 * 1rem);
  }
  [data-gap~="xxl:26"] {
    gap: calc((4 * 26) / 10 * 1rem);
  }
  [data-gap~="xxl:x-26"] {
    -moz-column-gap: calc((4 * 26) / 10 * 1rem);
         column-gap: calc((4 * 26) / 10 * 1rem);
  }
  [data-gap~="xxl:y-26"] {
    row-gap: calc((4 * 26) / 10 * 1rem);
  }
  [data-gap~="xxl:27"] {
    gap: calc((4 * 27) / 10 * 1rem);
  }
  [data-gap~="xxl:x-27"] {
    -moz-column-gap: calc((4 * 27) / 10 * 1rem);
         column-gap: calc((4 * 27) / 10 * 1rem);
  }
  [data-gap~="xxl:y-27"] {
    row-gap: calc((4 * 27) / 10 * 1rem);
  }
  [data-gap~="xxl:28"] {
    gap: calc((4 * 28) / 10 * 1rem);
  }
  [data-gap~="xxl:x-28"] {
    -moz-column-gap: calc((4 * 28) / 10 * 1rem);
         column-gap: calc((4 * 28) / 10 * 1rem);
  }
  [data-gap~="xxl:y-28"] {
    row-gap: calc((4 * 28) / 10 * 1rem);
  }
  [data-gap~="xxl:29"] {
    gap: calc((4 * 29) / 10 * 1rem);
  }
  [data-gap~="xxl:x-29"] {
    -moz-column-gap: calc((4 * 29) / 10 * 1rem);
         column-gap: calc((4 * 29) / 10 * 1rem);
  }
  [data-gap~="xxl:y-29"] {
    row-gap: calc((4 * 29) / 10 * 1rem);
  }
  [data-gap~="xxl:30"] {
    gap: calc((4 * 30) / 10 * 1rem);
  }
  [data-gap~="xxl:x-30"] {
    -moz-column-gap: calc((4 * 30) / 10 * 1rem);
         column-gap: calc((4 * 30) / 10 * 1rem);
  }
  [data-gap~="xxl:y-30"] {
    row-gap: calc((4 * 30) / 10 * 1rem);
  }
  [data-gap~="xxl:31"] {
    gap: calc((4 * 31) / 10 * 1rem);
  }
  [data-gap~="xxl:x-31"] {
    -moz-column-gap: calc((4 * 31) / 10 * 1rem);
         column-gap: calc((4 * 31) / 10 * 1rem);
  }
  [data-gap~="xxl:y-31"] {
    row-gap: calc((4 * 31) / 10 * 1rem);
  }
  [data-gap~="xxl:32"] {
    gap: calc((4 * 32) / 10 * 1rem);
  }
  [data-gap~="xxl:x-32"] {
    -moz-column-gap: calc((4 * 32) / 10 * 1rem);
         column-gap: calc((4 * 32) / 10 * 1rem);
  }
  [data-gap~="xxl:y-32"] {
    row-gap: calc((4 * 32) / 10 * 1rem);
  }
  [data-gap~="xxl:33"] {
    gap: calc((4 * 33) / 10 * 1rem);
  }
  [data-gap~="xxl:x-33"] {
    -moz-column-gap: calc((4 * 33) / 10 * 1rem);
         column-gap: calc((4 * 33) / 10 * 1rem);
  }
  [data-gap~="xxl:y-33"] {
    row-gap: calc((4 * 33) / 10 * 1rem);
  }
  [data-gap~="xxl:34"] {
    gap: calc((4 * 34) / 10 * 1rem);
  }
  [data-gap~="xxl:x-34"] {
    -moz-column-gap: calc((4 * 34) / 10 * 1rem);
         column-gap: calc((4 * 34) / 10 * 1rem);
  }
  [data-gap~="xxl:y-34"] {
    row-gap: calc((4 * 34) / 10 * 1rem);
  }
  [data-gap~="xxl:35"] {
    gap: calc((4 * 35) / 10 * 1rem);
  }
  [data-gap~="xxl:x-35"] {
    -moz-column-gap: calc((4 * 35) / 10 * 1rem);
         column-gap: calc((4 * 35) / 10 * 1rem);
  }
  [data-gap~="xxl:y-35"] {
    row-gap: calc((4 * 35) / 10 * 1rem);
  }
  [data-gap~="xxl:36"] {
    gap: calc((4 * 36) / 10 * 1rem);
  }
  [data-gap~="xxl:x-36"] {
    -moz-column-gap: calc((4 * 36) / 10 * 1rem);
         column-gap: calc((4 * 36) / 10 * 1rem);
  }
  [data-gap~="xxl:y-36"] {
    row-gap: calc((4 * 36) / 10 * 1rem);
  }
  [data-gap~="xxl:37"] {
    gap: calc((4 * 37) / 10 * 1rem);
  }
  [data-gap~="xxl:x-37"] {
    -moz-column-gap: calc((4 * 37) / 10 * 1rem);
         column-gap: calc((4 * 37) / 10 * 1rem);
  }
  [data-gap~="xxl:y-37"] {
    row-gap: calc((4 * 37) / 10 * 1rem);
  }
  [data-gap~="xxl:38"] {
    gap: calc((4 * 38) / 10 * 1rem);
  }
  [data-gap~="xxl:x-38"] {
    -moz-column-gap: calc((4 * 38) / 10 * 1rem);
         column-gap: calc((4 * 38) / 10 * 1rem);
  }
  [data-gap~="xxl:y-38"] {
    row-gap: calc((4 * 38) / 10 * 1rem);
  }
  [data-gap~="xxl:39"] {
    gap: calc((4 * 39) / 10 * 1rem);
  }
  [data-gap~="xxl:x-39"] {
    -moz-column-gap: calc((4 * 39) / 10 * 1rem);
         column-gap: calc((4 * 39) / 10 * 1rem);
  }
  [data-gap~="xxl:y-39"] {
    row-gap: calc((4 * 39) / 10 * 1rem);
  }
  [data-gap~="xxl:40"] {
    gap: calc((4 * 40) / 10 * 1rem);
  }
  [data-gap~="xxl:x-40"] {
    -moz-column-gap: calc((4 * 40) / 10 * 1rem);
         column-gap: calc((4 * 40) / 10 * 1rem);
  }
  [data-gap~="xxl:y-40"] {
    row-gap: calc((4 * 40) / 10 * 1rem);
  }
  [data-gap~="xxl:41"] {
    gap: calc((4 * 41) / 10 * 1rem);
  }
  [data-gap~="xxl:x-41"] {
    -moz-column-gap: calc((4 * 41) / 10 * 1rem);
         column-gap: calc((4 * 41) / 10 * 1rem);
  }
  [data-gap~="xxl:y-41"] {
    row-gap: calc((4 * 41) / 10 * 1rem);
  }
  [data-gap~="xxl:42"] {
    gap: calc((4 * 42) / 10 * 1rem);
  }
  [data-gap~="xxl:x-42"] {
    -moz-column-gap: calc((4 * 42) / 10 * 1rem);
         column-gap: calc((4 * 42) / 10 * 1rem);
  }
  [data-gap~="xxl:y-42"] {
    row-gap: calc((4 * 42) / 10 * 1rem);
  }
  [data-gap~="xxl:43"] {
    gap: calc((4 * 43) / 10 * 1rem);
  }
  [data-gap~="xxl:x-43"] {
    -moz-column-gap: calc((4 * 43) / 10 * 1rem);
         column-gap: calc((4 * 43) / 10 * 1rem);
  }
  [data-gap~="xxl:y-43"] {
    row-gap: calc((4 * 43) / 10 * 1rem);
  }
  [data-gap~="xxl:44"] {
    gap: calc((4 * 44) / 10 * 1rem);
  }
  [data-gap~="xxl:x-44"] {
    -moz-column-gap: calc((4 * 44) / 10 * 1rem);
         column-gap: calc((4 * 44) / 10 * 1rem);
  }
  [data-gap~="xxl:y-44"] {
    row-gap: calc((4 * 44) / 10 * 1rem);
  }
  [data-gap~="xxl:45"] {
    gap: calc((4 * 45) / 10 * 1rem);
  }
  [data-gap~="xxl:x-45"] {
    -moz-column-gap: calc((4 * 45) / 10 * 1rem);
         column-gap: calc((4 * 45) / 10 * 1rem);
  }
  [data-gap~="xxl:y-45"] {
    row-gap: calc((4 * 45) / 10 * 1rem);
  }
  [data-gap~="xxl:46"] {
    gap: calc((4 * 46) / 10 * 1rem);
  }
  [data-gap~="xxl:x-46"] {
    -moz-column-gap: calc((4 * 46) / 10 * 1rem);
         column-gap: calc((4 * 46) / 10 * 1rem);
  }
  [data-gap~="xxl:y-46"] {
    row-gap: calc((4 * 46) / 10 * 1rem);
  }
  [data-gap~="xxl:47"] {
    gap: calc((4 * 47) / 10 * 1rem);
  }
  [data-gap~="xxl:x-47"] {
    -moz-column-gap: calc((4 * 47) / 10 * 1rem);
         column-gap: calc((4 * 47) / 10 * 1rem);
  }
  [data-gap~="xxl:y-47"] {
    row-gap: calc((4 * 47) / 10 * 1rem);
  }
  [data-gap~="xxl:48"] {
    gap: calc((4 * 48) / 10 * 1rem);
  }
  [data-gap~="xxl:x-48"] {
    -moz-column-gap: calc((4 * 48) / 10 * 1rem);
         column-gap: calc((4 * 48) / 10 * 1rem);
  }
  [data-gap~="xxl:y-48"] {
    row-gap: calc((4 * 48) / 10 * 1rem);
  }
  [data-gap~="xxl:49"] {
    gap: calc((4 * 49) / 10 * 1rem);
  }
  [data-gap~="xxl:x-49"] {
    -moz-column-gap: calc((4 * 49) / 10 * 1rem);
         column-gap: calc((4 * 49) / 10 * 1rem);
  }
  [data-gap~="xxl:y-49"] {
    row-gap: calc((4 * 49) / 10 * 1rem);
  }
  [data-gap~="xxl:50"] {
    gap: calc((4 * 50) / 10 * 1rem);
  }
  [data-gap~="xxl:x-50"] {
    -moz-column-gap: calc((4 * 50) / 10 * 1rem);
         column-gap: calc((4 * 50) / 10 * 1rem);
  }
  [data-gap~="xxl:y-50"] {
    row-gap: calc((4 * 50) / 10 * 1rem);
  }
  [data-grid~="xxl:cols-1"] {
    -ms-grid-columns: (minmax(0, 1fr))[1];
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  [data-grid~="xxl:cols-2"] {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  [data-grid~="xxl:cols-3"] {
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  [data-grid~="xxl:cols-4"] {
    -ms-grid-columns: (minmax(0, 1fr))[4];
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  [data-grid~="xxl:cols-5"] {
    -ms-grid-columns: (minmax(0, 1fr))[5];
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  [data-grid~="xxl:cols-6"] {
    -ms-grid-columns: (minmax(0, 1fr))[6];
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  [data-grid~="xxl:cols-7"] {
    -ms-grid-columns: (minmax(0, 1fr))[7];
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  [data-grid~="xxl:cols-8"] {
    -ms-grid-columns: (minmax(0, 1fr))[8];
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  [data-grid~="xxl:cols-9"] {
    -ms-grid-columns: (minmax(0, 1fr))[9];
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  [data-grid~="xxl:cols-10"] {
    -ms-grid-columns: (minmax(0, 1fr))[10];
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  [data-grid~="xxl:cols-11"] {
    -ms-grid-columns: (minmax(0, 1fr))[11];
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  [data-grid~="xxl:cols-12"] {
    -ms-grid-columns: (minmax(0, 1fr))[12];
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  [data-grid-item~="xxl:col-span-1"] {
    -ms-grid-column-span: 1;
    -ms-grid-column: span 1;
        grid-column-start: span 1;
    grid-column-end: span 1;
  }
  [data-grid-item~="xxl:col-start-1"] {
    -ms-grid-column: 1;
        grid-column-start: 1;
  }
  [data-grid-item~="xxl:col-end-1"] {
    -ms-grid-column-span: 1;
    grid-column-end: 1;
  }
  [data-grid-item~="xxl:col-span-2"] {
    -ms-grid-column-span: 2;
    -ms-grid-column: span 2;
        grid-column-start: span 2;
    grid-column-end: span 2;
  }
  [data-grid-item~="xxl:col-start-2"] {
    -ms-grid-column: 2;
        grid-column-start: 2;
  }
  [data-grid-item~="xxl:col-end-2"] {
    -ms-grid-column-span: 2;
    grid-column-end: 2;
  }
  [data-grid-item~="xxl:col-span-3"] {
    -ms-grid-column-span: 3;
    -ms-grid-column: span 3;
        grid-column-start: span 3;
    grid-column-end: span 3;
  }
  [data-grid-item~="xxl:col-start-3"] {
    -ms-grid-column: 3;
        grid-column-start: 3;
  }
  [data-grid-item~="xxl:col-end-3"] {
    -ms-grid-column-span: 3;
    grid-column-end: 3;
  }
  [data-grid-item~="xxl:col-span-4"] {
    -ms-grid-column-span: 4;
    -ms-grid-column: span 4;
        grid-column-start: span 4;
    grid-column-end: span 4;
  }
  [data-grid-item~="xxl:col-start-4"] {
    -ms-grid-column: 4;
        grid-column-start: 4;
  }
  [data-grid-item~="xxl:col-end-4"] {
    -ms-grid-column-span: 4;
    grid-column-end: 4;
  }
  [data-grid-item~="xxl:col-span-5"] {
    -ms-grid-column-span: 5;
    -ms-grid-column: span 5;
        grid-column-start: span 5;
    grid-column-end: span 5;
  }
  [data-grid-item~="xxl:col-start-5"] {
    -ms-grid-column: 5;
        grid-column-start: 5;
  }
  [data-grid-item~="xxl:col-end-5"] {
    -ms-grid-column-span: 5;
    grid-column-end: 5;
  }
  [data-grid-item~="xxl:col-span-6"] {
    -ms-grid-column-span: 6;
    -ms-grid-column: span 6;
        grid-column-start: span 6;
    grid-column-end: span 6;
  }
  [data-grid-item~="xxl:col-start-6"] {
    -ms-grid-column: 6;
        grid-column-start: 6;
  }
  [data-grid-item~="xxl:col-end-6"] {
    -ms-grid-column-span: 6;
    grid-column-end: 6;
  }
  [data-grid-item~="xxl:col-span-7"] {
    -ms-grid-column-span: 7;
    -ms-grid-column: span 7;
        grid-column-start: span 7;
    grid-column-end: span 7;
  }
  [data-grid-item~="xxl:col-start-7"] {
    -ms-grid-column: 7;
        grid-column-start: 7;
  }
  [data-grid-item~="xxl:col-end-7"] {
    -ms-grid-column-span: 7;
    grid-column-end: 7;
  }
  [data-grid-item~="xxl:col-span-8"] {
    -ms-grid-column-span: 8;
    -ms-grid-column: span 8;
        grid-column-start: span 8;
    grid-column-end: span 8;
  }
  [data-grid-item~="xxl:col-start-8"] {
    -ms-grid-column: 8;
        grid-column-start: 8;
  }
  [data-grid-item~="xxl:col-end-8"] {
    -ms-grid-column-span: 8;
    grid-column-end: 8;
  }
  [data-grid-item~="xxl:col-span-9"] {
    -ms-grid-column-span: 9;
    -ms-grid-column: span 9;
        grid-column-start: span 9;
    grid-column-end: span 9;
  }
  [data-grid-item~="xxl:col-start-9"] {
    -ms-grid-column: 9;
        grid-column-start: 9;
  }
  [data-grid-item~="xxl:col-end-9"] {
    -ms-grid-column-span: 9;
    grid-column-end: 9;
  }
  [data-grid-item~="xxl:col-span-10"] {
    -ms-grid-column-span: 10;
    -ms-grid-column: span 10;
        grid-column-start: span 10;
    grid-column-end: span 10;
  }
  [data-grid-item~="xxl:col-start-10"] {
    -ms-grid-column: 10;
        grid-column-start: 10;
  }
  [data-grid-item~="xxl:col-end-10"] {
    -ms-grid-column-span: 10;
    grid-column-end: 10;
  }
  [data-grid-item~="xxl:col-span-11"] {
    -ms-grid-column-span: 11;
    -ms-grid-column: span 11;
        grid-column-start: span 11;
    grid-column-end: span 11;
  }
  [data-grid-item~="xxl:col-start-11"] {
    -ms-grid-column: 11;
        grid-column-start: 11;
  }
  [data-grid-item~="xxl:col-end-11"] {
    -ms-grid-column-span: 11;
    grid-column-end: 11;
  }
  [data-grid-item~="xxl:col-span-12"] {
    -ms-grid-column-span: 12;
    -ms-grid-column: span 12;
        grid-column-start: span 12;
    grid-column-end: span 12;
  }
  [data-grid-item~="xxl:col-start-12"] {
    -ms-grid-column: 12;
        grid-column-start: 12;
  }
  [data-grid-item~="xxl:col-end-12"] {
    -ms-grid-column-span: 12;
    grid-column-end: 12;
  }
  [data-grid-item~="xxl:col-auto"] {
    -ms-grid-column-span: NaN;
    -ms-grid-column: auto;
        grid-column-start: auto;
    grid-column-end: auto;
  }
  [data-grid-item~="xxl:col-full"] {
    -ms-grid-column-span: -2;
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: -1;
  }
  [data-grid-item~="xxl:col-start-auto"] {
    -ms-grid-column: auto;
        grid-column-start: auto;
  }
  [data-grid-item~="xxl:col-end-auto"] {
    -ms-grid-column-span: auto;
    grid-column-end: auto;
  }
  [data-grid~="xxl:rows-1"] {
    -ms-grid-rows: (minmax(0, 1fr))[1];
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  [data-grid~="xxl:rows-2"] {
    -ms-grid-rows: (minmax(0, 1fr))[2];
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  [data-grid~="xxl:rows-3"] {
    -ms-grid-rows: (minmax(0, 1fr))[3];
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  [data-grid~="xxl:rows-4"] {
    -ms-grid-rows: (minmax(0, 1fr))[4];
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  [data-grid~="xxl:rows-5"] {
    -ms-grid-rows: (minmax(0, 1fr))[5];
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  [data-grid~="xxl:rows-6"] {
    -ms-grid-rows: (minmax(0, 1fr))[6];
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  [data-grid-item~="xxl:row-span-1"] {
    -ms-grid-row-span: 1;
    -ms-grid-row: span 1;
        grid-row-start: span 1;
    grid-row-end: span 1;
  }
  [data-grid-item~="xxl:row-start-1"] {
    -ms-grid-row: 1;
        grid-row-start: 1;
  }
  [data-grid-item~="xxl:row-end-1"] {
    -ms-grid-row-span: 1;
    grid-row-end: 1;
  }
  [data-grid-item~="xxl:row-span-2"] {
    -ms-grid-row-span: 2;
    -ms-grid-row: span 2;
        grid-row-start: span 2;
    grid-row-end: span 2;
  }
  [data-grid-item~="xxl:row-start-2"] {
    -ms-grid-row: 2;
        grid-row-start: 2;
  }
  [data-grid-item~="xxl:row-end-2"] {
    -ms-grid-row-span: 2;
    grid-row-end: 2;
  }
  [data-grid-item~="xxl:row-span-3"] {
    -ms-grid-row-span: 3;
    -ms-grid-row: span 3;
        grid-row-start: span 3;
    grid-row-end: span 3;
  }
  [data-grid-item~="xxl:row-start-3"] {
    -ms-grid-row: 3;
        grid-row-start: 3;
  }
  [data-grid-item~="xxl:row-end-3"] {
    -ms-grid-row-span: 3;
    grid-row-end: 3;
  }
  [data-grid-item~="xxl:row-span-4"] {
    -ms-grid-row-span: 4;
    -ms-grid-row: span 4;
        grid-row-start: span 4;
    grid-row-end: span 4;
  }
  [data-grid-item~="xxl:row-start-4"] {
    -ms-grid-row: 4;
        grid-row-start: 4;
  }
  [data-grid-item~="xxl:row-end-4"] {
    -ms-grid-row-span: 4;
    grid-row-end: 4;
  }
  [data-grid-item~="xxl:row-span-5"] {
    -ms-grid-row-span: 5;
    -ms-grid-row: span 5;
        grid-row-start: span 5;
    grid-row-end: span 5;
  }
  [data-grid-item~="xxl:row-start-5"] {
    -ms-grid-row: 5;
        grid-row-start: 5;
  }
  [data-grid-item~="xxl:row-end-5"] {
    -ms-grid-row-span: 5;
    grid-row-end: 5;
  }
  [data-grid-item~="xxl:row-span-6"] {
    -ms-grid-row-span: 6;
    -ms-grid-row: span 6;
        grid-row-start: span 6;
    grid-row-end: span 6;
  }
  [data-grid-item~="xxl:row-start-6"] {
    -ms-grid-row: 6;
        grid-row-start: 6;
  }
  [data-grid-item~="xxl:row-end-6"] {
    -ms-grid-row-span: 6;
    grid-row-end: 6;
  }
  [data-grid-item~="xxl:row-auto"] {
    -ms-grid-row-span: NaN;
    -ms-grid-row: auto;
        grid-row-start: auto;
    grid-row-end: auto;
  }
  [data-grid-item~="xxl:row-full"] {
    -ms-grid-row-span: -2;
    -ms-grid-row: 1;
        grid-row-start: 1;
    grid-row-end: -1;
  }
  [data-grid-item~="xxl:row-start-auto"] {
    -ms-grid-row: auto;
        grid-row-start: auto;
  }
  [data-grid-item~="xxl:row-end-auto"] {
    -ms-grid-row-span: auto;
    grid-row-end: auto;
  }
  [data-order~="xxl:0"] {
    order: 0;
  }
  [data-order~="xxl:-1"] {
    order: calc(1 * -1);
  }
  [data-order~="xxl:1"] {
    order: 1;
  }
  [data-order~="xxl:-2"] {
    order: calc(2 * -1);
  }
  [data-order~="xxl:2"] {
    order: 2;
  }
  [data-order~="xxl:-3"] {
    order: calc(3 * -1);
  }
  [data-order~="xxl:3"] {
    order: 3;
  }
  [data-order~="xxl:-4"] {
    order: calc(4 * -1);
  }
  [data-order~="xxl:4"] {
    order: 4;
  }
  [data-place~="xxl:start"] {
    justify-content: flex-start;
  }
  [data-place~="xxl:center"] {
    justify-content: center;
  }
  [data-place~="xxl:end"] {
    justify-content: flex-end;
  }
  [data-place~="xxl:between"] {
    justify-content: space-between;
  }
  [data-place~="xxl:first"] {
    align-items: flex-start;
  }
  [data-place~="xxl:middle"] {
    align-items: center;
  }
  [data-place~="xxl:last"] {
    align-items: flex-end;
  }
  [data-place~="xxl:stretch"] {
    align-items: stretch;
  }
  [data-place~="xxl:+start"] {
    align-content: flex-start;
    justify-content: flex-start;
  }
  [data-place~="xxl:+center"] {
    align-content: center;
    justify-content: center;
  }
  [data-place~="xxl:+end"] {
    align-content: flex-end;
    justify-content: flex-end;
  }
  [data-place~="xxl:+between"] {
    align-content: space-between;
    justify-content: space-between;
  }
  [data-place~="xxl:+first"] {
    align-items: flex-start;
    justify-items: flex-start;
  }
  [data-place~="xxl:+middle"] {
    align-items: center;
    justify-items: center;
  }
  [data-place~="xxl:+last"] {
    align-items: flex-end;
    justify-items: flex-end;
  }
  [data-place~="xxl:+stretch"] {
    align-items: stretch;
    justify-items: stretch;
  }
}
@media screen and (min-width: 1680px) {
  .l-spacer[class][data-space~="xxl:reset"] {
    padding: 0;
  }
  .l-spacer[class][data-space~="xxl:resetTop"] {
    padding-top: 0;
  }
  .l-spacer[class][data-space~="xxl:resetBottom"] {
    padding-bottom: 0;
  }
  .l-spacer[class][data-space-py~="xxl:0"] {
    padding-top: calc((4 * 0) / 10 * 1rem);
    padding-bottom: calc((4 * 0) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:0"] {
    padding-top: calc((4 * 0) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:0"] {
    padding-bottom: calc((4 * 0) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:1"] {
    padding-top: calc((4 * 1) / 10 * 1rem);
    padding-bottom: calc((4 * 1) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:1"] {
    padding-top: calc((4 * 1) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:1"] {
    padding-bottom: calc((4 * 1) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:2"] {
    padding-top: calc((4 * 2) / 10 * 1rem);
    padding-bottom: calc((4 * 2) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:2"] {
    padding-top: calc((4 * 2) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:2"] {
    padding-bottom: calc((4 * 2) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:3"] {
    padding-top: calc((4 * 3) / 10 * 1rem);
    padding-bottom: calc((4 * 3) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:3"] {
    padding-top: calc((4 * 3) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:3"] {
    padding-bottom: calc((4 * 3) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:4"] {
    padding-top: calc((4 * 4) / 10 * 1rem);
    padding-bottom: calc((4 * 4) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:4"] {
    padding-top: calc((4 * 4) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:4"] {
    padding-bottom: calc((4 * 4) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:5"] {
    padding-top: calc((4 * 5) / 10 * 1rem);
    padding-bottom: calc((4 * 5) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:5"] {
    padding-top: calc((4 * 5) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:5"] {
    padding-bottom: calc((4 * 5) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:6"] {
    padding-top: calc((4 * 6) / 10 * 1rem);
    padding-bottom: calc((4 * 6) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:6"] {
    padding-top: calc((4 * 6) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:6"] {
    padding-bottom: calc((4 * 6) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:7"] {
    padding-top: calc((4 * 7) / 10 * 1rem);
    padding-bottom: calc((4 * 7) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:7"] {
    padding-top: calc((4 * 7) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:7"] {
    padding-bottom: calc((4 * 7) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:8"] {
    padding-top: calc((4 * 8) / 10 * 1rem);
    padding-bottom: calc((4 * 8) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:8"] {
    padding-top: calc((4 * 8) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:8"] {
    padding-bottom: calc((4 * 8) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:9"] {
    padding-top: calc((4 * 9) / 10 * 1rem);
    padding-bottom: calc((4 * 9) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:9"] {
    padding-top: calc((4 * 9) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:9"] {
    padding-bottom: calc((4 * 9) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:10"] {
    padding-top: calc((4 * 10) / 10 * 1rem);
    padding-bottom: calc((4 * 10) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:10"] {
    padding-top: calc((4 * 10) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:10"] {
    padding-bottom: calc((4 * 10) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:11"] {
    padding-top: calc((4 * 11) / 10 * 1rem);
    padding-bottom: calc((4 * 11) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:11"] {
    padding-top: calc((4 * 11) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:11"] {
    padding-bottom: calc((4 * 11) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:12"] {
    padding-top: calc((4 * 12) / 10 * 1rem);
    padding-bottom: calc((4 * 12) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:12"] {
    padding-top: calc((4 * 12) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:12"] {
    padding-bottom: calc((4 * 12) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:13"] {
    padding-top: calc((4 * 13) / 10 * 1rem);
    padding-bottom: calc((4 * 13) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:13"] {
    padding-top: calc((4 * 13) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:13"] {
    padding-bottom: calc((4 * 13) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:14"] {
    padding-top: calc((4 * 14) / 10 * 1rem);
    padding-bottom: calc((4 * 14) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:14"] {
    padding-top: calc((4 * 14) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:14"] {
    padding-bottom: calc((4 * 14) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:15"] {
    padding-top: calc((4 * 15) / 10 * 1rem);
    padding-bottom: calc((4 * 15) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:15"] {
    padding-top: calc((4 * 15) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:15"] {
    padding-bottom: calc((4 * 15) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:16"] {
    padding-top: calc((4 * 16) / 10 * 1rem);
    padding-bottom: calc((4 * 16) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:16"] {
    padding-top: calc((4 * 16) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:16"] {
    padding-bottom: calc((4 * 16) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:17"] {
    padding-top: calc((4 * 17) / 10 * 1rem);
    padding-bottom: calc((4 * 17) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:17"] {
    padding-top: calc((4 * 17) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:17"] {
    padding-bottom: calc((4 * 17) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:18"] {
    padding-top: calc((4 * 18) / 10 * 1rem);
    padding-bottom: calc((4 * 18) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:18"] {
    padding-top: calc((4 * 18) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:18"] {
    padding-bottom: calc((4 * 18) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:19"] {
    padding-top: calc((4 * 19) / 10 * 1rem);
    padding-bottom: calc((4 * 19) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:19"] {
    padding-top: calc((4 * 19) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:19"] {
    padding-bottom: calc((4 * 19) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:20"] {
    padding-top: calc((4 * 20) / 10 * 1rem);
    padding-bottom: calc((4 * 20) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:20"] {
    padding-top: calc((4 * 20) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:20"] {
    padding-bottom: calc((4 * 20) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:21"] {
    padding-top: calc((4 * 21) / 10 * 1rem);
    padding-bottom: calc((4 * 21) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:21"] {
    padding-top: calc((4 * 21) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:21"] {
    padding-bottom: calc((4 * 21) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:22"] {
    padding-top: calc((4 * 22) / 10 * 1rem);
    padding-bottom: calc((4 * 22) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:22"] {
    padding-top: calc((4 * 22) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:22"] {
    padding-bottom: calc((4 * 22) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:23"] {
    padding-top: calc((4 * 23) / 10 * 1rem);
    padding-bottom: calc((4 * 23) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:23"] {
    padding-top: calc((4 * 23) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:23"] {
    padding-bottom: calc((4 * 23) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:24"] {
    padding-top: calc((4 * 24) / 10 * 1rem);
    padding-bottom: calc((4 * 24) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:24"] {
    padding-top: calc((4 * 24) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:24"] {
    padding-bottom: calc((4 * 24) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:25"] {
    padding-top: calc((4 * 25) / 10 * 1rem);
    padding-bottom: calc((4 * 25) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:25"] {
    padding-top: calc((4 * 25) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:25"] {
    padding-bottom: calc((4 * 25) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:26"] {
    padding-top: calc((4 * 26) / 10 * 1rem);
    padding-bottom: calc((4 * 26) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:26"] {
    padding-top: calc((4 * 26) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:26"] {
    padding-bottom: calc((4 * 26) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:27"] {
    padding-top: calc((4 * 27) / 10 * 1rem);
    padding-bottom: calc((4 * 27) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:27"] {
    padding-top: calc((4 * 27) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:27"] {
    padding-bottom: calc((4 * 27) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:28"] {
    padding-top: calc((4 * 28) / 10 * 1rem);
    padding-bottom: calc((4 * 28) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:28"] {
    padding-top: calc((4 * 28) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:28"] {
    padding-bottom: calc((4 * 28) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:29"] {
    padding-top: calc((4 * 29) / 10 * 1rem);
    padding-bottom: calc((4 * 29) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:29"] {
    padding-top: calc((4 * 29) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:29"] {
    padding-bottom: calc((4 * 29) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:30"] {
    padding-top: calc((4 * 30) / 10 * 1rem);
    padding-bottom: calc((4 * 30) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:30"] {
    padding-top: calc((4 * 30) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:30"] {
    padding-bottom: calc((4 * 30) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:31"] {
    padding-top: calc((4 * 31) / 10 * 1rem);
    padding-bottom: calc((4 * 31) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:31"] {
    padding-top: calc((4 * 31) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:31"] {
    padding-bottom: calc((4 * 31) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:32"] {
    padding-top: calc((4 * 32) / 10 * 1rem);
    padding-bottom: calc((4 * 32) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:32"] {
    padding-top: calc((4 * 32) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:32"] {
    padding-bottom: calc((4 * 32) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:33"] {
    padding-top: calc((4 * 33) / 10 * 1rem);
    padding-bottom: calc((4 * 33) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:33"] {
    padding-top: calc((4 * 33) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:33"] {
    padding-bottom: calc((4 * 33) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:34"] {
    padding-top: calc((4 * 34) / 10 * 1rem);
    padding-bottom: calc((4 * 34) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:34"] {
    padding-top: calc((4 * 34) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:34"] {
    padding-bottom: calc((4 * 34) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:35"] {
    padding-top: calc((4 * 35) / 10 * 1rem);
    padding-bottom: calc((4 * 35) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:35"] {
    padding-top: calc((4 * 35) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:35"] {
    padding-bottom: calc((4 * 35) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:36"] {
    padding-top: calc((4 * 36) / 10 * 1rem);
    padding-bottom: calc((4 * 36) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:36"] {
    padding-top: calc((4 * 36) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:36"] {
    padding-bottom: calc((4 * 36) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:37"] {
    padding-top: calc((4 * 37) / 10 * 1rem);
    padding-bottom: calc((4 * 37) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:37"] {
    padding-top: calc((4 * 37) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:37"] {
    padding-bottom: calc((4 * 37) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:38"] {
    padding-top: calc((4 * 38) / 10 * 1rem);
    padding-bottom: calc((4 * 38) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:38"] {
    padding-top: calc((4 * 38) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:38"] {
    padding-bottom: calc((4 * 38) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:39"] {
    padding-top: calc((4 * 39) / 10 * 1rem);
    padding-bottom: calc((4 * 39) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:39"] {
    padding-top: calc((4 * 39) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:39"] {
    padding-bottom: calc((4 * 39) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:40"] {
    padding-top: calc((4 * 40) / 10 * 1rem);
    padding-bottom: calc((4 * 40) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:40"] {
    padding-top: calc((4 * 40) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:40"] {
    padding-bottom: calc((4 * 40) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:41"] {
    padding-top: calc((4 * 41) / 10 * 1rem);
    padding-bottom: calc((4 * 41) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:41"] {
    padding-top: calc((4 * 41) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:41"] {
    padding-bottom: calc((4 * 41) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:42"] {
    padding-top: calc((4 * 42) / 10 * 1rem);
    padding-bottom: calc((4 * 42) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:42"] {
    padding-top: calc((4 * 42) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:42"] {
    padding-bottom: calc((4 * 42) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:43"] {
    padding-top: calc((4 * 43) / 10 * 1rem);
    padding-bottom: calc((4 * 43) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:43"] {
    padding-top: calc((4 * 43) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:43"] {
    padding-bottom: calc((4 * 43) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:44"] {
    padding-top: calc((4 * 44) / 10 * 1rem);
    padding-bottom: calc((4 * 44) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:44"] {
    padding-top: calc((4 * 44) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:44"] {
    padding-bottom: calc((4 * 44) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:45"] {
    padding-top: calc((4 * 45) / 10 * 1rem);
    padding-bottom: calc((4 * 45) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:45"] {
    padding-top: calc((4 * 45) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:45"] {
    padding-bottom: calc((4 * 45) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:46"] {
    padding-top: calc((4 * 46) / 10 * 1rem);
    padding-bottom: calc((4 * 46) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:46"] {
    padding-top: calc((4 * 46) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:46"] {
    padding-bottom: calc((4 * 46) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:47"] {
    padding-top: calc((4 * 47) / 10 * 1rem);
    padding-bottom: calc((4 * 47) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:47"] {
    padding-top: calc((4 * 47) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:47"] {
    padding-bottom: calc((4 * 47) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:48"] {
    padding-top: calc((4 * 48) / 10 * 1rem);
    padding-bottom: calc((4 * 48) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:48"] {
    padding-top: calc((4 * 48) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:48"] {
    padding-bottom: calc((4 * 48) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:49"] {
    padding-top: calc((4 * 49) / 10 * 1rem);
    padding-bottom: calc((4 * 49) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:49"] {
    padding-top: calc((4 * 49) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:49"] {
    padding-bottom: calc((4 * 49) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxl:50"] {
    padding-top: calc((4 * 50) / 10 * 1rem);
    padding-bottom: calc((4 * 50) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxl:50"] {
    padding-top: calc((4 * 50) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxl:50"] {
    padding-bottom: calc((4 * 50) / 10 * 1rem);
  }
  .u-ta[data-text-align~="xxl:left"] {
    text-align: left;
  }
  .u-ta[data-text-align~="xxl:center"] {
    text-align: center;
  }
  .u-ta[data-text-align~="xxl:right"] {
    text-align: right;
  }
  .u-d[data-display~="xxl:none"] {
    display: none;
  }
  .u-d[data-display~="xxl:inline"] {
    display: inline;
  }
  .u-d[data-display~="xxl:block"] {
    display: block;
  }
  .u-d[data-display~="xxl:inline-block"] {
    display: inline-block;
  }
  .u-fz[data-font-size~="xxl:10"] {
    font-size: 1rem;
  }
  .u-fz[data-font-size~="xxl:11"] {
    font-size: 1.1rem;
  }
  .u-fz[data-font-size~="xxl:12"] {
    font-size: 1.2rem;
  }
  .u-fz[data-font-size~="xxl:13"] {
    font-size: 1.3rem;
  }
  .u-fz[data-font-size~="xxl:14"] {
    font-size: 1.4rem;
  }
  .u-fz[data-font-size~="xxl:15"] {
    font-size: 1.5rem;
  }
  .u-fz[data-font-size~="xxl:16"] {
    font-size: 1.6rem;
  }
  .u-fz[data-font-size~="xxl:17"] {
    font-size: 1.7rem;
  }
  .u-fz[data-font-size~="xxl:18"] {
    font-size: 1.8rem;
  }
  .u-fz[data-font-size~="xxl:19"] {
    font-size: 1.9rem;
  }
  .u-fz[data-font-size~="xxl:20"] {
    font-size: 2rem;
  }
  .u-fz[data-font-size~="xxl:21"] {
    font-size: 2.1rem;
  }
  .u-fz[data-font-size~="xxl:22"] {
    font-size: 2.2rem;
  }
  .u-fz[data-font-size~="xxl:23"] {
    font-size: 2.3rem;
  }
  .u-fz[data-font-size~="xxl:24"] {
    font-size: 2.4rem;
  }
  .u-fz[data-font-size~="xxl:25"] {
    font-size: 2.5rem;
  }
  .u-fz[data-font-size~="xxl:26"] {
    font-size: 2.6rem;
  }
  .u-fz[data-font-size~="xxl:27"] {
    font-size: 2.7rem;
  }
  .u-fz[data-font-size~="xxl:28"] {
    font-size: 2.8rem;
  }
  .u-fz[data-font-size~="xxl:29"] {
    font-size: 2.9rem;
  }
  .u-fz[data-font-size~="xxl:30"] {
    font-size: 3rem;
  }
  .u-fz[data-font-size~="xxl:31"] {
    font-size: 3.1rem;
  }
  .u-fz[data-font-size~="xxl:32"] {
    font-size: 3.2rem;
  }
  .u-fz[data-font-size~="xxl:33"] {
    font-size: 3.3rem;
  }
  .u-fz[data-font-size~="xxl:34"] {
    font-size: 3.4rem;
  }
  .u-fz[data-font-size~="xxl:35"] {
    font-size: 3.5rem;
  }
  .u-fz[data-font-size~="xxl:36"] {
    font-size: 3.6rem;
  }
  .u-fz[data-font-size~="xxl:37"] {
    font-size: 3.7rem;
  }
  .u-fz[data-font-size~="xxl:38"] {
    font-size: 3.8rem;
  }
  .u-fz[data-font-size~="xxl:39"] {
    font-size: 3.9rem;
  }
  .u-fz[data-font-size~="xxl:40"] {
    font-size: 4rem;
  }
  .u-fz[data-font-size~="xxl:41"] {
    font-size: 4.1rem;
  }
  .u-fz[data-font-size~="xxl:42"] {
    font-size: 4.2rem;
  }
  .u-fz[data-font-size~="xxl:43"] {
    font-size: 4.3rem;
  }
  .u-fz[data-font-size~="xxl:44"] {
    font-size: 4.4rem;
  }
  .u-fz[data-font-size~="xxl:45"] {
    font-size: 4.5rem;
  }
  .u-fz[data-font-size~="xxl:46"] {
    font-size: 4.6rem;
  }
  .u-fz[data-font-size~="xxl:47"] {
    font-size: 4.7rem;
  }
  .u-fz[data-font-size~="xxl:48"] {
    font-size: 4.8rem;
  }
  .u-fz[data-font-size~="xxl:49"] {
    font-size: 4.9rem;
  }
  .u-fz[data-font-size~="xxl:50"] {
    font-size: 5rem;
  }
  .u-fz[data-font-size~="xxl:51"] {
    font-size: 5.1rem;
  }
  .u-fz[data-font-size~="xxl:52"] {
    font-size: 5.2rem;
  }
  .u-fz[data-font-size~="xxl:53"] {
    font-size: 5.3rem;
  }
  .u-fz[data-font-size~="xxl:54"] {
    font-size: 5.4rem;
  }
  .u-fz[data-font-size~="xxl:55"] {
    font-size: 5.5rem;
  }
  .u-fz[data-font-size~="xxl:56"] {
    font-size: 5.6rem;
  }
  .u-fz[data-font-size~="xxl:57"] {
    font-size: 5.7rem;
  }
  .u-fz[data-font-size~="xxl:58"] {
    font-size: 5.8rem;
  }
  .u-fz[data-font-size~="xxl:59"] {
    font-size: 5.9rem;
  }
  .u-fz[data-font-size~="xxl:60"] {
    font-size: 6rem;
  }
  .u-fz[data-font-size~="xxl:61"] {
    font-size: 6.1rem;
  }
  .u-fz[data-font-size~="xxl:62"] {
    font-size: 6.2rem;
  }
  .u-fz[data-font-size~="xxl:63"] {
    font-size: 6.3rem;
  }
  .u-fz[data-font-size~="xxl:64"] {
    font-size: 6.4rem;
  }
  .u-fz[data-font-size~="xxl:65"] {
    font-size: 6.5rem;
  }
  .u-fz[data-font-size~="xxl:66"] {
    font-size: 6.6rem;
  }
  .u-fz[data-font-size~="xxl:67"] {
    font-size: 6.7rem;
  }
  .u-fz[data-font-size~="xxl:68"] {
    font-size: 6.8rem;
  }
  .u-fz[data-font-size~="xxl:69"] {
    font-size: 6.9rem;
  }
  .u-fz[data-font-size~="xxl:70"] {
    font-size: 7rem;
  }
  .u-fz[data-font-size~="xxl:71"] {
    font-size: 7.1rem;
  }
  .u-fz[data-font-size~="xxl:72"] {
    font-size: 7.2rem;
  }
  .u-fz[data-font-size~="xxl:73"] {
    font-size: 7.3rem;
  }
  .u-fz[data-font-size~="xxl:74"] {
    font-size: 7.4rem;
  }
  .u-fz[data-font-size~="xxl:75"] {
    font-size: 7.5rem;
  }
  .u-fz[data-font-size~="xxl:76"] {
    font-size: 7.6rem;
  }
  .u-fz[data-font-size~="xxl:77"] {
    font-size: 7.7rem;
  }
  .u-fz[data-font-size~="xxl:78"] {
    font-size: 7.8rem;
  }
  .u-fz[data-font-size~="xxl:79"] {
    font-size: 7.9rem;
  }
  .u-fz[data-font-size~="xxl:80"] {
    font-size: 8rem;
  }
  .u-mt[data-mt-size~="xxl:5"] {
    margin-top: 0.5rem;
  }
  .u-mt[data-mt-size~="5"] {
    margin-top: 0.5rem;
  }
  .u-mt[data-mt-size~="xxl:10"] {
    margin-top: 1rem;
  }
  .u-mt[data-mt-size~="10"] {
    margin-top: 1rem;
  }
  .u-mt[data-mt-size~="xxl:15"] {
    margin-top: 1.5rem;
  }
  .u-mt[data-mt-size~="15"] {
    margin-top: 1.5rem;
  }
  .u-mt[data-mt-size~="xxl:20"] {
    margin-top: 2rem;
  }
  .u-mt[data-mt-size~="20"] {
    margin-top: 2rem;
  }
  .u-mt[data-mt-size~="xxl:25"] {
    margin-top: 2.5rem;
  }
  .u-mt[data-mt-size~="25"] {
    margin-top: 2.5rem;
  }
  .u-mt[data-mt-size~="xxl:30"] {
    margin-top: 3rem;
  }
  .u-mt[data-mt-size~="30"] {
    margin-top: 3rem;
  }
  .u-mt[data-mt-size~="xxl:35"] {
    margin-top: 3.5rem;
  }
  .u-mt[data-mt-size~="35"] {
    margin-top: 3.5rem;
  }
  .u-mt[data-mt-size~="xxl:40"] {
    margin-top: 4rem;
  }
  .u-mt[data-mt-size~="40"] {
    margin-top: 4rem;
  }
  .u-mt[data-mt-size~="xxl:45"] {
    margin-top: 4.5rem;
  }
  .u-mt[data-mt-size~="45"] {
    margin-top: 4.5rem;
  }
  .u-mt[data-mt-size~="xxl:50"] {
    margin-top: 5rem;
  }
  .u-mt[data-mt-size~="50"] {
    margin-top: 5rem;
  }
  .u-mt[data-mt-size~="xxl:55"] {
    margin-top: 5.5rem;
  }
  .u-mt[data-mt-size~="55"] {
    margin-top: 5.5rem;
  }
  .u-mt[data-mt-size~="xxl:60"] {
    margin-top: 6rem;
  }
  .u-mt[data-mt-size~="60"] {
    margin-top: 6rem;
  }
  .u-mt[data-mt-size~="xxl:65"] {
    margin-top: 6.5rem;
  }
  .u-mt[data-mt-size~="65"] {
    margin-top: 6.5rem;
  }
  .u-mt[data-mt-size~="xxl:70"] {
    margin-top: 7rem;
  }
  .u-mt[data-mt-size~="70"] {
    margin-top: 7rem;
  }
  .u-mt[data-mt-size~="xxl:75"] {
    margin-top: 7.5rem;
  }
  .u-mt[data-mt-size~="75"] {
    margin-top: 7.5rem;
  }
  .u-mt[data-mt-size~="xxl:80"] {
    margin-top: 8rem;
  }
  .u-mt[data-mt-size~="80"] {
    margin-top: 8rem;
  }
  .u-mt[data-mt-size~="xxl:85"] {
    margin-top: 8.5rem;
  }
  .u-mt[data-mt-size~="85"] {
    margin-top: 8.5rem;
  }
  .u-mt[data-mt-size~="xxl:90"] {
    margin-top: 9rem;
  }
  .u-mt[data-mt-size~="90"] {
    margin-top: 9rem;
  }
  .u-mt[data-mt-size~="xxl:95"] {
    margin-top: 9.5rem;
  }
  .u-mt[data-mt-size~="95"] {
    margin-top: 9.5rem;
  }
  .u-mt[data-mt-size~="xxl:100"] {
    margin-top: 10rem;
  }
  .u-mt[data-mt-size~="100"] {
    margin-top: 10rem;
  }
  .u-mb[data-mb-size~="xxl:5"] {
    margin-bottom: 0.5rem;
  }
  .u-mb[data-mb-size~="xxl:10"] {
    margin-bottom: 1rem;
  }
  .u-mb[data-mb-size~="xxl:15"] {
    margin-bottom: 1.5rem;
  }
  .u-mb[data-mb-size~="xxl:20"] {
    margin-bottom: 2rem;
  }
  .u-mb[data-mb-size~="xxl:25"] {
    margin-bottom: 2.5rem;
  }
  .u-mb[data-mb-size~="xxl:30"] {
    margin-bottom: 3rem;
  }
  .u-mb[data-mb-size~="xxl:35"] {
    margin-bottom: 3.5rem;
  }
  .u-mb[data-mb-size~="xxl:40"] {
    margin-bottom: 4rem;
  }
  .u-mb[data-mb-size~="xxl:45"] {
    margin-bottom: 4.5rem;
  }
  .u-mb[data-mb-size~="xxl:50"] {
    margin-bottom: 5rem;
  }
  .u-mb[data-mb-size~="xxl:55"] {
    margin-bottom: 5.5rem;
  }
  .u-mb[data-mb-size~="xxl:60"] {
    margin-bottom: 6rem;
  }
  .u-mb[data-mb-size~="xxl:65"] {
    margin-bottom: 6.5rem;
  }
  .u-mb[data-mb-size~="xxl:70"] {
    margin-bottom: 7rem;
  }
  .u-mb[data-mb-size~="xxl:75"] {
    margin-bottom: 7.5rem;
  }
  .u-mb[data-mb-size~="xxl:80"] {
    margin-bottom: 8rem;
  }
  .u-mb[data-mb-size~="xxl:85"] {
    margin-bottom: 8.5rem;
  }
  .u-mb[data-mb-size~="xxl:90"] {
    margin-bottom: 9rem;
  }
  .u-mb[data-mb-size~="xxl:95"] {
    margin-bottom: 9.5rem;
  }
  .u-mb[data-mb-size~="xxl:100"] {
    margin-bottom: 10rem;
  }
  .u-mb[data-mb-size~="xxl:xxxs"] {
    margin-bottom: 1rem;
  }
  .u-mb[data-mb-size~="xxl:xxs"] {
    margin-bottom: 2rem;
  }
  .u-mb[data-mb-size~="xxl:xs"] {
    margin-bottom: 4rem;
  }
  .u-mb[data-mb-size~="xxl:sm"] {
    margin-bottom: 6rem;
  }
  .u-mb[data-mb-size~="xxl:md"] {
    margin-bottom: 8rem;
  }
  .u-mb[data-mb-size~="xxl:lg"] {
    margin-bottom: 10rem;
  }
  .u-mb[data-mb-size~="xxl:xl"] {
    margin-bottom: 12rem;
  }
  .u-mb[data-mb-size~="xxl:xxl"] {
    margin-bottom: 16rem;
  }
  .u-mb[data-mb-size~="xxl:xxxl"] {
    margin-bottom: 20rem;
  }
  .u-w[data-width~="xxl:1pct"] {
    width: 1%;
  }
  .u-w[data-width~="xxl:2pct"] {
    width: 2%;
  }
  .u-w[data-width~="xxl:3pct"] {
    width: 3%;
  }
  .u-w[data-width~="xxl:4pct"] {
    width: 4%;
  }
  .u-w[data-width~="xxl:5pct"] {
    width: 5%;
  }
  .u-w[data-width~="xxl:6pct"] {
    width: 6%;
  }
  .u-w[data-width~="xxl:7pct"] {
    width: 7%;
  }
  .u-w[data-width~="xxl:8pct"] {
    width: 8%;
  }
  .u-w[data-width~="xxl:9pct"] {
    width: 9%;
  }
  .u-w[data-width~="xxl:10pct"] {
    width: 10%;
  }
  .u-w[data-width~="xxl:11pct"] {
    width: 11%;
  }
  .u-w[data-width~="xxl:12pct"] {
    width: 12%;
  }
  .u-w[data-width~="xxl:13pct"] {
    width: 13%;
  }
  .u-w[data-width~="xxl:14pct"] {
    width: 14%;
  }
  .u-w[data-width~="xxl:15pct"] {
    width: 15%;
  }
  .u-w[data-width~="xxl:16pct"] {
    width: 16%;
  }
  .u-w[data-width~="xxl:17pct"] {
    width: 17%;
  }
  .u-w[data-width~="xxl:18pct"] {
    width: 18%;
  }
  .u-w[data-width~="xxl:19pct"] {
    width: 19%;
  }
  .u-w[data-width~="xxl:20pct"] {
    width: 20%;
  }
  .u-w[data-width~="xxl:21pct"] {
    width: 21%;
  }
  .u-w[data-width~="xxl:22pct"] {
    width: 22%;
  }
  .u-w[data-width~="xxl:23pct"] {
    width: 23%;
  }
  .u-w[data-width~="xxl:24pct"] {
    width: 24%;
  }
  .u-w[data-width~="xxl:25pct"] {
    width: 25%;
  }
  .u-w[data-width~="xxl:26pct"] {
    width: 26%;
  }
  .u-w[data-width~="xxl:27pct"] {
    width: 27%;
  }
  .u-w[data-width~="xxl:28pct"] {
    width: 28%;
  }
  .u-w[data-width~="xxl:29pct"] {
    width: 29%;
  }
  .u-w[data-width~="xxl:30pct"] {
    width: 30%;
  }
  .u-w[data-width~="xxl:31pct"] {
    width: 31%;
  }
  .u-w[data-width~="xxl:32pct"] {
    width: 32%;
  }
  .u-w[data-width~="xxl:33pct"] {
    width: 33%;
  }
  .u-w[data-width~="xxl:34pct"] {
    width: 34%;
  }
  .u-w[data-width~="xxl:35pct"] {
    width: 35%;
  }
  .u-w[data-width~="xxl:36pct"] {
    width: 36%;
  }
  .u-w[data-width~="xxl:37pct"] {
    width: 37%;
  }
  .u-w[data-width~="xxl:38pct"] {
    width: 38%;
  }
  .u-w[data-width~="xxl:39pct"] {
    width: 39%;
  }
  .u-w[data-width~="xxl:40pct"] {
    width: 40%;
  }
  .u-w[data-width~="xxl:41pct"] {
    width: 41%;
  }
  .u-w[data-width~="xxl:42pct"] {
    width: 42%;
  }
  .u-w[data-width~="xxl:43pct"] {
    width: 43%;
  }
  .u-w[data-width~="xxl:44pct"] {
    width: 44%;
  }
  .u-w[data-width~="xxl:45pct"] {
    width: 45%;
  }
  .u-w[data-width~="xxl:46pct"] {
    width: 46%;
  }
  .u-w[data-width~="xxl:47pct"] {
    width: 47%;
  }
  .u-w[data-width~="xxl:48pct"] {
    width: 48%;
  }
  .u-w[data-width~="xxl:49pct"] {
    width: 49%;
  }
  .u-w[data-width~="xxl:50pct"] {
    width: 50%;
  }
  .u-w[data-width~="xxl:51pct"] {
    width: 51%;
  }
  .u-w[data-width~="xxl:52pct"] {
    width: 52%;
  }
  .u-w[data-width~="xxl:53pct"] {
    width: 53%;
  }
  .u-w[data-width~="xxl:54pct"] {
    width: 54%;
  }
  .u-w[data-width~="xxl:55pct"] {
    width: 55%;
  }
  .u-w[data-width~="xxl:56pct"] {
    width: 56%;
  }
  .u-w[data-width~="xxl:57pct"] {
    width: 57%;
  }
  .u-w[data-width~="xxl:58pct"] {
    width: 58%;
  }
  .u-w[data-width~="xxl:59pct"] {
    width: 59%;
  }
  .u-w[data-width~="xxl:60pct"] {
    width: 60%;
  }
  .u-w[data-width~="xxl:61pct"] {
    width: 61%;
  }
  .u-w[data-width~="xxl:62pct"] {
    width: 62%;
  }
  .u-w[data-width~="xxl:63pct"] {
    width: 63%;
  }
  .u-w[data-width~="xxl:64pct"] {
    width: 64%;
  }
  .u-w[data-width~="xxl:65pct"] {
    width: 65%;
  }
  .u-w[data-width~="xxl:66pct"] {
    width: 66%;
  }
  .u-w[data-width~="xxl:67pct"] {
    width: 67%;
  }
  .u-w[data-width~="xxl:68pct"] {
    width: 68%;
  }
  .u-w[data-width~="xxl:69pct"] {
    width: 69%;
  }
  .u-w[data-width~="xxl:70pct"] {
    width: 70%;
  }
  .u-w[data-width~="xxl:71pct"] {
    width: 71%;
  }
  .u-w[data-width~="xxl:72pct"] {
    width: 72%;
  }
  .u-w[data-width~="xxl:73pct"] {
    width: 73%;
  }
  .u-w[data-width~="xxl:74pct"] {
    width: 74%;
  }
  .u-w[data-width~="xxl:75pct"] {
    width: 75%;
  }
  .u-w[data-width~="xxl:76pct"] {
    width: 76%;
  }
  .u-w[data-width~="xxl:77pct"] {
    width: 77%;
  }
  .u-w[data-width~="xxl:78pct"] {
    width: 78%;
  }
  .u-w[data-width~="xxl:79pct"] {
    width: 79%;
  }
  .u-w[data-width~="xxl:80pct"] {
    width: 80%;
  }
  .u-w[data-width~="xxl:81pct"] {
    width: 81%;
  }
  .u-w[data-width~="xxl:82pct"] {
    width: 82%;
  }
  .u-w[data-width~="xxl:83pct"] {
    width: 83%;
  }
  .u-w[data-width~="xxl:84pct"] {
    width: 84%;
  }
  .u-w[data-width~="xxl:85pct"] {
    width: 85%;
  }
  .u-w[data-width~="xxl:86pct"] {
    width: 86%;
  }
  .u-w[data-width~="xxl:87pct"] {
    width: 87%;
  }
  .u-w[data-width~="xxl:88pct"] {
    width: 88%;
  }
  .u-w[data-width~="xxl:89pct"] {
    width: 89%;
  }
  .u-w[data-width~="xxl:90pct"] {
    width: 90%;
  }
  .u-w[data-width~="xxl:91pct"] {
    width: 91%;
  }
  .u-w[data-width~="xxl:92pct"] {
    width: 92%;
  }
  .u-w[data-width~="xxl:93pct"] {
    width: 93%;
  }
  .u-w[data-width~="xxl:94pct"] {
    width: 94%;
  }
  .u-w[data-width~="xxl:95pct"] {
    width: 95%;
  }
  .u-w[data-width~="xxl:96pct"] {
    width: 96%;
  }
  .u-w[data-width~="xxl:97pct"] {
    width: 97%;
  }
  .u-w[data-width~="xxl:98pct"] {
    width: 98%;
  }
  .u-w[data-width~="xxl:99pct"] {
    width: 99%;
  }
  .u-w[data-width~="xxl:100pct"] {
    width: 100%;
  }
}
@media print, screen and (min-width: 1920px) {
  [data-gap~="xxxl:0"] {
    gap: calc((4 * 0) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-0"] {
    -moz-column-gap: calc((4 * 0) / 10 * 1rem);
         column-gap: calc((4 * 0) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-0"] {
    row-gap: calc((4 * 0) / 10 * 1rem);
  }
  [data-gap~="xxxl:1"] {
    gap: calc((4 * 1) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-1"] {
    -moz-column-gap: calc((4 * 1) / 10 * 1rem);
         column-gap: calc((4 * 1) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-1"] {
    row-gap: calc((4 * 1) / 10 * 1rem);
  }
  [data-gap~="xxxl:2"] {
    gap: calc((4 * 2) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-2"] {
    -moz-column-gap: calc((4 * 2) / 10 * 1rem);
         column-gap: calc((4 * 2) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-2"] {
    row-gap: calc((4 * 2) / 10 * 1rem);
  }
  [data-gap~="xxxl:3"] {
    gap: calc((4 * 3) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-3"] {
    -moz-column-gap: calc((4 * 3) / 10 * 1rem);
         column-gap: calc((4 * 3) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-3"] {
    row-gap: calc((4 * 3) / 10 * 1rem);
  }
  [data-gap~="xxxl:4"] {
    gap: calc((4 * 4) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-4"] {
    -moz-column-gap: calc((4 * 4) / 10 * 1rem);
         column-gap: calc((4 * 4) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-4"] {
    row-gap: calc((4 * 4) / 10 * 1rem);
  }
  [data-gap~="xxxl:5"] {
    gap: calc((4 * 5) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-5"] {
    -moz-column-gap: calc((4 * 5) / 10 * 1rem);
         column-gap: calc((4 * 5) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-5"] {
    row-gap: calc((4 * 5) / 10 * 1rem);
  }
  [data-gap~="xxxl:6"] {
    gap: calc((4 * 6) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-6"] {
    -moz-column-gap: calc((4 * 6) / 10 * 1rem);
         column-gap: calc((4 * 6) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-6"] {
    row-gap: calc((4 * 6) / 10 * 1rem);
  }
  [data-gap~="xxxl:7"] {
    gap: calc((4 * 7) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-7"] {
    -moz-column-gap: calc((4 * 7) / 10 * 1rem);
         column-gap: calc((4 * 7) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-7"] {
    row-gap: calc((4 * 7) / 10 * 1rem);
  }
  [data-gap~="xxxl:8"] {
    gap: calc((4 * 8) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-8"] {
    -moz-column-gap: calc((4 * 8) / 10 * 1rem);
         column-gap: calc((4 * 8) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-8"] {
    row-gap: calc((4 * 8) / 10 * 1rem);
  }
  [data-gap~="xxxl:9"] {
    gap: calc((4 * 9) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-9"] {
    -moz-column-gap: calc((4 * 9) / 10 * 1rem);
         column-gap: calc((4 * 9) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-9"] {
    row-gap: calc((4 * 9) / 10 * 1rem);
  }
  [data-gap~="xxxl:10"] {
    gap: calc((4 * 10) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-10"] {
    -moz-column-gap: calc((4 * 10) / 10 * 1rem);
         column-gap: calc((4 * 10) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-10"] {
    row-gap: calc((4 * 10) / 10 * 1rem);
  }
  [data-gap~="xxxl:11"] {
    gap: calc((4 * 11) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-11"] {
    -moz-column-gap: calc((4 * 11) / 10 * 1rem);
         column-gap: calc((4 * 11) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-11"] {
    row-gap: calc((4 * 11) / 10 * 1rem);
  }
  [data-gap~="xxxl:12"] {
    gap: calc((4 * 12) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-12"] {
    -moz-column-gap: calc((4 * 12) / 10 * 1rem);
         column-gap: calc((4 * 12) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-12"] {
    row-gap: calc((4 * 12) / 10 * 1rem);
  }
  [data-gap~="xxxl:13"] {
    gap: calc((4 * 13) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-13"] {
    -moz-column-gap: calc((4 * 13) / 10 * 1rem);
         column-gap: calc((4 * 13) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-13"] {
    row-gap: calc((4 * 13) / 10 * 1rem);
  }
  [data-gap~="xxxl:14"] {
    gap: calc((4 * 14) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-14"] {
    -moz-column-gap: calc((4 * 14) / 10 * 1rem);
         column-gap: calc((4 * 14) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-14"] {
    row-gap: calc((4 * 14) / 10 * 1rem);
  }
  [data-gap~="xxxl:15"] {
    gap: calc((4 * 15) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-15"] {
    -moz-column-gap: calc((4 * 15) / 10 * 1rem);
         column-gap: calc((4 * 15) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-15"] {
    row-gap: calc((4 * 15) / 10 * 1rem);
  }
  [data-gap~="xxxl:16"] {
    gap: calc((4 * 16) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-16"] {
    -moz-column-gap: calc((4 * 16) / 10 * 1rem);
         column-gap: calc((4 * 16) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-16"] {
    row-gap: calc((4 * 16) / 10 * 1rem);
  }
  [data-gap~="xxxl:17"] {
    gap: calc((4 * 17) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-17"] {
    -moz-column-gap: calc((4 * 17) / 10 * 1rem);
         column-gap: calc((4 * 17) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-17"] {
    row-gap: calc((4 * 17) / 10 * 1rem);
  }
  [data-gap~="xxxl:18"] {
    gap: calc((4 * 18) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-18"] {
    -moz-column-gap: calc((4 * 18) / 10 * 1rem);
         column-gap: calc((4 * 18) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-18"] {
    row-gap: calc((4 * 18) / 10 * 1rem);
  }
  [data-gap~="xxxl:19"] {
    gap: calc((4 * 19) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-19"] {
    -moz-column-gap: calc((4 * 19) / 10 * 1rem);
         column-gap: calc((4 * 19) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-19"] {
    row-gap: calc((4 * 19) / 10 * 1rem);
  }
  [data-gap~="xxxl:20"] {
    gap: calc((4 * 20) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-20"] {
    -moz-column-gap: calc((4 * 20) / 10 * 1rem);
         column-gap: calc((4 * 20) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-20"] {
    row-gap: calc((4 * 20) / 10 * 1rem);
  }
  [data-gap~="xxxl:21"] {
    gap: calc((4 * 21) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-21"] {
    -moz-column-gap: calc((4 * 21) / 10 * 1rem);
         column-gap: calc((4 * 21) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-21"] {
    row-gap: calc((4 * 21) / 10 * 1rem);
  }
  [data-gap~="xxxl:22"] {
    gap: calc((4 * 22) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-22"] {
    -moz-column-gap: calc((4 * 22) / 10 * 1rem);
         column-gap: calc((4 * 22) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-22"] {
    row-gap: calc((4 * 22) / 10 * 1rem);
  }
  [data-gap~="xxxl:23"] {
    gap: calc((4 * 23) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-23"] {
    -moz-column-gap: calc((4 * 23) / 10 * 1rem);
         column-gap: calc((4 * 23) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-23"] {
    row-gap: calc((4 * 23) / 10 * 1rem);
  }
  [data-gap~="xxxl:24"] {
    gap: calc((4 * 24) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-24"] {
    -moz-column-gap: calc((4 * 24) / 10 * 1rem);
         column-gap: calc((4 * 24) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-24"] {
    row-gap: calc((4 * 24) / 10 * 1rem);
  }
  [data-gap~="xxxl:25"] {
    gap: calc((4 * 25) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-25"] {
    -moz-column-gap: calc((4 * 25) / 10 * 1rem);
         column-gap: calc((4 * 25) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-25"] {
    row-gap: calc((4 * 25) / 10 * 1rem);
  }
  [data-gap~="xxxl:26"] {
    gap: calc((4 * 26) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-26"] {
    -moz-column-gap: calc((4 * 26) / 10 * 1rem);
         column-gap: calc((4 * 26) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-26"] {
    row-gap: calc((4 * 26) / 10 * 1rem);
  }
  [data-gap~="xxxl:27"] {
    gap: calc((4 * 27) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-27"] {
    -moz-column-gap: calc((4 * 27) / 10 * 1rem);
         column-gap: calc((4 * 27) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-27"] {
    row-gap: calc((4 * 27) / 10 * 1rem);
  }
  [data-gap~="xxxl:28"] {
    gap: calc((4 * 28) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-28"] {
    -moz-column-gap: calc((4 * 28) / 10 * 1rem);
         column-gap: calc((4 * 28) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-28"] {
    row-gap: calc((4 * 28) / 10 * 1rem);
  }
  [data-gap~="xxxl:29"] {
    gap: calc((4 * 29) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-29"] {
    -moz-column-gap: calc((4 * 29) / 10 * 1rem);
         column-gap: calc((4 * 29) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-29"] {
    row-gap: calc((4 * 29) / 10 * 1rem);
  }
  [data-gap~="xxxl:30"] {
    gap: calc((4 * 30) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-30"] {
    -moz-column-gap: calc((4 * 30) / 10 * 1rem);
         column-gap: calc((4 * 30) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-30"] {
    row-gap: calc((4 * 30) / 10 * 1rem);
  }
  [data-gap~="xxxl:31"] {
    gap: calc((4 * 31) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-31"] {
    -moz-column-gap: calc((4 * 31) / 10 * 1rem);
         column-gap: calc((4 * 31) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-31"] {
    row-gap: calc((4 * 31) / 10 * 1rem);
  }
  [data-gap~="xxxl:32"] {
    gap: calc((4 * 32) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-32"] {
    -moz-column-gap: calc((4 * 32) / 10 * 1rem);
         column-gap: calc((4 * 32) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-32"] {
    row-gap: calc((4 * 32) / 10 * 1rem);
  }
  [data-gap~="xxxl:33"] {
    gap: calc((4 * 33) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-33"] {
    -moz-column-gap: calc((4 * 33) / 10 * 1rem);
         column-gap: calc((4 * 33) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-33"] {
    row-gap: calc((4 * 33) / 10 * 1rem);
  }
  [data-gap~="xxxl:34"] {
    gap: calc((4 * 34) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-34"] {
    -moz-column-gap: calc((4 * 34) / 10 * 1rem);
         column-gap: calc((4 * 34) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-34"] {
    row-gap: calc((4 * 34) / 10 * 1rem);
  }
  [data-gap~="xxxl:35"] {
    gap: calc((4 * 35) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-35"] {
    -moz-column-gap: calc((4 * 35) / 10 * 1rem);
         column-gap: calc((4 * 35) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-35"] {
    row-gap: calc((4 * 35) / 10 * 1rem);
  }
  [data-gap~="xxxl:36"] {
    gap: calc((4 * 36) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-36"] {
    -moz-column-gap: calc((4 * 36) / 10 * 1rem);
         column-gap: calc((4 * 36) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-36"] {
    row-gap: calc((4 * 36) / 10 * 1rem);
  }
  [data-gap~="xxxl:37"] {
    gap: calc((4 * 37) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-37"] {
    -moz-column-gap: calc((4 * 37) / 10 * 1rem);
         column-gap: calc((4 * 37) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-37"] {
    row-gap: calc((4 * 37) / 10 * 1rem);
  }
  [data-gap~="xxxl:38"] {
    gap: calc((4 * 38) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-38"] {
    -moz-column-gap: calc((4 * 38) / 10 * 1rem);
         column-gap: calc((4 * 38) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-38"] {
    row-gap: calc((4 * 38) / 10 * 1rem);
  }
  [data-gap~="xxxl:39"] {
    gap: calc((4 * 39) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-39"] {
    -moz-column-gap: calc((4 * 39) / 10 * 1rem);
         column-gap: calc((4 * 39) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-39"] {
    row-gap: calc((4 * 39) / 10 * 1rem);
  }
  [data-gap~="xxxl:40"] {
    gap: calc((4 * 40) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-40"] {
    -moz-column-gap: calc((4 * 40) / 10 * 1rem);
         column-gap: calc((4 * 40) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-40"] {
    row-gap: calc((4 * 40) / 10 * 1rem);
  }
  [data-gap~="xxxl:41"] {
    gap: calc((4 * 41) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-41"] {
    -moz-column-gap: calc((4 * 41) / 10 * 1rem);
         column-gap: calc((4 * 41) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-41"] {
    row-gap: calc((4 * 41) / 10 * 1rem);
  }
  [data-gap~="xxxl:42"] {
    gap: calc((4 * 42) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-42"] {
    -moz-column-gap: calc((4 * 42) / 10 * 1rem);
         column-gap: calc((4 * 42) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-42"] {
    row-gap: calc((4 * 42) / 10 * 1rem);
  }
  [data-gap~="xxxl:43"] {
    gap: calc((4 * 43) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-43"] {
    -moz-column-gap: calc((4 * 43) / 10 * 1rem);
         column-gap: calc((4 * 43) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-43"] {
    row-gap: calc((4 * 43) / 10 * 1rem);
  }
  [data-gap~="xxxl:44"] {
    gap: calc((4 * 44) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-44"] {
    -moz-column-gap: calc((4 * 44) / 10 * 1rem);
         column-gap: calc((4 * 44) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-44"] {
    row-gap: calc((4 * 44) / 10 * 1rem);
  }
  [data-gap~="xxxl:45"] {
    gap: calc((4 * 45) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-45"] {
    -moz-column-gap: calc((4 * 45) / 10 * 1rem);
         column-gap: calc((4 * 45) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-45"] {
    row-gap: calc((4 * 45) / 10 * 1rem);
  }
  [data-gap~="xxxl:46"] {
    gap: calc((4 * 46) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-46"] {
    -moz-column-gap: calc((4 * 46) / 10 * 1rem);
         column-gap: calc((4 * 46) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-46"] {
    row-gap: calc((4 * 46) / 10 * 1rem);
  }
  [data-gap~="xxxl:47"] {
    gap: calc((4 * 47) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-47"] {
    -moz-column-gap: calc((4 * 47) / 10 * 1rem);
         column-gap: calc((4 * 47) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-47"] {
    row-gap: calc((4 * 47) / 10 * 1rem);
  }
  [data-gap~="xxxl:48"] {
    gap: calc((4 * 48) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-48"] {
    -moz-column-gap: calc((4 * 48) / 10 * 1rem);
         column-gap: calc((4 * 48) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-48"] {
    row-gap: calc((4 * 48) / 10 * 1rem);
  }
  [data-gap~="xxxl:49"] {
    gap: calc((4 * 49) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-49"] {
    -moz-column-gap: calc((4 * 49) / 10 * 1rem);
         column-gap: calc((4 * 49) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-49"] {
    row-gap: calc((4 * 49) / 10 * 1rem);
  }
  [data-gap~="xxxl:50"] {
    gap: calc((4 * 50) / 10 * 1rem);
  }
  [data-gap~="xxxl:x-50"] {
    -moz-column-gap: calc((4 * 50) / 10 * 1rem);
         column-gap: calc((4 * 50) / 10 * 1rem);
  }
  [data-gap~="xxxl:y-50"] {
    row-gap: calc((4 * 50) / 10 * 1rem);
  }
  [data-grid~="xxxl:cols-1"] {
    -ms-grid-columns: (minmax(0, 1fr))[1];
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  [data-grid~="xxxl:cols-2"] {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  [data-grid~="xxxl:cols-3"] {
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  [data-grid~="xxxl:cols-4"] {
    -ms-grid-columns: (minmax(0, 1fr))[4];
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  [data-grid~="xxxl:cols-5"] {
    -ms-grid-columns: (minmax(0, 1fr))[5];
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  [data-grid~="xxxl:cols-6"] {
    -ms-grid-columns: (minmax(0, 1fr))[6];
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  [data-grid~="xxxl:cols-7"] {
    -ms-grid-columns: (minmax(0, 1fr))[7];
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  [data-grid~="xxxl:cols-8"] {
    -ms-grid-columns: (minmax(0, 1fr))[8];
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  [data-grid~="xxxl:cols-9"] {
    -ms-grid-columns: (minmax(0, 1fr))[9];
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  [data-grid~="xxxl:cols-10"] {
    -ms-grid-columns: (minmax(0, 1fr))[10];
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  [data-grid~="xxxl:cols-11"] {
    -ms-grid-columns: (minmax(0, 1fr))[11];
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  [data-grid~="xxxl:cols-12"] {
    -ms-grid-columns: (minmax(0, 1fr))[12];
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  [data-grid-item~="xxxl:col-span-1"] {
    -ms-grid-column-span: 1;
    -ms-grid-column: span 1;
        grid-column-start: span 1;
    grid-column-end: span 1;
  }
  [data-grid-item~="xxxl:col-start-1"] {
    -ms-grid-column: 1;
        grid-column-start: 1;
  }
  [data-grid-item~="xxxl:col-end-1"] {
    -ms-grid-column-span: 1;
    grid-column-end: 1;
  }
  [data-grid-item~="xxxl:col-span-2"] {
    -ms-grid-column-span: 2;
    -ms-grid-column: span 2;
        grid-column-start: span 2;
    grid-column-end: span 2;
  }
  [data-grid-item~="xxxl:col-start-2"] {
    -ms-grid-column: 2;
        grid-column-start: 2;
  }
  [data-grid-item~="xxxl:col-end-2"] {
    -ms-grid-column-span: 2;
    grid-column-end: 2;
  }
  [data-grid-item~="xxxl:col-span-3"] {
    -ms-grid-column-span: 3;
    -ms-grid-column: span 3;
        grid-column-start: span 3;
    grid-column-end: span 3;
  }
  [data-grid-item~="xxxl:col-start-3"] {
    -ms-grid-column: 3;
        grid-column-start: 3;
  }
  [data-grid-item~="xxxl:col-end-3"] {
    -ms-grid-column-span: 3;
    grid-column-end: 3;
  }
  [data-grid-item~="xxxl:col-span-4"] {
    -ms-grid-column-span: 4;
    -ms-grid-column: span 4;
        grid-column-start: span 4;
    grid-column-end: span 4;
  }
  [data-grid-item~="xxxl:col-start-4"] {
    -ms-grid-column: 4;
        grid-column-start: 4;
  }
  [data-grid-item~="xxxl:col-end-4"] {
    -ms-grid-column-span: 4;
    grid-column-end: 4;
  }
  [data-grid-item~="xxxl:col-span-5"] {
    -ms-grid-column-span: 5;
    -ms-grid-column: span 5;
        grid-column-start: span 5;
    grid-column-end: span 5;
  }
  [data-grid-item~="xxxl:col-start-5"] {
    -ms-grid-column: 5;
        grid-column-start: 5;
  }
  [data-grid-item~="xxxl:col-end-5"] {
    -ms-grid-column-span: 5;
    grid-column-end: 5;
  }
  [data-grid-item~="xxxl:col-span-6"] {
    -ms-grid-column-span: 6;
    -ms-grid-column: span 6;
        grid-column-start: span 6;
    grid-column-end: span 6;
  }
  [data-grid-item~="xxxl:col-start-6"] {
    -ms-grid-column: 6;
        grid-column-start: 6;
  }
  [data-grid-item~="xxxl:col-end-6"] {
    -ms-grid-column-span: 6;
    grid-column-end: 6;
  }
  [data-grid-item~="xxxl:col-span-7"] {
    -ms-grid-column-span: 7;
    -ms-grid-column: span 7;
        grid-column-start: span 7;
    grid-column-end: span 7;
  }
  [data-grid-item~="xxxl:col-start-7"] {
    -ms-grid-column: 7;
        grid-column-start: 7;
  }
  [data-grid-item~="xxxl:col-end-7"] {
    -ms-grid-column-span: 7;
    grid-column-end: 7;
  }
  [data-grid-item~="xxxl:col-span-8"] {
    -ms-grid-column-span: 8;
    -ms-grid-column: span 8;
        grid-column-start: span 8;
    grid-column-end: span 8;
  }
  [data-grid-item~="xxxl:col-start-8"] {
    -ms-grid-column: 8;
        grid-column-start: 8;
  }
  [data-grid-item~="xxxl:col-end-8"] {
    -ms-grid-column-span: 8;
    grid-column-end: 8;
  }
  [data-grid-item~="xxxl:col-span-9"] {
    -ms-grid-column-span: 9;
    -ms-grid-column: span 9;
        grid-column-start: span 9;
    grid-column-end: span 9;
  }
  [data-grid-item~="xxxl:col-start-9"] {
    -ms-grid-column: 9;
        grid-column-start: 9;
  }
  [data-grid-item~="xxxl:col-end-9"] {
    -ms-grid-column-span: 9;
    grid-column-end: 9;
  }
  [data-grid-item~="xxxl:col-span-10"] {
    -ms-grid-column-span: 10;
    -ms-grid-column: span 10;
        grid-column-start: span 10;
    grid-column-end: span 10;
  }
  [data-grid-item~="xxxl:col-start-10"] {
    -ms-grid-column: 10;
        grid-column-start: 10;
  }
  [data-grid-item~="xxxl:col-end-10"] {
    -ms-grid-column-span: 10;
    grid-column-end: 10;
  }
  [data-grid-item~="xxxl:col-span-11"] {
    -ms-grid-column-span: 11;
    -ms-grid-column: span 11;
        grid-column-start: span 11;
    grid-column-end: span 11;
  }
  [data-grid-item~="xxxl:col-start-11"] {
    -ms-grid-column: 11;
        grid-column-start: 11;
  }
  [data-grid-item~="xxxl:col-end-11"] {
    -ms-grid-column-span: 11;
    grid-column-end: 11;
  }
  [data-grid-item~="xxxl:col-span-12"] {
    -ms-grid-column-span: 12;
    -ms-grid-column: span 12;
        grid-column-start: span 12;
    grid-column-end: span 12;
  }
  [data-grid-item~="xxxl:col-start-12"] {
    -ms-grid-column: 12;
        grid-column-start: 12;
  }
  [data-grid-item~="xxxl:col-end-12"] {
    -ms-grid-column-span: 12;
    grid-column-end: 12;
  }
  [data-grid-item~="xxxl:col-auto"] {
    -ms-grid-column-span: NaN;
    -ms-grid-column: auto;
        grid-column-start: auto;
    grid-column-end: auto;
  }
  [data-grid-item~="xxxl:col-full"] {
    -ms-grid-column-span: -2;
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: -1;
  }
  [data-grid-item~="xxxl:col-start-auto"] {
    -ms-grid-column: auto;
        grid-column-start: auto;
  }
  [data-grid-item~="xxxl:col-end-auto"] {
    -ms-grid-column-span: auto;
    grid-column-end: auto;
  }
  [data-grid~="xxxl:rows-1"] {
    -ms-grid-rows: (minmax(0, 1fr))[1];
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  [data-grid~="xxxl:rows-2"] {
    -ms-grid-rows: (minmax(0, 1fr))[2];
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  [data-grid~="xxxl:rows-3"] {
    -ms-grid-rows: (minmax(0, 1fr))[3];
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  [data-grid~="xxxl:rows-4"] {
    -ms-grid-rows: (minmax(0, 1fr))[4];
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  [data-grid~="xxxl:rows-5"] {
    -ms-grid-rows: (minmax(0, 1fr))[5];
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  [data-grid~="xxxl:rows-6"] {
    -ms-grid-rows: (minmax(0, 1fr))[6];
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  [data-grid-item~="xxxl:row-span-1"] {
    -ms-grid-row-span: 1;
    -ms-grid-row: span 1;
        grid-row-start: span 1;
    grid-row-end: span 1;
  }
  [data-grid-item~="xxxl:row-start-1"] {
    -ms-grid-row: 1;
        grid-row-start: 1;
  }
  [data-grid-item~="xxxl:row-end-1"] {
    -ms-grid-row-span: 1;
    grid-row-end: 1;
  }
  [data-grid-item~="xxxl:row-span-2"] {
    -ms-grid-row-span: 2;
    -ms-grid-row: span 2;
        grid-row-start: span 2;
    grid-row-end: span 2;
  }
  [data-grid-item~="xxxl:row-start-2"] {
    -ms-grid-row: 2;
        grid-row-start: 2;
  }
  [data-grid-item~="xxxl:row-end-2"] {
    -ms-grid-row-span: 2;
    grid-row-end: 2;
  }
  [data-grid-item~="xxxl:row-span-3"] {
    -ms-grid-row-span: 3;
    -ms-grid-row: span 3;
        grid-row-start: span 3;
    grid-row-end: span 3;
  }
  [data-grid-item~="xxxl:row-start-3"] {
    -ms-grid-row: 3;
        grid-row-start: 3;
  }
  [data-grid-item~="xxxl:row-end-3"] {
    -ms-grid-row-span: 3;
    grid-row-end: 3;
  }
  [data-grid-item~="xxxl:row-span-4"] {
    -ms-grid-row-span: 4;
    -ms-grid-row: span 4;
        grid-row-start: span 4;
    grid-row-end: span 4;
  }
  [data-grid-item~="xxxl:row-start-4"] {
    -ms-grid-row: 4;
        grid-row-start: 4;
  }
  [data-grid-item~="xxxl:row-end-4"] {
    -ms-grid-row-span: 4;
    grid-row-end: 4;
  }
  [data-grid-item~="xxxl:row-span-5"] {
    -ms-grid-row-span: 5;
    -ms-grid-row: span 5;
        grid-row-start: span 5;
    grid-row-end: span 5;
  }
  [data-grid-item~="xxxl:row-start-5"] {
    -ms-grid-row: 5;
        grid-row-start: 5;
  }
  [data-grid-item~="xxxl:row-end-5"] {
    -ms-grid-row-span: 5;
    grid-row-end: 5;
  }
  [data-grid-item~="xxxl:row-span-6"] {
    -ms-grid-row-span: 6;
    -ms-grid-row: span 6;
        grid-row-start: span 6;
    grid-row-end: span 6;
  }
  [data-grid-item~="xxxl:row-start-6"] {
    -ms-grid-row: 6;
        grid-row-start: 6;
  }
  [data-grid-item~="xxxl:row-end-6"] {
    -ms-grid-row-span: 6;
    grid-row-end: 6;
  }
  [data-grid-item~="xxxl:row-auto"] {
    -ms-grid-row-span: NaN;
    -ms-grid-row: auto;
        grid-row-start: auto;
    grid-row-end: auto;
  }
  [data-grid-item~="xxxl:row-full"] {
    -ms-grid-row-span: -2;
    -ms-grid-row: 1;
        grid-row-start: 1;
    grid-row-end: -1;
  }
  [data-grid-item~="xxxl:row-start-auto"] {
    -ms-grid-row: auto;
        grid-row-start: auto;
  }
  [data-grid-item~="xxxl:row-end-auto"] {
    -ms-grid-row-span: auto;
    grid-row-end: auto;
  }
  [data-order~="xxxl:0"] {
    order: 0;
  }
  [data-order~="xxxl:-1"] {
    order: calc(1 * -1);
  }
  [data-order~="xxxl:1"] {
    order: 1;
  }
  [data-order~="xxxl:-2"] {
    order: calc(2 * -1);
  }
  [data-order~="xxxl:2"] {
    order: 2;
  }
  [data-order~="xxxl:-3"] {
    order: calc(3 * -1);
  }
  [data-order~="xxxl:3"] {
    order: 3;
  }
  [data-order~="xxxl:-4"] {
    order: calc(4 * -1);
  }
  [data-order~="xxxl:4"] {
    order: 4;
  }
  [data-place~="xxxl:start"] {
    justify-content: flex-start;
  }
  [data-place~="xxxl:center"] {
    justify-content: center;
  }
  [data-place~="xxxl:end"] {
    justify-content: flex-end;
  }
  [data-place~="xxxl:between"] {
    justify-content: space-between;
  }
  [data-place~="xxxl:first"] {
    align-items: flex-start;
  }
  [data-place~="xxxl:middle"] {
    align-items: center;
  }
  [data-place~="xxxl:last"] {
    align-items: flex-end;
  }
  [data-place~="xxxl:stretch"] {
    align-items: stretch;
  }
  [data-place~="xxxl:+start"] {
    align-content: flex-start;
    justify-content: flex-start;
  }
  [data-place~="xxxl:+center"] {
    align-content: center;
    justify-content: center;
  }
  [data-place~="xxxl:+end"] {
    align-content: flex-end;
    justify-content: flex-end;
  }
  [data-place~="xxxl:+between"] {
    align-content: space-between;
    justify-content: space-between;
  }
  [data-place~="xxxl:+first"] {
    align-items: flex-start;
    justify-items: flex-start;
  }
  [data-place~="xxxl:+middle"] {
    align-items: center;
    justify-items: center;
  }
  [data-place~="xxxl:+last"] {
    align-items: flex-end;
    justify-items: flex-end;
  }
  [data-place~="xxxl:+stretch"] {
    align-items: stretch;
    justify-items: stretch;
  }
}
@media screen and (min-width: 1920px) {
  .l-spacer[class][data-space~="xxxl:reset"] {
    padding: 0;
  }
  .l-spacer[class][data-space~="xxxl:resetTop"] {
    padding-top: 0;
  }
  .l-spacer[class][data-space~="xxxl:resetBottom"] {
    padding-bottom: 0;
  }
  .l-spacer[class][data-space-py~="xxxl:0"] {
    padding-top: calc((4 * 0) / 10 * 1rem);
    padding-bottom: calc((4 * 0) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:0"] {
    padding-top: calc((4 * 0) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:0"] {
    padding-bottom: calc((4 * 0) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:1"] {
    padding-top: calc((4 * 1) / 10 * 1rem);
    padding-bottom: calc((4 * 1) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:1"] {
    padding-top: calc((4 * 1) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:1"] {
    padding-bottom: calc((4 * 1) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:2"] {
    padding-top: calc((4 * 2) / 10 * 1rem);
    padding-bottom: calc((4 * 2) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:2"] {
    padding-top: calc((4 * 2) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:2"] {
    padding-bottom: calc((4 * 2) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:3"] {
    padding-top: calc((4 * 3) / 10 * 1rem);
    padding-bottom: calc((4 * 3) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:3"] {
    padding-top: calc((4 * 3) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:3"] {
    padding-bottom: calc((4 * 3) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:4"] {
    padding-top: calc((4 * 4) / 10 * 1rem);
    padding-bottom: calc((4 * 4) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:4"] {
    padding-top: calc((4 * 4) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:4"] {
    padding-bottom: calc((4 * 4) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:5"] {
    padding-top: calc((4 * 5) / 10 * 1rem);
    padding-bottom: calc((4 * 5) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:5"] {
    padding-top: calc((4 * 5) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:5"] {
    padding-bottom: calc((4 * 5) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:6"] {
    padding-top: calc((4 * 6) / 10 * 1rem);
    padding-bottom: calc((4 * 6) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:6"] {
    padding-top: calc((4 * 6) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:6"] {
    padding-bottom: calc((4 * 6) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:7"] {
    padding-top: calc((4 * 7) / 10 * 1rem);
    padding-bottom: calc((4 * 7) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:7"] {
    padding-top: calc((4 * 7) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:7"] {
    padding-bottom: calc((4 * 7) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:8"] {
    padding-top: calc((4 * 8) / 10 * 1rem);
    padding-bottom: calc((4 * 8) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:8"] {
    padding-top: calc((4 * 8) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:8"] {
    padding-bottom: calc((4 * 8) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:9"] {
    padding-top: calc((4 * 9) / 10 * 1rem);
    padding-bottom: calc((4 * 9) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:9"] {
    padding-top: calc((4 * 9) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:9"] {
    padding-bottom: calc((4 * 9) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:10"] {
    padding-top: calc((4 * 10) / 10 * 1rem);
    padding-bottom: calc((4 * 10) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:10"] {
    padding-top: calc((4 * 10) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:10"] {
    padding-bottom: calc((4 * 10) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:11"] {
    padding-top: calc((4 * 11) / 10 * 1rem);
    padding-bottom: calc((4 * 11) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:11"] {
    padding-top: calc((4 * 11) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:11"] {
    padding-bottom: calc((4 * 11) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:12"] {
    padding-top: calc((4 * 12) / 10 * 1rem);
    padding-bottom: calc((4 * 12) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:12"] {
    padding-top: calc((4 * 12) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:12"] {
    padding-bottom: calc((4 * 12) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:13"] {
    padding-top: calc((4 * 13) / 10 * 1rem);
    padding-bottom: calc((4 * 13) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:13"] {
    padding-top: calc((4 * 13) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:13"] {
    padding-bottom: calc((4 * 13) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:14"] {
    padding-top: calc((4 * 14) / 10 * 1rem);
    padding-bottom: calc((4 * 14) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:14"] {
    padding-top: calc((4 * 14) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:14"] {
    padding-bottom: calc((4 * 14) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:15"] {
    padding-top: calc((4 * 15) / 10 * 1rem);
    padding-bottom: calc((4 * 15) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:15"] {
    padding-top: calc((4 * 15) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:15"] {
    padding-bottom: calc((4 * 15) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:16"] {
    padding-top: calc((4 * 16) / 10 * 1rem);
    padding-bottom: calc((4 * 16) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:16"] {
    padding-top: calc((4 * 16) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:16"] {
    padding-bottom: calc((4 * 16) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:17"] {
    padding-top: calc((4 * 17) / 10 * 1rem);
    padding-bottom: calc((4 * 17) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:17"] {
    padding-top: calc((4 * 17) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:17"] {
    padding-bottom: calc((4 * 17) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:18"] {
    padding-top: calc((4 * 18) / 10 * 1rem);
    padding-bottom: calc((4 * 18) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:18"] {
    padding-top: calc((4 * 18) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:18"] {
    padding-bottom: calc((4 * 18) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:19"] {
    padding-top: calc((4 * 19) / 10 * 1rem);
    padding-bottom: calc((4 * 19) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:19"] {
    padding-top: calc((4 * 19) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:19"] {
    padding-bottom: calc((4 * 19) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:20"] {
    padding-top: calc((4 * 20) / 10 * 1rem);
    padding-bottom: calc((4 * 20) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:20"] {
    padding-top: calc((4 * 20) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:20"] {
    padding-bottom: calc((4 * 20) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:21"] {
    padding-top: calc((4 * 21) / 10 * 1rem);
    padding-bottom: calc((4 * 21) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:21"] {
    padding-top: calc((4 * 21) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:21"] {
    padding-bottom: calc((4 * 21) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:22"] {
    padding-top: calc((4 * 22) / 10 * 1rem);
    padding-bottom: calc((4 * 22) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:22"] {
    padding-top: calc((4 * 22) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:22"] {
    padding-bottom: calc((4 * 22) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:23"] {
    padding-top: calc((4 * 23) / 10 * 1rem);
    padding-bottom: calc((4 * 23) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:23"] {
    padding-top: calc((4 * 23) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:23"] {
    padding-bottom: calc((4 * 23) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:24"] {
    padding-top: calc((4 * 24) / 10 * 1rem);
    padding-bottom: calc((4 * 24) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:24"] {
    padding-top: calc((4 * 24) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:24"] {
    padding-bottom: calc((4 * 24) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:25"] {
    padding-top: calc((4 * 25) / 10 * 1rem);
    padding-bottom: calc((4 * 25) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:25"] {
    padding-top: calc((4 * 25) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:25"] {
    padding-bottom: calc((4 * 25) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:26"] {
    padding-top: calc((4 * 26) / 10 * 1rem);
    padding-bottom: calc((4 * 26) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:26"] {
    padding-top: calc((4 * 26) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:26"] {
    padding-bottom: calc((4 * 26) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:27"] {
    padding-top: calc((4 * 27) / 10 * 1rem);
    padding-bottom: calc((4 * 27) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:27"] {
    padding-top: calc((4 * 27) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:27"] {
    padding-bottom: calc((4 * 27) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:28"] {
    padding-top: calc((4 * 28) / 10 * 1rem);
    padding-bottom: calc((4 * 28) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:28"] {
    padding-top: calc((4 * 28) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:28"] {
    padding-bottom: calc((4 * 28) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:29"] {
    padding-top: calc((4 * 29) / 10 * 1rem);
    padding-bottom: calc((4 * 29) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:29"] {
    padding-top: calc((4 * 29) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:29"] {
    padding-bottom: calc((4 * 29) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:30"] {
    padding-top: calc((4 * 30) / 10 * 1rem);
    padding-bottom: calc((4 * 30) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:30"] {
    padding-top: calc((4 * 30) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:30"] {
    padding-bottom: calc((4 * 30) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:31"] {
    padding-top: calc((4 * 31) / 10 * 1rem);
    padding-bottom: calc((4 * 31) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:31"] {
    padding-top: calc((4 * 31) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:31"] {
    padding-bottom: calc((4 * 31) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:32"] {
    padding-top: calc((4 * 32) / 10 * 1rem);
    padding-bottom: calc((4 * 32) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:32"] {
    padding-top: calc((4 * 32) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:32"] {
    padding-bottom: calc((4 * 32) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:33"] {
    padding-top: calc((4 * 33) / 10 * 1rem);
    padding-bottom: calc((4 * 33) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:33"] {
    padding-top: calc((4 * 33) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:33"] {
    padding-bottom: calc((4 * 33) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:34"] {
    padding-top: calc((4 * 34) / 10 * 1rem);
    padding-bottom: calc((4 * 34) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:34"] {
    padding-top: calc((4 * 34) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:34"] {
    padding-bottom: calc((4 * 34) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:35"] {
    padding-top: calc((4 * 35) / 10 * 1rem);
    padding-bottom: calc((4 * 35) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:35"] {
    padding-top: calc((4 * 35) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:35"] {
    padding-bottom: calc((4 * 35) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:36"] {
    padding-top: calc((4 * 36) / 10 * 1rem);
    padding-bottom: calc((4 * 36) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:36"] {
    padding-top: calc((4 * 36) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:36"] {
    padding-bottom: calc((4 * 36) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:37"] {
    padding-top: calc((4 * 37) / 10 * 1rem);
    padding-bottom: calc((4 * 37) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:37"] {
    padding-top: calc((4 * 37) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:37"] {
    padding-bottom: calc((4 * 37) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:38"] {
    padding-top: calc((4 * 38) / 10 * 1rem);
    padding-bottom: calc((4 * 38) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:38"] {
    padding-top: calc((4 * 38) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:38"] {
    padding-bottom: calc((4 * 38) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:39"] {
    padding-top: calc((4 * 39) / 10 * 1rem);
    padding-bottom: calc((4 * 39) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:39"] {
    padding-top: calc((4 * 39) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:39"] {
    padding-bottom: calc((4 * 39) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:40"] {
    padding-top: calc((4 * 40) / 10 * 1rem);
    padding-bottom: calc((4 * 40) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:40"] {
    padding-top: calc((4 * 40) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:40"] {
    padding-bottom: calc((4 * 40) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:41"] {
    padding-top: calc((4 * 41) / 10 * 1rem);
    padding-bottom: calc((4 * 41) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:41"] {
    padding-top: calc((4 * 41) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:41"] {
    padding-bottom: calc((4 * 41) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:42"] {
    padding-top: calc((4 * 42) / 10 * 1rem);
    padding-bottom: calc((4 * 42) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:42"] {
    padding-top: calc((4 * 42) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:42"] {
    padding-bottom: calc((4 * 42) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:43"] {
    padding-top: calc((4 * 43) / 10 * 1rem);
    padding-bottom: calc((4 * 43) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:43"] {
    padding-top: calc((4 * 43) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:43"] {
    padding-bottom: calc((4 * 43) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:44"] {
    padding-top: calc((4 * 44) / 10 * 1rem);
    padding-bottom: calc((4 * 44) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:44"] {
    padding-top: calc((4 * 44) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:44"] {
    padding-bottom: calc((4 * 44) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:45"] {
    padding-top: calc((4 * 45) / 10 * 1rem);
    padding-bottom: calc((4 * 45) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:45"] {
    padding-top: calc((4 * 45) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:45"] {
    padding-bottom: calc((4 * 45) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:46"] {
    padding-top: calc((4 * 46) / 10 * 1rem);
    padding-bottom: calc((4 * 46) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:46"] {
    padding-top: calc((4 * 46) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:46"] {
    padding-bottom: calc((4 * 46) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:47"] {
    padding-top: calc((4 * 47) / 10 * 1rem);
    padding-bottom: calc((4 * 47) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:47"] {
    padding-top: calc((4 * 47) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:47"] {
    padding-bottom: calc((4 * 47) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:48"] {
    padding-top: calc((4 * 48) / 10 * 1rem);
    padding-bottom: calc((4 * 48) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:48"] {
    padding-top: calc((4 * 48) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:48"] {
    padding-bottom: calc((4 * 48) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:49"] {
    padding-top: calc((4 * 49) / 10 * 1rem);
    padding-bottom: calc((4 * 49) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:49"] {
    padding-top: calc((4 * 49) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:49"] {
    padding-bottom: calc((4 * 49) / 10 * 1rem);
  }
  .l-spacer[class][data-space-py~="xxxl:50"] {
    padding-top: calc((4 * 50) / 10 * 1rem);
    padding-bottom: calc((4 * 50) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pt~="xxxl:50"] {
    padding-top: calc((4 * 50) / 10 * 1rem);
  }
  .l-spacer[class][data-space-pb~="xxxl:50"] {
    padding-bottom: calc((4 * 50) / 10 * 1rem);
  }
  .u-ta[data-text-align~="xxxl:left"] {
    text-align: left;
  }
  .u-ta[data-text-align~="xxxl:center"] {
    text-align: center;
  }
  .u-ta[data-text-align~="xxxl:right"] {
    text-align: right;
  }
  .u-d[data-display~="xxxl:none"] {
    display: none;
  }
  .u-d[data-display~="xxxl:inline"] {
    display: inline;
  }
  .u-d[data-display~="xxxl:block"] {
    display: block;
  }
  .u-d[data-display~="xxxl:inline-block"] {
    display: inline-block;
  }
  .u-fz[data-font-size~="xxxl:10"] {
    font-size: 1rem;
  }
  .u-fz[data-font-size~="xxxl:11"] {
    font-size: 1.1rem;
  }
  .u-fz[data-font-size~="xxxl:12"] {
    font-size: 1.2rem;
  }
  .u-fz[data-font-size~="xxxl:13"] {
    font-size: 1.3rem;
  }
  .u-fz[data-font-size~="xxxl:14"] {
    font-size: 1.4rem;
  }
  .u-fz[data-font-size~="xxxl:15"] {
    font-size: 1.5rem;
  }
  .u-fz[data-font-size~="xxxl:16"] {
    font-size: 1.6rem;
  }
  .u-fz[data-font-size~="xxxl:17"] {
    font-size: 1.7rem;
  }
  .u-fz[data-font-size~="xxxl:18"] {
    font-size: 1.8rem;
  }
  .u-fz[data-font-size~="xxxl:19"] {
    font-size: 1.9rem;
  }
  .u-fz[data-font-size~="xxxl:20"] {
    font-size: 2rem;
  }
  .u-fz[data-font-size~="xxxl:21"] {
    font-size: 2.1rem;
  }
  .u-fz[data-font-size~="xxxl:22"] {
    font-size: 2.2rem;
  }
  .u-fz[data-font-size~="xxxl:23"] {
    font-size: 2.3rem;
  }
  .u-fz[data-font-size~="xxxl:24"] {
    font-size: 2.4rem;
  }
  .u-fz[data-font-size~="xxxl:25"] {
    font-size: 2.5rem;
  }
  .u-fz[data-font-size~="xxxl:26"] {
    font-size: 2.6rem;
  }
  .u-fz[data-font-size~="xxxl:27"] {
    font-size: 2.7rem;
  }
  .u-fz[data-font-size~="xxxl:28"] {
    font-size: 2.8rem;
  }
  .u-fz[data-font-size~="xxxl:29"] {
    font-size: 2.9rem;
  }
  .u-fz[data-font-size~="xxxl:30"] {
    font-size: 3rem;
  }
  .u-fz[data-font-size~="xxxl:31"] {
    font-size: 3.1rem;
  }
  .u-fz[data-font-size~="xxxl:32"] {
    font-size: 3.2rem;
  }
  .u-fz[data-font-size~="xxxl:33"] {
    font-size: 3.3rem;
  }
  .u-fz[data-font-size~="xxxl:34"] {
    font-size: 3.4rem;
  }
  .u-fz[data-font-size~="xxxl:35"] {
    font-size: 3.5rem;
  }
  .u-fz[data-font-size~="xxxl:36"] {
    font-size: 3.6rem;
  }
  .u-fz[data-font-size~="xxxl:37"] {
    font-size: 3.7rem;
  }
  .u-fz[data-font-size~="xxxl:38"] {
    font-size: 3.8rem;
  }
  .u-fz[data-font-size~="xxxl:39"] {
    font-size: 3.9rem;
  }
  .u-fz[data-font-size~="xxxl:40"] {
    font-size: 4rem;
  }
  .u-fz[data-font-size~="xxxl:41"] {
    font-size: 4.1rem;
  }
  .u-fz[data-font-size~="xxxl:42"] {
    font-size: 4.2rem;
  }
  .u-fz[data-font-size~="xxxl:43"] {
    font-size: 4.3rem;
  }
  .u-fz[data-font-size~="xxxl:44"] {
    font-size: 4.4rem;
  }
  .u-fz[data-font-size~="xxxl:45"] {
    font-size: 4.5rem;
  }
  .u-fz[data-font-size~="xxxl:46"] {
    font-size: 4.6rem;
  }
  .u-fz[data-font-size~="xxxl:47"] {
    font-size: 4.7rem;
  }
  .u-fz[data-font-size~="xxxl:48"] {
    font-size: 4.8rem;
  }
  .u-fz[data-font-size~="xxxl:49"] {
    font-size: 4.9rem;
  }
  .u-fz[data-font-size~="xxxl:50"] {
    font-size: 5rem;
  }
  .u-fz[data-font-size~="xxxl:51"] {
    font-size: 5.1rem;
  }
  .u-fz[data-font-size~="xxxl:52"] {
    font-size: 5.2rem;
  }
  .u-fz[data-font-size~="xxxl:53"] {
    font-size: 5.3rem;
  }
  .u-fz[data-font-size~="xxxl:54"] {
    font-size: 5.4rem;
  }
  .u-fz[data-font-size~="xxxl:55"] {
    font-size: 5.5rem;
  }
  .u-fz[data-font-size~="xxxl:56"] {
    font-size: 5.6rem;
  }
  .u-fz[data-font-size~="xxxl:57"] {
    font-size: 5.7rem;
  }
  .u-fz[data-font-size~="xxxl:58"] {
    font-size: 5.8rem;
  }
  .u-fz[data-font-size~="xxxl:59"] {
    font-size: 5.9rem;
  }
  .u-fz[data-font-size~="xxxl:60"] {
    font-size: 6rem;
  }
  .u-fz[data-font-size~="xxxl:61"] {
    font-size: 6.1rem;
  }
  .u-fz[data-font-size~="xxxl:62"] {
    font-size: 6.2rem;
  }
  .u-fz[data-font-size~="xxxl:63"] {
    font-size: 6.3rem;
  }
  .u-fz[data-font-size~="xxxl:64"] {
    font-size: 6.4rem;
  }
  .u-fz[data-font-size~="xxxl:65"] {
    font-size: 6.5rem;
  }
  .u-fz[data-font-size~="xxxl:66"] {
    font-size: 6.6rem;
  }
  .u-fz[data-font-size~="xxxl:67"] {
    font-size: 6.7rem;
  }
  .u-fz[data-font-size~="xxxl:68"] {
    font-size: 6.8rem;
  }
  .u-fz[data-font-size~="xxxl:69"] {
    font-size: 6.9rem;
  }
  .u-fz[data-font-size~="xxxl:70"] {
    font-size: 7rem;
  }
  .u-fz[data-font-size~="xxxl:71"] {
    font-size: 7.1rem;
  }
  .u-fz[data-font-size~="xxxl:72"] {
    font-size: 7.2rem;
  }
  .u-fz[data-font-size~="xxxl:73"] {
    font-size: 7.3rem;
  }
  .u-fz[data-font-size~="xxxl:74"] {
    font-size: 7.4rem;
  }
  .u-fz[data-font-size~="xxxl:75"] {
    font-size: 7.5rem;
  }
  .u-fz[data-font-size~="xxxl:76"] {
    font-size: 7.6rem;
  }
  .u-fz[data-font-size~="xxxl:77"] {
    font-size: 7.7rem;
  }
  .u-fz[data-font-size~="xxxl:78"] {
    font-size: 7.8rem;
  }
  .u-fz[data-font-size~="xxxl:79"] {
    font-size: 7.9rem;
  }
  .u-fz[data-font-size~="xxxl:80"] {
    font-size: 8rem;
  }
  .u-mt[data-mt-size~="xxxl:5"] {
    margin-top: 0.5rem;
  }
  .u-mt[data-mt-size~="5"] {
    margin-top: 0.5rem;
  }
  .u-mt[data-mt-size~="xxxl:10"] {
    margin-top: 1rem;
  }
  .u-mt[data-mt-size~="10"] {
    margin-top: 1rem;
  }
  .u-mt[data-mt-size~="xxxl:15"] {
    margin-top: 1.5rem;
  }
  .u-mt[data-mt-size~="15"] {
    margin-top: 1.5rem;
  }
  .u-mt[data-mt-size~="xxxl:20"] {
    margin-top: 2rem;
  }
  .u-mt[data-mt-size~="20"] {
    margin-top: 2rem;
  }
  .u-mt[data-mt-size~="xxxl:25"] {
    margin-top: 2.5rem;
  }
  .u-mt[data-mt-size~="25"] {
    margin-top: 2.5rem;
  }
  .u-mt[data-mt-size~="xxxl:30"] {
    margin-top: 3rem;
  }
  .u-mt[data-mt-size~="30"] {
    margin-top: 3rem;
  }
  .u-mt[data-mt-size~="xxxl:35"] {
    margin-top: 3.5rem;
  }
  .u-mt[data-mt-size~="35"] {
    margin-top: 3.5rem;
  }
  .u-mt[data-mt-size~="xxxl:40"] {
    margin-top: 4rem;
  }
  .u-mt[data-mt-size~="40"] {
    margin-top: 4rem;
  }
  .u-mt[data-mt-size~="xxxl:45"] {
    margin-top: 4.5rem;
  }
  .u-mt[data-mt-size~="45"] {
    margin-top: 4.5rem;
  }
  .u-mt[data-mt-size~="xxxl:50"] {
    margin-top: 5rem;
  }
  .u-mt[data-mt-size~="50"] {
    margin-top: 5rem;
  }
  .u-mt[data-mt-size~="xxxl:55"] {
    margin-top: 5.5rem;
  }
  .u-mt[data-mt-size~="55"] {
    margin-top: 5.5rem;
  }
  .u-mt[data-mt-size~="xxxl:60"] {
    margin-top: 6rem;
  }
  .u-mt[data-mt-size~="60"] {
    margin-top: 6rem;
  }
  .u-mt[data-mt-size~="xxxl:65"] {
    margin-top: 6.5rem;
  }
  .u-mt[data-mt-size~="65"] {
    margin-top: 6.5rem;
  }
  .u-mt[data-mt-size~="xxxl:70"] {
    margin-top: 7rem;
  }
  .u-mt[data-mt-size~="70"] {
    margin-top: 7rem;
  }
  .u-mt[data-mt-size~="xxxl:75"] {
    margin-top: 7.5rem;
  }
  .u-mt[data-mt-size~="75"] {
    margin-top: 7.5rem;
  }
  .u-mt[data-mt-size~="xxxl:80"] {
    margin-top: 8rem;
  }
  .u-mt[data-mt-size~="80"] {
    margin-top: 8rem;
  }
  .u-mt[data-mt-size~="xxxl:85"] {
    margin-top: 8.5rem;
  }
  .u-mt[data-mt-size~="85"] {
    margin-top: 8.5rem;
  }
  .u-mt[data-mt-size~="xxxl:90"] {
    margin-top: 9rem;
  }
  .u-mt[data-mt-size~="90"] {
    margin-top: 9rem;
  }
  .u-mt[data-mt-size~="xxxl:95"] {
    margin-top: 9.5rem;
  }
  .u-mt[data-mt-size~="95"] {
    margin-top: 9.5rem;
  }
  .u-mt[data-mt-size~="xxxl:100"] {
    margin-top: 10rem;
  }
  .u-mt[data-mt-size~="100"] {
    margin-top: 10rem;
  }
  .u-mb[data-mb-size~="xxxl:5"] {
    margin-bottom: 0.5rem;
  }
  .u-mb[data-mb-size~="xxxl:10"] {
    margin-bottom: 1rem;
  }
  .u-mb[data-mb-size~="xxxl:15"] {
    margin-bottom: 1.5rem;
  }
  .u-mb[data-mb-size~="xxxl:20"] {
    margin-bottom: 2rem;
  }
  .u-mb[data-mb-size~="xxxl:25"] {
    margin-bottom: 2.5rem;
  }
  .u-mb[data-mb-size~="xxxl:30"] {
    margin-bottom: 3rem;
  }
  .u-mb[data-mb-size~="xxxl:35"] {
    margin-bottom: 3.5rem;
  }
  .u-mb[data-mb-size~="xxxl:40"] {
    margin-bottom: 4rem;
  }
  .u-mb[data-mb-size~="xxxl:45"] {
    margin-bottom: 4.5rem;
  }
  .u-mb[data-mb-size~="xxxl:50"] {
    margin-bottom: 5rem;
  }
  .u-mb[data-mb-size~="xxxl:55"] {
    margin-bottom: 5.5rem;
  }
  .u-mb[data-mb-size~="xxxl:60"] {
    margin-bottom: 6rem;
  }
  .u-mb[data-mb-size~="xxxl:65"] {
    margin-bottom: 6.5rem;
  }
  .u-mb[data-mb-size~="xxxl:70"] {
    margin-bottom: 7rem;
  }
  .u-mb[data-mb-size~="xxxl:75"] {
    margin-bottom: 7.5rem;
  }
  .u-mb[data-mb-size~="xxxl:80"] {
    margin-bottom: 8rem;
  }
  .u-mb[data-mb-size~="xxxl:85"] {
    margin-bottom: 8.5rem;
  }
  .u-mb[data-mb-size~="xxxl:90"] {
    margin-bottom: 9rem;
  }
  .u-mb[data-mb-size~="xxxl:95"] {
    margin-bottom: 9.5rem;
  }
  .u-mb[data-mb-size~="xxxl:100"] {
    margin-bottom: 10rem;
  }
  .u-mb[data-mb-size~="xxxl:xxxs"] {
    margin-bottom: 1rem;
  }
  .u-mb[data-mb-size~="xxxl:xxs"] {
    margin-bottom: 2rem;
  }
  .u-mb[data-mb-size~="xxxl:xs"] {
    margin-bottom: 4rem;
  }
  .u-mb[data-mb-size~="xxxl:sm"] {
    margin-bottom: 6rem;
  }
  .u-mb[data-mb-size~="xxxl:md"] {
    margin-bottom: 8rem;
  }
  .u-mb[data-mb-size~="xxxl:lg"] {
    margin-bottom: 10rem;
  }
  .u-mb[data-mb-size~="xxxl:xl"] {
    margin-bottom: 12rem;
  }
  .u-mb[data-mb-size~="xxxl:xxl"] {
    margin-bottom: 16rem;
  }
  .u-mb[data-mb-size~="xxxl:xxxl"] {
    margin-bottom: 20rem;
  }
  .u-w[data-width~="xxxl:1pct"] {
    width: 1%;
  }
  .u-w[data-width~="xxxl:2pct"] {
    width: 2%;
  }
  .u-w[data-width~="xxxl:3pct"] {
    width: 3%;
  }
  .u-w[data-width~="xxxl:4pct"] {
    width: 4%;
  }
  .u-w[data-width~="xxxl:5pct"] {
    width: 5%;
  }
  .u-w[data-width~="xxxl:6pct"] {
    width: 6%;
  }
  .u-w[data-width~="xxxl:7pct"] {
    width: 7%;
  }
  .u-w[data-width~="xxxl:8pct"] {
    width: 8%;
  }
  .u-w[data-width~="xxxl:9pct"] {
    width: 9%;
  }
  .u-w[data-width~="xxxl:10pct"] {
    width: 10%;
  }
  .u-w[data-width~="xxxl:11pct"] {
    width: 11%;
  }
  .u-w[data-width~="xxxl:12pct"] {
    width: 12%;
  }
  .u-w[data-width~="xxxl:13pct"] {
    width: 13%;
  }
  .u-w[data-width~="xxxl:14pct"] {
    width: 14%;
  }
  .u-w[data-width~="xxxl:15pct"] {
    width: 15%;
  }
  .u-w[data-width~="xxxl:16pct"] {
    width: 16%;
  }
  .u-w[data-width~="xxxl:17pct"] {
    width: 17%;
  }
  .u-w[data-width~="xxxl:18pct"] {
    width: 18%;
  }
  .u-w[data-width~="xxxl:19pct"] {
    width: 19%;
  }
  .u-w[data-width~="xxxl:20pct"] {
    width: 20%;
  }
  .u-w[data-width~="xxxl:21pct"] {
    width: 21%;
  }
  .u-w[data-width~="xxxl:22pct"] {
    width: 22%;
  }
  .u-w[data-width~="xxxl:23pct"] {
    width: 23%;
  }
  .u-w[data-width~="xxxl:24pct"] {
    width: 24%;
  }
  .u-w[data-width~="xxxl:25pct"] {
    width: 25%;
  }
  .u-w[data-width~="xxxl:26pct"] {
    width: 26%;
  }
  .u-w[data-width~="xxxl:27pct"] {
    width: 27%;
  }
  .u-w[data-width~="xxxl:28pct"] {
    width: 28%;
  }
  .u-w[data-width~="xxxl:29pct"] {
    width: 29%;
  }
  .u-w[data-width~="xxxl:30pct"] {
    width: 30%;
  }
  .u-w[data-width~="xxxl:31pct"] {
    width: 31%;
  }
  .u-w[data-width~="xxxl:32pct"] {
    width: 32%;
  }
  .u-w[data-width~="xxxl:33pct"] {
    width: 33%;
  }
  .u-w[data-width~="xxxl:34pct"] {
    width: 34%;
  }
  .u-w[data-width~="xxxl:35pct"] {
    width: 35%;
  }
  .u-w[data-width~="xxxl:36pct"] {
    width: 36%;
  }
  .u-w[data-width~="xxxl:37pct"] {
    width: 37%;
  }
  .u-w[data-width~="xxxl:38pct"] {
    width: 38%;
  }
  .u-w[data-width~="xxxl:39pct"] {
    width: 39%;
  }
  .u-w[data-width~="xxxl:40pct"] {
    width: 40%;
  }
  .u-w[data-width~="xxxl:41pct"] {
    width: 41%;
  }
  .u-w[data-width~="xxxl:42pct"] {
    width: 42%;
  }
  .u-w[data-width~="xxxl:43pct"] {
    width: 43%;
  }
  .u-w[data-width~="xxxl:44pct"] {
    width: 44%;
  }
  .u-w[data-width~="xxxl:45pct"] {
    width: 45%;
  }
  .u-w[data-width~="xxxl:46pct"] {
    width: 46%;
  }
  .u-w[data-width~="xxxl:47pct"] {
    width: 47%;
  }
  .u-w[data-width~="xxxl:48pct"] {
    width: 48%;
  }
  .u-w[data-width~="xxxl:49pct"] {
    width: 49%;
  }
  .u-w[data-width~="xxxl:50pct"] {
    width: 50%;
  }
  .u-w[data-width~="xxxl:51pct"] {
    width: 51%;
  }
  .u-w[data-width~="xxxl:52pct"] {
    width: 52%;
  }
  .u-w[data-width~="xxxl:53pct"] {
    width: 53%;
  }
  .u-w[data-width~="xxxl:54pct"] {
    width: 54%;
  }
  .u-w[data-width~="xxxl:55pct"] {
    width: 55%;
  }
  .u-w[data-width~="xxxl:56pct"] {
    width: 56%;
  }
  .u-w[data-width~="xxxl:57pct"] {
    width: 57%;
  }
  .u-w[data-width~="xxxl:58pct"] {
    width: 58%;
  }
  .u-w[data-width~="xxxl:59pct"] {
    width: 59%;
  }
  .u-w[data-width~="xxxl:60pct"] {
    width: 60%;
  }
  .u-w[data-width~="xxxl:61pct"] {
    width: 61%;
  }
  .u-w[data-width~="xxxl:62pct"] {
    width: 62%;
  }
  .u-w[data-width~="xxxl:63pct"] {
    width: 63%;
  }
  .u-w[data-width~="xxxl:64pct"] {
    width: 64%;
  }
  .u-w[data-width~="xxxl:65pct"] {
    width: 65%;
  }
  .u-w[data-width~="xxxl:66pct"] {
    width: 66%;
  }
  .u-w[data-width~="xxxl:67pct"] {
    width: 67%;
  }
  .u-w[data-width~="xxxl:68pct"] {
    width: 68%;
  }
  .u-w[data-width~="xxxl:69pct"] {
    width: 69%;
  }
  .u-w[data-width~="xxxl:70pct"] {
    width: 70%;
  }
  .u-w[data-width~="xxxl:71pct"] {
    width: 71%;
  }
  .u-w[data-width~="xxxl:72pct"] {
    width: 72%;
  }
  .u-w[data-width~="xxxl:73pct"] {
    width: 73%;
  }
  .u-w[data-width~="xxxl:74pct"] {
    width: 74%;
  }
  .u-w[data-width~="xxxl:75pct"] {
    width: 75%;
  }
  .u-w[data-width~="xxxl:76pct"] {
    width: 76%;
  }
  .u-w[data-width~="xxxl:77pct"] {
    width: 77%;
  }
  .u-w[data-width~="xxxl:78pct"] {
    width: 78%;
  }
  .u-w[data-width~="xxxl:79pct"] {
    width: 79%;
  }
  .u-w[data-width~="xxxl:80pct"] {
    width: 80%;
  }
  .u-w[data-width~="xxxl:81pct"] {
    width: 81%;
  }
  .u-w[data-width~="xxxl:82pct"] {
    width: 82%;
  }
  .u-w[data-width~="xxxl:83pct"] {
    width: 83%;
  }
  .u-w[data-width~="xxxl:84pct"] {
    width: 84%;
  }
  .u-w[data-width~="xxxl:85pct"] {
    width: 85%;
  }
  .u-w[data-width~="xxxl:86pct"] {
    width: 86%;
  }
  .u-w[data-width~="xxxl:87pct"] {
    width: 87%;
  }
  .u-w[data-width~="xxxl:88pct"] {
    width: 88%;
  }
  .u-w[data-width~="xxxl:89pct"] {
    width: 89%;
  }
  .u-w[data-width~="xxxl:90pct"] {
    width: 90%;
  }
  .u-w[data-width~="xxxl:91pct"] {
    width: 91%;
  }
  .u-w[data-width~="xxxl:92pct"] {
    width: 92%;
  }
  .u-w[data-width~="xxxl:93pct"] {
    width: 93%;
  }
  .u-w[data-width~="xxxl:94pct"] {
    width: 94%;
  }
  .u-w[data-width~="xxxl:95pct"] {
    width: 95%;
  }
  .u-w[data-width~="xxxl:96pct"] {
    width: 96%;
  }
  .u-w[data-width~="xxxl:97pct"] {
    width: 97%;
  }
  .u-w[data-width~="xxxl:98pct"] {
    width: 98%;
  }
  .u-w[data-width~="xxxl:99pct"] {
    width: 99%;
  }
  .u-w[data-width~="xxxl:100pct"] {
    width: 100%;
  }
}

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