@layer settings {
  :root {
    --torem: calc(1rem / 16);
    --torlh: calc(1rlh / 16);
    --tovi: calc(100vi / var(--viewport));
    --tovi-sm: calc(100vi / var(--design-width-sm));
    --tovi-md: calc(100vi / var(--design-width-md, 768));
    --tovi-lg: calc(100vi / var(--design-width-lg));
    --tovw-sm: calc(100vw / var(--design-width-sm));
    --tovw-md: calc(100vw / var(--design-width-md, 768));
    --tovw-lg: calc(100vw / var(--design-width-lg));
    --toremvw: calc((var(--torem) * 0.5) + (var(--viewport) * 0.5));
    --toremvi-sm: calc((var(--torem) * 0.5) + (var(--tovi-sm) * 0.5));
    --toremvi-md: calc((var(--torem) * 0.5) + (var(--tovi-md) * 0.5));
    --toremvi-lg: calc((var(--torem) * 0.5) + (var(--tovi-lg) * 0.5));
    --design-ratio: calc(100% / var(--viewport));
    --min-viewport: 375;
    --max-viewport: 1440;
    --design-width-sm: 375;
    --design-width-lg: 1440;
    --color-blue-50: #1e1a07;
    --color-grey: #b5b4ac;
    --base-background-color: #fff;
    --base-color: var(--color-dark);
    --font-sans-ja:
      "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN",
      "BIZ UDPGothic", "Meiryo", sans-serif;
    --font-sans-en:
      "Montserrat", "Helvetica Neue", "Arial", system-ui, sans-serif;
    --font-sans-mix: "Montserrat", "Noto Sans JP", sans-serif;
    --base-font-family: var(--font-sans-ja);
    --font-base: 16;
    --font-ratio: 8;
    --font-2xs: calc(var(--font-base) * var(--font-ratio) / 12 * var(--torem));
    --font-xs: calc(var(--font-base) * var(--font-ratio) / 10 * var(--torem));
    --font-sm: calc(var(--font-base) * var(--font-ratio) / 9 * var(--torem));
    --font-md: calc(var(--font-base) * var(--font-ratio) / 8 * var(--torem));
    --font-lg: calc(var(--font-base) * var(--font-ratio) / 7 * var(--torem));
    --font-xl: calc(var(--font-base) * var(--font-ratio) / 5 * var(--torem));
    --font-2xl: calc(var(--font-base) * var(--font-ratio) / 3 * var(--torem));
    --font-fluid-xs: clamp(0.666688rem, 0.63433rem + 0.138058vi, 0.8rem);
    --font-fluid-sm: clamp(0.888875rem, 0.861903rem + 0.115081vi, 1rem);
    --font-fluid-md: clamp(1rem, 0.965322rem + 0.147961vi, 1.14288rem);
    --font-fluid-lg: clamp(1.125rem, 1.07444rem + 0.215728vi, 1.33331rem);
    --font-fluid-xl: clamp(1.6rem, 1.50291rem + 0.414239vi, 2rem);
    --font-fluid-2xl: clamp(2rem, 1.83818rem + 0.690421vi, 2.66669rem);
    --font-fluid-3xl: clamp(2.66669rem, 2.34307rem + 1.38078vi, 4rem);
    --leading-base: 4;
    --leading-xs: calc(var(--leading-base) * 3 * var(--torem));
    --leading-sm: calc(var(--leading-base) * 4 * var(--torem));
    --leading-md: calc(var(--leading-base) * 5 * var(--torem));
    --leading-lg: calc(var(--leading-base) * 6 * var(--torem));
    --leading-xl: calc(var(--leading-base) * 7 * var(--torem));
    --leading-2xl: calc(var(--leading-base) * 8 * var(--torem));
    --leading-3xl: calc(var(--leading-base) * 9 * var(--torem));
    --leading-4xl: calc(var(--leading-base) * 10 * var(--torem));
    --leading-none: 1;
    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --leading-relaxed: 1.75;
    --leading-loose: 2;
    --tracking-tigher: -0.05em;
    --tracking-tight: -0.025em;
    --tracking-normal: normal;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --container-size-4xs: 460px;
    --container-size-3xs: 480px;
    --container-size-2xs: 600px;
    --container-size-xs: 640px;
    --container-size-sm: 768px;
    --container-size-md: 1200px;
    --container-size-lg: 1440px;
    --container-size-xl: 1500px;
    --container-size-2xl: 1640px;
    --offset-xs: 1.5vw;
    --offset-sm: 2.8vw;
    --offset-md: 5.5vw;
    --offset-lg: 7.3vw;
    --offset-xl: 13vw;
    --space-base: 8;
    --space-2xs: calc(var(--space-base) * var(--torem));
    --space-xs: calc(var(--space-base) * 2 * var(--torem));
    --space-sm: calc(var(--space-base) * 3 * var(--torem));
    --space-md: calc(var(--space-base) * 5 * var(--torem));
    --space-lg: calc(var(--space-base) * 8 * var(--torem));
    --space-xl: calc(var(--space-base) * 13 * var(--torem));
    --radius-sm: 1rem;
    --radius-md: 2rem;
    --radius-lg: 2.5rem;
    --radius-full: 50%;
    --grid-fit-sm: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
    --grid-fit-md: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
    --grid-fit-lg: repeat(auto-fit, minmax(min(400px, 100%), 1fr));
    --grid-fill-sm: repeat(auto-fill, minmax(min(280px, 100%), 1fr));
    --grid-fill-md: repeat(auto-fill, minmax(min(320px, 100%), 1fr));
    --grid-fill-lg: repeat(auto-fill, minmax(min(400px, 100%), 1fr));
    --grid-1: repeat(1, minmax(0, 1fr));
    --grid-2: repeat(2, minmax(0, 1fr));
    --grid-3: repeat(3, minmax(0, 1fr));
    --grid-4: repeat(4, minmax(0, 1fr));
    --grid-5: repeat(5, minmax(0, 1fr));
    --grid-6: repeat(6, minmax(0, 1fr));
    --grid-7: repeat(7, minmax(0, 1fr));
    --grid-8: repeat(8, minmax(0, 1fr));
    --grid-9: repeat(9, minmax(0, 1fr));
    --grid-10: repeat(10, minmax(0, 1fr));
    --grid-11: repeat(11, minmax(0, 1fr));
    --grid-12: repeat(12, minmax(0, 1fr));
    --arrow-width: 10%;
    --arrow-prev: polygon(
      75% var(--arrow-width),
      calc(75% - var(--arrow-width)) 0,
      calc(25% - var(--arrow-width)) 50%,
      calc(75% - var(--arrow-width)) 100%,
      75% calc(100% - var(--arrow-width)),
      calc(25% + var(--arrow-width)) 50%,
      75% var(--arrow-width)
    );
    --arrow-next: polygon(
      25% var(--arrow-width),
      calc(25% + var(--arrow-width)) 0,
      calc(75% + var(--arrow-width)) 50%,
      calc(25% + var(--arrow-width)) 100%,
      25% calc(100% - var(--arrow-width)),
      calc(75% - var(--arrow-width)) 50%,
      25% var(--arrow-width)
    );
    --arrow-down: polygon(
      var(--arrow-width) 25%,
      0 calc(25% + var(--arrow-width)),
      50% calc(75% + var(--arrow-width)),
      100% calc(25% + var(--arrow-width)),
      calc(100% - var(--arrow-width)) 25%,
      50% calc(75% - var(--arrow-width)),
      var(--arrow-width) 25%
    );
    --duration-fast: 0.3s;
    --duration-normal: 0.6s;
    --duration-slow: 1.6s;
    --ease-in-sine: cubic-bezier(0.12, 0, 0.39, 0);
    --ease-out-sine: cubic-bezier(0.61, 1, 0.88, 1);
    --ease-in-out-sine: cubic-bezier(0.37, 0, 0.63, 1);
    --ease-in-cubic: cubic-bezier(0.32, 0, 0.67, 0);
    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
    --ease-in-out-cubic: cubic-bezier(0.65, 0, 0.35, 1);
    --ease-in-quint: cubic-bezier(0.64, 0, 0.78, 0);
    --ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-in-out-quint: cubic-bezier(0.83, 0, 0.17, 1);
    --ease-in-circ: cubic-bezier(0.55, 0, 1, 0.45);
    --ease-out-circ: cubic-bezier(0, 0.55, 0.45, 1);
    --ease-in-out-circ: cubic-bezier(0.85, 0, 0.15, 1);
    --ease-in-quad: cubic-bezier(0.11, 0, 0.5, 0);
    --ease-out-quad: cubic-bezier(0.5, 1, 0.89, 1);
    --ease-in-out-quad: cubic-bezier(0.45, 0, 0.55, 1);
    --ease-in-quart: cubic-bezier(0.5, 0, 0.75, 0);
    --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
    --ease-in-out-quart: cubic-bezier(0.76, 0, 0.24, 1);
    --ease-in-expo: cubic-bezier(0.7, 0, 0.84, 0);
    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in-out-expo: cubic-bezier(0.87, 0, 0.13, 1);
    --ease-in-back: cubic-bezier(0.36, 0, 0.66, -0.56);
    --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
    --ease-in-out-back: cubic-bezier(0.68, -0.6, 0.32, 1.6);
    --viewport: var(--design-width-sm);
  }

  @media (width >= 48rem) {
    :root {
      --viewport: var(--design-width-md, var(--design-width-sm));
    }
  }

  @media (width >= 64rem) {
    :root {
      --viewport: var(--design-width-lg);
    }
  }
}

