:root {
  /* MANDATORY */
  --space-ratio: 1.5;
  --space-m: 3rem;
  --section-margin: 6rem;
  --horizontal-mobile-margin: 2.4rem;
  --container-width: 140rem;
  --text-size: 1.6rem;
  --h1-size: 5.2rem;
  --h2-size: 4.4rem;
  --h3-size: 3.6rem;
  --h4-size: 2.4rem;
  --h5-size: 2rem;
  --h6-size: 1.8rem;
  --text-color: #31426c;
  --h1-color: red;
  --h2-color: green;
  --h3-color: yellow;
  --h4-color: orangered;
  --h5-color: pink;
  --h6-color: gray;
  --text-line-height: 2.4rem;
  --h1-line-height: 6rem;
  --h2-line-height: 5rem;
  --h3-line-height: 4rem;
  --h4-line-height: 3rem;
  --h5-line-height: 2.4rem;
  --h6-line-height: 2rem;
  --text-weight: 400;
  --h1-weight: 700;
  --h2-weight: 600;
  --h3-weight: 600;
  --h4-weight: 500;
  --h5-weight: 500;
  --h6-weight: 500;
  --text-letter-spacing: ;
  --h1-letter-spacing: ;
  --h2-letter-spacing: ;
  --h3-letter-spacing: ;
  --h4-letter-spacing: ;
  --h5-letter-spacing: ;
  --h6-letter-spacing: ;
  --text-font-style: ;
  --h1-font-style: ;
  --h2-font-style: ;
  --h3-font-style: ;
  --h4-font-style: ;
  --h5-font-style: ;
  --h6-font-style: ;
  --text-transfrom: ;
  --h1-transfrom: ;
  --h2-transfrom: ;
  --h3-transfrom: ;
  --h4-transfrom: ;
  --h5-transfrom: ;
  --h6-transfrom: ;
  /* CALCULATED */
  --space-s: calc(var(--space-m) / var(--space-ratio));
  --space-xs: calc(var(--space-s) / var(--space-ratio));
  --space-xxs: calc(var(--space-xs) / var(--space-ratio));
  --space-l: calc(var(--space-m) * var(--space-ratio));
  --space-xl: calc(var(--space-l) * var(--space-ratio));
  --space-xxl: calc(var(--space-xl) * var(--space-ratio));
}
html {
  font-size: clamp(8px, 0.52vw, 12.5px);
}
body {
  font-size: var(--text-size);
  color: var(--text-color);
  line-height: var(--text-line-height);
  font-weight: var(--text-weight);
  letter-spacing: var(--text-letter-spacing);
  font-style: var(--text-font-style);
  text-transform: var(--text-transform);
}
body h1 {
  font-size: var(--h1-size);
  color: var(--h1-color);
  line-height: var(--h1-line-height);
  font-weight: var(--h1-weight);
  letter-spacing: var(--h1-letter-spacing);
  font-style: var(--h1-font-style);
  text-transform: var(--h1-transform);
}
body h2 {
  font-size: var(--h2-size);
  color: var(--h2-color);
  line-height: var(--h2-line-height);
  font-weight: var(--h2-weight);
  letter-spacing: var(--h2-letter-spacing);
  font-style: var(--h2-font-style);
  text-transform: var(--h2-transform);
}
body h3 {
  font-size: var(--h3-size);
  color: var(--h3-color);
  line-height: var(--h3-line-height);
  font-weight: var(--h3-weight);
  letter-spacing: var(--h3-letter-spacing);
  font-style: var(--h3-font-style);
  text-transform: var(--h3-transform);
}
body h4 {
  font-size: var(--h4-size);
  color: var(--h4-color);
  line-height: var(--h4-line-height);
  font-weight: var(--h4-weight);
  letter-spacing: var(--h4-letter-spacing);
  font-style: var(--h4-font-style);
  text-transform: var(--h4-transform);
}
body h5 {
  font-size: var(--h5-size);
  color: var(--h5-color);
  line-height: var(--h5-line-height);
  font-weight: var(--h5-weight);
  letter-spacing: var(--h5-letter-spacing);
  font-style: var(--h5-font-style);
  text-transform: var(--h5-transform);
}
body h6 {
  font-size: var(--h6-size);
  color: var(--h6-color);
  line-height: var(--h6-line-height);
  font-weight: var(--h6-weight);
  letter-spacing: var(--h6-letter-spacing);
  font-style: var(--h6-font-style);
  text-transform: var(--h6-transform);
}
/* SECTION SETTINGS */
.brxe-post-content[data-source=bricks] {
  display: block;
}
section {
  padding: 0 var(--horizontal-mobile-margin);
  margin: var(--section-margin) 0;
}
section.section-background {
  margin: 0;
  padding: var(--section-margin) var(--horizontal-mobile-margin);
}
section > .brxe-container {
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
}
/* PADDING */
.p-xxs {
  padding: var(--space-xxs);
}
.p-xs {
  padding: var(--space-xs);
}
.p-s {
  padding: var(--space-s);
}
.p-m {
  padding: var(--space-m);
}
.p-l {
  padding: var(--space-l);
}
.p-xl {
  padding-right: var(--space-xl);
}
.p-xxl {
  padding-right: var(--space-xxl);
}
.pb-xxs {
  padding-bottom: var(--space-xxs);
}
.pb-xs {
  padding-bottom: var(--space-xs);
}
.pb-s {
  padding-bottom: var(--space-s);
}
.pb-m {
  padding-bottom: var(--space-m);
}
.pb-l {
  padding-bottom: var(--space-l);
}
.pb-xl {
  padding-bottom: var(--space-xl);
}
.pb-xxl {
  padding-bottom: var(--space-xxl);
}
.pt-xxs {
  padding: var(--space-xxs);
}
.pt-xs {
  padding: var(--space-xs);
}
.pt-s {
  padding: var(--space-s);
}
.pt-m {
  padding: var(--space-m);
}
.pt-l {
  padding: var(--space-l);
}
.pt-xl {
  padding-right: var(--space-xl);
}
.pt-xxl {
  padding-right: var(--space-xxl);
}
.pr-xxs {
  padding-right: var(--space-xxs);
}
.pr-xs {
  padding-right: var(--space-xs);
}
.pr-s {
  padding-right: var(--space-s);
}
.pr-m {
  padding-right: var(--space-m);
}
.pr-l {
  padding-right: var(--space-l);
}
.pr-xl {
  padding-right: var(--space-xl);
}
.pr-xxl {
  padding-right: var(--space-xxl);
}
.pl-xxs {
  padding-left: var(--space-xxs);
}
.pl-xs {
  padding-left: var(--space-xs);
}
.pl-s {
  padding-left: var(--space-s);
}
.pl-m {
  padding-left: var(--space-m);
}
.pl-l {
  padding-left: var(--space-l);
}
.pl-xl {
  padding-left: var(--space-xl);
}
.pl-xxl {
  padding-left: var(--space-xxl);
}
/* MARGIN */
.mar-xxs {
  margin: var(--space-xxs);
}
.mar-xs {
  margin: var(--space-xs);
}
.mar-s {
  margin: var(--space-s);
}
.mar-m {
  margin: var(--space-m);
}
.mar-l {
  margin: var(--space-l);
}
.mar-xl {
  margin: var(--space-xl);
}
.mar-xxl {
  margin: var(--space-xxl);
}
.mt-xxs {
  margin-top: var(--space-xxs);
}
.mt-xs {
  margin-top: var(--space-xs);
}
.mt-s {
  margin-top: var(--space-s);
}
.mt-m {
  margin-top: var(--space-m);
}
.mt-l {
  margin-top: var(--space-l);
}
.mt-xl {
  margin-top: var(--space-xl);
}
.mt-xxl {
  margin-top: var(--space-xxl);
}
.mb-xxs {
  margin-bottom: var(--space-xxs);
}
.mb-xs {
  margin-bottom: var(--space-xs);
}
.mb-s {
  margin-bottom: var(--space-s);
}
.mb-m {
  margin-bottom: var(--space-m);
}
.mb-l {
  margin-bottom: var(--space-l);
}
.mb-xl {
  margin-bottom: var(--space-xl);
}
.mb-xxl {
  margin-bottom: var(--space-xxl);
}
.mr-xxs {
  margin-right: var(--space-xxs);
}
.mr-xs {
  margin-right: var(--space-xs);
}
.mr-s {
  margin-right: var(--space-s);
}
.mr-m {
  margin-right: var(--space-m);
}
.mr-l {
  margin-right: var(--space-l);
}
.mr-xl {
  margin-right: var(--space-xl);
}
.mr-xxl {
  margin-right: var(--space-xxl);
}
.ml-xxs {
  margin-left: var(--space-xxs);
}
.ml-xs {
  margin-left: var(--space-xs);
}
.ml-s {
  margin-left: var(--space-s);
}
.ml-m {
  margin-left: var(--space-m);
}
.ml-l {
  margin-left: var(--space-l);
}
.ml-xl {
  margin-left: var(--space-xl);
}
.ml-xxl {
  margin-left: var(--space-xxl);
}
/* GRID */
.grid-1 {
  display: grid;
  grid-template-columns: 1fr;
}
.grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.grid-2-1 {
  display: grid;
  grid-template-columns: 2fr 1fr;
}
.grid-1-2 {
  display: grid;
  grid-template-columns: 1fr 2fr;
}
.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.grid-3-1 {
  display: grid;
  grid-template-columns: 3fr 1fr;
}
.grid-1-3 {
  display: grid;
  grid-template-columns: 1fr 3fr;
}
.grid-2-1-1 {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
}
.grid-1-2-1 {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
}
.grid-1-1-2 {
  display: grid;
  grid-template-columns: 1fr 1fr 2fr;
}
.grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.grid-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.grid-6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
/* FLEX */
.flex {
  display: flex;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-reverse {
  display: flex;
  flex-direction: row-reverse;
}
.flex-column-reverse {
  display: flex;
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
/* FLEX ROW NO WRAP */
.flex-equal {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.flex-equal > * {
  flex: 1 1 0;
}
.flex-1-2 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.flex-1-2 > *:first-child {
  flex: 1 1 0;
}
.flex-1-2 > *:last-child {
  flex: 2 1 0;
}
.flex-2-1 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.flex-2-1 > *:first-child {
  flex: 2 1 0;
}
.flex-2-1 > *:last-child {
  flex: 1 1 0;
}
.flex-1-3 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.flex-1-3 > *:first-child {
  flex: 1 1 0;
}
.flex-1-3 > *:last-child {
  flex: 3 1 0;
}
.flex-3-1 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.flex-3-1 > *:first-child {
  flex: 3 1 0;
}
.flex-3-1 > *:last-child {
  flex: 1 1 0;
}
.flex-2-1-1 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.flex-2-1-1 > *:nth-child(2), .flex-2-1-1 > *:last-child {
  flex: 1 1 0;
}
.flex-2-1-1 > *:first-child {
  flex: 2 1 0;
}
.flex-1-2-1 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.flex-1-2-1 > *:first-child, .flex-1-2-1 > *:last-child {
  flex: 1 1 0;
}
.flex-1-2-1 > *:nth-child(2) {
  flex: 2 1 0;
}
.flex-1-1-2 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.flex-1-1-2 > *:nth-child(2), .flex-1-1-2 > *:first-child {
  flex: 1 1 0;
}
.flex-1-1-2 > *:last-child {
  flex: 2 1 0;
}
.o-1 {
  order: 1;
}
.o-2 {
  order: 2;
}
.o-3 {
  order: 3;
}
.o-4 {
  order: 4;
}
.o-5 {
  order: 5;
}
.o-6 {
  order: 6;
}
/* DISPLAY */
.block {
  display: block;
}
.d-none {
  display: none;
}
/* GAP */
.gap-xxl {
  gap: var(--space-xxl);
}
.gap-xl {
  gap: var(--space-xl);
}
.gap-l {
  gap: var(--space-l);
}
.gap-m {
  gap: var(--space-m);
}
.gap-s {
  gap: var(--space-s);
}
.gap-xs {
  gap: var(--space-xs);
}
.gap-xxs {
  gap: var(--space-xxs);
}
/* ALIGNMENT */
.align-center {
  align-items: center;
}
.align-start {
  align-items: start;
}
.align-end {
  align-items: end;
}
.align-stretch {
  align-items: stretch;
}
.justify-center {
  justify-content: center;
}
.justify-start {
  justify-content: center;
}
.justify-end {
  justify-content: center;
}
.justify-between {
  justify-content: space-beween;
}
.justify-around {
  justify-content: space-around;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
/* POSITIONING */
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.sticky {
  position: sticky;
}
/* FUNCTIONALITY */
.clickable-card:after, .clickable-card > a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: transparent;
  cursor: pointer;
}
/* TYPOGRAPHY */
.text:not(span) {
  font-size: var(--text-size);
  color: var(--text-color);
  line-height: var(--text-line-height);
  font-weight: var(--text-weight);
  letter-spacing: var(--text-letter-spacing);
  font-style: var(--text-font-style);
  text-transform: var(--text-transform);
}
.h1 {
  font-size: var(--h1-size);
  color: var(--h1-color);
  line-height: var(--h1-line-height);
  font-weight: var(--h1-weight);
  letter-spacing: var(--h1-letter-spacing);
  font-style: var(--h1-font-style);
  text-transform: var(--h1-transform);
}
.h2 {
  font-size: var(--h2-size);
  color: var(--h2-color);
  line-height: var(--h2-line-height);
  font-weight: var(--h2-weight);
  letter-spacing: var(--h2-letter-spacing);
  font-style: var(--h2-font-style);
  text-transform: var(--h2-transform);
}
.h3 {
  font-size: var(--h3-size);
  color: var(--h3-color);
  line-height: var(--h3-line-height);
  font-weight: var(--h3-weight);
  letter-spacing: var(--h3-letter-spacing);
  font-style: var(--h3-font-style);
  text-transform: var(--h3-transform);
}
.h4 {
  font-size: var(--h4-size);
  color: var(--h4-color);
  line-height: var(--h4-line-height);
  font-weight: var(--h4-weight);
  letter-spacing: var(--h4-letter-spacing);
  font-style: var(--h4-font-style);
  text-transform: var(--h4-transform);
}
.h5 {
  font-size: var(--h5-size);
  color: var(--h5-color);
  line-height: var(--h5-line-height);
  font-weight: var(--h5-weight);
  letter-spacing: var(--h5-letter-spacing);
  font-style: var(--h5-font-style);
  text-transform: var(--h5-transform);
}
h6 {
  font-size: var(--h6-size);
  color: var(--h6-color);
  line-height: var(--h6-line-height);
  font-weight: var(--h6-weight);
  letter-spacing: var(--h6-letter-spacing);
  font-style: var(--h6-font-style);
  text-transform: var(--h6-transform);
}
.text-fs {
  font-size: var(--text-size);
}
.text-lh {
  line-height: var(--text-line-height);
}
.h1-fs {
  font-size: var(--h1-size);
}
.h1-lh {
  line-height: var(--h1-line-height);
}
.h2-fs {
  font-size: var(--h2-size);
}
.h2-lh {
  line-height: var(--h2-line-height);
}
.h3-fs {
  font-size: var(--h3-size);
}
.h3-lh {
  line-height: var(--h3-line-height);
}
.h4-fs {
  font-size: var(--h4-size);
}
.h4-lh {
  line-height: var(--h4-line-height);
}
.h5-fs {
  font-size: var(--h5-size);
}
.h5-lh {
  line-height: var(--h5-line-height);
}
.h6-fs {
  font-size: var(--h6-size);
}
.h6-lh {
  line-height: var(--h6-line-height);
}
.fw-100 {
  font-weight: 100;
}
.fw-200 {
  font-weight: 200;
}
.fw-300 {
  font-weight: 300;
}
.fw-400 {
  font-weight: 400;
}
.fw-500 {
  font-weight: 500;
}
.fw-600 {
  font-weight: 600;
}
.fw-700 {
  font-weight: 700;
}
.fw-800 {
  font-weight: 800;
}
.fw-900 {
  font-weight: 900;
}
.italic {
  font-style: italic;
}
.capitalize {
  text-transform: capitalize;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
/* SIZES */
.w-100 {
  width: 100%;
}
.w-100v {
  width: 100vw;
}
.h-100 {
  height: 100%;
}
.h-100v {
  height: 100vh;
}
/* EXTRA LARGE SCREEN MEDIA QUERY */
@media only screen and (min-width: 2560px) {
  /* PADDING */
  /* MARGIN */
  /* GRID */
  /* FLEX */
  /* FLEX ROW NO WRAP */
  /* DISPLAY */
  /* GAP */
  /* ALIGNMENT */
  /* POSITIONING */
  .xxl-p-xxs {
    padding: var(--space-xxs);
  }
  .xxl-p-xs {
    padding: var(--space-xs);
  }
  .xxl-p-s {
    padding: var(--space-s);
  }
  .xxl-p-m {
    padding: var(--space-m);
  }
  .xxl-p-l {
    padding: var(--space-l);
  }
  .xxl-p-xl {
    padding: var(--space-xl);
  }
  .xxl-p-xxl {
    padding: var(--space-xxl);
  }
  .xxl-pt-xxs {
    padding-top: var(--space-xxs);
  }
  .xxl-pt-xs {
    padding-top: var(--space-xs);
  }
  .xxl-pt-s {
    padding-top: var(--space-s);
  }
  .xxl-pt-m {
    padding-top: var(--space-m);
  }
  .xxl-pt-l {
    padding-top: var(--space-l);
  }
  .xxl-pt-xl {
    padding-top: var(--space-xl);
  }
  .xxl-pt-xxl {
    padding-top: var(--space-xxl);
  }
  .xxl-pb-xxs {
    padding-bottom: var(--space-xxs);
  }
  .xxl-pb-xs {
    padding-bottom: var(--space-xs);
  }
  .xxl-pb-s {
    padding-bottom: var(--space-s);
  }
  .xxl-pb-m {
    padding-bottom: var(--space-m);
  }
  .xxl-pb-l {
    padding-bottom: var(--space-l);
  }
  .xxl-pb-xl {
    padding-bottom: var(--space-xl);
  }
  .xxl-pb-xxl {
    padding-bottom: var(--space-xxl);
  }
  .xxl-pr-xxs {
    padding-right: var(--space-xxs);
  }
  .xxl-pr-xs {
    padding-right: var(--space-xs);
  }
  .xxl-pr-s {
    padding-right: var(--space-s);
  }
  .xxl-pr-m {
    padding-right: var(--space-m);
  }
  .xxl-pr-l {
    padding-right: var(--space-l);
  }
  .xxl-pr-xl {
    padding-right: var(--space-xl);
  }
  .xxl-pr-xxl {
    padding-right: var(--space-xxl);
  }
  .xxl-pl-xxs {
    padding-left: var(--space-xxs);
  }
  .xxl-pl-xs {
    padding-left: var(--space-xs);
  }
  .xxl-pl-s {
    padding-left: var(--space-s);
  }
  .xxl-pl-m {
    padding-left: var(--space-m);
  }
  .xxl-pl-l {
    padding-left: var(--space-l);
  }
  .xxl-pl-xl {
    padding-left: var(--space-xl);
  }
  .xxl-pl-xxl {
    padding-left: var(--space-xxl);
  }
  .xxl-mar-xxs {
    margin: var(--space-xxs);
  }
  .xxl-mar-xs {
    margin: var(--space-xs);
  }
  .xxl-mar-s {
    margin: var(--space-s);
  }
  .xxl-mar-m {
    margin: var(--space-m);
  }
  .xxl-mar-l {
    margin: var(--space-l);
  }
  .xxl-mar-xl {
    margin: var(--space-xl);
  }
  .xxl-mar-xxl {
    margin: var(--space-xxl);
  }
  .xxl-mt-xxs {
    margin-top: var(--space-xxs);
  }
  .xxl-mt-xs {
    margin-top: var(--space-xs);
  }
  .xxl-mt-s {
    margin-top: var(--space-s);
  }
  .xxl-mt-m {
    margin-top: var(--space-m);
  }
  .xxl-mt-l {
    margin-top: var(--space-l);
  }
  .xxl-mt-xl {
    margin-top: var(--space-xl);
  }
  .xxl-mt-xxl {
    margin-top: var(--space-xxl);
  }
  .xxl-mb-xxs {
    margin-bottom: var(--space-xxs);
  }
  .xxl-mb-xs {
    margin-bottom: var(--space-xs);
  }
  .xxl-mb-s {
    margin-bottom: var(--space-s);
  }
  .xxl-mb-m {
    margin-bottom: var(--space-m);
  }
  .xxl-mb-l {
    margin-bottom: var(--space-l);
  }
  .xxl-mb-xl {
    margin-bottom: var(--space-xl);
  }
  .xxl-mb-xxl {
    margin-bottom: var(--space-xxl);
  }
  .xxl-mr-xxs {
    margin-right: var(--space-xxs);
  }
  .xxl-mr-xs {
    margin-right: var(--space-xs);
  }
  .xxl-mr-s {
    margin-right: var(--space-s);
  }
  .xxl-mr-m {
    margin-right: var(--space-m);
  }
  .xxl-mr-l {
    margin-right: var(--space-l);
  }
  .xxl-mr-xl {
    margin-right: var(--space-xl);
  }
  .xxl-mr-xxl {
    margin-right: var(--space-xxl);
  }
  .xxl-ml-xxs {
    margin-left: var(--space-xxs);
  }
  .xxl-ml-xs {
    margin-left: var(--space-xs);
  }
  .xxl-ml-s {
    margin-left: var(--space-s);
  }
  .xxl-ml-m {
    margin-left: var(--space-m);
  }
  .xxl-ml-l {
    margin-left: var(--space-l);
  }
  .xxl-ml-xl {
    margin-left: var(--space-xl);
  }
  .xxl-ml-xxl {
    margin-left: var(--space-xxl);
  }
  .xxl-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .xxl-grid-2-1 {
    display: grid;
    grid-template-columns: 2fr 1fr;
  }
  html {
    font-size: var(--xxl-global-font-size);
  }
  .xxl-grid-1-2 {
    display: grid;
    grid-template-columns: 1fr 2fr;
  }
  .xxl-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .xxl-grid-3-1 {
    display: grid;
    grid-template-columns: 3fr 1fr;
  }
  .xxl-grid-1-3 {
    display: grid;
    grid-template-columns: 1fr 3fr;
  }
  .xxl-grid-2-1-1 {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
  }
  .xxl-grid-1-2-1 {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
  }
  .xxl-grid-1-1-2 {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
  }
  .xxl-grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .xxl-grid-1-1-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 3fr;
  }
  .xxl-grid-1-3-1 {
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
  }
  .xxl-grid-3-1-1 {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr;
  }
  .xxl-grid-5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
  .xxl-grid-6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
  .xxl-grid-7 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
  }
  .xxl-grid-8 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
  }
  .xxl-flex {
    display: flex;
  }
  .xxl-flex-row {
    display: flex;
    flex-direction: row;
  }
  .xxl-flex-column {
    display: flex;
    flex-direction: column;
  }
  .xxl-flex-reverse {
    display: flex;
    flex-direction: row-reverse;
  }
  .xxl-flex-column-reverse {
    display: flex;
    flex-direction: column-reverse;
  }
  .xxl-flex-wrap {
    flex-wrap: wrap;
  }
  .xxl-flex-equal {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .xxl-flex-equal > * {
    flex: 1 1 0;
  }
  .xxl-flex-1-2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .xxl-flex-1-2 > *:first-child {
    flex: 1 1 0;
  }
  .xxl-flex-1-2 > *:last-child {
    flex: 2 1 0;
  }
  .xxl-flex-2-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .xxl-flex-2-1 > *:first-child {
    flex: 2 1 0;
  }
  .xxl-flex-2-1 > *:last-child {
    flex: 1 1 0;
  }
  .xxl-flex-1-3 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .xxl-flex-1-3 > *:first-child {
    flex: 1 1 0;
  }
  .xxl-flex-1-3 > *:last-child {
    flex: 3 1 0;
  }
  .xxl-flex-3-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .xxl-flex-3-1 > *:first-child {
    flex: 3 1 0;
  }
  .xxl-flex-3-1 > *:last-child {
    flex: 1 1 0;
  }
  .xxl-flex-2-1-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .xxl-flex-2-1-1 > *:nth-child(2), .xxl-flex-2-1-1 > *:last-child {
    flex: 1 1 0;
  }
  .xxl-flex-2-1-1 > *:first-child {
    flex: 2 1 0;
  }
  .xxl-flex-1-2-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .xxl-flex-1-2-1 > *:first-child, .xxl-flex-1-2-1 > *:last-child {
    flex: 1 1 0;
  }
  .xxl-flex-1-2-1 > *:nth-child(2) {
    flex: 2 1 0;
  }
  .xxl-flex-1-1-2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .xxl-flex-1-1-2 > *:nth-child(2), .xxl-flex-1-1-2 > *:first-child {
    flex: 1 1 0;
  }
  .xxl-flex-1-1-2 > *:last-child {
    flex: 2 1 0;
  }
  .xxl-o-1 {
    order: 1;
  }
  .xxl-o-2 {
    order: 2;
  }
  .xxl-o-3 {
    order: 3;
  }
  .xxl-o-4 {
    order: 4;
  }
  .xxl-o-5 {
    order: 5;
  }
  .xxl-o-6 {
    order: 6;
  }
  .xxl-block {
    display: block;
  }
  .xxl-d-none {
    display: none;
  }
  .xxl-gap-xxl {
    gap: var(--space-xxl);
  }
  .xxl-gap-xl {
    gap: var(--space-xl);
  }
  .xxl-gap-l {
    gap: var(--space-l);
  }
  .xxl-gap-m {
    gap: var(--space-m);
  }
  .xxl-gap-s {
    gap: var(--space-s);
  }
  .xxl-gap-xs {
    gap: var(--space-xs);
  }
  .xxl-gap-xxs {
    gap: var(--space-xxs);
  }
  .xxl-align-center {
    align-items: center;
  }
  .xxl-align-start {
    align-items: start;
  }
  .xxl-align-end {
    align-items: end;
  }
  .xxl-align-stretch {
    align-items: stretch;
  }
  .xxl-justify-center {
    justify-content: center;
  }
  .xxl-justify-start {
    justify-content: center;
  }
  .xxl-justify-end {
    justify-content: center;
  }
  .xxl-justify-between {
    justify-content: space-beween;
  }
  .xxl-justify-around {
    justify-content: space-around;
  }
  .xxl-text-center {
    text-align: center;
  }
  .xxl-text-left {
    text-align: left;
  }
  .xxl-text-right {
    text-align: right;
  }
  .xxl-relative {
    position: relative;
  }
  .xxl-absolute {
    position: absolute;
  }
  .xxl-sticky {
    position: sticky;
  }
}
/* LAPTOP SCREEN MEDIA QUERY */
@media only screen and (max-width: 1440px) {
  /* PADDING */
  /* MARGIN */
  /* GRID */
  /* FLEX */
  /* FLEX ROW NO WRAP */
  /* DISPLAY */
  /* GAP */
  /* ALIGNMENT */
  /* POSITIONING */
  .l-p-xxs {
    padding: var(--space-xxs);
  }
  .l-p-xs {
    padding: var(--space-xs);
  }
  .l-p-s {
    padding: var(--space-s);
  }
  .l-p-m {
    padding: var(--space-m);
  }
  .l-p-l {
    padding: var(--space-l);
  }
  .l-p-xl {
    padding: var(--space-xl);
  }
  .l-p-xxl {
    padding: var(--space-xxl);
  }
  .l-pt-xxs {
    padding-top: var(--space-xxs);
  }
  .l-pt-xs {
    padding-top: var(--space-xs);
  }
  .l-pt-s {
    padding-top: var(--space-s);
  }
  .l-pt-m {
    padding-top: var(--space-m);
  }
  .l-pt-l {
    padding-top: var(--space-l);
  }
  .l-pt-xl {
    padding-top: var(--space-xl);
  }
  .l-pt-xxl {
    padding-top: var(--space-xxl);
  }
  .l-pb-xxs {
    padding-bottom: var(--space-xxs);
  }
  .l-pb-xs {
    padding-bottom: var(--space-xs);
  }
  .l-pb-s {
    padding-bottom: var(--space-s);
  }
  .l-pb-m {
    padding-bottom: var(--space-m);
  }
  .l-pb-l {
    padding-bottom: var(--space-l);
  }
  .l-pb-xl {
    padding-bottom: var(--space-xl);
  }
  .l-pb-xxl {
    padding-bottom: var(--space-xxl);
  }
  .l-pr-xxs {
    padding-right: var(--space-xxs);
  }
  .l-pr-xs {
    padding-right: var(--space-xs);
  }
  .l-pr-s {
    padding-right: var(--space-s);
  }
  .l-pr-m {
    padding-right: var(--space-m);
  }
  .l-pr-l {
    padding-right: var(--space-l);
  }
  .l-pr-xl {
    padding-right: var(--space-xl);
  }
  .l-pr-xxl {
    padding-right: var(--space-xxl);
  }
  .l-pl-xxs {
    padding-left: var(--space-xxs);
  }
  .l-pl-xs {
    padding-left: var(--space-xs);
  }
  .l-pl-s {
    padding-left: var(--space-s);
  }
  .l-pl-m {
    padding-left: var(--space-m);
  }
  .l-pl-l {
    padding-left: var(--space-l);
  }
  .l-pl-xl {
    padding-left: var(--space-xl);
  }
  .l-pl-xxl {
    padding-left: var(--space-xxl);
  }
  .l-mar-xxs {
    margin: var(--space-xxs);
  }
  .l-mar-xs {
    margin: var(--space-xs);
  }
  .l-mar-s {
    margin: var(--space-s);
  }
  .l-mar-m {
    margin: var(--space-m);
  }
  .l-mar-l {
    margin: var(--space-l);
  }
  .l-mar-xl {
    margin: var(--space-xl);
  }
  .l-mar-xxl {
    margin: var(--space-xxl);
  }
  .l-mt-xxs {
    margin-top: var(--space-xxs);
  }
  .l-mt-xs {
    margin-top: var(--space-xs);
  }
  .l-mt-s {
    margin-top: var(--space-s);
  }
  .l-mt-m {
    margin-top: var(--space-m);
  }
  .l-mt-l {
    margin-top: var(--space-l);
  }
  .l-mt-xl {
    margin-top: var(--space-xl);
  }
  .l-mt-xxl {
    margin-top: var(--space-xxl);
  }
  .l-mb-xxs {
    margin-bottom: var(--space-xxs);
  }
  .l-mb-xs {
    margin-bottom: var(--space-xs);
  }
  .l-mb-s {
    margin-bottom: var(--space-s);
  }
  .l-mb-m {
    margin-bottom: var(--space-m);
  }
  .l-mb-l {
    margin-bottom: var(--space-l);
  }
  .l-mb-xl {
    margin-bottom: var(--space-xl);
  }
  .l-mb-xxl {
    margin-bottom: var(--space-xxl);
  }
  .l-mr-xxs {
    margin-right: var(--space-xxs);
  }
  .l-mr-xs {
    margin-right: var(--space-xs);
  }
  .l-mr-s {
    margin-right: var(--space-s);
  }
  .l-mr-m {
    margin-right: var(--space-m);
  }
  .l-mr-l {
    margin-right: var(--space-l);
  }
  .l-mr-xl {
    margin-right: var(--space-xl);
  }
  .l-mr-xxl {
    margin-right: var(--space-xxl);
  }
  .l-ml-xxs {
    margin-left: var(--space-xxs);
  }
  .l-ml-xs {
    margin-left: var(--space-xs);
  }
  .l-ml-s {
    margin-left: var(--space-s);
  }
  .l-ml-m {
    margin-left: var(--space-m);
  }
  .l-ml-l {
    margin-left: var(--space-l);
  }
  .l-ml-xl {
    margin-left: var(--space-xl);
  }
  .l-ml-xxl {
    margin-left: var(--space-xxl);
  }
  .l-grid-1 {
    display: grid;
    grid-template-columns: 1fr;
  }
  .l-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .l-grid-2-1 {
    display: grid;
    grid-template-columns: 2fr 1fr;
  }
  .l-grid-1-2 {
    display: grid;
    grid-template-columns: 1fr 2fr;
  }
  .l-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .l-grid-3-1 {
    display: grid;
    grid-template-columns: 3fr 1fr;
  }
  .l-grid-1-3 {
    display: grid;
    grid-template-columns: 1fr 3fr;
  }
  .l-grid-2-1-1 {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
  }
  .l-grid-1-2-1 {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
  }
  .l-grid-1-1-2 {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
  }
  .l-grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .l-flex {
    display: flex;
  }
  .l-flex-row {
    display: flex;
    flex-direction: row;
  }
  .l-flex-column {
    display: flex;
    flex-direction: column;
  }
  .l-flex-reverse {
    display: flex;
    flex-direction: row-reverse;
  }
  .l-flex-column-reverse {
    display: flex;
    flex-direction: column-reverse;
  }
  .l-flex-wrap {
    flex-wrap: wrap;
  }
  .l-flex-1 {
    display: flex;
    flex-wrap: nowrap;
  }
  .l-flex-1 > * {
    flex: 0 0 100%;
  }
  .l-flex-equal {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .l-flex-equal > * {
    flex: 1 1 0;
  }
  .l-flex-1-2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .l-flex-1-2 > *:first-child {
    flex: 1 1 0;
  }
  .l-flex-1-2 > *:last-child {
    flex: 2 1 0;
  }
  .l-flex-2-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .l-flex-2-1 > *:first-child {
    flex: 2 1 0;
  }
  .l-flex-2-1 > *:last-child {
    flex: 1 1 0;
  }
  .l-flex-1-3 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .l-flex-1-3 > *:first-child {
    flex: 1 1 0;
  }
  .l-flex-1-3 > *:last-child {
    flex: 3 1 0;
  }
  .l-flex-3-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .l-flex-3-1 > *:first-child {
    flex: 3 1 0;
  }
  .l-flex-3-1 > *:last-child {
    flex: 1 1 0;
  }
  .l-flex-2-1-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .l-flex-2-1-1 > *:nth-child(2), .l-flex-2-1-1 > *:last-child {
    flex: 1 1 0;
  }
  .l-flex-2-1-1 > *:first-child {
    flex: 2 1 0;
  }
  .l-flex-1-2-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .l-flex-1-2-1 > *:first-child, .l-flex-1-2-1 > *:last-child {
    flex: 1 1 0;
  }
  .l-flex-1-2-1 > *:nth-child(2) {
    flex: 2 1 0;
  }
  .l-flex-1-1-2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .l-flex-1-1-2 > *:nth-child(2), .l-flex-1-1-2 > *:first-child {
    flex: 1 1 0;
  }
  .l-flex-1-1-2 > *:last-child {
    flex: 2 1 0;
  }
  .l-o-1 {
    order: 1;
  }
  .l-o-2 {
    order: 2;
  }
  .l-o-3 {
    order: 3;
  }
  .l-o-4 {
    order: 4;
  }
  .l-o-5 {
    order: 5;
  }
  .l-o-6 {
    order: 6;
  }
  .l-block {
    display: block;
  }
  .l-d-none {
    display: none;
  }
  .l-gap-xxl {
    gap: var(--space-xxl);
  }
  .l-gap-xl {
    gap: var(--space-xl);
  }
  .l-gap-l {
    gap: var(--space-l);
  }
  .l-gap-m {
    gap: var(--space-m);
  }
  .l-gap-s {
    gap: var(--space-s);
  }
  .l-gap-xs {
    gap: var(--space-xs);
  }
  .l-gap-xxs {
    gap: var(--space-xxs);
  }
  .l-align-center {
    align-items: center;
  }
  .l-align-start {
    align-items: start;
  }
  .l-align-end {
    align-items: end;
  }
  .l-align-stretch {
    align-items: stretch;
  }
  .l-justify-center {
    justify-content: center;
  }
  .l-justify-start {
    justify-content: center;
  }
  .l-justify-end {
    justify-content: center;
  }
  .l-justify-between {
    justify-content: space-beween;
  }
  .l-justify-around {
    justify-content: space-around;
  }
  .l-text-center {
    text-align: center;
  }
  .l-text-left {
    text-align: left;
  }
  .l-text-right {
    text-align: right;
  }
  .l-relative {
    position: relative;
  }
  .l-absolute {
    position: absolute;
  }
  .l-sticky {
    position: sticky;
  }
}
/* TABLET SCREEN MEDIA QUERY */
@media only screen and (max-width: 992px) {
  /* PADDING */
  /* MARGIN */
  /* GRID */
  /* FLEX */
  /* FLEX ROW NO WRAP */
  /* DISPLAY */
  /* GAP */
  /* ALIGNMENT */
  /* POSITIONING */
  .m-p-xxs {
    padding: var(--space-xxs);
  }
  .m-p-xs {
    padding: var(--space-xs);
  }
  .m-p-s {
    padding: var(--space-s);
  }
  .m-p-m {
    padding: var(--space-m);
  }
  .m-p-l {
    padding: var(--space-l);
  }
  .m-p-xl {
    padding: var(--space-xl);
  }
  .m-p-xxl {
    padding: var(--space-xxl);
  }
  .m-pt-xxs {
    padding-top: var(--space-xxs);
  }
  .m-pt-xs {
    padding-top: var(--space-xs);
  }
  .m-pt-s {
    padding-top: var(--space-s);
  }
  .m-pt-m {
    padding-top: var(--space-m);
  }
  .m-pt-l {
    padding-top: var(--space-l);
  }
  .m-pt-xl {
    padding-top: var(--space-xl);
  }
  .m-pt-xxl {
    padding-top: var(--space-xxl);
  }
  .m-pb-xxs {
    padding-bottom: var(--space-xxs);
  }
  .m-pb-xs {
    padding-bottom: var(--space-xs);
  }
  .m-pb-s {
    padding-bottom: var(--space-s);
  }
  .m-pb-m {
    padding-bottom: var(--space-m);
  }
  .m-pb-l {
    padding-bottom: var(--space-l);
  }
  .m-pb-xl {
    padding-bottom: var(--space-xl);
  }
  .m-pb-xxl {
    padding-bottom: var(--space-xxl);
  }
  .m-pr-xxs {
    padding-right: var(--space-xxs);
  }
  .m-pr-xs {
    padding-right: var(--space-xs);
  }
  .m-pr-s {
    padding-right: var(--space-s);
  }
  .m-pr-m {
    padding-right: var(--space-m);
  }
  .m-pr-l {
    padding-right: var(--space-l);
  }
  .m-pr-xl {
    padding-right: var(--space-xl);
  }
  .m-pr-xxl {
    padding-right: var(--space-xxl);
  }
  .m-pl-xxs {
    padding-left: var(--space-xxs);
  }
  .m-pl-xs {
    padding-left: var(--space-xs);
  }
  .m-pl-s {
    padding-left: var(--space-s);
  }
  .m-pl-m {
    padding-left: var(--space-m);
  }
  .m-pl-l {
    padding-left: var(--space-l);
  }
  .m-pl-xl {
    padding-left: var(--space-xl);
  }
  .m-pl-xxl {
    padding-left: var(--space-xxl);
  }
  .m-mar-xxs {
    margin: var(--space-xxs);
  }
  .m-mar-xs {
    margin: var(--space-xs);
  }
  .m-mar-s {
    margin: var(--space-s);
  }
  .m-mar-m {
    margin: var(--space-m);
  }
  .m-mar-l {
    margin: var(--space-l);
  }
  .m-mar-xl {
    margin: var(--space-xl);
  }
  .m-mar-xxl {
    margin: var(--space-xxl);
  }
  .m-mt-xxs {
    margin-top: var(--space-xxs);
  }
  .m-mt-xs {
    margin-top: var(--space-xs);
  }
  .m-mt-s {
    margin-top: var(--space-s);
  }
  .m-mt-m {
    margin-top: var(--space-m);
  }
  .m-mt-l {
    margin-top: var(--space-l);
  }
  .m-mt-xl {
    margin-top: var(--space-xl);
  }
  .m-mt-xxl {
    margin-top: var(--space-xxl);
  }
  .m-mb-xxs {
    margin-bottom: var(--space-xxs);
  }
  .m-mb-xs {
    margin-bottom: var(--space-xs);
  }
  .m-mb-s {
    margin-bottom: var(--space-s);
  }
  .m-mb-m {
    margin-bottom: var(--space-m);
  }
  .m-mb-l {
    margin-bottom: var(--space-l);
  }
  .m-mb-xl {
    margin-bottom: var(--space-xl);
  }
  .m-mb-xxl {
    margin-bottom: var(--space-xxl);
  }
  .m-mr-xxs {
    margin-right: var(--space-xxs);
  }
  .m-mr-xs {
    margin-right: var(--space-xs);
  }
  .m-mr-s {
    margin-right: var(--space-s);
  }
  .m-mr-m {
    margin-right: var(--space-m);
  }
  .m-mr-l {
    margin-right: var(--space-l);
  }
  .m-mr-xl {
    margin-right: var(--space-xl);
  }
  .m-mr-xxl {
    margin-right: var(--space-xxl);
  }
  .m-ml-xxs {
    margin-left: var(--space-xxs);
  }
  .m-ml-xs {
    margin-left: var(--space-xs);
  }
  .m-ml-s {
    margin-left: var(--space-s);
  }
  .m-ml-m {
    margin-left: var(--space-m);
  }
  .m-ml-l {
    margin-left: var(--space-l);
  }
  .m-ml-xl {
    margin-left: var(--space-xl);
  }
  .m-ml-xxl {
    margin-left: var(--space-xxl);
  }
  .m-grid-1 {
    display: grid;
    grid-template-columns: 1fr;
  }
  .m-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .m-grid-2-1 {
    display: grid;
    grid-template-columns: 2fr 1fr;
  }
  .m-grid-1-2 {
    display: grid;
    grid-template-columns: 1fr 2fr;
  }
  .m-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .m-grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .m-flex {
    display: flex;
  }
  .m-flex-row {
    display: flex;
    flex-direction: row;
  }
  .m-flex-column {
    display: flex;
    flex-direction: column;
  }
  .m-flex-reverse {
    display: flex;
    flex-direction: row-reverse;
  }
  .m-flex-column-reverse {
    display: flex;
    flex-direction: column-reverse;
  }
  .m-flex-wrap {
    flex-wrap: wrap;
  }
  .m-flex-1 {
    display: flex;
    flex-wrap: wrap;
  }
  .m-flex-1 > * {
    flex: 0 0 100%;
  }
  .m-flex-equal {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .m-flex-equal > * {
    flex: 1 1 0;
  }
  .m-flex-1-2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .m-flex-1-2 > *:first-child {
    flex: 1 1 0;
  }
  .m-flex-1-2 > *:last-child {
    flex: 2 1 0;
  }
  .m-flex-2-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .m-flex-2-1 > *:first-child {
    flex: 2 1 0;
  }
  .m-flex-2-1 > *:last-child {
    flex: 1 1 0;
  }
  .m-flex-1-3 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .m-flex-1-3 > *:first-child {
    flex: 1 1 0;
  }
  .m-flex-1-3 > *:last-child {
    flex: 3 1 0;
  }
  .m-flex-3-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .m-flex-3-1 > *:first-child {
    flex: 3 1 0;
  }
  .m-flex-3-1 > *:last-child {
    flex: 1 1 0;
  }
  .m-flex-2-1-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .m-flex-2-1-1 > *:nth-child(2), .m-flex-2-1-1 > *:last-child {
    flex: 1 1 0;
  }
  .m-flex-2-1-1 > *:first-child {
    flex: 2 1 0;
  }
  .m-flex-1-2-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .m-flex-1-2-1 > *:first-child, .m-flex-1-2-1 > *:last-child {
    flex: 1 1 0;
  }
  .m-flex-1-2-1 > *:nth-child(2) {
    flex: 2 1 0;
  }
  .m-flex-1-1-2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .m-flex-1-1-2 > *:nth-child(2), .m-flex-1-1-2 > *:first-child {
    flex: 1 1 0;
  }
  .m-flex-1-1-2 > *:last-child {
    flex: 2 1 0;
  }
  .m-o-1 {
    order: 1;
  }
  .m-o-2 {
    order: 2;
  }
  .m-o-3 {
    order: 3;
  }
  .m-o-4 {
    order: 4;
  }
  .m-o-5 {
    order: 5;
  }
  .m-o-6 {
    order: 6;
  }
  .m-block {
    display: block;
  }
  .m-d-none {
    display: none;
  }
  .m-gap-xxl {
    gap: var(--space-xxl);
  }
  .m-gap-xl {
    gap: var(--space-xl);
  }
  .m-gap-l {
    gap: var(--space-l);
  }
  .m-gap-m {
    gap: var(--space-m);
  }
  .m-gap-s {
    gap: var(--space-s);
  }
  .m-gap-xs {
    gap: var(--space-xs);
  }
  .m-gap-xxs {
    gap: var(--space-xxs);
  }
  .m-align-center {
    align-items: center;
  }
  .m-align-start {
    align-items: start;
  }
  .m-align-end {
    align-items: end;
  }
  .m-align-stretch {
    align-items: stretch;
  }
  .m-justify-center {
    justify-content: center;
  }
  .m-justify-start {
    justify-content: center;
  }
  .m-justify-end {
    justify-content: center;
  }
  .m-justify-between {
    justify-content: space-beween;
  }
  .m-justify-around {
    justify-content: space-around;
  }
  .m-text-center {
    text-align: center;
  }
  .m-text-left {
    text-align: left;
  }
  .m-text-right {
    text-align: right;
  }
  .m-relative {
    position: relative;
  }
  .m-absolute {
    position: absolute;
  }
  .m-sticky {
    position: sticky;
  }
}
/* MOBILE SCREEN MEDIA QUERY */
@media only screen and (max-width: 550px) {
  /* PADDING */
  /* MARGIN */
  /* GRID */
  /* FLEX */
  /* FLEX ROW NO WRAP */
  /* DISPLAY */
  /* GAP */
  /* ALIGNMENT */
  /* POSITIONING */
  .s-p-xxs {
    padding: var(--space-xxs);
  }
  .s-p-xs {
    padding: var(--space-xs);
  }
  .s-p-s {
    padding: var(--space-s);
  }
  .s-p-m {
    padding: var(--space-m);
  }
  .s-p-l {
    padding: var(--space-l);
  }
  .s-p-xl {
    padding: var(--space-xl);
  }
  .s-p-xxl {
    padding: var(--space-xxl);
  }
  .s-pt-xxs {
    padding-top: var(--space-xxs);
  }
  .s-pt-xs {
    padding-top: var(--space-xs);
  }
  .s-pt-s {
    padding-top: var(--space-s);
  }
  .s-pt-m {
    padding-top: var(--space-m);
  }
  .s-pt-l {
    padding-top: var(--space-l);
  }
  .s-pt-xl {
    padding-top: var(--space-xl);
  }
  .s-pt-xxl {
    padding-top: var(--space-xxl);
  }
  .s-pb-xxs {
    padding-bottom: var(--space-xxs);
  }
  .s-pb-xs {
    padding-bottom: var(--space-xs);
  }
  .s-pb-s {
    padding-bottom: var(--space-s);
  }
  .s-pb-m {
    padding-bottom: var(--space-m);
  }
  .s-pb-l {
    padding-bottom: var(--space-l);
  }
  .s-pb-xl {
    padding-bottom: var(--space-xl);
  }
  .s-pb-xxl {
    padding-bottom: var(--space-xxl);
  }
  .s-pr-xxs {
    padding-right: var(--space-xxs);
  }
  .s-pr-xs {
    padding-right: var(--space-xs);
  }
  .s-pr-s {
    padding-right: var(--space-s);
  }
  .s-pr-m {
    padding-right: var(--space-m);
  }
  .s-pr-l {
    padding-right: var(--space-l);
  }
  .s-pr-xl {
    padding-right: var(--space-xl);
  }
  .s-pr-xxl {
    padding-right: var(--space-xxl);
  }
  .s-pl-xxs {
    padding-left: var(--space-xxs);
  }
  .s-pl-xs {
    padding-left: var(--space-xs);
  }
  .s-pl-s {
    padding-left: var(--space-s);
  }
  .s-pl-m {
    padding-left: var(--space-m);
  }
  .s-pl-l {
    padding-left: var(--space-l);
  }
  .s-pl-xl {
    padding-left: var(--space-xl);
  }
  .s-pl-xxl {
    padding-left: var(--space-xxl);
  }
  .s-mar-xxs {
    margin: var(--space-xxs);
  }
  .s-mar-xs {
    margin: var(--space-xs);
  }
  .s-mar-s {
    margin: var(--space-s);
  }
  .s-mar-m {
    margin: var(--space-m);
  }
  .s-mar-l {
    margin: var(--space-l);
  }
  .s-mar-xl {
    margin: var(--space-xl);
  }
  .s-mar-xxl {
    margin: var(--space-xxl);
  }
  .s-mt-xxs {
    margin-top: var(--space-xxs);
  }
  .s-mt-xs {
    margin-top: var(--space-xs);
  }
  .s-mt-s {
    margin-top: var(--space-s);
  }
  .s-mt-m {
    margin-top: var(--space-m);
  }
  .s-mt-l {
    margin-top: var(--space-l);
  }
  .s-mt-xl {
    margin-top: var(--space-xl);
  }
  .s-mt-xxl {
    margin-top: var(--space-xxl);
  }
  .s-mb-xxs {
    margin-bottom: var(--space-xxs);
  }
  .s-mb-xs {
    margin-bottom: var(--space-xs);
  }
  .s-mb-s {
    margin-bottom: var(--space-s);
  }
  .s-mb-m {
    margin-bottom: var(--space-m);
  }
  .s-mb-l {
    margin-bottom: var(--space-l);
  }
  .s-mb-xl {
    margin-bottom: var(--space-xl);
  }
  .s-mb-xxl {
    margin-bottom: var(--space-xxl);
  }
  .s-mr-xxs {
    margin-right: var(--space-xxs);
  }
  .s-mr-xs {
    margin-right: var(--space-xs);
  }
  .s-mr-s {
    margin-right: var(--space-s);
  }
  .s-mr-m {
    margin-right: var(--space-m);
  }
  .s-mr-l {
    margin-right: var(--space-l);
  }
  .s-mr-xl {
    margin-right: var(--space-xl);
  }
  .s-mr-xxl {
    margin-right: var(--space-xxl);
  }
  .s-ml-xxs {
    margin-left: var(--space-xxs);
  }
  .s-ml-xs {
    margin-left: var(--space-xs);
  }
  .s-ml-s {
    margin-left: var(--space-s);
  }
  .s-ml-m {
    margin-left: var(--space-m);
  }
  .s-ml-l {
    margin-left: var(--space-l);
  }
  .s-ml-xl {
    margin-left: var(--space-xl);
  }
  .s-ml-xxl {
    margin-left: var(--space-xxl);
  }
  .s-grid-1 {
    display: grid;
    grid-template-columns: 1fr;
  }
  .s-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .s-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .s-grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .s-flex {
    display: flex;
  }
  .s-flex-column {
    display: flex;
    flex-direction: column;
  }
  .s-flex-reverse {
    display: flex;
    flex-direction: row-reverse;
  }
  .s-flex-column-reverse {
    display: flex;
    flex-direction: column-reverse;
  }
  .s-flex-wrap {
    flex-wrap: wrap;
  }
  .s-flex-1 {
    display: flex;
    flex-wrap: wrap;
  }
  .s-flex-1 > * {
    flex: 0 0 100%;
  }
  .s-flex-equal {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .s-flex-equal > * {
    flex: 1 1 0;
  }
  .s-flex-1-2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .s-flex-1-2 > *:first-child {
    flex: 1 1 0;
  }
  .s-flex-1-2 > *:last-child {
    flex: 2 1 0;
  }
  .s-flex-2-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .s-flex-2-1 > *:first-child {
    flex: 2 1 0;
  }
  .s-flex-2-1 > *:last-child {
    flex: 1 1 0;
  }
  .s-flex-1-3 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .s-flex-1-3 > *:first-child {
    flex: 1 1 0;
  }
  .s-flex-1-3 > *:last-child {
    flex: 3 1 0;
  }
  .s-flex-3-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .s-flex-3-1 > *:first-child {
    flex: 3 1 0;
  }
  .s-flex-3-1 > *:last-child {
    flex: 1 1 0;
  }
  .s-flex-2-1-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .s-flex-2-1-1 > *:nth-child(2), .s-flex-2-1-1 > *:last-child {
    flex: 1 1 0;
  }
  .s-flex-2-1-1 > *:first-child {
    flex: 2 1 0;
  }
  .s-flex-1-2-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .s-flex-1-2-1 > *:first-child, .s-flex-1-2-1 > *:last-child {
    flex: 1 1 0;
  }
  .s-flex-1-2-1 > *:nth-child(2) {
    flex: 2 1 0;
  }
  .s-flex-1-1-2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .s-flex-1-1-2 > *:nth-child(2), .s-flex-1-1-2 > *:first-child {
    flex: 1 1 0;
  }
  .s-flex-1-1-2 > *:last-child {
    flex: 2 1 0;
  }
  .s-o-1 {
    order: 1;
  }
  .s-o-2 {
    order: 2;
  }
  .s-o-3 {
    order: 3;
  }
  .s-o-4 {
    order: 4;
  }
  .s-o-5 {
    order: 5;
  }
  .s-o-6 {
    order: 6;
  }
  .s-block {
    display: block;
  }
  .s-d-none {
    display: none;
  }
  .s-gap-xxl {
    gap: var(--space-xxl);
  }
  .s-gap-xl {
    gap: var(--space-xl);
  }
  .s-gap-l {
    gap: var(--space-l);
  }
  .s-gap-m {
    gap: var(--space-m);
  }
  .s-gap-s {
    gap: var(--space-s);
  }
  .s-gap-xs {
    gap: var(--space-xs);
  }
  .s-gap-xxs {
    gap: var(--space-xxs);
  }
  .s-align-center {
    align-items: center;
  }
  .s-align-start {
    align-items: start;
  }
  .s-align-end {
    align-items: end;
  }
  .s-align-stretch {
    align-items: stretch;
  }
  .s-justify-center {
    justify-content: center;
  }
  .s-justify-start {
    justify-content: center;
  }
  .s-justify-end {
    justify-content: center;
  }
  .s-justify-between {
    justify-content: space-beween;
  }
  .s-justify-around {
    justify-content: space-around;
  }
  .s-text-center {
    text-align: center;
  }
  .s-text-left {
    text-align: left;
  }
  .s-text-right {
    text-align: right;
  }
  .s-relative {
    position: relative;
  }
  .s-absolute {
    position: absolute;
  }
  .s-sticky {
    position: sticky;
  }
}