/* File: automatic.css - Version: 4.0.0-dev-25 - Generated: 2025-09-26 14:41:05 */
@layer acss-defaults {
  /* Feat: Reset */
  :root {
    interpolate-size: allow-keywords;
  }
  *, *::before, *::after {
    box-sizing: border-box;
  }
  body {
    min-block-size: 100vh;
  }
  input, button, textarea, select {
    font: inherit;
  }
  :where(dd) {
    margin-inline-start: 0;
  }
  /* Feat: Body, Heading, or Text Defaults */
  html {
    font-size: var(--root-font-size) !important;
  }
  /* Feat: Body Defaults */
  :where(body) {
    font-size: var(--default-font-size, var(--text-m));
    color: var(--text-color);
    line-height: var(--text-line-height);
    text-wrap: var(--text-text-wrap);
    background-color: var(--body-bg-color, var(--white));
  }
  /* Feat: Link Defaults */
  body a:where(:not([class*= btn--])) {
    color: var(--link-color, var(--primary));
    font-weight: var(--link-weight, inherit);
    -webkit-text-decoration: var(--link-decoration, inherit);
    text-decoration: var(--link-decoration, inherit);
    text-underline-offset: var(--link-underline-offset, auto);
    transition: var(--link-transition, var(--transition));
  }
  @media (hover: hover) and (pointer: fine) {
    body a:where(:not([class*= btn--])):hover {
      color: var(--link-color-hover, var(--primary-hover));
    }
  }
  /* Feat: Heading Defaults */
  h1, :where(.h1), h2, :where(.h2), h3, :where(.h3), h4, :where(.h4), h5, :where(.h5), h6, :where(.h6) {
    line-height: var(--heading-line-height);
    font-weight: var(--heading-font-weight);
    text-wrap: var(--heading-text-wrap);
  }
  h1 {
    font-size: var(--h1);
    max-width: var(--h1-max-width);
  }
  h2 {
    font-size: var(--h2);
  }
  h3 {
    font-size: var(--h3);
  }
  h4 {
    font-size: var(--h4);
    line-height: var(--h4-line-height);
  }
  h5 {
    font-size: var(--h5);
  }
  h6 {
    font-size: var(--h6);
  }
}
@layer acss-layer-anchors {
  .btn--primary {
    --btn-background: var(--primary);
    --btn-background-hover: var(--primary-hover);
    --btn-text-color: var(--primary-ultra-light);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-color: var(--primary);
    --btn-border-color-hover: var(--primary-hover);
    --focus-color: var(--primary-light);
  }
  .btn--primary-dark {
    --btn-background: var(--primary-dark);
    --btn-background-hover: var(--primary-ultra-dark);
    --btn-text-color: var(--primary-ultra-light);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-color: var(--primary-dark);
    --btn-border-color-hover: var(--primary-ultra-dark);
    --focus-color: var(--primary-semi-dark);
  }
  .btn--primary-light {
    --btn-background: var(--primary-ultra-light);
    --btn-background-hover: var(--primary-light);
    --btn-text-color: var(--primary);
    --btn-text-color-hover: var(--primary-ultra-dark);
    --btn-border-color: var(--primary-ultra-light);
    --btn-border-color-hover: var(--primary-light);
    --focus-color: var(--primary-light);
  }
  .btn--primary.btn--outline {
    --btn-background: transparent;
    --btn-background-hover: var(--primary-hover);
    --btn-text-color: var(--primary);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-width: 2px;
    --btn-border-color: var(--primary);
    --btn-border-color-hover: var(--primary-hover);
    --focus-color: var(--primary-light);
  }
  .btn--primary-dark.btn--outline {
    --btn-background: transparent;
    --btn-background-hover: var(--primary-dark);
    --btn-text-color: var(--primary-dark);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-width: 2px;
    --btn-border-color: var(--primary-dark);
    --btn-border-color-hover: var(--primary-dark);
    --focus-color: var(--primary-light);
  }
  .btn--primary-light.btn--outline {
    --btn-background: transparent;
    --btn-background-hover: var(--primary-light);
    --btn-text-color: var(--primary-light);
    --btn-text-color-hover: var(--primary-dark);
    --btn-border-width: 2px;
    --btn-border-color: var(--primary-light);
    --btn-border-color-hover: var(--primary-light);
    --focus-color: var(--primary-light);
  }
  [class*="btn--"]:where(:not(.btn--none, .wp-block-button)), [class*="btn--"].wp-block-button > .wp-block-button__link {
    background: var(--btn-background);
    color: var(--btn-text-color);
    padding-block: var(--btn-padding-block);
    padding-inline: var(--btn-padding-inline);
    inline-size: var(--btn-width, auto);
    min-inline-size: var(--btn-min-width);
    line-height: var(--btn-line-height);
    font-size: var(--btn-font-size, var(--text-m));
    font-weight: var(--btn-font-weight);
    font-style: var(--btn-font-style);
    text-transform: var(--btn-text-transform);
    letter-spacing: var(--btn-letter-spacing);
    text-decoration: var(--btn-text-decoration);
    border-width: var(--btn-border-width);
    border-style: var(--btn-border-style);
    border-radius: var(--btn-border-radius);
    border-color: var(--btn-border-color);
    transition: var(--btn-transition, var(--transition));
    justify-content: var(--btn-justify-content, center);
    text-align: var(--btn-text-align, center);
    display: var(--btn-display, inline-flex);
  }
  @media (hover: hover) and (pointer: fine) {
    [class*="btn--"]:where(:not(.btn--none, .wp-block-button)):hover, [class*="btn--"].wp-block-button > .wp-block-button__link:hover {
      background: var(--btn-background-hover);
      color: var(--btn-text-color-hover);
      border-color: var(--btn-border-color-hover);
      text-decoration: var(--btn-text-decoration-hover);
    }
  }
  [class*="btn--"]:where(:not(.btn--none, .wp-block-button)):where(:focus-visible), [class*="btn--"].wp-block-button > .wp-block-button__link:where(:focus-visible) {
    outline-style: solid;
    outline-color: var(--focus-color);
    outline-width: var(--focus-width);
    outline-offset: var(--focus-offset);
  }
  .btn--xs {
    font-size: var(--text-xs);
  }
  .btn--s {
    font-size: var(--text-s);
  }
  .btn--m {
    font-size: var(--text-m);
  }
  .btn--l {
    font-size: var(--text-l);
  }
  .btn--xl {
    font-size: var(--text-xl);
  }
  .btn--xxl {
    font-size: var(--text-xxl);
  }
  .btn--none {
    background: none;
    border: none;
  }
}
@layer acss-layer-icons {
  [data-icon]:is(svg, i, a) {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    box-sizing: content-box;
    color: var(--icon-color, var(--neutral-dark));
    font-size: var(--icon-size);
    height: var(--icon-height, var(--icon-size, 24px));
    width: var(--icon-width, var(--icon-size, 24px));
    transition: var(--icon-transition, var(--transition));
    padding: var(--icon-padding, 12px);
    border-width: var(--icon-border-width, 0);
    border-style: var(--icon-border-style, solid);
    border-radius: var(--icon-radius, var(--radius));
    background: var(--icon-background, var(--neutral-ultra-light));
    border-color: var(--icon-border-color, transparent);
    box-shadow: var(--icon-shadow, none);
    overflow: visible;
  }
  [data-icon]:is(i)::before {
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: var(--icon-size);
  }
  [data-icon].brxe-icon {
    font-size: var(--icon-size);
  }
  [data-icon] svg {
    color: var(--icon-color);
  }
  [data-icon]:is(a):hover, [data-icon] [data-icon-hover]:hover, [data-icon] [data-icon-hover]:hover [data-icon] {
    --icon-background: var(--icon-background-hover);
    --icon-color: var(--icon-color-hover);
    --icon-border-color: var(--icon-border-color-hover);
  }
  .icon--s, [data-icon-size="s"] {
    --icon-size: var(--icon-size-s);
    --icon-padding: var(--icon-padding-s);
  }
  .icon--m, [data-icon-size="m"] {
    --icon-size: var(--icon-size-m);
    --icon-padding: var(--icon-padding-m);
  }
  .icon--l, [data-icon-size="l"] {
    --icon-size: var(--icon-size-l);
    --icon-padding: var(--icon-padding-l);
  }
  .icon--light, [data-icon-theme="light"] {
    --icon-color: var(--primary-light);
    --icon-color-hover: var(--primary-ultra-light);
    --icon-background: var(--primary-dark);
    --icon-background-hover: var(--primary-ultra-dark);
    --icon-border-color: color-mix(in srgb, var(--primary-dark) 10%, transparent);
    --icon-border-color-hover: color-mix(in srgb, var(--primary-dark) 10%, transparent);
    --icon-shadow: ;
  }
  .icon--dark, [data-icon-theme="dark"] {
    --icon-color: var(--primary-dark);
    --icon-color-hover: var(--primary-semi-dark);
    --icon-background: var(--primary-light);
    --icon-background-hover: var(--primary-ultra-light);
    --icon-border-color: color-mix(in srgb, var(--primary-dark) 10%, transparent);
    --icon-border-color-hover: color-mix(in srgb, var(--primary-dark) 10%, transparent);
    --icon-shadow: ;
  }
  .icon--boxed, [data-icon-style="boxed"] {
    padding: var(--icon-padding, 12px);
    border-width: var(--icon-border-width, 0);
    border-style: var(--icon-border-style, solid);
    border-radius: var(--icon-radius, var(--radius));
    background: var(--icon-background, var(--neutral-ultra-light));
    border-color: var(--icon-border-color, transparent);
  }
  .icon--naked, [data-icon-style="naked"] {
    --icon-background: transparent;
    --icon-border-width: 0;
    --icon-padding: 0;
  }
  :is([data-icon-list], .icon-list) {
    display: flex;
    flex-direction: column;
    gap: var(--icon-list-gap, 1em);
  }
  :is([data-icon-list], .icon-list) :where(svg, i) {
    --icon-size: var(--icon-list-icon-size, 1em);
    position: relative;
    translate: var(--icon-inline-offset, 0) var(--icon-block-offset, 0);
    flex-shrink: 0;
  }
  :is([data-icon-list], .icon-list) :where(svg, i):is(svg, i, a) {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    box-sizing: content-box;
    color: var(--icon-color, var(--neutral-dark));
    font-size: var(--icon-size);
    height: var(--icon-height, var(--icon-size, 24px));
    width: var(--icon-width, var(--icon-size, 24px));
    transition: var(--icon-transition, var(--transition));
    box-shadow: var(--icon-shadow, none);
    overflow: visible;
  }
  :is([data-icon-list], .icon-list) :where(svg, i):is(i)::before {
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: var(--icon-size);
  }
  :is([data-icon-list], .icon-list) :where(svg, i).brxe-icon {
    font-size: var(--icon-size);
  }
  :is([data-icon-list], .icon-list) :where(svg, i) svg {
    color: var(--icon-color);
  }
  :is([data-icon-list], .icon-list) :where(svg, i):is(a):hover, :is([data-icon-list], .icon-list) :where(svg, i) [data-icon-hover]:hover, :is([data-icon-list], .icon-list) :where(svg, i) [data-icon-hover]:hover [data-icon] {
    --icon-background: var(--icon-background-hover);
    --icon-color: var(--icon-color-hover);
    --icon-border-color: var(--icon-border-color-hover);
  }
  :is([data-icon-list], .icon-list) a:hover {
    --icon-color: var(--icon-color-hover, var(--primary));
    --icon-background: var(--icon-background-hover, var(--primary-hover));
  }
  :where(a:has(> svg, > i)):hover {
    --icon-color: var(--icon-color-hover, var(--primary));
    --icon-background: var(--icon-background-hover, var(--primary-hover));
  }
}
@layer acss-layer-utilities {
  .clickable-parent:not(a) {
    position: static;
  }
  .clickable-parent:not(a) a {
    position: static;
  }
  .clickable-parent:not(a) > a::after {
    content: "";
    position: absolute;
    inset: 0;
    cursor: pointer !important;
    display: flex;
  }
  a.clickable-parent {
    position: static;
  }
  a.clickable-parent::after {
    content: "";
    position: absolute;
    inset: 0;
    cursor: pointer !important;
    display: flex;
  }
  .hidden-accessible {
    position: absolute !important;
    inline-size: 1px !important;
    block-size: 1px !important;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(100%);
    white-space: nowrap;
    /* added line */
    border: 0;
  }
  @media (prefers-reduced-motion: reduce) {
    html:focus-within {
      scroll-behavior: auto;
    }
    *, *::before, *::after {
      -webkit-animation-duration: 0.01ms !important;
      animation-duration: 0.01ms !important;
      -webkit-animation-iteration-count: 1 !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
    }
  }
  .link--skip, .skip-link {
    position: absolute;
    inset-block-start: 1rem;
    inset-inline-start: 1rem;
    transform: translateY(-250%);
    --btn-min-width: fit-content;
    z-index: 100;
    background: var(--btn-background);
    color: var(--btn-text-color);
    padding-block: var(--btn-padding-block);
    padding-inline: var(--btn-padding-inline);
    inline-size: var(--btn-width, auto);
    min-inline-size: var(--btn-min-width);
    line-height: var(--btn-line-height);
    font-size: var(--btn-font-size, var(--text-m));
    font-weight: var(--btn-font-weight);
    font-style: var(--btn-font-style);
    text-transform: var(--btn-text-transform);
    letter-spacing: var(--btn-letter-spacing);
    text-decoration: var(--btn-text-decoration);
    border-width: var(--btn-border-width);
    border-style: var(--btn-border-style);
    border-radius: var(--btn-border-radius);
    border-color: var(--btn-border-color);
    transition: var(--btn-transition, var(--transition));
    justify-content: var(--btn-justify-content, center);
    text-align: var(--btn-text-align, center);
    display: var(--btn-display, inline-flex);
    --btn-background: var(--primary);
    --btn-background-hover: var(--primary-hover);
    --btn-text-color: var(--primary-ultra-light);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-color: var(--primary);
    --btn-border-color-hover: var(--primary-hover);
    --focus-color: var(--primary-light);
  }
  @media (hover: hover) and (pointer: fine) {
    .link--skip:hover, .skip-link:hover {
      background: var(--btn-background-hover);
      color: var(--btn-text-color-hover);
      border-color: var(--btn-border-color-hover);
      text-decoration: var(--btn-text-decoration-hover);
    }
  }
  .link--skip:where(:focus-visible), .skip-link:where(:focus-visible) {
    outline-style: solid;
    outline-color: var(--focus-color);
    outline-width: var(--focus-width);
    outline-offset: var(--focus-offset);
  }
  .link--skip:focus-visible, .skip-link:focus-visible {
    transform: translateY(0);
  }
  .focus-parent:focus-within:not(:has(:focus-visible)) {
    outline: none;
    outline-offset: 0;
  }
  .focus-parent:focus-within {
    outline: var(--focus-width) solid var(--focus-color);
    outline-offset: var(--focus-offset);
  }
  .focus-parent :focus {
    outline: none !important;
    box-shadow: none !important;
  }
  .focus-parent--shadow:focus-within:not(:has(:focus-visible)) {
    box-shadow: none;
  }
  .focus-parent--shadow:focus-within {
    box-shadow: 0 0 0 var(--focus-width) var(--focus-color);
  }
  .focus-parent--shadow :focus {
    outline: none !important;
    box-shadow: none !important;
  }
  .focus-parent--outline:focus-within:not(:has(:focus-visible)) {
    outline: none;
    outline-offset: 0;
  }
  .focus-parent--outline:focus-within {
    outline: var(--focus-width) solid var(--focus-color);
    outline-offset: var(--focus-offset);
  }
  .focus-parent--outline :focus {
    outline: none !important;
    box-shadow: none !important;
  }
  /* Feat: Focus Styles */
  :focus {
    outline: none;
    box-shadow: none;
  }
  :focus-visible {
    outline-style: solid;
    outline-color: var(--focus-color);
    outline-width: var(--focus-width);
    outline-offset: var(--focus-offset);
  }
  @supports not selector(:focus-visible) {
    :focus {
      outline-style: solid;
      outline-color: var(--focus-color);
      outline-width: var(--focus-width);
      outline-offset: var(--focus-offset);
    }
  }
  /* Feat: Focus Classes */
  .focus--primary {
    --focus-color: var(--primary);
  }
  .focus--base {
    --focus-color: var(--base);
  }
  .focus--neutral {
    --focus-color: var(--neutral);
  }
  .focus--white {
    --focus-color: var(--white);
  }
  /* Feat: Default Section Styles */
  :where(section:not(section section)) {
    display: flex;
    flex-direction: column;
    padding-block: var(--section-padding-block);
    padding-inline: var(--gutter);
  }
  .bg--primary {
    background-color: var(--primary);
  }
  .bg--primary-hover {
    background-color: var(--primary-hover);
  }
  .bg--primary-ultra-light {
    background-color: var(--primary-ultra-light);
  }
  .bg--primary-light {
    background-color: var(--primary-light);
  }
  .bg--primary-semi-light {
    background-color: var(--primary-semi-light);
  }
  .bg--primary-semi-dark {
    background-color: var(--primary-semi-dark);
  }
  .bg--primary-dark {
    background-color: var(--primary-dark);
  }
  .bg--primary-ultra-dark {
    background-color: var(--primary-ultra-dark);
  }
  .bg--base {
    background-color: var(--base);
  }
  .bg--base-hover {
    background-color: var(--base-hover);
  }
  .bg--base-ultra-light {
    background-color: var(--base-ultra-light);
  }
  .bg--base-light {
    background-color: var(--base-light);
  }
  .bg--base-semi-light {
    background-color: var(--base-semi-light);
  }
  .bg--base-semi-dark {
    background-color: var(--base-semi-dark);
  }
  .bg--base-dark {
    background-color: var(--base-dark);
  }
  .bg--base-ultra-dark {
    background-color: var(--base-ultra-dark);
  }
  .bg--neutral {
    background-color: var(--neutral);
  }
  .bg--neutral-hover {
    background-color: var(--neutral-hover);
  }
  .bg--neutral-ultra-light {
    background-color: var(--neutral-ultra-light);
  }
  .bg--neutral-light {
    background-color: var(--neutral-light);
  }
  .bg--neutral-semi-light {
    background-color: var(--neutral-semi-light);
  }
  .bg--neutral-semi-dark {
    background-color: var(--neutral-semi-dark);
  }
  .bg--neutral-dark {
    background-color: var(--neutral-dark);
  }
  .bg--neutral-ultra-dark {
    background-color: var(--neutral-ultra-dark);
  }
  .bg--white {
    background-color: var(--white);
  }
  .bg--black {
    background-color: var(--black);
  }
  :has(> .is-bg) {
    position: relative;
    isolation: isolate;
  }
  :is(*, img, figure, picture).is-bg {
    position: var(--bg-position, absolute);
    inset: var(--bg-inset, 0);
    inline-size: var(--bg-width, 100%);
    block-size: var(--bg-height, 100%);
    border-radius: var(--bg-radius, 0);
    object-fit: var(--bg-object-fit, cover);
    object-position: var(--bg-object-position, center);
    z-index: var(--bg-z-index, -2);
    border-radius: var(--bg-radius, 0);
    pointer-events: none;
  }
  :is(*, img, figure, picture).is-bg > img {
    object-fit: var(--bg-object-fit, cover);
    object-position: var(--bg-object-position, center);
  }
  .bg--ultra-light {
    background-color: var(--bg-ultra-light);
  }
  .bg--light {
    background-color: var(--bg-light);
  }
  .bg--dark {
    background-color: var(--bg-dark);
  }
  .bg--ultra-dark {
    background-color: var(--bg-ultra-dark);
  }
  .text--light {
    color: var(--text-light);
  }
  .text--light-muted {
    color: var(--text-light-muted);
  }
  .text--dark {
    color: var(--text-dark);
  }
  .text--dark-muted {
    color: var(--text-dark-muted);
  }
  /* Feat: Content Grid */
  :where(.content-grid) {
    --full: minmax(var(--gutter), 1fr);
    padding-inline: 0;
    column-gap: 0 !important;
    display: grid !important;
    grid-template-columns: [full-start] var(--full) [feature-max-start] minmax(0, var(--feature-max-width, 100px)) [feature-start] minmax(0, var(--feature-width, 50px)) [content-start] min(var(--content-width), 100% - var(--gutter) * 2) [content-end] minmax(0, var(--feature-width, 50px)) [feature-end] minmax(0, var(--feature-max-width, 100px)) [feature-max-end] var(--full) [full-end];
  }
  :where(.content-grid) > :not(.content--feature, .content--feature-max, .content--full, .content--full-safe) {
    width: 100%;
    max-width: 100%;
  }
  :where(.content-grid) > :where(:not(.content--feature, .content--feature-max, .content--full, .content--full-safe)) {
    grid-column: content;
  }
  .content--feature {
    grid-column: feature;
  }
  .content--feature-max {
    grid-column: feature-max;
  }
  .content--full {
    grid-column: full;
  }
  .content--full-safe {
    grid-column: full;
    padding-inline: var(--gutter);
  }
  .content-grid:where(.content--full-safe) {
    padding-inline: var(--gutter);
  }
  :is(.content--feature, .content--feature-max, .content--full, .content--full-safe):not(.content-grid--off :is(.content--feature, .content--feature-max, .content--full, .content--full-safe)) {
    width: 100% !important;
    max-width: 100%;
  }
  :is(.content--feature, .content--feature-max, .content--full, .content--full-safe) :is(figure img, picture img) {
    width: 100%;
  }
  .content-grid:is([class*="padding--"], [class*="section--"], [class*="header--"]) {
    padding-inline: 0;
  }
  :where(section:not(section section)):not(.content-grid--off, .pswp__scroll-wrap) {
    --full: minmax(var(--gutter), 1fr);
    padding-inline: 0;
    column-gap: 0 !important;
    display: grid !important;
    grid-template-columns: [full-start] var(--full) [feature-max-start] minmax(0, var(--feature-max-width, 100px)) [feature-start] minmax(0, var(--feature-width, 50px)) [content-start] min(var(--content-width), 100% - var(--gutter) * 2) [content-end] minmax(0, var(--feature-width, 50px)) [feature-end] minmax(0, var(--feature-max-width, 100px)) [feature-max-end] var(--full) [full-end];
  }
  :where(section:not(section section)):not(.content-grid--off, .pswp__scroll-wrap) > :not(.content--feature, .content--feature-max, .content--full, .content--full-safe) {
    width: 100%;
    max-width: 100%;
  }
  :where(section:not(section section)):not(.content-grid--off, .pswp__scroll-wrap) > :where(:not(.content--feature, .content--feature-max, .content--full, .content--full-safe)) {
    grid-column: content;
  }
  :where(section:not(section section)):where(.content-grid--off, .pswp__scroll-wrap) {
    padding-inline: var(--gutter);
  }
  :root, .color-scheme--main {
    --bg-ultra-light-text: var(--text-dark);
    --bg-light-text: var(--text-dark);
    --bg-dark-text: var(--text-light);
    --bg-ultra-dark-text: var(--text-light);
    --bg-ultra-light-heading: var(--text-dark);
    --bg-light-heading: var(--text-dark);
    --bg-dark-heading: var(--text-light);
    --bg-ultra-dark-heading: var(--text-light);
  }
  .color-scheme--alt {
    --bg-ultra-light-text: var(--text-dark);
    --bg-light-text: var(--text-dark);
    --bg-dark-text: var(--text-light);
    --bg-ultra-dark-text: var(--text-light);
    --bg-ultra-light-heading: var(--text-dark);
    --bg-light-heading: var(--text-dark);
    --bg-dark-heading: var(--text-light);
    --bg-ultra-dark-heading: var(--text-light);
    --bg-ultra-dark-text: var(--text-light);
  }
  :where(.bg--ultra-light) {
    --relative-text-color: var(--bg-ultra-light-text);
    color: var(--relative-text-color, inherit);
  }
  :where(.bg--light) {
    --relative-text-color: var(--bg-light-text);
    color: var(--relative-text-color, inherit);
  }
  :where(.bg--dark) {
    --relative-text-color: var(--bg-dark-text);
    color: var(--relative-text-color, inherit);
  }
  :where(.bg--ultra-dark) {
    --relative-text-color: var(--bg-ultra-dark-text);
    color: var(--relative-text-color, inherit);
  }
  .bg--ultra-light :where(h1, h2, h3, h4, h5, h6) {
    color: var(--relative-heading-color, inherit);
  }
  .bg--light :where(h1, h2, h3, h4, h5, h6) {
    color: var(--relative-heading-color, inherit);
  }
  .bg--dark :where(h1, h2, h3, h4, h5, h6) {
    color: var(--relative-heading-color, inherit);
  }
  .bg--ultra-dark :where(h1, h2, h3, h4, h5, h6) {
    color: var(--relative-heading-color, inherit);
  }
  .bg--ultra-light {
    --relative-heading-color: var(--bg-ultra-light-heading);
  }
  .bg--light {
    --relative-heading-color: var(--bg-light-heading);
  }
  .bg--dark {
    --relative-heading-color: var(--bg-dark-heading);
  }
  .bg--ultra-dark {
    --relative-heading-color: var(--bg-ultra-dark-heading);
  }
  .bg--ultra-light [class*="btn--"]:not(.unrelate) {
    --btn-background: var(--primary);
    --btn-background-hover: var(--primary-hover);
    --btn-text-color: var(--primary-ultra-light);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-color: var(--primary);
    --btn-border-color-hover: var(--primary-hover);
    --focus-color: var(--primary-light);
  }
  .bg--ultra-light [class*="btn--"]:not(.unrelate).btn--outline {
    --btn-background: transparent;
    --btn-background-hover: var(--primary-hover);
    --btn-text-color: var(--primary);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-width: 2px;
    --btn-border-color: var(--primary);
    --btn-border-color-hover: var(--primary-hover);
    --focus-color: var(--primary-light);
  }
  .bg--light [class*="btn--"]:not(.unrelate) {
    --btn-background: var(--primary);
    --btn-background-hover: var(--primary-hover);
    --btn-text-color: var(--primary-ultra-light);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-color: var(--primary);
    --btn-border-color-hover: var(--primary-hover);
    --focus-color: var(--primary-light);
  }
  .bg--light [class*="btn--"]:not(.unrelate).btn--outline {
    --btn-background: transparent;
    --btn-background-hover: var(--primary-hover);
    --btn-text-color: var(--primary);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-width: 2px;
    --btn-border-color: var(--primary);
    --btn-border-color-hover: var(--primary-hover);
    --focus-color: var(--primary-light);
  }
  .bg--dark [class*="btn--"]:not(.unrelate) {
    --btn-background: var(--primary);
    --btn-background-hover: var(--primary-hover);
    --btn-text-color: var(--primary-ultra-light);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-color: var(--primary);
    --btn-border-color-hover: var(--primary-hover);
    --focus-color: var(--primary-light);
  }
  .bg--dark [class*="btn--"]:not(.unrelate).btn--outline {
    --btn-background: transparent;
    --btn-background-hover: var(--primary-hover);
    --btn-text-color: var(--primary);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-width: 2px;
    --btn-border-color: var(--primary);
    --btn-border-color-hover: var(--primary-hover);
    --focus-color: var(--primary-light);
  }
  .bg--ultra-dark [class*="btn--"]:not(.unrelate) {
    --btn-background: var(--primary);
    --btn-background-hover: var(--primary-hover);
    --btn-text-color: var(--primary-ultra-light);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-color: var(--primary);
    --btn-border-color-hover: var(--primary-hover);
    --focus-color: var(--primary-light);
  }
  .bg--ultra-dark [class*="btn--"]:not(.unrelate).btn--outline {
    --btn-background: transparent;
    --btn-background-hover: var(--primary-hover);
    --btn-text-color: var(--primary);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-width: 2px;
    --btn-border-color: var(--primary);
    --btn-border-color-hover: var(--primary-hover);
    --focus-color: var(--primary-light);
  }
  /* Margin Classes */
  .margin-top--xs {
    margin-block-start: var(--space-xs);
  }
  .margin-top--s {
    margin-block-start: var(--space-s);
  }
  .margin-top--m {
    margin-block-start: var(--space-m);
  }
  .margin-top--l {
    margin-block-start: var(--space-l);
  }
  .margin-top--xl {
    margin-block-start: var(--space-xl);
  }
  .margin-top--xxl {
    margin-block-start: var(--space-xxl);
  }
  .margin-right--xs {
    margin-inline-end: var(--space-xs);
  }
  .margin-right--s {
    margin-inline-end: var(--space-s);
  }
  .margin-right--m {
    margin-inline-end: var(--space-m);
  }
  .margin-right--l {
    margin-inline-end: var(--space-l);
  }
  .margin-right--xl {
    margin-inline-end: var(--space-xl);
  }
  .margin-right--xxl {
    margin-inline-end: var(--space-xxl);
  }
  .margin-bottom--xs {
    margin-block-end: var(--space-xs);
  }
  .margin-bottom--s {
    margin-block-end: var(--space-s);
  }
  .margin-bottom--m {
    margin-block-end: var(--space-m);
  }
  .margin-bottom--l {
    margin-block-end: var(--space-l);
  }
  .margin-bottom--xl {
    margin-block-end: var(--space-xl);
  }
  .margin-bottom--xxl {
    margin-block-end: var(--space-xxl);
  }
  .margin-left--xs {
    margin-inline-start: var(--space-xs);
  }
  .margin-left--s {
    margin-inline-start: var(--space-s);
  }
  .margin-left--m {
    margin-inline-start: var(--space-m);
  }
  .margin-left--l {
    margin-inline-start: var(--space-l);
  }
  .margin-left--xl {
    margin-inline-start: var(--space-xl);
  }
  .margin-left--xxl {
    margin-inline-start: var(--space-xxl);
  }
  .margin-block--xs {
    margin-block: var(--space-xs);
  }
  .margin-block--s {
    margin-block: var(--space-s);
  }
  .margin-block--m {
    margin-block: var(--space-m);
  }
  .margin-block--l {
    margin-block: var(--space-l);
  }
  .margin-block--xl {
    margin-block: var(--space-xl);
  }
  .margin-block--xxl {
    margin-block: var(--space-xxl);
  }
  .margin-inline--xs {
    margin-inline: var(--space-xs);
  }
  .margin-inline--s {
    margin-inline: var(--space-s);
  }
  .margin-inline--m {
    margin-inline: var(--space-m);
  }
  .margin-inline--l {
    margin-inline: var(--space-l);
  }
  .margin-inline--xl {
    margin-inline: var(--space-xl);
  }
  .margin-inline--xxl {
    margin-inline: var(--space-xxl);
  }
  .margin--none {
    margin: 0;
  }
  @media (max-width: 1440px) {
    .margin-top--xs-2xl {
      margin-block-start: var(--space-xs);
    }
    .margin-top--s-2xl {
      margin-block-start: var(--space-s);
    }
    .margin-top--m-2xl {
      margin-block-start: var(--space-m);
    }
    .margin-top--l-2xl {
      margin-block-start: var(--space-l);
    }
    .margin-top--xl-2xl {
      margin-block-start: var(--space-xl);
    }
    .margin-top--xxl-2xl {
      margin-block-start: var(--space-xxl);
    }
    .margin-right--xs-2xl {
      margin-inline-end: var(--space-xs);
    }
    .margin-right--s-2xl {
      margin-inline-end: var(--space-s);
    }
    .margin-right--m-2xl {
      margin-inline-end: var(--space-m);
    }
    .margin-right--l-2xl {
      margin-inline-end: var(--space-l);
    }
    .margin-right--xl-2xl {
      margin-inline-end: var(--space-xl);
    }
    .margin-right--xxl-2xl {
      margin-inline-end: var(--space-xxl);
    }
    .margin-bottom--xs-2xl {
      margin-block-end: var(--space-xs);
    }
    .margin-bottom--s-2xl {
      margin-block-end: var(--space-s);
    }
    .margin-bottom--m-2xl {
      margin-block-end: var(--space-m);
    }
    .margin-bottom--l-2xl {
      margin-block-end: var(--space-l);
    }
    .margin-bottom--xl-2xl {
      margin-block-end: var(--space-xl);
    }
    .margin-bottom--xxl-2xl {
      margin-block-end: var(--space-xxl);
    }
    .margin-left--xs-2xl {
      margin-inline-start: var(--space-xs);
    }
    .margin-left--s-2xl {
      margin-inline-start: var(--space-s);
    }
    .margin-left--m-2xl {
      margin-inline-start: var(--space-m);
    }
    .margin-left--l-2xl {
      margin-inline-start: var(--space-l);
    }
    .margin-left--xl-2xl {
      margin-inline-start: var(--space-xl);
    }
    .margin-left--xxl-2xl {
      margin-inline-start: var(--space-xxl);
    }
    .margin-block--xs-2xl {
      margin-block: var(--space-xs);
    }
    .margin-block--s-2xl {
      margin-block: var(--space-s);
    }
    .margin-block--m-2xl {
      margin-block: var(--space-m);
    }
    .margin-block--l-2xl {
      margin-block: var(--space-l);
    }
    .margin-block--xl-2xl {
      margin-block: var(--space-xl);
    }
    .margin-block--xxl-2xl {
      margin-block: var(--space-xxl);
    }
    .margin-inline--xs-2xl {
      margin-inline: var(--space-xs);
    }
    .margin-inline--s-2xl {
      margin-inline: var(--space-s);
    }
    .margin-inline--m-2xl {
      margin-inline: var(--space-m);
    }
    .margin-inline--l-2xl {
      margin-inline: var(--space-l);
    }
    .margin-inline--xl-2xl {
      margin-inline: var(--space-xl);
    }
    .margin-inline--xxl-2xl {
      margin-inline: var(--space-xxl);
    }
    .margin--2xl-none {
      margin: 0;
    }
  }
  @media (max-width: 1440px) {
    .margin-top--xs-xl {
      margin-block-start: var(--space-xs);
    }
    .margin-top--s-xl {
      margin-block-start: var(--space-s);
    }
    .margin-top--m-xl {
      margin-block-start: var(--space-m);
    }
    .margin-top--l-xl {
      margin-block-start: var(--space-l);
    }
    .margin-top--xl-xl {
      margin-block-start: var(--space-xl);
    }
    .margin-top--xxl-xl {
      margin-block-start: var(--space-xxl);
    }
    .margin-right--xs-xl {
      margin-inline-end: var(--space-xs);
    }
    .margin-right--s-xl {
      margin-inline-end: var(--space-s);
    }
    .margin-right--m-xl {
      margin-inline-end: var(--space-m);
    }
    .margin-right--l-xl {
      margin-inline-end: var(--space-l);
    }
    .margin-right--xl-xl {
      margin-inline-end: var(--space-xl);
    }
    .margin-right--xxl-xl {
      margin-inline-end: var(--space-xxl);
    }
    .margin-bottom--xs-xl {
      margin-block-end: var(--space-xs);
    }
    .margin-bottom--s-xl {
      margin-block-end: var(--space-s);
    }
    .margin-bottom--m-xl {
      margin-block-end: var(--space-m);
    }
    .margin-bottom--l-xl {
      margin-block-end: var(--space-l);
    }
    .margin-bottom--xl-xl {
      margin-block-end: var(--space-xl);
    }
    .margin-bottom--xxl-xl {
      margin-block-end: var(--space-xxl);
    }
    .margin-left--xs-xl {
      margin-inline-start: var(--space-xs);
    }
    .margin-left--s-xl {
      margin-inline-start: var(--space-s);
    }
    .margin-left--m-xl {
      margin-inline-start: var(--space-m);
    }
    .margin-left--l-xl {
      margin-inline-start: var(--space-l);
    }
    .margin-left--xl-xl {
      margin-inline-start: var(--space-xl);
    }
    .margin-left--xxl-xl {
      margin-inline-start: var(--space-xxl);
    }
    .margin-block--xs-xl {
      margin-block: var(--space-xs);
    }
    .margin-block--s-xl {
      margin-block: var(--space-s);
    }
    .margin-block--m-xl {
      margin-block: var(--space-m);
    }
    .margin-block--l-xl {
      margin-block: var(--space-l);
    }
    .margin-block--xl-xl {
      margin-block: var(--space-xl);
    }
    .margin-block--xxl-xl {
      margin-block: var(--space-xxl);
    }
    .margin-inline--xs-xl {
      margin-inline: var(--space-xs);
    }
    .margin-inline--s-xl {
      margin-inline: var(--space-s);
    }
    .margin-inline--m-xl {
      margin-inline: var(--space-m);
    }
    .margin-inline--l-xl {
      margin-inline: var(--space-l);
    }
    .margin-inline--xl-xl {
      margin-inline: var(--space-xl);
    }
    .margin-inline--xxl-xl {
      margin-inline: var(--space-xxl);
    }
    .margin--xl-none {
      margin: 0;
    }
  }
  @media (max-width: 1024px) {
    .margin-top--xs-lg {
      margin-block-start: var(--space-xs);
    }
    .margin-top--s-lg {
      margin-block-start: var(--space-s);
    }
    .margin-top--m-lg {
      margin-block-start: var(--space-m);
    }
    .margin-top--l-lg {
      margin-block-start: var(--space-l);
    }
    .margin-top--xl-lg {
      margin-block-start: var(--space-xl);
    }
    .margin-top--xxl-lg {
      margin-block-start: var(--space-xxl);
    }
    .margin-right--xs-lg {
      margin-inline-end: var(--space-xs);
    }
    .margin-right--s-lg {
      margin-inline-end: var(--space-s);
    }
    .margin-right--m-lg {
      margin-inline-end: var(--space-m);
    }
    .margin-right--l-lg {
      margin-inline-end: var(--space-l);
    }
    .margin-right--xl-lg {
      margin-inline-end: var(--space-xl);
    }
    .margin-right--xxl-lg {
      margin-inline-end: var(--space-xxl);
    }
    .margin-bottom--xs-lg {
      margin-block-end: var(--space-xs);
    }
    .margin-bottom--s-lg {
      margin-block-end: var(--space-s);
    }
    .margin-bottom--m-lg {
      margin-block-end: var(--space-m);
    }
    .margin-bottom--l-lg {
      margin-block-end: var(--space-l);
    }
    .margin-bottom--xl-lg {
      margin-block-end: var(--space-xl);
    }
    .margin-bottom--xxl-lg {
      margin-block-end: var(--space-xxl);
    }
    .margin-left--xs-lg {
      margin-inline-start: var(--space-xs);
    }
    .margin-left--s-lg {
      margin-inline-start: var(--space-s);
    }
    .margin-left--m-lg {
      margin-inline-start: var(--space-m);
    }
    .margin-left--l-lg {
      margin-inline-start: var(--space-l);
    }
    .margin-left--xl-lg {
      margin-inline-start: var(--space-xl);
    }
    .margin-left--xxl-lg {
      margin-inline-start: var(--space-xxl);
    }
    .margin-block--xs-lg {
      margin-block: var(--space-xs);
    }
    .margin-block--s-lg {
      margin-block: var(--space-s);
    }
    .margin-block--m-lg {
      margin-block: var(--space-m);
    }
    .margin-block--l-lg {
      margin-block: var(--space-l);
    }
    .margin-block--xl-lg {
      margin-block: var(--space-xl);
    }
    .margin-block--xxl-lg {
      margin-block: var(--space-xxl);
    }
    .margin-inline--xs-lg {
      margin-inline: var(--space-xs);
    }
    .margin-inline--s-lg {
      margin-inline: var(--space-s);
    }
    .margin-inline--m-lg {
      margin-inline: var(--space-m);
    }
    .margin-inline--l-lg {
      margin-inline: var(--space-l);
    }
    .margin-inline--xl-lg {
      margin-inline: var(--space-xl);
    }
    .margin-inline--xxl-lg {
      margin-inline: var(--space-xxl);
    }
    .margin--lg-none {
      margin: 0;
    }
  }
  @media (max-width: 768px) {
    .margin-top--xs-md {
      margin-block-start: var(--space-xs);
    }
    .margin-top--s-md {
      margin-block-start: var(--space-s);
    }
    .margin-top--m-md {
      margin-block-start: var(--space-m);
    }
    .margin-top--l-md {
      margin-block-start: var(--space-l);
    }
    .margin-top--xl-md {
      margin-block-start: var(--space-xl);
    }
    .margin-top--xxl-md {
      margin-block-start: var(--space-xxl);
    }
    .margin-right--xs-md {
      margin-inline-end: var(--space-xs);
    }
    .margin-right--s-md {
      margin-inline-end: var(--space-s);
    }
    .margin-right--m-md {
      margin-inline-end: var(--space-m);
    }
    .margin-right--l-md {
      margin-inline-end: var(--space-l);
    }
    .margin-right--xl-md {
      margin-inline-end: var(--space-xl);
    }
    .margin-right--xxl-md {
      margin-inline-end: var(--space-xxl);
    }
    .margin-bottom--xs-md {
      margin-block-end: var(--space-xs);
    }
    .margin-bottom--s-md {
      margin-block-end: var(--space-s);
    }
    .margin-bottom--m-md {
      margin-block-end: var(--space-m);
    }
    .margin-bottom--l-md {
      margin-block-end: var(--space-l);
    }
    .margin-bottom--xl-md {
      margin-block-end: var(--space-xl);
    }
    .margin-bottom--xxl-md {
      margin-block-end: var(--space-xxl);
    }
    .margin-left--xs-md {
      margin-inline-start: var(--space-xs);
    }
    .margin-left--s-md {
      margin-inline-start: var(--space-s);
    }
    .margin-left--m-md {
      margin-inline-start: var(--space-m);
    }
    .margin-left--l-md {
      margin-inline-start: var(--space-l);
    }
    .margin-left--xl-md {
      margin-inline-start: var(--space-xl);
    }
    .margin-left--xxl-md {
      margin-inline-start: var(--space-xxl);
    }
    .margin-block--xs-md {
      margin-block: var(--space-xs);
    }
    .margin-block--s-md {
      margin-block: var(--space-s);
    }
    .margin-block--m-md {
      margin-block: var(--space-m);
    }
    .margin-block--l-md {
      margin-block: var(--space-l);
    }
    .margin-block--xl-md {
      margin-block: var(--space-xl);
    }
    .margin-block--xxl-md {
      margin-block: var(--space-xxl);
    }
    .margin-inline--xs-md {
      margin-inline: var(--space-xs);
    }
    .margin-inline--s-md {
      margin-inline: var(--space-s);
    }
    .margin-inline--m-md {
      margin-inline: var(--space-m);
    }
    .margin-inline--l-md {
      margin-inline: var(--space-l);
    }
    .margin-inline--xl-md {
      margin-inline: var(--space-xl);
    }
    .margin-inline--xxl-md {
      margin-inline: var(--space-xxl);
    }
    .margin--md-none {
      margin: 0;
    }
  }
  @media (max-width: 480px) {
    .margin-top--xs-sm {
      margin-block-start: var(--space-xs);
    }
    .margin-top--s-sm {
      margin-block-start: var(--space-s);
    }
    .margin-top--m-sm {
      margin-block-start: var(--space-m);
    }
    .margin-top--l-sm {
      margin-block-start: var(--space-l);
    }
    .margin-top--xl-sm {
      margin-block-start: var(--space-xl);
    }
    .margin-top--xxl-sm {
      margin-block-start: var(--space-xxl);
    }
    .margin-right--xs-sm {
      margin-inline-end: var(--space-xs);
    }
    .margin-right--s-sm {
      margin-inline-end: var(--space-s);
    }
    .margin-right--m-sm {
      margin-inline-end: var(--space-m);
    }
    .margin-right--l-sm {
      margin-inline-end: var(--space-l);
    }
    .margin-right--xl-sm {
      margin-inline-end: var(--space-xl);
    }
    .margin-right--xxl-sm {
      margin-inline-end: var(--space-xxl);
    }
    .margin-bottom--xs-sm {
      margin-block-end: var(--space-xs);
    }
    .margin-bottom--s-sm {
      margin-block-end: var(--space-s);
    }
    .margin-bottom--m-sm {
      margin-block-end: var(--space-m);
    }
    .margin-bottom--l-sm {
      margin-block-end: var(--space-l);
    }
    .margin-bottom--xl-sm {
      margin-block-end: var(--space-xl);
    }
    .margin-bottom--xxl-sm {
      margin-block-end: var(--space-xxl);
    }
    .margin-left--xs-sm {
      margin-inline-start: var(--space-xs);
    }
    .margin-left--s-sm {
      margin-inline-start: var(--space-s);
    }
    .margin-left--m-sm {
      margin-inline-start: var(--space-m);
    }
    .margin-left--l-sm {
      margin-inline-start: var(--space-l);
    }
    .margin-left--xl-sm {
      margin-inline-start: var(--space-xl);
    }
    .margin-left--xxl-sm {
      margin-inline-start: var(--space-xxl);
    }
    .margin-block--xs-sm {
      margin-block: var(--space-xs);
    }
    .margin-block--s-sm {
      margin-block: var(--space-s);
    }
    .margin-block--m-sm {
      margin-block: var(--space-m);
    }
    .margin-block--l-sm {
      margin-block: var(--space-l);
    }
    .margin-block--xl-sm {
      margin-block: var(--space-xl);
    }
    .margin-block--xxl-sm {
      margin-block: var(--space-xxl);
    }
    .margin-inline--xs-sm {
      margin-inline: var(--space-xs);
    }
    .margin-inline--s-sm {
      margin-inline: var(--space-s);
    }
    .margin-inline--m-sm {
      margin-inline: var(--space-m);
    }
    .margin-inline--l-sm {
      margin-inline: var(--space-l);
    }
    .margin-inline--xl-sm {
      margin-inline: var(--space-xl);
    }
    .margin-inline--xxl-sm {
      margin-inline: var(--space-xxl);
    }
    .margin--sm-none {
      margin: 0;
    }
  }
  /* Feat: Padding Classes */
  .padding--xs {
    padding: var(--space-xs);
  }
  .padding--s {
    padding: var(--space-s);
  }
  .padding--m {
    padding: var(--space-m);
  }
  .padding--l {
    padding: var(--space-l);
  }
  .padding--xl {
    padding: var(--space-xl);
  }
  .padding--xxl {
    padding: var(--space-xxl);
  }
  .padding--none {
    padding: 0;
  }
  @media (max-width: 1440px) {
    .padding--2xl-xs {
      padding: var(--space-xs);
    }
    .padding--2xl-s {
      padding: var(--space-s);
    }
    .padding--2xl-m {
      padding: var(--space-m);
    }
    .padding--2xl-l {
      padding: var(--space-l);
    }
    .padding--2xl-xl {
      padding: var(--space-xl);
    }
    .padding--2xl-xxl {
      padding: var(--space-xxl);
    }
    .padding--2xl-none {
      padding: 0;
    }
  }
  @media (max-width: 1440px) {
    .padding--xl-xs {
      padding: var(--space-xs);
    }
    .padding--xl-s {
      padding: var(--space-s);
    }
    .padding--xl-m {
      padding: var(--space-m);
    }
    .padding--xl-l {
      padding: var(--space-l);
    }
    .padding--xl-xl {
      padding: var(--space-xl);
    }
    .padding--xl-xxl {
      padding: var(--space-xxl);
    }
    .padding--xl-none {
      padding: 0;
    }
  }
  @media (max-width: 1024px) {
    .padding--lg-xs {
      padding: var(--space-xs);
    }
    .padding--lg-s {
      padding: var(--space-s);
    }
    .padding--lg-m {
      padding: var(--space-m);
    }
    .padding--lg-l {
      padding: var(--space-l);
    }
    .padding--lg-xl {
      padding: var(--space-xl);
    }
    .padding--lg-xxl {
      padding: var(--space-xxl);
    }
    .padding--lg-none {
      padding: 0;
    }
  }
  @media (max-width: 768px) {
    .padding--md-xs {
      padding: var(--space-xs);
    }
    .padding--md-s {
      padding: var(--space-s);
    }
    .padding--md-m {
      padding: var(--space-m);
    }
    .padding--md-l {
      padding: var(--space-l);
    }
    .padding--md-xl {
      padding: var(--space-xl);
    }
    .padding--md-xxl {
      padding: var(--space-xxl);
    }
    .padding--md-none {
      padding: 0;
    }
  }
  @media (max-width: 480px) {
    .padding--sm-xs {
      padding: var(--space-xs);
    }
    .padding--sm-s {
      padding: var(--space-s);
    }
    .padding--sm-m {
      padding: var(--space-m);
    }
    .padding--sm-l {
      padding: var(--space-l);
    }
    .padding--sm-xl {
      padding: var(--space-xl);
    }
    .padding--sm-xxl {
      padding: var(--space-xxl);
    }
    .padding--sm-none {
      padding: 0;
    }
  }
  /* Feat: Section Padding */
  .section--xs {
    padding-block: var(--section-space-xs);
    padding-inline: var(--gutter);
  }
  .section--s {
    padding-block: var(--section-space-s);
    padding-inline: var(--gutter);
  }
  .section--m {
    padding-block: var(--section-space-m);
    padding-inline: var(--gutter);
  }
  .section--l {
    padding-block: var(--section-space-l);
    padding-inline: var(--gutter);
  }
  .section--xl {
    padding-block: var(--section-space-xl);
    padding-inline: var(--gutter);
  }
  .section--xxl {
    padding-block: var(--section-space-xxl);
    padding-inline: var(--gutter);
  }
  .section--none {
    padding-block: 0;
    padding-inline: var(--gutter);
  }
  @media (max-width: 1440px) {
    .section--2xl-xs {
      padding-block: var(--section-space-xs);
      padding-inline: var(--gutter);
    }
    .section--2xl-s {
      padding-block: var(--section-space-s);
      padding-inline: var(--gutter);
    }
    .section--2xl-m {
      padding-block: var(--section-space-m);
      padding-inline: var(--gutter);
    }
    .section--2xl-l {
      padding-block: var(--section-space-l);
      padding-inline: var(--gutter);
    }
    .section--2xl-xl {
      padding-block: var(--section-space-xl);
      padding-inline: var(--gutter);
    }
    .section--2xl-xxl {
      padding-block: var(--section-space-xxl);
      padding-inline: var(--gutter);
    }
    .section--2xl-none {
      padding-inline: 0 var(--gutter);
    }
  }
  @media (max-width: 1440px) {
    .section--xl-xs {
      padding-block: var(--section-space-xs);
      padding-inline: var(--gutter);
    }
    .section--xl-s {
      padding-block: var(--section-space-s);
      padding-inline: var(--gutter);
    }
    .section--xl-m {
      padding-block: var(--section-space-m);
      padding-inline: var(--gutter);
    }
    .section--xl-l {
      padding-block: var(--section-space-l);
      padding-inline: var(--gutter);
    }
    .section--xl-xl {
      padding-block: var(--section-space-xl);
      padding-inline: var(--gutter);
    }
    .section--xl-xxl {
      padding-block: var(--section-space-xxl);
      padding-inline: var(--gutter);
    }
    .section--xl-none {
      padding-inline: 0 var(--gutter);
    }
  }
  @media (max-width: 1024px) {
    .section--lg-xs {
      padding-block: var(--section-space-xs);
      padding-inline: var(--gutter);
    }
    .section--lg-s {
      padding-block: var(--section-space-s);
      padding-inline: var(--gutter);
    }
    .section--lg-m {
      padding-block: var(--section-space-m);
      padding-inline: var(--gutter);
    }
    .section--lg-l {
      padding-block: var(--section-space-l);
      padding-inline: var(--gutter);
    }
    .section--lg-xl {
      padding-block: var(--section-space-xl);
      padding-inline: var(--gutter);
    }
    .section--lg-xxl {
      padding-block: var(--section-space-xxl);
      padding-inline: var(--gutter);
    }
    .section--lg-none {
      padding-inline: 0 var(--gutter);
    }
  }
  @media (max-width: 768px) {
    .section--md-xs {
      padding-block: var(--section-space-xs);
      padding-inline: var(--gutter);
    }
    .section--md-s {
      padding-block: var(--section-space-s);
      padding-inline: var(--gutter);
    }
    .section--md-m {
      padding-block: var(--section-space-m);
      padding-inline: var(--gutter);
    }
    .section--md-l {
      padding-block: var(--section-space-l);
      padding-inline: var(--gutter);
    }
    .section--md-xl {
      padding-block: var(--section-space-xl);
      padding-inline: var(--gutter);
    }
    .section--md-xxl {
      padding-block: var(--section-space-xxl);
      padding-inline: var(--gutter);
    }
    .section--md-none {
      padding-inline: 0 var(--gutter);
    }
  }
  @media (max-width: 480px) {
    .section--sm-xs {
      padding-block: var(--section-space-xs);
      padding-inline: var(--gutter);
    }
    .section--sm-s {
      padding-block: var(--section-space-s);
      padding-inline: var(--gutter);
    }
    .section--sm-m {
      padding-block: var(--section-space-m);
      padding-inline: var(--gutter);
    }
    .section--sm-l {
      padding-block: var(--section-space-l);
      padding-inline: var(--gutter);
    }
    .section--sm-xl {
      padding-block: var(--section-space-xl);
      padding-inline: var(--gutter);
    }
    .section--sm-xxl {
      padding-block: var(--section-space-xxl);
      padding-inline: var(--gutter);
    }
    .section--sm-none {
      padding-inline: 0 var(--gutter);
    }
  }
  .header--xs {
    padding-block: var(--space-xs);
    padding-inline: var(--gutter);
  }
  .header--s {
    padding-block: var(--space-s);
    padding-inline: var(--gutter);
  }
  .header--m {
    padding-block: var(--space-m);
    padding-inline: var(--gutter);
  }
  .header--l {
    padding-block: var(--space-l);
    padding-inline: var(--gutter);
  }
  .header--xl {
    padding-block: var(--space-xl);
    padding-inline: var(--gutter);
  }
  .header--xxl {
    padding-block: var(--space-xxl);
    padding-inline: var(--gutter);
  }
  /* Feat: Overlays */
  [class*="overlay--"], .overlay {
    position: relative;
    z-index: 0;
  }
  [class*="overlay--"]::before, .overlay::before {
    content: "";
    background: var(--overlay-color, rgba(0, 0, 0, 0.7));
    position: absolute;
    inset: 0;
    z-index: -1;
  }
  .text--primary, .text--primary :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--primary);
  }
  .text--primary-hover, .text--primary-hover :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--primary-hover);
  }
  .text--primary-ultra-light, .text--primary-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--primary-ultra-light);
  }
  .text--primary-light, .text--primary-light :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--primary-light);
  }
  .text--primary-semi-light, .text--primary-semi-light :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--primary-semi-light);
  }
  .text--primary-semi-dark, .text--primary-semi-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--primary-semi-dark);
  }
  .text--primary-dark, .text--primary-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--primary-dark);
  }
  .text--primary-ultra-dark, .text--primary-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--primary-ultra-dark);
  }
  .text--base, .text--base :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--base);
  }
  .text--base-hover, .text--base-hover :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--base-hover);
  }
  .text--base-ultra-light, .text--base-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--base-ultra-light);
  }
  .text--base-light, .text--base-light :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--base-light);
  }
  .text--base-semi-light, .text--base-semi-light :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--base-semi-light);
  }
  .text--base-semi-dark, .text--base-semi-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--base-semi-dark);
  }
  .text--base-dark, .text--base-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--base-dark);
  }
  .text--base-ultra-dark, .text--base-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--base-ultra-dark);
  }
  .text--neutral, .text--neutral :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--neutral);
  }
  .text--neutral-hover, .text--neutral-hover :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--neutral-hover);
  }
  .text--neutral-ultra-light, .text--neutral-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--neutral-ultra-light);
  }
  .text--neutral-light, .text--neutral-light :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--neutral-light);
  }
  .text--neutral-semi-light, .text--neutral-semi-light :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--neutral-semi-light);
  }
  .text--neutral-semi-dark, .text--neutral-semi-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--neutral-semi-dark);
  }
  .text--neutral-dark, .text--neutral-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--neutral-dark);
  }
  .text--neutral-ultra-dark, .text--neutral-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--neutral-ultra-dark);
  }
  .text--white, .text--white :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--white);
  }
  .text--black, .text--black :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--black);
  }
  :is(.text--xxl, .text--xl, .text--l, .text--m, .text--s, .text--xs) {
    line-height: var(--text-line-height);
    text-wrap: var(--text-text-wrap);
  }
  .text--xxl {
    font-size: var(--text-xxl);
  }
  .text--xxl:is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) {
    max-width: var(--text-xxl-max-width);
  }
  .text--xl {
    font-size: var(--text-xl);
  }
  .text--xl:is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) {
    max-width: var(--text-xl-max-width);
  }
  .text--l {
    font-size: var(--text-l);
  }
  .text--l:is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) {
    max-width: var(--text-l-max-width);
  }
  .text--m {
    font-size: var(--text-m);
    line-height: var(--text-m-line-height);
  }
  .text--m:is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) {
    max-width: var(--text-m-max-width);
  }
  .text--s {
    font-size: var(--text-s);
  }
  .text--s:is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) {
    max-width: var(--text-s-max-width);
  }
  .text--xs {
    font-size: var(--text-xs);
  }
  .text--xs:is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) {
    max-width: var(--text-xs-max-width);
  }
  .h1 {
    font-size: var(--h1);
    max-width: var(--h1-max-width);
  }
  .h2 {
    font-size: var(--h2);
  }
  .h3 {
    font-size: var(--h3);
  }
  .h4 {
    font-size: var(--h4);
    line-height: var(--h4-line-height);
  }
  .h5 {
    font-size: var(--h5);
  }
  .h6 {
    font-size: var(--h6);
  }
  .text--100 {
    font-weight: 100;
  }
  .text--200 {
    font-weight: 200;
  }
  .text--300 {
    font-weight: 300;
  }
  .text--400 {
    font-weight: 400;
  }
  .text--500 {
    font-weight: 500;
  }
  .text--600 {
    font-weight: 600;
  }
  .text--700 {
    font-weight: 700;
  }
  .text--800 {
    font-weight: 800;
  }
  .text--900 {
    font-weight: 900;
  }
  .text--bold {
    font-weight: bold;
  }
  .text--italic {
    font-style: italic;
  }
  .text--oblique {
    font-style: oblique;
  }
  .text--decoration-none {
    -webkit-text-decoration: none;
    text-decoration: none;
  }
  .text--underline {
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }
  .text--underline-wavy {
    -webkit-text-decoration: underline wavy;
    text-decoration: underline wavy;
  }
  .text--underline-dotted {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  .text--underline-double {
    -webkit-text-decoration: underline double;
    text-decoration: underline double;
  }
  .text--underline-dashed {
    -webkit-text-decoration: underline dashed;
    text-decoration: underline dashed;
  }
  .text--overline {
    -webkit-text-decoration: overline;
    text-decoration: overline;
  }
  .text--line-through {
    -webkit-text-decoration: line-through;
    text-decoration: line-through;
  }
  .text--transform-none {
    text-transform: none;
  }
  .text--uppercase {
    text-transform: uppercase;
  }
  .text--lowercase {
    text-transform: lowercase;
  }
  .text--capitalize {
    text-transform: capitalize;
  }
  .text--left {
    text-align: left;
  }
  .text--center {
    text-align: center;
  }
  .text--right {
    text-align: right;
  }
  .text--justify {
    text-align: justify;
  }
  body blockquote {
    text-wrap: pretty;
  }
  .balance, .text--balance {
    text-wrap: balance;
  }
  .balance p, .balance li, .balance blockquote, .balance h1, .balance h2, .balance h3, .balance h4, .balance h5, .balance h6, .text--balance p, .text--balance li, .text--balance blockquote, .text--balance h1, .text--balance h2, .text--balance h3, .text--balance h4, .text--balance h5, .text--balance h6 {
    text-wrap: balance;
  }
  .text--pretty {
    text-wrap: pretty;
  }
  .text--pretty p, .text--pretty li, .text--pretty blockquote, .text--pretty h1, .text--pretty h2, .text--pretty h3, .text--pretty h4, .text--pretty h5, .text--pretty h6 {
    text-wrap: pretty;
  }
  .unbalance {
    text-wrap: wrap;
  }
  .unbalance p, .unbalance li, .unbalance blockquote, .unbalance h1, .unbalance h2, .unbalance h3, .unbalance h4, .unbalance h5, .unbalance h6 {
    text-wrap: wrap;
  }
  /* Feat: Line Clamps */
  [class*="line-clamp--"] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--line-count);
  }
  .line-clamp--1 {
    --line-count: 1;
  }
  .line-clamp--2 {
    --line-count: 2;
  }
  .line-clamp--3 {
    --line-count: 3;
  }
  .line-clamp--4 {
    --line-count: 4;
  }
  .line-clamp--5 {
    --line-count: 5;
  }
  /* Feat: Opacity */
  .opacity--0 {
    opacity: 0;
  }
  .opacity--5 {
    opacity: 0.05;
  }
  .opacity--10 {
    opacity: 0.1;
  }
  .opacity--15 {
    opacity: 0.15;
  }
  .opacity--20 {
    opacity: 0.2;
  }
  .opacity--25 {
    opacity: 0.25;
  }
  .opacity--30 {
    opacity: 0.3;
  }
  .opacity--35 {
    opacity: 0.35;
  }
  .opacity--40 {
    opacity: 0.4;
  }
  .opacity--45 {
    opacity: 0.45;
  }
  .opacity--50 {
    opacity: 0.5;
  }
  .opacity--55 {
    opacity: 0.55;
  }
  .opacity--60 {
    opacity: 0.6;
  }
  .opacity--65 {
    opacity: 0.65;
  }
  .opacity--70 {
    opacity: 0.7;
  }
  .opacity--75 {
    opacity: 0.75;
  }
  .opacity--80 {
    opacity: 0.8;
  }
  .opacity--85 {
    opacity: 0.85;
  }
  .opacity--90 {
    opacity: 0.9;
  }
  .opacity--95 {
    opacity: 0.95;
  }
  .opacity--100 {
    opacity: 1;
  }
  /* Feat: Box Shadows */
  .box-shadow--md {
    box-shadow: var(--box-shadow-1);
  }
  .box-shadow--lg {
    box-shadow: var(--box-shadow-2);
  }
  .box-shadow--xl {
    box-shadow: var(--box-shadow-3);
  }
  .relative {
    position: relative;
  }
  /* Feat: Position & Sticky */
  .sticky {
    position: -webkit-sticky;
    position: sticky;
    inset-block-start: var(--sticky-offset, 0);
  }
  /* Feat: Centering */
  [class*="center--"]:where(:not([class*="self"])) {
    display: flex;
    flex-direction: column;
    align-items: var(--align-items, initial);
    justify-content: var(--justify-content, initial);
    text-align: var(--text-align, inherit);
  }
  .center--all {
    --align-items: center;
    --justify-content: center;
    --text-align: center;
  }
  .center--left {
    --align-items: flex-start;
    --justify-content: center;
    --text-align: left;
  }
  .center--right {
    --align-items: flex-end;
    --justify-content: center;
    --text-align: right;
  }
  .center--top {
    --align-items: center;
    --justify-content: flex-start;
  }
  .center--bottom {
    --align-items: center;
    --justify-content: flex-end;
  }
  @media (max-width: 1440px) {
    .center--all-2xl {
      --align-items: center;
      --justify-content: center;
      --text-align: center;
    }
    .center--left-2xl {
      --align-items: flex-start;
      --justify-content: center;
      --text-align: left;
    }
    .center--right-2xl {
      --align-items: flex-end;
      --justify-content: center;
      --text-align: right;
    }
    .center--top-2xl {
      --align-items: center;
      --justify-content: flex-start;
    }
    .center--bottom-2xl {
      --align-items: center;
      --justify-content: flex-end;
    }
  }
  @media (max-width: 1440px) {
    .center--all-xl {
      --align-items: center;
      --justify-content: center;
      --text-align: center;
    }
    .center--left-xl {
      --align-items: flex-start;
      --justify-content: center;
      --text-align: left;
    }
    .center--right-xl {
      --align-items: flex-end;
      --justify-content: center;
      --text-align: right;
    }
    .center--top-xl {
      --align-items: center;
      --justify-content: flex-start;
    }
    .center--bottom-xl {
      --align-items: center;
      --justify-content: flex-end;
    }
  }
  @media (max-width: 1024px) {
    .center--all-lg {
      --align-items: center;
      --justify-content: center;
      --text-align: center;
    }
    .center--left-lg {
      --align-items: flex-start;
      --justify-content: center;
      --text-align: left;
    }
    .center--right-lg {
      --align-items: flex-end;
      --justify-content: center;
      --text-align: right;
    }
    .center--top-lg {
      --align-items: center;
      --justify-content: flex-start;
    }
    .center--bottom-lg {
      --align-items: center;
      --justify-content: flex-end;
    }
  }
  @media (max-width: 768px) {
    .center--all-md {
      --align-items: center;
      --justify-content: center;
      --text-align: center;
    }
    .center--left-md {
      --align-items: flex-start;
      --justify-content: center;
      --text-align: left;
    }
    .center--right-md {
      --align-items: flex-end;
      --justify-content: center;
      --text-align: right;
    }
    .center--top-md {
      --align-items: center;
      --justify-content: flex-start;
    }
    .center--bottom-md {
      --align-items: center;
      --justify-content: flex-end;
    }
  }
  @media (max-width: 480px) {
    .center--all-sm {
      --align-items: center;
      --justify-content: center;
      --text-align: center;
    }
    .center--left-sm {
      --align-items: flex-start;
      --justify-content: center;
      --text-align: left;
    }
    .center--right-sm {
      --align-items: flex-end;
      --justify-content: center;
      --text-align: right;
    }
    .center--top-sm {
      --align-items: center;
      --justify-content: flex-start;
    }
    .center--bottom-sm {
      --align-items: center;
      --justify-content: flex-end;
    }
  }
  .center--self {
    margin-left: auto;
    margin-right: auto;
  }
  /* Feat: Flip */
  .flip--x, .flip--x > div {
    transform: scaleX(-1);
  }
  .flip--y, .flip--y > div {
    transform: scaleY(-1);
  }
  .flip--xy, .flip--xy > div {
    transform: scale(-1, -1);
  }
  .flip--both, .flip--both > div {
    transform: scale(-1, -1);
  }
  /* Feat: Object Fit */
  img.object-fit--cover, .object-fit--cover img {
    --object-fit: cover;
    object-fit: cover;
  }
  img.object-fit--contain, .object-fit--contain img {
    --object-fit: contain;
    object-fit: contain;
  }
  [class*="object-fit--"], [class*="object-fit--"] img {
    -o-object-position: var(--object-position, 50% 50%);
    object-position: var(--object-position, 50% 50%);
  }
  .object-fit--top-left {
    --object-position: 10% 10%;
  }
  .object-fit--top-center {
    --object-position: 50% 10%;
  }
  .object-fit--top-right {
    --object-position: 90% 10%;
  }
  .object-fit--center-left {
    --object-position: 10% 50%;
  }
  .object-fit--center-right {
    --object-position: 90% 50%;
  }
  .object-fit--bottom-left {
    --object-position: 10% 90%;
  }
  .object-fit--bottom-center {
    --object-position: 50% 90%;
  }
  .object-fit--bottom-right {
    --object-position: 90% 90%;
  }
  /* Feat: Auto Object Fit */
  img {
    object-fit: var(--object-fit, cover);
    object-position: var(--object-position, 50% 50%);
  }
  /* Feat: Height */
  [class*="height--"] {
    block-size: var(--height, initial);
    min-block-size: var(--min-height, initial);
    max-block-size: var(--max-height, initial);
  }
  .height--10 {
    --height: 10vh;
  }
  .height--20 {
    --height: 20vh;
  }
  .height--30 {
    --height: 30vh;
  }
  .height--40 {
    --height: 40vh;
  }
  .height--50 {
    --height: 50vh;
  }
  .height--60 {
    --height: 60vh;
  }
  .height--70 {
    --height: 70vh;
  }
  .height--80 {
    --height: 80vh;
  }
  .height--90 {
    --height: 90vh;
  }
  .height--100 {
    --height: 100vh;
  }
  .min-height--10 {
    --min-height: 10vh;
  }
  .min-height--20 {
    --min-height: 20vh;
  }
  .min-height--30 {
    --min-height: 30vh;
  }
  .min-height--40 {
    --min-height: 40vh;
  }
  .min-height--50 {
    --min-height: 50vh;
  }
  .min-height--60 {
    --min-height: 60vh;
  }
  .min-height--70 {
    --min-height: 70vh;
  }
  .min-height--80 {
    --min-height: 80vh;
  }
  .min-height--90 {
    --min-height: 90vh;
  }
  .min-height--100 {
    --min-height: 100vh;
  }
  .max-height--10 {
    --max-height: 10vh;
  }
  .max-height--20 {
    --max-height: 20vh;
  }
  .max-height--30 {
    --max-height: 30vh;
  }
  .max-height--40 {
    --max-height: 40vh;
  }
  .max-height--50 {
    --max-height: 50vh;
  }
  .max-height--60 {
    --max-height: 60vh;
  }
  .max-height--70 {
    --max-height: 70vh;
  }
  .max-height--80 {
    --max-height: 80vh;
  }
  .max-height--90 {
    --max-height: 90vh;
  }
  .max-height--100 {
    --max-height: 100vh;
  }
  /* Feat: Columns */
  :is([class*="col-count--"], [class*="col-width--"]) {
    display: block !important;
  }
  .col-count--1 {
    -moz-column-count: 1;
    column-count: 1;
  }
  .col-count--2 {
    -moz-column-count: 2;
    column-count: 2;
  }
  .col-count--3 {
    -moz-column-count: 3;
    column-count: 3;
  }
  .col-count--4 {
    -moz-column-count: 4;
    column-count: 4;
  }
  .col-count--5 {
    -moz-column-count: 5;
    column-count: 5;
  }
  @media (max-width: 1440px) {
    .col-count--2xl-1 {
      -moz-column-count: 1;
      column-count: 1;
    }
    .col-count--2xl-2 {
      -moz-column-count: 2;
      column-count: 2;
    }
    .col-count--2xl-3 {
      -moz-column-count: 3;
      column-count: 3;
    }
    .col-count--2xl-4 {
      -moz-column-count: 4;
      column-count: 4;
    }
    .col-count--2xl-5 {
      -moz-column-count: 5;
      column-count: 5;
    }
  }
  @media (max-width: 1440px) {
    .col-count--xl-1 {
      -moz-column-count: 1;
      column-count: 1;
    }
    .col-count--xl-2 {
      -moz-column-count: 2;
      column-count: 2;
    }
    .col-count--xl-3 {
      -moz-column-count: 3;
      column-count: 3;
    }
    .col-count--xl-4 {
      -moz-column-count: 4;
      column-count: 4;
    }
    .col-count--xl-5 {
      -moz-column-count: 5;
      column-count: 5;
    }
  }
  @media (max-width: 1024px) {
    .col-count--lg-1 {
      -moz-column-count: 1;
      column-count: 1;
    }
    .col-count--lg-2 {
      -moz-column-count: 2;
      column-count: 2;
    }
    .col-count--lg-3 {
      -moz-column-count: 3;
      column-count: 3;
    }
    .col-count--lg-4 {
      -moz-column-count: 4;
      column-count: 4;
    }
    .col-count--lg-5 {
      -moz-column-count: 5;
      column-count: 5;
    }
  }
  @media (max-width: 768px) {
    .col-count--md-1 {
      -moz-column-count: 1;
      column-count: 1;
    }
    .col-count--md-2 {
      -moz-column-count: 2;
      column-count: 2;
    }
    .col-count--md-3 {
      -moz-column-count: 3;
      column-count: 3;
    }
    .col-count--md-4 {
      -moz-column-count: 4;
      column-count: 4;
    }
    .col-count--md-5 {
      -moz-column-count: 5;
      column-count: 5;
    }
  }
  @media (max-width: 480px) {
    .col-count--sm-1 {
      -moz-column-count: 1;
      column-count: 1;
    }
    .col-count--sm-2 {
      -moz-column-count: 2;
      column-count: 2;
    }
    .col-count--sm-3 {
      -moz-column-count: 3;
      column-count: 3;
    }
    .col-count--sm-4 {
      -moz-column-count: 4;
      column-count: 4;
    }
    .col-count--sm-5 {
      -moz-column-count: 5;
      column-count: 5;
    }
  }
  .col-width--s {
    width: 100%;
    -moz-column-width: var(--col-width-s, 13rem);
    column-width: var(--col-width-s, 13rem);
  }
  .col-width--m {
    width: 100%;
    -moz-column-width: var(--col-width-m, 25rem);
    column-width: var(--col-width-m, 25rem);
  }
  .col-width--l {
    width: 100%;
    -moz-column-width: var(--col-width-l, 38rem);
    column-width: var(--col-width-l, 38rem);
  }
  .col-rule--dotted {
    -moz-column-rule: dotted;
    column-rule: dotted;
    -moz-column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
    column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
  }
  .col-rule--dashed {
    -moz-column-rule: dashed;
    column-rule: dashed;
    -moz-column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
    column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
  }
  .col-rule--solid {
    -moz-column-rule: solid;
    column-rule: solid;
    -moz-column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
    column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
  }
  .col-rule--double {
    -moz-column-rule: double;
    column-rule: double;
    -moz-column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
    column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
  }
  .col-rule--groove {
    -moz-column-rule: groove;
    column-rule: groove;
    -moz-column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
    column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
  }
  .col-rule--ridge {
    -moz-column-rule: ridge;
    column-rule: ridge;
    -moz-column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
    column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
  }
  .col-rule--inset {
    -moz-column-rule: inset;
    column-rule: inset;
    -moz-column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
    column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
  }
  .col-rule--outset {
    -moz-column-rule: outset;
    column-rule: outset;
    -moz-column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
    column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
  }
  [class*="col-rule--"] {
    -moz-column-rule-color: var(--col-rule-color, var(--black));
    column-rule-color: var(--col-rule-color, var(--black));
  }
  .col-rule--s {
    -moz-column-rule-width: var(--col-rule-width-s, 0.5px);
    column-rule-width: var(--col-rule-width-s, 0.5px);
  }
  .col-rule--m {
    -moz-column-rule-width: var(--col-rule-width-m, 1px);
    column-rule-width: var(--col-rule-width-m, 1px);
  }
  .col-rule--l {
    -moz-column-rule-width: var(--col-rule-width-l, 3px);
    column-rule-width: var(--col-rule-width-l, 3px);
  }
  .col-span--all {
    -moz-column-span: all;
    column-span: all;
  }
  [class*="col-"] > * {
    break-inside: avoid;
  }
  /* Feat: Masonry */
  .masonry--1 {
    display: block !important;
    column-count: 1;
    row-gap: var(--row-gap);
    column-gap: var(--col-gap);
  }
  .masonry--2 {
    display: block !important;
    column-count: 2;
    row-gap: var(--row-gap);
    column-gap: var(--col-gap);
  }
  .masonry--3 {
    display: block !important;
    column-count: 3;
    row-gap: var(--row-gap);
    column-gap: var(--col-gap);
  }
  .masonry--4 {
    display: block !important;
    column-count: 4;
    row-gap: var(--row-gap);
    column-gap: var(--col-gap);
  }
  .masonry--5 {
    display: block !important;
    column-count: 5;
    row-gap: var(--row-gap);
    column-gap: var(--col-gap);
  }
  @media (max-width: 1440px) {
    .masonry--2xl-1 {
      column-count: 1;
    }
    .masonry--2xl-2 {
      column-count: 2;
    }
    .masonry--2xl-3 {
      column-count: 3;
    }
    .masonry--2xl-4 {
      column-count: 4;
    }
    .masonry--2xl-5 {
      column-count: 5;
    }
  }
  @media (max-width: 1440px) {
    .masonry--xl-1 {
      column-count: 1;
    }
    .masonry--xl-2 {
      column-count: 2;
    }
    .masonry--xl-3 {
      column-count: 3;
    }
    .masonry--xl-4 {
      column-count: 4;
    }
    .masonry--xl-5 {
      column-count: 5;
    }
  }
  @media (max-width: 1024px) {
    .masonry--lg-1 {
      column-count: 1;
    }
    .masonry--lg-2 {
      column-count: 2;
    }
    .masonry--lg-3 {
      column-count: 3;
    }
    .masonry--lg-4 {
      column-count: 4;
    }
    .masonry--lg-5 {
      column-count: 5;
    }
  }
  @media (max-width: 768px) {
    .masonry--md-1 {
      column-count: 1;
    }
    .masonry--md-2 {
      column-count: 2;
    }
    .masonry--md-3 {
      column-count: 3;
    }
    .masonry--md-4 {
      column-count: 4;
    }
    .masonry--md-5 {
      column-count: 5;
    }
  }
  @media (max-width: 480px) {
    .masonry--sm-1 {
      column-count: 1;
    }
    .masonry--sm-2 {
      column-count: 2;
    }
    .masonry--sm-3 {
      column-count: 3;
    }
    .masonry--sm-4 {
      column-count: 4;
    }
    .masonry--sm-5 {
      column-count: 5;
    }
  }
  :where([class*="masonry--"] > *) {
    break-inside: avoid;
    width: 100%;
  }
  :where([class*="masonry--"]) {
    --col-gap: var(--grid-gap);
  }
  :where([class*="masonry--"] > *) {
    margin-block-end: var(--grid-gap);
  }
  [class*="masonry"]:is([class*="gap--"], [class*="row-gap--"], [class*="content-gap"], [class*="container-gap"], [class*="grid-gap"], [class*="fr-content-gap"], [class*="fr-container-gap"], [class*="fr-grid-gap"]) > * {
    margin-block-end: var(--row-gap);
  }
  /* Feat: Grid */
  body [class*="grid--"] {
    display: grid;
  }
  .grid--1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid--1 > * {
    grid-column: 1 !important;
  }
  .grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid--5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid--6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid--7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid--8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid--9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid--10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid--11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid--12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid--1-2 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  }
  .grid--1-3 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
  }
  .grid--2-1 {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  }
  .grid--2-3 {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  }
  .grid--3-1 {
    grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
  }
  .grid--3-2 {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  }
  .grid-rows--1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .grid-rows--2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .grid-rows--3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .grid-rows--4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .grid-rows--5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .grid-rows--6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .grid-rows--7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .grid-rows--8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .grid-rows--9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
  .grid-rows--10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }
  .grid-rows--11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }
  .grid-rows--12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }
  @media (max-width: 1440px) {
    .grid--1-2xl {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .grid--1-2xl > * {
      grid-column: 1 !important;
    }
    .grid--2-2xl {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .grid--3-2xl {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .grid--4-2xl {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .grid--5-2xl {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .grid--6-2xl {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .grid--7-2xl {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .grid--8-2xl {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .grid--9-2xl {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    .grid--10-2xl {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .grid--11-2xl {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .grid--12-2xl {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .grid-rows--1-2xl {
      grid-template-rows: repeat(1, minmax(0, 1fr));
    }
    .grid-rows--2-2xl {
      grid-template-rows: repeat(2, minmax(0, 1fr));
    }
    .grid-rows--3-2xl {
      grid-template-rows: repeat(3, minmax(0, 1fr));
    }
    .grid-rows--4-2xl {
      grid-template-rows: repeat(4, minmax(0, 1fr));
    }
    .grid-rows--5-2xl {
      grid-template-rows: repeat(5, minmax(0, 1fr));
    }
    .grid-rows--6-2xl {
      grid-template-rows: repeat(6, minmax(0, 1fr));
    }
    .grid-rows--7-2xl {
      grid-template-rows: repeat(7, minmax(0, 1fr));
    }
    .grid-rows--8-2xl {
      grid-template-rows: repeat(8, minmax(0, 1fr));
    }
    .grid-rows--9-2xl {
      grid-template-rows: repeat(9, minmax(0, 1fr));
    }
    .grid-rows--10-2xl {
      grid-template-rows: repeat(10, minmax(0, 1fr));
    }
    .grid-rows--11-2xl {
      grid-template-rows: repeat(11, minmax(0, 1fr));
    }
    .grid-rows--12-2xl {
      grid-template-rows: repeat(12, minmax(0, 1fr));
    }
  }
  @media (max-width: 1440px) {
    .grid--1-xl {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .grid--1-xl > * {
      grid-column: 1 !important;
    }
    .grid--2-xl {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .grid--3-xl {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .grid--4-xl {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .grid--5-xl {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .grid--6-xl {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .grid--7-xl {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .grid--8-xl {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .grid--9-xl {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    .grid--10-xl {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .grid--11-xl {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .grid--12-xl {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .grid-rows--1-xl {
      grid-template-rows: repeat(1, minmax(0, 1fr));
    }
    .grid-rows--2-xl {
      grid-template-rows: repeat(2, minmax(0, 1fr));
    }
    .grid-rows--3-xl {
      grid-template-rows: repeat(3, minmax(0, 1fr));
    }
    .grid-rows--4-xl {
      grid-template-rows: repeat(4, minmax(0, 1fr));
    }
    .grid-rows--5-xl {
      grid-template-rows: repeat(5, minmax(0, 1fr));
    }
    .grid-rows--6-xl {
      grid-template-rows: repeat(6, minmax(0, 1fr));
    }
    .grid-rows--7-xl {
      grid-template-rows: repeat(7, minmax(0, 1fr));
    }
    .grid-rows--8-xl {
      grid-template-rows: repeat(8, minmax(0, 1fr));
    }
    .grid-rows--9-xl {
      grid-template-rows: repeat(9, minmax(0, 1fr));
    }
    .grid-rows--10-xl {
      grid-template-rows: repeat(10, minmax(0, 1fr));
    }
    .grid-rows--11-xl {
      grid-template-rows: repeat(11, minmax(0, 1fr));
    }
    .grid-rows--12-xl {
      grid-template-rows: repeat(12, minmax(0, 1fr));
    }
  }
  @media (max-width: 1024px) {
    .grid--1-lg {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .grid--1-lg > * {
      grid-column: 1 !important;
    }
    .grid--2-lg {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .grid--3-lg {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .grid--4-lg {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .grid--5-lg {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .grid--6-lg {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .grid--7-lg {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .grid--8-lg {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .grid--9-lg {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    .grid--10-lg {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .grid--11-lg {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .grid--12-lg {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .grid-rows--1-lg {
      grid-template-rows: repeat(1, minmax(0, 1fr));
    }
    .grid-rows--2-lg {
      grid-template-rows: repeat(2, minmax(0, 1fr));
    }
    .grid-rows--3-lg {
      grid-template-rows: repeat(3, minmax(0, 1fr));
    }
    .grid-rows--4-lg {
      grid-template-rows: repeat(4, minmax(0, 1fr));
    }
    .grid-rows--5-lg {
      grid-template-rows: repeat(5, minmax(0, 1fr));
    }
    .grid-rows--6-lg {
      grid-template-rows: repeat(6, minmax(0, 1fr));
    }
    .grid-rows--7-lg {
      grid-template-rows: repeat(7, minmax(0, 1fr));
    }
    .grid-rows--8-lg {
      grid-template-rows: repeat(8, minmax(0, 1fr));
    }
    .grid-rows--9-lg {
      grid-template-rows: repeat(9, minmax(0, 1fr));
    }
    .grid-rows--10-lg {
      grid-template-rows: repeat(10, minmax(0, 1fr));
    }
    .grid-rows--11-lg {
      grid-template-rows: repeat(11, minmax(0, 1fr));
    }
    .grid-rows--12-lg {
      grid-template-rows: repeat(12, minmax(0, 1fr));
    }
  }
  @media (max-width: 768px) {
    .grid--1-md {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .grid--1-md > * {
      grid-column: 1 !important;
    }
    .grid--2-md {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .grid--3-md {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .grid--4-md {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .grid--5-md {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .grid--6-md {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .grid--7-md {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .grid--8-md {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .grid--9-md {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    .grid--10-md {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .grid--11-md {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .grid--12-md {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .grid-rows--1-md {
      grid-template-rows: repeat(1, minmax(0, 1fr));
    }
    .grid-rows--2-md {
      grid-template-rows: repeat(2, minmax(0, 1fr));
    }
    .grid-rows--3-md {
      grid-template-rows: repeat(3, minmax(0, 1fr));
    }
    .grid-rows--4-md {
      grid-template-rows: repeat(4, minmax(0, 1fr));
    }
    .grid-rows--5-md {
      grid-template-rows: repeat(5, minmax(0, 1fr));
    }
    .grid-rows--6-md {
      grid-template-rows: repeat(6, minmax(0, 1fr));
    }
    .grid-rows--7-md {
      grid-template-rows: repeat(7, minmax(0, 1fr));
    }
    .grid-rows--8-md {
      grid-template-rows: repeat(8, minmax(0, 1fr));
    }
    .grid-rows--9-md {
      grid-template-rows: repeat(9, minmax(0, 1fr));
    }
    .grid-rows--10-md {
      grid-template-rows: repeat(10, minmax(0, 1fr));
    }
    .grid-rows--11-md {
      grid-template-rows: repeat(11, minmax(0, 1fr));
    }
    .grid-rows--12-md {
      grid-template-rows: repeat(12, minmax(0, 1fr));
    }
  }
  @media (max-width: 480px) {
    .grid--1-sm {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .grid--1-sm > * {
      grid-column: 1 !important;
    }
    .grid--2-sm {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .grid--3-sm {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .grid--4-sm {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .grid--5-sm {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .grid--6-sm {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .grid--7-sm {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .grid--8-sm {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .grid--9-sm {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    .grid--10-sm {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .grid--11-sm {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .grid--12-sm {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .grid-rows--1-sm {
      grid-template-rows: repeat(1, minmax(0, 1fr));
    }
    .grid-rows--2-sm {
      grid-template-rows: repeat(2, minmax(0, 1fr));
    }
    .grid-rows--3-sm {
      grid-template-rows: repeat(3, minmax(0, 1fr));
    }
    .grid-rows--4-sm {
      grid-template-rows: repeat(4, minmax(0, 1fr));
    }
    .grid-rows--5-sm {
      grid-template-rows: repeat(5, minmax(0, 1fr));
    }
    .grid-rows--6-sm {
      grid-template-rows: repeat(6, minmax(0, 1fr));
    }
    .grid-rows--7-sm {
      grid-template-rows: repeat(7, minmax(0, 1fr));
    }
    .grid-rows--8-sm {
      grid-template-rows: repeat(8, minmax(0, 1fr));
    }
    .grid-rows--9-sm {
      grid-template-rows: repeat(9, minmax(0, 1fr));
    }
    .grid-rows--10-sm {
      grid-template-rows: repeat(10, minmax(0, 1fr));
    }
    .grid-rows--11-sm {
      grid-template-rows: repeat(11, minmax(0, 1fr));
    }
    .grid-rows--12-sm {
      grid-template-rows: repeat(12, minmax(0, 1fr));
    }
  }
  .grid--auto-rows {
    grid-auto-rows: minmax(min-content, 1fr);
  }
  /* Feat: Grid Spans & Starts */
  .row-span--1 {
    grid-row-end: span 1;
  }
  .col-span--1 {
    grid-column-end: span 1;
  }
  .row-start--1 {
    grid-row-start: 1;
  }
  .row-end--1 {
    grid-row-end: 1;
  }
  .col-start--1 {
    grid-column-start: 1;
  }
  .col-end--1 {
    grid-column-end: 1;
  }
  .row-span--2 {
    grid-row-end: span 2;
  }
  .col-span--2 {
    grid-column-end: span 2;
  }
  .row-start--2 {
    grid-row-start: 2;
  }
  .row-end--2 {
    grid-row-end: 2;
  }
  .col-start--2 {
    grid-column-start: 2;
  }
  .col-end--2 {
    grid-column-end: 2;
  }
  .row-span--3 {
    grid-row-end: span 3;
  }
  .col-span--3 {
    grid-column-end: span 3;
  }
  .row-start--3 {
    grid-row-start: 3;
  }
  .row-end--3 {
    grid-row-end: 3;
  }
  .col-start--3 {
    grid-column-start: 3;
  }
  .col-end--3 {
    grid-column-end: 3;
  }
  .row-span--4 {
    grid-row-end: span 4;
  }
  .col-span--4 {
    grid-column-end: span 4;
  }
  .row-start--4 {
    grid-row-start: 4;
  }
  .row-end--4 {
    grid-row-end: 4;
  }
  .col-start--4 {
    grid-column-start: 4;
  }
  .col-end--4 {
    grid-column-end: 4;
  }
  .row-span--5 {
    grid-row-end: span 5;
  }
  .col-span--5 {
    grid-column-end: span 5;
  }
  .row-start--5 {
    grid-row-start: 5;
  }
  .row-end--5 {
    grid-row-end: 5;
  }
  .col-start--5 {
    grid-column-start: 5;
  }
  .col-end--5 {
    grid-column-end: 5;
  }
  .row-span--6 {
    grid-row-end: span 6;
  }
  .col-span--6 {
    grid-column-end: span 6;
  }
  .row-start--6 {
    grid-row-start: 6;
  }
  .row-end--6 {
    grid-row-end: 6;
  }
  .col-start--6 {
    grid-column-start: 6;
  }
  .col-end--6 {
    grid-column-end: 6;
  }
  .row-span--7 {
    grid-row-end: span 7;
  }
  .col-span--7 {
    grid-column-end: span 7;
  }
  .row-start--7 {
    grid-row-start: 7;
  }
  .row-end--7 {
    grid-row-end: 7;
  }
  .col-start--7 {
    grid-column-start: 7;
  }
  .col-end--7 {
    grid-column-end: 7;
  }
  .row-span--8 {
    grid-row-end: span 8;
  }
  .col-span--8 {
    grid-column-end: span 8;
  }
  .row-start--8 {
    grid-row-start: 8;
  }
  .row-end--8 {
    grid-row-end: 8;
  }
  .col-start--8 {
    grid-column-start: 8;
  }
  .col-end--8 {
    grid-column-end: 8;
  }
  .row-span--9 {
    grid-row-end: span 9;
  }
  .col-span--9 {
    grid-column-end: span 9;
  }
  .row-start--9 {
    grid-row-start: 9;
  }
  .row-end--9 {
    grid-row-end: 9;
  }
  .col-start--9 {
    grid-column-start: 9;
  }
  .col-end--9 {
    grid-column-end: 9;
  }
  .row-span--10 {
    grid-row-end: span 10;
  }
  .col-span--10 {
    grid-column-end: span 10;
  }
  .row-start--10 {
    grid-row-start: 10;
  }
  .row-end--10 {
    grid-row-end: 10;
  }
  .col-start--10 {
    grid-column-start: 10;
  }
  .col-end--10 {
    grid-column-end: 10;
  }
  .row-span--11 {
    grid-row-end: span 11;
  }
  .col-span--11 {
    grid-column-end: span 11;
  }
  .row-start--11 {
    grid-row-start: 11;
  }
  .row-end--11 {
    grid-row-end: 11;
  }
  .col-start--11 {
    grid-column-start: 11;
  }
  .col-end--11 {
    grid-column-end: 11;
  }
  .row-span--12 {
    grid-row-end: span 12;
  }
  .col-span--12 {
    grid-column-end: span 12;
  }
  .row-start--12 {
    grid-row-start: 12;
  }
  .row-end--12 {
    grid-row-end: 12;
  }
  .col-start--12 {
    grid-column-start: 12;
  }
  .col-end--12 {
    grid-column-end: 12;
  }
  @media (max-width: 1440px) {
    .row-span--1-2xl {
      grid-row: span 1;
    }
    .col-span--1-2xl {
      grid-column: span 1;
    }
    .row-start--1-2xl {
      grid-row-start: 1;
    }
    .row-end--1-2xl {
      grid-row-end: 1;
    }
    .col-start--1-2xl {
      grid-column-start: 1;
    }
    .col-end--1-2xl {
      grid-column-end: 1;
    }
    .row-span--2-2xl {
      grid-row: span 2;
    }
    .col-span--2-2xl {
      grid-column: span 2;
    }
    .row-start--2-2xl {
      grid-row-start: 2;
    }
    .row-end--2-2xl {
      grid-row-end: 2;
    }
    .col-start--2-2xl {
      grid-column-start: 2;
    }
    .col-end--2-2xl {
      grid-column-end: 2;
    }
    .row-span--3-2xl {
      grid-row: span 3;
    }
    .col-span--3-2xl {
      grid-column: span 3;
    }
    .row-start--3-2xl {
      grid-row-start: 3;
    }
    .row-end--3-2xl {
      grid-row-end: 3;
    }
    .col-start--3-2xl {
      grid-column-start: 3;
    }
    .col-end--3-2xl {
      grid-column-end: 3;
    }
    .row-span--4-2xl {
      grid-row: span 4;
    }
    .col-span--4-2xl {
      grid-column: span 4;
    }
    .row-start--4-2xl {
      grid-row-start: 4;
    }
    .row-end--4-2xl {
      grid-row-end: 4;
    }
    .col-start--4-2xl {
      grid-column-start: 4;
    }
    .col-end--4-2xl {
      grid-column-end: 4;
    }
    .row-span--5-2xl {
      grid-row: span 5;
    }
    .col-span--5-2xl {
      grid-column: span 5;
    }
    .row-start--5-2xl {
      grid-row-start: 5;
    }
    .row-end--5-2xl {
      grid-row-end: 5;
    }
    .col-start--5-2xl {
      grid-column-start: 5;
    }
    .col-end--5-2xl {
      grid-column-end: 5;
    }
    .row-span--6-2xl {
      grid-row: span 6;
    }
    .col-span--6-2xl {
      grid-column: span 6;
    }
    .row-start--6-2xl {
      grid-row-start: 6;
    }
    .row-end--6-2xl {
      grid-row-end: 6;
    }
    .col-start--6-2xl {
      grid-column-start: 6;
    }
    .col-end--6-2xl {
      grid-column-end: 6;
    }
    .row-span--7-2xl {
      grid-row: span 7;
    }
    .col-span--7-2xl {
      grid-column: span 7;
    }
    .row-start--7-2xl {
      grid-row-start: 7;
    }
    .row-end--7-2xl {
      grid-row-end: 7;
    }
    .col-start--7-2xl {
      grid-column-start: 7;
    }
    .col-end--7-2xl {
      grid-column-end: 7;
    }
    .row-span--8-2xl {
      grid-row: span 8;
    }
    .col-span--8-2xl {
      grid-column: span 8;
    }
    .row-start--8-2xl {
      grid-row-start: 8;
    }
    .row-end--8-2xl {
      grid-row-end: 8;
    }
    .col-start--8-2xl {
      grid-column-start: 8;
    }
    .col-end--8-2xl {
      grid-column-end: 8;
    }
    .row-span--9-2xl {
      grid-row: span 9;
    }
    .col-span--9-2xl {
      grid-column: span 9;
    }
    .row-start--9-2xl {
      grid-row-start: 9;
    }
    .row-end--9-2xl {
      grid-row-end: 9;
    }
    .col-start--9-2xl {
      grid-column-start: 9;
    }
    .col-end--9-2xl {
      grid-column-end: 9;
    }
    .row-span--10-2xl {
      grid-row: span 10;
    }
    .col-span--10-2xl {
      grid-column: span 10;
    }
    .row-start--10-2xl {
      grid-row-start: 10;
    }
    .row-end--10-2xl {
      grid-row-end: 10;
    }
    .col-start--10-2xl {
      grid-column-start: 10;
    }
    .col-end--10-2xl {
      grid-column-end: 10;
    }
    .row-span--11-2xl {
      grid-row: span 11;
    }
    .col-span--11-2xl {
      grid-column: span 11;
    }
    .row-start--11-2xl {
      grid-row-start: 11;
    }
    .row-end--11-2xl {
      grid-row-end: 11;
    }
    .col-start--11-2xl {
      grid-column-start: 11;
    }
    .col-end--11-2xl {
      grid-column-end: 11;
    }
    .row-span--12-2xl {
      grid-row: span 12;
    }
    .col-span--12-2xl {
      grid-column: span 12;
    }
    .row-start--12-2xl {
      grid-row-start: 12;
    }
    .row-end--12-2xl {
      grid-row-end: 12;
    }
    .col-start--12-2xl {
      grid-column-start: 12;
    }
    .col-end--12-2xl {
      grid-column-end: 12;
    }
  }
  @media (max-width: 1440px) {
    .row-span--1-xl {
      grid-row: span 1;
    }
    .col-span--1-xl {
      grid-column: span 1;
    }
    .row-start--1-xl {
      grid-row-start: 1;
    }
    .row-end--1-xl {
      grid-row-end: 1;
    }
    .col-start--1-xl {
      grid-column-start: 1;
    }
    .col-end--1-xl {
      grid-column-end: 1;
    }
    .row-span--2-xl {
      grid-row: span 2;
    }
    .col-span--2-xl {
      grid-column: span 2;
    }
    .row-start--2-xl {
      grid-row-start: 2;
    }
    .row-end--2-xl {
      grid-row-end: 2;
    }
    .col-start--2-xl {
      grid-column-start: 2;
    }
    .col-end--2-xl {
      grid-column-end: 2;
    }
    .row-span--3-xl {
      grid-row: span 3;
    }
    .col-span--3-xl {
      grid-column: span 3;
    }
    .row-start--3-xl {
      grid-row-start: 3;
    }
    .row-end--3-xl {
      grid-row-end: 3;
    }
    .col-start--3-xl {
      grid-column-start: 3;
    }
    .col-end--3-xl {
      grid-column-end: 3;
    }
    .row-span--4-xl {
      grid-row: span 4;
    }
    .col-span--4-xl {
      grid-column: span 4;
    }
    .row-start--4-xl {
      grid-row-start: 4;
    }
    .row-end--4-xl {
      grid-row-end: 4;
    }
    .col-start--4-xl {
      grid-column-start: 4;
    }
    .col-end--4-xl {
      grid-column-end: 4;
    }
    .row-span--5-xl {
      grid-row: span 5;
    }
    .col-span--5-xl {
      grid-column: span 5;
    }
    .row-start--5-xl {
      grid-row-start: 5;
    }
    .row-end--5-xl {
      grid-row-end: 5;
    }
    .col-start--5-xl {
      grid-column-start: 5;
    }
    .col-end--5-xl {
      grid-column-end: 5;
    }
    .row-span--6-xl {
      grid-row: span 6;
    }
    .col-span--6-xl {
      grid-column: span 6;
    }
    .row-start--6-xl {
      grid-row-start: 6;
    }
    .row-end--6-xl {
      grid-row-end: 6;
    }
    .col-start--6-xl {
      grid-column-start: 6;
    }
    .col-end--6-xl {
      grid-column-end: 6;
    }
    .row-span--7-xl {
      grid-row: span 7;
    }
    .col-span--7-xl {
      grid-column: span 7;
    }
    .row-start--7-xl {
      grid-row-start: 7;
    }
    .row-end--7-xl {
      grid-row-end: 7;
    }
    .col-start--7-xl {
      grid-column-start: 7;
    }
    .col-end--7-xl {
      grid-column-end: 7;
    }
    .row-span--8-xl {
      grid-row: span 8;
    }
    .col-span--8-xl {
      grid-column: span 8;
    }
    .row-start--8-xl {
      grid-row-start: 8;
    }
    .row-end--8-xl {
      grid-row-end: 8;
    }
    .col-start--8-xl {
      grid-column-start: 8;
    }
    .col-end--8-xl {
      grid-column-end: 8;
    }
    .row-span--9-xl {
      grid-row: span 9;
    }
    .col-span--9-xl {
      grid-column: span 9;
    }
    .row-start--9-xl {
      grid-row-start: 9;
    }
    .row-end--9-xl {
      grid-row-end: 9;
    }
    .col-start--9-xl {
      grid-column-start: 9;
    }
    .col-end--9-xl {
      grid-column-end: 9;
    }
    .row-span--10-xl {
      grid-row: span 10;
    }
    .col-span--10-xl {
      grid-column: span 10;
    }
    .row-start--10-xl {
      grid-row-start: 10;
    }
    .row-end--10-xl {
      grid-row-end: 10;
    }
    .col-start--10-xl {
      grid-column-start: 10;
    }
    .col-end--10-xl {
      grid-column-end: 10;
    }
    .row-span--11-xl {
      grid-row: span 11;
    }
    .col-span--11-xl {
      grid-column: span 11;
    }
    .row-start--11-xl {
      grid-row-start: 11;
    }
    .row-end--11-xl {
      grid-row-end: 11;
    }
    .col-start--11-xl {
      grid-column-start: 11;
    }
    .col-end--11-xl {
      grid-column-end: 11;
    }
    .row-span--12-xl {
      grid-row: span 12;
    }
    .col-span--12-xl {
      grid-column: span 12;
    }
    .row-start--12-xl {
      grid-row-start: 12;
    }
    .row-end--12-xl {
      grid-row-end: 12;
    }
    .col-start--12-xl {
      grid-column-start: 12;
    }
    .col-end--12-xl {
      grid-column-end: 12;
    }
  }
  @media (max-width: 1024px) {
    .row-span--1-lg {
      grid-row: span 1;
    }
    .col-span--1-lg {
      grid-column: span 1;
    }
    .row-start--1-lg {
      grid-row-start: 1;
    }
    .row-end--1-lg {
      grid-row-end: 1;
    }
    .col-start--1-lg {
      grid-column-start: 1;
    }
    .col-end--1-lg {
      grid-column-end: 1;
    }
    .row-span--2-lg {
      grid-row: span 2;
    }
    .col-span--2-lg {
      grid-column: span 2;
    }
    .row-start--2-lg {
      grid-row-start: 2;
    }
    .row-end--2-lg {
      grid-row-end: 2;
    }
    .col-start--2-lg {
      grid-column-start: 2;
    }
    .col-end--2-lg {
      grid-column-end: 2;
    }
    .row-span--3-lg {
      grid-row: span 3;
    }
    .col-span--3-lg {
      grid-column: span 3;
    }
    .row-start--3-lg {
      grid-row-start: 3;
    }
    .row-end--3-lg {
      grid-row-end: 3;
    }
    .col-start--3-lg {
      grid-column-start: 3;
    }
    .col-end--3-lg {
      grid-column-end: 3;
    }
    .row-span--4-lg {
      grid-row: span 4;
    }
    .col-span--4-lg {
      grid-column: span 4;
    }
    .row-start--4-lg {
      grid-row-start: 4;
    }
    .row-end--4-lg {
      grid-row-end: 4;
    }
    .col-start--4-lg {
      grid-column-start: 4;
    }
    .col-end--4-lg {
      grid-column-end: 4;
    }
    .row-span--5-lg {
      grid-row: span 5;
    }
    .col-span--5-lg {
      grid-column: span 5;
    }
    .row-start--5-lg {
      grid-row-start: 5;
    }
    .row-end--5-lg {
      grid-row-end: 5;
    }
    .col-start--5-lg {
      grid-column-start: 5;
    }
    .col-end--5-lg {
      grid-column-end: 5;
    }
    .row-span--6-lg {
      grid-row: span 6;
    }
    .col-span--6-lg {
      grid-column: span 6;
    }
    .row-start--6-lg {
      grid-row-start: 6;
    }
    .row-end--6-lg {
      grid-row-end: 6;
    }
    .col-start--6-lg {
      grid-column-start: 6;
    }
    .col-end--6-lg {
      grid-column-end: 6;
    }
    .row-span--7-lg {
      grid-row: span 7;
    }
    .col-span--7-lg {
      grid-column: span 7;
    }
    .row-start--7-lg {
      grid-row-start: 7;
    }
    .row-end--7-lg {
      grid-row-end: 7;
    }
    .col-start--7-lg {
      grid-column-start: 7;
    }
    .col-end--7-lg {
      grid-column-end: 7;
    }
    .row-span--8-lg {
      grid-row: span 8;
    }
    .col-span--8-lg {
      grid-column: span 8;
    }
    .row-start--8-lg {
      grid-row-start: 8;
    }
    .row-end--8-lg {
      grid-row-end: 8;
    }
    .col-start--8-lg {
      grid-column-start: 8;
    }
    .col-end--8-lg {
      grid-column-end: 8;
    }
    .row-span--9-lg {
      grid-row: span 9;
    }
    .col-span--9-lg {
      grid-column: span 9;
    }
    .row-start--9-lg {
      grid-row-start: 9;
    }
    .row-end--9-lg {
      grid-row-end: 9;
    }
    .col-start--9-lg {
      grid-column-start: 9;
    }
    .col-end--9-lg {
      grid-column-end: 9;
    }
    .row-span--10-lg {
      grid-row: span 10;
    }
    .col-span--10-lg {
      grid-column: span 10;
    }
    .row-start--10-lg {
      grid-row-start: 10;
    }
    .row-end--10-lg {
      grid-row-end: 10;
    }
    .col-start--10-lg {
      grid-column-start: 10;
    }
    .col-end--10-lg {
      grid-column-end: 10;
    }
    .row-span--11-lg {
      grid-row: span 11;
    }
    .col-span--11-lg {
      grid-column: span 11;
    }
    .row-start--11-lg {
      grid-row-start: 11;
    }
    .row-end--11-lg {
      grid-row-end: 11;
    }
    .col-start--11-lg {
      grid-column-start: 11;
    }
    .col-end--11-lg {
      grid-column-end: 11;
    }
    .row-span--12-lg {
      grid-row: span 12;
    }
    .col-span--12-lg {
      grid-column: span 12;
    }
    .row-start--12-lg {
      grid-row-start: 12;
    }
    .row-end--12-lg {
      grid-row-end: 12;
    }
    .col-start--12-lg {
      grid-column-start: 12;
    }
    .col-end--12-lg {
      grid-column-end: 12;
    }
  }
  @media (max-width: 768px) {
    .row-span--1-md {
      grid-row: span 1;
    }
    .col-span--1-md {
      grid-column: span 1;
    }
    .row-start--1-md {
      grid-row-start: 1;
    }
    .row-end--1-md {
      grid-row-end: 1;
    }
    .col-start--1-md {
      grid-column-start: 1;
    }
    .col-end--1-md {
      grid-column-end: 1;
    }
    .row-span--2-md {
      grid-row: span 2;
    }
    .col-span--2-md {
      grid-column: span 2;
    }
    .row-start--2-md {
      grid-row-start: 2;
    }
    .row-end--2-md {
      grid-row-end: 2;
    }
    .col-start--2-md {
      grid-column-start: 2;
    }
    .col-end--2-md {
      grid-column-end: 2;
    }
    .row-span--3-md {
      grid-row: span 3;
    }
    .col-span--3-md {
      grid-column: span 3;
    }
    .row-start--3-md {
      grid-row-start: 3;
    }
    .row-end--3-md {
      grid-row-end: 3;
    }
    .col-start--3-md {
      grid-column-start: 3;
    }
    .col-end--3-md {
      grid-column-end: 3;
    }
    .row-span--4-md {
      grid-row: span 4;
    }
    .col-span--4-md {
      grid-column: span 4;
    }
    .row-start--4-md {
      grid-row-start: 4;
    }
    .row-end--4-md {
      grid-row-end: 4;
    }
    .col-start--4-md {
      grid-column-start: 4;
    }
    .col-end--4-md {
      grid-column-end: 4;
    }
    .row-span--5-md {
      grid-row: span 5;
    }
    .col-span--5-md {
      grid-column: span 5;
    }
    .row-start--5-md {
      grid-row-start: 5;
    }
    .row-end--5-md {
      grid-row-end: 5;
    }
    .col-start--5-md {
      grid-column-start: 5;
    }
    .col-end--5-md {
      grid-column-end: 5;
    }
    .row-span--6-md {
      grid-row: span 6;
    }
    .col-span--6-md {
      grid-column: span 6;
    }
    .row-start--6-md {
      grid-row-start: 6;
    }
    .row-end--6-md {
      grid-row-end: 6;
    }
    .col-start--6-md {
      grid-column-start: 6;
    }
    .col-end--6-md {
      grid-column-end: 6;
    }
    .row-span--7-md {
      grid-row: span 7;
    }
    .col-span--7-md {
      grid-column: span 7;
    }
    .row-start--7-md {
      grid-row-start: 7;
    }
    .row-end--7-md {
      grid-row-end: 7;
    }
    .col-start--7-md {
      grid-column-start: 7;
    }
    .col-end--7-md {
      grid-column-end: 7;
    }
    .row-span--8-md {
      grid-row: span 8;
    }
    .col-span--8-md {
      grid-column: span 8;
    }
    .row-start--8-md {
      grid-row-start: 8;
    }
    .row-end--8-md {
      grid-row-end: 8;
    }
    .col-start--8-md {
      grid-column-start: 8;
    }
    .col-end--8-md {
      grid-column-end: 8;
    }
    .row-span--9-md {
      grid-row: span 9;
    }
    .col-span--9-md {
      grid-column: span 9;
    }
    .row-start--9-md {
      grid-row-start: 9;
    }
    .row-end--9-md {
      grid-row-end: 9;
    }
    .col-start--9-md {
      grid-column-start: 9;
    }
    .col-end--9-md {
      grid-column-end: 9;
    }
    .row-span--10-md {
      grid-row: span 10;
    }
    .col-span--10-md {
      grid-column: span 10;
    }
    .row-start--10-md {
      grid-row-start: 10;
    }
    .row-end--10-md {
      grid-row-end: 10;
    }
    .col-start--10-md {
      grid-column-start: 10;
    }
    .col-end--10-md {
      grid-column-end: 10;
    }
    .row-span--11-md {
      grid-row: span 11;
    }
    .col-span--11-md {
      grid-column: span 11;
    }
    .row-start--11-md {
      grid-row-start: 11;
    }
    .row-end--11-md {
      grid-row-end: 11;
    }
    .col-start--11-md {
      grid-column-start: 11;
    }
    .col-end--11-md {
      grid-column-end: 11;
    }
    .row-span--12-md {
      grid-row: span 12;
    }
    .col-span--12-md {
      grid-column: span 12;
    }
    .row-start--12-md {
      grid-row-start: 12;
    }
    .row-end--12-md {
      grid-row-end: 12;
    }
    .col-start--12-md {
      grid-column-start: 12;
    }
    .col-end--12-md {
      grid-column-end: 12;
    }
  }
  @media (max-width: 480px) {
    .row-span--1-sm {
      grid-row: span 1;
    }
    .col-span--1-sm {
      grid-column: span 1;
    }
    .row-start--1-sm {
      grid-row-start: 1;
    }
    .row-end--1-sm {
      grid-row-end: 1;
    }
    .col-start--1-sm {
      grid-column-start: 1;
    }
    .col-end--1-sm {
      grid-column-end: 1;
    }
    .row-span--2-sm {
      grid-row: span 2;
    }
    .col-span--2-sm {
      grid-column: span 2;
    }
    .row-start--2-sm {
      grid-row-start: 2;
    }
    .row-end--2-sm {
      grid-row-end: 2;
    }
    .col-start--2-sm {
      grid-column-start: 2;
    }
    .col-end--2-sm {
      grid-column-end: 2;
    }
    .row-span--3-sm {
      grid-row: span 3;
    }
    .col-span--3-sm {
      grid-column: span 3;
    }
    .row-start--3-sm {
      grid-row-start: 3;
    }
    .row-end--3-sm {
      grid-row-end: 3;
    }
    .col-start--3-sm {
      grid-column-start: 3;
    }
    .col-end--3-sm {
      grid-column-end: 3;
    }
    .row-span--4-sm {
      grid-row: span 4;
    }
    .col-span--4-sm {
      grid-column: span 4;
    }
    .row-start--4-sm {
      grid-row-start: 4;
    }
    .row-end--4-sm {
      grid-row-end: 4;
    }
    .col-start--4-sm {
      grid-column-start: 4;
    }
    .col-end--4-sm {
      grid-column-end: 4;
    }
    .row-span--5-sm {
      grid-row: span 5;
    }
    .col-span--5-sm {
      grid-column: span 5;
    }
    .row-start--5-sm {
      grid-row-start: 5;
    }
    .row-end--5-sm {
      grid-row-end: 5;
    }
    .col-start--5-sm {
      grid-column-start: 5;
    }
    .col-end--5-sm {
      grid-column-end: 5;
    }
    .row-span--6-sm {
      grid-row: span 6;
    }
    .col-span--6-sm {
      grid-column: span 6;
    }
    .row-start--6-sm {
      grid-row-start: 6;
    }
    .row-end--6-sm {
      grid-row-end: 6;
    }
    .col-start--6-sm {
      grid-column-start: 6;
    }
    .col-end--6-sm {
      grid-column-end: 6;
    }
    .row-span--7-sm {
      grid-row: span 7;
    }
    .col-span--7-sm {
      grid-column: span 7;
    }
    .row-start--7-sm {
      grid-row-start: 7;
    }
    .row-end--7-sm {
      grid-row-end: 7;
    }
    .col-start--7-sm {
      grid-column-start: 7;
    }
    .col-end--7-sm {
      grid-column-end: 7;
    }
    .row-span--8-sm {
      grid-row: span 8;
    }
    .col-span--8-sm {
      grid-column: span 8;
    }
    .row-start--8-sm {
      grid-row-start: 8;
    }
    .row-end--8-sm {
      grid-row-end: 8;
    }
    .col-start--8-sm {
      grid-column-start: 8;
    }
    .col-end--8-sm {
      grid-column-end: 8;
    }
    .row-span--9-sm {
      grid-row: span 9;
    }
    .col-span--9-sm {
      grid-column: span 9;
    }
    .row-start--9-sm {
      grid-row-start: 9;
    }
    .row-end--9-sm {
      grid-row-end: 9;
    }
    .col-start--9-sm {
      grid-column-start: 9;
    }
    .col-end--9-sm {
      grid-column-end: 9;
    }
    .row-span--10-sm {
      grid-row: span 10;
    }
    .col-span--10-sm {
      grid-column: span 10;
    }
    .row-start--10-sm {
      grid-row-start: 10;
    }
    .row-end--10-sm {
      grid-row-end: 10;
    }
    .col-start--10-sm {
      grid-column-start: 10;
    }
    .col-end--10-sm {
      grid-column-end: 10;
    }
    .row-span--11-sm {
      grid-row: span 11;
    }
    .col-span--11-sm {
      grid-column: span 11;
    }
    .row-start--11-sm {
      grid-row-start: 11;
    }
    .row-end--11-sm {
      grid-row-end: 11;
    }
    .col-start--11-sm {
      grid-column-start: 11;
    }
    .col-end--11-sm {
      grid-column-end: 11;
    }
    .row-span--12-sm {
      grid-row: span 12;
    }
    .col-span--12-sm {
      grid-column: span 12;
    }
    .row-start--12-sm {
      grid-row-start: 12;
    }
    .row-end--12-sm {
      grid-row-end: 12;
    }
    .col-start--12-sm {
      grid-column-start: 12;
    }
    .col-end--12-sm {
      grid-column-end: 12;
    }
  }
  .col-span--all {
    grid-column: 1 / -1;
  }
  @media (max-width: 1440px) {
    .col-span--all-2xl {
      grid-column: 1 / -1;
    }
  }
  @media (max-width: 1440px) {
    .col-span--all-xl {
      grid-column: 1 / -1;
    }
  }
  @media (max-width: 1024px) {
    .col-span--all-lg {
      grid-column: 1 / -1;
    }
  }
  @media (max-width: 768px) {
    .col-span--all-md {
      grid-column: 1 / -1;
    }
  }
  @media (max-width: 480px) {
    .col-span--all-sm {
      grid-column: 1 / -1;
    }
  }
  /* Feat: Auto Alternating Grids */
  @media (min-width: 1441px) {
    .grid--alternate-2xl > .grid--2:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-2xl > .grid--1-2:nth-of-type(even) {
      grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    }
    .grid--alternate-2xl > .grid--1-2:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-2xl > .grid--1-3:nth-of-type(even) {
      grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
    }
    .grid--alternate-2xl > .grid--1-3:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-2xl > .grid--2-1:nth-of-type(even) {
      grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    }
    .grid--alternate-2xl > .grid--2-1:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-2xl > .grid--2-3:nth-of-type(even) {
      grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    }
    .grid--alternate-2xl > .grid--2-3:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-2xl > .grid--3-1:nth-of-type(even) {
      grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
    }
    .grid--alternate-2xl > .grid--3-1:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-2xl > .grid--3-2:nth-of-type(even) {
      grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    }
    .grid--alternate-2xl > .grid--3-2:nth-of-type(even) > *:last-child {
      order: -1;
    }
  }
  @media (min-width: 1441px) {
    .grid--alternate-xl > .grid--2:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-xl > .grid--1-2:nth-of-type(even) {
      grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    }
    .grid--alternate-xl > .grid--1-2:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-xl > .grid--1-3:nth-of-type(even) {
      grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
    }
    .grid--alternate-xl > .grid--1-3:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-xl > .grid--2-1:nth-of-type(even) {
      grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    }
    .grid--alternate-xl > .grid--2-1:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-xl > .grid--2-3:nth-of-type(even) {
      grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    }
    .grid--alternate-xl > .grid--2-3:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-xl > .grid--3-1:nth-of-type(even) {
      grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
    }
    .grid--alternate-xl > .grid--3-1:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-xl > .grid--3-2:nth-of-type(even) {
      grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    }
    .grid--alternate-xl > .grid--3-2:nth-of-type(even) > *:last-child {
      order: -1;
    }
  }
  @media (min-width: 1025px) {
    .grid--alternate-lg > .grid--2:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-lg > .grid--1-2:nth-of-type(even) {
      grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    }
    .grid--alternate-lg > .grid--1-2:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-lg > .grid--1-3:nth-of-type(even) {
      grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
    }
    .grid--alternate-lg > .grid--1-3:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-lg > .grid--2-1:nth-of-type(even) {
      grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    }
    .grid--alternate-lg > .grid--2-1:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-lg > .grid--2-3:nth-of-type(even) {
      grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    }
    .grid--alternate-lg > .grid--2-3:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-lg > .grid--3-1:nth-of-type(even) {
      grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
    }
    .grid--alternate-lg > .grid--3-1:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-lg > .grid--3-2:nth-of-type(even) {
      grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    }
    .grid--alternate-lg > .grid--3-2:nth-of-type(even) > *:last-child {
      order: -1;
    }
  }
  @media (min-width: 769px) {
    .grid--alternate-md > .grid--2:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-md > .grid--1-2:nth-of-type(even) {
      grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    }
    .grid--alternate-md > .grid--1-2:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-md > .grid--1-3:nth-of-type(even) {
      grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
    }
    .grid--alternate-md > .grid--1-3:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-md > .grid--2-1:nth-of-type(even) {
      grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    }
    .grid--alternate-md > .grid--2-1:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-md > .grid--2-3:nth-of-type(even) {
      grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    }
    .grid--alternate-md > .grid--2-3:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-md > .grid--3-1:nth-of-type(even) {
      grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
    }
    .grid--alternate-md > .grid--3-1:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-md > .grid--3-2:nth-of-type(even) {
      grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    }
    .grid--alternate-md > .grid--3-2:nth-of-type(even) > *:last-child {
      order: -1;
    }
  }
  @media (min-width: 481px) {
    .grid--alternate-sm > .grid--2:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-sm > .grid--1-2:nth-of-type(even) {
      grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    }
    .grid--alternate-sm > .grid--1-2:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-sm > .grid--1-3:nth-of-type(even) {
      grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
    }
    .grid--alternate-sm > .grid--1-3:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-sm > .grid--2-1:nth-of-type(even) {
      grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    }
    .grid--alternate-sm > .grid--2-1:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-sm > .grid--2-3:nth-of-type(even) {
      grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    }
    .grid--alternate-sm > .grid--2-3:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-sm > .grid--3-1:nth-of-type(even) {
      grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
    }
    .grid--alternate-sm > .grid--3-1:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-sm > .grid--3-2:nth-of-type(even) {
      grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    }
    .grid--alternate-sm > .grid--3-2:nth-of-type(even) > *:last-child {
      order: -1;
    }
  }
  /* Feat: Variable Grid */
  .variable-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(var(--min, calc(var(--content-width) / 2 - var(--space-xxl))), 100%), 1fr));
    grid-template-rows: var(--grid-1);
    gap: var(--gap, var(--grid-gap));
  }
  /* Feat: Auto Grid */
  [class*="grid--auto"]:where(:not([class*="rows"])) {
    display: grid !important;
    grid-template-columns: var(--grid-template-columns);
    gap: var(--grid-gap);
    inline-size: 100%;
    --grid-template-columns-any: var(--grid-template-columns-fit);
    --min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count)));
    --grid-template-columns-fit: repeat(auto-fit, minmax(var(--min-formula), 1fr));
    --grid-template-columns-fill: repeat(auto-fill, minmax(var(--min-formula), 1fr));
    --grid-template-columns-even-fit: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
    --grid-template-columns-even-fill: repeat(auto-fill, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
  }
  [class*="grid--auto"]:where(:not([class*="rows"])) > * {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: break-word;
  }
  :is(.grid--auto-2, .grid--auto-3, .grid--auto-4, .grid--auto-5, .grid--auto-6, .grid--auto-7, .grid--auto-8, .grid--auto-9, .grid--auto-10, .grid--auto-11, .grid--auto-12):where(.grid--auto-rows) {
    --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
    --column-count: 1;
    --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
    --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
    display: grid !important;
    grid-template-columns: var(--grid-template-columns);
    gap: var(--grid-gap);
    inline-size: 100%;
    --min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count)));
  }
  :is(.grid--auto-2, .grid--auto-3, .grid--auto-4, .grid--auto-5, .grid--auto-6, .grid--auto-7, .grid--auto-8, .grid--auto-9, .grid--auto-10, .grid--auto-11, .grid--auto-12):where(.grid--auto-rows) > * {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: break-word;
  }
  .grid--auto-2 {
    --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
    --column-count: 2;
    --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
    --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
  }
  .grid--auto-3 {
    --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
    --column-count: 3;
    --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
    --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
  }
  .grid--auto-4 {
    --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
    --column-count: 4;
    --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
    --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
  }
  .grid--auto-5 {
    --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
    --column-count: 5;
    --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
    --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
  }
  .grid--auto-6 {
    --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
    --column-count: 6;
    --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
    --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
  }
  .grid--auto-7 {
    --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
    --column-count: 7;
    --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
    --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
  }
  .grid--auto-8 {
    --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
    --column-count: 8;
    --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
    --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
  }
  .grid--auto-9 {
    --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
    --column-count: 9;
    --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
    --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
  }
  .grid--auto-10 {
    --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
    --column-count: 10;
    --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
    --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
  }
  .grid--auto-11 {
    --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
    --column-count: 11;
    --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
    --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
  }
  .grid--auto-12 {
    --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
    --column-count: 12;
    --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
    --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
  }
  .grid--auto-1-2 {
    --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
    --column-count: 1;
    --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
    --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
    display: grid !important;
    grid-template-columns: var(--grid-template-columns);
    gap: var(--grid-gap);
    inline-size: 100%;
    --min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count)));
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  }
  .grid--auto-1-2 > * {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: break-word;
  }
  .grid--auto-1-3 {
    --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
    --column-count: 1;
    --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
    --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
    display: grid !important;
    grid-template-columns: var(--grid-template-columns);
    gap: var(--grid-gap);
    inline-size: 100%;
    --min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count)));
    grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
  }
  .grid--auto-1-3 > * {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: break-word;
  }
  .grid--auto-2-1 {
    --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
    --column-count: 1;
    --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
    --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
    display: grid !important;
    grid-template-columns: var(--grid-template-columns);
    gap: var(--grid-gap);
    inline-size: 100%;
    --min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count)));
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  }
  .grid--auto-2-1 > * {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: break-word;
  }
  .grid--auto-2-3 {
    --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
    --column-count: 1;
    --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
    --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
    display: grid !important;
    grid-template-columns: var(--grid-template-columns);
    gap: var(--grid-gap);
    inline-size: 100%;
    --min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count)));
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  }
  .grid--auto-2-3 > * {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: break-word;
  }
  .grid--auto-3-1 {
    --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
    --column-count: 1;
    --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
    --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
    display: grid !important;
    grid-template-columns: var(--grid-template-columns);
    gap: var(--grid-gap);
    inline-size: 100%;
    --min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count)));
    grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
  }
  .grid--auto-3-1 > * {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: break-word;
  }
  .grid--auto-3-2 {
    --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
    --column-count: 1;
    --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
    --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
    display: grid !important;
    grid-template-columns: var(--grid-template-columns);
    gap: var(--grid-gap);
    inline-size: 100%;
    --min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count)));
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  }
  .grid--auto-3-2 > * {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: break-word;
  }
  @media (max-width: null) {
    .grid--auto-1-2 {
      --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
      --column-count: 1;
      --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
      --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
      display: grid !important;
      grid-template-columns: var(--grid-template-columns);
      gap: var(--grid-gap);
      inline-size: 100%;
      --min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count)));
      --column-count: 1;
    }
    .grid--auto-1-2 > * {
      min-width: 0;
      max-width: 100%;
      overflow-wrap: break-word;
    }
    .grid--auto-1-3 {
      --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
      --column-count: 1;
      --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
      --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
      display: grid !important;
      grid-template-columns: var(--grid-template-columns);
      gap: var(--grid-gap);
      inline-size: 100%;
      --min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count)));
      --column-count: 1;
    }
    .grid--auto-1-3 > * {
      min-width: 0;
      max-width: 100%;
      overflow-wrap: break-word;
    }
    .grid--auto-2-1 {
      --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
      --column-count: 1;
      --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
      --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
      display: grid !important;
      grid-template-columns: var(--grid-template-columns);
      gap: var(--grid-gap);
      inline-size: 100%;
      --min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count)));
      --column-count: 1;
    }
    .grid--auto-2-1 > * {
      min-width: 0;
      max-width: 100%;
      overflow-wrap: break-word;
    }
    .grid--auto-2-3 {
      --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
      --column-count: 1;
      --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
      --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
      display: grid !important;
      grid-template-columns: var(--grid-template-columns);
      gap: var(--grid-gap);
      inline-size: 100%;
      --min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count)));
      --column-count: 1;
    }
    .grid--auto-2-3 > * {
      min-width: 0;
      max-width: 100%;
      overflow-wrap: break-word;
    }
    .grid--auto-3-1 {
      --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
      --column-count: 1;
      --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
      --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
      display: grid !important;
      grid-template-columns: var(--grid-template-columns);
      gap: var(--grid-gap);
      inline-size: 100%;
      --min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count)));
      --column-count: 1;
    }
    .grid--auto-3-1 > * {
      min-width: 0;
      max-width: 100%;
      overflow-wrap: break-word;
    }
    .grid--auto-3-2 {
      --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
      --column-count: 1;
      --grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
      --grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
      display: grid !important;
      grid-template-columns: var(--grid-template-columns);
      gap: var(--grid-gap);
      inline-size: 100%;
      --min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count)));
      --column-count: 1;
    }
    .grid--auto-3-2 > * {
      min-width: 0;
      max-width: 100%;
      overflow-wrap: break-word;
    }
  }
  .grid--auto-fill {
    --grid-template-columns: var(--grid-template-columns-fill);
  }
  .grid--auto-fit {
    --grid-template-columns: var(--grid-template-columns-fit);
  }
  @media (min-width: null1px) {
    .grid--stack-even {
      --grid-template-columns: var(--grid-template-columns-even);
    }
    .grid--stack-even.grid--auto-fill {
      --grid-template-columns: var(--grid-template-columns-even-fill);
    }
    .grid--stack-even.grid--auto-fit {
      --grid-template-columns: var(--grid-template-columns-even-fit);
    }
  }
  .grid--stack-any {
    --grid-template-columns: var(--grid-template-columns-any);
  }
  .grid--stack-any.grid--auto-fill {
    --grid-template-columns: var(--grid-template-columns-fill);
  }
  .grid--stack-any.grid--auto-fit {
    --grid-template-columns: var(--grid-template-columns-fit);
  }
  @media (max-width: 1440px) {
    .grid--stack-any-2xl {
      --grid-template-columns: var(--grid-template-columns-any);
    }
    .grid--stack-any-2xl.grid--auto-fill {
      --grid-template-columns: var(--grid-template-columns-any-fill);
    }
    .grid--stack-any-2xl.grid--auto-fit {
      --grid-template-columns: var(--grid-template-columns-any-fit);
    }
  }
  @media (min-width: 1441px) {
    .grid--stack-even-2xl {
      --grid-template-columns: var(--grid-template-columns-even);
    }
    .grid--stack-even-2xl.grid--auto-fill {
      --grid-template-columns: var(--grid-template-columns-even-fill);
    }
    .grid--stack-even-2xl.grid--auto-fit {
      --grid-template-columns: var(--grid-template-columns-even-fit);
    }
  }
  @media (max-width: 1440px) {
    .grid--stack-any-xl {
      --grid-template-columns: var(--grid-template-columns-any);
    }
    .grid--stack-any-xl.grid--auto-fill {
      --grid-template-columns: var(--grid-template-columns-any-fill);
    }
    .grid--stack-any-xl.grid--auto-fit {
      --grid-template-columns: var(--grid-template-columns-any-fit);
    }
  }
  @media (min-width: 1441px) {
    .grid--stack-even-xl {
      --grid-template-columns: var(--grid-template-columns-even);
    }
    .grid--stack-even-xl.grid--auto-fill {
      --grid-template-columns: var(--grid-template-columns-even-fill);
    }
    .grid--stack-even-xl.grid--auto-fit {
      --grid-template-columns: var(--grid-template-columns-even-fit);
    }
  }
  @media (max-width: 1024px) {
    .grid--stack-any-lg {
      --grid-template-columns: var(--grid-template-columns-any);
    }
    .grid--stack-any-lg.grid--auto-fill {
      --grid-template-columns: var(--grid-template-columns-any-fill);
    }
    .grid--stack-any-lg.grid--auto-fit {
      --grid-template-columns: var(--grid-template-columns-any-fit);
    }
  }
  @media (min-width: 1025px) {
    .grid--stack-even-lg {
      --grid-template-columns: var(--grid-template-columns-even);
    }
    .grid--stack-even-lg.grid--auto-fill {
      --grid-template-columns: var(--grid-template-columns-even-fill);
    }
    .grid--stack-even-lg.grid--auto-fit {
      --grid-template-columns: var(--grid-template-columns-even-fit);
    }
  }
  @media (max-width: 768px) {
    .grid--stack-any-md {
      --grid-template-columns: var(--grid-template-columns-any);
    }
    .grid--stack-any-md.grid--auto-fill {
      --grid-template-columns: var(--grid-template-columns-any-fill);
    }
    .grid--stack-any-md.grid--auto-fit {
      --grid-template-columns: var(--grid-template-columns-any-fit);
    }
  }
  @media (min-width: 769px) {
    .grid--stack-even-md {
      --grid-template-columns: var(--grid-template-columns-even);
    }
    .grid--stack-even-md.grid--auto-fill {
      --grid-template-columns: var(--grid-template-columns-even-fill);
    }
    .grid--stack-even-md.grid--auto-fit {
      --grid-template-columns: var(--grid-template-columns-even-fit);
    }
  }
  @media (max-width: 480px) {
    .grid--stack-any-sm {
      --grid-template-columns: var(--grid-template-columns-any);
    }
    .grid--stack-any-sm.grid--auto-fill {
      --grid-template-columns: var(--grid-template-columns-any-fill);
    }
    .grid--stack-any-sm.grid--auto-fit {
      --grid-template-columns: var(--grid-template-columns-any-fit);
    }
  }
  @media (min-width: 481px) {
    .grid--stack-even-sm {
      --grid-template-columns: var(--grid-template-columns-even);
    }
    .grid--stack-even-sm.grid--auto-fill {
      --grid-template-columns: var(--grid-template-columns-even-fill);
    }
    .grid--stack-even-sm.grid--auto-fit {
      --grid-template-columns: var(--grid-template-columns-even-fit);
    }
  }
  /* Feat: Flexbox */
  .flex--col {
    display: flex;
    flex-direction: column;
  }
  .flex--row {
    display: flex;
    flex-direction: row;
  }
  .flex--col-reverse {
    display: flex;
    flex-direction: column-reverse;
  }
  .flex--row-reverse {
    display: flex;
    flex-direction: row-reverse;
  }
  @media (max-width: 1440px) {
    .flex--col-2xl {
      display: flex;
      flex-direction: column;
    }
    .flex--row-2xl {
      display: flex;
      flex-direction: row;
    }
    .flex--col-reverse-2xl {
      display: flex;
      flex-direction: column-reverse;
    }
    .flex--row-reverse-2xl {
      display: flex;
      flex-direction: row-reverse;
    }
  }
  @media (max-width: 1440px) {
    .flex--col-xl {
      display: flex;
      flex-direction: column;
    }
    .flex--row-xl {
      display: flex;
      flex-direction: row;
    }
    .flex--col-reverse-xl {
      display: flex;
      flex-direction: column-reverse;
    }
    .flex--row-reverse-xl {
      display: flex;
      flex-direction: row-reverse;
    }
  }
  @media (max-width: 1024px) {
    .flex--col-lg {
      display: flex;
      flex-direction: column;
    }
    .flex--row-lg {
      display: flex;
      flex-direction: row;
    }
    .flex--col-reverse-lg {
      display: flex;
      flex-direction: column-reverse;
    }
    .flex--row-reverse-lg {
      display: flex;
      flex-direction: row-reverse;
    }
  }
  @media (max-width: 768px) {
    .flex--col-md {
      display: flex;
      flex-direction: column;
    }
    .flex--row-md {
      display: flex;
      flex-direction: row;
    }
    .flex--col-reverse-md {
      display: flex;
      flex-direction: column-reverse;
    }
    .flex--row-reverse-md {
      display: flex;
      flex-direction: row-reverse;
    }
  }
  @media (max-width: 480px) {
    .flex--col-sm {
      display: flex;
      flex-direction: column;
    }
    .flex--row-sm {
      display: flex;
      flex-direction: row;
    }
    .flex--col-reverse-sm {
      display: flex;
      flex-direction: column-reverse;
    }
    .flex--row-reverse-sm {
      display: flex;
      flex-direction: row-reverse;
    }
  }
  .flex--wrap {
    flex-wrap: wrap;
  }
  .flex--grow > * {
    flex-grow: 1;
  }
  /* Feat: Flexbox Alignments */
  .justify-content--start {
    justify-content: flex-start;
  }
  .justify-content--end {
    justify-content: flex-end;
  }
  .justify-content--center {
    justify-content: center;
  }
  .justify-content--between {
    justify-content: space-between;
  }
  .justify-content--around {
    justify-content: space-around;
  }
  .justify-content--stretch {
    justify-content: stretch;
  }
  .align-content--start {
    align-content: flex-start;
  }
  .align-content--end {
    align-content: flex-end;
  }
  .align-content--center {
    align-content: center;
  }
  .align-content--baseline {
    align-content: baseline;
  }
  .align-content--stretch {
    align-content: stretch;
  }
  .justify-items--start {
    justify-items: flex-start;
  }
  .justify-items--center {
    justify-items: center;
  }
  .justify-items--end {
    justify-items: flex-end;
  }
  .justify-items--stretch {
    justify-items: stretch;
  }
  .align-items--start {
    align-items: flex-start;
  }
  .align-items--end {
    align-items: flex-end;
  }
  .align-items--center {
    align-items: center;
  }
  .align-items--baseline {
    align-items: baseline;
  }
  .align-items--stretch {
    align-items: stretch;
  }
  .self--start {
    align-self: flex-start;
  }
  .self--end {
    align-self: flex-end;
  }
  .self--stretch {
    align-self: stretch;
  }
  .self--center {
    align-self: center;
  }
  @media (max-width: 1440px) {
    .justify-content--start-2xl {
      justify-content: flex-start;
    }
    .justify-content--end-2xl {
      justify-content: flex-end;
    }
    .justify-content--center-2xl {
      justify-content: center;
    }
    .justify-content--between-2xl {
      justify-content: space-between;
    }
    .justify-content--around-2xl {
      justify-content: space-around;
    }
    .justify-content--stretch-2xl {
      justify-content: stretch;
    }
    .align-content--start-2xl {
      align-content: flex-start;
    }
    .align-content--end-2xl {
      align-content: flex-end;
    }
    .align-content--center-2xl {
      align-content: center;
    }
    .align-content--baseline-2xl {
      align-content: baseline;
    }
    .align-content--stretch-2xl {
      align-content: stretch;
    }
    .justify-items--start-2xl {
      justify-items: flex-start;
    }
    .justify-items--center-2xl {
      justify-items: center;
    }
    .justify-items--end-2xl {
      justify-items: flex-end;
    }
    .justify-items--stretch-2xl {
      justify-items: stretch;
    }
    .align-items--start-2xl {
      align-items: flex-start;
    }
    .align-items--end-2xl {
      align-items: flex-end;
    }
    .align-items--center-2xl {
      align-items: center;
    }
    .align-items--baseline-2xl {
      align-items: baseline;
    }
    .align-items--stretch-2xl {
      align-items: stretch;
    }
    .self--start-2xl {
      align-self: flex-start;
    }
    .self--end-2xl {
      align-self: flex-end;
    }
    .self--stretch-2xl {
      align-self: stretch;
    }
    .self--center-2xl {
      align-self: center;
    }
  }
  .stretch {
    align-content: stretch;
    align-items: stretch;
    justify-content: stretch;
    justify-items: stretch;
  }
  @media (max-width: 1440px) {
    .justify-content--start-xl {
      justify-content: flex-start;
    }
    .justify-content--end-xl {
      justify-content: flex-end;
    }
    .justify-content--center-xl {
      justify-content: center;
    }
    .justify-content--between-xl {
      justify-content: space-between;
    }
    .justify-content--around-xl {
      justify-content: space-around;
    }
    .justify-content--stretch-xl {
      justify-content: stretch;
    }
    .align-content--start-xl {
      align-content: flex-start;
    }
    .align-content--end-xl {
      align-content: flex-end;
    }
    .align-content--center-xl {
      align-content: center;
    }
    .align-content--baseline-xl {
      align-content: baseline;
    }
    .align-content--stretch-xl {
      align-content: stretch;
    }
    .justify-items--start-xl {
      justify-items: flex-start;
    }
    .justify-items--center-xl {
      justify-items: center;
    }
    .justify-items--end-xl {
      justify-items: flex-end;
    }
    .justify-items--stretch-xl {
      justify-items: stretch;
    }
    .align-items--start-xl {
      align-items: flex-start;
    }
    .align-items--end-xl {
      align-items: flex-end;
    }
    .align-items--center-xl {
      align-items: center;
    }
    .align-items--baseline-xl {
      align-items: baseline;
    }
    .align-items--stretch-xl {
      align-items: stretch;
    }
    .self--start-xl {
      align-self: flex-start;
    }
    .self--end-xl {
      align-self: flex-end;
    }
    .self--stretch-xl {
      align-self: stretch;
    }
    .self--center-xl {
      align-self: center;
    }
  }
  .stretch {
    align-content: stretch;
    align-items: stretch;
    justify-content: stretch;
    justify-items: stretch;
  }
  @media (max-width: 1024px) {
    .justify-content--start-lg {
      justify-content: flex-start;
    }
    .justify-content--end-lg {
      justify-content: flex-end;
    }
    .justify-content--center-lg {
      justify-content: center;
    }
    .justify-content--between-lg {
      justify-content: space-between;
    }
    .justify-content--around-lg {
      justify-content: space-around;
    }
    .justify-content--stretch-lg {
      justify-content: stretch;
    }
    .align-content--start-lg {
      align-content: flex-start;
    }
    .align-content--end-lg {
      align-content: flex-end;
    }
    .align-content--center-lg {
      align-content: center;
    }
    .align-content--baseline-lg {
      align-content: baseline;
    }
    .align-content--stretch-lg {
      align-content: stretch;
    }
    .justify-items--start-lg {
      justify-items: flex-start;
    }
    .justify-items--center-lg {
      justify-items: center;
    }
    .justify-items--end-lg {
      justify-items: flex-end;
    }
    .justify-items--stretch-lg {
      justify-items: stretch;
    }
    .align-items--start-lg {
      align-items: flex-start;
    }
    .align-items--end-lg {
      align-items: flex-end;
    }
    .align-items--center-lg {
      align-items: center;
    }
    .align-items--baseline-lg {
      align-items: baseline;
    }
    .align-items--stretch-lg {
      align-items: stretch;
    }
    .self--start-lg {
      align-self: flex-start;
    }
    .self--end-lg {
      align-self: flex-end;
    }
    .self--stretch-lg {
      align-self: stretch;
    }
    .self--center-lg {
      align-self: center;
    }
  }
  .stretch {
    align-content: stretch;
    align-items: stretch;
    justify-content: stretch;
    justify-items: stretch;
  }
  @media (max-width: 768px) {
    .justify-content--start-md {
      justify-content: flex-start;
    }
    .justify-content--end-md {
      justify-content: flex-end;
    }
    .justify-content--center-md {
      justify-content: center;
    }
    .justify-content--between-md {
      justify-content: space-between;
    }
    .justify-content--around-md {
      justify-content: space-around;
    }
    .justify-content--stretch-md {
      justify-content: stretch;
    }
    .align-content--start-md {
      align-content: flex-start;
    }
    .align-content--end-md {
      align-content: flex-end;
    }
    .align-content--center-md {
      align-content: center;
    }
    .align-content--baseline-md {
      align-content: baseline;
    }
    .align-content--stretch-md {
      align-content: stretch;
    }
    .justify-items--start-md {
      justify-items: flex-start;
    }
    .justify-items--center-md {
      justify-items: center;
    }
    .justify-items--end-md {
      justify-items: flex-end;
    }
    .justify-items--stretch-md {
      justify-items: stretch;
    }
    .align-items--start-md {
      align-items: flex-start;
    }
    .align-items--end-md {
      align-items: flex-end;
    }
    .align-items--center-md {
      align-items: center;
    }
    .align-items--baseline-md {
      align-items: baseline;
    }
    .align-items--stretch-md {
      align-items: stretch;
    }
    .self--start-md {
      align-self: flex-start;
    }
    .self--end-md {
      align-self: flex-end;
    }
    .self--stretch-md {
      align-self: stretch;
    }
    .self--center-md {
      align-self: center;
    }
  }
  .stretch {
    align-content: stretch;
    align-items: stretch;
    justify-content: stretch;
    justify-items: stretch;
  }
  @media (max-width: 480px) {
    .justify-content--start-sm {
      justify-content: flex-start;
    }
    .justify-content--end-sm {
      justify-content: flex-end;
    }
    .justify-content--center-sm {
      justify-content: center;
    }
    .justify-content--between-sm {
      justify-content: space-between;
    }
    .justify-content--around-sm {
      justify-content: space-around;
    }
    .justify-content--stretch-sm {
      justify-content: stretch;
    }
    .align-content--start-sm {
      align-content: flex-start;
    }
    .align-content--end-sm {
      align-content: flex-end;
    }
    .align-content--center-sm {
      align-content: center;
    }
    .align-content--baseline-sm {
      align-content: baseline;
    }
    .align-content--stretch-sm {
      align-content: stretch;
    }
    .justify-items--start-sm {
      justify-items: flex-start;
    }
    .justify-items--center-sm {
      justify-items: center;
    }
    .justify-items--end-sm {
      justify-items: flex-end;
    }
    .justify-items--stretch-sm {
      justify-items: stretch;
    }
    .align-items--start-sm {
      align-items: flex-start;
    }
    .align-items--end-sm {
      align-items: flex-end;
    }
    .align-items--center-sm {
      align-items: center;
    }
    .align-items--baseline-sm {
      align-items: baseline;
    }
    .align-items--stretch-sm {
      align-items: stretch;
    }
    .self--start-sm {
      align-self: flex-start;
    }
    .self--end-sm {
      align-self: flex-end;
    }
    .self--stretch-sm {
      align-self: stretch;
    }
    .self--center-sm {
      align-self: center;
    }
  }
  .stretch {
    align-content: stretch;
    align-items: stretch;
    justify-content: stretch;
    justify-items: stretch;
  }
  /* Feat: Flex Grids */
  .flex-grid--1 {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
  .flex-grid--1 > * {
    width: 100%;
    max-width: 100%;
    flex-basis: auto;
  }
  .flex-grid--2 {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--2.gap--xs {
    --gap: var(--space-xs);
  }
  .flex-grid--2.gap--s {
    --gap: var(--space-s);
  }
  .flex-grid--2.gap--m {
    --gap: var(--space-m);
  }
  .flex-grid--2.gap--l {
    --gap: var(--space-l);
  }
  .flex-grid--2.gap--xl {
    --gap: var(--space-xl);
  }
  .flex-grid--2.gap--2xl {
    --gap: var(--space-2xl);
  }
  .flex-grid--2 > * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 1)) / 2);
  }
  .flex-grid--3 {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--3.gap--xs {
    --gap: var(--space-xs);
  }
  .flex-grid--3.gap--s {
    --gap: var(--space-s);
  }
  .flex-grid--3.gap--m {
    --gap: var(--space-m);
  }
  .flex-grid--3.gap--l {
    --gap: var(--space-l);
  }
  .flex-grid--3.gap--xl {
    --gap: var(--space-xl);
  }
  .flex-grid--3.gap--2xl {
    --gap: var(--space-2xl);
  }
  .flex-grid--3 > * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 2)) / 3);
  }
  .flex-grid--4 {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--4.gap--xs {
    --gap: var(--space-xs);
  }
  .flex-grid--4.gap--s {
    --gap: var(--space-s);
  }
  .flex-grid--4.gap--m {
    --gap: var(--space-m);
  }
  .flex-grid--4.gap--l {
    --gap: var(--space-l);
  }
  .flex-grid--4.gap--xl {
    --gap: var(--space-xl);
  }
  .flex-grid--4.gap--2xl {
    --gap: var(--space-2xl);
  }
  .flex-grid--4 > * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 3)) / 4);
  }
  .flex-grid--5 {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--5.gap--xs {
    --gap: var(--space-xs);
  }
  .flex-grid--5.gap--s {
    --gap: var(--space-s);
  }
  .flex-grid--5.gap--m {
    --gap: var(--space-m);
  }
  .flex-grid--5.gap--l {
    --gap: var(--space-l);
  }
  .flex-grid--5.gap--xl {
    --gap: var(--space-xl);
  }
  .flex-grid--5.gap--2xl {
    --gap: var(--space-2xl);
  }
  .flex-grid--5 > * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 4)) / 5);
  }
  .flex-grid--6 {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--6.gap--xs {
    --gap: var(--space-xs);
  }
  .flex-grid--6.gap--s {
    --gap: var(--space-s);
  }
  .flex-grid--6.gap--m {
    --gap: var(--space-m);
  }
  .flex-grid--6.gap--l {
    --gap: var(--space-l);
  }
  .flex-grid--6.gap--xl {
    --gap: var(--space-xl);
  }
  .flex-grid--6.gap--2xl {
    --gap: var(--space-2xl);
  }
  .flex-grid--6 > * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 5)) / 6);
  }
  @media (max-width: 1440px) {
    .flex-grid--2xl-1 {
      --gap: var(--grid-gap);
      display: flex;
      flex-direction: column;
      gap: var(--gap);
    }
    .flex-grid--2xl-1 > * {
      width: 100%;
      max-width: 100%;
      flex-basis: auto;
    }
    .flex-grid--2xl-2 {
      --gap: var(--grid-gap);
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: var(--gap);
      justify-content: center;
    }
    .flex-grid--2xl-2.gap--2xl-xs {
      --gap: var(--space-xs);
    }
    .flex-grid--2xl-2.gap--2xl-s {
      --gap: var(--space-s);
    }
    .flex-grid--2xl-2.gap--2xl-m {
      --gap: var(--space-m);
    }
    .flex-grid--2xl-2.gap--2xl-l {
      --gap: var(--space-l);
    }
    .flex-grid--2xl-2.gap--2xl-xl {
      --gap: var(--space-xl);
    }
    .flex-grid--2xl-2.gap--2xl-2xl {
      --gap: var(--space-2xl);
    }
    .flex-grid--2xl-2 > * {
      width: 100%;
      max-width: calc((100% - (var(--gap) * 1)) / 2);
    }
    .flex-grid--2xl-3 {
      --gap: var(--grid-gap);
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: var(--gap);
      justify-content: center;
    }
    .flex-grid--2xl-3.gap--2xl-xs {
      --gap: var(--space-xs);
    }
    .flex-grid--2xl-3.gap--2xl-s {
      --gap: var(--space-s);
    }
    .flex-grid--2xl-3.gap--2xl-m {
      --gap: var(--space-m);
    }
    .flex-grid--2xl-3.gap--2xl-l {
      --gap: var(--space-l);
    }
    .flex-grid--2xl-3.gap--2xl-xl {
      --gap: var(--space-xl);
    }
    .flex-grid--2xl-3.gap--2xl-2xl {
      --gap: var(--space-2xl);
    }
    .flex-grid--2xl-3 > * {
      width: 100%;
      max-width: calc((100% - (var(--gap) * 2)) / 3);
    }
    .flex-grid--2xl-4 {
      --gap: var(--grid-gap);
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: var(--gap);
      justify-content: center;
    }
    .flex-grid--2xl-4.gap--2xl-xs {
      --gap: var(--space-xs);
    }
    .flex-grid--2xl-4.gap--2xl-s {
      --gap: var(--space-s);
    }
    .flex-grid--2xl-4.gap--2xl-m {
      --gap: var(--space-m);
    }
    .flex-grid--2xl-4.gap--2xl-l {
      --gap: var(--space-l);
    }
    .flex-grid--2xl-4.gap--2xl-xl {
      --gap: var(--space-xl);
    }
    .flex-grid--2xl-4.gap--2xl-2xl {
      --gap: var(--space-2xl);
    }
    .flex-grid--2xl-4 > * {
      width: 100%;
      max-width: calc((100% - (var(--gap) * 3)) / 4);
    }
    .flex-grid--2xl-5 {
      --gap: var(--grid-gap);
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: var(--gap);
      justify-content: center;
    }
    .flex-grid--2xl-5.gap--2xl-xs {
      --gap: var(--space-xs);
    }
    .flex-grid--2xl-5.gap--2xl-s {
      --gap: var(--space-s);
    }
    .flex-grid--2xl-5.gap--2xl-m {
      --gap: var(--space-m);
    }
    .flex-grid--2xl-5.gap--2xl-l {
      --gap: var(--space-l);
    }
    .flex-grid--2xl-5.gap--2xl-xl {
      --gap: var(--space-xl);
    }
    .flex-grid--2xl-5.gap--2xl-2xl {
      --gap: var(--space-2xl);
    }
    .flex-grid--2xl-5 > * {
      width: 100%;
      max-width: calc((100% - (var(--gap) * 4)) / 5);
    }
    .flex-grid--2xl-6 {
      --gap: var(--grid-gap);
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: var(--gap);
      justify-content: center;
    }
    .flex-grid--2xl-6.gap--2xl-xs {
      --gap: var(--space-xs);
    }
    .flex-grid--2xl-6.gap--2xl-s {
      --gap: var(--space-s);
    }
    .flex-grid--2xl-6.gap--2xl-m {
      --gap: var(--space-m);
    }
    .flex-grid--2xl-6.gap--2xl-l {
      --gap: var(--space-l);
    }
    .flex-grid--2xl-6.gap--2xl-xl {
      --gap: var(--space-xl);
    }
    .flex-grid--2xl-6.gap--2xl-2xl {
      --gap: var(--space-2xl);
    }
    .flex-grid--2xl-6 > * {
      width: 100%;
      max-width: calc((100% - (var(--gap) * 5)) / 6);
    }
  }
  @media (max-width: 1440px) {
    .flex-grid--xl-1 {
      --gap: var(--grid-gap);
      display: flex;
      flex-direction: column;
      gap: var(--gap);
    }
    .flex-grid--xl-1 > * {
      width: 100%;
      max-width: 100%;
      flex-basis: auto;
    }
    .flex-grid--xl-2 {
      --gap: var(--grid-gap);
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: var(--gap);
      justify-content: center;
    }
    .flex-grid--xl-2.gap--xl-xs {
      --gap: var(--space-xs);
    }
    .flex-grid--xl-2.gap--xl-s {
      --gap: var(--space-s);
    }
    .flex-grid--xl-2.gap--xl-m {
      --gap: var(--space-m);
    }
    .flex-grid--xl-2.gap--xl-l {
      --gap: var(--space-l);
    }
    .flex-grid--xl-2.gap--xl-xl {
      --gap: var(--space-xl);
    }
    .flex-grid--xl-2.gap--xl-2xl {
      --gap: var(--space-2xl);
    }
    .flex-grid--xl-2 > * {
      width: 100%;
      max-width: calc((100% - (var(--gap) * 1)) / 2);
    }
    .flex-grid--xl-3 {
      --gap: var(--grid-gap);
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: var(--gap);
      justify-content: center;
    }
    .flex-grid--xl-3.gap--xl-xs {
      --gap: var(--space-xs);
    }
    .flex-grid--xl-3.gap--xl-s {
      --gap: var(--space-s);
    }
    .flex-grid--xl-3.gap--xl-m {
      --gap: var(--space-m);
    }
    .flex-grid--xl-3.gap--xl-l {
      --gap: var(--space-l);
    }
    .flex-grid--xl-3.gap--xl-xl {
      --gap: var(--space-xl);
    }
    .flex-grid--xl-3.gap--xl-2xl {
      --gap: var(--space-2xl);
    }
    .flex-grid--xl-3 > * {
      width: 100%;
      max-width: calc((100% - (var(--gap) * 2)) / 3);
    }
    .flex-grid--xl-4 {
      --gap: var(--grid-gap);
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: var(--gap);
      justify-content: center;
    }
    .flex-grid--xl-4.gap--xl-xs {
      --gap: var(--space-xs);
    }
    .flex-grid--xl-4.gap--xl-s {
      --gap: var(--space-s);
    }
    .flex-grid--xl-4.gap--xl-m {
      --gap: var(--space-m);
    }
    .flex-grid--xl-4.gap--xl-l {
      --gap: var(--space-l);
    }
    .flex-grid--xl-4.gap--xl-xl {
      --gap: var(--space-xl);
    }
    .flex-grid--xl-4.gap--xl-2xl {
      --gap: var(--space-2xl);
    }
    .flex-grid--xl-4 > * {
      width: 100%;
      max-width: calc((100% - (var(--gap) * 3)) / 4);
    }
    .flex-grid--xl-5 {
      --gap: var(--grid-gap);
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: var(--gap);
      justify-content: center;
    }
    .flex-grid--xl-5.gap--xl-xs {
      --gap: var(--space-xs);
    }
    .flex-grid--xl-5.gap--xl-s {
      --gap: var(--space-s);
    }
    .flex-grid--xl-5.gap--xl-m {
      --gap: var(--space-m);
    }
    .flex-grid--xl-5.gap--xl-l {
      --gap: var(--space-l);
    }
    .flex-grid--xl-5.gap--xl-xl {
      --gap: var(--space-xl);
    }
    .flex-grid--xl-5.gap--xl-2xl {
      --gap: var(--space-2xl);
    }
    .flex-grid--xl-5 > * {
      width: 100%;
      max-width: calc((100% - (var(--gap) * 4)) / 5);
    }
    .flex-grid--xl-6 {
      --gap: var(--grid-gap);
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: var(--gap);
      justify-content: center;
    }
    .flex-grid--xl-6.gap--xl-xs {
      --gap: var(--space-xs);
    }
    .flex-grid--xl-6.gap--xl-s {
      --gap: var(--space-s);
    }
    .flex-grid--xl-6.gap--xl-m {
      --gap: var(--space-m);
    }
    .flex-grid--xl-6.gap--xl-l {
      --gap: var(--space-l);
    }
    .flex-grid--xl-6.gap--xl-xl {
      --gap: var(--space-xl);
    }
    .flex-grid--xl-6.gap--xl-2xl {
      --gap: var(--space-2xl);
    }
    .flex-grid--xl-6 > * {
      width: 100%;
      max-width: calc((100% - (var(--gap) * 5)) / 6);
    }
  }
  @media (max-width: 1024px) {
    .flex-grid--lg-1 {
      --gap: var(--grid-gap);
      display: flex;
      flex-direction: column;
      gap: var(--gap);
    }
    .flex-grid--lg-1 > * {
      width: 100%;
      max-width: 100%;
      flex-basis: auto;
    }
    .flex-grid--lg-2 {
      --gap: var(--grid-gap);
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: var(--gap);
      justify-content: center;
    }
    .flex-grid--lg-2.gap--lg-xs {
      --gap: var(--space-xs);
    }
    .flex-grid--lg-2.gap--lg-s {
      --gap: var(--space-s);
    }
    .flex-grid--lg-2.gap--lg-m {
      --gap: var(--space-m);
    }
    .flex-grid--lg-2.gap--lg-l {
      --gap: var(--space-l);
    }
    .flex-grid--lg-2.gap--lg-xl {
      --gap: var(--space-xl);
    }
    .flex-grid--lg-2.gap--lg-2xl {
      --gap: var(--space-2xl);
    }
    .flex-grid--lg-2 > * {
      width: 100%;
      max-width: calc((100% - (var(--gap) * 1)) / 2);
    }
    .flex-grid--lg-3 {
      --gap: var(--grid-gap);
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: var(--gap);
      justify-content: center;
    }
    .flex-grid--lg-3.gap--lg-xs {
      --gap: var(--space-xs);
    }
    .flex-grid--lg-3.gap--lg-s {
      --gap: var(--space-s);
    }
    .flex-grid--lg-3.gap--lg-m {
      --gap: var(--space-m);
    }
    .flex-grid--lg-3.gap--lg-l {
      --gap: var(--space-l);
    }
    .flex-grid--lg-3.gap--lg-xl {
      --gap: var(--space-xl);
    }
    .flex-grid--lg-3.gap--lg-2xl {
      --gap: var(--space-2xl);
    }
    .flex-grid--lg-3 > * {
      width: 100%;
      max-width: calc((100% - (var(--gap) * 2)) / 3);
    }
    .flex-grid--lg-4 {
      --gap: var(--grid-gap);
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: var(--gap);
      justify-content: center;
    }
    .flex-grid--lg-4.gap--lg-xs {
      --gap: var(--space-xs);
    }
    .flex-grid--lg-4.gap--lg-s {
      --gap: var(--space-s);
    }
    .flex-grid--lg-4.gap--lg-m {
      --gap: var(--space-m);
    }
    .flex-grid--lg-4.gap--lg-l {
      --gap: var(--space-l);
    }
    .flex-grid--lg-4.gap--lg-xl {
      --gap: var(--space-xl);
    }
    .flex-grid--lg-4.gap--lg-2xl {
      --gap: var(--space-2xl);
    }
    .flex-grid--lg-4 > * {
      width: 100%;
      max-width: calc((100% - (var(--gap) * 3)) / 4);
    }
    .flex-grid--lg-5 {
      --gap: var(--grid-gap);
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: var(--gap);
      justify-content: center;
    }
    .flex-grid--lg-5.gap--lg-xs {
      --gap: var(--space-xs);
    }
    .flex-grid--lg-5.gap--lg-s {
      --gap: var(--space-s);
    }
    .flex-grid--lg-5.gap--lg-m {
      --gap: var(--space-m);
    }
    .flex-grid--lg-5.gap--lg-l {
      --gap: var(--space-l);
    }
    .flex-grid--lg-5.gap--lg-xl {
      --gap: var(--space-xl);
    }
    .flex-grid--lg-5.gap--lg-2xl {
      --gap: var(--space-2xl);
    }
    .flex-grid--lg-5 > * {
      width: 100%;
      max-width: calc((100% - (var(--gap) * 4)) / 5);
    }
    .flex-grid--lg-6 {
      --gap: var(--grid-gap);
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: var(--gap);
      justify-content: center;
    }
    .flex-grid--lg-6.gap--lg-xs {
      --gap: var(--space-xs);
    }
    .flex-grid--lg-6.gap--lg-s {
      --gap: var(--space-s);
    }
    .flex-grid--lg-6.gap--lg-m {
      --gap: var(--space-m);
    }
    .flex-grid--lg-6.gap--lg-l {
      --gap: var(--space-l);
    }
    .flex-grid--lg-6.gap--lg-xl {
      --gap: var(--space-xl);
    }
    .flex-grid--lg-6.gap--lg-2xl {
      --gap: var(--space-2xl);
    }
    .flex-grid--lg-6 > * {
      width: 100%;
      max-width: calc((100% - (var(--gap) * 5)) / 6);
    }
  }
  @media (max-width: 768px) {
    .flex-grid--md-1 {
      --gap: var(--grid-gap);
      display: flex;
      flex-direction: column;
      gap: var(--gap);
    }
    .flex-grid--md-1 > * {
      width: 100%;
      max-width: 100%;
      flex-basis: auto;
    }
    .flex-grid--md-2 {
      --gap: var(--grid-gap);
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: var(--gap);
      justify-content: center;
    }
    .flex-grid--md-2.gap--md-xs {
      --gap: var(--space-xs);
    }
    .flex-grid--md-2.gap--md-s {
      --gap: var(--space-s);
    }
    .flex-grid--md-2.gap--md-m {
      --gap: var(--space-m);
    }
    .flex-grid--md-2.gap--md-l {
      --gap: var(--space-l);
    }
    .flex-grid--md-2.gap--md-xl {
      --gap: var(--space-xl);
    }
    .flex-grid--md-2.gap--md-2xl {
      --gap: var(--space-2xl);
    }
    .flex-grid--md-2 > * {
      width: 100%;
      max-width: calc((100% - (var(--gap) * 1)) / 2);
    }
    .flex-grid--md-3 {
      --gap: var(--grid-gap);
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: var(--gap);
      justify-content: center;
    }
    .flex-grid--md-3.gap--md-xs {
      --gap: var(--space-xs);
    }
    .flex-grid--md-3.gap--md-s {
      --gap: var(--space-s);
    }
    .flex-grid--md-3.gap--md-m {
      --gap: var(--space-m);
    }
    .flex-grid--md-3.gap--md-l {
      --gap: var(--space-l);
    }
    .flex-grid--md-3.gap--md-xl {
      --gap: var(--space-xl);
    }
    .flex-grid--md-3.gap--md-2xl {
      --gap: var(--space-2xl);
    }
    .flex-grid--md-3 > * {
      width: 100%;
      max-width: calc((100% - (var(--gap) * 2)) / 3);
    }
    .flex-grid--md-4 {
      --gap: var(--grid-gap);
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: var(--gap);
      justify-content: center;
    }
    .flex-grid--md-4.gap--md-xs {
      --gap: var(--space-xs);
    }
    .flex-grid--md-4.gap--md-s {
      --gap: var(--space-s);
    }
    .flex-grid--md-4.gap--md-m {
      --gap: var(--space-m);
    }
    .flex-grid--md-4.gap--md-l {
      --gap: var(--space-l);
    }
    .flex-grid--md-4.gap--md-xl {
      --gap: var(--space-xl);
    }
    .flex-grid--md-4.gap--md-2xl {
      --gap: var(--space-2xl);
    }
    .flex-grid--md-4 > * {
      width: 100%;
      max-width: calc((100% - (var(--gap) * 3)) / 4);
    }
    .flex-grid--md-5 {
      --gap: var(--grid-gap);
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: var(--gap);
      justify-content: center;
    }
    .flex-grid--md-5.gap--md-xs {
      --gap: var(--space-xs);
    }
    .flex-grid--md-5.gap--md-s {
      --gap: var(--space-s);
    }
    .flex-grid--md-5.gap--md-m {
      --gap: var(--space-m);
    }
    .flex-grid--md-5.gap--md-l {
      --gap: var(--space-l);
    }
    .flex-grid--md-5.gap--md-xl {
      --gap: var(--space-xl);
    }
    .flex-grid--md-5.gap--md-2xl {
      --gap: var(--space-2xl);
    }
    .flex-grid--md-5 > * {
      width: 100%;
      max-width: calc((100% - (var(--gap) * 4)) / 5);
    }
    .flex-grid--md-6 {
      --gap: var(--grid-gap);
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: var(--gap);
      justify-content: center;
    }
    .flex-grid--md-6.gap--md-xs {
      --gap: var(--space-xs);
    }
    .flex-grid--md-6.gap--md-s {
      --gap: var(--space-s);
    }
    .flex-grid--md-6.gap--md-m {
      --gap: var(--space-m);
    }
    .flex-grid--md-6.gap--md-l {
      --gap: var(--space-l);
    }
    .flex-grid--md-6.gap--md-xl {
      --gap: var(--space-xl);
    }
    .flex-grid--md-6.gap--md-2xl {
      --gap: var(--space-2xl);
    }
    .flex-grid--md-6 > * {
      width: 100%;
      max-width: calc((100% - (var(--gap) * 5)) / 6);
    }
  }
  @media (max-width: 480px) {
    .flex-grid--sm-1 {
      --gap: var(--grid-gap);
      display: flex;
      flex-direction: column;
      gap: var(--gap);
    }
    .flex-grid--sm-1 > * {
      width: 100%;
      max-width: 100%;
      flex-basis: auto;
    }
    .flex-grid--sm-2 {
      --gap: var(--grid-gap);
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: var(--gap);
      justify-content: center;
    }
    .flex-grid--sm-2.gap--sm-xs {
      --gap: var(--space-xs);
    }
    .flex-grid--sm-2.gap--sm-s {
      --gap: var(--space-s);
    }
    .flex-grid--sm-2.gap--sm-m {
      --gap: var(--space-m);
    }
    .flex-grid--sm-2.gap--sm-l {
      --gap: var(--space-l);
    }
    .flex-grid--sm-2.gap--sm-xl {
      --gap: var(--space-xl);
    }
    .flex-grid--sm-2.gap--sm-2xl {
      --gap: var(--space-2xl);
    }
    .flex-grid--sm-2 > * {
      width: 100%;
      max-width: calc((100% - (var(--gap) * 1)) / 2);
    }
    .flex-grid--sm-3 {
      --gap: var(--grid-gap);
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: var(--gap);
      justify-content: center;
    }
    .flex-grid--sm-3.gap--sm-xs {
      --gap: var(--space-xs);
    }
    .flex-grid--sm-3.gap--sm-s {
      --gap: var(--space-s);
    }
    .flex-grid--sm-3.gap--sm-m {
      --gap: var(--space-m);
    }
    .flex-grid--sm-3.gap--sm-l {
      --gap: var(--space-l);
    }
    .flex-grid--sm-3.gap--sm-xl {
      --gap: var(--space-xl);
    }
    .flex-grid--sm-3.gap--sm-2xl {
      --gap: var(--space-2xl);
    }
    .flex-grid--sm-3 > * {
      width: 100%;
      max-width: calc((100% - (var(--gap) * 2)) / 3);
    }
    .flex-grid--sm-4 {
      --gap: var(--grid-gap);
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: var(--gap);
      justify-content: center;
    }
    .flex-grid--sm-4.gap--sm-xs {
      --gap: var(--space-xs);
    }
    .flex-grid--sm-4.gap--sm-s {
      --gap: var(--space-s);
    }
    .flex-grid--sm-4.gap--sm-m {
      --gap: var(--space-m);
    }
    .flex-grid--sm-4.gap--sm-l {
      --gap: var(--space-l);
    }
    .flex-grid--sm-4.gap--sm-xl {
      --gap: var(--space-xl);
    }
    .flex-grid--sm-4.gap--sm-2xl {
      --gap: var(--space-2xl);
    }
    .flex-grid--sm-4 > * {
      width: 100%;
      max-width: calc((100% - (var(--gap) * 3)) / 4);
    }
    .flex-grid--sm-5 {
      --gap: var(--grid-gap);
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: var(--gap);
      justify-content: center;
    }
    .flex-grid--sm-5.gap--sm-xs {
      --gap: var(--space-xs);
    }
    .flex-grid--sm-5.gap--sm-s {
      --gap: var(--space-s);
    }
    .flex-grid--sm-5.gap--sm-m {
      --gap: var(--space-m);
    }
    .flex-grid--sm-5.gap--sm-l {
      --gap: var(--space-l);
    }
    .flex-grid--sm-5.gap--sm-xl {
      --gap: var(--space-xl);
    }
    .flex-grid--sm-5.gap--sm-2xl {
      --gap: var(--space-2xl);
    }
    .flex-grid--sm-5 > * {
      width: 100%;
      max-width: calc((100% - (var(--gap) * 4)) / 5);
    }
    .flex-grid--sm-6 {
      --gap: var(--grid-gap);
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: var(--gap);
      justify-content: center;
    }
    .flex-grid--sm-6.gap--sm-xs {
      --gap: var(--space-xs);
    }
    .flex-grid--sm-6.gap--sm-s {
      --gap: var(--space-s);
    }
    .flex-grid--sm-6.gap--sm-m {
      --gap: var(--space-m);
    }
    .flex-grid--sm-6.gap--sm-l {
      --gap: var(--space-l);
    }
    .flex-grid--sm-6.gap--sm-xl {
      --gap: var(--space-xl);
    }
    .flex-grid--sm-6.gap--sm-2xl {
      --gap: var(--space-2xl);
    }
    .flex-grid--sm-6 > * {
      width: 100%;
      max-width: calc((100% - (var(--gap) * 5)) / 6);
    }
  }
  /* Feat: Order */
  .order--first {
    order: -1;
  }
  .order--last {
    order: 999;
  }
  .col-end--last {
    grid-column-end: -1;
  }
  @media (max-width: 1440px) {
    .order--first-2xl {
      order: -1;
    }
    .order--last-2xl {
      order: 999;
    }
    .col-end--2xl-last {
      grid-column-end: -1;
    }
  }
  @media (max-width: 1440px) {
    .order--first-xl {
      order: -1;
    }
    .order--last-xl {
      order: 999;
    }
    .col-end--xl-last {
      grid-column-end: -1;
    }
  }
  @media (max-width: 1024px) {
    .order--first-lg {
      order: -1;
    }
    .order--last-lg {
      order: 999;
    }
    .col-end--lg-last {
      grid-column-end: -1;
    }
  }
  @media (max-width: 768px) {
    .order--first-md {
      order: -1;
    }
    .order--last-md {
      order: 999;
    }
    .col-end--md-last {
      grid-column-end: -1;
    }
  }
  @media (max-width: 480px) {
    .order--first-sm {
      order: -1;
    }
    .order--last-sm {
      order: 999;
    }
    .col-end--sm-last {
      grid-column-end: -1;
    }
  }
  /* Feat: Width */
  .width--10 {
    inline-size: 100%;
    max-inline-size: calc(var(--content-width) * 0.1);
  }
  .width--20 {
    inline-size: 100%;
    max-inline-size: calc(var(--content-width) * 0.2);
  }
  .width--30 {
    inline-size: 100%;
    max-inline-size: calc(var(--content-width) * 0.3);
  }
  .width--40 {
    inline-size: 100%;
    max-inline-size: calc(var(--content-width) * 0.4);
  }
  .width--50 {
    inline-size: 100%;
    max-inline-size: calc(var(--content-width) * 0.5);
  }
  .width--60 {
    inline-size: 100%;
    max-inline-size: calc(var(--content-width) * 0.6);
  }
  .width--70 {
    inline-size: 100%;
    max-inline-size: calc(var(--content-width) * 0.7);
  }
  .width--80 {
    inline-size: 100%;
    max-inline-size: calc(var(--content-width) * 0.8);
  }
  .width--90 {
    inline-size: 100%;
    max-inline-size: calc(var(--content-width) * 0.9);
  }
  .width--full {
    inline-size: 100%;
    max-inline-size: 100%;
  }
  figure[class*="width--"] img {
    inline-size: 100%;
  }
  .width--auto {
    inline-size: auto !important;
    max-inline-size: 100%;
  }
  .content-width {
    inline-size: 100%;
    max-inline-size: var(--content-width);
    margin-inline: auto;
  }
  .content-width--safe {
    inline-size: 100%;
    max-inline-size: var(--content-width-safe);
    margin-inline: auto;
  }
  /* Feat: Aspect Ratios */
  [class*="aspect--"] {
    aspect-ratio: var(--aspect-ratio);
  }
  img[class*="aspect--"] {
    -o-object-fit: var(--object-fit, cover);
    object-fit: var(--object-fit, cover);
  }
  figure[class*="aspect--"] img {
    inline-size: 100%;
    block-size: 100%;
    object-fit: var(--object-fit, cover);
  }
  [class*="aspect--"] iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: var(--aspect-ratio);
  }
  .aspect--1-1 {
    --aspect-ratio: 1 / 1;
  }
  .aspect--1-2 {
    --aspect-ratio: 1 / 2;
  }
  .aspect--2-1 {
    --aspect-ratio: 2 / 1;
  }
  .aspect--2-3 {
    --aspect-ratio: 2 / 3;
  }
  .aspect--3-2 {
    --aspect-ratio: 3 / 2;
  }
  .aspect--3-4 {
    --aspect-ratio: 3 / 4;
  }
  .aspect--4-3 {
    --aspect-ratio: 4 / 3;
  }
  .aspect--16-9 {
    --aspect-ratio: 16 / 9;
  }
  .aspect--9-16 {
    --aspect-ratio: 9 / 16;
  }
  @media (max-width: 1440px) {
    .aspect--2xl-1-1 {
      --aspect-ratio: 1 / 1;
    }
    .aspect--2xl-1-2 {
      --aspect-ratio: 1 / 2;
    }
    .aspect--2xl-2-1 {
      --aspect-ratio: 2 / 1;
    }
    .aspect--2xl-2-3 {
      --aspect-ratio: 2 / 3;
    }
    .aspect--2xl-3-2 {
      --aspect-ratio: 3 / 2;
    }
    .aspect--2xl-3-4 {
      --aspect-ratio: 3 / 4;
    }
    .aspect--2xl-4-3 {
      --aspect-ratio: 4 / 3;
    }
    .aspect--2xl-16-9 {
      --aspect-ratio: 16 / 9;
    }
    .aspect--2xl-9-16 {
      --aspect-ratio: 9 / 16;
    }
  }
  @media (max-width: 1440px) {
    .aspect--xl-1-1 {
      --aspect-ratio: 1 / 1;
    }
    .aspect--xl-1-2 {
      --aspect-ratio: 1 / 2;
    }
    .aspect--xl-2-1 {
      --aspect-ratio: 2 / 1;
    }
    .aspect--xl-2-3 {
      --aspect-ratio: 2 / 3;
    }
    .aspect--xl-3-2 {
      --aspect-ratio: 3 / 2;
    }
    .aspect--xl-3-4 {
      --aspect-ratio: 3 / 4;
    }
    .aspect--xl-4-3 {
      --aspect-ratio: 4 / 3;
    }
    .aspect--xl-16-9 {
      --aspect-ratio: 16 / 9;
    }
    .aspect--xl-9-16 {
      --aspect-ratio: 9 / 16;
    }
  }
  @media (max-width: 1024px) {
    .aspect--lg-1-1 {
      --aspect-ratio: 1 / 1;
    }
    .aspect--lg-1-2 {
      --aspect-ratio: 1 / 2;
    }
    .aspect--lg-2-1 {
      --aspect-ratio: 2 / 1;
    }
    .aspect--lg-2-3 {
      --aspect-ratio: 2 / 3;
    }
    .aspect--lg-3-2 {
      --aspect-ratio: 3 / 2;
    }
    .aspect--lg-3-4 {
      --aspect-ratio: 3 / 4;
    }
    .aspect--lg-4-3 {
      --aspect-ratio: 4 / 3;
    }
    .aspect--lg-16-9 {
      --aspect-ratio: 16 / 9;
    }
    .aspect--lg-9-16 {
      --aspect-ratio: 9 / 16;
    }
  }
  @media (max-width: 768px) {
    .aspect--md-1-1 {
      --aspect-ratio: 1 / 1;
    }
    .aspect--md-1-2 {
      --aspect-ratio: 1 / 2;
    }
    .aspect--md-2-1 {
      --aspect-ratio: 2 / 1;
    }
    .aspect--md-2-3 {
      --aspect-ratio: 2 / 3;
    }
    .aspect--md-3-2 {
      --aspect-ratio: 3 / 2;
    }
    .aspect--md-3-4 {
      --aspect-ratio: 3 / 4;
    }
    .aspect--md-4-3 {
      --aspect-ratio: 4 / 3;
    }
    .aspect--md-16-9 {
      --aspect-ratio: 16 / 9;
    }
    .aspect--md-9-16 {
      --aspect-ratio: 9 / 16;
    }
  }
  @media (max-width: 480px) {
    .aspect--sm-1-1 {
      --aspect-ratio: 1 / 1;
    }
    .aspect--sm-1-2 {
      --aspect-ratio: 1 / 2;
    }
    .aspect--sm-2-1 {
      --aspect-ratio: 2 / 1;
    }
    .aspect--sm-2-3 {
      --aspect-ratio: 2 / 3;
    }
    .aspect--sm-3-2 {
      --aspect-ratio: 3 / 2;
    }
    .aspect--sm-3-4 {
      --aspect-ratio: 3 / 4;
    }
    .aspect--sm-4-3 {
      --aspect-ratio: 4 / 3;
    }
    .aspect--sm-16-9 {
      --aspect-ratio: 16 / 9;
    }
    .aspect--sm-9-16 {
      --aspect-ratio: 9 / 16;
    }
  }
  /* Feat: Z-Index Classes */
  .z--bottom {
    z-index: -1;
  }
  .z--0 {
    z-index: 0;
  }
  .z--10 {
    z-index: 10;
  }
  .z--20 {
    z-index: 20;
  }
  .z--30 {
    z-index: 30;
  }
  .z--40 {
    z-index: 40;
  }
  .z--50 {
    z-index: 50;
  }
  .z--60 {
    z-index: 60;
  }
  .z--70 {
    z-index: 70;
  }
  .z--80 {
    z-index: 80;
  }
  .z--90 {
    z-index: 90;
  }
  .z--top {
    z-index: 9999;
  }
  @media (max-width: 1440px) {
    .z--2xl-bottom {
      z-index: -1;
    }
    .z--2xl-0 {
      z-index: 0;
    }
    .z--2xl-10 {
      z-index: 10;
    }
    .z--2xl-20 {
      z-index: 20;
    }
    .z--2xl-30 {
      z-index: 30;
    }
    .z--2xl-40 {
      z-index: 40;
    }
    .z--2xl-50 {
      z-index: 50;
    }
    .z--2xl-60 {
      z-index: 60;
    }
    .z--2xl-70 {
      z-index: 70;
    }
    .z--2xl-80 {
      z-index: 80;
    }
    .z--2xl-90 {
      z-index: 90;
    }
    .z--2xl-top {
      z-index: 9999;
    }
  }
  @media (max-width: 1440px) {
    .z--xl-bottom {
      z-index: -1;
    }
    .z--xl-0 {
      z-index: 0;
    }
    .z--xl-10 {
      z-index: 10;
    }
    .z--xl-20 {
      z-index: 20;
    }
    .z--xl-30 {
      z-index: 30;
    }
    .z--xl-40 {
      z-index: 40;
    }
    .z--xl-50 {
      z-index: 50;
    }
    .z--xl-60 {
      z-index: 60;
    }
    .z--xl-70 {
      z-index: 70;
    }
    .z--xl-80 {
      z-index: 80;
    }
    .z--xl-90 {
      z-index: 90;
    }
    .z--xl-top {
      z-index: 9999;
    }
  }
  @media (max-width: 1024px) {
    .z--lg-bottom {
      z-index: -1;
    }
    .z--lg-0 {
      z-index: 0;
    }
    .z--lg-10 {
      z-index: 10;
    }
    .z--lg-20 {
      z-index: 20;
    }
    .z--lg-30 {
      z-index: 30;
    }
    .z--lg-40 {
      z-index: 40;
    }
    .z--lg-50 {
      z-index: 50;
    }
    .z--lg-60 {
      z-index: 60;
    }
    .z--lg-70 {
      z-index: 70;
    }
    .z--lg-80 {
      z-index: 80;
    }
    .z--lg-90 {
      z-index: 90;
    }
    .z--lg-top {
      z-index: 9999;
    }
  }
  @media (max-width: 768px) {
    .z--md-bottom {
      z-index: -1;
    }
    .z--md-0 {
      z-index: 0;
    }
    .z--md-10 {
      z-index: 10;
    }
    .z--md-20 {
      z-index: 20;
    }
    .z--md-30 {
      z-index: 30;
    }
    .z--md-40 {
      z-index: 40;
    }
    .z--md-50 {
      z-index: 50;
    }
    .z--md-60 {
      z-index: 60;
    }
    .z--md-70 {
      z-index: 70;
    }
    .z--md-80 {
      z-index: 80;
    }
    .z--md-90 {
      z-index: 90;
    }
    .z--md-top {
      z-index: 9999;
    }
  }
  @media (max-width: 480px) {
    .z--sm-bottom {
      z-index: -1;
    }
    .z--sm-0 {
      z-index: 0;
    }
    .z--sm-10 {
      z-index: 10;
    }
    .z--sm-20 {
      z-index: 20;
    }
    .z--sm-30 {
      z-index: 30;
    }
    .z--sm-40 {
      z-index: 40;
    }
    .z--sm-50 {
      z-index: 50;
    }
    .z--sm-60 {
      z-index: 60;
    }
    .z--sm-70 {
      z-index: 70;
    }
    .z--sm-80 {
      z-index: 80;
    }
    .z--sm-90 {
      z-index: 90;
    }
    .z--sm-top {
      z-index: 9999;
    }
  }
  .isolation--isolate {
    isolation: isolate;
  }
  /* Feat: Lists & Markers */
  [class*="marker--"] li::marker {
    color: var(--marker-color, var(--primary));
  }
  ul.list--none, ol.list--none, .list--none > ul, .list--none > ol {
    list-style: none;
    padding-inline-start: 0;
    list-style-type: none;
    -webkit-margin-before: 0em;
    margin-block-start: 0em;
    margin-block-end: 0;
  }
  /* Feat: Corner Ribbons */
  :has(> .ribbon) {
    position: relative;
    overflow: hidden;
  }
  .ribbon {
    position: absolute;
    display: block;
    padding: var(--ribbon-padding, 0.5em 1em);
    background-color: var(--ribbon-background-color, var(--primary));
    box-shadow: var(--ribbon-shadow, 0 5px 10px var(--neutral-trans-10));
    text-align: center;
    font-size: var(--ribbon-text-size, var(--text-s));
    color: var(--ribbon-text-color, var(--white));
    inline-size: var(--ribbon-width, 300px);
  }
  .ribbon--top-right, .ribbon[data-ribbon-position="top-right"] {
    inset-block-start: var(--ribbon-offset, -20px);
    inset-inline-end: var(--ribbon-offset, -20px);
    transform: var(--ribbon-transform, translateY(-100%) rotate(90deg) translateX(70.7106781187%) rotate(-45deg));
    transform-origin: var(--ribbon-transform-origin, bottom right);
  }
  .ribbon--top-left, .ribbon[data-ribbon-position="top-left"] {
    --ribbon-transform: translateY(-100%) rotate(90deg) translateX(70.71067811865476%) rotate(-135deg);
    --ribbon-transform-origin: bottom left;
    inset-block-start: var(--ribbon-offset);
    inset-inline-start: var(--ribbon-offset);
    transform: var(--ribbon-transform);
    transform-origin: var(--ribbon-transform-origin);
  }
  /* Feat: Visibility */
  .visibility--hidden {
    visibility: var(--visibility, hidden);
  }
  .visibility--visible {
    visibility: var(--visibility, visible);
  }
  @media (max-width: 1440px) {
    .visibility--hidden-2xl {
      visibility: var(--visibility, hidden);
    }
    .visibility--visible-2xl {
      visibility: var(--visibility, visible);
    }
  }
  @media (max-width: 1440px) {
    .visibility--hidden-xl {
      visibility: var(--visibility, hidden);
    }
    .visibility--visible-xl {
      visibility: var(--visibility, visible);
    }
  }
  @media (max-width: 1024px) {
    .visibility--hidden-lg {
      visibility: var(--visibility, hidden);
    }
    .visibility--visible-lg {
      visibility: var(--visibility, visible);
    }
  }
  @media (max-width: 768px) {
    .visibility--hidden-md {
      visibility: var(--visibility, hidden);
    }
    .visibility--visible-md {
      visibility: var(--visibility, visible);
    }
  }
  @media (max-width: 480px) {
    .visibility--hidden-sm {
      visibility: var(--visibility, hidden);
    }
    .visibility--visible-sm {
      visibility: var(--visibility, visible);
    }
  }
  /* Feat: Display */
  .display--inline {
    display: inline;
  }
  .display--block {
    display: block;
  }
  .display--contents {
    display: contents;
  }
  .display--inline-block {
    display: inline-block;
  }
  .display--inline-flex {
    display: inline-flex;
  }
  .display--list-item {
    display: list-item;
  }
  .display--none {
    display: none;
  }
  @media (max-width: 1440px) {
    .display--2xl-block {
      display: block;
    }
    .display--2xl-none {
      display: none;
    }
  }
  @media (max-width: 1440px) {
    .display--xl-block {
      display: block;
    }
    .display--xl-none {
      display: none;
    }
  }
  @media (max-width: 1024px) {
    .display--lg-block {
      display: block;
    }
    .display--lg-none {
      display: none;
    }
  }
  @media (max-width: 768px) {
    .display--md-block {
      display: block;
    }
    .display--md-none {
      display: none;
    }
  }
  @media (max-width: 480px) {
    .display--sm-block {
      display: block;
    }
    .display--sm-none {
      display: none;
    }
  }
  /* Feat: Container Queries */
  .contain {
    container-type: inline-size;
  }
  .contain > * {
    container-type: inline-size;
  }
  /* Feat: Gap Classes */
  .gap--xs {
    gap: var(--space-xs);
    --row-gap: var(--space-xs);
    --col-gap: var(--space-xs);
    --grid-gap: var(--space-xs);
  }
  .gap--s {
    gap: var(--space-s);
    --row-gap: var(--space-s);
    --col-gap: var(--space-s);
    --grid-gap: var(--space-s);
  }
  .gap--m {
    gap: var(--space-m);
    --row-gap: var(--space-m);
    --col-gap: var(--space-m);
    --grid-gap: var(--space-m);
  }
  .gap--l {
    gap: var(--space-l);
    --row-gap: var(--space-l);
    --col-gap: var(--space-l);
    --grid-gap: var(--space-l);
  }
  .gap--xl {
    gap: var(--space-xl);
    --row-gap: var(--space-xl);
    --col-gap: var(--space-xl);
    --grid-gap: var(--space-xl);
  }
  .gap--xxl {
    gap: var(--space-xxl);
    --row-gap: var(--space-xxl);
    --col-gap: var(--space-xxl);
    --grid-gap: var(--space-xxl);
  }
  @media (max-width: 1440px) {
    .gap--2xl-xs {
      gap: var(--space-xs);
      --row-gap: var(--space-xs);
      --col-gap: var(--space-xs);
      --grid-gap: var(--space-xs);
    }
    .gap--2xl-s {
      gap: var(--space-s);
      --row-gap: var(--space-s);
      --col-gap: var(--space-s);
      --grid-gap: var(--space-s);
    }
    .gap--2xl-m {
      gap: var(--space-m);
      --row-gap: var(--space-m);
      --col-gap: var(--space-m);
      --grid-gap: var(--space-m);
    }
    .gap--2xl-l {
      gap: var(--space-l);
      --row-gap: var(--space-l);
      --col-gap: var(--space-l);
      --grid-gap: var(--space-l);
    }
    .gap--2xl-xl {
      gap: var(--space-xl);
      --row-gap: var(--space-xl);
      --col-gap: var(--space-xl);
      --grid-gap: var(--space-xl);
    }
    .gap--2xl-xxl {
      gap: var(--space-xxl);
      --row-gap: var(--space-xxl);
      --col-gap: var(--space-xxl);
      --grid-gap: var(--space-xxl);
    }
  }
  @media (max-width: 1440px) {
    .gap--xl-xs {
      gap: var(--space-xs);
      --row-gap: var(--space-xs);
      --col-gap: var(--space-xs);
      --grid-gap: var(--space-xs);
    }
    .gap--xl-s {
      gap: var(--space-s);
      --row-gap: var(--space-s);
      --col-gap: var(--space-s);
      --grid-gap: var(--space-s);
    }
    .gap--xl-m {
      gap: var(--space-m);
      --row-gap: var(--space-m);
      --col-gap: var(--space-m);
      --grid-gap: var(--space-m);
    }
    .gap--xl-l {
      gap: var(--space-l);
      --row-gap: var(--space-l);
      --col-gap: var(--space-l);
      --grid-gap: var(--space-l);
    }
    .gap--xl-xl {
      gap: var(--space-xl);
      --row-gap: var(--space-xl);
      --col-gap: var(--space-xl);
      --grid-gap: var(--space-xl);
    }
    .gap--xl-xxl {
      gap: var(--space-xxl);
      --row-gap: var(--space-xxl);
      --col-gap: var(--space-xxl);
      --grid-gap: var(--space-xxl);
    }
  }
  @media (max-width: 1024px) {
    .gap--lg-xs {
      gap: var(--space-xs);
      --row-gap: var(--space-xs);
      --col-gap: var(--space-xs);
      --grid-gap: var(--space-xs);
    }
    .gap--lg-s {
      gap: var(--space-s);
      --row-gap: var(--space-s);
      --col-gap: var(--space-s);
      --grid-gap: var(--space-s);
    }
    .gap--lg-m {
      gap: var(--space-m);
      --row-gap: var(--space-m);
      --col-gap: var(--space-m);
      --grid-gap: var(--space-m);
    }
    .gap--lg-l {
      gap: var(--space-l);
      --row-gap: var(--space-l);
      --col-gap: var(--space-l);
      --grid-gap: var(--space-l);
    }
    .gap--lg-xl {
      gap: var(--space-xl);
      --row-gap: var(--space-xl);
      --col-gap: var(--space-xl);
      --grid-gap: var(--space-xl);
    }
    .gap--lg-xxl {
      gap: var(--space-xxl);
      --row-gap: var(--space-xxl);
      --col-gap: var(--space-xxl);
      --grid-gap: var(--space-xxl);
    }
  }
  @media (max-width: 768px) {
    .gap--md-xs {
      gap: var(--space-xs);
      --row-gap: var(--space-xs);
      --col-gap: var(--space-xs);
      --grid-gap: var(--space-xs);
    }
    .gap--md-s {
      gap: var(--space-s);
      --row-gap: var(--space-s);
      --col-gap: var(--space-s);
      --grid-gap: var(--space-s);
    }
    .gap--md-m {
      gap: var(--space-m);
      --row-gap: var(--space-m);
      --col-gap: var(--space-m);
      --grid-gap: var(--space-m);
    }
    .gap--md-l {
      gap: var(--space-l);
      --row-gap: var(--space-l);
      --col-gap: var(--space-l);
      --grid-gap: var(--space-l);
    }
    .gap--md-xl {
      gap: var(--space-xl);
      --row-gap: var(--space-xl);
      --col-gap: var(--space-xl);
      --grid-gap: var(--space-xl);
    }
    .gap--md-xxl {
      gap: var(--space-xxl);
      --row-gap: var(--space-xxl);
      --col-gap: var(--space-xxl);
      --grid-gap: var(--space-xxl);
    }
  }
  @media (max-width: 480px) {
    .gap--sm-xs {
      gap: var(--space-xs);
      --row-gap: var(--space-xs);
      --col-gap: var(--space-xs);
      --grid-gap: var(--space-xs);
    }
    .gap--sm-s {
      gap: var(--space-s);
      --row-gap: var(--space-s);
      --col-gap: var(--space-s);
      --grid-gap: var(--space-s);
    }
    .gap--sm-m {
      gap: var(--space-m);
      --row-gap: var(--space-m);
      --col-gap: var(--space-m);
      --grid-gap: var(--space-m);
    }
    .gap--sm-l {
      gap: var(--space-l);
      --row-gap: var(--space-l);
      --col-gap: var(--space-l);
      --grid-gap: var(--space-l);
    }
    .gap--sm-xl {
      gap: var(--space-xl);
      --row-gap: var(--space-xl);
      --col-gap: var(--space-xl);
      --grid-gap: var(--space-xl);
    }
    .gap--sm-xxl {
      gap: var(--space-xxl);
      --row-gap: var(--space-xxl);
      --col-gap: var(--space-xxl);
      --grid-gap: var(--space-xxl);
    }
  }
  .gap--none {
    --row-gap: 0;
    --col-gap: 0;
    gap: 0;
  }
  .fr-container-gap, .container-gap {
    --row-gap: var(--container-gap);
    --col-gap: var(--container-gap);
    gap: var(--container-gap);
  }
  .fr-content-gap, .content-gap {
    --row-gap: var(--content-gap);
    --col-gap: var(--content-gap);
    gap: var(--content-gap);
  }
  .fr-grid-gap, .grid-gap {
    --row-gap: var(--grid-gap);
    --col-gap: var(--grid-gap);
    gap: var(--grid-gap);
  }
  /* Feat: Granular Gap Classes */
  .col-gap--xs.col-gap--xs {
    column-gap: var(--space-xs);
    --col-gap: var(--space-xs);
  }
  .col-gap--s.col-gap--s {
    column-gap: var(--space-s);
    --col-gap: var(--space-s);
  }
  .col-gap--m.col-gap--m {
    column-gap: var(--space-m);
    --col-gap: var(--space-m);
  }
  .col-gap--l.col-gap--l {
    column-gap: var(--space-l);
    --col-gap: var(--space-l);
  }
  .col-gap--xl.col-gap--xl {
    column-gap: var(--space-xl);
    --col-gap: var(--space-xl);
  }
  .col-gap--xxl.col-gap--xxl {
    column-gap: var(--space-xxl);
    --col-gap: var(--space-xxl);
  }
  @media (max-width: 1440px) {
    .col-gap--2xl-xs.col-gap--2xl-xs {
      column-gap: var(--space-xs);
      --col-gap: var(--space-xs);
    }
    .col-gap--2xl-s.col-gap--2xl-s {
      column-gap: var(--space-s);
      --col-gap: var(--space-s);
    }
    .col-gap--2xl-m.col-gap--2xl-m {
      column-gap: var(--space-m);
      --col-gap: var(--space-m);
    }
    .col-gap--2xl-l.col-gap--2xl-l {
      column-gap: var(--space-l);
      --col-gap: var(--space-l);
    }
    .col-gap--2xl-xl.col-gap--2xl-xl {
      column-gap: var(--space-xl);
      --col-gap: var(--space-xl);
    }
    .col-gap--2xl-xxl.col-gap--2xl-xxl {
      column-gap: var(--space-xxl);
      --col-gap: var(--space-xxl);
    }
  }
  @media (max-width: 1440px) {
    .col-gap--xl-xs.col-gap--xl-xs {
      column-gap: var(--space-xs);
      --col-gap: var(--space-xs);
    }
    .col-gap--xl-s.col-gap--xl-s {
      column-gap: var(--space-s);
      --col-gap: var(--space-s);
    }
    .col-gap--xl-m.col-gap--xl-m {
      column-gap: var(--space-m);
      --col-gap: var(--space-m);
    }
    .col-gap--xl-l.col-gap--xl-l {
      column-gap: var(--space-l);
      --col-gap: var(--space-l);
    }
    .col-gap--xl-xl.col-gap--xl-xl {
      column-gap: var(--space-xl);
      --col-gap: var(--space-xl);
    }
    .col-gap--xl-xxl.col-gap--xl-xxl {
      column-gap: var(--space-xxl);
      --col-gap: var(--space-xxl);
    }
  }
  @media (max-width: 1024px) {
    .col-gap--lg-xs.col-gap--lg-xs {
      column-gap: var(--space-xs);
      --col-gap: var(--space-xs);
    }
    .col-gap--lg-s.col-gap--lg-s {
      column-gap: var(--space-s);
      --col-gap: var(--space-s);
    }
    .col-gap--lg-m.col-gap--lg-m {
      column-gap: var(--space-m);
      --col-gap: var(--space-m);
    }
    .col-gap--lg-l.col-gap--lg-l {
      column-gap: var(--space-l);
      --col-gap: var(--space-l);
    }
    .col-gap--lg-xl.col-gap--lg-xl {
      column-gap: var(--space-xl);
      --col-gap: var(--space-xl);
    }
    .col-gap--lg-xxl.col-gap--lg-xxl {
      column-gap: var(--space-xxl);
      --col-gap: var(--space-xxl);
    }
  }
  @media (max-width: 768px) {
    .col-gap--md-xs.col-gap--md-xs {
      column-gap: var(--space-xs);
      --col-gap: var(--space-xs);
    }
    .col-gap--md-s.col-gap--md-s {
      column-gap: var(--space-s);
      --col-gap: var(--space-s);
    }
    .col-gap--md-m.col-gap--md-m {
      column-gap: var(--space-m);
      --col-gap: var(--space-m);
    }
    .col-gap--md-l.col-gap--md-l {
      column-gap: var(--space-l);
      --col-gap: var(--space-l);
    }
    .col-gap--md-xl.col-gap--md-xl {
      column-gap: var(--space-xl);
      --col-gap: var(--space-xl);
    }
    .col-gap--md-xxl.col-gap--md-xxl {
      column-gap: var(--space-xxl);
      --col-gap: var(--space-xxl);
    }
  }
  @media (max-width: 480px) {
    .col-gap--sm-xs.col-gap--sm-xs {
      column-gap: var(--space-xs);
      --col-gap: var(--space-xs);
    }
    .col-gap--sm-s.col-gap--sm-s {
      column-gap: var(--space-s);
      --col-gap: var(--space-s);
    }
    .col-gap--sm-m.col-gap--sm-m {
      column-gap: var(--space-m);
      --col-gap: var(--space-m);
    }
    .col-gap--sm-l.col-gap--sm-l {
      column-gap: var(--space-l);
      --col-gap: var(--space-l);
    }
    .col-gap--sm-xl.col-gap--sm-xl {
      column-gap: var(--space-xl);
      --col-gap: var(--space-xl);
    }
    .col-gap--sm-xxl.col-gap--sm-xxl {
      column-gap: var(--space-xxl);
      --col-gap: var(--space-xxl);
    }
  }
  .row-gap--xs.row-gap--xs {
    row-gap: var(--space-xs);
    --row-gap: var(--space-xs);
  }
  .row-gap--s.row-gap--s {
    row-gap: var(--space-s);
    --row-gap: var(--space-s);
  }
  .row-gap--m.row-gap--m {
    row-gap: var(--space-m);
    --row-gap: var(--space-m);
  }
  .row-gap--l.row-gap--l {
    row-gap: var(--space-l);
    --row-gap: var(--space-l);
  }
  .row-gap--xl.row-gap--xl {
    row-gap: var(--space-xl);
    --row-gap: var(--space-xl);
  }
  .row-gap--xxl.row-gap--xxl {
    row-gap: var(--space-xxl);
    --row-gap: var(--space-xxl);
  }
  @media (max-width: 1440px) {
    .row-gap--2xl-xs.row-gap--2xl-xs {
      row-gap: var(--space-xs);
      --row-gap: var(--space-xs);
    }
    .row-gap--2xl-s.row-gap--2xl-s {
      row-gap: var(--space-s);
      --row-gap: var(--space-s);
    }
    .row-gap--2xl-m.row-gap--2xl-m {
      row-gap: var(--space-m);
      --row-gap: var(--space-m);
    }
    .row-gap--2xl-l.row-gap--2xl-l {
      row-gap: var(--space-l);
      --row-gap: var(--space-l);
    }
    .row-gap--2xl-xl.row-gap--2xl-xl {
      row-gap: var(--space-xl);
      --row-gap: var(--space-xl);
    }
    .row-gap--2xl-xxl.row-gap--2xl-xxl {
      row-gap: var(--space-xxl);
      --row-gap: var(--space-xxl);
    }
  }
  @media (max-width: 1440px) {
    .row-gap--xl-xs.row-gap--xl-xs {
      row-gap: var(--space-xs);
      --row-gap: var(--space-xs);
    }
    .row-gap--xl-s.row-gap--xl-s {
      row-gap: var(--space-s);
      --row-gap: var(--space-s);
    }
    .row-gap--xl-m.row-gap--xl-m {
      row-gap: var(--space-m);
      --row-gap: var(--space-m);
    }
    .row-gap--xl-l.row-gap--xl-l {
      row-gap: var(--space-l);
      --row-gap: var(--space-l);
    }
    .row-gap--xl-xl.row-gap--xl-xl {
      row-gap: var(--space-xl);
      --row-gap: var(--space-xl);
    }
    .row-gap--xl-xxl.row-gap--xl-xxl {
      row-gap: var(--space-xxl);
      --row-gap: var(--space-xxl);
    }
  }
  @media (max-width: 1024px) {
    .row-gap--lg-xs.row-gap--lg-xs {
      row-gap: var(--space-xs);
      --row-gap: var(--space-xs);
    }
    .row-gap--lg-s.row-gap--lg-s {
      row-gap: var(--space-s);
      --row-gap: var(--space-s);
    }
    .row-gap--lg-m.row-gap--lg-m {
      row-gap: var(--space-m);
      --row-gap: var(--space-m);
    }
    .row-gap--lg-l.row-gap--lg-l {
      row-gap: var(--space-l);
      --row-gap: var(--space-l);
    }
    .row-gap--lg-xl.row-gap--lg-xl {
      row-gap: var(--space-xl);
      --row-gap: var(--space-xl);
    }
    .row-gap--lg-xxl.row-gap--lg-xxl {
      row-gap: var(--space-xxl);
      --row-gap: var(--space-xxl);
    }
  }
  @media (max-width: 768px) {
    .row-gap--md-xs.row-gap--md-xs {
      row-gap: var(--space-xs);
      --row-gap: var(--space-xs);
    }
    .row-gap--md-s.row-gap--md-s {
      row-gap: var(--space-s);
      --row-gap: var(--space-s);
    }
    .row-gap--md-m.row-gap--md-m {
      row-gap: var(--space-m);
      --row-gap: var(--space-m);
    }
    .row-gap--md-l.row-gap--md-l {
      row-gap: var(--space-l);
      --row-gap: var(--space-l);
    }
    .row-gap--md-xl.row-gap--md-xl {
      row-gap: var(--space-xl);
      --row-gap: var(--space-xl);
    }
    .row-gap--md-xxl.row-gap--md-xxl {
      row-gap: var(--space-xxl);
      --row-gap: var(--space-xxl);
    }
  }
  @media (max-width: 480px) {
    .row-gap--sm-xs.row-gap--sm-xs {
      row-gap: var(--space-xs);
      --row-gap: var(--space-xs);
    }
    .row-gap--sm-s.row-gap--sm-s {
      row-gap: var(--space-s);
      --row-gap: var(--space-s);
    }
    .row-gap--sm-m.row-gap--sm-m {
      row-gap: var(--space-m);
      --row-gap: var(--space-m);
    }
    .row-gap--sm-l.row-gap--sm-l {
      row-gap: var(--space-l);
      --row-gap: var(--space-l);
    }
    .row-gap--sm-xl.row-gap--sm-xl {
      row-gap: var(--space-xl);
      --row-gap: var(--space-xl);
    }
    .row-gap--sm-xxl.row-gap--sm-xxl {
      row-gap: var(--space-xxl);
      --row-gap: var(--space-xxl);
    }
  }
  /* Feat: Auto Container Gap */
  :where(section:not(section section)) {
    gap: var(--container-gap);
  }
  /* Feat: Auto Content Gap */
  :where(section:not(section section)) > :where(div, ul, ol) {
    gap: var(--content-gap);
  }
  /* Feat: Auto Container Gap */
  :where([data-etch-element="flex-div"]:not(main)) {
    gap: var(--content-gap);
  }
  /* Feat: Auto Grid Gap */
  section > div:where([class*="grid--"]), :where([class*="grid--"]) {
    gap: var(--grid-gap);
  }
  /* Feat: Borders */
  .border:where(:not(:is(figure, picture))), .border:where(figure, picture) > img {
    border: var(--border);
    border-radius: var(--radius);
  }
  .border-light:where(:not(:is(figure, picture))), .border-light:where(figure, picture) > img {
    border: var(--border-light);
    border-radius: var(--radius);
  }
  .border-dark:where(:not(:is(figure, picture))), .border-dark:where(figure, picture) > img {
    border: var(--border-dark);
    border-radius: var(--radius);
  }
  .border-top:where(:not(:is(figure, picture))), .border-top:where(figure, picture) > img {
    border-block-start: var(--border);
  }
  .border-top--light:where(:not(:is(figure, picture))), .border-top--light:where(figure, picture) > img {
    border-block-start: var(--border-light);
  }
  .border-top--dark:where(:not(:is(figure, picture))), .border-top--dark:where(figure, picture) > img {
    border-block-start: var(--border-dark);
  }
  .border-bottom:where(:not(:is(figure, picture))), .border-bottom:where(figure, picture) > img {
    border-block-end: var(--border);
  }
  .border-bottom--light:where(:not(:is(figure, picture))), .border-bottom--light:where(figure, picture) > img {
    border-block-end: var(--border-light);
  }
  .border-bottom--dark:where(:not(:is(figure, picture))), .border-bottom--dark:where(figure, picture) > img {
    border-block-end: var(--border-dark);
  }
  .border-left:where(:not(:is(figure, picture))), .border-left:where(figure, picture) > img {
    border-inline-start: var(--border);
  }
  .border-left--light:where(:not(:is(figure, picture))), .border-left--light:where(figure, picture) > img {
    border-inline-start: var(--border-light);
  }
  .border-left--dark:where(:not(:is(figure, picture))), .border-left--dark:where(figure, picture) > img {
    border-inline-start: var(--border-dark);
  }
  .border-right:where(:not(:is(figure, picture))), .border-right:where(figure, picture) > img {
    border-inline-end: var(--border);
  }
  .border-right--light:where(:not(:is(figure, picture))), .border-right--light:where(figure, picture) > img {
    border-inline-end: var(--border-light);
  }
  .border-right--dark:where(:not(:is(figure, picture))), .border-right--dark:where(figure, picture) > img {
    border-inline-end: var(--border-dark);
  }
  .border-block:where(:not(:is(figure, picture))), .border-block:where(figure, picture) > img {
    border-block: var(--border);
  }
  .border-block--light:where(:not(:is(figure, picture))), .border-block--light:where(figure, picture) > img {
    border-block: var(--border-light);
  }
  .border-block--dark:where(:not(:is(figure, picture))), .border-block--dark:where(figure, picture) > img {
    border-block: var(--border-dark);
  }
  .border-inline:where(:not(:is(figure, picture))), .border-inline:where(figure, picture) > img {
    border-inline: var(--border);
  }
  .border-inline--light:where(:not(:is(figure, picture))), .border-inline--light:where(figure, picture) > img {
    border-inline: var(--border-light);
  }
  .border-inline--dark:where(:not(:is(figure, picture))), .border-inline--dark:where(figure, picture) > img {
    border-inline: var(--border-dark);
  }
  /* Feat: Radius Classes */
  .radius {
    border-radius: var(--radius);
  }
  .radius--50 {
    border-radius: var(--radius-50);
  }
  .radius--circle {
    border-radius: var(--radius-circle);
  }
  .radius--none {
    border-radius: var(--radius-none);
  }
  .radius--xs {
    border-radius: var(--radius-xs);
  }
  .radius--s {
    border-radius: var(--radius-s);
  }
  .radius--m {
    border-radius: var(--radius-m);
  }
  .radius--l {
    border-radius: var(--radius-l);
  }
  .radius--xl {
    border-radius: var(--radius-xl);
  }
  .radius--xxl {
    border-radius: var(--radius-xxl);
  }
  /* Feat: Dividers */
  .divider-bottom {
    position: relative;
    overflow: visible;
    margin-block-end: calc(var(--divider-gap) * 2);
  }
  .divider-bottom::after {
    inset-block-end: calc(var(--divider-gap) * -1 - var(--divider-size));
  }
  .divider-bottom::after {
    content: "";
    display: block;
    position: absolute;
    inset-inline-start: 0;
    inline-size: var(--divider-inline-size);
    border-block-end: var(--divider);
  }
  .divider-top {
    position: relative;
    overflow: visible;
    margin-block-start: calc(var(--divider-gap) * 2);
  }
  .divider-top::after {
    inset-block-start: calc(var(--divider-gap) * -1 - var(--divider-size));
  }
  .divider-top::after {
    content: "";
    display: block;
    position: absolute;
    inset-inline-start: 0;
    inline-size: var(--divider-inline-size);
    border-block-end: var(--divider);
  }
  .divider--all {
    row-gap: 0;
  }
  .divider--all > *:not(:last-child) {
    position: relative;
    overflow: visible;
    margin-block-end: calc(var(--divider-gap) * 2);
  }
  .divider--all > *:not(:last-child)::after {
    inset-block-end: calc(var(--divider-gap) * -1 - var(--divider-size));
  }
  .divider--all > *:not(:last-child)::after {
    content: "";
    display: block;
    position: absolute;
    inset-inline-start: 0;
    inline-size: var(--divider-inline-size);
    border-block-end: var(--divider);
  }
  section.divider--all {
    --divider-gap: var(--container-gap);
  }
  a[class*="link--"], [class*="link--"] a, button[class*="link--"], [class*="link--"] button {
    color: var(--link-color);
    text-decoration-color: var(--link-color);
  }
  a[class*="link--"]:hover, [class*="link--"] a:hover, button[class*="link--"]:hover, [class*="link--"] button:hover {
    color: var(--link-color-hover);
    text-decoration-color: var(--link-color-hover);
  }
  button[class*="link--"], [class*="link--"] button {
    background: transparent;
  }
  .transition {
    transition: var(--transition);
  }
  /* Feat: Gradient Fades */
  .fade--block {
    --fade-amount: 25%;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black var(--fade-amount), black calc(100% - var(--fade-amount)), transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, black var(--fade-amount), black calc(100% - var(--fade-amount)), transparent 100%);
  }
  .fade--inline {
    --fade-amount: 25%;
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black var(--fade-amount), black calc(100% - var(--fade-amount)), transparent 100%);
    mask-image: linear-gradient(to right, transparent 0%, black var(--fade-amount), black calc(100% - var(--fade-amount)), transparent 100%);
  }
  .fade--top {
    --fade-amount: 25%;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black var(--fade-amount));
    mask-image: linear-gradient(to bottom, transparent 0%, black var(--fade-amount));
  }
  .fade--right {
    --fade-amount: 25%;
    -webkit-mask-image: linear-gradient(to left, transparent 0%, black var(--fade-amount));
    mask-image: linear-gradient(to left, transparent 0%, black var(--fade-amount));
  }
  .fade--bottom {
    --fade-amount: 25%;
    -webkit-mask-image: linear-gradient(to top, transparent 0%, black var(--fade-amount));
    mask-image: linear-gradient(to top, transparent 0%, black var(--fade-amount));
  }
  .fade--left {
    --fade-amount: 25%;
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black var(--fade-amount));
    mask-image: linear-gradient(to right, transparent 0%, black var(--fade-amount));
  }
}
@layer acss-layer-utilities {
  .content-grid > :is(*, img, figure, picture).is-bg {
    grid-column: full;
  }
}
/* Feat: Smart Spacing */
body :where(p, h1, h2, h3, h4, h5, h6, ul, ol, li) {
  margin-block: 0;
}
.smart-spacing-normalize :where(p, h1, h2, h3, h4, h5, h6, ul, ol, li) {
  margin-block: 0;
}
.smart-spacing {
  gap: 0;
}
.smart-spacing > * + * {
  margin-block-start: var(--flow-spacing, initial);
  margin-block-end: 0;
}
.smart-spacing > * + :where(h1, h2, h3, h4, h5, h6) {
  margin-block-start: var(--heading-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
.smart-spacing > :where(* + h2) {
  margin-block-start: var(--h2-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.smart-spacing > :where(* + h3) {
  margin-block-start: var(--h3-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.smart-spacing > :where(* + h4) {
  margin-block-start: var(--h4-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.smart-spacing > :where(* + h5) {
  margin-block-start: var(--h5-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.smart-spacing > :where(* + h6) {
  margin-block-start: var(--h6-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.smart-spacing > * + p {
  margin-block-start: var(--paragraph-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
.smart-spacing > :is(* + ul, * + ol) {
  margin-block: var(--list-spacing, var(--flow-spacing, initial));
}
.smart-spacing > :is(ul, ol) {
  padding-inline-start: var(--list-indent-spacing, var(--flow-spacing, initial));
}
.smart-spacing > ul * + li, .smart-spacing > ol * + li {
  margin-block-start: var(--list-item-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
.smart-spacing > ul ul, .smart-spacing > ol ol, .smart-spacing > ul ol, .smart-spacing > ol ul {
  margin-block: var(--nested-list-spacing, var(--list-item-spacing, initial));
  padding-inline-start: var(--nested-list-indent-spacing, initial);
}
.smart-spacing > :is(ul, ol) :is(ul, ol) li {
  margin-block-start: var(--nested-list-item-spacing, var(--list-item-spacing, initial));
}
.smart-spacing > * + figure, .smart-spacing > * + picture {
  margin-block: var(--figure-spacing, var(--flow-spacing, initial));
}
.smart-spacing figcaption {
  margin-block: var(--figcaption-spacing, var(--flow-spacing, initial));
}
.smart-spacing > * + blockquote:where(:not(figure > blockquote)) {
  margin-block: var(--blockquote-spacing, var(--flow-spacing, initial));
}
.smart-spacing > blockquote * + * {
  margin-block-start: var(--paragraph-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
.smart-spacing--off :where(p, h1, h2, h3, h4, h5, h6, ul, ol, li) {
  margin-block: 0;
}
/* Feat: Default Section Styles */
#shadow-host-companion {
  padding: 0;
}