html {
  scroll-behavior: smooth;
  overflow-x: hidden;
  box-sizing: border-box;
}
html.no_scroll {
  overflow: hidden;
}

body {
  overflow-x: hidden;
  margin: 0px;
}

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

.fullwidth {
  width: 100%;
}

.container, .con {
  width: 100%;
  min-width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

.ingrid, .ingrid-narrow, .ingrid-wide {
  margin: auto;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

.ingrid-wide {
  max-width: 1450px;
}

.ingrid-narrow {
  max-width: 850px;
}

.ingrid {
  max-width: 1100px;
}

.ingrid-inner.section-1-ingrid {
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (min-width: 1100px) {
  .ingrid-inner.section-1-ingrid {
    padding-left: calc((100vw - 1100px) / 2);
    padding-right: 0px;
  }
}
.ingrid-inner.section-2-ingrid {
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (min-width: 1100px) {
  .ingrid-inner.section-2-ingrid {
    padding-right: calc((100vw - 1100px) / 2);
    padding-left: 0px;
  }
}

.reversed .ingrid-inner.section-1-ingrid {
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (min-width: 1100px) {
  .reversed .ingrid-inner.section-1-ingrid {
    padding-right: calc((100vw - 1100px) / 2);
    padding-left: 0px;
  }
}
.reversed .ingrid-inner.section-2-ingrid {
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (min-width: 1100px) {
  .reversed .ingrid-inner.section-2-ingrid {
    padding-left: calc((100vw - 1100px) / 2);
    padding-right: 0px;
  }
}

.ingrid-wide {
  width: 1450px;
}

.row {
  display: flex;
  flex-direction: row;
}
.row-r {
  display: flex;
  flex-direction: row-reverse;
}
.row-1 {
  display: flex;
  flex-direction: row;
  flex: 1;
  width: 100%;
}
.row-1-r {
  display: flex;
  flex-direction: row-reverse;
}
.row-2 {
  display: flex;
  flex-direction: row;
  flex: 2;
  width: 100%;
}
.row-2-r {
  display: flex;
  flex-direction: row-reverse;
}
.row-3 {
  display: flex;
  flex-direction: row;
  flex: 3;
  width: 100%;
}
.row-3-r {
  display: flex;
  flex-direction: row-reverse;
}
.row-4 {
  display: flex;
  flex-direction: row;
  flex: 4;
  width: 100%;
}
.row-4-r {
  display: flex;
  flex-direction: row-reverse;
}
.row-5 {
  display: flex;
  flex-direction: row;
  flex: 5;
  width: 100%;
}
.row-5-r {
  display: flex;
  flex-direction: row-reverse;
}
.row-6 {
  display: flex;
  flex-direction: row;
  flex: 6;
  width: 100%;
}
.row-6-r {
  display: flex;
  flex-direction: row-reverse;
}

.col {
  display: flex;
  flex-direction: column;
}
.col-r {
  display: flex;
  flex-direction: column-reverse;
}
.col-1 {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
}
.col-1-r {
  display: flex;
  flex-direction: column-reverse;
}
.col-2 {
  display: flex;
  flex-direction: column;
  flex: 2;
  width: 100%;
}
.col-2-r {
  display: flex;
  flex-direction: column-reverse;
}
.col-3 {
  display: flex;
  flex-direction: column;
  flex: 3;
  width: 100%;
}
.col-3-r {
  display: flex;
  flex-direction: column-reverse;
}
.col-4 {
  display: flex;
  flex-direction: column;
  flex: 4;
  width: 100%;
}
.col-4-r {
  display: flex;
  flex-direction: column-reverse;
}
.col-5 {
  display: flex;
  flex-direction: column;
  flex: 5;
  width: 100%;
}
.col-5-r {
  display: flex;
  flex-direction: column-reverse;
}
.col-6 {
  display: flex;
  flex-direction: column;
  flex: 6;
  width: 100%;
}
.col-6-r {
  display: flex;
  flex-direction: column-reverse;
}

.grid {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.grid-1 {
  display: flex;
  flex-wrap: wrap;
}
.grid-1 > div {
  display: flex;
  flex: 1 0 calc(100% / 1);
  max-width: calc(100% / 1);
}
.grid-2 {
  display: flex;
  flex-wrap: wrap;
}
.grid-2 > div {
  display: flex;
  flex: 1 0 calc(100% / 2);
  max-width: calc(100% / 2);
}
.grid-3 {
  display: flex;
  flex-wrap: wrap;
}
.grid-3 > div {
  display: flex;
  flex: 1 0 calc(100% / 3);
  max-width: calc(100% / 3);
}
.grid-4 {
  display: flex;
  flex-wrap: wrap;
}
.grid-4 > div {
  display: flex;
  flex: 1 0 calc(100% / 4);
  max-width: calc(100% / 4);
}
.grid-5 {
  display: flex;
  flex-wrap: wrap;
}
.grid-5 > div {
  display: flex;
  flex: 1 0 calc(100% / 5);
  max-width: calc(100% / 5);
}
.grid-6 {
  display: flex;
  flex-wrap: wrap;
}
.grid-6 > div {
  display: flex;
  flex: 1 0 calc(100% / 6);
  max-width: calc(100% / 6);
}
.grid-1.g-xxs {
  display: flex;
  flex-wrap: wrap;
}
.grid-1.g-xxs > div {
  display: flex;
  flex: 1 0 calc(100% / 1);
  max-width: calc(100% / 1 - var(--sizes-xxs) * (1 - 1) / 1);
}
.grid-1.g-xs {
  display: flex;
  flex-wrap: wrap;
}
.grid-1.g-xs > div {
  display: flex;
  flex: 1 0 calc(100% / 1);
  max-width: calc(100% / 1 - var(--sizes-xs) * (1 - 1) / 1);
}
.grid-1.g-sm {
  display: flex;
  flex-wrap: wrap;
}
.grid-1.g-sm > div {
  display: flex;
  flex: 1 0 calc(100% / 1);
  max-width: calc(100% / 1 - var(--sizes-sm) * (1 - 1) / 1);
}
.grid-1.g-md {
  display: flex;
  flex-wrap: wrap;
}
.grid-1.g-md > div {
  display: flex;
  flex: 1 0 calc(100% / 1);
  max-width: calc(100% / 1 - var(--sizes-md) * (1 - 1) / 1);
}
.grid-1.g-lg {
  display: flex;
  flex-wrap: wrap;
}
.grid-1.g-lg > div {
  display: flex;
  flex: 1 0 calc(100% / 1);
  max-width: calc(100% / 1 - var(--sizes-lg) * (1 - 1) / 1);
}
.grid-1.g-xl {
  display: flex;
  flex-wrap: wrap;
}
.grid-1.g-xl > div {
  display: flex;
  flex: 1 0 calc(100% / 1);
  max-width: calc(100% / 1 - var(--sizes-xl) * (1 - 1) / 1);
}
.grid-1.g-xxl {
  display: flex;
  flex-wrap: wrap;
}
.grid-1.g-xxl > div {
  display: flex;
  flex: 1 0 calc(100% / 1);
  max-width: calc(100% / 1 - var(--sizes-xxl) * (1 - 1) / 1);
}
.grid-2.g-xxs {
  display: flex;
  flex-wrap: wrap;
}
.grid-2.g-xxs > div {
  display: flex;
  flex: 1 0 calc(100% / 2);
  max-width: calc(100% / 2 - var(--sizes-xxs) * (2 - 1) / 2);
}
.grid-2.g-xs {
  display: flex;
  flex-wrap: wrap;
}
.grid-2.g-xs > div {
  display: flex;
  flex: 1 0 calc(100% / 2);
  max-width: calc(100% / 2 - var(--sizes-xs) * (2 - 1) / 2);
}
.grid-2.g-sm {
  display: flex;
  flex-wrap: wrap;
}
.grid-2.g-sm > div {
  display: flex;
  flex: 1 0 calc(100% / 2);
  max-width: calc(100% / 2 - var(--sizes-sm) * (2 - 1) / 2);
}
.grid-2.g-md {
  display: flex;
  flex-wrap: wrap;
}
.grid-2.g-md > div {
  display: flex;
  flex: 1 0 calc(100% / 2);
  max-width: calc(100% / 2 - var(--sizes-md) * (2 - 1) / 2);
}
.grid-2.g-lg {
  display: flex;
  flex-wrap: wrap;
}
.grid-2.g-lg > div {
  display: flex;
  flex: 1 0 calc(100% / 2);
  max-width: calc(100% / 2 - var(--sizes-lg) * (2 - 1) / 2);
}
.grid-2.g-xl {
  display: flex;
  flex-wrap: wrap;
}
.grid-2.g-xl > div {
  display: flex;
  flex: 1 0 calc(100% / 2);
  max-width: calc(100% / 2 - var(--sizes-xl) * (2 - 1) / 2);
}
.grid-2.g-xxl {
  display: flex;
  flex-wrap: wrap;
}
.grid-2.g-xxl > div {
  display: flex;
  flex: 1 0 calc(100% / 2);
  max-width: calc(100% / 2 - var(--sizes-xxl) * (2 - 1) / 2);
}
.grid-3.g-xxs {
  display: flex;
  flex-wrap: wrap;
}
.grid-3.g-xxs > div {
  display: flex;
  flex: 1 0 calc(100% / 3);
  max-width: calc(100% / 3 - var(--sizes-xxs) * (3 - 1) / 3);
}
.grid-3.g-xs {
  display: flex;
  flex-wrap: wrap;
}
.grid-3.g-xs > div {
  display: flex;
  flex: 1 0 calc(100% / 3);
  max-width: calc(100% / 3 - var(--sizes-xs) * (3 - 1) / 3);
}
.grid-3.g-sm {
  display: flex;
  flex-wrap: wrap;
}
.grid-3.g-sm > div {
  display: flex;
  flex: 1 0 calc(100% / 3);
  max-width: calc(100% / 3 - var(--sizes-sm) * (3 - 1) / 3);
}
.grid-3.g-md {
  display: flex;
  flex-wrap: wrap;
}
.grid-3.g-md > div {
  display: flex;
  flex: 1 0 calc(100% / 3);
  max-width: calc(100% / 3 - var(--sizes-md) * (3 - 1) / 3);
}
.grid-3.g-lg {
  display: flex;
  flex-wrap: wrap;
}
.grid-3.g-lg > div {
  display: flex;
  flex: 1 0 calc(100% / 3);
  max-width: calc(100% / 3 - var(--sizes-lg) * (3 - 1) / 3);
}
.grid-3.g-xl {
  display: flex;
  flex-wrap: wrap;
}
.grid-3.g-xl > div {
  display: flex;
  flex: 1 0 calc(100% / 3);
  max-width: calc(100% / 3 - var(--sizes-xl) * (3 - 1) / 3);
}
.grid-3.g-xxl {
  display: flex;
  flex-wrap: wrap;
}
.grid-3.g-xxl > div {
  display: flex;
  flex: 1 0 calc(100% / 3);
  max-width: calc(100% / 3 - var(--sizes-xxl) * (3 - 1) / 3);
}
.grid-4.g-xxs {
  display: flex;
  flex-wrap: wrap;
}
.grid-4.g-xxs > div {
  display: flex;
  flex: 1 0 calc(100% / 4);
  max-width: calc(100% / 4 - var(--sizes-xxs) * (4 - 1) / 4);
}
.grid-4.g-xs {
  display: flex;
  flex-wrap: wrap;
}
.grid-4.g-xs > div {
  display: flex;
  flex: 1 0 calc(100% / 4);
  max-width: calc(100% / 4 - var(--sizes-xs) * (4 - 1) / 4);
}
.grid-4.g-sm {
  display: flex;
  flex-wrap: wrap;
}
.grid-4.g-sm > div {
  display: flex;
  flex: 1 0 calc(100% / 4);
  max-width: calc(100% / 4 - var(--sizes-sm) * (4 - 1) / 4);
}
.grid-4.g-md {
  display: flex;
  flex-wrap: wrap;
}
.grid-4.g-md > div {
  display: flex;
  flex: 1 0 calc(100% / 4);
  max-width: calc(100% / 4 - var(--sizes-md) * (4 - 1) / 4);
}
.grid-4.g-lg {
  display: flex;
  flex-wrap: wrap;
}
.grid-4.g-lg > div {
  display: flex;
  flex: 1 0 calc(100% / 4);
  max-width: calc(100% / 4 - var(--sizes-lg) * (4 - 1) / 4);
}
.grid-4.g-xl {
  display: flex;
  flex-wrap: wrap;
}
.grid-4.g-xl > div {
  display: flex;
  flex: 1 0 calc(100% / 4);
  max-width: calc(100% / 4 - var(--sizes-xl) * (4 - 1) / 4);
}
.grid-4.g-xxl {
  display: flex;
  flex-wrap: wrap;
}
.grid-4.g-xxl > div {
  display: flex;
  flex: 1 0 calc(100% / 4);
  max-width: calc(100% / 4 - var(--sizes-xxl) * (4 - 1) / 4);
}
.grid-5.g-xxs {
  display: flex;
  flex-wrap: wrap;
}
.grid-5.g-xxs > div {
  display: flex;
  flex: 1 0 calc(100% / 5);
  max-width: calc(100% / 5 - var(--sizes-xxs) * (5 - 1) / 5);
}
.grid-5.g-xs {
  display: flex;
  flex-wrap: wrap;
}
.grid-5.g-xs > div {
  display: flex;
  flex: 1 0 calc(100% / 5);
  max-width: calc(100% / 5 - var(--sizes-xs) * (5 - 1) / 5);
}
.grid-5.g-sm {
  display: flex;
  flex-wrap: wrap;
}
.grid-5.g-sm > div {
  display: flex;
  flex: 1 0 calc(100% / 5);
  max-width: calc(100% / 5 - var(--sizes-sm) * (5 - 1) / 5);
}
.grid-5.g-md {
  display: flex;
  flex-wrap: wrap;
}
.grid-5.g-md > div {
  display: flex;
  flex: 1 0 calc(100% / 5);
  max-width: calc(100% / 5 - var(--sizes-md) * (5 - 1) / 5);
}
.grid-5.g-lg {
  display: flex;
  flex-wrap: wrap;
}
.grid-5.g-lg > div {
  display: flex;
  flex: 1 0 calc(100% / 5);
  max-width: calc(100% / 5 - var(--sizes-lg) * (5 - 1) / 5);
}
.grid-5.g-xl {
  display: flex;
  flex-wrap: wrap;
}
.grid-5.g-xl > div {
  display: flex;
  flex: 1 0 calc(100% / 5);
  max-width: calc(100% / 5 - var(--sizes-xl) * (5 - 1) / 5);
}
.grid-5.g-xxl {
  display: flex;
  flex-wrap: wrap;
}
.grid-5.g-xxl > div {
  display: flex;
  flex: 1 0 calc(100% / 5);
  max-width: calc(100% / 5 - var(--sizes-xxl) * (5 - 1) / 5);
}
.grid-6.g-xxs {
  display: flex;
  flex-wrap: wrap;
}
.grid-6.g-xxs > div {
  display: flex;
  flex: 1 0 calc(100% / 6);
  max-width: calc(100% / 6 - var(--sizes-xxs) * (6 - 1) / 6);
}
.grid-6.g-xs {
  display: flex;
  flex-wrap: wrap;
}
.grid-6.g-xs > div {
  display: flex;
  flex: 1 0 calc(100% / 6);
  max-width: calc(100% / 6 - var(--sizes-xs) * (6 - 1) / 6);
}
.grid-6.g-sm {
  display: flex;
  flex-wrap: wrap;
}
.grid-6.g-sm > div {
  display: flex;
  flex: 1 0 calc(100% / 6);
  max-width: calc(100% / 6 - var(--sizes-sm) * (6 - 1) / 6);
}
.grid-6.g-md {
  display: flex;
  flex-wrap: wrap;
}
.grid-6.g-md > div {
  display: flex;
  flex: 1 0 calc(100% / 6);
  max-width: calc(100% / 6 - var(--sizes-md) * (6 - 1) / 6);
}
.grid-6.g-lg {
  display: flex;
  flex-wrap: wrap;
}
.grid-6.g-lg > div {
  display: flex;
  flex: 1 0 calc(100% / 6);
  max-width: calc(100% / 6 - var(--sizes-lg) * (6 - 1) / 6);
}
.grid-6.g-xl {
  display: flex;
  flex-wrap: wrap;
}
.grid-6.g-xl > div {
  display: flex;
  flex: 1 0 calc(100% / 6);
  max-width: calc(100% / 6 - var(--sizes-xl) * (6 - 1) / 6);
}
.grid-6.g-xxl {
  display: flex;
  flex-wrap: wrap;
}
.grid-6.g-xxl > div {
  display: flex;
  flex: 1 0 calc(100% / 6);
  max-width: calc(100% / 6 - var(--sizes-xxl) * (6 - 1) / 6);
}

.row.a, .row-1.a, .row-2.a, .row-3.a, .row-4.a, .row-5.a, .row-6.a {
  justify-content: space-between;
}
.row.a-tl, .row.a-l, .row-1.a-tl, .row-1.a-l, .row-2.a-tl, .row-2.a-l, .row-3.a-tl, .row-3.a-l, .row-4.a-tl, .row-4.a-l, .row-5.a-tl, .row-5.a-l, .row-6.a-tl, .row-6.a-l {
  justify-content: flex-start;
  align-items: flex-start;
}
.row.a-tc, .row.a-c, .row-1.a-tc, .row-1.a-c, .row-2.a-tc, .row-2.a-c, .row-3.a-tc, .row-3.a-c, .row-4.a-tc, .row-4.a-c, .row-5.a-tc, .row-5.a-c, .row-6.a-tc, .row-6.a-c {
  justify-content: center;
  align-items: flex-start;
  text-align: center;
}
.row.a-tr, .row.a-r, .row-1.a-tr, .row-1.a-r, .row-2.a-tr, .row-2.a-r, .row-3.a-tr, .row-3.a-r, .row-4.a-tr, .row-4.a-r, .row-5.a-tr, .row-5.a-r, .row-6.a-tr, .row-6.a-r {
  justify-content: flex-end;
  align-items: flex-start;
  text-align: right;
}
.row.a-cl, .row-1.a-cl, .row-2.a-cl, .row-3.a-cl, .row-4.a-cl, .row-5.a-cl, .row-6.a-cl {
  justify-content: flex-start;
  align-items: center;
}
.row.a-cc, .row-1.a-cc, .row-2.a-cc, .row-3.a-cc, .row-4.a-cc, .row-5.a-cc, .row-6.a-cc {
  justify-content: center;
  align-items: center;
  text-align: center;
}
.row.a-cr, .row-1.a-cr, .row-2.a-cr, .row-3.a-cr, .row-4.a-cr, .row-5.a-cr, .row-6.a-cr {
  justify-content: flex-end;
  align-items: center;
  text-align: right;
}
.row.a-bl, .row.a-b, .row-1.a-bl, .row-1.a-b, .row-2.a-bl, .row-2.a-b, .row-3.a-bl, .row-3.a-b, .row-4.a-bl, .row-4.a-b, .row-5.a-bl, .row-5.a-b, .row-6.a-bl, .row-6.a-b {
  justify-content: flex-start;
  align-items: flex-end;
}
.row.a-bc, .row-1.a-bc, .row-2.a-bc, .row-3.a-bc, .row-4.a-bc, .row-5.a-bc, .row-6.a-bc {
  justify-content: center;
  align-items: flex-end;
  text-align: center;
}
.row.a-br, .row-1.a-br, .row-2.a-br, .row-3.a-br, .row-4.a-br, .row-5.a-br, .row-6.a-br {
  justify-content: flex-end;
  align-items: flex-end;
  text-align: right;
}

.col.a, .col-1.a, .col-2.a, .col-3.a, .col-4.a, .col-5.a, .col-6.a {
  justify-content: space-between;
}
.col.a-tl, .col.a-l, .col-1.a-tl, .col-1.a-l, .col-2.a-tl, .col-2.a-l, .col-3.a-tl, .col-3.a-l, .col-4.a-tl, .col-4.a-l, .col-5.a-tl, .col-5.a-l, .col-6.a-tl, .col-6.a-l {
  justify-content: flex-start;
  align-items: flex-start;
}
.col.a-tc, .col.a-c, .col-1.a-tc, .col-1.a-c, .col-2.a-tc, .col-2.a-c, .col-3.a-tc, .col-3.a-c, .col-4.a-tc, .col-4.a-c, .col-5.a-tc, .col-5.a-c, .col-6.a-tc, .col-6.a-c {
  justify-content: flex-start;
  align-items: center;
  text-align: center;
}
.col.a-tr, .col.a-r, .col-1.a-tr, .col-1.a-r, .col-2.a-tr, .col-2.a-r, .col-3.a-tr, .col-3.a-r, .col-4.a-tr, .col-4.a-r, .col-5.a-tr, .col-5.a-r, .col-6.a-tr, .col-6.a-r {
  justify-content: flex-start;
  align-items: flex-end;
  text-align: right;
}
.col.a-cl, .col-1.a-cl, .col-2.a-cl, .col-3.a-cl, .col-4.a-cl, .col-5.a-cl, .col-6.a-cl {
  justify-content: center;
  align-items: flex-start;
}
.col.a-cc, .col-1.a-cc, .col-2.a-cc, .col-3.a-cc, .col-4.a-cc, .col-5.a-cc, .col-6.a-cc {
  justify-content: center;
  align-items: center;
  text-align: center;
}
.col.a-cr, .col-1.a-cr, .col-2.a-cr, .col-3.a-cr, .col-4.a-cr, .col-5.a-cr, .col-6.a-cr {
  justify-content: center;
  align-items: flex-end;
  text-align: right;
}
.col.a-bl, .col.a-b, .col-1.a-bl, .col-1.a-b, .col-2.a-bl, .col-2.a-b, .col-3.a-bl, .col-3.a-b, .col-4.a-bl, .col-4.a-b, .col-5.a-bl, .col-5.a-b, .col-6.a-bl, .col-6.a-b {
  justify-content: flex-end;
  align-items: flex-start;
}
.col.a-bc, .col-1.a-bc, .col-2.a-bc, .col-3.a-bc, .col-4.a-bc, .col-5.a-bc, .col-6.a-bc {
  justify-content: flex-end;
  align-items: center;
  text-align: center;
}
.col.a-br, .col-1.a-br, .col-2.a-br, .col-3.a-br, .col-4.a-br, .col-5.a-br, .col-6.a-br {
  justify-content: flex-end;
  align-items: flex-end;
  text-align: right;
}

@media only screen and (max-width: 1200px) {
  .t-row {
    display: flex;
    flex-direction: row;
  }
  .t-row-r {
    display: flex;
    flex-direction: row-reverse;
  }
  .t-row-1 {
    display: flex;
    flex-direction: row;
    flex: 1;
    width: 100%;
  }
  .t-row-1-r {
    display: flex;
    flex-direction: row-reverse;
  }
  .t-row-2 {
    display: flex;
    flex-direction: row;
    flex: 2;
    width: 100%;
  }
  .t-row-2-r {
    display: flex;
    flex-direction: row-reverse;
  }
  .t-row-3 {
    display: flex;
    flex-direction: row;
    flex: 3;
    width: 100%;
  }
  .t-row-3-r {
    display: flex;
    flex-direction: row-reverse;
  }
  .t-row-4 {
    display: flex;
    flex-direction: row;
    flex: 4;
    width: 100%;
  }
  .t-row-4-r {
    display: flex;
    flex-direction: row-reverse;
  }
  .t-row-5 {
    display: flex;
    flex-direction: row;
    flex: 5;
    width: 100%;
  }
  .t-row-5-r {
    display: flex;
    flex-direction: row-reverse;
  }
  .t-row-6 {
    display: flex;
    flex-direction: row;
    flex: 6;
    width: 100%;
  }
  .t-row-6-r {
    display: flex;
    flex-direction: row-reverse;
  }
  .t-col {
    display: flex;
    flex-direction: column;
  }
  .t-col-r {
    display: flex;
    flex-direction: column-reverse;
  }
  .t-col-1 {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
  }
  .t-col-1-r {
    display: flex;
    flex-direction: column-reverse;
  }
  .t-col-2 {
    display: flex;
    flex-direction: column;
    flex: 2;
    width: 100%;
  }
  .t-col-2-r {
    display: flex;
    flex-direction: column-reverse;
  }
  .t-col-3 {
    display: flex;
    flex-direction: column;
    flex: 3;
    width: 100%;
  }
  .t-col-3-r {
    display: flex;
    flex-direction: column-reverse;
  }
  .t-col-4 {
    display: flex;
    flex-direction: column;
    flex: 4;
    width: 100%;
  }
  .t-col-4-r {
    display: flex;
    flex-direction: column-reverse;
  }
  .t-col-5 {
    display: flex;
    flex-direction: column;
    flex: 5;
    width: 100%;
  }
  .t-col-5-r {
    display: flex;
    flex-direction: column-reverse;
  }
  .t-col-6 {
    display: flex;
    flex-direction: column;
    flex: 6;
    width: 100%;
  }
  .t-col-6-r {
    display: flex;
    flex-direction: column-reverse;
  }
  .t-grid {
    display: flex;
    flex-direction: row;
    width: 100%;
  }
  .t-grid-1 {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-1 > div {
    display: flex;
    flex: 1 0 calc(100% / 1);
    max-width: calc(100% / 1);
  }
  .t-grid-2 {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-2 > div {
    display: flex;
    flex: 1 0 calc(100% / 2);
    max-width: calc(100% / 2);
  }
  .t-grid-3 {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-3 > div {
    display: flex;
    flex: 1 0 calc(100% / 3);
    max-width: calc(100% / 3);
  }
  .t-grid-4 {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-4 > div {
    display: flex;
    flex: 1 0 calc(100% / 4);
    max-width: calc(100% / 4);
  }
  .t-grid-5 {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-5 > div {
    display: flex;
    flex: 1 0 calc(100% / 5);
    max-width: calc(100% / 5);
  }
  .t-grid-6 {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-6 > div {
    display: flex;
    flex: 1 0 calc(100% / 6);
    max-width: calc(100% / 6);
  }
  .t-grid-1.g-xxs {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-1.g-xxs > div {
    display: flex;
    flex: 1 0 calc(100% / 1);
    max-width: calc(100% / 1 - var(--sizes-xxs) * (1 - 1) / 1);
  }
  .t-grid-1.g-xs {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-1.g-xs > div {
    display: flex;
    flex: 1 0 calc(100% / 1);
    max-width: calc(100% / 1 - var(--sizes-xs) * (1 - 1) / 1);
  }
  .t-grid-1.g-sm {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-1.g-sm > div {
    display: flex;
    flex: 1 0 calc(100% / 1);
    max-width: calc(100% / 1 - var(--sizes-sm) * (1 - 1) / 1);
  }
  .t-grid-1.g-md {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-1.g-md > div {
    display: flex;
    flex: 1 0 calc(100% / 1);
    max-width: calc(100% / 1 - var(--sizes-md) * (1 - 1) / 1);
  }
  .t-grid-1.g-lg {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-1.g-lg > div {
    display: flex;
    flex: 1 0 calc(100% / 1);
    max-width: calc(100% / 1 - var(--sizes-lg) * (1 - 1) / 1);
  }
  .t-grid-1.g-xl {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-1.g-xl > div {
    display: flex;
    flex: 1 0 calc(100% / 1);
    max-width: calc(100% / 1 - var(--sizes-xl) * (1 - 1) / 1);
  }
  .t-grid-1.g-xxl {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-1.g-xxl > div {
    display: flex;
    flex: 1 0 calc(100% / 1);
    max-width: calc(100% / 1 - var(--sizes-xxl) * (1 - 1) / 1);
  }
  .t-grid-2.g-xxs {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-2.g-xxs > div {
    display: flex;
    flex: 1 0 calc(100% / 2);
    max-width: calc(100% / 2 - var(--sizes-xxs) * (2 - 1) / 2);
  }
  .t-grid-2.g-xs {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-2.g-xs > div {
    display: flex;
    flex: 1 0 calc(100% / 2);
    max-width: calc(100% / 2 - var(--sizes-xs) * (2 - 1) / 2);
  }
  .t-grid-2.g-sm {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-2.g-sm > div {
    display: flex;
    flex: 1 0 calc(100% / 2);
    max-width: calc(100% / 2 - var(--sizes-sm) * (2 - 1) / 2);
  }
  .t-grid-2.g-md {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-2.g-md > div {
    display: flex;
    flex: 1 0 calc(100% / 2);
    max-width: calc(100% / 2 - var(--sizes-md) * (2 - 1) / 2);
  }
  .t-grid-2.g-lg {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-2.g-lg > div {
    display: flex;
    flex: 1 0 calc(100% / 2);
    max-width: calc(100% / 2 - var(--sizes-lg) * (2 - 1) / 2);
  }
  .t-grid-2.g-xl {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-2.g-xl > div {
    display: flex;
    flex: 1 0 calc(100% / 2);
    max-width: calc(100% / 2 - var(--sizes-xl) * (2 - 1) / 2);
  }
  .t-grid-2.g-xxl {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-2.g-xxl > div {
    display: flex;
    flex: 1 0 calc(100% / 2);
    max-width: calc(100% / 2 - var(--sizes-xxl) * (2 - 1) / 2);
  }
  .t-grid-3.g-xxs {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-3.g-xxs > div {
    display: flex;
    flex: 1 0 calc(100% / 3);
    max-width: calc(100% / 3 - var(--sizes-xxs) * (3 - 1) / 3);
  }
  .t-grid-3.g-xs {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-3.g-xs > div {
    display: flex;
    flex: 1 0 calc(100% / 3);
    max-width: calc(100% / 3 - var(--sizes-xs) * (3 - 1) / 3);
  }
  .t-grid-3.g-sm {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-3.g-sm > div {
    display: flex;
    flex: 1 0 calc(100% / 3);
    max-width: calc(100% / 3 - var(--sizes-sm) * (3 - 1) / 3);
  }
  .t-grid-3.g-md {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-3.g-md > div {
    display: flex;
    flex: 1 0 calc(100% / 3);
    max-width: calc(100% / 3 - var(--sizes-md) * (3 - 1) / 3);
  }
  .t-grid-3.g-lg {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-3.g-lg > div {
    display: flex;
    flex: 1 0 calc(100% / 3);
    max-width: calc(100% / 3 - var(--sizes-lg) * (3 - 1) / 3);
  }
  .t-grid-3.g-xl {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-3.g-xl > div {
    display: flex;
    flex: 1 0 calc(100% / 3);
    max-width: calc(100% / 3 - var(--sizes-xl) * (3 - 1) / 3);
  }
  .t-grid-3.g-xxl {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-3.g-xxl > div {
    display: flex;
    flex: 1 0 calc(100% / 3);
    max-width: calc(100% / 3 - var(--sizes-xxl) * (3 - 1) / 3);
  }
  .t-grid-4.g-xxs {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-4.g-xxs > div {
    display: flex;
    flex: 1 0 calc(100% / 4);
    max-width: calc(100% / 4 - var(--sizes-xxs) * (4 - 1) / 4);
  }
  .t-grid-4.g-xs {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-4.g-xs > div {
    display: flex;
    flex: 1 0 calc(100% / 4);
    max-width: calc(100% / 4 - var(--sizes-xs) * (4 - 1) / 4);
  }
  .t-grid-4.g-sm {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-4.g-sm > div {
    display: flex;
    flex: 1 0 calc(100% / 4);
    max-width: calc(100% / 4 - var(--sizes-sm) * (4 - 1) / 4);
  }
  .t-grid-4.g-md {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-4.g-md > div {
    display: flex;
    flex: 1 0 calc(100% / 4);
    max-width: calc(100% / 4 - var(--sizes-md) * (4 - 1) / 4);
  }
  .t-grid-4.g-lg {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-4.g-lg > div {
    display: flex;
    flex: 1 0 calc(100% / 4);
    max-width: calc(100% / 4 - var(--sizes-lg) * (4 - 1) / 4);
  }
  .t-grid-4.g-xl {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-4.g-xl > div {
    display: flex;
    flex: 1 0 calc(100% / 4);
    max-width: calc(100% / 4 - var(--sizes-xl) * (4 - 1) / 4);
  }
  .t-grid-4.g-xxl {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-4.g-xxl > div {
    display: flex;
    flex: 1 0 calc(100% / 4);
    max-width: calc(100% / 4 - var(--sizes-xxl) * (4 - 1) / 4);
  }
  .t-grid-5.g-xxs {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-5.g-xxs > div {
    display: flex;
    flex: 1 0 calc(100% / 5);
    max-width: calc(100% / 5 - var(--sizes-xxs) * (5 - 1) / 5);
  }
  .t-grid-5.g-xs {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-5.g-xs > div {
    display: flex;
    flex: 1 0 calc(100% / 5);
    max-width: calc(100% / 5 - var(--sizes-xs) * (5 - 1) / 5);
  }
  .t-grid-5.g-sm {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-5.g-sm > div {
    display: flex;
    flex: 1 0 calc(100% / 5);
    max-width: calc(100% / 5 - var(--sizes-sm) * (5 - 1) / 5);
  }
  .t-grid-5.g-md {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-5.g-md > div {
    display: flex;
    flex: 1 0 calc(100% / 5);
    max-width: calc(100% / 5 - var(--sizes-md) * (5 - 1) / 5);
  }
  .t-grid-5.g-lg {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-5.g-lg > div {
    display: flex;
    flex: 1 0 calc(100% / 5);
    max-width: calc(100% / 5 - var(--sizes-lg) * (5 - 1) / 5);
  }
  .t-grid-5.g-xl {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-5.g-xl > div {
    display: flex;
    flex: 1 0 calc(100% / 5);
    max-width: calc(100% / 5 - var(--sizes-xl) * (5 - 1) / 5);
  }
  .t-grid-5.g-xxl {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-5.g-xxl > div {
    display: flex;
    flex: 1 0 calc(100% / 5);
    max-width: calc(100% / 5 - var(--sizes-xxl) * (5 - 1) / 5);
  }
  .t-grid-6.g-xxs {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-6.g-xxs > div {
    display: flex;
    flex: 1 0 calc(100% / 6);
    max-width: calc(100% / 6 - var(--sizes-xxs) * (6 - 1) / 6);
  }
  .t-grid-6.g-xs {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-6.g-xs > div {
    display: flex;
    flex: 1 0 calc(100% / 6);
    max-width: calc(100% / 6 - var(--sizes-xs) * (6 - 1) / 6);
  }
  .t-grid-6.g-sm {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-6.g-sm > div {
    display: flex;
    flex: 1 0 calc(100% / 6);
    max-width: calc(100% / 6 - var(--sizes-sm) * (6 - 1) / 6);
  }
  .t-grid-6.g-md {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-6.g-md > div {
    display: flex;
    flex: 1 0 calc(100% / 6);
    max-width: calc(100% / 6 - var(--sizes-md) * (6 - 1) / 6);
  }
  .t-grid-6.g-lg {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-6.g-lg > div {
    display: flex;
    flex: 1 0 calc(100% / 6);
    max-width: calc(100% / 6 - var(--sizes-lg) * (6 - 1) / 6);
  }
  .t-grid-6.g-xl {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-6.g-xl > div {
    display: flex;
    flex: 1 0 calc(100% / 6);
    max-width: calc(100% / 6 - var(--sizes-xl) * (6 - 1) / 6);
  }
  .t-grid-6.g-xxl {
    display: flex;
    flex-wrap: wrap;
  }
  .t-grid-6.g-xxl > div {
    display: flex;
    flex: 1 0 calc(100% / 6);
    max-width: calc(100% / 6 - var(--sizes-xxl) * (6 - 1) / 6);
  }
  .t-row.t-a, .t-row-1.t-a, .t-row-2.t-a, .t-row-3.t-a, .t-row-4.t-a, .t-row-5.t-a, .t-row-6.t-a {
    justify-content: space-between;
  }
  .t-row.t-a-tl, .t-row.t-a-l, .t-row-1.t-a-tl, .t-row-1.t-a-l, .t-row-2.t-a-tl, .t-row-2.t-a-l, .t-row-3.t-a-tl, .t-row-3.t-a-l, .t-row-4.t-a-tl, .t-row-4.t-a-l, .t-row-5.t-a-tl, .t-row-5.t-a-l, .t-row-6.t-a-tl, .t-row-6.t-a-l {
    justify-content: flex-start;
    align-items: flex-start;
  }
  .t-row.t-a-tc, .t-row.t-a-c, .t-row-1.t-a-tc, .t-row-1.t-a-c, .t-row-2.t-a-tc, .t-row-2.t-a-c, .t-row-3.t-a-tc, .t-row-3.t-a-c, .t-row-4.t-a-tc, .t-row-4.t-a-c, .t-row-5.t-a-tc, .t-row-5.t-a-c, .t-row-6.t-a-tc, .t-row-6.t-a-c {
    justify-content: center;
    align-items: flex-start;
    text-align: center;
  }
  .t-row.t-a-tr, .t-row.t-a-r, .t-row-1.t-a-tr, .t-row-1.t-a-r, .t-row-2.t-a-tr, .t-row-2.t-a-r, .t-row-3.t-a-tr, .t-row-3.t-a-r, .t-row-4.t-a-tr, .t-row-4.t-a-r, .t-row-5.t-a-tr, .t-row-5.t-a-r, .t-row-6.t-a-tr, .t-row-6.t-a-r {
    justify-content: flex-end;
    align-items: flex-start;
    text-align: right;
  }
  .t-row.t-a-cl, .t-row-1.t-a-cl, .t-row-2.t-a-cl, .t-row-3.t-a-cl, .t-row-4.t-a-cl, .t-row-5.t-a-cl, .t-row-6.t-a-cl {
    justify-content: flex-start;
    align-items: center;
  }
  .t-row.t-a-cc, .t-row-1.t-a-cc, .t-row-2.t-a-cc, .t-row-3.t-a-cc, .t-row-4.t-a-cc, .t-row-5.t-a-cc, .t-row-6.t-a-cc {
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .t-row.t-a-cr, .t-row-1.t-a-cr, .t-row-2.t-a-cr, .t-row-3.t-a-cr, .t-row-4.t-a-cr, .t-row-5.t-a-cr, .t-row-6.t-a-cr {
    justify-content: flex-end;
    align-items: center;
    text-align: right;
  }
  .t-row.t-a-bl, .t-row.t-a-b, .t-row-1.t-a-bl, .t-row-1.t-a-b, .t-row-2.t-a-bl, .t-row-2.t-a-b, .t-row-3.t-a-bl, .t-row-3.t-a-b, .t-row-4.t-a-bl, .t-row-4.t-a-b, .t-row-5.t-a-bl, .t-row-5.t-a-b, .t-row-6.t-a-bl, .t-row-6.t-a-b {
    justify-content: flex-start;
    align-items: flex-end;
  }
  .t-row.t-a-bc, .t-row-1.t-a-bc, .t-row-2.t-a-bc, .t-row-3.t-a-bc, .t-row-4.t-a-bc, .t-row-5.t-a-bc, .t-row-6.t-a-bc {
    justify-content: center;
    align-items: flex-end;
    text-align: center;
  }
  .t-row.t-a-br, .t-row-1.t-a-br, .t-row-2.t-a-br, .t-row-3.t-a-br, .t-row-4.t-a-br, .t-row-5.t-a-br, .t-row-6.t-a-br {
    justify-content: flex-end;
    align-items: flex-end;
    text-align: right;
  }
  .t-col.t-a, .t-col-1.t-a, .t-col-2.t-a, .t-col-3.t-a, .t-col-4.t-a, .t-col-5.t-a, .t-col-6.t-a {
    justify-content: space-between;
  }
  .t-col.t-a-tl, .t-col.t-a-l, .t-col-1.t-a-tl, .t-col-1.t-a-l, .t-col-2.t-a-tl, .t-col-2.t-a-l, .t-col-3.t-a-tl, .t-col-3.t-a-l, .t-col-4.t-a-tl, .t-col-4.t-a-l, .t-col-5.t-a-tl, .t-col-5.t-a-l, .t-col-6.t-a-tl, .t-col-6.t-a-l {
    justify-content: flex-start;
    align-items: flex-start;
  }
  .t-col.t-a-tc, .t-col.t-a-c, .t-col-1.t-a-tc, .t-col-1.t-a-c, .t-col-2.t-a-tc, .t-col-2.t-a-c, .t-col-3.t-a-tc, .t-col-3.t-a-c, .t-col-4.t-a-tc, .t-col-4.t-a-c, .t-col-5.t-a-tc, .t-col-5.t-a-c, .t-col-6.t-a-tc, .t-col-6.t-a-c {
    justify-content: flex-start;
    align-items: center;
    text-align: center;
  }
  .t-col.t-a-tr, .t-col.t-a-r, .t-col-1.t-a-tr, .t-col-1.t-a-r, .t-col-2.t-a-tr, .t-col-2.t-a-r, .t-col-3.t-a-tr, .t-col-3.t-a-r, .t-col-4.t-a-tr, .t-col-4.t-a-r, .t-col-5.t-a-tr, .t-col-5.t-a-r, .t-col-6.t-a-tr, .t-col-6.t-a-r {
    justify-content: flex-start;
    align-items: flex-end;
    text-align: right;
  }
  .t-col.t-a-cl, .t-col-1.t-a-cl, .t-col-2.t-a-cl, .t-col-3.t-a-cl, .t-col-4.t-a-cl, .t-col-5.t-a-cl, .t-col-6.t-a-cl {
    justify-content: center;
    align-items: flex-start;
  }
  .t-col.t-a-cc, .t-col-1.t-a-cc, .t-col-2.t-a-cc, .t-col-3.t-a-cc, .t-col-4.t-a-cc, .t-col-5.t-a-cc, .t-col-6.t-a-cc {
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .t-col.t-a-cr, .t-col-1.t-a-cr, .t-col-2.t-a-cr, .t-col-3.t-a-cr, .t-col-4.t-a-cr, .t-col-5.t-a-cr, .t-col-6.t-a-cr {
    justify-content: center;
    align-items: flex-end;
    text-align: right;
  }
  .t-col.t-a-bl, .t-col.t-a-b, .t-col-1.t-a-bl, .t-col-1.t-a-b, .t-col-2.t-a-bl, .t-col-2.t-a-b, .t-col-3.t-a-bl, .t-col-3.t-a-b, .t-col-4.t-a-bl, .t-col-4.t-a-b, .t-col-5.t-a-bl, .t-col-5.t-a-b, .t-col-6.t-a-bl, .t-col-6.t-a-b {
    justify-content: flex-end;
    align-items: flex-start;
  }
  .t-col.t-a-bc, .t-col-1.t-a-bc, .t-col-2.t-a-bc, .t-col-3.t-a-bc, .t-col-4.t-a-bc, .t-col-5.t-a-bc, .t-col-6.t-a-bc {
    justify-content: flex-end;
    align-items: center;
    text-align: center;
  }
  .t-col.t-a-br, .t-col-1.t-a-br, .t-col-2.t-a-br, .t-col-3.t-a-br, .t-col-4.t-a-br, .t-col-5.t-a-br, .t-col-6.t-a-br {
    justify-content: flex-end;
    align-items: flex-end;
    text-align: right;
  }
}
@media only screen and (max-width: 790px) {
  .m-row {
    display: flex;
    flex-direction: row;
  }
  .m-row-r {
    display: flex;
    flex-direction: row-reverse;
  }
  .m-row-1 {
    display: flex;
    flex-direction: row;
    flex: 1;
    width: 100%;
  }
  .m-row-1-r {
    display: flex;
    flex-direction: row-reverse;
  }
  .m-row-2 {
    display: flex;
    flex-direction: row;
    flex: 2;
    width: 100%;
  }
  .m-row-2-r {
    display: flex;
    flex-direction: row-reverse;
  }
  .m-row-3 {
    display: flex;
    flex-direction: row;
    flex: 3;
    width: 100%;
  }
  .m-row-3-r {
    display: flex;
    flex-direction: row-reverse;
  }
  .m-row-4 {
    display: flex;
    flex-direction: row;
    flex: 4;
    width: 100%;
  }
  .m-row-4-r {
    display: flex;
    flex-direction: row-reverse;
  }
  .m-row-5 {
    display: flex;
    flex-direction: row;
    flex: 5;
    width: 100%;
  }
  .m-row-5-r {
    display: flex;
    flex-direction: row-reverse;
  }
  .m-row-6 {
    display: flex;
    flex-direction: row;
    flex: 6;
    width: 100%;
  }
  .m-row-6-r {
    display: flex;
    flex-direction: row-reverse;
  }
  .m-col {
    display: flex;
    flex-direction: column;
  }
  .m-col-r {
    display: flex;
    flex-direction: column-reverse;
  }
  .m-col-1 {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
  }
  .m-col-1-r {
    display: flex;
    flex-direction: column-reverse;
  }
  .m-col-2 {
    display: flex;
    flex-direction: column;
    flex: 2;
    width: 100%;
  }
  .m-col-2-r {
    display: flex;
    flex-direction: column-reverse;
  }
  .m-col-3 {
    display: flex;
    flex-direction: column;
    flex: 3;
    width: 100%;
  }
  .m-col-3-r {
    display: flex;
    flex-direction: column-reverse;
  }
  .m-col-4 {
    display: flex;
    flex-direction: column;
    flex: 4;
    width: 100%;
  }
  .m-col-4-r {
    display: flex;
    flex-direction: column-reverse;
  }
  .m-col-5 {
    display: flex;
    flex-direction: column;
    flex: 5;
    width: 100%;
  }
  .m-col-5-r {
    display: flex;
    flex-direction: column-reverse;
  }
  .m-col-6 {
    display: flex;
    flex-direction: column;
    flex: 6;
    width: 100%;
  }
  .m-col-6-r {
    display: flex;
    flex-direction: column-reverse;
  }
  .m-grid {
    display: flex;
    flex-direction: row;
    width: 100%;
  }
  .m-grid-1 {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-1 > div {
    display: flex;
    flex: 1 0 calc(100% / 1);
    max-width: calc(100% / 1);
  }
  .m-grid-2 {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-2 > div {
    display: flex;
    flex: 1 0 calc(100% / 2);
    max-width: calc(100% / 2);
  }
  .m-grid-3 {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-3 > div {
    display: flex;
    flex: 1 0 calc(100% / 3);
    max-width: calc(100% / 3);
  }
  .m-grid-4 {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-4 > div {
    display: flex;
    flex: 1 0 calc(100% / 4);
    max-width: calc(100% / 4);
  }
  .m-grid-5 {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-5 > div {
    display: flex;
    flex: 1 0 calc(100% / 5);
    max-width: calc(100% / 5);
  }
  .m-grid-6 {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-6 > div {
    display: flex;
    flex: 1 0 calc(100% / 6);
    max-width: calc(100% / 6);
  }
  .m-grid-1.g-xxs {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-1.g-xxs > div {
    display: flex;
    flex: 1 0 calc(100% / 1);
    max-width: calc(100% / 1 - var(--sizes-xxs) * (1 - 1) / 1);
  }
  .m-grid-1.g-xs {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-1.g-xs > div {
    display: flex;
    flex: 1 0 calc(100% / 1);
    max-width: calc(100% / 1 - var(--sizes-xs) * (1 - 1) / 1);
  }
  .m-grid-1.g-sm {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-1.g-sm > div {
    display: flex;
    flex: 1 0 calc(100% / 1);
    max-width: calc(100% / 1 - var(--sizes-sm) * (1 - 1) / 1);
  }
  .m-grid-1.g-md {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-1.g-md > div {
    display: flex;
    flex: 1 0 calc(100% / 1);
    max-width: calc(100% / 1 - var(--sizes-md) * (1 - 1) / 1);
  }
  .m-grid-1.g-lg {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-1.g-lg > div {
    display: flex;
    flex: 1 0 calc(100% / 1);
    max-width: calc(100% / 1 - var(--sizes-lg) * (1 - 1) / 1);
  }
  .m-grid-1.g-xl {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-1.g-xl > div {
    display: flex;
    flex: 1 0 calc(100% / 1);
    max-width: calc(100% / 1 - var(--sizes-xl) * (1 - 1) / 1);
  }
  .m-grid-1.g-xxl {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-1.g-xxl > div {
    display: flex;
    flex: 1 0 calc(100% / 1);
    max-width: calc(100% / 1 - var(--sizes-xxl) * (1 - 1) / 1);
  }
  .m-grid-2.g-xxs {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-2.g-xxs > div {
    display: flex;
    flex: 1 0 calc(100% / 2);
    max-width: calc(100% / 2 - var(--sizes-xxs) * (2 - 1) / 2);
  }
  .m-grid-2.g-xs {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-2.g-xs > div {
    display: flex;
    flex: 1 0 calc(100% / 2);
    max-width: calc(100% / 2 - var(--sizes-xs) * (2 - 1) / 2);
  }
  .m-grid-2.g-sm {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-2.g-sm > div {
    display: flex;
    flex: 1 0 calc(100% / 2);
    max-width: calc(100% / 2 - var(--sizes-sm) * (2 - 1) / 2);
  }
  .m-grid-2.g-md {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-2.g-md > div {
    display: flex;
    flex: 1 0 calc(100% / 2);
    max-width: calc(100% / 2 - var(--sizes-md) * (2 - 1) / 2);
  }
  .m-grid-2.g-lg {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-2.g-lg > div {
    display: flex;
    flex: 1 0 calc(100% / 2);
    max-width: calc(100% / 2 - var(--sizes-lg) * (2 - 1) / 2);
  }
  .m-grid-2.g-xl {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-2.g-xl > div {
    display: flex;
    flex: 1 0 calc(100% / 2);
    max-width: calc(100% / 2 - var(--sizes-xl) * (2 - 1) / 2);
  }
  .m-grid-2.g-xxl {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-2.g-xxl > div {
    display: flex;
    flex: 1 0 calc(100% / 2);
    max-width: calc(100% / 2 - var(--sizes-xxl) * (2 - 1) / 2);
  }
  .m-grid-3.g-xxs {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-3.g-xxs > div {
    display: flex;
    flex: 1 0 calc(100% / 3);
    max-width: calc(100% / 3 - var(--sizes-xxs) * (3 - 1) / 3);
  }
  .m-grid-3.g-xs {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-3.g-xs > div {
    display: flex;
    flex: 1 0 calc(100% / 3);
    max-width: calc(100% / 3 - var(--sizes-xs) * (3 - 1) / 3);
  }
  .m-grid-3.g-sm {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-3.g-sm > div {
    display: flex;
    flex: 1 0 calc(100% / 3);
    max-width: calc(100% / 3 - var(--sizes-sm) * (3 - 1) / 3);
  }
  .m-grid-3.g-md {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-3.g-md > div {
    display: flex;
    flex: 1 0 calc(100% / 3);
    max-width: calc(100% / 3 - var(--sizes-md) * (3 - 1) / 3);
  }
  .m-grid-3.g-lg {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-3.g-lg > div {
    display: flex;
    flex: 1 0 calc(100% / 3);
    max-width: calc(100% / 3 - var(--sizes-lg) * (3 - 1) / 3);
  }
  .m-grid-3.g-xl {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-3.g-xl > div {
    display: flex;
    flex: 1 0 calc(100% / 3);
    max-width: calc(100% / 3 - var(--sizes-xl) * (3 - 1) / 3);
  }
  .m-grid-3.g-xxl {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-3.g-xxl > div {
    display: flex;
    flex: 1 0 calc(100% / 3);
    max-width: calc(100% / 3 - var(--sizes-xxl) * (3 - 1) / 3);
  }
  .m-grid-4.g-xxs {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-4.g-xxs > div {
    display: flex;
    flex: 1 0 calc(100% / 4);
    max-width: calc(100% / 4 - var(--sizes-xxs) * (4 - 1) / 4);
  }
  .m-grid-4.g-xs {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-4.g-xs > div {
    display: flex;
    flex: 1 0 calc(100% / 4);
    max-width: calc(100% / 4 - var(--sizes-xs) * (4 - 1) / 4);
  }
  .m-grid-4.g-sm {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-4.g-sm > div {
    display: flex;
    flex: 1 0 calc(100% / 4);
    max-width: calc(100% / 4 - var(--sizes-sm) * (4 - 1) / 4);
  }
  .m-grid-4.g-md {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-4.g-md > div {
    display: flex;
    flex: 1 0 calc(100% / 4);
    max-width: calc(100% / 4 - var(--sizes-md) * (4 - 1) / 4);
  }
  .m-grid-4.g-lg {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-4.g-lg > div {
    display: flex;
    flex: 1 0 calc(100% / 4);
    max-width: calc(100% / 4 - var(--sizes-lg) * (4 - 1) / 4);
  }
  .m-grid-4.g-xl {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-4.g-xl > div {
    display: flex;
    flex: 1 0 calc(100% / 4);
    max-width: calc(100% / 4 - var(--sizes-xl) * (4 - 1) / 4);
  }
  .m-grid-4.g-xxl {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-4.g-xxl > div {
    display: flex;
    flex: 1 0 calc(100% / 4);
    max-width: calc(100% / 4 - var(--sizes-xxl) * (4 - 1) / 4);
  }
  .m-grid-5.g-xxs {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-5.g-xxs > div {
    display: flex;
    flex: 1 0 calc(100% / 5);
    max-width: calc(100% / 5 - var(--sizes-xxs) * (5 - 1) / 5);
  }
  .m-grid-5.g-xs {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-5.g-xs > div {
    display: flex;
    flex: 1 0 calc(100% / 5);
    max-width: calc(100% / 5 - var(--sizes-xs) * (5 - 1) / 5);
  }
  .m-grid-5.g-sm {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-5.g-sm > div {
    display: flex;
    flex: 1 0 calc(100% / 5);
    max-width: calc(100% / 5 - var(--sizes-sm) * (5 - 1) / 5);
  }
  .m-grid-5.g-md {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-5.g-md > div {
    display: flex;
    flex: 1 0 calc(100% / 5);
    max-width: calc(100% / 5 - var(--sizes-md) * (5 - 1) / 5);
  }
  .m-grid-5.g-lg {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-5.g-lg > div {
    display: flex;
    flex: 1 0 calc(100% / 5);
    max-width: calc(100% / 5 - var(--sizes-lg) * (5 - 1) / 5);
  }
  .m-grid-5.g-xl {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-5.g-xl > div {
    display: flex;
    flex: 1 0 calc(100% / 5);
    max-width: calc(100% / 5 - var(--sizes-xl) * (5 - 1) / 5);
  }
  .m-grid-5.g-xxl {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-5.g-xxl > div {
    display: flex;
    flex: 1 0 calc(100% / 5);
    max-width: calc(100% / 5 - var(--sizes-xxl) * (5 - 1) / 5);
  }
  .m-grid-6.g-xxs {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-6.g-xxs > div {
    display: flex;
    flex: 1 0 calc(100% / 6);
    max-width: calc(100% / 6 - var(--sizes-xxs) * (6 - 1) / 6);
  }
  .m-grid-6.g-xs {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-6.g-xs > div {
    display: flex;
    flex: 1 0 calc(100% / 6);
    max-width: calc(100% / 6 - var(--sizes-xs) * (6 - 1) / 6);
  }
  .m-grid-6.g-sm {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-6.g-sm > div {
    display: flex;
    flex: 1 0 calc(100% / 6);
    max-width: calc(100% / 6 - var(--sizes-sm) * (6 - 1) / 6);
  }
  .m-grid-6.g-md {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-6.g-md > div {
    display: flex;
    flex: 1 0 calc(100% / 6);
    max-width: calc(100% / 6 - var(--sizes-md) * (6 - 1) / 6);
  }
  .m-grid-6.g-lg {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-6.g-lg > div {
    display: flex;
    flex: 1 0 calc(100% / 6);
    max-width: calc(100% / 6 - var(--sizes-lg) * (6 - 1) / 6);
  }
  .m-grid-6.g-xl {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-6.g-xl > div {
    display: flex;
    flex: 1 0 calc(100% / 6);
    max-width: calc(100% / 6 - var(--sizes-xl) * (6 - 1) / 6);
  }
  .m-grid-6.g-xxl {
    display: flex;
    flex-wrap: wrap;
  }
  .m-grid-6.g-xxl > div {
    display: flex;
    flex: 1 0 calc(100% / 6);
    max-width: calc(100% / 6 - var(--sizes-xxl) * (6 - 1) / 6);
  }
  .m-row.m-a, .m-row-1.m-a, .m-row-2.m-a, .m-row-3.m-a, .m-row-4.m-a, .m-row-5.m-a, .m-row-6.m-a {
    justify-content: space-between;
  }
  .m-row.m-a-tl, .m-row.m-a-l, .m-row-1.m-a-tl, .m-row-1.m-a-l, .m-row-2.m-a-tl, .m-row-2.m-a-l, .m-row-3.m-a-tl, .m-row-3.m-a-l, .m-row-4.m-a-tl, .m-row-4.m-a-l, .m-row-5.m-a-tl, .m-row-5.m-a-l, .m-row-6.m-a-tl, .m-row-6.m-a-l {
    justify-content: flex-start;
    align-items: flex-start;
  }
  .m-row.m-a-tc, .m-row.m-a-c, .m-row-1.m-a-tc, .m-row-1.m-a-c, .m-row-2.m-a-tc, .m-row-2.m-a-c, .m-row-3.m-a-tc, .m-row-3.m-a-c, .m-row-4.m-a-tc, .m-row-4.m-a-c, .m-row-5.m-a-tc, .m-row-5.m-a-c, .m-row-6.m-a-tc, .m-row-6.m-a-c {
    justify-content: center;
    align-items: flex-start;
    text-align: center;
  }
  .m-row.m-a-tr, .m-row.m-a-r, .m-row-1.m-a-tr, .m-row-1.m-a-r, .m-row-2.m-a-tr, .m-row-2.m-a-r, .m-row-3.m-a-tr, .m-row-3.m-a-r, .m-row-4.m-a-tr, .m-row-4.m-a-r, .m-row-5.m-a-tr, .m-row-5.m-a-r, .m-row-6.m-a-tr, .m-row-6.m-a-r {
    justify-content: flex-end;
    align-items: flex-start;
    text-align: right;
  }
  .m-row.m-a-cl, .m-row-1.m-a-cl, .m-row-2.m-a-cl, .m-row-3.m-a-cl, .m-row-4.m-a-cl, .m-row-5.m-a-cl, .m-row-6.m-a-cl {
    justify-content: flex-start;
    align-items: center;
  }
  .m-row.m-a-cc, .m-row-1.m-a-cc, .m-row-2.m-a-cc, .m-row-3.m-a-cc, .m-row-4.m-a-cc, .m-row-5.m-a-cc, .m-row-6.m-a-cc {
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .m-row.m-a-cr, .m-row-1.m-a-cr, .m-row-2.m-a-cr, .m-row-3.m-a-cr, .m-row-4.m-a-cr, .m-row-5.m-a-cr, .m-row-6.m-a-cr {
    justify-content: flex-end;
    align-items: center;
    text-align: right;
  }
  .m-row.m-a-bl, .m-row.m-a-b, .m-row-1.m-a-bl, .m-row-1.m-a-b, .m-row-2.m-a-bl, .m-row-2.m-a-b, .m-row-3.m-a-bl, .m-row-3.m-a-b, .m-row-4.m-a-bl, .m-row-4.m-a-b, .m-row-5.m-a-bl, .m-row-5.m-a-b, .m-row-6.m-a-bl, .m-row-6.m-a-b {
    justify-content: flex-start;
    align-items: flex-end;
  }
  .m-row.m-a-bc, .m-row-1.m-a-bc, .m-row-2.m-a-bc, .m-row-3.m-a-bc, .m-row-4.m-a-bc, .m-row-5.m-a-bc, .m-row-6.m-a-bc {
    justify-content: center;
    align-items: flex-end;
    text-align: center;
  }
  .m-row.m-a-br, .m-row-1.m-a-br, .m-row-2.m-a-br, .m-row-3.m-a-br, .m-row-4.m-a-br, .m-row-5.m-a-br, .m-row-6.m-a-br {
    justify-content: flex-end;
    align-items: flex-end;
    text-align: right;
  }
  .m-col.m-a, .m-col-1.m-a, .m-col-2.m-a, .m-col-3.m-a, .m-col-4.m-a, .m-col-5.m-a, .m-col-6.m-a {
    justify-content: space-between;
  }
  .m-col.m-a-tl, .m-col.m-a-l, .m-col-1.m-a-tl, .m-col-1.m-a-l, .m-col-2.m-a-tl, .m-col-2.m-a-l, .m-col-3.m-a-tl, .m-col-3.m-a-l, .m-col-4.m-a-tl, .m-col-4.m-a-l, .m-col-5.m-a-tl, .m-col-5.m-a-l, .m-col-6.m-a-tl, .m-col-6.m-a-l {
    justify-content: flex-start;
    align-items: flex-start;
  }
  .m-col.m-a-tc, .m-col.m-a-c, .m-col-1.m-a-tc, .m-col-1.m-a-c, .m-col-2.m-a-tc, .m-col-2.m-a-c, .m-col-3.m-a-tc, .m-col-3.m-a-c, .m-col-4.m-a-tc, .m-col-4.m-a-c, .m-col-5.m-a-tc, .m-col-5.m-a-c, .m-col-6.m-a-tc, .m-col-6.m-a-c {
    justify-content: flex-start;
    align-items: center;
    text-align: center;
  }
  .m-col.m-a-tr, .m-col.m-a-r, .m-col-1.m-a-tr, .m-col-1.m-a-r, .m-col-2.m-a-tr, .m-col-2.m-a-r, .m-col-3.m-a-tr, .m-col-3.m-a-r, .m-col-4.m-a-tr, .m-col-4.m-a-r, .m-col-5.m-a-tr, .m-col-5.m-a-r, .m-col-6.m-a-tr, .m-col-6.m-a-r {
    justify-content: flex-start;
    align-items: flex-end;
    text-align: right;
  }
  .m-col.m-a-cl, .m-col-1.m-a-cl, .m-col-2.m-a-cl, .m-col-3.m-a-cl, .m-col-4.m-a-cl, .m-col-5.m-a-cl, .m-col-6.m-a-cl {
    justify-content: center;
    align-items: flex-start;
  }
  .m-col.m-a-cc, .m-col-1.m-a-cc, .m-col-2.m-a-cc, .m-col-3.m-a-cc, .m-col-4.m-a-cc, .m-col-5.m-a-cc, .m-col-6.m-a-cc {
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .m-col.m-a-cr, .m-col-1.m-a-cr, .m-col-2.m-a-cr, .m-col-3.m-a-cr, .m-col-4.m-a-cr, .m-col-5.m-a-cr, .m-col-6.m-a-cr {
    justify-content: center;
    align-items: flex-end;
    text-align: right;
  }
  .m-col.m-a-bl, .m-col.m-a-b, .m-col-1.m-a-bl, .m-col-1.m-a-b, .m-col-2.m-a-bl, .m-col-2.m-a-b, .m-col-3.m-a-bl, .m-col-3.m-a-b, .m-col-4.m-a-bl, .m-col-4.m-a-b, .m-col-5.m-a-bl, .m-col-5.m-a-b, .m-col-6.m-a-bl, .m-col-6.m-a-b {
    justify-content: flex-end;
    align-items: flex-start;
  }
  .m-col.m-a-bc, .m-col-1.m-a-bc, .m-col-2.m-a-bc, .m-col-3.m-a-bc, .m-col-4.m-a-bc, .m-col-5.m-a-bc, .m-col-6.m-a-bc {
    justify-content: flex-end;
    align-items: center;
    text-align: center;
  }
  .m-col.m-a-br, .m-col-1.m-a-br, .m-col-2.m-a-br, .m-col-3.m-a-br, .m-col-4.m-a-br, .m-col-5.m-a-br, .m-col-6.m-a-br {
    justify-content: flex-end;
    align-items: flex-end;
    text-align: right;
  }
}
.container-404 {
  height: calc(100vh - 500px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}

.wrap {
  flex-wrap: wrap;
}

h0, h1, h2, h3, h4 {
  font-family: var(--title-font-name);
  letter-spacing: 0em;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  color: var(--color-dark);
}

h5, h6, h7, p, a, ul, li, label, .btn-1, .btn-2, .btn-3, .btn-4, .btn-5 {
  font-family: var(--paragraph-font-name);
  letter-spacing: 0em;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  color: var(--color-dark);
}

h0 {
  font-size: var(--h0_font_size);
  font-weight: var(--h0_font_weight);
  line-height: var(--h0_line_height);
}
@media screen and (max-width: 789px) {
  h0 {
    font-size: var(--h0_font_size_mobile);
    font-weight: var(--h0_font_weight_mobile);
    line-height: var(--h0_line_height_mobile);
  }
}

h1 {
  font-size: var(--h1_font_size);
  font-weight: var(--h1_font_weight);
  line-height: var(--h1_line_height);
}
@media screen and (max-width: 789px) {
  h1 {
    font-size: var(--h1_font_size_mobile);
    font-weight: var(--h1_font_weight_mobile);
    line-height: var(--h1_line_height_mobile);
  }
}

h2 {
  font-size: var(--h2_font_size);
  font-weight: var(--h2_font_weight);
  line-height: var(--h2_line_height);
}
@media screen and (max-width: 789px) {
  h2 {
    font-size: var(--h2_font_size_mobile);
    font-weight: var(--h2_font_weight_mobile);
    line-height: var(--h2_line_height_mobile);
  }
}

h3 {
  font-size: var(--h3_font_size);
  font-weight: var(--h3_font_weight);
  line-height: var(--h3_line_height);
}
@media screen and (max-width: 789px) {
  h3 {
    font-size: var(--h3_font_size_mobile);
    font-weight: var(--h3_font_weight_mobile);
    line-height: var(--h3_line_height_mobile);
  }
}

h4 {
  font-size: var(--h4_font_size);
  font-weight: var(--h4_font_weight);
  line-height: var(--h4_line_height);
}
@media screen and (max-width: 789px) {
  h4 {
    font-size: var(--h4_font_size_mobile);
    font-weight: var(--h4_font_weight_mobile);
    line-height: var(--h4_line_height_mobile);
  }
}

h5 {
  font-size: var(--h5_font_size);
  font-weight: var(--h5_font_weight);
  line-height: var(--h5_line_height);
}
@media screen and (max-width: 789px) {
  h5 {
    font-size: var(--h5_font_size_mobile);
    font-weight: var(--h5_font_weight_mobile);
    line-height: var(--h5_line_height_mobile);
  }
}

h6, label {
  font-size: var(--h6_font_size);
  font-weight: var(--h6_font_weight);
  line-height: var(--h6_line_height);
}
@media screen and (max-width: 789px) {
  h6, label {
    font-size: var(--h6_font_size_mobile);
    font-weight: var(--h6_font_weight_mobile);
    line-height: var(--h6_line_height_mobile);
  }
}

h7 {
  font-size: var(--h7_font_size);
  font-weight: var(--h7_font_weight);
  line-height: var(--h7_line_height);
}
@media screen and (max-width: 789px) {
  h7 {
    font-size: var(--h7_font_size_mobile);
    font-weight: var(--h7_font_weight_mobile);
    line-height: var(--h7_line_height_mobile);
  }
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

p {
  font-size: var(--p_font_size);
  font-weight: var(--p_font_weight);
  line-height: var(--p_line_height);
  letter-spacing: 0.03em;
  white-space: break-spaces;
}
p a {
  text-decoration: underline;
}
@media screen and (max-width: 789px) {
  p {
    font-size: var(--p_font_size_mobile);
    font-weight: var(--p_font_weight_mobile);
    line-height: var(--p_line_height_mobile);
  }
}

b, strong {
  font-weight: 600;
}

ul li {
  font-size: var(--p_font_size);
  font-weight: var(--p_font_weight);
  line-height: var(--p_line_height);
  letter-spacing: 0.03em;
}

.btn-1, .btn-2, .btn-3, .btn-4, .btn-5 {
  font-size: 13px;
  font-weight: 600;
}

.btn-6 {
  font-size: 27px;
  font-weight: 400;
}

.g-0 {
  gap: 0px;
}
.g-xxs {
  gap: var(--sizes-xxs);
}
.g-xxsxxs {
  gap: var(--sizes-xxs) var(--sizes-xxs);
}
.g-xxsxs {
  gap: var(--sizes-xxs) var(--sizes-xs);
}
.g-xxssm {
  gap: var(--sizes-xxs) var(--sizes-sm);
}
.g-xxsmd {
  gap: var(--sizes-xxs) var(--sizes-md);
}
.g-xxslg {
  gap: var(--sizes-xxs) var(--sizes-lg);
}
.g-xxsxl {
  gap: var(--sizes-xxs) var(--sizes-xl);
}
.g-xxsxxl {
  gap: var(--sizes-xxs) var(--sizes-xxl);
}
.g-xs {
  gap: var(--sizes-xs);
}
.g-xsxxs {
  gap: var(--sizes-xs) var(--sizes-xxs);
}
.g-xsxs {
  gap: var(--sizes-xs) var(--sizes-xs);
}
.g-xssm {
  gap: var(--sizes-xs) var(--sizes-sm);
}
.g-xsmd {
  gap: var(--sizes-xs) var(--sizes-md);
}
.g-xslg {
  gap: var(--sizes-xs) var(--sizes-lg);
}
.g-xsxl {
  gap: var(--sizes-xs) var(--sizes-xl);
}
.g-xsxxl {
  gap: var(--sizes-xs) var(--sizes-xxl);
}
.g-sm {
  gap: var(--sizes-sm);
}
.g-smxxs {
  gap: var(--sizes-sm) var(--sizes-xxs);
}
.g-smxs {
  gap: var(--sizes-sm) var(--sizes-xs);
}
.g-smsm {
  gap: var(--sizes-sm) var(--sizes-sm);
}
.g-smmd {
  gap: var(--sizes-sm) var(--sizes-md);
}
.g-smlg {
  gap: var(--sizes-sm) var(--sizes-lg);
}
.g-smxl {
  gap: var(--sizes-sm) var(--sizes-xl);
}
.g-smxxl {
  gap: var(--sizes-sm) var(--sizes-xxl);
}
.g-md {
  gap: var(--sizes-md);
}
.g-mdxxs {
  gap: var(--sizes-md) var(--sizes-xxs);
}
.g-mdxs {
  gap: var(--sizes-md) var(--sizes-xs);
}
.g-mdsm {
  gap: var(--sizes-md) var(--sizes-sm);
}
.g-mdmd {
  gap: var(--sizes-md) var(--sizes-md);
}
.g-mdlg {
  gap: var(--sizes-md) var(--sizes-lg);
}
.g-mdxl {
  gap: var(--sizes-md) var(--sizes-xl);
}
.g-mdxxl {
  gap: var(--sizes-md) var(--sizes-xxl);
}
.g-lg {
  gap: var(--sizes-lg);
}
.g-lgxxs {
  gap: var(--sizes-lg) var(--sizes-xxs);
}
.g-lgxs {
  gap: var(--sizes-lg) var(--sizes-xs);
}
.g-lgsm {
  gap: var(--sizes-lg) var(--sizes-sm);
}
.g-lgmd {
  gap: var(--sizes-lg) var(--sizes-md);
}
.g-lglg {
  gap: var(--sizes-lg) var(--sizes-lg);
}
.g-lgxl {
  gap: var(--sizes-lg) var(--sizes-xl);
}
.g-lgxxl {
  gap: var(--sizes-lg) var(--sizes-xxl);
}
.g-xl {
  gap: var(--sizes-xl);
}
.g-xlxxs {
  gap: var(--sizes-xl) var(--sizes-xxs);
}
.g-xlxs {
  gap: var(--sizes-xl) var(--sizes-xs);
}
.g-xlsm {
  gap: var(--sizes-xl) var(--sizes-sm);
}
.g-xlmd {
  gap: var(--sizes-xl) var(--sizes-md);
}
.g-xllg {
  gap: var(--sizes-xl) var(--sizes-lg);
}
.g-xlxl {
  gap: var(--sizes-xl) var(--sizes-xl);
}
.g-xlxxl {
  gap: var(--sizes-xl) var(--sizes-xxl);
}
.g-xxl {
  gap: var(--sizes-xxl);
}
.g-xxlxxs {
  gap: var(--sizes-xxl) var(--sizes-xxs);
}
.g-xxlxs {
  gap: var(--sizes-xxl) var(--sizes-xs);
}
.g-xxlsm {
  gap: var(--sizes-xxl) var(--sizes-sm);
}
.g-xxlmd {
  gap: var(--sizes-xxl) var(--sizes-md);
}
.g-xxllg {
  gap: var(--sizes-xxl) var(--sizes-lg);
}
.g-xxlxl {
  gap: var(--sizes-xxl) var(--sizes-xl);
}
.g-xxlxxl {
  gap: var(--sizes-xxl) var(--sizes-xxl);
}

.p-t {
  padding-top: 0;
}
.p-r {
  padding-right: 0;
}
.p-b {
  padding-bottom: 0;
}
.p-l {
  padding-left: 0;
}
.p-tr {
  padding-right: 0;
  padding-top: 0;
}
.p-br {
  padding-right: 0;
  padding-bottom: 0;
}
.p-rl, .p-lr {
  padding-right: 0;
  padding-left: 0;
}
.p-tb {
  padding-top: 0;
  padding-bottom: 0;
}
.p-bl {
  padding-left: 0;
  padding-bottom: 0;
}
.p-tl {
  padding-left: 0;
  padding-top: 0;
}
.p-xxs {
  padding: var(--sizes-xxs);
}
.p-xxs-t {
  padding-top: var(--sizes-xxs);
}
.p-xxs-r {
  padding-right: var(--sizes-xxs);
}
.p-xxs-b {
  padding-bottom: var(--sizes-xxs);
}
.p-xxs-l {
  padding-left: var(--sizes-xxs);
}
.p-xxs-tr {
  padding-right: var(--sizes-xxs);
  padding-top: var(--sizes-xxs);
}
.p-xxs-br {
  padding-right: var(--sizes-xxs);
  padding-bottom: var(--sizes-xxs);
}
.p-xxs-rl, .p-xxs-lr {
  padding-right: var(--sizes-xxs);
  padding-left: var(--sizes-xxs);
}
.p-xxs-tb {
  padding-top: var(--sizes-xxs);
  padding-bottom: var(--sizes-xxs);
}
.p-xxs-bl {
  padding-left: var(--sizes-xxs);
  padding-bottom: var(--sizes-xxs);
}
.p-xxs-tl {
  padding-left: var(--sizes-xxs);
  padding-top: var(--sizes-xxs);
}
.p-xxsxxs {
  padding: var(--sizes-xxs) var(--sizes-xxs);
}
.p-xxsxxs-t {
  padding-top: var(--sizes-xxs);
}
.p-xxsxxs-r {
  padding-right: var(--sizes-xxs);
}
.p-xxsxxs-b {
  padding-bottom: var(--sizes-xxs);
}
.p-xxsxxs-l {
  padding-left: var(--sizes-xxs);
}
.p-xxsxxs-tr {
  padding-right: var(--sizes-xxs);
  padding-top: var(--sizes-xxs);
}
.p-xxsxxs-br {
  padding-right: var(--sizes-xxs);
  padding-bottom: var(--sizes-xxs);
}
.p-xxsxxs-lr {
  padding-right: var(--sizes-xxs);
  padding-left: var(--sizes-xxs);
}
.p-xxsxxs-tb {
  padding-top: var(--sizes-xxs);
  padding-bottom: var(--sizes-xxs);
}
.p-xxsxxs-bl {
  padding-left: var(--sizes-xxs);
  padding-bottom: var(--sizes-xxs);
}
.p-xxsxxs-tl {
  padding-left: var(--sizes-xxs);
  padding-top: var(--sizes-xxs);
}
.p-xxsxs {
  padding: var(--sizes-xxs) var(--sizes-xs);
}
.p-xxsxs-t {
  padding-top: var(--sizes-xxs);
}
.p-xxsxs-r {
  padding-right: var(--sizes-xs);
}
.p-xxsxs-b {
  padding-bottom: var(--sizes-xxs);
}
.p-xxsxs-l {
  padding-left: var(--sizes-xs);
}
.p-xxsxs-tr {
  padding-right: var(--sizes-xs);
  padding-top: var(--sizes-xxs);
}
.p-xxsxs-br {
  padding-right: var(--sizes-xs);
  padding-bottom: var(--sizes-xxs);
}
.p-xxsxs-lr {
  padding-right: var(--sizes-xs);
  padding-left: var(--sizes-xxs);
}
.p-xxsxs-tb {
  padding-top: var(--sizes-xxs);
  padding-bottom: var(--sizes-xs);
}
.p-xxsxs-bl {
  padding-left: var(--sizes-xs);
  padding-bottom: var(--sizes-xxs);
}
.p-xxsxs-tl {
  padding-left: var(--sizes-xs);
  padding-top: var(--sizes-xxs);
}
.p-xxssm {
  padding: var(--sizes-xxs) var(--sizes-sm);
}
.p-xxssm-t {
  padding-top: var(--sizes-xxs);
}
.p-xxssm-r {
  padding-right: var(--sizes-sm);
}
.p-xxssm-b {
  padding-bottom: var(--sizes-xxs);
}
.p-xxssm-l {
  padding-left: var(--sizes-sm);
}
.p-xxssm-tr {
  padding-right: var(--sizes-sm);
  padding-top: var(--sizes-xxs);
}
.p-xxssm-br {
  padding-right: var(--sizes-sm);
  padding-bottom: var(--sizes-xxs);
}
.p-xxssm-lr {
  padding-right: var(--sizes-sm);
  padding-left: var(--sizes-xxs);
}
.p-xxssm-tb {
  padding-top: var(--sizes-xxs);
  padding-bottom: var(--sizes-sm);
}
.p-xxssm-bl {
  padding-left: var(--sizes-sm);
  padding-bottom: var(--sizes-xxs);
}
.p-xxssm-tl {
  padding-left: var(--sizes-sm);
  padding-top: var(--sizes-xxs);
}
.p-xxsmd {
  padding: var(--sizes-xxs) var(--sizes-md);
}
.p-xxsmd-t {
  padding-top: var(--sizes-xxs);
}
.p-xxsmd-r {
  padding-right: var(--sizes-md);
}
.p-xxsmd-b {
  padding-bottom: var(--sizes-xxs);
}
.p-xxsmd-l {
  padding-left: var(--sizes-md);
}
.p-xxsmd-tr {
  padding-right: var(--sizes-md);
  padding-top: var(--sizes-xxs);
}
.p-xxsmd-br {
  padding-right: var(--sizes-md);
  padding-bottom: var(--sizes-xxs);
}
.p-xxsmd-lr {
  padding-right: var(--sizes-md);
  padding-left: var(--sizes-xxs);
}
.p-xxsmd-tb {
  padding-top: var(--sizes-xxs);
  padding-bottom: var(--sizes-md);
}
.p-xxsmd-bl {
  padding-left: var(--sizes-md);
  padding-bottom: var(--sizes-xxs);
}
.p-xxsmd-tl {
  padding-left: var(--sizes-md);
  padding-top: var(--sizes-xxs);
}
.p-xxslg {
  padding: var(--sizes-xxs) var(--sizes-lg);
}
.p-xxslg-t {
  padding-top: var(--sizes-xxs);
}
.p-xxslg-r {
  padding-right: var(--sizes-lg);
}
.p-xxslg-b {
  padding-bottom: var(--sizes-xxs);
}
.p-xxslg-l {
  padding-left: var(--sizes-lg);
}
.p-xxslg-tr {
  padding-right: var(--sizes-lg);
  padding-top: var(--sizes-xxs);
}
.p-xxslg-br {
  padding-right: var(--sizes-lg);
  padding-bottom: var(--sizes-xxs);
}
.p-xxslg-lr {
  padding-right: var(--sizes-lg);
  padding-left: var(--sizes-xxs);
}
.p-xxslg-tb {
  padding-top: var(--sizes-xxs);
  padding-bottom: var(--sizes-lg);
}
.p-xxslg-bl {
  padding-left: var(--sizes-lg);
  padding-bottom: var(--sizes-xxs);
}
.p-xxslg-tl {
  padding-left: var(--sizes-lg);
  padding-top: var(--sizes-xxs);
}
.p-xxsxl {
  padding: var(--sizes-xxs) var(--sizes-xl);
}
.p-xxsxl-t {
  padding-top: var(--sizes-xxs);
}
.p-xxsxl-r {
  padding-right: var(--sizes-xl);
}
.p-xxsxl-b {
  padding-bottom: var(--sizes-xxs);
}
.p-xxsxl-l {
  padding-left: var(--sizes-xl);
}
.p-xxsxl-tr {
  padding-right: var(--sizes-xl);
  padding-top: var(--sizes-xxs);
}
.p-xxsxl-br {
  padding-right: var(--sizes-xl);
  padding-bottom: var(--sizes-xxs);
}
.p-xxsxl-lr {
  padding-right: var(--sizes-xl);
  padding-left: var(--sizes-xxs);
}
.p-xxsxl-tb {
  padding-top: var(--sizes-xxs);
  padding-bottom: var(--sizes-xl);
}
.p-xxsxl-bl {
  padding-left: var(--sizes-xl);
  padding-bottom: var(--sizes-xxs);
}
.p-xxsxl-tl {
  padding-left: var(--sizes-xl);
  padding-top: var(--sizes-xxs);
}
.p-xxsxxl {
  padding: var(--sizes-xxs) var(--sizes-xxl);
}
.p-xxsxxl-t {
  padding-top: var(--sizes-xxs);
}
.p-xxsxxl-r {
  padding-right: var(--sizes-xxl);
}
.p-xxsxxl-b {
  padding-bottom: var(--sizes-xxs);
}
.p-xxsxxl-l {
  padding-left: var(--sizes-xxl);
}
.p-xxsxxl-tr {
  padding-right: var(--sizes-xxl);
  padding-top: var(--sizes-xxs);
}
.p-xxsxxl-br {
  padding-right: var(--sizes-xxl);
  padding-bottom: var(--sizes-xxs);
}
.p-xxsxxl-lr {
  padding-right: var(--sizes-xxl);
  padding-left: var(--sizes-xxs);
}
.p-xxsxxl-tb {
  padding-top: var(--sizes-xxs);
  padding-bottom: var(--sizes-xxl);
}
.p-xxsxxl-bl {
  padding-left: var(--sizes-xxl);
  padding-bottom: var(--sizes-xxs);
}
.p-xxsxxl-tl {
  padding-left: var(--sizes-xxl);
  padding-top: var(--sizes-xxs);
}
.p-xs {
  padding: var(--sizes-xs);
}
.p-xs-t {
  padding-top: var(--sizes-xs);
}
.p-xs-r {
  padding-right: var(--sizes-xs);
}
.p-xs-b {
  padding-bottom: var(--sizes-xs);
}
.p-xs-l {
  padding-left: var(--sizes-xs);
}
.p-xs-tr {
  padding-right: var(--sizes-xs);
  padding-top: var(--sizes-xs);
}
.p-xs-br {
  padding-right: var(--sizes-xs);
  padding-bottom: var(--sizes-xs);
}
.p-xs-rl, .p-xs-lr {
  padding-right: var(--sizes-xs);
  padding-left: var(--sizes-xs);
}
.p-xs-tb {
  padding-top: var(--sizes-xs);
  padding-bottom: var(--sizes-xs);
}
.p-xs-bl {
  padding-left: var(--sizes-xs);
  padding-bottom: var(--sizes-xs);
}
.p-xs-tl {
  padding-left: var(--sizes-xs);
  padding-top: var(--sizes-xs);
}
.p-xsxxs {
  padding: var(--sizes-xs) var(--sizes-xxs);
}
.p-xsxxs-t {
  padding-top: var(--sizes-xs);
}
.p-xsxxs-r {
  padding-right: var(--sizes-xxs);
}
.p-xsxxs-b {
  padding-bottom: var(--sizes-xs);
}
.p-xsxxs-l {
  padding-left: var(--sizes-xxs);
}
.p-xsxxs-tr {
  padding-right: var(--sizes-xxs);
  padding-top: var(--sizes-xs);
}
.p-xsxxs-br {
  padding-right: var(--sizes-xxs);
  padding-bottom: var(--sizes-xs);
}
.p-xsxxs-lr {
  padding-right: var(--sizes-xxs);
  padding-left: var(--sizes-xs);
}
.p-xsxxs-tb {
  padding-top: var(--sizes-xs);
  padding-bottom: var(--sizes-xxs);
}
.p-xsxxs-bl {
  padding-left: var(--sizes-xxs);
  padding-bottom: var(--sizes-xs);
}
.p-xsxxs-tl {
  padding-left: var(--sizes-xxs);
  padding-top: var(--sizes-xs);
}
.p-xsxs {
  padding: var(--sizes-xs) var(--sizes-xs);
}
.p-xsxs-t {
  padding-top: var(--sizes-xs);
}
.p-xsxs-r {
  padding-right: var(--sizes-xs);
}
.p-xsxs-b {
  padding-bottom: var(--sizes-xs);
}
.p-xsxs-l {
  padding-left: var(--sizes-xs);
}
.p-xsxs-tr {
  padding-right: var(--sizes-xs);
  padding-top: var(--sizes-xs);
}
.p-xsxs-br {
  padding-right: var(--sizes-xs);
  padding-bottom: var(--sizes-xs);
}
.p-xsxs-lr {
  padding-right: var(--sizes-xs);
  padding-left: var(--sizes-xs);
}
.p-xsxs-tb {
  padding-top: var(--sizes-xs);
  padding-bottom: var(--sizes-xs);
}
.p-xsxs-bl {
  padding-left: var(--sizes-xs);
  padding-bottom: var(--sizes-xs);
}
.p-xsxs-tl {
  padding-left: var(--sizes-xs);
  padding-top: var(--sizes-xs);
}
.p-xssm {
  padding: var(--sizes-xs) var(--sizes-sm);
}
.p-xssm-t {
  padding-top: var(--sizes-xs);
}
.p-xssm-r {
  padding-right: var(--sizes-sm);
}
.p-xssm-b {
  padding-bottom: var(--sizes-xs);
}
.p-xssm-l {
  padding-left: var(--sizes-sm);
}
.p-xssm-tr {
  padding-right: var(--sizes-sm);
  padding-top: var(--sizes-xs);
}
.p-xssm-br {
  padding-right: var(--sizes-sm);
  padding-bottom: var(--sizes-xs);
}
.p-xssm-lr {
  padding-right: var(--sizes-sm);
  padding-left: var(--sizes-xs);
}
.p-xssm-tb {
  padding-top: var(--sizes-xs);
  padding-bottom: var(--sizes-sm);
}
.p-xssm-bl {
  padding-left: var(--sizes-sm);
  padding-bottom: var(--sizes-xs);
}
.p-xssm-tl {
  padding-left: var(--sizes-sm);
  padding-top: var(--sizes-xs);
}
.p-xsmd {
  padding: var(--sizes-xs) var(--sizes-md);
}
.p-xsmd-t {
  padding-top: var(--sizes-xs);
}
.p-xsmd-r {
  padding-right: var(--sizes-md);
}
.p-xsmd-b {
  padding-bottom: var(--sizes-xs);
}
.p-xsmd-l {
  padding-left: var(--sizes-md);
}
.p-xsmd-tr {
  padding-right: var(--sizes-md);
  padding-top: var(--sizes-xs);
}
.p-xsmd-br {
  padding-right: var(--sizes-md);
  padding-bottom: var(--sizes-xs);
}
.p-xsmd-lr {
  padding-right: var(--sizes-md);
  padding-left: var(--sizes-xs);
}
.p-xsmd-tb {
  padding-top: var(--sizes-xs);
  padding-bottom: var(--sizes-md);
}
.p-xsmd-bl {
  padding-left: var(--sizes-md);
  padding-bottom: var(--sizes-xs);
}
.p-xsmd-tl {
  padding-left: var(--sizes-md);
  padding-top: var(--sizes-xs);
}
.p-xslg {
  padding: var(--sizes-xs) var(--sizes-lg);
}
.p-xslg-t {
  padding-top: var(--sizes-xs);
}
.p-xslg-r {
  padding-right: var(--sizes-lg);
}
.p-xslg-b {
  padding-bottom: var(--sizes-xs);
}
.p-xslg-l {
  padding-left: var(--sizes-lg);
}
.p-xslg-tr {
  padding-right: var(--sizes-lg);
  padding-top: var(--sizes-xs);
}
.p-xslg-br {
  padding-right: var(--sizes-lg);
  padding-bottom: var(--sizes-xs);
}
.p-xslg-lr {
  padding-right: var(--sizes-lg);
  padding-left: var(--sizes-xs);
}
.p-xslg-tb {
  padding-top: var(--sizes-xs);
  padding-bottom: var(--sizes-lg);
}
.p-xslg-bl {
  padding-left: var(--sizes-lg);
  padding-bottom: var(--sizes-xs);
}
.p-xslg-tl {
  padding-left: var(--sizes-lg);
  padding-top: var(--sizes-xs);
}
.p-xsxl {
  padding: var(--sizes-xs) var(--sizes-xl);
}
.p-xsxl-t {
  padding-top: var(--sizes-xs);
}
.p-xsxl-r {
  padding-right: var(--sizes-xl);
}
.p-xsxl-b {
  padding-bottom: var(--sizes-xs);
}
.p-xsxl-l {
  padding-left: var(--sizes-xl);
}
.p-xsxl-tr {
  padding-right: var(--sizes-xl);
  padding-top: var(--sizes-xs);
}
.p-xsxl-br {
  padding-right: var(--sizes-xl);
  padding-bottom: var(--sizes-xs);
}
.p-xsxl-lr {
  padding-right: var(--sizes-xl);
  padding-left: var(--sizes-xs);
}
.p-xsxl-tb {
  padding-top: var(--sizes-xs);
  padding-bottom: var(--sizes-xl);
}
.p-xsxl-bl {
  padding-left: var(--sizes-xl);
  padding-bottom: var(--sizes-xs);
}
.p-xsxl-tl {
  padding-left: var(--sizes-xl);
  padding-top: var(--sizes-xs);
}
.p-xsxxl {
  padding: var(--sizes-xs) var(--sizes-xxl);
}
.p-xsxxl-t {
  padding-top: var(--sizes-xs);
}
.p-xsxxl-r {
  padding-right: var(--sizes-xxl);
}
.p-xsxxl-b {
  padding-bottom: var(--sizes-xs);
}
.p-xsxxl-l {
  padding-left: var(--sizes-xxl);
}
.p-xsxxl-tr {
  padding-right: var(--sizes-xxl);
  padding-top: var(--sizes-xs);
}
.p-xsxxl-br {
  padding-right: var(--sizes-xxl);
  padding-bottom: var(--sizes-xs);
}
.p-xsxxl-lr {
  padding-right: var(--sizes-xxl);
  padding-left: var(--sizes-xs);
}
.p-xsxxl-tb {
  padding-top: var(--sizes-xs);
  padding-bottom: var(--sizes-xxl);
}
.p-xsxxl-bl {
  padding-left: var(--sizes-xxl);
  padding-bottom: var(--sizes-xs);
}
.p-xsxxl-tl {
  padding-left: var(--sizes-xxl);
  padding-top: var(--sizes-xs);
}
.p-sm {
  padding: var(--sizes-sm);
}
.p-sm-t {
  padding-top: var(--sizes-sm);
}
.p-sm-r {
  padding-right: var(--sizes-sm);
}
.p-sm-b {
  padding-bottom: var(--sizes-sm);
}
.p-sm-l {
  padding-left: var(--sizes-sm);
}
.p-sm-tr {
  padding-right: var(--sizes-sm);
  padding-top: var(--sizes-sm);
}
.p-sm-br {
  padding-right: var(--sizes-sm);
  padding-bottom: var(--sizes-sm);
}
.p-sm-rl, .p-sm-lr {
  padding-right: var(--sizes-sm);
  padding-left: var(--sizes-sm);
}
.p-sm-tb {
  padding-top: var(--sizes-sm);
  padding-bottom: var(--sizes-sm);
}
.p-sm-bl {
  padding-left: var(--sizes-sm);
  padding-bottom: var(--sizes-sm);
}
.p-sm-tl {
  padding-left: var(--sizes-sm);
  padding-top: var(--sizes-sm);
}
.p-smxxs {
  padding: var(--sizes-sm) var(--sizes-xxs);
}
.p-smxxs-t {
  padding-top: var(--sizes-sm);
}
.p-smxxs-r {
  padding-right: var(--sizes-xxs);
}
.p-smxxs-b {
  padding-bottom: var(--sizes-sm);
}
.p-smxxs-l {
  padding-left: var(--sizes-xxs);
}
.p-smxxs-tr {
  padding-right: var(--sizes-xxs);
  padding-top: var(--sizes-sm);
}
.p-smxxs-br {
  padding-right: var(--sizes-xxs);
  padding-bottom: var(--sizes-sm);
}
.p-smxxs-lr {
  padding-right: var(--sizes-xxs);
  padding-left: var(--sizes-sm);
}
.p-smxxs-tb {
  padding-top: var(--sizes-sm);
  padding-bottom: var(--sizes-xxs);
}
.p-smxxs-bl {
  padding-left: var(--sizes-xxs);
  padding-bottom: var(--sizes-sm);
}
.p-smxxs-tl {
  padding-left: var(--sizes-xxs);
  padding-top: var(--sizes-sm);
}
.p-smxs {
  padding: var(--sizes-sm) var(--sizes-xs);
}
.p-smxs-t {
  padding-top: var(--sizes-sm);
}
.p-smxs-r {
  padding-right: var(--sizes-xs);
}
.p-smxs-b {
  padding-bottom: var(--sizes-sm);
}
.p-smxs-l {
  padding-left: var(--sizes-xs);
}
.p-smxs-tr {
  padding-right: var(--sizes-xs);
  padding-top: var(--sizes-sm);
}
.p-smxs-br {
  padding-right: var(--sizes-xs);
  padding-bottom: var(--sizes-sm);
}
.p-smxs-lr {
  padding-right: var(--sizes-xs);
  padding-left: var(--sizes-sm);
}
.p-smxs-tb {
  padding-top: var(--sizes-sm);
  padding-bottom: var(--sizes-xs);
}
.p-smxs-bl {
  padding-left: var(--sizes-xs);
  padding-bottom: var(--sizes-sm);
}
.p-smxs-tl {
  padding-left: var(--sizes-xs);
  padding-top: var(--sizes-sm);
}
.p-smsm {
  padding: var(--sizes-sm) var(--sizes-sm);
}
.p-smsm-t {
  padding-top: var(--sizes-sm);
}
.p-smsm-r {
  padding-right: var(--sizes-sm);
}
.p-smsm-b {
  padding-bottom: var(--sizes-sm);
}
.p-smsm-l {
  padding-left: var(--sizes-sm);
}
.p-smsm-tr {
  padding-right: var(--sizes-sm);
  padding-top: var(--sizes-sm);
}
.p-smsm-br {
  padding-right: var(--sizes-sm);
  padding-bottom: var(--sizes-sm);
}
.p-smsm-lr {
  padding-right: var(--sizes-sm);
  padding-left: var(--sizes-sm);
}
.p-smsm-tb {
  padding-top: var(--sizes-sm);
  padding-bottom: var(--sizes-sm);
}
.p-smsm-bl {
  padding-left: var(--sizes-sm);
  padding-bottom: var(--sizes-sm);
}
.p-smsm-tl {
  padding-left: var(--sizes-sm);
  padding-top: var(--sizes-sm);
}
.p-smmd {
  padding: var(--sizes-sm) var(--sizes-md);
}
.p-smmd-t {
  padding-top: var(--sizes-sm);
}
.p-smmd-r {
  padding-right: var(--sizes-md);
}
.p-smmd-b {
  padding-bottom: var(--sizes-sm);
}
.p-smmd-l {
  padding-left: var(--sizes-md);
}
.p-smmd-tr {
  padding-right: var(--sizes-md);
  padding-top: var(--sizes-sm);
}
.p-smmd-br {
  padding-right: var(--sizes-md);
  padding-bottom: var(--sizes-sm);
}
.p-smmd-lr {
  padding-right: var(--sizes-md);
  padding-left: var(--sizes-sm);
}
.p-smmd-tb {
  padding-top: var(--sizes-sm);
  padding-bottom: var(--sizes-md);
}
.p-smmd-bl {
  padding-left: var(--sizes-md);
  padding-bottom: var(--sizes-sm);
}
.p-smmd-tl {
  padding-left: var(--sizes-md);
  padding-top: var(--sizes-sm);
}
.p-smlg {
  padding: var(--sizes-sm) var(--sizes-lg);
}
.p-smlg-t {
  padding-top: var(--sizes-sm);
}
.p-smlg-r {
  padding-right: var(--sizes-lg);
}
.p-smlg-b {
  padding-bottom: var(--sizes-sm);
}
.p-smlg-l {
  padding-left: var(--sizes-lg);
}
.p-smlg-tr {
  padding-right: var(--sizes-lg);
  padding-top: var(--sizes-sm);
}
.p-smlg-br {
  padding-right: var(--sizes-lg);
  padding-bottom: var(--sizes-sm);
}
.p-smlg-lr {
  padding-right: var(--sizes-lg);
  padding-left: var(--sizes-sm);
}
.p-smlg-tb {
  padding-top: var(--sizes-sm);
  padding-bottom: var(--sizes-lg);
}
.p-smlg-bl {
  padding-left: var(--sizes-lg);
  padding-bottom: var(--sizes-sm);
}
.p-smlg-tl {
  padding-left: var(--sizes-lg);
  padding-top: var(--sizes-sm);
}
.p-smxl {
  padding: var(--sizes-sm) var(--sizes-xl);
}
.p-smxl-t {
  padding-top: var(--sizes-sm);
}
.p-smxl-r {
  padding-right: var(--sizes-xl);
}
.p-smxl-b {
  padding-bottom: var(--sizes-sm);
}
.p-smxl-l {
  padding-left: var(--sizes-xl);
}
.p-smxl-tr {
  padding-right: var(--sizes-xl);
  padding-top: var(--sizes-sm);
}
.p-smxl-br {
  padding-right: var(--sizes-xl);
  padding-bottom: var(--sizes-sm);
}
.p-smxl-lr {
  padding-right: var(--sizes-xl);
  padding-left: var(--sizes-sm);
}
.p-smxl-tb {
  padding-top: var(--sizes-sm);
  padding-bottom: var(--sizes-xl);
}
.p-smxl-bl {
  padding-left: var(--sizes-xl);
  padding-bottom: var(--sizes-sm);
}
.p-smxl-tl {
  padding-left: var(--sizes-xl);
  padding-top: var(--sizes-sm);
}
.p-smxxl {
  padding: var(--sizes-sm) var(--sizes-xxl);
}
.p-smxxl-t {
  padding-top: var(--sizes-sm);
}
.p-smxxl-r {
  padding-right: var(--sizes-xxl);
}
.p-smxxl-b {
  padding-bottom: var(--sizes-sm);
}
.p-smxxl-l {
  padding-left: var(--sizes-xxl);
}
.p-smxxl-tr {
  padding-right: var(--sizes-xxl);
  padding-top: var(--sizes-sm);
}
.p-smxxl-br {
  padding-right: var(--sizes-xxl);
  padding-bottom: var(--sizes-sm);
}
.p-smxxl-lr {
  padding-right: var(--sizes-xxl);
  padding-left: var(--sizes-sm);
}
.p-smxxl-tb {
  padding-top: var(--sizes-sm);
  padding-bottom: var(--sizes-xxl);
}
.p-smxxl-bl {
  padding-left: var(--sizes-xxl);
  padding-bottom: var(--sizes-sm);
}
.p-smxxl-tl {
  padding-left: var(--sizes-xxl);
  padding-top: var(--sizes-sm);
}
.p-md {
  padding: var(--sizes-md);
}
.p-md-t {
  padding-top: var(--sizes-md);
}
.p-md-r {
  padding-right: var(--sizes-md);
}
.p-md-b {
  padding-bottom: var(--sizes-md);
}
.p-md-l {
  padding-left: var(--sizes-md);
}
.p-md-tr {
  padding-right: var(--sizes-md);
  padding-top: var(--sizes-md);
}
.p-md-br {
  padding-right: var(--sizes-md);
  padding-bottom: var(--sizes-md);
}
.p-md-rl, .p-md-lr {
  padding-right: var(--sizes-md);
  padding-left: var(--sizes-md);
}
.p-md-tb {
  padding-top: var(--sizes-md);
  padding-bottom: var(--sizes-md);
}
.p-md-bl {
  padding-left: var(--sizes-md);
  padding-bottom: var(--sizes-md);
}
.p-md-tl {
  padding-left: var(--sizes-md);
  padding-top: var(--sizes-md);
}
.p-mdxxs {
  padding: var(--sizes-md) var(--sizes-xxs);
}
.p-mdxxs-t {
  padding-top: var(--sizes-md);
}
.p-mdxxs-r {
  padding-right: var(--sizes-xxs);
}
.p-mdxxs-b {
  padding-bottom: var(--sizes-md);
}
.p-mdxxs-l {
  padding-left: var(--sizes-xxs);
}
.p-mdxxs-tr {
  padding-right: var(--sizes-xxs);
  padding-top: var(--sizes-md);
}
.p-mdxxs-br {
  padding-right: var(--sizes-xxs);
  padding-bottom: var(--sizes-md);
}
.p-mdxxs-lr {
  padding-right: var(--sizes-xxs);
  padding-left: var(--sizes-md);
}
.p-mdxxs-tb {
  padding-top: var(--sizes-md);
  padding-bottom: var(--sizes-xxs);
}
.p-mdxxs-bl {
  padding-left: var(--sizes-xxs);
  padding-bottom: var(--sizes-md);
}
.p-mdxxs-tl {
  padding-left: var(--sizes-xxs);
  padding-top: var(--sizes-md);
}
.p-mdxs {
  padding: var(--sizes-md) var(--sizes-xs);
}
.p-mdxs-t {
  padding-top: var(--sizes-md);
}
.p-mdxs-r {
  padding-right: var(--sizes-xs);
}
.p-mdxs-b {
  padding-bottom: var(--sizes-md);
}
.p-mdxs-l {
  padding-left: var(--sizes-xs);
}
.p-mdxs-tr {
  padding-right: var(--sizes-xs);
  padding-top: var(--sizes-md);
}
.p-mdxs-br {
  padding-right: var(--sizes-xs);
  padding-bottom: var(--sizes-md);
}
.p-mdxs-lr {
  padding-right: var(--sizes-xs);
  padding-left: var(--sizes-md);
}
.p-mdxs-tb {
  padding-top: var(--sizes-md);
  padding-bottom: var(--sizes-xs);
}
.p-mdxs-bl {
  padding-left: var(--sizes-xs);
  padding-bottom: var(--sizes-md);
}
.p-mdxs-tl {
  padding-left: var(--sizes-xs);
  padding-top: var(--sizes-md);
}
.p-mdsm {
  padding: var(--sizes-md) var(--sizes-sm);
}
.p-mdsm-t {
  padding-top: var(--sizes-md);
}
.p-mdsm-r {
  padding-right: var(--sizes-sm);
}
.p-mdsm-b {
  padding-bottom: var(--sizes-md);
}
.p-mdsm-l {
  padding-left: var(--sizes-sm);
}
.p-mdsm-tr {
  padding-right: var(--sizes-sm);
  padding-top: var(--sizes-md);
}
.p-mdsm-br {
  padding-right: var(--sizes-sm);
  padding-bottom: var(--sizes-md);
}
.p-mdsm-lr {
  padding-right: var(--sizes-sm);
  padding-left: var(--sizes-md);
}
.p-mdsm-tb {
  padding-top: var(--sizes-md);
  padding-bottom: var(--sizes-sm);
}
.p-mdsm-bl {
  padding-left: var(--sizes-sm);
  padding-bottom: var(--sizes-md);
}
.p-mdsm-tl {
  padding-left: var(--sizes-sm);
  padding-top: var(--sizes-md);
}
.p-mdmd {
  padding: var(--sizes-md) var(--sizes-md);
}
.p-mdmd-t {
  padding-top: var(--sizes-md);
}
.p-mdmd-r {
  padding-right: var(--sizes-md);
}
.p-mdmd-b {
  padding-bottom: var(--sizes-md);
}
.p-mdmd-l {
  padding-left: var(--sizes-md);
}
.p-mdmd-tr {
  padding-right: var(--sizes-md);
  padding-top: var(--sizes-md);
}
.p-mdmd-br {
  padding-right: var(--sizes-md);
  padding-bottom: var(--sizes-md);
}
.p-mdmd-lr {
  padding-right: var(--sizes-md);
  padding-left: var(--sizes-md);
}
.p-mdmd-tb {
  padding-top: var(--sizes-md);
  padding-bottom: var(--sizes-md);
}
.p-mdmd-bl {
  padding-left: var(--sizes-md);
  padding-bottom: var(--sizes-md);
}
.p-mdmd-tl {
  padding-left: var(--sizes-md);
  padding-top: var(--sizes-md);
}
.p-mdlg {
  padding: var(--sizes-md) var(--sizes-lg);
}
.p-mdlg-t {
  padding-top: var(--sizes-md);
}
.p-mdlg-r {
  padding-right: var(--sizes-lg);
}
.p-mdlg-b {
  padding-bottom: var(--sizes-md);
}
.p-mdlg-l {
  padding-left: var(--sizes-lg);
}
.p-mdlg-tr {
  padding-right: var(--sizes-lg);
  padding-top: var(--sizes-md);
}
.p-mdlg-br {
  padding-right: var(--sizes-lg);
  padding-bottom: var(--sizes-md);
}
.p-mdlg-lr {
  padding-right: var(--sizes-lg);
  padding-left: var(--sizes-md);
}
.p-mdlg-tb {
  padding-top: var(--sizes-md);
  padding-bottom: var(--sizes-lg);
}
.p-mdlg-bl {
  padding-left: var(--sizes-lg);
  padding-bottom: var(--sizes-md);
}
.p-mdlg-tl {
  padding-left: var(--sizes-lg);
  padding-top: var(--sizes-md);
}
.p-mdxl {
  padding: var(--sizes-md) var(--sizes-xl);
}
.p-mdxl-t {
  padding-top: var(--sizes-md);
}
.p-mdxl-r {
  padding-right: var(--sizes-xl);
}
.p-mdxl-b {
  padding-bottom: var(--sizes-md);
}
.p-mdxl-l {
  padding-left: var(--sizes-xl);
}
.p-mdxl-tr {
  padding-right: var(--sizes-xl);
  padding-top: var(--sizes-md);
}
.p-mdxl-br {
  padding-right: var(--sizes-xl);
  padding-bottom: var(--sizes-md);
}
.p-mdxl-lr {
  padding-right: var(--sizes-xl);
  padding-left: var(--sizes-md);
}
.p-mdxl-tb {
  padding-top: var(--sizes-md);
  padding-bottom: var(--sizes-xl);
}
.p-mdxl-bl {
  padding-left: var(--sizes-xl);
  padding-bottom: var(--sizes-md);
}
.p-mdxl-tl {
  padding-left: var(--sizes-xl);
  padding-top: var(--sizes-md);
}
.p-mdxxl {
  padding: var(--sizes-md) var(--sizes-xxl);
}
.p-mdxxl-t {
  padding-top: var(--sizes-md);
}
.p-mdxxl-r {
  padding-right: var(--sizes-xxl);
}
.p-mdxxl-b {
  padding-bottom: var(--sizes-md);
}
.p-mdxxl-l {
  padding-left: var(--sizes-xxl);
}
.p-mdxxl-tr {
  padding-right: var(--sizes-xxl);
  padding-top: var(--sizes-md);
}
.p-mdxxl-br {
  padding-right: var(--sizes-xxl);
  padding-bottom: var(--sizes-md);
}
.p-mdxxl-lr {
  padding-right: var(--sizes-xxl);
  padding-left: var(--sizes-md);
}
.p-mdxxl-tb {
  padding-top: var(--sizes-md);
  padding-bottom: var(--sizes-xxl);
}
.p-mdxxl-bl {
  padding-left: var(--sizes-xxl);
  padding-bottom: var(--sizes-md);
}
.p-mdxxl-tl {
  padding-left: var(--sizes-xxl);
  padding-top: var(--sizes-md);
}
.p-lg {
  padding: var(--sizes-lg);
}
.p-lg-t {
  padding-top: var(--sizes-lg);
}
.p-lg-r {
  padding-right: var(--sizes-lg);
}
.p-lg-b {
  padding-bottom: var(--sizes-lg);
}
.p-lg-l {
  padding-left: var(--sizes-lg);
}
.p-lg-tr {
  padding-right: var(--sizes-lg);
  padding-top: var(--sizes-lg);
}
.p-lg-br {
  padding-right: var(--sizes-lg);
  padding-bottom: var(--sizes-lg);
}
.p-lg-rl, .p-lg-lr {
  padding-right: var(--sizes-lg);
  padding-left: var(--sizes-lg);
}
.p-lg-tb {
  padding-top: var(--sizes-lg);
  padding-bottom: var(--sizes-lg);
}
.p-lg-bl {
  padding-left: var(--sizes-lg);
  padding-bottom: var(--sizes-lg);
}
.p-lg-tl {
  padding-left: var(--sizes-lg);
  padding-top: var(--sizes-lg);
}
.p-lgxxs {
  padding: var(--sizes-lg) var(--sizes-xxs);
}
.p-lgxxs-t {
  padding-top: var(--sizes-lg);
}
.p-lgxxs-r {
  padding-right: var(--sizes-xxs);
}
.p-lgxxs-b {
  padding-bottom: var(--sizes-lg);
}
.p-lgxxs-l {
  padding-left: var(--sizes-xxs);
}
.p-lgxxs-tr {
  padding-right: var(--sizes-xxs);
  padding-top: var(--sizes-lg);
}
.p-lgxxs-br {
  padding-right: var(--sizes-xxs);
  padding-bottom: var(--sizes-lg);
}
.p-lgxxs-lr {
  padding-right: var(--sizes-xxs);
  padding-left: var(--sizes-lg);
}
.p-lgxxs-tb {
  padding-top: var(--sizes-lg);
  padding-bottom: var(--sizes-xxs);
}
.p-lgxxs-bl {
  padding-left: var(--sizes-xxs);
  padding-bottom: var(--sizes-lg);
}
.p-lgxxs-tl {
  padding-left: var(--sizes-xxs);
  padding-top: var(--sizes-lg);
}
.p-lgxs {
  padding: var(--sizes-lg) var(--sizes-xs);
}
.p-lgxs-t {
  padding-top: var(--sizes-lg);
}
.p-lgxs-r {
  padding-right: var(--sizes-xs);
}
.p-lgxs-b {
  padding-bottom: var(--sizes-lg);
}
.p-lgxs-l {
  padding-left: var(--sizes-xs);
}
.p-lgxs-tr {
  padding-right: var(--sizes-xs);
  padding-top: var(--sizes-lg);
}
.p-lgxs-br {
  padding-right: var(--sizes-xs);
  padding-bottom: var(--sizes-lg);
}
.p-lgxs-lr {
  padding-right: var(--sizes-xs);
  padding-left: var(--sizes-lg);
}
.p-lgxs-tb {
  padding-top: var(--sizes-lg);
  padding-bottom: var(--sizes-xs);
}
.p-lgxs-bl {
  padding-left: var(--sizes-xs);
  padding-bottom: var(--sizes-lg);
}
.p-lgxs-tl {
  padding-left: var(--sizes-xs);
  padding-top: var(--sizes-lg);
}
.p-lgsm {
  padding: var(--sizes-lg) var(--sizes-sm);
}
.p-lgsm-t {
  padding-top: var(--sizes-lg);
}
.p-lgsm-r {
  padding-right: var(--sizes-sm);
}
.p-lgsm-b {
  padding-bottom: var(--sizes-lg);
}
.p-lgsm-l {
  padding-left: var(--sizes-sm);
}
.p-lgsm-tr {
  padding-right: var(--sizes-sm);
  padding-top: var(--sizes-lg);
}
.p-lgsm-br {
  padding-right: var(--sizes-sm);
  padding-bottom: var(--sizes-lg);
}
.p-lgsm-lr {
  padding-right: var(--sizes-sm);
  padding-left: var(--sizes-lg);
}
.p-lgsm-tb {
  padding-top: var(--sizes-lg);
  padding-bottom: var(--sizes-sm);
}
.p-lgsm-bl {
  padding-left: var(--sizes-sm);
  padding-bottom: var(--sizes-lg);
}
.p-lgsm-tl {
  padding-left: var(--sizes-sm);
  padding-top: var(--sizes-lg);
}
.p-lgmd {
  padding: var(--sizes-lg) var(--sizes-md);
}
.p-lgmd-t {
  padding-top: var(--sizes-lg);
}
.p-lgmd-r {
  padding-right: var(--sizes-md);
}
.p-lgmd-b {
  padding-bottom: var(--sizes-lg);
}
.p-lgmd-l {
  padding-left: var(--sizes-md);
}
.p-lgmd-tr {
  padding-right: var(--sizes-md);
  padding-top: var(--sizes-lg);
}
.p-lgmd-br {
  padding-right: var(--sizes-md);
  padding-bottom: var(--sizes-lg);
}
.p-lgmd-lr {
  padding-right: var(--sizes-md);
  padding-left: var(--sizes-lg);
}
.p-lgmd-tb {
  padding-top: var(--sizes-lg);
  padding-bottom: var(--sizes-md);
}
.p-lgmd-bl {
  padding-left: var(--sizes-md);
  padding-bottom: var(--sizes-lg);
}
.p-lgmd-tl {
  padding-left: var(--sizes-md);
  padding-top: var(--sizes-lg);
}
.p-lglg {
  padding: var(--sizes-lg) var(--sizes-lg);
}
.p-lglg-t {
  padding-top: var(--sizes-lg);
}
.p-lglg-r {
  padding-right: var(--sizes-lg);
}
.p-lglg-b {
  padding-bottom: var(--sizes-lg);
}
.p-lglg-l {
  padding-left: var(--sizes-lg);
}
.p-lglg-tr {
  padding-right: var(--sizes-lg);
  padding-top: var(--sizes-lg);
}
.p-lglg-br {
  padding-right: var(--sizes-lg);
  padding-bottom: var(--sizes-lg);
}
.p-lglg-lr {
  padding-right: var(--sizes-lg);
  padding-left: var(--sizes-lg);
}
.p-lglg-tb {
  padding-top: var(--sizes-lg);
  padding-bottom: var(--sizes-lg);
}
.p-lglg-bl {
  padding-left: var(--sizes-lg);
  padding-bottom: var(--sizes-lg);
}
.p-lglg-tl {
  padding-left: var(--sizes-lg);
  padding-top: var(--sizes-lg);
}
.p-lgxl {
  padding: var(--sizes-lg) var(--sizes-xl);
}
.p-lgxl-t {
  padding-top: var(--sizes-lg);
}
.p-lgxl-r {
  padding-right: var(--sizes-xl);
}
.p-lgxl-b {
  padding-bottom: var(--sizes-lg);
}
.p-lgxl-l {
  padding-left: var(--sizes-xl);
}
.p-lgxl-tr {
  padding-right: var(--sizes-xl);
  padding-top: var(--sizes-lg);
}
.p-lgxl-br {
  padding-right: var(--sizes-xl);
  padding-bottom: var(--sizes-lg);
}
.p-lgxl-lr {
  padding-right: var(--sizes-xl);
  padding-left: var(--sizes-lg);
}
.p-lgxl-tb {
  padding-top: var(--sizes-lg);
  padding-bottom: var(--sizes-xl);
}
.p-lgxl-bl {
  padding-left: var(--sizes-xl);
  padding-bottom: var(--sizes-lg);
}
.p-lgxl-tl {
  padding-left: var(--sizes-xl);
  padding-top: var(--sizes-lg);
}
.p-lgxxl {
  padding: var(--sizes-lg) var(--sizes-xxl);
}
.p-lgxxl-t {
  padding-top: var(--sizes-lg);
}
.p-lgxxl-r {
  padding-right: var(--sizes-xxl);
}
.p-lgxxl-b {
  padding-bottom: var(--sizes-lg);
}
.p-lgxxl-l {
  padding-left: var(--sizes-xxl);
}
.p-lgxxl-tr {
  padding-right: var(--sizes-xxl);
  padding-top: var(--sizes-lg);
}
.p-lgxxl-br {
  padding-right: var(--sizes-xxl);
  padding-bottom: var(--sizes-lg);
}
.p-lgxxl-lr {
  padding-right: var(--sizes-xxl);
  padding-left: var(--sizes-lg);
}
.p-lgxxl-tb {
  padding-top: var(--sizes-lg);
  padding-bottom: var(--sizes-xxl);
}
.p-lgxxl-bl {
  padding-left: var(--sizes-xxl);
  padding-bottom: var(--sizes-lg);
}
.p-lgxxl-tl {
  padding-left: var(--sizes-xxl);
  padding-top: var(--sizes-lg);
}
.p-xl {
  padding: var(--sizes-xl);
}
.p-xl-t {
  padding-top: var(--sizes-xl);
}
.p-xl-r {
  padding-right: var(--sizes-xl);
}
.p-xl-b {
  padding-bottom: var(--sizes-xl);
}
.p-xl-l {
  padding-left: var(--sizes-xl);
}
.p-xl-tr {
  padding-right: var(--sizes-xl);
  padding-top: var(--sizes-xl);
}
.p-xl-br {
  padding-right: var(--sizes-xl);
  padding-bottom: var(--sizes-xl);
}
.p-xl-rl, .p-xl-lr {
  padding-right: var(--sizes-xl);
  padding-left: var(--sizes-xl);
}
.p-xl-tb {
  padding-top: var(--sizes-xl);
  padding-bottom: var(--sizes-xl);
}
.p-xl-bl {
  padding-left: var(--sizes-xl);
  padding-bottom: var(--sizes-xl);
}
.p-xl-tl {
  padding-left: var(--sizes-xl);
  padding-top: var(--sizes-xl);
}
.p-xlxxs {
  padding: var(--sizes-xl) var(--sizes-xxs);
}
.p-xlxxs-t {
  padding-top: var(--sizes-xl);
}
.p-xlxxs-r {
  padding-right: var(--sizes-xxs);
}
.p-xlxxs-b {
  padding-bottom: var(--sizes-xl);
}
.p-xlxxs-l {
  padding-left: var(--sizes-xxs);
}
.p-xlxxs-tr {
  padding-right: var(--sizes-xxs);
  padding-top: var(--sizes-xl);
}
.p-xlxxs-br {
  padding-right: var(--sizes-xxs);
  padding-bottom: var(--sizes-xl);
}
.p-xlxxs-lr {
  padding-right: var(--sizes-xxs);
  padding-left: var(--sizes-xl);
}
.p-xlxxs-tb {
  padding-top: var(--sizes-xl);
  padding-bottom: var(--sizes-xxs);
}
.p-xlxxs-bl {
  padding-left: var(--sizes-xxs);
  padding-bottom: var(--sizes-xl);
}
.p-xlxxs-tl {
  padding-left: var(--sizes-xxs);
  padding-top: var(--sizes-xl);
}
.p-xlxs {
  padding: var(--sizes-xl) var(--sizes-xs);
}
.p-xlxs-t {
  padding-top: var(--sizes-xl);
}
.p-xlxs-r {
  padding-right: var(--sizes-xs);
}
.p-xlxs-b {
  padding-bottom: var(--sizes-xl);
}
.p-xlxs-l {
  padding-left: var(--sizes-xs);
}
.p-xlxs-tr {
  padding-right: var(--sizes-xs);
  padding-top: var(--sizes-xl);
}
.p-xlxs-br {
  padding-right: var(--sizes-xs);
  padding-bottom: var(--sizes-xl);
}
.p-xlxs-lr {
  padding-right: var(--sizes-xs);
  padding-left: var(--sizes-xl);
}
.p-xlxs-tb {
  padding-top: var(--sizes-xl);
  padding-bottom: var(--sizes-xs);
}
.p-xlxs-bl {
  padding-left: var(--sizes-xs);
  padding-bottom: var(--sizes-xl);
}
.p-xlxs-tl {
  padding-left: var(--sizes-xs);
  padding-top: var(--sizes-xl);
}
.p-xlsm {
  padding: var(--sizes-xl) var(--sizes-sm);
}
.p-xlsm-t {
  padding-top: var(--sizes-xl);
}
.p-xlsm-r {
  padding-right: var(--sizes-sm);
}
.p-xlsm-b {
  padding-bottom: var(--sizes-xl);
}
.p-xlsm-l {
  padding-left: var(--sizes-sm);
}
.p-xlsm-tr {
  padding-right: var(--sizes-sm);
  padding-top: var(--sizes-xl);
}
.p-xlsm-br {
  padding-right: var(--sizes-sm);
  padding-bottom: var(--sizes-xl);
}
.p-xlsm-lr {
  padding-right: var(--sizes-sm);
  padding-left: var(--sizes-xl);
}
.p-xlsm-tb {
  padding-top: var(--sizes-xl);
  padding-bottom: var(--sizes-sm);
}
.p-xlsm-bl {
  padding-left: var(--sizes-sm);
  padding-bottom: var(--sizes-xl);
}
.p-xlsm-tl {
  padding-left: var(--sizes-sm);
  padding-top: var(--sizes-xl);
}
.p-xlmd {
  padding: var(--sizes-xl) var(--sizes-md);
}
.p-xlmd-t {
  padding-top: var(--sizes-xl);
}
.p-xlmd-r {
  padding-right: var(--sizes-md);
}
.p-xlmd-b {
  padding-bottom: var(--sizes-xl);
}
.p-xlmd-l {
  padding-left: var(--sizes-md);
}
.p-xlmd-tr {
  padding-right: var(--sizes-md);
  padding-top: var(--sizes-xl);
}
.p-xlmd-br {
  padding-right: var(--sizes-md);
  padding-bottom: var(--sizes-xl);
}
.p-xlmd-lr {
  padding-right: var(--sizes-md);
  padding-left: var(--sizes-xl);
}
.p-xlmd-tb {
  padding-top: var(--sizes-xl);
  padding-bottom: var(--sizes-md);
}
.p-xlmd-bl {
  padding-left: var(--sizes-md);
  padding-bottom: var(--sizes-xl);
}
.p-xlmd-tl {
  padding-left: var(--sizes-md);
  padding-top: var(--sizes-xl);
}
.p-xllg {
  padding: var(--sizes-xl) var(--sizes-lg);
}
.p-xllg-t {
  padding-top: var(--sizes-xl);
}
.p-xllg-r {
  padding-right: var(--sizes-lg);
}
.p-xllg-b {
  padding-bottom: var(--sizes-xl);
}
.p-xllg-l {
  padding-left: var(--sizes-lg);
}
.p-xllg-tr {
  padding-right: var(--sizes-lg);
  padding-top: var(--sizes-xl);
}
.p-xllg-br {
  padding-right: var(--sizes-lg);
  padding-bottom: var(--sizes-xl);
}
.p-xllg-lr {
  padding-right: var(--sizes-lg);
  padding-left: var(--sizes-xl);
}
.p-xllg-tb {
  padding-top: var(--sizes-xl);
  padding-bottom: var(--sizes-lg);
}
.p-xllg-bl {
  padding-left: var(--sizes-lg);
  padding-bottom: var(--sizes-xl);
}
.p-xllg-tl {
  padding-left: var(--sizes-lg);
  padding-top: var(--sizes-xl);
}
.p-xlxl {
  padding: var(--sizes-xl) var(--sizes-xl);
}
.p-xlxl-t {
  padding-top: var(--sizes-xl);
}
.p-xlxl-r {
  padding-right: var(--sizes-xl);
}
.p-xlxl-b {
  padding-bottom: var(--sizes-xl);
}
.p-xlxl-l {
  padding-left: var(--sizes-xl);
}
.p-xlxl-tr {
  padding-right: var(--sizes-xl);
  padding-top: var(--sizes-xl);
}
.p-xlxl-br {
  padding-right: var(--sizes-xl);
  padding-bottom: var(--sizes-xl);
}
.p-xlxl-lr {
  padding-right: var(--sizes-xl);
  padding-left: var(--sizes-xl);
}
.p-xlxl-tb {
  padding-top: var(--sizes-xl);
  padding-bottom: var(--sizes-xl);
}
.p-xlxl-bl {
  padding-left: var(--sizes-xl);
  padding-bottom: var(--sizes-xl);
}
.p-xlxl-tl {
  padding-left: var(--sizes-xl);
  padding-top: var(--sizes-xl);
}
.p-xlxxl {
  padding: var(--sizes-xl) var(--sizes-xxl);
}
.p-xlxxl-t {
  padding-top: var(--sizes-xl);
}
.p-xlxxl-r {
  padding-right: var(--sizes-xxl);
}
.p-xlxxl-b {
  padding-bottom: var(--sizes-xl);
}
.p-xlxxl-l {
  padding-left: var(--sizes-xxl);
}
.p-xlxxl-tr {
  padding-right: var(--sizes-xxl);
  padding-top: var(--sizes-xl);
}
.p-xlxxl-br {
  padding-right: var(--sizes-xxl);
  padding-bottom: var(--sizes-xl);
}
.p-xlxxl-lr {
  padding-right: var(--sizes-xxl);
  padding-left: var(--sizes-xl);
}
.p-xlxxl-tb {
  padding-top: var(--sizes-xl);
  padding-bottom: var(--sizes-xxl);
}
.p-xlxxl-bl {
  padding-left: var(--sizes-xxl);
  padding-bottom: var(--sizes-xl);
}
.p-xlxxl-tl {
  padding-left: var(--sizes-xxl);
  padding-top: var(--sizes-xl);
}
.p-xxl {
  padding: var(--sizes-xxl);
}
.p-xxl-t {
  padding-top: var(--sizes-xxl);
}
.p-xxl-r {
  padding-right: var(--sizes-xxl);
}
.p-xxl-b {
  padding-bottom: var(--sizes-xxl);
}
.p-xxl-l {
  padding-left: var(--sizes-xxl);
}
.p-xxl-tr {
  padding-right: var(--sizes-xxl);
  padding-top: var(--sizes-xxl);
}
.p-xxl-br {
  padding-right: var(--sizes-xxl);
  padding-bottom: var(--sizes-xxl);
}
.p-xxl-rl, .p-xxl-lr {
  padding-right: var(--sizes-xxl);
  padding-left: var(--sizes-xxl);
}
.p-xxl-tb {
  padding-top: var(--sizes-xxl);
  padding-bottom: var(--sizes-xxl);
}
.p-xxl-bl {
  padding-left: var(--sizes-xxl);
  padding-bottom: var(--sizes-xxl);
}
.p-xxl-tl {
  padding-left: var(--sizes-xxl);
  padding-top: var(--sizes-xxl);
}
.p-xxlxxs {
  padding: var(--sizes-xxl) var(--sizes-xxs);
}
.p-xxlxxs-t {
  padding-top: var(--sizes-xxl);
}
.p-xxlxxs-r {
  padding-right: var(--sizes-xxs);
}
.p-xxlxxs-b {
  padding-bottom: var(--sizes-xxl);
}
.p-xxlxxs-l {
  padding-left: var(--sizes-xxs);
}
.p-xxlxxs-tr {
  padding-right: var(--sizes-xxs);
  padding-top: var(--sizes-xxl);
}
.p-xxlxxs-br {
  padding-right: var(--sizes-xxs);
  padding-bottom: var(--sizes-xxl);
}
.p-xxlxxs-lr {
  padding-right: var(--sizes-xxs);
  padding-left: var(--sizes-xxl);
}
.p-xxlxxs-tb {
  padding-top: var(--sizes-xxl);
  padding-bottom: var(--sizes-xxs);
}
.p-xxlxxs-bl {
  padding-left: var(--sizes-xxs);
  padding-bottom: var(--sizes-xxl);
}
.p-xxlxxs-tl {
  padding-left: var(--sizes-xxs);
  padding-top: var(--sizes-xxl);
}
.p-xxlxs {
  padding: var(--sizes-xxl) var(--sizes-xs);
}
.p-xxlxs-t {
  padding-top: var(--sizes-xxl);
}
.p-xxlxs-r {
  padding-right: var(--sizes-xs);
}
.p-xxlxs-b {
  padding-bottom: var(--sizes-xxl);
}
.p-xxlxs-l {
  padding-left: var(--sizes-xs);
}
.p-xxlxs-tr {
  padding-right: var(--sizes-xs);
  padding-top: var(--sizes-xxl);
}
.p-xxlxs-br {
  padding-right: var(--sizes-xs);
  padding-bottom: var(--sizes-xxl);
}
.p-xxlxs-lr {
  padding-right: var(--sizes-xs);
  padding-left: var(--sizes-xxl);
}
.p-xxlxs-tb {
  padding-top: var(--sizes-xxl);
  padding-bottom: var(--sizes-xs);
}
.p-xxlxs-bl {
  padding-left: var(--sizes-xs);
  padding-bottom: var(--sizes-xxl);
}
.p-xxlxs-tl {
  padding-left: var(--sizes-xs);
  padding-top: var(--sizes-xxl);
}
.p-xxlsm {
  padding: var(--sizes-xxl) var(--sizes-sm);
}
.p-xxlsm-t {
  padding-top: var(--sizes-xxl);
}
.p-xxlsm-r {
  padding-right: var(--sizes-sm);
}
.p-xxlsm-b {
  padding-bottom: var(--sizes-xxl);
}
.p-xxlsm-l {
  padding-left: var(--sizes-sm);
}
.p-xxlsm-tr {
  padding-right: var(--sizes-sm);
  padding-top: var(--sizes-xxl);
}
.p-xxlsm-br {
  padding-right: var(--sizes-sm);
  padding-bottom: var(--sizes-xxl);
}
.p-xxlsm-lr {
  padding-right: var(--sizes-sm);
  padding-left: var(--sizes-xxl);
}
.p-xxlsm-tb {
  padding-top: var(--sizes-xxl);
  padding-bottom: var(--sizes-sm);
}
.p-xxlsm-bl {
  padding-left: var(--sizes-sm);
  padding-bottom: var(--sizes-xxl);
}
.p-xxlsm-tl {
  padding-left: var(--sizes-sm);
  padding-top: var(--sizes-xxl);
}
.p-xxlmd {
  padding: var(--sizes-xxl) var(--sizes-md);
}
.p-xxlmd-t {
  padding-top: var(--sizes-xxl);
}
.p-xxlmd-r {
  padding-right: var(--sizes-md);
}
.p-xxlmd-b {
  padding-bottom: var(--sizes-xxl);
}
.p-xxlmd-l {
  padding-left: var(--sizes-md);
}
.p-xxlmd-tr {
  padding-right: var(--sizes-md);
  padding-top: var(--sizes-xxl);
}
.p-xxlmd-br {
  padding-right: var(--sizes-md);
  padding-bottom: var(--sizes-xxl);
}
.p-xxlmd-lr {
  padding-right: var(--sizes-md);
  padding-left: var(--sizes-xxl);
}
.p-xxlmd-tb {
  padding-top: var(--sizes-xxl);
  padding-bottom: var(--sizes-md);
}
.p-xxlmd-bl {
  padding-left: var(--sizes-md);
  padding-bottom: var(--sizes-xxl);
}
.p-xxlmd-tl {
  padding-left: var(--sizes-md);
  padding-top: var(--sizes-xxl);
}
.p-xxllg {
  padding: var(--sizes-xxl) var(--sizes-lg);
}
.p-xxllg-t {
  padding-top: var(--sizes-xxl);
}
.p-xxllg-r {
  padding-right: var(--sizes-lg);
}
.p-xxllg-b {
  padding-bottom: var(--sizes-xxl);
}
.p-xxllg-l {
  padding-left: var(--sizes-lg);
}
.p-xxllg-tr {
  padding-right: var(--sizes-lg);
  padding-top: var(--sizes-xxl);
}
.p-xxllg-br {
  padding-right: var(--sizes-lg);
  padding-bottom: var(--sizes-xxl);
}
.p-xxllg-lr {
  padding-right: var(--sizes-lg);
  padding-left: var(--sizes-xxl);
}
.p-xxllg-tb {
  padding-top: var(--sizes-xxl);
  padding-bottom: var(--sizes-lg);
}
.p-xxllg-bl {
  padding-left: var(--sizes-lg);
  padding-bottom: var(--sizes-xxl);
}
.p-xxllg-tl {
  padding-left: var(--sizes-lg);
  padding-top: var(--sizes-xxl);
}
.p-xxlxl {
  padding: var(--sizes-xxl) var(--sizes-xl);
}
.p-xxlxl-t {
  padding-top: var(--sizes-xxl);
}
.p-xxlxl-r {
  padding-right: var(--sizes-xl);
}
.p-xxlxl-b {
  padding-bottom: var(--sizes-xxl);
}
.p-xxlxl-l {
  padding-left: var(--sizes-xl);
}
.p-xxlxl-tr {
  padding-right: var(--sizes-xl);
  padding-top: var(--sizes-xxl);
}
.p-xxlxl-br {
  padding-right: var(--sizes-xl);
  padding-bottom: var(--sizes-xxl);
}
.p-xxlxl-lr {
  padding-right: var(--sizes-xl);
  padding-left: var(--sizes-xxl);
}
.p-xxlxl-tb {
  padding-top: var(--sizes-xxl);
  padding-bottom: var(--sizes-xl);
}
.p-xxlxl-bl {
  padding-left: var(--sizes-xl);
  padding-bottom: var(--sizes-xxl);
}
.p-xxlxl-tl {
  padding-left: var(--sizes-xl);
  padding-top: var(--sizes-xxl);
}
.p-xxlxxl {
  padding: var(--sizes-xxl) var(--sizes-xxl);
}
.p-xxlxxl-t {
  padding-top: var(--sizes-xxl);
}
.p-xxlxxl-r {
  padding-right: var(--sizes-xxl);
}
.p-xxlxxl-b {
  padding-bottom: var(--sizes-xxl);
}
.p-xxlxxl-l {
  padding-left: var(--sizes-xxl);
}
.p-xxlxxl-tr {
  padding-right: var(--sizes-xxl);
  padding-top: var(--sizes-xxl);
}
.p-xxlxxl-br {
  padding-right: var(--sizes-xxl);
  padding-bottom: var(--sizes-xxl);
}
.p-xxlxxl-lr {
  padding-right: var(--sizes-xxl);
  padding-left: var(--sizes-xxl);
}
.p-xxlxxl-tb {
  padding-top: var(--sizes-xxl);
  padding-bottom: var(--sizes-xxl);
}
.p-xxlxxl-bl {
  padding-left: var(--sizes-xxl);
  padding-bottom: var(--sizes-xxl);
}
.p-xxlxxl-tl {
  padding-left: var(--sizes-xxl);
  padding-top: var(--sizes-xxl);
}
.p-0 {
  padding: 0px;
}
.p-t-0 {
  padding-top: 0px;
}
.p-r-0 {
  padding-right: 0px;
}
.p-b-0 {
  padding-bottom: 0px;
}
.p-l-0 {
  padding-left: 0px;
}
.p-tr-0 {
  padding-right: 0px;
  padding-top: 0px;
}
.p-br-0 {
  padding-right: 0px;
  padding-bottom: 0px;
}
.p-rl-0, .p-lr-0 {
  padding-right: 0px;
  padding-left: 0px;
}
.p-tb-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.p-bl-0 {
  padding-left: 0px;
  padding-bottom: 0px;
}
.p-tl-0 {
  padding-left: 0px;
  padding-top: 0px;
}

.m-t {
  margin-top: 0;
}
.m-r {
  margin-right: 0;
}
.m-b {
  margin-bottom: 0;
}
.m-l {
  margin-left: 0;
}
.m-tr {
  margin-right: 0;
  margin-top: 0;
}
.m-br {
  margin-right: 0;
  margin-bottom: 0;
}
.m-rl, .m-lr {
  margin-right: 0;
  margin-left: 0;
}
.m-tb {
  margin-top: 0;
  margin-bottom: 0;
}
.m-bl {
  margin-left: 0;
  margin-bottom: 0;
}
.m-tl {
  margin-left: 0;
  margin-top: 0;
}
.m-xxs {
  margin: var(--sizes-xxs);
}
.m-xxs-t {
  margin-top: var(--sizes-xxs);
}
.m-xxs-r {
  margin-right: var(--sizes-xxs);
}
.m-xxs-b {
  margin-bottom: var(--sizes-xxs);
}
.m-xxs-l {
  margin-left: var(--sizes-xxs);
}
.m-xxs-tr {
  margin-right: var(--sizes-xxs);
  margin-top: var(--sizes-xxs);
}
.m-xxs-br {
  margin-right: var(--sizes-xxs);
  margin-bottom: var(--sizes-xxs);
}
.m-xxs-rl, .m-xxs-lr {
  margin-right: var(--sizes-xxs);
  margin-left: var(--sizes-xxs);
}
.m-xxs-tb {
  margin-top: var(--sizes-xxs);
  margin-bottom: var(--sizes-xxs);
}
.m-xxs-bl {
  margin-left: var(--sizes-xxs);
  margin-bottom: var(--sizes-xxs);
}
.m-xxs-tl {
  margin-left: var(--sizes-xxs);
  margin-top: var(--sizes-xxs);
}
.m-xxsxxs {
  margin: var(--sizes-xxs) var(--sizes-xxs);
}
.m-xxsxxs-t {
  margin-top: var(--sizes-xxs);
}
.m-xxsxxs-r {
  margin-right: var(--sizes-xxs);
}
.m-xxsxxs-b {
  margin-bottom: var(--sizes-xxs);
}
.m-xxsxxs-l {
  margin-left: var(--sizes-xxs);
}
.m-xxsxxs-tr {
  margin-right: var(--sizes-xxs);
  margin-top: var(--sizes-xxs);
}
.m-xxsxxs-br {
  margin-right: var(--sizes-xxs);
  margin-bottom: var(--sizes-xxs);
}
.m-xxsxxs-lr {
  margin-right: var(--sizes-xxs);
  margin-left: var(--sizes-xxs);
}
.m-xxsxxs-tb {
  margin-top: var(--sizes-xxs);
  margin-bottom: var(--sizes-xxs);
}
.m-xxsxxs-bl {
  margin-left: var(--sizes-xxs);
  margin-bottom: var(--sizes-xxs);
}
.m-xxsxxs-tl {
  margin-left: var(--sizes-xxs);
  margin-top: var(--sizes-xxs);
}
.m-xxsxs {
  margin: var(--sizes-xxs) var(--sizes-xs);
}
.m-xxsxs-t {
  margin-top: var(--sizes-xxs);
}
.m-xxsxs-r {
  margin-right: var(--sizes-xs);
}
.m-xxsxs-b {
  margin-bottom: var(--sizes-xxs);
}
.m-xxsxs-l {
  margin-left: var(--sizes-xs);
}
.m-xxsxs-tr {
  margin-right: var(--sizes-xs);
  margin-top: var(--sizes-xxs);
}
.m-xxsxs-br {
  margin-right: var(--sizes-xs);
  margin-bottom: var(--sizes-xxs);
}
.m-xxsxs-lr {
  margin-right: var(--sizes-xs);
  margin-left: var(--sizes-xxs);
}
.m-xxsxs-tb {
  margin-top: var(--sizes-xxs);
  margin-bottom: var(--sizes-xs);
}
.m-xxsxs-bl {
  margin-left: var(--sizes-xs);
  margin-bottom: var(--sizes-xxs);
}
.m-xxsxs-tl {
  margin-left: var(--sizes-xs);
  margin-top: var(--sizes-xxs);
}
.m-xxssm {
  margin: var(--sizes-xxs) var(--sizes-sm);
}
.m-xxssm-t {
  margin-top: var(--sizes-xxs);
}
.m-xxssm-r {
  margin-right: var(--sizes-sm);
}
.m-xxssm-b {
  margin-bottom: var(--sizes-xxs);
}
.m-xxssm-l {
  margin-left: var(--sizes-sm);
}
.m-xxssm-tr {
  margin-right: var(--sizes-sm);
  margin-top: var(--sizes-xxs);
}
.m-xxssm-br {
  margin-right: var(--sizes-sm);
  margin-bottom: var(--sizes-xxs);
}
.m-xxssm-lr {
  margin-right: var(--sizes-sm);
  margin-left: var(--sizes-xxs);
}
.m-xxssm-tb {
  margin-top: var(--sizes-xxs);
  margin-bottom: var(--sizes-sm);
}
.m-xxssm-bl {
  margin-left: var(--sizes-sm);
  margin-bottom: var(--sizes-xxs);
}
.m-xxssm-tl {
  margin-left: var(--sizes-sm);
  margin-top: var(--sizes-xxs);
}
.m-xxsmd {
  margin: var(--sizes-xxs) var(--sizes-md);
}
.m-xxsmd-t {
  margin-top: var(--sizes-xxs);
}
.m-xxsmd-r {
  margin-right: var(--sizes-md);
}
.m-xxsmd-b {
  margin-bottom: var(--sizes-xxs);
}
.m-xxsmd-l {
  margin-left: var(--sizes-md);
}
.m-xxsmd-tr {
  margin-right: var(--sizes-md);
  margin-top: var(--sizes-xxs);
}
.m-xxsmd-br {
  margin-right: var(--sizes-md);
  margin-bottom: var(--sizes-xxs);
}
.m-xxsmd-lr {
  margin-right: var(--sizes-md);
  margin-left: var(--sizes-xxs);
}
.m-xxsmd-tb {
  margin-top: var(--sizes-xxs);
  margin-bottom: var(--sizes-md);
}
.m-xxsmd-bl {
  margin-left: var(--sizes-md);
  margin-bottom: var(--sizes-xxs);
}
.m-xxsmd-tl {
  margin-left: var(--sizes-md);
  margin-top: var(--sizes-xxs);
}
.m-xxslg {
  margin: var(--sizes-xxs) var(--sizes-lg);
}
.m-xxslg-t {
  margin-top: var(--sizes-xxs);
}
.m-xxslg-r {
  margin-right: var(--sizes-lg);
}
.m-xxslg-b {
  margin-bottom: var(--sizes-xxs);
}
.m-xxslg-l {
  margin-left: var(--sizes-lg);
}
.m-xxslg-tr {
  margin-right: var(--sizes-lg);
  margin-top: var(--sizes-xxs);
}
.m-xxslg-br {
  margin-right: var(--sizes-lg);
  margin-bottom: var(--sizes-xxs);
}
.m-xxslg-lr {
  margin-right: var(--sizes-lg);
  margin-left: var(--sizes-xxs);
}
.m-xxslg-tb {
  margin-top: var(--sizes-xxs);
  margin-bottom: var(--sizes-lg);
}
.m-xxslg-bl {
  margin-left: var(--sizes-lg);
  margin-bottom: var(--sizes-xxs);
}
.m-xxslg-tl {
  margin-left: var(--sizes-lg);
  margin-top: var(--sizes-xxs);
}
.m-xxsxl {
  margin: var(--sizes-xxs) var(--sizes-xl);
}
.m-xxsxl-t {
  margin-top: var(--sizes-xxs);
}
.m-xxsxl-r {
  margin-right: var(--sizes-xl);
}
.m-xxsxl-b {
  margin-bottom: var(--sizes-xxs);
}
.m-xxsxl-l {
  margin-left: var(--sizes-xl);
}
.m-xxsxl-tr {
  margin-right: var(--sizes-xl);
  margin-top: var(--sizes-xxs);
}
.m-xxsxl-br {
  margin-right: var(--sizes-xl);
  margin-bottom: var(--sizes-xxs);
}
.m-xxsxl-lr {
  margin-right: var(--sizes-xl);
  margin-left: var(--sizes-xxs);
}
.m-xxsxl-tb {
  margin-top: var(--sizes-xxs);
  margin-bottom: var(--sizes-xl);
}
.m-xxsxl-bl {
  margin-left: var(--sizes-xl);
  margin-bottom: var(--sizes-xxs);
}
.m-xxsxl-tl {
  margin-left: var(--sizes-xl);
  margin-top: var(--sizes-xxs);
}
.m-xxsxxl {
  margin: var(--sizes-xxs) var(--sizes-xxl);
}
.m-xxsxxl-t {
  margin-top: var(--sizes-xxs);
}
.m-xxsxxl-r {
  margin-right: var(--sizes-xxl);
}
.m-xxsxxl-b {
  margin-bottom: var(--sizes-xxs);
}
.m-xxsxxl-l {
  margin-left: var(--sizes-xxl);
}
.m-xxsxxl-tr {
  margin-right: var(--sizes-xxl);
  margin-top: var(--sizes-xxs);
}
.m-xxsxxl-br {
  margin-right: var(--sizes-xxl);
  margin-bottom: var(--sizes-xxs);
}
.m-xxsxxl-lr {
  margin-right: var(--sizes-xxl);
  margin-left: var(--sizes-xxs);
}
.m-xxsxxl-tb {
  margin-top: var(--sizes-xxs);
  margin-bottom: var(--sizes-xxl);
}
.m-xxsxxl-bl {
  margin-left: var(--sizes-xxl);
  margin-bottom: var(--sizes-xxs);
}
.m-xxsxxl-tl {
  margin-left: var(--sizes-xxl);
  margin-top: var(--sizes-xxs);
}
.m-xs {
  margin: var(--sizes-xs);
}
.m-xs-t {
  margin-top: var(--sizes-xs);
}
.m-xs-r {
  margin-right: var(--sizes-xs);
}
.m-xs-b {
  margin-bottom: var(--sizes-xs);
}
.m-xs-l {
  margin-left: var(--sizes-xs);
}
.m-xs-tr {
  margin-right: var(--sizes-xs);
  margin-top: var(--sizes-xs);
}
.m-xs-br {
  margin-right: var(--sizes-xs);
  margin-bottom: var(--sizes-xs);
}
.m-xs-rl, .m-xs-lr {
  margin-right: var(--sizes-xs);
  margin-left: var(--sizes-xs);
}
.m-xs-tb {
  margin-top: var(--sizes-xs);
  margin-bottom: var(--sizes-xs);
}
.m-xs-bl {
  margin-left: var(--sizes-xs);
  margin-bottom: var(--sizes-xs);
}
.m-xs-tl {
  margin-left: var(--sizes-xs);
  margin-top: var(--sizes-xs);
}
.m-xsxxs {
  margin: var(--sizes-xs) var(--sizes-xxs);
}
.m-xsxxs-t {
  margin-top: var(--sizes-xs);
}
.m-xsxxs-r {
  margin-right: var(--sizes-xxs);
}
.m-xsxxs-b {
  margin-bottom: var(--sizes-xs);
}
.m-xsxxs-l {
  margin-left: var(--sizes-xxs);
}
.m-xsxxs-tr {
  margin-right: var(--sizes-xxs);
  margin-top: var(--sizes-xs);
}
.m-xsxxs-br {
  margin-right: var(--sizes-xxs);
  margin-bottom: var(--sizes-xs);
}
.m-xsxxs-lr {
  margin-right: var(--sizes-xxs);
  margin-left: var(--sizes-xs);
}
.m-xsxxs-tb {
  margin-top: var(--sizes-xs);
  margin-bottom: var(--sizes-xxs);
}
.m-xsxxs-bl {
  margin-left: var(--sizes-xxs);
  margin-bottom: var(--sizes-xs);
}
.m-xsxxs-tl {
  margin-left: var(--sizes-xxs);
  margin-top: var(--sizes-xs);
}
.m-xsxs {
  margin: var(--sizes-xs) var(--sizes-xs);
}
.m-xsxs-t {
  margin-top: var(--sizes-xs);
}
.m-xsxs-r {
  margin-right: var(--sizes-xs);
}
.m-xsxs-b {
  margin-bottom: var(--sizes-xs);
}
.m-xsxs-l {
  margin-left: var(--sizes-xs);
}
.m-xsxs-tr {
  margin-right: var(--sizes-xs);
  margin-top: var(--sizes-xs);
}
.m-xsxs-br {
  margin-right: var(--sizes-xs);
  margin-bottom: var(--sizes-xs);
}
.m-xsxs-lr {
  margin-right: var(--sizes-xs);
  margin-left: var(--sizes-xs);
}
.m-xsxs-tb {
  margin-top: var(--sizes-xs);
  margin-bottom: var(--sizes-xs);
}
.m-xsxs-bl {
  margin-left: var(--sizes-xs);
  margin-bottom: var(--sizes-xs);
}
.m-xsxs-tl {
  margin-left: var(--sizes-xs);
  margin-top: var(--sizes-xs);
}
.m-xssm {
  margin: var(--sizes-xs) var(--sizes-sm);
}
.m-xssm-t {
  margin-top: var(--sizes-xs);
}
.m-xssm-r {
  margin-right: var(--sizes-sm);
}
.m-xssm-b {
  margin-bottom: var(--sizes-xs);
}
.m-xssm-l {
  margin-left: var(--sizes-sm);
}
.m-xssm-tr {
  margin-right: var(--sizes-sm);
  margin-top: var(--sizes-xs);
}
.m-xssm-br {
  margin-right: var(--sizes-sm);
  margin-bottom: var(--sizes-xs);
}
.m-xssm-lr {
  margin-right: var(--sizes-sm);
  margin-left: var(--sizes-xs);
}
.m-xssm-tb {
  margin-top: var(--sizes-xs);
  margin-bottom: var(--sizes-sm);
}
.m-xssm-bl {
  margin-left: var(--sizes-sm);
  margin-bottom: var(--sizes-xs);
}
.m-xssm-tl {
  margin-left: var(--sizes-sm);
  margin-top: var(--sizes-xs);
}
.m-xsmd {
  margin: var(--sizes-xs) var(--sizes-md);
}
.m-xsmd-t {
  margin-top: var(--sizes-xs);
}
.m-xsmd-r {
  margin-right: var(--sizes-md);
}
.m-xsmd-b {
  margin-bottom: var(--sizes-xs);
}
.m-xsmd-l {
  margin-left: var(--sizes-md);
}
.m-xsmd-tr {
  margin-right: var(--sizes-md);
  margin-top: var(--sizes-xs);
}
.m-xsmd-br {
  margin-right: var(--sizes-md);
  margin-bottom: var(--sizes-xs);
}
.m-xsmd-lr {
  margin-right: var(--sizes-md);
  margin-left: var(--sizes-xs);
}
.m-xsmd-tb {
  margin-top: var(--sizes-xs);
  margin-bottom: var(--sizes-md);
}
.m-xsmd-bl {
  margin-left: var(--sizes-md);
  margin-bottom: var(--sizes-xs);
}
.m-xsmd-tl {
  margin-left: var(--sizes-md);
  margin-top: var(--sizes-xs);
}
.m-xslg {
  margin: var(--sizes-xs) var(--sizes-lg);
}
.m-xslg-t {
  margin-top: var(--sizes-xs);
}
.m-xslg-r {
  margin-right: var(--sizes-lg);
}
.m-xslg-b {
  margin-bottom: var(--sizes-xs);
}
.m-xslg-l {
  margin-left: var(--sizes-lg);
}
.m-xslg-tr {
  margin-right: var(--sizes-lg);
  margin-top: var(--sizes-xs);
}
.m-xslg-br {
  margin-right: var(--sizes-lg);
  margin-bottom: var(--sizes-xs);
}
.m-xslg-lr {
  margin-right: var(--sizes-lg);
  margin-left: var(--sizes-xs);
}
.m-xslg-tb {
  margin-top: var(--sizes-xs);
  margin-bottom: var(--sizes-lg);
}
.m-xslg-bl {
  margin-left: var(--sizes-lg);
  margin-bottom: var(--sizes-xs);
}
.m-xslg-tl {
  margin-left: var(--sizes-lg);
  margin-top: var(--sizes-xs);
}
.m-xsxl {
  margin: var(--sizes-xs) var(--sizes-xl);
}
.m-xsxl-t {
  margin-top: var(--sizes-xs);
}
.m-xsxl-r {
  margin-right: var(--sizes-xl);
}
.m-xsxl-b {
  margin-bottom: var(--sizes-xs);
}
.m-xsxl-l {
  margin-left: var(--sizes-xl);
}
.m-xsxl-tr {
  margin-right: var(--sizes-xl);
  margin-top: var(--sizes-xs);
}
.m-xsxl-br {
  margin-right: var(--sizes-xl);
  margin-bottom: var(--sizes-xs);
}
.m-xsxl-lr {
  margin-right: var(--sizes-xl);
  margin-left: var(--sizes-xs);
}
.m-xsxl-tb {
  margin-top: var(--sizes-xs);
  margin-bottom: var(--sizes-xl);
}
.m-xsxl-bl {
  margin-left: var(--sizes-xl);
  margin-bottom: var(--sizes-xs);
}
.m-xsxl-tl {
  margin-left: var(--sizes-xl);
  margin-top: var(--sizes-xs);
}
.m-xsxxl {
  margin: var(--sizes-xs) var(--sizes-xxl);
}
.m-xsxxl-t {
  margin-top: var(--sizes-xs);
}
.m-xsxxl-r {
  margin-right: var(--sizes-xxl);
}
.m-xsxxl-b {
  margin-bottom: var(--sizes-xs);
}
.m-xsxxl-l {
  margin-left: var(--sizes-xxl);
}
.m-xsxxl-tr {
  margin-right: var(--sizes-xxl);
  margin-top: var(--sizes-xs);
}
.m-xsxxl-br {
  margin-right: var(--sizes-xxl);
  margin-bottom: var(--sizes-xs);
}
.m-xsxxl-lr {
  margin-right: var(--sizes-xxl);
  margin-left: var(--sizes-xs);
}
.m-xsxxl-tb {
  margin-top: var(--sizes-xs);
  margin-bottom: var(--sizes-xxl);
}
.m-xsxxl-bl {
  margin-left: var(--sizes-xxl);
  margin-bottom: var(--sizes-xs);
}
.m-xsxxl-tl {
  margin-left: var(--sizes-xxl);
  margin-top: var(--sizes-xs);
}
.m-sm {
  margin: var(--sizes-sm);
}
.m-sm-t {
  margin-top: var(--sizes-sm);
}
.m-sm-r {
  margin-right: var(--sizes-sm);
}
.m-sm-b {
  margin-bottom: var(--sizes-sm);
}
.m-sm-l {
  margin-left: var(--sizes-sm);
}
.m-sm-tr {
  margin-right: var(--sizes-sm);
  margin-top: var(--sizes-sm);
}
.m-sm-br {
  margin-right: var(--sizes-sm);
  margin-bottom: var(--sizes-sm);
}
.m-sm-rl, .m-sm-lr {
  margin-right: var(--sizes-sm);
  margin-left: var(--sizes-sm);
}
.m-sm-tb {
  margin-top: var(--sizes-sm);
  margin-bottom: var(--sizes-sm);
}
.m-sm-bl {
  margin-left: var(--sizes-sm);
  margin-bottom: var(--sizes-sm);
}
.m-sm-tl {
  margin-left: var(--sizes-sm);
  margin-top: var(--sizes-sm);
}
.m-smxxs {
  margin: var(--sizes-sm) var(--sizes-xxs);
}
.m-smxxs-t {
  margin-top: var(--sizes-sm);
}
.m-smxxs-r {
  margin-right: var(--sizes-xxs);
}
.m-smxxs-b {
  margin-bottom: var(--sizes-sm);
}
.m-smxxs-l {
  margin-left: var(--sizes-xxs);
}
.m-smxxs-tr {
  margin-right: var(--sizes-xxs);
  margin-top: var(--sizes-sm);
}
.m-smxxs-br {
  margin-right: var(--sizes-xxs);
  margin-bottom: var(--sizes-sm);
}
.m-smxxs-lr {
  margin-right: var(--sizes-xxs);
  margin-left: var(--sizes-sm);
}
.m-smxxs-tb {
  margin-top: var(--sizes-sm);
  margin-bottom: var(--sizes-xxs);
}
.m-smxxs-bl {
  margin-left: var(--sizes-xxs);
  margin-bottom: var(--sizes-sm);
}
.m-smxxs-tl {
  margin-left: var(--sizes-xxs);
  margin-top: var(--sizes-sm);
}
.m-smxs {
  margin: var(--sizes-sm) var(--sizes-xs);
}
.m-smxs-t {
  margin-top: var(--sizes-sm);
}
.m-smxs-r {
  margin-right: var(--sizes-xs);
}
.m-smxs-b {
  margin-bottom: var(--sizes-sm);
}
.m-smxs-l {
  margin-left: var(--sizes-xs);
}
.m-smxs-tr {
  margin-right: var(--sizes-xs);
  margin-top: var(--sizes-sm);
}
.m-smxs-br {
  margin-right: var(--sizes-xs);
  margin-bottom: var(--sizes-sm);
}
.m-smxs-lr {
  margin-right: var(--sizes-xs);
  margin-left: var(--sizes-sm);
}
.m-smxs-tb {
  margin-top: var(--sizes-sm);
  margin-bottom: var(--sizes-xs);
}
.m-smxs-bl {
  margin-left: var(--sizes-xs);
  margin-bottom: var(--sizes-sm);
}
.m-smxs-tl {
  margin-left: var(--sizes-xs);
  margin-top: var(--sizes-sm);
}
.m-smsm {
  margin: var(--sizes-sm) var(--sizes-sm);
}
.m-smsm-t {
  margin-top: var(--sizes-sm);
}
.m-smsm-r {
  margin-right: var(--sizes-sm);
}
.m-smsm-b {
  margin-bottom: var(--sizes-sm);
}
.m-smsm-l {
  margin-left: var(--sizes-sm);
}
.m-smsm-tr {
  margin-right: var(--sizes-sm);
  margin-top: var(--sizes-sm);
}
.m-smsm-br {
  margin-right: var(--sizes-sm);
  margin-bottom: var(--sizes-sm);
}
.m-smsm-lr {
  margin-right: var(--sizes-sm);
  margin-left: var(--sizes-sm);
}
.m-smsm-tb {
  margin-top: var(--sizes-sm);
  margin-bottom: var(--sizes-sm);
}
.m-smsm-bl {
  margin-left: var(--sizes-sm);
  margin-bottom: var(--sizes-sm);
}
.m-smsm-tl {
  margin-left: var(--sizes-sm);
  margin-top: var(--sizes-sm);
}
.m-smmd {
  margin: var(--sizes-sm) var(--sizes-md);
}
.m-smmd-t {
  margin-top: var(--sizes-sm);
}
.m-smmd-r {
  margin-right: var(--sizes-md);
}
.m-smmd-b {
  margin-bottom: var(--sizes-sm);
}
.m-smmd-l {
  margin-left: var(--sizes-md);
}
.m-smmd-tr {
  margin-right: var(--sizes-md);
  margin-top: var(--sizes-sm);
}
.m-smmd-br {
  margin-right: var(--sizes-md);
  margin-bottom: var(--sizes-sm);
}
.m-smmd-lr {
  margin-right: var(--sizes-md);
  margin-left: var(--sizes-sm);
}
.m-smmd-tb {
  margin-top: var(--sizes-sm);
  margin-bottom: var(--sizes-md);
}
.m-smmd-bl {
  margin-left: var(--sizes-md);
  margin-bottom: var(--sizes-sm);
}
.m-smmd-tl {
  margin-left: var(--sizes-md);
  margin-top: var(--sizes-sm);
}
.m-smlg {
  margin: var(--sizes-sm) var(--sizes-lg);
}
.m-smlg-t {
  margin-top: var(--sizes-sm);
}
.m-smlg-r {
  margin-right: var(--sizes-lg);
}
.m-smlg-b {
  margin-bottom: var(--sizes-sm);
}
.m-smlg-l {
  margin-left: var(--sizes-lg);
}
.m-smlg-tr {
  margin-right: var(--sizes-lg);
  margin-top: var(--sizes-sm);
}
.m-smlg-br {
  margin-right: var(--sizes-lg);
  margin-bottom: var(--sizes-sm);
}
.m-smlg-lr {
  margin-right: var(--sizes-lg);
  margin-left: var(--sizes-sm);
}
.m-smlg-tb {
  margin-top: var(--sizes-sm);
  margin-bottom: var(--sizes-lg);
}
.m-smlg-bl {
  margin-left: var(--sizes-lg);
  margin-bottom: var(--sizes-sm);
}
.m-smlg-tl {
  margin-left: var(--sizes-lg);
  margin-top: var(--sizes-sm);
}
.m-smxl {
  margin: var(--sizes-sm) var(--sizes-xl);
}
.m-smxl-t {
  margin-top: var(--sizes-sm);
}
.m-smxl-r {
  margin-right: var(--sizes-xl);
}
.m-smxl-b {
  margin-bottom: var(--sizes-sm);
}
.m-smxl-l {
  margin-left: var(--sizes-xl);
}
.m-smxl-tr {
  margin-right: var(--sizes-xl);
  margin-top: var(--sizes-sm);
}
.m-smxl-br {
  margin-right: var(--sizes-xl);
  margin-bottom: var(--sizes-sm);
}
.m-smxl-lr {
  margin-right: var(--sizes-xl);
  margin-left: var(--sizes-sm);
}
.m-smxl-tb {
  margin-top: var(--sizes-sm);
  margin-bottom: var(--sizes-xl);
}
.m-smxl-bl {
  margin-left: var(--sizes-xl);
  margin-bottom: var(--sizes-sm);
}
.m-smxl-tl {
  margin-left: var(--sizes-xl);
  margin-top: var(--sizes-sm);
}
.m-smxxl {
  margin: var(--sizes-sm) var(--sizes-xxl);
}
.m-smxxl-t {
  margin-top: var(--sizes-sm);
}
.m-smxxl-r {
  margin-right: var(--sizes-xxl);
}
.m-smxxl-b {
  margin-bottom: var(--sizes-sm);
}
.m-smxxl-l {
  margin-left: var(--sizes-xxl);
}
.m-smxxl-tr {
  margin-right: var(--sizes-xxl);
  margin-top: var(--sizes-sm);
}
.m-smxxl-br {
  margin-right: var(--sizes-xxl);
  margin-bottom: var(--sizes-sm);
}
.m-smxxl-lr {
  margin-right: var(--sizes-xxl);
  margin-left: var(--sizes-sm);
}
.m-smxxl-tb {
  margin-top: var(--sizes-sm);
  margin-bottom: var(--sizes-xxl);
}
.m-smxxl-bl {
  margin-left: var(--sizes-xxl);
  margin-bottom: var(--sizes-sm);
}
.m-smxxl-tl {
  margin-left: var(--sizes-xxl);
  margin-top: var(--sizes-sm);
}
.m-md {
  margin: var(--sizes-md);
}
.m-md-t {
  margin-top: var(--sizes-md);
}
.m-md-r {
  margin-right: var(--sizes-md);
}
.m-md-b {
  margin-bottom: var(--sizes-md);
}
.m-md-l {
  margin-left: var(--sizes-md);
}
.m-md-tr {
  margin-right: var(--sizes-md);
  margin-top: var(--sizes-md);
}
.m-md-br {
  margin-right: var(--sizes-md);
  margin-bottom: var(--sizes-md);
}
.m-md-rl, .m-md-lr {
  margin-right: var(--sizes-md);
  margin-left: var(--sizes-md);
}
.m-md-tb {
  margin-top: var(--sizes-md);
  margin-bottom: var(--sizes-md);
}
.m-md-bl {
  margin-left: var(--sizes-md);
  margin-bottom: var(--sizes-md);
}
.m-md-tl {
  margin-left: var(--sizes-md);
  margin-top: var(--sizes-md);
}
.m-mdxxs {
  margin: var(--sizes-md) var(--sizes-xxs);
}
.m-mdxxs-t {
  margin-top: var(--sizes-md);
}
.m-mdxxs-r {
  margin-right: var(--sizes-xxs);
}
.m-mdxxs-b {
  margin-bottom: var(--sizes-md);
}
.m-mdxxs-l {
  margin-left: var(--sizes-xxs);
}
.m-mdxxs-tr {
  margin-right: var(--sizes-xxs);
  margin-top: var(--sizes-md);
}
.m-mdxxs-br {
  margin-right: var(--sizes-xxs);
  margin-bottom: var(--sizes-md);
}
.m-mdxxs-lr {
  margin-right: var(--sizes-xxs);
  margin-left: var(--sizes-md);
}
.m-mdxxs-tb {
  margin-top: var(--sizes-md);
  margin-bottom: var(--sizes-xxs);
}
.m-mdxxs-bl {
  margin-left: var(--sizes-xxs);
  margin-bottom: var(--sizes-md);
}
.m-mdxxs-tl {
  margin-left: var(--sizes-xxs);
  margin-top: var(--sizes-md);
}
.m-mdxs {
  margin: var(--sizes-md) var(--sizes-xs);
}
.m-mdxs-t {
  margin-top: var(--sizes-md);
}
.m-mdxs-r {
  margin-right: var(--sizes-xs);
}
.m-mdxs-b {
  margin-bottom: var(--sizes-md);
}
.m-mdxs-l {
  margin-left: var(--sizes-xs);
}
.m-mdxs-tr {
  margin-right: var(--sizes-xs);
  margin-top: var(--sizes-md);
}
.m-mdxs-br {
  margin-right: var(--sizes-xs);
  margin-bottom: var(--sizes-md);
}
.m-mdxs-lr {
  margin-right: var(--sizes-xs);
  margin-left: var(--sizes-md);
}
.m-mdxs-tb {
  margin-top: var(--sizes-md);
  margin-bottom: var(--sizes-xs);
}
.m-mdxs-bl {
  margin-left: var(--sizes-xs);
  margin-bottom: var(--sizes-md);
}
.m-mdxs-tl {
  margin-left: var(--sizes-xs);
  margin-top: var(--sizes-md);
}
.m-mdsm {
  margin: var(--sizes-md) var(--sizes-sm);
}
.m-mdsm-t {
  margin-top: var(--sizes-md);
}
.m-mdsm-r {
  margin-right: var(--sizes-sm);
}
.m-mdsm-b {
  margin-bottom: var(--sizes-md);
}
.m-mdsm-l {
  margin-left: var(--sizes-sm);
}
.m-mdsm-tr {
  margin-right: var(--sizes-sm);
  margin-top: var(--sizes-md);
}
.m-mdsm-br {
  margin-right: var(--sizes-sm);
  margin-bottom: var(--sizes-md);
}
.m-mdsm-lr {
  margin-right: var(--sizes-sm);
  margin-left: var(--sizes-md);
}
.m-mdsm-tb {
  margin-top: var(--sizes-md);
  margin-bottom: var(--sizes-sm);
}
.m-mdsm-bl {
  margin-left: var(--sizes-sm);
  margin-bottom: var(--sizes-md);
}
.m-mdsm-tl {
  margin-left: var(--sizes-sm);
  margin-top: var(--sizes-md);
}
.m-mdmd {
  margin: var(--sizes-md) var(--sizes-md);
}
.m-mdmd-t {
  margin-top: var(--sizes-md);
}
.m-mdmd-r {
  margin-right: var(--sizes-md);
}
.m-mdmd-b {
  margin-bottom: var(--sizes-md);
}
.m-mdmd-l {
  margin-left: var(--sizes-md);
}
.m-mdmd-tr {
  margin-right: var(--sizes-md);
  margin-top: var(--sizes-md);
}
.m-mdmd-br {
  margin-right: var(--sizes-md);
  margin-bottom: var(--sizes-md);
}
.m-mdmd-lr {
  margin-right: var(--sizes-md);
  margin-left: var(--sizes-md);
}
.m-mdmd-tb {
  margin-top: var(--sizes-md);
  margin-bottom: var(--sizes-md);
}
.m-mdmd-bl {
  margin-left: var(--sizes-md);
  margin-bottom: var(--sizes-md);
}
.m-mdmd-tl {
  margin-left: var(--sizes-md);
  margin-top: var(--sizes-md);
}
.m-mdlg {
  margin: var(--sizes-md) var(--sizes-lg);
}
.m-mdlg-t {
  margin-top: var(--sizes-md);
}
.m-mdlg-r {
  margin-right: var(--sizes-lg);
}
.m-mdlg-b {
  margin-bottom: var(--sizes-md);
}
.m-mdlg-l {
  margin-left: var(--sizes-lg);
}
.m-mdlg-tr {
  margin-right: var(--sizes-lg);
  margin-top: var(--sizes-md);
}
.m-mdlg-br {
  margin-right: var(--sizes-lg);
  margin-bottom: var(--sizes-md);
}
.m-mdlg-lr {
  margin-right: var(--sizes-lg);
  margin-left: var(--sizes-md);
}
.m-mdlg-tb {
  margin-top: var(--sizes-md);
  margin-bottom: var(--sizes-lg);
}
.m-mdlg-bl {
  margin-left: var(--sizes-lg);
  margin-bottom: var(--sizes-md);
}
.m-mdlg-tl {
  margin-left: var(--sizes-lg);
  margin-top: var(--sizes-md);
}
.m-mdxl {
  margin: var(--sizes-md) var(--sizes-xl);
}
.m-mdxl-t {
  margin-top: var(--sizes-md);
}
.m-mdxl-r {
  margin-right: var(--sizes-xl);
}
.m-mdxl-b {
  margin-bottom: var(--sizes-md);
}
.m-mdxl-l {
  margin-left: var(--sizes-xl);
}
.m-mdxl-tr {
  margin-right: var(--sizes-xl);
  margin-top: var(--sizes-md);
}
.m-mdxl-br {
  margin-right: var(--sizes-xl);
  margin-bottom: var(--sizes-md);
}
.m-mdxl-lr {
  margin-right: var(--sizes-xl);
  margin-left: var(--sizes-md);
}
.m-mdxl-tb {
  margin-top: var(--sizes-md);
  margin-bottom: var(--sizes-xl);
}
.m-mdxl-bl {
  margin-left: var(--sizes-xl);
  margin-bottom: var(--sizes-md);
}
.m-mdxl-tl {
  margin-left: var(--sizes-xl);
  margin-top: var(--sizes-md);
}
.m-mdxxl {
  margin: var(--sizes-md) var(--sizes-xxl);
}
.m-mdxxl-t {
  margin-top: var(--sizes-md);
}
.m-mdxxl-r {
  margin-right: var(--sizes-xxl);
}
.m-mdxxl-b {
  margin-bottom: var(--sizes-md);
}
.m-mdxxl-l {
  margin-left: var(--sizes-xxl);
}
.m-mdxxl-tr {
  margin-right: var(--sizes-xxl);
  margin-top: var(--sizes-md);
}
.m-mdxxl-br {
  margin-right: var(--sizes-xxl);
  margin-bottom: var(--sizes-md);
}
.m-mdxxl-lr {
  margin-right: var(--sizes-xxl);
  margin-left: var(--sizes-md);
}
.m-mdxxl-tb {
  margin-top: var(--sizes-md);
  margin-bottom: var(--sizes-xxl);
}
.m-mdxxl-bl {
  margin-left: var(--sizes-xxl);
  margin-bottom: var(--sizes-md);
}
.m-mdxxl-tl {
  margin-left: var(--sizes-xxl);
  margin-top: var(--sizes-md);
}
.m-lg {
  margin: var(--sizes-lg);
}
.m-lg-t {
  margin-top: var(--sizes-lg);
}
.m-lg-r {
  margin-right: var(--sizes-lg);
}
.m-lg-b {
  margin-bottom: var(--sizes-lg);
}
.m-lg-l {
  margin-left: var(--sizes-lg);
}
.m-lg-tr {
  margin-right: var(--sizes-lg);
  margin-top: var(--sizes-lg);
}
.m-lg-br {
  margin-right: var(--sizes-lg);
  margin-bottom: var(--sizes-lg);
}
.m-lg-rl, .m-lg-lr {
  margin-right: var(--sizes-lg);
  margin-left: var(--sizes-lg);
}
.m-lg-tb {
  margin-top: var(--sizes-lg);
  margin-bottom: var(--sizes-lg);
}
.m-lg-bl {
  margin-left: var(--sizes-lg);
  margin-bottom: var(--sizes-lg);
}
.m-lg-tl {
  margin-left: var(--sizes-lg);
  margin-top: var(--sizes-lg);
}
.m-lgxxs {
  margin: var(--sizes-lg) var(--sizes-xxs);
}
.m-lgxxs-t {
  margin-top: var(--sizes-lg);
}
.m-lgxxs-r {
  margin-right: var(--sizes-xxs);
}
.m-lgxxs-b {
  margin-bottom: var(--sizes-lg);
}
.m-lgxxs-l {
  margin-left: var(--sizes-xxs);
}
.m-lgxxs-tr {
  margin-right: var(--sizes-xxs);
  margin-top: var(--sizes-lg);
}
.m-lgxxs-br {
  margin-right: var(--sizes-xxs);
  margin-bottom: var(--sizes-lg);
}
.m-lgxxs-lr {
  margin-right: var(--sizes-xxs);
  margin-left: var(--sizes-lg);
}
.m-lgxxs-tb {
  margin-top: var(--sizes-lg);
  margin-bottom: var(--sizes-xxs);
}
.m-lgxxs-bl {
  margin-left: var(--sizes-xxs);
  margin-bottom: var(--sizes-lg);
}
.m-lgxxs-tl {
  margin-left: var(--sizes-xxs);
  margin-top: var(--sizes-lg);
}
.m-lgxs {
  margin: var(--sizes-lg) var(--sizes-xs);
}
.m-lgxs-t {
  margin-top: var(--sizes-lg);
}
.m-lgxs-r {
  margin-right: var(--sizes-xs);
}
.m-lgxs-b {
  margin-bottom: var(--sizes-lg);
}
.m-lgxs-l {
  margin-left: var(--sizes-xs);
}
.m-lgxs-tr {
  margin-right: var(--sizes-xs);
  margin-top: var(--sizes-lg);
}
.m-lgxs-br {
  margin-right: var(--sizes-xs);
  margin-bottom: var(--sizes-lg);
}
.m-lgxs-lr {
  margin-right: var(--sizes-xs);
  margin-left: var(--sizes-lg);
}
.m-lgxs-tb {
  margin-top: var(--sizes-lg);
  margin-bottom: var(--sizes-xs);
}
.m-lgxs-bl {
  margin-left: var(--sizes-xs);
  margin-bottom: var(--sizes-lg);
}
.m-lgxs-tl {
  margin-left: var(--sizes-xs);
  margin-top: var(--sizes-lg);
}
.m-lgsm {
  margin: var(--sizes-lg) var(--sizes-sm);
}
.m-lgsm-t {
  margin-top: var(--sizes-lg);
}
.m-lgsm-r {
  margin-right: var(--sizes-sm);
}
.m-lgsm-b {
  margin-bottom: var(--sizes-lg);
}
.m-lgsm-l {
  margin-left: var(--sizes-sm);
}
.m-lgsm-tr {
  margin-right: var(--sizes-sm);
  margin-top: var(--sizes-lg);
}
.m-lgsm-br {
  margin-right: var(--sizes-sm);
  margin-bottom: var(--sizes-lg);
}
.m-lgsm-lr {
  margin-right: var(--sizes-sm);
  margin-left: var(--sizes-lg);
}
.m-lgsm-tb {
  margin-top: var(--sizes-lg);
  margin-bottom: var(--sizes-sm);
}
.m-lgsm-bl {
  margin-left: var(--sizes-sm);
  margin-bottom: var(--sizes-lg);
}
.m-lgsm-tl {
  margin-left: var(--sizes-sm);
  margin-top: var(--sizes-lg);
}
.m-lgmd {
  margin: var(--sizes-lg) var(--sizes-md);
}
.m-lgmd-t {
  margin-top: var(--sizes-lg);
}
.m-lgmd-r {
  margin-right: var(--sizes-md);
}
.m-lgmd-b {
  margin-bottom: var(--sizes-lg);
}
.m-lgmd-l {
  margin-left: var(--sizes-md);
}
.m-lgmd-tr {
  margin-right: var(--sizes-md);
  margin-top: var(--sizes-lg);
}
.m-lgmd-br {
  margin-right: var(--sizes-md);
  margin-bottom: var(--sizes-lg);
}
.m-lgmd-lr {
  margin-right: var(--sizes-md);
  margin-left: var(--sizes-lg);
}
.m-lgmd-tb {
  margin-top: var(--sizes-lg);
  margin-bottom: var(--sizes-md);
}
.m-lgmd-bl {
  margin-left: var(--sizes-md);
  margin-bottom: var(--sizes-lg);
}
.m-lgmd-tl {
  margin-left: var(--sizes-md);
  margin-top: var(--sizes-lg);
}
.m-lglg {
  margin: var(--sizes-lg) var(--sizes-lg);
}
.m-lglg-t {
  margin-top: var(--sizes-lg);
}
.m-lglg-r {
  margin-right: var(--sizes-lg);
}
.m-lglg-b {
  margin-bottom: var(--sizes-lg);
}
.m-lglg-l {
  margin-left: var(--sizes-lg);
}
.m-lglg-tr {
  margin-right: var(--sizes-lg);
  margin-top: var(--sizes-lg);
}
.m-lglg-br {
  margin-right: var(--sizes-lg);
  margin-bottom: var(--sizes-lg);
}
.m-lglg-lr {
  margin-right: var(--sizes-lg);
  margin-left: var(--sizes-lg);
}
.m-lglg-tb {
  margin-top: var(--sizes-lg);
  margin-bottom: var(--sizes-lg);
}
.m-lglg-bl {
  margin-left: var(--sizes-lg);
  margin-bottom: var(--sizes-lg);
}
.m-lglg-tl {
  margin-left: var(--sizes-lg);
  margin-top: var(--sizes-lg);
}
.m-lgxl {
  margin: var(--sizes-lg) var(--sizes-xl);
}
.m-lgxl-t {
  margin-top: var(--sizes-lg);
}
.m-lgxl-r {
  margin-right: var(--sizes-xl);
}
.m-lgxl-b {
  margin-bottom: var(--sizes-lg);
}
.m-lgxl-l {
  margin-left: var(--sizes-xl);
}
.m-lgxl-tr {
  margin-right: var(--sizes-xl);
  margin-top: var(--sizes-lg);
}
.m-lgxl-br {
  margin-right: var(--sizes-xl);
  margin-bottom: var(--sizes-lg);
}
.m-lgxl-lr {
  margin-right: var(--sizes-xl);
  margin-left: var(--sizes-lg);
}
.m-lgxl-tb {
  margin-top: var(--sizes-lg);
  margin-bottom: var(--sizes-xl);
}
.m-lgxl-bl {
  margin-left: var(--sizes-xl);
  margin-bottom: var(--sizes-lg);
}
.m-lgxl-tl {
  margin-left: var(--sizes-xl);
  margin-top: var(--sizes-lg);
}
.m-lgxxl {
  margin: var(--sizes-lg) var(--sizes-xxl);
}
.m-lgxxl-t {
  margin-top: var(--sizes-lg);
}
.m-lgxxl-r {
  margin-right: var(--sizes-xxl);
}
.m-lgxxl-b {
  margin-bottom: var(--sizes-lg);
}
.m-lgxxl-l {
  margin-left: var(--sizes-xxl);
}
.m-lgxxl-tr {
  margin-right: var(--sizes-xxl);
  margin-top: var(--sizes-lg);
}
.m-lgxxl-br {
  margin-right: var(--sizes-xxl);
  margin-bottom: var(--sizes-lg);
}
.m-lgxxl-lr {
  margin-right: var(--sizes-xxl);
  margin-left: var(--sizes-lg);
}
.m-lgxxl-tb {
  margin-top: var(--sizes-lg);
  margin-bottom: var(--sizes-xxl);
}
.m-lgxxl-bl {
  margin-left: var(--sizes-xxl);
  margin-bottom: var(--sizes-lg);
}
.m-lgxxl-tl {
  margin-left: var(--sizes-xxl);
  margin-top: var(--sizes-lg);
}
.m-xl {
  margin: var(--sizes-xl);
}
.m-xl-t {
  margin-top: var(--sizes-xl);
}
.m-xl-r {
  margin-right: var(--sizes-xl);
}
.m-xl-b {
  margin-bottom: var(--sizes-xl);
}
.m-xl-l {
  margin-left: var(--sizes-xl);
}
.m-xl-tr {
  margin-right: var(--sizes-xl);
  margin-top: var(--sizes-xl);
}
.m-xl-br {
  margin-right: var(--sizes-xl);
  margin-bottom: var(--sizes-xl);
}
.m-xl-rl, .m-xl-lr {
  margin-right: var(--sizes-xl);
  margin-left: var(--sizes-xl);
}
.m-xl-tb {
  margin-top: var(--sizes-xl);
  margin-bottom: var(--sizes-xl);
}
.m-xl-bl {
  margin-left: var(--sizes-xl);
  margin-bottom: var(--sizes-xl);
}
.m-xl-tl {
  margin-left: var(--sizes-xl);
  margin-top: var(--sizes-xl);
}
.m-xlxxs {
  margin: var(--sizes-xl) var(--sizes-xxs);
}
.m-xlxxs-t {
  margin-top: var(--sizes-xl);
}
.m-xlxxs-r {
  margin-right: var(--sizes-xxs);
}
.m-xlxxs-b {
  margin-bottom: var(--sizes-xl);
}
.m-xlxxs-l {
  margin-left: var(--sizes-xxs);
}
.m-xlxxs-tr {
  margin-right: var(--sizes-xxs);
  margin-top: var(--sizes-xl);
}
.m-xlxxs-br {
  margin-right: var(--sizes-xxs);
  margin-bottom: var(--sizes-xl);
}
.m-xlxxs-lr {
  margin-right: var(--sizes-xxs);
  margin-left: var(--sizes-xl);
}
.m-xlxxs-tb {
  margin-top: var(--sizes-xl);
  margin-bottom: var(--sizes-xxs);
}
.m-xlxxs-bl {
  margin-left: var(--sizes-xxs);
  margin-bottom: var(--sizes-xl);
}
.m-xlxxs-tl {
  margin-left: var(--sizes-xxs);
  margin-top: var(--sizes-xl);
}
.m-xlxs {
  margin: var(--sizes-xl) var(--sizes-xs);
}
.m-xlxs-t {
  margin-top: var(--sizes-xl);
}
.m-xlxs-r {
  margin-right: var(--sizes-xs);
}
.m-xlxs-b {
  margin-bottom: var(--sizes-xl);
}
.m-xlxs-l {
  margin-left: var(--sizes-xs);
}
.m-xlxs-tr {
  margin-right: var(--sizes-xs);
  margin-top: var(--sizes-xl);
}
.m-xlxs-br {
  margin-right: var(--sizes-xs);
  margin-bottom: var(--sizes-xl);
}
.m-xlxs-lr {
  margin-right: var(--sizes-xs);
  margin-left: var(--sizes-xl);
}
.m-xlxs-tb {
  margin-top: var(--sizes-xl);
  margin-bottom: var(--sizes-xs);
}
.m-xlxs-bl {
  margin-left: var(--sizes-xs);
  margin-bottom: var(--sizes-xl);
}
.m-xlxs-tl {
  margin-left: var(--sizes-xs);
  margin-top: var(--sizes-xl);
}
.m-xlsm {
  margin: var(--sizes-xl) var(--sizes-sm);
}
.m-xlsm-t {
  margin-top: var(--sizes-xl);
}
.m-xlsm-r {
  margin-right: var(--sizes-sm);
}
.m-xlsm-b {
  margin-bottom: var(--sizes-xl);
}
.m-xlsm-l {
  margin-left: var(--sizes-sm);
}
.m-xlsm-tr {
  margin-right: var(--sizes-sm);
  margin-top: var(--sizes-xl);
}
.m-xlsm-br {
  margin-right: var(--sizes-sm);
  margin-bottom: var(--sizes-xl);
}
.m-xlsm-lr {
  margin-right: var(--sizes-sm);
  margin-left: var(--sizes-xl);
}
.m-xlsm-tb {
  margin-top: var(--sizes-xl);
  margin-bottom: var(--sizes-sm);
}
.m-xlsm-bl {
  margin-left: var(--sizes-sm);
  margin-bottom: var(--sizes-xl);
}
.m-xlsm-tl {
  margin-left: var(--sizes-sm);
  margin-top: var(--sizes-xl);
}
.m-xlmd {
  margin: var(--sizes-xl) var(--sizes-md);
}
.m-xlmd-t {
  margin-top: var(--sizes-xl);
}
.m-xlmd-r {
  margin-right: var(--sizes-md);
}
.m-xlmd-b {
  margin-bottom: var(--sizes-xl);
}
.m-xlmd-l {
  margin-left: var(--sizes-md);
}
.m-xlmd-tr {
  margin-right: var(--sizes-md);
  margin-top: var(--sizes-xl);
}
.m-xlmd-br {
  margin-right: var(--sizes-md);
  margin-bottom: var(--sizes-xl);
}
.m-xlmd-lr {
  margin-right: var(--sizes-md);
  margin-left: var(--sizes-xl);
}
.m-xlmd-tb {
  margin-top: var(--sizes-xl);
  margin-bottom: var(--sizes-md);
}
.m-xlmd-bl {
  margin-left: var(--sizes-md);
  margin-bottom: var(--sizes-xl);
}
.m-xlmd-tl {
  margin-left: var(--sizes-md);
  margin-top: var(--sizes-xl);
}
.m-xllg {
  margin: var(--sizes-xl) var(--sizes-lg);
}
.m-xllg-t {
  margin-top: var(--sizes-xl);
}
.m-xllg-r {
  margin-right: var(--sizes-lg);
}
.m-xllg-b {
  margin-bottom: var(--sizes-xl);
}
.m-xllg-l {
  margin-left: var(--sizes-lg);
}
.m-xllg-tr {
  margin-right: var(--sizes-lg);
  margin-top: var(--sizes-xl);
}
.m-xllg-br {
  margin-right: var(--sizes-lg);
  margin-bottom: var(--sizes-xl);
}
.m-xllg-lr {
  margin-right: var(--sizes-lg);
  margin-left: var(--sizes-xl);
}
.m-xllg-tb {
  margin-top: var(--sizes-xl);
  margin-bottom: var(--sizes-lg);
}
.m-xllg-bl {
  margin-left: var(--sizes-lg);
  margin-bottom: var(--sizes-xl);
}
.m-xllg-tl {
  margin-left: var(--sizes-lg);
  margin-top: var(--sizes-xl);
}
.m-xlxl {
  margin: var(--sizes-xl) var(--sizes-xl);
}
.m-xlxl-t {
  margin-top: var(--sizes-xl);
}
.m-xlxl-r {
  margin-right: var(--sizes-xl);
}
.m-xlxl-b {
  margin-bottom: var(--sizes-xl);
}
.m-xlxl-l {
  margin-left: var(--sizes-xl);
}
.m-xlxl-tr {
  margin-right: var(--sizes-xl);
  margin-top: var(--sizes-xl);
}
.m-xlxl-br {
  margin-right: var(--sizes-xl);
  margin-bottom: var(--sizes-xl);
}
.m-xlxl-lr {
  margin-right: var(--sizes-xl);
  margin-left: var(--sizes-xl);
}
.m-xlxl-tb {
  margin-top: var(--sizes-xl);
  margin-bottom: var(--sizes-xl);
}
.m-xlxl-bl {
  margin-left: var(--sizes-xl);
  margin-bottom: var(--sizes-xl);
}
.m-xlxl-tl {
  margin-left: var(--sizes-xl);
  margin-top: var(--sizes-xl);
}
.m-xlxxl {
  margin: var(--sizes-xl) var(--sizes-xxl);
}
.m-xlxxl-t {
  margin-top: var(--sizes-xl);
}
.m-xlxxl-r {
  margin-right: var(--sizes-xxl);
}
.m-xlxxl-b {
  margin-bottom: var(--sizes-xl);
}
.m-xlxxl-l {
  margin-left: var(--sizes-xxl);
}
.m-xlxxl-tr {
  margin-right: var(--sizes-xxl);
  margin-top: var(--sizes-xl);
}
.m-xlxxl-br {
  margin-right: var(--sizes-xxl);
  margin-bottom: var(--sizes-xl);
}
.m-xlxxl-lr {
  margin-right: var(--sizes-xxl);
  margin-left: var(--sizes-xl);
}
.m-xlxxl-tb {
  margin-top: var(--sizes-xl);
  margin-bottom: var(--sizes-xxl);
}
.m-xlxxl-bl {
  margin-left: var(--sizes-xxl);
  margin-bottom: var(--sizes-xl);
}
.m-xlxxl-tl {
  margin-left: var(--sizes-xxl);
  margin-top: var(--sizes-xl);
}
.m-xxl {
  margin: var(--sizes-xxl);
}
.m-xxl-t {
  margin-top: var(--sizes-xxl);
}
.m-xxl-r {
  margin-right: var(--sizes-xxl);
}
.m-xxl-b {
  margin-bottom: var(--sizes-xxl);
}
.m-xxl-l {
  margin-left: var(--sizes-xxl);
}
.m-xxl-tr {
  margin-right: var(--sizes-xxl);
  margin-top: var(--sizes-xxl);
}
.m-xxl-br {
  margin-right: var(--sizes-xxl);
  margin-bottom: var(--sizes-xxl);
}
.m-xxl-rl, .m-xxl-lr {
  margin-right: var(--sizes-xxl);
  margin-left: var(--sizes-xxl);
}
.m-xxl-tb {
  margin-top: var(--sizes-xxl);
  margin-bottom: var(--sizes-xxl);
}
.m-xxl-bl {
  margin-left: var(--sizes-xxl);
  margin-bottom: var(--sizes-xxl);
}
.m-xxl-tl {
  margin-left: var(--sizes-xxl);
  margin-top: var(--sizes-xxl);
}
.m-xxlxxs {
  margin: var(--sizes-xxl) var(--sizes-xxs);
}
.m-xxlxxs-t {
  margin-top: var(--sizes-xxl);
}
.m-xxlxxs-r {
  margin-right: var(--sizes-xxs);
}
.m-xxlxxs-b {
  margin-bottom: var(--sizes-xxl);
}
.m-xxlxxs-l {
  margin-left: var(--sizes-xxs);
}
.m-xxlxxs-tr {
  margin-right: var(--sizes-xxs);
  margin-top: var(--sizes-xxl);
}
.m-xxlxxs-br {
  margin-right: var(--sizes-xxs);
  margin-bottom: var(--sizes-xxl);
}
.m-xxlxxs-lr {
  margin-right: var(--sizes-xxs);
  margin-left: var(--sizes-xxl);
}
.m-xxlxxs-tb {
  margin-top: var(--sizes-xxl);
  margin-bottom: var(--sizes-xxs);
}
.m-xxlxxs-bl {
  margin-left: var(--sizes-xxs);
  margin-bottom: var(--sizes-xxl);
}
.m-xxlxxs-tl {
  margin-left: var(--sizes-xxs);
  margin-top: var(--sizes-xxl);
}
.m-xxlxs {
  margin: var(--sizes-xxl) var(--sizes-xs);
}
.m-xxlxs-t {
  margin-top: var(--sizes-xxl);
}
.m-xxlxs-r {
  margin-right: var(--sizes-xs);
}
.m-xxlxs-b {
  margin-bottom: var(--sizes-xxl);
}
.m-xxlxs-l {
  margin-left: var(--sizes-xs);
}
.m-xxlxs-tr {
  margin-right: var(--sizes-xs);
  margin-top: var(--sizes-xxl);
}
.m-xxlxs-br {
  margin-right: var(--sizes-xs);
  margin-bottom: var(--sizes-xxl);
}
.m-xxlxs-lr {
  margin-right: var(--sizes-xs);
  margin-left: var(--sizes-xxl);
}
.m-xxlxs-tb {
  margin-top: var(--sizes-xxl);
  margin-bottom: var(--sizes-xs);
}
.m-xxlxs-bl {
  margin-left: var(--sizes-xs);
  margin-bottom: var(--sizes-xxl);
}
.m-xxlxs-tl {
  margin-left: var(--sizes-xs);
  margin-top: var(--sizes-xxl);
}
.m-xxlsm {
  margin: var(--sizes-xxl) var(--sizes-sm);
}
.m-xxlsm-t {
  margin-top: var(--sizes-xxl);
}
.m-xxlsm-r {
  margin-right: var(--sizes-sm);
}
.m-xxlsm-b {
  margin-bottom: var(--sizes-xxl);
}
.m-xxlsm-l {
  margin-left: var(--sizes-sm);
}
.m-xxlsm-tr {
  margin-right: var(--sizes-sm);
  margin-top: var(--sizes-xxl);
}
.m-xxlsm-br {
  margin-right: var(--sizes-sm);
  margin-bottom: var(--sizes-xxl);
}
.m-xxlsm-lr {
  margin-right: var(--sizes-sm);
  margin-left: var(--sizes-xxl);
}
.m-xxlsm-tb {
  margin-top: var(--sizes-xxl);
  margin-bottom: var(--sizes-sm);
}
.m-xxlsm-bl {
  margin-left: var(--sizes-sm);
  margin-bottom: var(--sizes-xxl);
}
.m-xxlsm-tl {
  margin-left: var(--sizes-sm);
  margin-top: var(--sizes-xxl);
}
.m-xxlmd {
  margin: var(--sizes-xxl) var(--sizes-md);
}
.m-xxlmd-t {
  margin-top: var(--sizes-xxl);
}
.m-xxlmd-r {
  margin-right: var(--sizes-md);
}
.m-xxlmd-b {
  margin-bottom: var(--sizes-xxl);
}
.m-xxlmd-l {
  margin-left: var(--sizes-md);
}
.m-xxlmd-tr {
  margin-right: var(--sizes-md);
  margin-top: var(--sizes-xxl);
}
.m-xxlmd-br {
  margin-right: var(--sizes-md);
  margin-bottom: var(--sizes-xxl);
}
.m-xxlmd-lr {
  margin-right: var(--sizes-md);
  margin-left: var(--sizes-xxl);
}
.m-xxlmd-tb {
  margin-top: var(--sizes-xxl);
  margin-bottom: var(--sizes-md);
}
.m-xxlmd-bl {
  margin-left: var(--sizes-md);
  margin-bottom: var(--sizes-xxl);
}
.m-xxlmd-tl {
  margin-left: var(--sizes-md);
  margin-top: var(--sizes-xxl);
}
.m-xxllg {
  margin: var(--sizes-xxl) var(--sizes-lg);
}
.m-xxllg-t {
  margin-top: var(--sizes-xxl);
}
.m-xxllg-r {
  margin-right: var(--sizes-lg);
}
.m-xxllg-b {
  margin-bottom: var(--sizes-xxl);
}
.m-xxllg-l {
  margin-left: var(--sizes-lg);
}
.m-xxllg-tr {
  margin-right: var(--sizes-lg);
  margin-top: var(--sizes-xxl);
}
.m-xxllg-br {
  margin-right: var(--sizes-lg);
  margin-bottom: var(--sizes-xxl);
}
.m-xxllg-lr {
  margin-right: var(--sizes-lg);
  margin-left: var(--sizes-xxl);
}
.m-xxllg-tb {
  margin-top: var(--sizes-xxl);
  margin-bottom: var(--sizes-lg);
}
.m-xxllg-bl {
  margin-left: var(--sizes-lg);
  margin-bottom: var(--sizes-xxl);
}
.m-xxllg-tl {
  margin-left: var(--sizes-lg);
  margin-top: var(--sizes-xxl);
}
.m-xxlxl {
  margin: var(--sizes-xxl) var(--sizes-xl);
}
.m-xxlxl-t {
  margin-top: var(--sizes-xxl);
}
.m-xxlxl-r {
  margin-right: var(--sizes-xl);
}
.m-xxlxl-b {
  margin-bottom: var(--sizes-xxl);
}
.m-xxlxl-l {
  margin-left: var(--sizes-xl);
}
.m-xxlxl-tr {
  margin-right: var(--sizes-xl);
  margin-top: var(--sizes-xxl);
}
.m-xxlxl-br {
  margin-right: var(--sizes-xl);
  margin-bottom: var(--sizes-xxl);
}
.m-xxlxl-lr {
  margin-right: var(--sizes-xl);
  margin-left: var(--sizes-xxl);
}
.m-xxlxl-tb {
  margin-top: var(--sizes-xxl);
  margin-bottom: var(--sizes-xl);
}
.m-xxlxl-bl {
  margin-left: var(--sizes-xl);
  margin-bottom: var(--sizes-xxl);
}
.m-xxlxl-tl {
  margin-left: var(--sizes-xl);
  margin-top: var(--sizes-xxl);
}
.m-xxlxxl {
  margin: var(--sizes-xxl) var(--sizes-xxl);
}
.m-xxlxxl-t {
  margin-top: var(--sizes-xxl);
}
.m-xxlxxl-r {
  margin-right: var(--sizes-xxl);
}
.m-xxlxxl-b {
  margin-bottom: var(--sizes-xxl);
}
.m-xxlxxl-l {
  margin-left: var(--sizes-xxl);
}
.m-xxlxxl-tr {
  margin-right: var(--sizes-xxl);
  margin-top: var(--sizes-xxl);
}
.m-xxlxxl-br {
  margin-right: var(--sizes-xxl);
  margin-bottom: var(--sizes-xxl);
}
.m-xxlxxl-lr {
  margin-right: var(--sizes-xxl);
  margin-left: var(--sizes-xxl);
}
.m-xxlxxl-tb {
  margin-top: var(--sizes-xxl);
  margin-bottom: var(--sizes-xxl);
}
.m-xxlxxl-bl {
  margin-left: var(--sizes-xxl);
  margin-bottom: var(--sizes-xxl);
}
.m-xxlxxl-tl {
  margin-left: var(--sizes-xxl);
  margin-top: var(--sizes-xxl);
}
.m-0 {
  margin: 0px;
}
.m-t-0 {
  margin-top: 0px;
}
.m-r-0 {
  margin-right: 0px;
}
.m-b-0 {
  margin-bottom: 0px;
}
.m-l-0 {
  margin-left: 0px;
}
.m-tr-0 {
  margin-right: 0px;
  margin-top: 0px;
}
.m-br-0 {
  margin-right: 0px;
  margin-bottom: 0px;
}
.m-rl-0, .m-lr-0 {
  margin-right: 0px;
  margin-left: 0px;
}
.m-tb-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.m-bl-0 {
  margin-left: 0px;
  margin-bottom: 0px;
}
.m-tl-0 {
  margin-left: 0px;
  margin-top: 0px;
}

@media only screen and (max-width: 790px) {
  .m-g-0 {
    gap: 0px;
  }
  .m-g-xxs {
    gap: var(--sizes-xxs);
  }
  .m-g-xxsxxs {
    gap: var(--sizes-xxs) var(--sizes-xxs);
  }
  .m-g-xxsxs {
    gap: var(--sizes-xxs) var(--sizes-xs);
  }
  .m-g-xxssm {
    gap: var(--sizes-xxs) var(--sizes-sm);
  }
  .m-g-xxsmd {
    gap: var(--sizes-xxs) var(--sizes-md);
  }
  .m-g-xxslg {
    gap: var(--sizes-xxs) var(--sizes-lg);
  }
  .m-g-xxsxl {
    gap: var(--sizes-xxs) var(--sizes-xl);
  }
  .m-g-xxsxxl {
    gap: var(--sizes-xxs) var(--sizes-xxl);
  }
  .m-g-xs {
    gap: var(--sizes-xs);
  }
  .m-g-xsxxs {
    gap: var(--sizes-xs) var(--sizes-xxs);
  }
  .m-g-xsxs {
    gap: var(--sizes-xs) var(--sizes-xs);
  }
  .m-g-xssm {
    gap: var(--sizes-xs) var(--sizes-sm);
  }
  .m-g-xsmd {
    gap: var(--sizes-xs) var(--sizes-md);
  }
  .m-g-xslg {
    gap: var(--sizes-xs) var(--sizes-lg);
  }
  .m-g-xsxl {
    gap: var(--sizes-xs) var(--sizes-xl);
  }
  .m-g-xsxxl {
    gap: var(--sizes-xs) var(--sizes-xxl);
  }
  .m-g-sm {
    gap: var(--sizes-sm);
  }
  .m-g-smxxs {
    gap: var(--sizes-sm) var(--sizes-xxs);
  }
  .m-g-smxs {
    gap: var(--sizes-sm) var(--sizes-xs);
  }
  .m-g-smsm {
    gap: var(--sizes-sm) var(--sizes-sm);
  }
  .m-g-smmd {
    gap: var(--sizes-sm) var(--sizes-md);
  }
  .m-g-smlg {
    gap: var(--sizes-sm) var(--sizes-lg);
  }
  .m-g-smxl {
    gap: var(--sizes-sm) var(--sizes-xl);
  }
  .m-g-smxxl {
    gap: var(--sizes-sm) var(--sizes-xxl);
  }
  .m-g-md {
    gap: var(--sizes-md);
  }
  .m-g-mdxxs {
    gap: var(--sizes-md) var(--sizes-xxs);
  }
  .m-g-mdxs {
    gap: var(--sizes-md) var(--sizes-xs);
  }
  .m-g-mdsm {
    gap: var(--sizes-md) var(--sizes-sm);
  }
  .m-g-mdmd {
    gap: var(--sizes-md) var(--sizes-md);
  }
  .m-g-mdlg {
    gap: var(--sizes-md) var(--sizes-lg);
  }
  .m-g-mdxl {
    gap: var(--sizes-md) var(--sizes-xl);
  }
  .m-g-mdxxl {
    gap: var(--sizes-md) var(--sizes-xxl);
  }
  .m-g-lg {
    gap: var(--sizes-lg);
  }
  .m-g-lgxxs {
    gap: var(--sizes-lg) var(--sizes-xxs);
  }
  .m-g-lgxs {
    gap: var(--sizes-lg) var(--sizes-xs);
  }
  .m-g-lgsm {
    gap: var(--sizes-lg) var(--sizes-sm);
  }
  .m-g-lgmd {
    gap: var(--sizes-lg) var(--sizes-md);
  }
  .m-g-lglg {
    gap: var(--sizes-lg) var(--sizes-lg);
  }
  .m-g-lgxl {
    gap: var(--sizes-lg) var(--sizes-xl);
  }
  .m-g-lgxxl {
    gap: var(--sizes-lg) var(--sizes-xxl);
  }
  .m-g-xl {
    gap: var(--sizes-xl);
  }
  .m-g-xlxxs {
    gap: var(--sizes-xl) var(--sizes-xxs);
  }
  .m-g-xlxs {
    gap: var(--sizes-xl) var(--sizes-xs);
  }
  .m-g-xlsm {
    gap: var(--sizes-xl) var(--sizes-sm);
  }
  .m-g-xlmd {
    gap: var(--sizes-xl) var(--sizes-md);
  }
  .m-g-xllg {
    gap: var(--sizes-xl) var(--sizes-lg);
  }
  .m-g-xlxl {
    gap: var(--sizes-xl) var(--sizes-xl);
  }
  .m-g-xlxxl {
    gap: var(--sizes-xl) var(--sizes-xxl);
  }
  .m-g-xxl {
    gap: var(--sizes-xxl);
  }
  .m-g-xxlxxs {
    gap: var(--sizes-xxl) var(--sizes-xxs);
  }
  .m-g-xxlxs {
    gap: var(--sizes-xxl) var(--sizes-xs);
  }
  .m-g-xxlsm {
    gap: var(--sizes-xxl) var(--sizes-sm);
  }
  .m-g-xxlmd {
    gap: var(--sizes-xxl) var(--sizes-md);
  }
  .m-g-xxllg {
    gap: var(--sizes-xxl) var(--sizes-lg);
  }
  .m-g-xxlxl {
    gap: var(--sizes-xxl) var(--sizes-xl);
  }
  .m-g-xxlxxl {
    gap: var(--sizes-xxl) var(--sizes-xxl);
  }
  .m-p-t {
    padding-top: 0;
  }
  .m-p-r {
    padding-right: 0;
  }
  .m-p-b {
    padding-bottom: 0;
  }
  .m-p-l {
    padding-left: 0;
  }
  .m-p-tr {
    padding-right: 0;
    padding-top: 0;
  }
  .m-p-br {
    padding-right: 0;
    padding-bottom: 0;
  }
  .m-p-rl, .m-p-lr {
    padding-right: 0;
    padding-left: 0;
  }
  .m-p-tb {
    padding-top: 0;
    padding-bottom: 0;
  }
  .m-p-bl {
    padding-left: 0;
    padding-bottom: 0;
  }
  .m-p-tl {
    padding-left: 0;
    padding-top: 0;
  }
  .m-p-xxs {
    padding: var(--sizes-xxs);
  }
  .m-p-xxs-t {
    padding-top: var(--sizes-xxs);
  }
  .m-p-xxs-r {
    padding-right: var(--sizes-xxs);
  }
  .m-p-xxs-b {
    padding-bottom: var(--sizes-xxs);
  }
  .m-p-xxs-l {
    padding-left: var(--sizes-xxs);
  }
  .m-p-xxs-tr {
    padding-right: var(--sizes-xxs);
    padding-top: var(--sizes-xxs);
  }
  .m-p-xxs-br {
    padding-right: var(--sizes-xxs);
    padding-bottom: var(--sizes-xxs);
  }
  .m-p-xxs-rl, .m-p-xxs-lr {
    padding-right: var(--sizes-xxs);
    padding-left: var(--sizes-xxs);
  }
  .m-p-xxs-tb {
    padding-top: var(--sizes-xxs);
    padding-bottom: var(--sizes-xxs);
  }
  .m-p-xxs-bl {
    padding-left: var(--sizes-xxs);
    padding-bottom: var(--sizes-xxs);
  }
  .m-p-xxs-tl {
    padding-left: var(--sizes-xxs);
    padding-top: var(--sizes-xxs);
  }
  .m-p-xxsxxs {
    padding: var(--sizes-xxs) var(--sizes-xxs);
  }
  .m-p-xxsxxs-t {
    padding-top: var(--sizes-xxs);
  }
  .m-p-xxsxxs-r {
    padding-right: var(--sizes-xxs);
  }
  .m-p-xxsxxs-b {
    padding-bottom: var(--sizes-xxs);
  }
  .m-p-xxsxxs-l {
    padding-left: var(--sizes-xxs);
  }
  .m-p-xxsxxs-tr {
    padding-right: var(--sizes-xxs);
    padding-top: var(--sizes-xxs);
  }
  .m-p-xxsxxs-br {
    padding-right: var(--sizes-xxs);
    padding-bottom: var(--sizes-xxs);
  }
  .m-p-xxsxxs-lr {
    padding-right: var(--sizes-xxs);
    padding-left: var(--sizes-xxs);
  }
  .m-p-xxsxxs-tb {
    padding-top: var(--sizes-xxs);
    padding-bottom: var(--sizes-xxs);
  }
  .m-p-xxsxxs-bl {
    padding-left: var(--sizes-xxs);
    padding-bottom: var(--sizes-xxs);
  }
  .m-p-xxsxxs-tl {
    padding-left: var(--sizes-xxs);
    padding-top: var(--sizes-xxs);
  }
  .m-p-xxsxs {
    padding: var(--sizes-xxs) var(--sizes-xs);
  }
  .m-p-xxsxs-t {
    padding-top: var(--sizes-xxs);
  }
  .m-p-xxsxs-r {
    padding-right: var(--sizes-xs);
  }
  .m-p-xxsxs-b {
    padding-bottom: var(--sizes-xxs);
  }
  .m-p-xxsxs-l {
    padding-left: var(--sizes-xs);
  }
  .m-p-xxsxs-tr {
    padding-right: var(--sizes-xs);
    padding-top: var(--sizes-xxs);
  }
  .m-p-xxsxs-br {
    padding-right: var(--sizes-xs);
    padding-bottom: var(--sizes-xxs);
  }
  .m-p-xxsxs-lr {
    padding-right: var(--sizes-xs);
    padding-left: var(--sizes-xxs);
  }
  .m-p-xxsxs-tb {
    padding-top: var(--sizes-xxs);
    padding-bottom: var(--sizes-xs);
  }
  .m-p-xxsxs-bl {
    padding-left: var(--sizes-xs);
    padding-bottom: var(--sizes-xxs);
  }
  .m-p-xxsxs-tl {
    padding-left: var(--sizes-xs);
    padding-top: var(--sizes-xxs);
  }
  .m-p-xxssm {
    padding: var(--sizes-xxs) var(--sizes-sm);
  }
  .m-p-xxssm-t {
    padding-top: var(--sizes-xxs);
  }
  .m-p-xxssm-r {
    padding-right: var(--sizes-sm);
  }
  .m-p-xxssm-b {
    padding-bottom: var(--sizes-xxs);
  }
  .m-p-xxssm-l {
    padding-left: var(--sizes-sm);
  }
  .m-p-xxssm-tr {
    padding-right: var(--sizes-sm);
    padding-top: var(--sizes-xxs);
  }
  .m-p-xxssm-br {
    padding-right: var(--sizes-sm);
    padding-bottom: var(--sizes-xxs);
  }
  .m-p-xxssm-lr {
    padding-right: var(--sizes-sm);
    padding-left: var(--sizes-xxs);
  }
  .m-p-xxssm-tb {
    padding-top: var(--sizes-xxs);
    padding-bottom: var(--sizes-sm);
  }
  .m-p-xxssm-bl {
    padding-left: var(--sizes-sm);
    padding-bottom: var(--sizes-xxs);
  }
  .m-p-xxssm-tl {
    padding-left: var(--sizes-sm);
    padding-top: var(--sizes-xxs);
  }
  .m-p-xxsmd {
    padding: var(--sizes-xxs) var(--sizes-md);
  }
  .m-p-xxsmd-t {
    padding-top: var(--sizes-xxs);
  }
  .m-p-xxsmd-r {
    padding-right: var(--sizes-md);
  }
  .m-p-xxsmd-b {
    padding-bottom: var(--sizes-xxs);
  }
  .m-p-xxsmd-l {
    padding-left: var(--sizes-md);
  }
  .m-p-xxsmd-tr {
    padding-right: var(--sizes-md);
    padding-top: var(--sizes-xxs);
  }
  .m-p-xxsmd-br {
    padding-right: var(--sizes-md);
    padding-bottom: var(--sizes-xxs);
  }
  .m-p-xxsmd-lr {
    padding-right: var(--sizes-md);
    padding-left: var(--sizes-xxs);
  }
  .m-p-xxsmd-tb {
    padding-top: var(--sizes-xxs);
    padding-bottom: var(--sizes-md);
  }
  .m-p-xxsmd-bl {
    padding-left: var(--sizes-md);
    padding-bottom: var(--sizes-xxs);
  }
  .m-p-xxsmd-tl {
    padding-left: var(--sizes-md);
    padding-top: var(--sizes-xxs);
  }
  .m-p-xxslg {
    padding: var(--sizes-xxs) var(--sizes-lg);
  }
  .m-p-xxslg-t {
    padding-top: var(--sizes-xxs);
  }
  .m-p-xxslg-r {
    padding-right: var(--sizes-lg);
  }
  .m-p-xxslg-b {
    padding-bottom: var(--sizes-xxs);
  }
  .m-p-xxslg-l {
    padding-left: var(--sizes-lg);
  }
  .m-p-xxslg-tr {
    padding-right: var(--sizes-lg);
    padding-top: var(--sizes-xxs);
  }
  .m-p-xxslg-br {
    padding-right: var(--sizes-lg);
    padding-bottom: var(--sizes-xxs);
  }
  .m-p-xxslg-lr {
    padding-right: var(--sizes-lg);
    padding-left: var(--sizes-xxs);
  }
  .m-p-xxslg-tb {
    padding-top: var(--sizes-xxs);
    padding-bottom: var(--sizes-lg);
  }
  .m-p-xxslg-bl {
    padding-left: var(--sizes-lg);
    padding-bottom: var(--sizes-xxs);
  }
  .m-p-xxslg-tl {
    padding-left: var(--sizes-lg);
    padding-top: var(--sizes-xxs);
  }
  .m-p-xxsxl {
    padding: var(--sizes-xxs) var(--sizes-xl);
  }
  .m-p-xxsxl-t {
    padding-top: var(--sizes-xxs);
  }
  .m-p-xxsxl-r {
    padding-right: var(--sizes-xl);
  }
  .m-p-xxsxl-b {
    padding-bottom: var(--sizes-xxs);
  }
  .m-p-xxsxl-l {
    padding-left: var(--sizes-xl);
  }
  .m-p-xxsxl-tr {
    padding-right: var(--sizes-xl);
    padding-top: var(--sizes-xxs);
  }
  .m-p-xxsxl-br {
    padding-right: var(--sizes-xl);
    padding-bottom: var(--sizes-xxs);
  }
  .m-p-xxsxl-lr {
    padding-right: var(--sizes-xl);
    padding-left: var(--sizes-xxs);
  }
  .m-p-xxsxl-tb {
    padding-top: var(--sizes-xxs);
    padding-bottom: var(--sizes-xl);
  }
  .m-p-xxsxl-bl {
    padding-left: var(--sizes-xl);
    padding-bottom: var(--sizes-xxs);
  }
  .m-p-xxsxl-tl {
    padding-left: var(--sizes-xl);
    padding-top: var(--sizes-xxs);
  }
  .m-p-xxsxxl {
    padding: var(--sizes-xxs) var(--sizes-xxl);
  }
  .m-p-xxsxxl-t {
    padding-top: var(--sizes-xxs);
  }
  .m-p-xxsxxl-r {
    padding-right: var(--sizes-xxl);
  }
  .m-p-xxsxxl-b {
    padding-bottom: var(--sizes-xxs);
  }
  .m-p-xxsxxl-l {
    padding-left: var(--sizes-xxl);
  }
  .m-p-xxsxxl-tr {
    padding-right: var(--sizes-xxl);
    padding-top: var(--sizes-xxs);
  }
  .m-p-xxsxxl-br {
    padding-right: var(--sizes-xxl);
    padding-bottom: var(--sizes-xxs);
  }
  .m-p-xxsxxl-lr {
    padding-right: var(--sizes-xxl);
    padding-left: var(--sizes-xxs);
  }
  .m-p-xxsxxl-tb {
    padding-top: var(--sizes-xxs);
    padding-bottom: var(--sizes-xxl);
  }
  .m-p-xxsxxl-bl {
    padding-left: var(--sizes-xxl);
    padding-bottom: var(--sizes-xxs);
  }
  .m-p-xxsxxl-tl {
    padding-left: var(--sizes-xxl);
    padding-top: var(--sizes-xxs);
  }
  .m-p-xs {
    padding: var(--sizes-xs);
  }
  .m-p-xs-t {
    padding-top: var(--sizes-xs);
  }
  .m-p-xs-r {
    padding-right: var(--sizes-xs);
  }
  .m-p-xs-b {
    padding-bottom: var(--sizes-xs);
  }
  .m-p-xs-l {
    padding-left: var(--sizes-xs);
  }
  .m-p-xs-tr {
    padding-right: var(--sizes-xs);
    padding-top: var(--sizes-xs);
  }
  .m-p-xs-br {
    padding-right: var(--sizes-xs);
    padding-bottom: var(--sizes-xs);
  }
  .m-p-xs-rl, .m-p-xs-lr {
    padding-right: var(--sizes-xs);
    padding-left: var(--sizes-xs);
  }
  .m-p-xs-tb {
    padding-top: var(--sizes-xs);
    padding-bottom: var(--sizes-xs);
  }
  .m-p-xs-bl {
    padding-left: var(--sizes-xs);
    padding-bottom: var(--sizes-xs);
  }
  .m-p-xs-tl {
    padding-left: var(--sizes-xs);
    padding-top: var(--sizes-xs);
  }
  .m-p-xsxxs {
    padding: var(--sizes-xs) var(--sizes-xxs);
  }
  .m-p-xsxxs-t {
    padding-top: var(--sizes-xs);
  }
  .m-p-xsxxs-r {
    padding-right: var(--sizes-xxs);
  }
  .m-p-xsxxs-b {
    padding-bottom: var(--sizes-xs);
  }
  .m-p-xsxxs-l {
    padding-left: var(--sizes-xxs);
  }
  .m-p-xsxxs-tr {
    padding-right: var(--sizes-xxs);
    padding-top: var(--sizes-xs);
  }
  .m-p-xsxxs-br {
    padding-right: var(--sizes-xxs);
    padding-bottom: var(--sizes-xs);
  }
  .m-p-xsxxs-lr {
    padding-right: var(--sizes-xxs);
    padding-left: var(--sizes-xs);
  }
  .m-p-xsxxs-tb {
    padding-top: var(--sizes-xs);
    padding-bottom: var(--sizes-xxs);
  }
  .m-p-xsxxs-bl {
    padding-left: var(--sizes-xxs);
    padding-bottom: var(--sizes-xs);
  }
  .m-p-xsxxs-tl {
    padding-left: var(--sizes-xxs);
    padding-top: var(--sizes-xs);
  }
  .m-p-xsxs {
    padding: var(--sizes-xs) var(--sizes-xs);
  }
  .m-p-xsxs-t {
    padding-top: var(--sizes-xs);
  }
  .m-p-xsxs-r {
    padding-right: var(--sizes-xs);
  }
  .m-p-xsxs-b {
    padding-bottom: var(--sizes-xs);
  }
  .m-p-xsxs-l {
    padding-left: var(--sizes-xs);
  }
  .m-p-xsxs-tr {
    padding-right: var(--sizes-xs);
    padding-top: var(--sizes-xs);
  }
  .m-p-xsxs-br {
    padding-right: var(--sizes-xs);
    padding-bottom: var(--sizes-xs);
  }
  .m-p-xsxs-lr {
    padding-right: var(--sizes-xs);
    padding-left: var(--sizes-xs);
  }
  .m-p-xsxs-tb {
    padding-top: var(--sizes-xs);
    padding-bottom: var(--sizes-xs);
  }
  .m-p-xsxs-bl {
    padding-left: var(--sizes-xs);
    padding-bottom: var(--sizes-xs);
  }
  .m-p-xsxs-tl {
    padding-left: var(--sizes-xs);
    padding-top: var(--sizes-xs);
  }
  .m-p-xssm {
    padding: var(--sizes-xs) var(--sizes-sm);
  }
  .m-p-xssm-t {
    padding-top: var(--sizes-xs);
  }
  .m-p-xssm-r {
    padding-right: var(--sizes-sm);
  }
  .m-p-xssm-b {
    padding-bottom: var(--sizes-xs);
  }
  .m-p-xssm-l {
    padding-left: var(--sizes-sm);
  }
  .m-p-xssm-tr {
    padding-right: var(--sizes-sm);
    padding-top: var(--sizes-xs);
  }
  .m-p-xssm-br {
    padding-right: var(--sizes-sm);
    padding-bottom: var(--sizes-xs);
  }
  .m-p-xssm-lr {
    padding-right: var(--sizes-sm);
    padding-left: var(--sizes-xs);
  }
  .m-p-xssm-tb {
    padding-top: var(--sizes-xs);
    padding-bottom: var(--sizes-sm);
  }
  .m-p-xssm-bl {
    padding-left: var(--sizes-sm);
    padding-bottom: var(--sizes-xs);
  }
  .m-p-xssm-tl {
    padding-left: var(--sizes-sm);
    padding-top: var(--sizes-xs);
  }
  .m-p-xsmd {
    padding: var(--sizes-xs) var(--sizes-md);
  }
  .m-p-xsmd-t {
    padding-top: var(--sizes-xs);
  }
  .m-p-xsmd-r {
    padding-right: var(--sizes-md);
  }
  .m-p-xsmd-b {
    padding-bottom: var(--sizes-xs);
  }
  .m-p-xsmd-l {
    padding-left: var(--sizes-md);
  }
  .m-p-xsmd-tr {
    padding-right: var(--sizes-md);
    padding-top: var(--sizes-xs);
  }
  .m-p-xsmd-br {
    padding-right: var(--sizes-md);
    padding-bottom: var(--sizes-xs);
  }
  .m-p-xsmd-lr {
    padding-right: var(--sizes-md);
    padding-left: var(--sizes-xs);
  }
  .m-p-xsmd-tb {
    padding-top: var(--sizes-xs);
    padding-bottom: var(--sizes-md);
  }
  .m-p-xsmd-bl {
    padding-left: var(--sizes-md);
    padding-bottom: var(--sizes-xs);
  }
  .m-p-xsmd-tl {
    padding-left: var(--sizes-md);
    padding-top: var(--sizes-xs);
  }
  .m-p-xslg {
    padding: var(--sizes-xs) var(--sizes-lg);
  }
  .m-p-xslg-t {
    padding-top: var(--sizes-xs);
  }
  .m-p-xslg-r {
    padding-right: var(--sizes-lg);
  }
  .m-p-xslg-b {
    padding-bottom: var(--sizes-xs);
  }
  .m-p-xslg-l {
    padding-left: var(--sizes-lg);
  }
  .m-p-xslg-tr {
    padding-right: var(--sizes-lg);
    padding-top: var(--sizes-xs);
  }
  .m-p-xslg-br {
    padding-right: var(--sizes-lg);
    padding-bottom: var(--sizes-xs);
  }
  .m-p-xslg-lr {
    padding-right: var(--sizes-lg);
    padding-left: var(--sizes-xs);
  }
  .m-p-xslg-tb {
    padding-top: var(--sizes-xs);
    padding-bottom: var(--sizes-lg);
  }
  .m-p-xslg-bl {
    padding-left: var(--sizes-lg);
    padding-bottom: var(--sizes-xs);
  }
  .m-p-xslg-tl {
    padding-left: var(--sizes-lg);
    padding-top: var(--sizes-xs);
  }
  .m-p-xsxl {
    padding: var(--sizes-xs) var(--sizes-xl);
  }
  .m-p-xsxl-t {
    padding-top: var(--sizes-xs);
  }
  .m-p-xsxl-r {
    padding-right: var(--sizes-xl);
  }
  .m-p-xsxl-b {
    padding-bottom: var(--sizes-xs);
  }
  .m-p-xsxl-l {
    padding-left: var(--sizes-xl);
  }
  .m-p-xsxl-tr {
    padding-right: var(--sizes-xl);
    padding-top: var(--sizes-xs);
  }
  .m-p-xsxl-br {
    padding-right: var(--sizes-xl);
    padding-bottom: var(--sizes-xs);
  }
  .m-p-xsxl-lr {
    padding-right: var(--sizes-xl);
    padding-left: var(--sizes-xs);
  }
  .m-p-xsxl-tb {
    padding-top: var(--sizes-xs);
    padding-bottom: var(--sizes-xl);
  }
  .m-p-xsxl-bl {
    padding-left: var(--sizes-xl);
    padding-bottom: var(--sizes-xs);
  }
  .m-p-xsxl-tl {
    padding-left: var(--sizes-xl);
    padding-top: var(--sizes-xs);
  }
  .m-p-xsxxl {
    padding: var(--sizes-xs) var(--sizes-xxl);
  }
  .m-p-xsxxl-t {
    padding-top: var(--sizes-xs);
  }
  .m-p-xsxxl-r {
    padding-right: var(--sizes-xxl);
  }
  .m-p-xsxxl-b {
    padding-bottom: var(--sizes-xs);
  }
  .m-p-xsxxl-l {
    padding-left: var(--sizes-xxl);
  }
  .m-p-xsxxl-tr {
    padding-right: var(--sizes-xxl);
    padding-top: var(--sizes-xs);
  }
  .m-p-xsxxl-br {
    padding-right: var(--sizes-xxl);
    padding-bottom: var(--sizes-xs);
  }
  .m-p-xsxxl-lr {
    padding-right: var(--sizes-xxl);
    padding-left: var(--sizes-xs);
  }
  .m-p-xsxxl-tb {
    padding-top: var(--sizes-xs);
    padding-bottom: var(--sizes-xxl);
  }
  .m-p-xsxxl-bl {
    padding-left: var(--sizes-xxl);
    padding-bottom: var(--sizes-xs);
  }
  .m-p-xsxxl-tl {
    padding-left: var(--sizes-xxl);
    padding-top: var(--sizes-xs);
  }
  .m-p-sm {
    padding: var(--sizes-sm);
  }
  .m-p-sm-t {
    padding-top: var(--sizes-sm);
  }
  .m-p-sm-r {
    padding-right: var(--sizes-sm);
  }
  .m-p-sm-b {
    padding-bottom: var(--sizes-sm);
  }
  .m-p-sm-l {
    padding-left: var(--sizes-sm);
  }
  .m-p-sm-tr {
    padding-right: var(--sizes-sm);
    padding-top: var(--sizes-sm);
  }
  .m-p-sm-br {
    padding-right: var(--sizes-sm);
    padding-bottom: var(--sizes-sm);
  }
  .m-p-sm-rl, .m-p-sm-lr {
    padding-right: var(--sizes-sm);
    padding-left: var(--sizes-sm);
  }
  .m-p-sm-tb {
    padding-top: var(--sizes-sm);
    padding-bottom: var(--sizes-sm);
  }
  .m-p-sm-bl {
    padding-left: var(--sizes-sm);
    padding-bottom: var(--sizes-sm);
  }
  .m-p-sm-tl {
    padding-left: var(--sizes-sm);
    padding-top: var(--sizes-sm);
  }
  .m-p-smxxs {
    padding: var(--sizes-sm) var(--sizes-xxs);
  }
  .m-p-smxxs-t {
    padding-top: var(--sizes-sm);
  }
  .m-p-smxxs-r {
    padding-right: var(--sizes-xxs);
  }
  .m-p-smxxs-b {
    padding-bottom: var(--sizes-sm);
  }
  .m-p-smxxs-l {
    padding-left: var(--sizes-xxs);
  }
  .m-p-smxxs-tr {
    padding-right: var(--sizes-xxs);
    padding-top: var(--sizes-sm);
  }
  .m-p-smxxs-br {
    padding-right: var(--sizes-xxs);
    padding-bottom: var(--sizes-sm);
  }
  .m-p-smxxs-lr {
    padding-right: var(--sizes-xxs);
    padding-left: var(--sizes-sm);
  }
  .m-p-smxxs-tb {
    padding-top: var(--sizes-sm);
    padding-bottom: var(--sizes-xxs);
  }
  .m-p-smxxs-bl {
    padding-left: var(--sizes-xxs);
    padding-bottom: var(--sizes-sm);
  }
  .m-p-smxxs-tl {
    padding-left: var(--sizes-xxs);
    padding-top: var(--sizes-sm);
  }
  .m-p-smxs {
    padding: var(--sizes-sm) var(--sizes-xs);
  }
  .m-p-smxs-t {
    padding-top: var(--sizes-sm);
  }
  .m-p-smxs-r {
    padding-right: var(--sizes-xs);
  }
  .m-p-smxs-b {
    padding-bottom: var(--sizes-sm);
  }
  .m-p-smxs-l {
    padding-left: var(--sizes-xs);
  }
  .m-p-smxs-tr {
    padding-right: var(--sizes-xs);
    padding-top: var(--sizes-sm);
  }
  .m-p-smxs-br {
    padding-right: var(--sizes-xs);
    padding-bottom: var(--sizes-sm);
  }
  .m-p-smxs-lr {
    padding-right: var(--sizes-xs);
    padding-left: var(--sizes-sm);
  }
  .m-p-smxs-tb {
    padding-top: var(--sizes-sm);
    padding-bottom: var(--sizes-xs);
  }
  .m-p-smxs-bl {
    padding-left: var(--sizes-xs);
    padding-bottom: var(--sizes-sm);
  }
  .m-p-smxs-tl {
    padding-left: var(--sizes-xs);
    padding-top: var(--sizes-sm);
  }
  .m-p-smsm {
    padding: var(--sizes-sm) var(--sizes-sm);
  }
  .m-p-smsm-t {
    padding-top: var(--sizes-sm);
  }
  .m-p-smsm-r {
    padding-right: var(--sizes-sm);
  }
  .m-p-smsm-b {
    padding-bottom: var(--sizes-sm);
  }
  .m-p-smsm-l {
    padding-left: var(--sizes-sm);
  }
  .m-p-smsm-tr {
    padding-right: var(--sizes-sm);
    padding-top: var(--sizes-sm);
  }
  .m-p-smsm-br {
    padding-right: var(--sizes-sm);
    padding-bottom: var(--sizes-sm);
  }
  .m-p-smsm-lr {
    padding-right: var(--sizes-sm);
    padding-left: var(--sizes-sm);
  }
  .m-p-smsm-tb {
    padding-top: var(--sizes-sm);
    padding-bottom: var(--sizes-sm);
  }
  .m-p-smsm-bl {
    padding-left: var(--sizes-sm);
    padding-bottom: var(--sizes-sm);
  }
  .m-p-smsm-tl {
    padding-left: var(--sizes-sm);
    padding-top: var(--sizes-sm);
  }
  .m-p-smmd {
    padding: var(--sizes-sm) var(--sizes-md);
  }
  .m-p-smmd-t {
    padding-top: var(--sizes-sm);
  }
  .m-p-smmd-r {
    padding-right: var(--sizes-md);
  }
  .m-p-smmd-b {
    padding-bottom: var(--sizes-sm);
  }
  .m-p-smmd-l {
    padding-left: var(--sizes-md);
  }
  .m-p-smmd-tr {
    padding-right: var(--sizes-md);
    padding-top: var(--sizes-sm);
  }
  .m-p-smmd-br {
    padding-right: var(--sizes-md);
    padding-bottom: var(--sizes-sm);
  }
  .m-p-smmd-lr {
    padding-right: var(--sizes-md);
    padding-left: var(--sizes-sm);
  }
  .m-p-smmd-tb {
    padding-top: var(--sizes-sm);
    padding-bottom: var(--sizes-md);
  }
  .m-p-smmd-bl {
    padding-left: var(--sizes-md);
    padding-bottom: var(--sizes-sm);
  }
  .m-p-smmd-tl {
    padding-left: var(--sizes-md);
    padding-top: var(--sizes-sm);
  }
  .m-p-smlg {
    padding: var(--sizes-sm) var(--sizes-lg);
  }
  .m-p-smlg-t {
    padding-top: var(--sizes-sm);
  }
  .m-p-smlg-r {
    padding-right: var(--sizes-lg);
  }
  .m-p-smlg-b {
    padding-bottom: var(--sizes-sm);
  }
  .m-p-smlg-l {
    padding-left: var(--sizes-lg);
  }
  .m-p-smlg-tr {
    padding-right: var(--sizes-lg);
    padding-top: var(--sizes-sm);
  }
  .m-p-smlg-br {
    padding-right: var(--sizes-lg);
    padding-bottom: var(--sizes-sm);
  }
  .m-p-smlg-lr {
    padding-right: var(--sizes-lg);
    padding-left: var(--sizes-sm);
  }
  .m-p-smlg-tb {
    padding-top: var(--sizes-sm);
    padding-bottom: var(--sizes-lg);
  }
  .m-p-smlg-bl {
    padding-left: var(--sizes-lg);
    padding-bottom: var(--sizes-sm);
  }
  .m-p-smlg-tl {
    padding-left: var(--sizes-lg);
    padding-top: var(--sizes-sm);
  }
  .m-p-smxl {
    padding: var(--sizes-sm) var(--sizes-xl);
  }
  .m-p-smxl-t {
    padding-top: var(--sizes-sm);
  }
  .m-p-smxl-r {
    padding-right: var(--sizes-xl);
  }
  .m-p-smxl-b {
    padding-bottom: var(--sizes-sm);
  }
  .m-p-smxl-l {
    padding-left: var(--sizes-xl);
  }
  .m-p-smxl-tr {
    padding-right: var(--sizes-xl);
    padding-top: var(--sizes-sm);
  }
  .m-p-smxl-br {
    padding-right: var(--sizes-xl);
    padding-bottom: var(--sizes-sm);
  }
  .m-p-smxl-lr {
    padding-right: var(--sizes-xl);
    padding-left: var(--sizes-sm);
  }
  .m-p-smxl-tb {
    padding-top: var(--sizes-sm);
    padding-bottom: var(--sizes-xl);
  }
  .m-p-smxl-bl {
    padding-left: var(--sizes-xl);
    padding-bottom: var(--sizes-sm);
  }
  .m-p-smxl-tl {
    padding-left: var(--sizes-xl);
    padding-top: var(--sizes-sm);
  }
  .m-p-smxxl {
    padding: var(--sizes-sm) var(--sizes-xxl);
  }
  .m-p-smxxl-t {
    padding-top: var(--sizes-sm);
  }
  .m-p-smxxl-r {
    padding-right: var(--sizes-xxl);
  }
  .m-p-smxxl-b {
    padding-bottom: var(--sizes-sm);
  }
  .m-p-smxxl-l {
    padding-left: var(--sizes-xxl);
  }
  .m-p-smxxl-tr {
    padding-right: var(--sizes-xxl);
    padding-top: var(--sizes-sm);
  }
  .m-p-smxxl-br {
    padding-right: var(--sizes-xxl);
    padding-bottom: var(--sizes-sm);
  }
  .m-p-smxxl-lr {
    padding-right: var(--sizes-xxl);
    padding-left: var(--sizes-sm);
  }
  .m-p-smxxl-tb {
    padding-top: var(--sizes-sm);
    padding-bottom: var(--sizes-xxl);
  }
  .m-p-smxxl-bl {
    padding-left: var(--sizes-xxl);
    padding-bottom: var(--sizes-sm);
  }
  .m-p-smxxl-tl {
    padding-left: var(--sizes-xxl);
    padding-top: var(--sizes-sm);
  }
  .m-p-md {
    padding: var(--sizes-md);
  }
  .m-p-md-t {
    padding-top: var(--sizes-md);
  }
  .m-p-md-r {
    padding-right: var(--sizes-md);
  }
  .m-p-md-b {
    padding-bottom: var(--sizes-md);
  }
  .m-p-md-l {
    padding-left: var(--sizes-md);
  }
  .m-p-md-tr {
    padding-right: var(--sizes-md);
    padding-top: var(--sizes-md);
  }
  .m-p-md-br {
    padding-right: var(--sizes-md);
    padding-bottom: var(--sizes-md);
  }
  .m-p-md-rl, .m-p-md-lr {
    padding-right: var(--sizes-md);
    padding-left: var(--sizes-md);
  }
  .m-p-md-tb {
    padding-top: var(--sizes-md);
    padding-bottom: var(--sizes-md);
  }
  .m-p-md-bl {
    padding-left: var(--sizes-md);
    padding-bottom: var(--sizes-md);
  }
  .m-p-md-tl {
    padding-left: var(--sizes-md);
    padding-top: var(--sizes-md);
  }
  .m-p-mdxxs {
    padding: var(--sizes-md) var(--sizes-xxs);
  }
  .m-p-mdxxs-t {
    padding-top: var(--sizes-md);
  }
  .m-p-mdxxs-r {
    padding-right: var(--sizes-xxs);
  }
  .m-p-mdxxs-b {
    padding-bottom: var(--sizes-md);
  }
  .m-p-mdxxs-l {
    padding-left: var(--sizes-xxs);
  }
  .m-p-mdxxs-tr {
    padding-right: var(--sizes-xxs);
    padding-top: var(--sizes-md);
  }
  .m-p-mdxxs-br {
    padding-right: var(--sizes-xxs);
    padding-bottom: var(--sizes-md);
  }
  .m-p-mdxxs-lr {
    padding-right: var(--sizes-xxs);
    padding-left: var(--sizes-md);
  }
  .m-p-mdxxs-tb {
    padding-top: var(--sizes-md);
    padding-bottom: var(--sizes-xxs);
  }
  .m-p-mdxxs-bl {
    padding-left: var(--sizes-xxs);
    padding-bottom: var(--sizes-md);
  }
  .m-p-mdxxs-tl {
    padding-left: var(--sizes-xxs);
    padding-top: var(--sizes-md);
  }
  .m-p-mdxs {
    padding: var(--sizes-md) var(--sizes-xs);
  }
  .m-p-mdxs-t {
    padding-top: var(--sizes-md);
  }
  .m-p-mdxs-r {
    padding-right: var(--sizes-xs);
  }
  .m-p-mdxs-b {
    padding-bottom: var(--sizes-md);
  }
  .m-p-mdxs-l {
    padding-left: var(--sizes-xs);
  }
  .m-p-mdxs-tr {
    padding-right: var(--sizes-xs);
    padding-top: var(--sizes-md);
  }
  .m-p-mdxs-br {
    padding-right: var(--sizes-xs);
    padding-bottom: var(--sizes-md);
  }
  .m-p-mdxs-lr {
    padding-right: var(--sizes-xs);
    padding-left: var(--sizes-md);
  }
  .m-p-mdxs-tb {
    padding-top: var(--sizes-md);
    padding-bottom: var(--sizes-xs);
  }
  .m-p-mdxs-bl {
    padding-left: var(--sizes-xs);
    padding-bottom: var(--sizes-md);
  }
  .m-p-mdxs-tl {
    padding-left: var(--sizes-xs);
    padding-top: var(--sizes-md);
  }
  .m-p-mdsm {
    padding: var(--sizes-md) var(--sizes-sm);
  }
  .m-p-mdsm-t {
    padding-top: var(--sizes-md);
  }
  .m-p-mdsm-r {
    padding-right: var(--sizes-sm);
  }
  .m-p-mdsm-b {
    padding-bottom: var(--sizes-md);
  }
  .m-p-mdsm-l {
    padding-left: var(--sizes-sm);
  }
  .m-p-mdsm-tr {
    padding-right: var(--sizes-sm);
    padding-top: var(--sizes-md);
  }
  .m-p-mdsm-br {
    padding-right: var(--sizes-sm);
    padding-bottom: var(--sizes-md);
  }
  .m-p-mdsm-lr {
    padding-right: var(--sizes-sm);
    padding-left: var(--sizes-md);
  }
  .m-p-mdsm-tb {
    padding-top: var(--sizes-md);
    padding-bottom: var(--sizes-sm);
  }
  .m-p-mdsm-bl {
    padding-left: var(--sizes-sm);
    padding-bottom: var(--sizes-md);
  }
  .m-p-mdsm-tl {
    padding-left: var(--sizes-sm);
    padding-top: var(--sizes-md);
  }
  .m-p-mdmd {
    padding: var(--sizes-md) var(--sizes-md);
  }
  .m-p-mdmd-t {
    padding-top: var(--sizes-md);
  }
  .m-p-mdmd-r {
    padding-right: var(--sizes-md);
  }
  .m-p-mdmd-b {
    padding-bottom: var(--sizes-md);
  }
  .m-p-mdmd-l {
    padding-left: var(--sizes-md);
  }
  .m-p-mdmd-tr {
    padding-right: var(--sizes-md);
    padding-top: var(--sizes-md);
  }
  .m-p-mdmd-br {
    padding-right: var(--sizes-md);
    padding-bottom: var(--sizes-md);
  }
  .m-p-mdmd-lr {
    padding-right: var(--sizes-md);
    padding-left: var(--sizes-md);
  }
  .m-p-mdmd-tb {
    padding-top: var(--sizes-md);
    padding-bottom: var(--sizes-md);
  }
  .m-p-mdmd-bl {
    padding-left: var(--sizes-md);
    padding-bottom: var(--sizes-md);
  }
  .m-p-mdmd-tl {
    padding-left: var(--sizes-md);
    padding-top: var(--sizes-md);
  }
  .m-p-mdlg {
    padding: var(--sizes-md) var(--sizes-lg);
  }
  .m-p-mdlg-t {
    padding-top: var(--sizes-md);
  }
  .m-p-mdlg-r {
    padding-right: var(--sizes-lg);
  }
  .m-p-mdlg-b {
    padding-bottom: var(--sizes-md);
  }
  .m-p-mdlg-l {
    padding-left: var(--sizes-lg);
  }
  .m-p-mdlg-tr {
    padding-right: var(--sizes-lg);
    padding-top: var(--sizes-md);
  }
  .m-p-mdlg-br {
    padding-right: var(--sizes-lg);
    padding-bottom: var(--sizes-md);
  }
  .m-p-mdlg-lr {
    padding-right: var(--sizes-lg);
    padding-left: var(--sizes-md);
  }
  .m-p-mdlg-tb {
    padding-top: var(--sizes-md);
    padding-bottom: var(--sizes-lg);
  }
  .m-p-mdlg-bl {
    padding-left: var(--sizes-lg);
    padding-bottom: var(--sizes-md);
  }
  .m-p-mdlg-tl {
    padding-left: var(--sizes-lg);
    padding-top: var(--sizes-md);
  }
  .m-p-mdxl {
    padding: var(--sizes-md) var(--sizes-xl);
  }
  .m-p-mdxl-t {
    padding-top: var(--sizes-md);
  }
  .m-p-mdxl-r {
    padding-right: var(--sizes-xl);
  }
  .m-p-mdxl-b {
    padding-bottom: var(--sizes-md);
  }
  .m-p-mdxl-l {
    padding-left: var(--sizes-xl);
  }
  .m-p-mdxl-tr {
    padding-right: var(--sizes-xl);
    padding-top: var(--sizes-md);
  }
  .m-p-mdxl-br {
    padding-right: var(--sizes-xl);
    padding-bottom: var(--sizes-md);
  }
  .m-p-mdxl-lr {
    padding-right: var(--sizes-xl);
    padding-left: var(--sizes-md);
  }
  .m-p-mdxl-tb {
    padding-top: var(--sizes-md);
    padding-bottom: var(--sizes-xl);
  }
  .m-p-mdxl-bl {
    padding-left: var(--sizes-xl);
    padding-bottom: var(--sizes-md);
  }
  .m-p-mdxl-tl {
    padding-left: var(--sizes-xl);
    padding-top: var(--sizes-md);
  }
  .m-p-mdxxl {
    padding: var(--sizes-md) var(--sizes-xxl);
  }
  .m-p-mdxxl-t {
    padding-top: var(--sizes-md);
  }
  .m-p-mdxxl-r {
    padding-right: var(--sizes-xxl);
  }
  .m-p-mdxxl-b {
    padding-bottom: var(--sizes-md);
  }
  .m-p-mdxxl-l {
    padding-left: var(--sizes-xxl);
  }
  .m-p-mdxxl-tr {
    padding-right: var(--sizes-xxl);
    padding-top: var(--sizes-md);
  }
  .m-p-mdxxl-br {
    padding-right: var(--sizes-xxl);
    padding-bottom: var(--sizes-md);
  }
  .m-p-mdxxl-lr {
    padding-right: var(--sizes-xxl);
    padding-left: var(--sizes-md);
  }
  .m-p-mdxxl-tb {
    padding-top: var(--sizes-md);
    padding-bottom: var(--sizes-xxl);
  }
  .m-p-mdxxl-bl {
    padding-left: var(--sizes-xxl);
    padding-bottom: var(--sizes-md);
  }
  .m-p-mdxxl-tl {
    padding-left: var(--sizes-xxl);
    padding-top: var(--sizes-md);
  }
  .m-p-lg {
    padding: var(--sizes-lg);
  }
  .m-p-lg-t {
    padding-top: var(--sizes-lg);
  }
  .m-p-lg-r {
    padding-right: var(--sizes-lg);
  }
  .m-p-lg-b {
    padding-bottom: var(--sizes-lg);
  }
  .m-p-lg-l {
    padding-left: var(--sizes-lg);
  }
  .m-p-lg-tr {
    padding-right: var(--sizes-lg);
    padding-top: var(--sizes-lg);
  }
  .m-p-lg-br {
    padding-right: var(--sizes-lg);
    padding-bottom: var(--sizes-lg);
  }
  .m-p-lg-rl, .m-p-lg-lr {
    padding-right: var(--sizes-lg);
    padding-left: var(--sizes-lg);
  }
  .m-p-lg-tb {
    padding-top: var(--sizes-lg);
    padding-bottom: var(--sizes-lg);
  }
  .m-p-lg-bl {
    padding-left: var(--sizes-lg);
    padding-bottom: var(--sizes-lg);
  }
  .m-p-lg-tl {
    padding-left: var(--sizes-lg);
    padding-top: var(--sizes-lg);
  }
  .m-p-lgxxs {
    padding: var(--sizes-lg) var(--sizes-xxs);
  }
  .m-p-lgxxs-t {
    padding-top: var(--sizes-lg);
  }
  .m-p-lgxxs-r {
    padding-right: var(--sizes-xxs);
  }
  .m-p-lgxxs-b {
    padding-bottom: var(--sizes-lg);
  }
  .m-p-lgxxs-l {
    padding-left: var(--sizes-xxs);
  }
  .m-p-lgxxs-tr {
    padding-right: var(--sizes-xxs);
    padding-top: var(--sizes-lg);
  }
  .m-p-lgxxs-br {
    padding-right: var(--sizes-xxs);
    padding-bottom: var(--sizes-lg);
  }
  .m-p-lgxxs-lr {
    padding-right: var(--sizes-xxs);
    padding-left: var(--sizes-lg);
  }
  .m-p-lgxxs-tb {
    padding-top: var(--sizes-lg);
    padding-bottom: var(--sizes-xxs);
  }
  .m-p-lgxxs-bl {
    padding-left: var(--sizes-xxs);
    padding-bottom: var(--sizes-lg);
  }
  .m-p-lgxxs-tl {
    padding-left: var(--sizes-xxs);
    padding-top: var(--sizes-lg);
  }
  .m-p-lgxs {
    padding: var(--sizes-lg) var(--sizes-xs);
  }
  .m-p-lgxs-t {
    padding-top: var(--sizes-lg);
  }
  .m-p-lgxs-r {
    padding-right: var(--sizes-xs);
  }
  .m-p-lgxs-b {
    padding-bottom: var(--sizes-lg);
  }
  .m-p-lgxs-l {
    padding-left: var(--sizes-xs);
  }
  .m-p-lgxs-tr {
    padding-right: var(--sizes-xs);
    padding-top: var(--sizes-lg);
  }
  .m-p-lgxs-br {
    padding-right: var(--sizes-xs);
    padding-bottom: var(--sizes-lg);
  }
  .m-p-lgxs-lr {
    padding-right: var(--sizes-xs);
    padding-left: var(--sizes-lg);
  }
  .m-p-lgxs-tb {
    padding-top: var(--sizes-lg);
    padding-bottom: var(--sizes-xs);
  }
  .m-p-lgxs-bl {
    padding-left: var(--sizes-xs);
    padding-bottom: var(--sizes-lg);
  }
  .m-p-lgxs-tl {
    padding-left: var(--sizes-xs);
    padding-top: var(--sizes-lg);
  }
  .m-p-lgsm {
    padding: var(--sizes-lg) var(--sizes-sm);
  }
  .m-p-lgsm-t {
    padding-top: var(--sizes-lg);
  }
  .m-p-lgsm-r {
    padding-right: var(--sizes-sm);
  }
  .m-p-lgsm-b {
    padding-bottom: var(--sizes-lg);
  }
  .m-p-lgsm-l {
    padding-left: var(--sizes-sm);
  }
  .m-p-lgsm-tr {
    padding-right: var(--sizes-sm);
    padding-top: var(--sizes-lg);
  }
  .m-p-lgsm-br {
    padding-right: var(--sizes-sm);
    padding-bottom: var(--sizes-lg);
  }
  .m-p-lgsm-lr {
    padding-right: var(--sizes-sm);
    padding-left: var(--sizes-lg);
  }
  .m-p-lgsm-tb {
    padding-top: var(--sizes-lg);
    padding-bottom: var(--sizes-sm);
  }
  .m-p-lgsm-bl {
    padding-left: var(--sizes-sm);
    padding-bottom: var(--sizes-lg);
  }
  .m-p-lgsm-tl {
    padding-left: var(--sizes-sm);
    padding-top: var(--sizes-lg);
  }
  .m-p-lgmd {
    padding: var(--sizes-lg) var(--sizes-md);
  }
  .m-p-lgmd-t {
    padding-top: var(--sizes-lg);
  }
  .m-p-lgmd-r {
    padding-right: var(--sizes-md);
  }
  .m-p-lgmd-b {
    padding-bottom: var(--sizes-lg);
  }
  .m-p-lgmd-l {
    padding-left: var(--sizes-md);
  }
  .m-p-lgmd-tr {
    padding-right: var(--sizes-md);
    padding-top: var(--sizes-lg);
  }
  .m-p-lgmd-br {
    padding-right: var(--sizes-md);
    padding-bottom: var(--sizes-lg);
  }
  .m-p-lgmd-lr {
    padding-right: var(--sizes-md);
    padding-left: var(--sizes-lg);
  }
  .m-p-lgmd-tb {
    padding-top: var(--sizes-lg);
    padding-bottom: var(--sizes-md);
  }
  .m-p-lgmd-bl {
    padding-left: var(--sizes-md);
    padding-bottom: var(--sizes-lg);
  }
  .m-p-lgmd-tl {
    padding-left: var(--sizes-md);
    padding-top: var(--sizes-lg);
  }
  .m-p-lglg {
    padding: var(--sizes-lg) var(--sizes-lg);
  }
  .m-p-lglg-t {
    padding-top: var(--sizes-lg);
  }
  .m-p-lglg-r {
    padding-right: var(--sizes-lg);
  }
  .m-p-lglg-b {
    padding-bottom: var(--sizes-lg);
  }
  .m-p-lglg-l {
    padding-left: var(--sizes-lg);
  }
  .m-p-lglg-tr {
    padding-right: var(--sizes-lg);
    padding-top: var(--sizes-lg);
  }
  .m-p-lglg-br {
    padding-right: var(--sizes-lg);
    padding-bottom: var(--sizes-lg);
  }
  .m-p-lglg-lr {
    padding-right: var(--sizes-lg);
    padding-left: var(--sizes-lg);
  }
  .m-p-lglg-tb {
    padding-top: var(--sizes-lg);
    padding-bottom: var(--sizes-lg);
  }
  .m-p-lglg-bl {
    padding-left: var(--sizes-lg);
    padding-bottom: var(--sizes-lg);
  }
  .m-p-lglg-tl {
    padding-left: var(--sizes-lg);
    padding-top: var(--sizes-lg);
  }
  .m-p-lgxl {
    padding: var(--sizes-lg) var(--sizes-xl);
  }
  .m-p-lgxl-t {
    padding-top: var(--sizes-lg);
  }
  .m-p-lgxl-r {
    padding-right: var(--sizes-xl);
  }
  .m-p-lgxl-b {
    padding-bottom: var(--sizes-lg);
  }
  .m-p-lgxl-l {
    padding-left: var(--sizes-xl);
  }
  .m-p-lgxl-tr {
    padding-right: var(--sizes-xl);
    padding-top: var(--sizes-lg);
  }
  .m-p-lgxl-br {
    padding-right: var(--sizes-xl);
    padding-bottom: var(--sizes-lg);
  }
  .m-p-lgxl-lr {
    padding-right: var(--sizes-xl);
    padding-left: var(--sizes-lg);
  }
  .m-p-lgxl-tb {
    padding-top: var(--sizes-lg);
    padding-bottom: var(--sizes-xl);
  }
  .m-p-lgxl-bl {
    padding-left: var(--sizes-xl);
    padding-bottom: var(--sizes-lg);
  }
  .m-p-lgxl-tl {
    padding-left: var(--sizes-xl);
    padding-top: var(--sizes-lg);
  }
  .m-p-lgxxl {
    padding: var(--sizes-lg) var(--sizes-xxl);
  }
  .m-p-lgxxl-t {
    padding-top: var(--sizes-lg);
  }
  .m-p-lgxxl-r {
    padding-right: var(--sizes-xxl);
  }
  .m-p-lgxxl-b {
    padding-bottom: var(--sizes-lg);
  }
  .m-p-lgxxl-l {
    padding-left: var(--sizes-xxl);
  }
  .m-p-lgxxl-tr {
    padding-right: var(--sizes-xxl);
    padding-top: var(--sizes-lg);
  }
  .m-p-lgxxl-br {
    padding-right: var(--sizes-xxl);
    padding-bottom: var(--sizes-lg);
  }
  .m-p-lgxxl-lr {
    padding-right: var(--sizes-xxl);
    padding-left: var(--sizes-lg);
  }
  .m-p-lgxxl-tb {
    padding-top: var(--sizes-lg);
    padding-bottom: var(--sizes-xxl);
  }
  .m-p-lgxxl-bl {
    padding-left: var(--sizes-xxl);
    padding-bottom: var(--sizes-lg);
  }
  .m-p-lgxxl-tl {
    padding-left: var(--sizes-xxl);
    padding-top: var(--sizes-lg);
  }
  .m-p-xl {
    padding: var(--sizes-xl);
  }
  .m-p-xl-t {
    padding-top: var(--sizes-xl);
  }
  .m-p-xl-r {
    padding-right: var(--sizes-xl);
  }
  .m-p-xl-b {
    padding-bottom: var(--sizes-xl);
  }
  .m-p-xl-l {
    padding-left: var(--sizes-xl);
  }
  .m-p-xl-tr {
    padding-right: var(--sizes-xl);
    padding-top: var(--sizes-xl);
  }
  .m-p-xl-br {
    padding-right: var(--sizes-xl);
    padding-bottom: var(--sizes-xl);
  }
  .m-p-xl-rl, .m-p-xl-lr {
    padding-right: var(--sizes-xl);
    padding-left: var(--sizes-xl);
  }
  .m-p-xl-tb {
    padding-top: var(--sizes-xl);
    padding-bottom: var(--sizes-xl);
  }
  .m-p-xl-bl {
    padding-left: var(--sizes-xl);
    padding-bottom: var(--sizes-xl);
  }
  .m-p-xl-tl {
    padding-left: var(--sizes-xl);
    padding-top: var(--sizes-xl);
  }
  .m-p-xlxxs {
    padding: var(--sizes-xl) var(--sizes-xxs);
  }
  .m-p-xlxxs-t {
    padding-top: var(--sizes-xl);
  }
  .m-p-xlxxs-r {
    padding-right: var(--sizes-xxs);
  }
  .m-p-xlxxs-b {
    padding-bottom: var(--sizes-xl);
  }
  .m-p-xlxxs-l {
    padding-left: var(--sizes-xxs);
  }
  .m-p-xlxxs-tr {
    padding-right: var(--sizes-xxs);
    padding-top: var(--sizes-xl);
  }
  .m-p-xlxxs-br {
    padding-right: var(--sizes-xxs);
    padding-bottom: var(--sizes-xl);
  }
  .m-p-xlxxs-lr {
    padding-right: var(--sizes-xxs);
    padding-left: var(--sizes-xl);
  }
  .m-p-xlxxs-tb {
    padding-top: var(--sizes-xl);
    padding-bottom: var(--sizes-xxs);
  }
  .m-p-xlxxs-bl {
    padding-left: var(--sizes-xxs);
    padding-bottom: var(--sizes-xl);
  }
  .m-p-xlxxs-tl {
    padding-left: var(--sizes-xxs);
    padding-top: var(--sizes-xl);
  }
  .m-p-xlxs {
    padding: var(--sizes-xl) var(--sizes-xs);
  }
  .m-p-xlxs-t {
    padding-top: var(--sizes-xl);
  }
  .m-p-xlxs-r {
    padding-right: var(--sizes-xs);
  }
  .m-p-xlxs-b {
    padding-bottom: var(--sizes-xl);
  }
  .m-p-xlxs-l {
    padding-left: var(--sizes-xs);
  }
  .m-p-xlxs-tr {
    padding-right: var(--sizes-xs);
    padding-top: var(--sizes-xl);
  }
  .m-p-xlxs-br {
    padding-right: var(--sizes-xs);
    padding-bottom: var(--sizes-xl);
  }
  .m-p-xlxs-lr {
    padding-right: var(--sizes-xs);
    padding-left: var(--sizes-xl);
  }
  .m-p-xlxs-tb {
    padding-top: var(--sizes-xl);
    padding-bottom: var(--sizes-xs);
  }
  .m-p-xlxs-bl {
    padding-left: var(--sizes-xs);
    padding-bottom: var(--sizes-xl);
  }
  .m-p-xlxs-tl {
    padding-left: var(--sizes-xs);
    padding-top: var(--sizes-xl);
  }
  .m-p-xlsm {
    padding: var(--sizes-xl) var(--sizes-sm);
  }
  .m-p-xlsm-t {
    padding-top: var(--sizes-xl);
  }
  .m-p-xlsm-r {
    padding-right: var(--sizes-sm);
  }
  .m-p-xlsm-b {
    padding-bottom: var(--sizes-xl);
  }
  .m-p-xlsm-l {
    padding-left: var(--sizes-sm);
  }
  .m-p-xlsm-tr {
    padding-right: var(--sizes-sm);
    padding-top: var(--sizes-xl);
  }
  .m-p-xlsm-br {
    padding-right: var(--sizes-sm);
    padding-bottom: var(--sizes-xl);
  }
  .m-p-xlsm-lr {
    padding-right: var(--sizes-sm);
    padding-left: var(--sizes-xl);
  }
  .m-p-xlsm-tb {
    padding-top: var(--sizes-xl);
    padding-bottom: var(--sizes-sm);
  }
  .m-p-xlsm-bl {
    padding-left: var(--sizes-sm);
    padding-bottom: var(--sizes-xl);
  }
  .m-p-xlsm-tl {
    padding-left: var(--sizes-sm);
    padding-top: var(--sizes-xl);
  }
  .m-p-xlmd {
    padding: var(--sizes-xl) var(--sizes-md);
  }
  .m-p-xlmd-t {
    padding-top: var(--sizes-xl);
  }
  .m-p-xlmd-r {
    padding-right: var(--sizes-md);
  }
  .m-p-xlmd-b {
    padding-bottom: var(--sizes-xl);
  }
  .m-p-xlmd-l {
    padding-left: var(--sizes-md);
  }
  .m-p-xlmd-tr {
    padding-right: var(--sizes-md);
    padding-top: var(--sizes-xl);
  }
  .m-p-xlmd-br {
    padding-right: var(--sizes-md);
    padding-bottom: var(--sizes-xl);
  }
  .m-p-xlmd-lr {
    padding-right: var(--sizes-md);
    padding-left: var(--sizes-xl);
  }
  .m-p-xlmd-tb {
    padding-top: var(--sizes-xl);
    padding-bottom: var(--sizes-md);
  }
  .m-p-xlmd-bl {
    padding-left: var(--sizes-md);
    padding-bottom: var(--sizes-xl);
  }
  .m-p-xlmd-tl {
    padding-left: var(--sizes-md);
    padding-top: var(--sizes-xl);
  }
  .m-p-xllg {
    padding: var(--sizes-xl) var(--sizes-lg);
  }
  .m-p-xllg-t {
    padding-top: var(--sizes-xl);
  }
  .m-p-xllg-r {
    padding-right: var(--sizes-lg);
  }
  .m-p-xllg-b {
    padding-bottom: var(--sizes-xl);
  }
  .m-p-xllg-l {
    padding-left: var(--sizes-lg);
  }
  .m-p-xllg-tr {
    padding-right: var(--sizes-lg);
    padding-top: var(--sizes-xl);
  }
  .m-p-xllg-br {
    padding-right: var(--sizes-lg);
    padding-bottom: var(--sizes-xl);
  }
  .m-p-xllg-lr {
    padding-right: var(--sizes-lg);
    padding-left: var(--sizes-xl);
  }
  .m-p-xllg-tb {
    padding-top: var(--sizes-xl);
    padding-bottom: var(--sizes-lg);
  }
  .m-p-xllg-bl {
    padding-left: var(--sizes-lg);
    padding-bottom: var(--sizes-xl);
  }
  .m-p-xllg-tl {
    padding-left: var(--sizes-lg);
    padding-top: var(--sizes-xl);
  }
  .m-p-xlxl {
    padding: var(--sizes-xl) var(--sizes-xl);
  }
  .m-p-xlxl-t {
    padding-top: var(--sizes-xl);
  }
  .m-p-xlxl-r {
    padding-right: var(--sizes-xl);
  }
  .m-p-xlxl-b {
    padding-bottom: var(--sizes-xl);
  }
  .m-p-xlxl-l {
    padding-left: var(--sizes-xl);
  }
  .m-p-xlxl-tr {
    padding-right: var(--sizes-xl);
    padding-top: var(--sizes-xl);
  }
  .m-p-xlxl-br {
    padding-right: var(--sizes-xl);
    padding-bottom: var(--sizes-xl);
  }
  .m-p-xlxl-lr {
    padding-right: var(--sizes-xl);
    padding-left: var(--sizes-xl);
  }
  .m-p-xlxl-tb {
    padding-top: var(--sizes-xl);
    padding-bottom: var(--sizes-xl);
  }
  .m-p-xlxl-bl {
    padding-left: var(--sizes-xl);
    padding-bottom: var(--sizes-xl);
  }
  .m-p-xlxl-tl {
    padding-left: var(--sizes-xl);
    padding-top: var(--sizes-xl);
  }
  .m-p-xlxxl {
    padding: var(--sizes-xl) var(--sizes-xxl);
  }
  .m-p-xlxxl-t {
    padding-top: var(--sizes-xl);
  }
  .m-p-xlxxl-r {
    padding-right: var(--sizes-xxl);
  }
  .m-p-xlxxl-b {
    padding-bottom: var(--sizes-xl);
  }
  .m-p-xlxxl-l {
    padding-left: var(--sizes-xxl);
  }
  .m-p-xlxxl-tr {
    padding-right: var(--sizes-xxl);
    padding-top: var(--sizes-xl);
  }
  .m-p-xlxxl-br {
    padding-right: var(--sizes-xxl);
    padding-bottom: var(--sizes-xl);
  }
  .m-p-xlxxl-lr {
    padding-right: var(--sizes-xxl);
    padding-left: var(--sizes-xl);
  }
  .m-p-xlxxl-tb {
    padding-top: var(--sizes-xl);
    padding-bottom: var(--sizes-xxl);
  }
  .m-p-xlxxl-bl {
    padding-left: var(--sizes-xxl);
    padding-bottom: var(--sizes-xl);
  }
  .m-p-xlxxl-tl {
    padding-left: var(--sizes-xxl);
    padding-top: var(--sizes-xl);
  }
  .m-p-xxl {
    padding: var(--sizes-xxl);
  }
  .m-p-xxl-t {
    padding-top: var(--sizes-xxl);
  }
  .m-p-xxl-r {
    padding-right: var(--sizes-xxl);
  }
  .m-p-xxl-b {
    padding-bottom: var(--sizes-xxl);
  }
  .m-p-xxl-l {
    padding-left: var(--sizes-xxl);
  }
  .m-p-xxl-tr {
    padding-right: var(--sizes-xxl);
    padding-top: var(--sizes-xxl);
  }
  .m-p-xxl-br {
    padding-right: var(--sizes-xxl);
    padding-bottom: var(--sizes-xxl);
  }
  .m-p-xxl-rl, .m-p-xxl-lr {
    padding-right: var(--sizes-xxl);
    padding-left: var(--sizes-xxl);
  }
  .m-p-xxl-tb {
    padding-top: var(--sizes-xxl);
    padding-bottom: var(--sizes-xxl);
  }
  .m-p-xxl-bl {
    padding-left: var(--sizes-xxl);
    padding-bottom: var(--sizes-xxl);
  }
  .m-p-xxl-tl {
    padding-left: var(--sizes-xxl);
    padding-top: var(--sizes-xxl);
  }
  .m-p-xxlxxs {
    padding: var(--sizes-xxl) var(--sizes-xxs);
  }
  .m-p-xxlxxs-t {
    padding-top: var(--sizes-xxl);
  }
  .m-p-xxlxxs-r {
    padding-right: var(--sizes-xxs);
  }
  .m-p-xxlxxs-b {
    padding-bottom: var(--sizes-xxl);
  }
  .m-p-xxlxxs-l {
    padding-left: var(--sizes-xxs);
  }
  .m-p-xxlxxs-tr {
    padding-right: var(--sizes-xxs);
    padding-top: var(--sizes-xxl);
  }
  .m-p-xxlxxs-br {
    padding-right: var(--sizes-xxs);
    padding-bottom: var(--sizes-xxl);
  }
  .m-p-xxlxxs-lr {
    padding-right: var(--sizes-xxs);
    padding-left: var(--sizes-xxl);
  }
  .m-p-xxlxxs-tb {
    padding-top: var(--sizes-xxl);
    padding-bottom: var(--sizes-xxs);
  }
  .m-p-xxlxxs-bl {
    padding-left: var(--sizes-xxs);
    padding-bottom: var(--sizes-xxl);
  }
  .m-p-xxlxxs-tl {
    padding-left: var(--sizes-xxs);
    padding-top: var(--sizes-xxl);
  }
  .m-p-xxlxs {
    padding: var(--sizes-xxl) var(--sizes-xs);
  }
  .m-p-xxlxs-t {
    padding-top: var(--sizes-xxl);
  }
  .m-p-xxlxs-r {
    padding-right: var(--sizes-xs);
  }
  .m-p-xxlxs-b {
    padding-bottom: var(--sizes-xxl);
  }
  .m-p-xxlxs-l {
    padding-left: var(--sizes-xs);
  }
  .m-p-xxlxs-tr {
    padding-right: var(--sizes-xs);
    padding-top: var(--sizes-xxl);
  }
  .m-p-xxlxs-br {
    padding-right: var(--sizes-xs);
    padding-bottom: var(--sizes-xxl);
  }
  .m-p-xxlxs-lr {
    padding-right: var(--sizes-xs);
    padding-left: var(--sizes-xxl);
  }
  .m-p-xxlxs-tb {
    padding-top: var(--sizes-xxl);
    padding-bottom: var(--sizes-xs);
  }
  .m-p-xxlxs-bl {
    padding-left: var(--sizes-xs);
    padding-bottom: var(--sizes-xxl);
  }
  .m-p-xxlxs-tl {
    padding-left: var(--sizes-xs);
    padding-top: var(--sizes-xxl);
  }
  .m-p-xxlsm {
    padding: var(--sizes-xxl) var(--sizes-sm);
  }
  .m-p-xxlsm-t {
    padding-top: var(--sizes-xxl);
  }
  .m-p-xxlsm-r {
    padding-right: var(--sizes-sm);
  }
  .m-p-xxlsm-b {
    padding-bottom: var(--sizes-xxl);
  }
  .m-p-xxlsm-l {
    padding-left: var(--sizes-sm);
  }
  .m-p-xxlsm-tr {
    padding-right: var(--sizes-sm);
    padding-top: var(--sizes-xxl);
  }
  .m-p-xxlsm-br {
    padding-right: var(--sizes-sm);
    padding-bottom: var(--sizes-xxl);
  }
  .m-p-xxlsm-lr {
    padding-right: var(--sizes-sm);
    padding-left: var(--sizes-xxl);
  }
  .m-p-xxlsm-tb {
    padding-top: var(--sizes-xxl);
    padding-bottom: var(--sizes-sm);
  }
  .m-p-xxlsm-bl {
    padding-left: var(--sizes-sm);
    padding-bottom: var(--sizes-xxl);
  }
  .m-p-xxlsm-tl {
    padding-left: var(--sizes-sm);
    padding-top: var(--sizes-xxl);
  }
  .m-p-xxlmd {
    padding: var(--sizes-xxl) var(--sizes-md);
  }
  .m-p-xxlmd-t {
    padding-top: var(--sizes-xxl);
  }
  .m-p-xxlmd-r {
    padding-right: var(--sizes-md);
  }
  .m-p-xxlmd-b {
    padding-bottom: var(--sizes-xxl);
  }
  .m-p-xxlmd-l {
    padding-left: var(--sizes-md);
  }
  .m-p-xxlmd-tr {
    padding-right: var(--sizes-md);
    padding-top: var(--sizes-xxl);
  }
  .m-p-xxlmd-br {
    padding-right: var(--sizes-md);
    padding-bottom: var(--sizes-xxl);
  }
  .m-p-xxlmd-lr {
    padding-right: var(--sizes-md);
    padding-left: var(--sizes-xxl);
  }
  .m-p-xxlmd-tb {
    padding-top: var(--sizes-xxl);
    padding-bottom: var(--sizes-md);
  }
  .m-p-xxlmd-bl {
    padding-left: var(--sizes-md);
    padding-bottom: var(--sizes-xxl);
  }
  .m-p-xxlmd-tl {
    padding-left: var(--sizes-md);
    padding-top: var(--sizes-xxl);
  }
  .m-p-xxllg {
    padding: var(--sizes-xxl) var(--sizes-lg);
  }
  .m-p-xxllg-t {
    padding-top: var(--sizes-xxl);
  }
  .m-p-xxllg-r {
    padding-right: var(--sizes-lg);
  }
  .m-p-xxllg-b {
    padding-bottom: var(--sizes-xxl);
  }
  .m-p-xxllg-l {
    padding-left: var(--sizes-lg);
  }
  .m-p-xxllg-tr {
    padding-right: var(--sizes-lg);
    padding-top: var(--sizes-xxl);
  }
  .m-p-xxllg-br {
    padding-right: var(--sizes-lg);
    padding-bottom: var(--sizes-xxl);
  }
  .m-p-xxllg-lr {
    padding-right: var(--sizes-lg);
    padding-left: var(--sizes-xxl);
  }
  .m-p-xxllg-tb {
    padding-top: var(--sizes-xxl);
    padding-bottom: var(--sizes-lg);
  }
  .m-p-xxllg-bl {
    padding-left: var(--sizes-lg);
    padding-bottom: var(--sizes-xxl);
  }
  .m-p-xxllg-tl {
    padding-left: var(--sizes-lg);
    padding-top: var(--sizes-xxl);
  }
  .m-p-xxlxl {
    padding: var(--sizes-xxl) var(--sizes-xl);
  }
  .m-p-xxlxl-t {
    padding-top: var(--sizes-xxl);
  }
  .m-p-xxlxl-r {
    padding-right: var(--sizes-xl);
  }
  .m-p-xxlxl-b {
    padding-bottom: var(--sizes-xxl);
  }
  .m-p-xxlxl-l {
    padding-left: var(--sizes-xl);
  }
  .m-p-xxlxl-tr {
    padding-right: var(--sizes-xl);
    padding-top: var(--sizes-xxl);
  }
  .m-p-xxlxl-br {
    padding-right: var(--sizes-xl);
    padding-bottom: var(--sizes-xxl);
  }
  .m-p-xxlxl-lr {
    padding-right: var(--sizes-xl);
    padding-left: var(--sizes-xxl);
  }
  .m-p-xxlxl-tb {
    padding-top: var(--sizes-xxl);
    padding-bottom: var(--sizes-xl);
  }
  .m-p-xxlxl-bl {
    padding-left: var(--sizes-xl);
    padding-bottom: var(--sizes-xxl);
  }
  .m-p-xxlxl-tl {
    padding-left: var(--sizes-xl);
    padding-top: var(--sizes-xxl);
  }
  .m-p-xxlxxl {
    padding: var(--sizes-xxl) var(--sizes-xxl);
  }
  .m-p-xxlxxl-t {
    padding-top: var(--sizes-xxl);
  }
  .m-p-xxlxxl-r {
    padding-right: var(--sizes-xxl);
  }
  .m-p-xxlxxl-b {
    padding-bottom: var(--sizes-xxl);
  }
  .m-p-xxlxxl-l {
    padding-left: var(--sizes-xxl);
  }
  .m-p-xxlxxl-tr {
    padding-right: var(--sizes-xxl);
    padding-top: var(--sizes-xxl);
  }
  .m-p-xxlxxl-br {
    padding-right: var(--sizes-xxl);
    padding-bottom: var(--sizes-xxl);
  }
  .m-p-xxlxxl-lr {
    padding-right: var(--sizes-xxl);
    padding-left: var(--sizes-xxl);
  }
  .m-p-xxlxxl-tb {
    padding-top: var(--sizes-xxl);
    padding-bottom: var(--sizes-xxl);
  }
  .m-p-xxlxxl-bl {
    padding-left: var(--sizes-xxl);
    padding-bottom: var(--sizes-xxl);
  }
  .m-p-xxlxxl-tl {
    padding-left: var(--sizes-xxl);
    padding-top: var(--sizes-xxl);
  }
  .m-p-0 {
    padding: 0px;
  }
  .m-p-t-0 {
    padding-top: 0px;
  }
  .m-p-r-0 {
    padding-right: 0px;
  }
  .m-p-b-0 {
    padding-bottom: 0px;
  }
  .m-p-l-0 {
    padding-left: 0px;
  }
  .m-p-tr-0 {
    padding-right: 0px;
    padding-top: 0px;
  }
  .m-p-br-0 {
    padding-right: 0px;
    padding-bottom: 0px;
  }
  .m-p-rl-0, .m-p-lr-0 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .m-p-tb-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .m-p-bl-0 {
    padding-left: 0px;
    padding-bottom: 0px;
  }
  .m-p-tl-0 {
    padding-left: 0px;
    padding-top: 0px;
  }
  .m-m-t {
    margin-top: 0;
  }
  .m-m-r {
    margin-right: 0;
  }
  .m-m-b {
    margin-bottom: 0;
  }
  .m-m-l {
    margin-left: 0;
  }
  .m-m-tr {
    margin-right: 0;
    margin-top: 0;
  }
  .m-m-br {
    margin-right: 0;
    margin-bottom: 0;
  }
  .m-m-rl, .m-m-lr {
    margin-right: 0;
    margin-left: 0;
  }
  .m-m-tb {
    margin-top: 0;
    margin-bottom: 0;
  }
  .m-m-bl {
    margin-left: 0;
    margin-bottom: 0;
  }
  .m-m-tl {
    margin-left: 0;
    margin-top: 0;
  }
  .m-m-xxs {
    margin: var(--sizes-xxs);
  }
  .m-m-xxs-t {
    margin-top: var(--sizes-xxs);
  }
  .m-m-xxs-r {
    margin-right: var(--sizes-xxs);
  }
  .m-m-xxs-b {
    margin-bottom: var(--sizes-xxs);
  }
  .m-m-xxs-l {
    margin-left: var(--sizes-xxs);
  }
  .m-m-xxs-tr {
    margin-right: var(--sizes-xxs);
    margin-top: var(--sizes-xxs);
  }
  .m-m-xxs-br {
    margin-right: var(--sizes-xxs);
    margin-bottom: var(--sizes-xxs);
  }
  .m-m-xxs-rl, .m-m-xxs-lr {
    margin-right: var(--sizes-xxs);
    margin-left: var(--sizes-xxs);
  }
  .m-m-xxs-tb {
    margin-top: var(--sizes-xxs);
    margin-bottom: var(--sizes-xxs);
  }
  .m-m-xxs-bl {
    margin-left: var(--sizes-xxs);
    margin-bottom: var(--sizes-xxs);
  }
  .m-m-xxs-tl {
    margin-left: var(--sizes-xxs);
    margin-top: var(--sizes-xxs);
  }
  .m-m-xxsxxs {
    margin: var(--sizes-xxs) var(--sizes-xxs);
  }
  .m-m-xxsxxs-t {
    margin-top: var(--sizes-xxs);
  }
  .m-m-xxsxxs-r {
    margin-right: var(--sizes-xxs);
  }
  .m-m-xxsxxs-b {
    margin-bottom: var(--sizes-xxs);
  }
  .m-m-xxsxxs-l {
    margin-left: var(--sizes-xxs);
  }
  .m-m-xxsxxs-tr {
    margin-right: var(--sizes-xxs);
    margin-top: var(--sizes-xxs);
  }
  .m-m-xxsxxs-br {
    margin-right: var(--sizes-xxs);
    margin-bottom: var(--sizes-xxs);
  }
  .m-m-xxsxxs-lr {
    margin-right: var(--sizes-xxs);
    margin-left: var(--sizes-xxs);
  }
  .m-m-xxsxxs-tb {
    margin-top: var(--sizes-xxs);
    margin-bottom: var(--sizes-xxs);
  }
  .m-m-xxsxxs-bl {
    margin-left: var(--sizes-xxs);
    margin-bottom: var(--sizes-xxs);
  }
  .m-m-xxsxxs-tl {
    margin-left: var(--sizes-xxs);
    margin-top: var(--sizes-xxs);
  }
  .m-m-xxsxs {
    margin: var(--sizes-xxs) var(--sizes-xs);
  }
  .m-m-xxsxs-t {
    margin-top: var(--sizes-xxs);
  }
  .m-m-xxsxs-r {
    margin-right: var(--sizes-xs);
  }
  .m-m-xxsxs-b {
    margin-bottom: var(--sizes-xxs);
  }
  .m-m-xxsxs-l {
    margin-left: var(--sizes-xs);
  }
  .m-m-xxsxs-tr {
    margin-right: var(--sizes-xs);
    margin-top: var(--sizes-xxs);
  }
  .m-m-xxsxs-br {
    margin-right: var(--sizes-xs);
    margin-bottom: var(--sizes-xxs);
  }
  .m-m-xxsxs-lr {
    margin-right: var(--sizes-xs);
    margin-left: var(--sizes-xxs);
  }
  .m-m-xxsxs-tb {
    margin-top: var(--sizes-xxs);
    margin-bottom: var(--sizes-xs);
  }
  .m-m-xxsxs-bl {
    margin-left: var(--sizes-xs);
    margin-bottom: var(--sizes-xxs);
  }
  .m-m-xxsxs-tl {
    margin-left: var(--sizes-xs);
    margin-top: var(--sizes-xxs);
  }
  .m-m-xxssm {
    margin: var(--sizes-xxs) var(--sizes-sm);
  }
  .m-m-xxssm-t {
    margin-top: var(--sizes-xxs);
  }
  .m-m-xxssm-r {
    margin-right: var(--sizes-sm);
  }
  .m-m-xxssm-b {
    margin-bottom: var(--sizes-xxs);
  }
  .m-m-xxssm-l {
    margin-left: var(--sizes-sm);
  }
  .m-m-xxssm-tr {
    margin-right: var(--sizes-sm);
    margin-top: var(--sizes-xxs);
  }
  .m-m-xxssm-br {
    margin-right: var(--sizes-sm);
    margin-bottom: var(--sizes-xxs);
  }
  .m-m-xxssm-lr {
    margin-right: var(--sizes-sm);
    margin-left: var(--sizes-xxs);
  }
  .m-m-xxssm-tb {
    margin-top: var(--sizes-xxs);
    margin-bottom: var(--sizes-sm);
  }
  .m-m-xxssm-bl {
    margin-left: var(--sizes-sm);
    margin-bottom: var(--sizes-xxs);
  }
  .m-m-xxssm-tl {
    margin-left: var(--sizes-sm);
    margin-top: var(--sizes-xxs);
  }
  .m-m-xxsmd {
    margin: var(--sizes-xxs) var(--sizes-md);
  }
  .m-m-xxsmd-t {
    margin-top: var(--sizes-xxs);
  }
  .m-m-xxsmd-r {
    margin-right: var(--sizes-md);
  }
  .m-m-xxsmd-b {
    margin-bottom: var(--sizes-xxs);
  }
  .m-m-xxsmd-l {
    margin-left: var(--sizes-md);
  }
  .m-m-xxsmd-tr {
    margin-right: var(--sizes-md);
    margin-top: var(--sizes-xxs);
  }
  .m-m-xxsmd-br {
    margin-right: var(--sizes-md);
    margin-bottom: var(--sizes-xxs);
  }
  .m-m-xxsmd-lr {
    margin-right: var(--sizes-md);
    margin-left: var(--sizes-xxs);
  }
  .m-m-xxsmd-tb {
    margin-top: var(--sizes-xxs);
    margin-bottom: var(--sizes-md);
  }
  .m-m-xxsmd-bl {
    margin-left: var(--sizes-md);
    margin-bottom: var(--sizes-xxs);
  }
  .m-m-xxsmd-tl {
    margin-left: var(--sizes-md);
    margin-top: var(--sizes-xxs);
  }
  .m-m-xxslg {
    margin: var(--sizes-xxs) var(--sizes-lg);
  }
  .m-m-xxslg-t {
    margin-top: var(--sizes-xxs);
  }
  .m-m-xxslg-r {
    margin-right: var(--sizes-lg);
  }
  .m-m-xxslg-b {
    margin-bottom: var(--sizes-xxs);
  }
  .m-m-xxslg-l {
    margin-left: var(--sizes-lg);
  }
  .m-m-xxslg-tr {
    margin-right: var(--sizes-lg);
    margin-top: var(--sizes-xxs);
  }
  .m-m-xxslg-br {
    margin-right: var(--sizes-lg);
    margin-bottom: var(--sizes-xxs);
  }
  .m-m-xxslg-lr {
    margin-right: var(--sizes-lg);
    margin-left: var(--sizes-xxs);
  }
  .m-m-xxslg-tb {
    margin-top: var(--sizes-xxs);
    margin-bottom: var(--sizes-lg);
  }
  .m-m-xxslg-bl {
    margin-left: var(--sizes-lg);
    margin-bottom: var(--sizes-xxs);
  }
  .m-m-xxslg-tl {
    margin-left: var(--sizes-lg);
    margin-top: var(--sizes-xxs);
  }
  .m-m-xxsxl {
    margin: var(--sizes-xxs) var(--sizes-xl);
  }
  .m-m-xxsxl-t {
    margin-top: var(--sizes-xxs);
  }
  .m-m-xxsxl-r {
    margin-right: var(--sizes-xl);
  }
  .m-m-xxsxl-b {
    margin-bottom: var(--sizes-xxs);
  }
  .m-m-xxsxl-l {
    margin-left: var(--sizes-xl);
  }
  .m-m-xxsxl-tr {
    margin-right: var(--sizes-xl);
    margin-top: var(--sizes-xxs);
  }
  .m-m-xxsxl-br {
    margin-right: var(--sizes-xl);
    margin-bottom: var(--sizes-xxs);
  }
  .m-m-xxsxl-lr {
    margin-right: var(--sizes-xl);
    margin-left: var(--sizes-xxs);
  }
  .m-m-xxsxl-tb {
    margin-top: var(--sizes-xxs);
    margin-bottom: var(--sizes-xl);
  }
  .m-m-xxsxl-bl {
    margin-left: var(--sizes-xl);
    margin-bottom: var(--sizes-xxs);
  }
  .m-m-xxsxl-tl {
    margin-left: var(--sizes-xl);
    margin-top: var(--sizes-xxs);
  }
  .m-m-xxsxxl {
    margin: var(--sizes-xxs) var(--sizes-xxl);
  }
  .m-m-xxsxxl-t {
    margin-top: var(--sizes-xxs);
  }
  .m-m-xxsxxl-r {
    margin-right: var(--sizes-xxl);
  }
  .m-m-xxsxxl-b {
    margin-bottom: var(--sizes-xxs);
  }
  .m-m-xxsxxl-l {
    margin-left: var(--sizes-xxl);
  }
  .m-m-xxsxxl-tr {
    margin-right: var(--sizes-xxl);
    margin-top: var(--sizes-xxs);
  }
  .m-m-xxsxxl-br {
    margin-right: var(--sizes-xxl);
    margin-bottom: var(--sizes-xxs);
  }
  .m-m-xxsxxl-lr {
    margin-right: var(--sizes-xxl);
    margin-left: var(--sizes-xxs);
  }
  .m-m-xxsxxl-tb {
    margin-top: var(--sizes-xxs);
    margin-bottom: var(--sizes-xxl);
  }
  .m-m-xxsxxl-bl {
    margin-left: var(--sizes-xxl);
    margin-bottom: var(--sizes-xxs);
  }
  .m-m-xxsxxl-tl {
    margin-left: var(--sizes-xxl);
    margin-top: var(--sizes-xxs);
  }
  .m-m-xs {
    margin: var(--sizes-xs);
  }
  .m-m-xs-t {
    margin-top: var(--sizes-xs);
  }
  .m-m-xs-r {
    margin-right: var(--sizes-xs);
  }
  .m-m-xs-b {
    margin-bottom: var(--sizes-xs);
  }
  .m-m-xs-l {
    margin-left: var(--sizes-xs);
  }
  .m-m-xs-tr {
    margin-right: var(--sizes-xs);
    margin-top: var(--sizes-xs);
  }
  .m-m-xs-br {
    margin-right: var(--sizes-xs);
    margin-bottom: var(--sizes-xs);
  }
  .m-m-xs-rl, .m-m-xs-lr {
    margin-right: var(--sizes-xs);
    margin-left: var(--sizes-xs);
  }
  .m-m-xs-tb {
    margin-top: var(--sizes-xs);
    margin-bottom: var(--sizes-xs);
  }
  .m-m-xs-bl {
    margin-left: var(--sizes-xs);
    margin-bottom: var(--sizes-xs);
  }
  .m-m-xs-tl {
    margin-left: var(--sizes-xs);
    margin-top: var(--sizes-xs);
  }
  .m-m-xsxxs {
    margin: var(--sizes-xs) var(--sizes-xxs);
  }
  .m-m-xsxxs-t {
    margin-top: var(--sizes-xs);
  }
  .m-m-xsxxs-r {
    margin-right: var(--sizes-xxs);
  }
  .m-m-xsxxs-b {
    margin-bottom: var(--sizes-xs);
  }
  .m-m-xsxxs-l {
    margin-left: var(--sizes-xxs);
  }
  .m-m-xsxxs-tr {
    margin-right: var(--sizes-xxs);
    margin-top: var(--sizes-xs);
  }
  .m-m-xsxxs-br {
    margin-right: var(--sizes-xxs);
    margin-bottom: var(--sizes-xs);
  }
  .m-m-xsxxs-lr {
    margin-right: var(--sizes-xxs);
    margin-left: var(--sizes-xs);
  }
  .m-m-xsxxs-tb {
    margin-top: var(--sizes-xs);
    margin-bottom: var(--sizes-xxs);
  }
  .m-m-xsxxs-bl {
    margin-left: var(--sizes-xxs);
    margin-bottom: var(--sizes-xs);
  }
  .m-m-xsxxs-tl {
    margin-left: var(--sizes-xxs);
    margin-top: var(--sizes-xs);
  }
  .m-m-xsxs {
    margin: var(--sizes-xs) var(--sizes-xs);
  }
  .m-m-xsxs-t {
    margin-top: var(--sizes-xs);
  }
  .m-m-xsxs-r {
    margin-right: var(--sizes-xs);
  }
  .m-m-xsxs-b {
    margin-bottom: var(--sizes-xs);
  }
  .m-m-xsxs-l {
    margin-left: var(--sizes-xs);
  }
  .m-m-xsxs-tr {
    margin-right: var(--sizes-xs);
    margin-top: var(--sizes-xs);
  }
  .m-m-xsxs-br {
    margin-right: var(--sizes-xs);
    margin-bottom: var(--sizes-xs);
  }
  .m-m-xsxs-lr {
    margin-right: var(--sizes-xs);
    margin-left: var(--sizes-xs);
  }
  .m-m-xsxs-tb {
    margin-top: var(--sizes-xs);
    margin-bottom: var(--sizes-xs);
  }
  .m-m-xsxs-bl {
    margin-left: var(--sizes-xs);
    margin-bottom: var(--sizes-xs);
  }
  .m-m-xsxs-tl {
    margin-left: var(--sizes-xs);
    margin-top: var(--sizes-xs);
  }
  .m-m-xssm {
    margin: var(--sizes-xs) var(--sizes-sm);
  }
  .m-m-xssm-t {
    margin-top: var(--sizes-xs);
  }
  .m-m-xssm-r {
    margin-right: var(--sizes-sm);
  }
  .m-m-xssm-b {
    margin-bottom: var(--sizes-xs);
  }
  .m-m-xssm-l {
    margin-left: var(--sizes-sm);
  }
  .m-m-xssm-tr {
    margin-right: var(--sizes-sm);
    margin-top: var(--sizes-xs);
  }
  .m-m-xssm-br {
    margin-right: var(--sizes-sm);
    margin-bottom: var(--sizes-xs);
  }
  .m-m-xssm-lr {
    margin-right: var(--sizes-sm);
    margin-left: var(--sizes-xs);
  }
  .m-m-xssm-tb {
    margin-top: var(--sizes-xs);
    margin-bottom: var(--sizes-sm);
  }
  .m-m-xssm-bl {
    margin-left: var(--sizes-sm);
    margin-bottom: var(--sizes-xs);
  }
  .m-m-xssm-tl {
    margin-left: var(--sizes-sm);
    margin-top: var(--sizes-xs);
  }
  .m-m-xsmd {
    margin: var(--sizes-xs) var(--sizes-md);
  }
  .m-m-xsmd-t {
    margin-top: var(--sizes-xs);
  }
  .m-m-xsmd-r {
    margin-right: var(--sizes-md);
  }
  .m-m-xsmd-b {
    margin-bottom: var(--sizes-xs);
  }
  .m-m-xsmd-l {
    margin-left: var(--sizes-md);
  }
  .m-m-xsmd-tr {
    margin-right: var(--sizes-md);
    margin-top: var(--sizes-xs);
  }
  .m-m-xsmd-br {
    margin-right: var(--sizes-md);
    margin-bottom: var(--sizes-xs);
  }
  .m-m-xsmd-lr {
    margin-right: var(--sizes-md);
    margin-left: var(--sizes-xs);
  }
  .m-m-xsmd-tb {
    margin-top: var(--sizes-xs);
    margin-bottom: var(--sizes-md);
  }
  .m-m-xsmd-bl {
    margin-left: var(--sizes-md);
    margin-bottom: var(--sizes-xs);
  }
  .m-m-xsmd-tl {
    margin-left: var(--sizes-md);
    margin-top: var(--sizes-xs);
  }
  .m-m-xslg {
    margin: var(--sizes-xs) var(--sizes-lg);
  }
  .m-m-xslg-t {
    margin-top: var(--sizes-xs);
  }
  .m-m-xslg-r {
    margin-right: var(--sizes-lg);
  }
  .m-m-xslg-b {
    margin-bottom: var(--sizes-xs);
  }
  .m-m-xslg-l {
    margin-left: var(--sizes-lg);
  }
  .m-m-xslg-tr {
    margin-right: var(--sizes-lg);
    margin-top: var(--sizes-xs);
  }
  .m-m-xslg-br {
    margin-right: var(--sizes-lg);
    margin-bottom: var(--sizes-xs);
  }
  .m-m-xslg-lr {
    margin-right: var(--sizes-lg);
    margin-left: var(--sizes-xs);
  }
  .m-m-xslg-tb {
    margin-top: var(--sizes-xs);
    margin-bottom: var(--sizes-lg);
  }
  .m-m-xslg-bl {
    margin-left: var(--sizes-lg);
    margin-bottom: var(--sizes-xs);
  }
  .m-m-xslg-tl {
    margin-left: var(--sizes-lg);
    margin-top: var(--sizes-xs);
  }
  .m-m-xsxl {
    margin: var(--sizes-xs) var(--sizes-xl);
  }
  .m-m-xsxl-t {
    margin-top: var(--sizes-xs);
  }
  .m-m-xsxl-r {
    margin-right: var(--sizes-xl);
  }
  .m-m-xsxl-b {
    margin-bottom: var(--sizes-xs);
  }
  .m-m-xsxl-l {
    margin-left: var(--sizes-xl);
  }
  .m-m-xsxl-tr {
    margin-right: var(--sizes-xl);
    margin-top: var(--sizes-xs);
  }
  .m-m-xsxl-br {
    margin-right: var(--sizes-xl);
    margin-bottom: var(--sizes-xs);
  }
  .m-m-xsxl-lr {
    margin-right: var(--sizes-xl);
    margin-left: var(--sizes-xs);
  }
  .m-m-xsxl-tb {
    margin-top: var(--sizes-xs);
    margin-bottom: var(--sizes-xl);
  }
  .m-m-xsxl-bl {
    margin-left: var(--sizes-xl);
    margin-bottom: var(--sizes-xs);
  }
  .m-m-xsxl-tl {
    margin-left: var(--sizes-xl);
    margin-top: var(--sizes-xs);
  }
  .m-m-xsxxl {
    margin: var(--sizes-xs) var(--sizes-xxl);
  }
  .m-m-xsxxl-t {
    margin-top: var(--sizes-xs);
  }
  .m-m-xsxxl-r {
    margin-right: var(--sizes-xxl);
  }
  .m-m-xsxxl-b {
    margin-bottom: var(--sizes-xs);
  }
  .m-m-xsxxl-l {
    margin-left: var(--sizes-xxl);
  }
  .m-m-xsxxl-tr {
    margin-right: var(--sizes-xxl);
    margin-top: var(--sizes-xs);
  }
  .m-m-xsxxl-br {
    margin-right: var(--sizes-xxl);
    margin-bottom: var(--sizes-xs);
  }
  .m-m-xsxxl-lr {
    margin-right: var(--sizes-xxl);
    margin-left: var(--sizes-xs);
  }
  .m-m-xsxxl-tb {
    margin-top: var(--sizes-xs);
    margin-bottom: var(--sizes-xxl);
  }
  .m-m-xsxxl-bl {
    margin-left: var(--sizes-xxl);
    margin-bottom: var(--sizes-xs);
  }
  .m-m-xsxxl-tl {
    margin-left: var(--sizes-xxl);
    margin-top: var(--sizes-xs);
  }
  .m-m-sm {
    margin: var(--sizes-sm);
  }
  .m-m-sm-t {
    margin-top: var(--sizes-sm);
  }
  .m-m-sm-r {
    margin-right: var(--sizes-sm);
  }
  .m-m-sm-b {
    margin-bottom: var(--sizes-sm);
  }
  .m-m-sm-l {
    margin-left: var(--sizes-sm);
  }
  .m-m-sm-tr {
    margin-right: var(--sizes-sm);
    margin-top: var(--sizes-sm);
  }
  .m-m-sm-br {
    margin-right: var(--sizes-sm);
    margin-bottom: var(--sizes-sm);
  }
  .m-m-sm-rl, .m-m-sm-lr {
    margin-right: var(--sizes-sm);
    margin-left: var(--sizes-sm);
  }
  .m-m-sm-tb {
    margin-top: var(--sizes-sm);
    margin-bottom: var(--sizes-sm);
  }
  .m-m-sm-bl {
    margin-left: var(--sizes-sm);
    margin-bottom: var(--sizes-sm);
  }
  .m-m-sm-tl {
    margin-left: var(--sizes-sm);
    margin-top: var(--sizes-sm);
  }
  .m-m-smxxs {
    margin: var(--sizes-sm) var(--sizes-xxs);
  }
  .m-m-smxxs-t {
    margin-top: var(--sizes-sm);
  }
  .m-m-smxxs-r {
    margin-right: var(--sizes-xxs);
  }
  .m-m-smxxs-b {
    margin-bottom: var(--sizes-sm);
  }
  .m-m-smxxs-l {
    margin-left: var(--sizes-xxs);
  }
  .m-m-smxxs-tr {
    margin-right: var(--sizes-xxs);
    margin-top: var(--sizes-sm);
  }
  .m-m-smxxs-br {
    margin-right: var(--sizes-xxs);
    margin-bottom: var(--sizes-sm);
  }
  .m-m-smxxs-lr {
    margin-right: var(--sizes-xxs);
    margin-left: var(--sizes-sm);
  }
  .m-m-smxxs-tb {
    margin-top: var(--sizes-sm);
    margin-bottom: var(--sizes-xxs);
  }
  .m-m-smxxs-bl {
    margin-left: var(--sizes-xxs);
    margin-bottom: var(--sizes-sm);
  }
  .m-m-smxxs-tl {
    margin-left: var(--sizes-xxs);
    margin-top: var(--sizes-sm);
  }
  .m-m-smxs {
    margin: var(--sizes-sm) var(--sizes-xs);
  }
  .m-m-smxs-t {
    margin-top: var(--sizes-sm);
  }
  .m-m-smxs-r {
    margin-right: var(--sizes-xs);
  }
  .m-m-smxs-b {
    margin-bottom: var(--sizes-sm);
  }
  .m-m-smxs-l {
    margin-left: var(--sizes-xs);
  }
  .m-m-smxs-tr {
    margin-right: var(--sizes-xs);
    margin-top: var(--sizes-sm);
  }
  .m-m-smxs-br {
    margin-right: var(--sizes-xs);
    margin-bottom: var(--sizes-sm);
  }
  .m-m-smxs-lr {
    margin-right: var(--sizes-xs);
    margin-left: var(--sizes-sm);
  }
  .m-m-smxs-tb {
    margin-top: var(--sizes-sm);
    margin-bottom: var(--sizes-xs);
  }
  .m-m-smxs-bl {
    margin-left: var(--sizes-xs);
    margin-bottom: var(--sizes-sm);
  }
  .m-m-smxs-tl {
    margin-left: var(--sizes-xs);
    margin-top: var(--sizes-sm);
  }
  .m-m-smsm {
    margin: var(--sizes-sm) var(--sizes-sm);
  }
  .m-m-smsm-t {
    margin-top: var(--sizes-sm);
  }
  .m-m-smsm-r {
    margin-right: var(--sizes-sm);
  }
  .m-m-smsm-b {
    margin-bottom: var(--sizes-sm);
  }
  .m-m-smsm-l {
    margin-left: var(--sizes-sm);
  }
  .m-m-smsm-tr {
    margin-right: var(--sizes-sm);
    margin-top: var(--sizes-sm);
  }
  .m-m-smsm-br {
    margin-right: var(--sizes-sm);
    margin-bottom: var(--sizes-sm);
  }
  .m-m-smsm-lr {
    margin-right: var(--sizes-sm);
    margin-left: var(--sizes-sm);
  }
  .m-m-smsm-tb {
    margin-top: var(--sizes-sm);
    margin-bottom: var(--sizes-sm);
  }
  .m-m-smsm-bl {
    margin-left: var(--sizes-sm);
    margin-bottom: var(--sizes-sm);
  }
  .m-m-smsm-tl {
    margin-left: var(--sizes-sm);
    margin-top: var(--sizes-sm);
  }
  .m-m-smmd {
    margin: var(--sizes-sm) var(--sizes-md);
  }
  .m-m-smmd-t {
    margin-top: var(--sizes-sm);
  }
  .m-m-smmd-r {
    margin-right: var(--sizes-md);
  }
  .m-m-smmd-b {
    margin-bottom: var(--sizes-sm);
  }
  .m-m-smmd-l {
    margin-left: var(--sizes-md);
  }
  .m-m-smmd-tr {
    margin-right: var(--sizes-md);
    margin-top: var(--sizes-sm);
  }
  .m-m-smmd-br {
    margin-right: var(--sizes-md);
    margin-bottom: var(--sizes-sm);
  }
  .m-m-smmd-lr {
    margin-right: var(--sizes-md);
    margin-left: var(--sizes-sm);
  }
  .m-m-smmd-tb {
    margin-top: var(--sizes-sm);
    margin-bottom: var(--sizes-md);
  }
  .m-m-smmd-bl {
    margin-left: var(--sizes-md);
    margin-bottom: var(--sizes-sm);
  }
  .m-m-smmd-tl {
    margin-left: var(--sizes-md);
    margin-top: var(--sizes-sm);
  }
  .m-m-smlg {
    margin: var(--sizes-sm) var(--sizes-lg);
  }
  .m-m-smlg-t {
    margin-top: var(--sizes-sm);
  }
  .m-m-smlg-r {
    margin-right: var(--sizes-lg);
  }
  .m-m-smlg-b {
    margin-bottom: var(--sizes-sm);
  }
  .m-m-smlg-l {
    margin-left: var(--sizes-lg);
  }
  .m-m-smlg-tr {
    margin-right: var(--sizes-lg);
    margin-top: var(--sizes-sm);
  }
  .m-m-smlg-br {
    margin-right: var(--sizes-lg);
    margin-bottom: var(--sizes-sm);
  }
  .m-m-smlg-lr {
    margin-right: var(--sizes-lg);
    margin-left: var(--sizes-sm);
  }
  .m-m-smlg-tb {
    margin-top: var(--sizes-sm);
    margin-bottom: var(--sizes-lg);
  }
  .m-m-smlg-bl {
    margin-left: var(--sizes-lg);
    margin-bottom: var(--sizes-sm);
  }
  .m-m-smlg-tl {
    margin-left: var(--sizes-lg);
    margin-top: var(--sizes-sm);
  }
  .m-m-smxl {
    margin: var(--sizes-sm) var(--sizes-xl);
  }
  .m-m-smxl-t {
    margin-top: var(--sizes-sm);
  }
  .m-m-smxl-r {
    margin-right: var(--sizes-xl);
  }
  .m-m-smxl-b {
    margin-bottom: var(--sizes-sm);
  }
  .m-m-smxl-l {
    margin-left: var(--sizes-xl);
  }
  .m-m-smxl-tr {
    margin-right: var(--sizes-xl);
    margin-top: var(--sizes-sm);
  }
  .m-m-smxl-br {
    margin-right: var(--sizes-xl);
    margin-bottom: var(--sizes-sm);
  }
  .m-m-smxl-lr {
    margin-right: var(--sizes-xl);
    margin-left: var(--sizes-sm);
  }
  .m-m-smxl-tb {
    margin-top: var(--sizes-sm);
    margin-bottom: var(--sizes-xl);
  }
  .m-m-smxl-bl {
    margin-left: var(--sizes-xl);
    margin-bottom: var(--sizes-sm);
  }
  .m-m-smxl-tl {
    margin-left: var(--sizes-xl);
    margin-top: var(--sizes-sm);
  }
  .m-m-smxxl {
    margin: var(--sizes-sm) var(--sizes-xxl);
  }
  .m-m-smxxl-t {
    margin-top: var(--sizes-sm);
  }
  .m-m-smxxl-r {
    margin-right: var(--sizes-xxl);
  }
  .m-m-smxxl-b {
    margin-bottom: var(--sizes-sm);
  }
  .m-m-smxxl-l {
    margin-left: var(--sizes-xxl);
  }
  .m-m-smxxl-tr {
    margin-right: var(--sizes-xxl);
    margin-top: var(--sizes-sm);
  }
  .m-m-smxxl-br {
    margin-right: var(--sizes-xxl);
    margin-bottom: var(--sizes-sm);
  }
  .m-m-smxxl-lr {
    margin-right: var(--sizes-xxl);
    margin-left: var(--sizes-sm);
  }
  .m-m-smxxl-tb {
    margin-top: var(--sizes-sm);
    margin-bottom: var(--sizes-xxl);
  }
  .m-m-smxxl-bl {
    margin-left: var(--sizes-xxl);
    margin-bottom: var(--sizes-sm);
  }
  .m-m-smxxl-tl {
    margin-left: var(--sizes-xxl);
    margin-top: var(--sizes-sm);
  }
  .m-m-md {
    margin: var(--sizes-md);
  }
  .m-m-md-t {
    margin-top: var(--sizes-md);
  }
  .m-m-md-r {
    margin-right: var(--sizes-md);
  }
  .m-m-md-b {
    margin-bottom: var(--sizes-md);
  }
  .m-m-md-l {
    margin-left: var(--sizes-md);
  }
  .m-m-md-tr {
    margin-right: var(--sizes-md);
    margin-top: var(--sizes-md);
  }
  .m-m-md-br {
    margin-right: var(--sizes-md);
    margin-bottom: var(--sizes-md);
  }
  .m-m-md-rl, .m-m-md-lr {
    margin-right: var(--sizes-md);
    margin-left: var(--sizes-md);
  }
  .m-m-md-tb {
    margin-top: var(--sizes-md);
    margin-bottom: var(--sizes-md);
  }
  .m-m-md-bl {
    margin-left: var(--sizes-md);
    margin-bottom: var(--sizes-md);
  }
  .m-m-md-tl {
    margin-left: var(--sizes-md);
    margin-top: var(--sizes-md);
  }
  .m-m-mdxxs {
    margin: var(--sizes-md) var(--sizes-xxs);
  }
  .m-m-mdxxs-t {
    margin-top: var(--sizes-md);
  }
  .m-m-mdxxs-r {
    margin-right: var(--sizes-xxs);
  }
  .m-m-mdxxs-b {
    margin-bottom: var(--sizes-md);
  }
  .m-m-mdxxs-l {
    margin-left: var(--sizes-xxs);
  }
  .m-m-mdxxs-tr {
    margin-right: var(--sizes-xxs);
    margin-top: var(--sizes-md);
  }
  .m-m-mdxxs-br {
    margin-right: var(--sizes-xxs);
    margin-bottom: var(--sizes-md);
  }
  .m-m-mdxxs-lr {
    margin-right: var(--sizes-xxs);
    margin-left: var(--sizes-md);
  }
  .m-m-mdxxs-tb {
    margin-top: var(--sizes-md);
    margin-bottom: var(--sizes-xxs);
  }
  .m-m-mdxxs-bl {
    margin-left: var(--sizes-xxs);
    margin-bottom: var(--sizes-md);
  }
  .m-m-mdxxs-tl {
    margin-left: var(--sizes-xxs);
    margin-top: var(--sizes-md);
  }
  .m-m-mdxs {
    margin: var(--sizes-md) var(--sizes-xs);
  }
  .m-m-mdxs-t {
    margin-top: var(--sizes-md);
  }
  .m-m-mdxs-r {
    margin-right: var(--sizes-xs);
  }
  .m-m-mdxs-b {
    margin-bottom: var(--sizes-md);
  }
  .m-m-mdxs-l {
    margin-left: var(--sizes-xs);
  }
  .m-m-mdxs-tr {
    margin-right: var(--sizes-xs);
    margin-top: var(--sizes-md);
  }
  .m-m-mdxs-br {
    margin-right: var(--sizes-xs);
    margin-bottom: var(--sizes-md);
  }
  .m-m-mdxs-lr {
    margin-right: var(--sizes-xs);
    margin-left: var(--sizes-md);
  }
  .m-m-mdxs-tb {
    margin-top: var(--sizes-md);
    margin-bottom: var(--sizes-xs);
  }
  .m-m-mdxs-bl {
    margin-left: var(--sizes-xs);
    margin-bottom: var(--sizes-md);
  }
  .m-m-mdxs-tl {
    margin-left: var(--sizes-xs);
    margin-top: var(--sizes-md);
  }
  .m-m-mdsm {
    margin: var(--sizes-md) var(--sizes-sm);
  }
  .m-m-mdsm-t {
    margin-top: var(--sizes-md);
  }
  .m-m-mdsm-r {
    margin-right: var(--sizes-sm);
  }
  .m-m-mdsm-b {
    margin-bottom: var(--sizes-md);
  }
  .m-m-mdsm-l {
    margin-left: var(--sizes-sm);
  }
  .m-m-mdsm-tr {
    margin-right: var(--sizes-sm);
    margin-top: var(--sizes-md);
  }
  .m-m-mdsm-br {
    margin-right: var(--sizes-sm);
    margin-bottom: var(--sizes-md);
  }
  .m-m-mdsm-lr {
    margin-right: var(--sizes-sm);
    margin-left: var(--sizes-md);
  }
  .m-m-mdsm-tb {
    margin-top: var(--sizes-md);
    margin-bottom: var(--sizes-sm);
  }
  .m-m-mdsm-bl {
    margin-left: var(--sizes-sm);
    margin-bottom: var(--sizes-md);
  }
  .m-m-mdsm-tl {
    margin-left: var(--sizes-sm);
    margin-top: var(--sizes-md);
  }
  .m-m-mdmd {
    margin: var(--sizes-md) var(--sizes-md);
  }
  .m-m-mdmd-t {
    margin-top: var(--sizes-md);
  }
  .m-m-mdmd-r {
    margin-right: var(--sizes-md);
  }
  .m-m-mdmd-b {
    margin-bottom: var(--sizes-md);
  }
  .m-m-mdmd-l {
    margin-left: var(--sizes-md);
  }
  .m-m-mdmd-tr {
    margin-right: var(--sizes-md);
    margin-top: var(--sizes-md);
  }
  .m-m-mdmd-br {
    margin-right: var(--sizes-md);
    margin-bottom: var(--sizes-md);
  }
  .m-m-mdmd-lr {
    margin-right: var(--sizes-md);
    margin-left: var(--sizes-md);
  }
  .m-m-mdmd-tb {
    margin-top: var(--sizes-md);
    margin-bottom: var(--sizes-md);
  }
  .m-m-mdmd-bl {
    margin-left: var(--sizes-md);
    margin-bottom: var(--sizes-md);
  }
  .m-m-mdmd-tl {
    margin-left: var(--sizes-md);
    margin-top: var(--sizes-md);
  }
  .m-m-mdlg {
    margin: var(--sizes-md) var(--sizes-lg);
  }
  .m-m-mdlg-t {
    margin-top: var(--sizes-md);
  }
  .m-m-mdlg-r {
    margin-right: var(--sizes-lg);
  }
  .m-m-mdlg-b {
    margin-bottom: var(--sizes-md);
  }
  .m-m-mdlg-l {
    margin-left: var(--sizes-lg);
  }
  .m-m-mdlg-tr {
    margin-right: var(--sizes-lg);
    margin-top: var(--sizes-md);
  }
  .m-m-mdlg-br {
    margin-right: var(--sizes-lg);
    margin-bottom: var(--sizes-md);
  }
  .m-m-mdlg-lr {
    margin-right: var(--sizes-lg);
    margin-left: var(--sizes-md);
  }
  .m-m-mdlg-tb {
    margin-top: var(--sizes-md);
    margin-bottom: var(--sizes-lg);
  }
  .m-m-mdlg-bl {
    margin-left: var(--sizes-lg);
    margin-bottom: var(--sizes-md);
  }
  .m-m-mdlg-tl {
    margin-left: var(--sizes-lg);
    margin-top: var(--sizes-md);
  }
  .m-m-mdxl {
    margin: var(--sizes-md) var(--sizes-xl);
  }
  .m-m-mdxl-t {
    margin-top: var(--sizes-md);
  }
  .m-m-mdxl-r {
    margin-right: var(--sizes-xl);
  }
  .m-m-mdxl-b {
    margin-bottom: var(--sizes-md);
  }
  .m-m-mdxl-l {
    margin-left: var(--sizes-xl);
  }
  .m-m-mdxl-tr {
    margin-right: var(--sizes-xl);
    margin-top: var(--sizes-md);
  }
  .m-m-mdxl-br {
    margin-right: var(--sizes-xl);
    margin-bottom: var(--sizes-md);
  }
  .m-m-mdxl-lr {
    margin-right: var(--sizes-xl);
    margin-left: var(--sizes-md);
  }
  .m-m-mdxl-tb {
    margin-top: var(--sizes-md);
    margin-bottom: var(--sizes-xl);
  }
  .m-m-mdxl-bl {
    margin-left: var(--sizes-xl);
    margin-bottom: var(--sizes-md);
  }
  .m-m-mdxl-tl {
    margin-left: var(--sizes-xl);
    margin-top: var(--sizes-md);
  }
  .m-m-mdxxl {
    margin: var(--sizes-md) var(--sizes-xxl);
  }
  .m-m-mdxxl-t {
    margin-top: var(--sizes-md);
  }
  .m-m-mdxxl-r {
    margin-right: var(--sizes-xxl);
  }
  .m-m-mdxxl-b {
    margin-bottom: var(--sizes-md);
  }
  .m-m-mdxxl-l {
    margin-left: var(--sizes-xxl);
  }
  .m-m-mdxxl-tr {
    margin-right: var(--sizes-xxl);
    margin-top: var(--sizes-md);
  }
  .m-m-mdxxl-br {
    margin-right: var(--sizes-xxl);
    margin-bottom: var(--sizes-md);
  }
  .m-m-mdxxl-lr {
    margin-right: var(--sizes-xxl);
    margin-left: var(--sizes-md);
  }
  .m-m-mdxxl-tb {
    margin-top: var(--sizes-md);
    margin-bottom: var(--sizes-xxl);
  }
  .m-m-mdxxl-bl {
    margin-left: var(--sizes-xxl);
    margin-bottom: var(--sizes-md);
  }
  .m-m-mdxxl-tl {
    margin-left: var(--sizes-xxl);
    margin-top: var(--sizes-md);
  }
  .m-m-lg {
    margin: var(--sizes-lg);
  }
  .m-m-lg-t {
    margin-top: var(--sizes-lg);
  }
  .m-m-lg-r {
    margin-right: var(--sizes-lg);
  }
  .m-m-lg-b {
    margin-bottom: var(--sizes-lg);
  }
  .m-m-lg-l {
    margin-left: var(--sizes-lg);
  }
  .m-m-lg-tr {
    margin-right: var(--sizes-lg);
    margin-top: var(--sizes-lg);
  }
  .m-m-lg-br {
    margin-right: var(--sizes-lg);
    margin-bottom: var(--sizes-lg);
  }
  .m-m-lg-rl, .m-m-lg-lr {
    margin-right: var(--sizes-lg);
    margin-left: var(--sizes-lg);
  }
  .m-m-lg-tb {
    margin-top: var(--sizes-lg);
    margin-bottom: var(--sizes-lg);
  }
  .m-m-lg-bl {
    margin-left: var(--sizes-lg);
    margin-bottom: var(--sizes-lg);
  }
  .m-m-lg-tl {
    margin-left: var(--sizes-lg);
    margin-top: var(--sizes-lg);
  }
  .m-m-lgxxs {
    margin: var(--sizes-lg) var(--sizes-xxs);
  }
  .m-m-lgxxs-t {
    margin-top: var(--sizes-lg);
  }
  .m-m-lgxxs-r {
    margin-right: var(--sizes-xxs);
  }
  .m-m-lgxxs-b {
    margin-bottom: var(--sizes-lg);
  }
  .m-m-lgxxs-l {
    margin-left: var(--sizes-xxs);
  }
  .m-m-lgxxs-tr {
    margin-right: var(--sizes-xxs);
    margin-top: var(--sizes-lg);
  }
  .m-m-lgxxs-br {
    margin-right: var(--sizes-xxs);
    margin-bottom: var(--sizes-lg);
  }
  .m-m-lgxxs-lr {
    margin-right: var(--sizes-xxs);
    margin-left: var(--sizes-lg);
  }
  .m-m-lgxxs-tb {
    margin-top: var(--sizes-lg);
    margin-bottom: var(--sizes-xxs);
  }
  .m-m-lgxxs-bl {
    margin-left: var(--sizes-xxs);
    margin-bottom: var(--sizes-lg);
  }
  .m-m-lgxxs-tl {
    margin-left: var(--sizes-xxs);
    margin-top: var(--sizes-lg);
  }
  .m-m-lgxs {
    margin: var(--sizes-lg) var(--sizes-xs);
  }
  .m-m-lgxs-t {
    margin-top: var(--sizes-lg);
  }
  .m-m-lgxs-r {
    margin-right: var(--sizes-xs);
  }
  .m-m-lgxs-b {
    margin-bottom: var(--sizes-lg);
  }
  .m-m-lgxs-l {
    margin-left: var(--sizes-xs);
  }
  .m-m-lgxs-tr {
    margin-right: var(--sizes-xs);
    margin-top: var(--sizes-lg);
  }
  .m-m-lgxs-br {
    margin-right: var(--sizes-xs);
    margin-bottom: var(--sizes-lg);
  }
  .m-m-lgxs-lr {
    margin-right: var(--sizes-xs);
    margin-left: var(--sizes-lg);
  }
  .m-m-lgxs-tb {
    margin-top: var(--sizes-lg);
    margin-bottom: var(--sizes-xs);
  }
  .m-m-lgxs-bl {
    margin-left: var(--sizes-xs);
    margin-bottom: var(--sizes-lg);
  }
  .m-m-lgxs-tl {
    margin-left: var(--sizes-xs);
    margin-top: var(--sizes-lg);
  }
  .m-m-lgsm {
    margin: var(--sizes-lg) var(--sizes-sm);
  }
  .m-m-lgsm-t {
    margin-top: var(--sizes-lg);
  }
  .m-m-lgsm-r {
    margin-right: var(--sizes-sm);
  }
  .m-m-lgsm-b {
    margin-bottom: var(--sizes-lg);
  }
  .m-m-lgsm-l {
    margin-left: var(--sizes-sm);
  }
  .m-m-lgsm-tr {
    margin-right: var(--sizes-sm);
    margin-top: var(--sizes-lg);
  }
  .m-m-lgsm-br {
    margin-right: var(--sizes-sm);
    margin-bottom: var(--sizes-lg);
  }
  .m-m-lgsm-lr {
    margin-right: var(--sizes-sm);
    margin-left: var(--sizes-lg);
  }
  .m-m-lgsm-tb {
    margin-top: var(--sizes-lg);
    margin-bottom: var(--sizes-sm);
  }
  .m-m-lgsm-bl {
    margin-left: var(--sizes-sm);
    margin-bottom: var(--sizes-lg);
  }
  .m-m-lgsm-tl {
    margin-left: var(--sizes-sm);
    margin-top: var(--sizes-lg);
  }
  .m-m-lgmd {
    margin: var(--sizes-lg) var(--sizes-md);
  }
  .m-m-lgmd-t {
    margin-top: var(--sizes-lg);
  }
  .m-m-lgmd-r {
    margin-right: var(--sizes-md);
  }
  .m-m-lgmd-b {
    margin-bottom: var(--sizes-lg);
  }
  .m-m-lgmd-l {
    margin-left: var(--sizes-md);
  }
  .m-m-lgmd-tr {
    margin-right: var(--sizes-md);
    margin-top: var(--sizes-lg);
  }
  .m-m-lgmd-br {
    margin-right: var(--sizes-md);
    margin-bottom: var(--sizes-lg);
  }
  .m-m-lgmd-lr {
    margin-right: var(--sizes-md);
    margin-left: var(--sizes-lg);
  }
  .m-m-lgmd-tb {
    margin-top: var(--sizes-lg);
    margin-bottom: var(--sizes-md);
  }
  .m-m-lgmd-bl {
    margin-left: var(--sizes-md);
    margin-bottom: var(--sizes-lg);
  }
  .m-m-lgmd-tl {
    margin-left: var(--sizes-md);
    margin-top: var(--sizes-lg);
  }
  .m-m-lglg {
    margin: var(--sizes-lg) var(--sizes-lg);
  }
  .m-m-lglg-t {
    margin-top: var(--sizes-lg);
  }
  .m-m-lglg-r {
    margin-right: var(--sizes-lg);
  }
  .m-m-lglg-b {
    margin-bottom: var(--sizes-lg);
  }
  .m-m-lglg-l {
    margin-left: var(--sizes-lg);
  }
  .m-m-lglg-tr {
    margin-right: var(--sizes-lg);
    margin-top: var(--sizes-lg);
  }
  .m-m-lglg-br {
    margin-right: var(--sizes-lg);
    margin-bottom: var(--sizes-lg);
  }
  .m-m-lglg-lr {
    margin-right: var(--sizes-lg);
    margin-left: var(--sizes-lg);
  }
  .m-m-lglg-tb {
    margin-top: var(--sizes-lg);
    margin-bottom: var(--sizes-lg);
  }
  .m-m-lglg-bl {
    margin-left: var(--sizes-lg);
    margin-bottom: var(--sizes-lg);
  }
  .m-m-lglg-tl {
    margin-left: var(--sizes-lg);
    margin-top: var(--sizes-lg);
  }
  .m-m-lgxl {
    margin: var(--sizes-lg) var(--sizes-xl);
  }
  .m-m-lgxl-t {
    margin-top: var(--sizes-lg);
  }
  .m-m-lgxl-r {
    margin-right: var(--sizes-xl);
  }
  .m-m-lgxl-b {
    margin-bottom: var(--sizes-lg);
  }
  .m-m-lgxl-l {
    margin-left: var(--sizes-xl);
  }
  .m-m-lgxl-tr {
    margin-right: var(--sizes-xl);
    margin-top: var(--sizes-lg);
  }
  .m-m-lgxl-br {
    margin-right: var(--sizes-xl);
    margin-bottom: var(--sizes-lg);
  }
  .m-m-lgxl-lr {
    margin-right: var(--sizes-xl);
    margin-left: var(--sizes-lg);
  }
  .m-m-lgxl-tb {
    margin-top: var(--sizes-lg);
    margin-bottom: var(--sizes-xl);
  }
  .m-m-lgxl-bl {
    margin-left: var(--sizes-xl);
    margin-bottom: var(--sizes-lg);
  }
  .m-m-lgxl-tl {
    margin-left: var(--sizes-xl);
    margin-top: var(--sizes-lg);
  }
  .m-m-lgxxl {
    margin: var(--sizes-lg) var(--sizes-xxl);
  }
  .m-m-lgxxl-t {
    margin-top: var(--sizes-lg);
  }
  .m-m-lgxxl-r {
    margin-right: var(--sizes-xxl);
  }
  .m-m-lgxxl-b {
    margin-bottom: var(--sizes-lg);
  }
  .m-m-lgxxl-l {
    margin-left: var(--sizes-xxl);
  }
  .m-m-lgxxl-tr {
    margin-right: var(--sizes-xxl);
    margin-top: var(--sizes-lg);
  }
  .m-m-lgxxl-br {
    margin-right: var(--sizes-xxl);
    margin-bottom: var(--sizes-lg);
  }
  .m-m-lgxxl-lr {
    margin-right: var(--sizes-xxl);
    margin-left: var(--sizes-lg);
  }
  .m-m-lgxxl-tb {
    margin-top: var(--sizes-lg);
    margin-bottom: var(--sizes-xxl);
  }
  .m-m-lgxxl-bl {
    margin-left: var(--sizes-xxl);
    margin-bottom: var(--sizes-lg);
  }
  .m-m-lgxxl-tl {
    margin-left: var(--sizes-xxl);
    margin-top: var(--sizes-lg);
  }
  .m-m-xl {
    margin: var(--sizes-xl);
  }
  .m-m-xl-t {
    margin-top: var(--sizes-xl);
  }
  .m-m-xl-r {
    margin-right: var(--sizes-xl);
  }
  .m-m-xl-b {
    margin-bottom: var(--sizes-xl);
  }
  .m-m-xl-l {
    margin-left: var(--sizes-xl);
  }
  .m-m-xl-tr {
    margin-right: var(--sizes-xl);
    margin-top: var(--sizes-xl);
  }
  .m-m-xl-br {
    margin-right: var(--sizes-xl);
    margin-bottom: var(--sizes-xl);
  }
  .m-m-xl-rl, .m-m-xl-lr {
    margin-right: var(--sizes-xl);
    margin-left: var(--sizes-xl);
  }
  .m-m-xl-tb {
    margin-top: var(--sizes-xl);
    margin-bottom: var(--sizes-xl);
  }
  .m-m-xl-bl {
    margin-left: var(--sizes-xl);
    margin-bottom: var(--sizes-xl);
  }
  .m-m-xl-tl {
    margin-left: var(--sizes-xl);
    margin-top: var(--sizes-xl);
  }
  .m-m-xlxxs {
    margin: var(--sizes-xl) var(--sizes-xxs);
  }
  .m-m-xlxxs-t {
    margin-top: var(--sizes-xl);
  }
  .m-m-xlxxs-r {
    margin-right: var(--sizes-xxs);
  }
  .m-m-xlxxs-b {
    margin-bottom: var(--sizes-xl);
  }
  .m-m-xlxxs-l {
    margin-left: var(--sizes-xxs);
  }
  .m-m-xlxxs-tr {
    margin-right: var(--sizes-xxs);
    margin-top: var(--sizes-xl);
  }
  .m-m-xlxxs-br {
    margin-right: var(--sizes-xxs);
    margin-bottom: var(--sizes-xl);
  }
  .m-m-xlxxs-lr {
    margin-right: var(--sizes-xxs);
    margin-left: var(--sizes-xl);
  }
  .m-m-xlxxs-tb {
    margin-top: var(--sizes-xl);
    margin-bottom: var(--sizes-xxs);
  }
  .m-m-xlxxs-bl {
    margin-left: var(--sizes-xxs);
    margin-bottom: var(--sizes-xl);
  }
  .m-m-xlxxs-tl {
    margin-left: var(--sizes-xxs);
    margin-top: var(--sizes-xl);
  }
  .m-m-xlxs {
    margin: var(--sizes-xl) var(--sizes-xs);
  }
  .m-m-xlxs-t {
    margin-top: var(--sizes-xl);
  }
  .m-m-xlxs-r {
    margin-right: var(--sizes-xs);
  }
  .m-m-xlxs-b {
    margin-bottom: var(--sizes-xl);
  }
  .m-m-xlxs-l {
    margin-left: var(--sizes-xs);
  }
  .m-m-xlxs-tr {
    margin-right: var(--sizes-xs);
    margin-top: var(--sizes-xl);
  }
  .m-m-xlxs-br {
    margin-right: var(--sizes-xs);
    margin-bottom: var(--sizes-xl);
  }
  .m-m-xlxs-lr {
    margin-right: var(--sizes-xs);
    margin-left: var(--sizes-xl);
  }
  .m-m-xlxs-tb {
    margin-top: var(--sizes-xl);
    margin-bottom: var(--sizes-xs);
  }
  .m-m-xlxs-bl {
    margin-left: var(--sizes-xs);
    margin-bottom: var(--sizes-xl);
  }
  .m-m-xlxs-tl {
    margin-left: var(--sizes-xs);
    margin-top: var(--sizes-xl);
  }
  .m-m-xlsm {
    margin: var(--sizes-xl) var(--sizes-sm);
  }
  .m-m-xlsm-t {
    margin-top: var(--sizes-xl);
  }
  .m-m-xlsm-r {
    margin-right: var(--sizes-sm);
  }
  .m-m-xlsm-b {
    margin-bottom: var(--sizes-xl);
  }
  .m-m-xlsm-l {
    margin-left: var(--sizes-sm);
  }
  .m-m-xlsm-tr {
    margin-right: var(--sizes-sm);
    margin-top: var(--sizes-xl);
  }
  .m-m-xlsm-br {
    margin-right: var(--sizes-sm);
    margin-bottom: var(--sizes-xl);
  }
  .m-m-xlsm-lr {
    margin-right: var(--sizes-sm);
    margin-left: var(--sizes-xl);
  }
  .m-m-xlsm-tb {
    margin-top: var(--sizes-xl);
    margin-bottom: var(--sizes-sm);
  }
  .m-m-xlsm-bl {
    margin-left: var(--sizes-sm);
    margin-bottom: var(--sizes-xl);
  }
  .m-m-xlsm-tl {
    margin-left: var(--sizes-sm);
    margin-top: var(--sizes-xl);
  }
  .m-m-xlmd {
    margin: var(--sizes-xl) var(--sizes-md);
  }
  .m-m-xlmd-t {
    margin-top: var(--sizes-xl);
  }
  .m-m-xlmd-r {
    margin-right: var(--sizes-md);
  }
  .m-m-xlmd-b {
    margin-bottom: var(--sizes-xl);
  }
  .m-m-xlmd-l {
    margin-left: var(--sizes-md);
  }
  .m-m-xlmd-tr {
    margin-right: var(--sizes-md);
    margin-top: var(--sizes-xl);
  }
  .m-m-xlmd-br {
    margin-right: var(--sizes-md);
    margin-bottom: var(--sizes-xl);
  }
  .m-m-xlmd-lr {
    margin-right: var(--sizes-md);
    margin-left: var(--sizes-xl);
  }
  .m-m-xlmd-tb {
    margin-top: var(--sizes-xl);
    margin-bottom: var(--sizes-md);
  }
  .m-m-xlmd-bl {
    margin-left: var(--sizes-md);
    margin-bottom: var(--sizes-xl);
  }
  .m-m-xlmd-tl {
    margin-left: var(--sizes-md);
    margin-top: var(--sizes-xl);
  }
  .m-m-xllg {
    margin: var(--sizes-xl) var(--sizes-lg);
  }
  .m-m-xllg-t {
    margin-top: var(--sizes-xl);
  }
  .m-m-xllg-r {
    margin-right: var(--sizes-lg);
  }
  .m-m-xllg-b {
    margin-bottom: var(--sizes-xl);
  }
  .m-m-xllg-l {
    margin-left: var(--sizes-lg);
  }
  .m-m-xllg-tr {
    margin-right: var(--sizes-lg);
    margin-top: var(--sizes-xl);
  }
  .m-m-xllg-br {
    margin-right: var(--sizes-lg);
    margin-bottom: var(--sizes-xl);
  }
  .m-m-xllg-lr {
    margin-right: var(--sizes-lg);
    margin-left: var(--sizes-xl);
  }
  .m-m-xllg-tb {
    margin-top: var(--sizes-xl);
    margin-bottom: var(--sizes-lg);
  }
  .m-m-xllg-bl {
    margin-left: var(--sizes-lg);
    margin-bottom: var(--sizes-xl);
  }
  .m-m-xllg-tl {
    margin-left: var(--sizes-lg);
    margin-top: var(--sizes-xl);
  }
  .m-m-xlxl {
    margin: var(--sizes-xl) var(--sizes-xl);
  }
  .m-m-xlxl-t {
    margin-top: var(--sizes-xl);
  }
  .m-m-xlxl-r {
    margin-right: var(--sizes-xl);
  }
  .m-m-xlxl-b {
    margin-bottom: var(--sizes-xl);
  }
  .m-m-xlxl-l {
    margin-left: var(--sizes-xl);
  }
  .m-m-xlxl-tr {
    margin-right: var(--sizes-xl);
    margin-top: var(--sizes-xl);
  }
  .m-m-xlxl-br {
    margin-right: var(--sizes-xl);
    margin-bottom: var(--sizes-xl);
  }
  .m-m-xlxl-lr {
    margin-right: var(--sizes-xl);
    margin-left: var(--sizes-xl);
  }
  .m-m-xlxl-tb {
    margin-top: var(--sizes-xl);
    margin-bottom: var(--sizes-xl);
  }
  .m-m-xlxl-bl {
    margin-left: var(--sizes-xl);
    margin-bottom: var(--sizes-xl);
  }
  .m-m-xlxl-tl {
    margin-left: var(--sizes-xl);
    margin-top: var(--sizes-xl);
  }
  .m-m-xlxxl {
    margin: var(--sizes-xl) var(--sizes-xxl);
  }
  .m-m-xlxxl-t {
    margin-top: var(--sizes-xl);
  }
  .m-m-xlxxl-r {
    margin-right: var(--sizes-xxl);
  }
  .m-m-xlxxl-b {
    margin-bottom: var(--sizes-xl);
  }
  .m-m-xlxxl-l {
    margin-left: var(--sizes-xxl);
  }
  .m-m-xlxxl-tr {
    margin-right: var(--sizes-xxl);
    margin-top: var(--sizes-xl);
  }
  .m-m-xlxxl-br {
    margin-right: var(--sizes-xxl);
    margin-bottom: var(--sizes-xl);
  }
  .m-m-xlxxl-lr {
    margin-right: var(--sizes-xxl);
    margin-left: var(--sizes-xl);
  }
  .m-m-xlxxl-tb {
    margin-top: var(--sizes-xl);
    margin-bottom: var(--sizes-xxl);
  }
  .m-m-xlxxl-bl {
    margin-left: var(--sizes-xxl);
    margin-bottom: var(--sizes-xl);
  }
  .m-m-xlxxl-tl {
    margin-left: var(--sizes-xxl);
    margin-top: var(--sizes-xl);
  }
  .m-m-xxl {
    margin: var(--sizes-xxl);
  }
  .m-m-xxl-t {
    margin-top: var(--sizes-xxl);
  }
  .m-m-xxl-r {
    margin-right: var(--sizes-xxl);
  }
  .m-m-xxl-b {
    margin-bottom: var(--sizes-xxl);
  }
  .m-m-xxl-l {
    margin-left: var(--sizes-xxl);
  }
  .m-m-xxl-tr {
    margin-right: var(--sizes-xxl);
    margin-top: var(--sizes-xxl);
  }
  .m-m-xxl-br {
    margin-right: var(--sizes-xxl);
    margin-bottom: var(--sizes-xxl);
  }
  .m-m-xxl-rl, .m-m-xxl-lr {
    margin-right: var(--sizes-xxl);
    margin-left: var(--sizes-xxl);
  }
  .m-m-xxl-tb {
    margin-top: var(--sizes-xxl);
    margin-bottom: var(--sizes-xxl);
  }
  .m-m-xxl-bl {
    margin-left: var(--sizes-xxl);
    margin-bottom: var(--sizes-xxl);
  }
  .m-m-xxl-tl {
    margin-left: var(--sizes-xxl);
    margin-top: var(--sizes-xxl);
  }
  .m-m-xxlxxs {
    margin: var(--sizes-xxl) var(--sizes-xxs);
  }
  .m-m-xxlxxs-t {
    margin-top: var(--sizes-xxl);
  }
  .m-m-xxlxxs-r {
    margin-right: var(--sizes-xxs);
  }
  .m-m-xxlxxs-b {
    margin-bottom: var(--sizes-xxl);
  }
  .m-m-xxlxxs-l {
    margin-left: var(--sizes-xxs);
  }
  .m-m-xxlxxs-tr {
    margin-right: var(--sizes-xxs);
    margin-top: var(--sizes-xxl);
  }
  .m-m-xxlxxs-br {
    margin-right: var(--sizes-xxs);
    margin-bottom: var(--sizes-xxl);
  }
  .m-m-xxlxxs-lr {
    margin-right: var(--sizes-xxs);
    margin-left: var(--sizes-xxl);
  }
  .m-m-xxlxxs-tb {
    margin-top: var(--sizes-xxl);
    margin-bottom: var(--sizes-xxs);
  }
  .m-m-xxlxxs-bl {
    margin-left: var(--sizes-xxs);
    margin-bottom: var(--sizes-xxl);
  }
  .m-m-xxlxxs-tl {
    margin-left: var(--sizes-xxs);
    margin-top: var(--sizes-xxl);
  }
  .m-m-xxlxs {
    margin: var(--sizes-xxl) var(--sizes-xs);
  }
  .m-m-xxlxs-t {
    margin-top: var(--sizes-xxl);
  }
  .m-m-xxlxs-r {
    margin-right: var(--sizes-xs);
  }
  .m-m-xxlxs-b {
    margin-bottom: var(--sizes-xxl);
  }
  .m-m-xxlxs-l {
    margin-left: var(--sizes-xs);
  }
  .m-m-xxlxs-tr {
    margin-right: var(--sizes-xs);
    margin-top: var(--sizes-xxl);
  }
  .m-m-xxlxs-br {
    margin-right: var(--sizes-xs);
    margin-bottom: var(--sizes-xxl);
  }
  .m-m-xxlxs-lr {
    margin-right: var(--sizes-xs);
    margin-left: var(--sizes-xxl);
  }
  .m-m-xxlxs-tb {
    margin-top: var(--sizes-xxl);
    margin-bottom: var(--sizes-xs);
  }
  .m-m-xxlxs-bl {
    margin-left: var(--sizes-xs);
    margin-bottom: var(--sizes-xxl);
  }
  .m-m-xxlxs-tl {
    margin-left: var(--sizes-xs);
    margin-top: var(--sizes-xxl);
  }
  .m-m-xxlsm {
    margin: var(--sizes-xxl) var(--sizes-sm);
  }
  .m-m-xxlsm-t {
    margin-top: var(--sizes-xxl);
  }
  .m-m-xxlsm-r {
    margin-right: var(--sizes-sm);
  }
  .m-m-xxlsm-b {
    margin-bottom: var(--sizes-xxl);
  }
  .m-m-xxlsm-l {
    margin-left: var(--sizes-sm);
  }
  .m-m-xxlsm-tr {
    margin-right: var(--sizes-sm);
    margin-top: var(--sizes-xxl);
  }
  .m-m-xxlsm-br {
    margin-right: var(--sizes-sm);
    margin-bottom: var(--sizes-xxl);
  }
  .m-m-xxlsm-lr {
    margin-right: var(--sizes-sm);
    margin-left: var(--sizes-xxl);
  }
  .m-m-xxlsm-tb {
    margin-top: var(--sizes-xxl);
    margin-bottom: var(--sizes-sm);
  }
  .m-m-xxlsm-bl {
    margin-left: var(--sizes-sm);
    margin-bottom: var(--sizes-xxl);
  }
  .m-m-xxlsm-tl {
    margin-left: var(--sizes-sm);
    margin-top: var(--sizes-xxl);
  }
  .m-m-xxlmd {
    margin: var(--sizes-xxl) var(--sizes-md);
  }
  .m-m-xxlmd-t {
    margin-top: var(--sizes-xxl);
  }
  .m-m-xxlmd-r {
    margin-right: var(--sizes-md);
  }
  .m-m-xxlmd-b {
    margin-bottom: var(--sizes-xxl);
  }
  .m-m-xxlmd-l {
    margin-left: var(--sizes-md);
  }
  .m-m-xxlmd-tr {
    margin-right: var(--sizes-md);
    margin-top: var(--sizes-xxl);
  }
  .m-m-xxlmd-br {
    margin-right: var(--sizes-md);
    margin-bottom: var(--sizes-xxl);
  }
  .m-m-xxlmd-lr {
    margin-right: var(--sizes-md);
    margin-left: var(--sizes-xxl);
  }
  .m-m-xxlmd-tb {
    margin-top: var(--sizes-xxl);
    margin-bottom: var(--sizes-md);
  }
  .m-m-xxlmd-bl {
    margin-left: var(--sizes-md);
    margin-bottom: var(--sizes-xxl);
  }
  .m-m-xxlmd-tl {
    margin-left: var(--sizes-md);
    margin-top: var(--sizes-xxl);
  }
  .m-m-xxllg {
    margin: var(--sizes-xxl) var(--sizes-lg);
  }
  .m-m-xxllg-t {
    margin-top: var(--sizes-xxl);
  }
  .m-m-xxllg-r {
    margin-right: var(--sizes-lg);
  }
  .m-m-xxllg-b {
    margin-bottom: var(--sizes-xxl);
  }
  .m-m-xxllg-l {
    margin-left: var(--sizes-lg);
  }
  .m-m-xxllg-tr {
    margin-right: var(--sizes-lg);
    margin-top: var(--sizes-xxl);
  }
  .m-m-xxllg-br {
    margin-right: var(--sizes-lg);
    margin-bottom: var(--sizes-xxl);
  }
  .m-m-xxllg-lr {
    margin-right: var(--sizes-lg);
    margin-left: var(--sizes-xxl);
  }
  .m-m-xxllg-tb {
    margin-top: var(--sizes-xxl);
    margin-bottom: var(--sizes-lg);
  }
  .m-m-xxllg-bl {
    margin-left: var(--sizes-lg);
    margin-bottom: var(--sizes-xxl);
  }
  .m-m-xxllg-tl {
    margin-left: var(--sizes-lg);
    margin-top: var(--sizes-xxl);
  }
  .m-m-xxlxl {
    margin: var(--sizes-xxl) var(--sizes-xl);
  }
  .m-m-xxlxl-t {
    margin-top: var(--sizes-xxl);
  }
  .m-m-xxlxl-r {
    margin-right: var(--sizes-xl);
  }
  .m-m-xxlxl-b {
    margin-bottom: var(--sizes-xxl);
  }
  .m-m-xxlxl-l {
    margin-left: var(--sizes-xl);
  }
  .m-m-xxlxl-tr {
    margin-right: var(--sizes-xl);
    margin-top: var(--sizes-xxl);
  }
  .m-m-xxlxl-br {
    margin-right: var(--sizes-xl);
    margin-bottom: var(--sizes-xxl);
  }
  .m-m-xxlxl-lr {
    margin-right: var(--sizes-xl);
    margin-left: var(--sizes-xxl);
  }
  .m-m-xxlxl-tb {
    margin-top: var(--sizes-xxl);
    margin-bottom: var(--sizes-xl);
  }
  .m-m-xxlxl-bl {
    margin-left: var(--sizes-xl);
    margin-bottom: var(--sizes-xxl);
  }
  .m-m-xxlxl-tl {
    margin-left: var(--sizes-xl);
    margin-top: var(--sizes-xxl);
  }
  .m-m-xxlxxl {
    margin: var(--sizes-xxl) var(--sizes-xxl);
  }
  .m-m-xxlxxl-t {
    margin-top: var(--sizes-xxl);
  }
  .m-m-xxlxxl-r {
    margin-right: var(--sizes-xxl);
  }
  .m-m-xxlxxl-b {
    margin-bottom: var(--sizes-xxl);
  }
  .m-m-xxlxxl-l {
    margin-left: var(--sizes-xxl);
  }
  .m-m-xxlxxl-tr {
    margin-right: var(--sizes-xxl);
    margin-top: var(--sizes-xxl);
  }
  .m-m-xxlxxl-br {
    margin-right: var(--sizes-xxl);
    margin-bottom: var(--sizes-xxl);
  }
  .m-m-xxlxxl-lr {
    margin-right: var(--sizes-xxl);
    margin-left: var(--sizes-xxl);
  }
  .m-m-xxlxxl-tb {
    margin-top: var(--sizes-xxl);
    margin-bottom: var(--sizes-xxl);
  }
  .m-m-xxlxxl-bl {
    margin-left: var(--sizes-xxl);
    margin-bottom: var(--sizes-xxl);
  }
  .m-m-xxlxxl-tl {
    margin-left: var(--sizes-xxl);
    margin-top: var(--sizes-xxl);
  }
  .m-m-0 {
    margin: 0px;
  }
  .m-m-t-0 {
    margin-top: 0px;
  }
  .m-m-r-0 {
    margin-right: 0px;
  }
  .m-m-b-0 {
    margin-bottom: 0px;
  }
  .m-m-l-0 {
    margin-left: 0px;
  }
  .m-m-tr-0 {
    margin-right: 0px;
    margin-top: 0px;
  }
  .m-m-br-0 {
    margin-right: 0px;
    margin-bottom: 0px;
  }
  .m-m-rl-0, .m-m-lr-0 {
    margin-right: 0px;
    margin-left: 0px;
  }
  .m-m-tb-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .m-m-bl-0 {
    margin-left: 0px;
    margin-bottom: 0px;
  }
  .m-m-tl-0 {
    margin-left: 0px;
    margin-top: 0px;
  }
}
/* Webkit browsers (Chrome, Safari) */
*::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

*::-webkit-scrollbar-thumb {
  background-color: black; /* Black color for the scrollbar thumb */
  border-radius: 20px; /* No border-radius for square corners */
}

*::-webkit-scrollbar-track {
  background: transparent; /* Optional: transparent track */
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: black transparent; /* Black thumb with transparent track */
}

.s-xxs {
  width: var(--s-sizes-xxs);
}
.s-xs {
  width: var(--s-sizes-xs);
}
.s-sm {
  width: var(--s-sizes-sm);
}
.s-md {
  width: var(--s-sizes-md);
}
.s-lg {
  width: var(--s-sizes-lg);
}
.s-xl {
  width: var(--s-sizes-xl);
}
.s-xxl {
  width: var(--s-sizes-xxl);
}
.s-min-xxs {
  min-width: var(--s-sizes-xxs);
}
.s-min-xs {
  min-width: var(--s-sizes-xs);
}
.s-min-sm {
  min-width: var(--s-sizes-sm);
}
.s-min-md {
  min-width: var(--s-sizes-md);
}
.s-min-lg {
  min-width: var(--s-sizes-lg);
}
.s-min-xl {
  min-width: var(--s-sizes-xl);
}
.s-min-xxl {
  min-width: var(--s-sizes-xxl);
}
.s-max-xxs {
  max-width: var(--s-sizes-xxs);
}
.s-max-xs {
  max-width: var(--s-sizes-xs);
}
.s-max-sm {
  max-width: var(--s-sizes-sm);
}
.s-max-md {
  max-width: var(--s-sizes-md);
}
.s-max-lg {
  max-width: var(--s-sizes-lg);
}
.s-max-xl {
  max-width: var(--s-sizes-xl);
}
.s-max-xxl {
  max-width: var(--s-sizes-xxl);
}
.s-x-xxs {
  width: var(--s-sizes-xxs);
}
.s-x-xs {
  width: var(--s-sizes-xs);
}
.s-x-sm {
  width: var(--s-sizes-sm);
}
.s-x-md {
  width: var(--s-sizes-md);
}
.s-x-lg {
  width: var(--s-sizes-lg);
}
.s-x-xl {
  width: var(--s-sizes-xl);
}
.s-x-xxl {
  width: var(--s-sizes-xxl);
}
.s-x-min-xxs {
  min-width: var(--s-sizes-xxs);
}
.s-x-min-xs {
  min-width: var(--s-sizes-xs);
}
.s-x-min-sm {
  min-width: var(--s-sizes-sm);
}
.s-x-min-md {
  min-width: var(--s-sizes-md);
}
.s-x-min-lg {
  min-width: var(--s-sizes-lg);
}
.s-x-min-xl {
  min-width: var(--s-sizes-xl);
}
.s-x-min-xxl {
  min-width: var(--s-sizes-xxl);
}
.s-x-max-xxs {
  max-width: var(--s-sizes-xxs);
}
.s-x-max-xs {
  max-width: var(--s-sizes-xs);
}
.s-x-max-sm {
  max-width: var(--s-sizes-sm);
}
.s-x-max-md {
  max-width: var(--s-sizes-md);
}
.s-x-max-lg {
  max-width: var(--s-sizes-lg);
}
.s-x-max-xl {
  max-width: var(--s-sizes-xl);
}
.s-x-max-xxl {
  max-width: var(--s-sizes-xxl);
}
.s-y-xxs {
  height: var(--s-sizes-xxs);
}
.s-y-xs {
  height: var(--s-sizes-xs);
}
.s-y-sm {
  height: var(--s-sizes-sm);
}
.s-y-md {
  height: var(--s-sizes-md);
}
.s-y-lg {
  height: var(--s-sizes-lg);
}
.s-y-xl {
  height: var(--s-sizes-xl);
}
.s-y-xxl {
  height: var(--s-sizes-xxl);
}
.s-y-min-xxs {
  min-height: var(--s-sizes-xxs);
}
.s-y-min-xs {
  min-height: var(--s-sizes-xs);
}
.s-y-min-sm {
  min-height: var(--s-sizes-sm);
}
.s-y-min-md {
  min-height: var(--s-sizes-md);
}
.s-y-min-lg {
  min-height: var(--s-sizes-lg);
}
.s-y-min-xl {
  min-height: var(--s-sizes-xl);
}
.s-y-min-xxl {
  min-height: var(--s-sizes-xxl);
}
.s-y-max-xxs {
  max-height: var(--s-sizes-xxs);
}
.s-y-max-xs {
  max-height: var(--s-sizes-xs);
}
.s-y-max-sm {
  max-height: var(--s-sizes-sm);
}
.s-y-max-md {
  max-height: var(--s-sizes-md);
}
.s-y-max-lg {
  max-height: var(--s-sizes-lg);
}
.s-y-max-xl {
  max-height: var(--s-sizes-xl);
}
.s-y-max-xxl {
  max-height: var(--s-sizes-xxl);
}

.w-100 {
  width: 100%;
}

.w-50 {
  width: 50%;
}

.red h1, .red h2, .red h3, .red h4, .red h6, .red p, .red a, .red .header menu a, .red .header a {
  color: #F60909;
}

.grey a, .grey b {
  color: #B6B2B2;
}

h0.c-highlight, h1.c-highlight, h2.c-highlight, h3.c-highlight, h4.c-highlight, h5.c-highlight, h6.c-highlight, p.c-highlight, span.c-highlight {
  color: var(--color-highlight);
}

.eyebrow {
  color: var(--color-highlight);
}

@media only screen and (min-width: 790px) {
  .d-hide {
    display: none !important;
  }
}
@media only screen and (max-width: 790px) {
  .m-hide {
    display: none !important;
  }
}
img {
  display: block;
  max-width: 100%;
}
img.object-fit-cover {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.object-fit-cover img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.object-fit-contain img {
  object-fit: contain;
  height: 100%;
  width: 100%;
}

.location_card_img {
  height: 300px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.logo-con img {
  height: auto;
  min-width: 15px;
}
.logo-con .logo_dark {
  display: none;
}

.icon-svg svg {
  width: 20px;
  height: 20px;
}

.theme_dark .logo-con .logo, .theme_highlight .logo-con .logo {
  display: none;
}
.theme_dark .logo-con .logo_dark, .theme_highlight .logo-con .logo_dark {
  display: flex;
}

.custom-separator-class .vc_separator {
  border-top: 2px solid #333;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.custom-separator-class .vc_separator .vc_separator_heading {
  display: block;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #333;
}

.content_container_inner .vc_row {
  max-width: 100%;
  margin: auto;
}
.content_container_inner .vc_row.ingrid {
  max-width: 1100px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (min-width: 1200px) {
  .content_container_inner .vc_row.ingrid .vc_column-inner {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.content_container_inner div[data-vc-full-width=true] {
  left: unset !important;
}
.content_container_inner div[data-vc-full-width=true]:not(div[data-vc-stretch-content=true]) {
  display: flex;
  max-width: 100% !important;
  left: unset;
}
.content_container_inner div[data-vc-full-width=true]:not(div[data-vc-stretch-content=true]) .vc_column-inner {
  max-width: 100%;
  margin: auto;
}
.content_container_inner div[data-vc-stretch-content=true] {
  max-width: 100% !important;
}

.vc_col-has-fill > .vc_column-inner, .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_column_container > .vc_column-inner {
  padding-top: 0 !important;
}

.slider-container {
  position: relative;
}

.slider-init.of_hidden {
  overflow: hidden;
}
.slider-init.of_both {
  overflow: visible;
}
.slider-init.of_right {
  overflow: visible;
  clip-path: inset(-100vw -100vw -100vw 0);
}
.slider-init.of_left {
  overflow: visible;
  clip-path: inset(-100vw 0vw -100vw -100vw);
}

@media only screen and (max-width: 790px) {
  .slider-init.of_right, .slider-init.of_left {
    overflow: visible;
    clip-path: unset;
  }
}
.scrollbar-container .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: unset !important;
  left: unset !important;
  width: 100% !important;
  height: var(--swiper-scrollbar-size, 6px) !important;
}

.swiper-pagination {
  position: relative !important;
  margin: 10px -2px;
  z-index: 1 !important;
}
.swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin: 2px;
  background: var(--slider-navigationdots-color-rgba);
  opacity: 1;
}
.swiper-pagination .swiper-pagination-bullet-active {
  background: var(--slider-navigationdot-active-colour);
  opacity: 1;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: var(--slider-scrollrail-colour-rgba) !important;
  height: 6px;
}
.swiper-scrollbar .swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--slider-scrollbar-color);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-navigation-arrow {
  pointer-events: none;
}
.swiper-navigation-arrow .swiper__prev, .swiper-navigation-arrow .swiper__next {
  width: var(--slider-icon-arrow-width);
  pointer-events: all;
}
.swiper-navigation-arrow .swiper__prev {
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
}
.swiper-navigation-arrow .logo-con {
  cursor: pointer;
}
.swiper-navigation-arrow.arrow-tl {
  position: absolute;
  z-index: 2;
  top: 0px;
}
@media screen and (min-width: 1200px) {
  .swiper-navigation-arrow.arrow-tl {
    left: -40px;
  }
}
.swiper-navigation-arrow.arrow-bl {
  margin-top: 20px;
}
.swiper-navigation-arrow.arrow-bl .swiper__prev, .swiper-navigation-arrow.arrow-bl .swiper__next {
  padding-left: 10px;
}
.swiper-navigation-arrow.arrow-bl .swiper-navigation-arrow-inner {
  display: flex;
  flex-direction: row;
}
.swiper-navigation-arrow.arrow-blr {
  width: 100%;
  margin-top: 20px;
}
.swiper-navigation-arrow.arrow-blr .swiper-navigation-arrow-inner {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.swiper-navigation-arrow.arrow-clr {
  overflow: visible;
  height: 50px;
  z-index: 2;
}
.swiper-navigation-arrow.arrow-clr .swiper-navigation-arrow-inner {
  top: 0px;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 2;
  display: flex;
  justify-content: space-between;
}
.swiper-navigation-arrow.arrow-clr .swiper-navigation-arrow-inner .swiper__prev, .swiper-navigation-arrow.arrow-clr .swiper-navigation-arrow-inner .swiper__next {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .swiper-navigation-arrow.arrow-clr .swiper-navigation-arrow-inner {
    width: calc(100% + 80px);
    left: -40px;
  }
}
.swiper-navigation-arrow.arrow-tlr {
  overflow: visible;
  height: 50px;
  z-index: 2;
}
.swiper-navigation-arrow.arrow-tlr .swiper-navigation-arrow-inner {
  top: 0px;
  position: absolute;
  width: 100%;
  z-index: 2;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 1200px) {
  .swiper-navigation-arrow.arrow-tlr .swiper-navigation-arrow-inner {
    width: calc(100% + 80px);
    left: -40px;
  }
}

.swiper-button-disabled {
  opacity: 0.5;
}

.swiper-notification {
  display: none !important;
}

.theme_dark .swiper-scrollbar {
  background: var(--slider-scrollrail-colour-rgba-dark) !important;
}
.theme_dark .swiper-scrollbar .swiper-scrollbar-drag {
  background: var(--slider-scrollbar-color-dark);
}
.theme_dark .swiper-pagination .swiper-pagination-bullet {
  background: var(--slider-navigationdots-color-rgba-dark);
}
.theme_dark .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--slider-navigationdot-active-colour-dark);
}

.theme_highlight .swiper-scrollbar {
  background: var(--slider-scrollrail-colour-rgba-highlight) !important;
}
.theme_highlight .swiper-scrollbar .swiper-scrollbar-drag {
  background: var(--slider-scrollbar-color-highlight);
}
.theme_highlight .swiper-pagination .swiper-pagination-bullet {
  background: var(--slider-navigationdots-color-rgba-highlight);
}
.theme_highlight .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--slider-navigationdot-active-colour-highlight);
}

.theme_light .swiper-scrollbar {
  background: var(--slider-scrollrail-colour-rgba-light) !important;
}
.theme_light .swiper-scrollbar .swiper-scrollbar-drag {
  background: var(--slider-scrollbar-color-light);
}
.theme_light .swiper-pagination .swiper-pagination-bullet {
  background: var(--slider-navigationdots-color-rgba-light);
}
.theme_light .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--slider-navigationdot-active-colour-light);
}

::-webkit-input-placeholder { /* Edge */
  color: var(--color-grey) !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--color-grey) !important;
}

::placeholder {
  color: var(--color-grey) !important;
}

.grecaptcha-badge {
  visibility: hidden;
}

.gform_wrapper {
  width: 100%;
}
.gform_wrapper .gform_heading {
  display: none !important;
}
.gform_wrapper select, .gform_wrapper textarea {
  padding-top: 14px !important;
}
.gform_wrapper input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px; /* Set custom size for the square */
  height: 20px; /* Set custom size for the square */
  border: 2px solid #ccc; /* Optional: Border for the square */
  border-radius: 0; /* Ensure no rounded corners */
  position: relative;
}
.gform_wrapper input[type=radio]::before {
  content: "";
  display: block;
  position: absolute;
  top: 2px; /* Adjust position to center within the border */
  left: 2px; /* Adjust position to center within the border */
  width: 16px; /* Adjust size of the tick mark */
  height: 16px; /* Adjust size of the tick mark */
  background-color: transparent;
  border: 2px solid var(--color-highlight); /* Color of the tick mark */
  transform: rotate(45deg); /* Rotate to form a tick */
  opacity: 0; /* Hide initially */
}
.gform_wrapper input[type=radio]:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.gform_wrapper input[type=checkbox] {
  padding: 10px !important;
}
.gform_wrapper input[type=checkbox]:checked::before {
  color: var(--color-highlight) !important; /* Change this to set the tick color */
}
.gform_wrapper input[type=checkbox]:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.gform_wrapper input[type=text], .gform_wrapper input[type=number], .gform_wrapper input[type=tel], .gform_wrapper input[type=email], .gform_wrapper select {
  min-height: 50px !important;
  height: fit-content !important;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}
.gform_wrapper .gform-body input[type=text], .gform_wrapper .gform-body input[type=number], .gform_wrapper .gform-body input[type=tel], .gform_wrapper .gform-body input[type=email], .gform_wrapper .gform-body select, .gform_wrapper .gform-body textarea {
  border: 1px solid var(--color-highlight) !important;
  border-radius: 0px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  color: var(--color-dark) !important;
  width: 100% !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 30px !important;
  font-family: var(--paragraph-font-name) !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}
.gform_wrapper .gform-body input[type=text]:focus, .gform_wrapper .gform-body input[type=number]:focus, .gform_wrapper .gform-body input[type=tel]:focus, .gform_wrapper .gform-body input[type=email]:focus, .gform_wrapper .gform-body select:focus, .gform_wrapper .gform-body textarea:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
.gform_wrapper label, .gform_wrapper legend {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  font-family: var(--paragraph-font-name) !important;
  color: var(--color-highlight) !important;
}
.gform_wrapper .gchoice label, .gform_wrapper .gchoice legend {
  color: var(--color-dark) !important;
}

.validation_error {
  background-color: var(--color-primary);
  color: var(--color-white);
  font-size: 12px;
  padding: 8px;
  margin-bottom: 1em;
}
.validation_error h2 {
  font-size: 12px;
  color: var(--color-white);
}

.validation_message {
  background-color: var(--color-primary);
  color: var(--color-white);
  padding: 2px 8px;
  font-size: 12px;
}

ul.gform_fields {
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
}
ul.gform_fields li {
  flex: 0 0 100%;
  padding: 0 8px 1em;
}
ul.gform_fields li.half {
  flex: 0 0 50%;
}

.gfield select {
  background-image: url("assets/icons/chevron-down.svg");
  background-position: 99% 50%;
  background-repeat: no-repeat;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.gfield select:focus {
  outline: 0;
}
.gfield textarea {
  resize: vertical;
}
.gfield textarea:focus {
  outline: 0;
}

.ginput_recaptcha, .gfield--type-captcha .gform-field-label {
  justify-content: center !important;
}

.gform_footer {
  justify-content: center !important;
}
.gform_footer input[type=submit] {
  background: var(--color-highlight);
  color: var(--color-white);
  border-radius: 100px;
  padding: 1em 2em;
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 0.5px;
  transition: all 0.5s ease;
  cursor: pointer;
  border: 1px solid transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.gform_footer input[type=submit]:hover {
  border: 1px solid var(--color-highlight);
  background: transparent;
  color: var(--color-highlight);
  transition: all 0.5s ease;
}
.gform_footer input[type=submit]:focus {
  outline: 0;
}

.gfield.hide {
  display: none;
}

.hidden_label label {
  display: none;
}

img.gform_ajax_spinner {
  display: none !important;
}

.gform_button {
  width: 180px !important;
  padding: 1em 2em !important;
  font-weight: 600 !important;
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  font-family: var(--title-font-name) !important;
  letter-spacing: 0.5px !important;
  background: var(--color-highlight) !important;
  color: var(--color-white) !important;
  text-decoration: none !important;
  border: none !important;
  border-radius: 100px !important;
  border: 1px solid transparent !important;
  transition: all 0.5s ease;
  border: 1px solid var(--color-white) !important;
}
@media screen and (max-width: 789px) {
  .gform_button {
    width: 100% !important;
  }
}
.gform_button:hover {
  border: 1px solid var(--color-highlight) !important;
  background: transparent !important;
  color: var(--color-highlight) !important;
  color: var(--color-highlight);
}

/*
.theme_highlight, .theme_dark{
  label, legend{
    color: $color-white !important;
  }
  .gchoice {
    label, legend{
      color: $color-white !important;
    }
  }
}
*/
.grecaptcha-badge {
  visibility: hidden;
}

.validation_error {
  background-color: var(--color-primary);
  color: var(--color-white);
  font-size: 12px;
  padding: 8px;
  margin-bottom: 1em;
}
.validation_error h2 {
  font-size: 12px;
  color: var(--color-white);
}

.gfield select {
  background-image: url("assets/icons/chevron-down.svg");
  background-position: 99% 50%;
  background-repeat: no-repeat;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.gfield select:focus {
  outline: 0;
}
.gfield textarea {
  resize: vertical;
}
.gfield textarea:focus {
  outline: 0;
}

.gform_button {
  width: 180px !important;
  padding: 1em 2em !important;
  font-weight: 600 !important;
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  font-family: var(--title-font-name) !important;
  letter-spacing: 0.5px !important;
  background: var(--color-highlight) !important;
  color: var(--color-white) !important;
  text-decoration: none !important;
  border: none !important;
  border-radius: 100px !important;
  border: 1px solid transparent !important;
  transition: all 0.5s ease;
  border: 1px solid var(--color-white) !important;
}
@media screen and (max-width: 789px) {
  .gform_button {
    width: 100% !important;
  }
}
.gform_button:hover {
  border: 1px solid var(--color-highlight) !important;
  background: transparent !important;
  color: var(--color-highlight) !important;
  color: var(--color-highlight);
}

.theme_dark .seperator {
  background-color: var(--color-white);
}

.theme_light .seperator {
  background-color: var(--color-highlight);
  min-height: 2px;
}

.theme_highlight .seperator {
  background-color: var(--color-white);
}

.seperator {
  height: 1px;
  width: 100%;
}
.seperator.color-primary {
  background-color: var(--color-primary);
}
.seperator.color-secondary {
  background-color: var(--color-secondary);
}
.seperator.color-highlight {
  height: 2px;
  background-color: var(--color-highlight);
}
.seperator.color-alt {
  background-color: var(--color-alt);
}
.seperator.color-white {
  background-color: var(--color-white);
}
.seperator.color-black {
  background-color: var(--color-black);
}
.seperator.color-white {
  background-color: var(--color-dark);
}
.seperator.color-light {
  background-color: var(--color-light);
}
.seperator.color-grey {
  background-color: var(--color-grey);
}
.seperator.color-lightgrey {
  background-color: var(--color-lightgrey);
}
.seperator.off-right {
  width: 200%;
}

.theme_dark .btn-1 {
  background: var(--button_1_dark_background_colour);
  color: var(--button_1_dark_text_colour);
  text-decoration: none;
  border: var(--button_1_dark_outline_thickness) solid;
  border-color: var(--button_1_dark_outline_colour);
  border-radius: var(--button_1_dark_border_radius);
  opacity: var(--button_1_dark_opacity);
}
.theme_dark .btn-1 h1, .theme_dark .btn-1 h2, .theme_dark .btn-1 h3, .theme_dark .btn-1 h4, .theme_dark .btn-1 h5, .theme_dark .btn-1 h6, .theme_dark .btn-1 p {
  color: var(--button_1_dark_text_colour);
  transition: all 0.5s ease;
}
.theme_dark .btn-1:hover {
  background: var(--button_1_dark_background_colour_hover);
  color: var(--button_1_dark_text_colour_hover);
  border: var(--button_1_dark_outline_thickness_hover) solid;
  border-color: var(--button_1_dark_outline_colour_hover);
  opacity: var(--button_1_dark_opacity_hover);
}
.theme_dark .btn-1:hover h1, .theme_dark .btn-1:hover h2, .theme_dark .btn-1:hover h3, .theme_dark .btn-1:hover h4, .theme_dark .btn-1:hover h5, .theme_dark .btn-1:hover h6, .theme_dark .btn-1:hover p {
  color: var(--button_1_dark_text_colour_hover);
}
.theme_dark .btn-2 {
  background: var(--button_2_dark_background_colour);
  color: var(--button_2_dark_text_colour);
  text-decoration: none;
  border: var(--button_2_dark_outline_thickness) solid;
  border-color: var(--button_2_dark_outline_colour);
  border-radius: var(--button_2_dark_border_radius);
  opacity: var(--button_2_dark_opacity);
}
.theme_dark .btn-2 h1, .theme_dark .btn-2 h2, .theme_dark .btn-2 h3, .theme_dark .btn-2 h4, .theme_dark .btn-2 h5, .theme_dark .btn-2 h6, .theme_dark .btn-2 p {
  color: var(--button_2_dark_text_colour);
  transition: all 0.5s ease;
}
.theme_dark .btn-2:hover {
  background: var(--button_2_dark_background_colour_hover);
  color: var(--button_2_dark_text_colour_hover);
  border: var(--button_2_dark_outline_thickness_hover) solid;
  border-color: var(--button_2_dark_outline_colour_hover);
  opacity: var(--button_2_dark_opacity_hover);
}
.theme_dark .btn-2:hover h1, .theme_dark .btn-2:hover h2, .theme_dark .btn-2:hover h3, .theme_dark .btn-2:hover h4, .theme_dark .btn-2:hover h5, .theme_dark .btn-2:hover h6, .theme_dark .btn-2:hover p {
  color: var(--button_2_dark_text_colour_hover);
}
.theme_dark .btn-3 {
  background: var(--button_3_dark_background_colour);
  color: var(--button_3_dark_text_colour);
  text-decoration: none;
  border: var(--button_3_dark_outline_thickness) solid;
  border-color: var(--button_3_dark_outline_colour);
  border-radius: var(--button_3_dark_border_radius);
  opacity: var(--button_3_dark_opacity);
}
.theme_dark .btn-3 h1, .theme_dark .btn-3 h2, .theme_dark .btn-3 h3, .theme_dark .btn-3 h4, .theme_dark .btn-3 h5, .theme_dark .btn-3 h6, .theme_dark .btn-3 p {
  color: var(--button_3_dark_text_colour);
  transition: all 0.5s ease;
}
.theme_dark .btn-3:hover {
  background: var(--button_3_dark_background_colour_hover);
  color: var(--button_3_dark_text_colour_hover);
  border: var(--button_3_dark_outline_thickness_hover) solid;
  border-color: var(--button_3_dark_outline_colour_hover);
  opacity: var(--button_3_dark_opacity_hover);
}
.theme_dark .btn-3:hover h1, .theme_dark .btn-3:hover h2, .theme_dark .btn-3:hover h3, .theme_dark .btn-3:hover h4, .theme_dark .btn-3:hover h5, .theme_dark .btn-3:hover h6, .theme_dark .btn-3:hover p {
  color: var(--button_3_dark_text_colour_hover);
}
.theme_dark .btn-4 {
  background: var(--button_4_dark_background_colour);
  color: var(--button_4_dark_text_colour);
  text-decoration: none;
  border: var(--button_4_dark_outline_thickness) solid;
  border-color: var(--button_4_dark_outline_colour);
  border-radius: var(--button_4_dark_border_radius);
  opacity: var(--button_4_dark_opacity);
}
.theme_dark .btn-4 h1, .theme_dark .btn-4 h2, .theme_dark .btn-4 h3, .theme_dark .btn-4 h4, .theme_dark .btn-4 h5, .theme_dark .btn-4 h6, .theme_dark .btn-4 p {
  color: var(--button_4_dark_text_colour);
  transition: all 0.5s ease;
}
.theme_dark .btn-4:hover {
  background: var(--button_4_dark_background_colour_hover);
  color: var(--button_4_dark_text_colour_hover);
  border: var(--button_4_dark_outline_thickness_hover) solid;
  border-color: var(--button_4_dark_outline_colour_hover);
  opacity: var(--button_4_dark_opacity_hover);
}
.theme_dark .btn-4:hover h1, .theme_dark .btn-4:hover h2, .theme_dark .btn-4:hover h3, .theme_dark .btn-4:hover h4, .theme_dark .btn-4:hover h5, .theme_dark .btn-4:hover h6, .theme_dark .btn-4:hover p {
  color: var(--button_4_dark_text_colour_hover);
}
.theme_dark .btn-5 {
  background: var(--button_5_dark_background_colour);
  color: var(--button_5_dark_text_colour);
  text-decoration: none;
  border: var(--button_5_dark_outline_thickness) solid;
  border-color: var(--button_5_dark_outline_colour);
  border-radius: var(--button_5_dark_border_radius);
  opacity: var(--button_5_dark_opacity);
}
.theme_dark .btn-5 h1, .theme_dark .btn-5 h2, .theme_dark .btn-5 h3, .theme_dark .btn-5 h4, .theme_dark .btn-5 h5, .theme_dark .btn-5 h6, .theme_dark .btn-5 p {
  color: var(--button_5_dark_text_colour);
  transition: all 0.5s ease;
}
.theme_dark .btn-5:hover {
  background: var(--button_5_dark_background_colour_hover);
  color: var(--button_5_dark_text_colour_hover);
  border: var(--button_5_dark_outline_thickness_hover) solid;
  border-color: var(--button_5_dark_outline_colour_hover);
  opacity: var(--button_5_dark_opacity_hover);
}
.theme_dark .btn-5:hover h1, .theme_dark .btn-5:hover h2, .theme_dark .btn-5:hover h3, .theme_dark .btn-5:hover h4, .theme_dark .btn-5:hover h5, .theme_dark .btn-5:hover h6, .theme_dark .btn-5:hover p {
  color: var(--button_5_dark_text_colour_hover);
}
.theme_dark .btn-6 {
  background: var(--button_6_dark_background_colour);
  color: var(--button_6_dark_text_colour);
  text-decoration: none;
  border: var(--button_6_dark_outline_thickness) solid;
  border-color: var(--button_6_dark_outline_colour);
  border-radius: var(--button_6_dark_border_radius);
  opacity: var(--button_6_dark_opacity);
}
.theme_dark .btn-6 h1, .theme_dark .btn-6 h2, .theme_dark .btn-6 h3, .theme_dark .btn-6 h4, .theme_dark .btn-6 h5, .theme_dark .btn-6 h6, .theme_dark .btn-6 p {
  color: var(--button_6_dark_text_colour);
  transition: all 0.5s ease;
}
.theme_dark .btn-6:hover {
  background: var(--button_6_dark_background_colour_hover);
  color: var(--button_6_dark_text_colour_hover);
  border: var(--button_6_dark_outline_thickness_hover) solid;
  border-color: var(--button_6_dark_outline_colour_hover);
  opacity: var(--button_6_dark_opacity_hover);
}
.theme_dark .btn-6:hover h1, .theme_dark .btn-6:hover h2, .theme_dark .btn-6:hover h3, .theme_dark .btn-6:hover h4, .theme_dark .btn-6:hover h5, .theme_dark .btn-6:hover h6, .theme_dark .btn-6:hover p {
  color: var(--button_6_dark_text_colour_hover);
}
.theme_dark .animate_underline {
  background-color: var(--button_5_dark_text_colour);
}
.theme_dark .animate_underline_reversed {
  background-color: var(--button_5_dark_text_colour);
}

.theme_highlight .btn-1 {
  background: var(--button_1_highlight_background_colour);
  color: var(--button_1_highlight_text_colour);
  text-decoration: none;
  border: var(--button_1_highlight_outline_thickness) solid;
  border-color: var(--button_1_highlight_outline_colour);
  border-radius: var(--button_1_highlight_border_radius);
  opacity: var(--button_1_highlight_opacity);
}
.theme_highlight .btn-1 h1, .theme_highlight .btn-1 h2, .theme_highlight .btn-1 h3, .theme_highlight .btn-1 h4, .theme_highlight .btn-1 h5, .theme_highlight .btn-1 h6, .theme_highlight .btn-1 p {
  color: var(--button_1_highlight_text_colour);
  transition: all 0.5s ease;
}
.theme_highlight .btn-1:hover {
  background: var(--button_1_highlight_background_colour_hover);
  color: var(--button_1_highlight_text_colour_hover);
  border: var(--button_1_highlight_outline_thickness_hover) solid;
  border-color: var(--button_1_highlight_outline_colour_hover);
  opacity: var(--button_1_highlight_opacity_hover);
}
.theme_highlight .btn-1:hover h1, .theme_highlight .btn-1:hover h2, .theme_highlight .btn-1:hover h3, .theme_highlight .btn-1:hover h4, .theme_highlight .btn-1:hover h5, .theme_highlight .btn-1:hover h6, .theme_highlight .btn-1:hover p {
  color: var(--button_1_highlight_text_colour_hover);
}
.theme_highlight .btn-2 {
  background: var(--button_2_highlight_background_colour);
  color: var(--button_2_highlight_text_colour);
  text-decoration: none;
  border: var(--button_2_highlight_outline_thickness) solid;
  border-color: var(--button_2_highlight_outline_colour);
  border-radius: var(--button_2_highlight_border_radius);
  opacity: var(--button_2_highlight_opacity);
}
.theme_highlight .btn-2 h1, .theme_highlight .btn-2 h2, .theme_highlight .btn-2 h3, .theme_highlight .btn-2 h4, .theme_highlight .btn-2 h5, .theme_highlight .btn-2 h6, .theme_highlight .btn-2 p {
  color: var(--button_2_highlight_text_colour);
  transition: all 0.5s ease;
}
.theme_highlight .btn-2:hover {
  background: var(--button_2_highlight_background_colour_hover);
  color: var(--button_2_highlight_text_colour_hover);
  border: var(--button_2_highlight_outline_thickness_hover) solid;
  border-color: var(--button_2_highlight_outline_colour_hover);
  opacity: var(--button_2_highlight_opacity_hover);
}
.theme_highlight .btn-2:hover h1, .theme_highlight .btn-2:hover h2, .theme_highlight .btn-2:hover h3, .theme_highlight .btn-2:hover h4, .theme_highlight .btn-2:hover h5, .theme_highlight .btn-2:hover h6, .theme_highlight .btn-2:hover p {
  color: var(--button_2_highlight_text_colour_hover);
}
.theme_highlight .btn-3 {
  background: var(--button_3_highlight_background_colour);
  color: var(--button_3_highlight_text_colour);
  text-decoration: none;
  border: var(--button_3_highlight_outline_thickness) solid;
  border-color: var(--button_3_highlight_outline_colour);
  border-radius: var(--button_3_highlight_border_radius);
  opacity: var(--button_3_highlight_opacity);
}
.theme_highlight .btn-3 h1, .theme_highlight .btn-3 h2, .theme_highlight .btn-3 h3, .theme_highlight .btn-3 h4, .theme_highlight .btn-3 h5, .theme_highlight .btn-3 h6, .theme_highlight .btn-3 p {
  color: var(--button_3_highlight_text_colour);
  transition: all 0.5s ease;
}
.theme_highlight .btn-3:hover {
  background: var(--button_3_highlight_background_colour_hover);
  color: var(--button_3_highlight_text_colour_hover);
  border: var(--button_3_highlight_outline_thickness_hover) solid;
  border-color: var(--button_3_highlight_outline_colour_hover);
  opacity: var(--button_3_highlight_opacity_hover);
}
.theme_highlight .btn-3:hover h1, .theme_highlight .btn-3:hover h2, .theme_highlight .btn-3:hover h3, .theme_highlight .btn-3:hover h4, .theme_highlight .btn-3:hover h5, .theme_highlight .btn-3:hover h6, .theme_highlight .btn-3:hover p {
  color: var(--button_3_highlight_text_colour_hover);
}
.theme_highlight .btn-4 {
  background: var(--button_4_highlight_background_colour);
  color: var(--button_4_highlight_text_colour);
  text-decoration: none;
  border: var(--button_4_highlight_outline_thickness) solid;
  border-color: var(--button_4_highlight_outline_colour);
  border-radius: var(--button_4_highlight_border_radius);
  opacity: var(--button_4_highlight_opacity);
}
.theme_highlight .btn-4 h1, .theme_highlight .btn-4 h2, .theme_highlight .btn-4 h3, .theme_highlight .btn-4 h4, .theme_highlight .btn-4 h5, .theme_highlight .btn-4 h6, .theme_highlight .btn-4 p {
  color: var(--button_4_highlight_text_colour);
  transition: all 0.5s ease;
}
.theme_highlight .btn-4:hover {
  background: var(--button_4_highlight_background_colour_hover);
  color: var(--button_4_highlight_text_colour_hover);
  border: var(--button_4_highlight_outline_thickness_hover) solid;
  border-color: var(--button_4_highlight_outline_colour_hover);
  opacity: var(--button_4_highlight_opacity_hover);
}
.theme_highlight .btn-4:hover h1, .theme_highlight .btn-4:hover h2, .theme_highlight .btn-4:hover h3, .theme_highlight .btn-4:hover h4, .theme_highlight .btn-4:hover h5, .theme_highlight .btn-4:hover h6, .theme_highlight .btn-4:hover p {
  color: var(--button_4_highlight_text_colour_hover);
}
.theme_highlight .btn-5 {
  background: var(--button_5_highlight_background_colour);
  color: var(--button_5_highlight_text_colour);
  text-decoration: none;
  border: var(--button_5_highlight_outline_thickness) solid;
  border-color: var(--button_5_highlight_outline_colour);
  border-radius: var(--button_5_highlight_border_radius);
  opacity: var(--button_5_highlight_opacity);
}
.theme_highlight .btn-5 h1, .theme_highlight .btn-5 h2, .theme_highlight .btn-5 h3, .theme_highlight .btn-5 h4, .theme_highlight .btn-5 h5, .theme_highlight .btn-5 h6, .theme_highlight .btn-5 p {
  color: var(--button_5_highlight_text_colour);
  transition: all 0.5s ease;
}
.theme_highlight .btn-5:hover {
  background: var(--button_5_highlight_background_colour_hover);
  color: var(--button_5_highlight_text_colour_hover);
  border: var(--button_5_highlight_outline_thickness_hover) solid;
  border-color: var(--button_5_highlight_outline_colour_hover);
  opacity: var(--button_5_highlight_opacity_hover);
}
.theme_highlight .btn-5:hover h1, .theme_highlight .btn-5:hover h2, .theme_highlight .btn-5:hover h3, .theme_highlight .btn-5:hover h4, .theme_highlight .btn-5:hover h5, .theme_highlight .btn-5:hover h6, .theme_highlight .btn-5:hover p {
  color: var(--button_5_highlight_text_colour_hover);
}
.theme_highlight .btn-6 {
  background: var(--button_6_highlight_background_colour);
  color: var(--button_6_highlight_text_colour);
  text-decoration: none;
  border: var(--button_6_highlight_outline_thickness) solid;
  border-color: var(--button_6_highlight_outline_colour);
  border-radius: var(--button_6_highlight_border_radius);
  opacity: var(--button_6_highlight_opacity);
}
.theme_highlight .btn-6 h1, .theme_highlight .btn-6 h2, .theme_highlight .btn-6 h3, .theme_highlight .btn-6 h4, .theme_highlight .btn-6 h5, .theme_highlight .btn-6 h6, .theme_highlight .btn-6 p {
  color: var(--button_6_highlight_text_colour);
  transition: all 0.5s ease;
}
.theme_highlight .btn-6:hover {
  background: var(--button_6_highlight_background_colour_hover);
  color: var(--button_6_highlight_text_colour_hover);
  border: var(--button_6_highlight_outline_thickness_hover) solid;
  border-color: var(--button_6_highlight_outline_colour_hover);
  opacity: var(--button_6_highlight_opacity_hover);
}
.theme_highlight .btn-6:hover h1, .theme_highlight .btn-6:hover h2, .theme_highlight .btn-6:hover h3, .theme_highlight .btn-6:hover h4, .theme_highlight .btn-6:hover h5, .theme_highlight .btn-6:hover h6, .theme_highlight .btn-6:hover p {
  color: var(--button_6_highlight_text_colour_hover);
}
.theme_highlight .animate_underline {
  background-color: var(--button_5_highlight_text_colour);
}
.theme_highlight .animate_underline_reversed {
  background-color: var(--button_5_highlight_text_colour);
}

.theme_light .btn-1 {
  background: var(--button_1_light_background_colour);
  color: var(--button_1_light_text_colour);
  text-decoration: none;
  border: var(--button_1_light_outline_thickness) solid;
  border-color: var(--button_1_light_outline_colour);
  border-radius: var(--button_1_light_border_radius);
  opacity: var(--button_1_light_opacity);
}
.theme_light .btn-1 h1, .theme_light .btn-1 h2, .theme_light .btn-1 h3, .theme_light .btn-1 h4, .theme_light .btn-1 h5, .theme_light .btn-1 h6, .theme_light .btn-1 p {
  color: var(--button_1_light_text_colour);
  transition: all 0.5s ease;
}
.theme_light .btn-1:hover {
  background: var(--button_1_light_background_colour_hover);
  color: var(--button_1_light_text_colour_hover);
  border: var(--button_1_light_outline_thickness_hover) solid;
  border-color: var(--button_1_light_outline_colour_hover);
  opacity: var(--button_1_light_opacity_hover);
}
.theme_light .btn-1:hover h1, .theme_light .btn-1:hover h2, .theme_light .btn-1:hover h3, .theme_light .btn-1:hover h4, .theme_light .btn-1:hover h5, .theme_light .btn-1:hover h6, .theme_light .btn-1:hover p {
  color: var(--button_1_light_text_colour_hover);
}
.theme_light .btn-2 {
  background: var(--button_2_light_background_colour);
  color: var(--button_2_light_text_colour);
  text-decoration: none;
  border: var(--button_2_light_outline_thickness) solid;
  border-color: var(--button_2_light_outline_colour);
  border-radius: var(--button_2_light_border_radius);
  opacity: var(--button_2_light_opacity);
}
.theme_light .btn-2 h1, .theme_light .btn-2 h2, .theme_light .btn-2 h3, .theme_light .btn-2 h4, .theme_light .btn-2 h5, .theme_light .btn-2 h6, .theme_light .btn-2 p {
  color: var(--button_2_light_text_colour);
  transition: all 0.5s ease;
}
.theme_light .btn-2:hover {
  background: var(--button_2_light_background_colour_hover);
  color: var(--button_2_light_text_colour_hover);
  border: var(--button_2_light_outline_thickness_hover) solid;
  border-color: var(--button_2_light_outline_colour_hover);
  opacity: var(--button_2_light_opacity_hover);
}
.theme_light .btn-2:hover h1, .theme_light .btn-2:hover h2, .theme_light .btn-2:hover h3, .theme_light .btn-2:hover h4, .theme_light .btn-2:hover h5, .theme_light .btn-2:hover h6, .theme_light .btn-2:hover p {
  color: var(--button_2_light_text_colour_hover);
}
.theme_light .btn-3 {
  background: var(--button_3_light_background_colour);
  color: var(--button_3_light_text_colour);
  text-decoration: none;
  border: var(--button_3_light_outline_thickness) solid;
  border-color: var(--button_3_light_outline_colour);
  border-radius: var(--button_3_light_border_radius);
  opacity: var(--button_3_light_opacity);
}
.theme_light .btn-3 h1, .theme_light .btn-3 h2, .theme_light .btn-3 h3, .theme_light .btn-3 h4, .theme_light .btn-3 h5, .theme_light .btn-3 h6, .theme_light .btn-3 p {
  color: var(--button_3_light_text_colour);
  transition: all 0.5s ease;
}
.theme_light .btn-3:hover {
  background: var(--button_3_light_background_colour_hover);
  color: var(--button_3_light_text_colour_hover);
  border: var(--button_3_light_outline_thickness_hover) solid;
  border-color: var(--button_3_light_outline_colour_hover);
  opacity: var(--button_3_light_opacity_hover);
}
.theme_light .btn-3:hover h1, .theme_light .btn-3:hover h2, .theme_light .btn-3:hover h3, .theme_light .btn-3:hover h4, .theme_light .btn-3:hover h5, .theme_light .btn-3:hover h6, .theme_light .btn-3:hover p {
  color: var(--button_3_light_text_colour_hover);
}
.theme_light .btn-4 {
  background: var(--button_4_light_background_colour);
  color: var(--button_4_light_text_colour);
  text-decoration: none;
  border: var(--button_4_light_outline_thickness) solid;
  border-color: var(--button_4_light_outline_colour);
  border-radius: var(--button_4_light_border_radius);
  opacity: var(--button_4_light_opacity);
}
.theme_light .btn-4 h1, .theme_light .btn-4 h2, .theme_light .btn-4 h3, .theme_light .btn-4 h4, .theme_light .btn-4 h5, .theme_light .btn-4 h6, .theme_light .btn-4 p {
  color: var(--button_4_light_text_colour);
  transition: all 0.5s ease;
}
.theme_light .btn-4:hover {
  background: var(--button_4_light_background_colour_hover);
  color: var(--button_4_light_text_colour_hover);
  border: var(--button_4_light_outline_thickness_hover) solid;
  border-color: var(--button_4_light_outline_colour_hover);
  opacity: var(--button_4_light_opacity_hover);
}
.theme_light .btn-4:hover h1, .theme_light .btn-4:hover h2, .theme_light .btn-4:hover h3, .theme_light .btn-4:hover h4, .theme_light .btn-4:hover h5, .theme_light .btn-4:hover h6, .theme_light .btn-4:hover p {
  color: var(--button_4_light_text_colour_hover);
}
.theme_light .btn-5 {
  background: var(--button_5_light_background_colour);
  color: var(--button_5_light_text_colour);
  text-decoration: none;
  border: var(--button_5_light_outline_thickness) solid;
  border-color: var(--button_5_light_outline_colour);
  border-radius: var(--button_5_light_border_radius);
  opacity: var(--button_5_light_opacity);
}
.theme_light .btn-5 h1, .theme_light .btn-5 h2, .theme_light .btn-5 h3, .theme_light .btn-5 h4, .theme_light .btn-5 h5, .theme_light .btn-5 h6, .theme_light .btn-5 p {
  color: var(--button_5_light_text_colour);
  transition: all 0.5s ease;
}
.theme_light .btn-5:hover {
  background: var(--button_5_light_background_colour_hover);
  color: var(--button_5_light_text_colour_hover);
  border: var(--button_5_light_outline_thickness_hover) solid;
  border-color: var(--button_5_light_outline_colour_hover);
  opacity: var(--button_5_light_opacity_hover);
}
.theme_light .btn-5:hover h1, .theme_light .btn-5:hover h2, .theme_light .btn-5:hover h3, .theme_light .btn-5:hover h4, .theme_light .btn-5:hover h5, .theme_light .btn-5:hover h6, .theme_light .btn-5:hover p {
  color: var(--button_5_light_text_colour_hover);
}
.theme_light .btn-6 {
  background: var(--button_6_light_background_colour);
  color: var(--button_6_light_text_colour);
  text-decoration: none;
  border: var(--button_6_light_outline_thickness) solid;
  border-color: var(--button_6_light_outline_colour);
  border-radius: var(--button_6_light_border_radius);
  opacity: var(--button_6_light_opacity);
}
.theme_light .btn-6 h1, .theme_light .btn-6 h2, .theme_light .btn-6 h3, .theme_light .btn-6 h4, .theme_light .btn-6 h5, .theme_light .btn-6 h6, .theme_light .btn-6 p {
  color: var(--button_6_light_text_colour);
  transition: all 0.5s ease;
}
.theme_light .btn-6:hover {
  background: var(--button_6_light_background_colour_hover);
  color: var(--button_6_light_text_colour_hover);
  border: var(--button_6_light_outline_thickness_hover) solid;
  border-color: var(--button_6_light_outline_colour_hover);
  opacity: var(--button_6_light_opacity_hover);
}
.theme_light .btn-6:hover h1, .theme_light .btn-6:hover h2, .theme_light .btn-6:hover h3, .theme_light .btn-6:hover h4, .theme_light .btn-6:hover h5, .theme_light .btn-6:hover h6, .theme_light .btn-6:hover p {
  color: var(--button_6_light_text_colour_hover);
}
.theme_light .animate_underline {
  background-color: var(--button_5_light_text_colour);
}
.theme_light .animate_underline_reversed {
  background-color: var(--button_5_light_text_colour);
}

.btn-1, .btn-2, .btn-3, .btn-4, .btn-5, .btn-6, .link, .js_button {
  cursor: pointer;
}

.btn-1, .btn-2, .btn-3, .btn-4, .btn-5 {
  min-width: 180px;
  padding: 1em 2em;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-align: center;
  transition: all 0.5s ease;
  text-transform: uppercase;
}
@media screen and (max-width: 789px) {
  .btn-1, .btn-2, .btn-3, .btn-4, .btn-5 {
    min-width: 100%;
  }
}

.btn-1 {
  background: var(--button_1_background_colour);
  color: var(--button_1_text_colour);
  text-decoration: none;
  border: var(--button_1_outline_thickness) solid;
  border-color: var(--button_1_outline_colour);
  border-radius: var(--button_1_border_radius);
  opacity: var(--button_1_opacity);
}
.btn-1 h1, .btn-1 h2, .btn-1 h3, .btn-1 h4, .btn-1 h5, .btn-1 h6, .btn-1 p {
  color: var(--button_1_text_colour);
  transition: all 0.5s ease;
}
.btn-1:hover {
  background: var(--button_1_background_colour_hover);
  color: var(--button_1_text_colour_hover);
  border: var(--button_1_outline_thickness_hover) solid;
  border-color: var(--button_1_outline_colour_hover);
  opacity: var(--button_1_opacity_hover);
}
.btn-1:hover h1, .btn-1:hover h2, .btn-1:hover h3, .btn-1:hover h4, .btn-1:hover h5, .btn-1:hover h6, .btn-1:hover p {
  color: var(--button_1_text_colour_hover);
}
.btn-2 {
  background: var(--button_2_background_colour);
  color: var(--button_2_text_colour);
  text-decoration: none;
  border: var(--button_2_outline_thickness) solid;
  border-color: var(--button_2_outline_colour);
  border-radius: var(--button_2_border_radius);
  opacity: var(--button_2_opacity);
}
.btn-2 h1, .btn-2 h2, .btn-2 h3, .btn-2 h4, .btn-2 h5, .btn-2 h6, .btn-2 p {
  color: var(--button_2_text_colour);
  transition: all 0.5s ease;
}
.btn-2:hover {
  background: var(--button_2_background_colour_hover);
  color: var(--button_2_text_colour_hover);
  border: var(--button_2_outline_thickness_hover) solid;
  border-color: var(--button_2_outline_colour_hover);
  opacity: var(--button_2_opacity_hover);
}
.btn-2:hover h1, .btn-2:hover h2, .btn-2:hover h3, .btn-2:hover h4, .btn-2:hover h5, .btn-2:hover h6, .btn-2:hover p {
  color: var(--button_2_text_colour_hover);
}
.btn-3 {
  background: var(--button_3_background_colour);
  color: var(--button_3_text_colour);
  text-decoration: none;
  border: var(--button_3_outline_thickness) solid;
  border-color: var(--button_3_outline_colour);
  border-radius: var(--button_3_border_radius);
  opacity: var(--button_3_opacity);
}
.btn-3 h1, .btn-3 h2, .btn-3 h3, .btn-3 h4, .btn-3 h5, .btn-3 h6, .btn-3 p {
  color: var(--button_3_text_colour);
  transition: all 0.5s ease;
}
.btn-3:hover {
  background: var(--button_3_background_colour_hover);
  color: var(--button_3_text_colour_hover);
  border: var(--button_3_outline_thickness_hover) solid;
  border-color: var(--button_3_outline_colour_hover);
  opacity: var(--button_3_opacity_hover);
}
.btn-3:hover h1, .btn-3:hover h2, .btn-3:hover h3, .btn-3:hover h4, .btn-3:hover h5, .btn-3:hover h6, .btn-3:hover p {
  color: var(--button_3_text_colour_hover);
}
.btn-3:hover svg path {
  fill: var(--button_3_text_colour_hover);
}
.btn-4 {
  background: var(--button_4_background_colour);
  color: var(--button_4_text_colour);
  text-decoration: none;
  border: var(--button_4_outline_thickness) solid;
  border-color: var(--button_4_outline_colour);
  border-radius: var(--button_4_border_radius);
  opacity: var(--button_4_opacity);
}
.btn-4 h1, .btn-4 h2, .btn-4 h3, .btn-4 h4, .btn-4 h5, .btn-4 h6, .btn-4 p {
  color: var(--button_4_text_colour);
  transition: all 0.5s ease;
}
.btn-4:hover {
  background: var(--button_4_background_colour_hover);
  color: var(--button_4_text_colour_hover);
  border: var(--button_4_outline_thickness_hover) solid;
  border-color: var(--button_4_outline_colour_hover);
  opacity: var(--button_4_opacity_hover);
}
.btn-4:hover h1, .btn-4:hover h2, .btn-4:hover h3, .btn-4:hover h4, .btn-4:hover h5, .btn-4:hover h6, .btn-4:hover p {
  color: var(--button_4_text_colour_hover);
}
.btn-5 {
  min-width: fit-content;
  padding: unset;
  background: var(--button_5_background_colour);
  color: var(--button_5_text_colour);
  text-decoration: none;
  border: var(--button_5_outline_thickness) solid;
  border-color: var(--button_5_outline_colour);
  border-radius: var(--button_5_border_radius);
  opacity: var(--button_5_opacity);
}
.btn-5 h1, .btn-5 h2, .btn-5 h3, .btn-5 h4, .btn-5 h5, .btn-5 h6, .btn-5 p {
  color: var(--button_5_text_colour);
  transition: all 0.5s ease;
}
.btn-5:hover {
  background: var(--button_5_background_colour_hover);
  color: var(--button_5_text_colour_hover);
  border: var(--button_5_outline_thickness_hover) solid;
  border-color: var(--button_5_outline_colour_hover);
  opacity: var(--button_5_opacity_hover);
}
.btn-5:hover h1, .btn-5:hover h2, .btn-5:hover h3, .btn-5:hover h4, .btn-5:hover h5, .btn-5:hover h6, .btn-5:hover p {
  color: var(--button_5_text_colour_hover);
}
.btn-6 {
  background: var(--button_6_background_colour);
  color: var(--button_6_text_colour);
  text-decoration: none;
  border: var(--button_6_outline_thickness) solid;
  border-color: var(--button_6_outline_colour);
  border-radius: var(--button_6_border_radius);
  opacity: var(--button_6_opacity);
}
.btn-6 h1, .btn-6 h2, .btn-6 h3, .btn-6 h4, .btn-6 h5, .btn-6 h6, .btn-6 p {
  color: var(--button_6_text_colour);
  transition: all 0.5s ease;
}
.btn-6:hover {
  background: var(--button_6_background_colour_hover);
  color: var(--button_6_text_colour_hover);
  border: var(--button_6_outline_thickness_hover) solid;
  border-color: var(--button_6_outline_colour_hover);
  opacity: var(--button_6_opacity_hover);
}
.btn-6:hover h1, .btn-6:hover h2, .btn-6:hover h3, .btn-6:hover h4, .btn-6:hover h5, .btn-6:hover h6, .btn-6:hover p {
  color: var(--button_6_text_colour_hover);
}

.animate_underline {
  width: 0%;
  height: 1px;
  transition: 0.5s ease;
  background-color: var(--button_5_text_colour);
}

.animate_underline_reversed {
  width: 100%;
  height: 1px;
  background-color: var(--button_5_text_colour_hover);
  transition: 0.5s ease;
}

.header_menu .animate_underline {
  height: 3px;
}

a:hover .animate_underline, .js_a:hover .animate_underline, .header_menu .active .animate_underline {
  width: 100%;
}

a:hover .animate_underline_reversed {
  width: 0%;
}

.social_logo {
  position: relative;
  width: 100%;
  height: var(--social-logo-size);
  width: var(--social-logo-size);
  max-height: var(--social-logo-size);
}
@media screen and (max-width: 789px) {
  .social_logo {
    height: var(--social-logo-size-mobile);
    width: var(--social-logo-size-mobile);
    max-height: var(--social-logo-size-mobile);
  }
}
.social_logo img {
  position: absolute;
  max-height: 100%;
}
.social_logo img.logo_dark {
  display: none;
}

.theme_dark .social img.logo, .theme_highlight .social img.logo {
  display: none;
}
.theme_dark .social img.logo_dark, .theme_highlight .social img.logo_dark {
  display: flex;
}

.social {
  transform: scale(1);
  transition: all 0.3s ease;
}
.social:hover {
  transform: scale(1.1);
}

html.open_menu {
  overflow-y: hidden;
}

.navigation-header {
  z-index: 99;
  position: relative;
  background-color: var(--color-white);
}
.navigation-header .navigation-header-inner.show_rule {
  border-bottom: 1px solid var(--color-grey);
}
.navigation-header .logo {
  opacity: 1;
}
.navigation-header .logo_dark {
  opacity: 0;
}
.navigation-header.theme_dark, .navigation-header.theme_highlight {
  background-color: var(--color-black);
}
.navigation-header.theme_dark .navigation-header-inner.show_rule, .navigation-header.theme_highlight .navigation-header-inner.show_rule {
  border-bottom: 1px solid var(--color-white);
}
.navigation-header.theme_dark .logo, .navigation-header.theme_highlight .logo {
  opacity: 0;
}
.navigation-header.theme_dark .logo_dark, .navigation-header.theme_highlight .logo_dark {
  opacity: 1;
}
.navigation-header.transparent {
  background-color: transparent;
}
.navigation-header.transparent .navigation-header-inner {
  position: absolute;
}

.header_logo {
  position: relative;
  width: 100%;
  height: var(--header-logo-height);
  max-height: var(--header-logo-height);
}
@media screen and (max-width: 789px) {
  .header_logo {
    height: var(--header-logo-height-mobile);
    max-height: var(--header-logo-height-mobile);
  }
}
.header_logo img {
  position: absolute;
  max-height: 100%;
}

.menu-toggle {
  width: 40px;
  height: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.bar {
  width: 100%;
  height: 3px;
  background-color: var(--color-primary);
  transition: transform 0.3s ease-out;
}

.bar:first-child {
  transform-origin: top;
}

.bar:last-child {
  transform-origin: bottom;
}

.menu-toggle.active .bar:first-child {
  transform: translateY(14px) rotate(45deg);
}

.menu-toggle.active .bar:last-child {
  transform: translateY(-14px) rotate(-45deg);
}

.menu-toggle.active .bar:nth-child(2) {
  opacity: 0;
}

.theme_dark .bar, .theme_highlight .bar {
  background-color: var(--color-white);
}

.header_menu .mainmenu_text {
  text-wrap: nowrap;
}
.header_menu .dropdown svg {
  transform: rotate(0deg);
  transition: all 0.3s ease;
}
.header_menu .dropdown:hover svg {
  transform: rotate(180deg);
}

/* Initially hide the elements */
/* Container for the overall menu (optional, adjust to your layout) */
.menu-container {
  display: flex;
  gap: 10px;
}

/* Style the dropdown parent */
.dropdown {
  position: relative;
  margin-bottom: -1px;
}

.dropdown-menu {
  display: none;
  list-style: none;
  margin: 0;
  margin-top: 1px;
  padding: 10px 0px;
  min-width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: var(--color-white);
  z-index: 999;
}

.dropdown-menu li a {
  display: block;
  padding: 8px 16px;
  text-decoration: none;
  color: var(--color-primary);
  background-color: transparent;
  transition: background-color 0.3s ease;
}

.dropdown-menu li a:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.theme_dark .dropdown-menu li a:hover, .theme_highlight .dropdown-menu li a:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.theme_dark .dropdown svg path, .theme_highlight .dropdown svg path {
  fill: var(--color-white) !important;
}

.dropdown-item {
  text-align: left;
}

.navigation_slideout.theme_dark {
  background-color: unset;
}

.navigation_slideout_overlay {
  display: flex;
  position: fixed;
  opacity: 0;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100dvh;
  z-index: 45;
  pointer-events: none;
  background: var(--overlay-backgroundcolour);
  transition: all 0.3s;
}

.open_menu .navigation_slideout_overlay {
  pointer-events: all;
  opacity: var(--overlay-opacity);
  left: 0%;
}

.mobile-menu, .mobile-menu-sub {
  display: flex;
  position: fixed;
  opacity: 0;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100dvh;
  z-index: 50;
  pointer-events: none;
  padding: 200px 20px 80px 20px;
  transition: all 0.3s;
}

.mobile-menu-sub {
  z-index: 52;
}

.open-menu, .close-menu {
  font-size: 24px;
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
}

.open_menu .mobile-menu {
  opacity: 1;
  pointer-events: all;
  left: 0%;
}

.open_sub_menu .mobile-menu {
  left: -100%;
  pointer-events: none;
}

.mobile-menu {
  max-width: 100%;
}

.open_sub_menu .mobile-menu-sub {
  pointer-events: all;
  opacity: 1;
  left: 0%;
}

.mobile-menu img, .mobile-menu-sub img {
  min-width: 17px;
  height: 19px;
  margin: 0px;
}
.mobile-menu img.flip, .mobile-menu-sub img.flip {
  transform: scaleX(-1);
}

.menu_back_button {
  margin-left: 0px;
  margin-right: 0px;
}

.sublink {
  cursor: pointer;
  width: fit-content;
}
.sublink .icon-arrow {
  overflow: visible;
  max-width: 0px;
}
.sublink .icon-arrow img {
  padding-left: 50px;
  max-width: unset;
}

.mobile-menu-inner {
  width: 100%;
}

.link_options h1, .link_options h2, .link_options h3, .link_options h4, .link_options h5, .link_options h6, .link_options h7, .link_options p {
  width: fit-content;
}

.module-con {
  overflow: hidden;
  height: 100%;
}
.module-con .module-con-inner {
  height: 100%;
}

.module-con-inner {
  overflow: hidden;
  opacity: var(--con-fade-start);
  transform: translateY(var(--con-translate-y-start)); /* Start with the element translated up by 200px */
  transition: opacity var(--con-fade-time) ease, transform var(--con-translate-y-time) ease !important;
}

.vc_row {
  opacity: var(--bg-fade-start);
  transition: opacity var(--bg-fade-time) ease;
}

.theme_dark, .theme_highlight, .theme_light {
  overflow-y: auto;
}
.theme_dark.navigation-header, .theme_highlight.navigation-header, .theme_light.navigation-header {
  overflow-y: visible;
}

.theme_dark h0, .theme_dark h1, .theme_dark h2, .theme_dark h3, .theme_dark h4, .theme_dark h5, .theme_dark h6, .theme_dark p, .theme_dark p1, .theme_dark p2, .theme_dark a, .theme_highlight h0, .theme_highlight h1, .theme_highlight h2, .theme_highlight h3, .theme_highlight h4, .theme_highlight h5, .theme_highlight h6, .theme_highlight p, .theme_highlight p1, .theme_highlight p2, .theme_highlight a {
  color: var(--color-white);
}

.theme_dark {
  background-color: var(--color-primary);
}

.theme_highlight {
  background-color: var(--color-highlight);
}

.theme_light {
  background-color: var(--color-alt);
}
.theme_light h0, .theme_light h1, .theme_light h2, .theme_light h3, .theme_light h4, .theme_light h5, .theme_light h6, .theme_light p, .theme_light p1, .theme_light p2 {
  color: var(--color-dark);
}
.theme_light .eyebrow {
  color: var(--color-highlight);
}
.theme_light .c-highlight {
  color: var(--color-highlight);
}

.vc_row-has-fill .theme_dark, .vc_row-has-fill .theme_highlight, .vc_row-has-fill .theme_light {
  background-color: transparent;
}

.card-con .card_img {
  height: 320px;
  overflow: hidden;
}
@media screen and (max-width: 789px) {
  .card-con .card_img {
    height: 270px;
  }
}
.card-con .card_img img {
  transform: scale(1);
  transition: all 1s ease;
}
.card-con .card_team .card_img {
  height: 400px;
}
@media screen and (max-width: 789px) {
  .card-con .card_team .card_img {
    height: 470px;
  }
}
.card-con:hover .card_img img {
  transform: scale(1.05);
}
.card-con .card_property, .card-con .card_team {
  height: 100%;
}
.card-con .card_property h6, .card-con .card_team h6 {
  color: var(--color-highlight);
}
.card-con .card_process h3, .card-con .card_process p {
  text-align: center;
}
.card-con .card_process .logo-con {
  width: 100%;
  min-height: 80px;
}
.card-con .card_process .logo-con img {
  height: 75px;
  padding: 5px;
  transition: all 0.5s ease;
}
.card-con .card_process:hover img {
  height: 80px;
  padding: 0px;
}
.card-con .card_team_2 .card_img {
  height: 140px;
  width: 130px;
}
.card-con .card_team_2 .card_img img {
  object-position: 50% 25%;
}
.card-con .card_testimonial .logo-con {
  max-width: 20px;
}
.card-con .card_product {
  background-color: white;
  border-radius: 4px;
  border: 2px solid var(--color-lightgrey);
}
.postgrid .card_property {
  border-bottom: 2px solid var(--color-highlight);
  margin-bottom: 30px;
}

.card_process_2 .logo-con {
  padding-top: 6px;
}
.card_process_2 .logo-con img {
  height: fit-content;
  min-width: 50px;
  transform: scale(1);
  transition: all 0.3s ease;
}
.card_process_2:hover .logo-con img {
  transform: scale(1.2);
}

.theme_dark .card-con .card_property h6, .theme_dark .card-con .card_team h6, .theme_highlight .card-con .card_property h6, .theme_highlight .card-con .card_team h6 {
  color: var(--color-white);
}
.theme_dark .postgrid .card_property, .theme_highlight .postgrid .card_property {
  border-bottom: 2px solid var(--color-white);
}

.theme_highlight h6 {
  color: white;
}

.loadmore {
  display: none !important;
}

.overlay-con {
  position: relative;
}
.overlay-con .overlay {
  position: absolute;
  min-width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
}

:root {
  --plyr-color-main: var(--color-highlight);
  --plyr-control-bg: var(--color-highlight);
  --plyr-control-bg-hover: darken(var(--color-highlight), 10%);
  --plyr-control-color: #ffffff;
  --plyr-control-icon: #ffffff;
  --plyr-control-icon-hover: #ffffff;
}

.plyr__controls {
  z-index: 12 !important;
  opacity: 0;
  transition: opacity 0.3s;
  padding-bottom: 5px !important;
}

@media screen and (max-width: 789px) {
  .video-fullscreen .plyr__controls {
    padding-bottom: 30px !important;
  }
}

.plyr--video:hover .plyr__controls {
  opacity: 1;
}

.image-con {
  height: 100%;
}

.text_module .fullwidth {
  padding: 20px;
}

.section-1-ingrid .text_module .fullwidth {
  padding: unset;
}

.mapboxgl-ctrl {
  display: flex !important;
  flex-direction: column-reverse;
}

.fa-brands:hover {
  opacity: 0.7;
}

.mapboxgl-ctrl-group button {
  width: 30px;
  height: 30px;
}

.mapboxgl-ctrl button .mapboxgl-ctrl-icon {
  background-size: 20px;
}

.mapboxgl-ctrl-group:not(:empty) {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.mapboxgl-ctrl-compass {
  display: none !important;
}

.filter_option_con {
  gap: 40px;
  cursor: pointer;
}

.filter_btn {
  text-align: right;
}

.fa-filter {
  font-size: 15px;
  vertical-align: middle;
}

.map_container {
  margin-bottom: -1px;
}

.map_container-single {
  width: 100%;
}

.filter_containter {
  margin-bottom: 60px;
}

/* Location List style */
.grid_view_locations {
  flex-wrap: wrap;
  margin-bottom: 60px;
  margin-top: 0px;
}

.grid_view_locations.filterOpened {
  margin-top: 60px;
}

.slidein {
  opacity: 1;
  padding-top: 0px;
  transition: all 0.3s ease-out;
}

.location_card_img {
  height: 240px;
  background-size: cover;
}

.location_card_img_floating {
  margin-bottom: 15px;
}

.location_card_img_floating img {
  height: 60px;
  margin: auto;
  margin-top: -50px;
}

.location_card h6 {
  font-size: 16px;
  line-height: 20px;
  color: var(--color-primary);
}

.socialbtns i {
  font-size: 18px;
}

.socialbtns {
  gap: 12px;
}

.location_url_dispaly h5 {
  font-size: 11px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 0.7857142687px;
  text-align: left;
}

.location_url_dispaly {
  padding-top: 6px;
}

.locationTitle {
  line-height: 1.3;
  margin-left: -2px;
}

h4.locationTitle {
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: center;
}

.location_card_info strong {
  font-weight: 700;
}

/* Map style */
.location_icon_img_floating {
  height: 185px;
  width: 100%;
  background-size: cover;
}

.mapboxgl-popup-content h4 {
  margin-bottom: 0px;
  text-align: left;
  color: var(--color-primary);
}

.marker {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  cursor: pointer;
}

.marker:hover {
  width: 45px;
  height: 45px;
  z-index: 9999 !important;
}

.marker.active {
  width: 45px;
  height: 45px;
  z-index: 9999 !important;
}

.mapboxgl-popup-tip {
  display: none;
}

.mapboxgl-popup-content {
  padding: 0px !important;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  overflow: hidden;
  text-align: left;
  border-radius: 0px !important;
  border: 1px solid var(--color-alt);
}

.mapboxgl-popup {
  min-width: 300px;
  margin-left: -110px;
  margin-top: -25px;
  background-color: white;
}
.mapboxgl-popup:after {
  position: absolute;
  top: 10px;
  right: 10px;
  pointer-events: all;
  display: none;
}

.mapboxgl-popup-close-button {
  display: none;
}

.mapboxgl-ctrl-bottom-left, .mapboxgl-ctrl-bottom-right {
  display: none;
}

.mapboxgl-popup {
  max-width: 200px;
}

.location_card_info p a {
  font-weight: 900;
  text-decoration: underline;
}

.location_card_info p a:hover {
  opacity: 0.7;
}

.popup-info {
  padding: 10px !important;
}

.filter_btn h5 {
  text-decoration: underline;
}

.fa-solid.fa-filter {
  padding-left: 10px;
}

.btn.std {
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  background: transparent;
  padding: 12px 25px;
  border: 1px solid var(--color-primary);
  border-radius: 40px;
  text-align: center;
  transition: ease all 0.3s;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.btn.std.active {
  background: var(--color-primary);
  border: 1px solid var(--color-primary);
  color: var(--color-white);
}

.btn.std:hover {
  background: var(--color-primary);
  color: var(--color-white);
}

.dropdown {
  position: relative;
  cursor: pointer;
}

.dropbtn {
  border-bottom: 1px solid var(--color-primary);
  padding: 10px 0px;
}

.dropbtn .displayfilter {
  font-size: 16px;
}

.map_filter {
  height: 0px;
  opacity: 0;
  transition: all 0.4s;
  display: flex;
  pointer-events: none;
}

.map_filter.filter_activated {
  pointer-events: all;
  opacity: 1;
  height: auto;
  transition: all 0.4s;
}

.show_filters,
.view_changer#grid,
.view_changer#mapbox,
.clear_btn {
  font-family: var(--highlight-font-name);
  text-transform: uppercase;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.show_filters svg,
.view_changer#grid svg,
.view_changer#mapbox svg,
.clear_btn svg {
  color: var(--color-primary);
  fill: var(--color-primary);
  width: 20px;
}
.show_filters:hover,
.view_changer#grid:hover,
.view_changer#mapbox:hover,
.clear_btn:hover {
  color: var(--color-secondary);
  fill: var(--color-secondary);
}
.show_filters:hover svg,
.view_changer#grid:hover svg,
.view_changer#mapbox:hover svg,
.clear_btn:hover svg {
  color: var(--color-secondary);
  fill: var(--color-secondary);
}
.show_filters.active,
.view_changer#grid.active,
.view_changer#mapbox.active,
.clear_btn.active {
  color: var(--color-secondary);
  fill: var(--color-secondary);
}
.show_filters.active svg,
.view_changer#grid.active svg,
.view_changer#mapbox.active svg,
.clear_btn.active svg {
  color: var(--color-secondary);
  fill: var(--color-secondary);
}

.map_header .f-row {
  align-items: center;
}
.map_header .f-row .a-between {
  align-items: center;
}

.open > .fa-chevron-down {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.in-grid {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (max-width: 789px) {
  .m-hide {
    display: none;
  }
}

.capsule {
  border-radius: 900px;
  position: absolute;
  padding: 10px;
  text-align: center;
  font-weight: 400;
  font-size: 8px;
  line-height: 12px;
  left: 15px;
  top: 15px;
  font-family: var(--highlight-font-name);
}

.no_results {
  display: none;
  padding: 50px 0px;
}

.padding1-3 {
  padding-left: 60px;
}

@media screen and (max-width: 979px) {
  .fullwidth-outer > .vc_column-inner {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

.textblock-1-3 {
  display: flex;
  flex-grow: 1;
}

.textblock-1-3 > .vc_column-inner {
  height: fit-content;
  margin: auto;
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}
@media screen and (min-width: 980px) {
  .textblock-1-3 > .vc_column-inner {
    padding-right: 50px !important;
  }
}

.map_card .location_card_img {
  height: 180px !important;
}
.map_card .location_card_info {
  padding: 0px 15px 20px;
}
.map_card .favorite-button {
  display: none;
  opacity: 0;
}

.animate-text-type {
  display: none;
}

.animate-text-rollover {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.animate-text-rollover span {
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0;
  transition: opacity 0.5s ease-in-out 0s, top 0.5s ease-in-out 0.5s;
}
.animate-text-rollover span.active {
  position: relative !important;
  opacity: 1;
  top: 0px;
  transition: 0.5s ease-in-out;
}

.text_propertyinfo .description-con {
  white-space: break-spaces;
  gap: 10px;
}
.text_propertyinfo .quick_info img {
  max-height: 16px;
  width: 20px;
  overflow: visible;
  position: absolute;
}
.text_propertyinfo .logo-con {
  height: 16px;
  width: 20px;
}
.text_propertyinfo .btn-icon:hover .logo-con .logo-con .logo {
  display: none !important;
}
.text_propertyinfo .btn-icon:hover .logo-con .logo_dark {
  display: flex;
}
.text_propertyinfo .readmore-btn {
  width: fit-content;
}
.text_propertyinfo .readmore-btn .animate_underline_reversed {
  background-color: var(--color-highlight);
}

.more_section_con {
  display: flex;
  overflow: hidden;
  position: relative;
}

.more_section {
  position: absolute;
  width: 100%;
}

.specifications_section {
  padding: 13px 0px 10px;
  border-bottom: 1px solid var(--color-highlight);
}

.module_html_code iframe {
  max-width: 100%;
}

.popup_gallery.active {
  top: 0 !important;
  left: 0 !important;
  height: 100vh !important;
  opacity: 1 !important;
  z-index: 40 !important;
  position: fixed !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  background: black !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  display: flex !important;
  align-items: center !important;
}
.popup_gallery.active .ingrid {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.popup_gallery.active img {
  object-fit: contain !important;
}

.module_slider_type1 > .fullwidth .slider_type1 {
  padding-left: 20px;
  padding-right: 20px;
}

.teammember-socials .social_logo {
  height: 24px;
  width: 24px;
}

.downloads_property .quick_info img {
  max-height: 16px;
  width: 20px;
  overflow: visible;
  position: absolute;
}
.downloads_property .logo-con {
  height: 16px;
  min-width: 20px;
}
.downloads_property .btn-icon:hover .logo-con .logo-con .logo {
  display: none !important;
}
.downloads_property .btn-icon:hover .logo-con .logo_dark {
  display: flex;
}

.module_post_filter {
  overflow: visible;
  position: relative;
  z-index: 2;
}
.module_post_filter .module-con-inner {
  overflow: visible;
}
.module_post_filter .post_filter_containter {
  padding: 20px 0px;
  border-top: 1px solid var(--color-highlight);
  border-bottom: 1px solid var(--color-highlight);
}
.module_post_filter .dropdown_filter_con {
  background-color: var(--color-lightgrey);
  border-bottom: 1px solid var(--color-grey);
}
.module_post_filter .icon_dropdown svg {
  width: 10px;
}
.module_post_filter .select-circle {
  min-width: 16px;
  min-height: 16px;
  max-height: 16px;
  border-radius: 900px;
  border: 1px solid var(--color-highlight);
  padding: 3px;
  background-color: var(--color-white);
}
.module_post_filter .select-circle-inner {
  background-color: var(--color-white);
}
.module_post_filter .dropdown-content {
  background-color: var(--color-white);
  border: 1px solid var(--color-lightgrey);
  border-top: none;
  position: absolute;
  width: 100%;
  z-index: 2;
  max-height: 350px;
  top: 41px !important;
  overflow-y: auto;
}
@media screen and (max-width: 789px) {
  .module_post_filter .dropdown-content {
    position: inherit;
    top: 0px !important;
  }
}
.module_post_filter .filter_option {
  background-color: transparent;
  border-bottom: 1px solid var(--color-lightgrey);
  padding: 13px 15px;
  transition: all 0.2s;
}
.module_post_filter .filter_option:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.module_post_filter .filter_option.active .select-circle-inner {
  background-color: var(--color-highlight);
  border-radius: 999px;
  width: 100%;
  height: 100%;
}
.module_post_filter .show_filters svg {
  fill: var(--color-white);
}
.module_post_filter .icon-search-overlaid-con {
  position: relative;
  max-width: 0px;
  overflow: visible;
}
.module_post_filter .icon-search-overlaid-con .icon-search-overlaid {
  width: 17px;
  position: absolute;
  left: 15px;
}
.module_post_filter .icon-search-overlaid-con .icon-search-overlaid svg {
  margin-top: 4px;
}
.module_post_filter .icon-search-overlaid-con .icon-search-overlaid svg path {
  fill: var(--color-primary);
}
.module_post_filter .search_value {
  height: 50px;
  background-color: var(--color-white);
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
  padding-left: 40px;
}
.module_post_filter .search_value:focus {
  outline: none;
}
.module_post_filter .search_value::placeholder {
  color: var(--color-grey);
}

.theme_highlight .select-circle {
  border: 1px solid var(--color-primary);
  background-color: var(--color-white);
}
.theme_highlight .filter_option.active .select-circle-inner {
  background-color: var(--color-primary);
}

.footer .footer_logo {
  position: relative;
  left: 0;
  width: 100%;
  height: var(--footer-logo-height);
  max-height: var(--footer-logo-height);
}
@media screen and (max-width: 789px) {
  .footer .footer_logo {
    height: var(--footer-logo-height-mobile);
    max-height: var(--footer-logo-height-mobile);
  }
}
.footer .footer_logo img {
  position: absolute;
  left: 0;
  max-height: 100%;
}
.footer .footer_logo .logo {
  opacity: 1;
}
.footer .footer_logo .logo_dark {
  opacity: 0;
}

.theme_dark .footer .footer_logo .logo {
  opacity: 0;
}
.theme_dark .footer .footer_logo .logo_dark {
  opacity: 1;
}

.theme_light .footer {
  background-color: var(--color-primary);
}
.theme_light .footer .footer_logo .logo {
  opacity: 1;
}
.theme_light .footer .footer_logo .logo_dark {
  opacity: 0;
}

.theme_highlight .footer {
  background-color: var(--color-highlight);
}
.theme_highlight .footer .footer_logo .logo {
  opacity: 0;
}
.theme_highlight .footer .footer_logo .logo_dark {
  opacity: 1;
}