@layer base {
  *,
  :before,
  :after {
    box-sizing: border-box;
    text-underline-offset: 0.25em;
    border-width: 1px;
    min-inline-size: 0;
    margin: 0;
    padding: 0;
  }

  :where(html) {
    font-family: var(--base-font-family), system-ui, sans-serif;
    font-weight: var(--base-font-weight, 400);
    line-height: var(--base-leading, 1.5);
    color: var(--base-color, initial);
    letter-spacing: var(--base-tracking, initial);
    overflow-wrap: anywhere;
    color-scheme: var(--base-color-scheme, only light);
    scrollbar-gutter: stable;
    background-color: var(--base-background-color, initial);
    line-break: strict;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  :where(html:has(dialog:modal[open], :popover-open)) {
    overflow: hidden;
  }

  :where(body) {
    min-block-size: 100svb;
    overflow-x: clip;
  }

  :where(h1, h2, h3, h4, h5, h6) {
    font-weight: var(--base-font-heading-weight, 700);
  }

  :where(h1) {
    font-size: var(--base-font-heading-1, unset);
  }

  :where(h2) {
    font-size: var(--base-font-heading-2, unset);
  }

  :where(h3) {
    font-size: var(--base-font-heading-3, unset);
  }

  :where(h4) {
    font-size: var(--base-font-heading-4, unset);
  }

  :where(h5) {
    font-size: var(--base-font-heading-5, unset);
  }

  :where(h6) {
    font-size: var(--base-font-heading-6, unset);
  }

  :where(hr) {
    border-block-start-style: solid;
  }

  :where(ul, ol) {
    list-style-type: "";
  }

  :where(address:lang(ja)) {
    font-style: unset;
  }

  :where(b, strong) {
    font-weight: 700;
  }

  :where(small) {
    font-size: max(0.625rem, 0.875em);
  }

  :where(code, kbd, samp) {
    font-family: ui-monospace, monospace;
  }

  :where(:any-link) {
    color: unset;
    -webkit-text-decoration-skip-ink: auto;
    text-decoration-skip-ink: auto;
  }

  :where(img, svg, video, canvas, audio, iframe, embed, object) {
    display: block;
  }

  :where(img, picture, svg, video) {
    block-size: auto;
    max-inline-size: 100%;
  }

  :where(svg) {
    fill: currentColor;
  }

  :where(table) {
    border-collapse: collapse;
  }

  :where(caption, th) {
    text-align: unset;
  }

  :where(th) {
    font-weight: 700;
  }

  :where(input, button, textarea, select, optgroup) {
    color: unset;
    letter-spacing: inherit;
    word-spacing: inherit;
    font: unset;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
  }

  :where(textarea) {
    resize: vertical;
    resize: block;
  }

  :where(textarea:not([rows])) {
    min-block-size: 10em;
  }

  :where(button, label, select, summary, [role="button"], [role="option"]) {
    cursor: pointer;
  }

  :where(input[type="file"])::-webkit-file-upload-button {
    cursor: pointer;
  }

  :where(input[type="file"])::file-selector-button {
    cursor: pointer;
  }

  :where([disabled], label:has(> input:disabled), label:has(+ input:disabled)) {
    cursor: not-allowed;
  }

  :where(button, [role="button"]) {
    touch-action: manipulation;
    border-style: solid;
  }

  :where(dialog, [popover]) {
    max-inline-size: unset;
    max-block-size: unset;
    color: unset;
    background-color: unset;
    border-style: none;
    margin: auto;
  }

  :where(dialog:not([open], [popover]), [popover]:not(:popover-open)) {
    display: none;
  }

  :where([aria-disabled="true"]) {
    cursor: not-allowed;
  }

  :where([aria-busy="true"]) {
    cursor: progress;
  }

  :where([aria-controls]) {
    cursor: pointer;
  }

  :where([aria-hidden="false"][hidden]) {
    display: initial;
  }

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

  :where([hidden]:not([hidden="until-found"])) {
    display: none;
  }

  :where(:focus:not(:focus-visible)) {
    outline: none;
  }

  :where(:focus-visible, :target) {
    scroll-margin-block: 8vh;
  }

  :where(.visually-hidden:not(:focus-within, :active)) {
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    -webkit-user-select: none !important;
    user-select: none !important;
    border: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important;
  }

  @media (prefers-reduced-motion: reduce) {
    *,
    :before,
    :after,
    ::backdrop {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      animation-delay: unset !important;
      transition-delay: unset !important;
      scroll-behavior: auto !important;
      view-transition-name: none !important;
      transition-duration: 0.01ms !important;
    }
  }
}

@layer general, vendors;

@layer components {
  :where(.grid) {
    --grid-fit: repeat(
      auto-fit,
      minmax(min(var(--grid-min, 400px), 100%), 1fr)
    );
    --grid-fill: repeat(
      auto-fill,
      minmax(min(var(--grid-min, 400px), 100%), 1fr)
    );
    --grid-cols: none;
    --gap: 0;
    grid-template-columns: var(--grid-cols);
    gap: var(--gap);
    display: grid;
  }

  :where(.container) {
    --container-name: container;
    --layout: flow-root;
    --max-size: none;
    --offset-start: 0;
    --offset-end: 0;
    --offset: var(--offset-start) var(--offset-end);
    box-sizing: content-box;
    display: block var(--layout);
    max-inline-size: var(--max-size);
    padding-inline: var(--offset);
    margin-inline: auto;
  }

  :where(html) {
    --base-font-weight: 400;
  }

  :root {
    --l-xxs-content-width: 348;
    --l-xs-content-width: 600;
    --l-sm-content-width: 640;
    --l-md-content-width: 980;
    --l-lg-content-width: 1060;
    --l-ll-content-width: 1200;
    --l-xl-content-width: 1246;
    --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-light-color: #f7f6f2;
    --l-dark-color: #3c3c3c;
    --l-main-color: #1d449d;
    --l-accent-color: #ff7815;
    --l-grayish-color: #707070;
    --l-light-grayish-color: #f8f5ec;
    --l-primary-text-color: #333;
    --l-accent-text-color: #e34e00;
    --l-heading-text-color: #222;
    --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: "Montserrat", sans-serif;
    --l-base-line-height: 1.7;
    --l-base-feature-settings: "pkna";
    --l-base-letter-spacing: 0.05em;
    --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 (width >= 768px) {
    :root {
      --l-view-point: var(--l-md-design-width);
    }
  }

  @media screen and (width >= 1024px) {
    :root {
      --l-view-point: var(--l-lg-design-width);
    }
  }

  p {
    font-family: var(--l-primary-font-set);
  }

  .l-container:not([data-width]) {
    width: 92%;
  }

  .l-container:not([data-max]) {
    max-width: calc(var(--l-ll-content-width) * 1px);
  }

  .l-container:not([data-align]) {
    margin: 0 auto;
  }

  @media screen and (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:none"] {
      max-width: none;
    }

    .l-container[data-align~="min:left"] {
      margin-left: 0;
      margin-right: auto;
    }

    .l-container[data-align~="min:right"] {
      margin-left: auto;
      margin-right: 0;
    }

    .l-container[data-align~="min:center"] {
      margin-left: auto;
      margin-right: auto;
    }
  }

  @media screen and (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:none"] {
      max-width: none;
    }

    .l-container[data-align~="xxs:left"] {
      margin-left: 0;
      margin-right: auto;
    }

    .l-container[data-align~="xxs:right"] {
      margin-left: auto;
      margin-right: 0;
    }

    .l-container[data-align~="xxs:center"] {
      margin-left: auto;
      margin-right: auto;
    }
  }

  @media screen and (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:none"] {
      max-width: none;
    }

    .l-container[data-align~="xs:left"] {
      margin-left: 0;
      margin-right: auto;
    }

    .l-container[data-align~="xs:right"] {
      margin-left: auto;
      margin-right: 0;
    }

    .l-container[data-align~="xs:center"] {
      margin-left: auto;
      margin-right: auto;
    }
  }

  @media screen and (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:none"] {
      max-width: none;
    }

    .l-container[data-align~="sm:left"] {
      margin-left: 0;
      margin-right: auto;
    }

    .l-container[data-align~="sm:right"] {
      margin-left: auto;
      margin-right: 0;
    }

    .l-container[data-align~="sm:center"] {
      margin-left: auto;
      margin-right: auto;
    }
  }

  @media screen and (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:none"] {
      max-width: none;
    }

    .l-container[data-align~="md:left"] {
      margin-left: 0;
      margin-right: auto;
    }

    .l-container[data-align~="md:right"] {
      margin-left: auto;
      margin-right: 0;
    }

    .l-container[data-align~="md:center"] {
      margin-left: auto;
      margin-right: auto;
    }
  }

  @media screen and (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:none"] {
      max-width: none;
    }

    .l-container[data-align~="lg:left"] {
      margin-left: 0;
      margin-right: auto;
    }

    .l-container[data-align~="lg:right"] {
      margin-left: auto;
      margin-right: 0;
    }

    .l-container[data-align~="lg:center"] {
      margin-left: auto;
      margin-right: auto;
    }
  }

  @media screen and (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:none"] {
      max-width: none;
    }

    .l-container[data-align~="xl:left"] {
      margin-left: 0;
      margin-right: auto;
    }

    .l-container[data-align~="xl:right"] {
      margin-left: auto;
      margin-right: 0;
    }

    .l-container[data-align~="xl:center"] {
      margin-left: auto;
      margin-right: auto;
    }
  }

  @media screen and (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:none"] {
      max-width: none;
    }

    .l-container[data-align~="xxl:left"] {
      margin-left: 0;
      margin-right: auto;
    }

    .l-container[data-align~="xxl:right"] {
      margin-left: auto;
      margin-right: 0;
    }

    .l-container[data-align~="xxl:center"] {
      margin-left: auto;
      margin-right: auto;
    }
  }

  @media screen and (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 (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 (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 (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 (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 (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 (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 (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;
    }
  }

  .c-heading {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .c-heading .-en {
    font-family: var(--l-en-font-set);
    color: var(--l-main-color);
    font-size: clamp(1.25rem, 1.108rem + 0.61vw, 1.625rem);
    line-height: 1.2;
    display: block;
  }

  .c-heading .-ja {
    font-size: clamp(1.5rem, 1.263rem + 1.01vw, 2.125rem);
    display: block;
  }

  @media screen and (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-right: calc(var(--l-space) * 0 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 0 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 1 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 1 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 2 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 2 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 3 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 3 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 4 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 4 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 5 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 5 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 6 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 6 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 7 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 7 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 8 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 8 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 9 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 9 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 10 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 10 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 11 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 11 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 12 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 12 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 13 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 13 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 14 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 14 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 15 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 15 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 16 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 16 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 17 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 17 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 18 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 18 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 19 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 19 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 20 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 20 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 21 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 21 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 22 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 22 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 23 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 23 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 24 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 24 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 25 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 25 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 26 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 26 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 27 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 27 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 28 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 28 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 29 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 29 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 30 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 30 / 16 * 1rem);
      margin-left: 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 (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-right: calc(var(--l-space) * 0 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 0 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 1 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 1 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 2 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 2 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 3 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 3 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 4 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 4 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 5 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 5 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 6 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 6 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 7 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 7 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 8 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 8 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 9 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 9 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 10 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 10 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 11 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 11 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 12 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 12 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 13 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 13 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 14 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 14 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 15 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 15 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 16 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 16 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 17 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 17 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 18 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 18 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 19 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 19 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 20 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 20 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 21 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 21 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 22 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 22 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 23 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 23 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 24 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 24 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 25 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 25 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 26 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 26 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 27 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 27 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 28 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 28 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 29 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 29 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 30 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 30 / 16 * 1rem);
      margin-left: 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 (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-right: calc(var(--l-space) * 0 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 0 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 1 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 1 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 2 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 2 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 3 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 3 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 4 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 4 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 5 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 5 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 6 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 6 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 7 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 7 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 8 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 8 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 9 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 9 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 10 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 10 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 11 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 11 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 12 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 12 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 13 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 13 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 14 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 14 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 15 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 15 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 16 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 16 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 17 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 17 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 18 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 18 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 19 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 19 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 20 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 20 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 21 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 21 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 22 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 22 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 23 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 23 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 24 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 24 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 25 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 25 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 26 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 26 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 27 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 27 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 28 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 28 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 29 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 29 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 30 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 30 / 16 * 1rem);
      margin-left: 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 (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-right: calc(var(--l-space) * 0 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 0 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 1 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 1 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 2 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 2 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 3 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 3 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 4 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 4 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 5 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 5 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 6 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 6 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 7 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 7 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 8 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 8 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 9 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 9 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 10 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 10 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 11 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 11 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 12 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 12 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 13 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 13 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 14 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 14 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 15 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 15 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 16 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 16 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 17 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 17 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 18 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 18 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 19 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 19 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 20 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 20 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 21 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 21 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 22 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 22 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 23 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 23 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 24 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 24 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 25 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 25 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 26 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 26 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 27 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 27 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 28 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 28 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 29 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 29 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 30 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 30 / 16 * 1rem);
      margin-left: 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 (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-right: calc(var(--l-space) * 0 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 0 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 1 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 1 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 2 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 2 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 3 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 3 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 4 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 4 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 5 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 5 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 6 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 6 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 7 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 7 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 8 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 8 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 9 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 9 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 10 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 10 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 11 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 11 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 12 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 12 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 13 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 13 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 14 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 14 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 15 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 15 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 16 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 16 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 17 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 17 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 18 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 18 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 19 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 19 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 20 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 20 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 21 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 21 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 22 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 22 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 23 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 23 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 24 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 24 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 25 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 25 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 26 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 26 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 27 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 27 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 28 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 28 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 29 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 29 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 30 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 30 / 16 * 1rem);
      margin-left: 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 (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-right: calc(var(--l-space) * 0 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 0 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 1 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 1 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 2 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 2 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 3 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 3 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 4 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 4 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 5 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 5 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 6 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 6 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 7 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 7 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 8 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 8 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 9 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 9 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 10 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 10 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 11 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 11 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 12 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 12 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 13 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 13 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 14 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 14 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 15 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 15 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 16 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 16 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 17 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 17 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 18 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 18 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 19 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 19 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 20 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 20 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 21 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 21 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 22 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 22 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 23 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 23 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 24 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 24 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 25 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 25 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 26 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 26 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 27 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 27 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 28 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 28 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 29 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 29 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 30 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 30 / 16 * 1rem);
      margin-left: 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 (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-right: calc(var(--l-space) * 0 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 0 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 1 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 1 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 2 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 2 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 3 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 3 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 4 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 4 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 5 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 5 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 6 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 6 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 7 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 7 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 8 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 8 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 9 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 9 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 10 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 10 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 11 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 11 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 12 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 12 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 13 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 13 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 14 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 14 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 15 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 15 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 16 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 16 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 17 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 17 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 18 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 18 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 19 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 19 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 20 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 20 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 21 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 21 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 22 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 22 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 23 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 23 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 24 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 24 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 25 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 25 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 26 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 26 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 27 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 27 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 28 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 28 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 29 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 29 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 30 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 30 / 16 * 1rem);
      margin-left: 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 (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-right: calc(var(--l-space) * 0 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 0 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 1 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 1 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 2 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 2 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 3 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 3 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 4 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 4 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 5 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 5 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 6 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 6 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 7 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 7 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 8 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 8 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 9 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 9 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 10 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 10 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 11 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 11 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 12 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 12 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 13 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 13 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 14 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 14 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 15 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 15 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 16 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 16 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 17 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 17 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 18 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 18 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 19 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 19 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 20 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 20 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 21 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 21 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 22 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 22 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 23 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 23 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 24 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 24 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 25 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 25 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 26 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 26 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 27 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 27 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 28 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 28 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 29 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 29 / 16 * 1rem);
      margin-left: 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-right: calc(var(--l-space) * 30 / 16 * 1rem);
      padding-left: 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-right: calc(var(--l-space) * 30 / 16 * 1rem);
      margin-left: 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 (width >= 0) {
    .l-flex[data-wrap~="min:nowrap"] {
      flex-wrap: nowrap;
    }

    .l-flex[data-wrap~="min:wrap"] {
      flex-wrap: wrap;
    }
  }

  @media screen and (width >= 375px) {
    .l-flex[data-wrap~="xxs:nowrap"] {
      flex-wrap: nowrap;
    }

    .l-flex[data-wrap~="xxs:wrap"] {
      flex-wrap: wrap;
    }
  }

  @media screen and (width >= 414px) {
    .l-flex[data-wrap~="xs:nowrap"] {
      flex-wrap: nowrap;
    }

    .l-flex[data-wrap~="xs:wrap"] {
      flex-wrap: wrap;
    }
  }

  @media screen and (width >= 576px) {
    .l-flex[data-wrap~="sm:nowrap"] {
      flex-wrap: nowrap;
    }

    .l-flex[data-wrap~="sm:wrap"] {
      flex-wrap: wrap;
    }
  }

  @media screen and (width >= 768px) {
    .l-flex[data-wrap~="md:nowrap"] {
      flex-wrap: nowrap;
    }

    .l-flex[data-wrap~="md:wrap"] {
      flex-wrap: wrap;
    }
  }

  @media screen and (width >= 1024px) {
    .l-flex[data-wrap~="lg:nowrap"] {
      flex-wrap: nowrap;
    }

    .l-flex[data-wrap~="lg:wrap"] {
      flex-wrap: wrap;
    }
  }

  @media screen and (width >= 1280px) {
    .l-flex[data-wrap~="xl:nowrap"] {
      flex-wrap: nowrap;
    }

    .l-flex[data-wrap~="xl:wrap"] {
      flex-wrap: wrap;
    }
  }

  @media screen and (width >= 1480px) {
    .l-flex[data-wrap~="xxl:nowrap"] {
      flex-wrap: nowrap;
    }

    .l-flex[data-wrap~="xxl:wrap"] {
      flex-wrap: wrap;
    }
  }

  @media screen and (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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 {
    flex-direction: column;
    display: flex;
  }

  @media screen and (width >= 0) {
    .l-flex__item[data-col~="min:1"] {
      width: 8.33333%;
    }

    .l-flex__item[data-col~="min:2"] {
      width: 16.6667%;
    }

    .l-flex__item[data-col~="min:3"] {
      width: 25%;
    }

    .l-flex__item[data-col~="min:4"] {
      width: 33.3333%;
    }

    .l-flex__item[data-col~="min:5"] {
      width: 41.6667%;
    }

    .l-flex__item[data-col~="min:6"] {
      width: 50%;
    }

    .l-flex__item[data-col~="min:7"] {
      width: 58.3333%;
    }

    .l-flex__item[data-col~="min:8"] {
      width: 66.6667%;
    }

    .l-flex__item[data-col~="min:9"] {
      width: 75%;
    }

    .l-flex__item[data-col~="min:10"] {
      width: 83.3333%;
    }

    .l-flex__item[data-col~="min:11"] {
      width: 91.6667%;
    }

    .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 (width >= 375px) {
    .l-flex__item[data-col~="xxs:1"] {
      width: 8.33333%;
    }

    .l-flex__item[data-col~="xxs:2"] {
      width: 16.6667%;
    }

    .l-flex__item[data-col~="xxs:3"] {
      width: 25%;
    }

    .l-flex__item[data-col~="xxs:4"] {
      width: 33.3333%;
    }

    .l-flex__item[data-col~="xxs:5"] {
      width: 41.6667%;
    }

    .l-flex__item[data-col~="xxs:6"] {
      width: 50%;
    }

    .l-flex__item[data-col~="xxs:7"] {
      width: 58.3333%;
    }

    .l-flex__item[data-col~="xxs:8"] {
      width: 66.6667%;
    }

    .l-flex__item[data-col~="xxs:9"] {
      width: 75%;
    }

    .l-flex__item[data-col~="xxs:10"] {
      width: 83.3333%;
    }

    .l-flex__item[data-col~="xxs:11"] {
      width: 91.6667%;
    }

    .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 (width >= 414px) {
    .l-flex__item[data-col~="xs:1"] {
      width: 8.33333%;
    }

    .l-flex__item[data-col~="xs:2"] {
      width: 16.6667%;
    }

    .l-flex__item[data-col~="xs:3"] {
      width: 25%;
    }

    .l-flex__item[data-col~="xs:4"] {
      width: 33.3333%;
    }

    .l-flex__item[data-col~="xs:5"] {
      width: 41.6667%;
    }

    .l-flex__item[data-col~="xs:6"] {
      width: 50%;
    }

    .l-flex__item[data-col~="xs:7"] {
      width: 58.3333%;
    }

    .l-flex__item[data-col~="xs:8"] {
      width: 66.6667%;
    }

    .l-flex__item[data-col~="xs:9"] {
      width: 75%;
    }

    .l-flex__item[data-col~="xs:10"] {
      width: 83.3333%;
    }

    .l-flex__item[data-col~="xs:11"] {
      width: 91.6667%;
    }

    .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 (width >= 576px) {
    .l-flex__item[data-col~="sm:1"] {
      width: 8.33333%;
    }

    .l-flex__item[data-col~="sm:2"] {
      width: 16.6667%;
    }

    .l-flex__item[data-col~="sm:3"] {
      width: 25%;
    }

    .l-flex__item[data-col~="sm:4"] {
      width: 33.3333%;
    }

    .l-flex__item[data-col~="sm:5"] {
      width: 41.6667%;
    }

    .l-flex__item[data-col~="sm:6"] {
      width: 50%;
    }

    .l-flex__item[data-col~="sm:7"] {
      width: 58.3333%;
    }

    .l-flex__item[data-col~="sm:8"] {
      width: 66.6667%;
    }

    .l-flex__item[data-col~="sm:9"] {
      width: 75%;
    }

    .l-flex__item[data-col~="sm:10"] {
      width: 83.3333%;
    }

    .l-flex__item[data-col~="sm:11"] {
      width: 91.6667%;
    }

    .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 (width >= 768px) {
    .l-flex__item[data-col~="md:1"] {
      width: 8.33333%;
    }

    .l-flex__item[data-col~="md:2"] {
      width: 16.6667%;
    }

    .l-flex__item[data-col~="md:3"] {
      width: 25%;
    }

    .l-flex__item[data-col~="md:4"] {
      width: 33.3333%;
    }

    .l-flex__item[data-col~="md:5"] {
      width: 41.6667%;
    }

    .l-flex__item[data-col~="md:6"] {
      width: 50%;
    }

    .l-flex__item[data-col~="md:7"] {
      width: 58.3333%;
    }

    .l-flex__item[data-col~="md:8"] {
      width: 66.6667%;
    }

    .l-flex__item[data-col~="md:9"] {
      width: 75%;
    }

    .l-flex__item[data-col~="md:10"] {
      width: 83.3333%;
    }

    .l-flex__item[data-col~="md:11"] {
      width: 91.6667%;
    }

    .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 (width >= 1024px) {
    .l-flex__item[data-col~="lg:1"] {
      width: 8.33333%;
    }

    .l-flex__item[data-col~="lg:2"] {
      width: 16.6667%;
    }

    .l-flex__item[data-col~="lg:3"] {
      width: 25%;
    }

    .l-flex__item[data-col~="lg:4"] {
      width: 33.3333%;
    }

    .l-flex__item[data-col~="lg:5"] {
      width: 41.6667%;
    }

    .l-flex__item[data-col~="lg:6"] {
      width: 50%;
    }

    .l-flex__item[data-col~="lg:7"] {
      width: 58.3333%;
    }

    .l-flex__item[data-col~="lg:8"] {
      width: 66.6667%;
    }

    .l-flex__item[data-col~="lg:9"] {
      width: 75%;
    }

    .l-flex__item[data-col~="lg:10"] {
      width: 83.3333%;
    }

    .l-flex__item[data-col~="lg:11"] {
      width: 91.6667%;
    }

    .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 (width >= 1280px) {
    .l-flex__item[data-col~="xl:1"] {
      width: 8.33333%;
    }

    .l-flex__item[data-col~="xl:2"] {
      width: 16.6667%;
    }

    .l-flex__item[data-col~="xl:3"] {
      width: 25%;
    }

    .l-flex__item[data-col~="xl:4"] {
      width: 33.3333%;
    }

    .l-flex__item[data-col~="xl:5"] {
      width: 41.6667%;
    }

    .l-flex__item[data-col~="xl:6"] {
      width: 50%;
    }

    .l-flex__item[data-col~="xl:7"] {
      width: 58.3333%;
    }

    .l-flex__item[data-col~="xl:8"] {
      width: 66.6667%;
    }

    .l-flex__item[data-col~="xl:9"] {
      width: 75%;
    }

    .l-flex__item[data-col~="xl:10"] {
      width: 83.3333%;
    }

    .l-flex__item[data-col~="xl:11"] {
      width: 91.6667%;
    }

    .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 (width >= 1480px) {
    .l-flex__item[data-col~="xxl:1"] {
      width: 8.33333%;
    }

    .l-flex__item[data-col~="xxl:2"] {
      width: 16.6667%;
    }

    .l-flex__item[data-col~="xxl:3"] {
      width: 25%;
    }

    .l-flex__item[data-col~="xxl:4"] {
      width: 33.3333%;
    }

    .l-flex__item[data-col~="xxl:5"] {
      width: 41.6667%;
    }

    .l-flex__item[data-col~="xxl:6"] {
      width: 50%;
    }

    .l-flex__item[data-col~="xxl:7"] {
      width: 58.3333%;
    }

    .l-flex__item[data-col~="xxl:8"] {
      width: 66.6667%;
    }

    .l-flex__item[data-col~="xxl:9"] {
      width: 75%;
    }

    .l-flex__item[data-col~="xxl:10"] {
      width: 83.3333%;
    }

    .l-flex__item[data-col~="xxl:11"] {
      width: 91.6667%;
    }

    .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;
    }
  }

  @media screen and (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 (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 (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 (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 (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 (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 (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 (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;
    }
  }

  .c-cta {
    position: relative;
  }

  .c-cta .c-cta__button {
    min-width: 320px;
    position: absolute;
    bottom: 9%;
    left: 50%;
    transform: translateX(-50%);
  }

  @media screen and (width >= 1024px) {
    .c-cta .c-cta__button {
      width: 35.2vw;
      min-width: 352px;
    }
  }

  .c-cta__button {
    z-index: 1;
    color: #fff;
    background: var(--l-accent-color);
    border-radius: 32px;
    min-width: 320px;
    padding: 1em 1.5em;
    font-size: clamp(0.938rem, 0.725rem + 0.91vw, 1.5rem);
    font-weight: 700;
    text-decoration: none;
    display: block;
    position: relative;
  }

  @media screen and (width >= 1024px) {
    .c-cta__button {
      border-radius: 46px;
      width: 35.2vw;
      min-width: 352px;
      padding: 1em;
    }
  }

  .c-cta__button:before {
    content: "";
    background: url("../images/ico_more.svg") center / cover;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 1em;
    transform: translateY(-50%);
  }

  @media screen and (width >= 1024px) {
    .c-cta__button:before {
      width: 30px;
      height: 30px;
    }
  }

  .c-cta__button:after {
    z-index: -1;
    content: "";
    background: var(--l-accent-color);
    border-radius: 32px;
    width: 100%;
    height: 100%;
    padding: 1em 1.5em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 4px #db4b00;
  }

  @media screen and (width >= 1024px) {
    .c-cta__button:after {
      border-radius: 46px;
      padding: 1em;
    }
  }

  .footer .c-cta__button {
    background: var(--l-main-color);
    font-size: clamp(0.938rem, 0.819rem + 0.5vw, 1.25rem);
    display: block;
  }

  .footer .c-cta__button:before {
    background: url("../images/ico_more-bl.svg") center / cover;
  }

  .footer .c-cta__button:after {
    display: none;
  }

  .intro {
    background: url("../images/bg_sec01.jpg") center / contain;
    overflow: hidden;
  }

  .intro .-head p {
    font-size: clamp(0.813rem, 0.552rem + 1.11vw, 1.5rem);
    font-weight: 700;
  }

  .intro .-head em {
    color: var(--l-main-color);
    background: #fff;
    padding: 0 0.25em;
    font-size: clamp(1.25rem, 0.919rem + 1.41vw, 2.125rem);
    font-style: normal;
    line-height: 1.8;
  }

  .intro .-display {
    align-items: center;
    gap: 0.5em;
    display: flex;
  }

  @media screen and (width >= 1024px) {
    .intro .-display {
      display: contents;
    }
  }

  .intro figure {
    width: 100px;
  }

  @media screen and (width >= 1024px) {
    .intro figure {
      width: 200px;
    }
  }

  .intro .-content {
    background: #fff;
    border-radius: 10px;
    max-width: 980px;
    margin-inline: auto;
    padding: 1.5em;
    position: relative;
  }

  @media screen and (width >= 1024px) {
    .intro .-content {
      border-radius: 20px;
      padding: 2.5em 2.5em 4em;
    }
  }

  .intro .-heading {
    border-left: 4px solid #3ba347;
    padding-left: 1em;
  }

  .intro .-heading p {
    font-size: clamp(1rem, 0.716rem + 1.21vw, 1.75rem);
    font-weight: 700;
  }

  .intro .-heading p:first-child {
    color: #3ba347;
  }

  .intro .-text {
    margin-top: 1em;
    font-size: clamp(0.813rem, 0.6rem + 0.91vw, 1.375rem);
    font-weight: 500;
    line-height: 1.8;
  }

  .intro .-text span {
    color: var(--l-accent-text-color);
    font-weight: 700;
  }

  .intro .-image {
    width: 110%;
  }

  @media screen and (width >= 1024px) {
    .intro .-image {
      width: 470px;
      position: absolute;
      top: -68px;
      right: -110px;
    }
  }

  .problem {
    background: var(--l-light-color);
  }

  .problem h2 img {
    width: 100%;
  }

  .problem .problem__wrap {
    background: var(--l-light-color);
  }

  .problem .problem__item {
    border-radius: 10px;
    display: flex;
  }

  @media screen and (width >= 1024px) {
    .problem .problem__item {
      border-radius: 15px;
      align-items: center;
      gap: 40px;
    }
  }

  .problem .problem__img {
    z-index: 1;
    width: 100px;
    margin-top: -1em;
    margin-right: -2em;
    position: relative;
  }

  @media screen and (width >= 1024px) {
    .problem .problem__img {
      width: 16%;
      margin-top: 0;
      margin-right: 0;
    }
  }

  .problem .problem__item:nth-child(2) .problem__img {
    padding-left: 0.75em;
  }

  @media screen and (width >= 1024px) {
    .problem .problem__item:nth-child(2) .problem__img {
      padding-left: 1.5em;
    }
  }

  .problem .problem__heading {
    position: absolute;
    top: -1.5em;
    left: 1em;
  }

  @media screen and (width >= 1024px) {
    .problem .problem__heading {
      top: -2.5em;
      left: -4em;
    }
  }

  .-first :is(.problem .problem__heading) {
    width: clamp(10.75rem, 6.942rem + 16.25vw, 20.813rem);
  }

  .-second :is(.problem .problem__heading) {
    width: clamp(12.25rem, 7.591rem + 19.88vw, 24.563rem);
  }

  .-third :is(.problem .problem__heading) {
    width: clamp(15.063rem, 7.4rem + 32.69vw, 35.313rem);
  }

  .problem .problem__content {
    background: #fff;
    flex-grow: 1;
    width: 100%;
    padding: 1.5em 1em 1em 3em;
    position: relative;
  }

  @media screen and (width >= 580px) {
    .problem .problem__content {
      padding-top: 3em;
    }
  }

  @media screen and (width >= 1024px) {
    .problem .problem__content {
      width: auto;
      padding: 3em 2em 2em;
    }
  }

  .problem .problem__content .-head p:first-child {
    color: var(--l-main-color);
    margin-bottom: 1em;
    font-size: clamp(0.75rem, 0.608rem + 0.61vw, 1.125rem);
    font-weight: 500;
    text-decoration: underline;
  }

  .problem .problem__content .-head p:not(:first-child) {
    font-weight: 500;
    line-height: 1.8;
    font-size: clamp(0.813rem, 0.6rem + 0.91vw, 1.375rem) !important;
  }

  .problem .problem__content .-head strong {
    color: var(--l-accent-text-color);
  }

  .problem .problem__content .-head small {
    font-size: clamp(0.75rem, 0.703rem + 0.2vw, 0.875rem);
  }

  .problem .problem__content .-body {
    width: clamp(3.75rem, 1.148rem + 11.1vw, 10.625rem);
    margin-left: auto;
  }

  @media screen and (width >= 1024px) {
    .problem .problem__content .-body {
      width: 170px;
    }
  }

  .problem .problem__content .-body img {
    width: 100%;
  }

  .voice {
    position: relative;
  }

  .voice:before,
  .voice:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }

  .voice:before {
    z-index: -2;
    background: var(--l-light-color);
  }

  .voice:after {
    z-index: -1;
    opacity: 0.7;
    background: url("../images/bg_voice.png") center / cover;
  }

  .voice .voice__list {
    grid-template-columns: 1fr;
    gap: 10px;
    display: grid;
  }

  @media (width >= 768px) {
    .voice .voice__list {
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
    }
  }

  .voice .voice__item {
    background: #fff;
    padding: 1em;
  }

  @media (width >= 1064px) {
    .voice .voice__item {
      padding: 2em;
    }
  }

  @media (width >= 960px) {
    .voice .voice__item .-head {
      flex-shrink: 0;
      width: 95px;
    }
  }

  .voice .voice__item .-head p {
    font-weight: 700;
  }

  .voice .voice__item figure {
    width: 50px;
  }

  @media (width >= 768px) {
    .voice .voice__item figure {
      width: 95px;
    }
  }

  .voice .voice__item .-body p,
  .voice .voice__item .-body li {
    font-size: clamp(0.813rem, 0.742rem + 0.3vw, 1rem);
    line-height: 1.6;
  }

  .voice .voice__item .-body em,
  .voice .voice__item .-body li {
    color: var(--l-main-color);
    font-style: normal;
    font-weight: 700;
  }

  @media (width >= 768px) {
    .voice .voice__item.-last {
      grid-column: span 2;
    }
  }

  .flow {
    background: var(--l-light-color);
  }

  .flow .flow__item {
    background: #fff;
    padding: 1.5em 1em;
    position: relative;
  }

  @media (width >= 1064px) {
    .flow .flow__item {
      padding: 2em;
    }
  }

  .flow .flow__item:not(:last-child):after {
    content: "";
    background: url("../images/ico_bottom.svg") center / cover;
    width: 1.5em;
    height: 0.75em;
    position: absolute;
    bottom: -1.5em;
    left: 50%;
    transform: translateX(-50%);
  }

  @media (width >= 1064px) {
    .flow .flow__item:not(:last-child):after {
      width: 1.875em;
      height: 1em;
      bottom: -2.5em;
    }
  }

  .flow .flow__item .-head {
    align-items: center;
    gap: 10px;
    padding-bottom: 0.75em;
    display: flex;
  }

  @media (width >= 1064px) {
    .flow .flow__item .-head {
      flex-shrink: 0;
      width: 38%;
      padding-bottom: 0;
    }
  }

  .flow .flow__item .-head p:first-child {
    color: #fff;
    background-color: var(--l-main-color);
    border-radius: 99px;
    padding: 0 1em;
    font-size: clamp(0.875rem, 0.638rem + 1.01vw, 1.5rem);
    font-weight: 700;
  }

  .flow .flow__item .-head p:last-child {
    font-size: clamp(1rem, 0.763rem + 1.01vw, 1.625rem);
    font-weight: 700;
  }

  .flow .flow__item .-body {
    border-top: 1px solid #ccc;
    padding-top: 0.5em;
  }

  @media (width >= 1064px) {
    .flow .flow__item .-body {
      border-top: none;
      border-left: 1px solid #ccc;
      padding-top: 0;
      padding-left: 2em;
    }
  }

  .flow .flow__item .-body p {
    font-size: clamp(0.813rem, 0.647rem + 0.71vw, 1.25rem);
    font-weight: 500;
    line-height: 1.6;
  }

  .flow .flow__item .-body small {
    margin-top: 0.75em;
    font-size: clamp(0.688rem, 0.617rem + 0.3vw, 0.875rem);
    font-weight: 400;
    display: block;
  }

  .flow .flow__item .-body em {
    color: var(--l-accent-text-color);
    font-style: normal;
  }

  .flow .flow__item .-body .c-cta__button {
    max-width: 395px;
    padding: 0.65em 1em;
    font-size: clamp(0.875rem, 0.78rem + 0.4vw, 1.125rem);
  }

  .flow .flow__item .-body .c-cta__button:after {
    display: none;
  }

  .return {
    background: var(--l-light-color);
  }

  .return h2 {
    z-index: 1;
    text-align: center;
    font-size: clamp(1.25rem, 0.919rem + 1.41vw, 2.125rem);
    position: relative;
  }

  .return h2:before,
  .return h2:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .return h2:before {
    z-index: -2;
    background: var(--l-main-color);
    width: 100%;
    height: 1px;
    left: 0;
  }

  .return h2:after {
    z-index: -1;
    background: var(--l-light-color);
    width: 7em;
    height: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .return .-catch {
    color: var(--l-accent-text-color);
    text-align: center;
    font-size: clamp(1rem, 0.858rem + 0.61vw, 1.375rem);
    font-weight: 700;
  }

  .return .-contact {
    background: #f2e7d6;
    border-radius: 5px;
    max-width: 920px;
    margin-inline: auto;
    padding: 0.25em 0.5em;
    font-size: clamp(0.875rem, 0.828rem + 0.2vw, 1rem);
  }

  .return .-contact em {
    color: var(--l-accent-text-color);
    font-style: normal;
    font-weight: 700;
  }

  .return .-note {
    max-width: 900px;
    margin-inline: auto;
  }

  .return .-note h3 {
    color: #fff;
    text-align: center;
    background: var(--l-main-color);
    justify-content: center;
    gap: 0.5em;
    padding: 0.5em 0;
    font-size: clamp(0.813rem, 0.647rem + 0.71vw, 1.25rem);
    display: flex;
  }

  .return .-note ol {
    background: #fff;
    padding: 1em;
    font-size: clamp(0.75rem, 0.608rem + 0.61vw, 1.125rem);
    line-height: 1.8;
  }

  @media screen and (width >= 1024px) {
    .return .-note ol {
      padding: 1em 5em;
    }
  }

  .return .-note .-ico {
    justify-content: center;
    align-items: center;
    width: 1.25em;
    display: flex;
  }

  .return .-note .-ico img {
    width: 100%;
  }

  .company .company__head {
    border-top: 1px solid var(--l-main-color);
    border-bottom: 1px solid var(--l-main-color);
    max-width: 800px;
    margin-inline: auto;
    padding: 1em 0;
    line-height: 1.8;
  }

  @media screen and (width >= 1024px) {
    .company .company__head {
      padding: 2em 0;
    }
  }

  .company .company__text {
    max-width: 948px;
    margin-inline: auto;
  }

  .company .company__text img {
    width: 100%;
  }

  .company .company__list {
    max-width: 800px;
    margin-inline: auto;
  }

  .company .company__list .-dataList {
    align-items: center;
    display: flex;
  }

  .company .company__list dt {
    border-bottom: 1px solid #8f0102;
    width: 23%;
    padding: 1em 0;
    font-weight: 700;
  }

  .company .company__list dd {
    border-bottom: 1px solid #ddd;
    flex-grow: 1;
    padding: 1em 0 1em 1em;
  }

  .company .company__access {
    margin-inline: auto;
    background: #8e00010d;
    flex-direction: column;
    max-width: 800px;
    margin-top: 1.25em;
    padding: 1em;
    display: flex;
  }

  @media screen and (width >= 1024px) {
    .company .company__access {
      flex-direction: row;
      align-items: center;
      padding: 1.25em;
    }
  }

  .company .company__access dt {
    align-items: center;
    gap: 0.5em;
    padding-bottom: 1em;
    font-weight: 700;
    display: flex;
  }

  @media screen and (width >= 1024px) {
    .company .company__access dt {
      flex-shrink: 0;
      justify-content: center;
      width: 33%;
      padding: 0;
    }
  }

  .company .company__access dd {
    border-top: 1px solid #8e0001;
    padding-top: 1em;
    font-size: clamp(0.75rem, 0.655rem + 0.4vw, 1rem);
    line-height: 1.8;
  }

  @media screen and (width >= 1024px) {
    .company .company__access dd {
      border-top: none;
      border-left: 1px solid #8e0001;
      padding-top: 0;
      padding-left: 1.5em;
    }
  }

  .company .company__link {
    max-width: 900px;
    margin-inline: auto;
  }

  .company .company__link h3 {
    font-size: clamp(1rem, 0.905rem + 0.4vw, 1.25rem);
  }
}

p,
ol,
ul,
dl {
  font-size: clamp(0.813rem, 0.742rem + 0.3vw, 1rem);
}

.header .header__catch p {
  padding: 1em 0;
  font-size: 11px;
}

@media screen and (width >= 1024px) {
  .header .header__catch p {
    font-size: 13px;
  }
}

.header .header__main {
  border-top: 1px solid #ccc;
}

@media screen and (width >= 1024px) {
  .header .header__logo {
    width: 33%;
  }
}

.header .header__logo a {
  padding: 0 5%;
  display: block;
}

@media screen and (width >= 1024px) {
  .header .header__logo a {
    padding: 0;
  }
}

.header .header__contact {
  display: block;
}

@media screen and (width >= 1024px) {
  .header .header__contact {
    pointer-events: none;
    width: 40%;
  }
}

.hero {
  position: relative;
}

.hero .hero__cta {
  padding: 1em 5%;
}

@media screen and (width >= 1024px) {
  .hero .hero__cta {
    width: 482px;
    padding: 0;
    position: absolute;
    bottom: 10%;
    left: 8%;
  }
}

.feature h2 {
  max-width: 488px;
  margin-inline: auto;
}

.feature .l-grid {
  grid-template-columns: 1fr;
  gap: 30px;
  display: grid;
}

@media screen and (width >= 1024px) {
  .feature .l-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 45px;
  }
}

.feature .-title {
  text-align: center;
  margin: 0.5em 0;
  font-size: clamp(1rem, 0.858rem + 0.61vw, 1.375rem);
  font-weight: 500;
}

.feature small {
  font-size: clamp(0.75rem, 0.703rem + 0.2vw, 0.875rem);
}

.feature a {
  color: var(--l-main-color);
}

.footer {
  max-width: 900px;
  margin-inline: auto;
}

.footer .footer__address {
  flex-direction: column;
  align-items: center;
  gap: 0.5em;
  display: flex;
}

@media screen and (width >= 1024px) {
  .footer .footer__address {
    flex-direction: row;
    justify-content: center;
    gap: 22px;
  }
}

.footer .footer__address .-logo {
  width: 256px;
}

@media screen and (width >= 1024px) {
  .footer .footer__address .-logo {
    width: 320px;
  }
}

.footer .footer__address .-tel {
  font-size: clamp(1.75rem, 1.632rem + 0.5vw, 2.063rem);
  font-weight: 700;
  line-height: 1.2;
}

.footer .footer__address .-tel a {
  text-decoration: none;
}

.footer .footer__address .-tel strong {
  font-size: clamp(2.25rem, 2.108rem + 0.61vw, 2.625rem);
}

.footer .footer__bottom {
  background: linear-gradient(#fff, #ededed);
  flex-direction: column;
  padding: 1em 0.75em;
  display: flex;
}

@media screen and (width >= 1024px) {
  .footer .footer__bottom {
    flex-direction: row;
    align-items: center;
    padding: 1.25em 3em;
  }
}

.footer .footer__bottom dt {
  padding-bottom: 1em;
  font-size: clamp(0.875rem, 0.733rem + 0.61vw, 1.25rem);
  font-weight: 700;
}

@media screen and (width >= 1024px) {
  .footer .footer__bottom dt {
    padding-bottom: 0;
    padding-right: 2.5em;
  }
}

.footer .footer__bottom dt p {
  border-left: 3px solid var(--l-main-color);
  padding-left: 0.25em;
}

.footer .footer__bottom dd {
  border-top: 1px solid #ddd;
  justify-content: space-between;
  padding-top: 1em;
  display: flex;
}

@media screen and (width >= 1024px) {
  .footer .footer__bottom dd {
    border-top: none;
    border-left: 1px solid #ddd;
    flex-direction: column;
    padding-top: 0;
    padding-left: 2em;
  }
}

.footer .footer__bottom dd p:first-child {
  font-size: clamp(0.625rem, 0.483rem + 0.61vw, 1rem);
  font-weight: 500;
}

.footer .footer__bottom .-tel {
  font-size: clamp(0.875rem, 0.426rem + 1.92vw, 2.063rem);
  font-weight: 700;
  line-height: 1.2;
}

.footer .footer__bottom .-tel a {
  text-decoration: none;
}

.footer .footer__bottom .-tel strong {
  font-size: clamp(1.25rem, 0.73rem + 2.22vw, 2.625rem);
}

.footer .footer__copyright {
  text-align: center;
  padding-top: 1em;
}

.footer .footer__copyright small {
  letter-spacing: 0.1em;
  font-family: serif;
  font-size: 10px;
}