@charset "UTF-8";
/*! Olayout CSS v1.0.0 | MIT License | https://github.com/hirosiva/olayout */
/*! Olayout CSS v1.0.0 | MIT License | https://github.com/hirosiva/Olayout */
/*
  # Global
---------------------------------------------- */
/**
 * Settings
 */
:root {
  --l-xxs-content-width: 348;
  --l-xs-content-width: 600;
  --l-sm-content-width: 640;
  --l-md-content-width: 768;
  --l-md960-content-width: 960;
  --l-primary-content-width: 998;
  --l-lg-content-width: 1072;
  --l-ll-content-width: 1160;
  --l-xl-content-width: 1200;
  --l-xxl-content-width: 1320;
  --l-max-content-width: 1540;
  --l-sm-design-width: 375;
  --l-md-design-width: 768;
  --l-lg-design-width: 1440;
  --l-xl-design-width: 1920;
  --l-space: 8;
  --l-scrollbar-width: 0;
  --l-base-color: #fff;
  --l-back-color: #f2f2ef;
  --l-light-color: #f5fbfd;
  --l-dark-color: #13194b;
  --l-accent-color: #faf22a;
  --l-main-color: #3252a3;
  --l-line-color: #00c62e;
  --l-gradient-color: linear-gradient(to bottom, #13194b 0%, #3252a3 100%);
  --l-grayish-color: #707070;
  --l-light-grayish-color: #fbfaf8;
  --l-primary-text-color: #3b4043;
  --l-light-text-color: #fff;
  --l-headerHight-sp: 56px;
  --l-headerHight-pc: 66px;
  --l-primary-font-set: "Noto Sans JP", sans-serif;
  --l-en-font-set: "Big Shoulders", sans-serif;
  --l-accent-font-set: "Josefin Sans", sans-serif;
  --l-base-line-height: 1.875;
  --l-base-feature-settings: "pkna";
  --l-base-letter-spacing: 0;
  --l-scroll-behavior: smooth;
  --l-ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --l-duration: 0.6s;
  --l-view-point: var(--l-sm-design-width);
}
@media screen and (min-width: 768px) {
  :root {
    --l-view-point: var(--l-md-design-width);
  }
}
@media screen and (min-width: 1024px) {
  :root {
    --l-view-point: var(--l-lg-design-width);
  }
}

/**
 * Default box-sizing
 */
*,
::before,
::after {
  box-sizing: inherit;
}

/**
 * Resetting margins, paddings, and borders
 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
}

/**
 * Resetting HTML5 Elements for older browsers
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}

/*
  # Document & Sections
---------------------------------------------- */
html {
  box-sizing: border-box;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  display: flex;
  position: relative;
  flex-direction: column;
  min-height: 100%;
  overflow-x: hidden;
  color: var(--l-primary-text-color);
  font-family: var(--l-primary-font-set);
  letter-spacing: var(--l-base-letter-spacing);
  font-weight: 400;
  line-height: var(--l-base-line-height);
  text-rendering: optimizeLegibility;
  -webkit-overflow-scrolling: touch;
  font-feature-settings: var(--l-base-feature-settings);
}

body::before {
  z-index: -2;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/bg_primary.svg) repeat center center/contain;
  opacity: 0.61;
}

/* recruitページとその子ページを除外 */
body.page-id-28::before,
body.parent-pageid-28::before,
body.parent-pageid-37::before {
  display: none;
  content: none;
  background: none;
}

/* スクロール制御クラス */
body.no-scroll {
  overflow: hidden !important;
}

section {
  scroll-margin-top: 80px;
}
@media screen and (min-width: 1024px) {
  section {
    scroll-margin-top: 110px;
  }
}

li,
dd {
  font-size: clamp(0.813rem, 0.742rem + 0.3vw, 1rem);
  line-height: 2;
  list-style-type: none;
}

p {
  line-height: 1.875;
  font-size: calc(16 / 16 * 1rem);
  font-weight: 500;
}

@media screen and (min-width: 1024px) {
  a.-tel {
    pointer-events: none;
  }
}

[lang=en] {
  font-family: var(--l-en-font-set);
}

.-ico {
  display: grid;
  place-items: center;
}

em {
  font-style: normal;
}

picture {
  display: block;
}

i {
  margin-left: 0.25em;
}

main {
  flex: 1;
}

footer {
  z-index: 1;
}

footer {
  flex-shrink: 0;
}

address {
  font-style: normal;
}

h2,
h3 {
  font-weight: 400;
}

/*
  # Grouping content
---------------------------------------------- */
blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}

hr {
  overflow: visible;
}

ol,
ul {
  list-style: none;
}

pre {
  font-family: monospace;
  font-size: 1em;
}

/*
  # Text-level semantics
---------------------------------------------- */
a {
  transition: var(--l-duration);
  background-color: transparent;
  color: inherit;
  text-decoration: none;
  -webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
  outline-width: 0;
}

abbr[title] {
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  text-decoration: underline;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace;
  font-size: 1em;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 0.8em;
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
  # Embedded content
---------------------------------------------- */
audio,
canvas,
progress,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img,
video,
svg {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

svg:not([fill]) {
  fill: currentColor;
}

svg:not(:root) {
  overflow: hidden;
}

/*
  # Tabular data
---------------------------------------------- */
table {
  border-spacing: 0;
  border-collapse: collapse;
}

/*
  # Forms
---------------------------------------------- */
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
}

button,
select {
  text-transform: none;
}

button,
input {
  overflow: visible;
}

button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
  -webkit-appearance: button;
}

button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

legend {
  display: table;
  max-width: 100%;
  color: inherit;
  white-space: normal;
}

optgroup {
  font-weight: bold;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
  resize: vertical;
}

[type=checkbox],
[type=radio] {
  padding: 0;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

/*
  # Interactive & Misc
---------------------------------------------- */
summary {
  display: list-item;
}

template,
[hidden] {
  display: none;
}

/*
  # Accessibility
---------------------------------------------- */
[disabled],
[aria-disabled=true] {
  cursor: not-allowed;
}

[aria-busy=true] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-hidden=false][hidden] {
  display: initial;
}

[aria-hidden=false][hidden]:not(:focus) {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

:focus:not(:focus-visible),
::before:focus:not(:focus-visible),
::after:focus:not(:focus-visible) {
  outline: none;
}

/**
 * Prettier ignore
 */
@media (prefers-reduced-motion: reduce) {
  *,
  ::before,
  ::after {
    transition-duration: 1ms !important;
    transition-delay: 0s !important;
    animation-duration: 1ms !important;
    animation-delay: -1ms !important;
    animation-iteration-count: 1 !important;
    background-attachment: initial !important;
    scroll-behavior: auto !important;
  }
}
/**
 * Checker
 */
/*
  Container
----------------------------------------------------- */
.l-container:not([data-width]) {
  width: 90%;
}
.l-container:not([data-max]) {
  max-width: calc(var(--l-primary-content-width) * 1px);
}
.l-container:not([data-align]) {
  margin: 0 auto;
}
@media screen and (min-width: 0) {
  .l-container[data-width~="min:xsmall"] {
    width: 70%;
  }
  .l-container[data-width~="min:small"] {
    width: 80%;
  }
  .l-container[data-width~="min:mini"] {
    width: 85%;
  }
  .l-container[data-width~="min:medium"] {
    width: 90%;
  }
  .l-container[data-width~="min:large"] {
    width: 95%;
  }
  .l-container[data-width~="min:auto"] {
    width: auto;
  }
  .l-container[data-max~="min:small"] {
    max-width: calc(var(--l-sm-content-width) * 1px);
  }
  .l-container[data-max~="min:medium"] {
    max-width: calc(var(--l-md-content-width) * 1px);
  }
  .l-container[data-max~="min:large"] {
    max-width: calc(var(--l-lg-content-width) * 1px);
  }
  .l-container[data-max~="min:llarge"] {
    max-width: calc(var(--l-ll-content-width) * 1px);
  }
  .l-container[data-max~="min:xlarge"] {
    max-width: calc(var(--l-xl-content-width) * 1px);
  }
  .l-container[data-max~="min:xxlarge"] {
    max-width: calc(var(--l-xxl-content-width) * 1px);
  }
  .l-container[data-max~="min:max"] {
    max-width: calc(var(--l-max-content-width) * 1px);
  }
  .l-container[data-max~="min:primary"] {
    max-width: calc(var(--l-primary-content-width) * 1px);
  }
  .l-container[data-max~="min:none"] {
    max-width: none;
  }
  .l-container[data-align~="min:left"] {
    margin-right: auto;
    margin-left: 0;
  }
  .l-container[data-align~="min:right"] {
    margin-right: 0;
    margin-left: auto;
  }
  .l-container[data-align~="min:center"] {
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 375px) {
  .l-container[data-width~="xxs:xsmall"] {
    width: 70%;
  }
  .l-container[data-width~="xxs:small"] {
    width: 80%;
  }
  .l-container[data-width~="xxs:mini"] {
    width: 85%;
  }
  .l-container[data-width~="xxs:medium"] {
    width: 90%;
  }
  .l-container[data-width~="xxs:large"] {
    width: 95%;
  }
  .l-container[data-width~="xxs:auto"] {
    width: auto;
  }
  .l-container[data-max~="xxs:small"] {
    max-width: calc(var(--l-sm-content-width) * 1px);
  }
  .l-container[data-max~="xxs:medium"] {
    max-width: calc(var(--l-md-content-width) * 1px);
  }
  .l-container[data-max~="xxs:large"] {
    max-width: calc(var(--l-lg-content-width) * 1px);
  }
  .l-container[data-max~="xxs:llarge"] {
    max-width: calc(var(--l-ll-content-width) * 1px);
  }
  .l-container[data-max~="xxs:xlarge"] {
    max-width: calc(var(--l-xl-content-width) * 1px);
  }
  .l-container[data-max~="xxs:xxlarge"] {
    max-width: calc(var(--l-xxl-content-width) * 1px);
  }
  .l-container[data-max~="xxs:max"] {
    max-width: calc(var(--l-max-content-width) * 1px);
  }
  .l-container[data-max~="xxs:primary"] {
    max-width: calc(var(--l-primary-content-width) * 1px);
  }
  .l-container[data-max~="xxs:none"] {
    max-width: none;
  }
  .l-container[data-align~="xxs:left"] {
    margin-right: auto;
    margin-left: 0;
  }
  .l-container[data-align~="xxs:right"] {
    margin-right: 0;
    margin-left: auto;
  }
  .l-container[data-align~="xxs:center"] {
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 414px) {
  .l-container[data-width~="xs:xsmall"] {
    width: 70%;
  }
  .l-container[data-width~="xs:small"] {
    width: 80%;
  }
  .l-container[data-width~="xs:mini"] {
    width: 85%;
  }
  .l-container[data-width~="xs:medium"] {
    width: 90%;
  }
  .l-container[data-width~="xs:large"] {
    width: 95%;
  }
  .l-container[data-width~="xs:auto"] {
    width: auto;
  }
  .l-container[data-max~="xs:small"] {
    max-width: calc(var(--l-sm-content-width) * 1px);
  }
  .l-container[data-max~="xs:medium"] {
    max-width: calc(var(--l-md-content-width) * 1px);
  }
  .l-container[data-max~="xs:large"] {
    max-width: calc(var(--l-lg-content-width) * 1px);
  }
  .l-container[data-max~="xs:llarge"] {
    max-width: calc(var(--l-ll-content-width) * 1px);
  }
  .l-container[data-max~="xs:xlarge"] {
    max-width: calc(var(--l-xl-content-width) * 1px);
  }
  .l-container[data-max~="xs:xxlarge"] {
    max-width: calc(var(--l-xxl-content-width) * 1px);
  }
  .l-container[data-max~="xs:max"] {
    max-width: calc(var(--l-max-content-width) * 1px);
  }
  .l-container[data-max~="xs:primary"] {
    max-width: calc(var(--l-primary-content-width) * 1px);
  }
  .l-container[data-max~="xs:none"] {
    max-width: none;
  }
  .l-container[data-align~="xs:left"] {
    margin-right: auto;
    margin-left: 0;
  }
  .l-container[data-align~="xs:right"] {
    margin-right: 0;
    margin-left: auto;
  }
  .l-container[data-align~="xs:center"] {
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 576px) {
  .l-container[data-width~="sm:xsmall"] {
    width: 70%;
  }
  .l-container[data-width~="sm:small"] {
    width: 80%;
  }
  .l-container[data-width~="sm:mini"] {
    width: 85%;
  }
  .l-container[data-width~="sm:medium"] {
    width: 90%;
  }
  .l-container[data-width~="sm:large"] {
    width: 95%;
  }
  .l-container[data-width~="sm:auto"] {
    width: auto;
  }
  .l-container[data-max~="sm:small"] {
    max-width: calc(var(--l-sm-content-width) * 1px);
  }
  .l-container[data-max~="sm:medium"] {
    max-width: calc(var(--l-md-content-width) * 1px);
  }
  .l-container[data-max~="sm:large"] {
    max-width: calc(var(--l-lg-content-width) * 1px);
  }
  .l-container[data-max~="sm:llarge"] {
    max-width: calc(var(--l-ll-content-width) * 1px);
  }
  .l-container[data-max~="sm:xlarge"] {
    max-width: calc(var(--l-xl-content-width) * 1px);
  }
  .l-container[data-max~="sm:xxlarge"] {
    max-width: calc(var(--l-xxl-content-width) * 1px);
  }
  .l-container[data-max~="sm:max"] {
    max-width: calc(var(--l-max-content-width) * 1px);
  }
  .l-container[data-max~="sm:primary"] {
    max-width: calc(var(--l-primary-content-width) * 1px);
  }
  .l-container[data-max~="sm:none"] {
    max-width: none;
  }
  .l-container[data-align~="sm:left"] {
    margin-right: auto;
    margin-left: 0;
  }
  .l-container[data-align~="sm:right"] {
    margin-right: 0;
    margin-left: auto;
  }
  .l-container[data-align~="sm:center"] {
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) {
  .l-container[data-width~="md:xsmall"] {
    width: 70%;
  }
  .l-container[data-width~="md:small"] {
    width: 80%;
  }
  .l-container[data-width~="md:mini"] {
    width: 85%;
  }
  .l-container[data-width~="md:medium"] {
    width: 90%;
  }
  .l-container[data-width~="md:large"] {
    width: 95%;
  }
  .l-container[data-width~="md:auto"] {
    width: auto;
  }
  .l-container[data-max~="md:small"] {
    max-width: calc(var(--l-sm-content-width) * 1px);
  }
  .l-container[data-max~="md:medium"] {
    max-width: calc(var(--l-md-content-width) * 1px);
  }
  .l-container[data-max~="md:large"] {
    max-width: calc(var(--l-lg-content-width) * 1px);
  }
  .l-container[data-max~="md:llarge"] {
    max-width: calc(var(--l-ll-content-width) * 1px);
  }
  .l-container[data-max~="md:xlarge"] {
    max-width: calc(var(--l-xl-content-width) * 1px);
  }
  .l-container[data-max~="md:xxlarge"] {
    max-width: calc(var(--l-xxl-content-width) * 1px);
  }
  .l-container[data-max~="md:max"] {
    max-width: calc(var(--l-max-content-width) * 1px);
  }
  .l-container[data-max~="md:primary"] {
    max-width: calc(var(--l-primary-content-width) * 1px);
  }
  .l-container[data-max~="md:none"] {
    max-width: none;
  }
  .l-container[data-align~="md:left"] {
    margin-right: auto;
    margin-left: 0;
  }
  .l-container[data-align~="md:right"] {
    margin-right: 0;
    margin-left: auto;
  }
  .l-container[data-align~="md:center"] {
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 1024px) {
  .l-container[data-width~="lg:xsmall"] {
    width: 70%;
  }
  .l-container[data-width~="lg:small"] {
    width: 80%;
  }
  .l-container[data-width~="lg:mini"] {
    width: 85%;
  }
  .l-container[data-width~="lg:medium"] {
    width: 90%;
  }
  .l-container[data-width~="lg:large"] {
    width: 95%;
  }
  .l-container[data-width~="lg:auto"] {
    width: auto;
  }
  .l-container[data-max~="lg:small"] {
    max-width: calc(var(--l-sm-content-width) * 1px);
  }
  .l-container[data-max~="lg:medium"] {
    max-width: calc(var(--l-md-content-width) * 1px);
  }
  .l-container[data-max~="lg:large"] {
    max-width: calc(var(--l-lg-content-width) * 1px);
  }
  .l-container[data-max~="lg:llarge"] {
    max-width: calc(var(--l-ll-content-width) * 1px);
  }
  .l-container[data-max~="lg:xlarge"] {
    max-width: calc(var(--l-xl-content-width) * 1px);
  }
  .l-container[data-max~="lg:xxlarge"] {
    max-width: calc(var(--l-xxl-content-width) * 1px);
  }
  .l-container[data-max~="lg:max"] {
    max-width: calc(var(--l-max-content-width) * 1px);
  }
  .l-container[data-max~="lg:primary"] {
    max-width: calc(var(--l-primary-content-width) * 1px);
  }
  .l-container[data-max~="lg:none"] {
    max-width: none;
  }
  .l-container[data-align~="lg:left"] {
    margin-right: auto;
    margin-left: 0;
  }
  .l-container[data-align~="lg:right"] {
    margin-right: 0;
    margin-left: auto;
  }
  .l-container[data-align~="lg:center"] {
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 1280px) {
  .l-container[data-width~="xl:xsmall"] {
    width: 70%;
  }
  .l-container[data-width~="xl:small"] {
    width: 80%;
  }
  .l-container[data-width~="xl:mini"] {
    width: 85%;
  }
  .l-container[data-width~="xl:medium"] {
    width: 90%;
  }
  .l-container[data-width~="xl:large"] {
    width: 95%;
  }
  .l-container[data-width~="xl:auto"] {
    width: auto;
  }
  .l-container[data-max~="xl:small"] {
    max-width: calc(var(--l-sm-content-width) * 1px);
  }
  .l-container[data-max~="xl:medium"] {
    max-width: calc(var(--l-md-content-width) * 1px);
  }
  .l-container[data-max~="xl:large"] {
    max-width: calc(var(--l-lg-content-width) * 1px);
  }
  .l-container[data-max~="xl:llarge"] {
    max-width: calc(var(--l-ll-content-width) * 1px);
  }
  .l-container[data-max~="xl:xlarge"] {
    max-width: calc(var(--l-xl-content-width) * 1px);
  }
  .l-container[data-max~="xl:xxlarge"] {
    max-width: calc(var(--l-xxl-content-width) * 1px);
  }
  .l-container[data-max~="xl:max"] {
    max-width: calc(var(--l-max-content-width) * 1px);
  }
  .l-container[data-max~="xl:primary"] {
    max-width: calc(var(--l-primary-content-width) * 1px);
  }
  .l-container[data-max~="xl:none"] {
    max-width: none;
  }
  .l-container[data-align~="xl:left"] {
    margin-right: auto;
    margin-left: 0;
  }
  .l-container[data-align~="xl:right"] {
    margin-right: 0;
    margin-left: auto;
  }
  .l-container[data-align~="xl:center"] {
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 1480px) {
  .l-container[data-width~="xxl:xsmall"] {
    width: 70%;
  }
  .l-container[data-width~="xxl:small"] {
    width: 80%;
  }
  .l-container[data-width~="xxl:mini"] {
    width: 85%;
  }
  .l-container[data-width~="xxl:medium"] {
    width: 90%;
  }
  .l-container[data-width~="xxl:large"] {
    width: 95%;
  }
  .l-container[data-width~="xxl:auto"] {
    width: auto;
  }
  .l-container[data-max~="xxl:small"] {
    max-width: calc(var(--l-sm-content-width) * 1px);
  }
  .l-container[data-max~="xxl:medium"] {
    max-width: calc(var(--l-md-content-width) * 1px);
  }
  .l-container[data-max~="xxl:large"] {
    max-width: calc(var(--l-lg-content-width) * 1px);
  }
  .l-container[data-max~="xxl:llarge"] {
    max-width: calc(var(--l-ll-content-width) * 1px);
  }
  .l-container[data-max~="xxl:xlarge"] {
    max-width: calc(var(--l-xl-content-width) * 1px);
  }
  .l-container[data-max~="xxl:xxlarge"] {
    max-width: calc(var(--l-xxl-content-width) * 1px);
  }
  .l-container[data-max~="xxl:max"] {
    max-width: calc(var(--l-max-content-width) * 1px);
  }
  .l-container[data-max~="xxl:primary"] {
    max-width: calc(var(--l-primary-content-width) * 1px);
  }
  .l-container[data-max~="xxl:none"] {
    max-width: none;
  }
  .l-container[data-align~="xxl:left"] {
    margin-right: auto;
    margin-left: 0;
  }
  .l-container[data-align~="xxl:right"] {
    margin-right: 0;
    margin-left: auto;
  }
  .l-container[data-align~="xxl:center"] {
    margin-right: auto;
    margin-left: auto;
  }
}

/*
  Wrapper
-----------------------------------------------------*/
@media screen and (min-width: 0) {
  .l-wrapper[data-position~="min:static"] {
    position: static;
  }
  .l-wrapper[data-position~="min:relative"] {
    position: relative;
  }
  .l-wrapper[data-position~="min:absolute"] {
    position: absolute;
  }
  .l-wrapper[data-position~="min:fixed"] {
    position: fixed;
  }
  .l-wrapper[data-position~="min:sticky"] {
    position: sticky;
  }
  .l-wrapper[data-over~="min:auto"] {
    overflow: auto;
  }
  .l-wrapper[data-over~="min:hidden"] {
    overflow: hidden;
  }
  .l-wrapper[data-over~="min:visible"] {
    overflow: visible;
  }
  .l-wrapper[data-over~="min:scroll"] {
    overflow: scroll;
  }
}
@media screen and (min-width: 375px) {
  .l-wrapper[data-position~="xxs:static"] {
    position: static;
  }
  .l-wrapper[data-position~="xxs:relative"] {
    position: relative;
  }
  .l-wrapper[data-position~="xxs:absolute"] {
    position: absolute;
  }
  .l-wrapper[data-position~="xxs:fixed"] {
    position: fixed;
  }
  .l-wrapper[data-position~="xxs:sticky"] {
    position: sticky;
  }
  .l-wrapper[data-over~="xxs:auto"] {
    overflow: auto;
  }
  .l-wrapper[data-over~="xxs:hidden"] {
    overflow: hidden;
  }
  .l-wrapper[data-over~="xxs:visible"] {
    overflow: visible;
  }
  .l-wrapper[data-over~="xxs:scroll"] {
    overflow: scroll;
  }
}
@media screen and (min-width: 414px) {
  .l-wrapper[data-position~="xs:static"] {
    position: static;
  }
  .l-wrapper[data-position~="xs:relative"] {
    position: relative;
  }
  .l-wrapper[data-position~="xs:absolute"] {
    position: absolute;
  }
  .l-wrapper[data-position~="xs:fixed"] {
    position: fixed;
  }
  .l-wrapper[data-position~="xs:sticky"] {
    position: sticky;
  }
  .l-wrapper[data-over~="xs:auto"] {
    overflow: auto;
  }
  .l-wrapper[data-over~="xs:hidden"] {
    overflow: hidden;
  }
  .l-wrapper[data-over~="xs:visible"] {
    overflow: visible;
  }
  .l-wrapper[data-over~="xs:scroll"] {
    overflow: scroll;
  }
}
@media screen and (min-width: 576px) {
  .l-wrapper[data-position~="sm:static"] {
    position: static;
  }
  .l-wrapper[data-position~="sm:relative"] {
    position: relative;
  }
  .l-wrapper[data-position~="sm:absolute"] {
    position: absolute;
  }
  .l-wrapper[data-position~="sm:fixed"] {
    position: fixed;
  }
  .l-wrapper[data-position~="sm:sticky"] {
    position: sticky;
  }
  .l-wrapper[data-over~="sm:auto"] {
    overflow: auto;
  }
  .l-wrapper[data-over~="sm:hidden"] {
    overflow: hidden;
  }
  .l-wrapper[data-over~="sm:visible"] {
    overflow: visible;
  }
  .l-wrapper[data-over~="sm:scroll"] {
    overflow: scroll;
  }
}
@media screen and (min-width: 768px) {
  .l-wrapper[data-position~="md:static"] {
    position: static;
  }
  .l-wrapper[data-position~="md:relative"] {
    position: relative;
  }
  .l-wrapper[data-position~="md:absolute"] {
    position: absolute;
  }
  .l-wrapper[data-position~="md:fixed"] {
    position: fixed;
  }
  .l-wrapper[data-position~="md:sticky"] {
    position: sticky;
  }
  .l-wrapper[data-over~="md:auto"] {
    overflow: auto;
  }
  .l-wrapper[data-over~="md:hidden"] {
    overflow: hidden;
  }
  .l-wrapper[data-over~="md:visible"] {
    overflow: visible;
  }
  .l-wrapper[data-over~="md:scroll"] {
    overflow: scroll;
  }
}
@media screen and (min-width: 1024px) {
  .l-wrapper[data-position~="lg:static"] {
    position: static;
  }
  .l-wrapper[data-position~="lg:relative"] {
    position: relative;
  }
  .l-wrapper[data-position~="lg:absolute"] {
    position: absolute;
  }
  .l-wrapper[data-position~="lg:fixed"] {
    position: fixed;
  }
  .l-wrapper[data-position~="lg:sticky"] {
    position: sticky;
  }
  .l-wrapper[data-over~="lg:auto"] {
    overflow: auto;
  }
  .l-wrapper[data-over~="lg:hidden"] {
    overflow: hidden;
  }
  .l-wrapper[data-over~="lg:visible"] {
    overflow: visible;
  }
  .l-wrapper[data-over~="lg:scroll"] {
    overflow: scroll;
  }
}
@media screen and (min-width: 1280px) {
  .l-wrapper[data-position~="xl:static"] {
    position: static;
  }
  .l-wrapper[data-position~="xl:relative"] {
    position: relative;
  }
  .l-wrapper[data-position~="xl:absolute"] {
    position: absolute;
  }
  .l-wrapper[data-position~="xl:fixed"] {
    position: fixed;
  }
  .l-wrapper[data-position~="xl:sticky"] {
    position: sticky;
  }
  .l-wrapper[data-over~="xl:auto"] {
    overflow: auto;
  }
  .l-wrapper[data-over~="xl:hidden"] {
    overflow: hidden;
  }
  .l-wrapper[data-over~="xl:visible"] {
    overflow: visible;
  }
  .l-wrapper[data-over~="xl:scroll"] {
    overflow: scroll;
  }
}
@media screen and (min-width: 1480px) {
  .l-wrapper[data-position~="xxl:static"] {
    position: static;
  }
  .l-wrapper[data-position~="xxl:relative"] {
    position: relative;
  }
  .l-wrapper[data-position~="xxl:absolute"] {
    position: absolute;
  }
  .l-wrapper[data-position~="xxl:fixed"] {
    position: fixed;
  }
  .l-wrapper[data-position~="xxl:sticky"] {
    position: sticky;
  }
  .l-wrapper[data-over~="xxl:auto"] {
    overflow: auto;
  }
  .l-wrapper[data-over~="xxl:hidden"] {
    overflow: hidden;
  }
  .l-wrapper[data-over~="xxl:visible"] {
    overflow: visible;
  }
  .l-wrapper[data-over~="xxl:scroll"] {
    overflow: scroll;
  }
}
.l-wrapper[data-bg=base] {
  background-color: var(--l-base-color);
}
.l-wrapper[data-bg=main] {
  background-color: var(--l-main-color);
}
.l-wrapper[data-bg=accent] {
  background-color: var(--l-accent-color);
}
.l-wrapper[data-bg=light] {
  background-color: var(--l-light-color);
}
.l-wrapper[data-bg=back] {
  background-color: var(--l-back-color);
}
.l-wrapper[data-bg=lightGray] {
  background-color: var(--l-light-grayish-color);
}
.l-wrapper[data-bg=dark] {
  background-color: var(--l-dark-color);
}
.l-wrapper[data-bg=white] {
  background-color: #fff;
}
.l-wrapper[data-bg=block] {
  background-color: #000;
}
.l-wrapper[data-border~=top] {
  border-top: 1px solid var(--l-light-color);
}
.l-wrapper[data-border~=bottom] {
  border-bottom: 1px solid var(--l-light-color);
}

/*
  Spacer
-----------------------------------------------------*/
@media screen and (min-width: 0) {
  .l-spacer[data-py~="min:0"] {
    padding-top: calc(var(--l-space) * 0 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-pt~="min:0"] {
    padding-top: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-pb~="min:0"] {
    padding-bottom: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-px~="min:0"] {
    padding-left: calc(var(--l-space) * 0 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-pl~="min:0"] {
    padding-left: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-pr~="min:0"] {
    padding-right: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-my~="min:0"] {
    margin-top: calc(var(--l-space) * 0 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-mt~="min:0"] {
    margin-top: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-mb~="min:0"] {
    margin-bottom: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-mx~="min:0"] {
    margin-left: calc(var(--l-space) * 0 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-ml~="min:0"] {
    margin-left: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-mr~="min:0"] {
    margin-right: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="min:0"] > * + * {
    margin-left: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="min:0"] > * + * {
    margin-top: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-py~="min:1"] {
    padding-top: calc(var(--l-space) * 1 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-pt~="min:1"] {
    padding-top: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-pb~="min:1"] {
    padding-bottom: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-px~="min:1"] {
    padding-left: calc(var(--l-space) * 1 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-pl~="min:1"] {
    padding-left: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-pr~="min:1"] {
    padding-right: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-my~="min:1"] {
    margin-top: calc(var(--l-space) * 1 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-mt~="min:1"] {
    margin-top: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-mb~="min:1"] {
    margin-bottom: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-mx~="min:1"] {
    margin-left: calc(var(--l-space) * 1 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-ml~="min:1"] {
    margin-left: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-mr~="min:1"] {
    margin-right: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="min:1"] > * + * {
    margin-left: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="min:1"] > * + * {
    margin-top: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-py~="min:2"] {
    padding-top: calc(var(--l-space) * 2 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-pt~="min:2"] {
    padding-top: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-pb~="min:2"] {
    padding-bottom: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-px~="min:2"] {
    padding-left: calc(var(--l-space) * 2 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-pl~="min:2"] {
    padding-left: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-pr~="min:2"] {
    padding-right: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-my~="min:2"] {
    margin-top: calc(var(--l-space) * 2 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-mt~="min:2"] {
    margin-top: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-mb~="min:2"] {
    margin-bottom: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-mx~="min:2"] {
    margin-left: calc(var(--l-space) * 2 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-ml~="min:2"] {
    margin-left: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-mr~="min:2"] {
    margin-right: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="min:2"] > * + * {
    margin-left: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="min:2"] > * + * {
    margin-top: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-py~="min:3"] {
    padding-top: calc(var(--l-space) * 3 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-pt~="min:3"] {
    padding-top: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-pb~="min:3"] {
    padding-bottom: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-px~="min:3"] {
    padding-left: calc(var(--l-space) * 3 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-pl~="min:3"] {
    padding-left: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-pr~="min:3"] {
    padding-right: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-my~="min:3"] {
    margin-top: calc(var(--l-space) * 3 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-mt~="min:3"] {
    margin-top: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-mb~="min:3"] {
    margin-bottom: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-mx~="min:3"] {
    margin-left: calc(var(--l-space) * 3 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-ml~="min:3"] {
    margin-left: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-mr~="min:3"] {
    margin-right: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="min:3"] > * + * {
    margin-left: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="min:3"] > * + * {
    margin-top: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-py~="min:4"] {
    padding-top: calc(var(--l-space) * 4 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-pt~="min:4"] {
    padding-top: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-pb~="min:4"] {
    padding-bottom: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-px~="min:4"] {
    padding-left: calc(var(--l-space) * 4 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-pl~="min:4"] {
    padding-left: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-pr~="min:4"] {
    padding-right: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-my~="min:4"] {
    margin-top: calc(var(--l-space) * 4 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-mt~="min:4"] {
    margin-top: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-mb~="min:4"] {
    margin-bottom: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-mx~="min:4"] {
    margin-left: calc(var(--l-space) * 4 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-ml~="min:4"] {
    margin-left: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-mr~="min:4"] {
    margin-right: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="min:4"] > * + * {
    margin-left: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="min:4"] > * + * {
    margin-top: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-py~="min:5"] {
    padding-top: calc(var(--l-space) * 5 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-pt~="min:5"] {
    padding-top: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-pb~="min:5"] {
    padding-bottom: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-px~="min:5"] {
    padding-left: calc(var(--l-space) * 5 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-pl~="min:5"] {
    padding-left: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-pr~="min:5"] {
    padding-right: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-my~="min:5"] {
    margin-top: calc(var(--l-space) * 5 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-mt~="min:5"] {
    margin-top: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-mb~="min:5"] {
    margin-bottom: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-mx~="min:5"] {
    margin-left: calc(var(--l-space) * 5 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-ml~="min:5"] {
    margin-left: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-mr~="min:5"] {
    margin-right: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="min:5"] > * + * {
    margin-left: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="min:5"] > * + * {
    margin-top: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-py~="min:6"] {
    padding-top: calc(var(--l-space) * 6 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-pt~="min:6"] {
    padding-top: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-pb~="min:6"] {
    padding-bottom: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-px~="min:6"] {
    padding-left: calc(var(--l-space) * 6 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-pl~="min:6"] {
    padding-left: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-pr~="min:6"] {
    padding-right: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-my~="min:6"] {
    margin-top: calc(var(--l-space) * 6 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-mt~="min:6"] {
    margin-top: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-mb~="min:6"] {
    margin-bottom: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-mx~="min:6"] {
    margin-left: calc(var(--l-space) * 6 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-ml~="min:6"] {
    margin-left: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-mr~="min:6"] {
    margin-right: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="min:6"] > * + * {
    margin-left: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="min:6"] > * + * {
    margin-top: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-py~="min:7"] {
    padding-top: calc(var(--l-space) * 7 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-pt~="min:7"] {
    padding-top: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-pb~="min:7"] {
    padding-bottom: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-px~="min:7"] {
    padding-left: calc(var(--l-space) * 7 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-pl~="min:7"] {
    padding-left: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-pr~="min:7"] {
    padding-right: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-my~="min:7"] {
    margin-top: calc(var(--l-space) * 7 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-mt~="min:7"] {
    margin-top: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-mb~="min:7"] {
    margin-bottom: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-mx~="min:7"] {
    margin-left: calc(var(--l-space) * 7 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-ml~="min:7"] {
    margin-left: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-mr~="min:7"] {
    margin-right: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="min:7"] > * + * {
    margin-left: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="min:7"] > * + * {
    margin-top: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-py~="min:8"] {
    padding-top: calc(var(--l-space) * 8 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-pt~="min:8"] {
    padding-top: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-pb~="min:8"] {
    padding-bottom: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-px~="min:8"] {
    padding-left: calc(var(--l-space) * 8 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-pl~="min:8"] {
    padding-left: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-pr~="min:8"] {
    padding-right: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-my~="min:8"] {
    margin-top: calc(var(--l-space) * 8 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-mt~="min:8"] {
    margin-top: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-mb~="min:8"] {
    margin-bottom: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-mx~="min:8"] {
    margin-left: calc(var(--l-space) * 8 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-ml~="min:8"] {
    margin-left: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-mr~="min:8"] {
    margin-right: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="min:8"] > * + * {
    margin-left: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="min:8"] > * + * {
    margin-top: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-py~="min:9"] {
    padding-top: calc(var(--l-space) * 9 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-pt~="min:9"] {
    padding-top: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-pb~="min:9"] {
    padding-bottom: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-px~="min:9"] {
    padding-left: calc(var(--l-space) * 9 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-pl~="min:9"] {
    padding-left: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-pr~="min:9"] {
    padding-right: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-my~="min:9"] {
    margin-top: calc(var(--l-space) * 9 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-mt~="min:9"] {
    margin-top: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-mb~="min:9"] {
    margin-bottom: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-mx~="min:9"] {
    margin-left: calc(var(--l-space) * 9 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-ml~="min:9"] {
    margin-left: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-mr~="min:9"] {
    margin-right: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="min:9"] > * + * {
    margin-left: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="min:9"] > * + * {
    margin-top: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-py~="min:10"] {
    padding-top: calc(var(--l-space) * 10 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-pt~="min:10"] {
    padding-top: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-pb~="min:10"] {
    padding-bottom: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-px~="min:10"] {
    padding-left: calc(var(--l-space) * 10 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-pl~="min:10"] {
    padding-left: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-pr~="min:10"] {
    padding-right: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-my~="min:10"] {
    margin-top: calc(var(--l-space) * 10 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-mt~="min:10"] {
    margin-top: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-mb~="min:10"] {
    margin-bottom: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-mx~="min:10"] {
    margin-left: calc(var(--l-space) * 10 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-ml~="min:10"] {
    margin-left: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-mr~="min:10"] {
    margin-right: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="min:10"] > * + * {
    margin-left: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="min:10"] > * + * {
    margin-top: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-py~="min:11"] {
    padding-top: calc(var(--l-space) * 11 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-pt~="min:11"] {
    padding-top: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-pb~="min:11"] {
    padding-bottom: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-px~="min:11"] {
    padding-left: calc(var(--l-space) * 11 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-pl~="min:11"] {
    padding-left: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-pr~="min:11"] {
    padding-right: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-my~="min:11"] {
    margin-top: calc(var(--l-space) * 11 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-mt~="min:11"] {
    margin-top: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-mb~="min:11"] {
    margin-bottom: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-mx~="min:11"] {
    margin-left: calc(var(--l-space) * 11 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-ml~="min:11"] {
    margin-left: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-mr~="min:11"] {
    margin-right: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="min:11"] > * + * {
    margin-left: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="min:11"] > * + * {
    margin-top: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-py~="min:12"] {
    padding-top: calc(var(--l-space) * 12 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-pt~="min:12"] {
    padding-top: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-pb~="min:12"] {
    padding-bottom: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-px~="min:12"] {
    padding-left: calc(var(--l-space) * 12 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-pl~="min:12"] {
    padding-left: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-pr~="min:12"] {
    padding-right: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-my~="min:12"] {
    margin-top: calc(var(--l-space) * 12 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-mt~="min:12"] {
    margin-top: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-mb~="min:12"] {
    margin-bottom: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-mx~="min:12"] {
    margin-left: calc(var(--l-space) * 12 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-ml~="min:12"] {
    margin-left: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-mr~="min:12"] {
    margin-right: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="min:12"] > * + * {
    margin-left: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="min:12"] > * + * {
    margin-top: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-py~="min:13"] {
    padding-top: calc(var(--l-space) * 13 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-pt~="min:13"] {
    padding-top: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-pb~="min:13"] {
    padding-bottom: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-px~="min:13"] {
    padding-left: calc(var(--l-space) * 13 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-pl~="min:13"] {
    padding-left: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-pr~="min:13"] {
    padding-right: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-my~="min:13"] {
    margin-top: calc(var(--l-space) * 13 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-mt~="min:13"] {
    margin-top: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-mb~="min:13"] {
    margin-bottom: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-mx~="min:13"] {
    margin-left: calc(var(--l-space) * 13 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-ml~="min:13"] {
    margin-left: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-mr~="min:13"] {
    margin-right: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="min:13"] > * + * {
    margin-left: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="min:13"] > * + * {
    margin-top: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-py~="min:14"] {
    padding-top: calc(var(--l-space) * 14 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-pt~="min:14"] {
    padding-top: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-pb~="min:14"] {
    padding-bottom: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-px~="min:14"] {
    padding-left: calc(var(--l-space) * 14 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-pl~="min:14"] {
    padding-left: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-pr~="min:14"] {
    padding-right: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-my~="min:14"] {
    margin-top: calc(var(--l-space) * 14 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-mt~="min:14"] {
    margin-top: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-mb~="min:14"] {
    margin-bottom: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-mx~="min:14"] {
    margin-left: calc(var(--l-space) * 14 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-ml~="min:14"] {
    margin-left: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-mr~="min:14"] {
    margin-right: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="min:14"] > * + * {
    margin-left: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="min:14"] > * + * {
    margin-top: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-py~="min:15"] {
    padding-top: calc(var(--l-space) * 15 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-pt~="min:15"] {
    padding-top: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-pb~="min:15"] {
    padding-bottom: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-px~="min:15"] {
    padding-left: calc(var(--l-space) * 15 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-pl~="min:15"] {
    padding-left: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-pr~="min:15"] {
    padding-right: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-my~="min:15"] {
    margin-top: calc(var(--l-space) * 15 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-mt~="min:15"] {
    margin-top: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-mb~="min:15"] {
    margin-bottom: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-mx~="min:15"] {
    margin-left: calc(var(--l-space) * 15 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-ml~="min:15"] {
    margin-left: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-mr~="min:15"] {
    margin-right: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="min:15"] > * + * {
    margin-left: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="min:15"] > * + * {
    margin-top: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-py~="min:16"] {
    padding-top: calc(var(--l-space) * 16 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-pt~="min:16"] {
    padding-top: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-pb~="min:16"] {
    padding-bottom: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-px~="min:16"] {
    padding-left: calc(var(--l-space) * 16 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-pl~="min:16"] {
    padding-left: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-pr~="min:16"] {
    padding-right: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-my~="min:16"] {
    margin-top: calc(var(--l-space) * 16 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-mt~="min:16"] {
    margin-top: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-mb~="min:16"] {
    margin-bottom: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-mx~="min:16"] {
    margin-left: calc(var(--l-space) * 16 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-ml~="min:16"] {
    margin-left: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-mr~="min:16"] {
    margin-right: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="min:16"] > * + * {
    margin-left: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="min:16"] > * + * {
    margin-top: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-py~="min:17"] {
    padding-top: calc(var(--l-space) * 17 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-pt~="min:17"] {
    padding-top: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-pb~="min:17"] {
    padding-bottom: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-px~="min:17"] {
    padding-left: calc(var(--l-space) * 17 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-pl~="min:17"] {
    padding-left: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-pr~="min:17"] {
    padding-right: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-my~="min:17"] {
    margin-top: calc(var(--l-space) * 17 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-mt~="min:17"] {
    margin-top: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-mb~="min:17"] {
    margin-bottom: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-mx~="min:17"] {
    margin-left: calc(var(--l-space) * 17 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-ml~="min:17"] {
    margin-left: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-mr~="min:17"] {
    margin-right: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="min:17"] > * + * {
    margin-left: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="min:17"] > * + * {
    margin-top: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-py~="min:18"] {
    padding-top: calc(var(--l-space) * 18 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-pt~="min:18"] {
    padding-top: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-pb~="min:18"] {
    padding-bottom: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-px~="min:18"] {
    padding-left: calc(var(--l-space) * 18 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-pl~="min:18"] {
    padding-left: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-pr~="min:18"] {
    padding-right: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-my~="min:18"] {
    margin-top: calc(var(--l-space) * 18 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-mt~="min:18"] {
    margin-top: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-mb~="min:18"] {
    margin-bottom: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-mx~="min:18"] {
    margin-left: calc(var(--l-space) * 18 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-ml~="min:18"] {
    margin-left: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-mr~="min:18"] {
    margin-right: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="min:18"] > * + * {
    margin-left: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="min:18"] > * + * {
    margin-top: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-py~="min:19"] {
    padding-top: calc(var(--l-space) * 19 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-pt~="min:19"] {
    padding-top: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-pb~="min:19"] {
    padding-bottom: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-px~="min:19"] {
    padding-left: calc(var(--l-space) * 19 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-pl~="min:19"] {
    padding-left: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-pr~="min:19"] {
    padding-right: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-my~="min:19"] {
    margin-top: calc(var(--l-space) * 19 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-mt~="min:19"] {
    margin-top: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-mb~="min:19"] {
    margin-bottom: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-mx~="min:19"] {
    margin-left: calc(var(--l-space) * 19 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-ml~="min:19"] {
    margin-left: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-mr~="min:19"] {
    margin-right: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="min:19"] > * + * {
    margin-left: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="min:19"] > * + * {
    margin-top: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-py~="min:20"] {
    padding-top: calc(var(--l-space) * 20 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-pt~="min:20"] {
    padding-top: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-pb~="min:20"] {
    padding-bottom: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-px~="min:20"] {
    padding-left: calc(var(--l-space) * 20 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-pl~="min:20"] {
    padding-left: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-pr~="min:20"] {
    padding-right: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-my~="min:20"] {
    margin-top: calc(var(--l-space) * 20 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-mt~="min:20"] {
    margin-top: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-mb~="min:20"] {
    margin-bottom: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-mx~="min:20"] {
    margin-left: calc(var(--l-space) * 20 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-ml~="min:20"] {
    margin-left: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-mr~="min:20"] {
    margin-right: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="min:20"] > * + * {
    margin-left: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="min:20"] > * + * {
    margin-top: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-py~="min:21"] {
    padding-top: calc(var(--l-space) * 21 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-pt~="min:21"] {
    padding-top: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-pb~="min:21"] {
    padding-bottom: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-px~="min:21"] {
    padding-left: calc(var(--l-space) * 21 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-pl~="min:21"] {
    padding-left: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-pr~="min:21"] {
    padding-right: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-my~="min:21"] {
    margin-top: calc(var(--l-space) * 21 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-mt~="min:21"] {
    margin-top: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-mb~="min:21"] {
    margin-bottom: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-mx~="min:21"] {
    margin-left: calc(var(--l-space) * 21 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-ml~="min:21"] {
    margin-left: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-mr~="min:21"] {
    margin-right: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="min:21"] > * + * {
    margin-left: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="min:21"] > * + * {
    margin-top: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-py~="min:22"] {
    padding-top: calc(var(--l-space) * 22 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-pt~="min:22"] {
    padding-top: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-pb~="min:22"] {
    padding-bottom: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-px~="min:22"] {
    padding-left: calc(var(--l-space) * 22 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-pl~="min:22"] {
    padding-left: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-pr~="min:22"] {
    padding-right: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-my~="min:22"] {
    margin-top: calc(var(--l-space) * 22 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-mt~="min:22"] {
    margin-top: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-mb~="min:22"] {
    margin-bottom: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-mx~="min:22"] {
    margin-left: calc(var(--l-space) * 22 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-ml~="min:22"] {
    margin-left: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-mr~="min:22"] {
    margin-right: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="min:22"] > * + * {
    margin-left: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="min:22"] > * + * {
    margin-top: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-py~="min:23"] {
    padding-top: calc(var(--l-space) * 23 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-pt~="min:23"] {
    padding-top: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-pb~="min:23"] {
    padding-bottom: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-px~="min:23"] {
    padding-left: calc(var(--l-space) * 23 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-pl~="min:23"] {
    padding-left: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-pr~="min:23"] {
    padding-right: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-my~="min:23"] {
    margin-top: calc(var(--l-space) * 23 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-mt~="min:23"] {
    margin-top: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-mb~="min:23"] {
    margin-bottom: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-mx~="min:23"] {
    margin-left: calc(var(--l-space) * 23 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-ml~="min:23"] {
    margin-left: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-mr~="min:23"] {
    margin-right: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="min:23"] > * + * {
    margin-left: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="min:23"] > * + * {
    margin-top: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-py~="min:24"] {
    padding-top: calc(var(--l-space) * 24 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-pt~="min:24"] {
    padding-top: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-pb~="min:24"] {
    padding-bottom: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-px~="min:24"] {
    padding-left: calc(var(--l-space) * 24 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-pl~="min:24"] {
    padding-left: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-pr~="min:24"] {
    padding-right: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-my~="min:24"] {
    margin-top: calc(var(--l-space) * 24 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-mt~="min:24"] {
    margin-top: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-mb~="min:24"] {
    margin-bottom: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-mx~="min:24"] {
    margin-left: calc(var(--l-space) * 24 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-ml~="min:24"] {
    margin-left: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-mr~="min:24"] {
    margin-right: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="min:24"] > * + * {
    margin-left: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="min:24"] > * + * {
    margin-top: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-py~="min:25"] {
    padding-top: calc(var(--l-space) * 25 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-pt~="min:25"] {
    padding-top: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-pb~="min:25"] {
    padding-bottom: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-px~="min:25"] {
    padding-left: calc(var(--l-space) * 25 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-pl~="min:25"] {
    padding-left: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-pr~="min:25"] {
    padding-right: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-my~="min:25"] {
    margin-top: calc(var(--l-space) * 25 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-mt~="min:25"] {
    margin-top: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-mb~="min:25"] {
    margin-bottom: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-mx~="min:25"] {
    margin-left: calc(var(--l-space) * 25 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-ml~="min:25"] {
    margin-left: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-mr~="min:25"] {
    margin-right: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="min:25"] > * + * {
    margin-left: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="min:25"] > * + * {
    margin-top: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-py~="min:26"] {
    padding-top: calc(var(--l-space) * 26 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-pt~="min:26"] {
    padding-top: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-pb~="min:26"] {
    padding-bottom: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-px~="min:26"] {
    padding-left: calc(var(--l-space) * 26 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-pl~="min:26"] {
    padding-left: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-pr~="min:26"] {
    padding-right: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-my~="min:26"] {
    margin-top: calc(var(--l-space) * 26 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-mt~="min:26"] {
    margin-top: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-mb~="min:26"] {
    margin-bottom: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-mx~="min:26"] {
    margin-left: calc(var(--l-space) * 26 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-ml~="min:26"] {
    margin-left: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-mr~="min:26"] {
    margin-right: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="min:26"] > * + * {
    margin-left: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="min:26"] > * + * {
    margin-top: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-py~="min:27"] {
    padding-top: calc(var(--l-space) * 27 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-pt~="min:27"] {
    padding-top: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-pb~="min:27"] {
    padding-bottom: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-px~="min:27"] {
    padding-left: calc(var(--l-space) * 27 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-pl~="min:27"] {
    padding-left: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-pr~="min:27"] {
    padding-right: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-my~="min:27"] {
    margin-top: calc(var(--l-space) * 27 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-mt~="min:27"] {
    margin-top: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-mb~="min:27"] {
    margin-bottom: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-mx~="min:27"] {
    margin-left: calc(var(--l-space) * 27 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-ml~="min:27"] {
    margin-left: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-mr~="min:27"] {
    margin-right: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="min:27"] > * + * {
    margin-left: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="min:27"] > * + * {
    margin-top: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-py~="min:28"] {
    padding-top: calc(var(--l-space) * 28 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-pt~="min:28"] {
    padding-top: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-pb~="min:28"] {
    padding-bottom: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-px~="min:28"] {
    padding-left: calc(var(--l-space) * 28 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-pl~="min:28"] {
    padding-left: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-pr~="min:28"] {
    padding-right: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-my~="min:28"] {
    margin-top: calc(var(--l-space) * 28 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-mt~="min:28"] {
    margin-top: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-mb~="min:28"] {
    margin-bottom: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-mx~="min:28"] {
    margin-left: calc(var(--l-space) * 28 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-ml~="min:28"] {
    margin-left: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-mr~="min:28"] {
    margin-right: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="min:28"] > * + * {
    margin-left: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="min:28"] > * + * {
    margin-top: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-py~="min:29"] {
    padding-top: calc(var(--l-space) * 29 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-pt~="min:29"] {
    padding-top: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-pb~="min:29"] {
    padding-bottom: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-px~="min:29"] {
    padding-left: calc(var(--l-space) * 29 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-pl~="min:29"] {
    padding-left: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-pr~="min:29"] {
    padding-right: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-my~="min:29"] {
    margin-top: calc(var(--l-space) * 29 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-mt~="min:29"] {
    margin-top: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-mb~="min:29"] {
    margin-bottom: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-mx~="min:29"] {
    margin-left: calc(var(--l-space) * 29 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-ml~="min:29"] {
    margin-left: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-mr~="min:29"] {
    margin-right: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="min:29"] > * + * {
    margin-left: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="min:29"] > * + * {
    margin-top: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-py~="min:30"] {
    padding-top: calc(var(--l-space) * 30 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-pt~="min:30"] {
    padding-top: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-pb~="min:30"] {
    padding-bottom: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-px~="min:30"] {
    padding-left: calc(var(--l-space) * 30 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-pl~="min:30"] {
    padding-left: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-pr~="min:30"] {
    padding-right: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-my~="min:30"] {
    margin-top: calc(var(--l-space) * 30 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-mt~="min:30"] {
    margin-top: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-mb~="min:30"] {
    margin-bottom: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-mx~="min:30"] {
    margin-left: calc(var(--l-space) * 30 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-ml~="min:30"] {
    margin-left: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-mr~="min:30"] {
    margin-right: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="min:30"] > * + * {
    margin-left: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="min:30"] > * + * {
    margin-top: calc(var(--l-space) * 30 / 16 * 1rem);
  }
}
@media screen and (min-width: 375px) {
  .l-spacer[data-py~="xxs:0"] {
    padding-top: calc(var(--l-space) * 0 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxs:0"] {
    padding-top: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxs:0"] {
    padding-bottom: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxs:0"] {
    padding-left: calc(var(--l-space) * 0 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxs:0"] {
    padding-left: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxs:0"] {
    padding-right: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxs:0"] {
    margin-top: calc(var(--l-space) * 0 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxs:0"] {
    margin-top: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxs:0"] {
    margin-bottom: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxs:0"] {
    margin-left: calc(var(--l-space) * 0 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxs:0"] {
    margin-left: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxs:0"] {
    margin-right: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxs:0"] > * + * {
    margin-left: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxs:0"] > * + * {
    margin-top: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxs:1"] {
    padding-top: calc(var(--l-space) * 1 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxs:1"] {
    padding-top: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxs:1"] {
    padding-bottom: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxs:1"] {
    padding-left: calc(var(--l-space) * 1 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxs:1"] {
    padding-left: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxs:1"] {
    padding-right: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxs:1"] {
    margin-top: calc(var(--l-space) * 1 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxs:1"] {
    margin-top: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxs:1"] {
    margin-bottom: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxs:1"] {
    margin-left: calc(var(--l-space) * 1 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxs:1"] {
    margin-left: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxs:1"] {
    margin-right: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxs:1"] > * + * {
    margin-left: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxs:1"] > * + * {
    margin-top: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxs:2"] {
    padding-top: calc(var(--l-space) * 2 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxs:2"] {
    padding-top: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxs:2"] {
    padding-bottom: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxs:2"] {
    padding-left: calc(var(--l-space) * 2 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxs:2"] {
    padding-left: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxs:2"] {
    padding-right: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxs:2"] {
    margin-top: calc(var(--l-space) * 2 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxs:2"] {
    margin-top: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxs:2"] {
    margin-bottom: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxs:2"] {
    margin-left: calc(var(--l-space) * 2 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxs:2"] {
    margin-left: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxs:2"] {
    margin-right: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxs:2"] > * + * {
    margin-left: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxs:2"] > * + * {
    margin-top: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxs:3"] {
    padding-top: calc(var(--l-space) * 3 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxs:3"] {
    padding-top: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxs:3"] {
    padding-bottom: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxs:3"] {
    padding-left: calc(var(--l-space) * 3 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxs:3"] {
    padding-left: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxs:3"] {
    padding-right: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxs:3"] {
    margin-top: calc(var(--l-space) * 3 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxs:3"] {
    margin-top: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxs:3"] {
    margin-bottom: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxs:3"] {
    margin-left: calc(var(--l-space) * 3 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxs:3"] {
    margin-left: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxs:3"] {
    margin-right: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxs:3"] > * + * {
    margin-left: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxs:3"] > * + * {
    margin-top: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxs:4"] {
    padding-top: calc(var(--l-space) * 4 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxs:4"] {
    padding-top: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxs:4"] {
    padding-bottom: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxs:4"] {
    padding-left: calc(var(--l-space) * 4 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxs:4"] {
    padding-left: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxs:4"] {
    padding-right: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxs:4"] {
    margin-top: calc(var(--l-space) * 4 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxs:4"] {
    margin-top: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxs:4"] {
    margin-bottom: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxs:4"] {
    margin-left: calc(var(--l-space) * 4 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxs:4"] {
    margin-left: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxs:4"] {
    margin-right: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxs:4"] > * + * {
    margin-left: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxs:4"] > * + * {
    margin-top: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxs:5"] {
    padding-top: calc(var(--l-space) * 5 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxs:5"] {
    padding-top: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxs:5"] {
    padding-bottom: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxs:5"] {
    padding-left: calc(var(--l-space) * 5 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxs:5"] {
    padding-left: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxs:5"] {
    padding-right: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxs:5"] {
    margin-top: calc(var(--l-space) * 5 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxs:5"] {
    margin-top: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxs:5"] {
    margin-bottom: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxs:5"] {
    margin-left: calc(var(--l-space) * 5 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxs:5"] {
    margin-left: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxs:5"] {
    margin-right: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxs:5"] > * + * {
    margin-left: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxs:5"] > * + * {
    margin-top: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxs:6"] {
    padding-top: calc(var(--l-space) * 6 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxs:6"] {
    padding-top: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxs:6"] {
    padding-bottom: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxs:6"] {
    padding-left: calc(var(--l-space) * 6 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxs:6"] {
    padding-left: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxs:6"] {
    padding-right: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxs:6"] {
    margin-top: calc(var(--l-space) * 6 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxs:6"] {
    margin-top: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxs:6"] {
    margin-bottom: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxs:6"] {
    margin-left: calc(var(--l-space) * 6 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxs:6"] {
    margin-left: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxs:6"] {
    margin-right: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxs:6"] > * + * {
    margin-left: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxs:6"] > * + * {
    margin-top: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxs:7"] {
    padding-top: calc(var(--l-space) * 7 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxs:7"] {
    padding-top: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxs:7"] {
    padding-bottom: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxs:7"] {
    padding-left: calc(var(--l-space) * 7 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxs:7"] {
    padding-left: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxs:7"] {
    padding-right: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxs:7"] {
    margin-top: calc(var(--l-space) * 7 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxs:7"] {
    margin-top: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxs:7"] {
    margin-bottom: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxs:7"] {
    margin-left: calc(var(--l-space) * 7 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxs:7"] {
    margin-left: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxs:7"] {
    margin-right: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxs:7"] > * + * {
    margin-left: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxs:7"] > * + * {
    margin-top: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxs:8"] {
    padding-top: calc(var(--l-space) * 8 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxs:8"] {
    padding-top: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxs:8"] {
    padding-bottom: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxs:8"] {
    padding-left: calc(var(--l-space) * 8 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxs:8"] {
    padding-left: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxs:8"] {
    padding-right: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxs:8"] {
    margin-top: calc(var(--l-space) * 8 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxs:8"] {
    margin-top: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxs:8"] {
    margin-bottom: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxs:8"] {
    margin-left: calc(var(--l-space) * 8 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxs:8"] {
    margin-left: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxs:8"] {
    margin-right: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxs:8"] > * + * {
    margin-left: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxs:8"] > * + * {
    margin-top: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxs:9"] {
    padding-top: calc(var(--l-space) * 9 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxs:9"] {
    padding-top: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxs:9"] {
    padding-bottom: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxs:9"] {
    padding-left: calc(var(--l-space) * 9 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxs:9"] {
    padding-left: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxs:9"] {
    padding-right: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxs:9"] {
    margin-top: calc(var(--l-space) * 9 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxs:9"] {
    margin-top: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxs:9"] {
    margin-bottom: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxs:9"] {
    margin-left: calc(var(--l-space) * 9 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxs:9"] {
    margin-left: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxs:9"] {
    margin-right: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxs:9"] > * + * {
    margin-left: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxs:9"] > * + * {
    margin-top: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxs:10"] {
    padding-top: calc(var(--l-space) * 10 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxs:10"] {
    padding-top: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxs:10"] {
    padding-bottom: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxs:10"] {
    padding-left: calc(var(--l-space) * 10 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxs:10"] {
    padding-left: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxs:10"] {
    padding-right: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxs:10"] {
    margin-top: calc(var(--l-space) * 10 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxs:10"] {
    margin-top: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxs:10"] {
    margin-bottom: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxs:10"] {
    margin-left: calc(var(--l-space) * 10 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxs:10"] {
    margin-left: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxs:10"] {
    margin-right: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxs:10"] > * + * {
    margin-left: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxs:10"] > * + * {
    margin-top: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxs:11"] {
    padding-top: calc(var(--l-space) * 11 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxs:11"] {
    padding-top: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxs:11"] {
    padding-bottom: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxs:11"] {
    padding-left: calc(var(--l-space) * 11 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxs:11"] {
    padding-left: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxs:11"] {
    padding-right: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxs:11"] {
    margin-top: calc(var(--l-space) * 11 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxs:11"] {
    margin-top: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxs:11"] {
    margin-bottom: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxs:11"] {
    margin-left: calc(var(--l-space) * 11 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxs:11"] {
    margin-left: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxs:11"] {
    margin-right: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxs:11"] > * + * {
    margin-left: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxs:11"] > * + * {
    margin-top: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxs:12"] {
    padding-top: calc(var(--l-space) * 12 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxs:12"] {
    padding-top: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxs:12"] {
    padding-bottom: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxs:12"] {
    padding-left: calc(var(--l-space) * 12 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxs:12"] {
    padding-left: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxs:12"] {
    padding-right: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxs:12"] {
    margin-top: calc(var(--l-space) * 12 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxs:12"] {
    margin-top: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxs:12"] {
    margin-bottom: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxs:12"] {
    margin-left: calc(var(--l-space) * 12 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxs:12"] {
    margin-left: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxs:12"] {
    margin-right: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxs:12"] > * + * {
    margin-left: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxs:12"] > * + * {
    margin-top: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxs:13"] {
    padding-top: calc(var(--l-space) * 13 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxs:13"] {
    padding-top: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxs:13"] {
    padding-bottom: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxs:13"] {
    padding-left: calc(var(--l-space) * 13 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxs:13"] {
    padding-left: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxs:13"] {
    padding-right: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxs:13"] {
    margin-top: calc(var(--l-space) * 13 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxs:13"] {
    margin-top: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxs:13"] {
    margin-bottom: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxs:13"] {
    margin-left: calc(var(--l-space) * 13 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxs:13"] {
    margin-left: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxs:13"] {
    margin-right: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxs:13"] > * + * {
    margin-left: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxs:13"] > * + * {
    margin-top: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxs:14"] {
    padding-top: calc(var(--l-space) * 14 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxs:14"] {
    padding-top: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxs:14"] {
    padding-bottom: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxs:14"] {
    padding-left: calc(var(--l-space) * 14 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxs:14"] {
    padding-left: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxs:14"] {
    padding-right: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxs:14"] {
    margin-top: calc(var(--l-space) * 14 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxs:14"] {
    margin-top: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxs:14"] {
    margin-bottom: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxs:14"] {
    margin-left: calc(var(--l-space) * 14 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxs:14"] {
    margin-left: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxs:14"] {
    margin-right: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxs:14"] > * + * {
    margin-left: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxs:14"] > * + * {
    margin-top: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxs:15"] {
    padding-top: calc(var(--l-space) * 15 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxs:15"] {
    padding-top: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxs:15"] {
    padding-bottom: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxs:15"] {
    padding-left: calc(var(--l-space) * 15 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxs:15"] {
    padding-left: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxs:15"] {
    padding-right: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxs:15"] {
    margin-top: calc(var(--l-space) * 15 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxs:15"] {
    margin-top: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxs:15"] {
    margin-bottom: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxs:15"] {
    margin-left: calc(var(--l-space) * 15 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxs:15"] {
    margin-left: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxs:15"] {
    margin-right: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxs:15"] > * + * {
    margin-left: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxs:15"] > * + * {
    margin-top: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxs:16"] {
    padding-top: calc(var(--l-space) * 16 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxs:16"] {
    padding-top: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxs:16"] {
    padding-bottom: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxs:16"] {
    padding-left: calc(var(--l-space) * 16 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxs:16"] {
    padding-left: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxs:16"] {
    padding-right: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxs:16"] {
    margin-top: calc(var(--l-space) * 16 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxs:16"] {
    margin-top: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxs:16"] {
    margin-bottom: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxs:16"] {
    margin-left: calc(var(--l-space) * 16 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxs:16"] {
    margin-left: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxs:16"] {
    margin-right: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxs:16"] > * + * {
    margin-left: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxs:16"] > * + * {
    margin-top: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxs:17"] {
    padding-top: calc(var(--l-space) * 17 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxs:17"] {
    padding-top: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxs:17"] {
    padding-bottom: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxs:17"] {
    padding-left: calc(var(--l-space) * 17 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxs:17"] {
    padding-left: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxs:17"] {
    padding-right: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxs:17"] {
    margin-top: calc(var(--l-space) * 17 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxs:17"] {
    margin-top: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxs:17"] {
    margin-bottom: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxs:17"] {
    margin-left: calc(var(--l-space) * 17 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxs:17"] {
    margin-left: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxs:17"] {
    margin-right: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxs:17"] > * + * {
    margin-left: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxs:17"] > * + * {
    margin-top: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxs:18"] {
    padding-top: calc(var(--l-space) * 18 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxs:18"] {
    padding-top: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxs:18"] {
    padding-bottom: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxs:18"] {
    padding-left: calc(var(--l-space) * 18 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxs:18"] {
    padding-left: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxs:18"] {
    padding-right: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxs:18"] {
    margin-top: calc(var(--l-space) * 18 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxs:18"] {
    margin-top: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxs:18"] {
    margin-bottom: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxs:18"] {
    margin-left: calc(var(--l-space) * 18 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxs:18"] {
    margin-left: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxs:18"] {
    margin-right: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxs:18"] > * + * {
    margin-left: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxs:18"] > * + * {
    margin-top: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxs:19"] {
    padding-top: calc(var(--l-space) * 19 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxs:19"] {
    padding-top: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxs:19"] {
    padding-bottom: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxs:19"] {
    padding-left: calc(var(--l-space) * 19 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxs:19"] {
    padding-left: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxs:19"] {
    padding-right: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxs:19"] {
    margin-top: calc(var(--l-space) * 19 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxs:19"] {
    margin-top: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxs:19"] {
    margin-bottom: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxs:19"] {
    margin-left: calc(var(--l-space) * 19 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxs:19"] {
    margin-left: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxs:19"] {
    margin-right: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxs:19"] > * + * {
    margin-left: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxs:19"] > * + * {
    margin-top: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxs:20"] {
    padding-top: calc(var(--l-space) * 20 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxs:20"] {
    padding-top: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxs:20"] {
    padding-bottom: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxs:20"] {
    padding-left: calc(var(--l-space) * 20 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxs:20"] {
    padding-left: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxs:20"] {
    padding-right: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxs:20"] {
    margin-top: calc(var(--l-space) * 20 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxs:20"] {
    margin-top: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxs:20"] {
    margin-bottom: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxs:20"] {
    margin-left: calc(var(--l-space) * 20 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxs:20"] {
    margin-left: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxs:20"] {
    margin-right: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxs:20"] > * + * {
    margin-left: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxs:20"] > * + * {
    margin-top: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxs:21"] {
    padding-top: calc(var(--l-space) * 21 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxs:21"] {
    padding-top: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxs:21"] {
    padding-bottom: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxs:21"] {
    padding-left: calc(var(--l-space) * 21 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxs:21"] {
    padding-left: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxs:21"] {
    padding-right: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxs:21"] {
    margin-top: calc(var(--l-space) * 21 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxs:21"] {
    margin-top: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxs:21"] {
    margin-bottom: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxs:21"] {
    margin-left: calc(var(--l-space) * 21 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxs:21"] {
    margin-left: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxs:21"] {
    margin-right: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxs:21"] > * + * {
    margin-left: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxs:21"] > * + * {
    margin-top: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxs:22"] {
    padding-top: calc(var(--l-space) * 22 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxs:22"] {
    padding-top: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxs:22"] {
    padding-bottom: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxs:22"] {
    padding-left: calc(var(--l-space) * 22 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxs:22"] {
    padding-left: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxs:22"] {
    padding-right: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxs:22"] {
    margin-top: calc(var(--l-space) * 22 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxs:22"] {
    margin-top: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxs:22"] {
    margin-bottom: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxs:22"] {
    margin-left: calc(var(--l-space) * 22 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxs:22"] {
    margin-left: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxs:22"] {
    margin-right: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxs:22"] > * + * {
    margin-left: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxs:22"] > * + * {
    margin-top: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxs:23"] {
    padding-top: calc(var(--l-space) * 23 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxs:23"] {
    padding-top: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxs:23"] {
    padding-bottom: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxs:23"] {
    padding-left: calc(var(--l-space) * 23 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxs:23"] {
    padding-left: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxs:23"] {
    padding-right: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxs:23"] {
    margin-top: calc(var(--l-space) * 23 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxs:23"] {
    margin-top: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxs:23"] {
    margin-bottom: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxs:23"] {
    margin-left: calc(var(--l-space) * 23 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxs:23"] {
    margin-left: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxs:23"] {
    margin-right: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxs:23"] > * + * {
    margin-left: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxs:23"] > * + * {
    margin-top: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxs:24"] {
    padding-top: calc(var(--l-space) * 24 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxs:24"] {
    padding-top: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxs:24"] {
    padding-bottom: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxs:24"] {
    padding-left: calc(var(--l-space) * 24 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxs:24"] {
    padding-left: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxs:24"] {
    padding-right: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxs:24"] {
    margin-top: calc(var(--l-space) * 24 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxs:24"] {
    margin-top: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxs:24"] {
    margin-bottom: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxs:24"] {
    margin-left: calc(var(--l-space) * 24 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxs:24"] {
    margin-left: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxs:24"] {
    margin-right: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxs:24"] > * + * {
    margin-left: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxs:24"] > * + * {
    margin-top: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxs:25"] {
    padding-top: calc(var(--l-space) * 25 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxs:25"] {
    padding-top: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxs:25"] {
    padding-bottom: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxs:25"] {
    padding-left: calc(var(--l-space) * 25 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxs:25"] {
    padding-left: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxs:25"] {
    padding-right: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxs:25"] {
    margin-top: calc(var(--l-space) * 25 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxs:25"] {
    margin-top: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxs:25"] {
    margin-bottom: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxs:25"] {
    margin-left: calc(var(--l-space) * 25 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxs:25"] {
    margin-left: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxs:25"] {
    margin-right: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxs:25"] > * + * {
    margin-left: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxs:25"] > * + * {
    margin-top: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxs:26"] {
    padding-top: calc(var(--l-space) * 26 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxs:26"] {
    padding-top: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxs:26"] {
    padding-bottom: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxs:26"] {
    padding-left: calc(var(--l-space) * 26 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxs:26"] {
    padding-left: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxs:26"] {
    padding-right: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxs:26"] {
    margin-top: calc(var(--l-space) * 26 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxs:26"] {
    margin-top: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxs:26"] {
    margin-bottom: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxs:26"] {
    margin-left: calc(var(--l-space) * 26 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxs:26"] {
    margin-left: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxs:26"] {
    margin-right: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxs:26"] > * + * {
    margin-left: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxs:26"] > * + * {
    margin-top: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxs:27"] {
    padding-top: calc(var(--l-space) * 27 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxs:27"] {
    padding-top: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxs:27"] {
    padding-bottom: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxs:27"] {
    padding-left: calc(var(--l-space) * 27 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxs:27"] {
    padding-left: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxs:27"] {
    padding-right: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxs:27"] {
    margin-top: calc(var(--l-space) * 27 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxs:27"] {
    margin-top: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxs:27"] {
    margin-bottom: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxs:27"] {
    margin-left: calc(var(--l-space) * 27 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxs:27"] {
    margin-left: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxs:27"] {
    margin-right: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxs:27"] > * + * {
    margin-left: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxs:27"] > * + * {
    margin-top: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxs:28"] {
    padding-top: calc(var(--l-space) * 28 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxs:28"] {
    padding-top: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxs:28"] {
    padding-bottom: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxs:28"] {
    padding-left: calc(var(--l-space) * 28 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxs:28"] {
    padding-left: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxs:28"] {
    padding-right: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxs:28"] {
    margin-top: calc(var(--l-space) * 28 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxs:28"] {
    margin-top: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxs:28"] {
    margin-bottom: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxs:28"] {
    margin-left: calc(var(--l-space) * 28 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxs:28"] {
    margin-left: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxs:28"] {
    margin-right: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxs:28"] > * + * {
    margin-left: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxs:28"] > * + * {
    margin-top: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxs:29"] {
    padding-top: calc(var(--l-space) * 29 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxs:29"] {
    padding-top: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxs:29"] {
    padding-bottom: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxs:29"] {
    padding-left: calc(var(--l-space) * 29 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxs:29"] {
    padding-left: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxs:29"] {
    padding-right: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxs:29"] {
    margin-top: calc(var(--l-space) * 29 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxs:29"] {
    margin-top: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxs:29"] {
    margin-bottom: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxs:29"] {
    margin-left: calc(var(--l-space) * 29 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxs:29"] {
    margin-left: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxs:29"] {
    margin-right: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxs:29"] > * + * {
    margin-left: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxs:29"] > * + * {
    margin-top: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxs:30"] {
    padding-top: calc(var(--l-space) * 30 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxs:30"] {
    padding-top: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxs:30"] {
    padding-bottom: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxs:30"] {
    padding-left: calc(var(--l-space) * 30 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxs:30"] {
    padding-left: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxs:30"] {
    padding-right: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxs:30"] {
    margin-top: calc(var(--l-space) * 30 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxs:30"] {
    margin-top: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxs:30"] {
    margin-bottom: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxs:30"] {
    margin-left: calc(var(--l-space) * 30 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxs:30"] {
    margin-left: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxs:30"] {
    margin-right: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxs:30"] > * + * {
    margin-left: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxs:30"] > * + * {
    margin-top: calc(var(--l-space) * 30 / 16 * 1rem);
  }
}
@media screen and (min-width: 414px) {
  .l-spacer[data-py~="xs:0"] {
    padding-top: calc(var(--l-space) * 0 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xs:0"] {
    padding-top: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xs:0"] {
    padding-bottom: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-px~="xs:0"] {
    padding-left: calc(var(--l-space) * 0 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xs:0"] {
    padding-left: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xs:0"] {
    padding-right: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-my~="xs:0"] {
    margin-top: calc(var(--l-space) * 0 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xs:0"] {
    margin-top: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xs:0"] {
    margin-bottom: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xs:0"] {
    margin-left: calc(var(--l-space) * 0 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xs:0"] {
    margin-left: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xs:0"] {
    margin-right: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xs:0"] > * + * {
    margin-left: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xs:0"] > * + * {
    margin-top: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-py~="xs:1"] {
    padding-top: calc(var(--l-space) * 1 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xs:1"] {
    padding-top: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xs:1"] {
    padding-bottom: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-px~="xs:1"] {
    padding-left: calc(var(--l-space) * 1 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xs:1"] {
    padding-left: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xs:1"] {
    padding-right: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-my~="xs:1"] {
    margin-top: calc(var(--l-space) * 1 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xs:1"] {
    margin-top: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xs:1"] {
    margin-bottom: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xs:1"] {
    margin-left: calc(var(--l-space) * 1 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xs:1"] {
    margin-left: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xs:1"] {
    margin-right: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xs:1"] > * + * {
    margin-left: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xs:1"] > * + * {
    margin-top: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-py~="xs:2"] {
    padding-top: calc(var(--l-space) * 2 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xs:2"] {
    padding-top: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xs:2"] {
    padding-bottom: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-px~="xs:2"] {
    padding-left: calc(var(--l-space) * 2 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xs:2"] {
    padding-left: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xs:2"] {
    padding-right: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-my~="xs:2"] {
    margin-top: calc(var(--l-space) * 2 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xs:2"] {
    margin-top: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xs:2"] {
    margin-bottom: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xs:2"] {
    margin-left: calc(var(--l-space) * 2 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xs:2"] {
    margin-left: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xs:2"] {
    margin-right: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xs:2"] > * + * {
    margin-left: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xs:2"] > * + * {
    margin-top: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-py~="xs:3"] {
    padding-top: calc(var(--l-space) * 3 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xs:3"] {
    padding-top: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xs:3"] {
    padding-bottom: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-px~="xs:3"] {
    padding-left: calc(var(--l-space) * 3 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xs:3"] {
    padding-left: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xs:3"] {
    padding-right: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-my~="xs:3"] {
    margin-top: calc(var(--l-space) * 3 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xs:3"] {
    margin-top: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xs:3"] {
    margin-bottom: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xs:3"] {
    margin-left: calc(var(--l-space) * 3 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xs:3"] {
    margin-left: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xs:3"] {
    margin-right: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xs:3"] > * + * {
    margin-left: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xs:3"] > * + * {
    margin-top: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-py~="xs:4"] {
    padding-top: calc(var(--l-space) * 4 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xs:4"] {
    padding-top: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xs:4"] {
    padding-bottom: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-px~="xs:4"] {
    padding-left: calc(var(--l-space) * 4 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xs:4"] {
    padding-left: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xs:4"] {
    padding-right: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-my~="xs:4"] {
    margin-top: calc(var(--l-space) * 4 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xs:4"] {
    margin-top: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xs:4"] {
    margin-bottom: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xs:4"] {
    margin-left: calc(var(--l-space) * 4 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xs:4"] {
    margin-left: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xs:4"] {
    margin-right: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xs:4"] > * + * {
    margin-left: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xs:4"] > * + * {
    margin-top: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-py~="xs:5"] {
    padding-top: calc(var(--l-space) * 5 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xs:5"] {
    padding-top: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xs:5"] {
    padding-bottom: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-px~="xs:5"] {
    padding-left: calc(var(--l-space) * 5 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xs:5"] {
    padding-left: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xs:5"] {
    padding-right: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-my~="xs:5"] {
    margin-top: calc(var(--l-space) * 5 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xs:5"] {
    margin-top: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xs:5"] {
    margin-bottom: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xs:5"] {
    margin-left: calc(var(--l-space) * 5 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xs:5"] {
    margin-left: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xs:5"] {
    margin-right: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xs:5"] > * + * {
    margin-left: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xs:5"] > * + * {
    margin-top: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-py~="xs:6"] {
    padding-top: calc(var(--l-space) * 6 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xs:6"] {
    padding-top: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xs:6"] {
    padding-bottom: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-px~="xs:6"] {
    padding-left: calc(var(--l-space) * 6 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xs:6"] {
    padding-left: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xs:6"] {
    padding-right: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-my~="xs:6"] {
    margin-top: calc(var(--l-space) * 6 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xs:6"] {
    margin-top: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xs:6"] {
    margin-bottom: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xs:6"] {
    margin-left: calc(var(--l-space) * 6 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xs:6"] {
    margin-left: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xs:6"] {
    margin-right: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xs:6"] > * + * {
    margin-left: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xs:6"] > * + * {
    margin-top: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-py~="xs:7"] {
    padding-top: calc(var(--l-space) * 7 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xs:7"] {
    padding-top: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xs:7"] {
    padding-bottom: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-px~="xs:7"] {
    padding-left: calc(var(--l-space) * 7 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xs:7"] {
    padding-left: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xs:7"] {
    padding-right: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-my~="xs:7"] {
    margin-top: calc(var(--l-space) * 7 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xs:7"] {
    margin-top: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xs:7"] {
    margin-bottom: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xs:7"] {
    margin-left: calc(var(--l-space) * 7 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xs:7"] {
    margin-left: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xs:7"] {
    margin-right: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xs:7"] > * + * {
    margin-left: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xs:7"] > * + * {
    margin-top: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-py~="xs:8"] {
    padding-top: calc(var(--l-space) * 8 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xs:8"] {
    padding-top: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xs:8"] {
    padding-bottom: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-px~="xs:8"] {
    padding-left: calc(var(--l-space) * 8 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xs:8"] {
    padding-left: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xs:8"] {
    padding-right: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-my~="xs:8"] {
    margin-top: calc(var(--l-space) * 8 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xs:8"] {
    margin-top: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xs:8"] {
    margin-bottom: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xs:8"] {
    margin-left: calc(var(--l-space) * 8 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xs:8"] {
    margin-left: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xs:8"] {
    margin-right: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xs:8"] > * + * {
    margin-left: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xs:8"] > * + * {
    margin-top: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-py~="xs:9"] {
    padding-top: calc(var(--l-space) * 9 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xs:9"] {
    padding-top: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xs:9"] {
    padding-bottom: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-px~="xs:9"] {
    padding-left: calc(var(--l-space) * 9 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xs:9"] {
    padding-left: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xs:9"] {
    padding-right: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-my~="xs:9"] {
    margin-top: calc(var(--l-space) * 9 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xs:9"] {
    margin-top: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xs:9"] {
    margin-bottom: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xs:9"] {
    margin-left: calc(var(--l-space) * 9 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xs:9"] {
    margin-left: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xs:9"] {
    margin-right: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xs:9"] > * + * {
    margin-left: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xs:9"] > * + * {
    margin-top: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-py~="xs:10"] {
    padding-top: calc(var(--l-space) * 10 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xs:10"] {
    padding-top: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xs:10"] {
    padding-bottom: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-px~="xs:10"] {
    padding-left: calc(var(--l-space) * 10 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xs:10"] {
    padding-left: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xs:10"] {
    padding-right: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-my~="xs:10"] {
    margin-top: calc(var(--l-space) * 10 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xs:10"] {
    margin-top: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xs:10"] {
    margin-bottom: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xs:10"] {
    margin-left: calc(var(--l-space) * 10 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xs:10"] {
    margin-left: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xs:10"] {
    margin-right: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xs:10"] > * + * {
    margin-left: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xs:10"] > * + * {
    margin-top: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-py~="xs:11"] {
    padding-top: calc(var(--l-space) * 11 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xs:11"] {
    padding-top: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xs:11"] {
    padding-bottom: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-px~="xs:11"] {
    padding-left: calc(var(--l-space) * 11 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xs:11"] {
    padding-left: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xs:11"] {
    padding-right: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-my~="xs:11"] {
    margin-top: calc(var(--l-space) * 11 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xs:11"] {
    margin-top: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xs:11"] {
    margin-bottom: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xs:11"] {
    margin-left: calc(var(--l-space) * 11 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xs:11"] {
    margin-left: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xs:11"] {
    margin-right: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xs:11"] > * + * {
    margin-left: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xs:11"] > * + * {
    margin-top: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-py~="xs:12"] {
    padding-top: calc(var(--l-space) * 12 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xs:12"] {
    padding-top: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xs:12"] {
    padding-bottom: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-px~="xs:12"] {
    padding-left: calc(var(--l-space) * 12 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xs:12"] {
    padding-left: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xs:12"] {
    padding-right: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-my~="xs:12"] {
    margin-top: calc(var(--l-space) * 12 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xs:12"] {
    margin-top: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xs:12"] {
    margin-bottom: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xs:12"] {
    margin-left: calc(var(--l-space) * 12 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xs:12"] {
    margin-left: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xs:12"] {
    margin-right: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xs:12"] > * + * {
    margin-left: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xs:12"] > * + * {
    margin-top: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-py~="xs:13"] {
    padding-top: calc(var(--l-space) * 13 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xs:13"] {
    padding-top: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xs:13"] {
    padding-bottom: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-px~="xs:13"] {
    padding-left: calc(var(--l-space) * 13 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xs:13"] {
    padding-left: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xs:13"] {
    padding-right: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-my~="xs:13"] {
    margin-top: calc(var(--l-space) * 13 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xs:13"] {
    margin-top: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xs:13"] {
    margin-bottom: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xs:13"] {
    margin-left: calc(var(--l-space) * 13 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xs:13"] {
    margin-left: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xs:13"] {
    margin-right: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xs:13"] > * + * {
    margin-left: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xs:13"] > * + * {
    margin-top: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-py~="xs:14"] {
    padding-top: calc(var(--l-space) * 14 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xs:14"] {
    padding-top: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xs:14"] {
    padding-bottom: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-px~="xs:14"] {
    padding-left: calc(var(--l-space) * 14 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xs:14"] {
    padding-left: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xs:14"] {
    padding-right: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-my~="xs:14"] {
    margin-top: calc(var(--l-space) * 14 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xs:14"] {
    margin-top: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xs:14"] {
    margin-bottom: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xs:14"] {
    margin-left: calc(var(--l-space) * 14 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xs:14"] {
    margin-left: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xs:14"] {
    margin-right: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xs:14"] > * + * {
    margin-left: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xs:14"] > * + * {
    margin-top: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-py~="xs:15"] {
    padding-top: calc(var(--l-space) * 15 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xs:15"] {
    padding-top: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xs:15"] {
    padding-bottom: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-px~="xs:15"] {
    padding-left: calc(var(--l-space) * 15 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xs:15"] {
    padding-left: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xs:15"] {
    padding-right: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-my~="xs:15"] {
    margin-top: calc(var(--l-space) * 15 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xs:15"] {
    margin-top: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xs:15"] {
    margin-bottom: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xs:15"] {
    margin-left: calc(var(--l-space) * 15 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xs:15"] {
    margin-left: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xs:15"] {
    margin-right: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xs:15"] > * + * {
    margin-left: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xs:15"] > * + * {
    margin-top: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-py~="xs:16"] {
    padding-top: calc(var(--l-space) * 16 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xs:16"] {
    padding-top: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xs:16"] {
    padding-bottom: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-px~="xs:16"] {
    padding-left: calc(var(--l-space) * 16 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xs:16"] {
    padding-left: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xs:16"] {
    padding-right: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-my~="xs:16"] {
    margin-top: calc(var(--l-space) * 16 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xs:16"] {
    margin-top: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xs:16"] {
    margin-bottom: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xs:16"] {
    margin-left: calc(var(--l-space) * 16 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xs:16"] {
    margin-left: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xs:16"] {
    margin-right: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xs:16"] > * + * {
    margin-left: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xs:16"] > * + * {
    margin-top: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-py~="xs:17"] {
    padding-top: calc(var(--l-space) * 17 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xs:17"] {
    padding-top: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xs:17"] {
    padding-bottom: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-px~="xs:17"] {
    padding-left: calc(var(--l-space) * 17 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xs:17"] {
    padding-left: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xs:17"] {
    padding-right: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-my~="xs:17"] {
    margin-top: calc(var(--l-space) * 17 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xs:17"] {
    margin-top: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xs:17"] {
    margin-bottom: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xs:17"] {
    margin-left: calc(var(--l-space) * 17 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xs:17"] {
    margin-left: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xs:17"] {
    margin-right: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xs:17"] > * + * {
    margin-left: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xs:17"] > * + * {
    margin-top: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-py~="xs:18"] {
    padding-top: calc(var(--l-space) * 18 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xs:18"] {
    padding-top: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xs:18"] {
    padding-bottom: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-px~="xs:18"] {
    padding-left: calc(var(--l-space) * 18 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xs:18"] {
    padding-left: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xs:18"] {
    padding-right: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-my~="xs:18"] {
    margin-top: calc(var(--l-space) * 18 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xs:18"] {
    margin-top: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xs:18"] {
    margin-bottom: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xs:18"] {
    margin-left: calc(var(--l-space) * 18 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xs:18"] {
    margin-left: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xs:18"] {
    margin-right: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xs:18"] > * + * {
    margin-left: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xs:18"] > * + * {
    margin-top: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-py~="xs:19"] {
    padding-top: calc(var(--l-space) * 19 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xs:19"] {
    padding-top: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xs:19"] {
    padding-bottom: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-px~="xs:19"] {
    padding-left: calc(var(--l-space) * 19 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xs:19"] {
    padding-left: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xs:19"] {
    padding-right: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-my~="xs:19"] {
    margin-top: calc(var(--l-space) * 19 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xs:19"] {
    margin-top: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xs:19"] {
    margin-bottom: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xs:19"] {
    margin-left: calc(var(--l-space) * 19 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xs:19"] {
    margin-left: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xs:19"] {
    margin-right: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xs:19"] > * + * {
    margin-left: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xs:19"] > * + * {
    margin-top: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-py~="xs:20"] {
    padding-top: calc(var(--l-space) * 20 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xs:20"] {
    padding-top: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xs:20"] {
    padding-bottom: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-px~="xs:20"] {
    padding-left: calc(var(--l-space) * 20 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xs:20"] {
    padding-left: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xs:20"] {
    padding-right: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-my~="xs:20"] {
    margin-top: calc(var(--l-space) * 20 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xs:20"] {
    margin-top: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xs:20"] {
    margin-bottom: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xs:20"] {
    margin-left: calc(var(--l-space) * 20 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xs:20"] {
    margin-left: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xs:20"] {
    margin-right: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xs:20"] > * + * {
    margin-left: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xs:20"] > * + * {
    margin-top: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-py~="xs:21"] {
    padding-top: calc(var(--l-space) * 21 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xs:21"] {
    padding-top: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xs:21"] {
    padding-bottom: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-px~="xs:21"] {
    padding-left: calc(var(--l-space) * 21 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xs:21"] {
    padding-left: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xs:21"] {
    padding-right: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-my~="xs:21"] {
    margin-top: calc(var(--l-space) * 21 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xs:21"] {
    margin-top: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xs:21"] {
    margin-bottom: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xs:21"] {
    margin-left: calc(var(--l-space) * 21 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xs:21"] {
    margin-left: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xs:21"] {
    margin-right: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xs:21"] > * + * {
    margin-left: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xs:21"] > * + * {
    margin-top: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-py~="xs:22"] {
    padding-top: calc(var(--l-space) * 22 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xs:22"] {
    padding-top: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xs:22"] {
    padding-bottom: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-px~="xs:22"] {
    padding-left: calc(var(--l-space) * 22 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xs:22"] {
    padding-left: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xs:22"] {
    padding-right: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-my~="xs:22"] {
    margin-top: calc(var(--l-space) * 22 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xs:22"] {
    margin-top: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xs:22"] {
    margin-bottom: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xs:22"] {
    margin-left: calc(var(--l-space) * 22 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xs:22"] {
    margin-left: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xs:22"] {
    margin-right: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xs:22"] > * + * {
    margin-left: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xs:22"] > * + * {
    margin-top: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-py~="xs:23"] {
    padding-top: calc(var(--l-space) * 23 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xs:23"] {
    padding-top: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xs:23"] {
    padding-bottom: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-px~="xs:23"] {
    padding-left: calc(var(--l-space) * 23 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xs:23"] {
    padding-left: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xs:23"] {
    padding-right: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-my~="xs:23"] {
    margin-top: calc(var(--l-space) * 23 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xs:23"] {
    margin-top: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xs:23"] {
    margin-bottom: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xs:23"] {
    margin-left: calc(var(--l-space) * 23 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xs:23"] {
    margin-left: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xs:23"] {
    margin-right: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xs:23"] > * + * {
    margin-left: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xs:23"] > * + * {
    margin-top: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-py~="xs:24"] {
    padding-top: calc(var(--l-space) * 24 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xs:24"] {
    padding-top: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xs:24"] {
    padding-bottom: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-px~="xs:24"] {
    padding-left: calc(var(--l-space) * 24 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xs:24"] {
    padding-left: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xs:24"] {
    padding-right: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-my~="xs:24"] {
    margin-top: calc(var(--l-space) * 24 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xs:24"] {
    margin-top: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xs:24"] {
    margin-bottom: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xs:24"] {
    margin-left: calc(var(--l-space) * 24 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xs:24"] {
    margin-left: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xs:24"] {
    margin-right: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xs:24"] > * + * {
    margin-left: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xs:24"] > * + * {
    margin-top: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-py~="xs:25"] {
    padding-top: calc(var(--l-space) * 25 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xs:25"] {
    padding-top: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xs:25"] {
    padding-bottom: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-px~="xs:25"] {
    padding-left: calc(var(--l-space) * 25 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xs:25"] {
    padding-left: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xs:25"] {
    padding-right: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-my~="xs:25"] {
    margin-top: calc(var(--l-space) * 25 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xs:25"] {
    margin-top: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xs:25"] {
    margin-bottom: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xs:25"] {
    margin-left: calc(var(--l-space) * 25 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xs:25"] {
    margin-left: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xs:25"] {
    margin-right: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xs:25"] > * + * {
    margin-left: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xs:25"] > * + * {
    margin-top: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-py~="xs:26"] {
    padding-top: calc(var(--l-space) * 26 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xs:26"] {
    padding-top: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xs:26"] {
    padding-bottom: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-px~="xs:26"] {
    padding-left: calc(var(--l-space) * 26 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xs:26"] {
    padding-left: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xs:26"] {
    padding-right: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-my~="xs:26"] {
    margin-top: calc(var(--l-space) * 26 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xs:26"] {
    margin-top: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xs:26"] {
    margin-bottom: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xs:26"] {
    margin-left: calc(var(--l-space) * 26 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xs:26"] {
    margin-left: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xs:26"] {
    margin-right: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xs:26"] > * + * {
    margin-left: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xs:26"] > * + * {
    margin-top: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-py~="xs:27"] {
    padding-top: calc(var(--l-space) * 27 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xs:27"] {
    padding-top: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xs:27"] {
    padding-bottom: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-px~="xs:27"] {
    padding-left: calc(var(--l-space) * 27 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xs:27"] {
    padding-left: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xs:27"] {
    padding-right: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-my~="xs:27"] {
    margin-top: calc(var(--l-space) * 27 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xs:27"] {
    margin-top: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xs:27"] {
    margin-bottom: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xs:27"] {
    margin-left: calc(var(--l-space) * 27 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xs:27"] {
    margin-left: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xs:27"] {
    margin-right: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xs:27"] > * + * {
    margin-left: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xs:27"] > * + * {
    margin-top: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-py~="xs:28"] {
    padding-top: calc(var(--l-space) * 28 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xs:28"] {
    padding-top: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xs:28"] {
    padding-bottom: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-px~="xs:28"] {
    padding-left: calc(var(--l-space) * 28 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xs:28"] {
    padding-left: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xs:28"] {
    padding-right: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-my~="xs:28"] {
    margin-top: calc(var(--l-space) * 28 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xs:28"] {
    margin-top: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xs:28"] {
    margin-bottom: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xs:28"] {
    margin-left: calc(var(--l-space) * 28 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xs:28"] {
    margin-left: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xs:28"] {
    margin-right: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xs:28"] > * + * {
    margin-left: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xs:28"] > * + * {
    margin-top: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-py~="xs:29"] {
    padding-top: calc(var(--l-space) * 29 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xs:29"] {
    padding-top: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xs:29"] {
    padding-bottom: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-px~="xs:29"] {
    padding-left: calc(var(--l-space) * 29 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xs:29"] {
    padding-left: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xs:29"] {
    padding-right: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-my~="xs:29"] {
    margin-top: calc(var(--l-space) * 29 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xs:29"] {
    margin-top: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xs:29"] {
    margin-bottom: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xs:29"] {
    margin-left: calc(var(--l-space) * 29 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xs:29"] {
    margin-left: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xs:29"] {
    margin-right: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xs:29"] > * + * {
    margin-left: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xs:29"] > * + * {
    margin-top: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-py~="xs:30"] {
    padding-top: calc(var(--l-space) * 30 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xs:30"] {
    padding-top: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xs:30"] {
    padding-bottom: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-px~="xs:30"] {
    padding-left: calc(var(--l-space) * 30 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xs:30"] {
    padding-left: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xs:30"] {
    padding-right: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-my~="xs:30"] {
    margin-top: calc(var(--l-space) * 30 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xs:30"] {
    margin-top: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xs:30"] {
    margin-bottom: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xs:30"] {
    margin-left: calc(var(--l-space) * 30 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xs:30"] {
    margin-left: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xs:30"] {
    margin-right: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xs:30"] > * + * {
    margin-left: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xs:30"] > * + * {
    margin-top: calc(var(--l-space) * 30 / 16 * 1rem);
  }
}
@media screen and (min-width: 576px) {
  .l-spacer[data-py~="sm:0"] {
    padding-top: calc(var(--l-space) * 0 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-pt~="sm:0"] {
    padding-top: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-pb~="sm:0"] {
    padding-bottom: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-px~="sm:0"] {
    padding-left: calc(var(--l-space) * 0 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-pl~="sm:0"] {
    padding-left: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-pr~="sm:0"] {
    padding-right: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-my~="sm:0"] {
    margin-top: calc(var(--l-space) * 0 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-mt~="sm:0"] {
    margin-top: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-mb~="sm:0"] {
    margin-bottom: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-mx~="sm:0"] {
    margin-left: calc(var(--l-space) * 0 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-ml~="sm:0"] {
    margin-left: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-mr~="sm:0"] {
    margin-right: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="sm:0"] > * + * {
    margin-left: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="sm:0"] > * + * {
    margin-top: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-py~="sm:1"] {
    padding-top: calc(var(--l-space) * 1 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-pt~="sm:1"] {
    padding-top: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-pb~="sm:1"] {
    padding-bottom: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-px~="sm:1"] {
    padding-left: calc(var(--l-space) * 1 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-pl~="sm:1"] {
    padding-left: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-pr~="sm:1"] {
    padding-right: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-my~="sm:1"] {
    margin-top: calc(var(--l-space) * 1 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-mt~="sm:1"] {
    margin-top: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-mb~="sm:1"] {
    margin-bottom: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-mx~="sm:1"] {
    margin-left: calc(var(--l-space) * 1 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-ml~="sm:1"] {
    margin-left: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-mr~="sm:1"] {
    margin-right: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="sm:1"] > * + * {
    margin-left: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="sm:1"] > * + * {
    margin-top: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-py~="sm:2"] {
    padding-top: calc(var(--l-space) * 2 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-pt~="sm:2"] {
    padding-top: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-pb~="sm:2"] {
    padding-bottom: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-px~="sm:2"] {
    padding-left: calc(var(--l-space) * 2 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-pl~="sm:2"] {
    padding-left: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-pr~="sm:2"] {
    padding-right: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-my~="sm:2"] {
    margin-top: calc(var(--l-space) * 2 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-mt~="sm:2"] {
    margin-top: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-mb~="sm:2"] {
    margin-bottom: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-mx~="sm:2"] {
    margin-left: calc(var(--l-space) * 2 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-ml~="sm:2"] {
    margin-left: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-mr~="sm:2"] {
    margin-right: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="sm:2"] > * + * {
    margin-left: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="sm:2"] > * + * {
    margin-top: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-py~="sm:3"] {
    padding-top: calc(var(--l-space) * 3 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-pt~="sm:3"] {
    padding-top: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-pb~="sm:3"] {
    padding-bottom: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-px~="sm:3"] {
    padding-left: calc(var(--l-space) * 3 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-pl~="sm:3"] {
    padding-left: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-pr~="sm:3"] {
    padding-right: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-my~="sm:3"] {
    margin-top: calc(var(--l-space) * 3 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-mt~="sm:3"] {
    margin-top: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-mb~="sm:3"] {
    margin-bottom: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-mx~="sm:3"] {
    margin-left: calc(var(--l-space) * 3 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-ml~="sm:3"] {
    margin-left: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-mr~="sm:3"] {
    margin-right: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="sm:3"] > * + * {
    margin-left: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="sm:3"] > * + * {
    margin-top: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-py~="sm:4"] {
    padding-top: calc(var(--l-space) * 4 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-pt~="sm:4"] {
    padding-top: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-pb~="sm:4"] {
    padding-bottom: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-px~="sm:4"] {
    padding-left: calc(var(--l-space) * 4 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-pl~="sm:4"] {
    padding-left: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-pr~="sm:4"] {
    padding-right: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-my~="sm:4"] {
    margin-top: calc(var(--l-space) * 4 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-mt~="sm:4"] {
    margin-top: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-mb~="sm:4"] {
    margin-bottom: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-mx~="sm:4"] {
    margin-left: calc(var(--l-space) * 4 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-ml~="sm:4"] {
    margin-left: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-mr~="sm:4"] {
    margin-right: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="sm:4"] > * + * {
    margin-left: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="sm:4"] > * + * {
    margin-top: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-py~="sm:5"] {
    padding-top: calc(var(--l-space) * 5 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-pt~="sm:5"] {
    padding-top: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-pb~="sm:5"] {
    padding-bottom: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-px~="sm:5"] {
    padding-left: calc(var(--l-space) * 5 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-pl~="sm:5"] {
    padding-left: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-pr~="sm:5"] {
    padding-right: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-my~="sm:5"] {
    margin-top: calc(var(--l-space) * 5 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-mt~="sm:5"] {
    margin-top: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-mb~="sm:5"] {
    margin-bottom: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-mx~="sm:5"] {
    margin-left: calc(var(--l-space) * 5 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-ml~="sm:5"] {
    margin-left: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-mr~="sm:5"] {
    margin-right: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="sm:5"] > * + * {
    margin-left: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="sm:5"] > * + * {
    margin-top: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-py~="sm:6"] {
    padding-top: calc(var(--l-space) * 6 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-pt~="sm:6"] {
    padding-top: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-pb~="sm:6"] {
    padding-bottom: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-px~="sm:6"] {
    padding-left: calc(var(--l-space) * 6 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-pl~="sm:6"] {
    padding-left: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-pr~="sm:6"] {
    padding-right: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-my~="sm:6"] {
    margin-top: calc(var(--l-space) * 6 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-mt~="sm:6"] {
    margin-top: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-mb~="sm:6"] {
    margin-bottom: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-mx~="sm:6"] {
    margin-left: calc(var(--l-space) * 6 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-ml~="sm:6"] {
    margin-left: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-mr~="sm:6"] {
    margin-right: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="sm:6"] > * + * {
    margin-left: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="sm:6"] > * + * {
    margin-top: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-py~="sm:7"] {
    padding-top: calc(var(--l-space) * 7 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-pt~="sm:7"] {
    padding-top: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-pb~="sm:7"] {
    padding-bottom: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-px~="sm:7"] {
    padding-left: calc(var(--l-space) * 7 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-pl~="sm:7"] {
    padding-left: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-pr~="sm:7"] {
    padding-right: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-my~="sm:7"] {
    margin-top: calc(var(--l-space) * 7 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-mt~="sm:7"] {
    margin-top: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-mb~="sm:7"] {
    margin-bottom: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-mx~="sm:7"] {
    margin-left: calc(var(--l-space) * 7 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-ml~="sm:7"] {
    margin-left: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-mr~="sm:7"] {
    margin-right: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="sm:7"] > * + * {
    margin-left: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="sm:7"] > * + * {
    margin-top: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-py~="sm:8"] {
    padding-top: calc(var(--l-space) * 8 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-pt~="sm:8"] {
    padding-top: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-pb~="sm:8"] {
    padding-bottom: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-px~="sm:8"] {
    padding-left: calc(var(--l-space) * 8 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-pl~="sm:8"] {
    padding-left: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-pr~="sm:8"] {
    padding-right: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-my~="sm:8"] {
    margin-top: calc(var(--l-space) * 8 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-mt~="sm:8"] {
    margin-top: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-mb~="sm:8"] {
    margin-bottom: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-mx~="sm:8"] {
    margin-left: calc(var(--l-space) * 8 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-ml~="sm:8"] {
    margin-left: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-mr~="sm:8"] {
    margin-right: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="sm:8"] > * + * {
    margin-left: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="sm:8"] > * + * {
    margin-top: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-py~="sm:9"] {
    padding-top: calc(var(--l-space) * 9 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-pt~="sm:9"] {
    padding-top: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-pb~="sm:9"] {
    padding-bottom: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-px~="sm:9"] {
    padding-left: calc(var(--l-space) * 9 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-pl~="sm:9"] {
    padding-left: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-pr~="sm:9"] {
    padding-right: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-my~="sm:9"] {
    margin-top: calc(var(--l-space) * 9 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-mt~="sm:9"] {
    margin-top: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-mb~="sm:9"] {
    margin-bottom: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-mx~="sm:9"] {
    margin-left: calc(var(--l-space) * 9 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-ml~="sm:9"] {
    margin-left: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-mr~="sm:9"] {
    margin-right: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="sm:9"] > * + * {
    margin-left: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="sm:9"] > * + * {
    margin-top: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-py~="sm:10"] {
    padding-top: calc(var(--l-space) * 10 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-pt~="sm:10"] {
    padding-top: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-pb~="sm:10"] {
    padding-bottom: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-px~="sm:10"] {
    padding-left: calc(var(--l-space) * 10 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-pl~="sm:10"] {
    padding-left: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-pr~="sm:10"] {
    padding-right: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-my~="sm:10"] {
    margin-top: calc(var(--l-space) * 10 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-mt~="sm:10"] {
    margin-top: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-mb~="sm:10"] {
    margin-bottom: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-mx~="sm:10"] {
    margin-left: calc(var(--l-space) * 10 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-ml~="sm:10"] {
    margin-left: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-mr~="sm:10"] {
    margin-right: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="sm:10"] > * + * {
    margin-left: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="sm:10"] > * + * {
    margin-top: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-py~="sm:11"] {
    padding-top: calc(var(--l-space) * 11 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-pt~="sm:11"] {
    padding-top: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-pb~="sm:11"] {
    padding-bottom: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-px~="sm:11"] {
    padding-left: calc(var(--l-space) * 11 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-pl~="sm:11"] {
    padding-left: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-pr~="sm:11"] {
    padding-right: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-my~="sm:11"] {
    margin-top: calc(var(--l-space) * 11 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-mt~="sm:11"] {
    margin-top: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-mb~="sm:11"] {
    margin-bottom: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-mx~="sm:11"] {
    margin-left: calc(var(--l-space) * 11 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-ml~="sm:11"] {
    margin-left: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-mr~="sm:11"] {
    margin-right: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="sm:11"] > * + * {
    margin-left: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="sm:11"] > * + * {
    margin-top: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-py~="sm:12"] {
    padding-top: calc(var(--l-space) * 12 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-pt~="sm:12"] {
    padding-top: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-pb~="sm:12"] {
    padding-bottom: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-px~="sm:12"] {
    padding-left: calc(var(--l-space) * 12 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-pl~="sm:12"] {
    padding-left: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-pr~="sm:12"] {
    padding-right: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-my~="sm:12"] {
    margin-top: calc(var(--l-space) * 12 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-mt~="sm:12"] {
    margin-top: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-mb~="sm:12"] {
    margin-bottom: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-mx~="sm:12"] {
    margin-left: calc(var(--l-space) * 12 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-ml~="sm:12"] {
    margin-left: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-mr~="sm:12"] {
    margin-right: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="sm:12"] > * + * {
    margin-left: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="sm:12"] > * + * {
    margin-top: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-py~="sm:13"] {
    padding-top: calc(var(--l-space) * 13 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-pt~="sm:13"] {
    padding-top: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-pb~="sm:13"] {
    padding-bottom: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-px~="sm:13"] {
    padding-left: calc(var(--l-space) * 13 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-pl~="sm:13"] {
    padding-left: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-pr~="sm:13"] {
    padding-right: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-my~="sm:13"] {
    margin-top: calc(var(--l-space) * 13 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-mt~="sm:13"] {
    margin-top: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-mb~="sm:13"] {
    margin-bottom: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-mx~="sm:13"] {
    margin-left: calc(var(--l-space) * 13 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-ml~="sm:13"] {
    margin-left: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-mr~="sm:13"] {
    margin-right: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="sm:13"] > * + * {
    margin-left: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="sm:13"] > * + * {
    margin-top: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-py~="sm:14"] {
    padding-top: calc(var(--l-space) * 14 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-pt~="sm:14"] {
    padding-top: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-pb~="sm:14"] {
    padding-bottom: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-px~="sm:14"] {
    padding-left: calc(var(--l-space) * 14 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-pl~="sm:14"] {
    padding-left: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-pr~="sm:14"] {
    padding-right: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-my~="sm:14"] {
    margin-top: calc(var(--l-space) * 14 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-mt~="sm:14"] {
    margin-top: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-mb~="sm:14"] {
    margin-bottom: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-mx~="sm:14"] {
    margin-left: calc(var(--l-space) * 14 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-ml~="sm:14"] {
    margin-left: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-mr~="sm:14"] {
    margin-right: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="sm:14"] > * + * {
    margin-left: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="sm:14"] > * + * {
    margin-top: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-py~="sm:15"] {
    padding-top: calc(var(--l-space) * 15 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-pt~="sm:15"] {
    padding-top: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-pb~="sm:15"] {
    padding-bottom: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-px~="sm:15"] {
    padding-left: calc(var(--l-space) * 15 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-pl~="sm:15"] {
    padding-left: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-pr~="sm:15"] {
    padding-right: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-my~="sm:15"] {
    margin-top: calc(var(--l-space) * 15 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-mt~="sm:15"] {
    margin-top: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-mb~="sm:15"] {
    margin-bottom: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-mx~="sm:15"] {
    margin-left: calc(var(--l-space) * 15 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-ml~="sm:15"] {
    margin-left: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-mr~="sm:15"] {
    margin-right: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="sm:15"] > * + * {
    margin-left: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="sm:15"] > * + * {
    margin-top: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-py~="sm:16"] {
    padding-top: calc(var(--l-space) * 16 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-pt~="sm:16"] {
    padding-top: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-pb~="sm:16"] {
    padding-bottom: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-px~="sm:16"] {
    padding-left: calc(var(--l-space) * 16 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-pl~="sm:16"] {
    padding-left: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-pr~="sm:16"] {
    padding-right: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-my~="sm:16"] {
    margin-top: calc(var(--l-space) * 16 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-mt~="sm:16"] {
    margin-top: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-mb~="sm:16"] {
    margin-bottom: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-mx~="sm:16"] {
    margin-left: calc(var(--l-space) * 16 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-ml~="sm:16"] {
    margin-left: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-mr~="sm:16"] {
    margin-right: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="sm:16"] > * + * {
    margin-left: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="sm:16"] > * + * {
    margin-top: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-py~="sm:17"] {
    padding-top: calc(var(--l-space) * 17 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-pt~="sm:17"] {
    padding-top: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-pb~="sm:17"] {
    padding-bottom: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-px~="sm:17"] {
    padding-left: calc(var(--l-space) * 17 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-pl~="sm:17"] {
    padding-left: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-pr~="sm:17"] {
    padding-right: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-my~="sm:17"] {
    margin-top: calc(var(--l-space) * 17 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-mt~="sm:17"] {
    margin-top: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-mb~="sm:17"] {
    margin-bottom: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-mx~="sm:17"] {
    margin-left: calc(var(--l-space) * 17 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-ml~="sm:17"] {
    margin-left: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-mr~="sm:17"] {
    margin-right: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="sm:17"] > * + * {
    margin-left: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="sm:17"] > * + * {
    margin-top: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-py~="sm:18"] {
    padding-top: calc(var(--l-space) * 18 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-pt~="sm:18"] {
    padding-top: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-pb~="sm:18"] {
    padding-bottom: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-px~="sm:18"] {
    padding-left: calc(var(--l-space) * 18 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-pl~="sm:18"] {
    padding-left: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-pr~="sm:18"] {
    padding-right: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-my~="sm:18"] {
    margin-top: calc(var(--l-space) * 18 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-mt~="sm:18"] {
    margin-top: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-mb~="sm:18"] {
    margin-bottom: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-mx~="sm:18"] {
    margin-left: calc(var(--l-space) * 18 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-ml~="sm:18"] {
    margin-left: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-mr~="sm:18"] {
    margin-right: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="sm:18"] > * + * {
    margin-left: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="sm:18"] > * + * {
    margin-top: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-py~="sm:19"] {
    padding-top: calc(var(--l-space) * 19 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-pt~="sm:19"] {
    padding-top: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-pb~="sm:19"] {
    padding-bottom: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-px~="sm:19"] {
    padding-left: calc(var(--l-space) * 19 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-pl~="sm:19"] {
    padding-left: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-pr~="sm:19"] {
    padding-right: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-my~="sm:19"] {
    margin-top: calc(var(--l-space) * 19 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-mt~="sm:19"] {
    margin-top: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-mb~="sm:19"] {
    margin-bottom: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-mx~="sm:19"] {
    margin-left: calc(var(--l-space) * 19 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-ml~="sm:19"] {
    margin-left: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-mr~="sm:19"] {
    margin-right: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="sm:19"] > * + * {
    margin-left: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="sm:19"] > * + * {
    margin-top: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-py~="sm:20"] {
    padding-top: calc(var(--l-space) * 20 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-pt~="sm:20"] {
    padding-top: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-pb~="sm:20"] {
    padding-bottom: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-px~="sm:20"] {
    padding-left: calc(var(--l-space) * 20 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-pl~="sm:20"] {
    padding-left: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-pr~="sm:20"] {
    padding-right: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-my~="sm:20"] {
    margin-top: calc(var(--l-space) * 20 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-mt~="sm:20"] {
    margin-top: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-mb~="sm:20"] {
    margin-bottom: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-mx~="sm:20"] {
    margin-left: calc(var(--l-space) * 20 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-ml~="sm:20"] {
    margin-left: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-mr~="sm:20"] {
    margin-right: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="sm:20"] > * + * {
    margin-left: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="sm:20"] > * + * {
    margin-top: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-py~="sm:21"] {
    padding-top: calc(var(--l-space) * 21 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-pt~="sm:21"] {
    padding-top: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-pb~="sm:21"] {
    padding-bottom: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-px~="sm:21"] {
    padding-left: calc(var(--l-space) * 21 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-pl~="sm:21"] {
    padding-left: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-pr~="sm:21"] {
    padding-right: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-my~="sm:21"] {
    margin-top: calc(var(--l-space) * 21 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-mt~="sm:21"] {
    margin-top: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-mb~="sm:21"] {
    margin-bottom: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-mx~="sm:21"] {
    margin-left: calc(var(--l-space) * 21 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-ml~="sm:21"] {
    margin-left: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-mr~="sm:21"] {
    margin-right: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="sm:21"] > * + * {
    margin-left: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="sm:21"] > * + * {
    margin-top: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-py~="sm:22"] {
    padding-top: calc(var(--l-space) * 22 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-pt~="sm:22"] {
    padding-top: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-pb~="sm:22"] {
    padding-bottom: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-px~="sm:22"] {
    padding-left: calc(var(--l-space) * 22 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-pl~="sm:22"] {
    padding-left: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-pr~="sm:22"] {
    padding-right: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-my~="sm:22"] {
    margin-top: calc(var(--l-space) * 22 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-mt~="sm:22"] {
    margin-top: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-mb~="sm:22"] {
    margin-bottom: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-mx~="sm:22"] {
    margin-left: calc(var(--l-space) * 22 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-ml~="sm:22"] {
    margin-left: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-mr~="sm:22"] {
    margin-right: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="sm:22"] > * + * {
    margin-left: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="sm:22"] > * + * {
    margin-top: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-py~="sm:23"] {
    padding-top: calc(var(--l-space) * 23 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-pt~="sm:23"] {
    padding-top: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-pb~="sm:23"] {
    padding-bottom: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-px~="sm:23"] {
    padding-left: calc(var(--l-space) * 23 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-pl~="sm:23"] {
    padding-left: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-pr~="sm:23"] {
    padding-right: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-my~="sm:23"] {
    margin-top: calc(var(--l-space) * 23 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-mt~="sm:23"] {
    margin-top: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-mb~="sm:23"] {
    margin-bottom: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-mx~="sm:23"] {
    margin-left: calc(var(--l-space) * 23 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-ml~="sm:23"] {
    margin-left: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-mr~="sm:23"] {
    margin-right: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="sm:23"] > * + * {
    margin-left: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="sm:23"] > * + * {
    margin-top: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-py~="sm:24"] {
    padding-top: calc(var(--l-space) * 24 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-pt~="sm:24"] {
    padding-top: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-pb~="sm:24"] {
    padding-bottom: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-px~="sm:24"] {
    padding-left: calc(var(--l-space) * 24 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-pl~="sm:24"] {
    padding-left: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-pr~="sm:24"] {
    padding-right: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-my~="sm:24"] {
    margin-top: calc(var(--l-space) * 24 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-mt~="sm:24"] {
    margin-top: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-mb~="sm:24"] {
    margin-bottom: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-mx~="sm:24"] {
    margin-left: calc(var(--l-space) * 24 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-ml~="sm:24"] {
    margin-left: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-mr~="sm:24"] {
    margin-right: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="sm:24"] > * + * {
    margin-left: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="sm:24"] > * + * {
    margin-top: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-py~="sm:25"] {
    padding-top: calc(var(--l-space) * 25 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-pt~="sm:25"] {
    padding-top: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-pb~="sm:25"] {
    padding-bottom: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-px~="sm:25"] {
    padding-left: calc(var(--l-space) * 25 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-pl~="sm:25"] {
    padding-left: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-pr~="sm:25"] {
    padding-right: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-my~="sm:25"] {
    margin-top: calc(var(--l-space) * 25 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-mt~="sm:25"] {
    margin-top: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-mb~="sm:25"] {
    margin-bottom: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-mx~="sm:25"] {
    margin-left: calc(var(--l-space) * 25 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-ml~="sm:25"] {
    margin-left: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-mr~="sm:25"] {
    margin-right: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="sm:25"] > * + * {
    margin-left: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="sm:25"] > * + * {
    margin-top: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-py~="sm:26"] {
    padding-top: calc(var(--l-space) * 26 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-pt~="sm:26"] {
    padding-top: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-pb~="sm:26"] {
    padding-bottom: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-px~="sm:26"] {
    padding-left: calc(var(--l-space) * 26 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-pl~="sm:26"] {
    padding-left: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-pr~="sm:26"] {
    padding-right: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-my~="sm:26"] {
    margin-top: calc(var(--l-space) * 26 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-mt~="sm:26"] {
    margin-top: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-mb~="sm:26"] {
    margin-bottom: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-mx~="sm:26"] {
    margin-left: calc(var(--l-space) * 26 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-ml~="sm:26"] {
    margin-left: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-mr~="sm:26"] {
    margin-right: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="sm:26"] > * + * {
    margin-left: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="sm:26"] > * + * {
    margin-top: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-py~="sm:27"] {
    padding-top: calc(var(--l-space) * 27 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-pt~="sm:27"] {
    padding-top: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-pb~="sm:27"] {
    padding-bottom: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-px~="sm:27"] {
    padding-left: calc(var(--l-space) * 27 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-pl~="sm:27"] {
    padding-left: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-pr~="sm:27"] {
    padding-right: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-my~="sm:27"] {
    margin-top: calc(var(--l-space) * 27 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-mt~="sm:27"] {
    margin-top: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-mb~="sm:27"] {
    margin-bottom: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-mx~="sm:27"] {
    margin-left: calc(var(--l-space) * 27 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-ml~="sm:27"] {
    margin-left: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-mr~="sm:27"] {
    margin-right: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="sm:27"] > * + * {
    margin-left: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="sm:27"] > * + * {
    margin-top: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-py~="sm:28"] {
    padding-top: calc(var(--l-space) * 28 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-pt~="sm:28"] {
    padding-top: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-pb~="sm:28"] {
    padding-bottom: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-px~="sm:28"] {
    padding-left: calc(var(--l-space) * 28 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-pl~="sm:28"] {
    padding-left: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-pr~="sm:28"] {
    padding-right: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-my~="sm:28"] {
    margin-top: calc(var(--l-space) * 28 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-mt~="sm:28"] {
    margin-top: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-mb~="sm:28"] {
    margin-bottom: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-mx~="sm:28"] {
    margin-left: calc(var(--l-space) * 28 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-ml~="sm:28"] {
    margin-left: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-mr~="sm:28"] {
    margin-right: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="sm:28"] > * + * {
    margin-left: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="sm:28"] > * + * {
    margin-top: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-py~="sm:29"] {
    padding-top: calc(var(--l-space) * 29 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-pt~="sm:29"] {
    padding-top: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-pb~="sm:29"] {
    padding-bottom: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-px~="sm:29"] {
    padding-left: calc(var(--l-space) * 29 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-pl~="sm:29"] {
    padding-left: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-pr~="sm:29"] {
    padding-right: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-my~="sm:29"] {
    margin-top: calc(var(--l-space) * 29 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-mt~="sm:29"] {
    margin-top: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-mb~="sm:29"] {
    margin-bottom: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-mx~="sm:29"] {
    margin-left: calc(var(--l-space) * 29 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-ml~="sm:29"] {
    margin-left: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-mr~="sm:29"] {
    margin-right: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="sm:29"] > * + * {
    margin-left: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="sm:29"] > * + * {
    margin-top: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-py~="sm:30"] {
    padding-top: calc(var(--l-space) * 30 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-pt~="sm:30"] {
    padding-top: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-pb~="sm:30"] {
    padding-bottom: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-px~="sm:30"] {
    padding-left: calc(var(--l-space) * 30 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-pl~="sm:30"] {
    padding-left: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-pr~="sm:30"] {
    padding-right: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-my~="sm:30"] {
    margin-top: calc(var(--l-space) * 30 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-mt~="sm:30"] {
    margin-top: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-mb~="sm:30"] {
    margin-bottom: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-mx~="sm:30"] {
    margin-left: calc(var(--l-space) * 30 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-ml~="sm:30"] {
    margin-left: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-mr~="sm:30"] {
    margin-right: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="sm:30"] > * + * {
    margin-left: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="sm:30"] > * + * {
    margin-top: calc(var(--l-space) * 30 / 16 * 1rem);
  }
}
@media screen and (min-width: 768px) {
  .l-spacer[data-py~="md:0"] {
    padding-top: calc(var(--l-space) * 0 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-pt~="md:0"] {
    padding-top: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-pb~="md:0"] {
    padding-bottom: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-px~="md:0"] {
    padding-left: calc(var(--l-space) * 0 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-pl~="md:0"] {
    padding-left: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-pr~="md:0"] {
    padding-right: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-my~="md:0"] {
    margin-top: calc(var(--l-space) * 0 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-mt~="md:0"] {
    margin-top: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-mb~="md:0"] {
    margin-bottom: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-mx~="md:0"] {
    margin-left: calc(var(--l-space) * 0 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-ml~="md:0"] {
    margin-left: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-mr~="md:0"] {
    margin-right: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="md:0"] > * + * {
    margin-left: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="md:0"] > * + * {
    margin-top: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-py~="md:1"] {
    padding-top: calc(var(--l-space) * 1 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-pt~="md:1"] {
    padding-top: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-pb~="md:1"] {
    padding-bottom: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-px~="md:1"] {
    padding-left: calc(var(--l-space) * 1 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-pl~="md:1"] {
    padding-left: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-pr~="md:1"] {
    padding-right: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-my~="md:1"] {
    margin-top: calc(var(--l-space) * 1 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-mt~="md:1"] {
    margin-top: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-mb~="md:1"] {
    margin-bottom: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-mx~="md:1"] {
    margin-left: calc(var(--l-space) * 1 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-ml~="md:1"] {
    margin-left: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-mr~="md:1"] {
    margin-right: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="md:1"] > * + * {
    margin-left: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="md:1"] > * + * {
    margin-top: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-py~="md:2"] {
    padding-top: calc(var(--l-space) * 2 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-pt~="md:2"] {
    padding-top: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-pb~="md:2"] {
    padding-bottom: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-px~="md:2"] {
    padding-left: calc(var(--l-space) * 2 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-pl~="md:2"] {
    padding-left: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-pr~="md:2"] {
    padding-right: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-my~="md:2"] {
    margin-top: calc(var(--l-space) * 2 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-mt~="md:2"] {
    margin-top: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-mb~="md:2"] {
    margin-bottom: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-mx~="md:2"] {
    margin-left: calc(var(--l-space) * 2 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-ml~="md:2"] {
    margin-left: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-mr~="md:2"] {
    margin-right: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="md:2"] > * + * {
    margin-left: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="md:2"] > * + * {
    margin-top: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-py~="md:3"] {
    padding-top: calc(var(--l-space) * 3 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-pt~="md:3"] {
    padding-top: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-pb~="md:3"] {
    padding-bottom: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-px~="md:3"] {
    padding-left: calc(var(--l-space) * 3 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-pl~="md:3"] {
    padding-left: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-pr~="md:3"] {
    padding-right: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-my~="md:3"] {
    margin-top: calc(var(--l-space) * 3 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-mt~="md:3"] {
    margin-top: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-mb~="md:3"] {
    margin-bottom: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-mx~="md:3"] {
    margin-left: calc(var(--l-space) * 3 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-ml~="md:3"] {
    margin-left: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-mr~="md:3"] {
    margin-right: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="md:3"] > * + * {
    margin-left: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="md:3"] > * + * {
    margin-top: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-py~="md:4"] {
    padding-top: calc(var(--l-space) * 4 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-pt~="md:4"] {
    padding-top: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-pb~="md:4"] {
    padding-bottom: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-px~="md:4"] {
    padding-left: calc(var(--l-space) * 4 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-pl~="md:4"] {
    padding-left: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-pr~="md:4"] {
    padding-right: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-my~="md:4"] {
    margin-top: calc(var(--l-space) * 4 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-mt~="md:4"] {
    margin-top: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-mb~="md:4"] {
    margin-bottom: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-mx~="md:4"] {
    margin-left: calc(var(--l-space) * 4 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-ml~="md:4"] {
    margin-left: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-mr~="md:4"] {
    margin-right: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="md:4"] > * + * {
    margin-left: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="md:4"] > * + * {
    margin-top: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-py~="md:5"] {
    padding-top: calc(var(--l-space) * 5 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-pt~="md:5"] {
    padding-top: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-pb~="md:5"] {
    padding-bottom: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-px~="md:5"] {
    padding-left: calc(var(--l-space) * 5 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-pl~="md:5"] {
    padding-left: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-pr~="md:5"] {
    padding-right: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-my~="md:5"] {
    margin-top: calc(var(--l-space) * 5 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-mt~="md:5"] {
    margin-top: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-mb~="md:5"] {
    margin-bottom: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-mx~="md:5"] {
    margin-left: calc(var(--l-space) * 5 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-ml~="md:5"] {
    margin-left: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-mr~="md:5"] {
    margin-right: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="md:5"] > * + * {
    margin-left: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="md:5"] > * + * {
    margin-top: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-py~="md:6"] {
    padding-top: calc(var(--l-space) * 6 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-pt~="md:6"] {
    padding-top: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-pb~="md:6"] {
    padding-bottom: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-px~="md:6"] {
    padding-left: calc(var(--l-space) * 6 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-pl~="md:6"] {
    padding-left: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-pr~="md:6"] {
    padding-right: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-my~="md:6"] {
    margin-top: calc(var(--l-space) * 6 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-mt~="md:6"] {
    margin-top: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-mb~="md:6"] {
    margin-bottom: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-mx~="md:6"] {
    margin-left: calc(var(--l-space) * 6 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-ml~="md:6"] {
    margin-left: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-mr~="md:6"] {
    margin-right: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="md:6"] > * + * {
    margin-left: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="md:6"] > * + * {
    margin-top: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-py~="md:7"] {
    padding-top: calc(var(--l-space) * 7 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-pt~="md:7"] {
    padding-top: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-pb~="md:7"] {
    padding-bottom: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-px~="md:7"] {
    padding-left: calc(var(--l-space) * 7 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-pl~="md:7"] {
    padding-left: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-pr~="md:7"] {
    padding-right: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-my~="md:7"] {
    margin-top: calc(var(--l-space) * 7 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-mt~="md:7"] {
    margin-top: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-mb~="md:7"] {
    margin-bottom: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-mx~="md:7"] {
    margin-left: calc(var(--l-space) * 7 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-ml~="md:7"] {
    margin-left: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-mr~="md:7"] {
    margin-right: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="md:7"] > * + * {
    margin-left: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="md:7"] > * + * {
    margin-top: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-py~="md:8"] {
    padding-top: calc(var(--l-space) * 8 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-pt~="md:8"] {
    padding-top: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-pb~="md:8"] {
    padding-bottom: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-px~="md:8"] {
    padding-left: calc(var(--l-space) * 8 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-pl~="md:8"] {
    padding-left: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-pr~="md:8"] {
    padding-right: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-my~="md:8"] {
    margin-top: calc(var(--l-space) * 8 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-mt~="md:8"] {
    margin-top: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-mb~="md:8"] {
    margin-bottom: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-mx~="md:8"] {
    margin-left: calc(var(--l-space) * 8 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-ml~="md:8"] {
    margin-left: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-mr~="md:8"] {
    margin-right: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="md:8"] > * + * {
    margin-left: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="md:8"] > * + * {
    margin-top: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-py~="md:9"] {
    padding-top: calc(var(--l-space) * 9 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-pt~="md:9"] {
    padding-top: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-pb~="md:9"] {
    padding-bottom: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-px~="md:9"] {
    padding-left: calc(var(--l-space) * 9 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-pl~="md:9"] {
    padding-left: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-pr~="md:9"] {
    padding-right: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-my~="md:9"] {
    margin-top: calc(var(--l-space) * 9 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-mt~="md:9"] {
    margin-top: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-mb~="md:9"] {
    margin-bottom: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-mx~="md:9"] {
    margin-left: calc(var(--l-space) * 9 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-ml~="md:9"] {
    margin-left: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-mr~="md:9"] {
    margin-right: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="md:9"] > * + * {
    margin-left: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="md:9"] > * + * {
    margin-top: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-py~="md:10"] {
    padding-top: calc(var(--l-space) * 10 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-pt~="md:10"] {
    padding-top: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-pb~="md:10"] {
    padding-bottom: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-px~="md:10"] {
    padding-left: calc(var(--l-space) * 10 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-pl~="md:10"] {
    padding-left: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-pr~="md:10"] {
    padding-right: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-my~="md:10"] {
    margin-top: calc(var(--l-space) * 10 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-mt~="md:10"] {
    margin-top: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-mb~="md:10"] {
    margin-bottom: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-mx~="md:10"] {
    margin-left: calc(var(--l-space) * 10 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-ml~="md:10"] {
    margin-left: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-mr~="md:10"] {
    margin-right: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="md:10"] > * + * {
    margin-left: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="md:10"] > * + * {
    margin-top: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-py~="md:11"] {
    padding-top: calc(var(--l-space) * 11 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-pt~="md:11"] {
    padding-top: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-pb~="md:11"] {
    padding-bottom: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-px~="md:11"] {
    padding-left: calc(var(--l-space) * 11 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-pl~="md:11"] {
    padding-left: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-pr~="md:11"] {
    padding-right: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-my~="md:11"] {
    margin-top: calc(var(--l-space) * 11 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-mt~="md:11"] {
    margin-top: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-mb~="md:11"] {
    margin-bottom: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-mx~="md:11"] {
    margin-left: calc(var(--l-space) * 11 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-ml~="md:11"] {
    margin-left: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-mr~="md:11"] {
    margin-right: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="md:11"] > * + * {
    margin-left: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="md:11"] > * + * {
    margin-top: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-py~="md:12"] {
    padding-top: calc(var(--l-space) * 12 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-pt~="md:12"] {
    padding-top: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-pb~="md:12"] {
    padding-bottom: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-px~="md:12"] {
    padding-left: calc(var(--l-space) * 12 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-pl~="md:12"] {
    padding-left: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-pr~="md:12"] {
    padding-right: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-my~="md:12"] {
    margin-top: calc(var(--l-space) * 12 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-mt~="md:12"] {
    margin-top: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-mb~="md:12"] {
    margin-bottom: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-mx~="md:12"] {
    margin-left: calc(var(--l-space) * 12 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-ml~="md:12"] {
    margin-left: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-mr~="md:12"] {
    margin-right: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="md:12"] > * + * {
    margin-left: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="md:12"] > * + * {
    margin-top: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-py~="md:13"] {
    padding-top: calc(var(--l-space) * 13 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-pt~="md:13"] {
    padding-top: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-pb~="md:13"] {
    padding-bottom: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-px~="md:13"] {
    padding-left: calc(var(--l-space) * 13 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-pl~="md:13"] {
    padding-left: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-pr~="md:13"] {
    padding-right: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-my~="md:13"] {
    margin-top: calc(var(--l-space) * 13 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-mt~="md:13"] {
    margin-top: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-mb~="md:13"] {
    margin-bottom: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-mx~="md:13"] {
    margin-left: calc(var(--l-space) * 13 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-ml~="md:13"] {
    margin-left: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-mr~="md:13"] {
    margin-right: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="md:13"] > * + * {
    margin-left: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="md:13"] > * + * {
    margin-top: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-py~="md:14"] {
    padding-top: calc(var(--l-space) * 14 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-pt~="md:14"] {
    padding-top: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-pb~="md:14"] {
    padding-bottom: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-px~="md:14"] {
    padding-left: calc(var(--l-space) * 14 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-pl~="md:14"] {
    padding-left: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-pr~="md:14"] {
    padding-right: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-my~="md:14"] {
    margin-top: calc(var(--l-space) * 14 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-mt~="md:14"] {
    margin-top: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-mb~="md:14"] {
    margin-bottom: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-mx~="md:14"] {
    margin-left: calc(var(--l-space) * 14 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-ml~="md:14"] {
    margin-left: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-mr~="md:14"] {
    margin-right: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="md:14"] > * + * {
    margin-left: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="md:14"] > * + * {
    margin-top: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-py~="md:15"] {
    padding-top: calc(var(--l-space) * 15 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-pt~="md:15"] {
    padding-top: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-pb~="md:15"] {
    padding-bottom: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-px~="md:15"] {
    padding-left: calc(var(--l-space) * 15 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-pl~="md:15"] {
    padding-left: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-pr~="md:15"] {
    padding-right: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-my~="md:15"] {
    margin-top: calc(var(--l-space) * 15 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-mt~="md:15"] {
    margin-top: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-mb~="md:15"] {
    margin-bottom: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-mx~="md:15"] {
    margin-left: calc(var(--l-space) * 15 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-ml~="md:15"] {
    margin-left: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-mr~="md:15"] {
    margin-right: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="md:15"] > * + * {
    margin-left: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="md:15"] > * + * {
    margin-top: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-py~="md:16"] {
    padding-top: calc(var(--l-space) * 16 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-pt~="md:16"] {
    padding-top: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-pb~="md:16"] {
    padding-bottom: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-px~="md:16"] {
    padding-left: calc(var(--l-space) * 16 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-pl~="md:16"] {
    padding-left: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-pr~="md:16"] {
    padding-right: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-my~="md:16"] {
    margin-top: calc(var(--l-space) * 16 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-mt~="md:16"] {
    margin-top: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-mb~="md:16"] {
    margin-bottom: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-mx~="md:16"] {
    margin-left: calc(var(--l-space) * 16 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-ml~="md:16"] {
    margin-left: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-mr~="md:16"] {
    margin-right: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="md:16"] > * + * {
    margin-left: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="md:16"] > * + * {
    margin-top: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-py~="md:17"] {
    padding-top: calc(var(--l-space) * 17 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-pt~="md:17"] {
    padding-top: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-pb~="md:17"] {
    padding-bottom: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-px~="md:17"] {
    padding-left: calc(var(--l-space) * 17 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-pl~="md:17"] {
    padding-left: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-pr~="md:17"] {
    padding-right: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-my~="md:17"] {
    margin-top: calc(var(--l-space) * 17 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-mt~="md:17"] {
    margin-top: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-mb~="md:17"] {
    margin-bottom: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-mx~="md:17"] {
    margin-left: calc(var(--l-space) * 17 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-ml~="md:17"] {
    margin-left: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-mr~="md:17"] {
    margin-right: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="md:17"] > * + * {
    margin-left: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="md:17"] > * + * {
    margin-top: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-py~="md:18"] {
    padding-top: calc(var(--l-space) * 18 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-pt~="md:18"] {
    padding-top: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-pb~="md:18"] {
    padding-bottom: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-px~="md:18"] {
    padding-left: calc(var(--l-space) * 18 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-pl~="md:18"] {
    padding-left: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-pr~="md:18"] {
    padding-right: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-my~="md:18"] {
    margin-top: calc(var(--l-space) * 18 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-mt~="md:18"] {
    margin-top: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-mb~="md:18"] {
    margin-bottom: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-mx~="md:18"] {
    margin-left: calc(var(--l-space) * 18 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-ml~="md:18"] {
    margin-left: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-mr~="md:18"] {
    margin-right: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="md:18"] > * + * {
    margin-left: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="md:18"] > * + * {
    margin-top: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-py~="md:19"] {
    padding-top: calc(var(--l-space) * 19 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-pt~="md:19"] {
    padding-top: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-pb~="md:19"] {
    padding-bottom: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-px~="md:19"] {
    padding-left: calc(var(--l-space) * 19 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-pl~="md:19"] {
    padding-left: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-pr~="md:19"] {
    padding-right: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-my~="md:19"] {
    margin-top: calc(var(--l-space) * 19 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-mt~="md:19"] {
    margin-top: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-mb~="md:19"] {
    margin-bottom: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-mx~="md:19"] {
    margin-left: calc(var(--l-space) * 19 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-ml~="md:19"] {
    margin-left: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-mr~="md:19"] {
    margin-right: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="md:19"] > * + * {
    margin-left: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="md:19"] > * + * {
    margin-top: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-py~="md:20"] {
    padding-top: calc(var(--l-space) * 20 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-pt~="md:20"] {
    padding-top: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-pb~="md:20"] {
    padding-bottom: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-px~="md:20"] {
    padding-left: calc(var(--l-space) * 20 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-pl~="md:20"] {
    padding-left: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-pr~="md:20"] {
    padding-right: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-my~="md:20"] {
    margin-top: calc(var(--l-space) * 20 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-mt~="md:20"] {
    margin-top: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-mb~="md:20"] {
    margin-bottom: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-mx~="md:20"] {
    margin-left: calc(var(--l-space) * 20 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-ml~="md:20"] {
    margin-left: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-mr~="md:20"] {
    margin-right: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="md:20"] > * + * {
    margin-left: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="md:20"] > * + * {
    margin-top: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-py~="md:21"] {
    padding-top: calc(var(--l-space) * 21 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-pt~="md:21"] {
    padding-top: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-pb~="md:21"] {
    padding-bottom: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-px~="md:21"] {
    padding-left: calc(var(--l-space) * 21 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-pl~="md:21"] {
    padding-left: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-pr~="md:21"] {
    padding-right: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-my~="md:21"] {
    margin-top: calc(var(--l-space) * 21 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-mt~="md:21"] {
    margin-top: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-mb~="md:21"] {
    margin-bottom: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-mx~="md:21"] {
    margin-left: calc(var(--l-space) * 21 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-ml~="md:21"] {
    margin-left: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-mr~="md:21"] {
    margin-right: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="md:21"] > * + * {
    margin-left: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="md:21"] > * + * {
    margin-top: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-py~="md:22"] {
    padding-top: calc(var(--l-space) * 22 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-pt~="md:22"] {
    padding-top: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-pb~="md:22"] {
    padding-bottom: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-px~="md:22"] {
    padding-left: calc(var(--l-space) * 22 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-pl~="md:22"] {
    padding-left: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-pr~="md:22"] {
    padding-right: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-my~="md:22"] {
    margin-top: calc(var(--l-space) * 22 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-mt~="md:22"] {
    margin-top: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-mb~="md:22"] {
    margin-bottom: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-mx~="md:22"] {
    margin-left: calc(var(--l-space) * 22 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-ml~="md:22"] {
    margin-left: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-mr~="md:22"] {
    margin-right: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="md:22"] > * + * {
    margin-left: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="md:22"] > * + * {
    margin-top: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-py~="md:23"] {
    padding-top: calc(var(--l-space) * 23 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-pt~="md:23"] {
    padding-top: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-pb~="md:23"] {
    padding-bottom: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-px~="md:23"] {
    padding-left: calc(var(--l-space) * 23 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-pl~="md:23"] {
    padding-left: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-pr~="md:23"] {
    padding-right: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-my~="md:23"] {
    margin-top: calc(var(--l-space) * 23 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-mt~="md:23"] {
    margin-top: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-mb~="md:23"] {
    margin-bottom: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-mx~="md:23"] {
    margin-left: calc(var(--l-space) * 23 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-ml~="md:23"] {
    margin-left: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-mr~="md:23"] {
    margin-right: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="md:23"] > * + * {
    margin-left: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="md:23"] > * + * {
    margin-top: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-py~="md:24"] {
    padding-top: calc(var(--l-space) * 24 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-pt~="md:24"] {
    padding-top: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-pb~="md:24"] {
    padding-bottom: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-px~="md:24"] {
    padding-left: calc(var(--l-space) * 24 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-pl~="md:24"] {
    padding-left: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-pr~="md:24"] {
    padding-right: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-my~="md:24"] {
    margin-top: calc(var(--l-space) * 24 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-mt~="md:24"] {
    margin-top: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-mb~="md:24"] {
    margin-bottom: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-mx~="md:24"] {
    margin-left: calc(var(--l-space) * 24 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-ml~="md:24"] {
    margin-left: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-mr~="md:24"] {
    margin-right: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="md:24"] > * + * {
    margin-left: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="md:24"] > * + * {
    margin-top: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-py~="md:25"] {
    padding-top: calc(var(--l-space) * 25 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-pt~="md:25"] {
    padding-top: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-pb~="md:25"] {
    padding-bottom: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-px~="md:25"] {
    padding-left: calc(var(--l-space) * 25 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-pl~="md:25"] {
    padding-left: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-pr~="md:25"] {
    padding-right: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-my~="md:25"] {
    margin-top: calc(var(--l-space) * 25 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-mt~="md:25"] {
    margin-top: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-mb~="md:25"] {
    margin-bottom: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-mx~="md:25"] {
    margin-left: calc(var(--l-space) * 25 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-ml~="md:25"] {
    margin-left: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-mr~="md:25"] {
    margin-right: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="md:25"] > * + * {
    margin-left: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="md:25"] > * + * {
    margin-top: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-py~="md:26"] {
    padding-top: calc(var(--l-space) * 26 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-pt~="md:26"] {
    padding-top: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-pb~="md:26"] {
    padding-bottom: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-px~="md:26"] {
    padding-left: calc(var(--l-space) * 26 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-pl~="md:26"] {
    padding-left: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-pr~="md:26"] {
    padding-right: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-my~="md:26"] {
    margin-top: calc(var(--l-space) * 26 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-mt~="md:26"] {
    margin-top: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-mb~="md:26"] {
    margin-bottom: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-mx~="md:26"] {
    margin-left: calc(var(--l-space) * 26 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-ml~="md:26"] {
    margin-left: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-mr~="md:26"] {
    margin-right: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="md:26"] > * + * {
    margin-left: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="md:26"] > * + * {
    margin-top: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-py~="md:27"] {
    padding-top: calc(var(--l-space) * 27 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-pt~="md:27"] {
    padding-top: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-pb~="md:27"] {
    padding-bottom: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-px~="md:27"] {
    padding-left: calc(var(--l-space) * 27 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-pl~="md:27"] {
    padding-left: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-pr~="md:27"] {
    padding-right: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-my~="md:27"] {
    margin-top: calc(var(--l-space) * 27 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-mt~="md:27"] {
    margin-top: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-mb~="md:27"] {
    margin-bottom: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-mx~="md:27"] {
    margin-left: calc(var(--l-space) * 27 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-ml~="md:27"] {
    margin-left: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-mr~="md:27"] {
    margin-right: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="md:27"] > * + * {
    margin-left: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="md:27"] > * + * {
    margin-top: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-py~="md:28"] {
    padding-top: calc(var(--l-space) * 28 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-pt~="md:28"] {
    padding-top: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-pb~="md:28"] {
    padding-bottom: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-px~="md:28"] {
    padding-left: calc(var(--l-space) * 28 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-pl~="md:28"] {
    padding-left: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-pr~="md:28"] {
    padding-right: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-my~="md:28"] {
    margin-top: calc(var(--l-space) * 28 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-mt~="md:28"] {
    margin-top: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-mb~="md:28"] {
    margin-bottom: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-mx~="md:28"] {
    margin-left: calc(var(--l-space) * 28 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-ml~="md:28"] {
    margin-left: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-mr~="md:28"] {
    margin-right: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="md:28"] > * + * {
    margin-left: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="md:28"] > * + * {
    margin-top: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-py~="md:29"] {
    padding-top: calc(var(--l-space) * 29 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-pt~="md:29"] {
    padding-top: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-pb~="md:29"] {
    padding-bottom: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-px~="md:29"] {
    padding-left: calc(var(--l-space) * 29 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-pl~="md:29"] {
    padding-left: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-pr~="md:29"] {
    padding-right: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-my~="md:29"] {
    margin-top: calc(var(--l-space) * 29 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-mt~="md:29"] {
    margin-top: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-mb~="md:29"] {
    margin-bottom: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-mx~="md:29"] {
    margin-left: calc(var(--l-space) * 29 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-ml~="md:29"] {
    margin-left: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-mr~="md:29"] {
    margin-right: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="md:29"] > * + * {
    margin-left: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="md:29"] > * + * {
    margin-top: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-py~="md:30"] {
    padding-top: calc(var(--l-space) * 30 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-pt~="md:30"] {
    padding-top: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-pb~="md:30"] {
    padding-bottom: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-px~="md:30"] {
    padding-left: calc(var(--l-space) * 30 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-pl~="md:30"] {
    padding-left: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-pr~="md:30"] {
    padding-right: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-my~="md:30"] {
    margin-top: calc(var(--l-space) * 30 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-mt~="md:30"] {
    margin-top: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-mb~="md:30"] {
    margin-bottom: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-mx~="md:30"] {
    margin-left: calc(var(--l-space) * 30 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-ml~="md:30"] {
    margin-left: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-mr~="md:30"] {
    margin-right: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="md:30"] > * + * {
    margin-left: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="md:30"] > * + * {
    margin-top: calc(var(--l-space) * 30 / 16 * 1rem);
  }
}
@media screen and (min-width: 1024px) {
  .l-spacer[data-py~="lg:0"] {
    padding-top: calc(var(--l-space) * 0 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-pt~="lg:0"] {
    padding-top: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-pb~="lg:0"] {
    padding-bottom: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-px~="lg:0"] {
    padding-left: calc(var(--l-space) * 0 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-pl~="lg:0"] {
    padding-left: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-pr~="lg:0"] {
    padding-right: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-my~="lg:0"] {
    margin-top: calc(var(--l-space) * 0 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-mt~="lg:0"] {
    margin-top: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-mb~="lg:0"] {
    margin-bottom: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-mx~="lg:0"] {
    margin-left: calc(var(--l-space) * 0 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-ml~="lg:0"] {
    margin-left: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-mr~="lg:0"] {
    margin-right: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="lg:0"] > * + * {
    margin-left: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="lg:0"] > * + * {
    margin-top: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-py~="lg:1"] {
    padding-top: calc(var(--l-space) * 1 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-pt~="lg:1"] {
    padding-top: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-pb~="lg:1"] {
    padding-bottom: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-px~="lg:1"] {
    padding-left: calc(var(--l-space) * 1 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-pl~="lg:1"] {
    padding-left: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-pr~="lg:1"] {
    padding-right: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-my~="lg:1"] {
    margin-top: calc(var(--l-space) * 1 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-mt~="lg:1"] {
    margin-top: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-mb~="lg:1"] {
    margin-bottom: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-mx~="lg:1"] {
    margin-left: calc(var(--l-space) * 1 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-ml~="lg:1"] {
    margin-left: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-mr~="lg:1"] {
    margin-right: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="lg:1"] > * + * {
    margin-left: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="lg:1"] > * + * {
    margin-top: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-py~="lg:2"] {
    padding-top: calc(var(--l-space) * 2 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-pt~="lg:2"] {
    padding-top: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-pb~="lg:2"] {
    padding-bottom: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-px~="lg:2"] {
    padding-left: calc(var(--l-space) * 2 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-pl~="lg:2"] {
    padding-left: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-pr~="lg:2"] {
    padding-right: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-my~="lg:2"] {
    margin-top: calc(var(--l-space) * 2 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-mt~="lg:2"] {
    margin-top: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-mb~="lg:2"] {
    margin-bottom: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-mx~="lg:2"] {
    margin-left: calc(var(--l-space) * 2 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-ml~="lg:2"] {
    margin-left: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-mr~="lg:2"] {
    margin-right: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="lg:2"] > * + * {
    margin-left: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="lg:2"] > * + * {
    margin-top: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-py~="lg:3"] {
    padding-top: calc(var(--l-space) * 3 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-pt~="lg:3"] {
    padding-top: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-pb~="lg:3"] {
    padding-bottom: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-px~="lg:3"] {
    padding-left: calc(var(--l-space) * 3 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-pl~="lg:3"] {
    padding-left: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-pr~="lg:3"] {
    padding-right: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-my~="lg:3"] {
    margin-top: calc(var(--l-space) * 3 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-mt~="lg:3"] {
    margin-top: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-mb~="lg:3"] {
    margin-bottom: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-mx~="lg:3"] {
    margin-left: calc(var(--l-space) * 3 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-ml~="lg:3"] {
    margin-left: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-mr~="lg:3"] {
    margin-right: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="lg:3"] > * + * {
    margin-left: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="lg:3"] > * + * {
    margin-top: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-py~="lg:4"] {
    padding-top: calc(var(--l-space) * 4 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-pt~="lg:4"] {
    padding-top: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-pb~="lg:4"] {
    padding-bottom: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-px~="lg:4"] {
    padding-left: calc(var(--l-space) * 4 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-pl~="lg:4"] {
    padding-left: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-pr~="lg:4"] {
    padding-right: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-my~="lg:4"] {
    margin-top: calc(var(--l-space) * 4 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-mt~="lg:4"] {
    margin-top: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-mb~="lg:4"] {
    margin-bottom: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-mx~="lg:4"] {
    margin-left: calc(var(--l-space) * 4 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-ml~="lg:4"] {
    margin-left: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-mr~="lg:4"] {
    margin-right: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="lg:4"] > * + * {
    margin-left: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="lg:4"] > * + * {
    margin-top: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-py~="lg:5"] {
    padding-top: calc(var(--l-space) * 5 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-pt~="lg:5"] {
    padding-top: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-pb~="lg:5"] {
    padding-bottom: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-px~="lg:5"] {
    padding-left: calc(var(--l-space) * 5 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-pl~="lg:5"] {
    padding-left: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-pr~="lg:5"] {
    padding-right: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-my~="lg:5"] {
    margin-top: calc(var(--l-space) * 5 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-mt~="lg:5"] {
    margin-top: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-mb~="lg:5"] {
    margin-bottom: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-mx~="lg:5"] {
    margin-left: calc(var(--l-space) * 5 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-ml~="lg:5"] {
    margin-left: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-mr~="lg:5"] {
    margin-right: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="lg:5"] > * + * {
    margin-left: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="lg:5"] > * + * {
    margin-top: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-py~="lg:6"] {
    padding-top: calc(var(--l-space) * 6 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-pt~="lg:6"] {
    padding-top: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-pb~="lg:6"] {
    padding-bottom: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-px~="lg:6"] {
    padding-left: calc(var(--l-space) * 6 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-pl~="lg:6"] {
    padding-left: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-pr~="lg:6"] {
    padding-right: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-my~="lg:6"] {
    margin-top: calc(var(--l-space) * 6 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-mt~="lg:6"] {
    margin-top: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-mb~="lg:6"] {
    margin-bottom: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-mx~="lg:6"] {
    margin-left: calc(var(--l-space) * 6 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-ml~="lg:6"] {
    margin-left: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-mr~="lg:6"] {
    margin-right: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="lg:6"] > * + * {
    margin-left: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="lg:6"] > * + * {
    margin-top: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-py~="lg:7"] {
    padding-top: calc(var(--l-space) * 7 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-pt~="lg:7"] {
    padding-top: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-pb~="lg:7"] {
    padding-bottom: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-px~="lg:7"] {
    padding-left: calc(var(--l-space) * 7 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-pl~="lg:7"] {
    padding-left: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-pr~="lg:7"] {
    padding-right: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-my~="lg:7"] {
    margin-top: calc(var(--l-space) * 7 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-mt~="lg:7"] {
    margin-top: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-mb~="lg:7"] {
    margin-bottom: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-mx~="lg:7"] {
    margin-left: calc(var(--l-space) * 7 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-ml~="lg:7"] {
    margin-left: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-mr~="lg:7"] {
    margin-right: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="lg:7"] > * + * {
    margin-left: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="lg:7"] > * + * {
    margin-top: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-py~="lg:8"] {
    padding-top: calc(var(--l-space) * 8 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-pt~="lg:8"] {
    padding-top: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-pb~="lg:8"] {
    padding-bottom: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-px~="lg:8"] {
    padding-left: calc(var(--l-space) * 8 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-pl~="lg:8"] {
    padding-left: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-pr~="lg:8"] {
    padding-right: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-my~="lg:8"] {
    margin-top: calc(var(--l-space) * 8 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-mt~="lg:8"] {
    margin-top: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-mb~="lg:8"] {
    margin-bottom: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-mx~="lg:8"] {
    margin-left: calc(var(--l-space) * 8 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-ml~="lg:8"] {
    margin-left: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-mr~="lg:8"] {
    margin-right: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="lg:8"] > * + * {
    margin-left: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="lg:8"] > * + * {
    margin-top: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-py~="lg:9"] {
    padding-top: calc(var(--l-space) * 9 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-pt~="lg:9"] {
    padding-top: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-pb~="lg:9"] {
    padding-bottom: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-px~="lg:9"] {
    padding-left: calc(var(--l-space) * 9 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-pl~="lg:9"] {
    padding-left: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-pr~="lg:9"] {
    padding-right: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-my~="lg:9"] {
    margin-top: calc(var(--l-space) * 9 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-mt~="lg:9"] {
    margin-top: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-mb~="lg:9"] {
    margin-bottom: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-mx~="lg:9"] {
    margin-left: calc(var(--l-space) * 9 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-ml~="lg:9"] {
    margin-left: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-mr~="lg:9"] {
    margin-right: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="lg:9"] > * + * {
    margin-left: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="lg:9"] > * + * {
    margin-top: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-py~="lg:10"] {
    padding-top: calc(var(--l-space) * 10 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-pt~="lg:10"] {
    padding-top: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-pb~="lg:10"] {
    padding-bottom: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-px~="lg:10"] {
    padding-left: calc(var(--l-space) * 10 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-pl~="lg:10"] {
    padding-left: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-pr~="lg:10"] {
    padding-right: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-my~="lg:10"] {
    margin-top: calc(var(--l-space) * 10 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-mt~="lg:10"] {
    margin-top: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-mb~="lg:10"] {
    margin-bottom: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-mx~="lg:10"] {
    margin-left: calc(var(--l-space) * 10 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-ml~="lg:10"] {
    margin-left: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-mr~="lg:10"] {
    margin-right: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="lg:10"] > * + * {
    margin-left: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="lg:10"] > * + * {
    margin-top: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-py~="lg:11"] {
    padding-top: calc(var(--l-space) * 11 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-pt~="lg:11"] {
    padding-top: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-pb~="lg:11"] {
    padding-bottom: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-px~="lg:11"] {
    padding-left: calc(var(--l-space) * 11 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-pl~="lg:11"] {
    padding-left: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-pr~="lg:11"] {
    padding-right: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-my~="lg:11"] {
    margin-top: calc(var(--l-space) * 11 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-mt~="lg:11"] {
    margin-top: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-mb~="lg:11"] {
    margin-bottom: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-mx~="lg:11"] {
    margin-left: calc(var(--l-space) * 11 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-ml~="lg:11"] {
    margin-left: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-mr~="lg:11"] {
    margin-right: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="lg:11"] > * + * {
    margin-left: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="lg:11"] > * + * {
    margin-top: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-py~="lg:12"] {
    padding-top: calc(var(--l-space) * 12 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-pt~="lg:12"] {
    padding-top: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-pb~="lg:12"] {
    padding-bottom: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-px~="lg:12"] {
    padding-left: calc(var(--l-space) * 12 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-pl~="lg:12"] {
    padding-left: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-pr~="lg:12"] {
    padding-right: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-my~="lg:12"] {
    margin-top: calc(var(--l-space) * 12 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-mt~="lg:12"] {
    margin-top: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-mb~="lg:12"] {
    margin-bottom: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-mx~="lg:12"] {
    margin-left: calc(var(--l-space) * 12 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-ml~="lg:12"] {
    margin-left: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-mr~="lg:12"] {
    margin-right: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="lg:12"] > * + * {
    margin-left: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="lg:12"] > * + * {
    margin-top: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-py~="lg:13"] {
    padding-top: calc(var(--l-space) * 13 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-pt~="lg:13"] {
    padding-top: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-pb~="lg:13"] {
    padding-bottom: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-px~="lg:13"] {
    padding-left: calc(var(--l-space) * 13 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-pl~="lg:13"] {
    padding-left: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-pr~="lg:13"] {
    padding-right: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-my~="lg:13"] {
    margin-top: calc(var(--l-space) * 13 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-mt~="lg:13"] {
    margin-top: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-mb~="lg:13"] {
    margin-bottom: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-mx~="lg:13"] {
    margin-left: calc(var(--l-space) * 13 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-ml~="lg:13"] {
    margin-left: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-mr~="lg:13"] {
    margin-right: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="lg:13"] > * + * {
    margin-left: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="lg:13"] > * + * {
    margin-top: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-py~="lg:14"] {
    padding-top: calc(var(--l-space) * 14 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-pt~="lg:14"] {
    padding-top: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-pb~="lg:14"] {
    padding-bottom: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-px~="lg:14"] {
    padding-left: calc(var(--l-space) * 14 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-pl~="lg:14"] {
    padding-left: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-pr~="lg:14"] {
    padding-right: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-my~="lg:14"] {
    margin-top: calc(var(--l-space) * 14 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-mt~="lg:14"] {
    margin-top: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-mb~="lg:14"] {
    margin-bottom: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-mx~="lg:14"] {
    margin-left: calc(var(--l-space) * 14 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-ml~="lg:14"] {
    margin-left: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-mr~="lg:14"] {
    margin-right: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="lg:14"] > * + * {
    margin-left: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="lg:14"] > * + * {
    margin-top: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-py~="lg:15"] {
    padding-top: calc(var(--l-space) * 15 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-pt~="lg:15"] {
    padding-top: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-pb~="lg:15"] {
    padding-bottom: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-px~="lg:15"] {
    padding-left: calc(var(--l-space) * 15 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-pl~="lg:15"] {
    padding-left: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-pr~="lg:15"] {
    padding-right: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-my~="lg:15"] {
    margin-top: calc(var(--l-space) * 15 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-mt~="lg:15"] {
    margin-top: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-mb~="lg:15"] {
    margin-bottom: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-mx~="lg:15"] {
    margin-left: calc(var(--l-space) * 15 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-ml~="lg:15"] {
    margin-left: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-mr~="lg:15"] {
    margin-right: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="lg:15"] > * + * {
    margin-left: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="lg:15"] > * + * {
    margin-top: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-py~="lg:16"] {
    padding-top: calc(var(--l-space) * 16 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-pt~="lg:16"] {
    padding-top: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-pb~="lg:16"] {
    padding-bottom: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-px~="lg:16"] {
    padding-left: calc(var(--l-space) * 16 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-pl~="lg:16"] {
    padding-left: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-pr~="lg:16"] {
    padding-right: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-my~="lg:16"] {
    margin-top: calc(var(--l-space) * 16 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-mt~="lg:16"] {
    margin-top: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-mb~="lg:16"] {
    margin-bottom: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-mx~="lg:16"] {
    margin-left: calc(var(--l-space) * 16 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-ml~="lg:16"] {
    margin-left: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-mr~="lg:16"] {
    margin-right: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="lg:16"] > * + * {
    margin-left: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="lg:16"] > * + * {
    margin-top: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-py~="lg:17"] {
    padding-top: calc(var(--l-space) * 17 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-pt~="lg:17"] {
    padding-top: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-pb~="lg:17"] {
    padding-bottom: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-px~="lg:17"] {
    padding-left: calc(var(--l-space) * 17 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-pl~="lg:17"] {
    padding-left: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-pr~="lg:17"] {
    padding-right: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-my~="lg:17"] {
    margin-top: calc(var(--l-space) * 17 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-mt~="lg:17"] {
    margin-top: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-mb~="lg:17"] {
    margin-bottom: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-mx~="lg:17"] {
    margin-left: calc(var(--l-space) * 17 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-ml~="lg:17"] {
    margin-left: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-mr~="lg:17"] {
    margin-right: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="lg:17"] > * + * {
    margin-left: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="lg:17"] > * + * {
    margin-top: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-py~="lg:18"] {
    padding-top: calc(var(--l-space) * 18 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-pt~="lg:18"] {
    padding-top: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-pb~="lg:18"] {
    padding-bottom: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-px~="lg:18"] {
    padding-left: calc(var(--l-space) * 18 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-pl~="lg:18"] {
    padding-left: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-pr~="lg:18"] {
    padding-right: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-my~="lg:18"] {
    margin-top: calc(var(--l-space) * 18 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-mt~="lg:18"] {
    margin-top: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-mb~="lg:18"] {
    margin-bottom: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-mx~="lg:18"] {
    margin-left: calc(var(--l-space) * 18 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-ml~="lg:18"] {
    margin-left: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-mr~="lg:18"] {
    margin-right: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="lg:18"] > * + * {
    margin-left: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="lg:18"] > * + * {
    margin-top: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-py~="lg:19"] {
    padding-top: calc(var(--l-space) * 19 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-pt~="lg:19"] {
    padding-top: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-pb~="lg:19"] {
    padding-bottom: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-px~="lg:19"] {
    padding-left: calc(var(--l-space) * 19 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-pl~="lg:19"] {
    padding-left: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-pr~="lg:19"] {
    padding-right: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-my~="lg:19"] {
    margin-top: calc(var(--l-space) * 19 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-mt~="lg:19"] {
    margin-top: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-mb~="lg:19"] {
    margin-bottom: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-mx~="lg:19"] {
    margin-left: calc(var(--l-space) * 19 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-ml~="lg:19"] {
    margin-left: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-mr~="lg:19"] {
    margin-right: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="lg:19"] > * + * {
    margin-left: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="lg:19"] > * + * {
    margin-top: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-py~="lg:20"] {
    padding-top: calc(var(--l-space) * 20 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-pt~="lg:20"] {
    padding-top: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-pb~="lg:20"] {
    padding-bottom: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-px~="lg:20"] {
    padding-left: calc(var(--l-space) * 20 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-pl~="lg:20"] {
    padding-left: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-pr~="lg:20"] {
    padding-right: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-my~="lg:20"] {
    margin-top: calc(var(--l-space) * 20 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-mt~="lg:20"] {
    margin-top: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-mb~="lg:20"] {
    margin-bottom: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-mx~="lg:20"] {
    margin-left: calc(var(--l-space) * 20 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-ml~="lg:20"] {
    margin-left: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-mr~="lg:20"] {
    margin-right: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="lg:20"] > * + * {
    margin-left: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="lg:20"] > * + * {
    margin-top: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-py~="lg:21"] {
    padding-top: calc(var(--l-space) * 21 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-pt~="lg:21"] {
    padding-top: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-pb~="lg:21"] {
    padding-bottom: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-px~="lg:21"] {
    padding-left: calc(var(--l-space) * 21 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-pl~="lg:21"] {
    padding-left: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-pr~="lg:21"] {
    padding-right: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-my~="lg:21"] {
    margin-top: calc(var(--l-space) * 21 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-mt~="lg:21"] {
    margin-top: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-mb~="lg:21"] {
    margin-bottom: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-mx~="lg:21"] {
    margin-left: calc(var(--l-space) * 21 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-ml~="lg:21"] {
    margin-left: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-mr~="lg:21"] {
    margin-right: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="lg:21"] > * + * {
    margin-left: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="lg:21"] > * + * {
    margin-top: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-py~="lg:22"] {
    padding-top: calc(var(--l-space) * 22 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-pt~="lg:22"] {
    padding-top: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-pb~="lg:22"] {
    padding-bottom: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-px~="lg:22"] {
    padding-left: calc(var(--l-space) * 22 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-pl~="lg:22"] {
    padding-left: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-pr~="lg:22"] {
    padding-right: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-my~="lg:22"] {
    margin-top: calc(var(--l-space) * 22 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-mt~="lg:22"] {
    margin-top: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-mb~="lg:22"] {
    margin-bottom: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-mx~="lg:22"] {
    margin-left: calc(var(--l-space) * 22 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-ml~="lg:22"] {
    margin-left: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-mr~="lg:22"] {
    margin-right: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="lg:22"] > * + * {
    margin-left: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="lg:22"] > * + * {
    margin-top: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-py~="lg:23"] {
    padding-top: calc(var(--l-space) * 23 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-pt~="lg:23"] {
    padding-top: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-pb~="lg:23"] {
    padding-bottom: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-px~="lg:23"] {
    padding-left: calc(var(--l-space) * 23 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-pl~="lg:23"] {
    padding-left: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-pr~="lg:23"] {
    padding-right: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-my~="lg:23"] {
    margin-top: calc(var(--l-space) * 23 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-mt~="lg:23"] {
    margin-top: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-mb~="lg:23"] {
    margin-bottom: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-mx~="lg:23"] {
    margin-left: calc(var(--l-space) * 23 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-ml~="lg:23"] {
    margin-left: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-mr~="lg:23"] {
    margin-right: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="lg:23"] > * + * {
    margin-left: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="lg:23"] > * + * {
    margin-top: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-py~="lg:24"] {
    padding-top: calc(var(--l-space) * 24 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-pt~="lg:24"] {
    padding-top: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-pb~="lg:24"] {
    padding-bottom: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-px~="lg:24"] {
    padding-left: calc(var(--l-space) * 24 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-pl~="lg:24"] {
    padding-left: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-pr~="lg:24"] {
    padding-right: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-my~="lg:24"] {
    margin-top: calc(var(--l-space) * 24 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-mt~="lg:24"] {
    margin-top: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-mb~="lg:24"] {
    margin-bottom: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-mx~="lg:24"] {
    margin-left: calc(var(--l-space) * 24 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-ml~="lg:24"] {
    margin-left: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-mr~="lg:24"] {
    margin-right: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="lg:24"] > * + * {
    margin-left: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="lg:24"] > * + * {
    margin-top: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-py~="lg:25"] {
    padding-top: calc(var(--l-space) * 25 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-pt~="lg:25"] {
    padding-top: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-pb~="lg:25"] {
    padding-bottom: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-px~="lg:25"] {
    padding-left: calc(var(--l-space) * 25 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-pl~="lg:25"] {
    padding-left: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-pr~="lg:25"] {
    padding-right: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-my~="lg:25"] {
    margin-top: calc(var(--l-space) * 25 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-mt~="lg:25"] {
    margin-top: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-mb~="lg:25"] {
    margin-bottom: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-mx~="lg:25"] {
    margin-left: calc(var(--l-space) * 25 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-ml~="lg:25"] {
    margin-left: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-mr~="lg:25"] {
    margin-right: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="lg:25"] > * + * {
    margin-left: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="lg:25"] > * + * {
    margin-top: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-py~="lg:26"] {
    padding-top: calc(var(--l-space) * 26 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-pt~="lg:26"] {
    padding-top: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-pb~="lg:26"] {
    padding-bottom: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-px~="lg:26"] {
    padding-left: calc(var(--l-space) * 26 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-pl~="lg:26"] {
    padding-left: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-pr~="lg:26"] {
    padding-right: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-my~="lg:26"] {
    margin-top: calc(var(--l-space) * 26 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-mt~="lg:26"] {
    margin-top: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-mb~="lg:26"] {
    margin-bottom: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-mx~="lg:26"] {
    margin-left: calc(var(--l-space) * 26 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-ml~="lg:26"] {
    margin-left: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-mr~="lg:26"] {
    margin-right: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="lg:26"] > * + * {
    margin-left: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="lg:26"] > * + * {
    margin-top: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-py~="lg:27"] {
    padding-top: calc(var(--l-space) * 27 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-pt~="lg:27"] {
    padding-top: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-pb~="lg:27"] {
    padding-bottom: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-px~="lg:27"] {
    padding-left: calc(var(--l-space) * 27 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-pl~="lg:27"] {
    padding-left: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-pr~="lg:27"] {
    padding-right: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-my~="lg:27"] {
    margin-top: calc(var(--l-space) * 27 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-mt~="lg:27"] {
    margin-top: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-mb~="lg:27"] {
    margin-bottom: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-mx~="lg:27"] {
    margin-left: calc(var(--l-space) * 27 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-ml~="lg:27"] {
    margin-left: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-mr~="lg:27"] {
    margin-right: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="lg:27"] > * + * {
    margin-left: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="lg:27"] > * + * {
    margin-top: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-py~="lg:28"] {
    padding-top: calc(var(--l-space) * 28 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-pt~="lg:28"] {
    padding-top: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-pb~="lg:28"] {
    padding-bottom: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-px~="lg:28"] {
    padding-left: calc(var(--l-space) * 28 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-pl~="lg:28"] {
    padding-left: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-pr~="lg:28"] {
    padding-right: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-my~="lg:28"] {
    margin-top: calc(var(--l-space) * 28 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-mt~="lg:28"] {
    margin-top: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-mb~="lg:28"] {
    margin-bottom: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-mx~="lg:28"] {
    margin-left: calc(var(--l-space) * 28 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-ml~="lg:28"] {
    margin-left: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-mr~="lg:28"] {
    margin-right: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="lg:28"] > * + * {
    margin-left: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="lg:28"] > * + * {
    margin-top: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-py~="lg:29"] {
    padding-top: calc(var(--l-space) * 29 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-pt~="lg:29"] {
    padding-top: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-pb~="lg:29"] {
    padding-bottom: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-px~="lg:29"] {
    padding-left: calc(var(--l-space) * 29 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-pl~="lg:29"] {
    padding-left: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-pr~="lg:29"] {
    padding-right: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-my~="lg:29"] {
    margin-top: calc(var(--l-space) * 29 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-mt~="lg:29"] {
    margin-top: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-mb~="lg:29"] {
    margin-bottom: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-mx~="lg:29"] {
    margin-left: calc(var(--l-space) * 29 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-ml~="lg:29"] {
    margin-left: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-mr~="lg:29"] {
    margin-right: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="lg:29"] > * + * {
    margin-left: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="lg:29"] > * + * {
    margin-top: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-py~="lg:30"] {
    padding-top: calc(var(--l-space) * 30 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-pt~="lg:30"] {
    padding-top: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-pb~="lg:30"] {
    padding-bottom: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-px~="lg:30"] {
    padding-left: calc(var(--l-space) * 30 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-pl~="lg:30"] {
    padding-left: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-pr~="lg:30"] {
    padding-right: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-my~="lg:30"] {
    margin-top: calc(var(--l-space) * 30 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-mt~="lg:30"] {
    margin-top: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-mb~="lg:30"] {
    margin-bottom: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-mx~="lg:30"] {
    margin-left: calc(var(--l-space) * 30 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-ml~="lg:30"] {
    margin-left: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-mr~="lg:30"] {
    margin-right: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="lg:30"] > * + * {
    margin-left: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="lg:30"] > * + * {
    margin-top: calc(var(--l-space) * 30 / 16 * 1rem);
  }
}
@media screen and (min-width: 1280px) {
  .l-spacer[data-py~="xl:0"] {
    padding-top: calc(var(--l-space) * 0 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xl:0"] {
    padding-top: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xl:0"] {
    padding-bottom: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-px~="xl:0"] {
    padding-left: calc(var(--l-space) * 0 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xl:0"] {
    padding-left: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xl:0"] {
    padding-right: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-my~="xl:0"] {
    margin-top: calc(var(--l-space) * 0 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xl:0"] {
    margin-top: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xl:0"] {
    margin-bottom: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xl:0"] {
    margin-left: calc(var(--l-space) * 0 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xl:0"] {
    margin-left: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xl:0"] {
    margin-right: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xl:0"] > * + * {
    margin-left: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xl:0"] > * + * {
    margin-top: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-py~="xl:1"] {
    padding-top: calc(var(--l-space) * 1 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xl:1"] {
    padding-top: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xl:1"] {
    padding-bottom: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-px~="xl:1"] {
    padding-left: calc(var(--l-space) * 1 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xl:1"] {
    padding-left: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xl:1"] {
    padding-right: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-my~="xl:1"] {
    margin-top: calc(var(--l-space) * 1 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xl:1"] {
    margin-top: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xl:1"] {
    margin-bottom: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xl:1"] {
    margin-left: calc(var(--l-space) * 1 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xl:1"] {
    margin-left: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xl:1"] {
    margin-right: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xl:1"] > * + * {
    margin-left: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xl:1"] > * + * {
    margin-top: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-py~="xl:2"] {
    padding-top: calc(var(--l-space) * 2 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xl:2"] {
    padding-top: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xl:2"] {
    padding-bottom: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-px~="xl:2"] {
    padding-left: calc(var(--l-space) * 2 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xl:2"] {
    padding-left: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xl:2"] {
    padding-right: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-my~="xl:2"] {
    margin-top: calc(var(--l-space) * 2 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xl:2"] {
    margin-top: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xl:2"] {
    margin-bottom: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xl:2"] {
    margin-left: calc(var(--l-space) * 2 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xl:2"] {
    margin-left: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xl:2"] {
    margin-right: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xl:2"] > * + * {
    margin-left: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xl:2"] > * + * {
    margin-top: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-py~="xl:3"] {
    padding-top: calc(var(--l-space) * 3 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xl:3"] {
    padding-top: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xl:3"] {
    padding-bottom: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-px~="xl:3"] {
    padding-left: calc(var(--l-space) * 3 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xl:3"] {
    padding-left: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xl:3"] {
    padding-right: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-my~="xl:3"] {
    margin-top: calc(var(--l-space) * 3 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xl:3"] {
    margin-top: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xl:3"] {
    margin-bottom: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xl:3"] {
    margin-left: calc(var(--l-space) * 3 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xl:3"] {
    margin-left: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xl:3"] {
    margin-right: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xl:3"] > * + * {
    margin-left: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xl:3"] > * + * {
    margin-top: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-py~="xl:4"] {
    padding-top: calc(var(--l-space) * 4 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xl:4"] {
    padding-top: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xl:4"] {
    padding-bottom: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-px~="xl:4"] {
    padding-left: calc(var(--l-space) * 4 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xl:4"] {
    padding-left: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xl:4"] {
    padding-right: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-my~="xl:4"] {
    margin-top: calc(var(--l-space) * 4 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xl:4"] {
    margin-top: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xl:4"] {
    margin-bottom: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xl:4"] {
    margin-left: calc(var(--l-space) * 4 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xl:4"] {
    margin-left: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xl:4"] {
    margin-right: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xl:4"] > * + * {
    margin-left: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xl:4"] > * + * {
    margin-top: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-py~="xl:5"] {
    padding-top: calc(var(--l-space) * 5 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xl:5"] {
    padding-top: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xl:5"] {
    padding-bottom: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-px~="xl:5"] {
    padding-left: calc(var(--l-space) * 5 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xl:5"] {
    padding-left: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xl:5"] {
    padding-right: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-my~="xl:5"] {
    margin-top: calc(var(--l-space) * 5 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xl:5"] {
    margin-top: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xl:5"] {
    margin-bottom: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xl:5"] {
    margin-left: calc(var(--l-space) * 5 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xl:5"] {
    margin-left: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xl:5"] {
    margin-right: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xl:5"] > * + * {
    margin-left: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xl:5"] > * + * {
    margin-top: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-py~="xl:6"] {
    padding-top: calc(var(--l-space) * 6 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xl:6"] {
    padding-top: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xl:6"] {
    padding-bottom: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-px~="xl:6"] {
    padding-left: calc(var(--l-space) * 6 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xl:6"] {
    padding-left: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xl:6"] {
    padding-right: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-my~="xl:6"] {
    margin-top: calc(var(--l-space) * 6 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xl:6"] {
    margin-top: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xl:6"] {
    margin-bottom: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xl:6"] {
    margin-left: calc(var(--l-space) * 6 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xl:6"] {
    margin-left: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xl:6"] {
    margin-right: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xl:6"] > * + * {
    margin-left: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xl:6"] > * + * {
    margin-top: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-py~="xl:7"] {
    padding-top: calc(var(--l-space) * 7 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xl:7"] {
    padding-top: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xl:7"] {
    padding-bottom: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-px~="xl:7"] {
    padding-left: calc(var(--l-space) * 7 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xl:7"] {
    padding-left: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xl:7"] {
    padding-right: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-my~="xl:7"] {
    margin-top: calc(var(--l-space) * 7 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xl:7"] {
    margin-top: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xl:7"] {
    margin-bottom: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xl:7"] {
    margin-left: calc(var(--l-space) * 7 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xl:7"] {
    margin-left: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xl:7"] {
    margin-right: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xl:7"] > * + * {
    margin-left: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xl:7"] > * + * {
    margin-top: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-py~="xl:8"] {
    padding-top: calc(var(--l-space) * 8 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xl:8"] {
    padding-top: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xl:8"] {
    padding-bottom: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-px~="xl:8"] {
    padding-left: calc(var(--l-space) * 8 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xl:8"] {
    padding-left: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xl:8"] {
    padding-right: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-my~="xl:8"] {
    margin-top: calc(var(--l-space) * 8 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xl:8"] {
    margin-top: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xl:8"] {
    margin-bottom: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xl:8"] {
    margin-left: calc(var(--l-space) * 8 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xl:8"] {
    margin-left: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xl:8"] {
    margin-right: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xl:8"] > * + * {
    margin-left: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xl:8"] > * + * {
    margin-top: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-py~="xl:9"] {
    padding-top: calc(var(--l-space) * 9 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xl:9"] {
    padding-top: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xl:9"] {
    padding-bottom: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-px~="xl:9"] {
    padding-left: calc(var(--l-space) * 9 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xl:9"] {
    padding-left: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xl:9"] {
    padding-right: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-my~="xl:9"] {
    margin-top: calc(var(--l-space) * 9 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xl:9"] {
    margin-top: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xl:9"] {
    margin-bottom: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xl:9"] {
    margin-left: calc(var(--l-space) * 9 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xl:9"] {
    margin-left: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xl:9"] {
    margin-right: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xl:9"] > * + * {
    margin-left: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xl:9"] > * + * {
    margin-top: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-py~="xl:10"] {
    padding-top: calc(var(--l-space) * 10 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xl:10"] {
    padding-top: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xl:10"] {
    padding-bottom: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-px~="xl:10"] {
    padding-left: calc(var(--l-space) * 10 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xl:10"] {
    padding-left: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xl:10"] {
    padding-right: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-my~="xl:10"] {
    margin-top: calc(var(--l-space) * 10 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xl:10"] {
    margin-top: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xl:10"] {
    margin-bottom: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xl:10"] {
    margin-left: calc(var(--l-space) * 10 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xl:10"] {
    margin-left: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xl:10"] {
    margin-right: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xl:10"] > * + * {
    margin-left: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xl:10"] > * + * {
    margin-top: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-py~="xl:11"] {
    padding-top: calc(var(--l-space) * 11 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xl:11"] {
    padding-top: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xl:11"] {
    padding-bottom: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-px~="xl:11"] {
    padding-left: calc(var(--l-space) * 11 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xl:11"] {
    padding-left: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xl:11"] {
    padding-right: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-my~="xl:11"] {
    margin-top: calc(var(--l-space) * 11 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xl:11"] {
    margin-top: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xl:11"] {
    margin-bottom: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xl:11"] {
    margin-left: calc(var(--l-space) * 11 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xl:11"] {
    margin-left: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xl:11"] {
    margin-right: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xl:11"] > * + * {
    margin-left: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xl:11"] > * + * {
    margin-top: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-py~="xl:12"] {
    padding-top: calc(var(--l-space) * 12 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xl:12"] {
    padding-top: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xl:12"] {
    padding-bottom: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-px~="xl:12"] {
    padding-left: calc(var(--l-space) * 12 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xl:12"] {
    padding-left: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xl:12"] {
    padding-right: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-my~="xl:12"] {
    margin-top: calc(var(--l-space) * 12 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xl:12"] {
    margin-top: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xl:12"] {
    margin-bottom: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xl:12"] {
    margin-left: calc(var(--l-space) * 12 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xl:12"] {
    margin-left: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xl:12"] {
    margin-right: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xl:12"] > * + * {
    margin-left: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xl:12"] > * + * {
    margin-top: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-py~="xl:13"] {
    padding-top: calc(var(--l-space) * 13 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xl:13"] {
    padding-top: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xl:13"] {
    padding-bottom: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-px~="xl:13"] {
    padding-left: calc(var(--l-space) * 13 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xl:13"] {
    padding-left: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xl:13"] {
    padding-right: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-my~="xl:13"] {
    margin-top: calc(var(--l-space) * 13 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xl:13"] {
    margin-top: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xl:13"] {
    margin-bottom: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xl:13"] {
    margin-left: calc(var(--l-space) * 13 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xl:13"] {
    margin-left: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xl:13"] {
    margin-right: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xl:13"] > * + * {
    margin-left: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xl:13"] > * + * {
    margin-top: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-py~="xl:14"] {
    padding-top: calc(var(--l-space) * 14 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xl:14"] {
    padding-top: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xl:14"] {
    padding-bottom: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-px~="xl:14"] {
    padding-left: calc(var(--l-space) * 14 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xl:14"] {
    padding-left: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xl:14"] {
    padding-right: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-my~="xl:14"] {
    margin-top: calc(var(--l-space) * 14 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xl:14"] {
    margin-top: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xl:14"] {
    margin-bottom: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xl:14"] {
    margin-left: calc(var(--l-space) * 14 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xl:14"] {
    margin-left: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xl:14"] {
    margin-right: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xl:14"] > * + * {
    margin-left: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xl:14"] > * + * {
    margin-top: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-py~="xl:15"] {
    padding-top: calc(var(--l-space) * 15 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xl:15"] {
    padding-top: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xl:15"] {
    padding-bottom: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-px~="xl:15"] {
    padding-left: calc(var(--l-space) * 15 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xl:15"] {
    padding-left: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xl:15"] {
    padding-right: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-my~="xl:15"] {
    margin-top: calc(var(--l-space) * 15 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xl:15"] {
    margin-top: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xl:15"] {
    margin-bottom: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xl:15"] {
    margin-left: calc(var(--l-space) * 15 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xl:15"] {
    margin-left: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xl:15"] {
    margin-right: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xl:15"] > * + * {
    margin-left: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xl:15"] > * + * {
    margin-top: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-py~="xl:16"] {
    padding-top: calc(var(--l-space) * 16 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xl:16"] {
    padding-top: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xl:16"] {
    padding-bottom: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-px~="xl:16"] {
    padding-left: calc(var(--l-space) * 16 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xl:16"] {
    padding-left: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xl:16"] {
    padding-right: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-my~="xl:16"] {
    margin-top: calc(var(--l-space) * 16 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xl:16"] {
    margin-top: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xl:16"] {
    margin-bottom: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xl:16"] {
    margin-left: calc(var(--l-space) * 16 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xl:16"] {
    margin-left: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xl:16"] {
    margin-right: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xl:16"] > * + * {
    margin-left: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xl:16"] > * + * {
    margin-top: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-py~="xl:17"] {
    padding-top: calc(var(--l-space) * 17 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xl:17"] {
    padding-top: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xl:17"] {
    padding-bottom: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-px~="xl:17"] {
    padding-left: calc(var(--l-space) * 17 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xl:17"] {
    padding-left: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xl:17"] {
    padding-right: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-my~="xl:17"] {
    margin-top: calc(var(--l-space) * 17 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xl:17"] {
    margin-top: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xl:17"] {
    margin-bottom: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xl:17"] {
    margin-left: calc(var(--l-space) * 17 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xl:17"] {
    margin-left: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xl:17"] {
    margin-right: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xl:17"] > * + * {
    margin-left: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xl:17"] > * + * {
    margin-top: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-py~="xl:18"] {
    padding-top: calc(var(--l-space) * 18 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xl:18"] {
    padding-top: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xl:18"] {
    padding-bottom: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-px~="xl:18"] {
    padding-left: calc(var(--l-space) * 18 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xl:18"] {
    padding-left: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xl:18"] {
    padding-right: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-my~="xl:18"] {
    margin-top: calc(var(--l-space) * 18 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xl:18"] {
    margin-top: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xl:18"] {
    margin-bottom: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xl:18"] {
    margin-left: calc(var(--l-space) * 18 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xl:18"] {
    margin-left: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xl:18"] {
    margin-right: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xl:18"] > * + * {
    margin-left: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xl:18"] > * + * {
    margin-top: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-py~="xl:19"] {
    padding-top: calc(var(--l-space) * 19 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xl:19"] {
    padding-top: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xl:19"] {
    padding-bottom: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-px~="xl:19"] {
    padding-left: calc(var(--l-space) * 19 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xl:19"] {
    padding-left: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xl:19"] {
    padding-right: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-my~="xl:19"] {
    margin-top: calc(var(--l-space) * 19 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xl:19"] {
    margin-top: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xl:19"] {
    margin-bottom: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xl:19"] {
    margin-left: calc(var(--l-space) * 19 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xl:19"] {
    margin-left: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xl:19"] {
    margin-right: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xl:19"] > * + * {
    margin-left: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xl:19"] > * + * {
    margin-top: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-py~="xl:20"] {
    padding-top: calc(var(--l-space) * 20 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xl:20"] {
    padding-top: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xl:20"] {
    padding-bottom: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-px~="xl:20"] {
    padding-left: calc(var(--l-space) * 20 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xl:20"] {
    padding-left: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xl:20"] {
    padding-right: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-my~="xl:20"] {
    margin-top: calc(var(--l-space) * 20 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xl:20"] {
    margin-top: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xl:20"] {
    margin-bottom: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xl:20"] {
    margin-left: calc(var(--l-space) * 20 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xl:20"] {
    margin-left: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xl:20"] {
    margin-right: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xl:20"] > * + * {
    margin-left: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xl:20"] > * + * {
    margin-top: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-py~="xl:21"] {
    padding-top: calc(var(--l-space) * 21 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xl:21"] {
    padding-top: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xl:21"] {
    padding-bottom: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-px~="xl:21"] {
    padding-left: calc(var(--l-space) * 21 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xl:21"] {
    padding-left: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xl:21"] {
    padding-right: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-my~="xl:21"] {
    margin-top: calc(var(--l-space) * 21 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xl:21"] {
    margin-top: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xl:21"] {
    margin-bottom: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xl:21"] {
    margin-left: calc(var(--l-space) * 21 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xl:21"] {
    margin-left: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xl:21"] {
    margin-right: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xl:21"] > * + * {
    margin-left: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xl:21"] > * + * {
    margin-top: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-py~="xl:22"] {
    padding-top: calc(var(--l-space) * 22 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xl:22"] {
    padding-top: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xl:22"] {
    padding-bottom: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-px~="xl:22"] {
    padding-left: calc(var(--l-space) * 22 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xl:22"] {
    padding-left: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xl:22"] {
    padding-right: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-my~="xl:22"] {
    margin-top: calc(var(--l-space) * 22 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xl:22"] {
    margin-top: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xl:22"] {
    margin-bottom: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xl:22"] {
    margin-left: calc(var(--l-space) * 22 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xl:22"] {
    margin-left: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xl:22"] {
    margin-right: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xl:22"] > * + * {
    margin-left: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xl:22"] > * + * {
    margin-top: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-py~="xl:23"] {
    padding-top: calc(var(--l-space) * 23 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xl:23"] {
    padding-top: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xl:23"] {
    padding-bottom: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-px~="xl:23"] {
    padding-left: calc(var(--l-space) * 23 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xl:23"] {
    padding-left: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xl:23"] {
    padding-right: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-my~="xl:23"] {
    margin-top: calc(var(--l-space) * 23 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xl:23"] {
    margin-top: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xl:23"] {
    margin-bottom: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xl:23"] {
    margin-left: calc(var(--l-space) * 23 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xl:23"] {
    margin-left: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xl:23"] {
    margin-right: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xl:23"] > * + * {
    margin-left: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xl:23"] > * + * {
    margin-top: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-py~="xl:24"] {
    padding-top: calc(var(--l-space) * 24 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xl:24"] {
    padding-top: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xl:24"] {
    padding-bottom: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-px~="xl:24"] {
    padding-left: calc(var(--l-space) * 24 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xl:24"] {
    padding-left: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xl:24"] {
    padding-right: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-my~="xl:24"] {
    margin-top: calc(var(--l-space) * 24 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xl:24"] {
    margin-top: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xl:24"] {
    margin-bottom: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xl:24"] {
    margin-left: calc(var(--l-space) * 24 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xl:24"] {
    margin-left: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xl:24"] {
    margin-right: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xl:24"] > * + * {
    margin-left: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xl:24"] > * + * {
    margin-top: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-py~="xl:25"] {
    padding-top: calc(var(--l-space) * 25 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xl:25"] {
    padding-top: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xl:25"] {
    padding-bottom: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-px~="xl:25"] {
    padding-left: calc(var(--l-space) * 25 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xl:25"] {
    padding-left: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xl:25"] {
    padding-right: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-my~="xl:25"] {
    margin-top: calc(var(--l-space) * 25 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xl:25"] {
    margin-top: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xl:25"] {
    margin-bottom: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xl:25"] {
    margin-left: calc(var(--l-space) * 25 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xl:25"] {
    margin-left: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xl:25"] {
    margin-right: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xl:25"] > * + * {
    margin-left: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xl:25"] > * + * {
    margin-top: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-py~="xl:26"] {
    padding-top: calc(var(--l-space) * 26 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xl:26"] {
    padding-top: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xl:26"] {
    padding-bottom: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-px~="xl:26"] {
    padding-left: calc(var(--l-space) * 26 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xl:26"] {
    padding-left: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xl:26"] {
    padding-right: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-my~="xl:26"] {
    margin-top: calc(var(--l-space) * 26 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xl:26"] {
    margin-top: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xl:26"] {
    margin-bottom: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xl:26"] {
    margin-left: calc(var(--l-space) * 26 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xl:26"] {
    margin-left: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xl:26"] {
    margin-right: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xl:26"] > * + * {
    margin-left: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xl:26"] > * + * {
    margin-top: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-py~="xl:27"] {
    padding-top: calc(var(--l-space) * 27 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xl:27"] {
    padding-top: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xl:27"] {
    padding-bottom: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-px~="xl:27"] {
    padding-left: calc(var(--l-space) * 27 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xl:27"] {
    padding-left: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xl:27"] {
    padding-right: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-my~="xl:27"] {
    margin-top: calc(var(--l-space) * 27 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xl:27"] {
    margin-top: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xl:27"] {
    margin-bottom: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xl:27"] {
    margin-left: calc(var(--l-space) * 27 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xl:27"] {
    margin-left: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xl:27"] {
    margin-right: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xl:27"] > * + * {
    margin-left: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xl:27"] > * + * {
    margin-top: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-py~="xl:28"] {
    padding-top: calc(var(--l-space) * 28 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xl:28"] {
    padding-top: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xl:28"] {
    padding-bottom: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-px~="xl:28"] {
    padding-left: calc(var(--l-space) * 28 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xl:28"] {
    padding-left: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xl:28"] {
    padding-right: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-my~="xl:28"] {
    margin-top: calc(var(--l-space) * 28 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xl:28"] {
    margin-top: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xl:28"] {
    margin-bottom: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xl:28"] {
    margin-left: calc(var(--l-space) * 28 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xl:28"] {
    margin-left: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xl:28"] {
    margin-right: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xl:28"] > * + * {
    margin-left: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xl:28"] > * + * {
    margin-top: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-py~="xl:29"] {
    padding-top: calc(var(--l-space) * 29 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xl:29"] {
    padding-top: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xl:29"] {
    padding-bottom: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-px~="xl:29"] {
    padding-left: calc(var(--l-space) * 29 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xl:29"] {
    padding-left: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xl:29"] {
    padding-right: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-my~="xl:29"] {
    margin-top: calc(var(--l-space) * 29 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xl:29"] {
    margin-top: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xl:29"] {
    margin-bottom: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xl:29"] {
    margin-left: calc(var(--l-space) * 29 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xl:29"] {
    margin-left: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xl:29"] {
    margin-right: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xl:29"] > * + * {
    margin-left: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xl:29"] > * + * {
    margin-top: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-py~="xl:30"] {
    padding-top: calc(var(--l-space) * 30 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xl:30"] {
    padding-top: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xl:30"] {
    padding-bottom: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-px~="xl:30"] {
    padding-left: calc(var(--l-space) * 30 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xl:30"] {
    padding-left: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xl:30"] {
    padding-right: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-my~="xl:30"] {
    margin-top: calc(var(--l-space) * 30 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xl:30"] {
    margin-top: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xl:30"] {
    margin-bottom: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xl:30"] {
    margin-left: calc(var(--l-space) * 30 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xl:30"] {
    margin-left: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xl:30"] {
    margin-right: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xl:30"] > * + * {
    margin-left: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xl:30"] > * + * {
    margin-top: calc(var(--l-space) * 30 / 16 * 1rem);
  }
}
@media screen and (min-width: 1480px) {
  .l-spacer[data-py~="xxl:0"] {
    padding-top: calc(var(--l-space) * 0 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxl:0"] {
    padding-top: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxl:0"] {
    padding-bottom: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxl:0"] {
    padding-left: calc(var(--l-space) * 0 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxl:0"] {
    padding-left: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxl:0"] {
    padding-right: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxl:0"] {
    margin-top: calc(var(--l-space) * 0 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxl:0"] {
    margin-top: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxl:0"] {
    margin-bottom: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxl:0"] {
    margin-left: calc(var(--l-space) * 0 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxl:0"] {
    margin-left: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxl:0"] {
    margin-right: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxl:0"] > * + * {
    margin-left: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxl:0"] > * + * {
    margin-top: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxl:1"] {
    padding-top: calc(var(--l-space) * 1 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxl:1"] {
    padding-top: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxl:1"] {
    padding-bottom: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxl:1"] {
    padding-left: calc(var(--l-space) * 1 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxl:1"] {
    padding-left: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxl:1"] {
    padding-right: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxl:1"] {
    margin-top: calc(var(--l-space) * 1 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxl:1"] {
    margin-top: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxl:1"] {
    margin-bottom: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxl:1"] {
    margin-left: calc(var(--l-space) * 1 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxl:1"] {
    margin-left: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxl:1"] {
    margin-right: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxl:1"] > * + * {
    margin-left: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxl:1"] > * + * {
    margin-top: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxl:2"] {
    padding-top: calc(var(--l-space) * 2 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxl:2"] {
    padding-top: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxl:2"] {
    padding-bottom: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxl:2"] {
    padding-left: calc(var(--l-space) * 2 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxl:2"] {
    padding-left: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxl:2"] {
    padding-right: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxl:2"] {
    margin-top: calc(var(--l-space) * 2 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxl:2"] {
    margin-top: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxl:2"] {
    margin-bottom: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxl:2"] {
    margin-left: calc(var(--l-space) * 2 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxl:2"] {
    margin-left: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxl:2"] {
    margin-right: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxl:2"] > * + * {
    margin-left: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxl:2"] > * + * {
    margin-top: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxl:3"] {
    padding-top: calc(var(--l-space) * 3 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxl:3"] {
    padding-top: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxl:3"] {
    padding-bottom: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxl:3"] {
    padding-left: calc(var(--l-space) * 3 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxl:3"] {
    padding-left: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxl:3"] {
    padding-right: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxl:3"] {
    margin-top: calc(var(--l-space) * 3 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxl:3"] {
    margin-top: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxl:3"] {
    margin-bottom: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxl:3"] {
    margin-left: calc(var(--l-space) * 3 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxl:3"] {
    margin-left: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxl:3"] {
    margin-right: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxl:3"] > * + * {
    margin-left: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxl:3"] > * + * {
    margin-top: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxl:4"] {
    padding-top: calc(var(--l-space) * 4 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxl:4"] {
    padding-top: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxl:4"] {
    padding-bottom: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxl:4"] {
    padding-left: calc(var(--l-space) * 4 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxl:4"] {
    padding-left: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxl:4"] {
    padding-right: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxl:4"] {
    margin-top: calc(var(--l-space) * 4 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxl:4"] {
    margin-top: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxl:4"] {
    margin-bottom: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxl:4"] {
    margin-left: calc(var(--l-space) * 4 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxl:4"] {
    margin-left: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxl:4"] {
    margin-right: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxl:4"] > * + * {
    margin-left: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxl:4"] > * + * {
    margin-top: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxl:5"] {
    padding-top: calc(var(--l-space) * 5 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxl:5"] {
    padding-top: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxl:5"] {
    padding-bottom: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxl:5"] {
    padding-left: calc(var(--l-space) * 5 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxl:5"] {
    padding-left: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxl:5"] {
    padding-right: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxl:5"] {
    margin-top: calc(var(--l-space) * 5 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxl:5"] {
    margin-top: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxl:5"] {
    margin-bottom: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxl:5"] {
    margin-left: calc(var(--l-space) * 5 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxl:5"] {
    margin-left: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxl:5"] {
    margin-right: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxl:5"] > * + * {
    margin-left: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxl:5"] > * + * {
    margin-top: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxl:6"] {
    padding-top: calc(var(--l-space) * 6 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxl:6"] {
    padding-top: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxl:6"] {
    padding-bottom: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxl:6"] {
    padding-left: calc(var(--l-space) * 6 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxl:6"] {
    padding-left: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxl:6"] {
    padding-right: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxl:6"] {
    margin-top: calc(var(--l-space) * 6 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxl:6"] {
    margin-top: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxl:6"] {
    margin-bottom: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxl:6"] {
    margin-left: calc(var(--l-space) * 6 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxl:6"] {
    margin-left: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxl:6"] {
    margin-right: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxl:6"] > * + * {
    margin-left: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxl:6"] > * + * {
    margin-top: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxl:7"] {
    padding-top: calc(var(--l-space) * 7 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxl:7"] {
    padding-top: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxl:7"] {
    padding-bottom: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxl:7"] {
    padding-left: calc(var(--l-space) * 7 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxl:7"] {
    padding-left: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxl:7"] {
    padding-right: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxl:7"] {
    margin-top: calc(var(--l-space) * 7 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxl:7"] {
    margin-top: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxl:7"] {
    margin-bottom: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxl:7"] {
    margin-left: calc(var(--l-space) * 7 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxl:7"] {
    margin-left: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxl:7"] {
    margin-right: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxl:7"] > * + * {
    margin-left: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxl:7"] > * + * {
    margin-top: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxl:8"] {
    padding-top: calc(var(--l-space) * 8 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxl:8"] {
    padding-top: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxl:8"] {
    padding-bottom: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxl:8"] {
    padding-left: calc(var(--l-space) * 8 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxl:8"] {
    padding-left: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxl:8"] {
    padding-right: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxl:8"] {
    margin-top: calc(var(--l-space) * 8 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxl:8"] {
    margin-top: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxl:8"] {
    margin-bottom: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxl:8"] {
    margin-left: calc(var(--l-space) * 8 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxl:8"] {
    margin-left: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxl:8"] {
    margin-right: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxl:8"] > * + * {
    margin-left: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxl:8"] > * + * {
    margin-top: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxl:9"] {
    padding-top: calc(var(--l-space) * 9 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxl:9"] {
    padding-top: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxl:9"] {
    padding-bottom: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxl:9"] {
    padding-left: calc(var(--l-space) * 9 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxl:9"] {
    padding-left: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxl:9"] {
    padding-right: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxl:9"] {
    margin-top: calc(var(--l-space) * 9 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxl:9"] {
    margin-top: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxl:9"] {
    margin-bottom: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxl:9"] {
    margin-left: calc(var(--l-space) * 9 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxl:9"] {
    margin-left: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxl:9"] {
    margin-right: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxl:9"] > * + * {
    margin-left: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxl:9"] > * + * {
    margin-top: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxl:10"] {
    padding-top: calc(var(--l-space) * 10 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxl:10"] {
    padding-top: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxl:10"] {
    padding-bottom: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxl:10"] {
    padding-left: calc(var(--l-space) * 10 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxl:10"] {
    padding-left: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxl:10"] {
    padding-right: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxl:10"] {
    margin-top: calc(var(--l-space) * 10 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxl:10"] {
    margin-top: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxl:10"] {
    margin-bottom: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxl:10"] {
    margin-left: calc(var(--l-space) * 10 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxl:10"] {
    margin-left: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxl:10"] {
    margin-right: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxl:10"] > * + * {
    margin-left: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxl:10"] > * + * {
    margin-top: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxl:11"] {
    padding-top: calc(var(--l-space) * 11 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxl:11"] {
    padding-top: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxl:11"] {
    padding-bottom: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxl:11"] {
    padding-left: calc(var(--l-space) * 11 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxl:11"] {
    padding-left: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxl:11"] {
    padding-right: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxl:11"] {
    margin-top: calc(var(--l-space) * 11 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxl:11"] {
    margin-top: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxl:11"] {
    margin-bottom: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxl:11"] {
    margin-left: calc(var(--l-space) * 11 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxl:11"] {
    margin-left: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxl:11"] {
    margin-right: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxl:11"] > * + * {
    margin-left: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxl:11"] > * + * {
    margin-top: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxl:12"] {
    padding-top: calc(var(--l-space) * 12 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxl:12"] {
    padding-top: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxl:12"] {
    padding-bottom: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxl:12"] {
    padding-left: calc(var(--l-space) * 12 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxl:12"] {
    padding-left: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxl:12"] {
    padding-right: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxl:12"] {
    margin-top: calc(var(--l-space) * 12 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxl:12"] {
    margin-top: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxl:12"] {
    margin-bottom: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxl:12"] {
    margin-left: calc(var(--l-space) * 12 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxl:12"] {
    margin-left: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxl:12"] {
    margin-right: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxl:12"] > * + * {
    margin-left: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxl:12"] > * + * {
    margin-top: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxl:13"] {
    padding-top: calc(var(--l-space) * 13 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxl:13"] {
    padding-top: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxl:13"] {
    padding-bottom: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxl:13"] {
    padding-left: calc(var(--l-space) * 13 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxl:13"] {
    padding-left: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxl:13"] {
    padding-right: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxl:13"] {
    margin-top: calc(var(--l-space) * 13 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxl:13"] {
    margin-top: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxl:13"] {
    margin-bottom: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxl:13"] {
    margin-left: calc(var(--l-space) * 13 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxl:13"] {
    margin-left: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxl:13"] {
    margin-right: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxl:13"] > * + * {
    margin-left: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxl:13"] > * + * {
    margin-top: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxl:14"] {
    padding-top: calc(var(--l-space) * 14 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxl:14"] {
    padding-top: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxl:14"] {
    padding-bottom: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxl:14"] {
    padding-left: calc(var(--l-space) * 14 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxl:14"] {
    padding-left: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxl:14"] {
    padding-right: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxl:14"] {
    margin-top: calc(var(--l-space) * 14 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxl:14"] {
    margin-top: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxl:14"] {
    margin-bottom: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxl:14"] {
    margin-left: calc(var(--l-space) * 14 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxl:14"] {
    margin-left: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxl:14"] {
    margin-right: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxl:14"] > * + * {
    margin-left: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxl:14"] > * + * {
    margin-top: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxl:15"] {
    padding-top: calc(var(--l-space) * 15 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxl:15"] {
    padding-top: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxl:15"] {
    padding-bottom: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxl:15"] {
    padding-left: calc(var(--l-space) * 15 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxl:15"] {
    padding-left: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxl:15"] {
    padding-right: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxl:15"] {
    margin-top: calc(var(--l-space) * 15 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxl:15"] {
    margin-top: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxl:15"] {
    margin-bottom: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxl:15"] {
    margin-left: calc(var(--l-space) * 15 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxl:15"] {
    margin-left: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxl:15"] {
    margin-right: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxl:15"] > * + * {
    margin-left: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxl:15"] > * + * {
    margin-top: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxl:16"] {
    padding-top: calc(var(--l-space) * 16 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxl:16"] {
    padding-top: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxl:16"] {
    padding-bottom: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxl:16"] {
    padding-left: calc(var(--l-space) * 16 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxl:16"] {
    padding-left: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxl:16"] {
    padding-right: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxl:16"] {
    margin-top: calc(var(--l-space) * 16 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxl:16"] {
    margin-top: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxl:16"] {
    margin-bottom: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxl:16"] {
    margin-left: calc(var(--l-space) * 16 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxl:16"] {
    margin-left: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxl:16"] {
    margin-right: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxl:16"] > * + * {
    margin-left: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxl:16"] > * + * {
    margin-top: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxl:17"] {
    padding-top: calc(var(--l-space) * 17 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxl:17"] {
    padding-top: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxl:17"] {
    padding-bottom: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxl:17"] {
    padding-left: calc(var(--l-space) * 17 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxl:17"] {
    padding-left: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxl:17"] {
    padding-right: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxl:17"] {
    margin-top: calc(var(--l-space) * 17 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxl:17"] {
    margin-top: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxl:17"] {
    margin-bottom: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxl:17"] {
    margin-left: calc(var(--l-space) * 17 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxl:17"] {
    margin-left: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxl:17"] {
    margin-right: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxl:17"] > * + * {
    margin-left: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxl:17"] > * + * {
    margin-top: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxl:18"] {
    padding-top: calc(var(--l-space) * 18 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxl:18"] {
    padding-top: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxl:18"] {
    padding-bottom: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxl:18"] {
    padding-left: calc(var(--l-space) * 18 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxl:18"] {
    padding-left: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxl:18"] {
    padding-right: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxl:18"] {
    margin-top: calc(var(--l-space) * 18 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxl:18"] {
    margin-top: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxl:18"] {
    margin-bottom: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxl:18"] {
    margin-left: calc(var(--l-space) * 18 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxl:18"] {
    margin-left: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxl:18"] {
    margin-right: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxl:18"] > * + * {
    margin-left: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxl:18"] > * + * {
    margin-top: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxl:19"] {
    padding-top: calc(var(--l-space) * 19 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxl:19"] {
    padding-top: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxl:19"] {
    padding-bottom: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxl:19"] {
    padding-left: calc(var(--l-space) * 19 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxl:19"] {
    padding-left: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxl:19"] {
    padding-right: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxl:19"] {
    margin-top: calc(var(--l-space) * 19 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxl:19"] {
    margin-top: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxl:19"] {
    margin-bottom: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxl:19"] {
    margin-left: calc(var(--l-space) * 19 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxl:19"] {
    margin-left: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxl:19"] {
    margin-right: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxl:19"] > * + * {
    margin-left: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxl:19"] > * + * {
    margin-top: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxl:20"] {
    padding-top: calc(var(--l-space) * 20 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxl:20"] {
    padding-top: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxl:20"] {
    padding-bottom: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxl:20"] {
    padding-left: calc(var(--l-space) * 20 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxl:20"] {
    padding-left: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxl:20"] {
    padding-right: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxl:20"] {
    margin-top: calc(var(--l-space) * 20 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxl:20"] {
    margin-top: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxl:20"] {
    margin-bottom: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxl:20"] {
    margin-left: calc(var(--l-space) * 20 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxl:20"] {
    margin-left: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxl:20"] {
    margin-right: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxl:20"] > * + * {
    margin-left: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxl:20"] > * + * {
    margin-top: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxl:21"] {
    padding-top: calc(var(--l-space) * 21 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxl:21"] {
    padding-top: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxl:21"] {
    padding-bottom: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxl:21"] {
    padding-left: calc(var(--l-space) * 21 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxl:21"] {
    padding-left: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxl:21"] {
    padding-right: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxl:21"] {
    margin-top: calc(var(--l-space) * 21 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxl:21"] {
    margin-top: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxl:21"] {
    margin-bottom: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxl:21"] {
    margin-left: calc(var(--l-space) * 21 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxl:21"] {
    margin-left: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxl:21"] {
    margin-right: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxl:21"] > * + * {
    margin-left: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxl:21"] > * + * {
    margin-top: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxl:22"] {
    padding-top: calc(var(--l-space) * 22 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxl:22"] {
    padding-top: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxl:22"] {
    padding-bottom: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxl:22"] {
    padding-left: calc(var(--l-space) * 22 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxl:22"] {
    padding-left: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxl:22"] {
    padding-right: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxl:22"] {
    margin-top: calc(var(--l-space) * 22 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxl:22"] {
    margin-top: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxl:22"] {
    margin-bottom: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxl:22"] {
    margin-left: calc(var(--l-space) * 22 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxl:22"] {
    margin-left: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxl:22"] {
    margin-right: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxl:22"] > * + * {
    margin-left: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxl:22"] > * + * {
    margin-top: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxl:23"] {
    padding-top: calc(var(--l-space) * 23 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxl:23"] {
    padding-top: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxl:23"] {
    padding-bottom: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxl:23"] {
    padding-left: calc(var(--l-space) * 23 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxl:23"] {
    padding-left: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxl:23"] {
    padding-right: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxl:23"] {
    margin-top: calc(var(--l-space) * 23 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxl:23"] {
    margin-top: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxl:23"] {
    margin-bottom: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxl:23"] {
    margin-left: calc(var(--l-space) * 23 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxl:23"] {
    margin-left: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxl:23"] {
    margin-right: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxl:23"] > * + * {
    margin-left: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxl:23"] > * + * {
    margin-top: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxl:24"] {
    padding-top: calc(var(--l-space) * 24 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxl:24"] {
    padding-top: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxl:24"] {
    padding-bottom: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxl:24"] {
    padding-left: calc(var(--l-space) * 24 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxl:24"] {
    padding-left: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxl:24"] {
    padding-right: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxl:24"] {
    margin-top: calc(var(--l-space) * 24 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxl:24"] {
    margin-top: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxl:24"] {
    margin-bottom: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxl:24"] {
    margin-left: calc(var(--l-space) * 24 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxl:24"] {
    margin-left: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxl:24"] {
    margin-right: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxl:24"] > * + * {
    margin-left: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxl:24"] > * + * {
    margin-top: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxl:25"] {
    padding-top: calc(var(--l-space) * 25 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxl:25"] {
    padding-top: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxl:25"] {
    padding-bottom: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxl:25"] {
    padding-left: calc(var(--l-space) * 25 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxl:25"] {
    padding-left: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxl:25"] {
    padding-right: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxl:25"] {
    margin-top: calc(var(--l-space) * 25 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxl:25"] {
    margin-top: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxl:25"] {
    margin-bottom: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxl:25"] {
    margin-left: calc(var(--l-space) * 25 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxl:25"] {
    margin-left: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxl:25"] {
    margin-right: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxl:25"] > * + * {
    margin-left: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxl:25"] > * + * {
    margin-top: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxl:26"] {
    padding-top: calc(var(--l-space) * 26 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxl:26"] {
    padding-top: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxl:26"] {
    padding-bottom: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxl:26"] {
    padding-left: calc(var(--l-space) * 26 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxl:26"] {
    padding-left: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxl:26"] {
    padding-right: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxl:26"] {
    margin-top: calc(var(--l-space) * 26 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxl:26"] {
    margin-top: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxl:26"] {
    margin-bottom: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxl:26"] {
    margin-left: calc(var(--l-space) * 26 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxl:26"] {
    margin-left: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxl:26"] {
    margin-right: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxl:26"] > * + * {
    margin-left: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxl:26"] > * + * {
    margin-top: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxl:27"] {
    padding-top: calc(var(--l-space) * 27 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxl:27"] {
    padding-top: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxl:27"] {
    padding-bottom: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxl:27"] {
    padding-left: calc(var(--l-space) * 27 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxl:27"] {
    padding-left: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxl:27"] {
    padding-right: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxl:27"] {
    margin-top: calc(var(--l-space) * 27 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxl:27"] {
    margin-top: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxl:27"] {
    margin-bottom: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxl:27"] {
    margin-left: calc(var(--l-space) * 27 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxl:27"] {
    margin-left: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxl:27"] {
    margin-right: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxl:27"] > * + * {
    margin-left: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxl:27"] > * + * {
    margin-top: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxl:28"] {
    padding-top: calc(var(--l-space) * 28 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxl:28"] {
    padding-top: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxl:28"] {
    padding-bottom: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxl:28"] {
    padding-left: calc(var(--l-space) * 28 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxl:28"] {
    padding-left: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxl:28"] {
    padding-right: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxl:28"] {
    margin-top: calc(var(--l-space) * 28 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxl:28"] {
    margin-top: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxl:28"] {
    margin-bottom: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxl:28"] {
    margin-left: calc(var(--l-space) * 28 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxl:28"] {
    margin-left: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxl:28"] {
    margin-right: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxl:28"] > * + * {
    margin-left: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxl:28"] > * + * {
    margin-top: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxl:29"] {
    padding-top: calc(var(--l-space) * 29 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxl:29"] {
    padding-top: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxl:29"] {
    padding-bottom: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxl:29"] {
    padding-left: calc(var(--l-space) * 29 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxl:29"] {
    padding-left: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxl:29"] {
    padding-right: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxl:29"] {
    margin-top: calc(var(--l-space) * 29 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxl:29"] {
    margin-top: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxl:29"] {
    margin-bottom: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxl:29"] {
    margin-left: calc(var(--l-space) * 29 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxl:29"] {
    margin-left: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxl:29"] {
    margin-right: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxl:29"] > * + * {
    margin-left: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxl:29"] > * + * {
    margin-top: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-spacer[data-py~="xxl:30"] {
    padding-top: calc(var(--l-space) * 30 / 16 * 1rem);
    padding-bottom: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-pt~="xxl:30"] {
    padding-top: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-pb~="xxl:30"] {
    padding-bottom: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-px~="xxl:30"] {
    padding-left: calc(var(--l-space) * 30 / 16 * 1rem);
    padding-right: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-pl~="xxl:30"] {
    padding-left: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-pr~="xxl:30"] {
    padding-right: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-my~="xxl:30"] {
    margin-top: calc(var(--l-space) * 30 / 16 * 1rem);
    margin-bottom: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-mt~="xxl:30"] {
    margin-top: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-mb~="xxl:30"] {
    margin-bottom: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-mx~="xxl:30"] {
    margin-left: calc(var(--l-space) * 30 / 16 * 1rem);
    margin-right: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-ml~="xxl:30"] {
    margin-left: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-mr~="xxl:30"] {
    margin-right: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-space-x~="xxl:30"] > * + * {
    margin-left: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-spacer[data-space-y~="xxl:30"] > * + * {
    margin-top: calc(var(--l-space) * 30 / 16 * 1rem);
  }
}

.l-flex {
  display: flex;
}
@media screen and (min-width: 0) {
  .l-flex[data-wrap~="min:nowrap"] {
    flex-wrap: nowrap;
  }
  .l-flex[data-wrap~="min:wrap"] {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 375px) {
  .l-flex[data-wrap~="xxs:nowrap"] {
    flex-wrap: nowrap;
  }
  .l-flex[data-wrap~="xxs:wrap"] {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 414px) {
  .l-flex[data-wrap~="xs:nowrap"] {
    flex-wrap: nowrap;
  }
  .l-flex[data-wrap~="xs:wrap"] {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 576px) {
  .l-flex[data-wrap~="sm:nowrap"] {
    flex-wrap: nowrap;
  }
  .l-flex[data-wrap~="sm:wrap"] {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px) {
  .l-flex[data-wrap~="md:nowrap"] {
    flex-wrap: nowrap;
  }
  .l-flex[data-wrap~="md:wrap"] {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1024px) {
  .l-flex[data-wrap~="lg:nowrap"] {
    flex-wrap: nowrap;
  }
  .l-flex[data-wrap~="lg:wrap"] {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1280px) {
  .l-flex[data-wrap~="xl:nowrap"] {
    flex-wrap: nowrap;
  }
  .l-flex[data-wrap~="xl:wrap"] {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1480px) {
  .l-flex[data-wrap~="xxl:nowrap"] {
    flex-wrap: nowrap;
  }
  .l-flex[data-wrap~="xxl:wrap"] {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 0) {
  .l-flex[data-dir~="min:row"] {
    flex-direction: row;
  }
  .l-flex[data-dir~="min:reverse"] {
    flex-direction: row-reverse;
  }
  .l-flex[data-dir~="min:column"] {
    flex-direction: column;
  }
}
@media screen and (min-width: 375px) {
  .l-flex[data-dir~="xxs:row"] {
    flex-direction: row;
  }
  .l-flex[data-dir~="xxs:reverse"] {
    flex-direction: row-reverse;
  }
  .l-flex[data-dir~="xxs:column"] {
    flex-direction: column;
  }
}
@media screen and (min-width: 414px) {
  .l-flex[data-dir~="xs:row"] {
    flex-direction: row;
  }
  .l-flex[data-dir~="xs:reverse"] {
    flex-direction: row-reverse;
  }
  .l-flex[data-dir~="xs:column"] {
    flex-direction: column;
  }
}
@media screen and (min-width: 576px) {
  .l-flex[data-dir~="sm:row"] {
    flex-direction: row;
  }
  .l-flex[data-dir~="sm:reverse"] {
    flex-direction: row-reverse;
  }
  .l-flex[data-dir~="sm:column"] {
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .l-flex[data-dir~="md:row"] {
    flex-direction: row;
  }
  .l-flex[data-dir~="md:reverse"] {
    flex-direction: row-reverse;
  }
  .l-flex[data-dir~="md:column"] {
    flex-direction: column;
  }
}
@media screen and (min-width: 1024px) {
  .l-flex[data-dir~="lg:row"] {
    flex-direction: row;
  }
  .l-flex[data-dir~="lg:reverse"] {
    flex-direction: row-reverse;
  }
  .l-flex[data-dir~="lg:column"] {
    flex-direction: column;
  }
}
@media screen and (min-width: 1280px) {
  .l-flex[data-dir~="xl:row"] {
    flex-direction: row;
  }
  .l-flex[data-dir~="xl:reverse"] {
    flex-direction: row-reverse;
  }
  .l-flex[data-dir~="xl:column"] {
    flex-direction: column;
  }
}
@media screen and (min-width: 1480px) {
  .l-flex[data-dir~="xxl:row"] {
    flex-direction: row;
  }
  .l-flex[data-dir~="xxl:reverse"] {
    flex-direction: row-reverse;
  }
  .l-flex[data-dir~="xxl:column"] {
    flex-direction: column;
  }
}
@media screen and (min-width: 0) {
  .l-flex[data-align~="min:start"] {
    justify-content: flex-start;
  }
  .l-flex[data-align~="min:center"] {
    justify-content: center;
  }
  .l-flex[data-align~="min:end"] {
    justify-content: flex-end;
  }
  .l-flex[data-align~="min:justify"] {
    justify-content: space-between;
  }
  .l-flex[data-align~="min:top"] {
    align-items: flex-start;
  }
  .l-flex[data-align~="min:middle"] {
    align-items: center;
  }
  .l-flex[data-align~="min:bottom"] {
    align-items: flex-end;
  }
}
@media screen and (min-width: 375px) {
  .l-flex[data-align~="xxs:start"] {
    justify-content: flex-start;
  }
  .l-flex[data-align~="xxs:center"] {
    justify-content: center;
  }
  .l-flex[data-align~="xxs:end"] {
    justify-content: flex-end;
  }
  .l-flex[data-align~="xxs:justify"] {
    justify-content: space-between;
  }
  .l-flex[data-align~="xxs:top"] {
    align-items: flex-start;
  }
  .l-flex[data-align~="xxs:middle"] {
    align-items: center;
  }
  .l-flex[data-align~="xxs:bottom"] {
    align-items: flex-end;
  }
}
@media screen and (min-width: 414px) {
  .l-flex[data-align~="xs:start"] {
    justify-content: flex-start;
  }
  .l-flex[data-align~="xs:center"] {
    justify-content: center;
  }
  .l-flex[data-align~="xs:end"] {
    justify-content: flex-end;
  }
  .l-flex[data-align~="xs:justify"] {
    justify-content: space-between;
  }
  .l-flex[data-align~="xs:top"] {
    align-items: flex-start;
  }
  .l-flex[data-align~="xs:middle"] {
    align-items: center;
  }
  .l-flex[data-align~="xs:bottom"] {
    align-items: flex-end;
  }
}
@media screen and (min-width: 576px) {
  .l-flex[data-align~="sm:start"] {
    justify-content: flex-start;
  }
  .l-flex[data-align~="sm:center"] {
    justify-content: center;
  }
  .l-flex[data-align~="sm:end"] {
    justify-content: flex-end;
  }
  .l-flex[data-align~="sm:justify"] {
    justify-content: space-between;
  }
  .l-flex[data-align~="sm:top"] {
    align-items: flex-start;
  }
  .l-flex[data-align~="sm:middle"] {
    align-items: center;
  }
  .l-flex[data-align~="sm:bottom"] {
    align-items: flex-end;
  }
}
@media screen and (min-width: 768px) {
  .l-flex[data-align~="md:start"] {
    justify-content: flex-start;
  }
  .l-flex[data-align~="md:center"] {
    justify-content: center;
  }
  .l-flex[data-align~="md:end"] {
    justify-content: flex-end;
  }
  .l-flex[data-align~="md:justify"] {
    justify-content: space-between;
  }
  .l-flex[data-align~="md:top"] {
    align-items: flex-start;
  }
  .l-flex[data-align~="md:middle"] {
    align-items: center;
  }
  .l-flex[data-align~="md:bottom"] {
    align-items: flex-end;
  }
}
@media screen and (min-width: 1024px) {
  .l-flex[data-align~="lg:start"] {
    justify-content: flex-start;
  }
  .l-flex[data-align~="lg:center"] {
    justify-content: center;
  }
  .l-flex[data-align~="lg:end"] {
    justify-content: flex-end;
  }
  .l-flex[data-align~="lg:justify"] {
    justify-content: space-between;
  }
  .l-flex[data-align~="lg:top"] {
    align-items: flex-start;
  }
  .l-flex[data-align~="lg:middle"] {
    align-items: center;
  }
  .l-flex[data-align~="lg:bottom"] {
    align-items: flex-end;
  }
}
@media screen and (min-width: 1280px) {
  .l-flex[data-align~="xl:start"] {
    justify-content: flex-start;
  }
  .l-flex[data-align~="xl:center"] {
    justify-content: center;
  }
  .l-flex[data-align~="xl:end"] {
    justify-content: flex-end;
  }
  .l-flex[data-align~="xl:justify"] {
    justify-content: space-between;
  }
  .l-flex[data-align~="xl:top"] {
    align-items: flex-start;
  }
  .l-flex[data-align~="xl:middle"] {
    align-items: center;
  }
  .l-flex[data-align~="xl:bottom"] {
    align-items: flex-end;
  }
}
@media screen and (min-width: 1480px) {
  .l-flex[data-align~="xxl:start"] {
    justify-content: flex-start;
  }
  .l-flex[data-align~="xxl:center"] {
    justify-content: center;
  }
  .l-flex[data-align~="xxl:end"] {
    justify-content: flex-end;
  }
  .l-flex[data-align~="xxl:justify"] {
    justify-content: space-between;
  }
  .l-flex[data-align~="xxl:top"] {
    align-items: flex-start;
  }
  .l-flex[data-align~="xxl:middle"] {
    align-items: center;
  }
  .l-flex[data-align~="xxl:bottom"] {
    align-items: flex-end;
  }
}
@media screen and (min-width: 0) {
  .l-flex[data-gap~="min:0"] {
    gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="min:0"] {
    -moz-column-gap: calc(var(--l-space) * 0 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="min:0"] {
    row-gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-flex[data-gap~="min:1"] {
    gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="min:1"] {
    -moz-column-gap: calc(var(--l-space) * 1 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="min:1"] {
    row-gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-flex[data-gap~="min:2"] {
    gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="min:2"] {
    -moz-column-gap: calc(var(--l-space) * 2 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="min:2"] {
    row-gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-flex[data-gap~="min:3"] {
    gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="min:3"] {
    -moz-column-gap: calc(var(--l-space) * 3 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="min:3"] {
    row-gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-flex[data-gap~="min:4"] {
    gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="min:4"] {
    -moz-column-gap: calc(var(--l-space) * 4 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="min:4"] {
    row-gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-flex[data-gap~="min:5"] {
    gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="min:5"] {
    -moz-column-gap: calc(var(--l-space) * 5 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="min:5"] {
    row-gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-flex[data-gap~="min:6"] {
    gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="min:6"] {
    -moz-column-gap: calc(var(--l-space) * 6 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="min:6"] {
    row-gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-flex[data-gap~="min:7"] {
    gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="min:7"] {
    -moz-column-gap: calc(var(--l-space) * 7 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="min:7"] {
    row-gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-flex[data-gap~="min:8"] {
    gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="min:8"] {
    -moz-column-gap: calc(var(--l-space) * 8 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="min:8"] {
    row-gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-flex[data-gap~="min:9"] {
    gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="min:9"] {
    -moz-column-gap: calc(var(--l-space) * 9 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="min:9"] {
    row-gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-flex[data-gap~="min:10"] {
    gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="min:10"] {
    -moz-column-gap: calc(var(--l-space) * 10 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="min:10"] {
    row-gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-flex[data-gap~="min:11"] {
    gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="min:11"] {
    -moz-column-gap: calc(var(--l-space) * 11 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="min:11"] {
    row-gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-flex[data-gap~="min:12"] {
    gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="min:12"] {
    -moz-column-gap: calc(var(--l-space) * 12 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="min:12"] {
    row-gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-flex[data-gap~="min:13"] {
    gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="min:13"] {
    -moz-column-gap: calc(var(--l-space) * 13 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="min:13"] {
    row-gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-flex[data-gap~="min:14"] {
    gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="min:14"] {
    -moz-column-gap: calc(var(--l-space) * 14 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="min:14"] {
    row-gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-flex[data-gap~="min:15"] {
    gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="min:15"] {
    -moz-column-gap: calc(var(--l-space) * 15 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="min:15"] {
    row-gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-flex[data-gap~="min:16"] {
    gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="min:16"] {
    -moz-column-gap: calc(var(--l-space) * 16 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="min:16"] {
    row-gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-flex[data-gap~="min:17"] {
    gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="min:17"] {
    -moz-column-gap: calc(var(--l-space) * 17 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="min:17"] {
    row-gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-flex[data-gap~="min:18"] {
    gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="min:18"] {
    -moz-column-gap: calc(var(--l-space) * 18 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="min:18"] {
    row-gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-flex[data-gap~="min:19"] {
    gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="min:19"] {
    -moz-column-gap: calc(var(--l-space) * 19 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="min:19"] {
    row-gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-flex[data-gap~="min:20"] {
    gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="min:20"] {
    -moz-column-gap: calc(var(--l-space) * 20 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="min:20"] {
    row-gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-flex[data-gap~="min:21"] {
    gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="min:21"] {
    -moz-column-gap: calc(var(--l-space) * 21 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="min:21"] {
    row-gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-flex[data-gap~="min:22"] {
    gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="min:22"] {
    -moz-column-gap: calc(var(--l-space) * 22 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="min:22"] {
    row-gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-flex[data-gap~="min:23"] {
    gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="min:23"] {
    -moz-column-gap: calc(var(--l-space) * 23 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="min:23"] {
    row-gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-flex[data-gap~="min:24"] {
    gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="min:24"] {
    -moz-column-gap: calc(var(--l-space) * 24 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="min:24"] {
    row-gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-flex[data-gap~="min:25"] {
    gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="min:25"] {
    -moz-column-gap: calc(var(--l-space) * 25 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="min:25"] {
    row-gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-flex[data-gap~="min:26"] {
    gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="min:26"] {
    -moz-column-gap: calc(var(--l-space) * 26 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="min:26"] {
    row-gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-flex[data-gap~="min:27"] {
    gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="min:27"] {
    -moz-column-gap: calc(var(--l-space) * 27 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="min:27"] {
    row-gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-flex[data-gap~="min:28"] {
    gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="min:28"] {
    -moz-column-gap: calc(var(--l-space) * 28 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="min:28"] {
    row-gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-flex[data-gap~="min:29"] {
    gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="min:29"] {
    -moz-column-gap: calc(var(--l-space) * 29 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="min:29"] {
    row-gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-flex[data-gap~="min:30"] {
    gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="min:30"] {
    -moz-column-gap: calc(var(--l-space) * 30 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="min:30"] {
    row-gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
}
@media screen and (min-width: 375px) {
  .l-flex[data-gap~="xxs:0"] {
    gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxs:0"] {
    -moz-column-gap: calc(var(--l-space) * 0 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxs:0"] {
    row-gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxs:1"] {
    gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxs:1"] {
    -moz-column-gap: calc(var(--l-space) * 1 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxs:1"] {
    row-gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxs:2"] {
    gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxs:2"] {
    -moz-column-gap: calc(var(--l-space) * 2 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxs:2"] {
    row-gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxs:3"] {
    gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxs:3"] {
    -moz-column-gap: calc(var(--l-space) * 3 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxs:3"] {
    row-gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxs:4"] {
    gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxs:4"] {
    -moz-column-gap: calc(var(--l-space) * 4 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxs:4"] {
    row-gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxs:5"] {
    gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxs:5"] {
    -moz-column-gap: calc(var(--l-space) * 5 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxs:5"] {
    row-gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxs:6"] {
    gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxs:6"] {
    -moz-column-gap: calc(var(--l-space) * 6 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxs:6"] {
    row-gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxs:7"] {
    gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxs:7"] {
    -moz-column-gap: calc(var(--l-space) * 7 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxs:7"] {
    row-gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxs:8"] {
    gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxs:8"] {
    -moz-column-gap: calc(var(--l-space) * 8 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxs:8"] {
    row-gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxs:9"] {
    gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxs:9"] {
    -moz-column-gap: calc(var(--l-space) * 9 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxs:9"] {
    row-gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxs:10"] {
    gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxs:10"] {
    -moz-column-gap: calc(var(--l-space) * 10 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxs:10"] {
    row-gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxs:11"] {
    gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxs:11"] {
    -moz-column-gap: calc(var(--l-space) * 11 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxs:11"] {
    row-gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxs:12"] {
    gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxs:12"] {
    -moz-column-gap: calc(var(--l-space) * 12 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxs:12"] {
    row-gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxs:13"] {
    gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxs:13"] {
    -moz-column-gap: calc(var(--l-space) * 13 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxs:13"] {
    row-gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxs:14"] {
    gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxs:14"] {
    -moz-column-gap: calc(var(--l-space) * 14 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxs:14"] {
    row-gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxs:15"] {
    gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxs:15"] {
    -moz-column-gap: calc(var(--l-space) * 15 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxs:15"] {
    row-gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxs:16"] {
    gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxs:16"] {
    -moz-column-gap: calc(var(--l-space) * 16 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxs:16"] {
    row-gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxs:17"] {
    gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxs:17"] {
    -moz-column-gap: calc(var(--l-space) * 17 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxs:17"] {
    row-gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxs:18"] {
    gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxs:18"] {
    -moz-column-gap: calc(var(--l-space) * 18 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxs:18"] {
    row-gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxs:19"] {
    gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxs:19"] {
    -moz-column-gap: calc(var(--l-space) * 19 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxs:19"] {
    row-gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxs:20"] {
    gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxs:20"] {
    -moz-column-gap: calc(var(--l-space) * 20 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxs:20"] {
    row-gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxs:21"] {
    gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxs:21"] {
    -moz-column-gap: calc(var(--l-space) * 21 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxs:21"] {
    row-gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxs:22"] {
    gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxs:22"] {
    -moz-column-gap: calc(var(--l-space) * 22 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxs:22"] {
    row-gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxs:23"] {
    gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxs:23"] {
    -moz-column-gap: calc(var(--l-space) * 23 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxs:23"] {
    row-gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxs:24"] {
    gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxs:24"] {
    -moz-column-gap: calc(var(--l-space) * 24 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxs:24"] {
    row-gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxs:25"] {
    gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxs:25"] {
    -moz-column-gap: calc(var(--l-space) * 25 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxs:25"] {
    row-gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxs:26"] {
    gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxs:26"] {
    -moz-column-gap: calc(var(--l-space) * 26 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxs:26"] {
    row-gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxs:27"] {
    gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxs:27"] {
    -moz-column-gap: calc(var(--l-space) * 27 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxs:27"] {
    row-gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxs:28"] {
    gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxs:28"] {
    -moz-column-gap: calc(var(--l-space) * 28 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxs:28"] {
    row-gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxs:29"] {
    gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxs:29"] {
    -moz-column-gap: calc(var(--l-space) * 29 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxs:29"] {
    row-gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxs:30"] {
    gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxs:30"] {
    -moz-column-gap: calc(var(--l-space) * 30 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxs:30"] {
    row-gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
}
@media screen and (min-width: 414px) {
  .l-flex[data-gap~="xs:0"] {
    gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xs:0"] {
    -moz-column-gap: calc(var(--l-space) * 0 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xs:0"] {
    row-gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-flex[data-gap~="xs:1"] {
    gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xs:1"] {
    -moz-column-gap: calc(var(--l-space) * 1 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xs:1"] {
    row-gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-flex[data-gap~="xs:2"] {
    gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xs:2"] {
    -moz-column-gap: calc(var(--l-space) * 2 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xs:2"] {
    row-gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-flex[data-gap~="xs:3"] {
    gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xs:3"] {
    -moz-column-gap: calc(var(--l-space) * 3 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xs:3"] {
    row-gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-flex[data-gap~="xs:4"] {
    gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xs:4"] {
    -moz-column-gap: calc(var(--l-space) * 4 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xs:4"] {
    row-gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-flex[data-gap~="xs:5"] {
    gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xs:5"] {
    -moz-column-gap: calc(var(--l-space) * 5 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xs:5"] {
    row-gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-flex[data-gap~="xs:6"] {
    gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xs:6"] {
    -moz-column-gap: calc(var(--l-space) * 6 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xs:6"] {
    row-gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-flex[data-gap~="xs:7"] {
    gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xs:7"] {
    -moz-column-gap: calc(var(--l-space) * 7 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xs:7"] {
    row-gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-flex[data-gap~="xs:8"] {
    gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xs:8"] {
    -moz-column-gap: calc(var(--l-space) * 8 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xs:8"] {
    row-gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-flex[data-gap~="xs:9"] {
    gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xs:9"] {
    -moz-column-gap: calc(var(--l-space) * 9 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xs:9"] {
    row-gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-flex[data-gap~="xs:10"] {
    gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xs:10"] {
    -moz-column-gap: calc(var(--l-space) * 10 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xs:10"] {
    row-gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-flex[data-gap~="xs:11"] {
    gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xs:11"] {
    -moz-column-gap: calc(var(--l-space) * 11 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xs:11"] {
    row-gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-flex[data-gap~="xs:12"] {
    gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xs:12"] {
    -moz-column-gap: calc(var(--l-space) * 12 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xs:12"] {
    row-gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-flex[data-gap~="xs:13"] {
    gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xs:13"] {
    -moz-column-gap: calc(var(--l-space) * 13 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xs:13"] {
    row-gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-flex[data-gap~="xs:14"] {
    gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xs:14"] {
    -moz-column-gap: calc(var(--l-space) * 14 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xs:14"] {
    row-gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-flex[data-gap~="xs:15"] {
    gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xs:15"] {
    -moz-column-gap: calc(var(--l-space) * 15 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xs:15"] {
    row-gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-flex[data-gap~="xs:16"] {
    gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xs:16"] {
    -moz-column-gap: calc(var(--l-space) * 16 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xs:16"] {
    row-gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-flex[data-gap~="xs:17"] {
    gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xs:17"] {
    -moz-column-gap: calc(var(--l-space) * 17 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xs:17"] {
    row-gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-flex[data-gap~="xs:18"] {
    gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xs:18"] {
    -moz-column-gap: calc(var(--l-space) * 18 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xs:18"] {
    row-gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-flex[data-gap~="xs:19"] {
    gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xs:19"] {
    -moz-column-gap: calc(var(--l-space) * 19 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xs:19"] {
    row-gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-flex[data-gap~="xs:20"] {
    gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xs:20"] {
    -moz-column-gap: calc(var(--l-space) * 20 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xs:20"] {
    row-gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-flex[data-gap~="xs:21"] {
    gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xs:21"] {
    -moz-column-gap: calc(var(--l-space) * 21 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xs:21"] {
    row-gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-flex[data-gap~="xs:22"] {
    gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xs:22"] {
    -moz-column-gap: calc(var(--l-space) * 22 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xs:22"] {
    row-gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-flex[data-gap~="xs:23"] {
    gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xs:23"] {
    -moz-column-gap: calc(var(--l-space) * 23 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xs:23"] {
    row-gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-flex[data-gap~="xs:24"] {
    gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xs:24"] {
    -moz-column-gap: calc(var(--l-space) * 24 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xs:24"] {
    row-gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-flex[data-gap~="xs:25"] {
    gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xs:25"] {
    -moz-column-gap: calc(var(--l-space) * 25 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xs:25"] {
    row-gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-flex[data-gap~="xs:26"] {
    gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xs:26"] {
    -moz-column-gap: calc(var(--l-space) * 26 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xs:26"] {
    row-gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-flex[data-gap~="xs:27"] {
    gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xs:27"] {
    -moz-column-gap: calc(var(--l-space) * 27 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xs:27"] {
    row-gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-flex[data-gap~="xs:28"] {
    gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xs:28"] {
    -moz-column-gap: calc(var(--l-space) * 28 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xs:28"] {
    row-gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-flex[data-gap~="xs:29"] {
    gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xs:29"] {
    -moz-column-gap: calc(var(--l-space) * 29 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xs:29"] {
    row-gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-flex[data-gap~="xs:30"] {
    gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xs:30"] {
    -moz-column-gap: calc(var(--l-space) * 30 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xs:30"] {
    row-gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
}
@media screen and (min-width: 576px) {
  .l-flex[data-gap~="sm:0"] {
    gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="sm:0"] {
    -moz-column-gap: calc(var(--l-space) * 0 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="sm:0"] {
    row-gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-flex[data-gap~="sm:1"] {
    gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="sm:1"] {
    -moz-column-gap: calc(var(--l-space) * 1 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="sm:1"] {
    row-gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-flex[data-gap~="sm:2"] {
    gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="sm:2"] {
    -moz-column-gap: calc(var(--l-space) * 2 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="sm:2"] {
    row-gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-flex[data-gap~="sm:3"] {
    gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="sm:3"] {
    -moz-column-gap: calc(var(--l-space) * 3 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="sm:3"] {
    row-gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-flex[data-gap~="sm:4"] {
    gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="sm:4"] {
    -moz-column-gap: calc(var(--l-space) * 4 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="sm:4"] {
    row-gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-flex[data-gap~="sm:5"] {
    gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="sm:5"] {
    -moz-column-gap: calc(var(--l-space) * 5 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="sm:5"] {
    row-gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-flex[data-gap~="sm:6"] {
    gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="sm:6"] {
    -moz-column-gap: calc(var(--l-space) * 6 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="sm:6"] {
    row-gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-flex[data-gap~="sm:7"] {
    gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="sm:7"] {
    -moz-column-gap: calc(var(--l-space) * 7 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="sm:7"] {
    row-gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-flex[data-gap~="sm:8"] {
    gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="sm:8"] {
    -moz-column-gap: calc(var(--l-space) * 8 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="sm:8"] {
    row-gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-flex[data-gap~="sm:9"] {
    gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="sm:9"] {
    -moz-column-gap: calc(var(--l-space) * 9 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="sm:9"] {
    row-gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-flex[data-gap~="sm:10"] {
    gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="sm:10"] {
    -moz-column-gap: calc(var(--l-space) * 10 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="sm:10"] {
    row-gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-flex[data-gap~="sm:11"] {
    gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="sm:11"] {
    -moz-column-gap: calc(var(--l-space) * 11 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="sm:11"] {
    row-gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-flex[data-gap~="sm:12"] {
    gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="sm:12"] {
    -moz-column-gap: calc(var(--l-space) * 12 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="sm:12"] {
    row-gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-flex[data-gap~="sm:13"] {
    gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="sm:13"] {
    -moz-column-gap: calc(var(--l-space) * 13 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="sm:13"] {
    row-gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-flex[data-gap~="sm:14"] {
    gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="sm:14"] {
    -moz-column-gap: calc(var(--l-space) * 14 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="sm:14"] {
    row-gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-flex[data-gap~="sm:15"] {
    gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="sm:15"] {
    -moz-column-gap: calc(var(--l-space) * 15 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="sm:15"] {
    row-gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-flex[data-gap~="sm:16"] {
    gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="sm:16"] {
    -moz-column-gap: calc(var(--l-space) * 16 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="sm:16"] {
    row-gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-flex[data-gap~="sm:17"] {
    gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="sm:17"] {
    -moz-column-gap: calc(var(--l-space) * 17 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="sm:17"] {
    row-gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-flex[data-gap~="sm:18"] {
    gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="sm:18"] {
    -moz-column-gap: calc(var(--l-space) * 18 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="sm:18"] {
    row-gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-flex[data-gap~="sm:19"] {
    gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="sm:19"] {
    -moz-column-gap: calc(var(--l-space) * 19 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="sm:19"] {
    row-gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-flex[data-gap~="sm:20"] {
    gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="sm:20"] {
    -moz-column-gap: calc(var(--l-space) * 20 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="sm:20"] {
    row-gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-flex[data-gap~="sm:21"] {
    gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="sm:21"] {
    -moz-column-gap: calc(var(--l-space) * 21 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="sm:21"] {
    row-gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-flex[data-gap~="sm:22"] {
    gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="sm:22"] {
    -moz-column-gap: calc(var(--l-space) * 22 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="sm:22"] {
    row-gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-flex[data-gap~="sm:23"] {
    gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="sm:23"] {
    -moz-column-gap: calc(var(--l-space) * 23 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="sm:23"] {
    row-gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-flex[data-gap~="sm:24"] {
    gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="sm:24"] {
    -moz-column-gap: calc(var(--l-space) * 24 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="sm:24"] {
    row-gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-flex[data-gap~="sm:25"] {
    gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="sm:25"] {
    -moz-column-gap: calc(var(--l-space) * 25 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="sm:25"] {
    row-gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-flex[data-gap~="sm:26"] {
    gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="sm:26"] {
    -moz-column-gap: calc(var(--l-space) * 26 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="sm:26"] {
    row-gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-flex[data-gap~="sm:27"] {
    gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="sm:27"] {
    -moz-column-gap: calc(var(--l-space) * 27 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="sm:27"] {
    row-gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-flex[data-gap~="sm:28"] {
    gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="sm:28"] {
    -moz-column-gap: calc(var(--l-space) * 28 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="sm:28"] {
    row-gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-flex[data-gap~="sm:29"] {
    gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="sm:29"] {
    -moz-column-gap: calc(var(--l-space) * 29 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="sm:29"] {
    row-gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-flex[data-gap~="sm:30"] {
    gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="sm:30"] {
    -moz-column-gap: calc(var(--l-space) * 30 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="sm:30"] {
    row-gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
}
@media screen and (min-width: 768px) {
  .l-flex[data-gap~="md:0"] {
    gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="md:0"] {
    -moz-column-gap: calc(var(--l-space) * 0 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="md:0"] {
    row-gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-flex[data-gap~="md:1"] {
    gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="md:1"] {
    -moz-column-gap: calc(var(--l-space) * 1 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="md:1"] {
    row-gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-flex[data-gap~="md:2"] {
    gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="md:2"] {
    -moz-column-gap: calc(var(--l-space) * 2 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="md:2"] {
    row-gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-flex[data-gap~="md:3"] {
    gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="md:3"] {
    -moz-column-gap: calc(var(--l-space) * 3 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="md:3"] {
    row-gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-flex[data-gap~="md:4"] {
    gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="md:4"] {
    -moz-column-gap: calc(var(--l-space) * 4 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="md:4"] {
    row-gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-flex[data-gap~="md:5"] {
    gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="md:5"] {
    -moz-column-gap: calc(var(--l-space) * 5 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="md:5"] {
    row-gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-flex[data-gap~="md:6"] {
    gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="md:6"] {
    -moz-column-gap: calc(var(--l-space) * 6 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="md:6"] {
    row-gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-flex[data-gap~="md:7"] {
    gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="md:7"] {
    -moz-column-gap: calc(var(--l-space) * 7 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="md:7"] {
    row-gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-flex[data-gap~="md:8"] {
    gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="md:8"] {
    -moz-column-gap: calc(var(--l-space) * 8 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="md:8"] {
    row-gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-flex[data-gap~="md:9"] {
    gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="md:9"] {
    -moz-column-gap: calc(var(--l-space) * 9 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="md:9"] {
    row-gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-flex[data-gap~="md:10"] {
    gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="md:10"] {
    -moz-column-gap: calc(var(--l-space) * 10 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="md:10"] {
    row-gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-flex[data-gap~="md:11"] {
    gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="md:11"] {
    -moz-column-gap: calc(var(--l-space) * 11 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="md:11"] {
    row-gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-flex[data-gap~="md:12"] {
    gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="md:12"] {
    -moz-column-gap: calc(var(--l-space) * 12 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="md:12"] {
    row-gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-flex[data-gap~="md:13"] {
    gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="md:13"] {
    -moz-column-gap: calc(var(--l-space) * 13 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="md:13"] {
    row-gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-flex[data-gap~="md:14"] {
    gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="md:14"] {
    -moz-column-gap: calc(var(--l-space) * 14 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="md:14"] {
    row-gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-flex[data-gap~="md:15"] {
    gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="md:15"] {
    -moz-column-gap: calc(var(--l-space) * 15 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="md:15"] {
    row-gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-flex[data-gap~="md:16"] {
    gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="md:16"] {
    -moz-column-gap: calc(var(--l-space) * 16 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="md:16"] {
    row-gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-flex[data-gap~="md:17"] {
    gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="md:17"] {
    -moz-column-gap: calc(var(--l-space) * 17 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="md:17"] {
    row-gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-flex[data-gap~="md:18"] {
    gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="md:18"] {
    -moz-column-gap: calc(var(--l-space) * 18 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="md:18"] {
    row-gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-flex[data-gap~="md:19"] {
    gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="md:19"] {
    -moz-column-gap: calc(var(--l-space) * 19 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="md:19"] {
    row-gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-flex[data-gap~="md:20"] {
    gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="md:20"] {
    -moz-column-gap: calc(var(--l-space) * 20 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="md:20"] {
    row-gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-flex[data-gap~="md:21"] {
    gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="md:21"] {
    -moz-column-gap: calc(var(--l-space) * 21 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="md:21"] {
    row-gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-flex[data-gap~="md:22"] {
    gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="md:22"] {
    -moz-column-gap: calc(var(--l-space) * 22 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="md:22"] {
    row-gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-flex[data-gap~="md:23"] {
    gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="md:23"] {
    -moz-column-gap: calc(var(--l-space) * 23 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="md:23"] {
    row-gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-flex[data-gap~="md:24"] {
    gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="md:24"] {
    -moz-column-gap: calc(var(--l-space) * 24 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="md:24"] {
    row-gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-flex[data-gap~="md:25"] {
    gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="md:25"] {
    -moz-column-gap: calc(var(--l-space) * 25 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="md:25"] {
    row-gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-flex[data-gap~="md:26"] {
    gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="md:26"] {
    -moz-column-gap: calc(var(--l-space) * 26 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="md:26"] {
    row-gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-flex[data-gap~="md:27"] {
    gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="md:27"] {
    -moz-column-gap: calc(var(--l-space) * 27 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="md:27"] {
    row-gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-flex[data-gap~="md:28"] {
    gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="md:28"] {
    -moz-column-gap: calc(var(--l-space) * 28 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="md:28"] {
    row-gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-flex[data-gap~="md:29"] {
    gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="md:29"] {
    -moz-column-gap: calc(var(--l-space) * 29 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="md:29"] {
    row-gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-flex[data-gap~="md:30"] {
    gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="md:30"] {
    -moz-column-gap: calc(var(--l-space) * 30 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="md:30"] {
    row-gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
}
@media screen and (min-width: 1024px) {
  .l-flex[data-gap~="lg:0"] {
    gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="lg:0"] {
    -moz-column-gap: calc(var(--l-space) * 0 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="lg:0"] {
    row-gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-flex[data-gap~="lg:1"] {
    gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="lg:1"] {
    -moz-column-gap: calc(var(--l-space) * 1 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="lg:1"] {
    row-gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-flex[data-gap~="lg:2"] {
    gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="lg:2"] {
    -moz-column-gap: calc(var(--l-space) * 2 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="lg:2"] {
    row-gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-flex[data-gap~="lg:3"] {
    gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="lg:3"] {
    -moz-column-gap: calc(var(--l-space) * 3 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="lg:3"] {
    row-gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-flex[data-gap~="lg:4"] {
    gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="lg:4"] {
    -moz-column-gap: calc(var(--l-space) * 4 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="lg:4"] {
    row-gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-flex[data-gap~="lg:5"] {
    gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="lg:5"] {
    -moz-column-gap: calc(var(--l-space) * 5 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="lg:5"] {
    row-gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-flex[data-gap~="lg:6"] {
    gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="lg:6"] {
    -moz-column-gap: calc(var(--l-space) * 6 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="lg:6"] {
    row-gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-flex[data-gap~="lg:7"] {
    gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="lg:7"] {
    -moz-column-gap: calc(var(--l-space) * 7 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="lg:7"] {
    row-gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-flex[data-gap~="lg:8"] {
    gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="lg:8"] {
    -moz-column-gap: calc(var(--l-space) * 8 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="lg:8"] {
    row-gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-flex[data-gap~="lg:9"] {
    gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="lg:9"] {
    -moz-column-gap: calc(var(--l-space) * 9 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="lg:9"] {
    row-gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-flex[data-gap~="lg:10"] {
    gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="lg:10"] {
    -moz-column-gap: calc(var(--l-space) * 10 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="lg:10"] {
    row-gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-flex[data-gap~="lg:11"] {
    gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="lg:11"] {
    -moz-column-gap: calc(var(--l-space) * 11 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="lg:11"] {
    row-gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-flex[data-gap~="lg:12"] {
    gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="lg:12"] {
    -moz-column-gap: calc(var(--l-space) * 12 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="lg:12"] {
    row-gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-flex[data-gap~="lg:13"] {
    gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="lg:13"] {
    -moz-column-gap: calc(var(--l-space) * 13 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="lg:13"] {
    row-gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-flex[data-gap~="lg:14"] {
    gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="lg:14"] {
    -moz-column-gap: calc(var(--l-space) * 14 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="lg:14"] {
    row-gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-flex[data-gap~="lg:15"] {
    gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="lg:15"] {
    -moz-column-gap: calc(var(--l-space) * 15 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="lg:15"] {
    row-gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-flex[data-gap~="lg:16"] {
    gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="lg:16"] {
    -moz-column-gap: calc(var(--l-space) * 16 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="lg:16"] {
    row-gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-flex[data-gap~="lg:17"] {
    gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="lg:17"] {
    -moz-column-gap: calc(var(--l-space) * 17 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="lg:17"] {
    row-gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-flex[data-gap~="lg:18"] {
    gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="lg:18"] {
    -moz-column-gap: calc(var(--l-space) * 18 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="lg:18"] {
    row-gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-flex[data-gap~="lg:19"] {
    gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="lg:19"] {
    -moz-column-gap: calc(var(--l-space) * 19 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="lg:19"] {
    row-gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-flex[data-gap~="lg:20"] {
    gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="lg:20"] {
    -moz-column-gap: calc(var(--l-space) * 20 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="lg:20"] {
    row-gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-flex[data-gap~="lg:21"] {
    gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="lg:21"] {
    -moz-column-gap: calc(var(--l-space) * 21 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="lg:21"] {
    row-gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-flex[data-gap~="lg:22"] {
    gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="lg:22"] {
    -moz-column-gap: calc(var(--l-space) * 22 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="lg:22"] {
    row-gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-flex[data-gap~="lg:23"] {
    gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="lg:23"] {
    -moz-column-gap: calc(var(--l-space) * 23 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="lg:23"] {
    row-gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-flex[data-gap~="lg:24"] {
    gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="lg:24"] {
    -moz-column-gap: calc(var(--l-space) * 24 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="lg:24"] {
    row-gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-flex[data-gap~="lg:25"] {
    gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="lg:25"] {
    -moz-column-gap: calc(var(--l-space) * 25 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="lg:25"] {
    row-gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-flex[data-gap~="lg:26"] {
    gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="lg:26"] {
    -moz-column-gap: calc(var(--l-space) * 26 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="lg:26"] {
    row-gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-flex[data-gap~="lg:27"] {
    gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="lg:27"] {
    -moz-column-gap: calc(var(--l-space) * 27 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="lg:27"] {
    row-gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-flex[data-gap~="lg:28"] {
    gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="lg:28"] {
    -moz-column-gap: calc(var(--l-space) * 28 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="lg:28"] {
    row-gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-flex[data-gap~="lg:29"] {
    gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="lg:29"] {
    -moz-column-gap: calc(var(--l-space) * 29 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="lg:29"] {
    row-gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-flex[data-gap~="lg:30"] {
    gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="lg:30"] {
    -moz-column-gap: calc(var(--l-space) * 30 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="lg:30"] {
    row-gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
}
@media screen and (min-width: 1280px) {
  .l-flex[data-gap~="xl:0"] {
    gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xl:0"] {
    -moz-column-gap: calc(var(--l-space) * 0 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xl:0"] {
    row-gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-flex[data-gap~="xl:1"] {
    gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xl:1"] {
    -moz-column-gap: calc(var(--l-space) * 1 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xl:1"] {
    row-gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-flex[data-gap~="xl:2"] {
    gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xl:2"] {
    -moz-column-gap: calc(var(--l-space) * 2 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xl:2"] {
    row-gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-flex[data-gap~="xl:3"] {
    gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xl:3"] {
    -moz-column-gap: calc(var(--l-space) * 3 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xl:3"] {
    row-gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-flex[data-gap~="xl:4"] {
    gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xl:4"] {
    -moz-column-gap: calc(var(--l-space) * 4 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xl:4"] {
    row-gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-flex[data-gap~="xl:5"] {
    gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xl:5"] {
    -moz-column-gap: calc(var(--l-space) * 5 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xl:5"] {
    row-gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-flex[data-gap~="xl:6"] {
    gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xl:6"] {
    -moz-column-gap: calc(var(--l-space) * 6 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xl:6"] {
    row-gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-flex[data-gap~="xl:7"] {
    gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xl:7"] {
    -moz-column-gap: calc(var(--l-space) * 7 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xl:7"] {
    row-gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-flex[data-gap~="xl:8"] {
    gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xl:8"] {
    -moz-column-gap: calc(var(--l-space) * 8 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xl:8"] {
    row-gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-flex[data-gap~="xl:9"] {
    gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xl:9"] {
    -moz-column-gap: calc(var(--l-space) * 9 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xl:9"] {
    row-gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-flex[data-gap~="xl:10"] {
    gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xl:10"] {
    -moz-column-gap: calc(var(--l-space) * 10 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xl:10"] {
    row-gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-flex[data-gap~="xl:11"] {
    gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xl:11"] {
    -moz-column-gap: calc(var(--l-space) * 11 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xl:11"] {
    row-gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-flex[data-gap~="xl:12"] {
    gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xl:12"] {
    -moz-column-gap: calc(var(--l-space) * 12 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xl:12"] {
    row-gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-flex[data-gap~="xl:13"] {
    gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xl:13"] {
    -moz-column-gap: calc(var(--l-space) * 13 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xl:13"] {
    row-gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-flex[data-gap~="xl:14"] {
    gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xl:14"] {
    -moz-column-gap: calc(var(--l-space) * 14 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xl:14"] {
    row-gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-flex[data-gap~="xl:15"] {
    gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xl:15"] {
    -moz-column-gap: calc(var(--l-space) * 15 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xl:15"] {
    row-gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-flex[data-gap~="xl:16"] {
    gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xl:16"] {
    -moz-column-gap: calc(var(--l-space) * 16 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xl:16"] {
    row-gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-flex[data-gap~="xl:17"] {
    gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xl:17"] {
    -moz-column-gap: calc(var(--l-space) * 17 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xl:17"] {
    row-gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-flex[data-gap~="xl:18"] {
    gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xl:18"] {
    -moz-column-gap: calc(var(--l-space) * 18 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xl:18"] {
    row-gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-flex[data-gap~="xl:19"] {
    gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xl:19"] {
    -moz-column-gap: calc(var(--l-space) * 19 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xl:19"] {
    row-gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-flex[data-gap~="xl:20"] {
    gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xl:20"] {
    -moz-column-gap: calc(var(--l-space) * 20 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xl:20"] {
    row-gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-flex[data-gap~="xl:21"] {
    gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xl:21"] {
    -moz-column-gap: calc(var(--l-space) * 21 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xl:21"] {
    row-gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-flex[data-gap~="xl:22"] {
    gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xl:22"] {
    -moz-column-gap: calc(var(--l-space) * 22 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xl:22"] {
    row-gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-flex[data-gap~="xl:23"] {
    gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xl:23"] {
    -moz-column-gap: calc(var(--l-space) * 23 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xl:23"] {
    row-gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-flex[data-gap~="xl:24"] {
    gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xl:24"] {
    -moz-column-gap: calc(var(--l-space) * 24 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xl:24"] {
    row-gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-flex[data-gap~="xl:25"] {
    gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xl:25"] {
    -moz-column-gap: calc(var(--l-space) * 25 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xl:25"] {
    row-gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-flex[data-gap~="xl:26"] {
    gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xl:26"] {
    -moz-column-gap: calc(var(--l-space) * 26 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xl:26"] {
    row-gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-flex[data-gap~="xl:27"] {
    gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xl:27"] {
    -moz-column-gap: calc(var(--l-space) * 27 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xl:27"] {
    row-gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-flex[data-gap~="xl:28"] {
    gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xl:28"] {
    -moz-column-gap: calc(var(--l-space) * 28 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xl:28"] {
    row-gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-flex[data-gap~="xl:29"] {
    gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xl:29"] {
    -moz-column-gap: calc(var(--l-space) * 29 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xl:29"] {
    row-gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-flex[data-gap~="xl:30"] {
    gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xl:30"] {
    -moz-column-gap: calc(var(--l-space) * 30 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xl:30"] {
    row-gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
}
@media screen and (min-width: 1480px) {
  .l-flex[data-gap~="xxl:0"] {
    gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxl:0"] {
    -moz-column-gap: calc(var(--l-space) * 0 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxl:0"] {
    row-gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxl:1"] {
    gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxl:1"] {
    -moz-column-gap: calc(var(--l-space) * 1 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxl:1"] {
    row-gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxl:2"] {
    gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxl:2"] {
    -moz-column-gap: calc(var(--l-space) * 2 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxl:2"] {
    row-gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxl:3"] {
    gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxl:3"] {
    -moz-column-gap: calc(var(--l-space) * 3 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxl:3"] {
    row-gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxl:4"] {
    gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxl:4"] {
    -moz-column-gap: calc(var(--l-space) * 4 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxl:4"] {
    row-gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxl:5"] {
    gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxl:5"] {
    -moz-column-gap: calc(var(--l-space) * 5 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxl:5"] {
    row-gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxl:6"] {
    gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxl:6"] {
    -moz-column-gap: calc(var(--l-space) * 6 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxl:6"] {
    row-gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxl:7"] {
    gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxl:7"] {
    -moz-column-gap: calc(var(--l-space) * 7 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxl:7"] {
    row-gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxl:8"] {
    gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxl:8"] {
    -moz-column-gap: calc(var(--l-space) * 8 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxl:8"] {
    row-gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxl:9"] {
    gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxl:9"] {
    -moz-column-gap: calc(var(--l-space) * 9 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxl:9"] {
    row-gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxl:10"] {
    gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxl:10"] {
    -moz-column-gap: calc(var(--l-space) * 10 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxl:10"] {
    row-gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxl:11"] {
    gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxl:11"] {
    -moz-column-gap: calc(var(--l-space) * 11 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxl:11"] {
    row-gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxl:12"] {
    gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxl:12"] {
    -moz-column-gap: calc(var(--l-space) * 12 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxl:12"] {
    row-gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxl:13"] {
    gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxl:13"] {
    -moz-column-gap: calc(var(--l-space) * 13 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxl:13"] {
    row-gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxl:14"] {
    gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxl:14"] {
    -moz-column-gap: calc(var(--l-space) * 14 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxl:14"] {
    row-gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxl:15"] {
    gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxl:15"] {
    -moz-column-gap: calc(var(--l-space) * 15 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxl:15"] {
    row-gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxl:16"] {
    gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxl:16"] {
    -moz-column-gap: calc(var(--l-space) * 16 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxl:16"] {
    row-gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxl:17"] {
    gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxl:17"] {
    -moz-column-gap: calc(var(--l-space) * 17 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxl:17"] {
    row-gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxl:18"] {
    gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxl:18"] {
    -moz-column-gap: calc(var(--l-space) * 18 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxl:18"] {
    row-gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxl:19"] {
    gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxl:19"] {
    -moz-column-gap: calc(var(--l-space) * 19 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxl:19"] {
    row-gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxl:20"] {
    gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxl:20"] {
    -moz-column-gap: calc(var(--l-space) * 20 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxl:20"] {
    row-gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxl:21"] {
    gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxl:21"] {
    -moz-column-gap: calc(var(--l-space) * 21 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxl:21"] {
    row-gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxl:22"] {
    gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxl:22"] {
    -moz-column-gap: calc(var(--l-space) * 22 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxl:22"] {
    row-gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxl:23"] {
    gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxl:23"] {
    -moz-column-gap: calc(var(--l-space) * 23 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxl:23"] {
    row-gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxl:24"] {
    gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxl:24"] {
    -moz-column-gap: calc(var(--l-space) * 24 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxl:24"] {
    row-gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxl:25"] {
    gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxl:25"] {
    -moz-column-gap: calc(var(--l-space) * 25 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxl:25"] {
    row-gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxl:26"] {
    gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxl:26"] {
    -moz-column-gap: calc(var(--l-space) * 26 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxl:26"] {
    row-gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxl:27"] {
    gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxl:27"] {
    -moz-column-gap: calc(var(--l-space) * 27 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxl:27"] {
    row-gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxl:28"] {
    gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxl:28"] {
    -moz-column-gap: calc(var(--l-space) * 28 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxl:28"] {
    row-gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxl:29"] {
    gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxl:29"] {
    -moz-column-gap: calc(var(--l-space) * 29 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxl:29"] {
    row-gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-flex[data-gap~="xxl:30"] {
    gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-flex[data-gap-x~="xxl:30"] {
    -moz-column-gap: calc(var(--l-space) * 30 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-flex[data-gap-y~="xxl:30"] {
    row-gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
}
.l-flex__item {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 0) {
  .l-flex__item[data-col~="min:1"] {
    width: 8.3333333333%;
  }
  .l-flex__item[data-col~="min:2"] {
    width: 16.6666666667%;
  }
  .l-flex__item[data-col~="min:3"] {
    width: 25%;
  }
  .l-flex__item[data-col~="min:4"] {
    width: 33.3333333333%;
  }
  .l-flex__item[data-col~="min:5"] {
    width: 41.6666666667%;
  }
  .l-flex__item[data-col~="min:6"] {
    width: 50%;
  }
  .l-flex__item[data-col~="min:7"] {
    width: 58.3333333333%;
  }
  .l-flex__item[data-col~="min:8"] {
    width: 66.6666666667%;
  }
  .l-flex__item[data-col~="min:9"] {
    width: 75%;
  }
  .l-flex__item[data-col~="min:10"] {
    width: 83.3333333333%;
  }
  .l-flex__item[data-col~="min:11"] {
    width: 91.6666666667%;
  }
  .l-flex__item[data-col~="min:12"] {
    width: 100%;
  }
  .l-flex__item[data-align~="min:start"] {
    align-items: flex-start;
  }
  .l-flex__item[data-align~="min:center"] {
    align-items: center;
  }
  .l-flex__item[data-align~="min:end"] {
    align-items: flex-end;
  }
  .l-flex__item[data-align~="min:top"] {
    justify-content: flex-start;
  }
  .l-flex__item[data-align~="min:middle"] {
    justify-content: center;
  }
  .l-flex__item[data-align~="min:bottom"] {
    justify-content: flex-end;
  }
  .l-flex__item[data-order~="min:0"] {
    order: 0;
  }
  .l-flex__item[data-order~="min:-1"] {
    order: -1;
  }
  .l-flex__item[data-order~="min:1"] {
    order: 1;
  }
  .l-flex__item[data-order~="min:-2"] {
    order: -2;
  }
  .l-flex__item[data-order~="min:2"] {
    order: 2;
  }
  .l-flex__item[data-order~="min:-3"] {
    order: -3;
  }
  .l-flex__item[data-order~="min:3"] {
    order: 3;
  }
  .l-flex__item[data-grow~="min:0"] {
    flex-grow: 0;
  }
  .l-flex__item[data-shrink~="min:0"] {
    flex-shrink: 0;
  }
  .l-flex__item[data-grow~="min:1"] {
    flex-grow: 1;
  }
  .l-flex__item[data-shrink~="min:1"] {
    flex-shrink: 1;
  }
  .l-flex__item[data-grow~="min:2"] {
    flex-grow: 2;
  }
  .l-flex__item[data-shrink~="min:2"] {
    flex-shrink: 2;
  }
  .l-flex__item[data-grow~="min:3"] {
    flex-grow: 3;
  }
  .l-flex__item[data-shrink~="min:3"] {
    flex-shrink: 3;
  }
  .l-flex__item[data-over~="min:left"] {
    margin-left: calc(50% - 50vw + var(--l-scrollbar-width) * 1px);
    flex-grow: 1;
  }
  .l-flex__item[data-over~="min:right"] {
    margin-right: calc(50% - 50vw + var(--l-scrollbar-width) * 1px);
    flex-grow: 1;
  }
  .l-flex__item[data-over~="min:clearLeft"] {
    margin-left: 0;
  }
  .l-flex__item[data-over~="min:clearRight"] {
    margin-right: 0;
  }
  .l-flex__item[data-over~="min:clearLeft"][data-over~="min:clearRight"] {
    flex-grow: 0;
  }
}
@media screen and (min-width: 375px) {
  .l-flex__item[data-col~="xxs:1"] {
    width: 8.3333333333%;
  }
  .l-flex__item[data-col~="xxs:2"] {
    width: 16.6666666667%;
  }
  .l-flex__item[data-col~="xxs:3"] {
    width: 25%;
  }
  .l-flex__item[data-col~="xxs:4"] {
    width: 33.3333333333%;
  }
  .l-flex__item[data-col~="xxs:5"] {
    width: 41.6666666667%;
  }
  .l-flex__item[data-col~="xxs:6"] {
    width: 50%;
  }
  .l-flex__item[data-col~="xxs:7"] {
    width: 58.3333333333%;
  }
  .l-flex__item[data-col~="xxs:8"] {
    width: 66.6666666667%;
  }
  .l-flex__item[data-col~="xxs:9"] {
    width: 75%;
  }
  .l-flex__item[data-col~="xxs:10"] {
    width: 83.3333333333%;
  }
  .l-flex__item[data-col~="xxs:11"] {
    width: 91.6666666667%;
  }
  .l-flex__item[data-col~="xxs:12"] {
    width: 100%;
  }
  .l-flex__item[data-align~="xxs:start"] {
    align-items: flex-start;
  }
  .l-flex__item[data-align~="xxs:center"] {
    align-items: center;
  }
  .l-flex__item[data-align~="xxs:end"] {
    align-items: flex-end;
  }
  .l-flex__item[data-align~="xxs:top"] {
    justify-content: flex-start;
  }
  .l-flex__item[data-align~="xxs:middle"] {
    justify-content: center;
  }
  .l-flex__item[data-align~="xxs:bottom"] {
    justify-content: flex-end;
  }
  .l-flex__item[data-order~="xxs:0"] {
    order: 0;
  }
  .l-flex__item[data-order~="xxs:-1"] {
    order: -1;
  }
  .l-flex__item[data-order~="xxs:1"] {
    order: 1;
  }
  .l-flex__item[data-order~="xxs:-2"] {
    order: -2;
  }
  .l-flex__item[data-order~="xxs:2"] {
    order: 2;
  }
  .l-flex__item[data-order~="xxs:-3"] {
    order: -3;
  }
  .l-flex__item[data-order~="xxs:3"] {
    order: 3;
  }
  .l-flex__item[data-grow~="xxs:0"] {
    flex-grow: 0;
  }
  .l-flex__item[data-shrink~="xxs:0"] {
    flex-shrink: 0;
  }
  .l-flex__item[data-grow~="xxs:1"] {
    flex-grow: 1;
  }
  .l-flex__item[data-shrink~="xxs:1"] {
    flex-shrink: 1;
  }
  .l-flex__item[data-grow~="xxs:2"] {
    flex-grow: 2;
  }
  .l-flex__item[data-shrink~="xxs:2"] {
    flex-shrink: 2;
  }
  .l-flex__item[data-grow~="xxs:3"] {
    flex-grow: 3;
  }
  .l-flex__item[data-shrink~="xxs:3"] {
    flex-shrink: 3;
  }
  .l-flex__item[data-over~="xxs:left"] {
    margin-left: calc(50% - 50vw + var(--l-scrollbar-width) * 1px);
    flex-grow: 1;
  }
  .l-flex__item[data-over~="xxs:right"] {
    margin-right: calc(50% - 50vw + var(--l-scrollbar-width) * 1px);
    flex-grow: 1;
  }
  .l-flex__item[data-over~="xxs:clearLeft"] {
    margin-left: 0;
  }
  .l-flex__item[data-over~="xxs:clearRight"] {
    margin-right: 0;
  }
  .l-flex__item[data-over~="xxs:clearLeft"][data-over~="xxs:clearRight"] {
    flex-grow: 0;
  }
}
@media screen and (min-width: 414px) {
  .l-flex__item[data-col~="xs:1"] {
    width: 8.3333333333%;
  }
  .l-flex__item[data-col~="xs:2"] {
    width: 16.6666666667%;
  }
  .l-flex__item[data-col~="xs:3"] {
    width: 25%;
  }
  .l-flex__item[data-col~="xs:4"] {
    width: 33.3333333333%;
  }
  .l-flex__item[data-col~="xs:5"] {
    width: 41.6666666667%;
  }
  .l-flex__item[data-col~="xs:6"] {
    width: 50%;
  }
  .l-flex__item[data-col~="xs:7"] {
    width: 58.3333333333%;
  }
  .l-flex__item[data-col~="xs:8"] {
    width: 66.6666666667%;
  }
  .l-flex__item[data-col~="xs:9"] {
    width: 75%;
  }
  .l-flex__item[data-col~="xs:10"] {
    width: 83.3333333333%;
  }
  .l-flex__item[data-col~="xs:11"] {
    width: 91.6666666667%;
  }
  .l-flex__item[data-col~="xs:12"] {
    width: 100%;
  }
  .l-flex__item[data-align~="xs:start"] {
    align-items: flex-start;
  }
  .l-flex__item[data-align~="xs:center"] {
    align-items: center;
  }
  .l-flex__item[data-align~="xs:end"] {
    align-items: flex-end;
  }
  .l-flex__item[data-align~="xs:top"] {
    justify-content: flex-start;
  }
  .l-flex__item[data-align~="xs:middle"] {
    justify-content: center;
  }
  .l-flex__item[data-align~="xs:bottom"] {
    justify-content: flex-end;
  }
  .l-flex__item[data-order~="xs:0"] {
    order: 0;
  }
  .l-flex__item[data-order~="xs:-1"] {
    order: -1;
  }
  .l-flex__item[data-order~="xs:1"] {
    order: 1;
  }
  .l-flex__item[data-order~="xs:-2"] {
    order: -2;
  }
  .l-flex__item[data-order~="xs:2"] {
    order: 2;
  }
  .l-flex__item[data-order~="xs:-3"] {
    order: -3;
  }
  .l-flex__item[data-order~="xs:3"] {
    order: 3;
  }
  .l-flex__item[data-grow~="xs:0"] {
    flex-grow: 0;
  }
  .l-flex__item[data-shrink~="xs:0"] {
    flex-shrink: 0;
  }
  .l-flex__item[data-grow~="xs:1"] {
    flex-grow: 1;
  }
  .l-flex__item[data-shrink~="xs:1"] {
    flex-shrink: 1;
  }
  .l-flex__item[data-grow~="xs:2"] {
    flex-grow: 2;
  }
  .l-flex__item[data-shrink~="xs:2"] {
    flex-shrink: 2;
  }
  .l-flex__item[data-grow~="xs:3"] {
    flex-grow: 3;
  }
  .l-flex__item[data-shrink~="xs:3"] {
    flex-shrink: 3;
  }
  .l-flex__item[data-over~="xs:left"] {
    margin-left: calc(50% - 50vw + var(--l-scrollbar-width) * 1px);
    flex-grow: 1;
  }
  .l-flex__item[data-over~="xs:right"] {
    margin-right: calc(50% - 50vw + var(--l-scrollbar-width) * 1px);
    flex-grow: 1;
  }
  .l-flex__item[data-over~="xs:clearLeft"] {
    margin-left: 0;
  }
  .l-flex__item[data-over~="xs:clearRight"] {
    margin-right: 0;
  }
  .l-flex__item[data-over~="xs:clearLeft"][data-over~="xs:clearRight"] {
    flex-grow: 0;
  }
}
@media screen and (min-width: 576px) {
  .l-flex__item[data-col~="sm:1"] {
    width: 8.3333333333%;
  }
  .l-flex__item[data-col~="sm:2"] {
    width: 16.6666666667%;
  }
  .l-flex__item[data-col~="sm:3"] {
    width: 25%;
  }
  .l-flex__item[data-col~="sm:4"] {
    width: 33.3333333333%;
  }
  .l-flex__item[data-col~="sm:5"] {
    width: 41.6666666667%;
  }
  .l-flex__item[data-col~="sm:6"] {
    width: 50%;
  }
  .l-flex__item[data-col~="sm:7"] {
    width: 58.3333333333%;
  }
  .l-flex__item[data-col~="sm:8"] {
    width: 66.6666666667%;
  }
  .l-flex__item[data-col~="sm:9"] {
    width: 75%;
  }
  .l-flex__item[data-col~="sm:10"] {
    width: 83.3333333333%;
  }
  .l-flex__item[data-col~="sm:11"] {
    width: 91.6666666667%;
  }
  .l-flex__item[data-col~="sm:12"] {
    width: 100%;
  }
  .l-flex__item[data-align~="sm:start"] {
    align-items: flex-start;
  }
  .l-flex__item[data-align~="sm:center"] {
    align-items: center;
  }
  .l-flex__item[data-align~="sm:end"] {
    align-items: flex-end;
  }
  .l-flex__item[data-align~="sm:top"] {
    justify-content: flex-start;
  }
  .l-flex__item[data-align~="sm:middle"] {
    justify-content: center;
  }
  .l-flex__item[data-align~="sm:bottom"] {
    justify-content: flex-end;
  }
  .l-flex__item[data-order~="sm:0"] {
    order: 0;
  }
  .l-flex__item[data-order~="sm:-1"] {
    order: -1;
  }
  .l-flex__item[data-order~="sm:1"] {
    order: 1;
  }
  .l-flex__item[data-order~="sm:-2"] {
    order: -2;
  }
  .l-flex__item[data-order~="sm:2"] {
    order: 2;
  }
  .l-flex__item[data-order~="sm:-3"] {
    order: -3;
  }
  .l-flex__item[data-order~="sm:3"] {
    order: 3;
  }
  .l-flex__item[data-grow~="sm:0"] {
    flex-grow: 0;
  }
  .l-flex__item[data-shrink~="sm:0"] {
    flex-shrink: 0;
  }
  .l-flex__item[data-grow~="sm:1"] {
    flex-grow: 1;
  }
  .l-flex__item[data-shrink~="sm:1"] {
    flex-shrink: 1;
  }
  .l-flex__item[data-grow~="sm:2"] {
    flex-grow: 2;
  }
  .l-flex__item[data-shrink~="sm:2"] {
    flex-shrink: 2;
  }
  .l-flex__item[data-grow~="sm:3"] {
    flex-grow: 3;
  }
  .l-flex__item[data-shrink~="sm:3"] {
    flex-shrink: 3;
  }
  .l-flex__item[data-over~="sm:left"] {
    margin-left: calc(50% - 50vw + var(--l-scrollbar-width) * 1px);
    flex-grow: 1;
  }
  .l-flex__item[data-over~="sm:right"] {
    margin-right: calc(50% - 50vw + var(--l-scrollbar-width) * 1px);
    flex-grow: 1;
  }
  .l-flex__item[data-over~="sm:clearLeft"] {
    margin-left: 0;
  }
  .l-flex__item[data-over~="sm:clearRight"] {
    margin-right: 0;
  }
  .l-flex__item[data-over~="sm:clearLeft"][data-over~="sm:clearRight"] {
    flex-grow: 0;
  }
}
@media screen and (min-width: 768px) {
  .l-flex__item[data-col~="md:1"] {
    width: 8.3333333333%;
  }
  .l-flex__item[data-col~="md:2"] {
    width: 16.6666666667%;
  }
  .l-flex__item[data-col~="md:3"] {
    width: 25%;
  }
  .l-flex__item[data-col~="md:4"] {
    width: 33.3333333333%;
  }
  .l-flex__item[data-col~="md:5"] {
    width: 41.6666666667%;
  }
  .l-flex__item[data-col~="md:6"] {
    width: 50%;
  }
  .l-flex__item[data-col~="md:7"] {
    width: 58.3333333333%;
  }
  .l-flex__item[data-col~="md:8"] {
    width: 66.6666666667%;
  }
  .l-flex__item[data-col~="md:9"] {
    width: 75%;
  }
  .l-flex__item[data-col~="md:10"] {
    width: 83.3333333333%;
  }
  .l-flex__item[data-col~="md:11"] {
    width: 91.6666666667%;
  }
  .l-flex__item[data-col~="md:12"] {
    width: 100%;
  }
  .l-flex__item[data-align~="md:start"] {
    align-items: flex-start;
  }
  .l-flex__item[data-align~="md:center"] {
    align-items: center;
  }
  .l-flex__item[data-align~="md:end"] {
    align-items: flex-end;
  }
  .l-flex__item[data-align~="md:top"] {
    justify-content: flex-start;
  }
  .l-flex__item[data-align~="md:middle"] {
    justify-content: center;
  }
  .l-flex__item[data-align~="md:bottom"] {
    justify-content: flex-end;
  }
  .l-flex__item[data-order~="md:0"] {
    order: 0;
  }
  .l-flex__item[data-order~="md:-1"] {
    order: -1;
  }
  .l-flex__item[data-order~="md:1"] {
    order: 1;
  }
  .l-flex__item[data-order~="md:-2"] {
    order: -2;
  }
  .l-flex__item[data-order~="md:2"] {
    order: 2;
  }
  .l-flex__item[data-order~="md:-3"] {
    order: -3;
  }
  .l-flex__item[data-order~="md:3"] {
    order: 3;
  }
  .l-flex__item[data-grow~="md:0"] {
    flex-grow: 0;
  }
  .l-flex__item[data-shrink~="md:0"] {
    flex-shrink: 0;
  }
  .l-flex__item[data-grow~="md:1"] {
    flex-grow: 1;
  }
  .l-flex__item[data-shrink~="md:1"] {
    flex-shrink: 1;
  }
  .l-flex__item[data-grow~="md:2"] {
    flex-grow: 2;
  }
  .l-flex__item[data-shrink~="md:2"] {
    flex-shrink: 2;
  }
  .l-flex__item[data-grow~="md:3"] {
    flex-grow: 3;
  }
  .l-flex__item[data-shrink~="md:3"] {
    flex-shrink: 3;
  }
  .l-flex__item[data-over~="md:left"] {
    margin-left: calc(50% - 50vw + var(--l-scrollbar-width) * 1px);
    flex-grow: 1;
  }
  .l-flex__item[data-over~="md:right"] {
    margin-right: calc(50% - 50vw + var(--l-scrollbar-width) * 1px);
    flex-grow: 1;
  }
  .l-flex__item[data-over~="md:clearLeft"] {
    margin-left: 0;
  }
  .l-flex__item[data-over~="md:clearRight"] {
    margin-right: 0;
  }
  .l-flex__item[data-over~="md:clearLeft"][data-over~="md:clearRight"] {
    flex-grow: 0;
  }
}
@media screen and (min-width: 1024px) {
  .l-flex__item[data-col~="lg:1"] {
    width: 8.3333333333%;
  }
  .l-flex__item[data-col~="lg:2"] {
    width: 16.6666666667%;
  }
  .l-flex__item[data-col~="lg:3"] {
    width: 25%;
  }
  .l-flex__item[data-col~="lg:4"] {
    width: 33.3333333333%;
  }
  .l-flex__item[data-col~="lg:5"] {
    width: 41.6666666667%;
  }
  .l-flex__item[data-col~="lg:6"] {
    width: 50%;
  }
  .l-flex__item[data-col~="lg:7"] {
    width: 58.3333333333%;
  }
  .l-flex__item[data-col~="lg:8"] {
    width: 66.6666666667%;
  }
  .l-flex__item[data-col~="lg:9"] {
    width: 75%;
  }
  .l-flex__item[data-col~="lg:10"] {
    width: 83.3333333333%;
  }
  .l-flex__item[data-col~="lg:11"] {
    width: 91.6666666667%;
  }
  .l-flex__item[data-col~="lg:12"] {
    width: 100%;
  }
  .l-flex__item[data-align~="lg:start"] {
    align-items: flex-start;
  }
  .l-flex__item[data-align~="lg:center"] {
    align-items: center;
  }
  .l-flex__item[data-align~="lg:end"] {
    align-items: flex-end;
  }
  .l-flex__item[data-align~="lg:top"] {
    justify-content: flex-start;
  }
  .l-flex__item[data-align~="lg:middle"] {
    justify-content: center;
  }
  .l-flex__item[data-align~="lg:bottom"] {
    justify-content: flex-end;
  }
  .l-flex__item[data-order~="lg:0"] {
    order: 0;
  }
  .l-flex__item[data-order~="lg:-1"] {
    order: -1;
  }
  .l-flex__item[data-order~="lg:1"] {
    order: 1;
  }
  .l-flex__item[data-order~="lg:-2"] {
    order: -2;
  }
  .l-flex__item[data-order~="lg:2"] {
    order: 2;
  }
  .l-flex__item[data-order~="lg:-3"] {
    order: -3;
  }
  .l-flex__item[data-order~="lg:3"] {
    order: 3;
  }
  .l-flex__item[data-grow~="lg:0"] {
    flex-grow: 0;
  }
  .l-flex__item[data-shrink~="lg:0"] {
    flex-shrink: 0;
  }
  .l-flex__item[data-grow~="lg:1"] {
    flex-grow: 1;
  }
  .l-flex__item[data-shrink~="lg:1"] {
    flex-shrink: 1;
  }
  .l-flex__item[data-grow~="lg:2"] {
    flex-grow: 2;
  }
  .l-flex__item[data-shrink~="lg:2"] {
    flex-shrink: 2;
  }
  .l-flex__item[data-grow~="lg:3"] {
    flex-grow: 3;
  }
  .l-flex__item[data-shrink~="lg:3"] {
    flex-shrink: 3;
  }
  .l-flex__item[data-over~="lg:left"] {
    margin-left: calc(50% - 50vw + var(--l-scrollbar-width) * 1px);
    flex-grow: 1;
  }
  .l-flex__item[data-over~="lg:right"] {
    margin-right: calc(50% - 50vw + var(--l-scrollbar-width) * 1px);
    flex-grow: 1;
  }
  .l-flex__item[data-over~="lg:clearLeft"] {
    margin-left: 0;
  }
  .l-flex__item[data-over~="lg:clearRight"] {
    margin-right: 0;
  }
  .l-flex__item[data-over~="lg:clearLeft"][data-over~="lg:clearRight"] {
    flex-grow: 0;
  }
}
@media screen and (min-width: 1280px) {
  .l-flex__item[data-col~="xl:1"] {
    width: 8.3333333333%;
  }
  .l-flex__item[data-col~="xl:2"] {
    width: 16.6666666667%;
  }
  .l-flex__item[data-col~="xl:3"] {
    width: 25%;
  }
  .l-flex__item[data-col~="xl:4"] {
    width: 33.3333333333%;
  }
  .l-flex__item[data-col~="xl:5"] {
    width: 41.6666666667%;
  }
  .l-flex__item[data-col~="xl:6"] {
    width: 50%;
  }
  .l-flex__item[data-col~="xl:7"] {
    width: 58.3333333333%;
  }
  .l-flex__item[data-col~="xl:8"] {
    width: 66.6666666667%;
  }
  .l-flex__item[data-col~="xl:9"] {
    width: 75%;
  }
  .l-flex__item[data-col~="xl:10"] {
    width: 83.3333333333%;
  }
  .l-flex__item[data-col~="xl:11"] {
    width: 91.6666666667%;
  }
  .l-flex__item[data-col~="xl:12"] {
    width: 100%;
  }
  .l-flex__item[data-align~="xl:start"] {
    align-items: flex-start;
  }
  .l-flex__item[data-align~="xl:center"] {
    align-items: center;
  }
  .l-flex__item[data-align~="xl:end"] {
    align-items: flex-end;
  }
  .l-flex__item[data-align~="xl:top"] {
    justify-content: flex-start;
  }
  .l-flex__item[data-align~="xl:middle"] {
    justify-content: center;
  }
  .l-flex__item[data-align~="xl:bottom"] {
    justify-content: flex-end;
  }
  .l-flex__item[data-order~="xl:0"] {
    order: 0;
  }
  .l-flex__item[data-order~="xl:-1"] {
    order: -1;
  }
  .l-flex__item[data-order~="xl:1"] {
    order: 1;
  }
  .l-flex__item[data-order~="xl:-2"] {
    order: -2;
  }
  .l-flex__item[data-order~="xl:2"] {
    order: 2;
  }
  .l-flex__item[data-order~="xl:-3"] {
    order: -3;
  }
  .l-flex__item[data-order~="xl:3"] {
    order: 3;
  }
  .l-flex__item[data-grow~="xl:0"] {
    flex-grow: 0;
  }
  .l-flex__item[data-shrink~="xl:0"] {
    flex-shrink: 0;
  }
  .l-flex__item[data-grow~="xl:1"] {
    flex-grow: 1;
  }
  .l-flex__item[data-shrink~="xl:1"] {
    flex-shrink: 1;
  }
  .l-flex__item[data-grow~="xl:2"] {
    flex-grow: 2;
  }
  .l-flex__item[data-shrink~="xl:2"] {
    flex-shrink: 2;
  }
  .l-flex__item[data-grow~="xl:3"] {
    flex-grow: 3;
  }
  .l-flex__item[data-shrink~="xl:3"] {
    flex-shrink: 3;
  }
  .l-flex__item[data-over~="xl:left"] {
    margin-left: calc(50% - 50vw + var(--l-scrollbar-width) * 1px);
    flex-grow: 1;
  }
  .l-flex__item[data-over~="xl:right"] {
    margin-right: calc(50% - 50vw + var(--l-scrollbar-width) * 1px);
    flex-grow: 1;
  }
  .l-flex__item[data-over~="xl:clearLeft"] {
    margin-left: 0;
  }
  .l-flex__item[data-over~="xl:clearRight"] {
    margin-right: 0;
  }
  .l-flex__item[data-over~="xl:clearLeft"][data-over~="xl:clearRight"] {
    flex-grow: 0;
  }
}
@media screen and (min-width: 1480px) {
  .l-flex__item[data-col~="xxl:1"] {
    width: 8.3333333333%;
  }
  .l-flex__item[data-col~="xxl:2"] {
    width: 16.6666666667%;
  }
  .l-flex__item[data-col~="xxl:3"] {
    width: 25%;
  }
  .l-flex__item[data-col~="xxl:4"] {
    width: 33.3333333333%;
  }
  .l-flex__item[data-col~="xxl:5"] {
    width: 41.6666666667%;
  }
  .l-flex__item[data-col~="xxl:6"] {
    width: 50%;
  }
  .l-flex__item[data-col~="xxl:7"] {
    width: 58.3333333333%;
  }
  .l-flex__item[data-col~="xxl:8"] {
    width: 66.6666666667%;
  }
  .l-flex__item[data-col~="xxl:9"] {
    width: 75%;
  }
  .l-flex__item[data-col~="xxl:10"] {
    width: 83.3333333333%;
  }
  .l-flex__item[data-col~="xxl:11"] {
    width: 91.6666666667%;
  }
  .l-flex__item[data-col~="xxl:12"] {
    width: 100%;
  }
  .l-flex__item[data-align~="xxl:start"] {
    align-items: flex-start;
  }
  .l-flex__item[data-align~="xxl:center"] {
    align-items: center;
  }
  .l-flex__item[data-align~="xxl:end"] {
    align-items: flex-end;
  }
  .l-flex__item[data-align~="xxl:top"] {
    justify-content: flex-start;
  }
  .l-flex__item[data-align~="xxl:middle"] {
    justify-content: center;
  }
  .l-flex__item[data-align~="xxl:bottom"] {
    justify-content: flex-end;
  }
  .l-flex__item[data-order~="xxl:0"] {
    order: 0;
  }
  .l-flex__item[data-order~="xxl:-1"] {
    order: -1;
  }
  .l-flex__item[data-order~="xxl:1"] {
    order: 1;
  }
  .l-flex__item[data-order~="xxl:-2"] {
    order: -2;
  }
  .l-flex__item[data-order~="xxl:2"] {
    order: 2;
  }
  .l-flex__item[data-order~="xxl:-3"] {
    order: -3;
  }
  .l-flex__item[data-order~="xxl:3"] {
    order: 3;
  }
  .l-flex__item[data-grow~="xxl:0"] {
    flex-grow: 0;
  }
  .l-flex__item[data-shrink~="xxl:0"] {
    flex-shrink: 0;
  }
  .l-flex__item[data-grow~="xxl:1"] {
    flex-grow: 1;
  }
  .l-flex__item[data-shrink~="xxl:1"] {
    flex-shrink: 1;
  }
  .l-flex__item[data-grow~="xxl:2"] {
    flex-grow: 2;
  }
  .l-flex__item[data-shrink~="xxl:2"] {
    flex-shrink: 2;
  }
  .l-flex__item[data-grow~="xxl:3"] {
    flex-grow: 3;
  }
  .l-flex__item[data-shrink~="xxl:3"] {
    flex-shrink: 3;
  }
  .l-flex__item[data-over~="xxl:left"] {
    margin-left: calc(50% - 50vw + var(--l-scrollbar-width) * 1px);
    flex-grow: 1;
  }
  .l-flex__item[data-over~="xxl:right"] {
    margin-right: calc(50% - 50vw + var(--l-scrollbar-width) * 1px);
    flex-grow: 1;
  }
  .l-flex__item[data-over~="xxl:clearLeft"] {
    margin-left: 0;
  }
  .l-flex__item[data-over~="xxl:clearRight"] {
    margin-right: 0;
  }
  .l-flex__item[data-over~="xxl:clearLeft"][data-over~="xxl:clearRight"] {
    flex-grow: 0;
  }
}

.l-grid {
  --ol-grid-columns: 12;
  display: grid;
  grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 0) {
  .l-grid[data-cols~="min:1"] {
    --ol-grid-columns: 1;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="min:2"] {
    --ol-grid-columns: 2;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="min:3"] {
    --ol-grid-columns: 3;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="min:4"] {
    --ol-grid-columns: 4;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="min:5"] {
    --ol-grid-columns: 5;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="min:6"] {
    --ol-grid-columns: 6;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="min:7"] {
    --ol-grid-columns: 7;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="min:8"] {
    --ol-grid-columns: 8;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="min:9"] {
    --ol-grid-columns: 9;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="min:10"] {
    --ol-grid-columns: 10;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="min:11"] {
    --ol-grid-columns: 11;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="min:12"] {
    --ol-grid-columns: 12;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-rows~="min:1"] {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .l-grid[data-rows~="min:2"] {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .l-grid[data-rows~="min:3"] {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .l-grid[data-rows~="min:4"] {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .l-grid[data-rows~="min:5"] {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .l-grid[data-gap~="min:0"] {
    gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="min:0"] {
    -moz-column-gap: calc(var(--l-space) * 0 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="min:0"] {
    row-gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-grid[data-gap~="min:1"] {
    gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="min:1"] {
    -moz-column-gap: calc(var(--l-space) * 1 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="min:1"] {
    row-gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-grid[data-gap~="min:2"] {
    gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="min:2"] {
    -moz-column-gap: calc(var(--l-space) * 2 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="min:2"] {
    row-gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-grid[data-gap~="min:3"] {
    gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="min:3"] {
    -moz-column-gap: calc(var(--l-space) * 3 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="min:3"] {
    row-gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-grid[data-gap~="min:4"] {
    gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="min:4"] {
    -moz-column-gap: calc(var(--l-space) * 4 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="min:4"] {
    row-gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-grid[data-gap~="min:5"] {
    gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="min:5"] {
    -moz-column-gap: calc(var(--l-space) * 5 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="min:5"] {
    row-gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-grid[data-gap~="min:6"] {
    gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="min:6"] {
    -moz-column-gap: calc(var(--l-space) * 6 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="min:6"] {
    row-gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-grid[data-gap~="min:7"] {
    gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="min:7"] {
    -moz-column-gap: calc(var(--l-space) * 7 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="min:7"] {
    row-gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-grid[data-gap~="min:8"] {
    gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="min:8"] {
    -moz-column-gap: calc(var(--l-space) * 8 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="min:8"] {
    row-gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-grid[data-gap~="min:9"] {
    gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="min:9"] {
    -moz-column-gap: calc(var(--l-space) * 9 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="min:9"] {
    row-gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-grid[data-gap~="min:10"] {
    gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="min:10"] {
    -moz-column-gap: calc(var(--l-space) * 10 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="min:10"] {
    row-gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-grid[data-gap~="min:11"] {
    gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="min:11"] {
    -moz-column-gap: calc(var(--l-space) * 11 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="min:11"] {
    row-gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-grid[data-gap~="min:12"] {
    gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="min:12"] {
    -moz-column-gap: calc(var(--l-space) * 12 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="min:12"] {
    row-gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-grid[data-gap~="min:13"] {
    gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="min:13"] {
    -moz-column-gap: calc(var(--l-space) * 13 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="min:13"] {
    row-gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-grid[data-gap~="min:14"] {
    gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="min:14"] {
    -moz-column-gap: calc(var(--l-space) * 14 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="min:14"] {
    row-gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-grid[data-gap~="min:15"] {
    gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="min:15"] {
    -moz-column-gap: calc(var(--l-space) * 15 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="min:15"] {
    row-gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-grid[data-gap~="min:16"] {
    gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="min:16"] {
    -moz-column-gap: calc(var(--l-space) * 16 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="min:16"] {
    row-gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-grid[data-gap~="min:17"] {
    gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="min:17"] {
    -moz-column-gap: calc(var(--l-space) * 17 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="min:17"] {
    row-gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-grid[data-gap~="min:18"] {
    gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="min:18"] {
    -moz-column-gap: calc(var(--l-space) * 18 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="min:18"] {
    row-gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-grid[data-gap~="min:19"] {
    gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="min:19"] {
    -moz-column-gap: calc(var(--l-space) * 19 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="min:19"] {
    row-gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-grid[data-gap~="min:20"] {
    gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="min:20"] {
    -moz-column-gap: calc(var(--l-space) * 20 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="min:20"] {
    row-gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-grid[data-gap~="min:21"] {
    gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="min:21"] {
    -moz-column-gap: calc(var(--l-space) * 21 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="min:21"] {
    row-gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-grid[data-gap~="min:22"] {
    gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="min:22"] {
    -moz-column-gap: calc(var(--l-space) * 22 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="min:22"] {
    row-gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-grid[data-gap~="min:23"] {
    gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="min:23"] {
    -moz-column-gap: calc(var(--l-space) * 23 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="min:23"] {
    row-gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-grid[data-gap~="min:24"] {
    gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="min:24"] {
    -moz-column-gap: calc(var(--l-space) * 24 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="min:24"] {
    row-gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-grid[data-gap~="min:25"] {
    gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="min:25"] {
    -moz-column-gap: calc(var(--l-space) * 25 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="min:25"] {
    row-gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-grid[data-gap~="min:26"] {
    gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="min:26"] {
    -moz-column-gap: calc(var(--l-space) * 26 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="min:26"] {
    row-gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-grid[data-gap~="min:27"] {
    gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="min:27"] {
    -moz-column-gap: calc(var(--l-space) * 27 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="min:27"] {
    row-gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-grid[data-gap~="min:28"] {
    gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="min:28"] {
    -moz-column-gap: calc(var(--l-space) * 28 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="min:28"] {
    row-gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-grid[data-gap~="min:29"] {
    gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="min:29"] {
    -moz-column-gap: calc(var(--l-space) * 29 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="min:29"] {
    row-gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-grid[data-gap~="min:30"] {
    gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="min:30"] {
    -moz-column-gap: calc(var(--l-space) * 30 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="min:30"] {
    row-gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
}
@media screen and (min-width: 375px) {
  .l-grid[data-cols~="xxs:1"] {
    --ol-grid-columns: 1;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xxs:2"] {
    --ol-grid-columns: 2;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xxs:3"] {
    --ol-grid-columns: 3;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xxs:4"] {
    --ol-grid-columns: 4;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xxs:5"] {
    --ol-grid-columns: 5;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xxs:6"] {
    --ol-grid-columns: 6;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xxs:7"] {
    --ol-grid-columns: 7;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xxs:8"] {
    --ol-grid-columns: 8;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xxs:9"] {
    --ol-grid-columns: 9;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xxs:10"] {
    --ol-grid-columns: 10;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xxs:11"] {
    --ol-grid-columns: 11;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xxs:12"] {
    --ol-grid-columns: 12;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-rows~="xxs:1"] {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .l-grid[data-rows~="xxs:2"] {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .l-grid[data-rows~="xxs:3"] {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .l-grid[data-rows~="xxs:4"] {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .l-grid[data-rows~="xxs:5"] {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .l-grid[data-gap~="xxs:0"] {
    gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxs:0"] {
    -moz-column-gap: calc(var(--l-space) * 0 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxs:0"] {
    row-gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxs:1"] {
    gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxs:1"] {
    -moz-column-gap: calc(var(--l-space) * 1 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxs:1"] {
    row-gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxs:2"] {
    gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxs:2"] {
    -moz-column-gap: calc(var(--l-space) * 2 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxs:2"] {
    row-gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxs:3"] {
    gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxs:3"] {
    -moz-column-gap: calc(var(--l-space) * 3 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxs:3"] {
    row-gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxs:4"] {
    gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxs:4"] {
    -moz-column-gap: calc(var(--l-space) * 4 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxs:4"] {
    row-gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxs:5"] {
    gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxs:5"] {
    -moz-column-gap: calc(var(--l-space) * 5 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxs:5"] {
    row-gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxs:6"] {
    gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxs:6"] {
    -moz-column-gap: calc(var(--l-space) * 6 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxs:6"] {
    row-gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxs:7"] {
    gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxs:7"] {
    -moz-column-gap: calc(var(--l-space) * 7 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxs:7"] {
    row-gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxs:8"] {
    gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxs:8"] {
    -moz-column-gap: calc(var(--l-space) * 8 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxs:8"] {
    row-gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxs:9"] {
    gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxs:9"] {
    -moz-column-gap: calc(var(--l-space) * 9 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxs:9"] {
    row-gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxs:10"] {
    gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxs:10"] {
    -moz-column-gap: calc(var(--l-space) * 10 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxs:10"] {
    row-gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxs:11"] {
    gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxs:11"] {
    -moz-column-gap: calc(var(--l-space) * 11 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxs:11"] {
    row-gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxs:12"] {
    gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxs:12"] {
    -moz-column-gap: calc(var(--l-space) * 12 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxs:12"] {
    row-gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxs:13"] {
    gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxs:13"] {
    -moz-column-gap: calc(var(--l-space) * 13 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxs:13"] {
    row-gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxs:14"] {
    gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxs:14"] {
    -moz-column-gap: calc(var(--l-space) * 14 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxs:14"] {
    row-gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxs:15"] {
    gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxs:15"] {
    -moz-column-gap: calc(var(--l-space) * 15 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxs:15"] {
    row-gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxs:16"] {
    gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxs:16"] {
    -moz-column-gap: calc(var(--l-space) * 16 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxs:16"] {
    row-gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxs:17"] {
    gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxs:17"] {
    -moz-column-gap: calc(var(--l-space) * 17 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxs:17"] {
    row-gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxs:18"] {
    gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxs:18"] {
    -moz-column-gap: calc(var(--l-space) * 18 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxs:18"] {
    row-gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxs:19"] {
    gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxs:19"] {
    -moz-column-gap: calc(var(--l-space) * 19 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxs:19"] {
    row-gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxs:20"] {
    gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxs:20"] {
    -moz-column-gap: calc(var(--l-space) * 20 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxs:20"] {
    row-gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxs:21"] {
    gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxs:21"] {
    -moz-column-gap: calc(var(--l-space) * 21 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxs:21"] {
    row-gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxs:22"] {
    gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxs:22"] {
    -moz-column-gap: calc(var(--l-space) * 22 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxs:22"] {
    row-gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxs:23"] {
    gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxs:23"] {
    -moz-column-gap: calc(var(--l-space) * 23 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxs:23"] {
    row-gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxs:24"] {
    gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxs:24"] {
    -moz-column-gap: calc(var(--l-space) * 24 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxs:24"] {
    row-gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxs:25"] {
    gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxs:25"] {
    -moz-column-gap: calc(var(--l-space) * 25 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxs:25"] {
    row-gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxs:26"] {
    gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxs:26"] {
    -moz-column-gap: calc(var(--l-space) * 26 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxs:26"] {
    row-gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxs:27"] {
    gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxs:27"] {
    -moz-column-gap: calc(var(--l-space) * 27 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxs:27"] {
    row-gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxs:28"] {
    gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxs:28"] {
    -moz-column-gap: calc(var(--l-space) * 28 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxs:28"] {
    row-gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxs:29"] {
    gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxs:29"] {
    -moz-column-gap: calc(var(--l-space) * 29 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxs:29"] {
    row-gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxs:30"] {
    gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxs:30"] {
    -moz-column-gap: calc(var(--l-space) * 30 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxs:30"] {
    row-gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
}
@media screen and (min-width: 414px) {
  .l-grid[data-cols~="xs:1"] {
    --ol-grid-columns: 1;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xs:2"] {
    --ol-grid-columns: 2;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xs:3"] {
    --ol-grid-columns: 3;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xs:4"] {
    --ol-grid-columns: 4;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xs:5"] {
    --ol-grid-columns: 5;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xs:6"] {
    --ol-grid-columns: 6;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xs:7"] {
    --ol-grid-columns: 7;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xs:8"] {
    --ol-grid-columns: 8;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xs:9"] {
    --ol-grid-columns: 9;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xs:10"] {
    --ol-grid-columns: 10;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xs:11"] {
    --ol-grid-columns: 11;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xs:12"] {
    --ol-grid-columns: 12;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-rows~="xs:1"] {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .l-grid[data-rows~="xs:2"] {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .l-grid[data-rows~="xs:3"] {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .l-grid[data-rows~="xs:4"] {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .l-grid[data-rows~="xs:5"] {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .l-grid[data-gap~="xs:0"] {
    gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xs:0"] {
    -moz-column-gap: calc(var(--l-space) * 0 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xs:0"] {
    row-gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-grid[data-gap~="xs:1"] {
    gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xs:1"] {
    -moz-column-gap: calc(var(--l-space) * 1 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xs:1"] {
    row-gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-grid[data-gap~="xs:2"] {
    gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xs:2"] {
    -moz-column-gap: calc(var(--l-space) * 2 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xs:2"] {
    row-gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-grid[data-gap~="xs:3"] {
    gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xs:3"] {
    -moz-column-gap: calc(var(--l-space) * 3 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xs:3"] {
    row-gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-grid[data-gap~="xs:4"] {
    gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xs:4"] {
    -moz-column-gap: calc(var(--l-space) * 4 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xs:4"] {
    row-gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-grid[data-gap~="xs:5"] {
    gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xs:5"] {
    -moz-column-gap: calc(var(--l-space) * 5 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xs:5"] {
    row-gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-grid[data-gap~="xs:6"] {
    gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xs:6"] {
    -moz-column-gap: calc(var(--l-space) * 6 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xs:6"] {
    row-gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-grid[data-gap~="xs:7"] {
    gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xs:7"] {
    -moz-column-gap: calc(var(--l-space) * 7 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xs:7"] {
    row-gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-grid[data-gap~="xs:8"] {
    gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xs:8"] {
    -moz-column-gap: calc(var(--l-space) * 8 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xs:8"] {
    row-gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-grid[data-gap~="xs:9"] {
    gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xs:9"] {
    -moz-column-gap: calc(var(--l-space) * 9 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xs:9"] {
    row-gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-grid[data-gap~="xs:10"] {
    gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xs:10"] {
    -moz-column-gap: calc(var(--l-space) * 10 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xs:10"] {
    row-gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-grid[data-gap~="xs:11"] {
    gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xs:11"] {
    -moz-column-gap: calc(var(--l-space) * 11 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xs:11"] {
    row-gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-grid[data-gap~="xs:12"] {
    gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xs:12"] {
    -moz-column-gap: calc(var(--l-space) * 12 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xs:12"] {
    row-gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-grid[data-gap~="xs:13"] {
    gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xs:13"] {
    -moz-column-gap: calc(var(--l-space) * 13 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xs:13"] {
    row-gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-grid[data-gap~="xs:14"] {
    gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xs:14"] {
    -moz-column-gap: calc(var(--l-space) * 14 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xs:14"] {
    row-gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-grid[data-gap~="xs:15"] {
    gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xs:15"] {
    -moz-column-gap: calc(var(--l-space) * 15 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xs:15"] {
    row-gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-grid[data-gap~="xs:16"] {
    gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xs:16"] {
    -moz-column-gap: calc(var(--l-space) * 16 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xs:16"] {
    row-gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-grid[data-gap~="xs:17"] {
    gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xs:17"] {
    -moz-column-gap: calc(var(--l-space) * 17 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xs:17"] {
    row-gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-grid[data-gap~="xs:18"] {
    gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xs:18"] {
    -moz-column-gap: calc(var(--l-space) * 18 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xs:18"] {
    row-gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-grid[data-gap~="xs:19"] {
    gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xs:19"] {
    -moz-column-gap: calc(var(--l-space) * 19 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xs:19"] {
    row-gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-grid[data-gap~="xs:20"] {
    gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xs:20"] {
    -moz-column-gap: calc(var(--l-space) * 20 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xs:20"] {
    row-gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-grid[data-gap~="xs:21"] {
    gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xs:21"] {
    -moz-column-gap: calc(var(--l-space) * 21 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xs:21"] {
    row-gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-grid[data-gap~="xs:22"] {
    gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xs:22"] {
    -moz-column-gap: calc(var(--l-space) * 22 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xs:22"] {
    row-gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-grid[data-gap~="xs:23"] {
    gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xs:23"] {
    -moz-column-gap: calc(var(--l-space) * 23 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xs:23"] {
    row-gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-grid[data-gap~="xs:24"] {
    gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xs:24"] {
    -moz-column-gap: calc(var(--l-space) * 24 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xs:24"] {
    row-gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-grid[data-gap~="xs:25"] {
    gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xs:25"] {
    -moz-column-gap: calc(var(--l-space) * 25 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xs:25"] {
    row-gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-grid[data-gap~="xs:26"] {
    gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xs:26"] {
    -moz-column-gap: calc(var(--l-space) * 26 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xs:26"] {
    row-gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-grid[data-gap~="xs:27"] {
    gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xs:27"] {
    -moz-column-gap: calc(var(--l-space) * 27 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xs:27"] {
    row-gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-grid[data-gap~="xs:28"] {
    gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xs:28"] {
    -moz-column-gap: calc(var(--l-space) * 28 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xs:28"] {
    row-gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-grid[data-gap~="xs:29"] {
    gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xs:29"] {
    -moz-column-gap: calc(var(--l-space) * 29 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xs:29"] {
    row-gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-grid[data-gap~="xs:30"] {
    gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xs:30"] {
    -moz-column-gap: calc(var(--l-space) * 30 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xs:30"] {
    row-gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
}
@media screen and (min-width: 576px) {
  .l-grid[data-cols~="sm:1"] {
    --ol-grid-columns: 1;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="sm:2"] {
    --ol-grid-columns: 2;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="sm:3"] {
    --ol-grid-columns: 3;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="sm:4"] {
    --ol-grid-columns: 4;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="sm:5"] {
    --ol-grid-columns: 5;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="sm:6"] {
    --ol-grid-columns: 6;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="sm:7"] {
    --ol-grid-columns: 7;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="sm:8"] {
    --ol-grid-columns: 8;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="sm:9"] {
    --ol-grid-columns: 9;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="sm:10"] {
    --ol-grid-columns: 10;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="sm:11"] {
    --ol-grid-columns: 11;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="sm:12"] {
    --ol-grid-columns: 12;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-rows~="sm:1"] {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .l-grid[data-rows~="sm:2"] {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .l-grid[data-rows~="sm:3"] {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .l-grid[data-rows~="sm:4"] {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .l-grid[data-rows~="sm:5"] {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .l-grid[data-gap~="sm:0"] {
    gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="sm:0"] {
    -moz-column-gap: calc(var(--l-space) * 0 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="sm:0"] {
    row-gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-grid[data-gap~="sm:1"] {
    gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="sm:1"] {
    -moz-column-gap: calc(var(--l-space) * 1 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="sm:1"] {
    row-gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-grid[data-gap~="sm:2"] {
    gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="sm:2"] {
    -moz-column-gap: calc(var(--l-space) * 2 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="sm:2"] {
    row-gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-grid[data-gap~="sm:3"] {
    gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="sm:3"] {
    -moz-column-gap: calc(var(--l-space) * 3 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="sm:3"] {
    row-gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-grid[data-gap~="sm:4"] {
    gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="sm:4"] {
    -moz-column-gap: calc(var(--l-space) * 4 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="sm:4"] {
    row-gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-grid[data-gap~="sm:5"] {
    gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="sm:5"] {
    -moz-column-gap: calc(var(--l-space) * 5 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="sm:5"] {
    row-gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-grid[data-gap~="sm:6"] {
    gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="sm:6"] {
    -moz-column-gap: calc(var(--l-space) * 6 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="sm:6"] {
    row-gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-grid[data-gap~="sm:7"] {
    gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="sm:7"] {
    -moz-column-gap: calc(var(--l-space) * 7 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="sm:7"] {
    row-gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-grid[data-gap~="sm:8"] {
    gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="sm:8"] {
    -moz-column-gap: calc(var(--l-space) * 8 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="sm:8"] {
    row-gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-grid[data-gap~="sm:9"] {
    gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="sm:9"] {
    -moz-column-gap: calc(var(--l-space) * 9 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="sm:9"] {
    row-gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-grid[data-gap~="sm:10"] {
    gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="sm:10"] {
    -moz-column-gap: calc(var(--l-space) * 10 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="sm:10"] {
    row-gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-grid[data-gap~="sm:11"] {
    gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="sm:11"] {
    -moz-column-gap: calc(var(--l-space) * 11 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="sm:11"] {
    row-gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-grid[data-gap~="sm:12"] {
    gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="sm:12"] {
    -moz-column-gap: calc(var(--l-space) * 12 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="sm:12"] {
    row-gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-grid[data-gap~="sm:13"] {
    gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="sm:13"] {
    -moz-column-gap: calc(var(--l-space) * 13 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="sm:13"] {
    row-gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-grid[data-gap~="sm:14"] {
    gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="sm:14"] {
    -moz-column-gap: calc(var(--l-space) * 14 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="sm:14"] {
    row-gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-grid[data-gap~="sm:15"] {
    gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="sm:15"] {
    -moz-column-gap: calc(var(--l-space) * 15 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="sm:15"] {
    row-gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-grid[data-gap~="sm:16"] {
    gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="sm:16"] {
    -moz-column-gap: calc(var(--l-space) * 16 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="sm:16"] {
    row-gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-grid[data-gap~="sm:17"] {
    gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="sm:17"] {
    -moz-column-gap: calc(var(--l-space) * 17 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="sm:17"] {
    row-gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-grid[data-gap~="sm:18"] {
    gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="sm:18"] {
    -moz-column-gap: calc(var(--l-space) * 18 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="sm:18"] {
    row-gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-grid[data-gap~="sm:19"] {
    gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="sm:19"] {
    -moz-column-gap: calc(var(--l-space) * 19 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="sm:19"] {
    row-gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-grid[data-gap~="sm:20"] {
    gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="sm:20"] {
    -moz-column-gap: calc(var(--l-space) * 20 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="sm:20"] {
    row-gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-grid[data-gap~="sm:21"] {
    gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="sm:21"] {
    -moz-column-gap: calc(var(--l-space) * 21 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="sm:21"] {
    row-gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-grid[data-gap~="sm:22"] {
    gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="sm:22"] {
    -moz-column-gap: calc(var(--l-space) * 22 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="sm:22"] {
    row-gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-grid[data-gap~="sm:23"] {
    gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="sm:23"] {
    -moz-column-gap: calc(var(--l-space) * 23 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="sm:23"] {
    row-gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-grid[data-gap~="sm:24"] {
    gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="sm:24"] {
    -moz-column-gap: calc(var(--l-space) * 24 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="sm:24"] {
    row-gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-grid[data-gap~="sm:25"] {
    gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="sm:25"] {
    -moz-column-gap: calc(var(--l-space) * 25 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="sm:25"] {
    row-gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-grid[data-gap~="sm:26"] {
    gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="sm:26"] {
    -moz-column-gap: calc(var(--l-space) * 26 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="sm:26"] {
    row-gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-grid[data-gap~="sm:27"] {
    gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="sm:27"] {
    -moz-column-gap: calc(var(--l-space) * 27 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="sm:27"] {
    row-gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-grid[data-gap~="sm:28"] {
    gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="sm:28"] {
    -moz-column-gap: calc(var(--l-space) * 28 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="sm:28"] {
    row-gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-grid[data-gap~="sm:29"] {
    gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="sm:29"] {
    -moz-column-gap: calc(var(--l-space) * 29 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="sm:29"] {
    row-gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-grid[data-gap~="sm:30"] {
    gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="sm:30"] {
    -moz-column-gap: calc(var(--l-space) * 30 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="sm:30"] {
    row-gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
}
@media screen and (min-width: 768px) {
  .l-grid[data-cols~="md:1"] {
    --ol-grid-columns: 1;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="md:2"] {
    --ol-grid-columns: 2;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="md:3"] {
    --ol-grid-columns: 3;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="md:4"] {
    --ol-grid-columns: 4;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="md:5"] {
    --ol-grid-columns: 5;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="md:6"] {
    --ol-grid-columns: 6;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="md:7"] {
    --ol-grid-columns: 7;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="md:8"] {
    --ol-grid-columns: 8;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="md:9"] {
    --ol-grid-columns: 9;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="md:10"] {
    --ol-grid-columns: 10;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="md:11"] {
    --ol-grid-columns: 11;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="md:12"] {
    --ol-grid-columns: 12;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-rows~="md:1"] {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .l-grid[data-rows~="md:2"] {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .l-grid[data-rows~="md:3"] {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .l-grid[data-rows~="md:4"] {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .l-grid[data-rows~="md:5"] {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .l-grid[data-gap~="md:0"] {
    gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="md:0"] {
    -moz-column-gap: calc(var(--l-space) * 0 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="md:0"] {
    row-gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-grid[data-gap~="md:1"] {
    gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="md:1"] {
    -moz-column-gap: calc(var(--l-space) * 1 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="md:1"] {
    row-gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-grid[data-gap~="md:2"] {
    gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="md:2"] {
    -moz-column-gap: calc(var(--l-space) * 2 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="md:2"] {
    row-gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-grid[data-gap~="md:3"] {
    gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="md:3"] {
    -moz-column-gap: calc(var(--l-space) * 3 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="md:3"] {
    row-gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-grid[data-gap~="md:4"] {
    gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="md:4"] {
    -moz-column-gap: calc(var(--l-space) * 4 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="md:4"] {
    row-gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-grid[data-gap~="md:5"] {
    gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="md:5"] {
    -moz-column-gap: calc(var(--l-space) * 5 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="md:5"] {
    row-gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-grid[data-gap~="md:6"] {
    gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="md:6"] {
    -moz-column-gap: calc(var(--l-space) * 6 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="md:6"] {
    row-gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-grid[data-gap~="md:7"] {
    gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="md:7"] {
    -moz-column-gap: calc(var(--l-space) * 7 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="md:7"] {
    row-gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-grid[data-gap~="md:8"] {
    gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="md:8"] {
    -moz-column-gap: calc(var(--l-space) * 8 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="md:8"] {
    row-gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-grid[data-gap~="md:9"] {
    gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="md:9"] {
    -moz-column-gap: calc(var(--l-space) * 9 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="md:9"] {
    row-gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-grid[data-gap~="md:10"] {
    gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="md:10"] {
    -moz-column-gap: calc(var(--l-space) * 10 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="md:10"] {
    row-gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-grid[data-gap~="md:11"] {
    gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="md:11"] {
    -moz-column-gap: calc(var(--l-space) * 11 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="md:11"] {
    row-gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-grid[data-gap~="md:12"] {
    gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="md:12"] {
    -moz-column-gap: calc(var(--l-space) * 12 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="md:12"] {
    row-gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-grid[data-gap~="md:13"] {
    gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="md:13"] {
    -moz-column-gap: calc(var(--l-space) * 13 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="md:13"] {
    row-gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-grid[data-gap~="md:14"] {
    gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="md:14"] {
    -moz-column-gap: calc(var(--l-space) * 14 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="md:14"] {
    row-gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-grid[data-gap~="md:15"] {
    gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="md:15"] {
    -moz-column-gap: calc(var(--l-space) * 15 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="md:15"] {
    row-gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-grid[data-gap~="md:16"] {
    gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="md:16"] {
    -moz-column-gap: calc(var(--l-space) * 16 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="md:16"] {
    row-gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-grid[data-gap~="md:17"] {
    gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="md:17"] {
    -moz-column-gap: calc(var(--l-space) * 17 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="md:17"] {
    row-gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-grid[data-gap~="md:18"] {
    gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="md:18"] {
    -moz-column-gap: calc(var(--l-space) * 18 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="md:18"] {
    row-gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-grid[data-gap~="md:19"] {
    gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="md:19"] {
    -moz-column-gap: calc(var(--l-space) * 19 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="md:19"] {
    row-gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-grid[data-gap~="md:20"] {
    gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="md:20"] {
    -moz-column-gap: calc(var(--l-space) * 20 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="md:20"] {
    row-gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-grid[data-gap~="md:21"] {
    gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="md:21"] {
    -moz-column-gap: calc(var(--l-space) * 21 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="md:21"] {
    row-gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-grid[data-gap~="md:22"] {
    gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="md:22"] {
    -moz-column-gap: calc(var(--l-space) * 22 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="md:22"] {
    row-gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-grid[data-gap~="md:23"] {
    gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="md:23"] {
    -moz-column-gap: calc(var(--l-space) * 23 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="md:23"] {
    row-gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-grid[data-gap~="md:24"] {
    gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="md:24"] {
    -moz-column-gap: calc(var(--l-space) * 24 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="md:24"] {
    row-gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-grid[data-gap~="md:25"] {
    gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="md:25"] {
    -moz-column-gap: calc(var(--l-space) * 25 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="md:25"] {
    row-gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-grid[data-gap~="md:26"] {
    gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="md:26"] {
    -moz-column-gap: calc(var(--l-space) * 26 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="md:26"] {
    row-gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-grid[data-gap~="md:27"] {
    gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="md:27"] {
    -moz-column-gap: calc(var(--l-space) * 27 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="md:27"] {
    row-gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-grid[data-gap~="md:28"] {
    gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="md:28"] {
    -moz-column-gap: calc(var(--l-space) * 28 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="md:28"] {
    row-gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-grid[data-gap~="md:29"] {
    gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="md:29"] {
    -moz-column-gap: calc(var(--l-space) * 29 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="md:29"] {
    row-gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-grid[data-gap~="md:30"] {
    gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="md:30"] {
    -moz-column-gap: calc(var(--l-space) * 30 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="md:30"] {
    row-gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
}
@media screen and (min-width: 1024px) {
  .l-grid[data-cols~="lg:1"] {
    --ol-grid-columns: 1;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="lg:2"] {
    --ol-grid-columns: 2;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="lg:3"] {
    --ol-grid-columns: 3;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="lg:4"] {
    --ol-grid-columns: 4;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="lg:5"] {
    --ol-grid-columns: 5;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="lg:6"] {
    --ol-grid-columns: 6;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="lg:7"] {
    --ol-grid-columns: 7;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="lg:8"] {
    --ol-grid-columns: 8;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="lg:9"] {
    --ol-grid-columns: 9;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="lg:10"] {
    --ol-grid-columns: 10;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="lg:11"] {
    --ol-grid-columns: 11;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="lg:12"] {
    --ol-grid-columns: 12;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-rows~="lg:1"] {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .l-grid[data-rows~="lg:2"] {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .l-grid[data-rows~="lg:3"] {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .l-grid[data-rows~="lg:4"] {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .l-grid[data-rows~="lg:5"] {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .l-grid[data-gap~="lg:0"] {
    gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="lg:0"] {
    -moz-column-gap: calc(var(--l-space) * 0 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="lg:0"] {
    row-gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-grid[data-gap~="lg:1"] {
    gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="lg:1"] {
    -moz-column-gap: calc(var(--l-space) * 1 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="lg:1"] {
    row-gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-grid[data-gap~="lg:2"] {
    gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="lg:2"] {
    -moz-column-gap: calc(var(--l-space) * 2 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="lg:2"] {
    row-gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-grid[data-gap~="lg:3"] {
    gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="lg:3"] {
    -moz-column-gap: calc(var(--l-space) * 3 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="lg:3"] {
    row-gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-grid[data-gap~="lg:4"] {
    gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="lg:4"] {
    -moz-column-gap: calc(var(--l-space) * 4 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="lg:4"] {
    row-gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-grid[data-gap~="lg:5"] {
    gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="lg:5"] {
    -moz-column-gap: calc(var(--l-space) * 5 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="lg:5"] {
    row-gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-grid[data-gap~="lg:6"] {
    gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="lg:6"] {
    -moz-column-gap: calc(var(--l-space) * 6 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="lg:6"] {
    row-gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-grid[data-gap~="lg:7"] {
    gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="lg:7"] {
    -moz-column-gap: calc(var(--l-space) * 7 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="lg:7"] {
    row-gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-grid[data-gap~="lg:8"] {
    gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="lg:8"] {
    -moz-column-gap: calc(var(--l-space) * 8 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="lg:8"] {
    row-gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-grid[data-gap~="lg:9"] {
    gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="lg:9"] {
    -moz-column-gap: calc(var(--l-space) * 9 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="lg:9"] {
    row-gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-grid[data-gap~="lg:10"] {
    gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="lg:10"] {
    -moz-column-gap: calc(var(--l-space) * 10 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="lg:10"] {
    row-gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-grid[data-gap~="lg:11"] {
    gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="lg:11"] {
    -moz-column-gap: calc(var(--l-space) * 11 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="lg:11"] {
    row-gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-grid[data-gap~="lg:12"] {
    gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="lg:12"] {
    -moz-column-gap: calc(var(--l-space) * 12 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="lg:12"] {
    row-gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-grid[data-gap~="lg:13"] {
    gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="lg:13"] {
    -moz-column-gap: calc(var(--l-space) * 13 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="lg:13"] {
    row-gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-grid[data-gap~="lg:14"] {
    gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="lg:14"] {
    -moz-column-gap: calc(var(--l-space) * 14 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="lg:14"] {
    row-gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-grid[data-gap~="lg:15"] {
    gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="lg:15"] {
    -moz-column-gap: calc(var(--l-space) * 15 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="lg:15"] {
    row-gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-grid[data-gap~="lg:16"] {
    gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="lg:16"] {
    -moz-column-gap: calc(var(--l-space) * 16 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="lg:16"] {
    row-gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-grid[data-gap~="lg:17"] {
    gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="lg:17"] {
    -moz-column-gap: calc(var(--l-space) * 17 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="lg:17"] {
    row-gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-grid[data-gap~="lg:18"] {
    gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="lg:18"] {
    -moz-column-gap: calc(var(--l-space) * 18 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="lg:18"] {
    row-gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-grid[data-gap~="lg:19"] {
    gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="lg:19"] {
    -moz-column-gap: calc(var(--l-space) * 19 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="lg:19"] {
    row-gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-grid[data-gap~="lg:20"] {
    gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="lg:20"] {
    -moz-column-gap: calc(var(--l-space) * 20 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="lg:20"] {
    row-gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-grid[data-gap~="lg:21"] {
    gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="lg:21"] {
    -moz-column-gap: calc(var(--l-space) * 21 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="lg:21"] {
    row-gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-grid[data-gap~="lg:22"] {
    gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="lg:22"] {
    -moz-column-gap: calc(var(--l-space) * 22 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="lg:22"] {
    row-gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-grid[data-gap~="lg:23"] {
    gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="lg:23"] {
    -moz-column-gap: calc(var(--l-space) * 23 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="lg:23"] {
    row-gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-grid[data-gap~="lg:24"] {
    gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="lg:24"] {
    -moz-column-gap: calc(var(--l-space) * 24 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="lg:24"] {
    row-gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-grid[data-gap~="lg:25"] {
    gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="lg:25"] {
    -moz-column-gap: calc(var(--l-space) * 25 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="lg:25"] {
    row-gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-grid[data-gap~="lg:26"] {
    gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="lg:26"] {
    -moz-column-gap: calc(var(--l-space) * 26 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="lg:26"] {
    row-gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-grid[data-gap~="lg:27"] {
    gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="lg:27"] {
    -moz-column-gap: calc(var(--l-space) * 27 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="lg:27"] {
    row-gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-grid[data-gap~="lg:28"] {
    gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="lg:28"] {
    -moz-column-gap: calc(var(--l-space) * 28 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="lg:28"] {
    row-gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-grid[data-gap~="lg:29"] {
    gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="lg:29"] {
    -moz-column-gap: calc(var(--l-space) * 29 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="lg:29"] {
    row-gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-grid[data-gap~="lg:30"] {
    gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="lg:30"] {
    -moz-column-gap: calc(var(--l-space) * 30 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="lg:30"] {
    row-gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
}
@media screen and (min-width: 1280px) {
  .l-grid[data-cols~="xl:1"] {
    --ol-grid-columns: 1;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xl:2"] {
    --ol-grid-columns: 2;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xl:3"] {
    --ol-grid-columns: 3;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xl:4"] {
    --ol-grid-columns: 4;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xl:5"] {
    --ol-grid-columns: 5;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xl:6"] {
    --ol-grid-columns: 6;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xl:7"] {
    --ol-grid-columns: 7;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xl:8"] {
    --ol-grid-columns: 8;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xl:9"] {
    --ol-grid-columns: 9;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xl:10"] {
    --ol-grid-columns: 10;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xl:11"] {
    --ol-grid-columns: 11;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xl:12"] {
    --ol-grid-columns: 12;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-rows~="xl:1"] {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .l-grid[data-rows~="xl:2"] {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .l-grid[data-rows~="xl:3"] {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .l-grid[data-rows~="xl:4"] {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .l-grid[data-rows~="xl:5"] {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .l-grid[data-gap~="xl:0"] {
    gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xl:0"] {
    -moz-column-gap: calc(var(--l-space) * 0 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xl:0"] {
    row-gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-grid[data-gap~="xl:1"] {
    gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xl:1"] {
    -moz-column-gap: calc(var(--l-space) * 1 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xl:1"] {
    row-gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-grid[data-gap~="xl:2"] {
    gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xl:2"] {
    -moz-column-gap: calc(var(--l-space) * 2 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xl:2"] {
    row-gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-grid[data-gap~="xl:3"] {
    gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xl:3"] {
    -moz-column-gap: calc(var(--l-space) * 3 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xl:3"] {
    row-gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-grid[data-gap~="xl:4"] {
    gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xl:4"] {
    -moz-column-gap: calc(var(--l-space) * 4 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xl:4"] {
    row-gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-grid[data-gap~="xl:5"] {
    gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xl:5"] {
    -moz-column-gap: calc(var(--l-space) * 5 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xl:5"] {
    row-gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-grid[data-gap~="xl:6"] {
    gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xl:6"] {
    -moz-column-gap: calc(var(--l-space) * 6 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xl:6"] {
    row-gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-grid[data-gap~="xl:7"] {
    gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xl:7"] {
    -moz-column-gap: calc(var(--l-space) * 7 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xl:7"] {
    row-gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-grid[data-gap~="xl:8"] {
    gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xl:8"] {
    -moz-column-gap: calc(var(--l-space) * 8 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xl:8"] {
    row-gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-grid[data-gap~="xl:9"] {
    gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xl:9"] {
    -moz-column-gap: calc(var(--l-space) * 9 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xl:9"] {
    row-gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-grid[data-gap~="xl:10"] {
    gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xl:10"] {
    -moz-column-gap: calc(var(--l-space) * 10 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xl:10"] {
    row-gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-grid[data-gap~="xl:11"] {
    gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xl:11"] {
    -moz-column-gap: calc(var(--l-space) * 11 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xl:11"] {
    row-gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-grid[data-gap~="xl:12"] {
    gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xl:12"] {
    -moz-column-gap: calc(var(--l-space) * 12 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xl:12"] {
    row-gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-grid[data-gap~="xl:13"] {
    gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xl:13"] {
    -moz-column-gap: calc(var(--l-space) * 13 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xl:13"] {
    row-gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-grid[data-gap~="xl:14"] {
    gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xl:14"] {
    -moz-column-gap: calc(var(--l-space) * 14 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xl:14"] {
    row-gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-grid[data-gap~="xl:15"] {
    gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xl:15"] {
    -moz-column-gap: calc(var(--l-space) * 15 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xl:15"] {
    row-gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-grid[data-gap~="xl:16"] {
    gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xl:16"] {
    -moz-column-gap: calc(var(--l-space) * 16 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xl:16"] {
    row-gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-grid[data-gap~="xl:17"] {
    gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xl:17"] {
    -moz-column-gap: calc(var(--l-space) * 17 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xl:17"] {
    row-gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-grid[data-gap~="xl:18"] {
    gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xl:18"] {
    -moz-column-gap: calc(var(--l-space) * 18 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xl:18"] {
    row-gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-grid[data-gap~="xl:19"] {
    gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xl:19"] {
    -moz-column-gap: calc(var(--l-space) * 19 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xl:19"] {
    row-gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-grid[data-gap~="xl:20"] {
    gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xl:20"] {
    -moz-column-gap: calc(var(--l-space) * 20 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xl:20"] {
    row-gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-grid[data-gap~="xl:21"] {
    gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xl:21"] {
    -moz-column-gap: calc(var(--l-space) * 21 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xl:21"] {
    row-gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-grid[data-gap~="xl:22"] {
    gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xl:22"] {
    -moz-column-gap: calc(var(--l-space) * 22 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xl:22"] {
    row-gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-grid[data-gap~="xl:23"] {
    gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xl:23"] {
    -moz-column-gap: calc(var(--l-space) * 23 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xl:23"] {
    row-gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-grid[data-gap~="xl:24"] {
    gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xl:24"] {
    -moz-column-gap: calc(var(--l-space) * 24 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xl:24"] {
    row-gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-grid[data-gap~="xl:25"] {
    gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xl:25"] {
    -moz-column-gap: calc(var(--l-space) * 25 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xl:25"] {
    row-gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-grid[data-gap~="xl:26"] {
    gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xl:26"] {
    -moz-column-gap: calc(var(--l-space) * 26 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xl:26"] {
    row-gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-grid[data-gap~="xl:27"] {
    gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xl:27"] {
    -moz-column-gap: calc(var(--l-space) * 27 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xl:27"] {
    row-gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-grid[data-gap~="xl:28"] {
    gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xl:28"] {
    -moz-column-gap: calc(var(--l-space) * 28 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xl:28"] {
    row-gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-grid[data-gap~="xl:29"] {
    gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xl:29"] {
    -moz-column-gap: calc(var(--l-space) * 29 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xl:29"] {
    row-gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-grid[data-gap~="xl:30"] {
    gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xl:30"] {
    -moz-column-gap: calc(var(--l-space) * 30 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xl:30"] {
    row-gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
}
@media screen and (min-width: 1480px) {
  .l-grid[data-cols~="xxl:1"] {
    --ol-grid-columns: 1;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xxl:2"] {
    --ol-grid-columns: 2;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xxl:3"] {
    --ol-grid-columns: 3;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xxl:4"] {
    --ol-grid-columns: 4;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xxl:5"] {
    --ol-grid-columns: 5;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xxl:6"] {
    --ol-grid-columns: 6;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xxl:7"] {
    --ol-grid-columns: 7;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xxl:8"] {
    --ol-grid-columns: 8;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xxl:9"] {
    --ol-grid-columns: 9;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xxl:10"] {
    --ol-grid-columns: 10;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xxl:11"] {
    --ol-grid-columns: 11;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-cols~="xxl:12"] {
    --ol-grid-columns: 12;
    grid-template-columns: repeat(var(--ol-grid-columns), minmax(0, 1fr));
  }
  .l-grid[data-rows~="xxl:1"] {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .l-grid[data-rows~="xxl:2"] {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .l-grid[data-rows~="xxl:3"] {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .l-grid[data-rows~="xxl:4"] {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .l-grid[data-rows~="xxl:5"] {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .l-grid[data-gap~="xxl:0"] {
    gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxl:0"] {
    -moz-column-gap: calc(var(--l-space) * 0 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxl:0"] {
    row-gap: calc(var(--l-space) * 0 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxl:1"] {
    gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxl:1"] {
    -moz-column-gap: calc(var(--l-space) * 1 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxl:1"] {
    row-gap: calc(var(--l-space) * 1 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxl:2"] {
    gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxl:2"] {
    -moz-column-gap: calc(var(--l-space) * 2 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxl:2"] {
    row-gap: calc(var(--l-space) * 2 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxl:3"] {
    gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxl:3"] {
    -moz-column-gap: calc(var(--l-space) * 3 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxl:3"] {
    row-gap: calc(var(--l-space) * 3 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxl:4"] {
    gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxl:4"] {
    -moz-column-gap: calc(var(--l-space) * 4 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxl:4"] {
    row-gap: calc(var(--l-space) * 4 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxl:5"] {
    gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxl:5"] {
    -moz-column-gap: calc(var(--l-space) * 5 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxl:5"] {
    row-gap: calc(var(--l-space) * 5 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxl:6"] {
    gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxl:6"] {
    -moz-column-gap: calc(var(--l-space) * 6 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxl:6"] {
    row-gap: calc(var(--l-space) * 6 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxl:7"] {
    gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxl:7"] {
    -moz-column-gap: calc(var(--l-space) * 7 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxl:7"] {
    row-gap: calc(var(--l-space) * 7 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxl:8"] {
    gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxl:8"] {
    -moz-column-gap: calc(var(--l-space) * 8 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxl:8"] {
    row-gap: calc(var(--l-space) * 8 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxl:9"] {
    gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxl:9"] {
    -moz-column-gap: calc(var(--l-space) * 9 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxl:9"] {
    row-gap: calc(var(--l-space) * 9 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxl:10"] {
    gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxl:10"] {
    -moz-column-gap: calc(var(--l-space) * 10 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxl:10"] {
    row-gap: calc(var(--l-space) * 10 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxl:11"] {
    gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxl:11"] {
    -moz-column-gap: calc(var(--l-space) * 11 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxl:11"] {
    row-gap: calc(var(--l-space) * 11 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxl:12"] {
    gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxl:12"] {
    -moz-column-gap: calc(var(--l-space) * 12 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxl:12"] {
    row-gap: calc(var(--l-space) * 12 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxl:13"] {
    gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxl:13"] {
    -moz-column-gap: calc(var(--l-space) * 13 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxl:13"] {
    row-gap: calc(var(--l-space) * 13 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxl:14"] {
    gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxl:14"] {
    -moz-column-gap: calc(var(--l-space) * 14 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxl:14"] {
    row-gap: calc(var(--l-space) * 14 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxl:15"] {
    gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxl:15"] {
    -moz-column-gap: calc(var(--l-space) * 15 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxl:15"] {
    row-gap: calc(var(--l-space) * 15 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxl:16"] {
    gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxl:16"] {
    -moz-column-gap: calc(var(--l-space) * 16 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxl:16"] {
    row-gap: calc(var(--l-space) * 16 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxl:17"] {
    gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxl:17"] {
    -moz-column-gap: calc(var(--l-space) * 17 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxl:17"] {
    row-gap: calc(var(--l-space) * 17 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxl:18"] {
    gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxl:18"] {
    -moz-column-gap: calc(var(--l-space) * 18 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxl:18"] {
    row-gap: calc(var(--l-space) * 18 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxl:19"] {
    gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxl:19"] {
    -moz-column-gap: calc(var(--l-space) * 19 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxl:19"] {
    row-gap: calc(var(--l-space) * 19 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxl:20"] {
    gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxl:20"] {
    -moz-column-gap: calc(var(--l-space) * 20 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxl:20"] {
    row-gap: calc(var(--l-space) * 20 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxl:21"] {
    gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxl:21"] {
    -moz-column-gap: calc(var(--l-space) * 21 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxl:21"] {
    row-gap: calc(var(--l-space) * 21 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxl:22"] {
    gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxl:22"] {
    -moz-column-gap: calc(var(--l-space) * 22 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxl:22"] {
    row-gap: calc(var(--l-space) * 22 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxl:23"] {
    gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxl:23"] {
    -moz-column-gap: calc(var(--l-space) * 23 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxl:23"] {
    row-gap: calc(var(--l-space) * 23 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxl:24"] {
    gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxl:24"] {
    -moz-column-gap: calc(var(--l-space) * 24 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxl:24"] {
    row-gap: calc(var(--l-space) * 24 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxl:25"] {
    gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxl:25"] {
    -moz-column-gap: calc(var(--l-space) * 25 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxl:25"] {
    row-gap: calc(var(--l-space) * 25 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxl:26"] {
    gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxl:26"] {
    -moz-column-gap: calc(var(--l-space) * 26 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxl:26"] {
    row-gap: calc(var(--l-space) * 26 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxl:27"] {
    gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxl:27"] {
    -moz-column-gap: calc(var(--l-space) * 27 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxl:27"] {
    row-gap: calc(var(--l-space) * 27 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxl:28"] {
    gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxl:28"] {
    -moz-column-gap: calc(var(--l-space) * 28 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxl:28"] {
    row-gap: calc(var(--l-space) * 28 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxl:29"] {
    gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxl:29"] {
    -moz-column-gap: calc(var(--l-space) * 29 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxl:29"] {
    row-gap: calc(var(--l-space) * 29 / 16 * 1rem);
  }
  .l-grid[data-gap~="xxl:30"] {
    gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-grid[data-gap-x~="xxl:30"] {
    -moz-column-gap: calc(var(--l-space) * 30 / 16 * 1rem);
         column-gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
  .l-grid[data-gap-y~="xxl:30"] {
    row-gap: calc(var(--l-space) * 30 / 16 * 1rem);
  }
}
.l-grid__item {
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  margin: 0;
}
@media screen and (min-width: 0) {
  .l-grid__item[data-align~="min:start"] {
    align-items: flex-start;
  }
  .l-grid__item[data-align~="min:center"] {
    align-items: center;
  }
  .l-grid__item[data-align~="min:end"] {
    align-items: flex-end;
  }
  .l-grid__item[data-align~="min:top"] {
    justify-content: flex-start;
  }
  .l-grid__item[data-align~="min:middle"] {
    justify-content: center;
  }
  .l-grid__item[data-align~="min:bottom"] {
    justify-content: flex-end;
  }
  .l-grid__item[data-col~="min:1"] {
    grid-column: span 1/span 1;
  }
  .l-grid__item[data-col-start~="min:1"] {
    grid-column-start: 1;
  }
  .l-grid__item[data-col-end~="min:1"] {
    grid-column-end: 1;
  }
  .l-grid__item[data-col~="min:2"] {
    grid-column: span 2/span 2;
  }
  .l-grid__item[data-col-start~="min:2"] {
    grid-column-start: 2;
  }
  .l-grid__item[data-col-end~="min:2"] {
    grid-column-end: 2;
  }
  .l-grid__item[data-col~="min:3"] {
    grid-column: span 3/span 3;
  }
  .l-grid__item[data-col-start~="min:3"] {
    grid-column-start: 3;
  }
  .l-grid__item[data-col-end~="min:3"] {
    grid-column-end: 3;
  }
  .l-grid__item[data-col~="min:4"] {
    grid-column: span 4/span 4;
  }
  .l-grid__item[data-col-start~="min:4"] {
    grid-column-start: 4;
  }
  .l-grid__item[data-col-end~="min:4"] {
    grid-column-end: 4;
  }
  .l-grid__item[data-col~="min:5"] {
    grid-column: span 5/span 5;
  }
  .l-grid__item[data-col-start~="min:5"] {
    grid-column-start: 5;
  }
  .l-grid__item[data-col-end~="min:5"] {
    grid-column-end: 5;
  }
  .l-grid__item[data-col~="min:6"] {
    grid-column: span 6/span 6;
  }
  .l-grid__item[data-col-start~="min:6"] {
    grid-column-start: 6;
  }
  .l-grid__item[data-col-end~="min:6"] {
    grid-column-end: 6;
  }
  .l-grid__item[data-col~="min:7"] {
    grid-column: span 7/span 7;
  }
  .l-grid__item[data-col-start~="min:7"] {
    grid-column-start: 7;
  }
  .l-grid__item[data-col-end~="min:7"] {
    grid-column-end: 7;
  }
  .l-grid__item[data-col~="min:8"] {
    grid-column: span 8/span 8;
  }
  .l-grid__item[data-col-start~="min:8"] {
    grid-column-start: 8;
  }
  .l-grid__item[data-col-end~="min:8"] {
    grid-column-end: 8;
  }
  .l-grid__item[data-col~="min:9"] {
    grid-column: span 9/span 9;
  }
  .l-grid__item[data-col-start~="min:9"] {
    grid-column-start: 9;
  }
  .l-grid__item[data-col-end~="min:9"] {
    grid-column-end: 9;
  }
  .l-grid__item[data-col~="min:10"] {
    grid-column: span 10/span 10;
  }
  .l-grid__item[data-col-start~="min:10"] {
    grid-column-start: 10;
  }
  .l-grid__item[data-col-end~="min:10"] {
    grid-column-end: 10;
  }
  .l-grid__item[data-col~="min:11"] {
    grid-column: span 11/span 11;
  }
  .l-grid__item[data-col-start~="min:11"] {
    grid-column-start: 11;
  }
  .l-grid__item[data-col-end~="min:11"] {
    grid-column-end: 11;
  }
  .l-grid__item[data-col~="min:12"] {
    grid-column: span 12/span 12;
  }
  .l-grid__item[data-col-start~="min:12"] {
    grid-column-start: 12;
  }
  .l-grid__item[data-col-end~="min:12"] {
    grid-column-end: 12;
  }
  .l-grid__item[data-col~="min:full"] {
    grid-column: 1/-1;
  }
  .l-grid__item[data-col~="min:auto"] {
    grid-column: auto;
  }
  .l-grid__item[data-col-start~="min:auto"] {
    grid-column-start: auto;
  }
  .l-grid__item[data-col-end~="min:auto"] {
    grid-column-end: auto;
  }
  .l-grid__item[data-row~="min:1"] {
    grid-row: span 1/span 1;
  }
  .l-grid__item[data-row-start~="min:1"] {
    grid-row-start: 1;
  }
  .l-grid__item[data-row-end~="min:1"] {
    grid-row-end: 1;
  }
  .l-grid__item[data-row~="min:2"] {
    grid-row: span 2/span 2;
  }
  .l-grid__item[data-row-start~="min:2"] {
    grid-row-start: 2;
  }
  .l-grid__item[data-row-end~="min:2"] {
    grid-row-end: 2;
  }
  .l-grid__item[data-row~="min:3"] {
    grid-row: span 3/span 3;
  }
  .l-grid__item[data-row-start~="min:3"] {
    grid-row-start: 3;
  }
  .l-grid__item[data-row-end~="min:3"] {
    grid-row-end: 3;
  }
  .l-grid__item[data-row~="min:4"] {
    grid-row: span 4/span 4;
  }
  .l-grid__item[data-row-start~="min:4"] {
    grid-row-start: 4;
  }
  .l-grid__item[data-row-end~="min:4"] {
    grid-row-end: 4;
  }
  .l-grid__item[data-row~="min:5"] {
    grid-row: span 5/span 5;
  }
  .l-grid__item[data-row-start~="min:5"] {
    grid-row-start: 5;
  }
  .l-grid__item[data-row-end~="min:5"] {
    grid-row-end: 5;
  }
  .l-grid__item[data-row~="min:full"] {
    grid-row: 1/-1;
  }
  .l-grid__item[data-row~="min:auto"] {
    grid-row: auto;
  }
  .l-grid__item[data-row-start~="min:auto"] {
    grid-row-start: auto;
  }
  .l-grid__item[data-row-end~="min:auto"] {
    grid-row-end: auto;
  }
  .l-grid__item[data-order~="min:0"] {
    order: 0;
  }
  .l-grid__item[data-order~="min:-1"] {
    order: -1;
  }
  .l-grid__item[data-order~="min:1"] {
    order: 1;
  }
  .l-grid__item[data-order~="min:-2"] {
    order: -2;
  }
  .l-grid__item[data-order~="min:2"] {
    order: 2;
  }
  .l-grid__item[data-order~="min:-3"] {
    order: -3;
  }
  .l-grid__item[data-order~="min:3"] {
    order: 3;
  }
  .l-grid__item[data-over~="min:left"] {
    margin-left: calc(50% - 50vw + var(--l-scrollbar-width) * 1px);
  }
  .l-grid__item[data-over~="min:right"] {
    margin-right: calc(50% - 50vw + var(--l-scrollbar-width) * 1px);
  }
  .l-grid__item[data-over~="min:clearLeft"] {
    margin-left: 0;
  }
  .l-grid__item[data-over~="min:clearRight"] {
    margin-right: 0;
  }
}
@media screen and (min-width: 375px) {
  .l-grid__item[data-align~="xxs:start"] {
    align-items: flex-start;
  }
  .l-grid__item[data-align~="xxs:center"] {
    align-items: center;
  }
  .l-grid__item[data-align~="xxs:end"] {
    align-items: flex-end;
  }
  .l-grid__item[data-align~="xxs:top"] {
    justify-content: flex-start;
  }
  .l-grid__item[data-align~="xxs:middle"] {
    justify-content: center;
  }
  .l-grid__item[data-align~="xxs:bottom"] {
    justify-content: flex-end;
  }
  .l-grid__item[data-col~="xxs:1"] {
    grid-column: span 1/span 1;
  }
  .l-grid__item[data-col-start~="xxs:1"] {
    grid-column-start: 1;
  }
  .l-grid__item[data-col-end~="xxs:1"] {
    grid-column-end: 1;
  }
  .l-grid__item[data-col~="xxs:2"] {
    grid-column: span 2/span 2;
  }
  .l-grid__item[data-col-start~="xxs:2"] {
    grid-column-start: 2;
  }
  .l-grid__item[data-col-end~="xxs:2"] {
    grid-column-end: 2;
  }
  .l-grid__item[data-col~="xxs:3"] {
    grid-column: span 3/span 3;
  }
  .l-grid__item[data-col-start~="xxs:3"] {
    grid-column-start: 3;
  }
  .l-grid__item[data-col-end~="xxs:3"] {
    grid-column-end: 3;
  }
  .l-grid__item[data-col~="xxs:4"] {
    grid-column: span 4/span 4;
  }
  .l-grid__item[data-col-start~="xxs:4"] {
    grid-column-start: 4;
  }
  .l-grid__item[data-col-end~="xxs:4"] {
    grid-column-end: 4;
  }
  .l-grid__item[data-col~="xxs:5"] {
    grid-column: span 5/span 5;
  }
  .l-grid__item[data-col-start~="xxs:5"] {
    grid-column-start: 5;
  }
  .l-grid__item[data-col-end~="xxs:5"] {
    grid-column-end: 5;
  }
  .l-grid__item[data-col~="xxs:6"] {
    grid-column: span 6/span 6;
  }
  .l-grid__item[data-col-start~="xxs:6"] {
    grid-column-start: 6;
  }
  .l-grid__item[data-col-end~="xxs:6"] {
    grid-column-end: 6;
  }
  .l-grid__item[data-col~="xxs:7"] {
    grid-column: span 7/span 7;
  }
  .l-grid__item[data-col-start~="xxs:7"] {
    grid-column-start: 7;
  }
  .l-grid__item[data-col-end~="xxs:7"] {
    grid-column-end: 7;
  }
  .l-grid__item[data-col~="xxs:8"] {
    grid-column: span 8/span 8;
  }
  .l-grid__item[data-col-start~="xxs:8"] {
    grid-column-start: 8;
  }
  .l-grid__item[data-col-end~="xxs:8"] {
    grid-column-end: 8;
  }
  .l-grid__item[data-col~="xxs:9"] {
    grid-column: span 9/span 9;
  }
  .l-grid__item[data-col-start~="xxs:9"] {
    grid-column-start: 9;
  }
  .l-grid__item[data-col-end~="xxs:9"] {
    grid-column-end: 9;
  }
  .l-grid__item[data-col~="xxs:10"] {
    grid-column: span 10/span 10;
  }
  .l-grid__item[data-col-start~="xxs:10"] {
    grid-column-start: 10;
  }
  .l-grid__item[data-col-end~="xxs:10"] {
    grid-column-end: 10;
  }
  .l-grid__item[data-col~="xxs:11"] {
    grid-column: span 11/span 11;
  }
  .l-grid__item[data-col-start~="xxs:11"] {
    grid-column-start: 11;
  }
  .l-grid__item[data-col-end~="xxs:11"] {
    grid-column-end: 11;
  }
  .l-grid__item[data-col~="xxs:12"] {
    grid-column: span 12/span 12;
  }
  .l-grid__item[data-col-start~="xxs:12"] {
    grid-column-start: 12;
  }
  .l-grid__item[data-col-end~="xxs:12"] {
    grid-column-end: 12;
  }
  .l-grid__item[data-col~="xxs:full"] {
    grid-column: 1/-1;
  }
  .l-grid__item[data-col~="xxs:auto"] {
    grid-column: auto;
  }
  .l-grid__item[data-col-start~="xxs:auto"] {
    grid-column-start: auto;
  }
  .l-grid__item[data-col-end~="xxs:auto"] {
    grid-column-end: auto;
  }
  .l-grid__item[data-row~="xxs:1"] {
    grid-row: span 1/span 1;
  }
  .l-grid__item[data-row-start~="xxs:1"] {
    grid-row-start: 1;
  }
  .l-grid__item[data-row-end~="xxs:1"] {
    grid-row-end: 1;
  }
  .l-grid__item[data-row~="xxs:2"] {
    grid-row: span 2/span 2;
  }
  .l-grid__item[data-row-start~="xxs:2"] {
    grid-row-start: 2;
  }
  .l-grid__item[data-row-end~="xxs:2"] {
    grid-row-end: 2;
  }
  .l-grid__item[data-row~="xxs:3"] {
    grid-row: span 3/span 3;
  }
  .l-grid__item[data-row-start~="xxs:3"] {
    grid-row-start: 3;
  }
  .l-grid__item[data-row-end~="xxs:3"] {
    grid-row-end: 3;
  }
  .l-grid__item[data-row~="xxs:4"] {
    grid-row: span 4/span 4;
  }
  .l-grid__item[data-row-start~="xxs:4"] {
    grid-row-start: 4;
  }
  .l-grid__item[data-row-end~="xxs:4"] {
    grid-row-end: 4;
  }
  .l-grid__item[data-row~="xxs:5"] {
    grid-row: span 5/span 5;
  }
  .l-grid__item[data-row-start~="xxs:5"] {
    grid-row-start: 5;
  }
  .l-grid__item[data-row-end~="xxs:5"] {
    grid-row-end: 5;
  }
  .l-grid__item[data-row~="xxs:full"] {
    grid-row: 1/-1;
  }
  .l-grid__item[data-row~="xxs:auto"] {
    grid-row: auto;
  }
  .l-grid__item[data-row-start~="xxs:auto"] {
    grid-row-start: auto;
  }
  .l-grid__item[data-row-end~="xxs:auto"] {
    grid-row-end: auto;
  }
  .l-grid__item[data-order~="xxs:0"] {
    order: 0;
  }
  .l-grid__item[data-order~="xxs:-1"] {
    order: -1;
  }
  .l-grid__item[data-order~="xxs:1"] {
    order: 1;
  }
  .l-grid__item[data-order~="xxs:-2"] {
    order: -2;
  }
  .l-grid__item[data-order~="xxs:2"] {
    order: 2;
  }
  .l-grid__item[data-order~="xxs:-3"] {
    order: -3;
  }
  .l-grid__item[data-order~="xxs:3"] {
    order: 3;
  }
  .l-grid__item[data-over~="xxs:left"] {
    margin-left: calc(50% - 50vw + var(--l-scrollbar-width) * 1px);
  }
  .l-grid__item[data-over~="xxs:right"] {
    margin-right: calc(50% - 50vw + var(--l-scrollbar-width) * 1px);
  }
  .l-grid__item[data-over~="xxs:clearLeft"] {
    margin-left: 0;
  }
  .l-grid__item[data-over~="xxs:clearRight"] {
    margin-right: 0;
  }
}
@media screen and (min-width: 414px) {
  .l-grid__item[data-align~="xs:start"] {
    align-items: flex-start;
  }
  .l-grid__item[data-align~="xs:center"] {
    align-items: center;
  }
  .l-grid__item[data-align~="xs:end"] {
    align-items: flex-end;
  }
  .l-grid__item[data-align~="xs:top"] {
    justify-content: flex-start;
  }
  .l-grid__item[data-align~="xs:middle"] {
    justify-content: center;
  }
  .l-grid__item[data-align~="xs:bottom"] {
    justify-content: flex-end;
  }
  .l-grid__item[data-col~="xs:1"] {
    grid-column: span 1/span 1;
  }
  .l-grid__item[data-col-start~="xs:1"] {
    grid-column-start: 1;
  }
  .l-grid__item[data-col-end~="xs:1"] {
    grid-column-end: 1;
  }
  .l-grid__item[data-col~="xs:2"] {
    grid-column: span 2/span 2;
  }
  .l-grid__item[data-col-start~="xs:2"] {
    grid-column-start: 2;
  }
  .l-grid__item[data-col-end~="xs:2"] {
    grid-column-end: 2;
  }
  .l-grid__item[data-col~="xs:3"] {
    grid-column: span 3/span 3;
  }
  .l-grid__item[data-col-start~="xs:3"] {
    grid-column-start: 3;
  }
  .l-grid__item[data-col-end~="xs:3"] {
    grid-column-end: 3;
  }
  .l-grid__item[data-col~="xs:4"] {
    grid-column: span 4/span 4;
  }
  .l-grid__item[data-col-start~="xs:4"] {
    grid-column-start: 4;
  }
  .l-grid__item[data-col-end~="xs:4"] {
    grid-column-end: 4;
  }
  .l-grid__item[data-col~="xs:5"] {
    grid-column: span 5/span 5;
  }
  .l-grid__item[data-col-start~="xs:5"] {
    grid-column-start: 5;
  }
  .l-grid__item[data-col-end~="xs:5"] {
    grid-column-end: 5;
  }
  .l-grid__item[data-col~="xs:6"] {
    grid-column: span 6/span 6;
  }
  .l-grid__item[data-col-start~="xs:6"] {
    grid-column-start: 6;
  }
  .l-grid__item[data-col-end~="xs:6"] {
    grid-column-end: 6;
  }
  .l-grid__item[data-col~="xs:7"] {
    grid-column: span 7/span 7;
  }
  .l-grid__item[data-col-start~="xs:7"] {
    grid-column-start: 7;
  }
  .l-grid__item[data-col-end~="xs:7"] {
    grid-column-end: 7;
  }
  .l-grid__item[data-col~="xs:8"] {
    grid-column: span 8/span 8;
  }
  .l-grid__item[data-col-start~="xs:8"] {
    grid-column-start: 8;
  }
  .l-grid__item[data-col-end~="xs:8"] {
    grid-column-end: 8;
  }
  .l-grid__item[data-col~="xs:9"] {
    grid-column: span 9/span 9;
  }
  .l-grid__item[data-col-start~="xs:9"] {
    grid-column-start: 9;
  }
  .l-grid__item[data-col-end~="xs:9"] {
    grid-column-end: 9;
  }
  .l-grid__item[data-col~="xs:10"] {
    grid-column: span 10/span 10;
  }
  .l-grid__item[data-col-start~="xs:10"] {
    grid-column-start: 10;
  }
  .l-grid__item[data-col-end~="xs:10"] {
    grid-column-end: 10;
  }
  .l-grid__item[data-col~="xs:11"] {
    grid-column: span 11/span 11;
  }
  .l-grid__item[data-col-start~="xs:11"] {
    grid-column-start: 11;
  }
  .l-grid__item[data-col-end~="xs:11"] {
    grid-column-end: 11;
  }
  .l-grid__item[data-col~="xs:12"] {
    grid-column: span 12/span 12;
  }
  .l-grid__item[data-col-start~="xs:12"] {
    grid-column-start: 12;
  }
  .l-grid__item[data-col-end~="xs:12"] {
    grid-column-end: 12;
  }
  .l-grid__item[data-col~="xs:full"] {
    grid-column: 1/-1;
  }
  .l-grid__item[data-col~="xs:auto"] {
    grid-column: auto;
  }
  .l-grid__item[data-col-start~="xs:auto"] {
    grid-column-start: auto;
  }
  .l-grid__item[data-col-end~="xs:auto"] {
    grid-column-end: auto;
  }
  .l-grid__item[data-row~="xs:1"] {
    grid-row: span 1/span 1;
  }
  .l-grid__item[data-row-start~="xs:1"] {
    grid-row-start: 1;
  }
  .l-grid__item[data-row-end~="xs:1"] {
    grid-row-end: 1;
  }
  .l-grid__item[data-row~="xs:2"] {
    grid-row: span 2/span 2;
  }
  .l-grid__item[data-row-start~="xs:2"] {
    grid-row-start: 2;
  }
  .l-grid__item[data-row-end~="xs:2"] {
    grid-row-end: 2;
  }
  .l-grid__item[data-row~="xs:3"] {
    grid-row: span 3/span 3;
  }
  .l-grid__item[data-row-start~="xs:3"] {
    grid-row-start: 3;
  }
  .l-grid__item[data-row-end~="xs:3"] {
    grid-row-end: 3;
  }
  .l-grid__item[data-row~="xs:4"] {
    grid-row: span 4/span 4;
  }
  .l-grid__item[data-row-start~="xs:4"] {
    grid-row-start: 4;
  }
  .l-grid__item[data-row-end~="xs:4"] {
    grid-row-end: 4;
  }
  .l-grid__item[data-row~="xs:5"] {
    grid-row: span 5/span 5;
  }
  .l-grid__item[data-row-start~="xs:5"] {
    grid-row-start: 5;
  }
  .l-grid__item[data-row-end~="xs:5"] {
    grid-row-end: 5;
  }
  .l-grid__item[data-row~="xs:full"] {
    grid-row: 1/-1;
  }
  .l-grid__item[data-row~="xs:auto"] {
    grid-row: auto;
  }
  .l-grid__item[data-row-start~="xs:auto"] {
    grid-row-start: auto;
  }
  .l-grid__item[data-row-end~="xs:auto"] {
    grid-row-end: auto;
  }
  .l-grid__item[data-order~="xs:0"] {
    order: 0;
  }
  .l-grid__item[data-order~="xs:-1"] {
    order: -1;
  }
  .l-grid__item[data-order~="xs:1"] {
    order: 1;
  }
  .l-grid__item[data-order~="xs:-2"] {
    order: -2;
  }
  .l-grid__item[data-order~="xs:2"] {
    order: 2;
  }
  .l-grid__item[data-order~="xs:-3"] {
    order: -3;
  }
  .l-grid__item[data-order~="xs:3"] {
    order: 3;
  }
  .l-grid__item[data-over~="xs:left"] {
    margin-left: calc(50% - 50vw + var(--l-scrollbar-width) * 1px);
  }
  .l-grid__item[data-over~="xs:right"] {
    margin-right: calc(50% - 50vw + var(--l-scrollbar-width) * 1px);
  }
  .l-grid__item[data-over~="xs:clearLeft"] {
    margin-left: 0;
  }
  .l-grid__item[data-over~="xs:clearRight"] {
    margin-right: 0;
  }
}
@media screen and (min-width: 576px) {
  .l-grid__item[data-align~="sm:start"] {
    align-items: flex-start;
  }
  .l-grid__item[data-align~="sm:center"] {
    align-items: center;
  }
  .l-grid__item[data-align~="sm:end"] {
    align-items: flex-end;
  }
  .l-grid__item[data-align~="sm:top"] {
    justify-content: flex-start;
  }
  .l-grid__item[data-align~="sm:middle"] {
    justify-content: center;
  }
  .l-grid__item[data-align~="sm:bottom"] {
    justify-content: flex-end;
  }
  .l-grid__item[data-col~="sm:1"] {
    grid-column: span 1/span 1;
  }
  .l-grid__item[data-col-start~="sm:1"] {
    grid-column-start: 1;
  }
  .l-grid__item[data-col-end~="sm:1"] {
    grid-column-end: 1;
  }
  .l-grid__item[data-col~="sm:2"] {
    grid-column: span 2/span 2;
  }
  .l-grid__item[data-col-start~="sm:2"] {
    grid-column-start: 2;
  }
  .l-grid__item[data-col-end~="sm:2"] {
    grid-column-end: 2;
  }
  .l-grid__item[data-col~="sm:3"] {
    grid-column: span 3/span 3;
  }
  .l-grid__item[data-col-start~="sm:3"] {
    grid-column-start: 3;
  }
  .l-grid__item[data-col-end~="sm:3"] {
    grid-column-end: 3;
  }
  .l-grid__item[data-col~="sm:4"] {
    grid-column: span 4/span 4;
  }
  .l-grid__item[data-col-start~="sm:4"] {
    grid-column-start: 4;
  }
  .l-grid__item[data-col-end~="sm:4"] {
    grid-column-end: 4;
  }
  .l-grid__item[data-col~="sm:5"] {
    grid-column: span 5/span 5;
  }
  .l-grid__item[data-col-start~="sm:5"] {
    grid-column-start: 5;
  }
  .l-grid__item[data-col-end~="sm:5"] {
    grid-column-end: 5;
  }
  .l-grid__item[data-col~="sm:6"] {
    grid-column: span 6/span 6;
  }
  .l-grid__item[data-col-start~="sm:6"] {
    grid-column-start: 6;
  }
  .l-grid__item[data-col-end~="sm:6"] {
    grid-column-end: 6;
  }
  .l-grid__item[data-col~="sm:7"] {
    grid-column: span 7/span 7;
  }
  .l-grid__item[data-col-start~="sm:7"] {
    grid-column-start: 7;
  }
  .l-grid__item[data-col-end~="sm:7"] {
    grid-column-end: 7;
  }
  .l-grid__item[data-col~="sm:8"] {
    grid-column: span 8/span 8;
  }
  .l-grid__item[data-col-start~="sm:8"] {
    grid-column-start: 8;
  }
  .l-grid__item[data-col-end~="sm:8"] {
    grid-column-end: 8;
  }
  .l-grid__item[data-col~="sm:9"] {
    grid-column: span 9/span 9;
  }
  .l-grid__item[data-col-start~="sm:9"] {
    grid-column-start: 9;
  }
  .l-grid__item[data-col-end~="sm:9"] {
    grid-column-end: 9;
  }
  .l-grid__item[data-col~="sm:10"] {
    grid-column: span 10/span 10;
  }
  .l-grid__item[data-col-start~="sm:10"] {
    grid-column-start: 10;
  }
  .l-grid__item[data-col-end~="sm:10"] {
    grid-column-end: 10;
  }
  .l-grid__item[data-col~="sm:11"] {
    grid-column: span 11/span 11;
  }
  .l-grid__item[data-col-start~="sm:11"] {
    grid-column-start: 11;
  }
  .l-grid__item[data-col-end~="sm:11"] {
    grid-column-end: 11;
  }
  .l-grid__item[data-col~="sm:12"] {
    grid-column: span 12/span 12;
  }
  .l-grid__item[data-col-start~="sm:12"] {
    grid-column-start: 12;
  }
  .l-grid__item[data-col-end~="sm:12"] {
    grid-column-end: 12;
  }
  .l-grid__item[data-col~="sm:full"] {
    grid-column: 1/-1;
  }
  .l-grid__item[data-col~="sm:auto"] {
    grid-column: auto;
  }
  .l-grid__item[data-col-start~="sm:auto"] {
    grid-column-start: auto;
  }
  .l-grid__item[data-col-end~="sm:auto"] {
    grid-column-end: auto;
  }
  .l-grid__item[data-row~="sm:1"] {
    grid-row: span 1/span 1;
  }
  .l-grid__item[data-row-start~="sm:1"] {
    grid-row-start: 1;
  }
  .l-grid__item[data-row-end~="sm:1"] {
    grid-row-end: 1;
  }
  .l-grid__item[data-row~="sm:2"] {
    grid-row: span 2/span 2;
  }
  .l-grid__item[data-row-start~="sm:2"] {
    grid-row-start: 2;
  }
  .l-grid__item[data-row-end~="sm:2"] {
    grid-row-end: 2;
  }
  .l-grid__item[data-row~="sm:3"] {
    grid-row: span 3/span 3;
  }
  .l-grid__item[data-row-start~="sm:3"] {
    grid-row-start: 3;
  }
  .l-grid__item[data-row-end~="sm:3"] {
    grid-row-end: 3;
  }
  .l-grid__item[data-row~="sm:4"] {
    grid-row: span 4/span 4;
  }
  .l-grid__item[data-row-start~="sm:4"] {
    grid-row-start: 4;
  }
  .l-grid__item[data-row-end~="sm:4"] {
    grid-row-end: 4;
  }
  .l-grid__item[data-row~="sm:5"] {
    grid-row: span 5/span 5;
  }
  .l-grid__item[data-row-start~="sm:5"] {
    grid-row-start: 5;
  }
  .l-grid__item[data-row-end~="sm:5"] {
    grid-row-end: 5;
  }
  .l-grid__item[data-row~="sm:full"] {
    grid-row: 1/-1;
  }
  .l-grid__item[data-row~="sm:auto"] {
    grid-row: auto;
  }
  .l-grid__item[data-row-start~="sm:auto"] {
    grid-row-start: auto;
  }
  .l-grid__item[data-row-end~="sm:auto"] {
    grid-row-end: auto;
  }
  .l-grid__item[data-order~="sm:0"] {
    order: 0;
  }
  .l-grid__item[data-order~="sm:-1"] {
    order: -1;
  }
  .l-grid__item[data-order~="sm:1"] {
    order: 1;
  }
  .l-grid__item[data-order~="sm:-2"] {
    order: -2;
  }
  .l-grid__item[data-order~="sm:2"] {
    order: 2;
  }
  .l-grid__item[data-order~="sm:-3"] {
    order: -3;
  }
  .l-grid__item[data-order~="sm:3"] {
    order: 3;
  }
  .l-grid__item[data-over~="sm:left"] {
    margin-left: calc(50% - 50vw + var(--l-scrollbar-width) * 1px);
  }
  .l-grid__item[data-over~="sm:right"] {
    margin-right: calc(50% - 50vw + var(--l-scrollbar-width) * 1px);
  }
  .l-grid__item[data-over~="sm:clearLeft"] {
    margin-left: 0;
  }
  .l-grid__item[data-over~="sm:clearRight"] {
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) {
  .l-grid__item[data-align~="md:start"] {
    align-items: flex-start;
  }
  .l-grid__item[data-align~="md:center"] {
    align-items: center;
  }
  .l-grid__item[data-align~="md:end"] {
    align-items: flex-end;
  }
  .l-grid__item[data-align~="md:top"] {
    justify-content: flex-start;
  }
  .l-grid__item[data-align~="md:middle"] {
    justify-content: center;
  }
  .l-grid__item[data-align~="md:bottom"] {
    justify-content: flex-end;
  }
  .l-grid__item[data-col~="md:1"] {
    grid-column: span 1/span 1;
  }
  .l-grid__item[data-col-start~="md:1"] {
    grid-column-start: 1;
  }
  .l-grid__item[data-col-end~="md:1"] {
    grid-column-end: 1;
  }
  .l-grid__item[data-col~="md:2"] {
    grid-column: span 2/span 2;
  }
  .l-grid__item[data-col-start~="md:2"] {
    grid-column-start: 2;
  }
  .l-grid__item[data-col-end~="md:2"] {
    grid-column-end: 2;
  }
  .l-grid__item[data-col~="md:3"] {
    grid-column: span 3/span 3;
  }
  .l-grid__item[data-col-start~="md:3"] {
    grid-column-start: 3;
  }
  .l-grid__item[data-col-end~="md:3"] {
    grid-column-end: 3;
  }
  .l-grid__item[data-col~="md:4"] {
    grid-column: span 4/span 4;
  }
  .l-grid__item[data-col-start~="md:4"] {
    grid-column-start: 4;
  }
  .l-grid__item[data-col-end~="md:4"] {
    grid-column-end: 4;
  }
  .l-grid__item[data-col~="md:5"] {
    grid-column: span 5/span 5;
  }
  .l-grid__item[data-col-start~="md:5"] {
    grid-column-start: 5;
  }
  .l-grid__item[data-col-end~="md:5"] {
    grid-column-end: 5;
  }
  .l-grid__item[data-col~="md:6"] {
    grid-column: span 6/span 6;
  }
  .l-grid__item[data-col-start~="md:6"] {
    grid-column-start: 6;
  }
  .l-grid__item[data-col-end~="md:6"] {
    grid-column-end: 6;
  }
  .l-grid__item[data-col~="md:7"] {
    grid-column: span 7/span 7;
  }
  .l-grid__item[data-col-start~="md:7"] {
    grid-column-start: 7;
  }
  .l-grid__item[data-col-end~="md:7"] {
    grid-column-end: 7;
  }
  .l-grid__item[data-col~="md:8"] {
    grid-column: span 8/span 8;
  }
  .l-grid__item[data-col-start~="md:8"] {
    grid-column-start: 8;
  }
  .l-grid__item[data-col-end~="md:8"] {
    grid-column-end: 8;
  }
  .l-grid__item[data-col~="md:9"] {
    grid-column: span 9/span 9;
  }
  .l-grid__item[data-col-start~="md:9"] {
    grid-column-start: 9;
  }
  .l-grid__item[data-col-end~="md:9"] {
    grid-column-end: 9;
  }
  .l-grid__item[data-col~="md:10"] {
    grid-column: span 10/span 10;
  }
  .l-grid__item[data-col-start~="md:10"] {
    grid-column-start: 10;
  }
  .l-grid__item[data-col-end~="md:10"] {
    grid-column-end: 10;
  }
  .l-grid__item[data-col~="md:11"] {
    grid-column: span 11/span 11;
  }
  .l-grid__item[data-col-start~="md:11"] {
    grid-column-start: 11;
  }
  .l-grid__item[data-col-end~="md:11"] {
    grid-column-end: 11;
  }
  .l-grid__item[data-col~="md:12"] {
    grid-column: span 12/span 12;
  }
  .l-grid__item[data-col-start~="md:12"] {
    grid-column-start: 12;
  }
  .l-grid__item[data-col-end~="md:12"] {
    grid-column-end: 12;
  }
  .l-grid__item[data-col~="md:full"] {
    grid-column: 1/-1;
  }
  .l-grid__item[data-col~="md:auto"] {
    grid-column: auto;
  }
  .l-grid__item[data-col-start~="md:auto"] {
    grid-column-start: auto;
  }
  .l-grid__item[data-col-end~="md:auto"] {
    grid-column-end: auto;
  }
  .l-grid__item[data-row~="md:1"] {
    grid-row: span 1/span 1;
  }
  .l-grid__item[data-row-start~="md:1"] {
    grid-row-start: 1;
  }
  .l-grid__item[data-row-end~="md:1"] {
    grid-row-end: 1;
  }
  .l-grid__item[data-row~="md:2"] {
    grid-row: span 2/span 2;
  }
  .l-grid__item[data-row-start~="md:2"] {
    grid-row-start: 2;
  }
  .l-grid__item[data-row-end~="md:2"] {
    grid-row-end: 2;
  }
  .l-grid__item[data-row~="md:3"] {
    grid-row: span 3/span 3;
  }
  .l-grid__item[data-row-start~="md:3"] {
    grid-row-start: 3;
  }
  .l-grid__item[data-row-end~="md:3"] {
    grid-row-end: 3;
  }
  .l-grid__item[data-row~="md:4"] {
    grid-row: span 4/span 4;
  }
  .l-grid__item[data-row-start~="md:4"] {
    grid-row-start: 4;
  }
  .l-grid__item[data-row-end~="md:4"] {
    grid-row-end: 4;
  }
  .l-grid__item[data-row~="md:5"] {
    grid-row: span 5/span 5;
  }
  .l-grid__item[data-row-start~="md:5"] {
    grid-row-start: 5;
  }
  .l-grid__item[data-row-end~="md:5"] {
    grid-row-end: 5;
  }
  .l-grid__item[data-row~="md:full"] {
    grid-row: 1/-1;
  }
  .l-grid__item[data-row~="md:auto"] {
    grid-row: auto;
  }
  .l-grid__item[data-row-start~="md:auto"] {
    grid-row-start: auto;
  }
  .l-grid__item[data-row-end~="md:auto"] {
    grid-row-end: auto;
  }
  .l-grid__item[data-order~="md:0"] {
    order: 0;
  }
  .l-grid__item[data-order~="md:-1"] {
    order: -1;
  }
  .l-grid__item[data-order~="md:1"] {
    order: 1;
  }
  .l-grid__item[data-order~="md:-2"] {
    order: -2;
  }
  .l-grid__item[data-order~="md:2"] {
    order: 2;
  }
  .l-grid__item[data-order~="md:-3"] {
    order: -3;
  }
  .l-grid__item[data-order~="md:3"] {
    order: 3;
  }
  .l-grid__item[data-over~="md:left"] {
    margin-left: calc(50% - 50vw + var(--l-scrollbar-width) * 1px);
  }
  .l-grid__item[data-over~="md:right"] {
    margin-right: calc(50% - 50vw + var(--l-scrollbar-width) * 1px);
  }
  .l-grid__item[data-over~="md:clearLeft"] {
    margin-left: 0;
  }
  .l-grid__item[data-over~="md:clearRight"] {
    margin-right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .l-grid__item[data-align~="lg:start"] {
    align-items: flex-start;
  }
  .l-grid__item[data-align~="lg:center"] {
    align-items: center;
  }
  .l-grid__item[data-align~="lg:end"] {
    align-items: flex-end;
  }
  .l-grid__item[data-align~="lg:top"] {
    justify-content: flex-start;
  }
  .l-grid__item[data-align~="lg:middle"] {
    justify-content: center;
  }
  .l-grid__item[data-align~="lg:bottom"] {
    justify-content: flex-end;
  }
  .l-grid__item[data-col~="lg:1"] {
    grid-column: span 1/span 1;
  }
  .l-grid__item[data-col-start~="lg:1"] {
    grid-column-start: 1;
  }
  .l-grid__item[data-col-end~="lg:1"] {
    grid-column-end: 1;
  }
  .l-grid__item[data-col~="lg:2"] {
    grid-column: span 2/span 2;
  }
  .l-grid__item[data-col-start~="lg:2"] {
    grid-column-start: 2;
  }
  .l-grid__item[data-col-end~="lg:2"] {
    grid-column-end: 2;
  }
  .l-grid__item[data-col~="lg:3"] {
    grid-column: span 3/span 3;
  }
  .l-grid__item[data-col-start~="lg:3"] {
    grid-column-start: 3;
  }
  .l-grid__item[data-col-end~="lg:3"] {
    grid-column-end: 3;
  }
  .l-grid__item[data-col~="lg:4"] {
    grid-column: span 4/span 4;
  }
  .l-grid__item[data-col-start~="lg:4"] {
    grid-column-start: 4;
  }
  .l-grid__item[data-col-end~="lg:4"] {
    grid-column-end: 4;
  }
  .l-grid__item[data-col~="lg:5"] {
    grid-column: span 5/span 5;
  }
  .l-grid__item[data-col-start~="lg:5"] {
    grid-column-start: 5;
  }
  .l-grid__item[data-col-end~="lg:5"] {
    grid-column-end: 5;
  }
  .l-grid__item[data-col~="lg:6"] {
    grid-column: span 6/span 6;
  }
  .l-grid__item[data-col-start~="lg:6"] {
    grid-column-start: 6;
  }
  .l-grid__item[data-col-end~="lg:6"] {
    grid-column-end: 6;
  }
  .l-grid__item[data-col~="lg:7"] {
    grid-column: span 7/span 7;
  }
  .l-grid__item[data-col-start~="lg:7"] {
    grid-column-start: 7;
  }
  .l-grid__item[data-col-end~="lg:7"] {
    grid-column-end: 7;
  }
  .l-grid__item[data-col~="lg:8"] {
    grid-column: span 8/span 8;
  }
  .l-grid__item[data-col-start~="lg:8"] {
    grid-column-start: 8;
  }
  .l-grid__item[data-col-end~="lg:8"] {
    grid-column-end: 8;
  }
  .l-grid__item[data-col~="lg:9"] {
    grid-column: span 9/span 9;
  }
  .l-grid__item[data-col-start~="lg:9"] {
    grid-column-start: 9;
  }
  .l-grid__item[data-col-end~="lg:9"] {
    grid-column-end: 9;
  }
  .l-grid__item[data-col~="lg:10"] {
    grid-column: span 10/span 10;
  }
  .l-grid__item[data-col-start~="lg:10"] {
    grid-column-start: 10;
  }
  .l-grid__item[data-col-end~="lg:10"] {
    grid-column-end: 10;
  }
  .l-grid__item[data-col~="lg:11"] {
    grid-column: span 11/span 11;
  }
  .l-grid__item[data-col-start~="lg:11"] {
    grid-column-start: 11;
  }
  .l-grid__item[data-col-end~="lg:11"] {
    grid-column-end: 11;
  }
  .l-grid__item[data-col~="lg:12"] {
    grid-column: span 12/span 12;
  }
  .l-grid__item[data-col-start~="lg:12"] {
    grid-column-start: 12;
  }
  .l-grid__item[data-col-end~="lg:12"] {
    grid-column-end: 12;
  }
  .l-grid__item[data-col~="lg:full"] {
    grid-column: 1/-1;
  }
  .l-grid__item[data-col~="lg:auto"] {
    grid-column: auto;
  }
  .l-grid__item[data-col-start~="lg:auto"] {
    grid-column-start: auto;
  }
  .l-grid__item[data-col-end~="lg:auto"] {
    grid-column-end: auto;
  }
  .l-grid__item[data-row~="lg:1"] {
    grid-row: span 1/span 1;
  }
  .l-grid__item[data-row-start~="lg:1"] {
    grid-row-start: 1;
  }
  .l-grid__item[data-row-end~="lg:1"] {
    grid-row-end: 1;
  }
  .l-grid__item[data-row~="lg:2"] {
    grid-row: span 2/span 2;
  }
  .l-grid__item[data-row-start~="lg:2"] {
    grid-row-start: 2;
  }
  .l-grid__item[data-row-end~="lg:2"] {
    grid-row-end: 2;
  }
  .l-grid__item[data-row~="lg:3"] {
    grid-row: span 3/span 3;
  }
  .l-grid__item[data-row-start~="lg:3"] {
    grid-row-start: 3;
  }
  .l-grid__item[data-row-end~="lg:3"] {
    grid-row-end: 3;
  }
  .l-grid__item[data-row~="lg:4"] {
    grid-row: span 4/span 4;
  }
  .l-grid__item[data-row-start~="lg:4"] {
    grid-row-start: 4;
  }
  .l-grid__item[data-row-end~="lg:4"] {
    grid-row-end: 4;
  }
  .l-grid__item[data-row~="lg:5"] {
    grid-row: span 5/span 5;
  }
  .l-grid__item[data-row-start~="lg:5"] {
    grid-row-start: 5;
  }
  .l-grid__item[data-row-end~="lg:5"] {
    grid-row-end: 5;
  }
  .l-grid__item[data-row~="lg:full"] {
    grid-row: 1/-1;
  }
  .l-grid__item[data-row~="lg:auto"] {
    grid-row: auto;
  }
  .l-grid__item[data-row-start~="lg:auto"] {
    grid-row-start: auto;
  }
  .l-grid__item[data-row-end~="lg:auto"] {
    grid-row-end: auto;
  }
  .l-grid__item[data-order~="lg:0"] {
    order: 0;
  }
  .l-grid__item[data-order~="lg:-1"] {
    order: -1;
  }
  .l-grid__item[data-order~="lg:1"] {
    order: 1;
  }
  .l-grid__item[data-order~="lg:-2"] {
    order: -2;
  }
  .l-grid__item[data-order~="lg:2"] {
    order: 2;
  }
  .l-grid__item[data-order~="lg:-3"] {
    order: -3;
  }
  .l-grid__item[data-order~="lg:3"] {
    order: 3;
  }
  .l-grid__item[data-over~="lg:left"] {
    margin-left: calc(50% - 50vw + var(--l-scrollbar-width) * 1px);
  }
  .l-grid__item[data-over~="lg:right"] {
    margin-right: calc(50% - 50vw + var(--l-scrollbar-width) * 1px);
  }
  .l-grid__item[data-over~="lg:clearLeft"] {
    margin-left: 0;
  }
  .l-grid__item[data-over~="lg:clearRight"] {
    margin-right: 0;
  }
}
@media screen and (min-width: 1280px) {
  .l-grid__item[data-align~="xl:start"] {
    align-items: flex-start;
  }
  .l-grid__item[data-align~="xl:center"] {
    align-items: center;
  }
  .l-grid__item[data-align~="xl:end"] {
    align-items: flex-end;
  }
  .l-grid__item[data-align~="xl:top"] {
    justify-content: flex-start;
  }
  .l-grid__item[data-align~="xl:middle"] {
    justify-content: center;
  }
  .l-grid__item[data-align~="xl:bottom"] {
    justify-content: flex-end;
  }
  .l-grid__item[data-col~="xl:1"] {
    grid-column: span 1/span 1;
  }
  .l-grid__item[data-col-start~="xl:1"] {
    grid-column-start: 1;
  }
  .l-grid__item[data-col-end~="xl:1"] {
    grid-column-end: 1;
  }
  .l-grid__item[data-col~="xl:2"] {
    grid-column: span 2/span 2;
  }
  .l-grid__item[data-col-start~="xl:2"] {
    grid-column-start: 2;
  }
  .l-grid__item[data-col-end~="xl:2"] {
    grid-column-end: 2;
  }
  .l-grid__item[data-col~="xl:3"] {
    grid-column: span 3/span 3;
  }
  .l-grid__item[data-col-start~="xl:3"] {
    grid-column-start: 3;
  }
  .l-grid__item[data-col-end~="xl:3"] {
    grid-column-end: 3;
  }
  .l-grid__item[data-col~="xl:4"] {
    grid-column: span 4/span 4;
  }
  .l-grid__item[data-col-start~="xl:4"] {
    grid-column-start: 4;
  }
  .l-grid__item[data-col-end~="xl:4"] {
    grid-column-end: 4;
  }
  .l-grid__item[data-col~="xl:5"] {
    grid-column: span 5/span 5;
  }
  .l-grid__item[data-col-start~="xl:5"] {
    grid-column-start: 5;
  }
  .l-grid__item[data-col-end~="xl:5"] {
    grid-column-end: 5;
  }
  .l-grid__item[data-col~="xl:6"] {
    grid-column: span 6/span 6;
  }
  .l-grid__item[data-col-start~="xl:6"] {
    grid-column-start: 6;
  }
  .l-grid__item[data-col-end~="xl:6"] {
    grid-column-end: 6;
  }
  .l-grid__item[data-col~="xl:7"] {
    grid-column: span 7/span 7;
  }
  .l-grid__item[data-col-start~="xl:7"] {
    grid-column-start: 7;
  }
  .l-grid__item[data-col-end~="xl:7"] {
    grid-column-end: 7;
  }
  .l-grid__item[data-col~="xl:8"] {
    grid-column: span 8/span 8;
  }
  .l-grid__item[data-col-start~="xl:8"] {
    grid-column-start: 8;
  }
  .l-grid__item[data-col-end~="xl:8"] {
    grid-column-end: 8;
  }
  .l-grid__item[data-col~="xl:9"] {
    grid-column: span 9/span 9;
  }
  .l-grid__item[data-col-start~="xl:9"] {
    grid-column-start: 9;
  }
  .l-grid__item[data-col-end~="xl:9"] {
    grid-column-end: 9;
  }
  .l-grid__item[data-col~="xl:10"] {
    grid-column: span 10/span 10;
  }
  .l-grid__item[data-col-start~="xl:10"] {
    grid-column-start: 10;
  }
  .l-grid__item[data-col-end~="xl:10"] {
    grid-column-end: 10;
  }
  .l-grid__item[data-col~="xl:11"] {
    grid-column: span 11/span 11;
  }
  .l-grid__item[data-col-start~="xl:11"] {
    grid-column-start: 11;
  }
  .l-grid__item[data-col-end~="xl:11"] {
    grid-column-end: 11;
  }
  .l-grid__item[data-col~="xl:12"] {
    grid-column: span 12/span 12;
  }
  .l-grid__item[data-col-start~="xl:12"] {
    grid-column-start: 12;
  }
  .l-grid__item[data-col-end~="xl:12"] {
    grid-column-end: 12;
  }
  .l-grid__item[data-col~="xl:full"] {
    grid-column: 1/-1;
  }
  .l-grid__item[data-col~="xl:auto"] {
    grid-column: auto;
  }
  .l-grid__item[data-col-start~="xl:auto"] {
    grid-column-start: auto;
  }
  .l-grid__item[data-col-end~="xl:auto"] {
    grid-column-end: auto;
  }
  .l-grid__item[data-row~="xl:1"] {
    grid-row: span 1/span 1;
  }
  .l-grid__item[data-row-start~="xl:1"] {
    grid-row-start: 1;
  }
  .l-grid__item[data-row-end~="xl:1"] {
    grid-row-end: 1;
  }
  .l-grid__item[data-row~="xl:2"] {
    grid-row: span 2/span 2;
  }
  .l-grid__item[data-row-start~="xl:2"] {
    grid-row-start: 2;
  }
  .l-grid__item[data-row-end~="xl:2"] {
    grid-row-end: 2;
  }
  .l-grid__item[data-row~="xl:3"] {
    grid-row: span 3/span 3;
  }
  .l-grid__item[data-row-start~="xl:3"] {
    grid-row-start: 3;
  }
  .l-grid__item[data-row-end~="xl:3"] {
    grid-row-end: 3;
  }
  .l-grid__item[data-row~="xl:4"] {
    grid-row: span 4/span 4;
  }
  .l-grid__item[data-row-start~="xl:4"] {
    grid-row-start: 4;
  }
  .l-grid__item[data-row-end~="xl:4"] {
    grid-row-end: 4;
  }
  .l-grid__item[data-row~="xl:5"] {
    grid-row: span 5/span 5;
  }
  .l-grid__item[data-row-start~="xl:5"] {
    grid-row-start: 5;
  }
  .l-grid__item[data-row-end~="xl:5"] {
    grid-row-end: 5;
  }
  .l-grid__item[data-row~="xl:full"] {
    grid-row: 1/-1;
  }
  .l-grid__item[data-row~="xl:auto"] {
    grid-row: auto;
  }
  .l-grid__item[data-row-start~="xl:auto"] {
    grid-row-start: auto;
  }
  .l-grid__item[data-row-end~="xl:auto"] {
    grid-row-end: auto;
  }
  .l-grid__item[data-order~="xl:0"] {
    order: 0;
  }
  .l-grid__item[data-order~="xl:-1"] {
    order: -1;
  }
  .l-grid__item[data-order~="xl:1"] {
    order: 1;
  }
  .l-grid__item[data-order~="xl:-2"] {
    order: -2;
  }
  .l-grid__item[data-order~="xl:2"] {
    order: 2;
  }
  .l-grid__item[data-order~="xl:-3"] {
    order: -3;
  }
  .l-grid__item[data-order~="xl:3"] {
    order: 3;
  }
  .l-grid__item[data-over~="xl:left"] {
    margin-left: calc(50% - 50vw + var(--l-scrollbar-width) * 1px);
  }
  .l-grid__item[data-over~="xl:right"] {
    margin-right: calc(50% - 50vw + var(--l-scrollbar-width) * 1px);
  }
  .l-grid__item[data-over~="xl:clearLeft"] {
    margin-left: 0;
  }
  .l-grid__item[data-over~="xl:clearRight"] {
    margin-right: 0;
  }
}
@media screen and (min-width: 1480px) {
  .l-grid__item[data-align~="xxl:start"] {
    align-items: flex-start;
  }
  .l-grid__item[data-align~="xxl:center"] {
    align-items: center;
  }
  .l-grid__item[data-align~="xxl:end"] {
    align-items: flex-end;
  }
  .l-grid__item[data-align~="xxl:top"] {
    justify-content: flex-start;
  }
  .l-grid__item[data-align~="xxl:middle"] {
    justify-content: center;
  }
  .l-grid__item[data-align~="xxl:bottom"] {
    justify-content: flex-end;
  }
  .l-grid__item[data-col~="xxl:1"] {
    grid-column: span 1/span 1;
  }
  .l-grid__item[data-col-start~="xxl:1"] {
    grid-column-start: 1;
  }
  .l-grid__item[data-col-end~="xxl:1"] {
    grid-column-end: 1;
  }
  .l-grid__item[data-col~="xxl:2"] {
    grid-column: span 2/span 2;
  }
  .l-grid__item[data-col-start~="xxl:2"] {
    grid-column-start: 2;
  }
  .l-grid__item[data-col-end~="xxl:2"] {
    grid-column-end: 2;
  }
  .l-grid__item[data-col~="xxl:3"] {
    grid-column: span 3/span 3;
  }
  .l-grid__item[data-col-start~="xxl:3"] {
    grid-column-start: 3;
  }
  .l-grid__item[data-col-end~="xxl:3"] {
    grid-column-end: 3;
  }
  .l-grid__item[data-col~="xxl:4"] {
    grid-column: span 4/span 4;
  }
  .l-grid__item[data-col-start~="xxl:4"] {
    grid-column-start: 4;
  }
  .l-grid__item[data-col-end~="xxl:4"] {
    grid-column-end: 4;
  }
  .l-grid__item[data-col~="xxl:5"] {
    grid-column: span 5/span 5;
  }
  .l-grid__item[data-col-start~="xxl:5"] {
    grid-column-start: 5;
  }
  .l-grid__item[data-col-end~="xxl:5"] {
    grid-column-end: 5;
  }
  .l-grid__item[data-col~="xxl:6"] {
    grid-column: span 6/span 6;
  }
  .l-grid__item[data-col-start~="xxl:6"] {
    grid-column-start: 6;
  }
  .l-grid__item[data-col-end~="xxl:6"] {
    grid-column-end: 6;
  }
  .l-grid__item[data-col~="xxl:7"] {
    grid-column: span 7/span 7;
  }
  .l-grid__item[data-col-start~="xxl:7"] {
    grid-column-start: 7;
  }
  .l-grid__item[data-col-end~="xxl:7"] {
    grid-column-end: 7;
  }
  .l-grid__item[data-col~="xxl:8"] {
    grid-column: span 8/span 8;
  }
  .l-grid__item[data-col-start~="xxl:8"] {
    grid-column-start: 8;
  }
  .l-grid__item[data-col-end~="xxl:8"] {
    grid-column-end: 8;
  }
  .l-grid__item[data-col~="xxl:9"] {
    grid-column: span 9/span 9;
  }
  .l-grid__item[data-col-start~="xxl:9"] {
    grid-column-start: 9;
  }
  .l-grid__item[data-col-end~="xxl:9"] {
    grid-column-end: 9;
  }
  .l-grid__item[data-col~="xxl:10"] {
    grid-column: span 10/span 10;
  }
  .l-grid__item[data-col-start~="xxl:10"] {
    grid-column-start: 10;
  }
  .l-grid__item[data-col-end~="xxl:10"] {
    grid-column-end: 10;
  }
  .l-grid__item[data-col~="xxl:11"] {
    grid-column: span 11/span 11;
  }
  .l-grid__item[data-col-start~="xxl:11"] {
    grid-column-start: 11;
  }
  .l-grid__item[data-col-end~="xxl:11"] {
    grid-column-end: 11;
  }
  .l-grid__item[data-col~="xxl:12"] {
    grid-column: span 12/span 12;
  }
  .l-grid__item[data-col-start~="xxl:12"] {
    grid-column-start: 12;
  }
  .l-grid__item[data-col-end~="xxl:12"] {
    grid-column-end: 12;
  }
  .l-grid__item[data-col~="xxl:full"] {
    grid-column: 1/-1;
  }
  .l-grid__item[data-col~="xxl:auto"] {
    grid-column: auto;
  }
  .l-grid__item[data-col-start~="xxl:auto"] {
    grid-column-start: auto;
  }
  .l-grid__item[data-col-end~="xxl:auto"] {
    grid-column-end: auto;
  }
  .l-grid__item[data-row~="xxl:1"] {
    grid-row: span 1/span 1;
  }
  .l-grid__item[data-row-start~="xxl:1"] {
    grid-row-start: 1;
  }
  .l-grid__item[data-row-end~="xxl:1"] {
    grid-row-end: 1;
  }
  .l-grid__item[data-row~="xxl:2"] {
    grid-row: span 2/span 2;
  }
  .l-grid__item[data-row-start~="xxl:2"] {
    grid-row-start: 2;
  }
  .l-grid__item[data-row-end~="xxl:2"] {
    grid-row-end: 2;
  }
  .l-grid__item[data-row~="xxl:3"] {
    grid-row: span 3/span 3;
  }
  .l-grid__item[data-row-start~="xxl:3"] {
    grid-row-start: 3;
  }
  .l-grid__item[data-row-end~="xxl:3"] {
    grid-row-end: 3;
  }
  .l-grid__item[data-row~="xxl:4"] {
    grid-row: span 4/span 4;
  }
  .l-grid__item[data-row-start~="xxl:4"] {
    grid-row-start: 4;
  }
  .l-grid__item[data-row-end~="xxl:4"] {
    grid-row-end: 4;
  }
  .l-grid__item[data-row~="xxl:5"] {
    grid-row: span 5/span 5;
  }
  .l-grid__item[data-row-start~="xxl:5"] {
    grid-row-start: 5;
  }
  .l-grid__item[data-row-end~="xxl:5"] {
    grid-row-end: 5;
  }
  .l-grid__item[data-row~="xxl:full"] {
    grid-row: 1/-1;
  }
  .l-grid__item[data-row~="xxl:auto"] {
    grid-row: auto;
  }
  .l-grid__item[data-row-start~="xxl:auto"] {
    grid-row-start: auto;
  }
  .l-grid__item[data-row-end~="xxl:auto"] {
    grid-row-end: auto;
  }
  .l-grid__item[data-order~="xxl:0"] {
    order: 0;
  }
  .l-grid__item[data-order~="xxl:-1"] {
    order: -1;
  }
  .l-grid__item[data-order~="xxl:1"] {
    order: 1;
  }
  .l-grid__item[data-order~="xxl:-2"] {
    order: -2;
  }
  .l-grid__item[data-order~="xxl:2"] {
    order: 2;
  }
  .l-grid__item[data-order~="xxl:-3"] {
    order: -3;
  }
  .l-grid__item[data-order~="xxl:3"] {
    order: 3;
  }
  .l-grid__item[data-over~="xxl:left"] {
    margin-left: calc(50% - 50vw + var(--l-scrollbar-width) * 1px);
  }
  .l-grid__item[data-over~="xxl:right"] {
    margin-right: calc(50% - 50vw + var(--l-scrollbar-width) * 1px);
  }
  .l-grid__item[data-over~="xxl:clearLeft"] {
    margin-left: 0;
  }
  .l-grid__item[data-over~="xxl:clearRight"] {
    margin-right: 0;
  }
}

/*
 tab
-----------------------------------------------------*/
.tab button {
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
}

/* Style the tab content */
.tabcontent {
  display: none;
  position: relative;
}

.is-active.tabcontent {
  display: block;
}

.tabcontents {
  display: none;
  position: relative;
}

.is-active.tabcontents {
  display: block;
}

/*--------------------------------------------------*/
/*   accordion
/*-----------------------------------------------------*/
.accordion__title {
  position: relative;
  cursor: pointer;
}

.accordion__content {
  display: none;
  transition: max-height 0.3s ease-in-out;
}

.accordion__content.is-open {
  display: block;
}

/*
  Hamburger
*/
.c-hamburger {
  position: relative;
  display: inline-block;
  width: calc(32 / 16 * 1rem);
  height: calc(32 / 16 * 1rem);
  border-radius: 50%;
  background: transparent;
  border: none;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: 0.3s var(--l-ease-out-expo);
  z-index: 3;
}
@media screen and (min-width: 1024px) {
  .c-hamburger {
    display: none;
  }
}
.c-hamburger__box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
}
.c-hamburger__line {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  margin: auto;
  height: 1px;
  width: 32px;
  transition: inherit;
  transition-property: transform;
  background: var(--l-dark-color);
  transition: 0.3s var(--l-ease-out-expo);
}
.c-hamburger__line::before, .c-hamburger__line::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 1px;
  width: 32px;
  background: var(--l-dark-color);
  transition: inherit;
  transition-property: transform;
}
.c-hamburger__line::before {
  transform: translateY(-8px);
}
.c-hamburger__line::after {
  transform: translateY(8px);
}
.c-hamburger[aria-expanded=true] .c-hamburger__line {
  background: transparent;
}
.c-hamburger[aria-expanded=true] .c-hamburger__line::before {
  background-color: var(--l-dark-color);
  transform: translateY(0) rotate(45deg);
}
.c-hamburger[aria-expanded=true] .c-hamburger__line::after {
  background-color: var(--l-dark-color);
  transform: translateY(0) rotate(-45deg);
}

/*
 button
-----------------------------------------------------*/
.c-button {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s ease-in-out;
  background: transparent;
  z-index: 1;
  font-size: calc(16 / 16 * 1rem);
  font-weight: 700;
  color: var(--l-primary-text-color);
  border-radius: 36px;
  width: 100%;
  padding: 0.75em 2em;
  background: #fff;
  border: 1px solid var(--l-main-color);
}
.c-button.-primary {
  max-width: 230px;
}
.c-button.u-round::after {
  top: 50%;
  transform: translateY(-50%);
  right: 2em;
}
.c-button:hover {
  background: var(--l-accent-color);
}

/*
 heading
-----------------------------------------------------*/
.c-heading {
  font-weight: 700;
  font-size: clamp(1.5rem, 1.148rem + 1.5vw, 2.5rem);
  max-width: 420px;
  color: var(--l-main-color);
}
.c-heading .-en {
  display: block;
  font-family: var(--l-en-font-set);
  letter-spacing: 0.15em;
  font-size: calc(28 / 16 * 1rem);
  line-height: 1;
  padding-bottom: 0.75em;
  border-bottom: 1px solid var(--l-dark-color);
}
@media screen and (min-width: 1024px) {
  .c-heading .-en {
    font-size: calc(22 / 16 * 1rem);
    padding-bottom: 1em;
  }
}
.c-heading .-en[data-color="min:accent"] {
  border-bottom: 1px solid #fff;
}
.c-heading .-ja {
  display: block;
  font-size: calc(16 / 16 * 1rem);
  line-height: 1.5;
  padding-top: 1em;
}
@media screen and (min-width: 1024px) {
  .c-heading .-ja {
    font-size: calc(14 / 16 * 1rem);
    padding-top: 1.5em;
  }
}
.c-heading__secondary {
  position: relative;
  font-size: calc(20 / 16 * 1rem);
  max-width: none;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--l-main-color);
  font-weight: 700;
  padding-bottom: 0.25em;
}
.c-heading__secondary::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 1px;
  background: var(--l-main-color);
}
.c-heading__recruit {
  max-width: none;
}
.c-heading__recruit .-en {
  font-size: clamp(1.125rem, 0.993rem + 0.56vw, 1.5rem);
  font-family: var(--l-accent-font-set);
  display: block;
  color: var(--l-main-color);
  font-weight: 600;
  line-height: 1.4;
}
.c-heading__recruit .-ja {
  display: block;
  font-weight: 700;
  font-size: clamp(1.5rem, 1.236rem + 1.13vw, 2.25rem);
  line-height: 1.6;
}

/*
 post
-----------------------------------------------------*/
.c-post {
  display: block;
  border: 1px solid var(--l-primary-text-color);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.c-post__thumbnail {
  overflow: hidden;
  aspect-ratio: 340/252;
}
.c-post__thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-post__meta {
  padding: 1em 1.5em 1.5em;
  background: #fff;
}
.c-post__cate {
  background: var(--l-accent-color);
  font-size: calc(12 / 16 * 1rem);
  font-weight: 500;
  padding: 0 1em;
  border-radius: 12px;
  width: -moz-fit-content;
  width: fit-content;
}
.c-post__date {
  color: var(--l-primary-text-color);
  font-size: calc(14 / 16 * 1rem);
  font-family: var(--l-en-font-set);
  font-weight: 700;
  margin-top: 0.5em;
}
.c-post__title {
  font-size: calc(14 / 16 * 1rem);
  line-height: 1.85;
  font-weight: 500;
}

/*
  Links
-----------------------------------------------------*/
.c-links__item {
  overflow: hidden;
  border-radius: 30px 0 0 0;
  border: 1px solid var(--l-primary-text-color);
}
.c-links__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--l-main-color);
  width: 35%;
  flex-shrink: 0;
  padding: 1em;
}
@media screen and (min-width: 1024px) {
  .c-links__head {
    width: 28%;
  }
}
.c-links__head p {
  letter-spacing: 0.1em;
  font-weight: 700;
  font-family: var(--l-accent-font-set);
  color: #fff;
  line-height: 1.8;
  font-size: clamp(0.75rem, 0.706rem + 0.19vw, 0.875rem);
}
.c-links__body {
  flex-grow: 1;
  border: none;
  padding-left: 1.75em;
  gap: 1em;
  border: none !important;
}
.c-links__title {
  font-size: clamp(0.875rem, 0.787rem + 0.38vw, 1.125rem);
}
.home .c-links {
  position: relative;
  display: block;
}
.home .c-links__thumbnail {
  position: relative;
  aspect-ratio: 523/156;
  overflow: hidden;
  border: 1px solid #000;
}
@media screen and (min-width: 1024px) {
  .home .c-links__thumbnail {
    aspect-ratio: auto;
  }
}
.home .c-links img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home .c-links__title {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1px;
  background: #fff;
  line-height: 1.625;
  text-align: center;
  font-size: clamp(1rem, 0.956rem + 0.19vw, 1.125rem);
  padding: 0.25em 0.75em;
  font-weight: 400;
  letter-spacing: 0.3em;
}
@media screen and (min-width: 1024px) {
  .home .c-links__title {
    min-width: 186px;
  }
}

/*
  pagination
-----------------------------------------------------*/
.c-pagination .page-numbers {
  width: auto;
  display: flex;
  justify-content: center;
  padding: 0;
  list-style: none;
}
.c-pagination ul {
  position: relative;
}
.c-pagination .page-numbers li {
  position: relative;
  display: contents; /* グリッドに合わせて配置 */
}
.c-pagination .page-numbers a,
.c-pagination .page-numbers span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: clamp(13px, 1.5vw, 16px);
  text-decoration: none;
  color: var(--l-primary-text-color);
  font-weight: normal;
  position: relative;
  padding: 0 1em;
}
.c-pagination .page-numbers .current {
  color: var(--l-main-color);
  font-weight: bold;
}
.c-pagination .page-numbers .dots {
  pointer-events: none;
  color: #999;
}

/*
  breadcrumb
*/
.c-breadcrumb {
  color: #707070;
}
.c-breadcrumb a {
  position: relative;
  transition: 0.3s ease-in-out;
  color: #707070;
  font-size: calc(13 / 16 * 1rem);
  letter-spacing: 0.2em;
  text-decoration: none;
}
.c-breadcrumb a:hover {
  opacity: 0.7;
}
.c-breadcrumb .breadcrumb_last {
  font-size: calc(13 / 16 * 1rem);
  color: #707070;
}

/*
  Paginav
-----------------------------------------------------*/
@media screen and (min-width: 1024px) {
  .c-paginav {
    position: relative;
  }
}
.c-paginav__nav {
  border-bottom: var(--l-light-gray-color) 1px solid;
}
.c-paginav__prev {
  width: 50%;
}
.c-paginav__prev a {
  transition: var(--l-duration);
}
.c-paginav__prev .-ico svg {
  transform: rotate(180deg);
}
.c-paginav__next {
  width: 50%;
}
.c-paginav__icon {
  flex-shrink: 0;
  transition: var(--l-duration);
}
.c-paginav__text {
  font-size: calc(14 / 16 * 1rem);
}
@media screen and (min-width: 1024px) {
  .c-paginav__text {
    font-size: calc(16 / 16 * 1rem);
  }
}
@media screen and (min-width: 1024px) {
  .c-paginav__back {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
/*
  data list
*/
.c-dl__item {
  display: flex;
  flex-direction: column;
  padding: 0.75em 0;
  border-bottom: 1px solid #cecece;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .c-dl__item {
    flex-direction: row;
    padding: 1em 0;
  }
}
.c-dl__item::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 35%;
  height: 1px;
  background: var(--l-main-color);
  width: 18.4615384615%;
}
@media screen and (min-width: 1024px) {
  .c-dl__item::after {
    width: 20%;
  }
}
.c-dl__item:first-child {
  border-top: 1px solid #cecece;
}
@media screen and (min-width: 1024px) {
  .c-dl__item:first-child {
    border-top: none;
  }
}
.c-dl__item:first-child::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 18.4615384615%;
  height: 1px;
  background: var(--l-main-color);
}
@media screen and (min-width: 1024px) {
  .c-dl__item:first-child::before {
    display: none;
  }
}
.c-dl__item dt {
  font-weight: 700;
  font-size: clamp(1rem, 0.956rem + 0.19vw, 1.125rem);
  flex-shrink: 0;
}
@media screen and (min-width: 1024px) {
  .c-dl__item dt {
    width: 30.4761904762%;
  }
}
.c-dl__item dd {
  flex-grow: 1;
  font-size: clamp(1rem, 0.956rem + 0.19vw, 1.125rem);
  font-weight: 500;
}
.c-dl__item dd p {
  font-size: clamp(1rem, 0.956rem + 0.19vw, 1.125rem);
  line-height: 1.5;
}

/*
  media
*/
.c-media__image {
  flex-shrink: 0;
  height: 300px;
}
@media screen and (min-width: 1024px) {
  .c-media__image {
    height: auto;
  }
}
.c-media__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 1024px) {
  .c-media__image.-short {
    width: 341px;
  }
}
@media screen and (min-width: 1024px) {
  .c-media__image.-medium {
    width: 402px;
  }
}
.c-media__body {
  flex-grow: 1;
}
.c-media__catch {
  font-size: clamp(1rem, 0.736rem + 1.13vw, 1.75rem);
  font-weight: 700;
  color: var(--l-main-color);
}
.c-media__text p + p {
  margin-top: 1em;
}

/*
  Card - Numbers
*/
.c-card-numbers {
  border: 1px solid var(--l-main-color);
  border-radius: 20px;
  padding: 1.5em;
  background: #fff;
}
@media screen and (min-width: 1024px) {
  .c-card-numbers {
    padding: 2em;
  }
}
.c-card-numbers__title {
  font-size: clamp(1rem, 0.824rem + 0.75vw, 1.5rem);
}
.c-card-numbers__number {
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.1em;
  font-family: var(--l-accent-font-set);
  color: var(--l-main-color);
  font-size: clamp(1.5rem, 0.928rem + 2.44vw, 3.125rem);
}
.c-card-numbers__number strong {
  font-size: clamp(2.25rem, 1.062rem + 5.07vw, 5.625rem);
  padding-right: 0.1em;
  letter-spacing: 0;
}
.c-card-numbers__image {
  width: 90px;
  flex-shrink: 0;
}
@media screen and (min-width: 1024px) {
  .c-card-numbers__image {
    width: 156px;
  }
}

/*
  Scroll
*/
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes infinity-scroll-right {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
.c-scroll__wrap {
  display: flex;
  overflow: hidden;
}

.c-scroll__list {
  margin-bottom: -0.5em;
  display: flex;
  list-style: none;
  padding: 0;
}

.c-scroll__list--left {
  animation: infinity-scroll-left 100s infinite linear 0.5s both;
}
@media screen and (min-width: 1024px) {
  .c-scroll__list--left {
    animation: infinity-scroll-left 150s infinite linear 0.5s both;
  }
}

.c-scroll__list--right {
  animation: infinity-scroll-right 100s infinite linear 0.5s both;
}
@media screen and (min-width: 1024px) {
  .c-scroll__list--right {
    animation: infinity-scroll-right 150s infinite linear 0.5s both;
  }
}

.c-scroll__item {
  white-space: nowrap;
  width: clamp(81.25rem, 68.046rem + 56.34vw, 118.75rem);
  padding-right: 2em;
}

.c-scroll__item > img {
  width: 100%;
}

/*共通*/
/*
  Header
*/
.p-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 7;
  width: 100%;
  transition: all 0.3s ease-in-out;
  margin: 0 auto;
  background: transparent;
}
.p-header__inner {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: relative;
  transition: all 0.3s ease-in-out;
  background: #fff;
}
@media screen and (min-width: 1024px) {
  .p-header__inner {
    background: transparent;
  }
}
.-fixed .p-header__inner {
  background: #fff;
}
.p-header__title {
  z-index: 50;
  display: grid;
  place-items: center;
}
.p-header__title a {
  display: grid;
  place-items: center;
  width: 246px;
}
@media screen and (min-width: 1280px) {
  .p-header__title a {
    width: 370px;
  }
}
.p-header__title img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-header__right {
  z-index: 50;
}
@media screen and (min-width: 1024px) {
  .p-header__right {
    display: none;
  }
}

/*
  Global Navigation
*/
.p-globalNav {
  position: fixed;
  inset: 0 0 0 auto;
  width: 100%;
  height: 100vh;
  transform: translateX(100%);
  transition: all 0.3s ease-out;
  transform: translateZ(0);
  opacity: 0;
  visibility: hidden;
  /* -----------------------------
    Drawer Active
  ----------------------------- */
  /* -----------------------------
    Content
  ----------------------------- */
  /* -----------------------------
    List
  ----------------------------- */
  /* -----------------------------
   Item
  ----------------------------- */
  /* .sub-menu の li には当てない（上書きで解除） */
  /* -----------------------------
    Sub Menu
  ----------------------------- */
  /* SP アコーディオン開閉 */
  /* -----------------------------
    Links
  ----------------------------- */
  /* -----------------------------
    CTA Button
  ----------------------------- */
}
@media screen and (min-width: 1024px) {
  .p-globalNav {
    position: static;
    width: auto;
    height: auto;
    opacity: 1;
    visibility: visible;
    transform: none;
    background: transparent;
  }
}
.is-drawerActive .p-globalNav {
  opacity: 1;
  visibility: visible;
  position: fixed;
  inset: 0;
  display: block;
  overflow: scroll;
  transform: translateX(0);
  transition: all 0.3s ease-out;
}
@media screen and (min-width: 1024px) {
  .is-drawerActive .p-globalNav {
    overflow: hidden;
  }
}
.p-globalNav__content {
  gap: 2em;
  width: 100%;
  height: 100%;
}
.is-drawerActive .p-globalNav__content {
  background: #fff;
  height: 100vh;
  padding: 6em 5% 0;
}
.p-globalNav__list {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}
@media screen and (min-width: 1024px) {
  .p-globalNav__list {
    flex-direction: row;
    align-items: center;
    gap: clamp(1rem, -1.357rem + 4.91vw, 3.063rem);
  }
}
.is-drawerActive .p-globalNav__list {
  flex-direction: column;
  gap: 0;
}
.is-drawerActive .p-globalNav li {
  border-top: 1px solid #ebebeb;
}
.is-drawerActive .p-globalNav li:last-child {
  border-bottom: 1px solid #ebebeb;
}
.is-drawerActive .p-globalNav .sub-menu li {
  border: none;
}
@media screen and (min-width: 1024px) {
  .p-globalNav .has-children:hover > .sub-menu {
    max-height: 500px;
    opacity: 1;
  }
}
.p-globalNav .has-children {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-globalNav .has-children {
    position: static;
  }
}
.p-globalNav .has-children::before, .p-globalNav .has-children::after {
  content: "";
  position: absolute;
  right: 1em;
  top: 24px;
  width: 1em;
  height: 1px;
  border: 1px solid var(--l-main-color);
}
@media screen and (min-width: 1024px) {
  .p-globalNav .has-children::before, .p-globalNav .has-children::after {
    display: none;
  }
}
.p-globalNav .has-children::after {
  transform: rotate(90deg);
}
.p-globalNav .has-children.is-open::after {
  display: none;
}
.p-globalNav .sub-menu {
  position: absolute;
  right: 2.5%;
  top: 130px;
  display: flex;
  width: 90%;
  max-width: 910px;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  margin: 0;
  list-style: none;
  background: var(--l-gradient-color);
  transition: max-height 0.4s ease, opacity 0.4s ease;
}
@media screen and (min-width: 1024px) {
  .p-globalNav .sub-menu {
    color: #fff;
  }
}
.p-globalNav .sub-menu .menu-item {
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-size: inherit;
  padding-left: 1.45em;
}
@media screen and (min-width: 1024px) {
  .p-globalNav .sub-menu .menu-item {
    padding-left: 0;
  }
}
.p-globalNav .sub-menu .-title {
  align-items: center;
  gap: 0.75em;
  border-bottom: 1px solid #fff;
}
.p-globalNav .sub-menu .-title .-en {
  font-family: var(--l-en-font-set);
  font-size: calc(22 / 16 * 1rem);
  letter-spacing: 0.15em;
  font-weight: 700;
}
.p-globalNav .sub-menu .-title .-ja {
  font-size: calc(14 / 16 * 1rem);
  font-weight: 700;
}
.p-globalNav .sub-menu .menu-item a {
  display: block;
}
@media screen and (min-width: 1024px) {
  .p-globalNav .sub-menu .menu-item a {
    color: #fff;
    width: 100%;
  }
}
.p-globalNav .sub-menu .menu-item a::after {
  display: none;
}
@media screen and (min-width: 1024px) {
  .p-globalNav .sub-menu .menu-item a::after {
    display: block;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 0.75em;
    height: 0.75em;
    background: #fff;
  }
}
.p-globalNav .sub-menu figure {
  width: 32.9281767956%;
  flex-shrink: 0;
}
.p-globalNav .sub-menu figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 1024px) {
  .p-globalNav .sub-menu .-content {
    flex-grow: 1;
    padding: 3em 5em;
  }
}
.p-globalNav .menu-item.is-open > .sub-menu,
.p-globalNav .menu-item.open .sub-menu {
  max-height: 500px;
  opacity: 1;
}
.p-globalNav .menu-item.is-open > .sub-menu a,
.p-globalNav .menu-item.open .sub-menu a {
  color: #fff;
}
.is-drawerActive .p-globalNav .menu-item .sub-menu {
  flex-direction: column;
  position: static;
  max-height: 0;
  opacity: 0;
  gap: 0;
  padding: 0;
  background: none;
  box-shadow: none;
}
.is-drawerActive .p-globalNav .menu-item .sub-menu a {
  color: #3b4043;
  font-size: calc(14 / 16 * 1rem);
  border: none;
  padding: 0.25em 0;
}
.is-drawerActive .p-globalNav .menu-item.is-open > .sub-menu {
  max-height: 500px;
  opacity: 1;
}
.p-globalNav a {
  display: block;
  padding: 0.75em 0;
  font-size: calc(16 / 16 * 1rem);
  color: var(--l-main-color);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  transition: color 0.3s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .p-globalNav a {
    padding: 0.25em 0;
    font-size: clamp(0.813rem, 0.598rem + 0.45vw, 1rem);
    color: var(--l-primary-text-color);
  }
}
.p-globalNav__cta {
  border: none !important;
}
.p-globalNav__cta a {
  margin-inline: auto;
  padding: 0.75em 2em;
  transition: all 0.3s ease-in-out;
  border-radius: 99px;
  letter-spacing: 0;
  color: var(--l-primary-text-color);
  background: var(--l-accent-color);
  border: 2px solid var(--l-accent-color);
  text-align: center;
}
.p-globalNav__cta a:hover {
  background: #fff;
}
.p-globalNav__cta:last-child a {
  background: var(--l-gradient-color);
  color: #fff;
  border: 2px solid #3252a3;
}
.p-globalNav__cta:last-child a:hover {
  color: var(--l-primary-text-color);
  background: #fff;
}

/* -----------------------------
  Global State
----------------------------- */
.is-drawerActive body {
  overflow: hidden;
}

/*
 Main
-----------------------------------------------------*/
.p-main {
  position: relative;
}
.home .p-main {
  overflow-x: hidden;
}

/*
  Section
----------------------------------------------------- */
.p-sec {
  overflow: hidden;
}
.p-sec.-background {
  position: relative;
}
.p-sec.-background::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: var(--l-back-color);
  z-index: -1;
}
@media screen and (min-width: 1024px) {
  .p-sec.-background::before {
    right: 0;
    width: 96%;
    border-radius: 37px 0 0 37px;
  }
}

/*
  Common
----------------------------------------------------- */
.p-common__recruit {
  position: relative;
}
.p-common__recruit img {
  width: 100%;
}
.p-common__recruit .-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-common__recruit .-copy {
  transform: rotate(-2.5deg);
  width: 80.8vw;
}
@media screen and (min-width: 1024px) {
  .p-common__recruit .-copy {
    width: 71.1111111111vw;
    max-width: 1024px;
  }
}
.p-common__recruit .-text {
  color: #fff;
  font-size: clamp(1.25rem, 1.03rem + 0.94vw, 1.875rem);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.8;
  text-align: center;
}
.p-common__recruit .-button {
  color: var(--l-primary-text-color);
  font-weight: 700;
  padding: 0.75em 1.5em;
  background: var(--l-accent-color);
  border-radius: 99px;
  font-size: clamp(0.875rem, 0.787rem + 0.38vw, 1.125rem);
}
.p-common__scroll {
  position: absolute;
  bottom: -5%;
  left: 0;
}
.p-common__contact {
  background: var(--l-gradient-color);
}
@media screen and (min-width: 1024px) {
  .p-common__contact h2 {
    width: 268px;
    flex-shrink: 0;
  }
}
.p-common__contact .-body {
  display: block;
  position: relative;
  flex-grow: 1;
}
.p-common__contact .-body::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  background: #fff;
  border-radius: 50%;
  pointer-events: none;
  width: 1em;
  height: 1em;
}
.p-common__contact .-body p {
  color: #fff;
  font-size: clamp(1.25rem, 1.03rem + 0.94vw, 1.875rem);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.66;
}

/*
  Footer
*/
.p-footer {
  position: relative;
  overflow: hidden;
}
.p-footer__content p {
  font-size: clamp(0.875rem, 0.787rem + 0.38vw, 1.125rem);
  font-weight: 400;
}
.p-footer__address p + p {
  margin-top: 1em;
}
.p-footer__nav a {
  line-height: 2.2;
  font-size: clamp(0.875rem, 0.831rem + 0.19vw, 1rem);
}
.p-footer__nav .-item {
  font-weight: 700;
  font-size: clamp(0.875rem, 0.787rem + 0.38vw, 1.125rem);
}
@media screen and (min-width: 1024px) {
  .p-footer__nav .-others {
    padding-top: 2.25em;
  }
}
@media screen and (min-width: 1024px) {
  .p-footer__link {
    margin-top: -4em !important;
  }
}
.p-footer__link .c-button {
  max-width: 200px;
  padding: 0.5em 1.5em;
  background: var(--l-gradient-color);
  color: #fff;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .p-footer__link .c-button {
    max-width: 168px;
  }
}
.p-footer__copyright {
  position: relative;
}
.p-footer__copyright::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: var(--l-gradient-color);
  width: 93.3333333333vw;
  height: 100%;
  clip-path: polygon(0 0, 100% 0, 95% 100%, 0 100%);
}
@media screen and (min-width: 1024px) {
  .p-footer__copyright::before {
    width: 44.7916666667vw;
  }
}
.p-footer__copyright small {
  color: #fff;
  font-size: clamp(0.75rem, 0.662rem + 0.38vw, 1rem);
}

/*
 PageHead
-----------------------------------------------------*/
.p-pageHead {
  position: relative;
}
.p-pageHead::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background: url(../img/bg_pageHead-sp.png) center center/cover;
  width: 58.4vw;
  height: 100.2666666667vw;
  z-index: -1;
}
@media screen and (min-width: 1024px) {
  .p-pageHead::after {
    background: url(../img/bg_pageHead.png) center center/cover;
    width: 45.7638888889vw;
    height: 36.9444444444vw;
  }
}
.parent-pageid-28 .p-pageHead, .parent-pageid-37 .p-pageHead {
  overflow: hidden;
}
.parent-pageid-28 .p-pageHead::after, .parent-pageid-37 .p-pageHead::after {
  background: url("../img/recruit/bg_pageHead-recruit-sp.png") center center/cover;
  width: clamp(12.625rem, 7.938rem + 20vw, 25.938rem);
  height: clamp(13.625rem, 10.28rem + 14.27vw, 23.125rem);
  right: -5%;
  top: -5%;
}
@media screen and (min-width: 1024px) {
  .parent-pageid-28 .p-pageHead::after, .parent-pageid-37 .p-pageHead::after {
    background: url("../img/recruit/bg_pageHead-recruit.png") center center/cover;
    right: 10%;
    top: 0;
  }
}
.p-pageHead__title {
  z-index: 1;
}
.p-pageHead__title .-ja {
  display: block;
  font-size: clamp(1.5rem, 1.368rem + 0.56vw, 1.875rem);
  color: var(--l-primary-text-color);
  line-height: 1.4;
  letter-spacing: 0.1em;
}
.p-pageHead__title .-en {
  display: block;
  font-size: clamp(1rem, 0.868rem + 0.56vw, 1.375rem);
  letter-spacing: 0.15em;
  line-height: 1.8;
  font-family: var(--l-en-font-set);
  color: var(--l-main-color);
}
.p-recruit .p-pageHead__title .-ja {
  font-size: clamp(1rem, 0.78rem + 0.94vw, 1.625rem);
}
.p-recruit .p-pageHead__title .-en {
  font-size: clamp(2.875rem, 1.907rem + 4.13vw, 5.625rem);
  font-family: var(--l-accent-font-set);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.6;
}

/*トップページ*/
/*
 Hero
-----------------------------------------------------*/
.p-hero {
  position: relative;
}
.p-hero__mainImage {
  position: relative;
  aspect-ratio: 375/680;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .p-hero__mainImage {
    aspect-ratio: 1440/800;
  }
}
.p-hero__video {
  width: 100%;
  height: 100%;
  transform: none;
  -o-object-position: center;
     object-position: center;
}
.p-hero__content {
  position: absolute;
  left: 5%;
  top: 15%;
  color: #fff;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .p-hero__content {
    left: 15%;
    top: 50%;
    transform: translateY(-50%);
  }
}
.p-hero__copy {
  width: clamp(19.688rem, 13.041rem + 28.36vw, 38.563rem);
  max-width: 90%;
}
.p-hero__text {
  font-family: var(--l-en-font-set);
  letter-spacing: 0.15em;
  font-weight: 700;
  line-height: 1.85;
  color: var(--l-main-color);
}
.p-hero__info {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  max-width: 80%;
  padding: 1em 1.5em;
  padding-left: 5%;
}
@media screen and (min-width: 1024px) {
  .p-hero__info {
    padding: 1.25em 5em;
    padding-left: 10%;
    max-width: 70%;
  }
}
.p-hero__info::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--l-gradient-color);
  clip-path: polygon(0 0, 100% 0, 95% 100%, 0 100%);
}
@media screen and (min-width: 1024px) {
  .p-hero__info::before {
    clip-path: polygon(0 0, 100% 0, 99% 100%, 0 100%);
  }
}
.p-hero__info .u-round::after {
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 0.65em;
  height: 0.65em;
  background: #fff;
}
.p-hero__info .-date,
.p-hero__info .-title {
  color: #fff;
  font-size: calc(14 / 16 * 1rem);
  line-height: 1.75;
}
@media screen and (min-width: 1024px) {
  .p-hero__info .-date,
  .p-hero__info .-title {
    font-size: calc(16 / 16 * 1rem);
  }
}

/*
  Top About
----------------------------------------------------- */
.p-top-about {
  position: relative;
  overflow: hidden;
}
.p-top-about::before, .p-top-about::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
}
.p-top-about::before {
  z-index: -2;
  width: 100%;
  height: 100%;
  background: var(--l-light-color);
}
.p-top-about::after {
  background: url(../img/bg_about.png) center center/cover;
  z-index: -1;
  width: 58.6666666667vw;
  height: 122.6666666667vw;
}
@media screen and (min-width: 1024px) {
  .p-top-about::after {
    width: 38.5416666667vw;
    height: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-top-about__image {
    width: 62.625250501%;
    flex-shrink: 0;
  }
}
.p-top-about__body {
  position: relative;
  z-index: 1;
}
.p-top-about__body::before {
  content: "";
  position: absolute;
  background: url(../img/bg_about02.png) center center/cover;
  width: 54.1333333333vw;
  height: 43.2vw;
  top: 0;
  right: -15%;
  z-index: -1;
}
@media screen and (min-width: 1024px) {
  .p-top-about__body::before {
    width: 31.1805555556vw;
    height: 24.8611111111vw;
    max-width: 449px;
    max-height: 358px;
    top: 0;
    right: auto;
    left: -30%;
  }
}
.p-top-about__link {
  max-width: 420px;
}

/*
  TOPICS
----------------------------------------------------- */
.p-topics h2 {
  flex-grow: 1;
}

/*
 Blog
-----------------------------------------------------*/
.home .p-blog {
  position: relative;
}
.home .p-blog::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 57.6vw;
  height: 64.2666666667vw;
  background: var(--l-back-color);
}
@media screen and (min-width: 1024px) {
  .home .p-blog::before {
    width: 63.0555555556vw;
    height: 27.7777777778vw;
    max-width: 908px;
    max-height: 400px;
  }
}
@media screen and (min-width: 1024px) {
  .home .p-blog__head {
    width: 28%;
    flex-shrink: 0;
  }
}
@media screen and (min-width: 1024px) {
  .home .p-blog__body {
    width: 71.75%;
  }
}
.home .p-blog__slider {
  position: relative;
}
.home .p-blog__slider .-control {
  position: absolute;
  top: 0;
  right: 12%;
  width: 90px;
}
@media screen and (min-width: 1024px) {
  .home .p-blog__slider .-control {
    width: 140px;
  }
}
.home .p-blog__slider .swiper-button-next,
.home .p-blog__slider .swiper-button-prev {
  width: 42px;
}
@media screen and (min-width: 1024px) {
  .home .p-blog__slider .swiper-button-next,
  .home .p-blog__slider .swiper-button-prev {
    width: 61px;
  }
}
.home .p-blog .swiper-button-next::after,
.home .p-blog .swiper-button-prev::after {
  content: "";
  display: block;
  background: url(../img/ico_next.svg) center center/cover;
  width: 42px;
  height: 7px;
}
@media screen and (min-width: 1024px) {
  .home .p-blog .swiper-button-next::after,
  .home .p-blog .swiper-button-prev::after {
    width: 61px;
    height: 10px;
  }
}
.home .p-blog .swiper-button-prev::after {
  transform: scale(-1, 1);
}
.home .p-blog .swiper-button-next {
  left: auto;
  right: 0 !important;
}
.home .p-blog .swiper-button-next .swiper-button-prev {
  right: auto;
  left: 0 !important;
}
.home .p-blog .c-post__thumbnail {
  aspect-ratio: 333/405;
  overflow: hidden;
}
.home .p-blog .c-post__thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home .p-blog .c-post__date {
  font-size: clamp(0.5rem, 0.368rem + 0.56vw, 0.875rem);
}
.home .p-blog .c-post__title {
  font-size: calc(16 / 16 * 1rem);
}
.home .p-blog .swiper {
  width: 100%;
}
.home .p-blog .swiper-slide {
  width: auto;
}

/*
  Overview
----------------------------------------------------- */
.p-overview {
  /* swiper用のwrapper/slideを無効っぽく */
}
.p-overview__content {
  display: contents;
}
@media screen and (min-width: 1024px) {
  .p-overview__content {
    display: flex;
    flex-direction: column;
    order: 1;
    width: 42.0841683367%;
  }
}
.p-overview__list {
  order: 1;
}
@media screen and (min-width: 1024px) {
  .p-overview__list {
    order: 0;
    width: 51.6032064128%;
    flex-shrink: 0;
  }
}
.p-overview__list .swiper {
  padding-left: 0 !important;
}
@media screen and (min-width: 1024px) {
  .p-overview__list .swiper {
    margin: 0;
    overflow: visible;
  }
}
.p-overview__list .swiper-wrapper {
  display: flex;
  transform: translate3d(0, 0, 0); /* Swiper標準に任せる */
}
@media screen and (min-width: 1024px) {
  .p-overview__list .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3カラム例 */
    gap: 15px;
    transform: none !important; /* Swiperが残したtransformを無効化 */
  }
}
.p-overview__list .swiper-slide {
  width: 40%; /* 1枚あたりの幅（見切れ表示用） */
  aspect-ratio: 146/240;
  height: auto;
}
@media screen and (min-width: 1024px) {
  .p-overview__list .swiper-slide {
    width: auto !important;
    height: auto !important;
    flex-shrink: 1;
  }
}
.p-overview__body {
  order: 2;
}
.p-overview__body .-catch {
  font-size: clamp(1.5rem, 1.368rem + 0.56vw, 1.875rem);
  font-weight: 700;
  line-height: 1.6;
}
.p-overview__body .-catch .l-display {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.p-overview__body .-catch .l-display::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent 60%, #faf22a 60%);
}
.p-overview__item {
  border: 1px solid var(--l-primary-text-color);
  width: auto !important;
  aspect-ratio: 162/282;
  border-radius: 20px;
}
@media screen and (min-width: 1024px) {
  .p-overview__item {
    flex-shrink: 0;
  }
}
.p-overview__item p {
  font-size: calc(14 / 16 * 1rem);
  font-weight: 500;
  height: 68px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 1.714;
}
.p-overview__item.u-round::after {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
  width: 0.75em;
  height: 0.75em;
}
.p-overview__item.u-round:hover::after {
  transform: translateX(-50%) scale(1.2);
}
.p-overview__item:hover {
  background: var(--l-accent-color);
}
.p-overview__link {
  order: 3;
}
.p-overview__link p {
  color: #fff;
  font-size: clamp(1rem, 0.912rem + 0.38vw, 1.25rem);
}
.p-overview__link .-item {
  padding: 1.35em 4em;
  clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%);
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .p-overview__link .-item {
    padding: 1.75em 4em;
    clip-path: polygon(4% 0, 100% 0, 100% 100%, 0 100%);
  }
}
.p-overview__link .-item::before, .p-overview__link .-item::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.p-overview__link .-item::before {
  z-index: -2;
}
.p-overview__link .-item::after {
  z-index: -1;
  mix-blend-mode: multiply;
}
.p-overview__link li:nth-child(1) .-item::before {
  background: url(../img/bg_overview01.jpg) center center/cover;
}
.p-overview__link li:nth-child(1) .-item::after {
  background: #ff9d00;
}
.p-overview__link li:nth-child(2) .-item::before {
  background: url(../img/bg_overview02.jpg) center center/cover;
}
.p-overview__link li:nth-child(2) .-item::after {
  background: #00aded;
}
.p-overview__link li:nth-child(3) .-item::before {
  background: url(../img/bg_overview03.jpg) center center/cover;
}
.p-overview__link li:nth-child(3) .-item::after {
  background: #ec78f0;
}

/*
 News
-----------------------------------------------------*/
.home .p-news {
  position: relative;
}
.home .p-news::before, .home .p-news::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
}
.home .p-news::before {
  background: var(--l-gradient-color);
  z-index: -2;
}
.home .p-news::after {
  z-index: -1;
  background: url(../img/bg_news.png) center center/cover;
  opacity: 0.16;
}

.p-news__item {
  display: block;
  position: relative;
  padding: 1em 3em 1em 1.5em;
}
@media screen and (min-width: 1024px) {
  .p-news__item {
    padding: 1.25em 3em 1.25em 2em;
  }
}
.p-news__item::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  clip-path: polygon(0 0, 100% 0, 98% 100%, 0 100%);
}
.p-news__item::after {
  top: 50%;
  right: 3em;
  transform: translateY(-50%);
}
.p-news__date {
  font-size: calc(14 / 16 * 1rem);
  font-family: var(--l-en-font-set);
  color: var(--l-main-color);
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.15em;
}
.p-news__title {
  font-size: calc(16 / 16 * 1rem);
  font-weight: 400;
  line-height: 1.6;
}

.archive .p-news__item {
  border: 1px solid var(--l-primary-text-color);
}

/*
  FAQ
----------------------------------------------------- */
.p-faq__item {
  font-size: clamp(0.75rem, 0.574rem + 0.75vw, 1.25rem);
  font-weight: 400;
  line-height: 1.7;
  border: 1px solid #000;
  color: var(--l-heading-text-color);
  background: #fff;
  overflow: hidden;
}
.p-faq__item .-icon {
  font-family: var(--l-en-font-set);
}
.p-faq__question .-head {
  display: flex;
  align-items: center;
  gap: 0.875em;
  padding: 1em 1.75em;
}
@media screen and (min-width: 1024px) {
  .p-faq__question .-head {
    gap: 1.5em;
  }
}
.p-faq__question .-icon {
  font-size: clamp(2.125rem, 1.971rem + 0.66vw, 2.563rem);
  color: var(--l-main-color);
  font-weight: 700;
  line-height: 1;
}
.p-faq__question .-title {
  font-size: calc(16 / 16 * 1rem);
  font-weight: 500;
}
.p-faq__question.u-round::after {
  top: 50%;
  transform: translateY(-50%);
  right: 1em;
}
.p-faq__answer {
  padding-bottom: 1em;
  padding-right: 1.5em;
}
@media screen and (min-width: 1024px) {
  .p-faq__answer {
    padding-bottom: 2em;
    padding-right: 2em;
  }
}
.p-faq__answer .-icon {
  width: 54px;
  flex-shrink: 0;
}
@media screen and (min-width: 1024px) {
  .p-faq__answer .-icon {
    width: 80px;
  }
}
.p-faq__answer .-text {
  font-size: clamp(0.875rem, 0.831rem + 0.19vw, 1rem);
  line-height: 2.18;
}

/*固定ページ*/
/*
 Page
-----------------------------------------------------*/
body:not(.page-template-page-business) .p-page,
body:not(.page-id-37) .p-page,
body:not(.parent-pageid-37) .p-page {
  position: relative;
  overflow: hidden;
}

@media screen and (min-width: 1024px) {
  .page-template-page-business .p-page,
  .page-id-37 .p-page,
  .parent-pageid-37 .p-page {
    overflow: visible !important;
  }
}

.-simple .p-page__content h2,
.-simple .p-page__content h3 {
  margin: 1.5em 0 1em;
}
.-simple .p-page__content h2 {
  font-size: clamp(1rem, 0.824rem + 0.75vw, 1.5rem);
}
.-simple .p-page__content p {
  font-size: clamp(0.875rem, 0.831rem + 0.19vw, 1rem);
}
.-simple .p-page__content p + p {
  margin-top: 1em;
}
.-simple .p-page__content ul,
.-simple .p-page__content ol {
  margin-top: 1em;
}
.-simple .p-page__content li {
  list-style-type: disc;
  list-style-position: inside;
  font-size: calc(16 / 16 * 1rem);
}

/*
  Page - message
----------------------------------------------------- */
.p-page-message__copy {
  padding-left: 10%;
}
@media screen and (min-width: 1024px) {
  .p-page-message__copy {
    padding: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-page-message__cover {
    padding-left: 5%;
  }
}
.p-page-message__cover img {
  width: 100%;
}
.p-page-message__content .-copy {
  font-size: clamp(1.5rem, 1.368rem + 0.56vw, 1.875rem);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.66;
}
.p-page-message__content p:not(.-copy) {
  line-height: 1.875;
}
.p-page-message__content .-sign {
  width: 208px;
  margin-top: 0.5em;
}
.p-page-message__image {
  width: 64vw;
}
@media screen and (min-width: 1024px) {
  .p-page-message__image {
    width: 40%;
    flex-shrink: 0;
  }
}

/*
 Page - Philosophy
-----------------------------------------------------*/
.p-page-philosophy__wrapper {
  position: relative;
}
.p-page-philosophy__wrapper .-copy {
  width: clamp(4.25rem, 2.886rem + 5.82vw, 8.125rem);
}
.p-page-philosophy__wrapper figure {
  position: absolute;
  right: 0;
  top: 20%;
  width: 64.5333333333vw;
}
@media screen and (min-width: 1024px) {
  .p-page-philosophy__wrapper figure {
    position: static;
    padding-right: 3.4722222222vw;
  }
}
.p-page-philosophy__wrapper .-item {
  font-size: clamp(1rem, 0.78rem + 0.94vw, 1.625rem);
  padding: 0.5em 1em;
  max-width: 644px;
  letter-spacing: 0.05em;
  background: var(--l-gradient-color);
  color: #fff;
  clip-path: polygon(0 0, 100% 0, 98% 100%, 0 100%);
}
@media screen and (min-width: 1024px) {
  .p-page-philosophy__wrapper .-item {
    padding: 0.25em 1em;
  }
}
.p-page-philosophy #sec01 {
  flex-shrink: 0;
}
.p-page-philosophy__management {
  position: relative;
}
.p-page-philosophy__management::before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 76%;
  background: url("../img/overview/bg_management-sp.jpg") center center/cover;
}
@media screen and (min-width: 1024px) {
  .p-page-philosophy__management::before {
    background: url("../img/overview/bg_management.jpg") center center/cover;
    width: 96.5277777778vw;
    height: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-page-philosophy__management .-content {
    display: flex;
    gap: 120px;
  }
}
.p-page-philosophy__management figure {
  max-width: 600px;
}
@media screen and (min-width: 1024px) {
  .p-page-philosophy__management figure {
    padding-left: 1.5em;
  }
}
.p-page-philosophy__management p {
  position: absolute;
  width: 18.1333333333vw;
  max-width: 130px;
  top: 0;
  right: 10%;
}
@media screen and (min-width: 1024px) {
  .p-page-philosophy__management p {
    position: static;
    margin-top: -3em;
  }
}
.p-page-philosophy__slogan {
  padding: 1em 0;
  display: flex;
  align-items: center;
  gap: 24px;
  position: relative;
  border-bottom: 2px solid #dfe0e5;
}
@media screen and (min-width: 1024px) {
  .p-page-philosophy__slogan {
    gap: 34px;
  }
}
.p-page-philosophy__slogan dt {
  font-size: clamp(2.25rem, 2.162rem + 0.38vw, 2.5rem);
  letter-spacing: 0.15em;
  color: var(--l-main-color);
  font-family: var(--l-en-font-set);
  line-height: 1;
  font-weight: 700;
  flex-shrink: 0;
}
.p-page-philosophy__slogan dd {
  font-size: clamp(1rem, 0.912rem + 0.38vw, 1.25rem);
  line-height: 1.5;
  font-weight: 700;
  flex-grow: 1;
}
.p-page-philosophy__slogan::after {
  content: "";
  position: absolute;
  width: clamp(2.625rem, 2.449rem + 0.75vw, 3.125rem);
  height: 2px;
  left: 0;
  bottom: -1px;
  background: var(--l-main-color);
}
.p-page-philosophy__symbol .-copy {
  position: relative;
  padding-bottom: 1.5em;
}
@media screen and (min-width: 1024px) {
  .p-page-philosophy__symbol .-copy {
    width: -moz-fit-content;
    width: fit-content;
    padding-bottom: 2em;
  }
}
.p-page-philosophy__symbol .-copy::after {
  content: "";
  position: absolute;
  left: -50%;
  bottom: 0;
  width: 150%;
  height: 8px;
  background: var(--l-gradient-color);
  clip-path: polygon(0 0, 100% 0, 99% 100%, 0 100%);
}
@media screen and (min-width: 1024px) {
  .p-page-philosophy__symbol .-copy::after {
    height: 16px;
    left: 0;
    width: 100%;
  }
}
.p-page-philosophy__symbol figure {
  width: 60vw;
  max-width: 300px;
}
@media screen and (min-width: 1024px) {
  .p-page-philosophy__symbol figure {
    width: 300px;
    flex-shrink: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-page-philosophy__symbol .-text {
    max-width: 500px;
  }
}

/*
  Page - company
----------------------------------------------------- */
.p-page-company__dl .-map {
  aspect-ratio: 780/400;
  overflow: hidden;
  margin-top: 1em;
}
.p-page-company__dl .-map iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-page-company__history .-item {
  padding-left: 2em;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-page-company__history .-item {
    padding-left: 1.5em;
  }
}
.p-page-company__history .-item figure {
  position: absolute;
  right: 0;
}
.p-page-company__history .-item::before {
  content: "";
  position: absolute;
  top: 2.2em;
  width: 1px;
  height: 95%;
  background: var(--l-main-color);
  left: 0.35em;
}
@media screen and (min-width: 1024px) {
  .p-page-company__history .-item::before {
    top: 3em;
    width: 1px;
    height: 88%;
    left: -1em;
  }
}
.p-page-company__history .-item:last-child::before {
  display: none;
}
.p-page-company__history .-item01 figure {
  width: clamp(12.5rem, 8.099rem + 18.78vw, 25rem);
  max-width: 400px;
  top: -100%;
}
@media screen and (min-width: 1024px) {
  .p-page-company__history .-item01 figure {
    top: -5%;
  }
}
.p-page-company__history .-item02 figure {
  width: clamp(10.25rem, 7.697rem + 10.89vw, 17.5rem);
  max-width: 280px;
  top: -58%;
}
@media screen and (min-width: 1024px) {
  .p-page-company__history .-item02 figure {
    top: 10%;
    right: 22%;
  }
}
.p-page-company__history .-item03 figure {
  width: clamp(12.5rem, 9.859rem + 11.27vw, 20rem);
  max-width: 320px;
  bottom: -10%;
}
@media screen and (min-width: 1024px) {
  .p-page-company__history .-item03 figure {
    top: -45%;
    bottom: auto;
  }
}
.p-page-company__history .-item04 figure {
  width: clamp(16.25rem, 13.169rem + 13.15vw, 25rem);
  max-width: 400px;
  bottom: 5%;
}
@media screen and (min-width: 1024px) {
  .p-page-company__history .-item04 figure {
    right: 8%;
    bottom: 0;
  }
}
.p-page-company__history dt {
  font-size: clamp(2.5rem, 2.148rem + 1.5vw, 3.5rem);
  font-family: var(--l-en-font-set);
  letter-spacing: 0.1em;
  font-weight: 700;
  line-height: 1.4;
  color: var(--l-main-color);
  position: relative;
}
.p-page-company__history dt::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -0.875em;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background: #fff;
  border: 6px solid var(--l-accent-color);
}
@media screen and (min-width: 1024px) {
  .p-page-company__history dt::before {
    left: -1em;
    border: 8px solid var(--l-accent-color);
  }
}
.p-page-company__history dd {
  font-size: calc(16 / 16 * 1rem);
}

/*
 Page - works
-----------------------------------------------------*/
@media screen and (min-width: 1024px) {
  .p-page-works__image {
    width: 46%;
    flex-shrink: 0;
  }
}
.p-page-works__content {
  flex-grow: 1;
}
.p-page-works__title {
  font-size: clamp(1.25rem, 1.118rem + 0.56vw, 1.625rem);
  font-weight: 700;
  position: relative;
  padding-bottom: 0.25em;
  margin-bottom: 1em;
}
.p-page-works__title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 1px;
  background: var(--l-main-color);
}
.p-page-works__sec {
  position: relative;
}
.p-page-works__sec::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--l-light-color);
  z-index: -1;
}
@media screen and (min-width: 1024px) {
  .p-page-works__sec::before {
    width: 96.5277777778vw;
  }
}
.p-page-works__sec .-title {
  font-size: clamp(1.5rem, 1.324rem + 0.75vw, 2rem);
  font-weight: 700;
}
.p-page-works__sec .-tag {
  font-size: calc(16 / 16 * 1rem);
  color: var(--l-main-color);
  background: var(--l-accent-color);
  border-radius: 99px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 0.875em;
}
@media screen and (min-width: 1024px) {
  .p-page-works__sec .-tag {
    font-size: calc(14 / 16 * 1rem);
  }
}
.p-page-works__sec .c-button {
  padding-right: 3em;
  border-radius: 99px;
}

/*
 Page - business
-----------------------------------------------------*/
@media screen and (min-width: 1024px) {
  .p-business__side {
    width: 300px;
    flex-shrink: 0;
    position: sticky;
    top: 100px;
    align-self: flex-start;
  }
}
@media screen and (min-width: 1280px) {
  .p-business__side {
    margin-left: -5em;
  }
}
.p-business__side h2 {
  color: var(--l-main-color);
  font-size: calc(20 / 16 * 1rem);
  font-weight: 700;
}
.p-business__main {
  position: relative;
}
.p-business__nav {
  border: 1px solid #ccc;
  margin-top: calc(20 / 16 * 1rem);
}
.p-business__nav .-item {
  display: block;
  font-size: calc(14 / 16 * 1rem);
  padding: 0.65em 1.25em;
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-weight: 400;
  background: #fff;
}
.p-business__nav .current .-item {
  background: #f5fbfd;
  color: var(--l-main-color);
}
.p-business__nav li:not(:first-child) .-item {
  border-top: 1px solid #ccc;
}
.p-business__nav span {
  font-size: calc(18 / 16 * 1rem);
  font-family: var(--l-en-font-set);
  letter-spacing: 0.1em;
  font-weight: 700;
}
.p-business__link {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.p-business__link a {
  display: block;
  background: var(--l-main-color);
  color: #fff;
  padding: 0.75em 1.25em;
  font-size: calc(14 / 16 * 1rem);
  font-weight: 400;
  position: relative;
  border: 1px solid var(--l-main-color);
}
.p-business__link a::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 4em;
  height: 1px;
  background: #fff;
  pointer-events: none;
}
.p-business__link a:hover {
  background: #fff;
  color: var(--l-main-color);
}
.p-business__item {
  border-top: 1px solid var(--l-main-color);
}
.p-business__item h3 {
  display: flex;
  flex-direction: column;
  font-size: clamp(1.25rem, 1.118rem + 0.56vw, 1.625rem);
  font-weight: 700;
}
@media screen and (min-width: 1024px) {
  .p-business__item h3 {
    flex-direction: row;
    align-items: center;
    gap: 0.5em;
  }
}
.p-business__item h3 span {
  font-family: var(--l-en-font-set);
  letter-spacing: 0.1em;
  color: var(--l-main-color);
  font-size: clamp(1.5rem, 1.368rem + 0.56vw, 1.875rem);
  line-height: 1;
}
@media screen and (min-width: 1024px) {
  .p-business__item h3 span {
    margin-top: 0.125em;
  }
}
.p-business__item .-text p + p {
  margin-top: 1.5em;
}
.p-business__sec h2 .-en {
  display: block;
  font-size: clamp(1rem, 0.912rem + 0.38vw, 1.25rem);
  font-family: var(--l-en-font-set);
  font-weight: 700;
  letter-spacing: 0.15em;
  line-height: 1.4;
  color: var(--l-main-color);
}
.p-business__sec h2 .-ja {
  font-weight: 700;
  font-size: clamp(1.5rem, 1.324rem + 0.75vw, 2rem);
}
.p-business__software li {
  padding: 0.75em 0;
}
.p-business__software li:first-child {
  font-weight: 700;
  border-bottom: 1px solid var(--l-dark-color);
}
.p-business__software li:last-child {
  border-top: 1px solid #ccc;
}
.p-business__management .-copy {
  font-weight: 700;
  font-size: clamp(1.25rem, 1.118rem + 0.56vw, 1.625rem);
}
.p-business__security {
  position: relative;
}
.p-business__security .-item {
  border: 1px solid #ccc;
  background: #fff;
}
@media screen and (min-width: 1024px) {
  .p-business__security .-head {
    width: 40%;
    flex-shrink: 0;
  }
}
.p-business__security .-head img {
  width: 100%;
}
.p-business__security .-body {
  padding: 1.5em;
}
.p-business__security .-copy {
  font-size: clamp(1rem, 0.912rem + 0.38vw, 1.25rem);
  font-weight: 700;
  margin-bottom: 0.5em;
}

/*
 Recruit
-----------------------------------------------------*/
.p-recruit__head {
  position: relative;
}
.p-recruit__head .-cover {
  position: relative;
}
.p-recruit__head .-cover img {
  width: 100%;
}
.p-recruit__head .-cover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.16);
}
.p-recruit__head .-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 90%;
}
@media screen and (min-width: 1024px) {
  .p-recruit__head .-text {
    top: 40%;
  }
}
.p-recruit__head .-title {
  color: #fff;
  font-weight: 400;
  font-size: calc(30 / 16 * 1rem);
  font-family: var(--l-accent-font-set);
}
.p-recruit__head .-copy {
  transform: rotate(-3deg);
  width: clamp(23rem, 8.563rem + 61.6vw, 64rem);
}
.p-recruit__head .-copy img {
  width: 100%;
}
.p-recruit__head .p-recruit__banner {
  position: absolute;
  right: 2.5%;
  bottom: 5%;
  width: 260px;
  padding: 3.5em 0;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
}
.p-recruit__head .p-recruit__banner::after {
  border-top: 16px solid transparent;
  border-right: 16px solid #fff;
}
.p-recruit__head .p-recruit__banner .-text {
  top: 50%;
}
.p-recruit__head .p-recruit__banner p {
  font-size: calc(20 / 16 * 1rem);
}
.p-recruit__info {
  position: static;
  display: flex;
  border-bottom: 1px solid #e0e0e0;
}
@media screen and (min-width: 1024px) {
  .p-recruit__info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 50vw;
  }
}
.p-recruit__info .-head {
  background: var(--l-gradient-color);
  color: #fff;
  font-size: clamp(1.25rem, 1.03rem + 0.94vw, 1.875rem);
  font-family: var(--l-accent-font-set);
  width: 23.4666666667%;
  display: grid;
  place-items: center;
}
@media screen and (min-width: 1024px) {
  .p-recruit__info .-head {
    width: 172px;
  }
}
.p-recruit__info .-item {
  padding: 1em;
  background: #fff;
  flex-grow: 1;
}
@media screen and (min-width: 1024px) {
  .p-recruit__info .-item {
    padding: 2em 1.5em;
  }
}
.p-recruit__info .-date,
.p-recruit__info .-title {
  color: #3b4043;
  font-size: clamp(0.875rem, 0.831rem + 0.19vw, 1rem);
  line-height: 1.875;
}
@media screen and (min-width: 1024px) {
  .p-recruit__info .-title {
    padding-top: 0.25em;
  }
}
.p-recruit__heading .-en {
  display: block;
  color: var(--l-main-color);
  font-family: var(--l-accent-font-set);
  font-size: clamp(2.875rem, 1.907rem + 4.13vw, 5.625rem);
  line-height: 1;
}
.p-recruit__heading .-ja {
  display: block;
  font-size: clamp(1.25rem, 1.118rem + 0.56vw, 1.625rem);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.6;
  color: var(--l-primary-text-color);
}
.p-recruit__message {
  position: relative;
  overflow: hidden;
}
.p-recruit__message::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 68.8vw;
  height: 100%;
  top: 0;
  right: 0;
  background: url("../img/recruit/bg_message-sp.png") center center/cover;
}
@media screen and (min-width: 1024px) {
  .p-recruit__message::before {
    width: 47.1527777778vw;
    background: url("../img/recruit/bg_message.png") center center/cover;
  }
}
.p-recruit__message .-content {
  width: 90%;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-recruit__message .-content {
    width: 70.2vw;
  }
}
.p-recruit__message .-content::before {
  content: "";
  position: absolute;
  background: url("../img/recruit/deco01.svg") center center/cover;
  width: clamp(6.5rem, 5.246rem + 5.35vw, 10.063rem);
  height: clamp(12.688rem, 10.553rem + 9.11vw, 18.75rem);
  z-index: -1;
  right: 0;
  top: 0;
}
@media screen and (min-width: 1024px) {
  .p-recruit__message .-content::before {
    right: 5%;
    top: 5%;
  }
}
.p-recruit__message .-content::after {
  content: "";
  position: absolute;
  background: url("../img/recruit/deco02.svg") center center/cover;
  width: clamp(9.25rem, 7.665rem + 6.76vw, 13.75rem);
  height: clamp(17.313rem, 14.254rem + 13.05vw, 26rem);
  z-index: -1;
  left: -30%;
  top: 16%;
}
@media screen and (min-width: 1024px) {
  .p-recruit__message .-content::after {
    left: -45%;
    top: 25%;
  }
}
@media screen and (min-width: 1480px) {
  .p-recruit__message .-content::after {
    left: -58%;
  }
}
.p-recruit__message .-copy {
  font-size: clamp(1.5rem, 1.236rem + 1.13vw, 2.25rem);
  font-weight: 700;
  line-height: 1.6;
}
.p-recruit__message .-text p + p {
  margin-top: 2em;
}
.p-recruit__message .c-button {
  max-width: 325px;
}
.p-recruit__message .-image {
  position: absolute;
  width: 76vw;
  top: 3%;
  right: -30%;
  z-index: -1;
}
@media screen and (min-width: 1024px) {
  .p-recruit__message .-image {
    position: static;
    width: 42%;
    flex-shrink: 0;
    margin-right: -3em;
  }
}
.p-recruit__works {
  overflow: hidden;
}
.p-recruit__works .-content {
  position: relative;
  z-index: 1;
}
.p-recruit__works .-content::before {
  content: "";
  position: absolute;
  z-index: -1;
  background: url("../img/recruit/deco03.svg") center center/cover;
  width: clamp(7.5rem, 6.312rem + 5.07vw, 10.875rem);
  height: clamp(10.875rem, 9.158rem + 7.32vw, 15.75rem);
  z-index: -1;
  right: 0;
  top: -18%;
}
@media screen and (min-width: 1024px) {
  .p-recruit__works .-content::before {
    right: -15%;
    top: -25%;
  }
}
@media screen and (min-width: 1024px) {
  .p-recruit__works .-image {
    width: 65%;
    flex-shrink: 0;
    transform: translateX(-5px);
  }
}
.p-recruit__works .-text p + p {
  margin-top: 2em;
}
.p-recruit__works .-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ccc;
}
.p-recruit__works .-item figure {
  width: 80px;
  flex-shrink: 0;
}
@media screen and (min-width: 1024px) {
  .p-recruit__works .-item figure {
    width: 90px;
  }
}
.p-recruit__works .-title {
  flex-grow: 1;
  padding: 0 1.5em;
}
.p-recruit__works .-title::after {
  top: 50%;
  right: 1.5em;
  transform: translateY(-50%);
}
.p-recruit__works .-title p {
  font-size: clamp(1rem, 0.956rem + 0.19vw, 1.125rem);
  font-weight: 700;
}
.p-recruit__interview {
  overflow: hidden;
}
.p-recruit__interview .-image {
  width: 120%;
}
@media screen and (min-width: 1024px) {
  .p-recruit__interview .-image {
    width: 67%;
  }
}
@media screen and (min-width: 1024px) {
  .p-recruit__interview .-content {
    width: 39.7%;
    flex-shrink: 0;
  }
}
.p-recruit__interview .-number {
  color: #78cbc1;
  font-size: clamp(4.75rem, 4.222rem + 2.25vw, 6.25rem);
  font-family: var(--l-accent-font-set);
  font-weight: 600;
  line-height: 1;
}
.p-recruit__interview .-name {
  margin-top: -0.75em;
}
.p-recruit__interview .-name p {
  font-weight: 700;
}
.p-recruit__interview .-name p:first-child {
  padding-bottom: 0.25em;
}
.p-recruit__interview .-name p:last-child {
  padding-top: 0.25em;
  border-top: 1px solid #78cbc1;
}
.p-recruit__interview .-title {
  font-size: clamp(1.5rem, 1.236rem + 1.13vw, 2.25rem);
  line-height: 1.6;
  font-weight: 700;
}
@media screen and (min-width: 1024px) {
  .p-recruit__interview .-sec:first-child .-image {
    margin-right: -5em;
  }
}
.p-recruit__interview .-sec:last-child .-image {
  transform: translateX(-15%);
}
@media screen and (min-width: 1024px) {
  .p-recruit__interview .-sec:last-child .-image {
    transform: none;
    margin-left: -5em;
  }
}
.p-recruit__interview .-sec:last-child .-number {
  color: #ddaea0;
}
.p-recruit__interview .-sec:last-child .-name p:last-child {
  border-top: 1px solid #ddaea0;
}
.p-recruit__interview .c-button {
  max-width: 320px;
}
@media screen and (min-width: 1024px) {
  .p-recruit__interview .c-button {
    max-width: 240px;
  }
}
.p-recruit__president {
  position: relative;
  overflow: hidden;
}
.p-recruit__president .p-recruit__heading .-en {
  font-size: clamp(1.75rem, 0.826rem + 3.94vw, 4.375rem);
}
.p-recruit__president .-image {
  width: 120%;
}
@media screen and (min-width: 1024px) {
  .p-recruit__president .-image {
    width: 60%;
    flex-shrink: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-recruit__president .-content {
    position: relative;
    width: 57.3275862069%;
  }
}
.p-recruit__president .-title {
  width: clamp(18.375rem, 10.21rem + 34.84vw, 41.563rem);
}
@media screen and (min-width: 1024px) {
  .p-recruit__president .-title {
    position: absolute;
    top: -18%;
    left: 0;
  }
}
.p-recruit__president .c-button {
  max-width: 320px;
}
@media screen and (min-width: 1024px) {
  .p-recruit__president .c-button {
    max-width: 240px;
    margin-left: 5em;
  }
}
.p-recruit__president::before {
  content: "";
  position: absolute;
  top: 14%;
  left: 50%;
  transform: translateX(-50%);
  width: 1638px;
  height: 100%;
  background: linear-gradient(to right, #e5f2fd 0%, #f5fbfd 100%);
  z-index: -1;
  clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%);
}
@media screen and (min-width: 1024px) {
  .p-recruit__president::before {
    top: 20%;
    transform: none;
    left: 0;
    width: 84.7222222222vw;
  }
}
.p-recruit__president::after {
  content: "";
  position: absolute;
  right: 2%;
  top: 20%;
  background: url("../img/recruit/deco04.svg") center center/cover;
  width: clamp(5.375rem, 4.187rem + 5.07vw, 8.75rem);
  height: clamp(11.313rem, 8.738rem + 10.99vw, 18.625rem);
}
@media screen and (min-width: 1024px) {
  .p-recruit__president::after {
    right: -1%;
    top: 0;
  }
}
.p-recruit__entry {
  background: url("../img/recruit/bg_entry-sp.jpg") center center/cover;
}
@media screen and (min-width: 1024px) {
  .p-recruit__entry {
    background: url("../img/recruit/bg_entry.jpg") center center/cover;
  }
}
@media screen and (min-width: 1024px) {
  .p-recruit__entry .-content {
    width: 500px;
    flex-shrink: 0;
  }
}
.p-recruit__entry .-content li + li {
  margin-top: calc(16 / 16 * 1rem);
}
@media screen and (min-width: 1024px) {
  .p-recruit__entry .-content li + li {
    margin-top: calc(20 / 16 * 1rem);
  }
}
.p-recruit__entry .-link {
  font-size: clamp(1.25rem, 1.206rem + 0.19vw, 1.375rem);
  padding: 1em 1.5em;
  min-width: 320px;
  border-radius: 10px;
}
@media screen and (min-width: 1024px) {
  .p-recruit__entry .-link {
    padding: 1em 1.5em;
  }
}
.p-recruit__banner {
  max-width: 800px;
  margin-inline: auto;
  display: grid;
  place-content: center;
  background: url("../img/recruit/banner_recruit.jpg") center center/cover;
  padding: 3em 0;
  position: relative;
}
.p-recruit__banner::after {
  content: "";
  position: absolute;
  pointer-events: none;
  right: 0.5em;
  bottom: 0.5em;
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-right: 16px solid #fff;
}
@media screen and (min-width: 1024px) {
  .p-recruit__banner::after {
    border-top: 24px solid transparent;
    border-right: 24px solid #fff;
  }
}
.p-recruit__banner:hover {
  opacity: 0.7;
}
.p-recruit__banner p {
  color: #fff;
  font-weight: 700;
  white-space: nowrap;
}
.p-recruit__banner .-en {
  font-size: calc(20 / 16 * 1rem);
  font-family: var(--l-accent-font-set);
  line-height: 1.6;
}
.p-recruit__banner .-ja {
  font-size: clamp(1.25rem, 1.074rem + 0.75vw, 1.75rem);
  letter-spacing: 0.05em;
  line-height: 1.6;
}
.p-recruit__box {
  background: var(--l-light-color);
  padding: 1.5em;
}
@media screen and (min-width: 1024px) {
  .p-recruit__box {
    padding: 2.5em;
  }
}
.p-recruit__box .-body {
  width: auto;
  margin-inline: auto;
}
@media screen and (min-width: 1024px) {
  .p-recruit__box .-body {
    width: 310px;
    flex-shrink: 0;
  }
}
.p-recruit__box h3 {
  display: flex;
  align-items: center;
  font-weight: 700;
  gap: 0.75em;
}
.p-recruit__box h3 .-number {
  color: var(--l-main-color);
  font-size: calc(28 / 16 * 1rem);
  font-family: var(--l-accent-font-set);
  line-height: 1.7;
}
.p-recruit__box h3 .-title {
  font-size: calc(20 / 16 * 1rem);
  margin-top: -0.3em;
}
.p-recruit__box .-mediumImg {
  width: 53.3333333333vw;
}
@media screen and (min-width: 1024px) {
  .p-recruit__box .-mediumImg {
    width: 310px;
  }
}

/*
 Recruit - About
-----------------------------------------------------*/
.p-recruit-about__head {
  position: relative;
}
.p-recruit-about__head::before {
  content: "";
  position: absolute;
  z-index: -1;
  background: url("../img/recruit/bg_about-head-sp.png") center center/cover;
  width: 80.2666666667vw;
  height: 122.6666666667vw;
  top: 3%;
  left: 0;
}
@media screen and (min-width: 1024px) {
  .p-recruit-about__head::before {
    background: url("../img/recruit/bg_about-head.png") center center/cover;
    top: auto;
    bottom: 0;
    width: 50vw;
    height: 55.5555555556vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-recruit-about__head .-head {
    padding-bottom: 5em;
  }
}
@media screen and (min-width: 1024px) {
  .p-recruit-about__head .-body {
    width: 56.5517241379%;
    flex-shrink: 0;
    padding-top: 2em;
  }
}
@media screen and (min-width: 1024px) {
  .p-recruit-about__head .c-heading__recruit {
    white-space: nowrap;
  }
}
.p-recruit-about__head .-text p {
  font-size: clamp(1rem, 0.956rem + 0.19vw, 1.125rem);
}
.p-recruit-about__head .-text p + p {
  margin-top: 2em;
}
.p-recruit-about__works {
  position: relative;
}
.p-recruit-about__works::before {
  content: "";
  position: absolute;
  z-index: -1;
  right: -45%;
  top: -6%;
  width: clamp(23.313rem, 19.857rem + 14.74vw, 33.125rem);
  height: clamp(25.063rem, 21.387rem + 15.68vw, 35.5rem);
  max-width: 530px;
  max-height: 568px;
  background: url("../img/recruit/bg_about-works.png") center center/cover;
}
@media screen and (min-width: 1024px) {
  .p-recruit-about__works::before {
    right: -5%;
  }
}
.p-recruit-about__works .-item {
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 0 40px #e5f2fd inset;
}
.p-recruit-about__works .-item h3 {
  font-size: clamp(0.938rem, 0.871rem + 0.28vw, 1.125rem);
  color: var(--l-main-color);
  font-weight: 700;
}
.p-recruit-about__works .-item em {
  font-weight: 700;
  line-height: 1.54;
  font-size: clamp(1.125rem, 0.949rem + 0.75vw, 1.625rem);
}
.p-recruit-about__works .-item figure {
  width: clamp(4.5rem, 3.84rem + 2.82vw, 6.375rem);
}
.p-recruit-about__works .-head {
  padding-bottom: 1em;
  border-bottom: 2px solid #13194b;
}
.p-recruit-about__bottom h2 {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  padding-bottom: 0.5em;
}
.p-recruit-about__bottom h2::after {
  content: "";
  position: absolute;
  height: 3px;
  width: 100%;
  background: var(--l-gradient-color);
  bottom: 0;
  left: 0;
}
@media screen and (min-width: 1024px) {
  .p-recruit-about__bottom h2::after {
    height: 6px;
  }
}
.p-recruit-about__bottom .-copy {
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.6;
  font-size: clamp(1.5rem, 1.456rem + 0.19vw, 1.625rem);
}
.p-recruit-about__bottom .-head {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-recruit-about__bottom .-head {
    width: 39.6551724138%;
    flex-shrink: 0;
  }
}
.p-recruit-about__bottom .-head::after {
  content: "";
  position: absolute;
  width: clamp(6.375rem, 4.79rem + 6.76vw, 10.875rem);
  height: clamp(9.313rem, 7.046rem + 9.67vw, 15.75rem);
  background: url("../img/recruit/deco_about-bottom.png") center center/cover;
  bottom: -32%;
  right: -10%;
}
@media screen and (min-width: 1024px) {
  .p-recruit-about__bottom .-head::after {
    bottom: auto;
    top: -35%;
    right: -20%;
  }
}
.p-recruit-about__bottom .p-recruit__banner {
  background: url("../img/recruit/bg_kobaric.jpg") center center/cover;
}

/*
 Recruit - Works
-----------------------------------------------------*/
@media screen and (min-width: 1024px) {
  .p-recruit-works__head .-head {
    margin-right: -5em;
  }
}
.p-recruit-works__head .-image {
  width: 120%;
}
@media screen and (min-width: 1024px) {
  .p-recruit-works__head .-image {
    width: auto;
  }
}
@media screen and (min-width: 1024px) {
  .p-recruit-works__head .-body {
    width: 56.2068965517%;
    flex-shrink: 0;
  }
}
.p-recruit-works__head .-text p {
  font-size: clamp(1rem, 0.956rem + 0.19vw, 1.125rem);
}
.p-recruit-works__head .-text p + p {
  margin-top: 2em;
}
.p-recruit-works__item {
  background: var(--l-light-color);
  padding: 1.5em;
  border-radius: 10px;
}
@media screen and (min-width: 1024px) {
  .p-recruit-works__item {
    padding: 4em 5em;
    border-radius: 20px;
  }
}
.p-recruit-works__item h3 {
  flex-direction: row;
  align-items: center;
  gap: 0.5em;
  background: #b9e6e1;
  padding: 0.25em 0.75em;
  font-weight: 700;
  font-size: clamp(1rem, 0.956rem + 0.19vw, 1.125rem);
}
@media screen and (min-width: 1024px) {
  .p-recruit-works__item h3 {
    padding: 0.25em 1em;
  }
}
.p-recruit-works__item .-copy {
  font-size: clamp(1.25rem, 1.118rem + 0.56vw, 1.625rem);
  line-height: 1.53;
  font-weight: 700;
}
.p-recruit-works__item .-contents {
  display: contents;
}
@media screen and (min-width: 1024px) {
  .p-recruit-works__item .-contents {
    display: flex;
    flex-direction: column;
    order: 1;
  }
}
.p-recruit-works__item .-body {
  position: relative;
  z-index: 0;
}
.p-recruit-works__item .-body::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 128px;
  height: 180px;
  background: url("../img/recruit/bg_works01.svg") center center/cover;
}
@media screen and (min-width: 1024px) {
  .p-recruit-works__item .-body::before {
    left: auto;
    top: 10%;
    transform: none;
    right: 0;
  }
}
.p-recruit-works__item .c-button {
  max-width: 200px;
  padding: 1em 2.5em;
}
@media screen and (min-width: 1024px) {
  .p-recruit-works__item .c-button {
    max-width: 240px;
  }
}
.p-recruit-works__item .c-button::after {
  width: 1.25em;
  height: 1.25em;
}
.p-recruit-works__item figure {
  aspect-ratio: 295/186;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .p-recruit-works__item figure {
    aspect-ratio: 400/540;
    width: 40%;
    flex-shrink: 0;
  }
}
.p-recruit-works__item figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-recruit-works__item:first-child {
  position: relative;
}
.p-recruit-works__item:first-child::before {
  content: "";
  position: absolute;
  width: 25.3472222222vw;
  height: 55.9027777778vw;
  background: url("../img/recruit/deco_large01.svg") center center/cover;
  bottom: -16%;
  left: -16%;
  z-index: -1;
}
@media screen and (min-width: 1024px) {
  .p-recruit-works__item:first-child::before {
    bottom: -80%;
    left: -25%;
  }
}
.p-recruit-works__item:nth-child(2) h3 {
  background: #faed88;
}
.p-recruit-works__item:nth-child(2) .-body::before {
  background: url("../img/recruit/bg_works02.svg") center center/cover;
  width: 152px;
  height: 160px;
}
.p-recruit-works__item:nth-child(3) {
  position: relative;
}
.p-recruit-works__item:nth-child(3)::before {
  content: "";
  position: absolute;
  width: 27.6388888889vw;
  height: 55.4166666667vw;
  background: url("../img/recruit/deco_large02.svg") center center/cover;
  bottom: -16%;
  right: -9%;
  z-index: -1;
}
@media screen and (min-width: 1024px) {
  .p-recruit-works__item:nth-child(3)::before {
    bottom: -50%;
    right: -33%;
  }
}
.p-recruit-works__item:nth-child(3) h3 {
  background: #bfd7f7;
}
.p-recruit-works__item:nth-child(3) .-body::before {
  background: url("../img/recruit/bg_works03.svg") center center/cover;
  width: 180px;
  height: 150px;
}
.p-recruit-works__item:nth-child(4) h3 {
  background: #f2dbf0;
}
.p-recruit-works__item:nth-child(4) .-body::before {
  background: url("../img/recruit/bg_works04.svg") center center/cover;
  width: 180px;
  height: 166px;
}
.p-recruit-works__item:nth-child(5) {
  position: relative;
}
.p-recruit-works__item:nth-child(5)::before {
  content: "";
  position: absolute;
  width: 23.6111111111vw;
  height: 45.3472222222vw;
  background: url("../img/recruit/deco_large03.svg") center center/cover;
  bottom: -8%;
  left: -17%;
  z-index: -1;
}
@media screen and (min-width: 1024px) {
  .p-recruit-works__item:nth-child(5)::before {
    bottom: -20%;
    left: -21%;
  }
}
.p-recruit-works__item:nth-child(5) h3 {
  background: #f5eae2;
}
.p-recruit-works__item:nth-child(5) .-body::before {
  background: url("../img/recruit/bg_works05.svg") center center/cover;
  width: 160px;
  height: 160px;
}
.p-recruit-works__item:nth-child(6) h3 {
  background: #b9e6e1;
}
.p-recruit-works__item:nth-child(6) .-body::before {
  background: url("../img/recruit/bg_works06.svg") center center/cover;
  width: 161px;
  height: 160px;
}

/*
Recruit -  Interview
-----------------------------------------------------*/
.p-recruit-interview {
  /*ベテラン社員*/
}
.p-recruit-interview__head {
  position: relative;
}
.p-recruit-interview__head::before {
  content: "";
  position: absolute;
  width: 150%;
  height: 60%;
  background: #b9e6e1;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media screen and (min-width: 1024px) {
  .p-recruit-interview__head::before {
    bottom: 0;
    left: 0;
    width: 105%;
    height: 90%;
    transform: none;
    clip-path: polygon(5% 0, 100% 0, 95% 100%, 0 100%);
  }
}
.-veteran .p-recruit-interview__head::before {
  display: none;
}
.p-recruit-interview__head .-thumbnail {
  width: 120%;
  transform: translateX(8%);
}
@media screen and (min-width: 1024px) {
  .p-recruit-interview__head .-thumbnail {
    transform: none;
    width: 57.9310344828%;
    flex-shrink: 0;
    margin-left: -3em;
    padding-bottom: 3em;
  }
}
@media screen and (min-width: 1024px) {
  .p-recruit-interview__head .-body {
    padding-top: 3em;
  }
}
.p-recruit-interview__head .-number {
  font-size: clamp(4.75rem, 4.002rem + 3.19vw, 6.875rem);
  font-family: var(--l-accent-font-set);
  font-weight: 600;
  color: #fff;
  line-height: 1;
}
.p-recruit-interview__head .-name {
  font-size: clamp(1rem, 0.912rem + 0.38vw, 1.25rem);
  margin-top: -1em;
  font-weight: 700;
  position: relative;
}
.p-recruit-interview__head .-name::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 1px;
  background: #fff;
}
.p-recruit-interview__head .-copy span {
  display: block;
  background: #fff;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 0.25em;
  line-height: 1.6;
  font-size: clamp(1.5rem, 1.236rem + 1.13vw, 2.25rem);
}
.p-recruit-interview__head .-copy span + span {
  margin-top: 12px;
}
@media screen and (min-width: 1024px) {
  .p-recruit-interview__content .-body {
    width: 46.5517241379%;
    flex-shrink: 0;
  }
}
.p-recruit-interview__content .-question {
  font-size: clamp(1.25rem, 1.118rem + 0.56vw, 1.625rem);
  font-weight: 700;
  line-height: 1.53;
}
.p-recruit-interview__content .-image {
  width: 74.6666666667vw;
  margin-left: auto;
}
.p-recruit-interview__content.-reverse .-image {
  width: 64vw;
  margin-left: 0;
  margin-right: auto;
}
.p-recruit-interview__sec#sec02 .p-recruit-interview__head::before {
  background: #f2dfdb;
}
@media screen and (min-width: 1024px) {
  .p-recruit-interview__sec#sec02 .p-recruit-interview__head::before {
    left: auto;
    right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-recruit-interview__sec#sec02 .p-recruit-interview__head .-body {
    padding-left: 4em;
  }
}
@media screen and (min-width: 1024px) {
  .p-recruit-interview__sec#sec02 .-thumbnail {
    margin-left: auto;
    margin-right: -3em;
  }
}
@media screen and (min-width: 1024px) {
  .-veteran .p-recruit-interview__head .-body {
    padding-top: 0;
    padding-left: 4em;
  }
}
.-veteran .p-recruit-interview__head .-number {
  color: #bfd7f7;
}
.-veteran .p-recruit-interview__head .-name::after {
  background: #bfd7f7;
}
.-veteran .p-recruit-interview__head .-heading {
  padding-top: 1.5em;
}
.-veteran .p-recruit-interview__head .-data {
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 0.5em;
}
.-veteran .p-recruit-interview__head .-data dt {
  font-weight: 700;
  width: 30%;
  flex-shrink: 0;
}
.-veteran .p-recruit-interview__content {
  position: relative;
  margin-top: -14em;
}
@media screen and (min-width: 1024px) {
  .-veteran .p-recruit-interview__content {
    margin-top: -8em;
  }
}
.-veteran .p-recruit-interview__content::before {
  content: "";
  position: absolute;
  z-index: -1;
  background: #bfd7f7;
  height: 100%;
  width: 90.2777777778vw;
  max-width: 1300px;
  top: 0;
  left: 0;
  opacity: 0.3;
  clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
}
.-veteran .p-recruit-interview__sec:nth-child(odd) .p-recruit-interview__content::before {
  top: 0;
  left: auto;
  right: 0;
  clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);
}
.-veteran .p-recruit-interview__item {
  background: #fff;
  padding: 1em;
  border-radius: 8px;
}
.-veteran .p-recruit-interview__item em {
  display: block;
  position: relative;
  padding-left: 1em;
  font-weight: 700;
  font-size: clamp(1rem, 0.912rem + 0.38vw, 1.25rem);
}
.-veteran .p-recruit-interview__item em::before {
  content: "";
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background: #7eace8;
  left: 0.1em;
  top: 0.7em;
}
@media screen and (min-width: 1024px) {
  .p-recruit-interview__sec#sec04 .-thumbnail, .p-recruit-interview__sec#sec06 .-thumbnail, .p-recruit-interview__sec#sec08 .-thumbnail {
    margin-left: auto;
    margin-right: -3em;
  }
}
.-veteran .p-recruit-interview__sec#sec02 .-number, .-veteran .p-recruit-interview__sec#sec07 .-number {
  color: #b9e6e1;
}
.-veteran .p-recruit-interview__sec#sec02 .-name::after, .-veteran .p-recruit-interview__sec#sec07 .-name::after {
  background: #b9e6e1;
}
.-veteran .p-recruit-interview__sec#sec02 .p-recruit-interview__content::before, .-veteran .p-recruit-interview__sec#sec07 .p-recruit-interview__content::before {
  background: #b9e6e1;
}
.-veteran .p-recruit-interview__sec#sec02 .p-recruit-interview__item em::before, .-veteran .p-recruit-interview__sec#sec07 .p-recruit-interview__item em::before {
  background: #b9e6e1;
}
.-veteran .p-recruit-interview__sec#sec03 .-number, .-veteran .p-recruit-interview__sec#sec08 .-number {
  color: #faed88;
}
.-veteran .p-recruit-interview__sec#sec03 .-name::after, .-veteran .p-recruit-interview__sec#sec08 .-name::after {
  background: #faed88;
}
.-veteran .p-recruit-interview__sec#sec03 .p-recruit-interview__content::before, .-veteran .p-recruit-interview__sec#sec08 .p-recruit-interview__content::before {
  background: #faed88;
}
.-veteran .p-recruit-interview__sec#sec03 .p-recruit-interview__item em::before, .-veteran .p-recruit-interview__sec#sec08 .p-recruit-interview__item em::before {
  background: #faed88;
}
.-veteran .p-recruit-interview__sec#sec04 .-number, .-veteran .p-recruit-interview__sec#sec09 .-number {
  color: #efd8d3;
}
.-veteran .p-recruit-interview__sec#sec04 .-name::after, .-veteran .p-recruit-interview__sec#sec09 .-name::after {
  background: #efd8d3;
}
.-veteran .p-recruit-interview__sec#sec04 .p-recruit-interview__content::before, .-veteran .p-recruit-interview__sec#sec09 .p-recruit-interview__content::before {
  background: #efd8d3;
}
.-veteran .p-recruit-interview__sec#sec04 .p-recruit-interview__item em::before, .-veteran .p-recruit-interview__sec#sec09 .p-recruit-interview__item em::before {
  background: #efd8d3;
}
.-veteran .p-recruit-interview__sec#sec05 .-number, .-veteran .p-recruit-interview__sec#sec10 .-number {
  color: #f2dbf0;
}
.-veteran .p-recruit-interview__sec#sec05 .-name::after, .-veteran .p-recruit-interview__sec#sec10 .-name::after {
  background: #f2dbf0;
}
.-veteran .p-recruit-interview__sec#sec05 .p-recruit-interview__content::before, .-veteran .p-recruit-interview__sec#sec10 .p-recruit-interview__content::before {
  background: #f2dbf0;
}
.-veteran .p-recruit-interview__sec#sec05 .p-recruit-interview__item em::before, .-veteran .p-recruit-interview__sec#sec10 .p-recruit-interview__item em::before {
  background: #f2dbf0;
}

/*
 Page - Trigonometry
-----------------------------------------------------*/
@media screen and (min-width: 1024px) {
  .p-trigonometry__side {
    width: 220px;
    flex-shrink: 0;
    position: sticky;
    top: 100px;
    align-self: flex-start;
  }
}
@media screen and (min-width: 1280px) {
  .p-trigonometry__side {
    margin-left: -5em;
  }
}
.p-trigonometry__side h2 {
  color: var(--l-main-color);
  font-size: calc(20 / 16 * 1rem);
  font-weight: 700;
}
.p-trigonometry__main {
  position: relative;
  flex-grow: 1;
}
.p-trigonometry__nav {
  margin-top: calc(20 / 16 * 1rem);
}
.p-trigonometry__nav .-item {
  display: block;
  font-size: calc(16 / 16 * 1rem);
  padding: 0.5em 1.25em;
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-weight: 700;
  background: #e2e9ef;
  color: var(--l-main-color);
}
.p-trigonometry__nav li + li {
  margin-top: 10px;
}
.p-trigonometry__nav .-item.current {
  background: var(--l-main-color);
  color: #fff;
}
.p-trigonometry__sec {
  position: relative;
  border-top: 1px solid #e2e9ef;
}
.p-trigonometry__sec::after {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: clamp(2.5rem, 1.62rem + 3.76vw, 5rem);
  height: 2px;
  background: var(--l-main-color);
}
.p-trigonometry__sec h2 {
  display: flex;
  flex-direction: column;
  font-size: clamp(1.25rem, 1.118rem + 0.56vw, 1.625rem);
  font-weight: 700;
  line-height: 1.58;
}
@media screen and (min-width: 1024px) {
  .p-trigonometry__sec h2 {
    flex-direction: row;
    align-items: center;
    gap: 0.5em;
  }
}
.p-trigonometry__sec img {
  width: 100%;
}
.p-trigonometry__sec .-largeImg {
  max-width: 645px;
}
.p-trigonometry__box {
  background: var(--l-light-color);
  padding: 1.5em;
}
@media screen and (min-width: 1024px) {
  .p-trigonometry__box {
    padding: 2.5em;
  }
}
.p-trigonometry__box .-body {
  width: auto;
  margin-inline: auto;
}
@media screen and (min-width: 1024px) {
  .p-trigonometry__box .-body {
    width: 310px;
    flex-shrink: 0;
  }
}
.p-trigonometry__box h3 {
  display: flex;
  align-items: center;
  font-weight: 700;
  gap: 0.75em;
}
.p-trigonometry__box h3 .-number {
  color: var(--l-main-color);
  font-size: calc(28 / 16 * 1rem);
  font-family: var(--l-accent-font-set);
  line-height: 1.7;
}
.p-trigonometry__box h3 .-title {
  font-size: calc(20 / 16 * 1rem);
  margin-top: -0.3em;
}
.p-trigonometry__box .-mediumImg {
  width: 53.3333333333vw;
}
@media screen and (min-width: 1024px) {
  .p-trigonometry__box .-mediumImg {
    width: 310px;
  }
}
.p-trigonometry__heading {
  font-size: calc(20 / 16 * 1rem);
  padding-left: 0.75em;
  font-weight: 700;
  line-height: 1.4;
  border-left: 4px solid var(--l-main-color);
}
.p-trigonometry #intro .-body {
  width: 60.8vw;
}
@media screen and (min-width: 1024px) {
  .p-trigonometry #intro .-body {
    width: 26.8181818182%;
    padding-right: 2em;
    flex-shrink: 0;
  }
}
.p-trigonometry #sec figure {
  width: 100%;
  max-width: 560px;
}

/*
 Page - Events
-----------------------------------------------------*/
.p-recruit-events__sec h2 {
  background: var(--l-light-color);
  position: relative;
  padding-left: 1.5em;
  font-weight: 700;
  font-size: clamp(1.25rem, 1.118rem + 0.56vw, 1.625rem);
}
.p-recruit-events__sec h2::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.5em;
  width: 4px;
  height: 70%;
  background: var(--l-main-color);
}
@media screen and (min-width: 1024px) {
  .p-recruit-events__sec h2::before {
    width: 5px;
  }
}
.p-recruit-events__sec h3 {
  color: var(--l-main-color);
  font-weight: 700;
  font-size: calc(20 / 16 * 1rem);
}
.p-recruit-events__table {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* スマホでの慣性スクロール */
}
@media screen and (min-width: 1024px) {
  .p-recruit-events__table {
    overflow-x: visible;
  }
}
.p-recruit-events__table th {
  background: var(--l-main-color);
  color: #fff;
  text-align: center;
  padding: 0.25em 1em;
  font-size: clamp(1rem, 0.912rem + 0.38vw, 1.25rem);
  border: 1px solid #ccc;
  white-space: nowrap;
}
.p-recruit-events__table td {
  font-size: clamp(0.875rem, 0.831rem + 0.19vw, 1rem);
  border: 1px solid #ccc;
  padding: 0.75em 1em;
  white-space: nowrap;
}
.p-recruit-events__table td p {
  line-height: 1.5;
}
.p-recruit-events__table td a {
  color: var(--l-main-color);
}
.p-recruit-events__table .-table01 {
  width: 100%;
  min-width: 710px;
}
.p-recruit-events__table .-table01 .-col1 {
  width: 160px;
}
@media screen and (min-width: 1024px) {
  .p-recruit-events__table .-table01 .-col1 {
    width: 18.9655172414%;
  }
}
.p-recruit-events__table .-table01 .-col2 {
  width: 240px;
}
@media screen and (min-width: 1024px) {
  .p-recruit-events__table .-table01 .-col2 {
    width: 34.4827586207%;
  }
}
.p-recruit-events__table .-table01 .-col3 {
  width: 160px;
}
@media screen and (min-width: 1024px) {
  .p-recruit-events__table .-table01 .-col3 {
    width: 20.6896551724%;
  }
}
.p-recruit-events__table .-table01 .-col4 {
  width: 160px;
}
@media screen and (min-width: 1024px) {
  .p-recruit-events__table .-table01 .-col4 {
    width: 26.1206896552%;
  }
}
.p-recruit-events__table .-table02 {
  min-width: 538px;
}
.p-recruit-events__table .-table02 td,
.p-recruit-events__table .-table02 th {
  width: 180px;
}
@media screen and (min-width: 1024px) {
  .p-recruit-events__table .-table02 td,
  .p-recruit-events__table .-table02 th {
    width: 280px;
  }
}
.p-recruit-events__table .-table02 .c-button {
  max-width: 160px;
}
.p-recruit-events__dl {
  max-width: 580px;
  font-weight: 500;
}
.p-recruit-events__dl .-data {
  display: flex;
  flex-direction: column;
  padding: 0.75em 0;
  border-bottom: 1px solid #ccc;
}
@media screen and (min-width: 1024px) {
  .p-recruit-events__dl .-data {
    flex-direction: row;
    align-items: center;
  }
}
@media screen and (min-width: 1024px) {
  .p-recruit-events__dl dt {
    width: 27.2413793103%;
    flex-shrink: 0;
  }
}

/*
 Recruit - Job description
-----------------------------------------------------*/
.p-requirement__tab {
  max-width: 840px;
  margin-inline: auto;
}
.p-requirement__tab .tablinks {
  width: 100%;
  max-width: 400px;
  font-size: clamp(1rem, 0.912rem + 0.38vw, 1.25rem);
  color: var(--l-primary-text-color);
  font-weight: 700;
  border-top: 1px solid var(--l-main-color);
  border-bottom: 1px solid var(--l-main-color);
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  padding: 0.5em 1em;
  cursor: pointer;
}
.p-requirement__tab .tablinks.is-active {
  background: var(--l-main-color);
  color: #fff;
  position: relative;
}
.p-requirement__tab .tablinks.is-active::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.5em;
  width: 0;
  height: 0;
  border-left: 9px solid transparent; /* 底辺18pxの半分 */
  border-right: 9px solid transparent;
  border-top: 12px solid var(--l-main-color);
}
.p-requirement__data {
  border: 1px solid #cccccc;
}
.p-requirement__data.-noNeed {
  position: relative;
}
.p-requirement__data.-noNeed::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(221, 221, 221, 0.7);
}
.p-requirement__item {
  display: flex;
}
.p-requirement__item + .p-requirement__item {
  border-top: 1px solid #ccc;
}
.p-requirement__item dt {
  background: #e2e9ef;
  font-weight: 700;
  padding: 0.5em 1em;
  width: 25%;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  font-size: clamp(0.875rem, 0.831rem + 0.19vw, 1rem);
}
@media screen and (min-width: 1024px) {
  .p-requirement__item dt {
    padding: 0.5em 1.25em;
    width: 22%;
  }
}
.p-requirement__item dd {
  padding: 0.5em 1em;
  border-left: 1px solid #ccc;
  font-weight: 500;
}
.p-requirement__item dd li {
  line-height: 1.625;
}
.p-requirement__item dd p {
  font-size: clamp(0.875rem, 0.831rem + 0.19vw, 1rem);
}

.p-recruit-process h2 {
  position: relative;
  font-weight: 700;
  padding-top: 0.25em;
  font-size: clamp(1.125rem, 0.949rem + 0.75vw, 1.625rem);
  border-top: 1px solid #e2e9ef;
}
.p-recruit-process h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 80px;
  height: 1px;
  background: var(--l-main-color);
}
.p-recruit-process .-item {
  display: flex;
}
.p-recruit-process .-item:last-child .-content::after {
  display: none;
}
.p-recruit-process h3 {
  line-height: 1;
  width: 13%;
  flex-shrink: 0;
  color: var(--l-main-color);
  font-weight: 600;
  font-family: var(--l-accent-font-set);
  font-size: clamp(1rem, 0.868rem + 0.56vw, 1.375rem);
}
@media screen and (min-width: 1024px) {
  .p-recruit-process h3 {
    width: 14.2%;
  }
}
.p-recruit-process h3 span {
  font-size: clamp(1.75rem, 1.354rem + 1.69vw, 2.875rem);
}
.p-recruit-process .-content {
  position: relative;
  flex-grow: 1;
  padding-left: 2em;
}
.p-recruit-process .-content::before, .p-recruit-process .-content::after {
  content: "";
  position: absolute;
}
.p-recruit-process .-content::before {
  left: 0;
  top: 0.55em;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  border: 4px solid var(--l-main-color);
}
.p-recruit-process .-content::after {
  z-index: -1;
  left: 0.5em;
  bottom: -1em;
  width: 1px;
  height: 100%;
  background: var(--l-main-color);
}
.p-recruit-process .-title {
  font-size: clamp(1rem, 0.912rem + 0.38vw, 1.25rem);
  font-weight: 700;
  margin-bottom: 0.25em;
}
.p-recruit-process p {
  line-height: 1.625;
}
.p-recruit-process dl {
  border: 1px solid #ccc;
  margin-top: 0.5em;
}
.p-recruit-process .-dataItem {
  display: flex;
}
.p-recruit-process .-dataItem:not(:first-child) {
  border-top: 1px solid #ccc;
}
.p-recruit-process .-dataItem dt {
  width: 14.3540669856%;
  flex-shrink: 0;
  padding: 0.5em;
  display: flex;
  align-items: center;
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  .p-recruit-process .-dataItem dt {
    padding: 0.5em 1em;
  }
}
.p-recruit-process .-dataItem dd {
  font-weight: 500;
  flex-grow: 1;
  padding: 0.5em 1em;
  line-height: 1.625;
  border-left: 1px solid #ccc;
}

/*
 brand (KOBARIC)
-----------------------------------------------------*/
.p-brand .p-pageHead p {
  font-size: clamp(1.25rem, 1.118rem + 0.56vw, 1.625rem);
  line-height: 1.5;
  font-weight: 700;
}
.p-brand__sec h3 {
  font-size: clamp(1.25rem, 1.118rem + 0.56vw, 1.625rem);
  font-weight: 700;
}
.p-brand__box {
  background: var(--l-light-color);
  border-radius: 10px;
}
@media screen and (min-width: 1024px) {
  .p-brand__box {
    border-radius: 20px;
  }
}
.p-brand__box .-wrap {
  max-width: 1000px;
  margin-inline: auto;
}
.p-brand__about {
  position: relative;
}
.p-brand__about::before {
  content: "";
  position: absolute;
  width: 25.3472222222vw;
  height: 55.9027777778vw;
  background: url("../img/recruit/deco_large01.svg") center center/cover;
  bottom: -6%;
  left: -8%;
  z-index: -1;
}
@media screen and (min-width: 1024px) {
  .p-brand__about::before {
    bottom: -40%;
    left: -12%;
  }
}
.p-brand__about .-head h2 {
  flex-shrink: 0;
}
.p-brand__about h3 {
  position: relative;
  padding-left: 1.25em;
}
@media screen and (min-width: 1024px) {
  .p-brand__about h3 {
    margin-left: -1.25em;
  }
}
.p-brand__about h3::before {
  position: absolute;
  content: "ー";
  left: 0;
  right: -1em;
  font-weight: 400;
  color: var(--l-main-color);
}
.p-brand__about .-image01 {
  width: 37.3333333333vw;
}
@media screen and (min-width: 1024px) {
  .p-brand__about .-image01 {
    width: 34.4827586207%;
    max-width: 405px;
    padding: 0 4em;
    flex-shrink: 0;
  }
}
.p-brand__about .-image02 {
  width: 62.6666666667vw;
}
@media screen and (min-width: 1024px) {
  .p-brand__about .-image02 {
    width: 29.8275862069%;
    flex-shrink: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-brand__background .-image {
    width: 40%;
    flex-shrink: 0;
  }
}
.p-brand__product {
  position: relative;
}
.p-brand__product::before {
  content: "";
  position: absolute;
  width: 27.6388888889vw;
  height: 55.4166666667vw;
  background: url("../img/recruit/deco_large02.svg") center center/cover;
  top: -8%;
  right: -2%;
  z-index: -1;
}
@media screen and (min-width: 1024px) {
  .p-brand__product::before {
    top: -30%;
    right: -19%;
  }
}
@media screen and (min-width: 1024px) {
  .p-brand__product .-image {
    width: 40%;
    flex-shrink: 0;
  }
}
.p-brand__product .-notes {
  background: #fff;
  font-size: clamp(0.5rem, 0.662rem + 0.38vw, 1rem);
  color: var(--l-main-color);
  border: 1px solid var(--l-main-color);
  padding: 0 0.75em;
  font-weight: 500;
}
.p-brand__product dl {
  background: #fff;
  padding: 0.75em 2em 0.75em 1em;
  width: -moz-fit-content;
  width: fit-content;
}
.p-brand__product dl dt {
  font-size: calc(16 / 16 * 1rem);
  font-weight: 700;
  color: var(--l-main-color);
}
.p-brand__product dl dd li {
  font-weight: 500;
  line-height: 1.57;
  font-size: clamp(0.875rem, 0.831rem + 0.19vw, 1rem);
  padding-left: 1em;
  position: relative;
}
.p-brand__product dl dd li::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background: var(--l-main-color);
  width: 0.35em;
  height: 0.35em;
  border-radius: 50%;
}
.p-brand__scene {
  position: relative;
}
.p-brand__scene::before {
  content: "";
  position: absolute;
  width: 23.6111111111vw;
  height: 45.3472222222vw;
  background: url("../img/recruit/deco_large03.svg") center center/cover;
  top: -13%;
  left: -12%;
  z-index: -1;
}
@media screen and (min-width: 1024px) {
  .p-brand__scene::before {
    top: -3%;
    left: -10%;
  }
}
.p-brand__scene figcaption {
  font-size: clamp(1rem, 0.912rem + 0.38vw, 1.25rem);
  font-weight: 700;
}
.p-brand__creators .-image {
  width: 66.1333333333vw;
}
@media screen and (min-width: 1024px) {
  .p-brand__creators .-image {
    width: 40%;
    flex-shrink: 0;
  }
}
.p-brand__banner .p-recruit__banner {
  background: url("../img/recruit/banner_online-sp.jpg") center center/cover;
}
@media screen and (min-width: 1024px) {
  .p-brand__banner .p-recruit__banner {
    background: url("../img/recruit/banner_online.jpg") center center/cover;
  }
}
.p-brand__banner p:first-child {
  font-size: clamp(1.25rem, 1.118rem + 0.56vw, 1.625rem);
  line-height: 1.5;
}

/*
 contact
-----------------------------------------------------*/
.p-contact {
  /*セレクトボックス*/
  /*ラジオボタン*/
}
.p-contact__wrap {
  background: var(--l-light-color);
  margin-top: 3em;
  padding: 2em 5% 3em;
  border-radius: 10px;
}
@media screen and (min-width: 1024px) {
  .p-contact__wrap {
    border-radius: 20px;
  }
}
.p-contact__wrap .wp-block-group__inner-container {
  max-width: 1000px;
  margin-inline: auto;
}
.p-contact__item {
  display: flex;
  flex-direction: column;
  padding: 1.5em 0;
  border-bottom: 1px solid #ccc;
  gap: 0.5em;
  /*名前入力欄*/
}
@media screen and (min-width: 1024px) {
  .p-contact__item {
    flex-direction: row;
    align-items: center;
    gap: calc(48 / 16 * 1rem);
  }
}
.p-contact__item__item:last-child {
  border-bottom: none;
}
.p-contact__item p {
  font-size: calc(14 / 16 * 1rem);
  white-space: nowrap;
}
@media screen and (min-width: 1024px) {
  .p-contact__item p {
    font-size: calc(16 / 16 * 1rem);
  }
}
.p-contact__item .flex-name {
  gap: 0.5em;
}
@media screen and (min-width: 1024px) {
  .p-contact__item .flex-name {
    gap: 1.5em;
  }
}
.p-contact__item .flex-name .smf-text-control__control {
  max-width: 302px;
}
@media (max-width: 360px) {
  .p-contact__item .flex-name .smf-text-control__control {
    max-width: 110px;
  }
}
.p-contact__item .flex-post .smf-text-control__control {
  max-width: 100px;
}
@media (max-width: 360px) {
  .p-contact__item .flex-post .smf-text-control__control {
    max-width: 80px;
  }
}
@media screen and (min-width: 1024px) {
  .p-contact__item .mt-top {
    margin-top: 1em;
  }
}
.p-contact__item dt,
.p-contact__item .smf-item__col--label {
  font-size: calc(14 / 16 * 1rem);
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  .p-contact__item dt,
  .p-contact__item .smf-item__col--label {
    font-size: calc(16 / 16 * 1rem);
    width: 25%;
    flex-shrink: 0;
  }
}
.p-contact__item dd,
.p-contact__item .smf-item__col--controls {
  font-size: calc(14 / 16 * 1rem);
  flex-grow: 1;
}
@media screen and (min-width: 1024px) {
  .p-contact__item dd,
  .p-contact__item .smf-item__col--controls {
    font-size: calc(16 / 16 * 1rem);
  }
}
.p-contact__item.-required .smf-item__label__text {
  position: relative;
  padding-right: 1em;
  display: block;
}
.p-contact__item.-required .smf-item__label__text::after {
  content: "必須";
  background: #d03838;
  padding: 0 0.75em;
  font-size: 10px;
  color: #fff;
  margin-left: 1em;
}
@media screen and (min-width: 1024px) {
  .p-contact__item.-required .smf-item__label__text::after {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    margin-left: 0;
    right: 0;
  }
}
.p-contact__item textarea {
  min-height: 260px;
}
.p-contact__input {
  margin-top: 0.5em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  border: 1px solid #ddd;
  padding: 0.5em 1em !important;
  position: relative;
  line-height: 1.5 !important;
}
.p-contact .smf-form .smf-text-control__control {
  padding: 0.5em 1em;
}
.p-contact .smf-select-control {
  position: relative;
}
.p-contact .smf-select-control::after {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1em;
  width: 10px;
  height: 7px;
  z-index: 1;
  background: url("../img/ico_select.svg") center center/cover;
}
.p-contact .smf-select-control__control {
  padding: 0.5em 1em !important;
  width: 300px;
  background: #f5f5f5;
}
@media screen and (min-width: 1024px) {
  .p-contact .smf-select-control__control {
    max-width: 360px;
  }
}
.p-contact .smf-radio-buttons-control__control {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .p-contact .smf-radio-buttons-control__control {
    flex-direction: row;
    gap: 48px;
  }
}
.p-contact .smf-radio-button-control__label {
  font-weight: 700;
}
.p-contact__privacy {
  margin-top: calc(32 / 16 * 1rem);
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .p-contact__privacy {
    margin-top: calc(60 / 16 * 1rem);
  }
}
.p-contact__privacy input[type=checkbox] {
  position: relative;
  width: 26px;
  height: 26px;
  border: 1px solid #000;
  vertical-align: -5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.p-contact__privacy input[type=checkbox]:checked {
  background: #fff;
}
.p-contact__privacy input[type=checkbox]:checked:before {
  position: absolute;
  top: 3px;
  left: 7px;
  width: 8px;
  height: 16px;
  border-right: 2px solid var(--l-accent-color);
  border-bottom: 2px solid var(--l-accent-color);
  content: "";
}
.p-contact__privacy .smf-checkbox-control__label {
  font-weight: 500;
  display: inline-block;
  margin-top: 0.25em;
  font-size: calc(14 / 16 * 1rem);
}
@media screen and (min-width: 1024px) {
  .p-contact__privacy .smf-checkbox-control__label {
    font-size: calc(16 / 16 * 1rem);
  }
}
form[data-screen=confirm] .p-contact__privacy {
  display: none;
}
.p-contact input[type=text]:focus,
.p-contact input[type=email]:focus,
.p-contact input[type=checkbox]:focus,
.p-contact select:focus,
.p-contact textarea:focus {
  border-color: var(--l-accent-color);
}
.p-contact input[type=text]::-moz-placeholder, .p-contact input[type=email]::-moz-placeholder, .p-contact textarea::-moz-placeholder {
  color: #aaa;
}
.p-contact input[type=text]::placeholder,
.p-contact input[type=email]::placeholder,
.p-contact textarea::placeholder {
  color: #aaa;
}
.p-contact__submit .smf-button-control,
.p-contact .smf-action .smf-button-control {
  position: relative;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  margin-top: 29px;
}
.p-contact__submit .smf-button-control__control,
.p-contact .smf-action .smf-button-control__control {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  display: block;
  font-size: calc(16 / 16 * 1rem);
  font-weight: 700;
  width: 320px;
  background: var(--l-main-color);
  color: #fff;
  padding: 0.5em 2em;
  border-radius: 99px;
  border: 2px solid var(--l-main-color);
  transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .p-contact__submit .smf-button-control__control,
  .p-contact .smf-action .smf-button-control__control {
    font-size: calc(20 / 16 * 1rem);
    width: 360px;
  }
}
.p-contact__submit .smf-button-control + .smf-button-control,
.p-contact .smf-action .smf-button-control + .smf-button-control {
  margin-top: 2em;
}
.p-contact__thanks .-heading {
  font-size: clamp(1.125rem, 1.089rem + 0.18vw, 1.25rem);
  font-weight: 500;
}
.p-contact__thanks .c-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  border-radius: 0;
  background: #ccdce3;
  font-weight: 500;
  color: var(--l-main-color);
  font-size: clamp(0.875rem, 0.839rem + 0.18vw, 1rem);
  padding: 0.75em 2.5em;
}

/*投稿ページ*/
/*
 Single
-----------------------------------------------------*/
.p-single__thumb img {
  width: 100%;
  height: 100%;
}
.p-single__content p + p {
  margin-top: 1.5em;
}
.p-single__back .c-button {
  max-width: 240px;
}

/*
  Text
-----------------------------------------------------*/
@media screen and (min-width: 0) {
  .l-text[data-align~="min:left"] {
    text-align: left;
  }
  .l-text[data-align~="min:center"] {
    text-align: center;
  }
  .l-text[data-align~="min:right"] {
    text-align: right;
  }
  .l-text[data-align~="min:justify"] {
    text-align: justify;
    text-justify: inter-character;
  }
  .l-text[data-case~="min:uppercase"] {
    text-transform: uppercase;
  }
  .l-text[data-case~="min:normal"] {
    text-transform: initial;
  }
  .l-text[data-word~="min:keep"] {
    word-break: keep-all;
    overflow-wrap: break-word;
  }
  .l-text[data-word~="min:auto"] {
    word-break: initial;
    overflow-wrap: initial;
  }
  .l-text[data-space~="min:nowrap"] {
    white-space: nowrap;
  }
  .l-text[data-space~="min:wrap"] {
    white-space: normal;
  }
  .l-text[data-space~="min:pre"] {
    white-space: pre;
  }
  .l-text[data-space~="min:preWrap"] {
    white-space: pre-wrap;
  }
  .l-text[data-line~="min:-2"] {
    line-height: 0.5;
  }
  .l-text[data-line~="min:-1"] {
    line-height: 0.75;
  }
  .l-text[data-line~="min:1"] {
    line-height: 1;
  }
  .l-text[data-line~="min:+1"] {
    line-height: 1.25;
  }
  .l-text[data-line~="min:+2"] {
    line-height: 1.5;
  }
  .l-text[data-line~="min:+3"] {
    line-height: 1.75;
  }
  .l-text[data-line~="min:+4"] {
    line-height: 2;
  }
  .l-text[data-line~="min:+5"] {
    line-height: 2.25;
  }
  .l-text[data-line~="min:+6"] {
    line-height: 2.5;
  }
  .l-text[data-tracking~="min:-2"] {
    letter-spacing: -0.05em;
  }
  .l-text[data-tracking~="min:-1"] {
    letter-spacing: -0.025em;
  }
  .l-text[data-tracking~="min:0"] {
    letter-spacing: 0;
  }
  .l-text[data-tracking~="min:+1"] {
    letter-spacing: 0.025em;
  }
  .l-text[data-tracking~="min:+2"] {
    letter-spacing: 0.05em;
  }
  .l-text[data-tracking~="min:+3"] {
    letter-spacing: 0.1em;
  }
  .l-text[data-tracking~="min:+4"] {
    letter-spacing: 0.125em;
  }
  .l-text[data-tracking~="min:+5"] {
    letter-spacing: 0.15em;
  }
  .l-text[data-tracking~="min:+6"] {
    letter-spacing: 0.175em;
  }
  .l-text[data-tracking~="min:+7"] {
    letter-spacing: 0.2em;
  }
  .l-text[data-kerning~="min:normal"] {
    font-feature-settings: normal;
  }
  .l-text[data-kerning~="min:palt"] {
    font-feature-settings: "palt";
  }
  .l-text[data-kerning~="min:pkna"] {
    font-feature-settings: "pkna";
  }
  .l-text[data-size~="min:2xsmall"] {
    font-size: 0.625rem;
  }
  .l-text[data-size~="min:xsmall"] {
    font-size: 0.75rem;
  }
  .l-text[data-size~="min:small"] {
    font-size: 0.875rem;
  }
  .l-text[data-size~="min:normal"] {
    font-size: 1rem;
  }
  .l-text[data-size~="min:large"] {
    font-size: 1.125rem;
  }
  .l-text[data-size~="min:xlarge"] {
    font-size: 1.25rem;
  }
  .l-text[data-size~="min:2xlarge"] {
    font-size: 1.5rem;
  }
  .l-text[data-size~="min:3xlarge"] {
    font-size: 2rem;
  }
  .l-text[data-size~="min:4xlarge"] {
    font-size: 2.5rem;
  }
  .l-text[data-size~="min:5xlarge"] {
    font-size: 3rem;
  }
  .l-text[data-size~="min:6xlarge"] {
    font-size: 3.5rem;
  }
  .l-text[data-size~="min:7xlarge"] {
    font-size: 4rem;
  }
  .l-text[data-size~="min:8xlarge"] {
    font-size: 4.5rem;
  }
  .l-text[data-size~="min:9xlarge"] {
    font-size: 5rem;
  }
  .l-text[data-family~="min:primary"] {
    font-family: var(--l-primary-font-set, "sans-serif");
  }
  .l-text[data-family~="min:en"] {
    font-family: var(--l-en-font-set, "sans-serif");
  }
  .l-text[data-weight~="min:100"] {
    font-weight: 100;
  }
  .l-text[data-weight~="min:200"] {
    font-weight: 200;
  }
  .l-text[data-weight~="min:300"] {
    font-weight: 300;
  }
  .l-text[data-weight~="min:400"] {
    font-weight: 400;
  }
  .l-text[data-weight~="min:500"] {
    font-weight: 500;
  }
  .l-text[data-weight~="min:600"] {
    font-weight: 600;
  }
  .l-text[data-weight~="min:700"] {
    font-weight: 700;
  }
  .l-text[data-weight~="min:800"] {
    font-weight: 800;
  }
  .l-text[data-weight~="min:900"] {
    font-weight: 900;
  }
  .l-text[data-style~="min:normal"] {
    font-style: normal;
  }
  .l-text[data-style~="min:italic"] {
    font-style: italic;
  }
  .l-text[data-color~="min:primary"] {
    color: var(--l-primary-text-color);
  }
  .l-text[data-color~="min:main"] {
    color: var(--l-main-color);
  }
  .l-text[data-color~="min:accent"] {
    color: var(--l-accent-color);
  }
  .l-text[data-color~="min:light"] {
    color: var(--l-light-text-color);
  }
  .l-text[data-color~="min:white"] {
    color: #fff;
  }
  .l-text[data-color~="min:black"] {
    color: #000;
  }
}
@media screen and (min-width: 375px) {
  .l-text[data-align~="xxs:left"] {
    text-align: left;
  }
  .l-text[data-align~="xxs:center"] {
    text-align: center;
  }
  .l-text[data-align~="xxs:right"] {
    text-align: right;
  }
  .l-text[data-align~="xxs:justify"] {
    text-align: justify;
    text-justify: inter-character;
  }
  .l-text[data-case~="xxs:uppercase"] {
    text-transform: uppercase;
  }
  .l-text[data-case~="xxs:normal"] {
    text-transform: initial;
  }
  .l-text[data-word~="xxs:keep"] {
    word-break: keep-all;
    overflow-wrap: break-word;
  }
  .l-text[data-word~="xxs:auto"] {
    word-break: initial;
    overflow-wrap: initial;
  }
  .l-text[data-space~="xxs:nowrap"] {
    white-space: nowrap;
  }
  .l-text[data-space~="xxs:wrap"] {
    white-space: normal;
  }
  .l-text[data-space~="xxs:pre"] {
    white-space: pre;
  }
  .l-text[data-space~="xxs:preWrap"] {
    white-space: pre-wrap;
  }
  .l-text[data-line~="xxs:-2"] {
    line-height: 0.5;
  }
  .l-text[data-line~="xxs:-1"] {
    line-height: 0.75;
  }
  .l-text[data-line~="xxs:1"] {
    line-height: 1;
  }
  .l-text[data-line~="xxs:+1"] {
    line-height: 1.25;
  }
  .l-text[data-line~="xxs:+2"] {
    line-height: 1.5;
  }
  .l-text[data-line~="xxs:+3"] {
    line-height: 1.75;
  }
  .l-text[data-line~="xxs:+4"] {
    line-height: 2;
  }
  .l-text[data-line~="xxs:+5"] {
    line-height: 2.25;
  }
  .l-text[data-line~="xxs:+6"] {
    line-height: 2.5;
  }
  .l-text[data-tracking~="xxs:-2"] {
    letter-spacing: -0.05em;
  }
  .l-text[data-tracking~="xxs:-1"] {
    letter-spacing: -0.025em;
  }
  .l-text[data-tracking~="xxs:0"] {
    letter-spacing: 0;
  }
  .l-text[data-tracking~="xxs:+1"] {
    letter-spacing: 0.025em;
  }
  .l-text[data-tracking~="xxs:+2"] {
    letter-spacing: 0.05em;
  }
  .l-text[data-tracking~="xxs:+3"] {
    letter-spacing: 0.1em;
  }
  .l-text[data-tracking~="xxs:+4"] {
    letter-spacing: 0.125em;
  }
  .l-text[data-tracking~="xxs:+5"] {
    letter-spacing: 0.15em;
  }
  .l-text[data-tracking~="xxs:+6"] {
    letter-spacing: 0.175em;
  }
  .l-text[data-tracking~="xxs:+7"] {
    letter-spacing: 0.2em;
  }
  .l-text[data-kerning~="xxs:normal"] {
    font-feature-settings: normal;
  }
  .l-text[data-kerning~="xxs:palt"] {
    font-feature-settings: "palt";
  }
  .l-text[data-kerning~="xxs:pkna"] {
    font-feature-settings: "pkna";
  }
  .l-text[data-size~="xxs:2xsmall"] {
    font-size: 0.625rem;
  }
  .l-text[data-size~="xxs:xsmall"] {
    font-size: 0.75rem;
  }
  .l-text[data-size~="xxs:small"] {
    font-size: 0.875rem;
  }
  .l-text[data-size~="xxs:normal"] {
    font-size: 1rem;
  }
  .l-text[data-size~="xxs:large"] {
    font-size: 1.125rem;
  }
  .l-text[data-size~="xxs:xlarge"] {
    font-size: 1.25rem;
  }
  .l-text[data-size~="xxs:2xlarge"] {
    font-size: 1.5rem;
  }
  .l-text[data-size~="xxs:3xlarge"] {
    font-size: 2rem;
  }
  .l-text[data-size~="xxs:4xlarge"] {
    font-size: 2.5rem;
  }
  .l-text[data-size~="xxs:5xlarge"] {
    font-size: 3rem;
  }
  .l-text[data-size~="xxs:6xlarge"] {
    font-size: 3.5rem;
  }
  .l-text[data-size~="xxs:7xlarge"] {
    font-size: 4rem;
  }
  .l-text[data-size~="xxs:8xlarge"] {
    font-size: 4.5rem;
  }
  .l-text[data-size~="xxs:9xlarge"] {
    font-size: 5rem;
  }
  .l-text[data-family~="xxs:primary"] {
    font-family: var(--l-primary-font-set, "sans-serif");
  }
  .l-text[data-family~="xxs:en"] {
    font-family: var(--l-en-font-set, "sans-serif");
  }
  .l-text[data-weight~="xxs:100"] {
    font-weight: 100;
  }
  .l-text[data-weight~="xxs:200"] {
    font-weight: 200;
  }
  .l-text[data-weight~="xxs:300"] {
    font-weight: 300;
  }
  .l-text[data-weight~="xxs:400"] {
    font-weight: 400;
  }
  .l-text[data-weight~="xxs:500"] {
    font-weight: 500;
  }
  .l-text[data-weight~="xxs:600"] {
    font-weight: 600;
  }
  .l-text[data-weight~="xxs:700"] {
    font-weight: 700;
  }
  .l-text[data-weight~="xxs:800"] {
    font-weight: 800;
  }
  .l-text[data-weight~="xxs:900"] {
    font-weight: 900;
  }
  .l-text[data-style~="xxs:normal"] {
    font-style: normal;
  }
  .l-text[data-style~="xxs:italic"] {
    font-style: italic;
  }
  .l-text[data-color~="xxs:primary"] {
    color: var(--l-primary-text-color);
  }
  .l-text[data-color~="xxs:main"] {
    color: var(--l-main-color);
  }
  .l-text[data-color~="xxs:accent"] {
    color: var(--l-accent-color);
  }
  .l-text[data-color~="xxs:light"] {
    color: var(--l-light-text-color);
  }
  .l-text[data-color~="xxs:white"] {
    color: #fff;
  }
  .l-text[data-color~="xxs:black"] {
    color: #000;
  }
}
@media screen and (min-width: 414px) {
  .l-text[data-align~="xs:left"] {
    text-align: left;
  }
  .l-text[data-align~="xs:center"] {
    text-align: center;
  }
  .l-text[data-align~="xs:right"] {
    text-align: right;
  }
  .l-text[data-align~="xs:justify"] {
    text-align: justify;
    text-justify: inter-character;
  }
  .l-text[data-case~="xs:uppercase"] {
    text-transform: uppercase;
  }
  .l-text[data-case~="xs:normal"] {
    text-transform: initial;
  }
  .l-text[data-word~="xs:keep"] {
    word-break: keep-all;
    overflow-wrap: break-word;
  }
  .l-text[data-word~="xs:auto"] {
    word-break: initial;
    overflow-wrap: initial;
  }
  .l-text[data-space~="xs:nowrap"] {
    white-space: nowrap;
  }
  .l-text[data-space~="xs:wrap"] {
    white-space: normal;
  }
  .l-text[data-space~="xs:pre"] {
    white-space: pre;
  }
  .l-text[data-space~="xs:preWrap"] {
    white-space: pre-wrap;
  }
  .l-text[data-line~="xs:-2"] {
    line-height: 0.5;
  }
  .l-text[data-line~="xs:-1"] {
    line-height: 0.75;
  }
  .l-text[data-line~="xs:1"] {
    line-height: 1;
  }
  .l-text[data-line~="xs:+1"] {
    line-height: 1.25;
  }
  .l-text[data-line~="xs:+2"] {
    line-height: 1.5;
  }
  .l-text[data-line~="xs:+3"] {
    line-height: 1.75;
  }
  .l-text[data-line~="xs:+4"] {
    line-height: 2;
  }
  .l-text[data-line~="xs:+5"] {
    line-height: 2.25;
  }
  .l-text[data-line~="xs:+6"] {
    line-height: 2.5;
  }
  .l-text[data-tracking~="xs:-2"] {
    letter-spacing: -0.05em;
  }
  .l-text[data-tracking~="xs:-1"] {
    letter-spacing: -0.025em;
  }
  .l-text[data-tracking~="xs:0"] {
    letter-spacing: 0;
  }
  .l-text[data-tracking~="xs:+1"] {
    letter-spacing: 0.025em;
  }
  .l-text[data-tracking~="xs:+2"] {
    letter-spacing: 0.05em;
  }
  .l-text[data-tracking~="xs:+3"] {
    letter-spacing: 0.1em;
  }
  .l-text[data-tracking~="xs:+4"] {
    letter-spacing: 0.125em;
  }
  .l-text[data-tracking~="xs:+5"] {
    letter-spacing: 0.15em;
  }
  .l-text[data-tracking~="xs:+6"] {
    letter-spacing: 0.175em;
  }
  .l-text[data-tracking~="xs:+7"] {
    letter-spacing: 0.2em;
  }
  .l-text[data-kerning~="xs:normal"] {
    font-feature-settings: normal;
  }
  .l-text[data-kerning~="xs:palt"] {
    font-feature-settings: "palt";
  }
  .l-text[data-kerning~="xs:pkna"] {
    font-feature-settings: "pkna";
  }
  .l-text[data-size~="xs:2xsmall"] {
    font-size: 0.625rem;
  }
  .l-text[data-size~="xs:xsmall"] {
    font-size: 0.75rem;
  }
  .l-text[data-size~="xs:small"] {
    font-size: 0.875rem;
  }
  .l-text[data-size~="xs:normal"] {
    font-size: 1rem;
  }
  .l-text[data-size~="xs:large"] {
    font-size: 1.125rem;
  }
  .l-text[data-size~="xs:xlarge"] {
    font-size: 1.25rem;
  }
  .l-text[data-size~="xs:2xlarge"] {
    font-size: 1.5rem;
  }
  .l-text[data-size~="xs:3xlarge"] {
    font-size: 2rem;
  }
  .l-text[data-size~="xs:4xlarge"] {
    font-size: 2.5rem;
  }
  .l-text[data-size~="xs:5xlarge"] {
    font-size: 3rem;
  }
  .l-text[data-size~="xs:6xlarge"] {
    font-size: 3.5rem;
  }
  .l-text[data-size~="xs:7xlarge"] {
    font-size: 4rem;
  }
  .l-text[data-size~="xs:8xlarge"] {
    font-size: 4.5rem;
  }
  .l-text[data-size~="xs:9xlarge"] {
    font-size: 5rem;
  }
  .l-text[data-family~="xs:primary"] {
    font-family: var(--l-primary-font-set, "sans-serif");
  }
  .l-text[data-family~="xs:en"] {
    font-family: var(--l-en-font-set, "sans-serif");
  }
  .l-text[data-weight~="xs:100"] {
    font-weight: 100;
  }
  .l-text[data-weight~="xs:200"] {
    font-weight: 200;
  }
  .l-text[data-weight~="xs:300"] {
    font-weight: 300;
  }
  .l-text[data-weight~="xs:400"] {
    font-weight: 400;
  }
  .l-text[data-weight~="xs:500"] {
    font-weight: 500;
  }
  .l-text[data-weight~="xs:600"] {
    font-weight: 600;
  }
  .l-text[data-weight~="xs:700"] {
    font-weight: 700;
  }
  .l-text[data-weight~="xs:800"] {
    font-weight: 800;
  }
  .l-text[data-weight~="xs:900"] {
    font-weight: 900;
  }
  .l-text[data-style~="xs:normal"] {
    font-style: normal;
  }
  .l-text[data-style~="xs:italic"] {
    font-style: italic;
  }
  .l-text[data-color~="xs:primary"] {
    color: var(--l-primary-text-color);
  }
  .l-text[data-color~="xs:main"] {
    color: var(--l-main-color);
  }
  .l-text[data-color~="xs:accent"] {
    color: var(--l-accent-color);
  }
  .l-text[data-color~="xs:light"] {
    color: var(--l-light-text-color);
  }
  .l-text[data-color~="xs:white"] {
    color: #fff;
  }
  .l-text[data-color~="xs:black"] {
    color: #000;
  }
}
@media screen and (min-width: 576px) {
  .l-text[data-align~="sm:left"] {
    text-align: left;
  }
  .l-text[data-align~="sm:center"] {
    text-align: center;
  }
  .l-text[data-align~="sm:right"] {
    text-align: right;
  }
  .l-text[data-align~="sm:justify"] {
    text-align: justify;
    text-justify: inter-character;
  }
  .l-text[data-case~="sm:uppercase"] {
    text-transform: uppercase;
  }
  .l-text[data-case~="sm:normal"] {
    text-transform: initial;
  }
  .l-text[data-word~="sm:keep"] {
    word-break: keep-all;
    overflow-wrap: break-word;
  }
  .l-text[data-word~="sm:auto"] {
    word-break: initial;
    overflow-wrap: initial;
  }
  .l-text[data-space~="sm:nowrap"] {
    white-space: nowrap;
  }
  .l-text[data-space~="sm:wrap"] {
    white-space: normal;
  }
  .l-text[data-space~="sm:pre"] {
    white-space: pre;
  }
  .l-text[data-space~="sm:preWrap"] {
    white-space: pre-wrap;
  }
  .l-text[data-line~="sm:-2"] {
    line-height: 0.5;
  }
  .l-text[data-line~="sm:-1"] {
    line-height: 0.75;
  }
  .l-text[data-line~="sm:1"] {
    line-height: 1;
  }
  .l-text[data-line~="sm:+1"] {
    line-height: 1.25;
  }
  .l-text[data-line~="sm:+2"] {
    line-height: 1.5;
  }
  .l-text[data-line~="sm:+3"] {
    line-height: 1.75;
  }
  .l-text[data-line~="sm:+4"] {
    line-height: 2;
  }
  .l-text[data-line~="sm:+5"] {
    line-height: 2.25;
  }
  .l-text[data-line~="sm:+6"] {
    line-height: 2.5;
  }
  .l-text[data-tracking~="sm:-2"] {
    letter-spacing: -0.05em;
  }
  .l-text[data-tracking~="sm:-1"] {
    letter-spacing: -0.025em;
  }
  .l-text[data-tracking~="sm:0"] {
    letter-spacing: 0;
  }
  .l-text[data-tracking~="sm:+1"] {
    letter-spacing: 0.025em;
  }
  .l-text[data-tracking~="sm:+2"] {
    letter-spacing: 0.05em;
  }
  .l-text[data-tracking~="sm:+3"] {
    letter-spacing: 0.1em;
  }
  .l-text[data-tracking~="sm:+4"] {
    letter-spacing: 0.125em;
  }
  .l-text[data-tracking~="sm:+5"] {
    letter-spacing: 0.15em;
  }
  .l-text[data-tracking~="sm:+6"] {
    letter-spacing: 0.175em;
  }
  .l-text[data-tracking~="sm:+7"] {
    letter-spacing: 0.2em;
  }
  .l-text[data-kerning~="sm:normal"] {
    font-feature-settings: normal;
  }
  .l-text[data-kerning~="sm:palt"] {
    font-feature-settings: "palt";
  }
  .l-text[data-kerning~="sm:pkna"] {
    font-feature-settings: "pkna";
  }
  .l-text[data-size~="sm:2xsmall"] {
    font-size: 0.625rem;
  }
  .l-text[data-size~="sm:xsmall"] {
    font-size: 0.75rem;
  }
  .l-text[data-size~="sm:small"] {
    font-size: 0.875rem;
  }
  .l-text[data-size~="sm:normal"] {
    font-size: 1rem;
  }
  .l-text[data-size~="sm:large"] {
    font-size: 1.125rem;
  }
  .l-text[data-size~="sm:xlarge"] {
    font-size: 1.25rem;
  }
  .l-text[data-size~="sm:2xlarge"] {
    font-size: 1.5rem;
  }
  .l-text[data-size~="sm:3xlarge"] {
    font-size: 2rem;
  }
  .l-text[data-size~="sm:4xlarge"] {
    font-size: 2.5rem;
  }
  .l-text[data-size~="sm:5xlarge"] {
    font-size: 3rem;
  }
  .l-text[data-size~="sm:6xlarge"] {
    font-size: 3.5rem;
  }
  .l-text[data-size~="sm:7xlarge"] {
    font-size: 4rem;
  }
  .l-text[data-size~="sm:8xlarge"] {
    font-size: 4.5rem;
  }
  .l-text[data-size~="sm:9xlarge"] {
    font-size: 5rem;
  }
  .l-text[data-family~="sm:primary"] {
    font-family: var(--l-primary-font-set, "sans-serif");
  }
  .l-text[data-family~="sm:en"] {
    font-family: var(--l-en-font-set, "sans-serif");
  }
  .l-text[data-weight~="sm:100"] {
    font-weight: 100;
  }
  .l-text[data-weight~="sm:200"] {
    font-weight: 200;
  }
  .l-text[data-weight~="sm:300"] {
    font-weight: 300;
  }
  .l-text[data-weight~="sm:400"] {
    font-weight: 400;
  }
  .l-text[data-weight~="sm:500"] {
    font-weight: 500;
  }
  .l-text[data-weight~="sm:600"] {
    font-weight: 600;
  }
  .l-text[data-weight~="sm:700"] {
    font-weight: 700;
  }
  .l-text[data-weight~="sm:800"] {
    font-weight: 800;
  }
  .l-text[data-weight~="sm:900"] {
    font-weight: 900;
  }
  .l-text[data-style~="sm:normal"] {
    font-style: normal;
  }
  .l-text[data-style~="sm:italic"] {
    font-style: italic;
  }
  .l-text[data-color~="sm:primary"] {
    color: var(--l-primary-text-color);
  }
  .l-text[data-color~="sm:main"] {
    color: var(--l-main-color);
  }
  .l-text[data-color~="sm:accent"] {
    color: var(--l-accent-color);
  }
  .l-text[data-color~="sm:light"] {
    color: var(--l-light-text-color);
  }
  .l-text[data-color~="sm:white"] {
    color: #fff;
  }
  .l-text[data-color~="sm:black"] {
    color: #000;
  }
}
@media screen and (min-width: 768px) {
  .l-text[data-align~="md:left"] {
    text-align: left;
  }
  .l-text[data-align~="md:center"] {
    text-align: center;
  }
  .l-text[data-align~="md:right"] {
    text-align: right;
  }
  .l-text[data-align~="md:justify"] {
    text-align: justify;
    text-justify: inter-character;
  }
  .l-text[data-case~="md:uppercase"] {
    text-transform: uppercase;
  }
  .l-text[data-case~="md:normal"] {
    text-transform: initial;
  }
  .l-text[data-word~="md:keep"] {
    word-break: keep-all;
    overflow-wrap: break-word;
  }
  .l-text[data-word~="md:auto"] {
    word-break: initial;
    overflow-wrap: initial;
  }
  .l-text[data-space~="md:nowrap"] {
    white-space: nowrap;
  }
  .l-text[data-space~="md:wrap"] {
    white-space: normal;
  }
  .l-text[data-space~="md:pre"] {
    white-space: pre;
  }
  .l-text[data-space~="md:preWrap"] {
    white-space: pre-wrap;
  }
  .l-text[data-line~="md:-2"] {
    line-height: 0.5;
  }
  .l-text[data-line~="md:-1"] {
    line-height: 0.75;
  }
  .l-text[data-line~="md:1"] {
    line-height: 1;
  }
  .l-text[data-line~="md:+1"] {
    line-height: 1.25;
  }
  .l-text[data-line~="md:+2"] {
    line-height: 1.5;
  }
  .l-text[data-line~="md:+3"] {
    line-height: 1.75;
  }
  .l-text[data-line~="md:+4"] {
    line-height: 2;
  }
  .l-text[data-line~="md:+5"] {
    line-height: 2.25;
  }
  .l-text[data-line~="md:+6"] {
    line-height: 2.5;
  }
  .l-text[data-tracking~="md:-2"] {
    letter-spacing: -0.05em;
  }
  .l-text[data-tracking~="md:-1"] {
    letter-spacing: -0.025em;
  }
  .l-text[data-tracking~="md:0"] {
    letter-spacing: 0;
  }
  .l-text[data-tracking~="md:+1"] {
    letter-spacing: 0.025em;
  }
  .l-text[data-tracking~="md:+2"] {
    letter-spacing: 0.05em;
  }
  .l-text[data-tracking~="md:+3"] {
    letter-spacing: 0.1em;
  }
  .l-text[data-tracking~="md:+4"] {
    letter-spacing: 0.125em;
  }
  .l-text[data-tracking~="md:+5"] {
    letter-spacing: 0.15em;
  }
  .l-text[data-tracking~="md:+6"] {
    letter-spacing: 0.175em;
  }
  .l-text[data-tracking~="md:+7"] {
    letter-spacing: 0.2em;
  }
  .l-text[data-kerning~="md:normal"] {
    font-feature-settings: normal;
  }
  .l-text[data-kerning~="md:palt"] {
    font-feature-settings: "palt";
  }
  .l-text[data-kerning~="md:pkna"] {
    font-feature-settings: "pkna";
  }
  .l-text[data-size~="md:2xsmall"] {
    font-size: 0.625rem;
  }
  .l-text[data-size~="md:xsmall"] {
    font-size: 0.75rem;
  }
  .l-text[data-size~="md:small"] {
    font-size: 0.875rem;
  }
  .l-text[data-size~="md:normal"] {
    font-size: 1rem;
  }
  .l-text[data-size~="md:large"] {
    font-size: 1.125rem;
  }
  .l-text[data-size~="md:xlarge"] {
    font-size: 1.25rem;
  }
  .l-text[data-size~="md:2xlarge"] {
    font-size: 1.5rem;
  }
  .l-text[data-size~="md:3xlarge"] {
    font-size: 2rem;
  }
  .l-text[data-size~="md:4xlarge"] {
    font-size: 2.5rem;
  }
  .l-text[data-size~="md:5xlarge"] {
    font-size: 3rem;
  }
  .l-text[data-size~="md:6xlarge"] {
    font-size: 3.5rem;
  }
  .l-text[data-size~="md:7xlarge"] {
    font-size: 4rem;
  }
  .l-text[data-size~="md:8xlarge"] {
    font-size: 4.5rem;
  }
  .l-text[data-size~="md:9xlarge"] {
    font-size: 5rem;
  }
  .l-text[data-family~="md:primary"] {
    font-family: var(--l-primary-font-set, "sans-serif");
  }
  .l-text[data-family~="md:en"] {
    font-family: var(--l-en-font-set, "sans-serif");
  }
  .l-text[data-weight~="md:100"] {
    font-weight: 100;
  }
  .l-text[data-weight~="md:200"] {
    font-weight: 200;
  }
  .l-text[data-weight~="md:300"] {
    font-weight: 300;
  }
  .l-text[data-weight~="md:400"] {
    font-weight: 400;
  }
  .l-text[data-weight~="md:500"] {
    font-weight: 500;
  }
  .l-text[data-weight~="md:600"] {
    font-weight: 600;
  }
  .l-text[data-weight~="md:700"] {
    font-weight: 700;
  }
  .l-text[data-weight~="md:800"] {
    font-weight: 800;
  }
  .l-text[data-weight~="md:900"] {
    font-weight: 900;
  }
  .l-text[data-style~="md:normal"] {
    font-style: normal;
  }
  .l-text[data-style~="md:italic"] {
    font-style: italic;
  }
  .l-text[data-color~="md:primary"] {
    color: var(--l-primary-text-color);
  }
  .l-text[data-color~="md:main"] {
    color: var(--l-main-color);
  }
  .l-text[data-color~="md:accent"] {
    color: var(--l-accent-color);
  }
  .l-text[data-color~="md:light"] {
    color: var(--l-light-text-color);
  }
  .l-text[data-color~="md:white"] {
    color: #fff;
  }
  .l-text[data-color~="md:black"] {
    color: #000;
  }
}
@media screen and (min-width: 1024px) {
  .l-text[data-align~="lg:left"] {
    text-align: left;
  }
  .l-text[data-align~="lg:center"] {
    text-align: center;
  }
  .l-text[data-align~="lg:right"] {
    text-align: right;
  }
  .l-text[data-align~="lg:justify"] {
    text-align: justify;
    text-justify: inter-character;
  }
  .l-text[data-case~="lg:uppercase"] {
    text-transform: uppercase;
  }
  .l-text[data-case~="lg:normal"] {
    text-transform: initial;
  }
  .l-text[data-word~="lg:keep"] {
    word-break: keep-all;
    overflow-wrap: break-word;
  }
  .l-text[data-word~="lg:auto"] {
    word-break: initial;
    overflow-wrap: initial;
  }
  .l-text[data-space~="lg:nowrap"] {
    white-space: nowrap;
  }
  .l-text[data-space~="lg:wrap"] {
    white-space: normal;
  }
  .l-text[data-space~="lg:pre"] {
    white-space: pre;
  }
  .l-text[data-space~="lg:preWrap"] {
    white-space: pre-wrap;
  }
  .l-text[data-line~="lg:-2"] {
    line-height: 0.5;
  }
  .l-text[data-line~="lg:-1"] {
    line-height: 0.75;
  }
  .l-text[data-line~="lg:1"] {
    line-height: 1;
  }
  .l-text[data-line~="lg:+1"] {
    line-height: 1.25;
  }
  .l-text[data-line~="lg:+2"] {
    line-height: 1.5;
  }
  .l-text[data-line~="lg:+3"] {
    line-height: 1.75;
  }
  .l-text[data-line~="lg:+4"] {
    line-height: 2;
  }
  .l-text[data-line~="lg:+5"] {
    line-height: 2.25;
  }
  .l-text[data-line~="lg:+6"] {
    line-height: 2.5;
  }
  .l-text[data-tracking~="lg:-2"] {
    letter-spacing: -0.05em;
  }
  .l-text[data-tracking~="lg:-1"] {
    letter-spacing: -0.025em;
  }
  .l-text[data-tracking~="lg:0"] {
    letter-spacing: 0;
  }
  .l-text[data-tracking~="lg:+1"] {
    letter-spacing: 0.025em;
  }
  .l-text[data-tracking~="lg:+2"] {
    letter-spacing: 0.05em;
  }
  .l-text[data-tracking~="lg:+3"] {
    letter-spacing: 0.1em;
  }
  .l-text[data-tracking~="lg:+4"] {
    letter-spacing: 0.125em;
  }
  .l-text[data-tracking~="lg:+5"] {
    letter-spacing: 0.15em;
  }
  .l-text[data-tracking~="lg:+6"] {
    letter-spacing: 0.175em;
  }
  .l-text[data-tracking~="lg:+7"] {
    letter-spacing: 0.2em;
  }
  .l-text[data-kerning~="lg:normal"] {
    font-feature-settings: normal;
  }
  .l-text[data-kerning~="lg:palt"] {
    font-feature-settings: "palt";
  }
  .l-text[data-kerning~="lg:pkna"] {
    font-feature-settings: "pkna";
  }
  .l-text[data-size~="lg:2xsmall"] {
    font-size: 0.625rem;
  }
  .l-text[data-size~="lg:xsmall"] {
    font-size: 0.75rem;
  }
  .l-text[data-size~="lg:small"] {
    font-size: 0.875rem;
  }
  .l-text[data-size~="lg:normal"] {
    font-size: 1rem;
  }
  .l-text[data-size~="lg:large"] {
    font-size: 1.125rem;
  }
  .l-text[data-size~="lg:xlarge"] {
    font-size: 1.25rem;
  }
  .l-text[data-size~="lg:2xlarge"] {
    font-size: 1.5rem;
  }
  .l-text[data-size~="lg:3xlarge"] {
    font-size: 2rem;
  }
  .l-text[data-size~="lg:4xlarge"] {
    font-size: 2.5rem;
  }
  .l-text[data-size~="lg:5xlarge"] {
    font-size: 3rem;
  }
  .l-text[data-size~="lg:6xlarge"] {
    font-size: 3.5rem;
  }
  .l-text[data-size~="lg:7xlarge"] {
    font-size: 4rem;
  }
  .l-text[data-size~="lg:8xlarge"] {
    font-size: 4.5rem;
  }
  .l-text[data-size~="lg:9xlarge"] {
    font-size: 5rem;
  }
  .l-text[data-family~="lg:primary"] {
    font-family: var(--l-primary-font-set, "sans-serif");
  }
  .l-text[data-family~="lg:en"] {
    font-family: var(--l-en-font-set, "sans-serif");
  }
  .l-text[data-weight~="lg:100"] {
    font-weight: 100;
  }
  .l-text[data-weight~="lg:200"] {
    font-weight: 200;
  }
  .l-text[data-weight~="lg:300"] {
    font-weight: 300;
  }
  .l-text[data-weight~="lg:400"] {
    font-weight: 400;
  }
  .l-text[data-weight~="lg:500"] {
    font-weight: 500;
  }
  .l-text[data-weight~="lg:600"] {
    font-weight: 600;
  }
  .l-text[data-weight~="lg:700"] {
    font-weight: 700;
  }
  .l-text[data-weight~="lg:800"] {
    font-weight: 800;
  }
  .l-text[data-weight~="lg:900"] {
    font-weight: 900;
  }
  .l-text[data-style~="lg:normal"] {
    font-style: normal;
  }
  .l-text[data-style~="lg:italic"] {
    font-style: italic;
  }
  .l-text[data-color~="lg:primary"] {
    color: var(--l-primary-text-color);
  }
  .l-text[data-color~="lg:main"] {
    color: var(--l-main-color);
  }
  .l-text[data-color~="lg:accent"] {
    color: var(--l-accent-color);
  }
  .l-text[data-color~="lg:light"] {
    color: var(--l-light-text-color);
  }
  .l-text[data-color~="lg:white"] {
    color: #fff;
  }
  .l-text[data-color~="lg:black"] {
    color: #000;
  }
}
@media screen and (min-width: 1280px) {
  .l-text[data-align~="xl:left"] {
    text-align: left;
  }
  .l-text[data-align~="xl:center"] {
    text-align: center;
  }
  .l-text[data-align~="xl:right"] {
    text-align: right;
  }
  .l-text[data-align~="xl:justify"] {
    text-align: justify;
    text-justify: inter-character;
  }
  .l-text[data-case~="xl:uppercase"] {
    text-transform: uppercase;
  }
  .l-text[data-case~="xl:normal"] {
    text-transform: initial;
  }
  .l-text[data-word~="xl:keep"] {
    word-break: keep-all;
    overflow-wrap: break-word;
  }
  .l-text[data-word~="xl:auto"] {
    word-break: initial;
    overflow-wrap: initial;
  }
  .l-text[data-space~="xl:nowrap"] {
    white-space: nowrap;
  }
  .l-text[data-space~="xl:wrap"] {
    white-space: normal;
  }
  .l-text[data-space~="xl:pre"] {
    white-space: pre;
  }
  .l-text[data-space~="xl:preWrap"] {
    white-space: pre-wrap;
  }
  .l-text[data-line~="xl:-2"] {
    line-height: 0.5;
  }
  .l-text[data-line~="xl:-1"] {
    line-height: 0.75;
  }
  .l-text[data-line~="xl:1"] {
    line-height: 1;
  }
  .l-text[data-line~="xl:+1"] {
    line-height: 1.25;
  }
  .l-text[data-line~="xl:+2"] {
    line-height: 1.5;
  }
  .l-text[data-line~="xl:+3"] {
    line-height: 1.75;
  }
  .l-text[data-line~="xl:+4"] {
    line-height: 2;
  }
  .l-text[data-line~="xl:+5"] {
    line-height: 2.25;
  }
  .l-text[data-line~="xl:+6"] {
    line-height: 2.5;
  }
  .l-text[data-tracking~="xl:-2"] {
    letter-spacing: -0.05em;
  }
  .l-text[data-tracking~="xl:-1"] {
    letter-spacing: -0.025em;
  }
  .l-text[data-tracking~="xl:0"] {
    letter-spacing: 0;
  }
  .l-text[data-tracking~="xl:+1"] {
    letter-spacing: 0.025em;
  }
  .l-text[data-tracking~="xl:+2"] {
    letter-spacing: 0.05em;
  }
  .l-text[data-tracking~="xl:+3"] {
    letter-spacing: 0.1em;
  }
  .l-text[data-tracking~="xl:+4"] {
    letter-spacing: 0.125em;
  }
  .l-text[data-tracking~="xl:+5"] {
    letter-spacing: 0.15em;
  }
  .l-text[data-tracking~="xl:+6"] {
    letter-spacing: 0.175em;
  }
  .l-text[data-tracking~="xl:+7"] {
    letter-spacing: 0.2em;
  }
  .l-text[data-kerning~="xl:normal"] {
    font-feature-settings: normal;
  }
  .l-text[data-kerning~="xl:palt"] {
    font-feature-settings: "palt";
  }
  .l-text[data-kerning~="xl:pkna"] {
    font-feature-settings: "pkna";
  }
  .l-text[data-size~="xl:2xsmall"] {
    font-size: 0.625rem;
  }
  .l-text[data-size~="xl:xsmall"] {
    font-size: 0.75rem;
  }
  .l-text[data-size~="xl:small"] {
    font-size: 0.875rem;
  }
  .l-text[data-size~="xl:normal"] {
    font-size: 1rem;
  }
  .l-text[data-size~="xl:large"] {
    font-size: 1.125rem;
  }
  .l-text[data-size~="xl:xlarge"] {
    font-size: 1.25rem;
  }
  .l-text[data-size~="xl:2xlarge"] {
    font-size: 1.5rem;
  }
  .l-text[data-size~="xl:3xlarge"] {
    font-size: 2rem;
  }
  .l-text[data-size~="xl:4xlarge"] {
    font-size: 2.5rem;
  }
  .l-text[data-size~="xl:5xlarge"] {
    font-size: 3rem;
  }
  .l-text[data-size~="xl:6xlarge"] {
    font-size: 3.5rem;
  }
  .l-text[data-size~="xl:7xlarge"] {
    font-size: 4rem;
  }
  .l-text[data-size~="xl:8xlarge"] {
    font-size: 4.5rem;
  }
  .l-text[data-size~="xl:9xlarge"] {
    font-size: 5rem;
  }
  .l-text[data-family~="xl:primary"] {
    font-family: var(--l-primary-font-set, "sans-serif");
  }
  .l-text[data-family~="xl:en"] {
    font-family: var(--l-en-font-set, "sans-serif");
  }
  .l-text[data-weight~="xl:100"] {
    font-weight: 100;
  }
  .l-text[data-weight~="xl:200"] {
    font-weight: 200;
  }
  .l-text[data-weight~="xl:300"] {
    font-weight: 300;
  }
  .l-text[data-weight~="xl:400"] {
    font-weight: 400;
  }
  .l-text[data-weight~="xl:500"] {
    font-weight: 500;
  }
  .l-text[data-weight~="xl:600"] {
    font-weight: 600;
  }
  .l-text[data-weight~="xl:700"] {
    font-weight: 700;
  }
  .l-text[data-weight~="xl:800"] {
    font-weight: 800;
  }
  .l-text[data-weight~="xl:900"] {
    font-weight: 900;
  }
  .l-text[data-style~="xl:normal"] {
    font-style: normal;
  }
  .l-text[data-style~="xl:italic"] {
    font-style: italic;
  }
  .l-text[data-color~="xl:primary"] {
    color: var(--l-primary-text-color);
  }
  .l-text[data-color~="xl:main"] {
    color: var(--l-main-color);
  }
  .l-text[data-color~="xl:accent"] {
    color: var(--l-accent-color);
  }
  .l-text[data-color~="xl:light"] {
    color: var(--l-light-text-color);
  }
  .l-text[data-color~="xl:white"] {
    color: #fff;
  }
  .l-text[data-color~="xl:black"] {
    color: #000;
  }
}
@media screen and (min-width: 1480px) {
  .l-text[data-align~="xxl:left"] {
    text-align: left;
  }
  .l-text[data-align~="xxl:center"] {
    text-align: center;
  }
  .l-text[data-align~="xxl:right"] {
    text-align: right;
  }
  .l-text[data-align~="xxl:justify"] {
    text-align: justify;
    text-justify: inter-character;
  }
  .l-text[data-case~="xxl:uppercase"] {
    text-transform: uppercase;
  }
  .l-text[data-case~="xxl:normal"] {
    text-transform: initial;
  }
  .l-text[data-word~="xxl:keep"] {
    word-break: keep-all;
    overflow-wrap: break-word;
  }
  .l-text[data-word~="xxl:auto"] {
    word-break: initial;
    overflow-wrap: initial;
  }
  .l-text[data-space~="xxl:nowrap"] {
    white-space: nowrap;
  }
  .l-text[data-space~="xxl:wrap"] {
    white-space: normal;
  }
  .l-text[data-space~="xxl:pre"] {
    white-space: pre;
  }
  .l-text[data-space~="xxl:preWrap"] {
    white-space: pre-wrap;
  }
  .l-text[data-line~="xxl:-2"] {
    line-height: 0.5;
  }
  .l-text[data-line~="xxl:-1"] {
    line-height: 0.75;
  }
  .l-text[data-line~="xxl:1"] {
    line-height: 1;
  }
  .l-text[data-line~="xxl:+1"] {
    line-height: 1.25;
  }
  .l-text[data-line~="xxl:+2"] {
    line-height: 1.5;
  }
  .l-text[data-line~="xxl:+3"] {
    line-height: 1.75;
  }
  .l-text[data-line~="xxl:+4"] {
    line-height: 2;
  }
  .l-text[data-line~="xxl:+5"] {
    line-height: 2.25;
  }
  .l-text[data-line~="xxl:+6"] {
    line-height: 2.5;
  }
  .l-text[data-tracking~="xxl:-2"] {
    letter-spacing: -0.05em;
  }
  .l-text[data-tracking~="xxl:-1"] {
    letter-spacing: -0.025em;
  }
  .l-text[data-tracking~="xxl:0"] {
    letter-spacing: 0;
  }
  .l-text[data-tracking~="xxl:+1"] {
    letter-spacing: 0.025em;
  }
  .l-text[data-tracking~="xxl:+2"] {
    letter-spacing: 0.05em;
  }
  .l-text[data-tracking~="xxl:+3"] {
    letter-spacing: 0.1em;
  }
  .l-text[data-tracking~="xxl:+4"] {
    letter-spacing: 0.125em;
  }
  .l-text[data-tracking~="xxl:+5"] {
    letter-spacing: 0.15em;
  }
  .l-text[data-tracking~="xxl:+6"] {
    letter-spacing: 0.175em;
  }
  .l-text[data-tracking~="xxl:+7"] {
    letter-spacing: 0.2em;
  }
  .l-text[data-kerning~="xxl:normal"] {
    font-feature-settings: normal;
  }
  .l-text[data-kerning~="xxl:palt"] {
    font-feature-settings: "palt";
  }
  .l-text[data-kerning~="xxl:pkna"] {
    font-feature-settings: "pkna";
  }
  .l-text[data-size~="xxl:2xsmall"] {
    font-size: 0.625rem;
  }
  .l-text[data-size~="xxl:xsmall"] {
    font-size: 0.75rem;
  }
  .l-text[data-size~="xxl:small"] {
    font-size: 0.875rem;
  }
  .l-text[data-size~="xxl:normal"] {
    font-size: 1rem;
  }
  .l-text[data-size~="xxl:large"] {
    font-size: 1.125rem;
  }
  .l-text[data-size~="xxl:xlarge"] {
    font-size: 1.25rem;
  }
  .l-text[data-size~="xxl:2xlarge"] {
    font-size: 1.5rem;
  }
  .l-text[data-size~="xxl:3xlarge"] {
    font-size: 2rem;
  }
  .l-text[data-size~="xxl:4xlarge"] {
    font-size: 2.5rem;
  }
  .l-text[data-size~="xxl:5xlarge"] {
    font-size: 3rem;
  }
  .l-text[data-size~="xxl:6xlarge"] {
    font-size: 3.5rem;
  }
  .l-text[data-size~="xxl:7xlarge"] {
    font-size: 4rem;
  }
  .l-text[data-size~="xxl:8xlarge"] {
    font-size: 4.5rem;
  }
  .l-text[data-size~="xxl:9xlarge"] {
    font-size: 5rem;
  }
  .l-text[data-family~="xxl:primary"] {
    font-family: var(--l-primary-font-set, "sans-serif");
  }
  .l-text[data-family~="xxl:en"] {
    font-family: var(--l-en-font-set, "sans-serif");
  }
  .l-text[data-weight~="xxl:100"] {
    font-weight: 100;
  }
  .l-text[data-weight~="xxl:200"] {
    font-weight: 200;
  }
  .l-text[data-weight~="xxl:300"] {
    font-weight: 300;
  }
  .l-text[data-weight~="xxl:400"] {
    font-weight: 400;
  }
  .l-text[data-weight~="xxl:500"] {
    font-weight: 500;
  }
  .l-text[data-weight~="xxl:600"] {
    font-weight: 600;
  }
  .l-text[data-weight~="xxl:700"] {
    font-weight: 700;
  }
  .l-text[data-weight~="xxl:800"] {
    font-weight: 800;
  }
  .l-text[data-weight~="xxl:900"] {
    font-weight: 900;
  }
  .l-text[data-style~="xxl:normal"] {
    font-style: normal;
  }
  .l-text[data-style~="xxl:italic"] {
    font-style: italic;
  }
  .l-text[data-color~="xxl:primary"] {
    color: var(--l-primary-text-color);
  }
  .l-text[data-color~="xxl:main"] {
    color: var(--l-main-color);
  }
  .l-text[data-color~="xxl:accent"] {
    color: var(--l-accent-color);
  }
  .l-text[data-color~="xxl:light"] {
    color: var(--l-light-text-color);
  }
  .l-text[data-color~="xxl:white"] {
    color: #fff;
  }
  .l-text[data-color~="xxl:black"] {
    color: #000;
  }
}

/*
  Display
----------------------------------------------------- */
@media screen and (min-width: 0) {
  .l-display[data-display~="min:none"] {
    display: none;
  }
  .l-display[data-display~="min:inline"] {
    display: inline;
  }
  .l-display[data-display~="min:inline-block"] {
    display: inline-block;
  }
  .l-display[data-display~="min:block"] {
    display: block;
  }
  .l-display[data-display~="min:flex"] {
    display: flex;
  }
  .l-display[data-display~="min:grid"] {
    display: grid;
  }
  .l-display[data-display~="min:unset"] {
    display: unset;
  }
  .l-display[data-display~="min:contents"] {
    display: contents;
  }
}
@media screen and (min-width: 375px) {
  .l-display[data-display~="xxs:none"] {
    display: none;
  }
  .l-display[data-display~="xxs:inline"] {
    display: inline;
  }
  .l-display[data-display~="xxs:inline-block"] {
    display: inline-block;
  }
  .l-display[data-display~="xxs:block"] {
    display: block;
  }
  .l-display[data-display~="xxs:flex"] {
    display: flex;
  }
  .l-display[data-display~="xxs:grid"] {
    display: grid;
  }
  .l-display[data-display~="xxs:unset"] {
    display: unset;
  }
  .l-display[data-display~="xxs:contents"] {
    display: contents;
  }
}
@media screen and (min-width: 414px) {
  .l-display[data-display~="xs:none"] {
    display: none;
  }
  .l-display[data-display~="xs:inline"] {
    display: inline;
  }
  .l-display[data-display~="xs:inline-block"] {
    display: inline-block;
  }
  .l-display[data-display~="xs:block"] {
    display: block;
  }
  .l-display[data-display~="xs:flex"] {
    display: flex;
  }
  .l-display[data-display~="xs:grid"] {
    display: grid;
  }
  .l-display[data-display~="xs:unset"] {
    display: unset;
  }
  .l-display[data-display~="xs:contents"] {
    display: contents;
  }
}
@media screen and (min-width: 576px) {
  .l-display[data-display~="sm:none"] {
    display: none;
  }
  .l-display[data-display~="sm:inline"] {
    display: inline;
  }
  .l-display[data-display~="sm:inline-block"] {
    display: inline-block;
  }
  .l-display[data-display~="sm:block"] {
    display: block;
  }
  .l-display[data-display~="sm:flex"] {
    display: flex;
  }
  .l-display[data-display~="sm:grid"] {
    display: grid;
  }
  .l-display[data-display~="sm:unset"] {
    display: unset;
  }
  .l-display[data-display~="sm:contents"] {
    display: contents;
  }
}
@media screen and (min-width: 768px) {
  .l-display[data-display~="md:none"] {
    display: none;
  }
  .l-display[data-display~="md:inline"] {
    display: inline;
  }
  .l-display[data-display~="md:inline-block"] {
    display: inline-block;
  }
  .l-display[data-display~="md:block"] {
    display: block;
  }
  .l-display[data-display~="md:flex"] {
    display: flex;
  }
  .l-display[data-display~="md:grid"] {
    display: grid;
  }
  .l-display[data-display~="md:unset"] {
    display: unset;
  }
  .l-display[data-display~="md:contents"] {
    display: contents;
  }
}
@media screen and (min-width: 1024px) {
  .l-display[data-display~="lg:none"] {
    display: none;
  }
  .l-display[data-display~="lg:inline"] {
    display: inline;
  }
  .l-display[data-display~="lg:inline-block"] {
    display: inline-block;
  }
  .l-display[data-display~="lg:block"] {
    display: block;
  }
  .l-display[data-display~="lg:flex"] {
    display: flex;
  }
  .l-display[data-display~="lg:grid"] {
    display: grid;
  }
  .l-display[data-display~="lg:unset"] {
    display: unset;
  }
  .l-display[data-display~="lg:contents"] {
    display: contents;
  }
}
@media screen and (min-width: 1280px) {
  .l-display[data-display~="xl:none"] {
    display: none;
  }
  .l-display[data-display~="xl:inline"] {
    display: inline;
  }
  .l-display[data-display~="xl:inline-block"] {
    display: inline-block;
  }
  .l-display[data-display~="xl:block"] {
    display: block;
  }
  .l-display[data-display~="xl:flex"] {
    display: flex;
  }
  .l-display[data-display~="xl:grid"] {
    display: grid;
  }
  .l-display[data-display~="xl:unset"] {
    display: unset;
  }
  .l-display[data-display~="xl:contents"] {
    display: contents;
  }
}
@media screen and (min-width: 1480px) {
  .l-display[data-display~="xxl:none"] {
    display: none;
  }
  .l-display[data-display~="xxl:inline"] {
    display: inline;
  }
  .l-display[data-display~="xxl:inline-block"] {
    display: inline-block;
  }
  .l-display[data-display~="xxl:block"] {
    display: block;
  }
  .l-display[data-display~="xxl:flex"] {
    display: flex;
  }
  .l-display[data-display~="xxl:grid"] {
    display: grid;
  }
  .l-display[data-display~="xxl:unset"] {
    display: unset;
  }
  .l-display[data-display~="xxl:contents"] {
    display: contents;
  }
}

/*
  Visually Hidden
*/
.l-visuallyHidden:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  white-space: nowrap;
  clip-path: inset(50%);
}

/*
 Utility
----------------------------------------------------- */
.u-cMain {
  color: var(--l-main-color);
}

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

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

.u-underLine {
  text-decoration: underline;
}

.u-contents {
  display: contents;
}
@media screen and (min-width: 1024px) {
  .u-contents {
    display: flex;
  }
}

.u-fz14 {
  font-size: clamp(0.75rem, 0.714rem + 0.18vw, 0.875rem);
}

.u-fz16 {
  font-size: clamp(0.875rem, 0.839rem + 0.18vw, 1rem);
}

.u-fz17 {
  font-size: clamp(0.875rem, 0.821rem + 0.27vw, 1.063rem);
}

.u-fz18 {
  font-size: clamp(0.938rem, 0.884rem + 0.27vw, 1.125rem);
}

.u-lh185 {
  line-height: 1.85;
}

.u-lh2 {
  line-height: 2;
}

.u-round {
  position: relative;
}
.u-round::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  background: var(--l-gradient-color);
  transition: transform 0.3s ease-in-out;
}
.u-round:hover::after {
  transform: translateY(-50%) scale(1.2);
}/*# sourceMappingURL=common.css.map */